/* KWI design tokens and shapes, decided 2026-10-29. Colour, radius, shadow and focus only:
   no width, height, margin, padding or font-size rules, so layout stays as it is. */

/* tokens */
html body #kwi-lp,html body .kwi-lp2{--ink:#1A1008;--line:#E8DDD0}
html body #kwi-lp{color:#1A1008}

/* header */
html body #kwi-lp .nav a.o{color:#C44600}
html body #kwi-lp .navr .acct{color:#1A1008}
html body [data-nav] .nav-project-data-hub a span,html body [data-nav] a[href*="project-data-hub"],html body [data-nav] a[href*="project-data-hub"] span{color:#C44600!important}
html body a.kwi-sub{background:#C44600!important}
html body a.kwi-sub:hover,html body a.kwi-sub:focus-visible{text-decoration:underline!important}

/* home: badges, headlines, panels */
html body #kwi-lp .badge,html body #kwi-lp .dvtop .badge{background:#C44600}
html body #kwi-lp .mo{background:#FFFDF9}
html body #kwi-lp .stay{border-color:#E8DDD0;border-radius:3px}
html body #kwi-lp .stay input{border-color:#7A6555}
html body #kwi-lp .stay button{background:#C44600;animation-name:kwiPulseD}
@keyframes kwiPulseD{0%,100%{box-shadow:0 0 0 0 rgba(196,70,0,.62);filter:brightness(1);transform:scale(1)}50%{box-shadow:0 0 0 14px rgba(196,70,0,0);filter:brightness(1.2);transform:scale(1.035)}}
html body #kwi-lp .kwi-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* home: cards 12px, pictures inside cards square, controls 3px */
html body #kwi-lp .dv,html body #kwi-lp .g2 .m,html body #kwi-lp .crow .cc{border-radius:12px}
html body #kwi-lp .crow .cc{border-color:#E8DDD0}
html body #kwi-lp .g2 img{border-radius:0}
/* the large orange Latest card: its caption drops below large-text size on phones, so the fill deepens there */
@media (max-width:768px){html body #kwi-lp .g2 .m{background:#C44600}}
html body #kwi-lp .dvnav button,html body #kwi-lp #kwi-events .evnav button{border-radius:3px;border-color:#E8DDD0;color:#1A1008}
html body #kwi-lp .dvnav .evbar,html body #kwi-lp #kwi-events .evbar{background:#E8DDD0}
html body #kwi-lp .dvnav .evbar i,html body #kwi-lp #kwi-events .evbar i{background:#1A1008}
html body #kwi-lp .mo .dvall,html body #kwi-lp #kwi-events .evall,html body #kwi-lp #kwi-events h3,html body #kwi-lp #kwi-events .evbody h4,html body #kwi-lp #kwi-events .evhost{color:#1A1008}
html body #kwi-lp #kwi-events .evhead{border-bottom-color:#1A1008}
html body #kwi-lp .gobtn{background:#1A1008;border-color:#1A1008}
html body #kwi-lp .gobtn:hover,html body #kwi-lp .gobtn:focus-visible,html body #kwi-lp #kwi-datawall .rs-btn:hover{text-decoration:underline}
html body #kwi-lp .g4 .c,html body #kwi-lp .g2 .g2c .c{background:#1A1008}

/* home: events */
html body #kwi-lp #kwi-events .evcard{border-color:#E8DDD0}
html body #kwi-lp #kwi-events .evcat{color:#C44600}
html body #kwi-lp #kwi-events .evmeta{color:#7A6555}

/* home: data wall and policy teaser panels 3px (Engine ARA banner untouched, decision pending) */
html body #kwi-lp #kwi-datawall{color:#1A1008;border-top-color:#E8DDD0}
html body #kwi-lp #kwi-datawall .filings,html body #kwi-policy .pchg{border-color:#E8DDD0;border-radius:3px}
html body #kwi-lp #kwi-datawall .fw h4{color:#C44600}
html body #kwi-lp #kwi-datawall .rs-btn{border-radius:3px}
html body #kwi-policy{color:#1A1008;border-top-color:#E8DDD0}

/* Engine ARA banner and report sale section are cards: 12px, standard border (decided 2026-10-29) */
html body #kwi-lp #kwi-datawall .arab-a,html body #kwi-lp #kwi-datawall .rsale{border-radius:12px;border-color:#E8DDD0}

/* footer on every page */
html body #kwi-foot{background:#1A1008}
html body #kwi-foot .fbarin{color:#BCAFA3}
html body #kwi-foot a:focus-visible{outline-color:#FA6400}

/* Ghost theme: brand utility classes carry small text and buttons */
html body .text-brand,html body .hover\:text-brand:hover{color:#C44600!important}
html body .bg-brand{background-color:#C44600!important}
html body .bg-brand:hover,html body .bg-brand:focus-visible{filter:none!important;text-decoration:underline}
html body [style*="min-width:123px"][style*="background:#ffffff"]{background:#C44600!important}
html body article a.rounded-sm,html body article button.rounded-sm{border-radius:3px}

/* tag lists and posts: Deep Dive cards 12px */
html body.tag-template.tag-deep-dive main .divide-y-1>article,html body.post-template.tag-deep-dive main article[data-post-card]{border-radius:12px;border-color:#E8DDD0!important}

/* sidebar Project Map card */
html body :is(div.block.rounded-lg.border-brd-soft[style*="#fbf7f0" i],div.block.rounded-lg.border-brd-soft:has(>div img[src*="KWI_map_static"])){background:#FDF5EC!important;border-radius:12px!important}
html body :is(div.block.rounded-lg.border-brd-soft[style*="#fbf7f0" i],div.block.rounded-lg.border-brd-soft:has(>div img[src*="KWI_map_static"]))>div:has(>img){background:transparent!important;border-radius:0!important;box-shadow:none!important}
html body :is(div.block.rounded-lg.border-brd-soft[style*="#fbf7f0" i],div.block.rounded-lg.border-brd-soft:has(>div img[src*="KWI_map_static"]))>div.uppercase{color:#C44600!important}
html body :is(div.block.rounded-lg.border-brd-soft[style*="#fbf7f0" i],div.block.rounded-lg.border-brd-soft:has(>div img[src*="KWI_map_static"]))>p{color:#7A6555!important}
html body :is(div.block.rounded-lg.border-brd-soft[style*="#fbf7f0" i],div.block.rounded-lg.border-brd-soft:has(>div img[src*="KWI_map_static"]))>span{background:transparent!important;color:#C44600!important;border-color:#C44600!important;border-radius:0!important;text-transform:uppercase;letter-spacing:.1em}

/* weekly CTA and post sign-up box: panel 3px, alt surface, standard border, 3px orange rule on top */
html body .ghost-content .kwi-cta,html body .gh-post-upgrade-cta.kwi-pw{background:linear-gradient(#FA6400,#FA6400) top/100% 3px no-repeat,#FDF5EC!important;border-color:#E8DDD0!important;border-radius:3px!important;overflow:hidden}
html body .ghost-content .kwi-cta .kwi-free,html body .kwi-pw .kwi-free,html body .kwi-pw li b{color:#C44600!important}
html body .ghost-content .kwi-cta h4,html body .kwi-pw h3,html body .kwi-pw .kwi-q{color:#1A1008!important}
html body .kwi-pw .go{background:#C44600!important}
html body .kwi-pw .go:hover,html body .kwi-pw .go:focus-visible{text-decoration:underline!important}
html body .kwi-pw .si{border-bottom-color:#E8DDD0}
html body .kwi-pw .kwi-rule{background:#E8DDD0}
html body .kwi-pw .kwi-si2{color:#1A1008!important;border-color:#1A1008}
html body .kwi-pw .kwi-si2:hover,html body .kwi-pw .kwi-si2:focus-visible{background:#fff!important;color:#1A1008!important;text-decoration:underline!important}

/* Deep Dive post body: own variables in .kwi-ins */
html body .kwi-ins{--dd-muted:#7A6555;--line:#E8DDD0}
@media (max-width:600px){html body .kwi-ins h2{color:#C44600!important}}
html body.tag-deep-dive .kicker,html body.tag-deep-dive .sec-n,html body.tag-deep-dive .next{color:#C44600!important}
html body.tag-deep-dive p.meta,html body.tag-deep-dive figcaption{color:#7A6555!important}

/* keyboard focus */
html body a:focus-visible,html body button:focus-visible,html body input:focus-visible,html body [role=button]:focus-visible{outline:2px solid #C44600;outline-offset:2px}
