.ans-eyebrow{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-3)}.ans-eyebrow a{color:var(--text-muted);text-decoration:none}.ans-eyebrow a:hover{color:var(--text);text-decoration:underline}.ans-title{font-family:var(--font-display);letter-spacing:-.5px;text-wrap:balance;color:var(--text);margin-bottom:var(--space-3);max-width:22ch;font-size:clamp(30px,4.4vw,46px);font-weight:700;line-height:1.08}.ans-indexhead .ans-title{max-width:none;font-size:var(--title-read-fs);font-weight:var(--title-read-weight)}.ans-answer{font-family:var(--font-body);font-size:var(--fs-lg);color:var(--text);max-width:62ch;margin-bottom:var(--space-4);line-height:1.6}.ans-method{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface2);margin-bottom:var(--space-6);line-height:1.6}.ans-section{margin-bottom:var(--space-6)}.ans-section h2{font-family:var(--font-display);font-size:var(--fs-2xl);text-wrap:balance;color:var(--text);padding-bottom:var(--space-2);margin-bottom:var(--space-3);border-bottom:1px solid var(--border);font-weight:700;line-height:1.2}.ans-section p{font-family:var(--font-body);font-size:var(--fs-base);color:var(--text);max-width:66ch;margin-bottom:var(--space-3);line-height:1.7}.ans-section code,.ans-answer code,.ans-method code,.ans-updated code{font-family:var(--font-code);border-radius:var(--radius-2xs);background:var(--surface2);color:var(--text);word-break:break-word;padding:0 4px;font-size:.92em}.ans-method code,.ans-updated code{background:var(--card-bg)}.ans-figure{margin:0 0 var(--space-4)}.ans-tablewrap{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);overflow-x:auto}.ans-table{border-collapse:collapse;width:100%;font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text)}.ans-table thead th{background:var(--surface2);color:var(--text);font-weight:700;font-size:var(--fs-xs);letter-spacing:.04em;text-transform:uppercase;text-align:left;white-space:nowrap;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--border)}.ans-table tbody th{text-align:left;white-space:nowrap;font-weight:600}.ans-table tbody th,.ans-table tbody td{padding:var(--space-2) var(--space-3);border-top:1px solid var(--border)}.ans-table tbody tr:first-child th,.ans-table tbody tr:first-child td{border-top:0}.ans-num,.ans-table thead th.ans-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.ans-figure figcaption{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-2);max-width:66ch;line-height:1.5}.ans-list{gap:var(--space-2-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ans-card{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--card-bg);padding:var(--space-3) var(--space-4)}.ans-card h3{font-family:var(--font-body);font-size:var(--fs-base);margin-bottom:var(--space-2);font-weight:700;line-height:1.4}.ans-card h3 a{color:var(--text);text-decoration:none}.ans-card h3 a:hover{text-decoration:underline}.ans-card p{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted);max-width:56ch;margin:0;line-height:1.65}.ans-foot{border-top:1px solid var(--border);padding-top:var(--space-4);margin-top:var(--space-6)}.ans-sources,.ans-updated{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);margin-bottom:var(--space-3);max-width:70ch;line-height:1.6}.ans-sources a,.ans-updated a{color:var(--accent-text)}.ans-related h2{font-family:var(--font-body);font-size:var(--fs-xs);letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2)}.ans-related ul{gap:var(--space-1-5);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.ans-related a{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--accent-text)}@media (width<=640px){.ans-method,.ans-card{padding:var(--space-3)}.ans-table{font-size:var(--fs-xs)}}.ans-byline{align-items:baseline;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.ans-byline-name{color:var(--text);font-weight:700}.ans-byline-role{font-size:var(--fs-xs);letter-spacing:.06em;text-transform:uppercase}.ans-byline-date{font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.ans-card-by{align-items:baseline;gap:var(--space-2);font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted);margin:var(--space-2) 0 0;flex-wrap:wrap;display:flex}.ans-masthead-intro{font-family:var(--font-body);font-size:var(--fs-sm);color:var(--text-muted);margin:0 0 var(--space-3);max-width:66ch;line-height:1.6}.ans-hero{margin:0 0 var(--space-5)}.ans-hero img{aspect-ratio:1200/420;object-fit:cover;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);width:100%;height:auto;display:block}.ans-hero figcaption{font-family:var(--font-body);font-size:var(--fs-2xs);color:var(--text-muted);margin-top:var(--space-1-5);line-height:1.5}.ans-hero figcaption a{color:var(--text-muted);text-decoration:underline}.ans-hero figcaption a:hover{color:var(--text)}.ans-card--art{gap:var(--space-3);grid-template-columns:96px 1fr;align-items:start;display:grid}.ans-card-text{min-width:0}.ans-card-art{object-fit:cover;border-radius:var(--radius-sm);background:var(--surface2);width:96px;height:72px;display:block}@media (width<=560px){.ans-card--art{grid-template-columns:1fr}.ans-card-art{display:none}}.ans-demo{margin:0 0 var(--space-5)}.ans-demo img{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface2);width:100%;height:auto;display:block}.ans-demo figcaption{font-family:var(--font-body);font-size:var(--fs-xs);color:var(--text-muted);margin-top:var(--space-2);max-width:66ch;line-height:1.55}.ans-demo figcaption a{color:var(--text);text-underline-offset:2px;text-decoration:underline}.ans-demo-to{white-space:nowrap;font-weight:600}.ans-section p a{color:var(--text);text-underline-offset:2px;text-decoration:underline;text-decoration-thickness:1px}.ans-section p a:hover{text-decoration-thickness:2px}.ans-card--lead{gap:var(--space-3);grid-template-columns:1fr}.ans-card--lead .ans-card-art{aspect-ratio:16/7;object-position:50% 28%;width:100%;height:auto}.ans-card--lead h3{font-size:var(--fs-xl);line-height:1.25}.ans-section{scroll-margin-top:calc(var(--navbar-height,64px) + var(--space-4))}
