/* ═══════════════════════════════════════════════════════════════════════════════════════════
   THE ALARM CLOCK — PORTED STYLESHEET.  GENERATED, NOT HAND-WRITTEN.

   Written by scripts/_port_clock_css.js from Studio Mock.html — md5 bc1963f0655998f8b15891833b8b93a0.
   ⛔ DO NOT EDIT THIS FILE. Edit the generator, or re-run it after a designer re-export. A hand
      patch here is a divergence from the Mock that no diff will ever show as one.

   ── ⛔⛔ HOW THESE RULES WERE CHOSEN, AND WHY NOT BY READING ─────────────────────────────────
   The Mock carries 281 rules whose selectors mention this one control, across SEVENTEEN <style>
   blocks. Three separate attempts to pick the winners by reading them were wrong:
     · dropping the section wrapper put the readout on one line instead of two;
     · adding the `.v200-focused-section` overrides on the theory that the Systems Panel is a
       focused section gave the port 58px dials and a centred readout THE MOCK HAS NEVER DRAWN —
       measured, the Panel's wrapper is `.phase-visual-overlay` and those 80 rules never match;
     · and `.v199-clock-face{width:min(100%,520px);aspect-ratio:360/190}` — the rule that gives
       the dial its actual shape — appeared in none of the sets grep produced.
   🔑 THE CASCADE IS NOT A THING YOU READ. IT IS A THING YOU MEASURE. The generator opens the Mock,
      drives it to the state where the clock is on screen, and asks the CSSOM which rules match the
      subtree, in sheet order — which is cascade order. Two passes, dark and light, because a rule
      that does not match cannot be enumerated and half a theme is worse than none.

   ── ⛔ WHAT IS DELIBERATELY NOT HERE ────────────────────────────────────────────────────────
   · The universal and element resets the Mock's clock inherits. studio.html has its own; importing
     another document's `*{box-sizing:border-box}` is how a port takes a page hostage.
   · The Stress Archive (stage 2). Its markup is omitted, so its rules would be residue that later
     reads as evidence the feature shipped.

   ── ⚠️ EVERY SELECTOR IS SCOPED UNDER .v199-load-port ───────────────────────────────────────
   The Mock shares ZERO class names with studio.html today, so the scope buys nothing now. It buys
   the next port: the Systems Panel brings the rest of those 281 rules, and they must not collide.
   ═══════════════════════════════════════════════════════════════════════════════════════════ */

.v199-load-port{
  /* ⚠️ studio.html defines --serif/--mono/--sans ONLY under #studioOverlayWrap, so without these
     the whole clock falls back to the panel's inherited face and every letter-spacing in the port
     is measured against the wrong glyphs. Values copied from the Mock's :root. */
  --serif:"Fraunces",Georgia,serif;--mono:"DM Mono","Courier New",monospace;
  --sans:"DM Sans",Arial,sans-serif;
  /* the port root is the CONTAINER the narrow rules at the foot of this file measure */
  container-type:inline-size;
}

