/* Answer-first "at a glance" block. Theme-safe: no hardcoded surface colour,
   every token has a fallback, because the dark template defines --ink/--azure
   and none of --paper-2/--navy/--aqua. */
.at-a-glance{display:grid;gap:24px;padding:26px;background:rgba(128,128,128,.06);border:1px solid var(--line-2, var(--line, rgba(128,128,128,.45)));border-radius:20px}
.at-a-glance__intro h2{font-size:clamp(1.45rem,3vw,2rem);margin-bottom:.4em;color:var(--navy, var(--text, currentColor))}
.at-a-glance__intro p{color:var(--muted, currentColor);margin-bottom:0;max-width:46ch}
.at-a-glance dl{display:grid;grid-template-columns:1fr;gap:10px;margin:0}
.at-a-glance dl>div{padding:15px 16px;border:1px solid var(--line, rgba(128,128,128,.35));background:var(--paper-2, var(--ink-2, rgba(128,128,128,.07)));border-radius:12px}
.at-a-glance dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--aqua, var(--azure, var(--violet-2, currentColor)));margin-bottom:4px}
.at-a-glance dd{margin:0;color:var(--text, currentColor);font-size:.91rem;line-height:1.55}
@media(min-width:820px){.at-a-glance{grid-template-columns:.72fr 1.28fr;align-items:start;padding:34px}.at-a-glance dl{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:559px){.at-a-glance{padding:20px}.at-a-glance dl>div{padding:13px}}