.article-directory{--article-paper:#f5f4ef;--article-ink:#202c3d;--article-muted:#536071;--article-accent:#4338a0;--article-line:#cfd4cc;color:var(--article-ink);background:var(--article-paper);padding-block:40px 64px}.article-directory ::selection{color:#fff;background:var(--article-accent)}.article-directory :is(a,button,input,select):focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}.article-directory__header{justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px;display:flex}.article-directory__header h1{letter-spacing:-.02em;font-size:30px;font-weight:650;line-height:1.5}.article-directory__header p{color:var(--article-muted);max-width:48rem;margin-top:10px;font-size:15px;line-height:1.9}.article-directory__header nav{flex-shrink:0;gap:20px;font-size:13px;display:flex}.article-directory__header nav a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}.article-directory__preview-note{border-block:1px solid var(--article-line);color:var(--article-muted);margin-bottom:20px;padding-block:12px;font-size:13px;line-height:1.85}.article-directory__preview-note strong{color:var(--article-ink);font-weight:650}.article-directory__noscript{margin-bottom:16px;font-size:13px;line-height:1.8}.article-table{font-size:14px}.article-table__toolbar{grid-template-columns:minmax(200px,1fr) minmax(150px,220px) minmax(170px,220px);gap:16px;margin-bottom:20px;display:grid}.article-table__toolbar label{color:var(--article-muted);gap:7px;font-size:12px;font-weight:600;display:grid}.article-table__toolbar input,.article-table__toolbar select{width:100%;min-width:0;height:44px;color:var(--article-ink);font:inherit;caret-color:var(--article-accent);background:#fff;border:1px solid #9ca59f;border-radius:3px;padding:8px 12px;font-size:14px;font-weight:400}.article-table__toolbar input::placeholder{color:#65717e;opacity:1}.article-table__summary{min-height:48px;color:var(--article-muted);flex-wrap:wrap;align-items:center;gap:12px 20px;padding-block:8px 12px;font-size:12px;display:flex}.article-table__summary strong{color:var(--article-ink);font-size:14px;font-weight:650}.article-table__example-label{margin-left:auto}.article-table__metrics-note{margin-left:auto;font-size:12px}.article-table__connection{color:var(--article-muted);font-size:13px;line-height:1.8}.article-table__connection:has(p:empty){display:none}.article-table__connection p:not(:empty){margin-bottom:10px}.article-table__connection button{min-height:44px;color:var(--article-accent);text-underline-offset:3px;margin-bottom:12px;text-decoration:underline}.article-table :is(button,input,select):disabled{cursor:default}.article-table :is(button,select):disabled{color:#626e7a}.article-table__like-button:disabled{border-color:#0000}.article-table__clear{text-underline-offset:3px;min-height:32px;color:var(--article-accent);text-decoration:underline}.article-table__grid{table-layout:fixed;border-collapse:separate;border-spacing:0;border:1px solid var(--article-line);background:#fff;border-bottom:0;width:100%}.article-table__number-col{width:44px}.article-table__keywords-col{width:168px}.article-table__date-col{width:122px}.article-table__likes-col{width:102px}.article-table__views-col{width:100px}.article-table__grid thead th{text-align:left;color:#465260;border-right:1px solid var(--article-line);background:#e9ece6;border-bottom:1px solid #b9c1b9;height:44px;padding:6px 16px;font-size:12px;font-weight:600}.article-table__grid thead th:last-child{border-right:0}.article-table__grid thead .article-table__number-head{text-align:center;padding-inline:8px}.article-table__grid tbody :is(td,th){vertical-align:top;border-right:1px solid #e5e8e1;border-bottom:1px solid var(--article-line);padding:18px 16px}.article-table__grid tbody td:last-child{border-right:0}.article-table__row:nth-child(2n){background:#fafaf7}.article-table__row:focus-within,.article-table__row:hover{background:#f0f1ec}.article-table__grid tbody .article-table__number{text-align:center;color:var(--article-muted);font-variant-numeric:tabular-nums;padding-inline:8px;padding-top:22px;font-size:12px}.article-table__entry{text-align:left;font-weight:400}.article-table__article{grid-template-columns:84px minmax(0,1fr);align-items:start;gap:16px;display:grid}.article-table__thumbnail{object-fit:contain;border:1px solid #e1e5df;width:84px;height:auto;max-height:70px;display:block}.article-table__text h2{overflow-wrap:anywhere;font-size:16px;font-weight:650;line-height:1.7}.article-table__text h2 a{text-underline-offset:4px;text-decoration-thickness:1px}.article-table__text h2 a:hover{color:var(--article-accent);text-decoration:underline}.article-table__text p{color:var(--article-muted);overflow-wrap:anywhere;margin-top:6px;font-size:12px;font-weight:400;line-height:1.8}.article-table__keywords{font-size:12px}.article-table__keywords>div{justify-items:start;gap:3px;display:grid}.article-table__keywords a{text-underline-offset:3px;overflow-wrap:anywhere;align-items:center;min-height:24px;line-height:1.8;text-decoration:underline #c6cbc3;display:inline-flex}.article-table__keywords a:hover{color:var(--article-accent);text-decoration-color:currentColor}.article-table__date,.article-table__views{font-variant-numeric:tabular-nums;font-size:12px;line-height:26px}.article-table__grid tbody .article-table__views{text-align:right;padding-right:20px}.article-table__sort-button{cursor:pointer;text-align:left;justify-content:space-between;align-items:center;gap:6px;width:100%;min-height:32px;display:flex}.article-table__sort-button:hover{color:var(--article-accent)}.article-table__like-button{cursor:pointer;font-variant-numeric:tabular-nums;min-width:68px;min-height:40px;color:var(--article-muted);background:0 0;border:1px solid #0000;border-radius:3px;justify-content:center;align-items:center;gap:8px;margin-top:-4px;padding:6px 8px;font-size:13px;transition:color .16s ease-out,border-color .16s ease-out;display:inline-flex}.article-table__like-button:hover:not(:disabled),.article-table .article-table__like-button[aria-pressed=true]{color:var(--article-accent);border-color:#b9b3d8}.article-table__like-button[aria-pressed=true] svg{fill:currentColor;fill-opacity:.12;stroke-width:2px}.article-table .article-table__like-button[aria-busy=true]{color:var(--article-accent);cursor:progress}.article-table__like-icon{flex:0 0 18px;place-items:center;width:18px;height:18px;display:grid}.article-table__like-spinner{border:1.5px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.8s linear infinite article-like-spin}@keyframes article-like-spin{to{transform:rotate(360deg)}}.article-table__like-count{white-space:nowrap;font-weight:600}.article-table__views span{overflow-wrap:anywhere}.article-table__like-button{max-width:100%}.article-table__summary p:focus-visible{outline:2px solid var(--article-accent);outline-offset:3px}.article-table__like-button:active:not(:disabled){color:var(--article-accent);border-color:var(--article-accent)}.article-table__empty{text-align:center}.article-table__empty p{padding-top:16px;line-height:1.9}.article-table__empty button{min-height:44px;color:var(--article-accent);text-underline-offset:4px;margin-block:8px 16px;text-decoration:underline}.article-table__mobile-label{display:none}.article-table__sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.article-directory__pagination{color:var(--article-muted);justify-content:space-between;align-items:center;gap:20px;margin-top:20px;font-size:12px;display:flex}.article-directory__pagination nav{gap:12px;margin-top:0}.article-directory__pagination nav :is(a,button){background:0 0;border:1px solid #bec5be;border-radius:3px;align-items:center;min-height:44px;padding:8px 16px;display:inline-flex}.article-directory__pagination nav :is(a,button):hover:not(:disabled){background:#e5e7df}.article-directory__pagination nav{display:flex}.article-directory__pagination button:disabled{color:#626e7a;border-color:#ccd1c9}@media (width<=1050px) and (width>=960px){.article-table__grid--metrics .article-table__article{grid-template-columns:minmax(0,1fr)}.article-table__grid--metrics .article-table__thumbnail{display:none}.article-table__keywords-col{width:132px}}@media (width<=959px){.article-table__grid,.article-table__grid tbody{display:block}.article-table__grid{border:1px solid var(--article-line);border-bottom:0}.article-table__grid colgroup{display:none}.article-table__grid thead{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.article-table__grid .article-table__row{border-bottom:1px solid var(--article-line);grid-template-columns:minmax(0,1fr) auto;gap:12px 16px;padding:18px 16px;display:grid;position:relative}.article-table__grid tbody :is(td,th){border:0;padding:0;display:block}.article-table__grid tbody .article-table__number{display:none}.article-table__entry{grid-column:1/-1}.article-table__keywords{grid-column:1/-1;gap:12px;display:flex!important}.article-table__keywords>div{flex-wrap:wrap;gap:6px 16px;display:flex}.article-table__mobile-label{color:var(--article-muted);font-size:11px;font-weight:400;display:inline}.article-table__keywords>.article-table__mobile-label{flex-shrink:0;line-height:24px}.article-table__date{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:6px 12px;display:flex!important}.article-table__grid--metrics .article-table__date,.article-table__likes{grid-column:1}.article-table__grid tbody .article-table__views{grid-area:4/2;align-items:center;gap:10px;padding-right:0;display:flex}.article-table__like-button{min-height:44px;margin-top:0}.article-table__empty{display:block;border-bottom:1px solid var(--article-line)!important;padding:20px!important}}@media (width<=639px){.article-directory{padding-block:28px 48px}.article-directory__header{margin-bottom:20px;display:block}.article-directory__header h1{font-size:26px}.article-directory__header p{font-size:14px}.article-directory__header nav{margin-top:10px}.article-table__toolbar{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}.article-table__search{grid-column:1/-1}.article-table__summary{line-height:1.9;display:block}.article-table__summary p span{display:block}.article-table__example-label{display:none}.article-table__article{grid-template-columns:58px minmax(0,1fr);gap:12px}.article-table__thumbnail{width:58px}.article-table__text h2{font-size:15px;line-height:1.75}.article-table__text p{margin-top:8px}.article-directory__pagination{display:block}.article-directory__pagination nav{justify-content:start;margin-top:12px}}@media (prefers-reduced-motion:reduce){.article-table__like-button{transition:none}.article-table__like-spinner{animation:none}}