/* CS with Zain: Paper 3 notes and topicals (hub and subtopic pages).
   The header, menu, band and footer come from chrome/chrome.css (sc- classes). */
:root{--orange:#FF4D1A;--ink:#0F0E0D;--cream:#F7F1E3;--panel:#EFE8D6;--surface:#FBF8F0;
  --rule:rgba(15,14,13,.16);--rule2:rgba(15,14,13,.1);
  --serif:'Fraunces',Georgia,serif;--mono:'JetBrains Mono',ui-monospace,monospace;
  --gutter:clamp(16px,5vw,60px);--ease:cubic-bezier(.16,1,.3,1);--tb:0px}
*{margin:0;padding:0;box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font-family:var(--serif);font-variation-settings:'opsz' 24,'wght' 400,'SOFT' 50,'WONK' 0;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--orange);color:var(--ink)}
a{color:inherit}
img{display:block}
:focus-visible{outline:2px solid var(--orange);outline-offset:3px}
.wrap{max-width:1180px;margin:0 auto;padding:0 var(--gutter)}
.head{font-family:var(--serif);font-variation-settings:'opsz' 144,'wght' 700,'SOFT' 50,'WONK' 1;font-weight:700;line-height:.98;letter-spacing:-.025em}
.head em{font-style:italic;color:var(--orange)}
.kick{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase}
.kick::before{content:'';width:7px;height:7px;background:var(--orange);flex-shrink:0}
.lead{font-size:clamp(18px,2vw,21px);line-height:1.55;max-width:56ch;opacity:.88}
.mono{font-family:var(--mono)}

/* buttons: on cream, orange turns ink and lifts; never cream on cream */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6ch;font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.04em;line-height:1.2;padding:14px 22px;min-height:48px;border:none;cursor:pointer;text-decoration:none;text-align:center;transition:transform .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease}
.btn-orange{background:var(--orange);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--ink)}
.btn .arr{transition:transform .15s ease}

/* ================= hub ================= */
.p3-hero{padding:118px 0 54px;border-bottom:1px solid var(--rule)}
.p3-hero .head{font-size:clamp(46px,8vw,104px);margin:22px 0 22px}
.p3-hero .lead{margin-bottom:34px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid var(--rule);max-width:880px}
.stats div{padding:16px 18px 4px 0}
.stats div+div{padding-left:18px;border-left:1px solid var(--rule)}
.stats dd{font-variation-settings:'opsz' 144,'wght' 700,'SOFT' 50;font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1;letter-spacing:-.02em}
.stats dt{font-family:var(--mono);font-size:12px;letter-spacing:.03em;opacity:.75;margin-top:6px;line-height:1.4}
.stats dt{order:2}.stats div{display:flex;flex-direction:column}
.how{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:40px;max-width:880px}
.how li{border-top:2px solid var(--ink);padding-top:12px;font-size:16px;line-height:1.45}
.how b{display:block;font-family:var(--mono);font-size:12.5px;letter-spacing:.04em;margin-bottom:4px}

.p3-list{padding:56px 0 90px}
.ch{display:grid;grid-template-columns:120px 1fr;gap:0 28px;padding:34px 0 38px;border-top:1px solid var(--rule)}
.ch:first-child{border-top:2px solid var(--ink)}
.ch-n{font-variation-settings:'opsz' 144,'wght' 700,'SOFT' 50,'WONK' 1;font-weight:700;font-size:64px;line-height:.9;letter-spacing:-.03em}
.ch-n small{display:block;font-family:var(--mono);font-variation-settings:normal;font-weight:600;font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-bottom:8px}
.ch h2{font-size:clamp(26px,3vw,34px);margin-bottom:16px}
.rows{list-style:none;border-top:1px solid var(--rule2)}
.row{display:grid;grid-template-columns:62px minmax(0,1fr) 176px 22px;align-items:center;gap:6px 16px;min-height:72px;padding:14px 0;border-bottom:1px solid var(--rule2);text-decoration:none;color:var(--ink);transition:padding-left .2s ease,background .2s ease}
.row .code{font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.02em}
.row .t{font-variation-settings:'opsz' 40,'wght' 700,'SOFT' 50;font-weight:700;font-size:19px;line-height:1.25}
.row .t small{display:block;font-family:var(--serif);font-variation-settings:'opsz' 24,'wght' 400;font-weight:400;font-size:15px;line-height:1.45;opacity:.78;margin-top:3px}
.row .meta{display:flex;flex-direction:column;gap:5px;justify-self:start}
.m{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.02em;white-space:nowrap}
.m::before{content:'';width:7px;height:7px;background:var(--orange);flex-shrink:0}
.m.off{font-weight:400;opacity:.78}
.m.off::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(15,14,13,.5)}
.row .ar{font-family:var(--mono);font-size:16px;transition:transform .15s ease}
.p3-note{font-family:var(--mono);font-size:12.5px;line-height:1.6;letter-spacing:.02em;opacity:.8;max-width:70ch;margin-top:10px}

