/* WHITE TERMINAL for vrajhna.shop — the ONLY stylesheet.
   Source of truth: /TERMINAL-DESIGN-SYSTEM.md. Paper, not dark. Mono only.
   vrajhna.shop override: the explorer is a hamburger drawer on ALL viewports. */

body.terminal {
  --g-bg: #f3efe2;
  --g-side: #ece5cf;
  --g-doc: rgba(243, 239, 226, 0.88);
  --g-card: #fffdf4;
  --g-line: #d3c9a6;
  --g-line2: #1c1a14;
  --g-fg: #211e14;
  --g-bright: #000000;
  --g-mut: #5d5741;
  --g-dim: #8d8464;
  --g-sel-bg: #1c1a14;
  --g-sel-fg: #f3efe2;
  --g-green: #0e7a3d;
  --g-amber: #9a6200;
  --g-red: #c22a1c;
  --g-mono: ui-monospace, "SF Mono", SFMono-Regular, Menlo, Consolas, monospace;
  background: var(--g-bg) !important;
  color: var(--g-fg) !important;
  font-family: var(--g-mono) !important;
  font-size: 12px !important;
  line-height: 1.6 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  padding-top: 0 !important;
  min-height: 100vh;
  -webkit-font-smoothing: antialiased;
}
body.terminal *, body.terminal *::before, body.terminal *::after {
  font-family: var(--g-mono) !important;
  letter-spacing: normal !important;
  text-transform: none !important;
  text-shadow: none !important;
  animation: none !important;
  transition: none !important;
  box-shadow: none !important;
  background-image: none !important;
}
/* drawer + panel depth is the one allowed shadow */
body.terminal aside.tree, body.terminal .cart-drawer, body.terminal .sheet,
body.terminal .drawer, body.terminal aside.tree.open {
  box-shadow: 8px 0 30px rgba(28,26,20,.25) !important;
}
body.terminal .cart-drawer, body.terminal .drawer { box-shadow: -8px 0 30px rgba(28,26,20,.25) !important; }
body.terminal input, body.terminal textarea, body.terminal button, body.terminal select,
body.terminal pre, body.terminal code { font-size: 12px !important; }
body.terminal a { color: inherit !important; }
body.terminal ::selection { background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; }
body.terminal :focus-visible { outline: 2px solid var(--g-green) !important; outline-offset: 1px !important; }
body.terminal #preloader { display: none !important; }

/* ---------- layers: rain -> burger -> scrim -> HUD -> doc ---------- */
body.terminal canvas.rain { position: fixed !important; inset: 0 !important; z-index: 0 !important; pointer-events: none !important; display: block !important; }
body.terminal .burger {
  display: flex !important; position: fixed !important; top: 10px !important; left: 12px !important; z-index: 50 !important;
  font-family: var(--g-mono) !important; font-size: 16px !important; line-height: 1 !important;
  background: var(--g-card) !important; color: var(--g-fg) !important;
  border: 1px solid var(--g-line2) !important; border-radius: 6px !important;
  width: 40px !important; height: 40px !important; min-width: 40px !important; min-height: 40px !important;
  cursor: pointer !important; align-items: center !important; justify-content: center !important; padding: 0 !important;
}
body.terminal .burger:hover { border-color: var(--g-green) !important; color: var(--g-green) !important; }
body.terminal .scrim {
  display: none; position: fixed !important; inset: 0 !important; z-index: 39 !important;
  background: rgba(28,26,20,.4) !important; border: none !important; padding: 0 !important; cursor: pointer !important;
  width: 100% !important; height: 100% !important;
}
body.terminal .scrim.on { display: block !important; }
body.terminal .hud {
  position: fixed !important; top: 10px !important; right: 14px !important; z-index: 30 !important;
  display: flex !important; gap: 12px !important; align-items: center !important;
  font-size: 12px !important; color: var(--g-dim) !important; background: transparent !important;
}
body.terminal .hud button {
  background: none !important; border: none !important; color: inherit !important; font: inherit !important;
  cursor: pointer !important; padding: 2px 4px !important; min-height: 40px !important;
}
body.terminal .hud button:hover { color: var(--g-green) !important; }

/* dead chrome from the retired design — tree drawer replaces all of it */
body.terminal #house-announce, body.terminal #house-bar, body.terminal #house-drawer,
body.terminal #wiki-side, body.terminal #wiki-tools, body.terminal .wiki-tabs,
body.terminal .catbar, body.terminal aside.tabs { display: none !important; }

