/* Editorial covers and explanatory diagrams. Loaded only for visual articles. */
.av-hero { background:#f7f5ef; border-bottom:1px solid #dedfd5; }
.av-hero .crumbs { margin-bottom:1.65rem; }
.av-hero-grid { display:grid; grid-template-columns:minmax(0,1.08fr) minmax(0,1fr); gap:2.5rem; align-items:center; }
.av-hero-copy { min-width:0; }
.av-hero-copy h1 { max-width:100%; font-size:clamp(1.85rem,3.1vw,2.55rem); line-height:1.23; text-wrap:balance; }
.av-hero-copy .standfirst { font-size:1.125rem; line-height:1.65; margin-bottom:1.25rem; }
.av-hero-copy .article-meta { font-size:.9375rem; line-height:1.55; gap:.5rem; }
.av-hero-art { margin:0; min-width:0; }
.av-hero-art picture { display:block; border:1px solid #dedbd0; border-radius:1.15rem; overflow:hidden; background:#f4f1e8; }
.av-hero-art img { display:block; width:100%; height:auto; aspect-ratio:1200/630; }
.av-hero-art figcaption { display:flex; justify-content:space-between; gap:.5rem; flex-wrap:wrap; color:#56605a; font-size:.875rem; line-height:1.55; padding:.75rem .15rem 0; }
.av-hero-art figcaption span:first-child { color:#184b3f; font-weight:600; }
.av-figure { margin:2.25rem 0; padding:1.5rem; background:#fffefa; border:1px solid #d9ded3; border-radius:1rem; box-shadow:0 5px 20px #17304706; overflow:hidden; }
.av-figure-head { padding-bottom:1rem; }
.prose .av-kicker { color:#075b4b; font-size:.875rem; font-weight:600; line-height:1.5; letter-spacing:.035em; margin:0 0 .35rem; }
.av-figure-head h3,.prose .av-figure-head h3 { font-family:var(--font-display); font-size:1.375rem; line-height:1.4; letter-spacing:-.025em; margin:0 0 .5rem; color:#173047; }
.av-figure-head p { margin:0; line-height:1.6; }
.av-svg-scroll { overflow:auto; width:100%; scrollbar-color:#788d83 #ecefe8; padding:.25rem 0 .65rem; }
.av-svg-scroll svg { display:block; width:100%; min-width:38rem; height:auto; font-family:Inter,system-ui,sans-serif; }
.av-svg-scroll:focus-visible { outline:3px solid #075b4b; outline-offset:3px; border-radius:.2rem; }
.prose .av-caption,.prose .av-note { display:block; margin:.85rem 0 0; color:#4c5f56; font-size:.9375rem; line-height:1.7; }
.prose .av-note { border-top:1px solid #dfe4d9; padding-top:.9rem; }
.av-steps { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:.8rem; }
.av-step { position:relative; min-width:0; border:1px solid #d9dfd4; border-radius:.7rem; background:#f5f7f0; padding:1rem; }
.av-step:nth-child(2) { background:#f7f2e7; border-color:#e6dbc0; }
.av-step:nth-child(3) { background:#edf2f4; border-color:#d3dfe3; }
.av-step svg { display:block; width:100%; max-width:10rem; height:auto; margin:0 auto .65rem; }
.prose .av-step h3,.av-step h3 { margin:0 0 .6rem; font-size:1.0625rem; line-height:1.5; color:#173047; }
.av-step p { margin:0 0 .4rem; font-size:1rem; line-height:1.55; }
.av-step p:last-child { margin-bottom:0; }
.av-step strong { font-size:1.25rem; line-height:1.4; }
.av-steps--flow .av-step:not(:last-child)::after { content:'→'; position:absolute; right:-.75rem; top:50%; z-index:1; color:#075b4b; font-size:1.5rem; background:#fffefa; border-radius:100%; line-height:1; }
@media (max-width:1050px) { .av-hero-grid { gap:1.5rem; } }
@media (max-width:800px) { .av-steps { grid-template-columns:1fr; } .av-step { display:block; } .av-step svg { float:right; width:5.75rem; margin:0 0 .4rem .75rem; } .av-step::before { content:''; display:table; } .av-step::after { content:''; display:table; clear:both; } .av-steps--flow { gap:1.4rem; } .av-steps--flow .av-step:not(:last-child)::after { content:'↓'; top:auto; right:calc(50% - .4rem); bottom:-1.25rem; } }
@media (max-width:700px) { .av-hero-grid { grid-template-columns:1fr; gap:1.5rem; } .av-hero-copy h1 { font-size:1.875rem; } .av-hero-art { max-width:38rem; } .av-hero-copy .standfirst { font-size:1.0625rem; } .av-hero-art figcaption { font-size:.875rem; } .av-figure { padding:1rem; margin:1.75rem 0; } .prose .av-figure-head h3 { font-size:1.25rem; } }

.av-figure { container-type:inline-size; }
.prose .av-scroll-hint { display:none; font-size:.9375rem; line-height:1.6; margin:0 0 .5rem; color:#075b4b; font-weight:500; }
@container (max-width:38rem) { .prose .av-scroll-hint { display:block; } }

/* Bold editorial covers for the basics category. Other visual pilots retain their styling. */
.av-hero--editorial { background:#f7f8fa; border-color:#e0e5eb; }
.av-hero--editorial .av-hero-art picture { border:0; border-radius:.85rem; background:#eef0f4; box-shadow:0 14px 35px #10223a14; }
.av-hero--editorial .av-hero-art figcaption { color:#52606d; }
.av-hero--editorial .av-hero-art figcaption span:first-child { color:#263b4e; }