[hidden]{ display:none !important; }
:root{
  --ink:     #0A1A26;
  --deep:    #0F2A3A;
  --mist:    #9FB3B8;
  --paper:   #EFE6D2;
  --gold:    #E8C468;
  --red:     #C4573B;
  --reed:    #7FBF8F;
  --rule:    rgba(239,230,210,0.14);
  --serif: "Newsreader", Georgia, serif;
  --sans:  "Space Grotesk", system-ui, sans-serif;
  --mono:  "IBM Plex Mono", ui-monospace, monospace;
  --pixel: "Press Start 2P", monospace;
  --wrap: 1120px;
  --gutter: clamp(16px, 4vw, 40px);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; scroll-padding-top:72px; -webkit-text-size-adjust:100%; }
body{ background:var(--ink); color:var(--paper); font:400 17px/1.6 var(--sans); overflow-x:hidden; }
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; }
:focus-visible{ outline:2px solid var(--gold); outline-offset:3px; border-radius:2px; }
.skip{ position:absolute; left:-9999px; top:8px; z-index:100; background:var(--gold); color:var(--ink); padding:8px 14px; }
.skip:focus{ left:16px; }

h1, h2{ font-family:var(--serif); font-weight:400; letter-spacing:-0.01em; line-height:1.08; }
h2{ font-size:clamp(2rem, 4.2vw, 3.1rem); margin-bottom:14px; }
h3{ font-family:var(--sans); font-weight:600; font-size:1.06rem; line-height:1.3; }
p{ max-width:64ch; }
.wrap{ max-width:var(--wrap); margin:0 auto; padding:0 var(--gutter); }

