/* Editorial handoff: the sequence first, the technical detail when needed. */
.page-handle .page-hero {padding-top:65px;padding-bottom:45px;}
.page-handle .page-hero h1 {font-size:clamp(46px,6.4vw,94px);max-width:16ch;margin-bottom:25px;}
.page-handle .page-intro {max-width:760px;font-size:clamp(19px,1.8vw,24px);}
.handoff-guide {max-width:1540px;margin:0 auto 85px;}
.handoff-path {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:1px solid var(--line);margin-bottom:80px;}
.handoff-path a {display:flex;align-items:center;gap:18px;padding:26px 20px 26px 0;min-width:0;}
.handoff-path a+a {padding-left:25px;border-left:1px solid var(--line);}
.handoff-path svg {flex:0 0 34px;width:34px;height:34px;color:var(--accent);}
.handoff-path strong {display:block;font-weight:400;font-size:clamp(17px,1.5vw,24px);line-height:1.25;}
.handoff-path small {display:block;margin-top:7px;font-size:13px;line-height:1.5;color:var(--muted);}
.handoff-path b {font-size:24px;font-weight:400;color:var(--accent);margin-left:auto;}
.handoff-path a:last-child b {display:none;}
.handoff-path a:hover strong {color:var(--accent);}
.handoff-block {padding:0 0 75px;scroll-margin-top:175px;}
.handoff-block+.handoff-block {padding-top:70px;border-top:1px solid var(--line);}
.handoff-heading h2 {font-family:var(--heading);font-size:clamp(35px,4.4vw,64px);font-weight:400;letter-spacing:-.045em;line-height:1.06;margin:16px 0 24px;}
.handoff-block>p {font-size:18px;line-height:1.7;color:var(--muted);max-width:760px;}
.reference-demo {display:grid;grid-template-columns:1.15fr 1fr;margin-top:35px;background:#111922;border:1px solid var(--line);}
.reference-image>a {display:block;}
.reference-image {position:relative;min-width:0;align-self:center;background:#060a10;overflow:hidden;}
.reference-image>a>img {display:block;width:100%;height:auto;object-fit:contain;}
.reference-film-label {pointer-events:none;position:absolute;top:18px;left:18px;background:#090f18d9;padding:9px 12px;color:#f4f7fb;font-size:11px;letter-spacing:.08em;}
.reference-timeline {display:flex;gap:4px;padding:18px 22px;position:relative;height:65px;align-items:center;}
.reference-timeline i {display:block;height:20px;background:#4e657a;flex:1;border-radius:2px;}
.reference-timeline i:nth-child(2){flex:1.6;background:#7596ae;}
.reference-timeline i:nth-child(3){flex:2.3;background:#9ac9ec;}
.reference-timeline i:nth-child(5){flex:1.7;}
.reference-timeline>span {position:absolute;width:2px;background:#fff;left:47%;top:12px;bottom:12px;}
.reference-explanation {padding:32px;min-width:0;}
.handoff-tabs {display:flex;gap:7px;flex-wrap:wrap;}
.handoff-tabs[hidden],.handoff-panel[hidden] {display:none!important;}
.handoff-tabs button {font:inherit;cursor:pointer;background:transparent;color:#c5d0dc;border:1px solid #9ac9ec40;padding:11px 15px;border-radius:30px;line-height:1.3;min-height:44px;}
.handoff-tabs button[aria-selected="true"] {background:var(--accent);border-color:var(--accent);color:#0a111b;}
.handoff-tabs button:hover {border-color:var(--accent);}
.reference-explanation>.eyebrow {font-size:11px;letter-spacing:.08em;margin:0 0 20px;color:var(--accent);}
.reference-panel {padding-top:25px;}
.reference-panel h3,.route-description h3 {font-size:clamp(24px,2.5vw,36px);font-weight:400;letter-spacing:-.035em;line-height:1.15;margin:0 0 18px;}
.reference-panel p,.route-description p {font-size:16px;color:var(--muted);line-height:1.65;margin:0 0 18px;}
.reference-panel .reference-label-key {font-size:12px;color:var(--accent);border-top:1px solid var(--line);padding-top:14px;margin-bottom:0;}
.handoff-block>.handoff-caption {font-size:12px;line-height:1.6;margin:13px 0 25px;color:#8e9ba9;}
.handoff-detail {border-block:1px solid var(--line);margin-top:24px;}
.handoff-detail summary {cursor:pointer;font-size:16px;line-height:1.5;padding:20px 2px;min-height:56px;}
.handoff-detail[open]>summary {color:var(--accent);}
.handoff-detail-body {padding:0 0 25px;font-size:16px;line-height:1.8;color:var(--muted);}
.handoff-detail-body>p {max-width:890px;}
.handoff-diagrams {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:25px;scroll-margin-top:175px;}
.handoff-diagram {position:relative;display:block;}
.handoff-diagram img {display:block;width:100%;height:auto;}
.handoff-diagram>span {position:absolute;right:10px;bottom:10px;display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);background:#0b1018;color:var(--accent);border-radius:50%;}
.route-tabs {margin:34px 0 0;padding-bottom:25px;gap:12px;}
.route-tabs button {display:flex;align-items:center;justify-content:center;gap:13px;padding:15px 23px;}
.route-tabs svg {width:24px;height:24px;}
.route-panel {display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:30px 7vw;padding:35px;background:#9ac9ec06;border:1px solid var(--line);}
.route-panel+.route-panel {margin-top:25px;}
.handoff-routes:has([role="tablist"]) .route-panel {margin-top:0;}
.route-description {padding-top:12px;}
.route-description h3 {max-width:20ch;}
.delivery-package {border:1px solid #9ac9ec40;background:#0a1017;min-width:0;}
.package-top {display:flex;align-items:center;gap:14px;background:#17232f;padding:18px 22px;font-size:12px;letter-spacing:.09em;color:var(--accent);}
.delivery-package svg {width:27px;height:27px;flex:0 0 27px;color:var(--accent);}
.delivery-package ul {list-style:none;margin:23px;padding:0 0 0 20px;border-left:1px solid #9ac9ec50;}
.delivery-package li {position:relative;display:flex;align-items:center;gap:15px;padding:10px 0 10px 6px;}
.delivery-package li:before {content:"";position:absolute;left:-20px;width:15px;height:1px;background:#9ac9ec50;}
.delivery-package strong {display:block;font-size:18px;font-weight:400;line-height:1.35;}
.delivery-package li span,.package-note span {display:block;font-size:13px;color:var(--muted);line-height:1.5;margin-top:5px;}
.package-note {display:flex;gap:15px;align-items:center;border-top:1px solid var(--line);padding:18px 23px;}
.package-note p {margin:0;}
.package-note strong {font-size:15px;}
.route-panel>.handoff-detail {grid-column:1/-1;margin:0;}
.handoff-block>.handoff-reassurance {font-size:16px;margin:26px 0 22px;}
.handoff-final {display:grid;grid-template-columns:1fr 1.2fr;gap:7vw;}
.handoff-final>span {display:none;}
.handoff-checklist {list-style:none;padding:0;margin:0;}
.handoff-checklist li {display:flex;gap:18px;padding:22px 0;border-bottom:1px solid var(--line);}
.handoff-checklist li:first-child {padding-top:0;}
.handoff-checklist li>span {font-size:22px;color:var(--accent);}
.handoff-checklist h3 {font-size:23px;font-weight:400;line-height:1.25;letter-spacing:-.02em;margin:0 0 12px;}
.handoff-checklist p {font-size:16px;line-height:1.7;color:var(--muted);margin:0;}
.handoff-glossary {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 50px;margin:5px 0 0;}
.handoff-glossary dt {color:var(--accent);margin-bottom:7px;}
.handoff-glossary dd {margin:0;}
.page-handle .page-sections:empty {display:none;}
@media(min-width:1000px) {.reference-demo {min-height:355px;}.reference-explanation {min-height:355px;}}
@media(max-width:999px) {
 .handoff-path a {gap:12px;padding-right:12px;}.handoff-path a+a {padding-left:16px;}.handoff-path small {font-size:12px;}.handoff-path b {display:none;}
 .reference-demo {grid-template-columns:1fr;}.reference-image {width:100%;}.reference-explanation {padding:28px;}.reference-panel {min-height:170px;}
 .route-panel {gap:25px;padding:25px;}
}
@media(max-width:650px) {
 .page-handle .page-hero {padding-top:50px;padding-bottom:35px;}.page-handle .page-hero h1 {font-size:clamp(43px,10vw,62px);}
 .handoff-path {grid-template-columns:1fr;margin-bottom:55px;}.handoff-path a,.handoff-path a+a {padding:19px 0;border-left:0;}.handoff-path a+a {border-top:1px solid var(--line);}.handoff-path b {display:block;transform:rotate(90deg);}.handoff-path strong {font-size:19px;}.handoff-path small {font-size:13px;}
 .handoff-block {padding-bottom:45px;scroll-margin-top:140px;}.handoff-block+.handoff-block {padding-top:45px;}.handoff-heading h2 {font-size:40px;}.handoff-block>p {font-size:17px;}
 .reference-explanation {padding:23px 18px;}.reference-film-label {top:10px;left:10px;font-size:9px;padding:6px 9px;}.reference-panel {min-height:210px;}.handoff-tabs button {font-size:13px;padding:10px 12px;}
 .route-tabs {flex-wrap:nowrap;gap:8px;}.route-tabs button {flex:1;padding:13px 9px;gap:8px;border-radius:16px;font-size:14px;}.route-tabs svg {flex:0 0 22px;}
 .route-panel {grid-template-columns:1fr;padding:22px 16px;}.route-description h3 {max-width:24ch;}.route-description p {margin-bottom:0;}.delivery-package ul {margin:16px;padding-left:15px;}.delivery-package li:before {left:-15px;width:11px;}.delivery-package li {gap:10px;}.delivery-package strong {font-size:17px;}.package-top,.package-note {padding:16px;}.package-top {font-size:11px;}
 .handoff-final {display:block;}.handoff-checklist {margin-top:32px;}.handoff-diagrams,.handoff-glossary {grid-template-columns:1fr;}.handoff-detail summary {font-size:15px;}.handoff-guide {margin-bottom:60px;}
}