/* ---------- shell: fixed drawer + full-width doc ---------- */
body.terminal .board { background: none !important; }
body.terminal .board > .cols { max-width: none !important; margin: 0 !important; padding: 0 !important; display: block !important; min-height: 100vh !important; position: relative !important; z-index: 1 !important; }
body.terminal main.dossier-col { padding: 0 !important; background: var(--g-doc) !important; min-width: 0 !important; }
body.terminal aside.tree {
  position: fixed !important; top: 0 !important; left: 0 !important; bottom: 0 !important; z-index: 40 !important;
  width: min(270px, 82vw) !important; height: 100dvh !important; flex: none !important;
  background: var(--g-side) !important; border-right: 1px solid var(--g-line2) !important; border-radius: 0 !important;
  padding: 58px 0 16px !important; font-size: 12px !important; overflow-y: auto !important;
  display: block !important; transform: translateX(-105%) !important;
  transition: transform 0.22s ease-out !important;
}
body.terminal aside.tree.open { transform: none !important; }
body.terminal .tree .root { padding: 4px 14px 8px !important; color: var(--g-green) !important; white-space: nowrap !important; font-weight: 700 !important; background: none !important; border: 0 !important; }
body.terminal .tree ul { list-style: none !important; margin: 0 !important; padding: 0 !important; background: none !important; border: 0 !important; }
body.terminal .tree li { margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
body.terminal .tree button.file, body.terminal .tree a.file {
  display: flex !important; gap: 7px !important; align-items: center !important; width: 100% !important;
  background: none !important; border: none !important; border-radius: 0 !important; color: var(--g-mut) !important;
  font-family: var(--g-mono) !important; font-size: 12px !important; padding: 2px 14px 2px 24px !important;
  cursor: pointer !important; text-align: left !important; white-space: nowrap !important; text-decoration: none !important;
  min-height: 40px !important; box-sizing: border-box !important;
}
body.terminal .tree button.file:hover, body.terminal .tree a.file:hover { color: var(--g-fg) !important; background: none !important; }
body.terminal .tree button.file.active, body.terminal .tree a.file.active { background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; }
body.terminal .tree button.file.active .q, body.terminal .tree a.file.active .q { color: var(--g-sel-fg) !important; opacity: .7 !important; }
body.terminal .tree button.folder, body.terminal .tree a.folder { color: var(--g-green) !important; font-weight: 700 !important; }
body.terminal .tree a.file.sub { padding-left: 40px !important; }
body.terminal .tree .q { font-size: 12px !important; color: var(--g-dim) !important; margin-left: auto !important; padding-left: 8px !important; }
body.terminal .tree .foot { margin-top: 20px !important; border-top: 1px solid var(--g-line) !important; padding: 10px 14px 0 !important; }
body.terminal .tree .foot a, body.terminal .tree .foot span { display: block !important; color: var(--g-mut) !important; text-decoration: none !important; padding: 2px 0 !important; font-size: 12px !important; background: none !important; border: 0 !important; }
body.terminal .tree .foot a:hover { color: var(--g-fg) !important; }

body.terminal .doc { min-width: 0 !important; background: var(--g-doc) !important; }
body.terminal .doc-inner { max-width: 900px !important; margin: 0 auto !important; padding: 56px 36px 64px !important; }
body.terminal .paper { background: transparent !important; border: 0 !important; color: var(--g-fg) !important; padding: 0 !important; }
body.terminal .paper::before { display: none !important; }
body.terminal .topbar { background: none !important; border: 0 !important; padding: 0 !important; }
body.terminal h1.case-title { position: static !important; width: auto !important; height: auto !important; overflow: visible !important; clip: auto !important; font-size: 22px !important; font-weight: 700 !important; color: var(--g-bright) !important; margin: 0 0 8px !important; padding: 0 !important; line-height: 1.3 !important; background: none !important; border: 0 !important; }

/* ---------- typography: crumb / title / sub / meta / sect ---------- */
body.terminal .crumb, body.terminal .topbar-in {
  color: var(--g-dim) !important; font-size: 12px !important; margin: 0 0 18px !important;
  background: none !important; border: 0 !important; padding: 0 !important; max-width: none !important;
}
body.terminal .crumb::before { content: "$ " !important; color: var(--g-green) !important; }
body.terminal h1.doctitle, body.terminal .doctitle, body.terminal h1.case-title,
body.terminal .portal-box h1.portal-word, body.terminal .portal-word {
  font-size: 22px !important; line-height: 1.3 !important; font-weight: 700 !important; margin: 0 0 8px !important;
  letter-spacing: 0 !important; color: var(--g-bright) !important; background: none !important; border: 0 !important; padding: 0 !important;
  text-align: left !important; font-family: var(--g-mono) !important;
}
body.terminal h1.doctitle::before, body.terminal .doctitle::before { content: "# " !important; color: var(--g-green) !important; }
body.terminal .docsub, body.terminal .portal-sub { color: var(--g-mut) !important; font-size: 12px !important; margin: 0 0 8px !important; text-align: left !important; }
body.terminal .docmeta { color: var(--g-dim) !important; font-size: 12px !important; margin: 0 0 32px !important; }
body.terminal .docmeta strong, body.terminal .docsub strong { color: var(--g-green) !important; }
body.terminal h2.sect, body.terminal .sect, body.terminal .sec-h {
  font-size: 13px !important; font-weight: 700 !important; margin: 36px 0 6px !important;
  padding-top: 16px !important; border-top: 1px solid var(--g-line) !important; color: var(--g-fg) !important; background: none !important;
  font-family: var(--g-mono) !important;
}
body.terminal h2.sect::before, body.terminal .sect::before { content: "$ " !important; color: var(--g-green) !important; }
body.terminal p.prose, body.terminal .lede { color: var(--g-mut) !important; margin: 0 0 12px !important; max-width: 80ch !important; font-size: 12px !important; line-height: 1.6 !important; }
body.terminal p.prose strong, body.terminal .prose b { color: var(--g-fg) !important; }
body.terminal p.prose code {
  font-size: 12px !important; background: var(--g-card) !important; border: 1px solid var(--g-line2) !important;
  border-radius: 3px !important; padding: 0 5px !important; color: var(--g-fg) !important;
}
body.terminal .essay p, body.terminal .essayrow, body.terminal .essay, body.terminal .portrait {
  font-size: 12px !important; line-height: 1.6 !important; color: var(--g-mut) !important; font-family: var(--g-mono) !important;
}
body.terminal .essay p.dropcap::first-letter { font-size: inherit !important; float: none !important; line-height: inherit !important; padding: 0 !important; color: inherit !important; font-family: inherit !important; }
body.terminal .kicker { font-size: 12px !important; color: var(--g-dim) !important; margin: 0 0 4px !important; }
body.terminal .cap, body.terminal .meta, body.terminal .sizeline {
  font-size: 12px !important; color: var(--g-mut) !important; line-height: 1.6 !important; font-family: var(--g-mono) !important;
}
body.terminal .meta b, body.terminal .meta strong { color: var(--g-fg) !important; }

/* ---------- components ---------- */
body.terminal .btn, body.terminal button.btn, body.terminal a.btn,
body.terminal .btn-ink, body.terminal .btn-line, body.terminal .buybtn, body.terminal .gobtn,
body.terminal .sendbtn, body.terminal .acct button.save, body.terminal .ledger button.go,
body.terminal .tier .pick, body.terminal .reg button.raised, body.terminal .slip button,
body.terminal .pay-btn, body.terminal .hbtn, body.terminal .fullcase {
  font-family: var(--g-mono) !important; font-size: 12px !important; font-weight: 400 !important; padding: 5px 12px !important;
  border-radius: 3px !important; border: 1px solid var(--g-line2) !important;
  background: var(--g-card) !important; color: var(--g-fg) !important; cursor: pointer !important;
  text-decoration: none !important; display: inline-block !important; min-height: 40px !important; line-height: 1.6 !important;
  width: auto !important; opacity: 1 !important;
}
body.terminal .btn:hover, body.terminal .buybtn:hover, body.terminal .gobtn:hover,
body.terminal .sendbtn:hover, body.terminal .pay-btn:hover, body.terminal .hbtn:hover { border-color: var(--g-green) !important; color: var(--g-green) !important; background: var(--g-card) !important; }
body.terminal .btn.primary, body.terminal .buybtn, body.terminal .gobtn,
body.terminal .sendbtn, body.terminal .acct button.save, body.terminal .ledger button.go,
body.terminal .tier .pick, body.terminal .reg button.raised, body.terminal .slip button {
  background: var(--g-sel-bg) !important; border-color: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; font-weight: 700 !important;
  width: 100% !important; padding: 12px !important;
}
body.terminal .btn.primary:hover, body.terminal .buybtn:hover, body.terminal .gobtn:hover,
body.terminal .sendbtn:hover, body.terminal .ledger button.go:hover,
body.terminal .tier .pick:hover, body.terminal .reg button.raised:hover, body.terminal .slip button:hover {
  background: var(--g-green) !important; border-color: var(--g-green) !important; color: #fff !important;
}
body.terminal .buybtn:disabled, body.terminal .gobtn:disabled { opacity: .5 !important; }
body.terminal .hl, body.terminal .step .flag, body.terminal .tstep .flag, body.terminal .slot .tag,
body.terminal .lane .tag, body.terminal .post .tag, body.terminal .opt .tag, body.terminal .tier .flag,
body.terminal .reg .flag, body.terminal .slip .flag, body.terminal .ledger .flag, body.terminal .vow .n,
body.terminal .stocktag {
  background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important;
  border-radius: 4px !important; padding: 1px 7px !important; font-size: 12px !important; white-space: nowrap !important; border: 0 !important;
  position: static !important; display: inline-block !important; margin: 0 0 8px !important;
  transform: none !important; top: auto !important; left: auto !important; right: auto !important;
  font-family: var(--g-mono) !important;
}
body.terminal a.hl { text-decoration: none !important; cursor: pointer !important; }
body.terminal a.hl:hover { background: var(--g-green) !important; color: #fff !important; }
body.terminal button.hl { border: none !important; font: inherit !important; cursor: pointer !important; }
body.terminal .st {
  font-family: var(--g-mono) !important; font-size: 12px !important; padding: 1px 8px !important;
  border-radius: 3px !important; border: 1px solid var(--g-line2) !important;
  color: var(--g-mut) !important; white-space: nowrap !important; vertical-align: middle !important; background: transparent !important;
}
body.terminal pre.out {
  background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  padding: 10px !important; font-size: 12px !important; line-height: 1.6 !important; color: var(--g-fg) !important;
  overflow-x: auto !important; margin: 12px 0 0 !important; white-space: pre-wrap !important;
}

/* numbered rows — the store + doc list language */
body.terminal ol.rows { list-style: none !important; margin: 18px 0 0 !important; padding: 0 !important; counter-reset: ln !important; background: none !important; border: 0 !important; }
body.terminal ol.rows > li {
  counter-increment: ln !important; display: grid !important; grid-template-columns: 52px 26px 1fr !important;
  gap: 10px !important; align-items: start !important; padding: 9px 0 !important;
  border: 0 !important; border-bottom: 1px solid var(--g-line) !important; background: none !important;
}
body.terminal ol.rows > li::before {
  content: counter(ln, decimal-leading-zero) !important; color: var(--g-dim) !important; font-size: 12px !important; text-align: right !important;
}
body.terminal ol.rows .g { font-size: 12px !important; line-height: 1.6 !important; color: var(--g-green) !important; }
body.terminal ol.rows .t { color: var(--g-fg) !important; font-size: 12px !important; }
body.terminal ol.rows .t a { color: var(--g-fg) !important; text-decoration: underline !important; text-decoration-color: var(--g-line) !important; }
body.terminal ol.rows .t a:hover { color: var(--g-green) !important; }
body.terminal ol.rows .e { display: block !important; color: var(--g-mut) !important; font-size: 12px !important; margin-top: 2px !important; }
body.terminal ol.rows .e strong { color: var(--g-fg) !important; }
body.terminal ol.rows s { color: var(--g-dim) !important; }
body.terminal .disc { color: var(--g-green) !important; }

/* inputs */
body.terminal input, body.terminal textarea, body.terminal select,
body.terminal .field, body.terminal .ledger input, body.terminal .slip input,
body.terminal .reg select, body.terminal .reg textarea, body.terminal .step input,
body.terminal .step select, body.terminal .tstep input, body.terminal .tstep select,
body.terminal .acct input {
  background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  padding: 6px 10px !important; color: var(--g-fg) !important; font-family: var(--g-mono) !important; font-size: 12px !important;
  outline: none !important; max-width: 100% !important; width: 100% !important; margin-top: 6px !important;
}
body.terminal input::placeholder, body.terminal textarea::placeholder, body.terminal .field::placeholder { color: var(--g-dim) !important; }
body.terminal select.field { cursor: pointer !important; }

/* ---------- legacy cards -> paper terminal panels ---------- */
body.terminal .slot, body.terminal .lane, body.terminal .post, body.terminal .tier,
body.terminal .opt, body.terminal .reg, body.terminal .jar, body.terminal .note,
body.terminal .vow, body.terminal .howto, body.terminal .rule, body.terminal .slip,
body.terminal .ledger, body.terminal .counter, body.terminal .card, body.terminal .side,
body.terminal .photocard {
  background: var(--g-card) !important; color: var(--g-fg) !important;
  border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  padding: 16px !important; margin-top: 12px !important; position: relative !important; height: auto !important;
}
body.terminal .slot h4, body.terminal .lane h4, body.terminal .post h4, body.terminal .tier h4,
body.terminal .opt h4, body.terminal .jar h4, body.terminal .scale h4, body.terminal .vow h4,
body.terminal .card h4, body.terminal .counter h4, body.terminal .clause h4, body.terminal .tier ul,
body.terminal details.qa summary, body.terminal table.size tr td:first-child, body.terminal .terms b,
body.terminal .card a.big {
  font-family: var(--g-mono) !important; font-size: 13px !important; font-weight: 700 !important;
  letter-spacing: 0 !important; color: var(--g-fg) !important; line-height: 1.6 !important;
  text-transform: none !important; padding: 0 !important; margin: 0 !important; display: block !important;
}
body.terminal .card a.big { margin-top: 6px !important; }
body.terminal .slot p, body.terminal .lane p, body.terminal .post p, body.terminal .opt p,
body.terminal .tier ul, body.terminal .jar p, body.terminal .note p, body.terminal .vow p,
body.terminal .howto p, body.terminal .card p, body.terminal .counter p, body.terminal .side p,
body.terminal .clause p, body.terminal .clause li, body.terminal .terms, body.terminal details.qa div.a,
body.terminal #orders-list .ord p, body.terminal #bag-root .ord p, body.terminal #comp-list .tkt p,
body.terminal .scale p, body.terminal .ledger, body.terminal #otp-msg, body.terminal #track-result {
  font-size: 12px !important; line-height: 1.6 !important; color: var(--g-mut) !important;
  opacity: 1 !important; font-family: var(--g-mono) !important; margin-top: 6px !important;
}
body.terminal .clause, body.terminal .terms { margin-top: 14px !important; opacity: 1 !important; }
body.terminal .clause ul, body.terminal .tier ul { padding-left: 16px !important; }
body.terminal .clause p a, body.terminal .lane p a, body.terminal details.qa div.a a { text-decoration: underline !important; }
body.terminal #orders-list .ord, body.terminal #bag-root .ord, body.terminal #comp-list .tkt {
  background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  padding: 14px !important; margin-top: 10px !important; color: var(--g-fg) !important;
}
body.terminal #bag-root .ord a, body.terminal #orders-list .ord a { color: var(--g-fg) !important; }
body.terminal #addresses-list { font-size: 12px !important; line-height: 1.6 !important; color: var(--g-mut) !important; }
body.terminal .tier.gold { border: 1px solid var(--g-line2) !important; background: var(--g-card) !important; }
/* card.dark / side.dark: no dark sections except the radio tuner */
body.terminal .card.dark, body.terminal .side.dark {
  background: var(--g-card) !important; color: var(--g-fg) !important; border: 1px solid var(--g-line2) !important;
}
body.terminal .card.dark p, body.terminal .side.dark p { color: var(--g-mut) !important; }

