/* Homepage design applied to the re-skinned pages (about, contact-us, strategy,
   members-sign-in, journals, weekly_focus, newsletter). Loaded after each page's
   own CSS by build_site.py, so these rules win without touching the pages.
   Blue hero band > light-blue sections > white cards > blue closing > blue footer. */

/* Generator pages (journals, weekly focus) read these tokens */
:root{--ink:#0E3A7A;--body:#3B4D6B;--gold:#1A5CB6;--blue:#1A73E8}

body.ewt-legacy{background:#E6F0FD!important;background-image:none!important;color:#3B4D6B}
body.ewt-legacy :is(h1,h2,h3){color:#0E3A7A}
body.ewt-legacy .hatch,body.ewt-legacy .float-cta{display:none!important}   /* old decoration + duplicate floating button */

/* ---- Blue hero band (full width even when the hero sits in a narrow container) ---- */
body.ewt-legacy :is(.hero,.ph-hero,.page-hero){position:relative;color:#fff;background:none!important;
  border-image:linear-gradient(135deg,#0A3F91 0%,#1A5CB6 42%,#1A73E8 78%,#009BFD 100%) fill 0 / / 0 100vmax;
  margin-top:0!important;padding-top:64px!important;padding-bottom:72px!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero)::after{content:"";position:absolute;left:50%;bottom:20px;width:100vw;height:65%;transform:translateX(-50%);pointer-events:none;opacity:.2;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1200 400' preserveAspectRatio='none'%3E%3Cpath d='M0,370 L180,250 L265,305 L520,95 L625,175 L830,30 L930,150 L1010,95 L1200,250' fill='none' stroke='white' stroke-width='4' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E") center/100% 100% no-repeat}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) > *{position:relative;z-index:1}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(h1,h2){color:#fff;-webkit-text-fill-color:#fff;background:none}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(h1,h2) :is(span,em,.gold,.blue,.grad){color:#BFE3FF!important;background:none!important;-webkit-text-fill-color:#BFE3FF}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) p{color:#DCEBFF}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.eyebrow,.section-label,.kicker,.tag){color:#BFE3FF!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) p a{color:#fff!important;text-decoration:underline}
/* white cards that live inside a hero keep dark text */
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox,.signin-card){background:#fff!important;background-image:none!important;border:0!important;color:#3B4D6B;
  box-shadow:0 40px 70px -40px rgba(3,15,40,.7)!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox) :is(h1,h2,h3,.formlead){color:#0E3A7A!important;-webkit-text-fill-color:#0E3A7A}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox) :is(h1,h2,.formlead) :is(span,em,.gold,.blue){color:#1A73E8!important;-webkit-text-fill-color:#1A73E8}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox) p{color:#3B4D6B}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox) :is(.eyebrow,.section-label){color:#1A5CB6!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox) :is(li,small,span){color:inherit}
body.ewt-legacy .page-hero .content-tabs{background:#fff!important}

/* ---- Stats band: strong light blue, numbers in deep blue ---- */
body.ewt-legacy :is(.stats,.about-stats){background:linear-gradient(180deg,#D3E4FB 0%,#C8DDFA 100%)!important;border:0!important}
body.ewt-legacy :is(.stats,.about-stats) :is(.num,.sv){color:#1A5CB6}

/* ---- Content sections alternate lighter / stronger light blue ---- */
body.ewt-legacy section.block{background:#E6F0FD!important}
body.ewt-legacy section.block:nth-of-type(odd){background:linear-gradient(180deg,#D3E4FB 0%,#C8DDFA 100%)!important}

/* ---- Cards: white with a soft shadow ---- */
body.ewt-legacy :is(.panel,details.qa,details.yr,details.wk,.kc,.method,.briefing-article,.bottom-line-box,.signup-box){
  background:#fff!important;background-image:none!important;border-color:transparent!important;box-shadow:0 18px 36px -26px rgba(10,22,40,.45)}
body.ewt-legacy :is(summary.yrhead,summary.wkhead){background:#fff}
body.ewt-legacy :is(summary.yrhead,summary.wkhead):hover{background:#E3F3FF}
body.ewt-legacy .form-input{background:#F4F8FE!important;border:1.5px solid #C9DAF3!important}
body.ewt-legacy .form-input:focus{border-color:#009BFD!important}

/* ---- Closing call to action: blue, like the homepage plans band ---- */
body.ewt-legacy :is(section.finale,section.cta-banner){color:#fff;background:radial-gradient(800px 420px at 90% 0%,rgba(255,255,255,.14),transparent 60%),
  linear-gradient(135deg,#0F4BA6 0%,#1A5CB6 45%,#1A73E8 100%)!important;border:0!important}
body.ewt-legacy :is(section.finale,section.cta-banner) :is(h1,h2,h2 *){color:#fff!important;-webkit-text-fill-color:#fff;background:none}
body.ewt-legacy :is(section.finale,section.cta-banner) p{color:#DCEBFF}
body.ewt-legacy .stayband{background:#E6F0FD!important;color:#1A5CB6!important;border:0!important}

/* ---- Buttons: logo-blue border, hover colour on the light ones ---- */
body.ewt-legacy .btn{border:1.5px solid #009BFD!important;transition:background .15s,box-shadow .15s,color .15s,transform .15s}
body.ewt-legacy :is(.btn-gold,.btn-blue):hover{box-shadow:0 0 0 4px rgba(0,155,253,.22)!important;transform:none!important}
body.ewt-legacy .btn{transform:none!important;font-weight:650!important;-webkit-font-smoothing:auto}
/* old scroll-reveal kept content shifted/faded and blurred its text: show everything at rest */
body.ewt-legacy .reveal{opacity:1!important;transform:none!important;transition:none!important}
body.ewt-legacy .btn-ghost{background:#fff!important;color:#1A5CB6!important;border-color:#7CCBFF!important}
body.ewt-legacy .btn-ghost:hover{background:#E3F3FF!important;border-color:#009BFD!important;color:#0A4FA8!important;box-shadow:0 0 0 4px rgba(0,155,253,.15)!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero,section.finale,section.cta-banner) :is(.btn-gold,.btn-blue){background:#fff!important;color:#0E3A7A!important;border-color:#009BFD!important}
body.ewt-legacy :is(section.finale,section.cta-banner) .btn-ghost{background:transparent!important;color:#fff!important;border-color:#BFE3FF!important}
body.ewt-legacy :is(section.finale,section.cta-banner) .btn-ghost:hover{background:rgba(255,255,255,.14)!important;color:#fff!important}

/* Market Insights: its primary button had dark text on blue, and the open article panel stayed shifted */
body.ewt-legacy .btn-primary{color:#fff!important}
body.ewt-legacy section.cta-banner .btn-primary{background:#fff!important;color:#0E3A7A!important;border-color:#009BFD!important}
body.ewt-legacy .content-panel.active{transform:none!important;animation:none!important;opacity:1!important}

/* Cards and buttons matched to the "Membership Benefits" block on /home/ */
body.ewt-legacy :is(.panel,details.qa,details.yr,details.wk,.kc,.method,.briefing-article,.bottom-line-box,.signup-box,.formbox){
  border:2px solid #009BFD!important;border-radius:12px!important;box-shadow:0 10px 30px rgba(0,0,0,.08)!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox,.signin-card){box-shadow:0 30px 60px -30px rgba(3,15,40,.6)!important}
body.ewt-legacy .btn{border-radius:10px!important;font-weight:800!important}
body.ewt-legacy .btn-ghost{border-color:#009BFD!important;color:#0A6FD6!important}
body.ewt-legacy :is(section.finale,section.cta-banner,.hero,.ph-hero,.page-hero) .btn-ghost:not(.panel .btn-ghost){color:#fff!important;border-color:#BFE3FF!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.panel,.formbox,.signin-card){border:2px solid #009BFD!important;border-radius:12px!important}
body.ewt-legacy .formbox .paidnote{margin-top:14px;font-size:13px;line-height:1.5;color:#5B6B85!important;text-align:center}
body.ewt-legacy .formbox .paidnote a{color:#0A6FD6!important;font-weight:700;text-decoration:none}
body.ewt-legacy .formbox .paidnote a:hover{text-decoration:underline}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.formbox,.panel) :is(.btn-gold,.btn-blue){background:#1A73E8!important;color:#fff!important;border-color:#009BFD!important}
body.ewt-legacy :is(.hero,.ph-hero,.page-hero) :is(.formbox,.panel) :is(.btn-gold,.btn-blue):hover{background:#1A5CB6!important}

/* Weekly Focus free card: the generator writes the check mark as "\2713" inside a Python string,
   which comes out as "¹3". Draw a proper green check instead. */
body.ewt-legacy .formbox .perks li::before{content:""!important;width:11px;height:6px;top:6px!important;left:2px!important;
  border-left:2px solid #10B981;border-bottom:2px solid #10B981;transform:rotate(-45deg)}
/* its button matches the header "Join free" button exactly */
body.ewt-legacy .formbox .joinbtn{background:#1A73E8!important;color:#fff!important;border:1.5px solid #009BFD!important;border-radius:10px!important;
  font:800 15px/1 "Outfit",sans-serif!important;box-shadow:none!important}
body.ewt-legacy .formbox .joinbtn:hover{background:#1A5CB6!important;box-shadow:0 0 0 4px rgba(0,155,253,.22)!important}

/* ===== Weekly Focus results view ===== */
/* stats band: six white stat cards, gains green / losses red */
body.ewt-legacy section.stats{padding-block:28px}
body.ewt-legacy section.stats .grid{gap:14px;max-width:1180px;margin:0 auto}
body.ewt-legacy section.stats .stat{background:#fff;border:2px solid #009BFD!important;border-radius:12px;padding:18px 12px;box-shadow:0 10px 30px rgba(0,0,0,.08)}
body.ewt-legacy section.stats .sv{color:#0E3A7A;font-size:clamp(1.05rem,1.9vw,1.5rem)}
body.ewt-legacy section.stats .sv.pos{color:#059669!important}
body.ewt-legacy section.stats .sv.neg{color:#DC2626!important}
body.ewt-legacy section.stats .sl{color:#5B6B85;font-weight:500}

/* week header: result as a coloured pill, one dot per trade */
body.ewt-legacy .wkhead{padding:18px 22px}
body.ewt-legacy .wkno{color:#1A5CB6!important;background:#E3EEFD;padding:5px 8px;border-radius:6px;letter-spacing:.18em}
body.ewt-legacy .wkright{display:flex;align-items:center;gap:14px;flex-wrap:wrap;justify-content:flex-end}
body.ewt-legacy .wkew{padding:5px 12px;border-radius:999px;font-size:1rem!important}
body.ewt-legacy .wkew.pos{background:#DCF5EC;color:#047857!important}
body.ewt-legacy .wkew.neg{background:#FDE4E4;color:#B91C1C!important}
body.ewt-legacy .wksub{order:3;width:100%;text-align:right}
body.ewt-legacy .wlstrip{display:inline-flex;gap:4px}
body.ewt-legacy .wlstrip i{width:10px;height:10px;border-radius:50%;display:block}
body.ewt-legacy .wlstrip i.w{background:#10B981}
body.ewt-legacy .wlstrip i.l{background:#EF4444}

/* trade rows: ticker chip, coloured return with a size bar */
body.ewt-legacy details.wk table thead th{background:#F4F8FE}
body.ewt-legacy details.wk tbody tr:hover td{background:#F4F8FE}
body.ewt-legacy .tkchip{display:inline-block;background:#E3F3FF;color:#0A6FD6;font-weight:800;padding:4px 9px;border-radius:7px}
body.ewt-legacy td.ret{min-width:150px}
body.ewt-legacy td.ret .rv{display:block;font-weight:800}
body.ewt-legacy td.ret .rbar{display:block;height:6px;max-width:150px;margin:6px 0 0 auto;background:#EEF2F7;border-radius:6px;overflow:hidden}
body.ewt-legacy td.ret .rbar i{display:block;height:100%;margin-left:auto;border-radius:6px}
body.ewt-legacy td.ret.rv-pos .rv{color:#059669!important}
body.ewt-legacy td.ret.rv-neg .rv{color:#DC2626!important}
body.ewt-legacy td.ret.rv-pos .rbar i{background:linear-gradient(90deg,#34D399,#059669)}
body.ewt-legacy td.ret.rv-neg .rbar i{background:linear-gradient(90deg,#F87171,#DC2626)}
@media (max-width:600px){
  body.ewt-legacy td.ret{min-width:96px}
  body.ewt-legacy .wkright{justify-content:flex-start}
  body.ewt-legacy .wksub{text-align:left}
}
@media (max-width:520px){
  body.ewt-legacy details.wk table :is(th,td):nth-child(1),
  body.ewt-legacy details.wk table :is(th,td):nth-child(3){display:none}
  body.ewt-legacy details.wk table{display:table!important;overflow:visible}
  body.ewt-legacy details.wk table :is(th,td){padding-left:10px;padding-right:10px}
  body.ewt-legacy td.ret{min-width:0}
  body.ewt-legacy td.ret .rbar{max-width:90px}
}

/* "Performance YTD" heading above the Weekly Focus stat cards */
body.ewt-legacy .perf-head{max-width:1180px;margin:0 auto 20px;display:flex;flex-direction:column;gap:8px}
body.ewt-legacy .perf-tag{align-self:flex-start;font:700 11px/1 "JetBrains Mono",monospace;letter-spacing:.14em;text-transform:uppercase;color:#1A5CB6;background:#fff;padding:7px 10px;border-radius:6px}
body.ewt-legacy .perf-head h2{font:700 clamp(1.4rem,2.4vw,1.9rem)/1.15 "Outfit",sans-serif;color:#0E3A7A;margin:0}
body.ewt-legacy .perf-head p{margin:0;font-size:.92rem;color:#5B6B85}
body.ewt-legacy section.stats .sv{white-space:nowrap;font-size:clamp(1rem,1.6vw,1.4rem)}