.graph-board { min-height:230px; display:grid; place-content:center; gap:10px; width:100%; padding:22px; text-align:center; background:#e7eee6; color:var(--green); }
.graph-board strong { font:500 clamp(27px,3vw,40px)/1.25 var(--font-editorial); }.graph-board span { font-size:18px; font-weight:700; }.graph-board small { font-size:15px; color:var(--body); }
.graph-evidence { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:9px 0; }.graph-evidence span { background:#edf1e9; border-radius:10px; padding:9px; color:var(--green); font-weight:650; font-size:13px; font-variant-numeric:tabular-nums; }
.graph-page .data-scene .graph-axis { stroke:#557363; stroke-width:4; fill:none; }.graph-page .data-scene .graph-tick { stroke:#839a88; stroke-width:2; }.graph-page .data-scene .graph-line-a { stroke:#b7653e; stroke-width:6; fill:none; stroke-linecap:round; }.graph-page .data-scene .graph-line-b { stroke:#326b5b; stroke-width:5; fill:none; stroke-linecap:round; }.graph-page .data-scene .graph-focus { stroke:#d37644; stroke-width:10; fill:none; stroke-linecap:round; }.graph-page .data-scene .graph-dot { fill:#f3c598; stroke:#275540; stroke-width:3; }
.graph-page .bridge-variants button { font-size:14px; }.graph-page .data-formula { font-size:16px; }
.graph-page .data-scene { flex-shrink:0; }
@media(min-width:951px) and (max-height:800px){ .graph-page .graph-board { min-height:200px; }.graph-page .data-scene svg { max-height:265px; } }
@media(max-width:600px){ .graph-board { min-height:185px; padding:17px 12px; }.graph-board strong { font-size:22px; white-space:nowrap; }.graph-evidence { grid-template-columns:1fr; }.graph-page .bridge-variants button { flex:1; } }