.article-reader{background:var(--bg)}:root[data-theme=light] .article-reader{--bg:#fff}.article-reader .article-shell{-moz-column-gap:clamp(24px,3vw,48px);--reading-font-size:19px;--reading-line-height:1.9;grid-template-columns:minmax(180px,220px) minmax(0,760px) minmax(190px,240px);gap:40px clamp(24px,3vw,48px);width:min(100%,1480px);padding:64px 32px 96px}.article-reader .article-shell>*{min-width:0}.article-reader .article-shell .article-header{box-shadow:none;background:0 0;border:0;border-radius:0;gap:20px;padding:0;overflow:visible}.article-reader .article-header:before{display:none}.article-reader .article-title{letter-spacing:-.035em;text-wrap:pretty;font-size:clamp(30px,3vw,44px);line-height:1.35}.article-deck{color:var(--text-2);word-break:keep-all;overflow-wrap:anywhere;font-size:19px;line-height:1.7}.article-reader .article-meta{border:0;gap:8px 16px;padding:4px 0;font-size:13px}.article-author{color:var(--text-1);font-weight:700}.article-reader .article-badge{letter-spacing:0;text-transform:none;border:0;border-radius:5px;font-size:12px}.article-reader .article-tag{letter-spacing:0;text-transform:none;font-size:12px}.article-reader .article-hero{border-radius:6px;margin-top:12px}.article-reader .article-shell .article-toc-shell{grid-row:1/span 5;padding-top:8px;top:100px}.article-reader .article-shell .article-toc{box-shadow:none;background:0 0;border:0;max-width:none;max-height:calc(100dvh - 132px);padding:0 8px 0 0}.article-reader .article-toc__header{margin-bottom:20px}.article-reader .article-toc__title{color:var(--text-1);font-family:var(--font-sans);letter-spacing:0;text-transform:none;font-size:16px}.article-reader .article-toc__list{gap:10px}.article-reader .article-shell .article-toc__link{color:var(--text-2);opacity:1;overflow-wrap:anywhere;padding:4px 0 4px 12px;font-size:13px;line-height:1.65}.article-reader .article-shell .article-toc__link.is-active{color:var(--accent);border-left-color:var(--accent)}.article-reader .article-prose{overflow-wrap:anywhere;padding:0}.article-reader .article-prose p{letter-spacing:0;overflow-wrap:anywhere;margin:24px 0;line-height:1.9}.article-reader .article-shell .article-prose h2{letter-spacing:-.025em;border:0;margin:56px 0 20px;padding:0;line-height:1.45}.article-reader .article-prose h3{margin:40px 0 16px;line-height:1.5}.article-reader .article-prose>:first-child{margin-top:0}.article-reader .article-prose li{overflow-wrap:anywhere;line-height:1.85}.article-reader .article-prose img{box-shadow:none;border-radius:6px}.article-reader .article-prose blockquote{border-radius:0 6px 6px 0;padding:16px 24px}.article-reader .article-prose pre{max-width:100%;font-size:14px;line-height:1.75}.article-reader .article-shell .code-block{box-shadow:none;border-radius:6px}.article-reader .article-prose :not(pre)>code{overflow-wrap:anywhere}.article-reader .article-prose th,.article-reader .article-prose td{line-height:1.65}.article-reader .article-recommendations{font-family:var(--font-sans);grid-area:1/3/span 5;padding-top:8px;position:sticky;top:100px}.article-recommendations h2{color:var(--text-1);margin-bottom:16px;font-size:16px;font-weight:700}.article-recommendations__link{border-top:1px solid var(--border);align-items:center;gap:12px;padding:18px 0;text-decoration:none;display:flex}.article-recommendations__link>span{flex:1;min-width:0}.article-recommendations__link small{color:var(--text-3);margin-bottom:6px;font-size:11px;display:block}.article-recommendations__link strong{color:var(--text-1);overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.6;display:block}.article-recommendations__link:hover strong{color:var(--accent)}.article-recommendations__link img{-o-object-fit:cover;object-fit:cover;border-radius:4px;width:72px;height:54px}.article-recommendations__all{color:var(--text-2);margin-top:12px;font-size:12px;display:inline-block}.article-reader .article-comments{border:0;border-top:1px solid var(--border);background:0 0;border-radius:0;margin-top:24px;padding:32px 0 0}@media (max-width:1199px){.article-reader .article-shell{grid-template-columns:190px minmax(0,760px);gap:32px;padding:48px 24px 72px}.article-reader .article-shell .article-toc-shell{grid-row:1/span 6}.article-reader .article-recommendations{grid-area:auto/2;position:static}.article-recommendations__list{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.article-recommendations__link{flex-direction:column-reverse;justify-content:flex-end;align-items:flex-start}}@media (max-width:1023px){.article-reader .article-shell{flex-direction:column;gap:32px;max-width:808px;display:flex}.article-reader .article-shell>*{width:100%}.article-reader .article-shell .article-toc-shell{border-block:1px solid var(--border);max-height:none;padding:16px 0;position:static}.article-reader .article-shell .article-toc{max-height:320px}.article-reader .article-toc__header{margin-bottom:0}.article-reader .article-toc__list{margin-top:16px}}@media (max-width:767px){.article-reader .article-shell{--reading-font-size:17px;gap:28px;padding:32px 20px 64px}.article-reader .article-title{font-size:30px}.article-reader .article-deck{font-size:17px}.article-reader .article-header{gap:16px}.article-reader .article-shell .article-prose h2{margin-top:40px;font-size:25px}.article-reader .article-prose h3{font-size:21px}.article-reader .article-prose pre{font-size:13px}.article-recommendations__list{grid-template-columns:1fr;gap:0}.article-recommendations__link{flex-direction:row;align-items:center}}@media print{.article-reader .article-shell{width:100%;padding:0;display:block}.article-reader .article-recommendations{display:none}}