/* 力の内訳（運転台の下の帯）と、評価画面の振り返りグラフ。 */
.force-panel{flex-shrink:0;display:grid;grid-template-columns:auto repeat(5,minmax(0,1fr)) auto;gap:4px 16px;align-items:center;padding:6px 26px;background:#333433;border-top:1px solid #616261;border-bottom:1px solid #2d2e2d;color:#d9dad9;font-family:'BIZ UDPGothic','Yu Gothic UI','Meiryo',sans-serif;font-size:9px;line-height:1.3}
.force-head{display:flex;align-items:baseline;gap:6px;border-left:3px solid #aeafae;padding-left:10px;white-space:nowrap}.force-head b{font-size:10px;font-weight:500}.force-head span{font-size:8px;color:#afb0af}
.force-axis{display:none}
.force-row{display:grid;grid-template-columns:auto minmax(30px,1fr) 34px;gap:7px;align-items:center;min-width:0;padding:2px 5px;border:1px solid transparent;border-radius:2px}
.force-name{white-space:nowrap;color:#c8c9c8}.force-row>b,.force-net b{font:400 10px Consolas,monospace;font-variant-numeric:tabular-nums;text-align:right;color:#e6e7e6}
.force-track{position:relative;height:8px;background:#1e1f1e;border:1px solid #171817;box-shadow:inset 0 1px 2px #0d0e0d,0 1px #505150;border-radius:1px}
.force-track:after{content:'';position:absolute;left:50%;top:-2px;bottom:-2px;width:1px;background:#e1e2e1}
.force-track i{position:absolute;top:1px;bottom:1px;left:50%;width:0;background:#e3d4a0;border-radius:0 1px 1px 0}.force-track i.back{background:#d96845;border-radius:1px 0 0 1px}
.force-row.focus{border-color:#dcb658;background:#4a4636}.force-row.focus .force-name{color:#f0e9bc;font-weight:600}
.force-net{display:flex;align-items:baseline;gap:6px;white-space:nowrap;border-left:1px solid #737473;padding-left:14px;color:#c8c9c8}.force-net b{min-width:36px}#force-trend{min-width:7.5em;color:#e3e4e3}
#force-note{grid-column:1/-1;margin:0;font-size:9px;line-height:1.5;color:#f0e9bc}
.service-bar #force-toggle[aria-pressed=false]{color:#9d9e9d}
@media(max-width:1100px){.force-panel{padding-inline:18px;gap:4px 10px}.force-row{grid-template-columns:minmax(0,1fr) auto;gap:2px 4px;padding:2px 4px}.force-track{grid-column:1/-1;grid-row:2}.force-row>b{font-size:9px}#force-trend{min-width:0}.force-net{padding-left:10px;flex-wrap:wrap;gap:0 5px;max-width:92px}}
@media(max-height:600px) and (min-width:660px){.force-panel{padding:3px 15px;font-size:6px;gap:2px 8px}.force-head{padding-left:6px}.force-head b{font-size:7px}.force-head span{font-size:6px}.force-row{grid-template-columns:auto minmax(20px,1fr) 24px;gap:4px;padding:1px 3px}.force-track{grid-column:auto;grid-row:auto;height:6px}.force-row>b,.force-net b{font-size:7px}.force-net{max-width:none;flex-wrap:nowrap;padding-left:8px}.force-net b{min-width:26px}#force-note{display:none}}
@media(max-width:659px){.force-panel{grid-template-columns:1fr;padding:10px 15px;gap:3px;font-size:10px}.force-head{justify-content:space-between;border-left:0;padding-left:0;margin-bottom:1px}.force-head b{font-size:11px;border-left:3px solid #aeafae;padding-left:8px}
.force-axis{display:flex;justify-content:space-between;margin-left:92px;margin-right:46px;font-size:8px;color:#9d9e9d}
.force-row{grid-template-columns:86px minmax(0,1fr) 40px;gap:6px;padding:3px 0}.force-track{grid-column:auto;grid-row:auto;height:10px}.force-row>b{font-size:10px}.force-net{border-left:0;border-top:1px solid #6d6e6d;padding:6px 0 0;margin-top:3px;max-width:none;justify-content:flex-end;flex-wrap:nowrap}.force-net b{font-size:11px}#force-note{font-size:10px;line-height:1.6;padding-top:4px}}

/* Assessment sheet: review chart. */
#review{margin:34px 0 6px;padding-top:26px;border-top:1px solid var(--line)}#review h2{font-size:18px}
.review-lead{font-size:12px;line-height:1.8;color:var(--muted);margin:8px 0 14px}
.review-tabs{display:flex;flex-wrap:wrap;gap:6px}.review-tabs button{font-size:12px;font-weight:500;padding:7px 12px;border-radius:3px;font-variant-numeric:tabular-nums}.review-tabs button[aria-pressed=true]{background:var(--sea);border-color:var(--sea);color:#fff}
.review-legend{display:flex;flex-wrap:wrap;gap:4px 18px;list-style:none;padding:0;margin:14px 0 4px;font-size:11px;color:var(--ink)}.review-legend li{display:flex;align-items:center;gap:6px}
.review-key{display:inline-block;width:18px;height:0;border-top:3px solid #203e49;flex-shrink:0}.review-key-normal{border-top:2px solid #1b8fa6}.review-key-signal{border-top:2px dashed #c8502a}
.review-plot{position:relative}.review-figure{touch-action:pan-y;min-height:200px}.review-chart{display:block;max-width:100%;height:auto;overflow:visible}
.review-chart text{font:10px 'BIZ UDPGothic','Yu Gothic UI','Meiryo',sans-serif;fill:#62777d;font-variant-numeric:tabular-nums}
.review-grid path{stroke:#d5dfdf;stroke-width:1;fill:none}.review-base{stroke:#9db0b4;stroke-width:1;fill:none}
.review-run{fill:none;stroke:#203e49;stroke-width:2.5;stroke-linejoin:round;stroke-linecap:round}
.review-normal{fill:none;stroke:#1b8fa6;stroke-width:2;stroke-linejoin:round}
.review-signal{fill:none;stroke:#c8502a;stroke-width:2;stroke-dasharray:6 4;stroke-linejoin:round}
.review-band{fill:#a9babd;stroke:none}
.review-station{stroke:#62777d;stroke-width:1;stroke-dasharray:2 3;fill:none}.review-marks text{fill:#203e49;font-size:11px}
.review-stop{fill:#203e49;stroke:#f3f6f5;stroke-width:2}.review-marks .review-stop-label{font-weight:600;paint-order:stroke;stroke:#f3f6f5;stroke-width:4px;stroke-linejoin:round}
.review-cursor{stroke:#203e49;stroke-width:1;fill:none;pointer-events:none}
.review-tip{position:absolute;top:4px;z-index:2;display:grid;gap:3px;padding:8px 10px;background:#fff;border:1px solid var(--line);border-radius:4px;box-shadow:0 2px 8px #203e4926;font-size:11px;line-height:1.4;color:var(--ink);pointer-events:none;white-space:nowrap;font-variant-numeric:tabular-nums}.review-tip span{display:flex;align-items:center;gap:6px}
.review-note{font-size:11px;line-height:1.8;color:var(--muted);margin:10px 0 0}
.review-table{font-size:12px;margin-top:12px;color:var(--muted)}.review-table summary{cursor:pointer}.review-table div{overflow-x:auto}.review-table table{margin:10px 0 0;font-variant-numeric:tabular-nums}.review-table td,.review-table th{padding:6px 8px;white-space:nowrap}
@media(max-width:700px){#review{margin-top:26px;padding-top:20px}.review-tabs button{font-size:11px;padding:7px 9px}.review-legend{font-size:10px}}