/* Stitch-derived ECT grammar for secondary authenticated product routes. */
html[data-secondary-review="true"]{
  --secondary-canvas:#f7f8fa;
  --secondary-surface:#ffffff;
  --secondary-ink:#182126;
  --secondary-strong:#101419;
  --secondary-muted:#64717c;
  --secondary-line:#e1e6eb;
  --secondary-blue:#2f45ff;
  --secondary-blue-tint:#eef1ff;
  --secondary-green:#138264;
  --secondary-red:#cf4356;
  background:var(--secondary-canvas);
}

[data-secondary-review] body{background:var(--secondary-canvas)!important;color:var(--secondary-ink)}
[data-secondary-review] :is(.p4-page,.app-page){width:100%;max-width:none;margin:0;padding:26px 52px 40px;background:var(--secondary-canvas)}
[data-secondary-review] body>.app-page{width:calc(100% - var(--study-sidebar-width))!important;max-width:calc(100% - var(--study-sidebar-width))!important;margin-left:var(--study-sidebar-width)!important;transition:margin-left .2s ease,opacity .16s ease,transform .16s ease}
[data-secondary-review]:not(.study-route-ready) body>.app-page,[data-secondary-review].study-route-leaving body>.app-page{opacity:0;transform:translateY(4px)}
[data-secondary-review] :is(.p4-page-header,.page-heading){min-height:72px;align-items:flex-end;gap:32px;margin:0 0 20px}
[data-secondary-review] :is(.p4-page-header,.page-heading)>div:first-child{min-width:340px}
[data-secondary-review] :is(.p4-page-header,.page-heading)>p,
[data-secondary-review] .p4-page-header>div:last-child>p{max-width:680px;color:var(--secondary-muted);font-size:13px;line-height:1.55;text-align:right}
[data-secondary-review] :is(.p4-eyebrow,.eyebrow){margin-bottom:8px!important;color:var(--secondary-blue)!important;font:600 11px/1 Inter,sans-serif!important;text-transform:none!important}
[data-secondary-review] :is(.p4-page-header h1,.page-heading h1){margin:0;font-family:Sora,Inter,sans-serif!important;font-size:32px!important;line-height:1.2!important;font-weight:700!important}

