.design-site .knowledge-index,.design-site .knowledge-directory{padding-block:144px 96px}.design-site .knowledge-heading{margin-bottom:56px}.design-site .knowledge-heading h1{margin-top:12px;font-size:40px;line-height:1.5}.design-site .knowledge-heading h2{margin-top:12px;font-size:32px;line-height:1.6}.design-site .knowledge-heading nav{gap:24px;margin-top:24px;font-size:14px;display:flex}.design-site .knowledge-featured{gap:56px;max-width:780px;margin:80px auto 96px;display:grid}.design-site .knowledge-featured>.knowledge-heading{margin:0}.design-site .knowledge-featured .knowledge-card-main{grid-template-columns:48% 1fr;align-content:start;column-gap:32px;display:grid}.design-site .knowledge-featured .knowledge-card-main>img{grid-row:span 2}.design-site .knowledge-featured .knowledge-tags{margin-left:calc(48% + 32px)}.design-site .knowledge-featured .knowledge-card h3{font-size:20px}.design-site .knowledge-index-action{text-align:center}.design-site .knowledge-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:56px 40px;display:grid}.design-site .knowledge-card{min-width:0}.design-site .knowledge-card-main{display:block}.design-site .knowledge-card-main>img{aspect-ratio:1.91;object-fit:cover;border-radius:8px;width:100%;height:auto}.design-site .knowledge-card-meta{color:var(--sub-foreground);flex-wrap:wrap;gap:8px 16px;margin-block:16px 8px;font-size:12px;line-height:1.6;display:flex}.design-site .knowledge-card h2,.design-site .knowledge-card h3{font-size:18px;line-height:1.7}.design-site .knowledge-tags{color:var(--sub-foreground);flex-wrap:wrap;gap:6px 16px;margin-top:16px;font-size:12px;list-style:none;display:flex}.design-site .knowledge-tags a{overflow-wrap:anywhere}.design-site .knowledge-category-nav{flex-wrap:wrap;gap:16px 24px;margin-block:32px;font-size:14px;display:flex}.design-site .knowledge-category-nav [aria-current=page]{text-underline-offset:6px;font-weight:600;text-decoration:underline}.design-site .knowledge-filters{background:var(--card);border-radius:12px;grid-template-columns:minmax(200px,2fr) 1fr 1fr auto;align-items:end;gap:16px;padding:32px;display:grid}.design-site .knowledge-filters label{gap:8px;font-size:14px;display:grid}.design-site .knowledge-filters input,.design-site .knowledge-filters select{background:var(--card);width:100%;min-width:0;color:var(--foreground);border:1px solid var(--border);font:inherit;border-radius:6px;min-height:44px;padding:10px 12px}.design-site .knowledge-filters button[type=submit],.design-site .knowledge-more{border:1px solid var(--border);background:var(--foreground);color:var(--card);min-height:44px;font:inherit;cursor:pointer;border-radius:6px;padding:12px 24px}.design-site .knowledge-result{margin-bottom:32px;font-size:14px}.design-site .knowledge-more{margin:56px auto 0;display:block}.design-site [data-article-empty]{background:var(--card);text-align:center;gap:16px;padding:48px 24px;display:grid}.design-site .knowledge-article{padding-top:136px}.design-site .knowledge-article-header{max-width:800px;padding-block:40px}.design-site .knowledge-breadcrumb{flex-wrap:wrap;gap:8px 24px;margin-bottom:28px;font-size:12px;display:flex}.design-site .knowledge-article-header h1{font-size:32px;line-height:1.7}.design-site .knowledge-byline{color:var(--sub-foreground);gap:24px;margin-top:28px;font-size:12px;display:flex}.design-site .knowledge-hero img{border-radius:8px;width:100%;height:auto}.design-site .knowledge-summary h2{margin-block:16px 24px;font-size:24px;line-height:1.7}.design-site .knowledge-summary>p:last-child{white-space:pre-line;font-size:16px;line-height:2}.design-site .knowledge-body{padding-block:24px 96px}.design-site .knowledge-legacy-anchors{height:0;position:relative}.design-site .knowledge-legacy-anchors span{scroll-margin-top:140px;position:absolute}.design-site .knowledge-body-section{grid-template-columns:minmax(0,320px) minmax(0,800px);align-items:start;gap:80px;margin-bottom:120px;display:grid}.design-site .knowledge-body-section:not(.has-heading)>.editorial-prose{grid-column:2}.design-site .knowledge-sticky-heading{font-size:28px;line-height:1.7;position:sticky;top:128px}.design-site .knowledge-sticky-heading h2{scroll-margin-top:140px}.design-site .knowledge-body .editorial-prose>:first-child{margin-top:0}.design-site .knowledge-credits{border-top:1px solid var(--border);max-width:800px;padding-block:48px 64px}.design-site .knowledge-credits h2{margin-bottom:32px;font-size:20px}.design-site .knowledge-credits>div{gap:32px;display:grid}.design-site .knowledge-credits section{gap:24px;font-size:14px;display:flex}.design-site .knowledge-credits img{object-fit:cover;border-radius:50%;flex-shrink:0;width:80px;height:80px}.design-site .knowledge-credit-roles{color:var(--sub-foreground);font-size:12px}.design-site .knowledge-credits h3{margin-block:4px 12px;font-size:18px}.design-site .knowledge-related{padding-block:80px 64px}.design-site .knowledge-related>h2{margin-bottom:48px;font-size:28px}.design-site .knowledge-back{text-align:center;padding-bottom:80px}.design-site .glossary-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.design-site .glossary-grid a{background:var(--card);overflow-wrap:anywhere;border-radius:8px;justify-content:space-between;align-items:center;min-width:0;padding:24px;display:flex}@media (width<=1199.98px){.design-site .knowledge-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 32px}.design-site .knowledge-body-section{grid-template-columns:260px minmax(0,1fr);gap:40px}.design-site .knowledge-sticky-heading{font-size:24px}.design-site .knowledge-filters{grid-template-columns:1fr 1fr}.design-site .knowledge-overview{gap:32px}}@media (width<=809.98px){.design-site .knowledge-index,.design-site .knowledge-directory{padding-block:112px 64px}.design-site .knowledge-heading{margin-bottom:40px}.design-site .knowledge-heading h1{font-size:30px}.design-site .knowledge-heading h2{font-size:26px}.design-site .knowledge-featured{gap:40px;margin-block:56px 64px}.design-site .knowledge-featured .knowledge-card-main{display:block}.design-site .knowledge-featured .knowledge-tags{margin-left:0}.design-site .knowledge-grid{grid-template-columns:1fr;gap:48px}.design-site .knowledge-filters{grid-template-columns:1fr;padding:24px}.design-site .knowledge-article{padding-top:96px}.design-site .knowledge-article-header{padding-block:32px}.design-site .knowledge-article-header h1{font-size:24px}.design-site .knowledge-overview{grid-template-columns:1fr;gap:40px;padding-block:48px 56px}.design-site .knowledge-summary h2{font-size:22px}.design-site .knowledge-toc{padding:24px}.design-site .knowledge-body{padding-bottom:40px}.design-site .knowledge-body-section{margin-bottom:64px;display:block}.design-site .knowledge-sticky-heading{margin-bottom:32px;font-size:24px;position:static}.design-site .knowledge-credits{padding-block:40px}.design-site .knowledge-credits section{gap:16px}.design-site .knowledge-credits img{width:56px;height:56px}.design-site .knowledge-related{padding-block:48px}.design-site .knowledge-related>h2{font-size:24px}.design-site .glossary-grid{grid-template-columns:1fr}}.design-site .knowledge-filters [role=combobox]{border:1px solid var(--border);background:var(--card);width:100%;height:auto;min-height:44px;color:var(--foreground);font:inherit;white-space:normal;padding:10px 12px}.design-site .knowledge-filters>div>label{margin-bottom:8px;font-size:14px;display:block}.design-site .knowledge-filters [role=combobox]{text-align:left;justify-content:space-between}.design-site .knowledge-article-header h1,.design-site .knowledge-card h2,.design-site .knowledge-card h3{word-break:auto-phrase;text-wrap:pretty;overflow-wrap:anywhere}.design-site .article-end{gap:64px;max-width:1000px;padding-block:64px 80px;display:grid}.design-site .article-end-row{grid-template-columns:160px minmax(0,1fr);gap:0;display:grid}.design-site .article-end-row>h2{padding-top:20px;font-size:22px;font-weight:600;line-height:1.5}.design-site .article-share>h2{align-self:center;padding-top:0}.design-site .credit-list>li+li{border-top:1px solid var(--line)}.design-site .credit-item>summary,.design-site .credit-summary{align-items:center;gap:24px;padding-block:16px;list-style:none;display:flex}.design-site .credit-item>summary{cursor:pointer;border-radius:8px}.design-site .credit-item>summary::-webkit-details-marker{display:none}.design-site .credit-item>summary:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .credit-avatar{object-fit:cover;border-radius:50%;flex:none;width:80px;height:80px}.design-site .credit-head{flex:1;gap:4px;min-width:0;display:grid}.design-site .credit-meta{color:var(--sub-foreground);flex-wrap:wrap;gap:0 12px;font-size:14px;line-height:1.6;display:flex}.design-site .credit-head strong{font-size:20px;font-weight:600;line-height:1.5}.design-site .credit-toggle{flex:none;width:24px;height:24px;position:relative}.design-site .credit-toggle:before,.design-site .credit-toggle:after{content:"";background:var(--foreground);height:2px;transition:rotate var(--motion-hover-duration) var(--ease);position:absolute;top:11px;left:2px;right:2px}.design-site .credit-toggle:after{rotate:90deg}.design-site .credit-item[open] .credit-toggle:after{rotate:0deg}.design-site .credit-body{padding:0 48px 24px 0;font-size:15px;line-height:1.9}.design-site .credit-item:has(.credit-avatar) .credit-body{padding-left:104px}.design-site .credit-links{flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px;display:flex}.design-site .credit-links a{display:inline-flex}.design-site .share-list{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.design-site .share-list li{align-items:center;gap:8px;display:flex}.design-site .share-list li[hidden]{display:none}.design-site .share-list a,.design-site .share-list button{width:48px;height:48px;color:var(--foreground);cursor:pointer;transition:background-color var(--motion-hover-duration) var(--ease);background:0 0;border-radius:50%;justify-content:center;align-items:center;display:flex}.design-site .share-list a:focus-visible,.design-site .share-list button:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.design-site .share-copied{font-size:12px}@media (width<=809.98px){.design-site .article-end{gap:40px;padding-block:40px 56px}.design-site .article-end-row{grid-template-columns:1fr;gap:8px}.design-site .article-end-row>h2{padding-top:0;font-size:20px}.design-site .article-share>h2{align-self:start}.design-site .credit-item>summary,.design-site .credit-summary{gap:16px}.design-site .credit-avatar{width:56px;height:56px}.design-site .credit-body,.design-site .credit-item:has(.credit-avatar) .credit-body{padding:0 0 20px}}.design-site .interview-facts{max-width:800px;padding-top:80px}.design-site .interview-facts .project-fact:last-child{margin-bottom:0}.design-site .interview-facts+.knowledge-overview{padding-top:64px}.design-site .knowledge-summary .rich-text{margin-top:16px;font-size:16px;line-height:2}.design-site .interview-related .project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.design-site .interview-related.is-single .project-grid{grid-template-columns:minmax(0,1fr)}.design-site .interview-related.is-single .project-card-title{font-size:24px;line-height:1.6}@media (width<=809.98px){.design-site .interview-related .project-grid{grid-template-columns:minmax(0,1fr)}.design-site .interview-related.is-single .project-card-title{font-size:18px}}