/* Application & AI: bands, offering chapters, pilot player, reader (card 28G-C08). Colours only from site.css tokens plus the mode tokens below. */
:root{--m-stone:#F2F5FB;--m-sand:#F6F1E8;--m-paper:#FFFFFF;--m-ember:#0A1030;--now:#E07B00}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--m-stone:#0E163D;--m-sand:#121A44;--m-paper:#080D26;--m-ember:#060A1E}}
:root[data-theme="dark"]{--m-stone:#0E163D;--m-sand:#121A44;--m-paper:#080D26;--m-ember:#060A1E}

.band{padding-block:88px;position:relative}
.band > .wrap{position:relative}
.m-paper{background:var(--m-paper)}.m-stone{background:var(--m-stone)}.m-sand{background:var(--m-sand)}
.m-deep,.m-ember{color:#fff;--text:#EEF1FA;--muted:#B4BED8;--line:rgba(238,241,250,.18);--accent:#8FA6EE;--accent-text:#8FA6EE;--surface:rgba(255,255,255,.04)}
.m-deep{background:var(--stage)}
.m-ember{background:var(--m-ember)}
.band h2{font-size:40px;line-height:1.15;letter-spacing:-.01em;margin:0 0 24px;color:var(--text)}
.band h3{color:var(--text)}
.band .cap{font-size:15px;line-height:1.5;color:var(--muted);margin:24px 0 0;max-width:62ch}
.band .src{font-size:15px;line-height:1.5;color:var(--muted);margin:8px 0 0;max-width:60ch}
.xlinks{display:flex;flex-wrap:wrap;gap:4px 20px;margin:10px 0 0;font-size:16px}
.txt-link{font-weight:700;color:var(--accent-text);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
.kicker{font-size:15px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--accent-text);margin:0 0 14px}
.btn-sm{min-height:44px;padding:8px 20px;font-size:16px}

/* image slots: clearly marked places for the photos the G Team will make */
.img-slot{position:relative;aspect-ratio:var(--ratio,4/3);border:2px dashed var(--accent);border-radius:12px;display:grid;place-items:end start;padding:14px;color:var(--accent-text);background:
  repeating-linear-gradient(135deg,transparent 0 14px,rgba(42,75,176,.06) 14px 15px),var(--surface-2)}
.img-slot .slot-tag{font-size:14px;font-weight:700;letter-spacing:.04em}
.img-slot.fill{height:100%;aspect-ratio:auto;min-height:320px}

/* openers */
.cus1,.ais1{display:grid;column-gap:64px;row-gap:48px;align-items:center}
.cus1{grid-template-columns:minmax(0,1fr)}
.cus1 .op-text,.ais1 .op-text{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);column-gap:72px;align-content:start}
.cus1 .op-text > :not(.op-copy),.ais1 .op-text > :not(.op-copy){grid-column:1}
.cus1 .op-text > .op-copy,.ais1 .op-text > .op-copy{grid-column:2;grid-row:1/span 3;align-self:center}
@media (max-width:900px){.cus1 .op-text,.ais1 .op-text{grid-template-columns:minmax(0,1fr)}.cus1 .op-text > .op-copy,.ais1 .op-text > .op-copy{grid-column:1;grid-row:auto}}
.ais1{grid-template-columns:minmax(0,1fr)}
.cus1 .glance-wrap,.ais1 .glance-wrap{grid-column:1/-1}
.op-lead{font-size:26px;line-height:1.35;font-weight:700;color:var(--text);margin:0 0 24px;max-width:30ch}
.op-copy p{font-size:19px;line-height:1.6;color:var(--muted);margin:0 0 16px;max-width:56ch}
.photo11{aspect-ratio:1/1;max-height:560px;border-radius:12px;overflow:hidden;border:1px solid var(--line)}
.photo11 picture,.photo11 img{display:block;width:100%;height:100%;object-fit:cover;max-width:none}
.glance-wrap{border-top:2px solid var(--text);padding-top:20px}
.glance-label{font-size:14px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--muted);margin:0 0 20px}
.glance{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 40px;margin:0 0 24px}
.glance dt{font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);font-weight:700;margin-bottom:6px}
.glance dd{margin:0;font-size:24px;line-height:1.25;font-weight:700;color:var(--text)}