/* Surfaces are bounded work areas, not floating promotional cards. */
[data-secondary-review] :is(.p4-surface,.surface,.billing-bar,.p4-kpis,.run-item,.cycle-year,.insight-card,.rr-readout,.volatility-score){
  border:1px solid var(--secondary-line)!important;
  border-radius:8px!important;
  background:var(--secondary-surface);
  box-shadow:none!important;
  backdrop-filter:none!important;
}
[data-secondary-review] :is(.p4-surface-head,.surface-head){min-height:58px;padding:0 18px;border-color:var(--secondary-line)!important}
[data-secondary-review] :is(.p4-surface-head h2,.p4-surface-head h3,.surface-head h2,.surface-head h3){font-family:Sora,Inter,sans-serif!important;font-size:16px!important;font-weight:600!important}
[data-secondary-review] :is(.p4-surface-head p,.p4-surface-head small,.surface-head small){color:var(--secondary-muted);font-family:Inter,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
[data-secondary-review] :is(.p4-surface-body,.surface-body){padding:18px}

[data-secondary-review] :is(.p4-button,.primary-button,.icon-button,.p4-icon-button,.p4-tabs button,.p4-segmented,.p4-segmented button,.segmented,.segmented button,.payment-tab){border-radius:6px!important;box-shadow:none!important;transform:none!important}
[data-secondary-review] :is(.p4-button,.primary-button,.icon-button,.p4-icon-button,.p4-tabs button,.p4-segmented button,.segmented button,.payment-tab){transition:background-color .16s ease,border-color .16s ease,color .16s ease!important}
[data-secondary-review] :is(.p4-button,.primary-button):hover{transform:none!important}
[data-secondary-review] :is(.p4-button.primary,.primary-button,.p4-tabs button.active){border-color:var(--secondary-blue)!important;background:var(--secondary-blue)!important;color:#fff!important}
[data-secondary-review] :is(.p4-segmented,.segmented){border:1px solid var(--secondary-line)!important;background:#f3f5f7!important}
[data-secondary-review] :is(.p4-segmented button.active,.segmented button.active){background:#fff!important;color:var(--secondary-strong)!important;box-shadow:0 0 0 1px var(--secondary-line)!important}
[data-secondary-review] :is(.p4-field input,.p4-field select,.p4-field textarea,.field input,.field select,.field textarea,.currency-box input,.currency-box select,.composer input,.referral-link input){border-color:var(--secondary-line)!important;border-radius:6px!important;box-shadow:none!important}
[data-secondary-review] :is(.p4-field input,.p4-field select,.p4-field textarea,.field input,.field select,.field textarea,.currency-box input,.currency-box select,.composer input):focus{border-color:var(--secondary-blue)!important;outline:2px solid rgba(47,69,255,.14)!important;outline-offset:0}

[data-secondary-review] .p4-badge{min-height:24px;border-radius:5px!important;font-family:Inter,sans-serif!important;font-weight:600;letter-spacing:0!important;text-transform:none!important}
[data-secondary-review] :is(.p4-section-label,.p4-kpi small,.p4-table th,.data-table th,.backtest-result small,.cycle-timer small){font-family:Inter,sans-serif!important;font-weight:600;letter-spacing:0!important;text-transform:none!important}
[data-secondary-review] :is(.p4-kpi strong,.backtest-result strong,.risk-number strong,.cycle-timer strong,.price,.whale-value,output){font-family:Inter,sans-serif!important;font-variant-numeric:tabular-nums}
[data-secondary-review] .p4-kpis{overflow:hidden;border-radius:8px!important}
[data-secondary-review] .p4-kpi{min-height:84px;border-color:var(--secondary-line)!important}
[data-secondary-review] :is(.p4-table,.data-table){border-collapse:collapse}
[data-secondary-review] :is(.p4-table th,.data-table th){height:40px;color:#7a8791;border-color:var(--secondary-line)!important}
[data-secondary-review] :is(.p4-table td,.data-table td){border-color:#edf0f2!important;font-size:12px!important}
[data-secondary-review] :is(.impact-story h3,.module-row strong,.message header strong,.rank-user strong,.whale-row h3,.run-item strong){font-size:12px!important}
[data-secondary-review] :is(.impact-story p,.module-row small,.message p,.rank-user small,.whale-row p,.run-item p){font-size:10px!important}
[data-secondary-review] :is(.p4-table tbody tr,.data-table tbody tr,.impact-story,.module-row,.rank-row,.whale-row,.vip-state-line){transition:background-color .16s ease,border-color .16s ease}
[data-secondary-review] :is(.p4-table tbody tr,.data-table tbody tr,.impact-story,.module-row,.rank-row,.whale-row):hover{background:#f7f8ff!important;transform:none!important}

/* News: one decisive intelligence surface, then a restrained ranked feed. */
[data-system-route="news"] .billing-bar{padding:8px 10px}
[data-system-route="news"] .news-hub-grid{grid-template-columns:minmax(0,1.34fr) minmax(390px,.66fr);gap:24px}
[data-system-route="news"] .news-feature{min-height:390px;border-color:var(--secondary-blue)!important;background:var(--secondary-blue)!important;color:#fff}
[data-system-route="news"] .news-feature-copy{padding:34px;background:none!important}
[data-system-route="news"] .news-feature-copy::before{content:"Portfolio relevance  /  82% confidence";display:block;margin-bottom:auto;color:rgba(255,255,255,.72);font:600 11px/1.2 Inter,sans-serif}
[data-system-route="news"] .news-feature h2{max-width:820px;font-family:Sora,Inter,sans-serif!important;font-size:32px!important;line-height:1.16!important}
[data-system-route="news"] .news-feature p{color:rgba(255,255,255,.76);font-size:13px}
[data-system-route="news"] .news-feature-footer{min-height:76px;padding:12px 20px;border-color:rgba(255,255,255,.18)}
[data-system-route="news"] .news-feature .p4-badge{border-color:rgba(255,255,255,.28);background:rgba(255,255,255,.1);color:#fff}
[data-system-route="news"] .news-feature .p4-button{border-color:rgba(255,255,255,.35);background:transparent;color:#fff}
[data-system-route="news"] .news-feature .p4-button.primary{border-color:#fff!important;background:#fff!important;color:var(--secondary-blue)!important}
[data-system-route="news"] .news-feed{max-height:530px}
[data-system-route="news"] .impact-story{min-height:84px;padding:0 18px}
[data-system-route="news"] .impact-story h3{font-size:12px}

/* Learning: course progression reads as a workbench, not a marketing hero. */
[data-system-route="learning"] .academy-path{grid-template-columns:minmax(0,1.28fr) minmax(400px,.72fr);gap:24px}
[data-system-route="learning"] .lesson-stage{min-height:500px;border-color:var(--secondary-blue)!important;background:var(--secondary-blue)!important}
[data-system-route="learning"] .lesson-screen{padding:34px;background:none!important}
[data-system-route="learning"] .lesson-screen::before{content:"Current lesson";margin-bottom:auto;color:rgba(255,255,255,.7);font:600 11px/1 Inter,sans-serif}
[data-system-route="learning"] .lesson-screen h2{font-family:Sora,Inter,sans-serif!important;font-size:30px!important}
[data-system-route="learning"] .lesson-screen p{color:rgba(255,255,255,.75);font-size:13px}
[data-system-route="learning"] .lesson-controls{min-height:76px;border-color:rgba(255,255,255,.18)}
[data-system-route="learning"] .module-list{max-height:500px}
[data-system-route="learning"] .module-row{min-height:72px}
[data-system-route="learning"] .module-row.active{border-left-color:var(--secondary-blue);background:var(--secondary-blue-tint)}
[data-system-route="learning"] .module-state{border-radius:6px!important}
[data-system-route="learning"] .academy-tools{gap:24px;margin-top:24px}

/* Trading and testing: charts remain the primary object. */
[data-system-route="paper-trading"] .trade-grid,[data-system-route="backtesting"] .backtest-layout{gap:24px}
[data-system-route="paper-trading"] .trade-grid{grid-template-columns:minmax(0,1.58fr) minmax(340px,.42fr)}
[data-system-route="backtesting"] .backtest-layout{grid-template-columns:minmax(0,1.52fr) minmax(360px,.48fr)}
[data-system-route="paper-trading"] :is(.p4-chart-shell,.p4-chart),[data-system-route="backtesting"] :is(.p4-chart-shell,.p4-chart){min-height:500px}
[data-system-route="paper-trading"] .trade-symbol i{border-radius:6px}
[data-system-route="paper-trading"] .rr-readout{background:var(--secondary-blue-tint)!important}
[data-system-route="backtesting"] .backtest-results{border-color:var(--secondary-line)}
[data-system-route="backtesting"] .run-item{border-left:3px solid var(--secondary-blue)!important}

/* Community: dense discussion and ranking surfaces without social-card decoration. */
[data-system-route="community"] .community-layout{grid-template-columns:minmax(0,1.3fr) minmax(390px,.7fr);gap:24px}
[data-system-route="community"] :is(.community-stream,.leaderboard){height:690px}
[data-system-route="community"] .message-avatar{border-radius:6px;background:var(--secondary-blue-tint)}
[data-system-route="community"] .reaction{border-radius:5px!important;transition:background-color .16s ease,border-color .16s ease,color .16s ease}
[data-system-route="community"] .rank-row.active{border-left:3px solid var(--secondary-blue);background:var(--secondary-blue-tint)!important}

/* Whale and cycle pages use an instrument panel, not a crypto illustration. */
[data-system-route="whale-radar"] .whale-layout,[data-system-route="cycle-risk"] .cycle-layout{gap:24px}
[data-system-route="whale-radar"] .transfer-map{min-height:300px;border:1px solid var(--secondary-line);border-radius:8px;background:var(--secondary-strong)}
[data-system-route="whale-radar"] .transfer-map::before,[data-system-route="whale-radar"] .transfer-map::after{border-radius:50%;opacity:.45}
[data-system-route="whale-radar"] .transfer-map h2{font-family:Sora,Inter,sans-serif!important;font-size:28px!important}
[data-system-route="whale-radar"] .whale-feed{max-height:560px}
[data-system-route="whale-radar"] .whale-row{min-height:72px}
[data-system-route="cycle-risk"] .risk-board{min-height:620px}
[data-system-route="cycle-risk"] .risk-dial{filter:none}
[data-system-route="cycle-risk"] .indicator-row .track,[data-system-route="cycle-risk"] .cycle-year .bar{border-radius:2px}
[data-system-route="cycle-risk"] .insight-card{border-left:3px solid var(--secondary-blue)!important}

/* Plans and affiliate: financial controls, not landing-page cards. */
[data-system-route="packages"] .billing-bar{padding:9px 10px}
[data-system-route="packages"] .pricing-grid{gap:24px}
[data-system-route="packages"] .price-card{min-height:430px}
[data-system-route="packages"] .price-card.recommended{border:1px solid var(--secondary-blue)!important;box-shadow:inset 0 3px 0 var(--secondary-blue)!important}
[data-system-route="packages"] .price-card header{padding:22px 20px}
[data-system-route="packages"] .compare-wrap{margin-top:24px}
[data-system-route="packages"] .p4-dialog{border-radius:8px;box-shadow:0 20px 60px rgba(16,20,25,.2)}
[data-system-route="telegram"] .affiliate-layout{grid-template-columns:minmax(0,1.34fr) minmax(390px,.66fr);gap:24px}
[data-system-route="telegram"] .referral-card{border-color:var(--secondary-blue)!important;background:var(--secondary-blue)!important;color:#fff}
[data-system-route="telegram"] .referral-card h2{font-family:Sora,Inter,sans-serif!important}
[data-system-route="telegram"] .referral-card p{color:rgba(255,255,255,.75)}
[data-system-route="telegram"] .referral-link input{border-color:rgba(255,255,255,.25)!important;background:rgba(255,255,255,.08)!important;color:#fff}

/* Older Exchange and Support templates are normalized into the same system. */
[data-system-route="exchange"] .exchange-grid,[data-system-route="support"] .support-grid{gap:24px}
[data-system-route="exchange"] .exchange-grid{grid-template-columns:minmax(480px,.72fr) minmax(0,1.28fr)}
[data-system-route="exchange"] .converter,[data-system-route="support"] :is(.ticket-form,.ticket-list){min-height:580px}
[data-system-route="exchange"] :is(.currency-box,.quote-box){border-color:var(--secondary-line)!important;border-radius:6px!important;box-shadow:none!important}
[data-system-route="exchange"] .route-choice{cursor:pointer}
[data-system-route="exchange"] .route-choice.selected{background:var(--secondary-blue-tint)!important;box-shadow:inset 3px 0 0 var(--secondary-blue)}
[data-system-route="exchange"] .coin-icon{border-radius:6px!important}
[data-system-route="support"] .support-grid{grid-template-columns:minmax(380px,.62fr) minmax(0,1.38fr)}
[data-system-route="support"] .ticket-status{border-radius:5px!important}

@media(max-width:1500px){
  [data-secondary-review] :is(.p4-page,.app-page){padding-inline:24px}
  [data-secondary-review] :is(.p4-page-header,.page-heading)>div:first-child{min-width:280px}
  [data-system-route="news"] .news-hub-grid,[data-system-route="learning"] .academy-path,[data-system-route="telegram"] .affiliate-layout{grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr)}
  [data-system-route="paper-trading"] .trade-grid,[data-system-route="backtesting"] .backtest-layout{grid-template-columns:minmax(0,1.45fr) minmax(330px,.55fr)}
  [data-system-route="community"] .community-layout{grid-template-columns:minmax(0,1.16fr) minmax(360px,.84fr)}
  [data-system-route="exchange"] .exchange-grid,[data-system-route="support"] .support-grid{grid-template-columns:minmax(340px,.68fr) minmax(0,1.32fr)}
}

@media(max-width:1120px){
  [data-secondary-review] :is(.p4-page-header,.page-heading){display:grid;align-items:start;gap:10px}
  [data-secondary-review] :is(.p4-page-header,.page-heading)>p,[data-secondary-review] .p4-page-header>div:last-child>p{text-align:left}
  [data-system-route="news"] .news-hub-grid,[data-system-route="learning"] .academy-path,[data-system-route="paper-trading"] .trade-grid,[data-system-route="backtesting"] .backtest-layout,[data-system-route="community"] .community-layout,[data-system-route="whale-radar"] .whale-layout,[data-system-route="cycle-risk"] .cycle-layout,[data-system-route="telegram"] .affiliate-layout,[data-system-route="exchange"] .exchange-grid,[data-system-route="support"] .support-grid{grid-template-columns:minmax(0,1fr)}
  [data-system-route="packages"] .pricing-grid{grid-template-columns:minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  [data-secondary-review] *,[data-secondary-review] *::before,[data-secondary-review] *::after{transition-duration:.01ms!important;animation-duration:.01ms!important}
}