/* Answer-first "at a glance" block. Lives in its own sheet because
   style.css is generated from style.src.css and home-eeat.css is scoped to one
   site's homepage. */
.at-a-glance{display:grid;gap:24px;padding:26px;background:linear-gradient(135deg,rgba(127,127,127,.06),rgba(255,255,255,.85));border:1px solid var(--line-2);border-radius:20px;box-shadow:var(--shadow)}
.at-a-glance__intro h2{font-size:clamp(1.45rem,3vw,2rem);margin-bottom:.4em}
.at-a-glance__intro p{color:var(--muted);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);background:#fff;border-radius:12px}
.at-a-glance dt{font-size:.76rem;text-transform:uppercase;letter-spacing:.11em;font-weight:800;color:var(--aqua);margin-bottom:4px}
.at-a-glance dd{margin:0;color:var(--text);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}}