/* GENERATED by _tools/build.py from _src/static/theme.src.css; edit that file, not this one. */
/* Happy Lucky Fish Club — theme layer, loaded after style.css on every page.
   SOURCE FILE: edit _src/static/theme.src.css, then run _tools/build.py (it writes theme.css).
   "html:not([data-theme="cyber"]) " below expands to  html:not([data-theme="cyber"])  so the plain ("boring") look is the default for everyone,
   even with JavaScript off. style.css is left exactly as it was and *is* the cyber look; everything here only
   overrides it when cyber mode is off. The extra html:not() in each selector out-ranks the style.css rule it
   replaces, so file order does not matter; !important is used only against inline style="" attributes. */

/* ---------- both themes: the toggle button and the show/hide helpers ---------- */
html[data-theme="cyber"] .theme-boring-only{display:none!important}
html:not([data-theme="cyber"]) .theme-cyber-only{display:none!important}
html:not([data-theme]) .theme-toggle{display:none}        /* no JavaScript: nothing to toggle */
.theme-toggle{flex:none;cursor:pointer;font:inherit;white-space:nowrap}
.brand+.theme-toggle{margin-left:auto}                    /* search.js not loaded: toggle still sits at the right */
html[data-theme="cyber"] .theme-toggle{
  font-family:var(--mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--void);
  background:var(--mag);border:1px solid var(--mag);padding:7px 10px;
  clip-path:polygon(6px 0,100% 0,100% calc(100% - 6px),calc(100% - 6px) 100%,0 100%,0 6px)}