/* segmented controls: account tabs, login switch */
body.terminal .acct-tabs, body.terminal .switch {
  display: flex !important; gap: 0 !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  margin-top: 16px !important; background: var(--g-card) !important;
}
body.terminal .acct-tabs button, body.terminal .switch button, body.terminal .mrow .half {
  flex: 1 !important; background: none !important; border: 0 !important; border-radius: 0 !important;
  padding: 10px !important; font-size: 12px !important; cursor: pointer !important;
  color: var(--g-mut) !important; opacity: 1 !important; min-height: 40px !important; width: auto !important;
}
body.terminal .acct-tabs button.on, body.terminal .switch button.on {
  background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; opacity: 1 !important;
}
body.terminal .mrow { display: flex !important; gap: 8px !important; margin-top: 10px !important; }
body.terminal .mrow .half { border: 1px solid var(--g-line2) !important; border-radius: 3px !important; background: var(--g-card) !important; text-align: center !important; }
body.terminal .mrow .half:hover { border-color: var(--g-green) !important; color: var(--g-green) !important; }
body.terminal .divider { display: flex !important; align-items: center !important; gap: 10px !important; margin: 18px 0 4px !important; font-size: 12px !important; color: var(--g-dim) !important; }
body.terminal .divider::before, body.terminal .divider::after { content: "" !important; flex: 1 !important; border-top: 1px solid var(--g-line) !important; }