/* CUS-2 receive timeline */
.rtl{position:relative;margin-top:48px;color:var(--accent)}
.rtl-rail{display:block;width:100%;height:24px;color:var(--accent)}
.rtl-cols{list-style:none;margin:-12px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.rtl-col{position:relative;padding-top:8px}
.rtl-node{display:flex;align-items:center;gap:14px;margin-bottom:24px}
.rtl-n{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font-size:24px;font-weight:700;color:#fff;background:var(--accent);flex:none}
.g2 .rtl-n{opacity:.72}.g3 .rtl-n{opacity:.5}
.rtl-label{font-size:22px;font-weight:700;color:var(--text)}
.rtl-items{list-style:none;margin:0;padding:0;color:var(--text)}
.rtl-items li{font-size:18px;line-height:1.5;padding:16px 0 16px 20px;border-top:1px solid var(--line);position:relative}
.rtl-items li::before{content:"";position:absolute;left:0;top:26px;width:8px;height:8px;border-radius:50%;background:var(--accent)}
.rtl-foot{margin:40px 0 0;font-size:18px;color:var(--muted)}
.gfig{margin:40px 0 0;background:#fff;border-radius:14px;padding:12px;border:1px solid var(--line)}
.gfig img{display:block;width:100%;height:auto}
.dslot{margin:40px 0 0;min-height:140px;border:2px dashed var(--accent);border-radius:14px;display:grid;place-items:center;color:var(--accent-text);font-weight:700;font-size:15px;background:repeating-linear-gradient(135deg,transparent 0 14px,rgba(143,166,238,.08) 14px 15px)}

/* In depth: tabs */
.tablist{display:flex}
.tablist button{appearance:none;background:transparent;border:0;font:inherit;cursor:pointer;color:var(--muted);font-size:18px;font-weight:700;line-height:1.3;min-height:48px}
.tablist button[aria-selected="true"]{color:var(--text)}
@media (hover:hover){.tablist button:hover{color:var(--text)}}
.tablist.hs{flex-wrap:wrap;gap:0 36px;border-bottom:1px solid var(--line);margin:40px 0 48px;position:relative}
.tablist.hs button{padding:14px 2px;border-bottom:3px solid transparent;margin-bottom:-1px}
.tablist.hs button[aria-selected="true"]{border-bottom-color:var(--accent-text)}
.tablist.vt{flex-direction:column;border-left:1px solid var(--line)}
.tablist.vt button{text-align:left;padding:12px 20px;border-left:3px solid transparent;margin-left:-2px}
.tablist.vt button[aria-selected="true"]{border-left-color:var(--accent-text)}
.panel-h{font-size:30px;line-height:1.2;margin:0 0 20px}
.panel-lead,.ledger-lead,.pair-lead{font-size:20px;line-height:1.5;color:var(--muted);margin:0 0 24px;max-width:52ch}
.panel-foot{margin:28px 0 0;font-size:18px;color:var(--muted)}
.panels > [role="tabpanel"]:focus-visible{outline-offset:6px}
@media (min-width:961px){
  .close{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px;align-items:start}
  .close > h3,.close > p:not(.line):not(.preview-l):not(.close-row){grid-column:1}
  .close > .line{grid-column:1}
  .close > .preview-l,.close > .msg,.close > .close-row,.close > .suit{grid-column:2}
  .close > h3{grid-row:1}.close > p:nth-of-type(1){grid-row:2}.close > p:nth-of-type(2){grid-row:3}.close > .line{grid-row:4}
  .close > .preview-l{grid-row:1}.close > .msg{grid-row:2}.close > .close-row{grid-row:3}.close > .suit{grid-row:4}
}
.p-ledger{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:64px}
.ledger{list-style:none;margin:0;padding:0;counter-reset:l}
.ledger li{counter-increment:l;display:grid;grid-template-columns:56px minmax(0,1fr);padding:20px 0;border-top:1px solid var(--line);column-gap:8px}
.ledger li:first-child{border-top:0;padding-top:0}
.ledger li::before{content:counter(l,decimal-leading-zero);grid-row:1/3;font-size:24px;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}
.ledger strong,.kinds strong,.steps5 strong{display:block;font-size:21px;line-height:1.3;color:var(--text);margin-bottom:4px}
.ledger span,.kinds span,.steps5 span{display:block;font-size:18px;line-height:1.55;color:var(--muted);max-width:60ch}
.kinds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:56px}
.kinds li{padding:20px 0;border-top:1px solid var(--line)}
.exa{display:grid;grid-template-columns:240px minmax(0,1fr);column-gap:40px;margin-top:28px;align-items:start}
.exa-p{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:36px;row-gap:16px;align-items:start}
.exa-p .kind-s,.exa-p .xlinks{grid-column:1/-1;margin:0}
.exa-p .kind-s{font-size:19px;color:var(--text)}
.exa-title{font-size:18px;font-weight:700;color:var(--text);margin:12px 0 0}
.exa-lines{margin:0}
.exa-lines div{padding:0 0 18px;margin-bottom:18px;border-bottom:1px solid var(--line)}
.exa-lines div:last-child{border:0}
.exa-lines dt{font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;color:var(--muted);margin-bottom:4px}
.exa-lines dd{margin:0;font-size:18px;line-height:1.5;color:var(--text)}
.uses{grid-column:1/-1;margin:0;font-size:17px;color:var(--muted)}
.uses span{font-weight:700;color:var(--text);margin-right:8px}
.uses a{margin-right:16px;font-weight:700;color:var(--accent-text);text-decoration:underline;text-underline-offset:4px}
.subh{font-size:20px;font-weight:700;color:var(--text);margin:0 0 8px}
.drows{margin:0;max-width:760px}
.drows div{padding:18px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:160px minmax(0,1fr);column-gap:32px}
.drows dt{font-weight:700;font-size:19px;color:var(--text)}
.drows dd{margin:0;font-size:18px;line-height:1.55;color:var(--muted)}

/* sample document: a printed page, never an app screen */
.sdoc{max-width:720px;background:#fff;color:#0C1844;border-radius:4px;box-shadow:var(--shadow);padding:40px 44px;position:relative;border-top:6px solid #0C1844}
.sdoc h3{font-size:26px;line-height:1.25;margin:0 0 12px;color:#0C1844}
.sdoc-lead{font-size:16px;line-height:1.55;color:#46506B;margin:0 0 20px;max-width:56ch}
.sdoc-parts div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:0 24px;padding:14px 0;border-top:1px solid rgba(12,24,68,.14)}
.sdoc-parts dt{font-size:15px;font-weight:700;color:#0C1844}
.sdoc-parts dd{margin:0;font-size:15px;line-height:1.55;color:#0C1844}
.sdoc-parts ul{margin:0;padding-left:18px}
.sdoc-parts p{margin:0}
.sdoc-note{font-size:15px;margin:14px 0 0;color:#46506B}
.sdoc-sheet{display:none}
@media print{body.print-one main > *:not(.print-host){display:none!important}body.print-one .site-header,body.print-one .site-footer,body.print-one .consent{display:none!important}body.print-one .band{padding:0}body.print-one [data-print-target]:not(.printing){display:none}}

/* questions */
.faq{max-width:780px}
.faq details{border-top:1px solid var(--line)}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;padding:20px 40px 20px 0;font-size:20px;font-weight:700;line-height:1.35;color:var(--text);position:relative;min-height:44px}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:28px;width:10px;height:10px;border-right:2px solid var(--accent-text);border-bottom:2px solid var(--accent-text);transform:rotate(45deg);transition:transform 220ms var(--ease-out,ease)}
.faq details[open] summary::after{transform:rotate(-135deg);top:32px}
.faq-a{padding:0 0 22px;max-width:64ch}
.faq-a p{font-size:18px;line-height:1.6;color:var(--muted);margin:0}

/* close row */
.close{margin-top:56px;padding-top:36px;border-top:1px solid var(--line);max-width:720px}
.close h3{font-size:26px;margin:0 0 12px}
.close > p{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 16px}
.close .line{font-size:16px}
.close .preview-l{margin:20px 0 8px;font-size:16px}
.msg{margin:0 0 14px;padding:14px 18px;border-left:3px solid var(--accent);background:var(--surface-2);font-size:17px;line-height:1.5;color:var(--text)}
.close-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.suit{margin-top:28px}.suit h4{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:0 0 8px}
.suit a{display:block;margin:4px 0;font-size:17px}
.rail-r{display:grid;grid-template-columns:minmax(0,1fr) 360px;column-gap:72px;align-items:start}
.rail-r .rail{position:sticky;top:132px;order:2}
.rail-r .panels{order:1}
.rail .close{margin-top:32px;max-width:none}
.rail h2{font-size:34px}

/* pilot player on the Deep stage */
.pilot-top{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;align-items:end;margin-bottom:40px}
.pilot-lead{font-size:20px;line-height:1.55;color:var(--muted);margin:0;max-width:56ch}
.pilot-weeks{font-size:22px;line-height:1.4;color:var(--text);margin:0;border-left:3px solid var(--now);padding-left:20px}
.pilot-weeks b{font-size:1.9em;line-height:1.1;letter-spacing:-.02em;color:#fff;white-space:nowrap}
.pilot{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:32px 64px;align-items:start}
.pl-stage{grid-column:1/-1}
.pl-side{display:contents}
.pl-bar{grid-column:1;grid-row:2}
.pstep{grid-column:2;grid-row:2;min-height:240px}
.pl-stage{margin:0;background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:24px 16px 12px}
.scene{display:block;width:100%;height:auto}
.scene-phone{display:none}
.scene .bus{stroke:rgba(143,166,238,.5)}
.scene .node{fill:var(--stage);stroke:#8FA6EE}
.scene .num{font-size:13px;fill:#EEF1FA;stroke:none;font-weight:700}
.scene .st{font-size:19px;fill:#EEF1FA;stroke:none;font-weight:700}
.scene-phone .st{font-size:15px}
.scene .dash{stroke-dasharray:5 6}
.scene .cross{stroke:#B4BED8}
.scene .shield,.scene .tick{stroke:#8FA6EE}
.scene .now-mark{stroke:transparent}
.scene .seg{stroke:#8FA6EE;stroke-width:3}
[data-in-step].is-now .now-mark{stroke:var(--now)}
[data-in-step].is-now .node{fill:var(--now);stroke:var(--now)}
[data-in-step].is-now .num{fill:#0C1844}
[data-in-step].is-now{filter:drop-shadow(0 0 0 transparent)}
.pl-bar{display:flex;flex-direction:column;gap:14px}
.pl-prog{height:4px;background:var(--line);border-radius:2px;overflow:hidden}
.pl-prog i{display:block;height:100%;background:#8FA6EE;transform-origin:0 50%;transform:scaleX(0)}
.pl-ctl{display:flex;gap:10px}
.pl-btn{width:48px;height:48px;border-radius:50%;border:2px solid rgba(238,241,250,.6);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.pl-btn svg{width:22px;height:22px}
.pl-btn:disabled{opacity:.35;cursor:default}
.pl-btn:hover:not(:disabled){border-color:#fff;background:rgba(255,255,255,.1)}
.pl-play{background:var(--action);border-color:var(--action);color:#0C1844}
.pl-play:hover:not(:disabled){background:var(--action-hover);border-color:var(--action-hover)}
.pl-play .i-pause{display:none}.pl-play[aria-pressed="true"] .i-pause{display:block}.pl-play[aria-pressed="true"] .i-play{display:none}
.pl-dots{list-style:none;display:flex;gap:8px;margin:0;padding:0}
.pl-dots button{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font:inherit;font-weight:700;font-size:16px;cursor:pointer}
.pilot .is-current-dot,.pl-dots button:hover{color:#fff;border-color:#fff}
.pstep{list-style:none;margin:0;padding:0}
.pstep > li{display:grid;grid-template-columns:56px minmax(0,1fr);column-gap:8px;padding:20px 0;border-top:1px solid var(--line)}
.pstep .pn{font-size:32px;line-height:1;font-weight:700;color:var(--accent-text);font-variant-numeric:tabular-nums}
.pstep h3{font-size:26px;margin:0 0 8px;color:#fff}
.pstep p{font-size:18px;line-height:1.55;color:var(--muted);margin:0 0 12px;max-width:46ch}
.pstep .recv b{display:block;font-size:14px;letter-spacing:.06em;text-transform:uppercase;color:#fff;margin-bottom:4px}
.pstep .trays{display:flex;gap:8px;flex-wrap:wrap}
.pstep .tr{font-size:15px;font-weight:700;padding:6px 12px;border:1px solid var(--line);border-radius:6px;color:#fff}
.pstep .tr.ok{border-color:#8FA6EE}.pstep .tr.no{border-style:dashed}
.pl-init .pstep > li:not(.is-current){display:none}
.pl-init .pstep > li.is-current{border-top:0;padding-top:0}
.ladder{margin-top:56px}
.ladder ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;align-items:end}
.ladder li{padding:20px 24px;border-top:3px solid #8FA6EE;color:var(--text)}
.ladder li.r1{min-height:110px}.ladder li.r2{min-height:150px;background:rgba(255,255,255,.04)}.ladder li.r3{min-height:190px;background:rgba(255,255,255,.08)}
.ladder strong{display:block;font-size:24px;margin-bottom:6px;color:#fff}
.ladder span{font-size:18px;line-height:1.5;color:var(--muted)}
.ladder-foot{margin:24px 0 0;font-size:18px;color:var(--muted)}
.m-deep .gfig{background:#fff}

/* AI in depth */
.pair{display:grid;grid-template-columns:minmax(0,1fr) 48px minmax(0,1.2fr);column-gap:28px;align-items:start;margin-top:12px}
.pair h4{font-size:22px;margin:0 0 12px;color:var(--text)}
.pair-arrow{color:var(--accent-text);padding-top:8px}
.basic{margin:0 0 16px;padding-left:20px;color:var(--text);font-size:18px;line-height:1.5}
.basic li{margin-bottom:10px}
.srcs summary{cursor:pointer;font-weight:700;color:var(--accent-text);min-height:44px;display:flex;align-items:center}
.srcs ul{margin:0 0 8px;padding-left:20px;font-size:15px;color:var(--muted)}
.srcs p{font-size:15px;color:var(--muted);margin:0}
.steps5{list-style:none;margin:0;padding:0}
.steps5 li{padding:16px 0;border-top:1px solid var(--line)}
.steps5 li:first-child{border-top:0;padding-top:0}
.dswitch{margin:20px 0 28px}
.switch{display:inline-flex;border:2px solid var(--text);border-radius:999px;padding:4px;flex-wrap:wrap}
.switch button{appearance:none;border:0;background:transparent;color:var(--text);font:inherit;font-size:17px;font-weight:700;min-height:44px;padding:0 22px;border-radius:999px;cursor:pointer;transition:background 220ms var(--ease-out,ease),color 220ms}
.switch button[aria-selected="true"]{background:var(--text);color:var(--bg)}
.dstate{font-size:19px;line-height:1.6;color:var(--text);max-width:64ch;margin:20px 0 0}
.route svg{display:block;width:100%;max-width:560px;height:70px;color:var(--accent);margin-top:20px}
.route .rt-b{stroke-dasharray:3 7;opacity:.7}

/* needs band */
.needs-head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:end;margin-bottom:48px}
.needs-head p{font-size:20px;line-height:1.55;color:var(--muted);margin:0;max-width:52ch}
.needs-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:72px;row-gap:40px}
.rank{list-style:none;margin:0;padding:0;counter-reset:rk}
.rank li{counter-increment:rk;position:relative;height:56px;margin-bottom:8px;width:var(--w);background:rgba(143,166,238,.18);border-left:4px solid #8FA6EE;display:flex;align-items:center;padding-left:56px;min-width:0}
.rank li::before{content:counter(rk);position:absolute;left:14px;font-size:26px;font-weight:700;color:#fff}
.rank li span{font-size:18px;line-height:1.25;color:#EEF1FA;padding-right:12px}
.rank{grid-column:1;grid-row:1/span 2}
.rank li{height:68px;margin-bottom:12px}
.rank-src{grid-column:1;grid-row:3}
.needs-grid .unit{margin:0;grid-column:2}
.needs-grid .unit:nth-of-type(1){grid-row:1}
.needs-grid .unit:nth-of-type(2){grid-row:2}
.ugrid{display:grid;grid-template-columns:repeat(10,1fr);gap:4px;max-width:230px;margin-bottom:14px}
.ugrid i{aspect-ratio:1;border-radius:3px;background:rgba(238,241,250,.14)}
.ugrid i.on{background:#8FA6EE}
.unit .stat{font-size:21px;line-height:1.4;color:#fff;margin:0}

/* reader */
.reader{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:64px;margin-top:40px;align-items:start}
.reader-index{position:sticky;top:132px;max-height:calc(100vh - 160px);overflow:auto}
.rg h3{font-size:15px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:28px 0 8px}
.rg:first-child h3{margin-top:0}
.rg ul{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}
.rg a{display:block;padding:9px 16px;margin-left:-2px;border-left:3px solid transparent;font-size:17px;font-weight:700;line-height:1.3;color:var(--muted);text-decoration:none;min-height:44px}
.rg a:hover{color:var(--text)}
.rg a.is-current{color:var(--text);border-left-color:var(--accent-text)}
.reader.is-js .explainer[hidden]{display:none}
.reader:not(.is-js) .explainer{margin-bottom:56px}
.explainer-title{font-size:34px;line-height:1.2;margin:0 0 24px;color:var(--text)}
.explainer-body h5{font-size:14px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin:32px 0 8px}
.explainer-body p{font-size:19px;line-height:1.6;color:var(--text);max-width:62ch;margin:0 0 12px}
.explainer-body p.ex-lead{font-size:22px;font-weight:700}
.ex-how{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;align-items:start}
.ex-how.no-diagram{grid-template-columns:1fr}
.ex-how .steps{padding-left:22px;margin:0}
.ex-how .steps li{margin-bottom:10px;font-size:18px}
.diagram-anim{background:#fff;border-radius:12px;padding:12px;border:1px solid var(--line)}
.diagram-anim svg{width:100%;height:auto;display:block}
.diagram-narrow{display:none}
.ex-sources ul{margin:0;padding-left:20px;font-size:16px}

/* free apps rail */
.rail-l{display:grid;grid-template-columns:300px minmax(0,1fr);column-gap:64px;align-items:start}
.free-rail{position:sticky;top:132px}
.free-rail h2{font-size:34px}
.free-rail p{font-size:17px;line-height:1.55;color:var(--muted);margin:0 0 14px}
.free-body{min-width:0}
.free-body .dl-item{grid-template-columns:minmax(0,1fr)}

/* closing */
.close-band{text-align:left;max-width:var(--max)}
.close-band h2{font-size:48px;max-width:20ch;margin-bottom:36px}
.close-actions{display:flex;gap:16px;flex-wrap:wrap;margin:0}
.m-ember .btn-secondary{color:#fff;border-color:rgba(255,255,255,.7)}

@media (max-width:1100px){
  .glance{grid-template-columns:repeat(2,minmax(0,1fr))}
  .kinds{grid-template-columns:1fr}
  .exa{grid-template-columns:1fr}
  .exa .tablist.vt{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .exa .tablist.vt button{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;margin:0 0 -1px;padding:12px 14px}
  .exa .tablist.vt button[aria-selected="true"]{border-bottom-color:var(--accent-text)}
  .rail-r{grid-template-columns:1fr}
  .rail-r .rail{display:contents}
  .rail-r .rail h2{order:0}.rail-r .rail .tablist{order:1}.rail-r .panels{order:2}.rail-r .rail .close{order:3}
  .tablist.vt.rt{flex-direction:row;overflow-x:auto}
}
@media (max-width:960px){
  .band{padding-block:56px}
  .band h2{font-size:30px}
  .cus1,.ais1,.pilot-top,.pilot,.p-ledger,.needs-head,.needs-grid,.reader,.rail-l,.ex-how{grid-template-columns:minmax(0,1fr);row-gap:32px}
  .ais1 .op-media{order:2}
  .op-lead{font-size:22px;max-width:none}
  .rtl-cols{grid-template-columns:1fr;gap:36px}
  .rtl-rail{display:none}
  .gf-wide{display:none!important}.gf-phone{display:block!important}
  .diagram-wide{display:none}.diagram-narrow{display:block}
  .pair{grid-template-columns:1fr;row-gap:20px}
  .pair-arrow{transform:rotate(90deg);width:36px}
  .scene-wide{display:none}.scene-phone{display:block}
  .ladder ol{grid-template-columns:1fr}.ladder li.r1,.ladder li.r2{margin-top:0}
  .needs-grid .unit,.rank-src,.rank{grid-column:1}.needs-grid .unit:nth-of-type(n),.rank,.rank-src{grid-row:auto}
  .pl-bar,.pstep{grid-column:1;grid-row:auto}
  .reader-index{position:static;max-height:none}
  .rg ul{display:flex;flex-wrap:wrap;border-left:0;gap:0 4px}
  .rg a{border-left:0;border-bottom:3px solid transparent;margin:0;padding:8px 10px}
  .rg a.is-current{border-bottom-color:var(--accent-text)}
  .free-rail{position:static}
  .exa-p{grid-template-columns:1fr}
  .close-band h2{font-size:32px}
  .sdoc{padding:24px 20px}.sdoc-parts div{grid-template-columns:1fr;gap:4px}
  .drows div{grid-template-columns:1fr;gap:4px}
  .pilot-weeks b{font-size:40px;white-space:normal}
  .tablist.hs{flex-wrap:nowrap;overflow-x:auto;gap:0 24px;scrollbar-width:none;margin:28px 0 32px}
  .tablist.hs button{white-space:nowrap}
  .tablist.hs::-webkit-scrollbar{display:none}
  .rail .tablist.vt{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line);scrollbar-width:none}
  .rail .tablist.vt button{white-space:nowrap;border-left:0;border-bottom:3px solid transparent;margin:0 0 -1px}
  .rail .tablist.vt button[aria-selected="true"]{border-bottom-color:var(--accent-text)}
}

/* 29A-23 part 3: Application receive picture, one stage at a time on phones; the copy of the five-steps line inside the drawing is hidden (it sits beside the heading) */
#custom-application-receive .dg-wide text.cap{display:none}
.rcv-steps{display:none}
@media (max-width:759px){
  .rcv-steps{display:flex;flex-direction:column;gap:8px;margin:0 0 16px}
  .rcv-steps button{min-height:48px;padding:8px 16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);color:var(--text);font:inherit;font-size:17px;font-weight:700;text-align:left;cursor:pointer}
  .rcv-steps button[aria-pressed="true"]{background:var(--navy);color:#fff;border-color:var(--navy)}
  #custom-application-receive .dg-compact svg{max-width:358px;margin-inline:auto}
}