html[data-theme="cyber"] .theme-toggle:hover{background:#ff7ae2}
html[data-theme="cyber"] .theme-toggle:focus-visible{outline:1px dashed var(--cy);outline-offset:3px}
html:not([data-theme="cyber"]) .theme-toggle{font-family:var(--ui);font-size:13px;line-height:1.2;color:var(--muted);background:#fff;
  border:1px solid #c9cec9;border-radius:999px;padding:6px 12px}
html:not([data-theme="cyber"]) .theme-toggle::before{content:"";display:inline-block;width:.62em;height:.62em;margin-right:.45em;border-radius:50%;
  border:1.5px solid currentColor;vertical-align:.02em}
html:not([data-theme="cyber"]) .theme-toggle:hover{color:var(--text);border-color:#9aa39d}
html:not([data-theme="cyber"]) .theme-toggle:focus-visible{outline:2px solid var(--cy);outline-offset:2px}
@media (max-width:760px){.theme-toggle{padding:6px 9px!important;font-size:12px!important}}
@media print{.theme-toggle{display:none!important}}
/* placeholder stubs ("not written yet") stay in the HTML for later but are hidden in both themes; they also carry the hidden attribute */
.placeholder,[hidden].callout,[hidden].card{display:none!important}

/* ---------- plain theme: palette and type ---------- */
html:not([data-theme="cyber"]) {
  color-scheme:light;
  --void:#faf4e8;            /* page: warm cream paper */
  --panel:#fffdf8;           /* cards and figures: lighter paper */
  --paper-2:#f3e9d6;         /* tinted bands: table heads, jump bars, footer */
  --cy:#17595e;              /* primary accent (links, active nav, buttons): deep teal, 7.3:1 on the page */
  --cy-deep:#0f4044;
  --cy-dim:#8fb0ad;
  --cy-faint:#e6dac4;        /* hairlines and borders, warm */
  --cy-text:#3d6468;         /* small labels, 6:1 */
  --mag:#b4431b;             /* goldfish orange-red: rules, badges, accents (5.1:1 as text) */
  --mag-deep:#9a3b14;        /* orange-red for h3 and small text, 6.4:1 */
  --mag-dim:#e2b49b;
  --mag-tint:#fbeadb;
  --warn:#7a4f00;            /* amber notes */
  --text:#2b2520;            /* body copy: warm ink, 13.8:1 */
  --muted:#5e5348;           /* secondary copy, 6.8:1 */
  --ink:#2f3a40;             /* line drawings */
  --ui:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Charter,"Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
  --display:"Hoefler Text","Baskerville","Big Caslon","Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --mono:var(--ui);          /* style.css uses --mono for labels and nav: plain sans here (real code keeps a mono face below) */
  --body-font:var(--serif);
  --hud-inset:0px;
}
html:not([data-theme="cyber"]) body{color:var(--text);font-weight:400;line-height:1.7;background-color:var(--void);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .32 0 0 0 0 .16 0 0 0 .05 0'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E"),
    radial-gradient(1200px 600px at 85% -10%,rgba(180,67,27,.06),transparent 70%),
    radial-gradient(900px 500px at -10% 30%,rgba(23,89,94,.05),transparent 70%);
  background-attachment:scroll,fixed,fixed}
html:not([data-theme="cyber"]) *,html:not([data-theme="cyber"]) *::before,html:not([data-theme="cyber"]) *::after{text-shadow:none!important}
html:not([data-theme="cyber"]) .scan,html:not([data-theme="cyber"]) .vig,html:not([data-theme="cyber"]) .hud-frame,html:not([data-theme="cyber"]) .egg-fish{display:none!important}
html:not([data-theme="cyber"]) ::selection{background:#f6d3bd;color:var(--text)}

/* links */
html:not([data-theme="cyber"]) a{color:var(--cy);text-decoration-color:rgba(23,89,94,.4);text-underline-offset:.16em;text-decoration-thickness:1px}
html:not([data-theme="cyber"]) a:hover{color:var(--mag-deep);text-decoration-color:currentColor;text-decoration-thickness:2px}
html:not([data-theme="cyber"]) a:focus-visible,html:not([data-theme="cyber"]) button:focus-visible,html:not([data-theme="cyber"]) summary:focus-visible{outline:2px solid var(--cy);outline-offset:2px}

/* header and nav */
html:not([data-theme="cyber"]) .site-head{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom:1px solid var(--cy-faint);box-shadow:0 1px 0 rgba(0,0,0,.02)}
html:not([data-theme="cyber"]) .site-head .bar{padding:10px 22px;gap:10px 16px}
html:not([data-theme="cyber"]) .brand{font-family:var(--serif);color:var(--text);letter-spacing:0;text-transform:none;font-size:19px;font-weight:600}
html:not([data-theme="cyber"]) .brand img{display:none}
html:not([data-theme="cyber"]) .brand small{font-family:var(--ui);font-size:11px;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
html:not([data-theme="cyber"]) .site-nav{gap:2px 4px;font-family:var(--ui)}
html:not([data-theme="cyber"]) .site-nav a,html:not([data-theme="cyber"]) .nav-drop>summary{font-family:var(--ui);font-size:14px;letter-spacing:0;text-transform:none;color:var(--text);
  background:transparent;border:1px solid transparent;border-radius:6px;padding:6px 10px;clip-path:none}
html:not([data-theme="cyber"]) .site-nav a:hover,html:not([data-theme="cyber"]) .nav-drop>summary:hover,html:not([data-theme="cyber"]) .nav-drop[open]>summary{background:#f1e7d3;border-color:transparent;color:var(--text)}
html:not([data-theme="cyber"]) .site-nav a[aria-current=page],html:not([data-theme="cyber"]) .nav-drop.cur>summary{background:transparent;color:var(--cy);border-color:transparent;
  box-shadow:inset 0 -2px 0 var(--cy);border-radius:6px 6px 0 0;font-weight:600}
html:not([data-theme="cyber"]) .nav-drop>summary::after,html:not([data-theme="cyber"]) .nav-drop.cur>summary::after{border-top-color:var(--muted)}
html:not([data-theme="cyber"]) .nav-panel{background:#fff;border:1px solid var(--cy-faint);border-radius:8px;box-shadow:0 10px 28px rgba(20,30,40,.12);gap:2px;padding:6px}
html:not([data-theme="cyber"]) .nav-panel::before{content:none}
html:not([data-theme="cyber"]) .site-nav .nav-panel a{padding:8px 10px;border-radius:5px}
html:not([data-theme="cyber"]) .site-nav .nav-panel a[aria-current=page]{box-shadow:none;background:#e6efed;border-radius:5px}
html:not([data-theme="cyber"]) .site-nav .nav-panel a span[lang],html:not([data-theme="cyber"]) .site-nav .nav-panel a[aria-current=page] span[lang]{color:var(--muted);letter-spacing:0}
html:not([data-theme="cyber"]) .site-nav .nav-panel a.all{border:1px dashed var(--cy-faint);color:var(--muted)}

/* text */
html:not([data-theme="cyber"]) .wrap{max-width:46rem;padding:36px 22px 72px}
html:not([data-theme="cyber"]) h1,html:not([data-theme="cyber"]) h2,html:not([data-theme="cyber"]) h3{font-family:var(--serif);color:var(--text);font-weight:600;letter-spacing:0;text-transform:none}
html:not([data-theme="cyber"]) h1{font-size:clamp(30px,4.4vw,42px);line-height:1.15;margin:.4em 0 .5em}
html:not([data-theme="cyber"]) h2{font-size:clamp(22px,2.8vw,27px);margin:2.1em 0 .6em;padding-top:.9em;border-top:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) h3{font-size:19px;color:var(--text);margin:1.7em 0 .45em}
html:not([data-theme="cyber"]) h2::before,html:not([data-theme="cyber"]) h3::before,html:not([data-theme="cyber"]) main h4::before{content:none}
html:not([data-theme="cyber"]) main h4{font-family:var(--ui);font-size:15px;font-weight:600;letter-spacing:0;color:var(--text)}
html:not([data-theme="cyber"]) .h1-like{font-size:clamp(28px,3.6vw,36px);letter-spacing:0;text-transform:none}
html:not([data-theme="cyber"]) strong{color:inherit;font-weight:700}
html:not([data-theme="cyber"]) em{color:inherit}
html:not([data-theme="cyber"]) code{font-family:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;color:#5b3a00;background:#f6f1e6;border:1px solid #ebe2cf;border-radius:3px}
html:not([data-theme="cyber"]) hr{border-top:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) li::marker{color:var(--muted)}
html:not([data-theme="cyber"]) p img{border:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) blockquote{border-left:3px solid var(--cy-faint);background:transparent;color:var(--muted)}
html:not([data-theme="cyber"]) .lead{font-size:1.15em;color:var(--muted)}
html:not([data-theme="cyber"]) .ja-quote,html:not([data-theme="cyber"]) .vb-intro{color:var(--muted)}

/* cards, callouts, jump bars, tables, footer */
html:not([data-theme="cyber"]) .disclaimer,html:not([data-theme="cyber"]) .card,html:not([data-theme="cyber"]) .callout{background:#fff;border:1px solid var(--cy-faint);border-radius:8px;padding:18px 20px 16px}
html:not([data-theme="cyber"]) .disclaimer{background:#fdf8ec;border-color:#ead9b0}
html:not([data-theme="cyber"]) .disclaimer::before,html:not([data-theme="cyber"]) .card::before,html:not([data-theme="cyber"]) .callout::before{font-family:var(--ui);font-size:11px;font-weight:600;letter-spacing:.12em;
  color:var(--cy-text);background:var(--void);border-radius:3px;top:-10px}
html:not([data-theme="cyber"]) .disclaimer::before{color:var(--warn)}
html:not([data-theme="cyber"]) .placeholder{border:1px dashed #d9cbb2;background:#fdf8ef}
html:not([data-theme="cyber"]) .placeholder::before{color:var(--muted)}
html:not([data-theme="cyber"]) .jump{font-family:var(--ui);font-size:14px;background:#f3ead9;border:0;border-radius:6px;color:var(--muted)}
html:not([data-theme="cyber"]) th,html:not([data-theme="cyber"]) td{border:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) th{font-family:var(--ui);font-weight:600;font-size:13px;letter-spacing:.02em;text-transform:none;color:var(--text);background:#f1e6d2}
html:not([data-theme="cyber"]) tbody tr:nth-child(even) td{background:#fdf8ef}
html:not([data-theme="cyber"]) tbody tr:hover td{background:#eef3f0}
html:not([data-theme="cyber"]) footer.site-foot,html:not([data-theme="cyber"]) .wrap footer{font-family:var(--ui);font-size:14px;letter-spacing:0;color:var(--muted);border-top:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) ul.sitemap li,html:not([data-theme="cyber"]) ul.sources>li{background:#fff;border:1px solid var(--cy-faint);border-radius:6px}
html:not([data-theme="cyber"]) ul.sitemap li a{font-family:var(--ui);font-weight:600;letter-spacing:0}
html:not([data-theme="cyber"]) .home .logo{display:none}                               /* the neon logo; see NOTES.md (needs a plain drawing) */
html:not([data-theme="cyber"]) .related,html:not([data-theme="cyber"]) .hint-line{font-family:var(--ui);color:var(--muted)}
html:not([data-theme="cyber"]) .unc{font-family:var(--ui);color:var(--warn)}
html:not([data-theme="cyber"]) .btn{font-family:var(--ui);font-size:14px;letter-spacing:0;text-transform:none;color:var(--cy);background:#fff;
  border:1px solid var(--cy-dim);border-radius:6px;clip-path:none;padding:7px 12px}
html:not([data-theme="cyber"]) .btn:hover{background:#e9f1ef}

/* fundraiser strip */
html:not([data-theme="cyber"]) .fund-banner{background:#fbf1e8;border-bottom:1px solid #ecd6c4;box-shadow:none}
html:not([data-theme="cyber"]) .fund-banner p{font-family:var(--ui)}
html:not([data-theme="cyber"]) .fund-banner .fb-tag{font-family:var(--ui);font-weight:600;letter-spacing:.1em;color:var(--mag);border-color:var(--mag-dim);border-radius:3px}

/* ---------- home: the hologram hero becomes a plain masthead with a field guide drawing ---------- */
html:not([data-theme="cyber"]) .hero{height:auto;min-height:0;overflow:visible;background:#f3e3c9;border-bottom:1px solid var(--cy-faint);
  display:grid;grid-template-columns:minmax(0,1fr) minmax(0,520px);align-items:center;gap:8px 40px;
  padding:44px max(22px,calc((100vw - 74rem)/2))}
html:not([data-theme="cyber"]) .hero canvas,html:not([data-theme="cyber"]) .hero-fallback,html:not([data-theme="cyber"]) .hero .tele,html:not([data-theme="cyber"]) .hero .status,html:not([data-theme="cyber"]) .hero .hint,html:not([data-theme="cyber"]) .hero .id small,html:not([data-theme="cyber"]) .hero .id p,
html:not([data-theme="cyber"]) .hero .ctrl button,html:not([data-theme="cyber"]) .hero .ctrl .sep,html:not([data-theme="cyber"]) .hero .ctrl .parts{display:none!important}
html:not([data-theme="cyber"]) .hero-drawing{grid-column:2;grid-row:1;display:block;width:100%;height:auto;mix-blend-mode:multiply}
html:not([data-theme="cyber"]) .hero .hud{grid-column:1;grid-row:1;position:static;inset:auto;display:block;pointer-events:auto}
html:not([data-theme="cyber"]) .hero .row{display:block;padding:0}
html:not([data-theme="cyber"]) .hero .id h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px,5vw,56px);letter-spacing:-.01em;line-height:1.08;color:var(--text);margin:0 0 .5em}
html:not([data-theme="cyber"]) .hero .ctrl{font-family:var(--ui);gap:10px}
html:not([data-theme="cyber"]) .hero .ctrl a{font-family:var(--ui);font-size:15px;letter-spacing:0;text-transform:none;clip-path:none;border-radius:6px;padding:9px 16px;
  color:var(--cy);background:#fff;border:1px solid var(--cy-dim)}
html:not([data-theme="cyber"]) .hero .ctrl a:hover{background:#e9f1ef;border-color:var(--cy)}
html:not([data-theme="cyber"]) .hero .ctrl .enter{color:#fff;background:var(--cy);border-color:var(--cy)}
html:not([data-theme="cyber"]) .hero .ctrl .enter:hover{background:#0f4044}
@media (max-width:760px){
  html:not([data-theme="cyber"]) .hero{grid-template-columns:1fr;padding:26px 18px 22px;gap:12px}
  html:not([data-theme="cyber"]) .hero-drawing{grid-column:1;grid-row:2;max-width:420px;margin:0 auto}
  html:not([data-theme="cyber"]) .hero .id h1{font-size:34px}
}
html:not([data-theme]) .hero-drawing{display:none}     /* (never true with JS; keeps no-JS cyber fallbacks tidy) */

/* ---------- diagrams: tosakin, ranchu, oranda line drawings in ink on white ---------- */
html:not([data-theme="cyber"]) .tosa-fig{background:#fff;border:1px solid var(--cy-faint);border-radius:8px;padding:10px}
html:not([data-theme="cyber"]) .tosa-fig figcaption{font-family:var(--ui);letter-spacing:0;color:var(--muted)}
html:not([data-theme="cyber"]) .tosa-fig .ln,html:not([data-theme="cyber"]) .tosa-fig .thin,html:not([data-theme="cyber"]) .tosa-fig .fill,html:not([data-theme="cyber"]) .tosa-fig .cross{stroke:var(--ink)}
html:not([data-theme="cyber"]) .tosa-fig .fill{fill:#fff}
html:not([data-theme="cyber"]) .tosa-fig .zone{fill:rgba(23,89,94,.05)}
html:not([data-theme="cyber"]) .tosa-fig .ring{stroke:var(--mag)}
html:not([data-theme="cyber"]) .tosa-fig .dim,html:not([data-theme="cyber"]) .tosa-fig .lead{stroke:#b07a12}
html:not([data-theme="cyber"]) .tosa-fig .dot{fill:#b07a12}
html:not([data-theme="cyber"]) .tosa-fig text{fill:var(--text)}
html:not([data-theme="cyber"]) .tosa-fig .en{fill:var(--cy)}
html:not([data-theme="cyber"]) .tosa-fig .ja{fill:var(--text)}
html:not([data-theme="cyber"]) .tosa-fig .ro{fill:var(--muted)}
html:not([data-theme="cyber"]) .tosa-fig [style*="#8fb9c0"]{fill:var(--muted)!important}
html:not([data-theme="cyber"]) .tosa-side .ok{stroke:#2f7a4c}
html:not([data-theme="cyber"]) .tosa-side .mag{fill:var(--mag)} html:not([data-theme="cyber"]) .tosa-side .cy{fill:var(--cy)}
html:not([data-theme="cyber"]) .tosa-top .part.hl .zone{fill:rgba(23,89,94,.16)}
html:not([data-theme="cyber"]) .tosa-top .part.hl .ln,html:not([data-theme="cyber"]) .tosa-top .part.hl .fill,html:not([data-theme="cyber"]) .tosa-top .part.hl .dim{stroke:var(--cy);filter:none}
html:not([data-theme="cyber"]) .tosa-top .part.hl .ring{stroke:var(--cy)}
html:not([data-theme="cyber"]) .tosa-top .call.hl .en{fill:var(--mag)}
html:not([data-theme="cyber"]) .tosa-top .num circle{fill:#fff}
html:not([data-theme="cyber"]) .tosa-top.compact .call.hl .num circle{fill:var(--mag);stroke:var(--mag)}
html:not([data-theme="cyber"]) table.parts td:nth-child(2){color:var(--text)}
html:not([data-theme="cyber"]) table.parts tr.hl td{background:#e4efec}
html:not([data-theme="cyber"]) .badge{font-family:var(--ui);border-color:#b07a12;color:var(--warn)}
html:not([data-theme="cyber"]) tr.hl .badge{border-color:var(--mag)}
html:not([data-theme="cyber"]) .tosa-fig figcaption.cap-live{border-top:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) .cap-num{font-family:var(--ui);border-color:var(--mag)}
html:not([data-theme="cyber"]) .cap-name strong,html:not([data-theme="cyber"]) .cap-ja{color:var(--text)}
/* oranda.html: inline <style> traces and field guide plates */
html:not([data-theme="cyber"]) .or-trace .or-o,html:not([data-theme="cyber"]) .or-trace .or-oo{stroke:var(--ink)}
html:not([data-theme="cyber"]) .or-trace .or-o,html:not([data-theme="cyber"]) .or-trace .or-f{fill:rgba(43,55,65,.04)}
html:not([data-theme="cyber"]) .or-trace .or-l,html:not([data-theme="cyber"]) .or-trace .or-e,html:not([data-theme="cyber"]) .or-trace .or-k{stroke:var(--ink)}
html:not([data-theme="cyber"]) .or-trace .or-p{fill:var(--ink)}
html:not([data-theme="cyber"]) .or-trace [style*="#ff3b3b"]{fill:#e0583a!important}
html:not([data-theme="cyber"]) .or-trace [style*="#02070d"]{fill:#fff!important}
html:not([data-theme="cyber"]) .tosa-fig .or-trace .or-t{font-family:var(--ui);fill:var(--muted)}
html:not([data-theme="cyber"]) .or-ph-box{border-color:#d9c79c;color:var(--warn);font-family:var(--ui)}
html:not([data-theme="cyber"]) .todo{background:#fdf8ec;color:var(--warn)}
html:not([data-theme="cyber"]) .or-hero img{border-radius:4px}
html:not([data-theme="cyber"]) .fg-plate{background:#fff;border:1px solid var(--cy-faint);box-shadow:none;border-radius:8px}
html:not([data-theme="cyber"]) .fg-plate::before,html:not([data-theme="cyber"]) .fg-plate::after{content:none}
html:not([data-theme="cyber"]) .fg-tag{font-family:var(--ui);font-size:11px;letter-spacing:.1em;color:var(--muted)}
html:not([data-theme="cyber"]) .fg-tag b{color:var(--mag);font-weight:600}
html:not([data-theme="cyber"]) .fg-paper{box-shadow:none}

/* ---------- site search ---------- */
html:not([data-theme="cyber"]) .site-search{font-family:var(--ui)}
html:not([data-theme="cyber"]) .site-search input{color:var(--text);background:#fff;border:1px solid #d9cbb2;border-radius:6px;clip-path:none;letter-spacing:0;font-size:14px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Ccircle cx='10.5' cy='10.5' r='6.5' fill='none' stroke='%23535c64' stroke-width='2'/%3E%3Cpath d='M15.5 15.5 21 21' stroke='%23535c64' stroke-width='2.2'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:9px 50%;background-size:16px 16px}
html:not([data-theme="cyber"]) .site-search input::placeholder{color:#6b737a}
html:not([data-theme="cyber"]) .site-search input:focus{border-color:var(--cy);box-shadow:0 0 0 3px rgba(23,89,94,.18)}
html:not([data-theme="cyber"]) .site-search input::-webkit-search-cancel-button{background:linear-gradient(45deg,transparent 43%,var(--muted) 43%,var(--muted) 57%,transparent 57%),linear-gradient(-45deg,transparent 43%,var(--muted) 43%,var(--muted) 57%,transparent 57%)}
html:not([data-theme="cyber"]) .ss-list{background:#fff;border:1px solid var(--cy-faint);border-radius:8px;box-shadow:0 12px 30px rgba(20,30,40,.14)}
html:not([data-theme="cyber"]) .ss-list::before{content:none}
html:not([data-theme="cyber"]) .ss-opt{color:var(--text);border-left-color:transparent;border-radius:5px}
html:not([data-theme="cyber"]) .ss-opt:hover,html:not([data-theme="cyber"]) .ss-opt[aria-selected=true]{background:#eef3f0;border-color:transparent;border-left-color:var(--cy)}
html:not([data-theme="cyber"]) .ss-opt[aria-selected=true]{outline:2px solid var(--cy);outline-offset:-2px}
html:not([data-theme="cyber"]) .ss-page{font-family:var(--ui);letter-spacing:.06em;color:var(--muted)}
html:not([data-theme="cyber"]) .ss-head{font-family:var(--ui);font-weight:600;color:var(--text)}
html:not([data-theme="cyber"]) .ss-snip{color:var(--muted)}
html:not([data-theme="cyber"]) .ss-list mark,html:not([data-theme="cyber"]) .ss-page mark,html:not([data-theme="cyber"]) .ss-head mark{background:#fbeaa5;color:inherit;box-shadow:none}
@media (max-width:760px){
  html:not([data-theme="cyber"]) .ss-toggle{color:var(--muted);background:#fff;border:1px solid #d9cbb2;border-radius:6px;clip-path:none}
  html:not([data-theme="cyber"]) .ss-toggle[aria-expanded=true]{background:#e9f1ef;color:var(--cy);border-color:var(--cy-dim)}
  html:not([data-theme="cyber"]) .site-search input{font-size:16px}
}

/* ---------- variety tree + Matsui chart (SVG drawn by variety-tree.js / matsui-chart.js): plain, readable tree ---------- */
html:not([data-theme="cyber"]) .vt-fig{border:1px solid var(--cy-faint);box-shadow:none;background:#fff}
html:not([data-theme="cyber"]) .vt-svg .vt-bg{fill:#fff}
html:not([data-theme="cyber"]) .vt-svg .vt-scanl{display:none}
html:not([data-theme="cyber"]) .vt-svg .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-root .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-form .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-group .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-var .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-cross .vt-box{filter:none}
html:not([data-theme="cyber"]) .vt-svg .vt-root .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-form .vt-box{fill:#e3eeec;stroke:var(--cy)}
html:not([data-theme="cyber"]) .vt-svg .vt-group .vt-box{fill:#eef3f0;stroke:#6c9a97}
html:not([data-theme="cyber"]) .vt-svg .vt-type .vt-box{fill:#fff;stroke:#c4b89f}
html:not([data-theme="cyber"]) .vt-svg .vt-var .vt-box{fill:#fbefea;stroke:#c2765f}
html:not([data-theme="cyber"]) .vt-svg .vt-cross .vt-box{fill:#fff8f5;stroke:#c2765f}
html:not([data-theme="cyber"]) .vt-svg text{font-family:var(--ui)}
html:not([data-theme="cyber"]) .vt-svg .vt-zh{fill:var(--text)}
html:not([data-theme="cyber"]) .vt-svg .vt-en,html:not([data-theme="cyber"]) .vt-svg .vt-group .vt-en,html:not([data-theme="cyber"]) .vt-svg .vt-form .vt-en,html:not([data-theme="cyber"]) .vt-svg .vt-root .vt-en{fill:var(--muted)}
html:not([data-theme="cyber"]) .vt-svg .vt-var .vt-en,html:not([data-theme="cyber"]) .vt-svg .vt-cross .vt-en{fill:#8a3a25}
html:not([data-theme="cyber"]) .vt-svg .vt-jpm{fill:var(--warn)}
html:not([data-theme="cyber"]) .vt-svg .vt-xm{fill:var(--mag)}
html:not([data-theme="cyber"]) .vt-svg .vt-colh text{fill:var(--muted);opacity:1}
html:not([data-theme="cyber"]) .vt-svg .vt-e{opacity:.75}
html:not([data-theme="cyber"]) .vt-svg .vt-el{stroke:#8595a1}
html:not([data-theme="cyber"]) .vt-svg .vt-eh{stroke:var(--cy)}
html:not([data-theme="cyber"]) .vt-svg .vt-x .vt-xl{opacity:.6}
html:not([data-theme="cyber"]) .vt-svg .vt-e.hl .vt-el{stroke:var(--text)}
html:not([data-theme="cyber"]) .vt-svg .vt-n.hl .vt-box{stroke:var(--text)}
html:not([data-theme="cyber"]) .vt-svg .vt-n.sel .vt-box{stroke:var(--text);fill:#f6d9cf}
html:not([data-theme="cyber"]) .vt-svg .vt-group.sel .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-type.sel .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-form.sel .vt-box,html:not([data-theme="cyber"]) .vt-svg .vt-root.sel .vt-box{fill:#cde2df}
html:not([data-theme="cyber"]) .vt-svg .vt-n:focus-visible .vt-box{stroke:var(--cy)}
html:not([data-theme="cyber"]) .vt-svg .vt-x.hl .vt-xl,html:not([data-theme="cyber"]) .mc-svg .mc-x.hl .mc-el{animation:none}
/* cross lines: style.css's bright palette is set inline per line (--xc); darker versions of the same hues for white paper */
html:not([data-theme="cyber"]) .vt-x[style*="ff4fd8"]{--xc:#a8327c!important} html:not([data-theme="cyber"]) .vt-x[style*="ffcf5a"]{--xc:#8a6000!important}
html:not([data-theme="cyber"]) .vt-x[style*="7cf0a0"]{--xc:#1f7a45!important} html:not([data-theme="cyber"]) .vt-x[style*="8fb6ff"]{--xc:#2f5fb3!important}
html:not([data-theme="cyber"]) .vt-x[style*="c48bff"]{--xc:#6b3fb0!important} html:not([data-theme="cyber"]) .vt-x[style*="ff8a6a"]{--xc:#b2472a!important}
html:not([data-theme="cyber"]) .vt-x[style*="5ff6ff"]{--xc:#10707a!important} html:not([data-theme="cyber"]) .vt-x[style*="ffe17a"]{--xc:#7a6a00!important}
html:not([data-theme="cyber"]) .vt-x[style*="ff7ab8"]{--xc:#a8386a!important} html:not([data-theme="cyber"]) .vt-x[style*="9dffea"]{--xc:#1b7a68!important}
html:not([data-theme="cyber"]) .vt-x[style*="b7a3ff"]{--xc:#5a4aa8!important} html:not([data-theme="cyber"]) .vt-x[style*="ffb15a"]{--xc:#9a5410!important}
html:not([data-theme="cyber"]) .vt-x[style*="6ad1ff"]{--xc:#1d6fa0!important}
html:not([data-theme="cyber"]) .vt-cap{background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;border-top:1px solid var(--cy-faint);box-shadow:0 -6px 18px rgba(20,30,40,.08);font-family:var(--ui)}
html:not([data-theme="cyber"]) .vt-cap-info{color:var(--text)}
html:not([data-theme="cyber"]) .vt-cap .cap-ja{color:var(--text)}
html:not([data-theme="cyber"]) .vt-cap .vt-ct{color:var(--muted)}
html:not([data-theme="cyber"]) .vt-draw{background:#fffaf0;border:1px solid var(--cy-faint);border-radius:6px}
html:not([data-theme="cyber"]) .vt-fish .vt-fo{fill:rgba(43,55,65,.04);stroke:var(--ink)}
html:not([data-theme="cyber"]) .vt-fish .vt-fl,html:not([data-theme="cyber"]) .vt-fish .vt-fe{stroke:var(--ink)}
html:not([data-theme="cyber"]) .vt-fish .vt-fp{fill:var(--ink)}
html:not([data-theme="cyber"]) .vt-fish-cap,html:not([data-theme="cyber"]) .vt-tlist .vt-fish-th,html:not([data-theme="cyber"]) .vb-item .vb-fish{filter:none}
html:not([data-theme="cyber"]) .vt-draw-note,html:not([data-theme="cyber"]) .vt-swipe{font-family:var(--ui);color:var(--muted)}
html:not([data-theme="cyber"]) .vt-jp{font-family:var(--ui);color:var(--warn)}
html:not([data-theme="cyber"]) .vt-legend .sw-root{border-color:var(--cy);background:#e3eeec;box-shadow:none}
html:not([data-theme="cyber"]) .vt-legend .sw-group{border-color:#6c9a97;background:#eef3f0;box-shadow:none}
html:not([data-theme="cyber"]) .vt-legend .sw-var{border-color:#c2765f;background:#fbefea;box-shadow:none}
html:not([data-theme="cyber"]) .vt-legend .sw-cross{border-color:#c2765f;background:#fff8f5}
html:not([data-theme="cyber"]) .vt-list ul{border-left-color:var(--cy-faint)}
html:not([data-theme="cyber"]) .vt-list .vt-zh{color:var(--text)}
html:not([data-theme="cyber"]) .vt-list .vt-py{color:var(--cy-text)}
html:not([data-theme="cyber"]) .vt-list .vt-xli>.vt-li{color:var(--mag)}
html:not([data-theme="cyber"]) .vt-views button{font-family:var(--ui);font-size:14px;letter-spacing:0;text-transform:none;color:var(--text);background:#fff;
  border:1px solid #d9cbb2;border-radius:6px;clip-path:none}
html:not([data-theme="cyber"]) .vt-views button[aria-pressed=true]{background:var(--cy);color:#fff;border-color:var(--cy)}
html:not([data-theme="cyber"]) .vt-tlist{background:#fff}
html:not([data-theme="cyber"]) .vt-tlist ul ul{border-left-color:var(--cy-faint)}
html:not([data-theme="cyber"]) .vt-tlist summary,html:not([data-theme="cyber"]) .vt-tlist button{color:var(--text);border:1px solid var(--cy-faint);background:#fff;box-shadow:none}
html:not([data-theme="cyber"]) .vt-tlist summary::before{color:var(--muted);font-family:var(--ui)}
html:not([data-theme="cyber"]) .vt-tlist .vt-t-root>details>summary,html:not([data-theme="cyber"]) .vt-tlist .vt-t-form>details>summary{border-color:var(--cy-dim);background:#e3eeec;box-shadow:none}
html:not([data-theme="cyber"]) .vt-tlist .vt-t-group>details>summary{border-color:#b8cfcb;background:#eef3f0;box-shadow:none}
html:not([data-theme="cyber"]) .vt-tlist .vt-t-type>details>summary{border-color:var(--cy-faint);background:#fff}
html:not([data-theme="cyber"]) .vt-tlist .vt-t-xs>details>summary{border-color:#dcb9ab;background:#fffaf7}
html:not([data-theme="cyber"]) .vt-tlist .vt-t-variety>button{border-color:#dcb9ab;background:#fbefea;box-shadow:none}
html:not([data-theme="cyber"]) .vt-tlist .vt-t-cross>button{border-color:#dcb9ab;background:#fff8f5}
html:not([data-theme="cyber"]) .vt-tlist .vt-tz{color:var(--text)}
html:not([data-theme="cyber"]) .vt-tlist .vt-te{font-family:var(--ui);color:var(--muted)}
html:not([data-theme="cyber"]) .vt-tlist .vt-tp{color:#8a3a25}
html:not([data-theme="cyber"]) .vt-tlist .hl{border-color:var(--text)!important}
html:not([data-theme="cyber"]) .vt-tlist .sel{outline:2px solid var(--cy);background:#f6d9cf!important;box-shadow:none!important}
html:not([data-theme="cyber"]) .vt-tlist summary:focus-visible,html:not([data-theme="cyber"]) .vt-tlist button:focus-visible{outline:2px solid var(--cy)}
/* variety browse sections */
html:not([data-theme="cyber"]) .vb-search{background:#fff;border:1px solid var(--cy-faint);border-radius:8px;box-shadow:none}
html:not([data-theme="cyber"]) .vb-search label{font-family:var(--ui);font-weight:600;letter-spacing:.08em;color:var(--muted)}
html:not([data-theme="cyber"]) .vb-search input{background:#fff;border:1px solid #d9cbb2;border-radius:6px;color:var(--text)}
html:not([data-theme="cyber"]) .vb-search input:focus-visible{outline:2px solid var(--cy);border-color:var(--cy)}
html:not([data-theme="cyber"]) .vb-search button,html:not([data-theme="cyber"]) .vb-show{font-family:var(--ui);font-size:14px;letter-spacing:0;text-transform:none;color:var(--cy);background:#fff;
  border:1px solid var(--cy-dim);border-radius:6px;clip-path:none}
html:not([data-theme="cyber"]) .vb-search button:hover:not(:disabled),html:not([data-theme="cyber"]) .vb-show:hover{background:#e9f1ef}
html:not([data-theme="cyber"]) .vb-status{font-family:var(--ui);color:var(--muted)}
html:not([data-theme="cyber"]) .vb-sec{background:#fff;border:1px solid var(--cy-faint);border-radius:8px;overflow:hidden}
html:not([data-theme="cyber"]) .vb-sec[open]{border-color:#d9cbb2;box-shadow:none}
html:not([data-theme="cyber"]) .vb-sec>summary{background:#fff}
html:not([data-theme="cyber"]) .vb-sec>summary:hover,html:not([data-theme="cyber"]) .vb-sec[open]>summary{background:#f6eee0}
html:not([data-theme="cyber"]) .vb-sec>summary::before{border-top-color:var(--muted)}
html:not([data-theme="cyber"]) .vb-t{font-family:var(--serif);font-size:19px;letter-spacing:0;text-transform:none;color:var(--text);font-weight:600}
html:not([data-theme="cyber"]) .vb-n{font-family:var(--ui);color:var(--muted);background:#f1e6d2;border-radius:999px}
html:not([data-theme="cyber"]) .vb-grp h3{color:var(--text);font-family:var(--serif)}
html:not([data-theme="cyber"]) .vb-gn{font-family:var(--ui);letter-spacing:.06em;color:var(--muted)}
html:not([data-theme="cyber"]) .vb-item{border:1px solid var(--cy-faint);background:#fff;border-radius:6px}
html:not([data-theme="cyber"]) .vb-item.vb-x{border-style:dashed;background:#fffaf7}
html:not([data-theme="cyber"]) .vb-zh{color:var(--text)}
html:not([data-theme="cyber"]) .vb-py{color:var(--cy-text)}
html:not([data-theme="cyber"]) .vb-par{color:#8a3a25}
html:not([data-theme="cyber"]) .vb-path{font-family:var(--ui)}
html:not([data-theme="cyber"]) .vb-none{font-family:var(--ui)}
/* matsui-chart.css colours */
html:not([data-theme="cyber"]) .mc-h1s{color:var(--muted);letter-spacing:0}
html:not([data-theme="cyber"]) .mc-svg .mc-corner{fill:var(--muted)}
html:not([data-theme="cyber"]) .mc-svg .mc-t1,html:not([data-theme="cyber"]) .mc-svg .mc-t2j{fill:var(--text)}
html:not([data-theme="cyber"]) .mc-svg .mc-t2{fill:#8a3a25}
html:not([data-theme="cyber"]) .mc-svg .vt-root .mc-t2{fill:var(--muted)}
html:not([data-theme="cyber"]) .mc-svg .mc-mut .mc-el,html:not([data-theme="cyber"]) .mc-svg .mc-mut .mc-eh,html:not([data-theme="cyber"]) .mc-sw-mut{stroke:var(--cy)}
html:not([data-theme="cyber"]) .mc-svg .mc-mut .mc-ah,html:not([data-theme="cyber"]) .mc-sw-muth{fill:var(--cy)}
html:not([data-theme="cyber"]) .mc-svg .mc-x .mc-el,html:not([data-theme="cyber"]) .mc-svg .mc-x .mc-eh,html:not([data-theme="cyber"]) .mc-sw-x{stroke:var(--mag)}
html:not([data-theme="cyber"]) .mc-svg .mc-x .mc-ah,html:not([data-theme="cyber"]) .mc-svg .mc-j,html:not([data-theme="cyber"]) .mc-sw-xh,html:not([data-theme="cyber"]) .mc-sw-j{fill:var(--mag)}
html:not([data-theme="cyber"]) .mc-svg .mc-mut.hl .mc-el{stroke:var(--text)}
html:not([data-theme="cyber"]) .mc-svg .mc-mut.hl .mc-ah{fill:var(--text)}
html:not([data-theme="cyber"]) .mc-svg.has-hl .vt-n.kid .vt-box{stroke:#c2765f}
html:not([data-theme="cyber"]) .mc-quote{background:#fbf6f3;border-left-color:var(--mag)}
html:not([data-theme="cyber"]) .mc-quote span{font-family:var(--ui)}
html:not([data-theme="cyber"]) .mc-jp{color:var(--text)}
html:not([data-theme="cyber"]) .mc-ro{color:var(--cy-text)}
html:not([data-theme="cyber"]) .mc-show{font-family:var(--ui);letter-spacing:0;text-transform:none;font-size:12px;color:var(--cy);background:#fff;border:1px solid var(--cy-dim);border-radius:4px}
html:not([data-theme="cyber"]) .mc-show:hover{background:#e9f1ef}

/* videos.html language buttons */
html:not([data-theme="cyber"]) .lang-switch button{font-family:var(--ui)}
html:not([data-theme="cyber"]) .lang-switch button[aria-pressed="true"]{background:var(--cy);color:#fff;border-color:var(--cy)}
html:not([data-theme="cyber"]) .vid-player{border-radius:8px}

/* ================= plain theme: warmth and character (field guide, not a dashboard) ================= */
/* header: paper band with a goldfish-orange top rule */
html:not([data-theme="cyber"]) .site-head{background:rgba(255,250,240,.96);border-top:3px solid var(--mag);border-bottom:1px solid var(--cy-faint);box-shadow:0 2px 10px rgba(90,60,20,.05)}
html:not([data-theme="cyber"]) .brand{font-family:var(--display);font-size:21px;font-weight:700;color:var(--cy-deep)}
html:not([data-theme="cyber"]) .brand small{color:var(--mag-deep);letter-spacing:.16em}
html:not([data-theme="cyber"]) .site-nav a,html:not([data-theme="cyber"]) .nav-drop>summary{position:relative;border-radius:999px;transition:background-color .15s,color .15s}
html:not([data-theme="cyber"]) .site-nav a:hover,html:not([data-theme="cyber"]) .nav-drop>summary:hover,html:not([data-theme="cyber"]) .nav-drop[open]>summary{background:#f1e5cf;color:var(--cy-deep)}
html:not([data-theme="cyber"]) .site-nav a[aria-current=page],html:not([data-theme="cyber"]) .nav-drop.cur>summary{color:var(--cy-deep);background:var(--mag-tint);box-shadow:inset 0 0 0 1px var(--mag-dim);border-radius:999px}
html:not([data-theme="cyber"]) .site-nav .nav-panel a[aria-current=page]{background:var(--mag-tint)}
html:not([data-theme="cyber"]) .site-nav .nav-panel a:hover{background:#f1e5cf}
html:not([data-theme="cyber"]) .nav-panel{background:#fffdf8;border-color:var(--cy-faint);border-top:3px solid var(--mag)}

/* headings: display serif, teal ink, orange accent rules */
html:not([data-theme="cyber"]) h1,html:not([data-theme="cyber"]) h2{font-family:var(--display)}
html:not([data-theme="cyber"]) h1{color:var(--cy-deep);font-weight:700;padding-bottom:.32em;
  background:linear-gradient(var(--mag),var(--mag)) 0 100%/72px 3px no-repeat}
html:not([data-theme="cyber"]) h2{color:var(--cy-deep);font-weight:700;border-top:1px solid var(--cy-faint);
  background:linear-gradient(var(--mag),var(--mag)) 0 0/56px 3px no-repeat}
html:not([data-theme="cyber"]) h3{color:var(--mag-deep);font-weight:700}
html:not([data-theme="cyber"]) main h4{color:var(--cy-deep)}
html:not([data-theme="cyber"]) .card>h2:first-child,html:not([data-theme="cyber"]) .card>h3:first-child{background:none;padding-top:0}
html:not([data-theme="cyber"]) hr{border:0;height:14px;margin:2.2em auto;
  background:radial-gradient(circle,var(--mag) 2.5px,transparent 3px) 50% 50%/22px 14px repeat-x;max-width:90px}
html:not([data-theme="cyber"]) li::marker{color:var(--mag)}
html:not([data-theme="cyber"]) strong{color:var(--text)}

/* cards, callouts, disclaimers: paper with a coloured accent */
html:not([data-theme="cyber"]) .card{background:var(--panel);border:1px solid var(--cy-faint);border-top:3px solid var(--mag);border-radius:10px;
  box-shadow:0 1px 0 rgba(90,60,20,.04),0 6px 18px rgba(90,60,20,.05)}
html:not([data-theme="cyber"]) .callout{background:var(--panel);border:1px solid var(--cy-faint);border-left:4px solid var(--cy);border-radius:10px}
html:not([data-theme="cyber"]) .disclaimer{background:#fdf3dc;border:1px solid #ecd9a8;border-left:4px solid #c98a1a;border-radius:10px}
html:not([data-theme="cyber"]) .placeholder{border:1px dashed #d9cbb2;border-left:4px dashed #d9cbb2;background:#fdf8ef}
html:not([data-theme="cyber"]) .disclaimer::before,html:not([data-theme="cyber"]) .card::before,html:not([data-theme="cyber"]) .callout::before{background:var(--void);padding:0 8px;border-radius:999px}
/* "New" (and other data-tag) labels on cards become a small goldfish-orange badge */
html:not([data-theme="cyber"]) .card[data-tag]::before{background:var(--mag);color:#fff;padding:2px 10px;top:-12px;font-size:10.5px;letter-spacing:.14em;
  text-transform:uppercase;box-shadow:0 1px 2px rgba(90,40,10,.2)}
html:not([data-theme="cyber"]) .callout[data-tag]::before{color:var(--cy)}
html:not([data-theme="cyber"]) .disclaimer::before{color:var(--warn)}

/* pull quotes */
html:not([data-theme="cyber"]) blockquote,html:not([data-theme="cyber"]) .mc-quote{position:relative;margin:1.4em 0;padding:.9em 1.2em .9em 3em;background:var(--mag-tint);border:0;border-left:4px solid var(--mag);
  border-radius:0 10px 10px 0;font-family:var(--display);font-style:italic;font-size:1.12em;line-height:1.55;color:var(--text)}
html:not([data-theme="cyber"]) blockquote::before,html:not([data-theme="cyber"]) .mc-quote::before{content:"\201C";position:absolute;left:.32em;top:.02em;font-family:var(--display);font-style:normal;
  font-size:3em;line-height:1;color:var(--mag)}
html:not([data-theme="cyber"]) blockquote span,html:not([data-theme="cyber"]) .mc-quote span{display:block;margin-top:.4em;font-style:normal;font-size:.78em;color:var(--muted)}
html:not([data-theme="cyber"]) .ja-quote{padding:.5em 0 .5em 1em;border-left:3px solid var(--mag-dim);color:var(--muted);font-size:1em}

/* buttons */
html:not([data-theme="cyber"]) .btn,html:not([data-theme="cyber"]) .vb-search button,html:not([data-theme="cyber"]) .vb-show,html:not([data-theme="cyber"]) .mc-show{color:var(--cy);background:#fffdf8;border:1px solid var(--cy-dim);border-radius:999px;
  box-shadow:0 1px 0 rgba(90,60,20,.06);transition:background-color .15s,border-color .15s,color .15s}
html:not([data-theme="cyber"]) .btn:hover,html:not([data-theme="cyber"]) .vb-search button:hover:not(:disabled),html:not([data-theme="cyber"]) .vb-show:hover,html:not([data-theme="cyber"]) .mc-show:hover{background:var(--cy);border-color:var(--cy);color:#fff}
html:not([data-theme="cyber"]) .vt-views button{border-radius:999px;background:#fffdf8;border-color:#d9cbb2}
html:not([data-theme="cyber"]) .vt-views button:hover{border-color:var(--cy);color:var(--cy)}
html:not([data-theme="cyber"]) .vt-views button[aria-pressed=true]{background:var(--cy);border-color:var(--cy);color:#fff}
html:not([data-theme="cyber"]) .theme-toggle{background:#fffdf8;border-color:#d9cbb2;color:var(--muted)}
html:not([data-theme="cyber"]) .theme-toggle::before{border-color:var(--mag);background:radial-gradient(circle,var(--mag) 40%,transparent 45%)}
html:not([data-theme="cyber"]) .theme-toggle:hover{color:var(--cy-deep);border-color:var(--mag)}

/* jump bars, tables, figures, footer */
html:not([data-theme="cyber"]) .jump{background:var(--paper-2);border-radius:10px;border-left:4px solid var(--cy)}
html:not([data-theme="cyber"]) th{background:var(--paper-2);color:var(--cy-deep);border-bottom:2px solid var(--mag-dim)}
html:not([data-theme="cyber"]) td{background:rgba(255,253,248,.7)}
html:not([data-theme="cyber"]) .tosa-fig,html:not([data-theme="cyber"]) .fg-plate,html:not([data-theme="cyber"]) .vt-fig,html:not([data-theme="cyber"]) .vb-sec,html:not([data-theme="cyber"]) .vb-search{background:var(--panel);border-color:var(--cy-faint);border-radius:10px}
html:not([data-theme="cyber"]) .tosa-fig figcaption,html:not([data-theme="cyber"]) .fg-plate figcaption{font-style:italic;font-family:var(--serif)}
html:not([data-theme="cyber"]) .vb-sec>summary{background:var(--panel)}
html:not([data-theme="cyber"]) .vb-sec[open]>summary{background:#f6ecdb;border-bottom:1px solid var(--cy-faint)}
html:not([data-theme="cyber"]) .vb-n{background:var(--mag-tint);color:var(--mag-deep)}
html:not([data-theme="cyber"]) .vt-svg .vt-bg{fill:#fffdf8}
html:not([data-theme="cyber"]) .vt-cap{background:#fffaf0}
html:not([data-theme="cyber"]) footer.site-foot,html:not([data-theme="cyber"]) .wrap footer{border-top:3px solid var(--mag);background:var(--paper-2);border-radius:0 0 10px 10px;padding:18px 20px;color:var(--muted)}
html:not([data-theme="cyber"]) .fund-banner{background:#f6dcc6;border-bottom:1px solid #e7bea0}
html:not([data-theme="cyber"]) .fund-banner .fb-tag{background:var(--mag);color:#fff;border-color:var(--mag)}

/* home masthead: tinted band behind the red cap oranda drawing */
html:not([data-theme="cyber"]) .hero{border-bottom:3px solid var(--mag);
  background:
    radial-gradient(520px 360px at 76% 52%,rgba(255,255,255,.75),transparent 70%),
    linear-gradient(120deg,#f4dcc0 0%,#f7e7cf 45%,#e4ece4 100%)}
html:not([data-theme="cyber"]) .hero .id h1{color:var(--cy-deep);font-family:var(--display);font-weight:700;padding-bottom:.28em;
  background:linear-gradient(var(--mag),var(--mag)) 0 100%/96px 4px no-repeat}
html:not([data-theme="cyber"]) .hero-drawing{mix-blend-mode:normal;background:#fffdf8;padding:10px;border-radius:14px;border:1px solid #e6d2b4;
  box-shadow:0 14px 34px rgba(110,60,20,.16),0 2px 4px rgba(110,60,20,.08);transform:rotate(-1.2deg)}
html:not([data-theme="cyber"]) .hero .ctrl a{border-radius:999px;background:#fffdf8;color:var(--cy);border-color:var(--cy-dim)}
html:not([data-theme="cyber"]) .hero .ctrl a:hover{background:#fff;border-color:var(--cy);color:var(--cy-deep)}
html:not([data-theme="cyber"]) .hero .ctrl .enter{background:var(--mag);border-color:var(--mag);color:#fff;box-shadow:0 2px 6px rgba(150,50,15,.25)}
html:not([data-theme="cyber"]) .hero .ctrl .enter:hover{background:var(--mag-deep);border-color:var(--mag-deep);color:#fff}
@media (max-width:760px){html:not([data-theme="cyber"]) .hero-drawing{transform:none}}

/* ---------- plain theme: hologram-only links and labels are hidden (they stay in the HTML for cyber mode) ---------- */
html:not([data-theme="cyber"]) .holo-link,html:not([data-theme="cyber"]) .holo-cta{display:none!important}
html:not([data-theme="cyber"]) .diag-tools:has(>.holo-link:only-child){display:none}