/* WAY UP · Design B (black-gold + cream) colour layer — approved by ליאור Nov 3 2026, applied Nov 5 2026.
   Dark: top bar, article header, the calendar/case/tool boxes, CTA, footer. Cream: the article text itself. */
html{background:#F6F1E7}
body{background:#F6F1E7;color:#1C1A17;--bg:#F6F1E7;--card:#FFFDF8;--line:#E3D8C2;--gold:#7A5C22;--gold2:#7A5C22;--txt:#1C1A17;--mut:#5A564E}
.topbar,.art-head,.cal,.case,.tool,.cta,.foot{--bg:#0B0B0C;--card:#151517;--line:#2C2A26;--gold:#BD9A4F;--gold2:#C9A65C;--txt:#F3EFE6;--mut:#B3ADA2;color:var(--txt)}
.topbar{background:rgba(11,11,12,.95);border-bottom:1px solid rgba(201,166,92,.28)}
.art-head{background:#0B0B0C;border-bottom:3px solid #BD9A4F}
.foot{background:#0B0B0C;border-top:1px solid rgba(201,166,92,.28)}
.foot .disc{color:#A39D92}
.disc{color:#5A564E}
/* reading area */
.intro{color:#1C1A17;border-right-color:#BD9A4F}
.toc{background:#FFFDF8;border:1px solid #E3D8C2;box-shadow:0 8px 24px rgba(28,26,23,.05)}
.toc a{color:#1C1A17;text-decoration-color:#BD9A4F}
.num{border-top-color:#E3D8C2}
.num-badge{-webkit-text-stroke-color:#7A5C22}
h2::after{content:"";display:block;width:44px;height:3px;background:#BD9A4F;margin-top:10px;border-radius:2px}
.art-head h1::after,.topbar h2::after,.cal h2::after,.case h2::after,.tool h2::after,.cta h2::after,.foot h2::after,.more h2::after{display:none}
.formula{background:#FFFDF8;border:1px solid #D9C9A3;border-inline-start:4px solid #BD9A4F;color:#1C1A17}
.example{background:#FFFDF8;border-color:#CDBF9F}
.ex-tag{background:#1C1A17;color:#E3C987}
.example b,.list b{color:#1C1A17}
.warn{background:#FDF1EF;border-right-color:#B42318}
.warn-t{color:#9B1C12}
.rule{background:#FFFDF8;border:1px solid #E3D8C2;border-right:4px solid #BD9A4F}
.tbl-wrap{border-color:#E3D8C2;background:#FFFDF8}
.tbl thead th{background:#F1E8D6;color:#5C4519}
.tbl tbody th{color:#1C1A17}
.checklist{background:#FFFDF8;border:1px solid #E3D8C2}
.ck{border-color:#7A5C22}
.more a{background:#FFFDF8;border:1px solid #E3D8C2;box-shadow:0 8px 24px rgba(28,26,23,.05)}
.more a:hover{border-color:#BD9A4F}
.btn-ghost{color:#1C1A17;border-color:#1C1A17}
a:focus-visible,button:focus-visible{outline-color:#7A5C22}
/* dark islands */
.cal,.case,.tool{background:#141416;border:1px solid #BD9A4F}
.cal-col{background:#0B0B0C;border-color:#2C2A26}
.case p{color:#E4E0D8}
.cta{background:#0B0B0C;border:1px solid #BD9A4F}
.cta .btn-ghost,.tool .btn-ghost{color:#C9A65C;border-color:#BD9A4F}
.tool .tool-tag{background:#C9A65C;color:#0B0B0C}
.btn-gold{background:#C9A65C;color:#0B0B0C}
.cal a:focus-visible,.case a:focus-visible,.tool a:focus-visible,.cta a:focus-visible,.foot a:focus-visible,.topbar a:focus-visible{outline-color:#C9A65C}