/* Hallmark · macrostructure: map-led exhibition · tone: commemorative · anchor hue: red */
/* Pre-emit critique: P4 H4 E4 S5 R5 V4.
 * P4 only: source map first, four choices, then reason and action. */
body[data-page='4'] .tactics-reading { gap:12px; }
body[data-page='4'] .tactics-reading .eyebrow { color:var(--p4-red);font-size:12px;letter-spacing:.035em; }
body[data-page='4'] .tactics-reading .tactics-title h2 { font-size:clamp(34px,10vw,42px);line-height:1.2; }
body[data-page='4'] .tactics-title>span { font-size:13px; }
body[data-page='4'] .tactics-reading .tactics-plan { font-size:15px;line-height:1.65;margin-top:9px; }
body[data-page='4'] .tactics-reading .tactics-map { width:calc(100% + 2 * var(--gutter));max-width:none;margin-inline:calc(-1 * var(--gutter));max-height:none;align-self:stretch;gap:6px; }
body[data-page='4'] .tactics-map figcaption.p4-map-legend { padding-inline:var(--gutter);gap:8px; }
body[data-page='4'] .p4-map-legend small { font-size:11px; }
body[data-page='4'] .p4-map-legend strong { font-size:12px;font-weight:500; }
body[data-page='4'] .p4-map-legend em { font-size:11px; }
body[data-page='4'] .crossing-controls { border-top:1px solid var(--p4-rule); }
body[data-page='4'] .crossing-controls button { flex-direction:column;gap:1px;min-height:56px;padding:6px 0;color:var(--p4-ink);border-bottom-width:3px;transition:background-color 150ms ease-out,color 150ms ease-out; }
body[data-page='4'] .crossing-controls b { font-size:16px;font-weight:500; }
body[data-page='4'] .crossing-controls small { font-size:11px; }
body[data-page='4'] .crossing-controls button[aria-pressed='true'] b { font-weight:600; }
body[data-page='4'] .crossing-controls button:active { transform:none; }
body[data-page='4'] .crossing-caption h3 { font-size:17px;line-height:1.5;color:var(--p4-red); }
body[data-page='4'] .crossing-reason strong { color:var(--p4-red);font-weight:600; }
body[data-page='4'] .crossing-reason p { line-height:1.65; }
body[data-page='4'] .crossing-reason p>span { text-wrap:balance; }
body[data-page='4'] .tactics-reading[data-crossing-index='-1'] .crossing-reason p:last-child { font-size:14px;color:var(--p4-muted); }
body[data-page='4'] .tactics-onward { font-size:14px;line-height:1.6; }
body[data-page='4'] .deck-footer button:focus-visible,
body[data-page='4'] #info-dialog :is(button,a,summary):focus-visible { outline:2px solid var(--p4-red);outline-offset:3px; }
body[data-page='4'] #info-dialog #info-body h3 { color:var(--p4-red);font-size:18px;line-height:1.55; }

