.articles-banner{padding-block:clamp(3rem,6vw,5rem) 3rem}.articles-kicker{color:var(--ember);margin-bottom:1rem;font-size:.875rem}.articles-banner h1{max-width:18ch;font-size:clamp(2.5rem,5vw,4.5rem)}.articles-banner>p:last-child{color:var(--muted);max-width:58ch;margin-top:1.5rem;font-size:1.125rem}.articles-layout{grid-template-columns:220px minmax(0,1fr);align-items:start;gap:clamp(2rem,5vw,4rem);padding-block:1.5rem 6rem;display:grid}.articles-sidebar{min-width:0;position:sticky;top:2rem}.browse-label{color:var(--faint);margin-bottom:1.2rem;font-size:.75rem}.browse-group{margin-bottom:1.5rem}.browse-group-link,.browse-tree ul a{justify-content:space-between;align-items:baseline;gap:.75rem;min-height:34px;padding-block:.4rem;display:flex}.browse-group-link{color:var(--ink);font-size:.875rem;font-weight:600}.browse-group-link.selected,.browse-tree a[aria-current=location]{color:var(--ember)}.browse-count{color:var(--faint);font-variant-numeric:tabular-nums;font-size:.75rem;font-weight:400}.browse-tree ul,.article-outline ul{border-left:1px solid var(--line);margin:.4rem 0 0;padding:0 0 0 1rem;list-style:none}.browse-tree ul a{color:var(--muted);font-size:.8125rem;line-height:1.5}.browse-tree a:hover,.article-outline a:hover{color:var(--ember)}.article-outline{margin-top:2rem}.article-outline>p{color:var(--ink);font-size:.8125rem}.article-outline a{color:var(--muted);padding-block:.35rem;font-size:.8125rem;line-height:1.5;display:block}.mobile-browse{display:none}.articles-list{min-width:0}.articles-intro{color:var(--muted);max-width:62ch;margin-bottom:3rem;font-size:1rem;line-height:1.85}.article-category{margin-top:3.5rem}.article-category:first-of-type{margin-top:0}.category-heading{justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:1rem;display:flex}.category-heading h2{scroll-margin-top:2rem;font-size:clamp(1.6rem,2.5vw,2rem)}.category-heading>span{color:var(--faint);white-space:nowrap;font-size:.75rem}.articles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2rem;display:grid}.article-card{border-top:1px solid var(--line)}.article-card>a{height:100%;padding-block:1.5rem;display:block}.article-meta{color:var(--faint);flex-wrap:wrap;gap:.35rem .65rem;font-size:.75rem;display:flex}.article-card h3{letter-spacing:-.025em;margin-block:1rem .85rem;font-size:1.25rem;line-height:1.4}.article-card p{color:var(--muted);font-size:.9375rem;line-height:1.8}.article-read{color:var(--ember);align-items:center;gap:.65rem;min-height:32px;margin-top:1.2rem;font-size:.8125rem;display:inline-flex}.article-read .icon{width:1rem;height:1rem}.article-card a:hover h3{color:var(--ember)}.article-reader-layout{padding-top:clamp(3rem,6vw,5rem)}.article-reader{min-width:0}.articles-back{color:var(--muted);margin-bottom:1.75rem}.article-reader .article-header{margin-bottom:2.5rem}.article-reader .article-header h1{font-size:clamp(2.2rem,4vw,3.75rem)}.article-reader .article-header .article-meta{margin-top:1.5rem}.article-category-label{color:var(--ember);margin-bottom:1rem;font-size:.8125rem}.article-reader .article-body h2{scroll-margin-top:2rem}.article-reader .article-body a{overflow-wrap:anywhere}.article-reader .article-body li{color:var(--muted);margin-block:.65rem}.article-afterword{border-top:1px solid var(--line);max-width:70ch;margin-top:3rem;padding-top:1.5rem}.article-afterword p,.articles-empty{color:var(--muted);font-size:.875rem}.article-afterword .text-link{color:var(--ember);margin-top:.75rem}@media (width<=900px){.articles-layout{grid-template-columns:1fr;gap:2rem}.articles-sidebar{position:static}.desktop-browse{display:none}.mobile-browse{border-block:1px solid var(--line);display:block}.mobile-browse summary{cursor:pointer;justify-content:space-between;align-items:center;min-height:54px;font-size:.875rem;list-style:none;display:flex}.mobile-browse summary::-webkit-details-marker{display:none}.mobile-browse summary>span{color:var(--ember);font-size:1.3rem}.mobile-browse[open] summary>span{transform:rotate(45deg)}.mobile-browse .browse-tree{padding-block:.5rem 1rem}.mobile-browse .browse-tree ul a{min-height:44px}.article-reader .article-header{max-width:70ch}}@media (width<=560px){.articles-grid{grid-template-columns:1fr;gap:.5rem}.articles-banner{padding-block:2.8rem 2rem}.articles-layout{padding-bottom:4rem}.article-meta{font-size:.6875rem}.article-card h3{font-size:1.3rem}.articles-intro{margin-bottom:2rem}}