.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:8px;
  font:600 0.98rem/1 var(--sans); text-decoration:none; padding:15px 24px; border-radius:3px;
  border:1px solid transparent; transition:background-color .15s, color .15s, border-color .15s;
}
.btn-gold{ background:var(--gold); color:var(--ink); }
.btn-gold:hover{ background:#f3d684; }
.btn-line{ border-color:rgba(239,230,210,0.4); color:var(--paper); }
.btn-line:hover{ border-color:var(--paper); }
.btn-sm{ padding:10px 16px; font-size:0.9rem; }

.nav{
  position:fixed; top:0; left:0; right:0; z-index:20; height:64px;
  display:flex; align-items:center; gap:28px; padding:0 var(--gutter);
  transition:background-color .25s, border-color .25s;
  border-bottom:1px solid transparent;
}
.nav.solid{ background:rgba(10,26,38,0.92); backdrop-filter:blur(8px); -webkit-backdrop-filter:blur(8px); border-bottom-color:var(--rule); }
.wordmark{ display:inline-flex; align-items:center; gap:10px; font:400 0.74rem/1 var(--pixel); text-decoration:none; color:var(--paper); white-space:nowrap; }
.wordmark.small{ font-size:0.62rem; }
.wm-dot{ width:7px; height:7px; background:var(--gold); box-shadow:0 0 0 3px rgba(232,196,104,0.18); }
.nav-links{ display:flex; gap:22px; margin-left:auto; }
.nav-links a{ font-size:0.92rem; color:var(--mist); text-decoration:none; }
.nav-links a:hover{ color:var(--paper); }
.nav-x{ display:inline-flex; align-items:center; justify-content:center; width:36px; height:36px; margin-left:18px; margin-right:10px; color:var(--paper); border:1px solid var(--rule); border-radius:4px; }
.nav-x:hover{ border-color:var(--gold); color:var(--gold); }
.btn-x{ display:inline-flex; align-items:center; gap:8px; }

.hero{ position:relative; min-height:100vh; min-height:100svh; display:flex; align-items:flex-start; overflow:hidden; isolation:isolate; }
.hero-scene{ position:absolute; inset:0; z-index:-1; background:linear-gradient(to bottom, #1c3a52 0%, #6f8a92 46%, #c9a77a 50%, #0c2029 54%, #06121a 100%); }
.hero-scene canvas{ position:absolute; inset:0; width:100%; height:100%; }
.hero-scene::after{
  content:""; position:absolute; inset:0; pointer-events:none;
  background:
    linear-gradient(90deg, rgba(8,20,30,0.9) 0%, rgba(8,20,30,0.72) 34%, rgba(8,20,30,0.25) 56%, rgba(8,20,30,0) 70%),
    linear-gradient(to bottom, rgba(8,20,30,0.55) 0%, rgba(8,20,30,0) 22%, rgba(8,20,30,0) 70%, var(--ink) 100%);
}
.hero-copy{ position:relative; max-width:var(--wrap); width:100%; margin:0 auto; padding:clamp(108px, 15vh, 150px) var(--gutter) 80px; }
.hero h1{ font-size:clamp(2.7rem, 6.2vw, 5.1rem); max-width:11ch; margin-bottom:22px; text-wrap:balance; }
.lead{ font-size:clamp(1.05rem, 1.6vw, 1.22rem); color:#e2e3d8; max-width:46ch; text-shadow:0 1px 12px rgba(5,14,22,0.9); }
.hero h1{ text-shadow:0 2px 24px rgba(5,14,22,0.55); }
.hero-actions{ display:flex; flex-wrap:wrap; gap:12px; margin:30px 0 18px; }
.hero-note{ font-size:0.88rem; color:var(--mist); max-width:46ch; }

.section{ padding:clamp(72px, 10vw, 120px) 0; }
.section-deep{ background:var(--deep); }
.section-head{ margin-bottom:44px; }
.section-lead{ color:var(--mist); font-size:1.08rem; max-width:58ch; }

.split{ display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); gap:clamp(32px, 5vw, 64px); align-items:start; }
.steps{ list-style:none; counter-reset:step; margin-top:34px; display:grid; gap:24px; }
.steps li{ counter-increment:step; display:grid; grid-template-columns:44px 1fr; column-gap:14px; }
.steps li::before{
  content:counter(step); grid-row:span 2;
  font:400 1.9rem/1 var(--serif); color:var(--gold); padding-top:1px;
}
.steps p{ color:var(--mist); font-size:0.98rem; margin-top:4px; }
.shot{ margin-top:8px; }
.shot img{ border:1px solid var(--rule); border-radius:3px; box-shadow:0 24px 60px rgba(0,0,0,0.45); }
.shot figcaption{ font-size:0.88rem; color:var(--mist); margin-top:12px; }

.guide{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border-top:1px solid var(--rule); border-left:1px solid var(--rule); }
.plate{ padding:26px 24px 22px; border-right:1px solid var(--rule); border-bottom:1px solid var(--rule); display:flex; flex-direction:column; }
.plate.r-legendary{
  grid-column:1 / -1; display:grid; grid-template-columns:minmax(0, 5fr) minmax(0, 7fr); column-gap:40px; align-items:center;
  background:linear-gradient(110deg, rgba(232,196,104,0.10), rgba(232,196,104,0) 55%);
}
.plate.r-legendary .plate-art{ grid-row:1 / span 4; height:150px; margin:0; justify-content:center; }
.plate-art{ height:96px; margin-bottom:18px; display:flex; align-items:center; }
.plate-art svg{ height:100%; width:auto; max-width:100%; overflow:visible; filter:drop-shadow(0 8px 10px rgba(0,0,0,0.35)); }
.plate h3{ font-family:var(--serif); font-weight:500; font-size:1.55rem; }
.latin{ font-family:var(--serif); font-style:italic; color:var(--mist); font-size:1.02rem; margin:2px 0 10px; }
.plate-note{ font-size:0.95rem; color:#c9cfc6; flex:1; }
.plate-stats{ display:flex; flex-wrap:wrap; gap:8px 26px; margin-top:18px; padding-top:14px; border-top:1px solid var(--rule); }
.plate-stats div{ display:flex; flex-direction:column; gap:2px; }
.plate-stats dt{ font-size:0.76rem; color:var(--mist); }
.plate-stats dd{ font:500 0.86rem/1.3 var(--mono); white-space:nowrap; display:flex; align-items:center; gap:7px; }
.rdot{ width:8px; height:8px; border-radius:50%; flex:none; background:var(--mist); }
.r-uncommon .rdot{ background:var(--reed); }
.r-rare .rdot{ background:var(--red); }
.r-legendary .rdot{ background:var(--gold); box-shadow:0 0 8px var(--gold); }

.gear{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(24px, 3vw, 40px); }
.gear-wide{ grid-column:span 2; }
.gear-block h3{ font-family:var(--serif); font-weight:500; font-size:1.45rem; }
.gear-note{ color:var(--mist); font-size:0.92rem; margin:4px 0 16px; min-height:3em; }
.gear table{ width:100%; border-collapse:collapse; font-size:0.92rem; }
.gear th{ text-align:left; font-weight:500; font-size:0.78rem; color:var(--mist); padding:0 0 8px; border-bottom:1px solid var(--rule); }
.gear td{ padding:11px 0; border-bottom:1px solid var(--rule); vertical-align:middle; }
.gear th + th, .gear td + td{ padding-left:12px; }
.gear .num{ text-align:right; font-family:var(--mono); font-size:0.84rem; white-space:nowrap; }
.gear th.num{ font-family:var(--sans); font-size:0.78rem; }
.starter{ color:var(--reed); font-family:var(--sans); }
.odds{ display:inline-flex; width:84px; height:7px; border-radius:2px; overflow:hidden; vertical-align:middle; background:rgba(239,230,210,0.08); }
.odds i{ display:block; height:100%; }
.pack{ display:block; font-size:0.78em; color:var(--mist); }
.o-common{ background:var(--mist); }
.o-uncommon{ background:var(--reed); }
.o-rare{ background:var(--red); }
.o-legendary{ background:var(--gold); }
.odds-key{ grid-column:1 / -1; display:flex; flex-wrap:wrap; gap:18px; font-size:0.82rem; color:var(--mist); }
.odds-key span{ display:inline-flex; align-items:center; gap:7px; }
.odds-key i{ width:12px; height:7px; border-radius:1px; display:inline-block; }

.lure{ display:grid; grid-template-columns:minmax(0, 6fr) minmax(0, 5fr); gap:clamp(32px, 6vw, 80px); align-items:start; }
.lure-main > p:last-child{ color:var(--mist); margin-top:26px; }
.formula{ margin-top:30px; padding:24px 0; border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); }
.rarity-table{ margin-top:20px; border-collapse:collapse; caption-side:bottom; }
.rarity-table th{ text-align:left; font-weight:400; padding:5px 40px 5px 0; display:flex; align-items:center; gap:10px; }
.rarity-table td{ font-family:var(--mono); font-size:0.92rem; }
.formula-example{ color:var(--mist); font-size:0.92rem; margin-top:14px; }
.catch-shot{ max-width:300px; margin-bottom:32px; }
.catch-shot img{ border-radius:4px; box-shadow:0 24px 60px rgba(0,0,0,0.45); }
.soon{ border-left:2px solid var(--gold); padding-left:22px; }
.soon h3{ font-family:var(--serif); font-weight:500; font-size:1.45rem; margin-bottom:8px; }
.soon > p{ color:var(--mist); font-size:0.96rem; }
.status{ margin:20px 0; }
.status div{ display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid var(--rule); font-size:0.92rem; }
.status dt{ color:var(--mist); }
.status dd{ text-align:right; }
.status dd.live{ color:var(--reed); }
.status code{ font-family:var(--mono); font-size:0.8rem; word-break:break-all; }
.copy{ font:500 0.78rem var(--sans); background:none; border:1px solid var(--rule); color:var(--paper); padding:3px 8px; border-radius:2px; cursor:pointer; margin-left:6px; }
.warning{ font-size:0.9rem; color:var(--paper); }

.fair{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(24px, 4vw, 48px); }
.fair h3{ font-family:var(--serif); font-weight:500; font-size:1.35rem; margin-bottom:8px; }
.fair p{ color:var(--mist); font-size:0.98rem; }

.roadmap{ list-style:none; display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); border-top:1px solid var(--rule); }
.roadmap > li{ padding:26px 28px 8px 0; position:relative; }
.roadmap > li::before{ content:""; position:absolute; top:-5px; left:0; width:9px; height:9px; border-radius:50%; background:var(--deep); border:1px solid var(--mist); }
.roadmap > li.now::before{ background:var(--gold); border-color:var(--gold); box-shadow:0 0 0 4px rgba(232,196,104,0.18); }
.roadmap h3{ font-family:var(--serif); font-weight:500; font-size:1.5rem; display:flex; align-items:center; gap:12px; margin-bottom:12px; }
.tag{ font:500 0.74rem var(--sans); color:var(--ink); background:var(--gold); padding:3px 8px; border-radius:2px; }
.roadmap ul{ list-style:none; display:grid; gap:9px; }
.roadmap ul li{ color:var(--mist); font-size:0.96rem; padding-left:16px; position:relative; }
.roadmap ul li::before{ content:""; position:absolute; left:0; top:0.72em; width:6px; height:1px; background:var(--mist); }
.roadmap .now ul li{ color:var(--paper); }

.faq-wrap{ display:grid; grid-template-columns:minmax(0, 4fr) minmax(0, 8fr); gap:clamp(24px, 5vw, 64px); align-items:start; }
.faq-wrap h2{ position:sticky; top:96px; }
.faq details{ border-bottom:1px solid var(--rule); }
.faq details:first-child{ border-top:1px solid var(--rule); }
.faq summary{
  list-style:none; cursor:pointer; padding:18px 36px 18px 0; position:relative;
  font:500 1.06rem/1.4 var(--sans);
}
.faq summary::-webkit-details-marker{ display:none; }
.faq summary::after{ content:"+"; position:absolute; right:4px; top:50%; transform:translateY(-50%); font:300 1.5rem/1 var(--serif); color:var(--gold); }
.faq details[open] summary::after{ content:"–"; }
.faq details p{ color:var(--mist); padding:0 0 20px; }

.closing{ padding:clamp(80px, 12vw, 150px) 0; text-align:left; background:linear-gradient(to bottom, var(--ink), #081521); }
.closing h2{ font-size:clamp(2.4rem, 6vw, 4.6rem); margin-bottom:28px; }

.footer{ border-top:1px solid var(--rule); padding:26px 0 34px; }
.footer-row{ display:flex; align-items:center; gap:24px; flex-wrap:wrap; }
.footer-links{ display:flex; gap:20px; }
.footer-links a{ color:var(--mist); text-decoration:none; font-size:0.92rem; }
.footer-links a:hover{ color:var(--paper); }
.footer-note{ margin-left:auto; color:var(--mist); font-size:0.86rem; }


.swatch{ display:inline-block; width:12px; height:12px; border-radius:50%; margin-right:6px; vertical-align:-1px; border:1px solid var(--rule); }
kbd{ font:500 0.78em var(--mono); border:1px solid var(--rule); border-bottom-width:2px; border-radius:4px; padding:1px 6px; color:var(--paper); background:rgba(239,230,210,0.05); white-space:nowrap; }

.fight-guide{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(24px, 4vw, 48px); margin-top:clamp(48px, 7vw, 80px); }
.fight-guide h3{ font-family:var(--serif); font-weight:500; font-size:1.45rem; margin-bottom:14px; }
.gauges dl{ display:grid; gap:14px; }
.gauges dt{ font:500 0.78rem var(--mono); letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); }
.gauges dd, .moods li, .moods-note{ color:var(--mist); font-size:0.96rem; }
.moods ul{ list-style:none; display:grid; gap:12px; }
.moods b{ color:var(--paper); font-weight:500; }
.moods-note{ margin-top:16px; font-size:0.9rem; }
.controls table{ width:100%; border-collapse:collapse; font-size:0.9rem; }
.controls th, .controls td{ text-align:left; vertical-align:top; padding:10px 10px 10px 0; border-bottom:1px solid var(--rule); }
.controls thead th{ font-weight:500; font-size:0.78rem; color:var(--mist); padding-top:0; }
.controls tbody th{ font-weight:500; color:var(--paper); white-space:nowrap; }
.controls td{ color:var(--mist); }
.controls b{ color:var(--paper); font-weight:500; }

.board-head{ display:flex; justify-content:space-between; align-items:flex-end; gap:24px; flex-wrap:wrap; }
.board-tabs{ display:flex; gap:6px; }
.board-tabs button{ font:500 0.86rem var(--sans); color:var(--mist); background:none; border:1px solid var(--rule); border-radius:999px; padding:7px 14px; cursor:pointer; }
.board-tabs button.on{ color:var(--ink); background:var(--gold); border-color:var(--gold); }
.board{ list-style:none; border-top:1px solid var(--rule); max-width:760px; }
.board li{ display:grid; grid-template-columns:44px minmax(0, 1fr) minmax(0, 1fr) auto; gap:14px; align-items:center; padding:12px 0; border-bottom:1px solid var(--rule); font-size:0.96rem; }
.board .b-rank{ font:500 0.9rem var(--mono); color:var(--mist); }
.board li:first-child .b-rank{ color:var(--gold); }
.board .b-who{ font-family:var(--mono); font-size:0.88rem; }
.board .b-fish{ display:flex; align-items:center; gap:8px; color:var(--mist); }
.board .b-kg{ font-family:var(--mono); color:var(--paper); text-align:right; }
.board .board-empty{ display:block; color:var(--mist); padding:22px 0; }
.board-more{ margin-top:22px; display:flex; align-items:center; gap:14px; flex-wrap:wrap; color:var(--mist); font-size:0.9rem; }
.board-more b{ color:var(--paper); font-weight:500; }

@media (max-width: 980px){
  .nav-links{ display:none; }
  .nav .btn{ margin-left:0; }
  .nav-x{ margin-left:auto; }
  .split, .lure, .faq-wrap, .fight-guide{ grid-template-columns:1fr; }
  .guide{ grid-template-columns:repeat(2, minmax(0, 1fr)); }
  .gear, .fair{ grid-template-columns:minmax(0, 1fr); }
  .gear-wide{ grid-column:auto; }
  .gear-block{ min-width:0; overflow-x:auto; }
  .odds{ width:52px; }
  .gear-block th, .gear-block td{ padding-left:6px; padding-right:6px; }
  .gear-note{ min-height:0; }
  .roadmap{ grid-template-columns:1fr; border-top:0; border-left:1px solid var(--rule); }
  .roadmap > li{ padding:0 0 30px 26px; }
  .roadmap > li::before{ top:8px; left:-5px; }
}
@media (max-width: 620px){
  .board li{ grid-template-columns:32px minmax(0, 1fr) auto; }
  .board .b-fish{ grid-column:2; grid-row:2; font-size:0.86rem; }
  .board .b-kg{ grid-row:1 / span 2; grid-column:3; }
  body{ font-size:16px; }
  .guide{ grid-template-columns:1fr; }
  .plate.r-legendary{ display:flex; }
  .plate.r-legendary .plate-art{ height:110px; margin-bottom:18px; justify-content:flex-start; }
  .faq-wrap h2{ position:static; }
  .hero-scene::after{
    background:linear-gradient(to bottom, rgba(8,20,30,0.82) 0%, rgba(8,20,30,0.6) 45%, rgba(8,20,30,0.55) 66%, rgba(8,20,30,0.15) 80%, var(--ink) 100%);
  }
  .hero-copy{ padding-top:104px; }
  .footer-note{ margin-left:0; }
}
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
}

/* Docs */
.docs-page .nav{ background:rgba(10,26,38,0.94); }
.doc-layout{ display:grid; grid-template-columns:200px minmax(0, 1fr); gap:clamp(32px, 5vw, 72px); padding-top:104px; padding-bottom:96px; align-items:start; }
.toc{ position:sticky; top:96px; display:flex; flex-direction:column; gap:2px; }
.toc-title{ font:400 0.62rem/1 var(--pixel); color:var(--gold); margin-bottom:14px; }
.toc a{ color:var(--mist); text-decoration:none; font-size:0.92rem; padding:6px 0 6px 12px; border-left:1px solid var(--rule); }
.toc a:hover{ color:var(--paper); }
.toc a.on{ color:var(--paper); border-left-color:var(--gold); }
.doc{ max-width:760px; }
.doc-head{ margin-bottom:24px; }
.doc h1{ font-size:clamp(2.2rem, 5vw, 3.4rem); margin-bottom:16px; }
.doc section{ padding:40px 0 8px; border-top:1px solid var(--rule); margin-top:32px; }
.doc section h2{ font-size:clamp(1.7rem, 3.4vw, 2.3rem); }
.doc section h3{ margin:26px 0 8px; font-size:1.02rem; color:var(--paper); }
.doc p{ color:#cdd3cc; margin-bottom:12px; }
.doc p b, .doc li b{ color:var(--paper); font-weight:600; }
.doc a{ color:var(--gold); }
.doc kbd{ font:500 0.8rem var(--mono); border:1px solid var(--rule); border-bottom-width:2px; border-radius:3px; padding:1px 6px; color:var(--paper); }
.doc-steps{ display:grid; gap:12px; padding-left:22px; color:#cdd3cc; margin:8px 0 12px; }
.doc-list{ list-style:none; display:grid; gap:10px; color:#cdd3cc; margin:8px 0 12px; }
.doc-list li{ padding-left:18px; position:relative; }
.doc-list li::before{ content:""; position:absolute; left:0; top:0.7em; width:6px; height:6px; background:var(--gold); }
.doc-defs{ display:grid; gap:16px; margin:14px 0; }
.doc-defs dt{ font:500 0.78rem var(--mono); letter-spacing:0.08em; text-transform:uppercase; color:var(--gold); margin-bottom:2px; }
.doc-defs dd{ color:#cdd3cc; }
.doc-table{ overflow-x:auto; margin:10px 0 18px; }
.doc-table table{ width:100%; border-collapse:collapse; font-size:0.92rem; }
.doc-table th{ text-align:left; font-weight:500; font-size:0.78rem; color:var(--mist); padding:0 12px 8px 0; border-bottom:1px solid var(--rule); white-space:nowrap; }
.doc-table td, .doc-table tbody th{ padding:11px 12px 11px 0; border-bottom:1px solid var(--rule); vertical-align:middle; color:var(--paper); }
.doc-table tbody th{ font-weight:500; white-space:nowrap; }
.doc-table td{ color:#cdd3cc; }
.doc-table .num{ text-align:right; font-family:var(--mono); font-size:0.84rem; white-space:nowrap; }
.doc-table th.num{ font-family:var(--sans); font-size:0.78rem; }
.doc-table .num:last-child{ padding-right:0; }
.doc-table .starter{ color:var(--reed); }
.doc-split{ display:grid; grid-template-columns:4fr 4fr 2fr; gap:6px; margin:18px 0 12px; }
.doc-split div{ padding:14px 14px 12px; border-radius:3px; display:flex; flex-direction:column; gap:2px; }
.doc-split b{ font:500 1.4rem var(--mono); color:var(--ink); }
.doc-split span{ font-size:0.82rem; color:var(--ink); }
.doc-split .burn{ background:var(--red); } .doc-split .burn b, .doc-split .burn span{ color:var(--paper); }
.doc-split .pool{ background:var(--gold); }
.doc-split .dev{ background:var(--reed); }
.doc .faq{ margin-top:8px; }
.doc-foot{ margin-top:48px; display:flex; gap:12px; flex-wrap:wrap; }
.gear-sum{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:clamp(16px, 3vw, 32px); }
.gear-sum article{ border-top:2px solid var(--gold); padding-top:18px; }
.gear-sum h3{ font-family:var(--serif); font-weight:500; font-size:1.45rem; margin-bottom:8px; }
.gear-sum p{ color:var(--mist); font-size:0.96rem; }
.gear-sum p b{ color:var(--paper); font-weight:500; }
.more-link{ margin-top:32px; }
@media (max-width: 980px){
  .doc-layout{ grid-template-columns:minmax(0, 1fr); padding-top:88px; }
  .toc{ position:static; flex-direction:row; flex-wrap:wrap; gap:6px 14px; }
  .toc-title{ width:100%; margin-bottom:4px; }
  .toc a{ border-left:0; padding:2px 0; }
  .gear-sum{ grid-template-columns:minmax(0, 1fr); }
}
@media (max-width: 620px){
  .doc-split{ grid-template-columns:1fr 1fr; }
  .doc-split .dev{ grid-column:1 / -1; }
}
.doc a.btn-gold{ color:var(--ink); }
.doc a.btn-line{ color:var(--paper); }