/* Light presentation layer. The base stylesheet retains layout and responsive rules. */
:root{color-scheme:light;--bg:#f6f9f7;--panel:#fff;--panel2:#fff;--line:#dce7e2;--muted:#657872;--text:#1e302d;--lime:#177961;--teal:#117a68;--red:#b9514c;--orange:#a75b29}
body{background:#f6f9f7;color:var(--text)}
.site-header{background:#fff;border-color:#e2eae6}.brand-mark{border-color:#91b6a8}.brand-mark span{background:#19836b}.brand-word>span,.footer-brand span{color:#168169}.brand-word small,.header-time{color:#687c78}.main-nav a{color:#647571}.main-nav a:hover,.main-nav a.is-active{color:#193e36}.main-nav a.is-active:after{background:#168169}.header-search{color:#55756c}.header-search:hover{color:#0d725e}.refresh-button{background:#f6faf8;border-color:#ccddd6;color:#31574c}.refresh-button:hover{color:#0f725c;border-color:#6da995}
.hero:before{background:radial-gradient(ellipse,#d8eee4aa,transparent 68%)}.eyebrow,.section-kicker{color:#27866e}.live-dot{background:#228a70;box-shadow:0 0 10px #8ecbb4}.eyebrow-rule{background:#a7c8bb}.hero h1 em{color:#197d65}.hero-copy>p{color:#5f746e}.hero-pills span{color:#527169;background:#edf5f1;border-color:#d9e9e1}
.demo-panel{background:linear-gradient(140deg,#eef9f1,#e8f4f0);border-color:#c4ded0;box-shadow:0 16px 40px #3e78631c}.demo-kicker{color:#5b786d}.demo-badge{background:#187c64;color:#fff}.demo-line,.demo-highlight{border-color:#c9ded3}.demo-line{background:#c9ded3}.demo-panel p,.demo-highlight{color:#54736a}.demo-highlight strong{color:#146b56}.demo-foot{color:#397564}.status-ring{border-color:#218469;box-shadow:0 0 8px #67bba566}
.section-number{color:#548c78;border-color:#a4cabb}.section-heading p{color:#738680}.radar-summary{color:#627971}.radar-summary strong{color:#27483d}.radar-summary .summary-alert{color:#a95839}.summary-divider{border-color:#c4d5ce}.title-star{color:#358b73}
.radar-panel{background:#fff;border-color:#d5e3dd;box-shadow:0 14px 38px #284b3a12}.radar-toolbar{background:#fff;border-color:#e1ebe6}.search-box{background:#f7faf8;border-color:#cbded5;color:#658174}.search-box input{color:#203832}.search-box input::placeholder{color:#81958a}.filter-chip{color:#5e726b}.filter-chip:hover{color:#174e3d;background:#eef6f1}.filter-chip.active{background:#e0f1e7;color:#126e52}.sort-wrap{color:#667d73}.sort-wrap select{color:#29483c;background:#f7faf8;border-color:#cbded5}
.etf-table th{background:#eef5f1;color:#5e766a;padding:10px 16px}.etf-table td{padding:9px 16px;border-color:#e6eeea;color:#40574e;font-size:11px}.etf-table tbody tr:hover{background:#f7fbf8}.etf-table .etf-group-row:hover{background:#e8f3ec}.etf-group-row th{text-align:left;background:#e8f3ec;color:#1a6b54;font-size:12px;font-weight:700;padding:8px 16px;border-top:1px solid #cbded3;letter-spacing:.3px}.etf-group-row small,.mobile-group-heading small{font-weight:500;font-size:10px;margin-left:10px;color:#69877a;letter-spacing:0}.etf-name{color:#213e32;font-size:12px}.etf-meta{color:#71877a;margin-top:1px}.etf-code{color:#177b61}.value-main{color:#274537;font-size:13px}.value-sub{color:#75897d;margin-top:1px}.premium-value{font-size:17px;color:#a96531}.premium-value.normal{color:#0d7965}.premium-value.mild{color:#92761e}.premium-value.high{color:#b95247}.delta.positive{color:#0f826c}.delta.negative{color:#bc5950}.status-badge{background:#e5f3e9;color:#347b58;padding:3px 8px}.status-badge.high{background:#f9e9e4;color:#a84c42}.status-badge.elevated{background:#fff0dc;color:#9e651e}.status-badge.mild{background:#f3f0d9;color:#806b1a}.status-badge.unavailable{background:#eef2f0;color:#6e8178}.loading-cell{color:#6b8176!important}.radar-bottom{background:#f7faf8;border-color:#e1ebe5;color:#667f71}.tiny-dot{background:#249271}.formula-note{color:#74877c}
.vix-card{background:linear-gradient(120deg,#e5f4ec,#eff8f2);border-color:#c5e1d0}.vix-top>span:first-child,.vix-caption{color:#5a7568}.outlined-tag{color:#29775e;border-color:#9bcab0}.vix-middle strong{color:#214b3b}.vix-meter span{background:#285348;box-shadow:0 0 6px #9accb4}.vix-bottom b{color:#236a50}.vix-bottom>.delta{color:#267557;border-color:#b6d8c2}.vix-watermark{color:#196c5009}.aux-card,.market-card{background:#fff;border-color:#dce7e0}.aux-icon{border-color:#bcd6ca;color:#347b62}.aux-card>span,.aux-footer,.market-card .market-sub,.market-bottom span{color:#70857a}.aux-card strong,.market-price{color:#233c31}.aux-footer,.market-divider{border-color:#e4ece6}.market-card:hover{border-color:#89b8a4;box-shadow:0 8px 24px #3c75501c}.market-arrow{color:#7daa95}.drawdown{color:#547064!important}
.info-strip{background:#edf6f1;border-color:#d3e5d9}.info-icon{color:#166b54;border-color:#86b89c}.info-strip strong{color:#315a47}.info-strip p{color:#60796b}.info-strip a{color:#177459}
.site-footer{background:#eef4f0;border-color:#d8e5dc}.footer-brand{color:#213c31}.footer-grid>div:first-child p,.footer-note p,.footer-bottom{color:#678074}.footer-note strong{color:#345746}.footer-bottom{border-color:#d5e3d9}.toast{background:#f0faf2;border-color:#abd2b6;color:#1b6348;box-shadow:0 10px 30px #426b451e}
.mode-mini{display:inline-block;vertical-align:middle;border:1px solid #bfd9c9;background:#edf6f0;color:#428366;border-radius:4px;font-size:9px;font-weight:700;letter-spacing:1px;padding:2px 5px;margin-left:6px}
.temperature-grid{grid-template-columns:1.5fr 1.35fr .9fr .9fr}
.fear-card{min-width:0;min-height:195px;padding:20px 22px;border:1px solid #d9e5dc;border-radius:11px;background:linear-gradient(125deg,#fffaf1,#fff);display:flex;flex-direction:column}
.fear-top{display:flex;align-items:center;justify-content:space-between;gap:8px;color:#5f715e;font-size:12px;font-weight:600}.fear-top .outlined-tag{white-space:nowrap;border-color:#e9d8aa;color:#96732a}
.fear-main{display:flex;align-items:baseline;gap:6px;margin-top:14px}.fear-main strong{font-size:36px;line-height:1;font-weight:700;color:#725224;font-variant-numeric:tabular-nums}.fear-scale-label{color:#9c947f;font-size:12px}.fear-main b{font-size:13px;color:#8b651e;margin-left:auto;white-space:nowrap}
.fear-meter{height:9px;margin-top:14px;border-radius:20px;background:linear-gradient(90deg,#b85a58 0%,#e9b566 34%,#eee6ba 50%,#a7c895 70%,#3f9972 100%);position:relative}.fear-meter span{position:absolute;left:0;top:-5px;width:3px;height:19px;border-radius:4px;background:#344e3e;box-shadow:0 1px 4px #344e3e55;transform:translateX(-50%);display:none}.fear-meter span.visible{display:block}
.fear-scale{display:flex;justify-content:space-between;margin-top:5px;font-size:9px;color:#879386}.fear-source{font-size:10px;line-height:1.4;color:#7b8e80;margin:12px 0 0}
.fear-source-link{display:inline-block;margin-top:4px;color:#8b651e;font-size:10px;text-decoration:underline}.fear-source-link[hidden]{display:none}
@media(max-width:1100px){.temperature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.temperature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.fear-card{grid-column:1/-1;min-height:180px;padding:17px}.fear-main strong{font-size:32px}}
@media(max-width:760px){.main-nav{border-color:#e4ece7}.filter-wrap{flex-wrap:wrap;overflow:visible;gap:2px;padding-bottom:0}.filter-chip{padding:5px 8px;font-size:10px}.mobile-group-heading{background:#e8f3ec;color:#1a6b54;font-weight:700;font-size:12px;padding:8px 14px;border-top:1px solid #cedfd4}.mobile-etf-card{padding:8px 14px;border-color:#e3ece6}.mobile-etf-name{color:#294338;font-size:12px}.mobile-etf-code,.mobile-etf-premium.normal{color:#177b61}.mobile-etf-premium{font-size:19px;color:#a96531}.mobile-etf-premium.high{color:#b95247}.mobile-etf-premium.mild{color:#92761e}.mobile-etf-premium span,.mobile-etf-metrics span,.mobile-etf-foot{color:#75897d}.mobile-etf-metrics{margin:5px 0;gap:8px}.mobile-etf-metrics strong{color:#2c483b;font-size:12px}.mobile-etf-foot{font-size:9px}.aux-card{background:#fff}}

/* The five dashboard sections follow the order shown in the navigation. */
.header-inner{gap:20px}.main-nav{gap:19px}.brand{min-width:220px}
.brand-word .brand-domain,.footer-brand .footer-domain{color:#ed5c58;letter-spacing:0;margin-left:2px}
.brand-word .brand-domain{font-size:17px}.footer-brand .footer-domain{font-size:.9em}
.hero{padding-block:47px 32px;gap:42px}.hero h1{font-size:clamp(34px,3.25vw,46px);letter-spacing:-1px;margin-bottom:12px}.hero-copy>p{max-width:650px;line-height:1.85}
.today-facts{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}
.today-facts>div{display:flex;align-items:baseline;gap:7px;min-width:145px;padding:13px 15px;border:1px solid #dcebe3;border-radius:9px;background:#fff}
.today-facts span{font-size:11px;color:#6a8074;white-space:nowrap}.today-facts strong{font-size:22px;color:#205d4b;font-weight:700;font-variant-numeric:tabular-nums}.today-facts small{font-size:10px;color:#809287}
.actions-section{padding-bottom:52px}.action-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.action-card{min-width:0;border:1px solid #dce8e1;border-radius:11px;background:#fff;padding:19px 21px;box-shadow:0 8px 24px #355b4310}
.action-number{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#e9f4ed;color:#22755b;font-size:11px;font-weight:700}
.action-card h3{color:#234b3c;font-size:16px;line-height:1.4;margin:15px 0 7px}.action-card p{color:#687e72;font-size:12px;line-height:1.8;margin:0}
@media(max-width:1100px){.header-inner{gap:13px}.main-nav{gap:13px}.brand{min-width:198px}.brand-word{font-size:16px}.brand-word .brand-domain{font-size:15px}}
@media(max-width:900px){.header-inner{gap:0}.brand{min-width:0}.main-nav{gap:22px}.hero{gap:25px}}
@media(max-width:760px){.hero{padding-block:34px 30px}.hero h1{font-size:34px}.today-facts{gap:7px;margin-top:20px}.today-facts>div{flex:1 1 130px;min-width:0;padding:10px 12px}.today-facts strong{font-size:19px}.action-grid{grid-template-columns:1fr;gap:9px}.action-card{padding:15px 17px}.action-card h3{margin-top:10px;font-size:14px}.actions-section{padding-bottom:42px}}

.market-grid{align-items:stretch}.market-card.session-card{min-height:290px;padding:19px 19px 16px;display:flex;flex-direction:column}
.market-session-badge{display:inline-flex;align-items:center;gap:5px;border-radius:30px;padding:4px 8px;font-size:9px;font-weight:700;white-space:nowrap;background:#eef2f0;color:#61766d}
.market-session-badge:before{content:'';width:5px;height:5px;border-radius:50%;background:currentColor}.market-session-badge.trading{background:#e3f4ea;color:#137354}.market-session-badge.pre{background:#e8f1f7;color:#2b6e91}.market-session-badge.after{background:#eeeafb;color:#68549a}.market-session-badge.break{background:#fff4dd;color:#946923}.market-session-badge.holiday,.market-session-badge.weekend{background:#f2f0eb;color:#756f61}.market-session-badge.halted{background:#fae7e4;color:#ad4942}
.market-quote-empty{display:flex;align-items:baseline;gap:10px;margin-top:15px}.market-quote-empty strong{font-size:29px;color:#52675e;font-weight:500}.market-quote-empty span{font-size:10px;color:#8a9992}
.market-quote-linked strong{color:#177961;font-size:20px}.market-quote-linked span{color:#5f7b6f}
.market-session-details{display:grid;gap:7px;margin:0}.market-session-details>div{display:grid;grid-template-columns:64px 1fr;gap:8px;align-items:start}.market-session-details dt{color:#86968e;font-size:9px}.market-session-details dd{color:#435d52;font-size:10px;line-height:1.45;margin:0}
.market-source{display:inline-block;align-self:flex-start;margin-top:auto;padding-top:11px;color:#357862;font-size:9px;text-decoration:underline;text-underline-offset:2px}
.market-session-note{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:12px;padding:12px 15px;border:1px solid #dce8e1;border-radius:8px;background:#fff;color:#6d8076;font-size:10px}.market-session-note strong{color:#2f594a}.market-session-note span+span{padding-left:14px;border-left:1px solid #dce6e0}
@media(max-width:760px){.market-card.session-card{min-height:275px;padding:15px}.market-session-details>div{grid-template-columns:58px 1fr}.market-session-note{align-items:flex-start;display:grid;gap:6px}.market-session-note span+span{padding-left:0;border-left:0}.market-quote-empty{margin-top:11px}}
.etf-mode-tabs{background:#eef5f1;border-color:#d4e3dc}.etf-mode-tab{color:#60756d}.etf-mode-tab:hover{color:#174e3d;background:#e5f1eb}.etf-mode-tab.active{background:#177961;color:#fff}.qdii-updated{color:#71847a}.qdii-updated strong{color:#29483c}.qdii-stats>div,.qdii-changes,.qdii-all{background:#fff;border-color:#d5e3dd}.qdii-stats strong{color:#29483c}.qdii-subheading,.qdii-toolbar{border-color:#e1ebe6}.qdii-subheading button{background:#f3f8f5;border-color:#cbded5;color:#356a58}.qdii-select{color:#667d73}.qdii-select select{color:#29483c;background:#f7faf8;border-color:#cbded5}.qdii-table th{background:#eef5f1;color:#5e766a}.qdii-table td{border-color:#e6eeea;color:#40574e}.qdii-table tbody tr.qdii-main-row:hover{background:#f7fbf8}.qdii-fund-name{color:#213e32}.qdii-code{color:#177b61}.qdii-index{border-color:#bad4c7;color:#267058;background:#f1f8f4}.qdii-status.open{background:#e3f4ea;color:#137354}.qdii-status.limited{background:#fff0dc;color:#9e651e}.qdii-status.suspended{background:#f9e9e4;color:#a84c42}.qdii-status.unknown{background:#eef2f0;color:#6e8178}.qdii-detail-grid{background:#f7faf8;border-color:#cbded5}.qdii-detail-grid span{color:#75897d}.qdii-detail-grid strong{color:#2c483b}.qdii-detail-grid a{color:#177459}.mobile-qdii-card{background:#fff;border-color:#dce7e0}.mobile-qdii-card h4{color:#294338}.mobile-qdii-metrics div{background:#f3f8f5}.mobile-qdii-metrics strong{color:#2c483b}.mobile-qdii-card details{border-color:#e2ece6}.mobile-qdii-card summary{color:#39745f}
.qdii-hero{padding:52px 0 28px}.qdii-hero h1{margin:13px 0 10px;color:#1e4035;font-size:clamp(32px,4vw,46px);line-height:1.25;letter-spacing:-1px}.qdii-hero p{max-width:760px;margin:8px 0;color:#5e756b;font-size:14px;line-height:1.85}.qdii-hero .qdii-caution{color:#766a4e;font-size:12px}.qdii-page-section{padding-bottom:64px}.qdii-page-section .qdii-heading{margin-bottom:20px}
@media(max-width:760px){.qdii-hero{padding:34px 0 23px}.qdii-hero h1{font-size:32px}.qdii-page-section{padding-bottom:42px}}