/* The complete image is contained on a neutral viewing mat, never stretched. */
#chishui-dialog .chishui-surface { background:#edf0f1; }
#chishui-dialog .chishui-head { padding:calc(9px + env(safe-area-inset-top)) 16px 9px; }
#chishui-dialog .chishui-head h2 { font-size:22px;font-weight:600; }
#chishui-dialog .chishui-head p { font-size:12px; }
#chishui-dialog .chishui-footer { padding-inline:16px; }
#chishui-dialog .chishui-endpoints { gap:0; }
#chishui-dialog .chishui-endpoints button { flex-direction:column;align-items:flex-start;justify-content:center;gap:1px;padding:5px 8px;min-height:48px;white-space:normal; }
#chishui-dialog .chishui-endpoints button+button { border-left:1px solid var(--cm-rule); }
#chishui-dialog .chishui-endpoints small { font-size:11px;line-height:1.4; }
#chishui-dialog .chishui-endpoints strong { font-size:14px;line-height:1.5; }
#chishui-dialog .chishui-tabs button { flex-direction:column;gap:0;min-height:50px;font-size:15px;border-bottom-width:3px;color:var(--cm-ink); }
#chishui-dialog .chishui-tabs small { font-size:11px; }
#chishui-dialog .chishui-tabs button[aria-pressed='true'] { color:var(--cm-red);font-weight:600; }
#chishui-dialog .chishui-summary { padding-block:9px 6px; }
#chishui-dialog .chishui-summary>div { font-size:15px; }
#chishui-dialog .chishui-summary time { font-size:12px; }
#chishui-dialog .chishui-summary>p { margin-top:6px;display:grid;grid-template-columns:2em minmax(0,1fr);gap:8px;font-size:14px;line-height:1.6; }
#chishui-dialog .chishui-summary>p strong { font-weight:600;color:var(--cm-red); }
#chishui-dialog[data-stage='-1'] .chishui-summary>p { display:block;color:var(--cm-muted); }
#chishui-dialog .chishui-summary>p[hidden] { display:none; }
#chishui-dialog .map-stage-notes { margin-top:4px; }
#chishui-dialog .map-stage-notes summary { font-size:13px;min-height:44px;justify-content:space-between; }
#chishui-dialog .map-stage-notes>div { border-radius:4px;font-size:14px; }
#chishui-dialog .chishui-tools { padding-top:5px;gap:8px; }
#chishui-dialog .chishui-tools>div { border-radius:4px; }
#chishui-dialog .chishui-tools button { border-radius:0;padding-inline:8px;font-size:14px; }
#chishui-dialog .chishui-tools button[data-chishui-tool='whole'] { color:var(--cm-red);border-right:1px solid var(--cm-rule); }
#chishui-dialog .chishui-tools button[data-chishui-tool='in'],
#chishui-dialog .chishui-tools button[data-chishui-tool='out'] { font-size:20px; }
#chishui-dialog .chishui-tools output { font-size:12px;padding-inline:6px; }
#chishui-dialog .chishui-credit summary { font-size:12px; }
#chishui-dialog .chishui-hint { font-size:11px;line-height:1.5;padding-top:5px; }
#chishui-dialog .chishui-footer button { transition:background-color 150ms ease-out,color 150ms ease-out; }
#chishui-dialog .chishui-footer button:active { transform:none; }
@media(max-height:740px) {
 body[data-page='4'] .tactics-reading { gap:8px; }
 body[data-page='4'] .tactics-reading .tactics-title h2 { font-size:32px; }
 body[data-page='4'] .tactics-reading .tactics-plan { font-size:14px;line-height:1.55;margin-top:6px; }
 body[data-page='4'] .crossing-controls button { min-height:48px;padding-block:4px; }
 body[data-page='4'] .crossing-controls b { font-size:15px; }
 body[data-page='4'] .crossing-caption h3 { font-size:15px; }
 body[data-page='4'] .crossing-reason p { line-height:1.55; }
}
@media(max-width:350px) {
 #chishui-dialog .chishui-footer { padding-inline:10px; }
 #chishui-dialog .chishui-tools { gap:4px; }
 #chishui-dialog .chishui-tools button { padding-inline:5px; }
 #chishui-dialog .chishui-tools output { padding-inline:3px; }
 body[data-page='4'] .p4-map-legend>span { white-space:normal; }
}
@media(max-height:620px) and (orientation:portrait) {
 body[data-page='4'] .tactics-reading.page4-tight { gap:4px; }
 body[data-page='4'] .crossing-controls button { min-height:44px; }
 #chishui-dialog .chishui-head { padding-block:calc(4px + env(safe-area-inset-top)) 4px; }
 #chishui-dialog .chishui-head h2 { font-size:19px; }
 #chishui-dialog .chishui-head p { display:none; }
 #chishui-dialog .chishui-endpoints button,#chishui-dialog .chishui-tabs button { min-height:44px; }
 #chishui-dialog .chishui-summary { padding-block:5px 3px; }
 #chishui-dialog .chishui-summary>p { margin-top:4px;line-height:1.5; }
 #chishui-dialog .chishui-hint { display:none; }
}
@media(orientation:landscape) and (max-height:600px) {
 body[data-page='4'] .tactics-reading .tactics-title h2 { font-size:28px; }
 body[data-page='4'] .tactics-reading .tactics-map { width:100%;margin:0; }
 body[data-page='4'] .tactics-map figcaption.p4-map-legend { padding-inline:0; }
 body[data-page='4'] .tactics-reading { column-gap:18px;row-gap:5px; }
 body[data-page='4'] .crossing-controls button { min-height:44px; }
 #chishui-dialog .chishui-head { padding-block:4px; }
 #chishui-dialog .chishui-head p { display:none; }
 #chishui-dialog .chishui-head h2 { font-size:20px; }
 #chishui-dialog .chishui-tabs button,#chishui-dialog .chishui-endpoints button { min-height:44px; }
 #chishui-dialog .chishui-summary { padding-block:5px; }
 #chishui-dialog .chishui-hint { display:none; }
}
@media(prefers-reduced-motion:reduce) {
 body[data-page='4'] .crossing-controls button,#chishui-dialog .chishui-footer button { transition:none; }
}