
/* Type L numeric audit presentation – limited additive overrides */
#liveRate{display:flex;align-items:baseline;white-space:nowrap;gap:1px;font-size:clamp(29px,3.2vw,39px)!important;line-height:1.2;font-variant-numeric:tabular-nums;color:#f0b676}
#liveRate .rate-decimal{font-size:.63em;opacity:.9;letter-spacing:0}
#signalIcon.arrow-up,.activity-row .arrow-up{color:#c7ff54!important}
#signalIcon.arrow-down,.activity-row .arrow-down{color:#ff55c3!important}
#signalIcon.arrow-up,#signalIcon.arrow-down{font-size:42px;font-weight:900;text-shadow:0 0 10px currentColor}
.signal-stat b{font-variant-numeric:tabular-nums}

.monthly-detail-collapse{border:1px solid #3f5561;border-radius:12px;overflow:hidden;background:#101925}
.monthly-detail-collapse summary{list-style:none;cursor:pointer;padding:15px 18px;color:#efbe88;font-size:15px;font-weight:800}
.monthly-detail-collapse summary::-webkit-details-marker{display:none}
.monthly-detail-collapse summary:after{content:" +";float:right;font-size:19px;font-weight:500}
.monthly-detail-collapse[open] summary:after{content:" −"}
.monthly-scroll-5{max-height:236px;overflow-y:auto;overscroll-behavior:contain;border-top:1px solid #354857}
.monthly-data-line{display:grid;grid-template-columns:86px 90px minmax(140px,1fr) 68px 82px;align-items:center;gap:8px;padding:10px 14px;min-height:46px;border-bottom:1px solid #ffffff19;color:#d6e4e8;font-size:12px;font-variant-numeric:tabular-nums}
.monthly-data-line:last-child{border-bottom:none}
.monthly-data-line strong:nth-child(4){color:#e8b97f;text-align:right}
.monthly-line-status{text-align:right;color:#a2bdc3;font-size:11px}
.monthly-current{background:#243a3d55}
.monthly-footnote{font-size:11px;color:#9cb4c0;padding:0 16px 14px}
#monthsChart[hidden],#positiveMonths[hidden]{display:none!important}
@media(max-width:780px){.monthly-data-line{grid-template-columns:66px 61px minmax(105px,1fr) 51px;gap:4px;padding:10px 8px;font-size:10px}.monthly-line-status{display:none}.monthly-detail-collapse summary{font-size:13px}}

/* Front-end visual hierarchy for signal-focused desktop and mobile */
.live-card .live-stats .signal-stat b{font-size:clamp(25px,2.5vw,34px);line-height:1.24;letter-spacing:-.6px}
.live-card #liveRate{font-size:clamp(35px,3.8vw,45px)!important;line-height:1.12;gap:0;letter-spacing:-.9px}
.live-card #liveRate .rate-decimal{font-size:.48em;letter-spacing:0;opacity:.93}
.live-card .live-breakdown-cols b{font-size:clamp(22px,2.8vw,31px);line-height:1.25;letter-spacing:-.35px}
.live-card #livePeriodRate{font-size:clamp(25px,3vw,34px);color:#f3c184}
.sound-controls{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:13px 26px 0}
.sound-toggle{cursor:pointer;display:inline-flex;align-items:center;justify-content:center;border:1px solid #bd946c;border-radius:10px;background:#26313b;color:#f0cb9e;padding:10px 16px;font:700 14px/1.3 inherit;font-family:inherit;touch-action:manipulation}
.sound-toggle.sound-on{border-color:#a3ebb6;background:#193c2c;color:#b3ffd1}
.sound-toggle:focus-visible{outline:2px solid #b3ffd1;outline-offset:3px}
.sound-hint{font-size:11px;color:#9fb4c3}
.thirty-results .thirty-stats .data-tile.highlight strong{font-size:clamp(31px,3.6vw,44px)}
.thirty-results .thirty-footnote{margin-top:15px}
@media(max-width:780px){
 .live-card .live-stats .signal-stat b{font-size:clamp(27px,7vw,39px)}
 .live-card #liveRate{font-size:clamp(35px,8.2vw,48px)!important}
 .live-card #liveRate .rate-decimal{font-size:.45em}
 .live-card .live-breakdown-cols b{font-size:clamp(23px,5.7vw,30px)}
 .live-card #livePeriodRate{font-size:clamp(27px,7vw,35px)}
 .sound-controls{padding:12px 17px 0}
}
@media(max-width:380px){
 .live-card #liveRate{font-size:32px!important}
 .live-card .live-stats .signal-stat b{font-size:26px}
}

/* Latest visual choices: 1.5s gold banner, five rows high daily scrolling. */
#newSignalNotice.signal-notice{
 border:1px solid #ffe09c!important;
 background:linear-gradient(110deg,#ffe3a1 0%,#ffc469 47%,#f0a945 100%)!important;
 color:#422406!important;
 font-size:clamp(14px,3.1vw,18px)!important;
 font-weight:850!important;
 letter-spacing:.15px;
 text-shadow:none!important;
 box-shadow:0 0 24px #f3b96c72,0 10px 20px #0003!important;
}
#newSignalNotice.signal-arrival{animation:signalArrival .25s ease-out}
#utcPreviousFive.daily-rows{
 max-height:226px;overflow-y:auto;
 overscroll-behavior:contain;scrollbar-gutter:stable;
 -webkit-overflow-scrolling:touch;
}
.live-card .signal-status-line strong{font-size:clamp(25px,4vw,37px);font-weight:850}

/* Value proposition and interactive scenario; independent of live observer */
.vision{margin:32px 0 40px;padding:clamp(22px,3vw,40px);background:linear-gradient(155deg,#17212c 0%,#101923 65%,#172321 100%);border:1px solid #59606a;border-radius:18px}
.vision-kicker{color:#f4c48d;font-size:12px;font-weight:800;letter-spacing:.045em}
.vision h2{font-size:clamp(24px,4vw,38px);line-height:1.35;max-width:800px;margin:9px 0 18px;letter-spacing:-.02em}
.vision>p:not(.vision-outro){max-width:800px;line-height:1.95;color:#d7e0e4;font-size:clamp(13px,2.2vw,15px);margin:0 0 15px}
.vision-values{border-left:3px solid #e5b577;padding:5px 0 5px 19px;margin:22px 0 28px;max-width:820px}
.vision-values strong{display:block;color:#ffd59e;font-size:clamp(17px,2.9vw,22px)}
.vision-values p{font-size:13px;color:#c2d0d7;line-height:1.9;margin:9px 0 0}
.scenario-panel{background:#0c151f;border:1px solid #6e6255;border-radius:16px;padding:clamp(17px,3vw,28px);margin:24px 0}
.scenario-head{display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-bottom:19px}
.scenario-head h3{font-size:clamp(20px,3vw,29px);margin:6px 0 0}
.scenario-reference{display:flex;flex-direction:column;gap:4px;color:#c4d1d9;font-size:12px}
.scenario-reference strong{color:#f7c47f;font-size:30px;line-height:1.1;font-variant-numeric:tabular-nums}
.scenario-reference small{font-size:11px;color:#99adb8}
.scenario-inputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.scenario-inputs label{display:flex;flex-direction:column;gap:7px;color:#c8d6db;font-size:12px}
.scenario-inputs input{font:inherit;font-size:16px;font-weight:700;color:#faf5e9;background:#192633;border:1px solid #63717d;border-radius:9px;width:100%;height:46px;box-sizing:border-box;padding:10px 13px;min-width:0}
.scenario-inputs input:focus{outline:2px solid #e6b671;outline-offset:1px}
.scenario-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin:20px 0 10px}
.scenario-results>div{border:1px solid #3e5560;padding:13px;border-radius:11px;background:#17232b;display:flex;flex-direction:column;gap:7px}
.scenario-results span{font-size:11px;color:#adbec7}
.scenario-results strong{font-size:clamp(20px,3vw,29px);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.scenario-results .scenario-highlight{background:#2e271f;border-color:#b3946d}
.scenario-results .scenario-highlight strong{color:#f5ce94}
.scenario-results .scenario-negative{color:#ff969e!important}
.scenario-results .scenario-positive{color:#c9eead!important}
.scenario-formula{font-size:11px;display:flex;align-items:flex-start;gap:8px;color:#a6bdc7;margin:14px 0;flex-wrap:wrap}
.scenario-formula code{color:#c8d8de;background:none;font:inherit;white-space:normal;overflow-wrap:anywhere}
.scenario-disclaimer{font-size:11px;color:#a9bcc8;line-height:1.8;margin:9px 0 0}
.scenario-error{color:#ffc09e;margin:9px 0;font-size:12px}
.scenario-error[hidden]{display:none}
.vision-outro{font-size:clamp(14px,2.3vw,18px);color:#ffdaa4;font-weight:750;text-align:center;line-height:1.7;margin:19px 0 0}
@media(max-width:760px){.vision{margin:22px 0;padding:20px 15px}.scenario-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.scenario-results{grid-template-columns:repeat(2,minmax(0,1fr))}.scenario-results .scenario-highlight{grid-column:1/-1}.scenario-reference strong{font-size:27px}}
@media(max-width:380px){.scenario-inputs label{font-size:11px}.scenario-results strong{font-size:22px}.vision h2{font-size:23px}}

/* Verified historical hour-of-day results, 24 rows; loading is a single static JSON request. */
.hourly-results{padding:26px 0 33px}
.hourly-scroll{max-height:310px;overflow:auto;border:1px solid #435768;background:#121c27;border-radius:12px;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.hourly-table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums;table-layout:fixed;min-width:470px}
.hourly-table th,.hourly-table td{border-bottom:1px solid #ffffff16;text-align:right;font-size:13px;padding:10px 13px;white-space:nowrap}
.hourly-table thead th{position:sticky;top:0;background:#22303c;font-size:11px;color:#a9c1c9;z-index:1}
.hourly-table th:first-child,.hourly-table td:first-child{text-align:left}
.hourly-table tbody th{font-weight:750}
.hourly-table tr:last-child td{border-bottom:0}
.hourly-table .hourly-rate{color:#f1c184;font-weight:800}
.hourly-footnote{font-size:11px;color:#9cb3c0;line-height:1.6;margin:10px 0 0}
@media(max-width:760px){.hourly-results{padding:21px 0}.hourly-table th,.hourly-table td{padding:10px 8px;font-size:11px}.hourly-table thead th{font-size:10px}}

.scenario-results .scenario-highlight{grid-column:1/-1}

.pub-lag-fixed{font-size:11px;color:#91abb9;white-space:nowrap;margin:0 10px}@media(max-width:740px){.pub-lag-fixed{width:100%;margin:3px 0 0}}

/* 2026-11-01: fixed-height status UI. No boxes are inserted into document flow. */
.live-title .live-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-shrink:0;min-height:42px}
.live-title .live-actions .status{min-width:138px;text-align:center;box-sizing:border-box}
.live-title .sound-toggle.sound-compact{width:42px;height:40px;min-width:42px;min-height:40px;padding:0!important;display:inline-flex;align-items:center;justify-content:center;font-size:19px!important;line-height:1;white-space:nowrap}
.live-card #newSignalNotice.signal-notice{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-height:70px;height:70px;padding:9px 12px!important;margin:14px 24px 0;line-height:1.4;text-align:center;overflow:hidden;transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease}
.live-card #newSignalNotice.signal-notice.signal-idle{background:#252c35!important;border:1px solid #66717b!important;color:#c6cbd0!important;box-shadow:none!important;filter:grayscale(1)}
.live-card #newSignalNotice.signal-notice.signal-active{background:linear-gradient(100deg,#ffe5a6,#ffc668 45%,#f8ae4e)!important;border:1px solid #ffd784!important;color:#442405!important;filter:none;box-shadow:0 0 22px #dfa45b70!important}
.live-card .result-notice{box-sizing:border-box;display:flex!important;align-items:center;justify-content:center;min-height:48px;height:48px;max-height:48px;margin-top:0;overflow:hidden;text-align:center;white-space:nowrap;text-overflow:ellipsis;font-size:11px!important}
.live-card .result-notice[hidden]{display:flex!important;visibility:hidden!important;opacity:0!important}
.live-card .result-notice:not([hidden]){visibility:visible!important;opacity:1!important}
.live-card #liveRate{display:flex!important;align-items:baseline!important;gap:0!important;white-space:nowrap!important;font-variant-numeric:tabular-nums}
.live-card #liveRate .rate-whole{font-size:clamp(35px,4.1vw,46px)!important;font-weight:900!important;line-height:1.05!important;letter-spacing:-1.7px!important;display:inline-block!important;color:#f5c48b!important}
.live-card #liveRate .rate-decimal{font-size:clamp(16px,2vw,20px)!important;font-weight:750!important;line-height:1!important;letter-spacing:-.3px!important;display:inline-block!important;color:#f4c48b!important}
.live-card #liveRate .rate-percent{font-size:13px!important;font-weight:700!important;display:inline-block!important;color:#deb790!important;margin-left:2px}
.live-card .rate-basis{display:block!important;min-height:15px;height:15px;font-size:10px!important;color:#9bb3c0!important;margin-top:4px;white-space:nowrap}
.floating-signal{position:fixed;z-index:4;top:81px;left:50%;width:min(600px,calc(100% - 22px));min-height:59px;box-sizing:border-box;transform:translate(-50%,-10px);opacity:0;visibility:hidden;pointer-events:none;display:flex;align-items:center;justify-content:center;gap:13px;padding:10px 17px;border-radius:12px;border:1px solid #d0a16b;box-shadow:0 5px 20px #0008;background:#14202cf2;backdrop-filter:blur(10px);color:#bbc4cc;transition:opacity .16s ease,transform .16s ease,visibility .16s}
.floating-signal.is-visible{visibility:visible;opacity:1;transform:translate(-50%,0)}
.floating-signal.has-signal{border-color:#f1ba76;box-shadow:0 0 19px #e5ae6060,0 8px 20px #0007;background:#2a2620f2;color:#ffdfa7}
.floating-signal .floating-direction{font-size:30px!important;font-weight:900;line-height:1;min-width:30px;text-align:center}
.floating-signal strong{font-size:clamp(15px,2.5vw,22px);line-height:1.25}
.floating-signal .arrow-up{color:#c9ff55!important}
.floating-signal .arrow-down{color:#ff55c3!important}
.hourly-table th:nth-child(2),.hourly-table td:nth-child(2){color:#d4e5eb}
.hourly-table th:nth-child(3),.hourly-table td:nth-child(3){color:#f7c183}
.hourly-table tbody td.hourly-rate{font-size:14px;font-weight:900}
@media(max-width:780px){
 .live-title .live-actions{width:100%;justify-content:space-between;gap:6px;min-height:40px}
 .live-title .live-actions .status{font-size:12px;min-width:134px}
 .live-card #newSignalNotice.signal-notice{margin:12px 17px 0;min-height:66px;height:66px;font-size:14px!important}
 .floating-signal{top:70px;min-height:55px;padding:8px 12px}
 .live-card #liveRate .rate-whole{font-size:clamp(34px,8.5vw,45px)!important}
 .live-card #liveRate .rate-decimal{font-size:17px!important}
 .live-card #liveRate .rate-percent{font-size:12px!important}
 .hourly-table tbody td.hourly-rate{font-size:12px}
}

/* Prevent dynamic notices, fetched history and short status text from shifting the page. */
#utcPreviousFive.daily-rows{height:226px;min-height:226px;max-height:226px;overflow-y:auto;box-sizing:border-box}
.monthly-scroll-5{height:236px;min-height:236px;max-height:236px}
.hourly-scroll{height:310px;min-height:310px;max-height:310px}
.live-card .signal-status-line{min-height:72px;box-sizing:border-box}
.live-card #signalState{display:block;min-height:1.5em}
.live-card #signalDetail{min-height:43px;max-height:43px;overflow:hidden;line-height:1.65}
.live-card .live-title{min-height:115px;box-sizing:border-box}
@media(max-width:780px){
 .live-card .live-title{min-height:142px}
 .live-card #signalDetail{min-height:50px;max-height:50px}
}

/* 2026-11-01: compact signal lives inside the sticky header, between title and language. */
.headrow{column-gap:12px}
.headrow>.brand{margin-right:0!important;flex:0 1 auto;min-width:0}
.headrow>.brand>span:last-child{display:block;min-width:0}
.headrow>.brand small{display:block;margin-top:7px;line-height:1.35;white-space:normal}
.headrow>#floatingSignal.floating-signal,
.headrow>#floatingSignal.floating-signal.is-visible{
 position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
 transform:none!important;opacity:1!important;visibility:visible!important;pointer-events:none!important;
 flex:0 0 112px;width:112px;min-width:0;max-width:112px;
 height:45px;min-height:45px;padding:5px 7px;box-sizing:border-box;
 gap:4px;border-radius:9px;border:1px solid #9b7b53;
 background:#343b44!important;box-shadow:none!important;
 color:#d0d8dc;backdrop-filter:none;transition:background .15s,border-color .15s,color .15s;
 overflow:hidden;white-space:nowrap;
}
.headrow>#floatingSignal.floating-signal.has-signal{
 border-color:#f6ca8b!important;background:#403224!important;
 color:#ffdc9e!important;box-shadow:0 0 12px #ebba7666!important
}
.headrow>#floatingSignal .floating-direction{
 font-size:clamp(16px,2vw,22px)!important;min-width:15px;max-width:25px;flex:0 0 auto;line-height:1;
}
.headrow>#floatingSignal strong{font-size:clamp(10px,1.2vw,13px)!important;font-weight:800;line-height:1.2;
 overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0
}
.headrow>.locale{margin-left:auto}
@media(max-width:780px){
 .shell.headrow{height:76px;padding-inline:12px!important;gap:6px}
 .headrow>.brand{flex:1 1 auto;gap:7px;min-width:0;max-width:none}
 .headrow>.brandmark,.headrow>.brand .brandmark{flex:0 0 31px}
 .headrow>.brand>span:last-child{min-width:0}
 .headrow>.brand strong{font-size:17px}
 .headrow>.brand small{font-size:7px!important;letter-spacing:0!important;margin-top:7px;line-height:1.34;white-space:normal;overflow-wrap:normal}
 .headrow>#floatingSignal.floating-signal,.headrow>#floatingSignal.floating-signal.is-visible{
  flex:0 0 76px;width:76px;max-width:76px;height:42px;min-height:42px;padding:5px 4px;gap:2px;border-radius:8px
 }
 .headrow>#floatingSignal .floating-direction{font-size:17px!important;min-width:15px}
 .headrow>#floatingSignal strong{font-size:10px!important}
 .headrow>.locale{margin-left:0;flex:0 0 auto;padding:5px 4px;gap:4px}
 .headrow>.locale svg{width:16px;height:16px}
 .headrow>.locale select{width:74px!important;max-width:74px!important;font-size:12px}
}
@media(max-width:380px){
 .shell.headrow{padding-inline:8px!important;gap:5px}
 .headrow>.brand{gap:5px}
 .headrow>.brand strong{font-size:15px}
 .headrow>.brand small{font-size:6.6px!important;line-height:1.3;margin-top:5px}
 .headrow>.brand .brandmark{width:29px;height:29px;flex-basis:29px}
 .headrow>#floatingSignal.floating-signal,.headrow>#floatingSignal.floating-signal.is-visible{
  flex-basis:63px;width:63px;max-width:63px;height:39px;min-height:39px;padding-inline:3px
 }
 .headrow>#floatingSignal .floating-direction{font-size:15px!important;min-width:12px}
 .headrow>#floatingSignal strong{font-size:9px!important}
 .headrow>.locale select{width:65px!important;max-width:65px!important;font-size:11px}
 .headrow>.locale svg{width:14px;height:14px}
}

/* Cumulative denominator transparency, stable two-line space. */
.live-card .rate-basis{
 display:block!important;
 min-height:30px!important;height:30px!important;
 white-space:normal!important;line-height:1.5!important;
 font-size:10px!important;overflow-wrap:anywhere;
 overflow:hidden;
}

/* True paired 1s/2s cohort; keep all five result columns visible on phones. */
.delay-comparison{table-layout:fixed!important;min-width:0!important;width:100%!important}
.delay-comparison th:nth-child(1){width:14%}
.delay-comparison th:nth-child(2){width:19%}
.delay-comparison th:nth-child(3){width:23%}
.delay-comparison th:nth-child(4){width:28%}
.delay-comparison th:nth-child(5){width:16%}
.delay-cohort-note{font-size:12px;line-height:1.65;color:#b8cbd3;margin:13px 2px 0}
@media(max-width:780px){
 .delay-comparison th,.delay-comparison td{padding:10px 4px!important;font-size:11px!important;white-space:nowrap}
 .delay-comparison th{white-space:normal!important;font-size:10px!important;line-height:1.35!important;word-break:keep-all}
 .delay-comparison th:nth-child(1){width:14%}
 .delay-comparison th:nth-child(2){width:19%}
 .delay-comparison th:nth-child(3){width:23%}
 .delay-comparison th:nth-child(4){width:28%}
 .delay-comparison th:nth-child(5){width:16%}
 .delay-cohort-note{font-size:11px}
}
@media(max-width:360px){.delay-comparison th,.delay-comparison td{padding:8px 2px!important;font-size:10px!important}.delay-comparison th{font-size:9px!important}}

/* 33 locales, no external fonts, stable mobile and Urdu direction */
[dir="rtl"] #liveRate,[dir="rtl"] .scenario-results strong{direction:ltr;unicode-bidi:isolate}
[dir="rtl"] .scenario-inputs input{direction:ltr}
[lang="ur"] .intro,[lang="ur"] .vision,[lang="ur"] .details{line-height:1.8}
@media(max-width:780px){.headrow .locale select{max-width:74px!important;min-width:0}.headrow .locale{flex-shrink:0}}
