/* A 手机连续阅读（2026-10-04 加）。屏宽 ≤900px 时 deck.js 把 36 屏改成上下连续阅读，本文件负责 A 的版式；桌面 1600 × 900 翻页不受影响。
   内页规则取自 B 的 strategy-mobile.css（选择器改为 A、颜色改为 A 的主题变量），连线图的结构样式直接用 strategy-mobile.css，这里只换颜色。 */
@media(max-width:900px){
  body[data-version=a]{height:auto;min-height:100%;overflow:visible;background:#202622;touch-action:pan-y pinch-zoom}
  body[data-version=a] .stage.architecture{position:relative;inset:auto;width:100%;height:auto;min-height:100svh;transform:none;overflow:visible}
  body[data-version=a] .stage .deck-page{position:relative;inset:auto;width:100%;height:auto;min-height:100svh;padding:28px clamp(20px,5vw,44px) 32px;overflow:visible;visibility:visible;opacity:1;pointer-events:auto;transform:none;transition:none}
  body[data-version=a] .stage .deck-panel{border-top:12px solid #dfe6dc;isolation:isolate}
  body[data-version=a] .deck-panel .deck-topbar{position:static;inset:auto;height:auto;min-height:52px;padding-bottom:16px;gap:10px;align-items:center;flex-wrap:wrap}
  body[data-version=a] .deck-panel .deck-brand{font-size:23px;line-height:1.4;letter-spacing:-.5px;gap:10px}
  body[data-version=a] .deck-panel .deck-brand span{font-size:11px;line-height:1.5;letter-spacing:0;margin-left:0;padding-left:10px}
  body[data-version=a] .deck-panel .deck-chapter-label{font-size:12px;line-height:1.5;margin-left:0;flex:1 0 55%}
  body[data-version=a] .deck-panel .deck-reading-hint{font-size:12px;line-height:1.5;margin-left:auto}
  body[data-version=a] .deck-panel .deck-heading{position:static;inset:auto;margin-top:32px;animation:none}
  body[data-version=a] .deck-panel .deck-kicker{font-size:12px;line-height:1.7;letter-spacing:.5px;gap:10px;overflow-wrap:anywhere}
  body[data-version=a] .deck-panel .deck-kicker::before{width:22px;height:2px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-title{font-size:clamp(30px,6vw,48px);line-height:1.28;letter-spacing:-1px;margin:16px 0 0;max-width:100%;overflow-wrap:anywhere;text-wrap:pretty}
  body[data-version=a] .deck-panel .deck-summary{font-size:16px;line-height:1.8;margin-top:20px;max-width:100%;overflow-wrap:anywhere}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body{position:static;inset:auto;height:auto;margin-top:32px;animation:none;min-width:0;overflow-wrap:anywhere}
  body[data-version=a] .deck-panel .deck-body h3{font-size:22px;line-height:1.45;letter-spacing:-.3px;text-wrap:pretty}
  body[data-version=a] .deck-panel .deck-body p{font-size:16px;line-height:1.8}
  body[data-version=a] .deck-panel .deck-page-footer{position:static;inset:auto;height:auto;min-height:0;margin-top:40px;padding-top:18px;gap:16px;align-items:flex-start}
  body[data-version=a] .deck-panel .deck-footnote{font-size:12px;line-height:1.8;max-width:100%;min-width:0;overflow-wrap:anywhere}
  body[data-version=a] .deck-panel .deck-pagination{font-size:11px;line-height:1.8;letter-spacing:.5px;flex-shrink:0}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body :is(.brand-audiences,.overview-brand-principles,.overview-ai-roles,.ecosystem-grid,.matrix-grid,.overview-execution,.overview-execution-cards,.evidence-grid,.operations-grid,.channel-grid,.roadmap-grid,.deliverables-grid,.closing-layout,.closing-actions){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;grid-auto-rows:auto;grid-auto-columns:auto;height:auto;gap:0;min-width:0}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body :is(.overview-brand-principles,.ecosystem-principles,.sop-strip,.architecture-bottom,.rules-strip,.weekly-sequence){display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-auto-flow:row;grid-auto-columns:auto;height:auto;gap:24px;margin-top:28px;padding-top:24px;border-top:2px solid var(--deck-accent)}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .deck-detail-trigger{min-width:0;min-height:0;padding:22px 0;border-top:1px solid var(--deck-line);border-bottom:0;border-left:0;background:none;cursor:default}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .item-code{position:static;font-size:12px;line-height:1.5;margin:0 0 10px;letter-spacing:1px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .item-title{font-size:22px;line-height:1.45;letter-spacing:-.3px;margin:0 0 10px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .item-desc{font-size:16px;line-height:1.8}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-card{padding:22px 0;border-top:1px solid var(--deck-line);height:auto;min-height:0}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-number{font-size:12px;margin-bottom:10px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-title{font-size:22px;line-height:1.45;margin-bottom:10px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-description{font-size:16px;line-height:1.8}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-execution{gap:32px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-execution-column>h3{font-size:24px;line-height:1.5;margin-bottom:18px}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-execution-cards .overview-card{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:20px 0}
  body[data-version=a] .deck-panel .principle-item{font-size:16px;line-height:1.8}
  body[data-version=a] .deck-panel .principle-item strong{font-size:19px;line-height:1.5;margin-bottom:8px}
  body[data-version=a] .deck-panel[data-deck-type] .architecture-bottom span{font-size:16px;line-height:1.8}
  body[data-version=a] .deck-panel :is(.metrics-hero,.metric-cadence,.metric-process){position:static;inset:auto;width:100%;height:auto}
  body[data-version=a] .deck-panel .metrics-hero{padding:22px 0 28px}
  body[data-version=a] .deck-panel .metrics-hero h3{font-size:30px;line-height:1.4;letter-spacing:-1px;margin-bottom:16px}
  body[data-version=a] .deck-panel .metric-exclusions{font-size:13px;line-height:1.8}
  body[data-version=a] .deck-panel .metric-cadence{gap:0;margin-top:8px}
  body[data-version=a] .deck-panel .cadence-item{grid-template-columns:72px minmax(0,1fr);gap:16px;padding:20px 0}
  body[data-version=a] .deck-panel .cadence-item h3{font-size:18px;margin:0}
  body[data-version=a] .deck-panel .metric-process{grid-template-columns:1fr;gap:0;margin-top:28px;padding-top:12px}
  body[data-version=a] .deck-panel .metric-process>span{display:flex;align-items:baseline;gap:20px;padding:14px 0;font-size:18px;border-bottom:1px solid var(--deck-line)}
  body[data-version=a] .deck-panel .metric-process i{margin:0;font-size:12px}
  body[data-version=a] .deck-panel .rule-item{font-size:16px;line-height:1.8}
  body[data-version=a] .deck-panel .rule-item strong{font-size:19px;line-height:1.5}
  body[data-version=a] .deck-panel .weekly-sequence>span{padding:0;border-right:0;font-size:18px}
  body[data-version=a] .deck-panel .weekly-sequence em{font-size:15px;line-height:1.8;margin-top:8px}
  body[data-version=a] .deck-panel .roadmap-grid{gap:32px!important}
  body[data-version=a] .deck-panel .roadmap-phase{padding-top:20px;height:auto}
  body[data-version=a] .deck-panel .roadmap-phase h3{font-size:27px;line-height:1.4;margin:14px 0}
  body[data-version=a] .deck-panel .phase-actions{margin-top:18px}
  body[data-version=a] .deck-panel .phase-actions li{font-size:16px;line-height:1.8;margin:8px 0;padding-left:16px}
  body[data-version=a] .deck-panel .phase-actions li::before{top:12px}
  body[data-version=a] .deck-panel :is(.phase-volume,.phase-gate){font-size:15px;line-height:1.8;margin-top:18px}
  body[data-version=a] .deck-panel .phase-gate{padding-top:16px}
  body[data-version=a] .deck-panel .phase-gate strong{font-size:16px;line-height:1.7;margin-bottom:8px}
  body[data-version=a] .deck-panel .deliverable-item{grid-template-columns:42px minmax(0,1fr);gap:16px;padding:22px 0}
  body[data-version=a] .deck-panel .deliverable-item h3{font-size:20px;line-height:1.5;margin-bottom:10px}
  body[data-version=a] .deck-panel .deliverable-time{font-size:13px;line-height:1.7}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .closing-layout{gap:32px}
  body[data-version=a] .deck-panel .closing-statement{padding-top:24px;gap:24px}
  body[data-version=a] .deck-panel .closing-statement p{font-size:30px;line-height:1.5;letter-spacing:-1px}
  body[data-version=a] .deck-panel .closing-statement>span:last-child{font-size:14px;line-height:1.8}
  body[data-version=a] .strategy-desktop-diagram{display:none}
  body[data-version=a] .strategy-mobile-graph{display:block;width:100%;max-width:640px;margin-inline:auto;min-width:0}
  body[data-version=a] .strategy-mobile-graph p.strategy-graph-caption{font-size:12px;line-height:1.8;color:var(--deck-muted);margin:0 0 22px}
  body[data-version=a] .strategy-mobile-graph .strategy-node h3{font-size:18px;line-height:1.6;letter-spacing:0;margin:0;white-space:pre-line;overflow-wrap:anywhere}
  body[data-version=a] .strategy-mobile-graph .strategy-node p{font-size:15px;line-height:1.8;margin:12px 0 0;color:var(--deck-muted);white-space:pre-line;overflow-wrap:anywhere}
  body[data-version=a] .strategy-mobile-graph .strategy-relationships{margin-top:32px;padding-top:24px;border-top:2px solid var(--deck-accent)}
  body[data-version=a] .strategy-mobile-graph .strategy-relationships>h3{font-size:19px;line-height:1.6;margin-bottom:8px}
  body[data-version=a] .strategy-mobile-graph p.strategy-relation-names{font-size:14px;line-height:1.8;white-space:pre-line;margin:10px 0 0;color:var(--deck-muted);overflow-wrap:anywhere}
  body[data-version=a] .strategy-mobile-graph p.strategy-relation-label{font-size:16px;line-height:1.8;margin:10px 0 0;white-space:pre-line;overflow-wrap:anywhere;color:var(--deck-ink)}

  /* Cover: the photograph keeps its proportions in the upper part, then fades into the green ground the text sits on. */
  body[data-version=a] .stage .deck-cover{display:flex;flex-direction:column;padding-top:24px;padding-bottom:28px;background:#263029;color:var(--a-ink)}
  body[data-version=a] .deck-cover .architecture-image{inset:0 0 auto;height:min(68svh,600px);object-position:60% 50%;animation:none}
  body[data-version=a] .deck-cover .architecture-shade{background:linear-gradient(180deg,rgba(17,27,23,.66) 0,rgba(17,27,23,.2) 18%,rgba(17,27,23,.48) 40%,#263029 min(68svh,600px))}
  body[data-version=a] .a-header{position:static;inset:auto;height:auto;flex-wrap:wrap;align-items:flex-start;gap:10px 16px}
  body[data-version=a] .a-wordmark{width:auto;font-size:24px;letter-spacing:5px;gap:6px}
  body[data-version=a] .a-wordmark span{font-size:9px;letter-spacing:2.6px}
  body[data-version=a] .a-header nav{gap:0;font-size:12px;margin-top:4px}
  body[data-version=a] .a-header .cover-reading-hint{font-size:12px;line-height:1.6}
  body[data-version=a] .a-proposal{flex-basis:100%;margin-left:0;font-size:12px;line-height:1.6;letter-spacing:2px;color:var(--a-dim)}
  body[data-version=a] .a-copy{position:static;inset:auto;margin-top:clamp(150px,30svh,300px);animation:none}
  body[data-version=a] .a-eyebrow{margin-bottom:18px;font-size:13px;line-height:1.7;letter-spacing:3px}
  body[data-version=a] .a-copy h1{font-size:clamp(32px,9.4vw,60px);line-height:1.28;letter-spacing:-1px}
  body[data-version=a] .a-description{margin-top:22px;font-size:15px;line-height:1.9}
  body[data-version=a] .a-cta{width:100%;max-width:280px;height:auto;min-height:52px;margin-top:28px;padding:14px 18px;font-size:15px}
  body[data-version=a] .a-arrow{font-size:22px}
  body[data-version=a] .a-positioning{margin-top:22px;gap:14px}
  body[data-version=a] .a-positioning p{font-size:15px;letter-spacing:2px}
  body[data-version=a] .a-vision{position:static;inset:auto;width:auto;margin:36px 0 40px;padding-left:18px;animation:none}
  body[data-version=a] .a-vision-overline{margin-bottom:10px;font-size:14px}
  body[data-version=a] .a-footer{position:static;inset:auto;flex-direction:column;align-items:flex-start;gap:20px;margin-top:auto;padding-top:22px}
  body[data-version=a] .a-footer span{font-size:11px;letter-spacing:2px}
  body[data-version=a] .a-footer p{margin-top:8px;font-size:15px;line-height:1.9}
  body[data-version=a] .a-system i{margin:0 6px;font-size:13px}
  body[data-version=a] .a-art-note{position:static;font-size:11px}

  /* A-theme layouts that are fixed to the 1600 × 900 canvas on desktop. */
  body[data-version=a] .deck-panel:before{width:70%;height:240px;-webkit-mask-image:linear-gradient(#000 30%,transparent);mask-image:linear-gradient(#000 30%,transparent)}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-card{background:none}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .overview-title{font-weight:500}
  body[data-version=a] .deck-panel[data-deck-type] .deck-body .ecosystem-column:first-child{padding:22px 20px;border-top:0;background:var(--deck-accent)}
  body[data-version=a] .deck-panel .metrics-hero{padding:24px 20px 26px}
  body[data-version=a] .deck-panel .metric-cadence{padding-right:0}
  body[data-version=a] .deck-panel .metric-process{grid-auto-flow:row}
  body[data-version=a] .deck-panel .roadmap-phase{border-right:0}

  /* Graph cards take the A palette (structure comes from strategy-mobile.css). */
  body[data-version=a] .strategy-node{border-color:var(--deck-line);background:var(--deck-surface)}
  body[data-version=a] .strategy-node.is-source{border-top-color:var(--deck-ink)}
  body[data-version=a] :is(.strategy-node-code,.strategy-relation-code){color:var(--deck-accent)}
  body[data-version=a] .strategy-node-group{color:var(--deck-muted)}
  body[data-version=a] .strategy-relation{border-bottom-color:var(--deck-line)}
  body[data-version=a] :is(.strategy-graph-lines,.strategy-message-line) marker path{fill:var(--deck-accent)}
  body[data-version=a] .strategy-edge-base{stroke:#9fb8a5}
  body[data-version=a] .strategy-edge-flow{stroke:var(--deck-accent)}
}

@media(min-width:600px) and (max-width:900px){
  body[data-version=a] .deck-panel[data-deck-type] .deck-body :is(.brand-audiences,.overview-brand-principles,.overview-ai-roles,.ecosystem-grid,.matrix-grid,.evidence-grid,.operations-grid,.channel-grid,.deliverables-grid){grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px}
  body[data-version=a] .deck-panel .deck-chapter-label{margin-left:auto;flex:0 0 auto}
  body[data-version=a] .deck-panel .deck-reading-hint{margin-left:12px}
}