@import url('https://fonts.googleapis.com/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@500;600&display=swap');
:root{font-family:'Barlow','Segoe UI',sans-serif;color:#17263a;background:#eef2f6;font-size:16px;color-scheme:light;--line:#d8e0e8;--muted:#53657b;--accent:#0078d4}*{box-sizing:border-box}body{margin:0}button,select{font:inherit}button,a,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #ffbd45;outline-offset:4px}button{border:0}a{color:#0065b3}button:disabled{cursor:default}button:hover{filter:brightness(1.08)}[hidden]{display:none!important}.rail{position:fixed;inset:0 auto 0 0;width:220px;background:#101c2d;color:#b9c6d8;display:flex;flex-direction:column;padding:33px 18px;z-index:2}.brand{display:flex;gap:13px;text-decoration:none;color:#fff;align-items:center;font-size:.72rem;letter-spacing:.12em;margin:0 13px 47px}.brand strong{font-size:1.35rem;letter-spacing:.13em;line-height:1.45}.brand-mark{display:block;width:44px;height:44px;flex-shrink:0}.nav{width:100%;display:flex;gap:13px;align-items:center;color:#c0cddd;background:none;text-align:left;padding:15px 12px;margin:6px 0;font-size:.93rem}.nav span{font-size:1.35rem;width:22px}.nav.active{background:#20334b;color:#fff;border-left:3px solid #20a4f7;padding-left:9px}.rail-bottom{margin-top:auto;padding:32px 12px 0}.overline{font-size:.75rem;color:#6f8aa8;letter-spacing:.14em}.rail-bottom p{font-size:.88rem;line-height:1.6}.rail-bottom strong{font-weight:500;color:#d2deec}.rail-note{display:block;color:#7790ae;font-size:.84rem;line-height:1.6;border-top:1px solid #2c3b50;padding-top:20px;margin-top:23px}main{margin-left:220px;padding:0 40px;max-width:1920px}.topbar{height:74px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font-size:.75rem;letter-spacing:.14em;color:#5c6e83}.topbar>div{display:flex;gap:24px;align-items:center}#clock{font-variant-numeric:tabular-nums;letter-spacing:.05em}.edition{border:1px solid #c7d3df;padding:7px 9px;font-size:.7rem}.view{padding-top:35px}.heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:25px}.eyebrow{font-size:.76rem;font-weight:600;letter-spacing:.18em;margin:0 0 10px;color:#0071be}h1{font-size:2.9rem;letter-spacing:-.035em;margin:0;font-weight:500;line-height:1.1}.intro{color:var(--muted);margin:12px 0 0;font-size:1rem}.outline{border:1px solid #bfcbd8;background:transparent;color:#31465d;padding:10px 15px;white-space:nowrap;font-size:.875rem;font-weight:500}.primary{background:#0078d4;color:#fff;padding:12px 22px}.notice{background:#e2ebf3;display:flex;gap:14px;padding:15px 18px;align-items:center;border-left:3px solid #3898d5;color:#395168;margin-bottom:28px}.notice-icon{width:21px;height:21px;border:1px solid #5280a3;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;flex-shrink:0}.notice p{font-size:.88rem;line-height:1.55;margin:0}.notice strong{font-weight:600}.controls{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:28px;flex-wrap:wrap}.tabs{display:flex;gap:3px;flex-wrap:wrap}.tabs button{padding:10px 13px;background:transparent;color:#52647a;font-size:.88rem}.tabs button.selected{background:#192c43;color:#fff}.time-controls{display:flex;gap:9px;align-items:center}.time-controls select{background:#fff;border:1px solid #c7d2df;padding:10px;color:#31465d;font-size:.875rem;max-width:100%}.section-line{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:15px}.section-line h2{font-size:1.05rem;font-weight:600;margin:0}.section-line>span{font-size:.8rem;color:#607388}.tile-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.tile{position:relative;color:#fff;text-align:left;padding:23px 24px 19px;min-height:209px;display:flex;flex-direction:column;overflow:hidden;transition:transform .16s,box-shadow .16s;border-radius:0}.tile:hover{transform:translateY(-3px);box-shadow:0 7px 16px #1d3d6226;filter:none}.blue{background:#006ab4}.teal{background:#007c72}.red{background:#ae3042}.purple{background:#67429b}.navy{background:#285275}.orange{background:#a64e29}.rose{background:#9d315c}.slate{background:#3e5169}.tile.featured{grid-column:span 2;min-height:240px}.tile-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.platform{font-size:1.66rem;line-height:1.2;overflow-wrap:anywhere;font-weight:600;letter-spacing:.01em}.tile-symbol{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff55;width:29px;height:29px;font-size:.88rem;font-weight:600}.tile-label{margin:17px 0 5px;font-size:1rem;color:#fff}.tile-number{font-family:'Barlow Condensed','Segoe UI',sans-serif;font-size:2.48rem;font-weight:500;letter-spacing:.008em;line-height:1.15;font-variant-numeric:tabular-nums;white-space:nowrap}.featured .tile-number{font-size:3.9rem}.tile-unit{font-size:.81rem;color:#fff;margin:3px 0 15px;opacity:.9}.tile-foot{margin-top:auto;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #ffffff32;padding-top:11px;gap:8px;font-size:.75rem;line-height:1.4;color:#fff}.tile-foot .period{font-size:.72rem;opacity:.85;text-align:right;max-width:55%}.tile .kind{font-size:.69rem;letter-spacing:.1em;opacity:.9;margin-top:7px}.snapshot{background:#fff;color:#20344c;border:1px solid #d1dbe5}.snapshot .tile-label,.snapshot .tile-unit,.snapshot .tile-foot{color:#53657b}.snapshot .tile-symbol{border-color:#ccdae7;color:#0074c2}.snapshot .tile-foot{border-top-color:#dbe4ed}.snapshot .tile-number{color:#1e4669}.bottom-note{display:flex;gap:22px;align-items:center;flex-wrap:wrap;padding:19px 0;color:#53657b;font-size:.8rem}.bottom-note p{flex:1;min-width:230px;line-height:1.5;margin:0}.stream-teaser{background:#dfe8f0;padding:28px 30px;display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:12px}.stream-teaser h2{font-size:1.65rem;font-weight:500;margin:0}.stream-teaser p:last-child{color:#52677d;margin-bottom:0;font-size:.95rem}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding:24px 0;margin-top:35px;color:#6b7d91;font-size:.75rem;flex-wrap:wrap}.footer-brand{font-weight:700;letter-spacing:.12em;color:#35516b}.plain-panel{background:#fff;border:1px solid var(--line);padding:25px 30px;margin:20px 0}.plain-panel h2{font-size:1.25rem;font-weight:600;margin:0 0 14px}.plain-panel p{font-size:1rem;line-height:1.75;color:#4b6077;margin:10px 0}.plain-panel a{font-size:.9rem}.source-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}.source-card{background:#fff;border:1px solid var(--line);border-top:3px solid #087ac9;padding:23px;display:flex;flex-direction:column}.source-card h3{margin:0 0 8px;font-weight:600;font-size:1rem}.source-card .source-period{font-size:.8rem;color:#64798f;margin:0 0 14px}.source-card p{font-size:.9rem;line-height:1.65;color:#486078}.source-card a{font-size:.87rem;margin-top:auto;padding-top:15px}.table-wrap{overflow-x:auto;background:#fff;border:1px solid var(--line)}table{border-collapse:collapse;width:100%;text-align:left;font-size:.93rem;min-width:650px}caption{text-align:left;padding:18px 22px;font-size:.8rem;color:#61758c;border-bottom:1px solid var(--line)}th{background:#e4ecf3;font-weight:600;color:#33526f;padding:17px 22px}td{padding:18px 22px;border-bottom:1px solid #e6edf3;color:#556980}td:first-child{font-weight:600;color:#1e3752}.available{color:#007b70;font-weight:500}.text-button{background:none;color:#006fb7;font-size:.9rem}.stream-status{display:flex;gap:20px;align-items:center;margin:0 0 22px;color:#60748a;font-size:.9rem}.status{background:#d8e2ec;color:#405970;padding:6px 12px}.status.connected{background:#d2eee1;color:#006744}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chart-panel{margin-top:25px;background:#fff;border:1px solid var(--line);padding:25px 28px}.bars{height:170px;display:flex;align-items:flex-end;gap:4px;border-bottom:1px solid #a9bbcc;margin-top:20px}.bar{flex:1;min-height:1px;background:#078ad7;max-height:100%}.chart-axis{display:flex;justify-content:space-between;margin-top:12px;font-size:.75rem;color:#61758c}dialog{border:0;padding:28px;max-width:590px;width:calc(100% - 32px);color:#243950;box-shadow:0 20px 80px #05172a44}dialog::backdrop{background:#0c203e88;backdrop-filter:blur(3px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}.dialog-head button{background:none;font-size:1.8rem;color:#546b83;padding:0 8px}dialog h2{font-size:1.8rem;font-weight:500;margin:15px 0 8px}dialog h3{font-size:1rem;margin-top:25px}dialog p{line-height:1.7;color:#52687e;font-size:.95rem}.detail-formula{background:#eaf1f7;padding:14px;font-family:monospace;font-size:.875rem;line-height:1.65;overflow-wrap:anywhere}dialog a{display:inline-block;margin-top:15px}.detail-meta{font-size:.84rem!important}body:has(dialog[open]){overflow:hidden}
@media(min-width:1550px){main{padding:0 55px}.tile{min-height:220px}.tile-number{font-size:2.8rem}}
@media(max-width:1200px){.rail{width:190px;padding-inline:10px}main{margin-left:190px;padding:0 25px}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.featured{grid-column:span 1;min-height:230px}.featured .tile-number{font-size:3.4rem}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.tile{padding:20px}h1{font-size:2.65rem}}
@media(max-width:850px){.rail{position:relative;width:100%;padding:15px 20px;flex-direction:row;align-items:center;justify-content:space-between}.brand{margin:0;gap:10px}.brand strong{font-size:1.03rem}.brand>span:last-child{font-size:.6rem}.rail nav{display:flex;gap:6px}.nav{padding:9px;font-size:0;margin:0;width:auto}.nav span{font-size:1.4rem}.nav.active{border-left:0;border-bottom:2px solid #20a4f7;padding:9px}.rail-bottom{display:none}main{margin-left:0;padding:0 22px}.topbar{height:57px}.edition{display:none}.heading{align-items:flex-start;flex-direction:column;gap:18px}.view{padding-top:26px}.heading .outline{font-size:.8rem}.tile-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tile.featured{grid-column:span 1}.tile-number{font-size:2.3rem}.live-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.stream-teaser{padding:24px;align-items:flex-start;flex-direction:column}.live-grid .tile-number{font-size:2rem}.section-line{align-items:flex-start}.section-line>span{max-width:50%;text-align:right}.source-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){main{padding:0 15px}.topbar{font-size:.62rem;letter-spacing:.08em}.topbar>div{gap:10px}h1{font-size:2.3rem}.intro{font-size:.95rem}.notice{padding:12px;align-items:flex-start}.controls{gap:14px}.tabs{gap:1px}.tabs button{padding:10px;font-size:.8rem}.time-controls{width:100%}.time-controls select{flex:1}.tile{padding:17px 14px;min-height:212px}.tile-label{font-size:.9rem}.tile-number{font-size:1.95rem}.featured .tile-number{font-size:3.05rem}.tile-unit{font-size:.75rem}.platform{font-size:1.54rem}.tile-symbol{width:24px;height:24px;font-size:.75rem}.tile-foot{font-size:.7rem;gap:4px}.tile-foot .period{font-size:.68rem}.source-grid,.live-grid{grid-template-columns:1fr}.live-grid .tile-number{font-size:3rem}.stream-status{gap:12px;flex-wrap:wrap}.plain-panel{padding:20px}.chart-panel{padding:20px 15px}.bars{gap:2px}.chart-axis{font-size:.68rem}.source-card{padding:20px}footer{gap:12px}.bottom-note{gap:10px 20px}.bottom-note p{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){.tile{transition:none}}

.tile{container-type:inline-size}.tile-number{font-size:clamp(1.125rem,10cqw,2.48rem);white-space:normal;overflow-wrap:anywhere}.featured .tile-number{font-size:clamp(1.25rem,13cqw,3.9rem)}
@media(max-width:520px){.tile.featured{grid-column:span 2}}

.metric-icon{display:block;width:24px;height:24px;flex-shrink:0}
.tile-symbol{border:0;background:#ffffff12;width:36px;height:36px;flex-shrink:0}
.snapshot .tile-symbol{background:#e9f1f8;color:#0074c2}
.nav .nav-icon{display:inline-flex;width:22px;align-items:center;justify-content:center;flex-shrink:0}
.nav-icon .metric-icon{width:21px;height:21px}
.footer-brand{display:inline-flex;align-items:center;gap:9px}
.detail-metric{display:flex;align-items:center;gap:14px;margin:18px 0 10px}
.detail-metric h2{margin:0}
.detail-icon{padding:12px;background:#e8f1f9;color:#0074c2;flex-shrink:0}
.detail-icon .metric-icon{width:28px;height:28px}
@media(max-width:850px){.brand-mark{width:38px;height:38px}}
@media(max-width:520px){.tile-symbol{width:30px;height:30px}.tile-symbol .metric-icon{width:21px;height:21px}}

#aiContext{margin-top:24px}.tile.unavailable .tile-number{font-size:1.45rem;line-height:1.3;color:#53657b}.tile.unavailable .tile-symbol{color:#53657b}

.session-elapsed{font:inherit;font-variant-numeric:tabular-nums}.time-controls{flex-wrap:wrap}.tile-top{align-items:flex-start}.tile{min-height:250px}.tile.featured{min-height:270px}#metricDirectory{margin-top:30px}#metricDirectory summary{cursor:pointer;font-size:1rem;font-weight:600}#metricDirectory td{font-size:.875rem;vertical-align:top}#metricDirectory table{min-width:700px}#metricDirectory p{max-width:1000px} @media(max-width:520px){.tile-grid{grid-template-columns:1fr}.tile.featured{grid-column:span 1}.tile{min-height:245px}.tile-foot{font-size:.75rem}.tile-foot .period{font-size:.75rem}}
