/* Screen foundations */
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#f7f9fc;color:#2d4358;font:14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}h1,h2,h3,p{margin:0}button,select{font:inherit}button,summary{cursor:pointer}button{border:1px solid #dbe4ee;background:white;color:#153b64;border-radius:5px;padding:7px 12px}button:hover{background:#f0f5fa}button:disabled{cursor:default;color:#9aa7b5;background:#f5f7fa}button:focus-visible,summary:focus-visible,select:focus-visible{outline:3px solid #287bb7;outline-offset:3px}header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e0e7ef;padding:14px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:12px;flex-shrink:0}.brand-mark{background:#153b64;color:white;padding:8px;font-size:18px;font-weight:700;border-radius:4px}.brand strong{display:block;color:#153b64;font-size:17px}.brand div>span{font-size:12px;color:#7a8c9e}.toolbar{display:flex;gap:14px;align-items:center}#role-filter{display:flex;background:#eff3f8;padding:3px;border-radius:6px}#role-filter button{border:0;background:transparent;padding:5px 12px}#role-filter button.active{background:#153b64;color:white}.more{position:relative}.more>summary{list-style:none;border:1px solid #dbe4ee;padding:7px 13px;border-radius:5px;font-size:12px}.more>summary::-webkit-details-marker{display:none}.more-panel{position:absolute;top:45px;right:0;width:220px;padding:10px;background:white;box-shadow:0 12px 30px #183b6326;border:1px solid #dbe4ee;border-radius:6px;display:grid;gap:8px}.more-panel button{text-align:left;font-size:13px}.more-panel label{padding:8px 2px;font-size:12px;color:#72869a;display:flex;align-items:center;justify-content:space-between}.more-panel select{border:1px solid #dbe4ee;border-radius:4px;color:#153b64;background:#fff;padding:5px}main{max-width:1760px;margin:auto;padding:26px 28px}h1{font-size:26px;color:#153b64}h2{font-size:20px;color:#153b64}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;color:#8293a5;margin-bottom:4px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px}.section-heading p{color:#718497;font-size:13px;margin-top:4px}.guide{font-size:12px;color:#7a8c9e}
/* Compact battlemap: one action per stage */
.battlemap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr) 18px) minmax(0,1fr);align-items:stretch}.map-card{text-align:left;min-width:0;border:1px solid #dce4ee;border-top:3px solid var(--stage);border-radius:6px;padding:13px 12px 11px;position:relative;display:flex;flex-direction:column;background:#fff;box-shadow:0 2px 5px #153b6408}.map-card:hover{border-color:var(--stage);background:#fdfefe}.map-card.selected{box-shadow:0 0 0 2px var(--stage);background:#fff}.map-card.selected:after{content:"";position:absolute;bottom:-10px;left:calc(50% - 6px);border-width:7px 6px 0;border-style:solid;border-color:var(--stage) transparent transparent}.card-top{display:flex;align-items:center;justify-content:space-between;gap:4px}.stage-number{font-size:19px;color:var(--stage);font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.stage-type{font-size:10px;color:#94a2b1}.stage-name{font-size:18px;color:#2a425b;margin:11px 0 4px}.tagline{font-size:12px;color:#728498;min-height:40px}.map-gate{display:flex;align-items:flex-start;gap:6px;border-top:1px solid #e7edf3;padding-top:10px;margin-top:10px;font-size:10px;color:#6b7e92;flex:1}.map-gate b{font-size:9px;letter-spacing:.4px;color:var(--stage);padding-top:1px}.decision{background:#fffdf5;border-color:#e3d8b9}.decision .stage-type{color:var(--stage);font-weight:600}.connector{align-self:center;text-align:center;color:#a7b4c2;font-size:17px}.map-caption{display:flex;justify-content:space-between;gap:12px;padding:13px 0;font-size:11px;color:#8191a2}.role-memory{display:flex;gap:26px;align-items:center;padding:12px 0;border-top:1px solid #e2e9f1;color:#7d8c9b;font-size:12px}.memory{display:flex;gap:8px;align-items:center}.memory b{color:var(--role);font-weight:600}[data-role=business]{--role:#316bb3}[data-role=sa]{--role:#7754a7}[data-role=cs]{--role:#23744c}[data-role=agent]{--role:#c47728}.memory.focused{outline:0;background:transparent}.memory.muted{opacity:.65}
/* A single workspace; secondary information uses native disclosures */
.workspace{margin-top:16px;scroll-margin-top:90px}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:15px}.workspace-heading p{color:#7b8d9f;font-size:12px;margin-top:3px}.quiet-button{background:transparent;border:0;font-size:12px;color:#7890a6;padding:5px}.no-selection .quiet-button{display:none}.welcome{border:1px dashed #cfdae7;background:#f0f4f9;border-radius:7px;min-height:135px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8192a4;gap:3px;font-size:12px}.welcome p{color:#4c6882;font-size:15px;font-weight:600}.welcome-arrow{font-size:23px;color:#9db0c3;line-height:1.2}.stage-detail{background:white;border:1px solid #dce4ee;border-radius:7px;padding:21px 22px}.stage-detail.inactive{display:none}.stage-heading{display:flex;gap:12px;align-items:center;padding-bottom:14px;border-bottom:1px solid #e8edf3}.stage-tagline{margin-left:auto;color:#7d8d9f;font-size:13px}.content-block h3{font-size:13px;color:#153b64;margin-bottom:10px}ul{margin:0;padding-left:17px}li{margin-bottom:5px;overflow-wrap:anywhere}.goals{padding:15px 0 18px}.goals ul,.outputs ul{display:flex;flex-wrap:wrap;padding:0;list-style:none;gap:7px}.goals li{font-size:12px;background:#eef3f8;padding:4px 10px;border-radius:4px;margin:0}.goals h3{color:#73889c;font-weight:500;margin-bottom:8px}.responsibilities{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.role-action{background:#f8fafc;border-top:3px solid var(--role);padding:14px 14px 10px;border-radius:4px;font-size:13px}.role-action h3{color:var(--role);font-size:14px}.role-action.muted{opacity:1;background:#fafbfd;border-color:#d5dde7;color:#8b98a7}.role-action.muted h3{color:#8b98a7}.role-action.focused{outline:2px solid var(--role);outline-offset:-2px;background:#fff}.resources{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;margin:17px 0}.resource{border:1px solid #e0e7ef;border-radius:5px;flex:1;min-width:180px;background:#fff}.resource>summary{font-size:12px;color:#597087;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;list-style:none}.resource>summary::-webkit-details-marker{display:none}.disclosure-symbol{color:#8da0b3;font-size:16px;line-height:1}.resource[open] .disclosure-symbol{transform:rotate(45deg)}.resource>ul,.skill-content{padding:0 14px 14px 30px;font-size:12px}.examples li{list-style:none;margin-left:-16px;border-left:2px solid #dce6ef;padding-left:10px;margin-bottom:10px}.skill-card{border-color:#e7d7bf;background:#fffcf6}.skill-card>summary{color:#aa722d}.skill-card.muted{opacity:.7}.skill-card.focused{outline:1px solid var(--role)}.skill-content{padding:0 14px 14px}.skill-note{font-size:11px;color:#987c56;margin-bottom:12px}.skill-columns{display:grid;grid-template-columns:1fr 2fr;gap:14px}.skill-columns h3{font-size:12px}.outputs{padding:1px 0 18px}.outputs li{border:1px solid #e1e7ee;border-radius:4px;padding:4px 10px;font-size:12px;margin:0}.detail-gate{padding:16px 18px;background:#edf3fa;border-left:4px solid var(--stage);border-radius:0 5px 5px 0}.detail-gate .eyebrow{color:var(--stage);font-size:9px;margin-bottom:3px}.detail-gate h3{font-size:14px;color:#153b64;margin-bottom:5px}.detail-gate p{font-size:13px;color:#315472;font-weight:600}.stage-pager{display:flex;justify-content:space-between;gap:12px;margin-top:14px}.stage-pager button{font-size:12px}.full-reading .stage-detail{margin-bottom:20px}
/* Rules stay available without occupying the default work area */
.principles{margin-top:24px;border-top:1px solid #dce5ee;padding-top:5px}.principles>summary{display:flex;align-items:center;gap:15px;padding:13px 0;list-style:none;font-weight:600;color:#526e87;font-size:13px}.principles>summary::-webkit-details-marker{display:none}.principles summary span{font-size:11px;font-weight:400;color:#8a99a9}.principles summary b{margin-left:auto;font-size:11px;font-weight:400;color:#7c90a4}.rules-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:2px}.rule{display:flex;gap:10px;background:#edf2f8;border-radius:4px;padding:12px;font-size:12px}.rule-number{color:#91a2b3;font-size:11px}.important{color:#153b64;font-weight:600;background:#e5edf6}footer{display:flex;justify-content:space-between;font-size:11px;color:#9aa7b5;padding:14px 0;margin-top:12px}[hidden]{display:none!important}
@media(min-width:1600px){.map-card{padding:16px}.tagline{font-size:13px}.map-gate{font-size:11px}.role-action{font-size:14px;padding:17px}.stage-name{font-size:19px}}@media(max-width:1100px){.section-heading{align-items:flex-start}.guide{display:none}main{padding:24px 18px}header{padding:14px 18px}.responsibilities,.rules-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.map-card{padding:11px 8px}.stage-name{font-size:15px}.stage-type{font-size:9px}.battlemap{grid-template-columns:repeat(6,minmax(0,1fr) 10px) minmax(0,1fr)}.map-gate{display:block}.map-gate b{display:block;margin-bottom:4px}.role-memory{justify-content:space-between;gap:10px}.map-caption span:last-child{display:none}}
@media(max-width:700px){header{position:relative;flex-direction:column;align-items:flex-start;gap:12px}.toolbar{width:100%;gap:8px;justify-content:space-between}#role-filter button{padding:5px 9px;font-size:12px}.more>summary{white-space:nowrap;padding:7px 9px}.section-heading{margin-bottom:14px}.section-heading p{font-size:12px}main{padding:18px 14px}.battlemap{grid-template-columns:1fr 1fr;gap:10px}.connector{display:none}.map-card{padding:12px}.stage-name{font-size:17px}.tagline{min-height:0}.stage-type{font-size:10px}.map-gate{display:flex;margin-top:8px;padding-top:8px}.map-card.selected:after{display:none}.role-memory{display:grid;grid-template-columns:1fr 1fr;gap:8px;padding:12px 0}.workspace-heading h2{font-size:18px}.workspace-heading{align-items:flex-start}.stage-detail{padding:16px}.stage-tagline{display:none}.responsibilities,.rules-grid{grid-template-columns:1fr}.resources{display:grid;grid-template-columns:1fr}.resource{min-width:0}.stage-pager button{font-size:11px}.principles summary span{display:none}footer span{display:none}.skill-columns{grid-template-columns:1fr 1fr}html{scroll-padding-top:16px}}
/* Complete, readable output regardless of the selected screen stage or role */
@page{size:A3 landscape;margin:12mm}
@media print{body{background:white;font-size:9pt;color:#29435c;print-color-adjust:exact;-webkit-print-color-adjust:exact}header{position:static;padding:0 0 10px}.toolbar,.guide,.quiet-button,.stage-pager,.welcome,.workspace-heading,.principles summary b,.disclosure-symbol{display:none!important}main{padding:10px 0;max-width:none}.battlemap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr) 12px) minmax(0,1fr);gap:0}.connector{display:block}.map-card{padding:10px;box-shadow:none!important}.map-card.selected:after{display:none}.stage-name{font-size:12pt}.stage-type,.map-gate{font-size:8pt}.map-gate{display:block}.tagline{font-size:8pt;min-height:26px}.role-memory{display:flex}.map-caption{font-size:8pt}.stage-detail,.stage-detail.inactive{display:block!important;break-before:page;border:0;border-radius:0;padding:0;margin:0}.stage-heading{padding:12px 0}.stage-tagline{display:block;font-size:9pt}.responsibilities{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.role-action{font-size:9pt;padding:12px}.role-action.muted{color:#2d4358;border-color:var(--role);background:#f8fafc}.role-action.muted h3{color:var(--role)}.focused{outline:0!important}.muted{opacity:1!important}.resources{display:block}.resource{margin-bottom:10px;break-inside:avoid}.resource>summary{font-size:9pt;font-weight:600}.resource>ul{font-size:9pt}.skill-columns{grid-template-columns:1fr 2fr}.skill-columns ul{display:flex;flex-wrap:wrap;gap:4px 24px}.skill-note{font-size:8pt}.skill-columns li{font-size:8pt}.content-block,.detail-gate,.rule{break-inside:avoid}.goals li,.outputs li{font-size:8pt}.detail-gate p{font-size:9pt}.principles{break-before:page;margin:0}.rules-grid{grid-template-columns:repeat(4,1fr)}footer{margin:10px 0}.map-card{cursor:default}}