.cx{--cx-paper:var(--white,#fffefa);--cx-ink:var(--ink,#162b3c);--cx-muted:var(--muted,#566570);--cx-blue:var(--blue,#294858);--cx-rust:var(--rust,#a14b32);--cx-rule:var(--rule,#d9dad3);margin-block:2rem;min-width:0;color:var(--cx-ink)}
.cx *{box-sizing:border-box}
.cx [hidden]{display:none!important}
.cx .cx-figurehead h2{font-family:var(--serif,serif);font-size:clamp(1.48rem,3vw,2.35rem);margin:0 0 .4rem}
.cx .cx-figurehead p{margin:0 0 .9rem;color:var(--cx-muted)}
.cx-frame{border:1px solid var(--cx-rule);background:var(--cx-paper);border-radius:.5rem}
.cx-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-color:#8a989a #f1f1ea;scrollbar-width:thin}
.cx-svg{display:block;width:100%;min-width:1100px;height:auto;font:14px var(--sans,sans-serif)}
.cx-svg .cx-grid,.cx-svg .cx-mark{stroke:#d3d9d7;stroke-width:1}
.cx-svg .cx-year{stroke:#8a9a9a;stroke-dasharray:3 5}
.cx-svg .cx-line{fill:none;stroke:var(--cx-blue);stroke-width:3.8;stroke-linecap:round;stroke-linejoin:round}
.cx-svg text{fill:var(--cx-muted)}
.cx-svg .cx-axis{font-size:15px;font-weight:700}
.cx-svg .cx-scale{font-size:14px;font-weight:600}
.cx-svg .cx-val{font-size:16px;font-weight:700;fill:var(--cx-ink);paint-order:stroke;stroke:var(--cx-paper);stroke-width:5;stroke-linejoin:round}
.cx-point{cursor:pointer;outline:none}
.cx-hit{fill:transparent;pointer-events:all}
.cx-dot{fill:var(--cx-blue);stroke:var(--cx-paper);stroke-width:2}
.cx-ring{fill:none;stroke:transparent;stroke-width:2.8}
.cx-point:hover .cx-ring,.cx-point:focus .cx-ring,.cx-point.is-active .cx-ring{stroke:var(--cx-rust)}
.cx-point.is-active .cx-dot,.cx-point:hover .cx-dot{fill:var(--cx-rust)}
.cx-point:focus-visible .cx-ring{stroke-width:4;stroke:var(--cx-ink)}
.cx-point.is-active .cx-val{fill:var(--cx-rust)}
.cx-navhint{margin:.48rem 0 1.15rem;font-size:.88rem;line-height:1.6;color:var(--cx-muted)}
.cx-swipe{color:var(--cx-blue);font-weight:700}
.cx-controls{display:flex;align-items:end;justify-content:space-between;gap:.75rem;margin:0 0 .7rem}
.cx-controls label{display:block;font-size:.82rem;font-weight:700;margin-bottom:.25rem}
.cx-controls>div:first-child{min-width:0}
.cx-controls select,.cx-controls button{font:inherit;color:var(--cx-ink);background:var(--cx-paper);border:1px solid #869397;border-radius:.35rem;min-height:44px;padding:.36rem .85rem}
.cx-controls select{max-width:100%;width:100%;padding-right:2rem;line-height:1.5}
.cx-arrows{display:flex;gap:.4rem}
.cx-arrows button{white-space:nowrap;cursor:pointer}
.cx-arrows button[aria-disabled="true"]{color:#657174;border-color:#d4d9d6;background:#f2f2ef;cursor:default}
.cx button:focus-visible,.cx select:focus-visible,.cx-links a:focus-visible{outline:3px solid var(--cx-rust);outline-offset:3px}
.cx-detail{background:var(--cx-paper);border:1px solid var(--cx-rule);border-top:3px solid var(--cx-rust);border-radius:.35rem;padding:clamp(.95rem,2.4vw,1.65rem);scroll-margin-top:1rem;margin:0 0 1.2rem}
.cx-detailhead{display:flex;justify-content:space-between;gap:1.3rem;align-items:flex-start}
.cx-over{color:var(--cx-rust);font-size:.86rem;font-weight:700}
.cx .cx-detailhead h3{font-family:var(--serif,serif);font-size:clamp(1.25rem,2.6vw,1.9rem);line-height:1.4;margin:.3rem 0}
.cx-meter{display:grid;grid-template-columns:auto auto;gap:0 .36rem;justify-items:end;align-items:baseline;white-space:nowrap}
.cx-meter span,.cx-meter small{font-size:.8rem;color:var(--cx-muted)}
.cx-meter strong{color:var(--cx-rust);font:700 clamp(1.75rem,3.8vw,2.6rem)/1.05 var(--serif,serif);font-variant-numeric:tabular-nums}
.cx-meter small{grid-column:1/-1}
.cx .cx-stage{font-size:.91rem;color:var(--cx-blue);margin:.65rem 0 .95rem}
.cx-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}
.cx-pair>section{background:#edf2f2;padding:.8rem 1rem;border-left:3px solid #739494}
.cx-pair>section+section{background:#f5eee6;border-color:#b77857}
.cx .cx-detail h4{font-size:.94rem;line-height:1.5;margin:0 0 .35rem;color:var(--cx-ink)}
.cx-detail p,.cx-detail ul{margin:0;line-height:1.7}
.cx-detail ul{padding-inline-start:1.2rem}
.cx-reading{margin:1rem 0}
.cx-source{border-top:1px solid var(--cx-rule);padding-top:.6rem;font-size:.84rem;color:var(--cx-muted)}
.cx-source>b{display:block;margin-bottom:.15rem}
.cx-links{display:flex;flex-wrap:wrap;gap:.45rem 1rem;margin-top:.6rem}
.cx .cx-links a{color:var(--cx-blue);text-decoration:underline;text-underline-offset:3px}
.cx-sr{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:600px){.cx-controls{align-items:stretch;flex-direction:column}.cx-arrows{justify-content:space-between}.cx-pair{grid-template-columns:1fr}.cx-detailhead{gap:.5rem}.cx-meter small{font-size:.72rem}}
@media print{.cx .cx-detail[hidden]{display:block!important}.cx-figurehead,.cx-detailhead,.cx-pair section{break-inside:avoid}.cx-scroll{overflow:visible}.cx-svg{min-width:0}.cx .cx-controls,.cx-navhint,.cx-sr{display:none!important}.cx-detail{margin-top:.5rem}.cx-point.is-active .cx-ring{stroke:transparent}}
.cx{margin-top:.35rem}.cx .cx-figurehead{display:flex;justify-content:space-between;gap:1rem;padding:9px 0 11px}.cx .cx-figurehead h2{font:700 15px var(--sans);color:var(--blue);margin:0 0 4px}.cx .cx-figurehead p{font-size:14px;margin:0}.cx .cx-figurehead strong{font-weight:500}.cx-dip .cx-dot{fill:#aa583e}.cx .cx-links{padding:10px 0;margin:0}.cx-links b{flex-basis:100%;font-size:13px}.cx-links a{border:1px solid var(--rule);border-radius:3px;padding:5px 9px;font-size:14px;background:var(--white)}.cx-detail .cx-status{font-size:14px;padding:10px 0 1px;color:#3d5666}.cx-source summary{cursor:pointer}.cx-source p{margin-top:5px}.cx-return{display:inline-block;margin-top:12px;font-size:13px;color:var(--blue);border-bottom:1px solid #aab5b6}.cx-svg .cx-band{font:650 13px var(--sans);fill:#2b4857}.cx-svg{min-width:min(1040px,105vw)}.cx-tiny{display:none}.note-box .atlas-thumb{background:#1c3445;border-radius:3px;padding:8px 8px 0}.cx[data-cx-ready] .cx-controls{background:#f0efea;border:1px solid #dddcd4;padding:9px 13px;border-radius:4px}.cx-controls select,.cx-controls button{min-height:40px}.cx-arrows button{font-size:14px}.cx-status b{color:var(--rust)}.cx-pair>section{border-color:#4c6c84;background:#ecf1f5}.cx-pair>section+section{border-color:#ab6240;background:#f6eee6}.cx-notes{font-size:14px}
@media(max-width:800px){.cx-svg{min-width:900px}.cx-tiny{display:block;background:#1c3445;padding:8px 15px;border-radius:4px;margin:8px 0 13px;color:#fff}.cx-tiny summary{font-size:13px}.cx-tiny .atlas-thumb{max-height:100px;margin:1px auto}.cx-tiny .thumb-val{font-size:14px}.cx-tiny p{font-size:12px;margin:0}}
@media(max-width:600px){.cx-navhint{font-size:12px}.cx-controls select{font-size:15px}.cx-figurehead strong{display:block}.cx-arrows button{min-width:90px}}
@media print{.cx-tiny,.cx-return{display:none!important}}
.cx-svg .cx-lane{font:500 13.4px var(--sans);fill:#294554}.cx-svg .cx-lanehead{font:650 13px var(--sans);fill:#3d5363}.cx-tinybar{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.cx-tinybar button{background:#263e4c;border:1px solid #96abb4;color:#fff;border-radius:3px;min-height:35px;padding:3px 9px;font:inherit}.cx-tiny a.mini-active .thumb-dot{fill:white;stroke:#e5b28c;stroke-width:3}.cx-tiny a:focus-visible{outline:2px solid white}.cx[ data-cx-ready] .cx-tiny .atlas-thumb{margin:5px auto}
@media(max-width:800px){.cx[data-cx-ready]:not(.cx-expanded) .cx-frame{display:none}.cx-tiny .atlas-thumb{max-height:145px}.cx:not([data-cx-ready]) .cx-tiny{display:none}.cx[data-cx-ready]:not(.cx-expanded) .cx-swipe{display:none}}