/* Loren's Tech Corner visual system · Batch 7 · 2026-09-14
   Editorial shell migration and legacy episode compatibility.
   Episode imagery, video, diagrams and interactive media remain untouched. */
:root{--hub-ink:#393e47;--hub-charcoal:#2e333d;--hub-paper:#fff;--hub-canvas:#f4f5f3;--hub-muted:#69717c;--hub-quiet:#969ca4;--hub-line:#d8dadd;--hub-gold:#b68a3f;--hub-gold2:#d7ae63}
html,body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;background:var(--hub-canvas)!important;color:var(--hub-ink)!important;font-weight:300}
.page{background:var(--hub-canvas)!important;color:var(--hub-ink)!important}
.top,.topbar{border-bottom:1px solid var(--hub-line)!important;padding-bottom:14px!important}
.top a,.topbar a,.button{border-radius:0!important;box-shadow:none!important;font-weight:700!important}
.top a,.topbar a{border:0!important;background:transparent!important;color:#3f454e!important;padding:10px 0!important;margin-right:20px!important;font-size:.72rem!important;letter-spacing:.06em!important;text-transform:uppercase!important}
.hero{border:0!important;border-radius:0!important;background:var(--hub-charcoal)!important;color:#fff!important;box-shadow:none!important}
.hero p,.hero .lead{color:#d6d9de!important}
h1,h2,h3,.hero h1,.section h2,.edition h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif!important;font-weight:300!important;letter-spacing:-.04em!important}
.eyebrow,.meta{color:var(--hub-gold)!important;font-weight:700!important}
.section,.edition,.article,.story,.subtraction,.topology,.field-test,.architecture,.field-note,.next-move{border:1px solid var(--hub-line)!important;border-radius:0!important;background:#fff!important;color:var(--hub-ink)!important;box-shadow:none!important}
.section,.article,.story,.subtraction,.topology,.field-test,.architecture,.field-note,.next-move{box-shadow:0 10px 28px rgba(38,43,50,.05)!important}
.edition p,.intro,.article p,.article li,.article .lead,.article .closing,.story p,.story li,.story .lead,.subtraction p,.topology p,.field-test p,.field-test li,.architecture p,.field-note p,.next-move p{color:var(--hub-muted)!important}
.article h1,.article h2,.article h3,.story h1,.story h2,.story h3,.subtraction h2,.topology h2,.field-test h2,.architecture h2,.field-note h2,.next-move h2{color:var(--hub-ink)!important}
.article section,.story section{border-color:var(--hub-line)!important}
.pull,.pull-quote{border-left-color:var(--hub-gold)!important;color:var(--hub-gold)!important}
.article .feature,.article .symptoms div,.article .sequence article,.article .grid article,.article .system div,.article .bom article,.article .notes article,.story .callout,.story .source,.story .coming{border:1px solid var(--hub-line)!important;background:#f8f8f7!important;color:var(--hub-ink)!important}
.article .feature p,.article .symptoms p,.article .sequence p,.article .grid p,.article .system p,.article .bom p,.article .notes p,.story .callout p,.story .source p,.story .coming p{color:var(--hub-muted)!important}
.status{border-radius:0!important;background:var(--hub-gold2)!important;color:#242932!important;font-weight:700!important}
.button{border:1px solid var(--hub-charcoal)!important;background:var(--hub-charcoal)!important;color:#fff!important}
.button.primary,.primary{border-color:var(--hub-gold2)!important;background:var(--hub-gold2)!important;color:#242932!important}
.footer{color:var(--hub-quiet)!important;border-top:1px solid var(--hub-line)!important;padding-top:22px!important}
/* Keep bespoke episode visuals intact while flattening generic editorial chrome. */
article,.card,.panel,.note,.feature,.story-card,.content-card{border-radius:0!important}
nav a,.pill,.tag,.chip,.badge{border-radius:0!important}
@media(max-width:650px){.page{padding-left:16px!important;padding-right:16px!important}.top,.topbar{display:flex!important;flex-wrap:wrap!important;gap:12px!important}.top a,.topbar a{margin-right:0!important}.hero,.section,.article,.story,.subtraction,.topology,.field-test,.architecture,.field-note,.next-move{padding:22px!important}}