/* Shared Whole Picture scan-first presentation layer. */
.disclosure{padding:.38rem 1rem;font-size:.72rem;line-height:1.35;color:#526577;background:#e7ebee}
.hero .wrap{padding-top:1.45rem;padding-bottom:1.35rem}
h1{font-size:clamp(2rem,4vw,3.35rem);max-width:920px;margin:.25rem 0 .65rem;line-height:1.02}
.lede{font-size:clamp(1.02rem,1.65vw,1.25rem);line-height:1.42;margin:.4rem 0;max-width:900px}
.pillnav{margin-top:.8rem;gap:.4rem}.pillnav a{padding:.38rem .58rem;font-size:.82rem}
.first-hook{display:flex;flex-wrap:wrap;gap:.5rem;margin:.75rem 0 0}.first-hook span{display:inline-flex;align-items:center;gap:.35rem;background:#fff;border:1px solid var(--line);padding:.38rem .55rem;font-size:.8rem;color:var(--slate)}.first-hook strong{color:var(--navy)}
.topnav a{display:inline-flex;align-items:center;min-height:40px}
.card{cursor:pointer}.card:focus-visible{outline:3px solid #f0b84b;outline-offset:3px}
code{overflow-wrap:anywhere;word-break:break-word}.tablewrap{max-width:100%}.pillnav{max-width:100%}
@media(max-width:760px){h1{font-size:clamp(1.8rem,9vw,2.55rem)}.hero .wrap{padding-top:1rem;padding-bottom:1rem}.lede{font-size:1rem}.pillnav{flex-wrap:nowrap;overflow-x:auto;padding-bottom:.35rem}.pillnav a{white-space:nowrap}.disclosure{text-align:left}}