/* ================= subtopic ================= */
.sub-hero{padding:34px 0 40px}
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:4px 10px;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em;margin-bottom:26px}
.crumb a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px;font-weight:600}
.crumb span{opacity:.75}
.sub-hero .head{font-size:clamp(36px,6vw,72px);margin:18px 0 20px;max-width:20ch;overflow-wrap:break-word}
.sub-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:40px;align-items:start}
.covers{border-top:2px solid var(--ink);padding-top:14px}
.covers .h{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.covers ul{list-style:none}
.covers li{position:relative;padding:7px 0 7px 18px;font-size:16.5px;line-height:1.45;border-bottom:1px solid var(--rule2)}
.covers li::before{content:'';position:absolute;left:0;top:15px;width:7px;height:7px;background:var(--orange)}
.split-note{font-family:var(--mono);font-size:12.5px;line-height:1.6;opacity:.8;margin-top:16px;max-width:60ch}

/* tab bar: sticks to the top (the header on these pages scrolls away) */
.tabbar{position:sticky;top:0;z-index:40;background:rgba(247,241,227,.97);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.tb-in{display:flex;align-items:stretch;justify-content:space-between;gap:16px}
.tabs{display:flex;gap:4px}
.tab{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-height:56px;padding:8px 16px;background:none;border:none;cursor:pointer;font-family:var(--mono);font-weight:600;font-size:14px;letter-spacing:.02em;color:var(--ink);opacity:.7;text-align:left;transition:opacity .15s ease,background .15s ease}
.tab small{font-weight:400;font-size:11.5px;letter-spacing:.02em;opacity:.9}
.tab::after{content:'';position:absolute;left:12px;right:12px;bottom:-1px;height:3px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .2s ease}
.tab[aria-selected="true"]{opacity:1}
.tab[aria-selected="true"]::after{transform:scaleX(1)}
.pgc{display:flex;align-items:center;gap:14px;font-family:var(--mono);font-size:12.5px;letter-spacing:.02em}
.pgc[hidden]{display:none}
.pgc .cnt b,.pgc .cnt .of{font-weight:700;font-style:normal}
.pgc label{display:flex;align-items:center;gap:8px}
.pgc select{font:600 13px var(--mono);color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);border-radius:0;min-height:44px;padding:0 30px 0 10px;cursor:pointer;-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%230F0E0D' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:10px;background-position:right 10px center}

.panel{padding:30px 0 70px;min-height:50vh}
.panel[hidden]{display:none}
.cr{font-family:var(--mono);font-size:12px;line-height:1.6;letter-spacing:.02em;opacity:.82;max-width:960px;margin:0 auto 22px;padding-left:15px;position:relative}
.cr::before{content:'';position:absolute;left:0;top:6px;width:7px;height:7px;background:var(--orange)}
.pages{display:flex;flex-direction:column;align-items:center;gap:26px}
.pages[hidden]{display:none}
.pg{width:100%;max-width:960px;scroll-margin-top:calc(var(--tb) + 16px)}
.pg.land{max-width:1180px}
.pgb{position:relative;display:block;width:100%;padding:0;border:none;background:var(--surface);cursor:zoom-in;box-shadow:0 1px 0 rgba(15,14,13,.08),0 18px 40px -28px rgba(15,14,13,.45);outline-offset:4px}
.pgb img{width:100%;height:auto;background:var(--surface)}
.pg figcaption{display:flex;justify-content:space-between;gap:10px;font-family:var(--mono);font-size:12px;letter-spacing:.03em;margin-top:9px;opacity:.8}

/* protection: faint watermark over every page, no dragging, no long-press save */
.wm{position:relative}
.wm::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='190'%3E%3Ctext x='150' y='100' transform='rotate(-28 150 100)' text-anchor='middle' font-family='JetBrains Mono,monospace' font-size='15' font-weight='600' letter-spacing='2' fill='%230F0E0D' fill-opacity='.07'%3Ecswithzain.com%3C/text%3E%3C/svg%3E");background-size:300px 190px}
.pgb img,.vw img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;pointer-events:none}
body.protect{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}
body.protect select{-webkit-user-select:auto;user-select:auto}

/* notes on the way / mark scheme gate */
.box{max-width:720px;margin:10px auto 0;background:var(--surface);border:1px solid var(--rule);padding:clamp(26px,5vw,48px);text-align:center}
.box .bh{font-variation-settings:'opsz' 144,'wght' 700,'SOFT' 50,'WONK' 1;font-weight:700;font-size:clamp(26px,3.6vw,36px);line-height:1.08;letter-spacing:-.02em;margin-bottom:12px}
.box p{font-size:17px;line-height:1.55;opacity:.86;max-width:46ch;margin:0 auto}
.box .btn{margin-top:22px}
.box .sq{display:block;width:12px;height:12px;background:var(--orange);margin:0 auto 18px}
.hide-ms{display:flex;justify-content:center;margin-top:26px}
.hide-ms[hidden],.box[hidden]{display:none}
.linkbtn{display:inline-flex;align-items:center;min-height:44px;background:none;border:none;cursor:pointer;font:600 13px var(--mono);letter-spacing:.03em;color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px}

/* previous / next */
.pn{display:grid;grid-template-columns:1fr 1fr;border-top:2px solid var(--ink);margin-bottom:80px}
.pn a{display:flex;flex-direction:column;gap:6px;padding:22px 0 24px;min-height:44px;text-decoration:none;color:var(--ink);transition:background .15s ease,padding .2s ease}
.pn a+a{border-left:1px solid var(--rule);padding-left:24px;text-align:right;align-items:flex-end}
.pn .k{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}
.pn .t{font-variation-settings:'opsz' 60,'wght' 700,'SOFT' 50;font-weight:700;font-size:clamp(18px,2.2vw,23px);line-height:1.2}
.pn .ar{display:inline-block;transition:transform .15s ease}

/* ================= full-screen viewer ================= */
.vw{position:fixed;inset:0;z-index:100;background:#0F0E0D;color:var(--cream);display:flex;flex-direction:column;touch-action:none;overscroll-behavior:contain}
.vw[hidden]{display:none}
.vw-top,.vw-bot{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px max(10px,env(safe-area-inset-left)) 8px max(10px,env(safe-area-inset-right));flex-shrink:0;position:relative;z-index:2;background:#0F0E0D}
.vw-bot{padding-bottom:max(8px,env(safe-area-inset-bottom))}
.vw-cnt{font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.03em;padding-left:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vw-tools{display:flex;gap:6px}
.vb{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:0 12px;background:transparent;color:var(--cream);border:none;box-shadow:inset 0 0 0 1.5px rgba(247,241,227,.4);font:600 13px var(--mono);letter-spacing:.03em;cursor:pointer;transition:background .15s ease,color .15s ease,transform .15s ease}
.vb svg{width:18px;height:18px;display:block}
.vb:disabled{opacity:.35;cursor:default}
.vb.big{min-width:120px;min-height:48px}
.vw-stage{position:relative;flex:1;overflow:hidden;touch-action:none;cursor:grab}
.vw-stage.dragging{cursor:grabbing}
.vw-frame{position:absolute;left:0;top:0;transform-origin:0 0;background:var(--surface);will-change:transform}
.vw-frame img{width:100%;height:100%}
.vw-hint{font-family:var(--mono);font-size:12px;opacity:.72;text-align:center;flex:1}
html.vw-lock,html.vw-lock body{overflow:hidden}

/* ================= years line ================= */
.range{display:flex;flex-wrap:wrap;align-items:center;gap:4px 16px;font-family:var(--mono);font-weight:600;font-size:13px;letter-spacing:.02em;line-height:1.5;margin:0 0 26px}
.range span{display:inline-flex;align-items:center;gap:9px}
.range span:first-child::before{content:'';width:7px;height:7px;background:var(--orange);flex-shrink:0}
.range span+span{font-weight:400;opacity:.85}
.range.big{font-size:14.5px;margin:-12px 0 30px}
.sub-hero .range{margin:16px 0 0}

/* ================= question search ================= */
.p3-find{padding:48px 0 8px}
.p3s{scroll-margin-top:96px}
.p3s-h{font-size:clamp(30px,4vw,44px);margin-bottom:12px}
.p3s-lead{font-size:17px;line-height:1.55;max-width:60ch;opacity:.88;margin-bottom:22px}
.p3s-l{display:block;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:8px}
.p3s-form{display:flex;gap:0;max-width:760px}
.p3s-in{flex:1 1 0;width:0;min-width:0;min-height:52px;padding:0 14px;font:400 17px/1.3 var(--serif);color:var(--ink);background:var(--surface);border:1.5px solid var(--ink);border-right:none;border-radius:0;-webkit-appearance:none;appearance:none}
.p3s-in::placeholder{color:rgba(15,14,13,.55)}
.p3s-in:focus{outline:none;box-shadow:inset 0 -3px 0 var(--orange)}
.p3s-in::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none;display:none}
.p3s-clear{min-height:44px;margin-left:14px;background:none;border:none;cursor:pointer;padding:0;font:600 13px var(--mono);letter-spacing:.02em;color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px}
.p3s-clear[hidden]{display:none}
.p3s-go{min-height:52px;border-radius:0}
.p3s-try{display:flex;flex-wrap:wrap;align-items:center;gap:0 16px;margin-top:10px;font-family:var(--mono);font-size:13px}
.p3s-try>span{opacity:.75}
.p3s-ex{min-height:44px;background:none;border:none;cursor:pointer;padding:0;font:600 13px var(--mono);letter-spacing:.02em;color:var(--ink);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:5px}
.p3s-bar{display:flex;flex-wrap:wrap;align-items:center;margin-top:6px;max-width:760px}
.p3s-count{font-family:var(--mono);font-size:13px;letter-spacing:.02em;line-height:1.5;padding:12px 0}
.p3s-count:empty{display:none}
.p3s-res{list-style:none;max-width:860px;margin-top:10px;border-top:1px solid var(--rule)}
.p3s-res:empty{display:none}
.p3s-hit{display:flex;flex-direction:column;gap:4px;min-height:44px;padding:16px 0 18px;border-bottom:1px solid var(--rule);text-decoration:none;color:var(--ink);transition:background .15s ease,padding .2s ease}
.p3s-sub{display:inline-flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.04em}
.p3s-sub::before{content:'';width:7px;height:7px;background:var(--orange);flex-shrink:0}
.p3s-ref{font-variation-settings:'opsz' 40,'wght' 700,'SOFT' 50;font-weight:700;font-size:19px;line-height:1.3}
.p3s-meta{font-family:var(--mono);font-size:12px;letter-spacing:.02em;opacity:.8}
.p3s-snip{font-size:16px;line-height:1.55;opacity:.92;margin-top:4px;overflow-wrap:anywhere}
.p3s-snip mark{background:none;color:var(--ink);font-weight:700;box-shadow:inset 0 -3px 0 var(--orange)}
.p3s-compact{margin-top:26px;border-top:2px solid var(--ink);padding-top:14px}
.p3s-compact .p3s-in{min-height:48px;font-size:16px}
.p3s-compact .p3s-go{min-height:48px;padding:0 18px}
.p3s-compact .p3s-res{max-height:70vh;overflow:auto;overscroll-behavior:contain;border-bottom:1px solid var(--rule)}
.p3s-compact .p3s-hit{padding:14px 4px 16px 0}
.p3s-compact .p3s-ref{font-size:17px}
.p3s-compact .p3s-snip{font-size:15px}

/* the page a search result points to */
.pg.hit .pgb{outline:3px solid var(--orange);outline-offset:4px}
.hitnote{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-weight:700;font-size:13px;letter-spacing:.02em;margin:0 0 12px}
.hitnote::before{content:'';width:7px;height:7px;background:var(--orange);flex-shrink:0}

/* ================= sizes ================= */
@media (max-width:900px){
  .sub-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .ch{grid-template-columns:1fr;gap:4px}
  .ch-n{font-size:48px;display:flex;align-items:baseline;gap:12px}
  .ch-n small{margin:0}
  .tb-in{flex-direction:column;gap:0}
  .pgc{justify-content:space-between;border-top:1px solid var(--rule2);min-height:48px}
}
@media (max-width:640px){
  .p3-hero{padding-top:100px}
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(3){padding-left:0;border-left:none}
  .stats div:nth-child(n+3){border-top:1px solid var(--rule)}
  .how{grid-template-columns:1fr;gap:12px}
  .row{grid-template-columns:48px minmax(0,1fr) 18px;grid-template-areas:"c t ar" "c m ar";padding:16px 0}
  .row .code{grid-area:c;align-self:start;padding-top:3px}
  .row .t{grid-area:t}
  .row .meta{grid-area:m;justify-self:start;flex-direction:row;flex-wrap:wrap;gap:4px 16px;margin-top:4px}
  .row .ar{grid-area:ar}
  .crumb span[aria-hidden]{display:none}
  .p3-find{padding-top:36px}
  .p3s-form{flex-wrap:nowrap}
  .p3s-go{padding:0 16px}
  .p3s-ref{font-size:17.5px}
  .p3s-snip{font-size:15.5px}
  .range.big{margin-top:-8px}
  .crumb{flex-direction:column;align-items:flex-start;gap:0}
  .tabs{width:100%;gap:0}
  .tab{flex:1;padding:8px 6px 8px 8px;font-size:13px;min-width:0}
  .tab::after{left:6px;right:6px}
  .pages{gap:18px}
  .panel{padding-top:20px}
  .pg figcaption{margin-top:7px}
  .pn{grid-template-columns:1fr}
  .pn a+a{border-left:none;border-top:1px solid var(--rule);padding-left:0;text-align:left;align-items:flex-start}
  .vb.big{min-width:96px}
  .vw-hint{display:none}
}
@media (max-width:359px){
  .tab{font-size:12px;padding-left:5px;padding-right:4px}
  .tab small{font-size:10.5px}
  .pgc label span{display:none}
}
@media (hover:hover) and (pointer:fine){
  .btn:hover .arr{transform:translateX(4px)}
  .btn-orange:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}
  .btn-ghost:hover{background:var(--ink);color:var(--cream);transform:translateY(-2px)}
  .row:hover{padding-left:10px;background:rgba(15,14,13,.035)}
  .row:hover .ar{transform:translateX(4px)}
  .p3s-hit:hover{background:rgba(15,14,13,.035);padding-left:10px}
  .p3s-ex:hover{text-decoration-thickness:3px}
  .tab:hover{opacity:1;background:rgba(15,14,13,.04)}
  .pn a:hover{background:rgba(15,14,13,.035)}
  .pn a:hover .ar{transform:translateX(4px)}
  .pn a.prev:hover .ar{transform:translateX(-4px)}
  .vb:not(:disabled):hover{background:var(--cream);color:var(--ink);transform:translateY(-2px)}
  .crumb a:hover,.linkbtn:hover{text-decoration-thickness:3px}
  .pgc select:hover{background-color:var(--cream)}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
@media print{
  body.protect *{display:none!important}
  body.protect::before{content:"These pages are for reading on screen at cswithzain.com/paper3/. They cannot be printed.";display:block;font:600 16pt/1.5 Fraunces,Georgia,serif;color:#0F0E0D;text-align:center;padding:60mm 20mm 0}
}

/* ================= linked notes (text notes with concept links) ================= */
.nt{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 56px;align-items:start}
.nt-toc{position:sticky;top:calc(var(--tb) + 18px);max-height:calc(100vh - var(--tb) - 36px);overflow:auto;padding-bottom:10px}
.nt-toc .h{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:9px;margin-bottom:10px}
.nt-toc .h::before{content:'';width:7px;height:7px;background:var(--orange)}
.nt-toc ol{list-style:none;border-top:1px solid var(--rule)}
.nt-toc a{display:grid;grid-template-columns:24px 1fr;gap:6px;padding:9px 0;border-bottom:1px solid var(--rule2);text-decoration:none;font-size:15.5px;line-height:1.3}
.nt-toc a .n{font-family:var(--mono);font-size:12px;padding-top:2px;opacity:.7}
.nt-toc a.on{font-variation-settings:'opsz' 24,'wght' 700,'SOFT' 50;font-weight:700}
.nt-toc a.on .n{opacity:1;color:var(--ink)}
.nt-toc a.on .n::before{content:'';display:inline-block;width:6px;height:6px;background:var(--orange);margin-right:5px;vertical-align:1px}
.nt-help{font-family:var(--mono);font-size:12px;line-height:1.55;opacity:.8;margin-top:16px}
.nt-help .u{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.nt-main{max-width:760px;min-width:0}
.nt-sec{scroll-margin-top:calc(var(--tb) + 14px);padding:6px 0 46px;margin-bottom:40px;border-bottom:2px solid var(--ink)}
.nt-sec:target .nt-h::after,.nt-sec.flash .nt-h::after{content:'';display:block;width:56px;height:4px;background:var(--orange);margin-top:10px}
.nt-k{display:flex;justify-content:space-between;gap:12px;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:10px}
.nt-k>span:first-child{display:flex;align-items:center;gap:8px}
.nt-k>span:first-child::before{content:'';width:7px;height:7px;background:var(--orange)}
.nt-k .bp{font-weight:400;opacity:.7;text-transform:none;letter-spacing:.02em}
.nt-h{font-variation-settings:'opsz' 144,'wght' 700,'SOFT' 50,'WONK' 1;font-weight:700;font-size:clamp(28px,3.4vw,40px);line-height:1.04;letter-spacing:-.02em;margin-bottom:18px}
.nt-body>*+*{margin-top:16px}
.nt-body p,.nt-list li,.nt-key li,.nt-ex-q,.nt-steps li{font-size:18px;line-height:1.62}
.nt-body strong{font-variation-settings:'opsz' 24,'wght' 700,'SOFT' 50;font-weight:700}
.nt-body sup{font-size:.66em;line-height:0}
.nt-body code,.nt-table code{font-family:var(--mono);font-size:.84em;background:var(--panel);padding:1px 5px}
.nt-list{padding-left:0;list-style:none}
.nt-list li{position:relative;padding-left:24px}
.nt-list li+li{margin-top:8px}
ul.nt-list li::before{content:'';position:absolute;left:3px;top:.62em;width:7px;height:7px;background:var(--orange)}
ol.nt-list{counter-reset:li}
ol.nt-list li{counter-increment:li}
ol.nt-list li::before{content:counter(li) '.';position:absolute;left:0;font-family:var(--mono);font-size:14px;font-weight:600;top:.2em}
.nt-note{font-size:16px!important;padding:12px 16px;background:var(--surface);border-left:3px solid var(--ink)}
.nt-note .lab{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-right:6px}
.nt-code{background:var(--ink);color:var(--cream);padding:16px 18px;overflow-x:auto;font-family:var(--mono);font-size:14px;line-height:1.6;-webkit-overflow-scrolling:touch}
.nt-code code{background:none;padding:0;font-size:inherit;color:inherit;white-space:pre}
.nt-key{border:1.5px solid var(--ink);background:var(--surface)}
.nt-key-h{background:var(--ink);color:var(--cream);font-family:var(--mono);font-weight:600;font-size:13px!important;letter-spacing:.06em;text-transform:uppercase;padding:9px 16px;line-height:1.4!important}
.nt-key-h a.nt-term{color:var(--cream)}
.nt-key ul{list-style:none;padding:14px 18px 16px}
.nt-key li{position:relative;padding-left:22px;font-size:17px!important}
.nt-key li+li{margin-top:8px}
.nt-key li::before{content:'';position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--orange)}
.nt-ex{border-top:2px solid var(--ink);padding-top:14px}
.nt-ex-h{font-family:var(--mono);font-weight:600;font-size:13px!important;letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:8px}
.nt-ex-h::before{content:'';width:7px;height:7px;background:var(--orange);flex-shrink:0;align-self:flex-start;margin-top:.45em}
.nt-ex-q{margin-top:8px;font-variation-settings:'opsz' 24,'wght' 600,'SOFT' 50;font-weight:600}
.nt-steps{list-style:none;margin-top:12px;background:var(--surface);border:1px solid var(--rule)}
.nt-steps li{display:grid;grid-template-columns:78px minmax(0,1fr);gap:12px;padding:12px 16px;border-top:1px solid var(--rule2)}
.nt-steps li:first-child{border-top:none}
.nt-steps li>*{min-width:0}
@media (max-width:480px){.nt-steps li{grid-template-columns:minmax(0,1fr);gap:4px;padding:12px 14px}}
.nt-steps .st{font-family:var(--mono);font-size:12.5px;font-weight:600;padding-top:4px;white-space:nowrap}
.nt-steps .nt-code{margin-top:10px;font-size:13px}
.nt-tw{overflow-x:auto;-webkit-overflow-scrolling:touch}
.nt-table{border-collapse:collapse;width:100%;font-size:16px;line-height:1.45}
.nt-table th,.nt-table td{border:1px solid var(--rule);padding:9px 12px;text-align:left;vertical-align:top}
.nt-table thead th{background:var(--ink);color:var(--cream);font-family:var(--mono);font-weight:600;font-size:12.5px;letter-spacing:.04em}
.nt-table tbody th{font-variation-settings:'opsz' 24,'wght' 700,'SOFT' 50;font-weight:700}
.nt-ci td:nth-child(2){min-width:220px}
.nt-ci td a,.nt-ci th a{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
.nt-ci .none{opacity:.6;font-family:var(--mono);font-size:13px}
.nt-place{display:flex;flex-wrap:wrap;gap:14px 26px}
.nt-place .lab,.nt-bits .lab{font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:6px}
.nt-pv{display:flex}
.nt-pv span{min-width:40px;height:40px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);margin-left:-1px;font-family:var(--mono);font-size:13px;padding:0 4px;background:var(--surface)}
.nt-pv span:first-child{margin-left:0;font-weight:700}
.nt-pv .pt{min-width:16px;border:none;background:none;font-size:18px}
.nt-bitrow+.nt-bitrow{margin-top:14px}
.nt-bitline{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.nt-bitline .bx{display:flex}
.nt-bitline .bx span{width:26px;height:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--ink);margin-left:-1px;font-family:var(--mono);font-size:14px;background:var(--surface)}
.nt-bitline .bx span:first-child{margin-left:0;font-weight:700}
.nt-bitline .val{font-size:17px;padding-left:4px}
.nt-bits-key{display:flex;gap:18px;font-family:var(--mono);font-size:12px;opacity:.75;margin-top:10px}
/* links between ideas */
a.nt-term{color:inherit;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
span.nt-term.as{text-decoration:underline dotted;text-decoration-color:rgba(15,14,13,.55);text-decoration-thickness:1.5px;text-underline-offset:3px;cursor:help}
.nt-pop{position:absolute;z-index:60;width:min(320px,calc(100vw - 32px));background:var(--ink);color:var(--cream);padding:14px 16px 12px;box-shadow:0 10px 30px rgba(15,14,13,.25)}
.nt-pop[hidden]{display:none}
.nt-pop .w{font-family:var(--mono);font-size:11.5px;letter-spacing:.05em;text-transform:uppercase;opacity:.8;display:flex;align-items:center;gap:8px}
.nt-pop .w::before{content:'';width:6px;height:6px;background:var(--orange)}
.nt-pop .d{font-size:16px;line-height:1.5;margin-top:6px}
.nt-pop .go{display:inline-flex;margin-top:10px;font-family:var(--mono);font-size:13px;font-weight:600;color:var(--cream);text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px;min-height:32px;align-items:center}
.nt-pop .go[hidden]{display:none}
.nt-rel{margin:4px 0 22px}
.nt-rel .lab,.nt-prac .lab{font-family:var(--mono);font-weight:600;font-size:12px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.nt-fwd{margin:30px 0 0;padding-top:18px;border-top:1px solid var(--rule)}
.nt-fwd .chips+.lab{margin-top:14px}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;flex-direction:column;gap:2px;padding:9px 12px 8px;border:1.5px solid var(--ink);background:var(--cream);text-decoration:none;color:var(--ink);font-size:15px;line-height:1.25;max-width:100%;transition:background .15s ease,color .15s ease}
.chip .c{font-family:var(--mono);font-size:11.5px;font-weight:600;letter-spacing:.04em;display:flex;align-items:center;gap:6px}
.chip .c::before{content:'';width:6px;height:6px;background:var(--orange)}
.chip .why{font-family:var(--mono);font-size:11.5px;opacity:.72;line-height:1.35}
.chip.as{border-style:dashed;border-color:rgba(15,14,13,.5);background:transparent}
.chip.as .c::before{background:transparent;box-shadow:inset 0 0 0 1.5px rgba(15,14,13,.55)}
.nt-prac{margin-top:30px;border:1.5px solid var(--ink);padding:16px 18px 10px;background:var(--surface)}
.nt-prac ul{list-style:none}
.nt-prac li{border-top:1px solid var(--rule2)}
.nt-prac li:first-child{border-top:none}
.nt-prac a{display:flex;flex-direction:column;gap:3px;padding:11px 0;text-decoration:none;color:var(--ink);min-height:44px}
.nt-prac .ql{font-family:var(--mono);font-weight:600;font-size:12.5px;letter-spacing:.02em}
.nt-prac .ql b{margin-left:1px}
.nt-prac .qt{font-size:15.5px;line-height:1.45;opacity:.85}
.nt-more summary{cursor:pointer;font-family:var(--mono);font-size:13px;font-weight:600;padding:10px 0;border-top:1px solid var(--rule2);list-style:none;display:flex;align-items:center;gap:8px}
.nt-more summary::-webkit-details-marker{display:none}
.nt-more summary::before{content:'+';font-size:16px}
.nt-more[open] summary::before{content:'–'}
/* under each question page: notes for the questions on it */
.nt-qn{list-style:none;width:100%;max-width:880px;border:1.5px solid var(--ink);background:var(--surface);margin-top:-12px}
.nt-qn li{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;padding:10px 14px;border-top:1px solid var(--rule2)}
.nt-qn li:first-child{border-top:none}
.nt-qn .ql{font-family:var(--mono);font-weight:600;font-size:12.5px}
.nt-qn .to{font-family:var(--mono);font-size:12px;opacity:.7}
.nt-qn a{font-size:15.5px;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px;color:var(--ink);min-height:32px;display:inline-flex;align-items:center}
@media (hover:hover) and (pointer:fine){
 .chip:hover{background:var(--ink);color:var(--cream)}
 .chip.as:hover{background:transparent;color:var(--ink)}
 .nt-prac a:hover .qt{opacity:1;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
 .nt-toc a:hover{text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px}
 a.nt-term:hover{background:rgba(255,77,26,.14)}
}
@media (max-width:980px){
 .nt{grid-template-columns:minmax(0,1fr);gap:0}
 .nt-toc{position:static;max-height:none;margin-bottom:28px;border:1.5px solid var(--ink);padding:14px 16px 6px;background:var(--surface)}
 .nt-toc ol{columns:2;column-gap:22px}
 .nt-toc li{break-inside:avoid}
}
@media (max-width:640px){
 .nt-toc ol{columns:1}
 .nt-toc a{min-height:44px;align-items:center}
 .nt-qn a,.nt-more summary{min-height:44px}
 .nt-body p,.nt-list li,.nt-ex-q,.nt-steps li{font-size:17px}
 .nt-steps li{grid-template-columns:1fr;gap:4px}
 .nt-code{font-size:12.5px;padding:14px}
 .nt-pv span{min-width:30px;height:34px;font-size:10.5px;padding:0 2px}
 .nt-pv .pt{min-width:10px}
 .nt-sec{margin-bottom:30px;padding-bottom:34px}
}
@media print{.nt-pop,.nt-toc,.nt-prac,.nt-rel{display:none!important}}
.nt-k span{white-space:nowrap}
.nt-body .nt-bits-key{font-size:12.5px;line-height:1.5}
.nt-pop .go{min-height:44px}
.nt-index .nt-tw{margin-top:14px}
.bin{font-family:var(--mono);font-size:.88em;white-space:nowrap;letter-spacing:.02em}
.nt-up{display:none;font-family:var(--mono);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:none;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px;min-height:44px;align-items:center;margin-left:auto}
.nt-k{align-items:center;flex-wrap:wrap;justify-content:flex-start;column-gap:18px}
.nt-up{margin-left:auto}
@media (max-width:980px){ .nt-up{display:inline-flex} .nt-k .bp{margin-left:0} }
@media (max-width:560px){
 .nt-table:not(.no-stack):not(.nt-ci) thead{display:none}
 .nt-table:not(.no-stack):not(.nt-ci) tr{display:block;border-top:1px solid var(--rule);padding:8px 0}
 .nt-table:not(.no-stack):not(.nt-ci) th,.nt-table:not(.no-stack):not(.nt-ci) td{display:block;border:none;padding:3px 10px}
 .nt-table:not(.no-stack):not(.nt-ci) td::before{content:attr(data-l) ': ';font-family:var(--mono);font-size:12px;font-weight:600}
 .nt-table:not(.no-stack):not(.nt-ci){border:1px solid var(--rule);border-top:none}
 .nt-ci thead{display:none}
 .nt-ci tr{display:block;border-bottom:1px solid var(--rule);padding:10px 0}
 .nt-ci th,.nt-ci td{display:block;border:none;padding:2px 0;min-width:0!important}
 .nt-ci td:nth-child(3)::before{content:'Also used in: ';font-family:var(--mono);font-size:12px}
 .nt-ci td a,.nt-ci th a{display:inline-flex;align-items:center;min-height:44px}
 .nt-ci{border:none}
 .no-stack th,.no-stack td{padding:8px 6px;text-align:center}
}
/* diagrams from the book, and the "see the book page" viewer */
.nt-fig{margin:0 auto;background:var(--surface);border:1px solid var(--rule);padding:10px;max-width:100%;width:fit-content}
.nt-fig img{width:auto;max-width:100%;height:auto;margin:0 auto}
.nt-fig figcaption{font-family:var(--mono);font-size:12px;line-height:1.5;margin-top:8px;opacity:.8}
.nt-bpb{font:inherit;font-weight:600;color:var(--ink);background:none;border:none;padding:0 2px;cursor:pointer;text-decoration:underline;text-decoration-color:var(--orange);text-decoration-thickness:2px;text-underline-offset:3px;min-height:32px}
.nt-bv{position:fixed;inset:0;z-index:90;background:var(--ink);display:flex;flex-direction:column}
.nt-bv[hidden]{display:none}
.nt-bv-bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:calc(10px + env(safe-area-inset-top,0px)) 16px 10px;color:var(--cream);font-family:var(--mono);font-size:13px}
.nt-bv-x{font-family:var(--mono);font-weight:600;font-size:14px;background:var(--cream);color:var(--ink);border:none;padding:10px 16px;min-height:44px;cursor:pointer}
.nt-bv-in{flex:1;overflow:auto;-webkit-overflow-scrolling:touch;padding:0 16px 24px;display:flex;justify-content:center;align-items:flex-start}
.nt-bv-in img{max-width:min(900px,100%);height:auto;background:var(--surface)}
@media (max-width:640px){.nt-bpb{min-height:44px;padding:0 6px}}

/* phone: wide figures keep a readable size and swipe sideways */
@media (max-width:640px){
 .nt-fig.wide{width:auto;overflow-x:auto;-webkit-overflow-scrolling:touch}
 .nt-fig.wide img{max-width:none;width:560px!important}
 .nt-fig.wide::before{content:'Swipe to see all of it \2192';display:block;position:sticky;left:0;font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;margin-bottom:8px;opacity:.75}
 .nt-bpb{min-width:44px}
 .nt-k .bp{order:3;flex-basis:100%}
 .nt-up{order:2;min-height:44px}
 .nt-bv-in img{cursor:zoom-in}
 .nt-bv-in.zoom img{max-width:none;width:200%;cursor:zoom-out}
}

/* code: no ligatures, so >= and <= stay as typed */
.nt-code,.nt-body code,.nt-table code{font-variant-ligatures:none;font-feature-settings:"calt" 0,"liga" 0}

.nt-swipe{font-family:var(--mono);font-size:11.5px;letter-spacing:.04em;opacity:.75;margin:12px 0 -8px}
.nt-fig img{cursor:zoom-in}
.nt-bv-hint{display:none}
@media (max-width:640px){.nt-bv-hint{display:inline;opacity:.75;margin-left:10px}}

/* ================= dark theme (html[data-theme="dark"]) =================
   The ink and cream tokens swap, so text, rules and ink buttons follow on their own.
   Parts that were ink panels on cream become slightly lifted ink surfaces.
   Past-paper scans and book diagrams sit on a parchment matte at full brightness. */
html[data-theme="dark"]{--ink:#F7F1E3;--cream:#0F0E0D;--surface:#1A1816;--panel:#2A2622;--lift:#221F1C;
  --rule:rgba(247,241,227,.2);--rule2:rgba(247,241,227,.12);color-scheme:dark;background:#0F0E0D}
html[data-theme="dark"] body{background:#0F0E0D;color:#F7F1E3}
html[data-theme="dark"] ::selection{background:#FF4D1A;color:#0F0E0D}
html[data-theme="dark"] .btn-orange{color:#0F0E0D}
html[data-theme="dark"] .m.off::before{box-shadow:inset 0 0 0 1.5px rgba(247,241,227,.55)}
html[data-theme="dark"] .tabbar{background:rgba(15,14,13,.96)}
html[data-theme="dark"] .pgc select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M1 3l4 4 4-4' fill='none' stroke='%23F7F1E3' stroke-width='1.8'/%3E%3C/svg%3E")}
html[data-theme="dark"] .p3s-in::placeholder{color:rgba(247,241,227,.6)}
/* scans: parchment matte, no filter */
html[data-theme="dark"] .pgb{background:#F7F1E3;padding:clamp(6px,1.1vw,12px);border-radius:4px;box-shadow:0 18px 40px -26px rgba(0,0,0,.9)}
html[data-theme="dark"] .pgb img{background:#F7F1E3;border-radius:1px}
html[data-theme="dark"] .pg.hit .pgb{outline-color:#FF4D1A}
html[data-theme="dark"] .vw{color:#F7F1E3}
html[data-theme="dark"] .vb{color:#F7F1E3}
html[data-theme="dark"] .vw-frame{background:#F7F1E3;padding:8px;border-radius:4px}
html[data-theme="dark"] .vw-frame img{object-fit:contain}
html[data-theme="dark"] .nt-fig{background:#F7F1E3;color:#0F0E0D;border:none;border-radius:4px}
html[data-theme="dark"] .nt-bv{background:#0F0E0D}
html[data-theme="dark"] .nt-bv-bar{color:#F7F1E3}
html[data-theme="dark"] .nt-bv-x{background:#F7F1E3;color:#0F0E0D}
html[data-theme="dark"] .nt-bv-in img{background:#F7F1E3;padding:8px;border-radius:4px}
/* notes */
html[data-theme="dark"] .nt-note{border-left-color:#FF4D1A}
html[data-theme="dark"] .nt-code{background:var(--lift);color:#F7F1E3;box-shadow:inset 0 0 0 1px rgba(247,241,227,.12)}
html[data-theme="dark"] .nt-steps .nt-code{background:#0F0E0D}
html[data-theme="dark"] .nt-key{border-color:rgba(247,241,227,.4)}
html[data-theme="dark"] .nt-key-h,html[data-theme="dark"] .nt-table thead th{background:var(--panel);color:#F7F1E3}
html[data-theme="dark"] .nt-key-h a.nt-term{color:#F7F1E3}
html[data-theme="dark"] .nt-table tbody td,html[data-theme="dark"] .nt-table tbody th{background:var(--surface)}
html[data-theme="dark"] span.nt-term.as{text-decoration-color:rgba(247,241,227,.6)}
html[data-theme="dark"] .nt-pop{background:var(--panel);color:#F7F1E3;box-shadow:0 0 0 1px rgba(247,241,227,.2),0 14px 34px rgba(0,0,0,.6)}
html[data-theme="dark"] .nt-pop .go{color:#F7F1E3}
html[data-theme="dark"] .chip.as{border-color:rgba(247,241,227,.5)}
html[data-theme="dark"] .chip.as .c::before{box-shadow:inset 0 0 0 1.5px rgba(247,241,227,.6)}
html[data-theme="dark"] .nt-prac,html[data-theme="dark"] .nt-qn{border-color:rgba(247,241,227,.4)}
/* site header, menus, band and footer on an ink page */
html[data-theme="dark"] .sc-menu{background:var(--lift);color:#F7F1E3;border-color:rgba(247,241,227,.16);box-shadow:0 24px 50px -24px rgba(0,0,0,.8)}
html[data-theme="dark"] .sc-menu a{color:#F7F1E3}
html[data-theme="dark"] .sc-menu a+a{border-top-color:rgba(247,241,227,.12)}
html[data-theme="dark"] .sc-pm{background:#0F0E0D;color:#F7F1E3}
html[data-theme="dark"] .sc-pl,html[data-theme="dark"] .sc-pl>li{border-color:rgba(247,241,227,.16)}
html[data-theme="dark"] .sc-pl>li>a,html[data-theme="dark"] .sc-ph,html[data-theme="dark"] .sc-sub a,html[data-theme="dark"] .sc-pfee a{color:#F7F1E3}
html[data-theme="dark"] .sc-sub a{border-top-color:rgba(247,241,227,.16)}
html[data-theme="dark"] .sc-pm .sc-ghost{color:#F7F1E3;box-shadow:inset 0 0 0 1.5px rgba(247,241,227,.45)}
html[data-theme="dark"] .sc-band,html[data-theme="dark"] .sc-foot{background:var(--lift)}
html[data-theme="dark"] .sc-band{border-top:1px solid rgba(247,241,227,.12)}
html[data-theme="dark"] .sc-foot{border-top:1px solid rgba(247,241,227,.12)}
@media (hover:hover) and (pointer:fine){
 html[data-theme="dark"] .row:hover,html[data-theme="dark"] .p3s-hit:hover,html[data-theme="dark"] .pn a:hover{background:rgba(247,241,227,.05)}
 html[data-theme="dark"] .tab:hover{background:rgba(247,241,227,.06)}
 html[data-theme="dark"] .vb:not(:disabled):hover{background:#F7F1E3;color:#0F0E0D}
 html[data-theme="dark"] a.nt-term:hover{background:rgba(255,77,26,.2)}
 html[data-theme="dark"] .chip.as:hover{background:transparent;color:#F7F1E3}
 html[data-theme="dark"] .sc-head .sc-orange:hover,html[data-theme="dark"] .sc-pm .sc-orange:hover,html[data-theme="dark"] .sc-head .sc-ghost:hover,html[data-theme="dark"] .sc-pm .sc-ghost:hover,html[data-theme="dark"] .sc-head .sc-wa-ic:hover{background:#F7F1E3;color:#0F0E0D}
 html[data-theme="dark"] .sc-menu a:hover{background:rgba(247,241,227,.06)}
}