/* AndChill Deal of the Week — redesign layer (loads after the shared article styles).
   Each edition sets its own tokens + lockup + motif in ed-00X.css. */
body.ed{--accent:#8b5cf6;counter-reset:sec}

/* ---------- hero skeleton ---------- */
.rd-hero{position:relative;overflow:hidden;background-color:var(--hero-bg);background-image:var(--hero-bgimg,none);background-size:var(--hero-bgsize,auto);color:var(--hero-fg);border-bottom:6px solid var(--hero-ink)}
.rd-hero .wrap{width:min(1180px,calc(100% - 48px))}
.rd-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(28px,4.5vw,64px);align-items:center;padding:clamp(34px,5.5vw,70px) 0 clamp(46px,6vw,84px)}
.rd-copy{position:relative;min-width:0}
.rd-toprow{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.rd-chip{display:inline-flex;max-width:100%;padding:6px 13px;border:3px solid var(--hero-ink);border-radius:999px;background:var(--chip-bg);color:var(--chip-fg);font:800 12px/1.2 Outfit,sans-serif;letter-spacing:.07em;text-transform:uppercase}
.rd-title{margin:22px 0 18px;font-family:var(--title-font);font-weight:var(--title-weight,900);font-size:clamp(34px,5.4vw,72px);line-height:var(--title-lh,1);letter-spacing:var(--title-ls,-.02em);color:var(--title-color,var(--hero-fg));text-wrap:balance}
.rd-t1{display:block}
.rd-t2{display:block;margin-top:.5em;font-family:var(--t2-font,var(--title-font));font-weight:var(--t2-weight,600);font-style:var(--t2-style,normal);font-size:.44em;line-height:1.2;letter-spacing:var(--t2-ls,0);color:var(--t2-color,var(--hero-fg));-webkit-text-fill-color:currentColor;filter:none;text-shadow:none}
.rd-dek{max-width:32em;margin:0;font:500 clamp(17px,1.9vw,21px)/1.55 Outfit,sans-serif;color:var(--hero-fg);opacity:.93}
.rd-facts{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 20px}
.rd-facts span{display:flex;flex-direction:column;gap:3px;padding:10px 15px;border:3px solid var(--hero-ink);border-radius:var(--fact-radius,12px);background:var(--fact-bg);color:var(--fact-fg);box-shadow:4px 4px 0 var(--hero-shadow,var(--hero-ink));font:800 16px/1.15 Outfit,sans-serif}
.rd-facts b{font-size:10px;letter-spacing:.16em;text-transform:uppercase;opacity:.62}
.rd-hero .byline{display:flex;flex-wrap:wrap;gap:6px 18px;margin:0;font:600 13px/1.4 Outfit,sans-serif;color:var(--hero-fg);opacity:.85}
.rd-hero .byline span{color:var(--hero-fg)}.rd-hero .byline span:first-child{font-weight:800}
.rd-side{position:relative;min-width:0;display:flex;justify-content:center}
@media(max-width:900px){.rd-grid{grid-template-columns:1fr}.rd-side{justify-content:flex-start;max-width:560px}}
@media(max-width:560px){.rd-hero .wrap{width:calc(100% - 32px)}}

/* ---------- duotone still ---------- */
.duo{position:relative;isolation:isolate;margin:0;overflow:hidden;background:var(--duo-dark,#222)}
.duo img{display:block;width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.18) brightness(1.02)}
.duo::before,.duo::after{content:'';position:absolute;inset:0;pointer-events:none}
.duo::before{background:var(--duo-dark,#222);mix-blend-mode:lighten}
.duo::after{background:var(--duo-light,#fff);mix-blend-mode:darken}
.still-tag{position:absolute;right:10px;bottom:8px;z-index:3;padding:3px 7px;background:rgba(0,0,0,.55);color:#fff;font:700 9px/1 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;border-radius:2px}

/* ---------- article body (light theme only) ---------- */
:root:not([data-theme="dark"]) body.ed{background:var(--page-bg)}
:root:not([data-theme="dark"]) body.ed .site-nav{border-bottom-color:var(--hero-ink)}
body.ed ::selection{background:var(--hl)}
body.ed .article-body section{counter-increment:sec}
body.ed .article-body h2{position:relative;width:fit-content;max-width:100%;margin-top:30px;background:none}
body.ed .article-body h2::before{content:none;display:block;margin-bottom:6px;font:800 12px/1 Outfit,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--ed);background:#fff0;-webkit-text-fill-color:var(--ed)}
body.ed .article-body>section+section::before,body.ed .article-body>.sources::before{content:'';display:block;height:var(--div-h,16px);margin:46px 0 0;background:var(--div-bg,none);background-size:var(--div-size,auto);background-repeat:repeat-x}
body.ed .article-body>section+section h2{margin-top:30px}
body.ed .article-body>p:first-child a{font-weight:800}
body.ed .decision-strip b,body.ed .retention-grid b{color:var(--ed)}
body.ed .toc a:hover{color:var(--ed)}
body.ed .toc{border-width:3px}
:root:not([data-theme="dark"]) body.ed .decision-strip{border:3px solid var(--hero-ink);border-radius:var(--box-radius,16px);background:var(--calc-bg);box-shadow:6px 6px 0 var(--hero-ink)}
:root:not([data-theme="dark"]) body.ed .field-note{background:var(--note-bg);border:3px solid var(--hero-ink);border-left-width:3px;border-radius:var(--box-radius,16px);box-shadow:5px 5px 0 var(--hero-ink)}
:root:not([data-theme="dark"]) body.ed .field-note::before{color:var(--ed)}
:root:not([data-theme="dark"]) body.ed .calculation{background:var(--calc-bg);border-width:3px;border-radius:var(--box-radius,16px);box-shadow:5px 5px 0 var(--hero-ink)}
:root:not([data-theme="dark"]) body.ed .calculation::before{color:var(--ed)}
:root:not([data-theme="dark"]) body.ed .tool-card{background:var(--tool-bg);border-width:3px;border-radius:var(--box-radius,16px);box-shadow:6px 6px 0 var(--hero-ink)}
:root:not([data-theme="dark"]) body.ed .retention-grid>div{background:var(--calc-bg);border-width:3px;box-shadow:4px 4px 0 var(--hero-ink)}
body.ed .button{background:var(--btn-bg);box-shadow:4px 4px 0 var(--btn-shadow)}
body.ed .article-body h3{font-family:var(--title-font);font-weight:var(--h3-weight,800);letter-spacing:-.01em}
body.ed .sources{border-top:0;padding-top:0}
body.ed .earnings-build{border-radius:var(--box-radius,16px);border:3px solid var(--hero-ink);box-shadow:6px 6px 0 var(--hero-ink)}

/* ---------- more editions strip ---------- */
.rd-more{border-top:6px solid var(--hero-ink);background:var(--page-bg,#fffdf5);padding:56px 0 70px}
:root[data-theme="dark"] .rd-more{background:var(--bg)}
.rd-more .wrap{width:min(1180px,calc(100% - 48px))}
.rd-more h2{margin:0 0 28px;font:800 clamp(28px,4vw,42px)/1.05 Outfit,sans-serif;letter-spacing:-.03em}
.rd-more-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.rd-more-card{display:flex;flex-direction:column;overflow:hidden;border:4px solid var(--hero-ink);border-radius:18px;background-color:var(--hero-bg);background-image:var(--hero-bgimg,none);background-size:var(--hero-bgsize,auto);color:var(--hero-fg);text-decoration:none;box-shadow:7px 7px 0 var(--hero-shadow,var(--hero-ink));transition:transform .16s ease,box-shadow .16s ease}
.rd-more-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--hero-shadow,var(--hero-ink))}
.mini-art{height:150px;border-bottom:4px solid var(--hero-ink)}
.mini-art.brick{background-color:#a8452c;background-image:var(--hero-bgimg)}
.rd-more-tag{padding:16px 20px 0;font:800 11px/1 Outfit,sans-serif;letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.rd-more-card strong{padding:9px 20px 0;font-family:var(--title-font);font-weight:var(--title-weight,900);font-size:23px;line-height:1.1;color:var(--title-color,var(--hero-fg));letter-spacing:var(--title-ls,-.02em);-webkit-text-fill-color:currentColor}
.rd-more-read{margin-top:auto;padding:18px 20px 20px;font:800 13px Outfit,sans-serif}
@media(max-width:880px){.rd-more-grid{grid-template-columns:1fr;max-width:480px}}
@media(max-width:560px){.rd-more .wrap{width:calc(100% - 32px)}}

.rd-more-card>*{position:relative;z-index:1}

/* ---------- round 2 ---------- */
body.ed ::selection{background:#d9d4f5}
/* take: caps labels instead of highlight */
body.ed section:has(>h2#take) li>strong:first-child{text-transform:uppercase;letter-spacing:.07em;font-size:.8em}
body.ed .fn-downside::before,:root:not([data-theme="dark"]) body.ed .fn-downside::before{content:'Downside case'}
/* dark mode: neutral slate surfaces, no olive/green */
[data-theme="dark"] body.ed .calculation,[data-theme="dark"] body.ed .tool-card,[data-theme="dark"] body.ed .warning,[data-theme="dark"] body.ed .benchmark{background:#18212f;border-color:#e2e8f0}
[data-theme="dark"] body.ed .field-note,[data-theme="dark"] body.ed .decision-strip,[data-theme="dark"] body.ed .retention-grid>div{background:#1b2338;border-color:#e2e8f0;color:#f1f5f9}
[data-theme="dark"] body.ed .calculation::before{color:#cbd5e1}
[data-theme="dark"] body.ed .field-note::before{color:#c4b5fd}
[data-theme="dark"] body.ed .field-note *,[data-theme="dark"] body.ed .decision-strip *{color:inherit}
[data-theme="dark"] body.ed .field-note::after{display:none}
[data-theme="dark"] body.ed .decision-strip b,[data-theme="dark"] body.ed .retention-grid b{color:#e9d5ff}
[data-theme="dark"] body.ed .article-body h2{background:none}
/* benchmark note */
body.ed .benchmark{margin:24px 0;padding:20px 22px;border:3px solid var(--hero-ink);border-radius:var(--box-radius,12px);background:var(--calc-bg);box-shadow:5px 5px 0 var(--hero-ink)}
body.ed .benchmark h3{margin:0 0 10px;font-size:19px}
body.ed .benchmark p{margin:0 0 10px;font-size:16px;line-height:1.55}
body.ed .benchmark .src{margin:0;font-size:13px;opacity:.85}
/* real masking tape */
.tape{position:absolute;z-index:4;display:block;width:104px;height:30px;pointer-events:none}
.tape::before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(239,226,190,.92),rgba(222,206,160,.9)),repeating-linear-gradient(90deg,rgba(120,100,60,.08) 0 2px,transparent 2px 5px);background-blend-mode:multiply;clip-path:polygon(0 0,3% 10%,0 20%,3% 30%,0 40%,3% 50%,0 60%,3% 70%,0 80%,3% 90%,0 100%,100% 100%,97% 90%,100% 80%,97% 70%,100% 60%,97% 50%,100% 40%,97% 30%,100% 20%,97% 10%,100% 0);box-shadow:inset 0 0 0 1px rgba(120,100,60,.3)}
.tape::after{content:'';position:absolute;inset:0;background:linear-gradient(105deg,rgba(255,255,255,.55) 0 18%,transparent 30% 70%,rgba(255,255,255,.25) 82%);clip-path:inherit}
.tape{filter:drop-shadow(0 2px 2px rgba(0,0,0,.28))}
/* vet frame, brick bars */
.duo.vet-frame img{filter:none}.duo.vet-frame::before,.duo.vet-frame::after{display:none}

.duo.plain img{filter:none}.duo.plain::before,.duo.plain::after{display:none}
.call-float::before{content:'';display:inline-block;width:9px;height:9px;margin-right:9px;vertical-align:middle;border-radius:50%;background:#62e6a7;box-shadow:0 0 0 0 rgba(98,230,167,.75);animation:onlinePulse 1.8s infinite}
@keyframes onlinePulse{70%{box-shadow:0 0 0 8px rgba(98,230,167,0)}100%{box-shadow:0 0 0 0 rgba(98,230,167,0)}}
@media(prefers-reduced-motion:reduce){.call-float::before{animation:none}}

/* ===== round 7: opt out of browser force-darkening; explicit control colours ===== */
html{color-scheme:only light}
html[data-theme="dark"]{color-scheme:dark}
button,input,select,textarea{color:inherit}
html:not([data-theme="dark"]) input:not([type=checkbox]):not([type=radio]),html:not([data-theme="dark"]) select,html:not([data-theme="dark"]) textarea{color:#14110f;background-color:#fff}
html:not([data-theme="dark"]) input::placeholder{color:#64748b;opacity:1}

/* round 7: one consistent still treatment everywhere (neutral black-and-white with warm paper highlights) */
.duo,.duo.plain,.duo.vet-frame{--duo-dark:#16130f!important;--duo-light:#f1e8d6!important}
.duo.vet-frame img,.duo.plain img,.duo img{filter:grayscale(1) contrast(1.15) brightness(1.02)!important}
.duo.vet-frame::before,.duo.vet-frame::after,.duo.plain::before,.duo.plain::after{display:block!important}
.rd-more-all{margin:18px 0 0;font:800 16px Outfit,sans-serif}.rd-more-all a{color:inherit;text-decoration:underline;text-underline-offset:4px}
/* round 8 */

/* round 9 */
.duo img[src*="006-vet"]{object-position:50% 30%}
.rd-more .duo img[src*="006-vet"]{object-position:18% 30%}
html[data-theme="dark"] .rd-more-card{border-color:#f1f5f9;box-shadow:7px 7px 0 0 #000,7px 7px 0 3px #f1f5f9}
html[data-theme="dark"] .rd-more-card:hover{box-shadow:10px 10px 0 0 #000,10px 10px 0 3px #f1f5f9}
html[data-theme="dark"] body.ed .tool-card,html[data-theme="dark"] body.ed .calculation,html[data-theme="dark"] body.ed .field-note,html[data-theme="dark"] body.ed .toc{box-shadow:6px 6px 0 0 #000,6px 6px 0 3px #f1f5f9;border-color:#f1f5f9}
html[data-theme="dark"] body.ed .button{border:3px solid #f8fafc;box-shadow:0 5px 0 #f8fafc}