.design-surface.blog-editorial{--section:80px;--icon-accent:var(--ink)}.design-surface .knowledge-index,.design-surface .knowledge-post{width:min(1248px,100% - 80px);max-width:1248px;padding-top:168px;padding-bottom:80px}.design-surface .knowledge-intro{grid-template-columns:1.2fr 1fr;align-items:end;gap:64px;max-width:none;margin-bottom:48px;display:grid}.design-surface .knowledge-intro h1{letter-spacing:-.035em;max-width:16ch;font-size:clamp(42px,5.4vw,76px);font-weight:600}.design-surface .knowledge-intro>p{max-width:43ch;margin:0;font-size:18px}.design-surface .knowledge-toolbar{border:0;align-items:end;padding:0 0 32px}.design-surface .knowledge-search input{background:var(--chalk);border-radius:8px;min-height:52px}.design-surface .knowledge-feature{border:0;padding:0 0 56px}.design-surface .article-card-featured{background:var(--clay);border-radius:16px;grid-template-columns:1fr 1fr;align-items:stretch;gap:0;overflow:hidden}.design-surface .article-card-featured .article-card-image{border-radius:0;margin:0}.design-surface .article-card-featured .article-card-image img{aspect-ratio:1.2;object-fit:cover;height:100%}.design-surface .article-card-featured .article-card-copy{align-self:center;padding:clamp(24px,4vw,48px)}.design-surface .article-card-featured h2{font-size:clamp(28px,3vw,42px);font-weight:600}.design-surface .article-card-text-only.article-card-featured{grid-template-columns:1fr;max-width:none}.design-surface .article-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 64px;display:grid}.design-surface .article-grid .article-card{border-top:1px solid var(--line);padding:32px 0 40px}.design-surface .article-grid .article-card-image{aspect-ratio:16/9;margin-bottom:24px}.design-surface .article-grid .article-card h2{font-size:clamp(25px,2.4vw,34px);font-weight:600}.design-surface .article-excerpt{font-size:16px;line-height:1.7;display:block;overflow:visible}.design-surface .article-meta{font-size:13px;line-height:1.6}.design-surface .article-read{margin-top:24px}.design-surface .article-header{max-width:980px}.design-surface .article-header h1{letter-spacing:-.035em;font-size:clamp(38px,5.2vw,68px);font-weight:600;line-height:1.08}.design-surface .article-description{max-width:66ch;margin-top:24px;font-size:20px}.design-surface .article-details{margin-top:28px}.design-surface .article-figure{margin-top:40px}.design-surface .article-hero{background:var(--clay);border-radius:16px}.design-surface .article-hero img{object-fit:contain;max-height:520px}.design-surface .article-reading-layout{grid-template-columns:minmax(0,740px) minmax(200px,280px);justify-content:space-between;gap:64px;margin-top:64px}.design-surface .article-main{grid-area:1/1;min-width:0;max-width:740px}.design-surface .article-reading-layout .article-body{max-width:70ch;font-size:18px;line-height:1.8}.design-surface .article-body p{line-height:1.8}.design-surface .article-body h2{letter-spacing:-.025em;margin-top:1.7em;font-size:clamp(28px,3vw,38px);font-weight:600}.design-surface .article-body h3{font-size:25px;font-weight:600}.design-surface .article-sidebar{grid-area:1/2;max-width:280px;top:132px}.design-surface .article-contents a{padding:10px 0;font-size:14px}.design-surface .article-contents a[aria-current]{color:var(--ink);text-underline-offset:5px;font-weight:600;text-decoration:underline}.design-surface .article-reader-end{margin-top:56px}.design-surface .article-editor{border-top:1px solid var(--line);padding:32px 0}.design-surface .article-editor h2{margin-bottom:20px;font-size:28px}.design-surface .article-editor img{width:160px;margin-bottom:16px}.design-surface .article-editor p+p{margin-top:16px}.design-surface .article-progress{z-index:55;background:0 0;height:2px;position:fixed;top:0;left:0;right:0}.design-surface .article-progress-fill{width:var(--reading-progress,0%);background:var(--ink);height:100%;display:block}.design-surface .article-closing{background:var(--clay);border-radius:16px;margin-top:64px}.design-surface .article-related{padding-bottom:80px}.design-surface .article-related>h2{margin-bottom:32px}@media (width<=960px){.design-surface .knowledge-intro{gap:32px}.design-surface .article-reading-layout{grid-template-columns:minmax(0,1fr);gap:32px}.design-surface .article-sidebar{grid-area:1/1;max-width:none;max-height:none;margin:0;display:block;position:static}.design-surface .article-main{grid-area:2/1;max-width:none}.design-surface .article-contents nav{columns:1;display:grid}.design-surface .article-grid{gap:0 32px}}@media (width<=600px){.design-surface .knowledge-index,.design-surface .knowledge-post{width:calc(100% - 40px);padding-top:132px;padding-bottom:48px}.design-surface .knowledge-intro{margin-bottom:32px;display:block}.design-surface .knowledge-intro>p{margin-top:24px}.design-surface .article-card-featured,.design-surface .article-grid{grid-template-columns:1fr}.design-surface .article-card-featured .article-card-image img{aspect-ratio:1.5}.design-surface .article-card-featured .article-card-copy{padding:28px}.design-surface .article-description{font-size:18px}.design-surface .article-reading-layout,.design-surface .article-closing{margin-top:40px}}