/* Shared StrategyCompare surfaces: the homepage's ivory and forest palette. */
html.sc-platform{--bg:#f7f8f2;--panel:#fff;--panel2:#eff3e8;--line:#dbe3dc;--text:#18352e;--mute:#64746d;--dim:#67766f;--accent:#17654e;--accent2:#34745b;--green:#176b48;--red:#b34444;color-scheme:light}
.sc-platform body{background:var(--bg);color:var(--text)}
.sc-platform .site-header{background:#f7f8f2ed;border-color:var(--line)}
.sc-platform .site-header nav a:hover{color:var(--accent)}
.sc-platform .button{background:var(--accent);color:#fff;box-shadow:none}
.sc-platform .button.secondary{background:transparent;color:var(--text);border-color:var(--line)}
.sc-platform :is(input,select,textarea){color:var(--text);background:#fff;border-color:var(--line);accent-color:var(--accent)}
.sc-platform .language-form select{background:var(--bg);color:var(--text)}
.sc-platform :is(a,button,input,select):focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.sc-platform :is(.feature-card,.strategy-card,.price-card,.metric,.prose-grid article,.account-card,.featured-strategy-row,.comparison-card,.equity-panel,.trades-panel,.portfolio-form>p,.component-form,.portfolio-benefits article,.cost-disclosure,.cost-disclosure-grid>div,.auth-card,.strategy-chart-panel,.legal-sections section){background:var(--panel);border-color:var(--line);box-shadow:0 6px 24px #18352e04}
.sc-platform :is(.comparison-filter,.featured-strategy-intro,.portfolio-introduction,.methodology-advantage,.feature-gate,.forward-panel,.legal-note){background:linear-gradient(140deg,#fff,#f0f4e8);border-color:var(--line);box-shadow:0 8px 28px #18352e05}
.sc-platform :is(.comparison-filter select,.heatmap-metric-control select,.timeframe-form select,.portfolio-form input,.portfolio-form select){background:#fff;color:var(--text);border-color:var(--line)}
.sc-platform :is(.market-group,.comparison-options span,.comparison-all,.comparison-view-switch,.forward-study-list article){background:#f4f6ee;border-color:var(--line)}
.sc-platform .comparison-options input:checked+span{background:#e6efdf;border-color:var(--accent);color:var(--accent);box-shadow:none}
.sc-platform .comparison-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.sc-platform .comparison-view-switch a.active,.sc-platform .currency-tabs a.active{background:var(--accent);color:#fff}
.sc-platform :is(.comparison-options small,.low-sample,.result-flag.warning,.quality-warning strong){color:#87611a}
.sc-platform .quality-warning{background:#fbf4df;border-color:#e5d7af}
.sc-platform .quality-danger{background:#fff0ed;border-color:#ebc6c0}
.sc-platform :is(.selection-pill,.badge,.preview-access-banner,.access-banner){background:#edf3e6;border-color:#cfdcc8}
.sc-platform .heatmap-scroll,.sc-platform .equity-chart{background:#fff}
.sc-platform .performance-heatmap th{background:#edf2e7;color:var(--text)}
.sc-platform .heat-empty{background:#f4f6ef;color:var(--mute)}
.sc-platform .comparison-ranking-header{background:#edf2e7;border:1px solid var(--line);border-radius:10px;margin-bottom:8px}
.sc-platform .comparison-card:hover{background:#f4f7ed;border-color:#aabfac;transform:none}
.sc-platform .strategy-pick{margin:0;justify-self:center;accent-color:var(--accent)}
.sc-platform .page-head h1{font-size:clamp(32px,4vw,52px);line-height:1.15;letter-spacing:-.035em}
.sc-platform .page-head{padding-top:52px;padding-bottom:34px}
.sc-platform .page-head>p{font-size:16px}
.sc-platform .mobile-menu:not([hidden]){background:var(--bg);color:var(--text)}
.sc-platform .mobile-menu-toggle{background:#eff3e8;color:var(--text);border-color:var(--line)}
.sc-platform .danger-solid{background:var(--red);color:#fff}
.sc-platform footer{border-color:var(--line);color:var(--mute)}
@media(max-width:600px){.sc-platform .page-head{padding-top:34px}.sc-platform .comparison-ranking-title{gap:8px}.sc-platform .account-head{gap:16px}}

.sc-platform .portfolio-overlay-line{stroke:#18352e}
.sc-platform .portfolio-overlay-legend{--line-color:#18352e!important}
.sc-platform .strategy-overlay-chart text{fill:var(--mute)}
.sc-platform .gross-line{stroke:#3478a5;opacity:1}.sc-platform .benchmark-line{stroke:#768879;opacity:1}
.sc-platform .legend .gross:before{background:#3478a5}.sc-platform .legend .benchmark:before{background:#768879}

.sc-platform .strategy-metric-filters input{height:38px;padding:6px 9px;border:1px solid var(--line);border-radius:7px;font:inherit;font-size:13px}
.sc-platform .strategy-logic{background:#edf3e6;border-color:#c9d9c4;color:var(--text)}

.sc-platform .site-header{gap:24px;padding-inline:max(24px,calc((100vw - 1400px)/2))}
.sc-platform .site-header>nav{gap:18px;align-items:center}
.sc-platform .site-header>nav a,.sc-platform .header-actions .button{white-space:nowrap}
.sc-platform .nav-divider{flex-shrink:0;border-color:#b3c4b8}
.sc-platform .heat-empty a{color:var(--mute)}
@media(max-width:1350px){.sc-platform .site-header>nav,.sc-platform .site-header>.header-actions{display:none}.sc-platform .mobile-menu-toggle{display:inline-flex;margin-left:auto}}

/* Approved D logo: display the original artwork, including its drawn lettering. */
.sc-approved-brand{display:flex;align-items:center;gap:8px;width:230px;flex:none;line-height:0}
.sc-approved-book{display:block;width:44px;height:36px;flex:none}
.sc-approved-wordmark{display:block;width:178px;height:24px;flex:none;overflow:hidden}

/* Saved-result comparison: collapsed by default, keyboard-native disclosure. */
.saved-comparison { margin: .7rem 0; padding: .85rem 1rem; border: 1px solid #cddace; border-radius: 12px; background: #f5f8f2; color: #183e32; }
.saved-comparison summary { cursor: pointer; font-weight: 650; padding: .25rem 0; }
.saved-comparison summary:focus-visible { outline: 2px solid #215f4c; outline-offset: 4px; }
.saved-comparison p { white-space: normal; max-width: 78ch; line-height: 1.6; }
.saved-comparison small, .favourites-space td small { display: block; font-size: .8rem; font-weight: 400; margin-top: .3rem; }
.saved-comparison table { width: 100%; min-width: 370px; table-layout: auto; }
.saved-comparison th, .saved-comparison td { padding: .65rem .85rem; }
.comparison-expansion > td { padding-top: 0; }
.comparison-section { margin-block: 1.5rem; }
.comparison-footnote { font-size: .85rem; color: #52675d; }
@media (max-width:600px) {
  .saved-comparison table { min-width:0; table-layout:fixed; }
  .saved-comparison th, .saved-comparison td { white-space:normal; overflow-wrap:anywhere; padding:.6rem .45rem; font-size:.8rem; }
  .saved-comparison th small { font-size:.72rem; }
}