.explainer{max-width:56rem}.explainer-head{gap:var(--space-3);padding-bottom:var(--space-8);margin-bottom:var(--space-2);border-bottom:var(--hairline);display:grid}.explainer-head h1{font:var(--type-display);letter-spacing:var(--tracking-tight);text-wrap:balance}.explainer-answer{gap:var(--space-3);max-width:var(--prose-max);font:var(--type-body-lg);color:var(--text-strong);justify-items:start;display:grid}.explainer-contents ol{gap:var(--space-2) var(--space-4);margin:var(--space-2) 0 0;font:var(--type-small);flex-wrap:wrap;padding:0;list-style:none;display:flex}.explainer-section{gap:var(--space-3);padding-block:var(--space-8);border-bottom:var(--hairline);scroll-margin-top:110px;display:grid}.explainer-section>*,.explainer-head>*{min-width:0}.explainer-section:last-of-type{border-bottom:0}.explainer-section h2{font:var(--type-heading);letter-spacing:var(--tracking-tight)}.explainer-line{max-width:var(--prose-max);color:var(--text-muted)}.explainer-items{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin:0;padding:0;list-style:none;display:grid}.explainer-items[data-layout=wide]{grid-template-columns:minmax(0,1fr)}.explainer-items li{align-content:start;gap:var(--space-1);padding:var(--space-4);border:var(--hairline);border-radius:var(--radius-lg);background:var(--surface-card);display:grid}.explainer-items li[data-status=planned]{border-style:dashed}.explainer-items strong{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.explainer-item-line{font:var(--type-small);color:var(--text-muted)}.explainer-more>div{gap:var(--space-3);max-width:var(--prose-max);padding-top:var(--space-3);display:grid}.explainer-more ul,.explainer-more ol{gap:var(--space-2);margin:0;padding-left:1.2em;display:grid}.explainer-link{font-weight:var(--weight-medium)}.cite{font:var(--type-label);margin-left:2px;text-decoration:none}.source-list{gap:var(--space-2);margin:0;padding-left:0;list-style:none;display:grid}.source-list li{scroll-margin-top:110px}.source-marker{font:var(--type-mono-sm)}@media (max-width:40rem){.explainer-head h1{font:var(--type-section)}.explainer-section{padding-block:var(--space-6)}.explainer-answer{font:var(--type-body)}}.explainer-list{gap:var(--space-2);margin:0;padding-left:1.2em;display:grid}.explainer-note{max-width:var(--prose-max);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-subtle);font:var(--type-small);color:var(--text-muted)}