/* Each feature is a separate, addressable screen. Shared DOM and API scripts stay intact. */
.page-layout{min-width:0}
.page-main{min-width:0}
.page-main > :is(#home,#homeHighlights,#intro,#themes,#fortune,#community,#relay,#recommend,#programs,#explore,#policyPage,.stripe,.stats-strip){display:none!important}
html[data-connectone-page="home"] .page-main > :is(#home,#homeHighlights){display:block!important}
html[data-connectone-page="intro"] .page-main > #intro{display:block!important}
html[data-connectone-page="themes"] .page-main > #themes{display:block!important}
html[data-connectone-page="recommend"] .page-main > #recommend{display:block!important}
html[data-connectone-page="community"] .page-main > #community{display:block!important}
html[data-connectone-page="relay"] .page-main > #relay{display:block!important}
html[data-connectone-page="fortune"] .page-main > #fortune{display:block!important}
html[data-connectone-page="programs"] .page-main > #programs{display:block!important}
html[data-connectone-page="explore"] .page-main > #explore{display:block!important}
html[data-connectone-page="policy"] .page-main > #policyPage{display:block!important}
.page-main > .foot{margin-top:40px}
html[data-connectone-page="home"] .page-main > .foot{margin-top:0}
.page-main > #intro,.page-main > #recommend,.page-main > #community,.page-main > #relay,.page-main > #fortune,.page-main > #programs{min-height:calc(100vh - 310px)}
#featureSidebar{background:#fff;border-right:1px solid #e3eafa;min-width:0}
.feature-sidebar-inner{display:flex;flex-direction:column;gap:5px;padding:27px 14px 30px}
.feature-brand{font-size:.68rem;letter-spacing:.15em;font-weight:900;color:#7b8fac;padding:4px 12px 14px}
.feature-category{font-size:.67rem;letter-spacing:.09em;font-weight:850;color:#8190ad;padding:20px 12px 7px}
.feature-link{display:flex;align-items:center;gap:0;min-height:44px;padding:9px 12px;border-radius:12px;color:#405575;text-decoration:none;font-size:.84rem;font-weight:750;transition:background .17s,color .17s}
.feature-link:hover{background:#edf3ff;color:#2354c4}
.feature-link.is-active{background:#e7efff;color:#1c4bb9;box-shadow:inset 3px 0 #285cf0}
.feature-side-note{margin:27px 10px 0;padding:13px 12px;border-radius:14px;background:#f2f6fe;font-size:.71rem;line-height:1.7;color:#70819b}
.feature-menu-close,.feature-menu-backdrop{display:none}
#featureMenuToggle{display:none;background:#edf3ff;color:#2454c3;border:1px solid #d9e5ff;border-radius:999px;font-size:.83rem;font-weight:850;padding:9px 13px;cursor:pointer}
.page-crumb{display:none;margin:19px auto 0;max-width:1240px;padding:0 28px;color:#7185aa;font-size:.77rem;font-weight:750;gap:8px;align-items:center}
.page-crumb a{color:#3158af;text-decoration:none}
.page-crumb .crumb-sep{color:#a8b8d4}
html[data-connectone-page]:not([data-connectone-page="home"]) .page-crumb{display:flex}
html[data-connectone-page]:not([data-connectone-page="home"]) .page-main > .foot{margin-top:30px}
html[data-connectone-page]:not([data-connectone-page="home"]) .journey{padding-top:54px}
html[data-connectone-page]:not([data-connectone-page="home"]) .theme-section{padding-top:34px}
html[data-connectone-page]:not([data-connectone-page="home"]) .explore{padding-top:30px}
html[data-connectone-page]:not([data-connectone-page="home"]) .discovery-area{padding-top:35px}
.theme-route-cta{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;margin-top:23px;padding-top:18px;border-top:1px solid #e3eaf8}
.theme-route-cta p{margin:0;font-size:.79rem;color:#6d819e}
.theme-route-cta a{display:inline-flex;align-items:center;gap:12px;padding:11px 17px;border-radius:999px;background:#285cf0;color:#fff;text-decoration:none;font-weight:850;font-size:.82rem;white-space:nowrap}
.policy-route{min-height:calc(100vh - 320px);padding:45px 0 35px}
.policy-route-title{font-size:clamp(1.9rem,3.6vw,3rem);line-height:1.25;letter-spacing:-.06em;color:#193b7b;margin:10px 0 14px}
.policy-route-description{font-size:.94rem;line-height:1.85;color:#667994;max-width:720px;margin:0 0 23px}
.policy-primary-action{display:inline-flex;align-items:center;padding:11px 17px;text-decoration:none;background:#285cf0;color:white;border-radius:999px;font-weight:830;font-size:.83rem}
.policy-route .policy-info{background:#f7f9ff;border:1px solid #e2eaf9;border-radius:18px;padding:20px 22px;color:#607492;font-size:.82rem;line-height:1.9;margin:20px 0}
.policy-route .policy-info h2{font-size:1.02rem;color:#2851a2;margin:0 0 8px}
.policy-route .policy-info p{margin:0}
.policy-route #policy{margin-top:30px}
@media(min-width:920px){
  .page-layout{display:grid;grid-template-columns:215px minmax(0,1fr)}
  #featureSidebar{position:sticky;top:78px;align-self:start;height:calc(100vh - 78px);overflow-y:auto;scrollbar-width:thin;z-index:3}
  .page-main{min-width:0;max-width:100%}
  .site-nav{display:none!important}
  .mobile-nav-cta{display:none!important}
  .topbar{max-width:none}
  .topmeta{margin-left:auto}
}
@media(min-width:920px) and (max-width:1370px){
  /* Navigation rail already occupies a column; don't also reserve a fixed
     filter track at intermediate widths. Allow the filter to expand inline. */
  .explore .layout{grid-template-columns:minmax(0,1fr)!important}
  .explore .layout > div{min-width:0;width:100%}
  .explore .filter{display:none}
  .explore .filter.mobile-on{display:block}
  .explore .filters-mobile{display:inline-block}
  .explore .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:919px){
  .page-layout{display:block}
  .site-nav{display:none!important}
  .mobile-nav-cta{display:none!important}
  #featureMenuToggle{display:inline-flex;align-items:center;margin-left:auto}
  .topbar{gap:9px}
  .topmeta{display:none}
  #featureSidebar{
    position:fixed;left:0;top:0;bottom:0;width:min(300px,85vw);overflow-y:auto;
    z-index:21;transform:translateX(-105%);visibility:hidden;transition:transform .2s ease,visibility .2s;
    box-shadow:15px 0 36px rgba(21,45,96,.12);
  }
  body.feature-nav-open #featureSidebar{transform:translateX(0);visibility:visible}
  .feature-menu-close{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:22px 26px 0;font-size:1.03rem;font-weight:900;color:#2550ac}
  .feature-menu-close button{border:0;background:#edf3ff;border-radius:10px;width:35px;height:35px;color:#3159a9;font-size:1.4rem;cursor:pointer}
  .feature-menu-backdrop{display:block;position:fixed;inset:0;z-index:20;background:rgba(20,40,86,.45);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s;border:0;cursor:pointer}
  body.feature-nav-open .feature-menu-backdrop{opacity:1;visibility:visible}
  body.feature-nav-open{overflow:hidden}
  .feature-sidebar-inner{padding-top:16px}
}
@media(max-width:610px){
  .page-crumb{padding:0 17px;margin-top:15px}
  #featureMenuToggle{padding:8px 10px;font-size:.72rem}
  .account-button{margin-left:0!important}
  .feature-link{min-height:49px}
  .policy-route{padding:30px 0}
  .policy-route .policy-info{padding:16px}
  .theme-route-cta{align-items:stretch}
  .theme-route-cta a{justify-content:center;width:100%}
}
@media(prefers-reduced-motion:reduce){#featureSidebar,.feature-menu-backdrop{transition:none!important}}