/* Internal pages share the Home identity, not its scroll controller. */
@media(max-width:650px){.detail-site .case-table{overflow:visible;border:0}.detail-site .case-table table{min-width:0;width:100%}.detail-site .case-table tbody,.detail-site .case-table tr{display:block}.detail-site .case-table tbody th,.detail-site .case-table td{display:block;min-width:0;width:auto;padding:16px 0}.detail-site .case-table tbody th{color:#ffdf64}.detail-site .case-table td{font-size:16px}}
/* Openings use different information structures; original captures are only framed. */
.opening-product,.opening-authoring,.opening-operator{background:#0b294f;color:#f3f7ff;padding:24px 0 38px;border-bottom:1px solid #3d6388}
.opening-product{background:linear-gradient(135deg,#081c38,#123d6a)}
.opening-product-heading{max-width:900px}.detail-site .opening-product h1{font-size:44px;margin-bottom:16px}.opening-product .detail-lead{font-size:18px;max-width:860px;margin:0 0 28px}
.experience-pair{display:grid;grid-template-columns:minmax(0,1.2fr) 90px minmax(0,1fr);gap:20px;align-items:center}
.experience-role{border-top:2px solid #53afd3;padding-top:12px}.experience-role h2{font-size:25px;margin:6px 0}.experience-role p{font-size:16px;margin:0 0 14px;color:#d1dff2}.role-label{color:#ffdf64;font-size:15px;font-weight:800}
.experience-bridge{align-self:center;text-align:center;color:#ffdf64}.experience-bridge>span{font-size:42px}.experience-bridge p{font-size:13px;line-height:1.5}
.opening-figure{margin:0;min-width:0}.opening-figure .detail-figure-open{display:block;text-decoration:none;overflow:hidden}.opening-figure .detail-figure-open>span{display:flex;justify-content:space-between;font-size:14px;padding:10px 14px}.opening-figure figcaption{font-size:13px;color:#bdcfea;margin-top:10px}.capture-provenance{font-size:13px;color:#bdcfea;margin-top:4px}.capture-provenance summary{cursor:pointer;min-height:32px;padding:6px 0}.capture-provenance p{max-width:650px}
.capture-detail{position:relative;overflow:hidden;aspect-ratio:1.4;background:#051424}.capture-detail img{position:absolute!important;height:auto!important;max-width:none!important;display:block}.crop-graph img,.crop-authoring img{width:266.667%!important;left:-75%;top:-150%}.crop-operator{aspect-ratio:1.1}.crop-operator img{width:390.244%!important;left:-281.22%;top:-92%}
.opening-next{display:flex;gap:20px 36px;flex-wrap:wrap;margin-top:26px}.opening-next a{color:#ffdf64;font-weight:750;min-height:44px;display:inline-flex;align-items:center}
.opening-authoring{background:#081d38}.authoring-heading{display:grid;grid-template-columns:1.3fr 1fr;gap:45px;align-items:end;margin-bottom:30px}.detail-site .authoring-heading h1{font-size:40px;margin:0}.authoring-heading .detail-lead{font-size:18px;margin:0;color:#d1dff2}
.authoring-example{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:50px;align-items:start;margin-bottom:26px}.authoring-route{padding-left:22px;border-left:2px solid #3f7499}.authoring-route>section{padding:10px 0 16px;border-bottom:1px solid #345171}.authoring-route h2{font-size:22px;margin:8px 0}.authoring-route p{font-size:16px;color:#c4d3e8;margin:8px 0}.node-kind{font-size:13px;font-weight:800;border-left:3px solid;padding-left:10px}.question-kind{color:#76d5ef}.task-kind{color:#ffdf64}.outcome-kind{color:#7fe0b3}.crop-authoring{aspect-ratio:1.12}.crop-authoring img{width:266.667%!important;left:-75%;top:-100%}.capture-context{font-size:15px;color:#c4d3e8;line-height:1.65}
.opening-operator{background:linear-gradient(150deg,#113b65,#081d38)}.operator-heading{max-width:900px}.detail-site .operator-heading h1{font-size:42px;margin-bottom:14px}.operator-heading .detail-lead{font-size:18px;margin-bottom:16px}
.operator-ticket-example{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.4fr);gap:0;margin:26px 0 32px;border:1px solid #5681a4;border-radius:6px;overflow:hidden}.illustrative-ticket{background:#0b213d;padding:26px}.ticket-kind{color:#ffdf64;font-size:13px;font-weight:800}.illustrative-ticket h2{font-size:27px;margin:16px 0 22px}.illustrative-ticket dl{margin:0}.illustrative-ticket dl>div{border-top:1px solid #3a5a79;padding:18px 0}.illustrative-ticket dt{font-size:14px;color:#b7cce2}.illustrative-ticket dd{margin:6px 0 0;font-size:18px;font-weight:650}.illustrative-progress{background:#102e50;padding:26px;min-width:0}
.example-controls{display:flex;gap:8px;flex-wrap:wrap}.example-controls[hidden]{display:none}.example-controls button{border:1px solid #6b98b9;background:#082342;color:#f3f7ff;border-radius:4px;min-height:44px;padding:9px 12px;font:700 14px/1.4 system-ui;cursor:pointer}.example-controls button[aria-pressed=true]{background:#ffda4e;color:#071c3c;border-color:#ffda4e}.example-status{font-size:15px;color:#ffdf64;min-height:48px;margin:18px 0}.example-state{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:0 0 24px}.example-state dt{font-size:13px;color:#b8cfe6;font-weight:700}.example-state dd{font-size:16px;margin:8px 0 0;line-height:1.6}.example-response{border-top:2px solid #54b7cf;padding-top:15px}.example-response h3{font-size:16px;color:#b8cfe6;margin:0 0 12px}.example-response blockquote{margin:0;color:#f3f7ff;line-height:1.75;min-height:100px}.example-response mark{display:block;background:#173f51;color:#e6fbf5;border-left:3px solid #80d6b7;padding:10px 14px;margin-top:12px}.example-response mark[hidden]{display:none}
.operator-static-route h2{font-size:24px}.operator-static-route ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding-left:20px;margin-bottom:24px}.operator-static-route li{padding-left:6px;color:#c4d3e8;font-size:15px}.operator-static-route strong{color:#ffdf64;font-size:17px}.operator-static-route mark{background:transparent;color:#e9f9ef;text-decoration:underline;text-decoration-color:#7fd7b5;text-underline-offset:4px}
.page-guide .detail-intro{padding:20px 0 26px}.page-guide .detail-intro .detail-breadcrumb{margin-bottom:18px}.detail-site.page-guide h1{font-size:38px;max-width:960px}.page-guide .detail-intro .detail-lead{font-size:17px;margin:14px 0 10px;max-width:900px}.page-guide .detail-actions{margin-top:12px}.page-guide .detail-actions a{font-size:15px}
@media(max-width:1000px){.experience-pair{grid-template-columns:minmax(0,1.2fr) 65px minmax(0,1fr);gap:14px}.authoring-heading{grid-template-columns:1fr;gap:18px}.authoring-example{gap:28px}.operator-ticket-example{grid-template-columns:1fr}.illustrative-ticket dl{display:grid;grid-template-columns:1fr 1fr;gap:24px}.illustrative-ticket h2{font-size:24px}}
@media(max-width:650px){.opening-product,.opening-authoring,.opening-operator{padding:20px 0 30px}.detail-site .opening-product h1,.detail-site .authoring-heading h1,.detail-site .operator-heading h1{font-size:33px}.experience-pair{grid-template-columns:1fr;gap:18px}.experience-bridge{display:flex;gap:18px;align-items:center;text-align:left}.experience-bridge>span{transform:rotate(90deg);font-size:32px}.experience-bridge p{font-size:15px;max-width:240px}.authoring-example{grid-template-columns:1fr}.authoring-route{padding-left:16px}.opening-next{display:grid;gap:0}.illustrative-ticket,.illustrative-progress{padding:20px}.illustrative-ticket dl,.example-state{grid-template-columns:1fr;gap:8px}.operator-static-route ol{grid-template-columns:1fr;gap:16px}.example-controls{display:grid;grid-template-columns:1fr}.example-controls button{text-align:left}.detail-site.page-guide h1{font-size:30px}.page-guide .detail-intro .detail-lead{font-size:16px}
.case-table{overflow:visible;border:0}.case-table table{min-width:0}.case-table thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.case-table tbody,.case-table tr{display:block}.case-table tr{margin-bottom:24px;padding:0 18px 10px;border:1px solid #4a6a8c;border-radius:6px;background:#0a2443}.case-table tbody th,.case-table td{display:block;min-width:0;width:auto;padding:16px 0;border:0}.case-table tbody th{font-size:22px;color:#ffdf64;border-bottom:1px solid #3f5c7e}.case-table td::before{content:attr(data-label);display:block;color:#9fc8e6;font-size:13px;font-weight:750;margin-bottom:6px}.case-table td{font-size:16px}}
body.detail-site{--ink:#f3f7ff;--muted:#bdcfea;--line:#39547a;--navy:#061831;background:#061831;color:var(--ink);color-scheme:dark}
.detail-site .detail-header{background:#071c3c;border-bottom:1px solid #315071;padding:22px 32px;gap:24px}
.detail-site .detail-header a{font-size:14px}.detail-site .detail-header nav{gap:18px}
.detail-site .detail-intro{background:linear-gradient(125deg,#08254e,#103e75);border-color:#315071;padding:24px 0 48px;position:relative;overflow:hidden}
.detail-site .detail-intro{background-color:#103e75}
.detail-site .detail-intro .detail-wrap{position:relative;z-index:1}.detail-site h1{font-size:48px;max-width:950px;font-weight:850;line-height:1.1}.detail-site .detail-promise{color:#ffdd59}.detail-site .detail-lead{color:#d1dff2;max-width:820px;line-height:1.65}
.detail-site .detail-breadcrumb{color:#c0d2ef;margin-bottom:28px}.detail-site .detail-eyebrow{color:#ffdd59;letter-spacing:0}.detail-site .detail-actions{gap:22px}
.detail-site .detail-button{border-radius:6px;background:#ffda4e;color:#071c3c;box-shadow:0 6px 20px #0002}.detail-site .detail-button:hover{background:#ffe88d}.detail-site a:not(.detail-button):hover{color:#ffdf64}.detail-site :focus-visible{outline:3px solid #ffdf64;outline-offset:5px}
.detail-site .detail-body{background:#071b38;padding:18px 0 48px}.detail-site .detail-chapter{display:block;padding:28px 0;border-bottom:1px solid #314968}.detail-site .detail-chapter>div{max-width:810px}.detail-site .detail-chapter h2{font-size:27px}.detail-site .detail-chapter p{color:#c4d3e8;line-height:1.75}.detail-site .detail-number{display:none}
.story-band{padding:44px 0;background:#0b2a53;border-block:1px solid #345171}.story-band h2{max-width:850px}.story-label{font-size:14px;color:#ffdf64}.story-footnote{font-size:14px;color:#c4d3e8;margin-top:20px!important}.story-band p{max-width:850px}.story-controls{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.story-controls button{background:#0c2343;border:1px solid #7096ba;color:#e7f2ff;border-radius:4px;padding:10px 16px;min-height:44px;font:inherit;font-size:15px;font-weight:700;cursor:pointer}.story-controls button[aria-pressed=true]{background:#ffda4e;color:#071b38;border-color:#ffda4e}.operator-moments{margin:0;padding:0 0 0 24px;max-width:900px}.operator-moments li{padding:20px 24px;border-left:3px solid #497399;margin-bottom:14px;list-style:decimal}.operator-moments li.is-active{background:#143e6c;border-left-color:#ffda4e}.operator-moments h3{font-size:23px}.operator-moments p{margin:0;color:#d1dff2}
.case-table{overflow:auto;margin:28px 0;border:1px solid #4a6a8c;border-radius:6px}.case-table table{border-collapse:collapse;width:100%;min-width:760px;text-align:left}.case-table th,.case-table td{padding:24px;border-bottom:1px solid #3f5c7e;vertical-align:top}.case-table thead{background:#071c3c;color:#ffdf64}.case-table tbody th{color:#fff;min-width:150px}.case-table td{color:#d1dff2;min-width:175px}.case-detail{padding:20px 0;border-bottom:1px solid #39547a;max-width:850px}.case-detail summary{cursor:pointer;font-size:21px;font-weight:750;min-height:44px}.case-detail p{margin:14px 0;color:#c4d3e8;max-width:750px}
.boundary-map dl{display:grid;grid-template-columns:1fr 1fr;gap:0 36px;margin:28px 0}.boundary-map dl>div{border-top:1px solid #7291b0;padding:22px 0}.boundary-map dt{font-size:22px;font-weight:800;color:#ffdf64}.boundary-map dd{margin:10px 0 0;color:#d1dff2;max-width:480px}
.editorial-index{background:#071b38}.editorial-entry{border-bottom:1px solid #39547a;padding:28px 0;max-width:920px}.editorial-featured{border-left:5px solid #ffda4e;padding-left:28px;max-width:100%;background:linear-gradient(90deg,#123965,#071b38);padding-right:24px}.editorial-featured h3{font-size:34px;max-width:700px}.editorial-entry h3 a{text-decoration:none}.editorial-entry p{color:#c4d3e8;max-width:720px}.editorial-entry .story-label{color:#ffdf64}.page-resources .detail-close{border-top:1px solid #39547a}
.draft-comparison{display:grid;grid-template-columns:1fr .85fr 1fr;gap:24px;margin-top:28px}.draft-comparison>section{background:#f1f6fc;color:#10264c;border-radius:6px;padding:24px}.draft-comparison blockquote{margin:18px 0 0;font-size:17px;line-height:1.8}.draft-comparison aside{padding:20px 0}.draft-comparison aside h3{color:#ffdf64}.draft-comparison dt{color:#c4d3e8}.draft-comparison dd{margin:4px 0 18px;font-size:21px;font-weight:750}.draft-comparison mark{background:#d1ebd8;color:#173e2a;box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:2px 0}
.decision-sketch ol,.pilot-route ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;padding:0 0 0 22px;counter-reset:stages}.decision-sketch li,.pilot-route li{padding:18px 0 0;border-top:3px solid #ffda4e;max-width:340px}.decision-sketch strong{font-size:21px}.decision-sketch p,.pilot-route p{margin-top:12px;color:#d1dff2}.pilot-route{background:#102e50}.authoring-roles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.authoring-roles>div{border-top:3px solid #4fa7d1;padding-top:14px}.authoring-roles h3{color:#ffdf64}.authoring-roles p{color:#d1dff2}
.detail-site .detail-journey{background:#082345;border-block:1px solid #345171;padding:36px 0}.detail-site .detail-journey li{border-top-color:#4fa7d1}.detail-site .detail-journey li::before{color:#ffdf64}.detail-site .detail-journey p{color:#c4d3e8}.detail-site .detail-figures{background:#071b38;padding:42px 0 12px}.detail-site .detail-figures figure{margin-bottom:38px}.detail-site .detail-figure-open{background:#0e315b;border-color:#5880a4;box-shadow:0 12px 32px #0003}.detail-site .detail-figure-open span{color:#ffdf64}.detail-site .detail-figures figcaption{color:#bccfe9;max-width:950px}.detail-site .detail-image-dialog{background:#071b38;border-color:#789aba}.detail-site .detail-image-scroll img{width:auto;min-width:1200px;max-width:none}.detail-site .detail-example{background:#11325a;border-block:1px solid #3f5c7e;padding:40px 0}.detail-site .detail-example .detail-wrap{max-width:930px}.detail-site .detail-example h3{font-size:21px;color:#ffdf64}.detail-site .detail-example p,.detail-site .detail-example li{color:#d1dff2}.detail-site .detail-example nav a{font-size:15px}
.detail-site .detail-related{background:#0a2446;padding:30px 0}.detail-site .detail-related h2{font-size:22px;margin-bottom:20px}.related-links{display:flex;gap:14px 34px;flex-wrap:wrap}.related-links a{font-weight:700;min-height:44px;display:inline-flex;align-items:center;gap:18px;text-decoration:underline}.detail-site .detail-close{background:linear-gradient(110deg,#153d6e,#0a2446);padding:40px 0;border-top:1px solid #496a8c}.detail-site .detail-close h2{max-width:800px;font-size:30px}.detail-site .detail-footer{background:#061831;border-top:1px solid #314968;color:#c4d3e8}.detail-site .detail-validation{color:#aebfdb}
.page-guide .detail-body .detail-wrap{max-width:930px}.page-product .detail-body .detail-wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.page-product .detail-body h2{font-size:23px}.page-team-leads .detail-body .detail-chapter>div{display:grid;grid-template-columns:280px minmax(0,1fr);gap:32px;max-width:none}.page-team-leads .detail-body .detail-chapter h2{font-size:23px}.detail-watch .detail-intro{background:#081e3e;padding-bottom:20px}.detail-watch .detail-media{background:#081e3e;padding-top:12px}.detail-watch .detail-media .detail-wrap{max-width:1180px}.detail-watch .detail-video{box-shadow:0 16px 50px #0007;border-color:#54789c}.detail-watch .detail-body{background:#061831}.detail-watch .detail-chapter h2{font-size:22px}.detail-watch .detail-chapter{padding:18px 0}
@media(max-width:1100px){.detail-site .detail-header nav{gap:16px}.page-product .detail-body .detail-wrap{grid-template-columns:1fr}.page-team-leads .detail-body .detail-chapter>div{grid-template-columns:1fr;gap:0}.draft-comparison{grid-template-columns:1fr}.draft-comparison aside{border-left:3px solid #4fa7d1;padding:8px 22px}.draft-comparison aside p{margin:0}.detail-site .detail-intro::after{display:none}}
@media(max-width:650px){.detail-site .detail-header{padding:18px 22px}.detail-site h1{font-size:35px}.detail-site .detail-intro{padding-bottom:32px}.detail-site .detail-intro .detail-lead{font-size:17px}.story-band{padding:30px 0}.boundary-map dl,.authoring-roles,.decision-sketch ol,.pilot-route ol{grid-template-columns:1fr}.detail-site .detail-journey ol{grid-template-columns:1fr 1fr}.editorial-featured h3{font-size:28px}.detail-site .detail-chapter h2{font-size:25px}.detail-site .detail-example .detail-wrap{padding:0 22px}.detail-site .detail-close h2{font-size:26px}.related-links{display:grid;gap:4px}.operator-moments{padding-left:20px}.operator-moments li{padding:16px}.detail-watch h1{font-size:32px}.detail-site .detail-figures h2{font-size:25px}.case-table th,.case-table td{padding:18px}}
@media(prefers-reduced-motion:reduce){body.detail-site,body.detail-site *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}