.v199-load-port .v184-schedule-sheet{position:relative;padding:15px;border:1px solid rgba(255,255,255,.075);border-radius:18px;background:linear-gradient(180deg,rgba(8,18,31,.91),rgba(7,14,25,.87));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);display:grid;gap:13px}
.v199-load-port .v184-schedule-sheet::before{content: ""; position: absolute; left: 0px; top: 14px; bottom: 14px; width: 2px; border-radius: 2px; background: linear-gradient(rgb(201, 168, 76), rgb(121, 222, 199)); opacity: 0.7;}
.v199-load-port .v184-sheet-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}
.v199-load-port .v184-sheet-heading > div:first-child > span{display:block;font:600 7.5px/1 var(--mono);letter-spacing:.18em;text-transform:uppercase;color:#c9a84c;margin-bottom:6px}
.v199-load-port .v184-sheet-heading > div:first-child > strong{display:block;font:500 18px/1.1 var(--serif);color:#edf6f8}
.v199-load-port .v184-sheet-heading p{margin:6px 0 0;max-width:500px;font:300 10.2px/1.55 var(--sans);color:#849ba3}
@media (max-width: 820px){.v199-load-port .v184-sheet-heading{flex-direction:column}}
body.light-mode .v199-load-port .v184-schedule-hero,body.light-mode .v199-load-port .v184-schedule-sheet{background: linear-gradient(rgba(255, 255, 255, 0.98), rgba(246, 249, 248, 0.95)); border-color: rgba(50, 90, 97, 0.13);}
.v199-load-port .v185-spec-sheet .v184-schedule-sheet{padding:17px 17px 16px}
body.light-mode .v199-load-port .v184-schedule-hero-copy > strong,body.light-mode .v199-load-port .v184-schedule-hero-readout > strong,body.light-mode .v199-load-port .v184-sheet-heading > div:first-child > strong,body.light-mode .v199-load-port .v184-spec > strong,body.light-mode .v199-load-port .v184-balance-total strong,body.light-mode .v199-load-port .v184-range-handoff > div > strong{color:#17353d}
body.light-mode .v199-load-port .v184-schedule-hero-copy p,body.light-mode .v199-load-port .v184-sheet-heading p,body.light-mode .v199-load-port .v184-spec > small,body.light-mode .v199-load-port .v184-schedule-intro p{color:#61777d}
.v199-load-port .v185-spec-sheet .v184-schedule-sheet{position:relative}
.v199-load-port .v200-focus-btn{flex:0 0 auto;width:29px;height:29px;margin-left:3px;padding:0;border-radius:8px;
  border:1px solid rgba(121,222,199,.13);background:rgba(121,222,199,.035);
  display:grid;place-items:center;cursor:pointer;position:relative;color:#8ca3aa;
  transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease,box-shadow .18s ease;}
.v199-load-port .v200-focus-btn i{width:11px;height:11px;display:block;position:relative}
.v199-load-port .v184-sheet-heading > .v200-focus-btn{align-self:flex-start}
@media (prefers-reduced-motion: reduce){.v199-load-port .v200-section-focus,.v199-load-port .v200-focus-btn,.v199-load-port .v200-focus-close{transition:none!important}}
body.light-mode .v199-load-port .v200-focus-btn{color:#527078;border-color:rgba(29,158,117,.15);background:rgba(29,158,117,.035)}
.v199-load-port .v196-load-heading{position:relative!important;padding-right:40px!important}
.v199-load-port .v196-load-heading > .v200-focus-btn{position:absolute!important;top:0!important;right:0!important;margin:0!important}
.v199-load-port .v301-stagflation-story .v216-load-story-copy > em{color:#e8b960;
  letter-spacing:.055em;}
.v199-load-port .v301-binding-lens{border-left-color:rgba(226,75,74,.58);
  background:linear-gradient(90deg,rgba(226,75,74,.055),rgba(201,168,76,.025) 58%,transparent 92%);}
.v199-load-port .v301-binding-lens > b{color:#e5a25d;}
.v199-load-port .v301-stagflation-visual{position:relative;
  background:
    radial-gradient(circle at 22% 100%,rgba(226,75,74,.065),transparent 50%),
    radial-gradient(circle at 85% 10%,rgba(201,168,76,.045),transparent 38%),
    rgba(255,255,255,.012);}
.v199-load-port .v301-binding-flag{position:absolute;
  top:10px;
  right:11px;
  z-index:2;
  padding:4px 7px 3px;
  border:1px solid rgba(226,75,74,.28);
  border-radius:999px;
  background:rgba(226,75,74,.055);
  color:#e6a06c;
  font:650 5.6px/1 var(--mono);
  letter-spacing:.12em;}
.v199-load-port .v301-stagflation-visual svg{margin-top:2px;}
.v199-load-port .v301-loss-zone{fill:rgba(226,75,74,.022);
  stroke:none;}
.v199-load-port .v301-recovery-zone{fill:rgba(121,222,199,.018);
  stroke:none;}
.v199-load-port .v301-stagflation-area{fill:rgba(226,75,74,.07);}
.v199-load-port .v301-stagflation-line{stroke:#e47a62;
  stroke-width:2.15;
  filter:drop-shadow(0 0 4px rgba(226,75,74,.18));}
.v199-load-port .v301-year12{stroke:rgba(201,168,76,.58);
  stroke-dasharray:2 3;}
.v199-load-port .v301-stagflation-visual .v301-loss-label{fill:#b98b6e;
  font-size:5.3px;
  letter-spacing:.07em;}
.v199-load-port .v301-stagflation-visual .v301-year12-label{fill:#b89758;
  font-size:5.1px;
  text-anchor:end;}
.v199-load-port .v301-stagflation-visual .v301-recovery-label{fill:#72a99a;
  font-size:5.1px;}
.v199-load-port .v301-stagflation-facts{grid-template-columns:repeat(4,minmax(0,1fr));}
.v199-load-port .v301-stagflation-facts > div:last-child{border-top-color:rgba(226,75,74,.28);}
.v199-load-port .v301-stagflation-facts > div:last-child b{color:#e6a06c;
  font-size:10.5px;}
@media (max-width: 880px){.v199-load-port .v301-stagflation-facts{grid-template-columns:repeat(2,minmax(0,1fr));}}
body.light-mode .v199-load-port .v301-binding-lens,body.canvas-light .v199-load-port .v301-binding-lens{border-left-color:rgba(184,70,54,.46);
  background:linear-gradient(90deg,rgba(190,75,58,.055),rgba(166,122,44,.025) 58%,transparent 92%);}
body.light-mode .v199-load-port .v301-binding-lens > b,body.canvas-light .v199-load-port .v301-binding-lens > b{color:#9a5f2e;}
body.light-mode .v199-load-port .v301-stagflation-visual,body.canvas-light .v199-load-port .v301-stagflation-visual{background:
    radial-gradient(circle at 22% 100%,rgba(190,75,58,.055),transparent 50%),
    radial-gradient(circle at 85% 10%,rgba(166,122,44,.04),transparent 38%),
    rgba(255,255,255,.62);}
body.light-mode .v199-load-port .v301-binding-flag,body.canvas-light .v199-load-port .v301-binding-flag{border-color:rgba(173,68,51,.22);
  background:rgba(190,75,58,.045);
  color:#9a593e;}
body.light-mode .v199-load-port .v301-stagflation-area,body.canvas-light .v199-load-port .v301-stagflation-area{fill:rgba(190,75,58,.065)!important;}
body.light-mode .v199-load-port .v301-stagflation-line,body.canvas-light .v199-load-port .v301-stagflation-line{stroke:#b65c49!important;
  filter:drop-shadow(0 0 3px rgba(166,74,56,.10))!important;}
.v199-load-port .v303-stagflation-visual .v303-loss-zone{fill:rgba(226,75,74,.035);}
.v199-load-port .v303-stagflation-visual .v303-recovery-zone{fill:rgba(121,222,199,.024);}
.v199-load-port .v303-stagflation-visual .v303-start-guide{stroke:rgba(201,168,76,.20);
  stroke-width:.7;
  stroke-dasharray:2 4;}
.v199-load-port .v303-stagflation-visual .v303-waypoint{fill:#091221;
  stroke:#d9b65d;
  stroke-width:1.25;}
.v199-load-port .v303-stagflation-visual .v303-waypoint-end{stroke:#79dec7;}
.v199-load-port .v303-stagflation-visual .v303-index-label,.v199-load-port .v303-stagflation-visual .v303-trough-label,.v199-load-port .v303-stagflation-visual .v303-end-label{fill:#aebdba;
  font:500 5px/1 var(--mono);
  letter-spacing:.04em;}
.v199-load-port .v303-stagflation-visual .v303-trough-label{fill:#d18a73;}
.v199-load-port .v303-stagflation-visual .v303-end-label{fill:#83bbaa;
  text-anchor:end;}
.v199-load-port .v303-stagflation-visual .v303-recovery-label{fill:#72a99a;
  font-size:5.1px;}
.v199-load-port .v303-stagflation-visual .v303-loss-label{fill:#b98b6e;}
body.light-mode .v199-load-port .v303-stagflation-visual .v303-waypoint,body.canvas-light .v199-load-port .v303-stagflation-visual .v303-waypoint{fill:#f8f5ed;
  stroke:#9d7b33;}
body.light-mode .v199-load-port .v303-stagflation-visual .v303-waypoint-end,body.canvas-light .v199-load-port .v303-stagflation-visual .v303-waypoint-end{stroke:#438f7d;}
body.light-mode .v199-load-port .v303-stagflation-visual .v303-index-label,body.light-mode .v199-load-port .v303-stagflation-visual .v303-trough-label,body.light-mode .v199-load-port .v303-stagflation-visual .v303-end-label,body.canvas-light .v199-load-port .v303-stagflation-visual .v303-index-label,body.canvas-light .v199-load-port .v303-stagflation-visual .v303-trough-label,body.canvas-light .v199-load-port .v303-stagflation-visual .v303-end-label{fill:#49625f;}
.v199-load-port .v195-load-test{position:relative;padding:15px 16px;border:1px solid rgba(121,222,199,.16);border-radius:17px;background:linear-gradient(135deg,rgba(13,29,44,.94),rgba(8,16,28,.92));box-shadow:inset 0 1px 0 rgba(255,255,255,.025);display:grid;gap:13px;overflow:hidden}
.v199-load-port .v195-load-test::before{content: ""; position: absolute; left: 0px; top: 14px; bottom: 14px; width: 2px; background: linear-gradient(rgb(121, 222, 199), rgb(201, 168, 76)); opacity: 0.8;}
.v199-load-port .v195-load-readout{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:8px 10px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:rgba(255,255,255,.025)}
.v199-load-port .v195-load-readout span{font:600 6.7px/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#849ba3}
.v199-load-port .v195-load-readout strong{font:500 13px/1 var(--serif);color:#f0f6f7}
body.light-mode .v199-load-port .v195-load-test{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,248,247,.95));border-color:rgba(50,90,97,.14)}
body.light-mode .v199-load-port .v195-load-head > strong,body.light-mode .v199-load-port .v195-load-readout strong{color:#17353d}
body.light-mode .v199-load-port .v195-load-readout,body.light-mode .v199-load-port .v195-load-ticks span{background:rgba(255,255,255,.72);border-color:rgba(60,90,95,.1)}
.v199-load-port .v196-model-section,.v199-load-port .v196-load-section{margin:0!important;height:100%}
.v199-load-port .v196-load-section{padding:14px 15px!important;display:grid;align-content:start;gap:13px}
.v199-load-port .v196-load-section::before{top: 14px; bottom: 14px;}
.v199-load-port .v196-load-heading{display:block!important}
.v199-load-port .v196-load-heading > div > span{color:#79dec7!important}
.v199-load-port .v196-load-heading > div > strong{font-size:16px!important}
.v199-load-port .v196-load-heading p{max-width:42ch!important}
.v199-load-port .v196-load-section .v195-load-readout{display:grid;gap:4px;align-items:start}
.v199-load-port .v197-load-section .v196-load-heading p{max-width:48ch!important;line-height:1.48}
.v199-load-port .v197-load-section .v195-load-readout strong{font-size:14px;line-height:1.12}
.v199-load-port .v199-load-section{overflow:visible!important}
.v199-load-port .v199-load-section .v196-load-heading p{max-width:58ch!important}
.v199-load-port .v199-load-clock{position:relative;display:grid;gap:8px;padding:10px 11px 9px;border:1px solid rgba(201,168,76,.12);border-radius:14px;background:radial-gradient(circle at 50% 92%,rgba(201,168,76,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.025),rgba(0,0,0,.055));box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.v199-load-port .v199-clock-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px}
.v199-load-port .v199-clock-topline span,.v199-load-port .v199-clock-topline em{font:600 6.3px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;font-style:normal}
.v199-load-port .v199-clock-topline span{color:#c9a84c}
.v199-load-port .v199-clock-topline em{color:#657e87;letter-spacing:.11em}
.v199-load-port .v199-load-readout{margin:0!important;background:rgba(7,16,27,.46)!important;border-color:rgba(121,222,199,.08)!important}
.v199-load-port .v199-load-readout strong{color:#eef7f7!important;font-size:13.2px!important}
.v199-load-port .v199-clock-face{position:relative;height:185px;margin-top:1px}
.v199-load-port .v199-clock-arc{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.v199-load-port .v199-clock-track{fill:none;stroke:rgba(255,255,255,.10);stroke-width:2.2;stroke-linecap:round}
.v199-load-port .v199-clock-glow{fill:none;stroke:url(#none);stroke:#c9a84c;stroke-width:1;stroke-dasharray:1 8;stroke-linecap:round;opacity:.65}
.v199-load-port .v199-clock-hub{fill:#0a1524;stroke:rgba(201,168,76,.48);stroke-width:1.3}
.v199-load-port .v199-clock-pin{fill:#c9a84c}
.v199-load-port .v199-clock-needle{position:absolute;left:50%;bottom:21px;width:2px;height:116px;transform:translateX(-50%) rotate(var(--load-angle));transform-origin:50% 100%;transition:transform .42s cubic-bezier(.2,.8,.2,1);pointer-events:none;z-index:2}
.v199-load-port .v199-clock-needle i{display:block;width:2px;height:100%;border-radius:999px;background:linear-gradient(180deg,#f2d98a,#c9a84c 70%,rgba(201,168,76,.38));box-shadow:0 0 10px rgba(201,168,76,.13)}
.v199-load-port .v199-clock-needle i::before{content: ""; position: absolute; top: -2px; left: 50%; width: 7px; height: 7px; border: 1px solid rgba(242, 217, 138, 0.75); transform: translateX(-50%) rotate(45deg); background: rgb(12, 23, 38);}
.v199-load-port .v199-load-choice{position:absolute;z-index:4;display:grid;place-content:center;width:43px;height:43px;padding:0;border-radius:50%;border:1px solid rgba(255,255,255,.10);background:linear-gradient(180deg,#101e2e,#091522);box-shadow:inset 0 1px 0 rgba(255,255,255,.055),0 5px 12px rgba(0,0,0,.18);cursor:pointer;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease;color:#dce8ea}
.v199-load-port .v199-load-choice:hover,.v199-load-port .v199-load-choice:focus-visible{transform:translateY(-2px) scale(1.035);border-color:rgba(201,168,76,.55);outline:none}
.v199-load-port .v199-load-choice.is-selected{border-color:#c9a84c;background:linear-gradient(180deg,rgba(201,168,76,.19),rgba(11,24,37,.98));box-shadow:inset 0 0 0 1px rgba(201,168,76,.08),0 0 0 4px rgba(201,168,76,.045),0 7px 16px rgba(0,0,0,.22)}
.v199-load-port .v199-load-choice b{font:600 13px/1 var(--mono);color:#f2f6f7}
.v199-load-port .v199-load-choice em{margin-top:2px;font:500 5.8px/1 var(--mono);font-style:normal;letter-spacing:.08em;text-transform:uppercase;color:#758c94}
.v199-load-port .v199-load-choice.is-selected em{color:#d2b864}
.v199-load-port .v199-choice-1{left:2px;bottom:8px}
.v199-load-port .v199-choice-2{left:18%;top:62px}
.v199-load-port .v199-choice-3{left:50%;top:5px;transform:translateX(-50%)}
.v199-load-port .v199-choice-3:hover,.v199-load-port .v199-choice-3:focus-visible{transform:translateX(-50%) translateY(-2px) scale(1.035)}
.v199-load-port .v199-choice-4{right:18%;top:62px}
.v199-load-port .v199-choice-5{right:2px;bottom:8px}
.v199-load-port .v199-load-tip{position:absolute;z-index:20;bottom:calc(100% + 8px);width:210px;padding:9px 10px;border:1px solid rgba(201,168,76,.20);border-radius:10px;background:rgba(8,18,30,.98);box-shadow:0 13px 30px rgba(0,0,0,.34);font:400 8.1px/1.42 var(--sans);color:#9cb0b6;text-align:left;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(4px);transition:opacity .15s ease,transform .15s ease,visibility .15s ease}
.v199-load-port .v199-load-tip strong{display:block;margin-bottom:4px;font:600 7px/1 var(--mono);letter-spacing:.11em;text-transform:uppercase;color:#e6d49b}
.v199-load-port .v199-load-choice:hover .v199-load-tip,.v199-load-port .v199-load-choice:focus-visible .v199-load-tip{opacity:1;visibility:visible;transform:translateY(0)}
.v199-load-port .v199-choice-1 .v199-load-tip,.v199-load-port .v199-choice-2 .v199-load-tip{left:0}
.v199-load-port .v199-choice-3 .v199-load-tip{left:50%;transform:translate(-50%,4px)}
.v199-load-port .v199-choice-3:hover .v199-load-tip,.v199-load-port .v199-choice-3:focus-visible .v199-load-tip{transform:translate(-50%,0)}
.v199-load-port .v199-choice-4 .v199-load-tip,.v199-load-port .v199-choice-5 .v199-load-tip{right:0}
.v199-load-port .v199-load-native{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}
.v199-load-port .v199-clock-spectrum{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:8px;padding-top:7px;border-top:1px dashed rgba(255,255,255,.065)}
.v199-load-port .v199-clock-spectrum span{font:600 5.8px/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:#708890}
.v199-load-port .v199-clock-spectrum span:last-child{text-align:right;color:#9b8a65}
.v199-load-port .v199-clock-spectrum i{font:500 7px/1 var(--serif);font-style:normal;color:#718991}
@media (max-width: 1040px){.v199-load-port .v199-clock-face{height:205px}}
body.light-mode .v199-load-port .v199-load-clock{background:radial-gradient(circle at 50% 92%,rgba(201,168,76,.08),transparent 34%),linear-gradient(180deg,rgba(255,255,255,.98),rgba(245,248,247,.94));border-color:rgba(154,111,37,.16)}
@media (max-width: 1040px){.v199-load-port .v199-load-tip{width:min(230px,70vw)}}
body.light-mode .v199-load-port .v199-load-readout{background:rgba(255,255,255,.72)!important;border-color:rgba(50,90,97,.10)!important}
@media (max-width: 720px){.v199-load-port .v199-clock-face{height:175px}}
body.light-mode .v199-load-port .v199-load-readout strong{color:#17353d!important}
@media (max-width: 720px){.v199-load-port .v199-load-choice{width:39px;height:39px}}
body.light-mode .v199-load-port .v199-clock-track{stroke:rgba(43,74,82,.17)}
@media (max-width: 720px){.v199-load-port .v199-choice-2{left:16%;top:58px}}
body.light-mode .v199-load-port .v199-load-choice{background:linear-gradient(180deg,#fff,#f2f5f4);border-color:rgba(45,78,86,.16);color:#24434b}
@media (max-width: 720px){.v199-load-port .v199-choice-4{right:16%;top:58px}}
body.light-mode .v199-load-port .v199-load-choice b{color:#24434b}
@media (max-width: 720px){.v199-load-port .v199-load-tip{width:185px}}
body.light-mode .v199-load-port .v199-load-choice.is-selected{background:linear-gradient(180deg,rgba(201,168,76,.18),#f7f5ed);border-color:#a98a3c}
@media (max-width: 720px){.v199-load-port .v199-clock-spectrum{grid-template-columns:1fr 1fr}}
body.light-mode .v199-load-port .v199-load-tip{background:rgba(255,255,255,.99);color:#526c73;border-color:rgba(154,111,37,.22);box-shadow:0 13px 30px rgba(31,56,64,.14)}
@media (max-width: 720px){.v199-load-port .v199-clock-spectrum i{display:none}}
body.light-mode .v199-load-port .v199-load-tip strong{color:#7d6427}
body.light-mode .v199-load-port .v199-clock-spectrum{border-top-color:rgba(50,90,97,.11)}
body.light-mode .v199-load-port .v199-clock-spectrum i{color:#5e767d}
.v199-load-port .v199-clock-face{width:min(100%,520px)!important;height:auto!important;aspect-ratio:360 / 190!important;
  margin:2px auto 0!important;}
.v199-load-port .v199-clock-arc{inset:0!important;width:100%!important;height:100%!important}
.v199-load-port .v199-clock-needle{left:50%!important;bottom:13.684%!important;height:72.632%!important;
  transform:translateX(-50%) rotate(var(--load-angle))!important;transform-origin:50% 100%!important;}
.v199-load-port .v199-load-choice{right:auto!important;bottom:auto!important;transform:translate(-50%,-50%)!important}
.v199-load-port .v199-choice-1{left:11.667%!important;top:86.316%!important}
.v199-load-port .v199-choice-2{left:22.890%!important;top:34.950%!important}
.v199-load-port .v199-choice-3{left:50%!important;top:13.684%!important}
.v199-load-port .v199-choice-4{left:77.110%!important;top:34.950%!important}
.v199-load-port .v199-choice-5{left:88.333%!important;top:86.316%!important}
.v199-load-port .v199-load-choice:hover,.v199-load-port .v199-load-choice:focus-visible,.v199-load-port .v199-choice-3:hover,.v199-load-port .v199-choice-3:focus-visible{transform:translate(-50%,-50%) scale(1.035)!important;}
.v199-load-port .v200-focused-section.v199-load-section .v199-clock-topline em::before{content: "·"; margin-right: 18px; color: rgba(201, 168, 76, 0.46);}
@media (max-width: 860px){.v199-load-port .v200-focused-section.v199-load-section .v199-clock-topline em::before{margin-right: 9px;}}
.v199-load-port .v199-load-tip{width:280px!important;padding:12px 13px!important;font-size:9.8px!important;line-height:1.55!important;}
.v199-load-port .v199-load-tip strong{margin-bottom:6px!important;font-size:7.8px!important;line-height:1.15!important;}
.v199-load-port .v216-load-archive{margin-top:14px;padding:15px 16px 13px;border-top:1px solid rgba(201,168,76,.11);border-radius:0 0 12px 12px;background:linear-gradient(180deg,rgba(4,12,20,.08),rgba(4,12,20,.26));overflow:hidden;}
.v199-load-port .v216-load-archive-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:12px;}
.v199-load-port .v216-load-archive-head > div:first-child > span{display:block;margin-bottom:6px;color:#d5ad63;font:650 6.7px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;}
.v199-load-port .v216-load-archive-head > div:first-child > strong{display:block;color:#edf5f3;font:500 16px/1.08 var(--serif);}
.v199-load-port .v216-load-archive-head > div:first-child > p{margin:6px 0 0;max-width:86ch;color:#7f949b;font:400 8.7px/1.5 var(--sans);}
.v199-load-port .v216-load-archive-count{display:flex;align-items:baseline;gap:4px;padding:8px 9px 5px;border-left:1px solid rgba(201,168,76,.16);}
.v199-load-port .v216-load-archive-count b{color:#d5ad63;font:500 22px/1 var(--serif);}
.v199-load-port .v216-load-archive-count span{color:#697e86;font:600 7px/1 var(--mono);letter-spacing:.12em;}
.v199-load-port .v216-load-archive-window{position:relative;overflow:hidden;touch-action:pan-y;border:1px solid rgba(121,222,199,.08);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.018),rgba(0,0,0,.055));outline:none;}
.v199-load-port .v216-load-archive-window:focus-visible{border-color:rgba(201,168,76,.34);box-shadow:0 0 0 2px rgba(201,168,76,.05);}
.v199-load-port .v216-load-archive-track{display:flex;width:100%;transform:translate3d(0,0,0);transition:transform .52s cubic-bezier(.18,.78,.24,1);will-change:transform;}
.v199-load-port .v216-load-story{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);gap:18px;padding:17px 18px 16px;}
.v199-load-port .v216-load-story-copy > span,.v199-load-port .v216-load-story-visual > span{display:block;margin-bottom:6px;color:#718991;font:650 6.2px/1 var(--mono);letter-spacing:.15em;text-transform:uppercase;}
.v199-load-port .v216-load-story-copy > strong{display:block;color:#f0f5f3;font:500 19px/1.04 var(--serif);}
.v199-load-port .v216-load-story-copy > em{display:block;margin-top:5px;color:#d5ad63;font:600 7px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;}
.v199-load-port .v216-load-story-copy > p{margin:10px 0 0;color:#95a7ad;font:400 9.6px/1.62 var(--sans);}
.v199-load-port .v216-retirement-lens{margin-top:13px;padding:11px 12px 10px;border-left:2px solid rgba(121,222,199,.52);background:linear-gradient(90deg,rgba(121,222,199,.045),transparent 86%);}
.v199-load-port .v216-retirement-lens > b{display:block;color:#79dec7;font:650 6.2px/1 var(--mono);letter-spacing:.15em;}
.v199-load-port .v216-retirement-lens p{margin:6px 0 0;color:#a3b3b8;font:400 9.5px/1.58 var(--sans);}
.v199-load-port .v216-load-story-visual{min-width:0;padding:11px 12px;border:1px solid rgba(142,160,168,.09);border-radius:10px;background:radial-gradient(circle at 50% 100%,rgba(201,168,76,.045),transparent 48%),rgba(255,255,255,.012);}
.v199-load-port .v216-load-story-visual svg{display:block;width:100%;height:112px;overflow:visible;}
.v199-load-port .v216-grid{fill:none;stroke:rgba(142,160,168,.09);stroke-width:1;}
.v199-load-port .v216-signature-area{fill:rgba(201,168,76,.055);}
.v199-load-port .v216-signature{fill:none;stroke:#d5ad63;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px rgba(201,168,76,.15));}
.v199-load-port .v216-event{stroke:rgba(226,75,74,.44);stroke-width:1;stroke-dasharray:3 4;}
.v199-load-port .v216-load-story-visual text{fill:#8da0a7;font:600 6px var(--mono);letter-spacing:.08em;}
.v199-load-port .v216-load-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;margin-top:8px;}
.v199-load-port .v216-load-facts > div{padding:8px 7px;border-top:1px solid rgba(201,168,76,.14);}
.v199-load-port .v216-load-facts b{display:block;color:#eef4f2;font:600 12px/1 var(--mono);}
.v199-load-port .v216-load-facts span{display:block;margin-top:5px;color:#6f848c;font:600 5.8px/1.25 var(--mono);letter-spacing:.08em;text-transform:uppercase;}
.v199-load-port .v216-load-sources{margin-top:9px;color:#60747c;font:500 6.1px/1.4 var(--mono);letter-spacing:.04em;}
.v199-load-port .v216-load-sources a{color:#8aa9a6;text-decoration:none;border-bottom:1px dotted rgba(121,222,199,.28);}
.v199-load-port .v216-load-sources a:hover{color:#79dec7;}
.v199-load-port .v216-load-archive-nav{display:grid;grid-template-columns:34px 1fr 34px;gap:12px;align-items:center;margin-top:11px;}
.v199-load-port .v216-load-archive-nav > button{width:32px;height:28px;border:1px solid rgba(142,160,168,.12);border-radius:8px;background:rgba(255,255,255,.015);color:#8ea2a8;cursor:pointer;font:500 13px/1 var(--sans);}
.v199-load-port .v216-load-archive-nav > button:hover{border-color:rgba(201,168,76,.34);color:#e4d19d;}
.v199-load-port .v216-load-archive-dots{display:flex;justify-content:center;gap:9px;}
.v199-load-port .v216-load-archive-dots button{width:25px;height:4px;padding:0;border:0;border-radius:99px;background:rgba(142,160,168,.16);cursor:pointer;transition:width .2s ease,background .2s ease;}
.v199-load-port .v216-load-archive-dots button.active{width:42px;background:linear-gradient(90deg,rgba(201,168,76,.8),rgba(121,222,199,.62));}
.v199-load-port .v216-load-archive-note{margin-top:9px;text-align:center;color:#5f747c;font:500 5.8px/1.45 var(--mono);letter-spacing:.08em;text-transform:uppercase;}
@media (max-width: 880px){.v199-load-port .v216-load-story,.v199-load-port .v200-focused-section.v199-load-section .v216-load-story{grid-template-columns:1fr!important;}}
body.light-mode .v199-load-port .v216-load-archive,body.canvas-light .v199-load-port .v216-load-archive{background: linear-gradient(rgba(255, 255, 255, 0.62), rgba(245, 246, 240, 0.72)); border-top-color: rgba(154, 111, 37, 0.14);}
@media (max-width: 880px){.v199-load-port .v216-load-story-visual{min-width:0;}}
.light-mode .v199-load-port .v216-load-archive-head > div:first-child > strong,.canvas-light .v199-load-port .v216-load-archive-head > div:first-child > strong,.light-mode .v199-load-port .v216-load-story-copy > strong,.canvas-light .v199-load-port .v216-load-story-copy > strong{color:#20343a;}
@media (max-width: 880px){.v199-load-port .v216-load-archive-head{grid-template-columns:1fr;}}
.light-mode .v199-load-port .v216-load-archive-head > div:first-child > p,.canvas-light .v199-load-port .v216-load-archive-head > div:first-child > p,.light-mode .v199-load-port .v216-load-story-copy > p,.canvas-light .v199-load-port .v216-load-story-copy > p,.light-mode .v199-load-port .v216-retirement-lens p,.canvas-light .v199-load-port .v216-retirement-lens p{color:#5f747b;}
@media (max-width: 880px){.v199-load-port .v216-load-archive-count{justify-self:start;}}
.light-mode .v199-load-port .v216-load-archive-window,.canvas-light .v199-load-port .v216-load-archive-window,.light-mode .v199-load-port .v216-load-story-visual,.canvas-light .v199-load-port .v216-load-story-visual{background:rgba(255,255,255,.58);border-color:rgba(47,91,104,.11);}
.light-mode .v199-load-port .v216-load-facts b,.canvas-light .v199-load-port .v216-load-facts b{color:#284149;}
.v199-load-port .v216-load-archive{margin-top:11px!important;padding:11px 12px!important;border-radius:11px!important;border:1px solid rgba(201,168,76,.10)!important;background:linear-gradient(180deg,rgba(201,168,76,.025),rgba(121,222,199,.012))!important;}
.v199-load-port .v216-load-archive > .v216-load-archive-head,.v199-load-port .v216-load-archive > .v216-load-archive-window,.v199-load-port .v216-load-archive > .v216-load-archive-nav,.v199-load-port .v216-load-archive > .v216-load-archive-note{display:none!important;}
.v199-load-port .v199-load-choice:hover,.v199-load-port .v199-load-choice:focus-visible{z-index:90!important;}
.v199-load-port .v199-load-choice:hover .v199-load-tip,.v199-load-port .v199-load-choice:focus-visible .v199-load-tip{z-index:140!important;}
body.light-mode .v199-load-port .v185-spec-sheet .v184-schedule-sheet::before{box-shadow: rgba(43, 136, 113, 0.08) 0px 0px 12px; width: 2px !important; opacity: 0.76 !important; background: linear-gradient(rgb(169, 133, 46), rgb(43, 136, 113)) !important;}
body.light-mode .v199-load-port .v185-spec-sheet .v184-schedule-sheet{border-color:rgba(34,78,87,.135)!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.93),rgba(248,247,241,.88))!important;
  box-shadow:
    0 10px 24px rgba(33,56,63,.05),
    inset 0 1px 0 #fff!important;}
body.light-mode .v199-load-port .v200-focused-section.v199-load-section .v199-clock-needle i::before{border-color: rgba(151, 111, 36, 0.66) !important; background: rgb(255, 253, 248) !important;}
body.light-mode .v199-load-port .v200-focused-section.v199-load-section .v199-load-choice:hover,body.light-mode .v199-load-port .v200-focused-section.v199-load-section .v199-load-choice:focus-visible{border-color:rgba(151,111,36,.42)!important;
  box-shadow:0 10px 20px rgba(35,57,64,.10),0 0 0 4px rgba(201,168,76,.05)!important;}
body.light-mode .v199-load-port .v185-spec-sheet .v184-sheet-heading > div:first-child > span{color:#8b6d29!important;}
body.light-mode .v199-load-port .v200-focused-section.v199-load-section .v216-load-archive-nav > button:hover{border-color:rgba(151,111,36,.34)!important;color:#7e6327!important;}
body.light-mode .v199-load-port .v185-spec-sheet .v184-sheet-heading > div:first-child > strong{color:#18363e!important;}
body.light-mode .v199-load-port .v185-spec-sheet .v184-sheet-heading p{color:#597078!important;}
.v199-load-port .v196-model-load-grid > .v196-load-section{height:100%!important;align-self:stretch!important}
.v199-load-port .v196-model-load-grid > .v196-model-section:not(.v200-focused-section),.v199-load-port .v196-model-load-grid > .v196-load-section:not(.v200-focused-section){height:auto!important;min-height:0!important;align-self:start!important}
.v199-load-port .v196-model-load-grid > .v196-load-section:not(.v200-focused-section){display:grid!important;align-content:start!important}
@media (max-width: 1040px){.v199-load-port .v196-model-load-grid > .v196-model-section:not(.v200-focused-section),.v199-load-port .v196-model-load-grid > .v196-load-section:not(.v200-focused-section){height:auto!important}}
@media (max-width: 1040px){.v199-load-port .v196-model-load-grid > .v196-load-section:not(.v200-focused-section){grid-template-rows:auto!important}}
.v199-load-port .v196-model-load-grid > .v196-load-section{grid-area:load!important;height:auto!important;align-self:start!important;grid-template-rows:auto!important}

/* ── ⛔⛔ THE MOCK'S OWN NARROW ANSWER, ON A TRIGGER THAT FIRES ───────────────────────────────
   MEASURED: in the Studio's drafting panel this clock's host is 320px wide while the VIEWPORT is
   1600. Every narrow rule the Mock wrote is keyed on the viewport, so none of them fire here.
   🔑 THE MOCK IS RESPONSIVE TO THE WRONG AXIS FOR THIS MOUNT — not a defect there, a fact here.
   ⭐ NOT ONE VALUE IS INVENTED: each @media block above is re-emitted verbatim as an @container
      query against the port root.
   ⭐⭐ AND IT RETIRES ITSELF. Inside the Systems Panel's ~940px column every one of these stops
      matching, with no edit and no memo. A DEPARTURE THAT HAS TO BE REMEMBERED WILL NOT BE. */
@container (max-width: 820px){.v199-load-port .v184-sheet-heading{flex-direction:column}}
@container (max-width: 880px){.v199-load-port .v301-stagflation-facts{grid-template-columns:repeat(2,minmax(0,1fr));}}
@container (max-width: 1040px){.v199-load-port .v199-clock-face{height:205px}}
@container (max-width: 1040px){.v199-load-port .v199-load-tip{width:min(230px,70vw)}}
@container (max-width: 720px){.v199-load-port .v199-clock-face{height:175px}}
@container (max-width: 720px){.v199-load-port .v199-load-choice{width:39px;height:39px}}
@container (max-width: 720px){.v199-load-port .v199-choice-2{left:16%;top:58px}}
@container (max-width: 720px){.v199-load-port .v199-choice-4{right:16%;top:58px}}
@container (max-width: 720px){.v199-load-port .v199-load-tip{width:185px}}
@container (max-width: 720px){.v199-load-port .v199-clock-spectrum{grid-template-columns:1fr 1fr}}
@container (max-width: 720px){.v199-load-port .v199-clock-spectrum i{display:none}}
@container (max-width: 860px){.v199-load-port .v200-focused-section.v199-load-section .v199-clock-topline em::before{margin-right: 9px;}}
@container (max-width: 880px){.v199-load-port .v216-load-story,.v199-load-port .v200-focused-section.v199-load-section .v216-load-story{grid-template-columns:1fr!important;}}
@container (max-width: 880px){.v199-load-port .v216-load-story-visual{min-width:0;}}
@container (max-width: 880px){.v199-load-port .v216-load-archive-head{grid-template-columns:1fr;}}
@container (max-width: 880px){.v199-load-port .v216-load-archive-count{justify-self:start;}}
@container (max-width: 1040px){.v199-load-port .v196-model-load-grid > .v196-model-section:not(.v200-focused-section),.v199-load-port .v196-model-load-grid > .v196-load-section:not(.v200-focused-section){height:auto!important}}
@container (max-width: 1040px){.v199-load-port .v196-model-load-grid > .v196-load-section:not(.v200-focused-section){grid-template-rows:auto!important}}

/* ── ⛔ DEPARTURE · THE MIN-CONTENT FLOORS THE MOCK NEVER HAD TO MEET ────────────────────────
   MEASURED in the browser: even with the Mock's own narrow rules firing, the clock still demanded
   more width than a 320px panel has. The cause is MIN-CONTENT, not any width declaration — a flex
   topline that will not wrap, and a two-column spectrum whose labels ("MORE SPENDING ROOM" /
   "MORE STRESS PROTECTION") have a min-content floor of ~162px each. `1fr` does not shrink below
   min-content; `minmax(0,1fr)` does, and the labels then wrap instead of pushing the card out of
   its panel.
   🔑 THE MOCK NEVER MET THESE FLOORS BECAUSE ITS NARROWEST BOX IS STILL ~700px WIDE. Not a defect
      in the Mock; a width the Mock was never asked about.
   ⛔ NOTHING HERE CHANGES A COLOUR, A FONT, A SIZE OR A POSITION — every declaration is a SHRINK
      PERMISSION. If one of them ever changes how the clock looks at the Panel's own width, that is
      a defect in this block and not a tuning opportunity. */
@container (max-width: 860px){
  .v199-load-port .v199-load-clock{width:auto!important;max-width:100%!important;min-width:0!important}
  .v199-load-port .v199-clock-topline{flex-wrap:wrap!important;min-width:0!important}
  .v199-load-port .v199-clock-face{min-width:0!important}
  .v199-load-port .v199-clock-spectrum{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;min-width:0!important}
  .v199-load-port .v199-clock-spectrum span{overflow-wrap:break-word}
}