/* faq accordions */
body.terminal details.qa { background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; margin-top: 8px !important; }
body.terminal details.qa summary { cursor: pointer !important; list-style: none !important; padding: 10px 14px !important; display: flex !important; justify-content: space-between !important; gap: 10px !important; min-height: 40px !important; align-items: center !important; }
body.terminal details.qa summary::-webkit-details-marker { display: none !important; }
body.terminal details.qa summary span.k { font-size: 12px !important; color: var(--g-dim) !important; align-self: center !important; }
body.terminal details.qa div.a { padding: 0 14px 14px !important; }

/* help counters */
body.terminal .counter {
  display: flex !important; justify-content: space-between !important; align-items: center !important;
  text-decoration: none !important; color: var(--g-fg) !important;
}
body.terminal .counter:hover { border-color: var(--g-green) !important; }
body.terminal .counter:hover h4, body.terminal .counter:hover p, body.terminal .counter:hover span.a { color: var(--g-green) !important; }
body.terminal .counter span.a { font-size: 12px !important; white-space: nowrap !important; margin-left: 12px !important; color: var(--g-dim) !important; }

/* equilibrium scale */
body.terminal .scale { display: flex !important; gap: 0 !important; margin-top: 18px !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; background: var(--g-card) !important; }
body.terminal .scale div { flex: 1 !important; padding: 14px 10px !important; text-align: center !important; }
body.terminal .scale div + div { border-left: 1px solid var(--g-line) !important; }

/* size guide table */
body.terminal table.size { width: 100% !important; border-collapse: collapse !important; margin-top: 14px !important; font-size: 12px !important; max-width: 100% !important; }
body.terminal table.size th { font-size: 12px !important; text-align: left !important; padding: 8px !important; border-bottom: 1px solid var(--g-line2) !important; color: var(--g-dim) !important; }
body.terminal table.size td { padding: 9px 8px !important; border-bottom: 1px solid var(--g-line) !important; color: var(--g-fg) !important; }

/* track receipt */
body.terminal #track-result {
  margin-top: 16px !important; border: 1px dashed var(--g-line2) !important; border-radius: 3px !important;
  padding: 14px !important; display: none; background: var(--g-card) !important;
}

/* product rows: no thumbnails in rows — covers on detail only */
body.terminal .casegrid { display: block !important; margin: 0 !important; padding: 0 !important; }
body.terminal .casefile { background: none !important; border: 0 !important; border-bottom: 1px solid var(--g-line) !important; border-radius: 0 !important; padding: 9px 0 !important; display: block !important; width: 100% !important; min-width: 0 !important; }
body.terminal .casefile img.tile-ph, body.terminal .casefile .tile-fallback, body.terminal .casefile .frame4x5 { display: none !important; }
body.terminal .casefile h4 { font-size: 12px !important; font-weight: 400 !important; color: var(--g-fg) !important; padding: 0 !important; font-family: var(--g-mono) !important; }
body.terminal .filterbar { display: flex !important; flex-wrap: wrap !important; gap: 6px !important; margin: 12px 0 4px !important; }
body.terminal .filterbar a { border: 1px solid var(--g-line2) !important; color: var(--g-fg) !important; background: var(--g-card) !important; padding: 5px 12px !important; font-size: 12px !important; text-decoration: none !important; border-radius: 3px !important; min-height: 40px !important; display: inline-flex !important; align-items: center !important; }
body.terminal .filterbar a.on, body.terminal .filterbar a:hover { background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; border-color: var(--g-sel-bg) !important; }
body.terminal .shop-toolbar { display: flex !important; align-items: center !important; gap: 12px !important; margin: 12px 0 4px !important; flex-wrap: wrap !important; color: var(--g-mut) !important; }
body.terminal #shop-count { font-size: 12px !important; color: var(--g-dim) !important; margin: 0 !important; }

