*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:#e7eef6;color:#1a2433;font-family:"Trebuchet MS",sans-serif;line-height:1.65}
.rot{display:grid;grid-template-columns:168px 1fr;min-height:100vh}
.zones{background:#16324f;padding:22px 12px;position:sticky;top:0;height:100vh}
.zones a{display:grid;grid-template-columns:36px 1fr;gap:6px;align-items:center;color:#d7e6f5;text-decoration:none;margin:0 0 10px;padding:8px;border:1px dashed #3d6288}
.zones a.on{background:#f4b942;color:#16324f;border-style:solid}
.zones b{font-size:1.2rem;text-align:center}
.zones span{font-size:.72rem;letter-spacing:.04em}
.sheet{padding:28px 32px 70px;max-width:780px}
h1{font-size:clamp(1.6rem,3.4vw,2.25rem);line-height:1.15;margin:0 0 12px}
h2{color:#16324f;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;margin:22px 0 8px;border-bottom:3px solid #f4b942;display:inline-block}
p,li{margin:0 0 12px}
ul{margin:0 0 12px 1.1em}
img{width:100%;height:auto;display:block;margin:12px 0}
.cap{color:#5c7086;font-size:.84rem;margin:-4px 0 14px}
.rally{background:#fff;border-left:8px solid #f4b942;padding:10px 14px;margin:10px 0 16px}
table{width:100%;border-collapse:collapse;margin:8px 0 16px;font-size:.92rem;background:#fff}
td{border-bottom:1px solid #d5e0ec;padding:7px 6px}
td:first-child{color:#16324f;font-weight:700;width:2.4em}
.end{color:#5c7086;font-size:.88rem}
@media(max-width:760px){.rot{grid-template-columns:1fr}.zones{position:sticky;height:auto;display:flex;overflow:auto;gap:8px}.zones a{min-width:130px}.sheet{padding:16px 14px 40px}}