/* Year × month atlas — a research instrument, not a realtime indicator. */
.obor-atlas{margin:28px 0 21px;border:1px solid #173e50;border-radius:17px;
 background:radial-gradient(ellipse at 93% 4%,rgba(78,148,161,.22),transparent 44%),
 linear-gradient(140deg,#0f2c3b,#143b4c 56%,#0d2c3a);
 color:#e7f1f3;box-shadow:0 18px 35px rgba(11,44,59,.17);overflow:hidden}
.obor-atlas[hidden]{display:none!important}
.obor-atlas-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;
 gap:16px;padding:26px 29px 17px}
.obor-atlas-head p{color:#b6ccd2;font-size:10px;letter-spacing:.16em;text-transform:uppercase;
 font-weight:800;margin:0 0 7px}
.obor-atlas-head h3{font-size:clamp(23px,3vw,31px);letter-spacing:-.045em;
 font-weight:740;margin:0;color:#f6fbfa;line-height:1.1}
.obor-atlas-intro{padding:0 29px 17px;color:#b6cdd3;font-size:12px;line-height:1.6;max-width:760px}
.obor-atlas-modes{display:inline-flex;gap:4px;border:1px solid rgba(191,216,219,.24);
 border-radius:9px;padding:3px;background:rgba(8,30,40,.32)}
.obor-atlas-modes button{appearance:none;border:0;background:transparent;color:#bbd1d8;
 border-radius:7px;padding:9px 12px;font-family:inherit;font-size:11px;font-weight:700;line-height:1.2;cursor:pointer}
.obor-atlas-modes button[aria-pressed=true]{color:#113341;background:#d9edf0}
.obor-atlas-modes button:focus-visible{outline:2px solid #f2d09b;outline-offset:2px}
.obor-atlas-readout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:15px 25px;
 margin:0 29px 20px;padding:17px 20px;background:rgba(232,249,250,.085);
 border:1px solid rgba(200,227,229,.18);border-radius:11px}
.obor-atlas-reading{display:grid;gap:3px}
.obor-atlas-reading small{color:#aec6ce;font-size:11px}
.obor-atlas-reading strong{font-size:clamp(24px,3.5vw,38px);line-height:1.1;
 letter-spacing:-.04em;color:#fff;font-variant-numeric:tabular-nums}
.obor-atlas-reading span{color:#d3e2e6;font-size:11px;line-height:1.5}
.obor-atlas-key{align-self:center;text-align:right;max-width:240px;color:#b5cbd1;
 font-size:11px;line-height:1.5}
.obor-atlas-grid-wrap{padding:18px 29px 20px;border-top:1px solid rgba(180,214,219,.15);
 background:rgba(4,25,37,.18)}
.obor-atlas-months,.obor-atlas-row{display:grid;grid-template-columns:56px repeat(12,minmax(0,1fr));gap:5px}
.obor-atlas-months{margin-bottom:9px;align-items:center}
.obor-atlas-months span{font-size:10px;text-align:center;color:#aac5cc;font-weight:730}
.obor-atlas-grid{max-height:555px;overflow-y:auto;overscroll-behavior:contain;
 padding-right:7px;scrollbar-color:#587c8b #1a3e4d}
.obor-atlas-row{align-items:center;min-height:25px;margin-bottom:5px}
.obor-atlas-row.is-decade{border-top:1px solid rgba(224,242,241,.22);padding-top:12px;margin-top:9px}
.obor-atlas-year{color:#b7cdd4;font-size:11px;font-weight:770;font-variant-numeric:tabular-nums}
.obor-atlas-row.is-decade .obor-atlas-year{color:#f2d3a2}
.obor-atlas-cell{display:block;box-sizing:border-box;min-width:0;min-height:24px;border-radius:5px;
 border:1px solid rgba(196,225,229,.08);background:rgba(67,151,176,var(--atlas-strength,.16));
 transition:transform .17s ease,box-shadow .17s ease,border-color .17s ease;
 cursor:pointer;position:relative}
button.obor-atlas-cell:hover,button.obor-atlas-cell:focus-visible{transform:scale(1.1);
 border-color:#f2d39a;box-shadow:0 0 0 2px rgba(245,216,172,.42),0 5px 10px rgba(0,0,0,.22);
 z-index:2;outline:none}
button.obor-atlas-cell[aria-pressed=true]{border:2px solid #f5d39a;
 box-shadow:0 0 0 2px rgba(242,213,154,.25);z-index:1}
.obor-atlas-cell.is-missing{cursor:default;border:1px dashed rgba(193,220,222,.20);
 background:repeating-linear-gradient(135deg,transparent 0 4px,rgba(209,229,229,.04) 4px 6px)}
.obor-atlas-cell.is-outside{background:transparent;border-color:transparent}
.obor-atlas-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;
 gap:10px;padding:15px 29px 20px;border-top:1px solid rgba(186,219,224,.17)}
.obor-atlas-legend{color:#b8ced3;font-size:11px;line-height:1.6;max-width:700px;margin:0}
.obor-atlas-swatch{display:inline-flex;gap:3px;align-items:center}
.obor-atlas-swatch i{display:block;width:13px;height:13px;border-radius:3px;
 background:rgba(67,151,176,var(--opacity))}
.obor-atlas-coverage{color:#e5f1f2;font-size:11px;font-weight:690;margin:0}
@media(max-width:760px){
 .obor-atlas-head{align-items:flex-start;padding:22px 15px 15px}
 .obor-atlas-intro{padding:0 15px 14px}
 .obor-atlas-readout{margin:0 15px 15px;padding:13px 15px;grid-template-columns:1fr}
 .obor-atlas-key{text-align:left;max-width:unset}
 .obor-atlas-grid-wrap{padding:14px 12px 16px}
 .obor-atlas-months,.obor-atlas-row{gap:3px;grid-template-columns:41px repeat(12,minmax(0,1fr))}
 .obor-atlas-cell{min-height:20px;border-radius:3px}
 .obor-atlas-grid{padding-right:2px}
 .obor-atlas-months span{font-size:8px}
 .obor-atlas-year{font-size:10px}
 .obor-atlas-foot{padding:13px 15px 18px}
}
@media(prefers-reduced-motion:reduce){.obor-atlas-cell{transition:none!important}
 button.obor-atlas-cell:hover,button.obor-atlas-cell:focus-visible{transform:none!important}}