/* product detail */
body.terminal .photocard img, body.terminal .photocard svg { border-radius: 0 !important; max-width: 100% !important; }
body.terminal #p-thumbs button { border: 1px solid var(--g-line2) !important; border-radius: 3px !important; min-height: 40px !important; background: var(--g-card) !important; }
body.terminal #p-thumbs button img { display: block !important; width: 100% !important; }
body.terminal .sizebtn {
  background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; color: var(--g-fg) !important; border-radius: 3px !important;
  font-size: 12px !important; padding: 9px 0 !important; min-height: 40px !important; width: 100% !important; cursor: pointer !important;
  font-family: var(--g-mono) !important;
}
body.terminal .sizebtn.on { background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; }
body.terminal .sizebtn:disabled { opacity: .35 !important; text-decoration: line-through !important; }
body.terminal .spec { font-size: 12px !important; line-height: 1.6 !important; color: var(--g-mut) !important; }
body.terminal details.acc { border: 1px solid var(--g-line2) !important; border-radius: 3px !important; margin-top: 8px !important; background: var(--g-card) !important; }
body.terminal details.acc summary { cursor: pointer !important; padding: 10px 14px !important; font-size: 12px !important; font-weight: 700 !important; min-height: 40px !important; }
body.terminal details.acc .acc-b { padding: 0 14px 14px !important; font-size: 12px !important; color: var(--g-mut) !important; line-height: 1.6 !important; }

/* checkout steps + invoice */
body.terminal .tstep { background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; padding: 16px !important; margin-top: 16px !important; color: var(--g-fg) !important; }
/* returns page: numbered flex rows (different .step, same voice) */
body.terminal .step { display: flex !important; gap: 14px !important; margin-top: 14px !important; background: none !important; border: 0 !important; padding: 0 !important; }
body.terminal .step b.n { font-size: 12px !important; min-width: 34px !important; color: var(--g-green) !important; font-weight: 700 !important; font-family: var(--g-mono) !important; }
body.terminal .step p { font-size: 12px !important; line-height: 1.6 !important; color: var(--g-mut) !important; }
body.terminal .grid2 { display: grid !important; gap: 0 12px !important; grid-template-columns: 1fr 1fr !important; }
body.terminal .payrow { display: flex !important; flex-wrap: wrap !important; gap: 8px !important; margin-top: 12px !important; }
body.terminal .pay-btn.on { background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; border-color: var(--g-sel-bg) !important; }
body.terminal .slip2 {
  background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  color: var(--g-fg) !important; padding: 16px !important; position: static !important;
}
body.terminal .slip2 .row { display: flex !important; justify-content: space-between !important; font-size: 12px !important; margin-top: 8px !important; color: var(--g-mut) !important; opacity: 1 !important; }
body.terminal .slip2 .tot { border-top: 1px solid var(--g-line2) !important; color: var(--g-fg) !important; }
body.terminal .invoice-paper, body.terminal #invoice-root {
  background: var(--g-card) !important; color: var(--g-fg) !important; border: 1px dashed var(--g-line2) !important;
  border-radius: 3px !important; padding: 16px !important;
}
body.terminal #invoice-root p { font-size: 12px !important; line-height: 1.6 !important; color: var(--g-mut) !important; }
body.terminal .ledger { background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; }

/* cart drawer + sheets */
body.terminal .cart-drawer, body.terminal .drawer {
  position: fixed !important; top: 0 !important; right: 0 !important; bottom: 0 !important; width: min(420px, 94vw) !important;
  background: var(--g-bg) !important; border-left: 1px solid var(--g-line2) !important; z-index: 60 !important;
  display: flex !important; flex-direction: column !important;
}
body.terminal .sheet {
  position: relative !important; margin: 24px auto !important; width: 94% !important; max-width: 640px !important;
  background: var(--g-bg) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; padding: 16px !important;
}
body.terminal .overlay-dim, body.terminal .overlay { position: fixed !important; inset: 0 !important; background: rgba(28,26,20,.4) !important; z-index: 59 !important; }

/* portal home + tiles */
body.terminal .portal-box { background: transparent !important; border: 0 !important; padding: 0 !important; max-width: none !important; margin: 0 !important; text-align: left !important; }
body.terminal .portal-mail, body.terminal .portal-go { text-align: left !important; font-size: 12px !important; color: var(--g-mut) !important; margin: 8px 0 !important; }
body.terminal .portal-mail #notify-form, body.terminal .hf-mail #notify-form { display: inline-flex !important; gap: 6px !important; margin: 8px 0 0 !important; }
body.terminal .retro-vids { display: grid !important; gap: 12px !important; grid-template-columns: 1fr !important; margin: 18px 0 0 !important; max-width: 560px !important; }
body.terminal .retro-vid { background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; overflow: hidden !important; margin: 0 !important; }
body.terminal .retro-vid video { display: block !important; width: 100% !important; max-width: 100% !important; height: auto !important; }
body.terminal .retro-vid .vp-frame { display: block !important; aspect-ratio: auto !important; min-height: 0 !important; background: var(--g-card) !important; padding: 12px 14px !important; color: var(--g-dim) !important; font-size: 12px !important; }
body.terminal .film-cap { margin: 0 0 2px !important; }
body.terminal .hero-grid, body.terminal .tile-grid, body.terminal .split { display: grid !important; gap: 12px !important; }
body.terminal .hero-grid { grid-template-columns: 1.05fr .95fr !important; }
body.terminal .tile-grid { grid-template-columns: repeat(4, 1fr) !important; }
body.terminal .split { grid-template-columns: 1fr 1fr !important; }
body.terminal .tile {
  background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
  overflow: hidden !important; text-decoration: none !important; color: var(--g-fg) !important; display: block !important;
}
body.terminal .tile img.tile-ph { width: 100% !important; aspect-ratio: 4/5 !important; object-fit: cover !important; display: block !important; }
body.terminal .tile .tile-b { padding: 10px 12px !important; }
body.terminal .tile .tile-b b { font-size: 12px !important; font-weight: 700 !important; display: block !important; color: var(--g-fg) !important; }
body.terminal .tile .tile-b span, body.terminal .hero-media .cap { font-size: 12px !important; color: var(--g-mut) !important; display: block !important; margin-top: 4px !important; }
body.terminal .hero-media img, body.terminal .hero-media svg { width: 100% !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; display: block !important; }
body.terminal .service-box { background: var(--g-card) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; padding: 16px !important; }
body.terminal .service-box h3 { font-size: 13px !important; font-weight: 700 !important; margin: 0 0 8px !important; color: var(--g-fg) !important; }
body.terminal .cta-row { display: flex !important; flex-wrap: wrap !important; gap: 10px !important; margin-top: 16px !important; }

