.ap-further{padding:3.5rem 1.25rem 4rem;border-top:1px solid rgba(127,127,127,.2);margin-top:2rem}
.apf-in{max-width:1180px;margin:0 auto}
.apf-h{font-size:clamp(1.5rem,2.4vw,2rem);margin:0 0 1.4rem;font-weight:700}
.apf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.2rem}
.apf-card{display:flex;flex-direction:column;border-radius:14px;overflow:hidden;text-decoration:none!important;color:inherit!important;background:rgba(127,127,127,.07);border:1px solid rgba(127,127,127,.18);transition:transform .2s,border-color .2s}
.apf-card:hover{transform:translateY(-3px);border-color:#fc5000}
.apf-th{aspect-ratio:16/9;background:linear-gradient(135deg,#2a2a30,#fc5000);display:block}
.apf-th img{width:100%;height:100%;object-fit:cover;display:block}
.apf-t{padding:.9rem 1rem .4rem;font-weight:650;line-height:1.3;font-size:1rem}
.apf-r{padding:0 1rem 1rem;color:#fc5000;font-size:.85rem;font-weight:600;margin-top:auto}
.ap-cover{margin:1.5rem auto 0;max-width:1080px;padding:0 1.25rem}
.ap-cover img{width:100%;aspect-ratio:21/9;object-fit:cover;border-radius:18px;display:block}
.ap-rail{position:fixed;right:max(1rem,calc((100vw - 1440px)/2 + 1rem));top:9rem;width:250px;max-height:calc(100vh - 11rem);overflow:auto;display:none;z-index:5}
@media(min-width:1380px){.ap-rail{display:block}}
.ap-take{border:1px solid rgba(252,80,0,.35);background:rgba(252,80,0,.06);border-radius:14px;padding:1rem 1.1rem}
.ap-take h3{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:#fc5000;margin:0 0 .6rem}
.ap-take ol{margin:0;padding-left:1.1rem;font-size:.84rem;line-height:1.45}
.ap-take li{margin:.35rem 0}
.ap-take a{color:inherit;text-decoration:none}.ap-take a:hover{color:#fc5000}
.ap-pq{margin:2.4rem 0;padding:1.2rem 0 1.2rem 1.4rem;border-left:4px solid #fc5000;font-size:clamp(1.25rem,2vw,1.6rem);line-height:1.35;font-weight:600;font-style:normal}
.chapter blockquote{border-left:4px solid #fc5000;padding-left:1.2rem;font-size:1.15rem}
section.chapter{margin-bottom:1.2rem}
.ap-take-in{max-width:840px;margin:2rem auto 2.4rem;box-sizing:border-box}
.ap-take-in ol{columns:2;column-gap:2rem;font-size:.92rem}
.ap-take-in li{break-inside:avoid}
@media(max-width:700px){.ap-take-in ol{columns:1}.ap-take-in{margin:1.5rem 1rem}}

/* ===== lay1109: article layout fixes (shared) ===== */
/* Hero with video card: balanced two-column, no dead space, no overlap */
.art-cover.has-vid{min-height:0!important}
.art-cover.has-vid .cover-grid{min-height:0!important;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;grid-template-rows:auto auto auto!important;align-items:center;align-content:center;gap:28px clamp(32px,4.5vw,72px)!important;padding:clamp(48px,7vh,88px) clamp(24px,5vw,80px) 36px!important;max-width:1360px}
.art-cover.has-vid .cover-main{grid-column:1!important;grid-row:1!important;align-self:center;padding:0!important}
.art-cover.has-vid .cover-title{font-size:clamp(40px,4.7vw,80px)!important;max-width:15ch}
.art-cover.has-vid .cover-sub{margin-top:26px}
.art-cover.has-vid .mx-video{grid-column:2!important;grid-row:1!important;align-self:center!important;margin:0!important;width:100%;max-width:620px;justify-self:end}
.art-cover.has-vid .cover-foot{grid-column:1/-1!important;grid-row:2!important}
.art-cover.has-vid .cover-scroll{position:static!important;grid-column:1/-1!important;grid-row:3!important;justify-self:start;margin:0}
@media(max-width:1023px){
 .art-cover.has-vid .cover-grid{grid-template-columns:minmax(0,1fr)!important;grid-template-rows:auto!important;padding:40px clamp(22px,5vw,48px) 28px!important;gap:24px!important}
 .art-cover.has-vid .cover-main,.art-cover.has-vid .mx-video,.art-cover.has-vid .cover-foot,.art-cover.has-vid .cover-scroll{grid-column:1!important;grid-row:auto!important}
 .art-cover.has-vid .mx-video{justify-self:stretch;max-width:720px}
 .art-cover.has-vid .cover-title{font-size:clamp(36px,7.4vw,64px)!important;max-width:18ch}
}
/* Covers without video: keep start-reading out of the meta row */
.art-cover:not(.has-vid){min-height:min(86svh,820px)}
/* Site nav already shows the logo: drop the duplicate one in the article bar */
body.has-sitenav .topbar .tb-logo{display:none!important}
body.has-sitenav .topbar .tb-title{margin-left:4px}
/* Body: slightly wider measure, less empty right gutter */
@media(min-width:1100px){body[data-lay1109] .main{max-width:900px}body[data-lay1109] .main>*,body[data-lay1109] .ch-body>*,body[data-lay1109] .sub>*{max-width:72ch}}
/* Left column: white paper button + recommended agents */
.toc-wp{margin:20px 0 0}
.wp-btn{display:inline-flex!important;align-items:center;justify-content:center;text-align:center;white-space:normal!important;line-height:1.3!important;height:auto!important;padding:11px 16px!important;border-radius:999px;background:#fc5000!important;color:#fff!important;border:0!important;font-weight:600;text-decoration:none!important;font-size:13.5px}
.wp-btn:hover{filter:brightness(1.08)}
.toc-wp .wp-btn{width:100%}
.toc-bots{margin-top:22px;padding-top:18px;border-top:1px solid var(--rule,rgba(127,127,127,.25))}
.toc-bots .kicker{margin:0 0 10px;display:block}
.toc-bots ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.toc-bots a{display:grid;grid-template-columns:48px 1fr;gap:10px;align-items:center;text-decoration:none;color:var(--text,inherit);font-size:13px;line-height:1.3;padding:6px;border-radius:10px;border:1px solid transparent}
.toc-bots a:hover{border-color:rgba(252,80,0,.4)}
.toc-bots img{width:48px;height:27px;object-fit:cover;border-radius:6px;display:block}
.toc-bots b{display:block;font-weight:600}.toc-bots small{display:block;color:var(--muted,#777);font-size:11.5px}
.toc-bots .tb-all{display:inline-block;margin-top:8px;font-size:12.5px;color:#fc5000;padding:0;border:0;grid-template-columns:none}
/* End of article: questions block, white paper button, agents */
.lay-qs{margin-top:clamp(32px,5vw,56px)}
.lay-qs .mx-faq:first-of-type{margin-top:0}
.lay-wp{max-width:1180px;margin:2.4rem auto 0;padding:0 1.25rem}
.ap-agents .apf-sub{margin:-.6rem 0 1.2rem;opacity:.8}.ap-agents .apf-sub a{color:#fc5000}
.apf-d{padding:0 1rem .6rem;font-size:.88rem;line-height:1.4;opacity:.8}
body[data-lay1109] .ap-further{padding-left:0;padding-right:0}
body[data-lay1109] .ap-further .apf-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}
@media(max-width:700px){.lay-wp{padding:0}.lay-wp .wp-btn{width:100%}}
@media print{.toc-bots,.toc-wp,.lay-wp,.ap-agents{display:none!important}}
/* Start reading sits in its own row, never on top of the meta row or the video */
.art-cover .cover-scroll{position:static!important;justify-self:start;margin:0;grid-column:1/-1!important}
.art-cover:not(.has-vid) .cover-grid{grid-template-rows:1fr auto auto!important}
.art-cover:not(.has-vid) .cover-main{grid-row:1}
.art-cover:not(.has-vid) .cover-foot{grid-row:2}
.art-cover:not(.has-vid) .cover-scroll{grid-row:3}
/* One related-articles block, not two */
body[data-lay1109] main:has(.ap-further:not(.ap-agents)) .related .rel-grid,body[data-lay1109] main:has(.ap-further:not(.ap-agents)) .related>.kicker{display:none}
.lay-wp{max-width:none;margin:2.4rem 0 0;padding:0}
body[data-lay1109] .colophon{margin-top:2.4rem}
/* Light mode: same light cover treatment as the dental pages, for every article cover */
html[data-theme=light] .art-cover{background:#fbfaf7;color:#0b0b0d}
html[data-theme=light] .art-cover::after{opacity:.35;filter:invert(1)}
html[data-theme=light] .art-cover::before{opacity:.45}
html[data-theme=light] .art-cover .cover-title{color:#0b0b0d}
html[data-theme=light] .art-cover .cf-v{color:#0b0b0d}
html[data-theme=light] .art-cover .cover-sub{color:rgba(11,11,13,.72)}
html[data-theme=light] .art-cover .cf-l{color:rgba(11,11,13,.5)}
html[data-theme=light] .art-cover .cover-foot{border-top-color:rgba(11,11,13,.14)}
html[data-theme=light] .art-cover .cover-scroll{color:#0b0b0d}
html[data-theme=light] .art-cover .cover-scroll .arr{border-color:rgba(11,11,13,.3)}
/* Light mode: theme switch in the site nav was nearly invisible */
html[data-theme=light] header.nav .theme-toggle{color:#1a1a1a!important;border-color:rgba(0,0,0,.18)!important;opacity:1!important}
html[data-theme=light] header.nav .theme-toggle svg{stroke:currentColor}
.art-cover:not(.has-vid){min-height:0!important}
.art-cover:not(.has-vid) .cover-grid{min-height:0!important;padding-top:clamp(56px,9vh,104px)!important;padding-bottom:36px!important;gap:28px!important}
.art-cover:not(.has-vid) .cover-main{padding:0!important}
/* Reading measure: use the column, less dead space on the right */
@media(min-width:700px){body[data-lay1109] .main>*,body[data-lay1109] .ch-body>*,body[data-lay1109] .sub>*{max-width:min(700px,100%)}body[data-lay1109] .main .chapter,body[data-lay1109] .main .colophon,body[data-lay1109] .main .ap-further,body[data-lay1109] .main .lay-qs{max-width:none}}
@media(min-width:700px) and (max-width:1099px){body[data-lay1109] .main{max-width:760px}}