/* footer / toast */
body.terminal #site-footer { background: var(--g-side) !important; border-top: 1px solid var(--g-line) !important; margin-top: 40px !important; position: relative !important; z-index: 1 !important; }
body.terminal .house-footer { max-width: 900px !important; margin: 0 auto !important; padding: 16px 36px !important; font-size: 12px !important; color: var(--g-mut) !important; }
body.terminal .house-footer a { color: var(--g-fg) !important; }
body.terminal .hf-line b, body.terminal .hf-line { color: var(--g-fg) !important; }
body.terminal .hf-base { font-size: 12px !important; color: var(--g-dim) !important; border-top: 1px solid var(--g-line) !important; padding-top: 12px !important; margin-top: 8px !important; }
body.terminal #toast { background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; border-radius: 3px !important; border: 1px solid var(--g-sel-bg) !important; max-width: 92vw !important; font-size: 12px !important; }
body.terminal footer { border-top: 1px solid var(--g-line) !important; background: var(--g-side) !important; }

/* nextbar / pills */
body.terminal .nextbar { display: block !important; background: var(--g-card) !important; color: var(--g-fg) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; padding: 12px 14px !important; margin-top: 20px !important; text-decoration: none !important; }
body.terminal .nextbar span.n { font-size: 13px !important; font-weight: 700 !important; font-family: var(--g-mono) !important; }
body.terminal .nextbar span.b { display: inline-block !important; font-size: 12px !important; background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; border: 1px solid var(--g-sel-bg) !important; border-radius: 3px !important; padding: 5px 12px !important; margin-top: 8px !important; }
body.terminal .pill, body.terminal .pillrow .pill { background: var(--g-card) !important; color: var(--g-fg) !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important; font-size: 12px !important; padding: 5px 12px !important; font-family: var(--g-mono) !important; }
body.terminal .pillrow { display: flex !important; flex-wrap: wrap !important; gap: 12px !important; align-items: center !important; margin-top: 18px !important; }
body.terminal .badge { display: inline-block !important; font-size: 12px !important; padding: 1px 7px !important; border-radius: 4px !important; border: 1px solid var(--g-line2) !important; background: var(--g-sel-bg) !important; color: var(--g-sel-fg) !important; }
body.terminal .badge.ok { background: var(--g-green) !important; border-color: var(--g-green) !important; color: #fff !important; }
body.terminal .badge.warn { background: var(--g-amber) !important; border-color: var(--g-amber) !important; color: #fff !important; }
body.terminal .badge.err { background: var(--g-red) !important; border-color: var(--g-red) !important; color: #fff !important; }

/* radio stays dark phosphor hardware — do not lighten */
body.terminal .radio-tuner, body.terminal .tuner-dark {
  background: #0a120c !important; color: #7dff9a !important; border: 1px solid var(--g-line2) !important; border-radius: 3px !important;
}

/* swatches / misc js hooks */
body.terminal .swatch { display: inline-block !important; width: 14px !important; height: 14px !important; border-radius: 9999px !important; border: 1px solid var(--g-line2) !important; }
body.terminal .tile-fallback { display: none !important; }
body.terminal .halftone { background-color: var(--g-card) !important; }

/* ---------- utility shim (layout for JS-rendered commerce; paper colors) ---------- */
body.terminal .flex{display:flex !important}body.terminal .inline-flex{display:inline-flex !important}
body.terminal .grid{display:grid !important}.body.terminal .block{display:block !important}.body.terminal .inline-block{display:inline-block !important}.body.terminal .hidden{display:none !important}
body.terminal .flex-1{flex:1 1 0% !important}.body.terminal .flex-col{flex-direction:column !important}.body.terminal .shrink-0{flex-shrink:0 !important}
body.terminal .items-start{align-items:flex-start !important}.body.terminal .items-center{align-items:center !important}.body.terminal .justify-between{justify-content:space-between !important}.body.terminal .justify-center{justify-content:center !important}.body.terminal .justify-end{justify-content:flex-end !important}
body.terminal .gap-2{gap:8px !important}.body.terminal .gap-3{gap:12px !important}.body.terminal .gap-4{gap:16px !important}.body.terminal .gap-6{gap:24px !important}.body.terminal .gap-8{gap:32px !important}.body.terminal .gap-10{gap:40px !important}.body.terminal .gap-\[5px\]{gap:5px !important}.body.terminal .gap-1\.5{gap:6px !important}
body.terminal .grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.body.terminal .grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr)) !important}
body.terminal .grid-cols-\[1fr_60px_90px_90px\]{grid-template-columns:1fr 60px 90px 90px !important}
body.terminal .relative{position:relative !important}.body.terminal .absolute{position:absolute !important}.body.terminal .inset-0{top:0 !important;right:0 !important;bottom:0 !important;left:0 !important}
body.terminal .top-2{top:8px !important}.body.terminal .right-2{right:8px !important}.body.terminal .top-3{top:12px !important}.body.terminal .right-3{right:12px !important}
body.terminal .top-1\/2{top:50% !important}.body.terminal .-translate-y-1\/2{transform:translateY(-50%) !important}.body.terminal .bottom-2{bottom:8px !important}
body.terminal .w-full{width:100% !important}.body.terminal .h-full{height:100% !important}
body.terminal .w-2{width:8px !important}.body.terminal .h-2{height:8px !important}.body.terminal .w-3{width:12px !important}.body.terminal .h-3{height:12px !important}
body.terminal .w-6{width:24px !important}.body.terminal .w-7{width:28px !important}.body.terminal .h-7{height:28px !important}.body.terminal .w-9{width:36px !important}.body.terminal .h-9{height:36px !important}
body.terminal .w-12{width:48px !important}.body.terminal .h-12{height:48px !important}.body.terminal .h-16{height:64px !important}.body.terminal .h-6{height:24px !important}
body.terminal .w-\[120px\]{width:120px !important}.body.terminal .w-\[86px\]{width:86px !important}.body.terminal .h-\[160px\]{height:160px !important}.body.terminal .h-\[114px\]{height:114px !important}
body.terminal .w-\[72px\]{width:72px !important}.body.terminal .h-\[1px\]{height:1px !important}
body.terminal .overflow-hidden{overflow:hidden !important}.body.terminal .rounded-full{border-radius:9999px !important}
body.terminal .border{border-width:1px !important}.body.terminal .border-2{border-width:2px !important}.body.terminal .border-\[1\.5px\]{border-width:1.5px !important}
body.terminal .border-b{border-bottom-width:1px !important}.body.terminal .border-t{border-top-width:1px !important}.body.terminal .border-t-2{border-top-width:2px !important}.body.terminal .border-b-2{border-bottom-width:2px !important}
body.terminal .border-l{border-left-width:1px !important}.body.terminal .border-l-2{border-left-width:2px !important}.body.terminal .border-y{border-top-width:1px !important;border-bottom-width:1px !important}.body.terminal .border-dashed{border-style:dashed !important}
body.terminal .border-black,body.terminal .border-\[\#141310\]{border-color:var(--g-line2) !important}
body.terminal .border-black\/5,body.terminal .border-black\/10,body.terminal .border-black\/20,body.terminal .border-\[\#141310\]\/10,body.terminal .border-\[\#141310\]\/15,body.terminal .border-\[\#141310\]\/20,body.terminal .border-\[\#141310\]\/\[0\.08\]{border-color:var(--g-line) !important}
body.terminal .border-white{border-color:var(--g-line) !important}
body.terminal .border-amber-200,body.terminal .border-\[\#E9B44C\]{border-color:var(--g-amber) !important}
body.terminal .divide-y>*+*{border-top-width:1px !important}.body.terminal .divide-black\/5>*+*,body.terminal .divide-\[\#141310\]\/10>*+*{border-top-color:var(--g-line) !important}
body.terminal .bg-black,body.terminal .bg-\[\#141310\],body.terminal .bg-\[\#9B1B20\]{background:var(--g-sel-bg) !important;color:var(--g-sel-fg) !important;border:1px solid var(--g-sel-bg) !important}
body.terminal .bg-white,body.terminal .bg-\[\#fcfcfc\],body.terminal .bg-\[\#f7f7f5\],body.terminal .bg-\[\#FDF6E3\]{background:var(--g-card) !important;color:var(--g-fg) !important}
body.terminal .bg-\[\#edeae3\]{background:var(--g-side) !important}
body.terminal .bg-\[\#141310\]\/10{background:var(--g-side) !important}
body.terminal .bg-\[\#E9B44C\]{background:var(--g-amber) !important;color:#fff !important}
body.terminal .bg-\[\#E9B44C\]\/40{background:var(--g-line) !important}
body.terminal .bg-amber-50{background:var(--g-card) !important}.body.terminal .bg-amber-600{background:var(--g-amber) !important;color:#fff !important}
body.terminal .bg-green-500,body.terminal .bg-green-600{background:var(--g-green) !important;color:#fff !important}
body.terminal .text-white,body.terminal .text-\[\#FDF6E3\]{color:var(--g-sel-fg) !important}
body.terminal .text-black,body.terminal .text-\[\#141310\]{color:var(--g-fg) !important}
body.terminal .text-green-600,body.terminal .text-green-700{color:var(--g-green) !important}
body.terminal [class*="text-["]{font-size:12px !important}
body.terminal .text-center{text-align:center !important}.body.terminal .text-right{text-align:right !important}.body.terminal .text-left{text-align:left !important}
body.terminal [class*="tracking-"]{letter-spacing:normal !important}
body.terminal .uppercase{text-transform:none !important}
body.terminal .font-medium{font-weight:700 !important}.body.terminal .font-normal{font-weight:400 !important}
body.terminal .underline{text-decoration:underline !important}.body.terminal .line-through{text-decoration:line-through !important}
body.terminal .opacity-0{opacity:0 !important}.body.terminal .opacity-20{opacity:.2 !important}.body.terminal .opacity-30{opacity:.3 !important}.body.terminal .opacity-40{opacity:.4 !important}.body.terminal .opacity-50{opacity:.5 !important}.body.terminal .opacity-60{opacity:.6 !important}
body.terminal .mt-2{margin-top:8px !important}.body.terminal .mt-3{margin-top:12px !important}.body.terminal .mt-4{margin-top:16px !important}.body.terminal .mt-5{margin-top:20px !important}.body.terminal .mt-6{margin-top:24px !important}.body.terminal .mt-8{margin-top:32px !important}.body.terminal .mt-10{margin-top:40px !important}
body.terminal .mt-0\.5{margin-top:2px !important}.body.terminal .mt-1{margin-top:4px !important}
body.terminal .mb-2{margin-bottom:8px !important}.body.terminal .mb-4{margin-bottom:16px !important}.body.terminal .ml-2{margin-left:8px !important}.body.terminal .ml-auto{margin-left:auto !important}
body.terminal .p-0{padding:0 !important}.body.terminal .p-1{padding:4px !important}.body.terminal .p-2{padding:8px !important}.body.terminal .p-3{padding:12px !important}.body.terminal .p-4{padding:16px !important}.body.terminal .p-5{padding:20px !important}.body.terminal .p-6{padding:24px !important}.body.terminal .p-8{padding:32px !important}.body.terminal .p-\[6px\]{padding:6px !important}
body.terminal .px-1{padding-left:4px !important;padding-right:4px !important}.body.terminal .px-1\.5{padding-left:6px !important;padding-right:6px !important}.body.terminal .px-2{padding-left:8px !important;padding-right:8px !important}.body.terminal .px-3{padding-left:12px !important;padding-right:12px !important}.body.terminal .px-4{padding-left:16px !important;padding-right:16px !important}.body.terminal .px-5{padding-left:20px !important;padding-right:20px !important}.body.terminal .px-6{padding-left:24px !important;padding-right:24px !important}.body.terminal .px-8{padding-left:32px !important;padding-right:32px !important}.body.terminal .px-10{padding-left:40px !important;padding-right:40px !important}
body.terminal .py-0\.5{padding-top:2px !important;padding-bottom:2px !important}.body.terminal .py-1{padding-top:4px !important;padding-bottom:4px !important}.body.terminal .py-1\.5{padding-top:6px !important;padding-bottom:6px !important}.body.terminal .py-2{padding-top:8px !important;padding-bottom:8px !important}.body.terminal .py-2\.5{padding-top:10px !important;padding-bottom:10px !important}.body.terminal .py-3{padding-top:12px !important;padding-bottom:12px !important}.body.terminal .py-3\.5{padding-top:14px !important;padding-bottom:14px !important}.body.terminal .py-4{padding-top:16px !important;padding-bottom:16px !important}.body.terminal .py-6{padding-top:24px !important;padding-bottom:24px !important}.body.terminal .py-8{padding-top:32px !important;padding-bottom:32px !important}.body.terminal .py-16{padding-top:64px !important;padding-bottom:64px !important}.body.terminal .py-20{padding-top:80px !important;padding-bottom:80px !important}
body.terminal .pt-2{padding-top:8px !important}.body.terminal .pt-3{padding-top:12px !important}.body.terminal .pt-4{padding-top:16px !important}.body.terminal .pt-\[16px\]{padding-top:16px !important}.body.terminal .pb-0\.5{padding-bottom:2px !important}.body.terminal .pb-2{padding-bottom:8px !important}.body.terminal .pb-4{padding-bottom:16px !important}.body.terminal .pb-6{padding-bottom:24px !important}.body.terminal .pb-10{padding-bottom:40px !important}.body.terminal .pl-3{padding-left:12px !important}.body.terminal .pl-6{padding-left:24px !important}
body.terminal .space-y-0>*+*{margin-top:0 !important}.body.terminal .space-y-1\.5>*+*{margin-top:6px !important}.body.terminal .space-y-4>*+*{margin-top:16px !important}
body.terminal .object-cover{object-fit:cover !important}.body.terminal .object-top{object-position:top !important}.body.terminal .cursor-pointer{cursor:pointer !important}.body.terminal .cursor-not-allowed{cursor:not-allowed !important}.body.terminal .outline-none{outline:none !important}
body.terminal .leading-none{line-height:1 !important}.body.terminal .leading-relaxed,.body.terminal .leading-\[1\.7\]{line-height:1.6 !important}.body.terminal .leading-tight{line-height:1.3 !important}
body.terminal .aspect-\[3\/4\]{aspect-ratio:3/4 !important}.body.terminal .aspect-\[3\/4\.2\]{aspect-ratio:3/4.2 !important}
body.terminal .max-w-\[1600px\]{max-width:1600px !important}.body.terminal .mx-auto{margin-left:auto !important;margin-right:auto !important}.body.terminal .min-w-0{min-width:0 !important}.body.terminal .min-h-\[70vh\]{min-height:70vh !important}
body.terminal .sticky{position:sticky !important}.body.terminal .col-span-4{grid-column:span 4/span 4 !important}
body.terminal .vrajhna-serif,.body.terminal .font-display{font-family:var(--g-mono) !important}.body.terminal .font-type,.body.terminal .font-mono{font-family:var(--g-mono) !important}
@media(min-width:768px){
.body.terminal .md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr)) !important}.body.terminal .md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr)) !important}.body.terminal .md\:grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr)) !important}
.body.terminal .md\:p-10{padding:40px !important}.body.terminal .md\:px-8{padding-left:32px !important;padding-right:32px !important}.body.terminal .md\:pt-\[20px\]{padding-top:20px !important}
.body.terminal .md\:gap-10{gap:40px !important}.body.terminal .md\:gap-4{gap:16px !important}.body.terminal .md\:text-right{text-align:right !important}.body.terminal .md\:w-\[300px\]{width:300px !important}
.body.terminal .md\:inline{display:inline !important}.body.terminal .md\:hidden{display:none !important}.body.terminal .md\:flex{display:flex !important}.body.terminal .md\:block{display:block !important}
.body.terminal .md\:aspect-\[3\/3\.6\]{aspect-ratio:3/3.6 !important}
}
@media(min-width:1024px){
.body.terminal .lg\:grid-cols-\[1\.2fr_0\.8fr\]{grid-template-columns:1.2fr .8fr !important}
.body.terminal .lg\:sticky{position:sticky !important}.body.terminal .lg\:top-\[100px\]{top:100px !important}
.body.terminal .lg\:max-h-\[calc\(100vh-100px\)\]{max-height:calc(100vh - 100px) !important}.body.terminal .lg\:overflow-y-auto{overflow-y:auto !important}
}

/* overflow armor */
body.terminal img, body.terminal video, body.terminal svg { max-width: 100% !important; }
body.terminal input, body.terminal select, body.terminal textarea, body.terminal button { max-width: 100% !important; }
body.terminal table { max-width: 100% !important; }
body.terminal .co-grid { display: grid !important; gap: 0 20px !important; grid-template-columns: 1.15fr .85fr !important; }
@media (max-width: 900px) { body.terminal .co-grid { grid-template-columns: 1fr !important; } }
@media (max-width: 760px) {
  body.terminal .doc-inner { padding: 64px 16px 48px !important; }
  body.terminal h1.doctitle, body.terminal .doctitle, body.terminal h1.case-title, body.terminal .portal-word { font-size: 19px !important; }
  body.terminal ol.rows > li { grid-template-columns: 36px 20px 1fr !important; gap: 8px !important; }
  body.terminal .tile-grid { grid-template-columns: repeat(2, 1fr) !important; }
  body.terminal .hero-grid, body.terminal .split { grid-template-columns: 1fr !important; }
  body.terminal .grid2 { grid-template-columns: 1fr !important; }
  body.terminal .hud { top: 14px !important; }
  body.terminal .house-footer { padding: 16px !important; }
  body.terminal .retro-vids { max-width: none !important; }
}
@media (prefers-reduced-motion: reduce) {
  body.terminal canvas.rain { display: none !important; }
  body.terminal aside.tree { transition: none !important; }
}
@media print {
  body.terminal canvas.rain, body.terminal .hud, body.terminal .burger, body.terminal .scrim, body.terminal aside.tree,
  body.terminal #toast, body.terminal #site-footer, body.terminal footer, body.terminal .noprint { display: none !important; }
  body.terminal .doc-inner { padding: 0 !important; }
}