/* Indie Game Wiki's own look: dark, calm, guide-first. Layered after the
   template; scoped to .igw-site so template pages elsewhere stay untouched. */
:root[data-skin]:has(.igw-site){
  --bg:#f3f6f4;--surface:#fbfdfc;--ink:#1a2420;--muted:#5b6d64;--line:#d9e1db;
  --accent:#188a52;--accent-soft:#e2f2e9;--hero:#0d1512;--hero-ink:#f0f6f2;--hero-muted:#a9c0b3;
  --button:#188a52;--button-ink:#f7fbf9;--radius:9px;
}
:root[data-skin][data-mode=dark]:has(.igw-site){
  --bg:#0c1210;--surface:#131c18;--ink:#e9f1ec;--muted:#9db3a7;--line:#223029;
  --accent:#3ecf8e;--accent-soft:#12281d;--hero:#0a100e;--hero-ink:#f0f6f2;--hero-muted:#a9c0b3;
  --button:#3ecf8e;--button-ink:#08130d;
}
.igw-site{font-synthesis-weight:none;-webkit-font-smoothing:antialiased}

/* Brand mark: brackets around a dot, echoing the favicon. */
.igw-site .brand{position:relative;padding-left:42px}
.igw-site .brand::before{content:"";position:absolute;left:0;top:50%;width:26px;height:26px;margin-top:-13px;border-radius:6px;background:var(--hero);box-shadow:inset 0 0 0 1px var(--line)}
.igw-site .brand::after{content:"";position:absolute;left:7px;top:50%;width:12px;height:12px;margin-top:-6px;border:2.5px solid var(--accent);border-radius:3px}
.igw-site .quick-answer{border-left-color:var(--accent)}
.igw-site .eyebrow{letter-spacing:.13em}

/* Home */
.igw-home{display:grid;gap:clamp(56px,7vw,96px)}
.igw-home h2{margin:0;font-size:clamp(1.8rem,3.6vw,2.6rem);line-height:1.12;letter-spacing:-.02em}
.igw-home .eyebrow{margin:0 0 12px;color:var(--accent);font-size:.72rem;font-weight:650}
.igw-hero{background:
  radial-gradient(1000px 480px at 15% -12%,rgba(62,207,142,.16),transparent 62%),
  radial-gradient(760px 420px at 92% 8%,rgba(62,207,142,.07),transparent 60%),
  linear-gradient(180deg,var(--hero) 0%,var(--hero) 58%,var(--bg) 100%);
  color:var(--hero-ink)}
.igw-hero-inner{width:min(1180px,calc(100% - clamp(40px,8vw,128px)));margin-inline:auto;padding:clamp(64px,10vw,120px) 0 clamp(56px,7vw,88px)}
.igw-hero h1{margin:0;font-family:var(--display);font-size:clamp(3.1rem,8.4vw,5.9rem);line-height:.98;letter-spacing:-.035em}
.igw-tagline{margin:16px 0 0;color:var(--accent);font-family:var(--display);font-size:clamp(1.05rem,2.2vw,1.45rem);font-style:italic;line-height:1.3}
.igw-lead{max-width:44em;margin:22px 0 0;color:var(--hero-muted);font-size:clamp(1rem,1.5vw,1.12rem);line-height:1.75}
.igw-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:30px}
.igw-actions .button{display:inline-flex;align-items:center;min-height:48px;padding:0 24px;border-radius:8px;background:var(--button);color:var(--button-ink);font-weight:700;text-decoration:none}
.igw-actions .button:hover,.igw-actions .button:focus-visible{filter:brightness(1.08)}
.igw-actions a:not(.button){display:inline-flex;align-items:center;min-height:48px;padding:0 18px;border:1px solid #2b3c33;border-radius:8px;color:var(--hero-ink);text-decoration:none}
.igw-actions a:not(.button):hover,.igw-actions a:not(.button):focus-visible{border-color:var(--accent);color:var(--accent)}
.igw-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin:40px 0 0;border:1px solid #26352d;border-radius:10px;background:#26352d;overflow:hidden}
.igw-facts>div{padding:18px 22px;background:rgb(13 21 18 / .88)}
.igw-facts dt{color:#7f978a;font-size:.68rem;letter-spacing:.13em;text-transform:uppercase}
.igw-facts dd{margin:8px 0 0;color:var(--hero-ink);font-size:.95rem;line-height:1.55}

.igw-section-inner{width:min(1180px,calc(100% - clamp(40px,6vw,96px)));margin-inline:auto}
.igw-heading{max-width:760px;margin-bottom:clamp(24px,4vw,40px)}
.igw-section-intro{margin:14px 0 0;color:var(--muted);line-height:1.75}
.igw-hub-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(20px,3vw,32px)}
.igw-hub{display:flex;flex-direction:column;min-width:0;padding:clamp(22px,2.6vw,32px);border:1px solid var(--line);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);transition:transform .16s ease,border-color .16s ease}
.igw-hub:hover,.igw-hub:focus-within{transform:translateY(-3px);border-color:var(--accent)}
.igw-hub-kicker{margin:0 0 10px;color:var(--accent);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;font-weight:700}
.igw-hub-head h3{margin:0;font-family:var(--display);font-size:clamp(1.5rem,2.4vw,1.95rem);line-height:1.2;letter-spacing:-.01em}
.igw-hub-desc{margin:12px 0 0;color:var(--muted);font-size:.93rem;line-height:1.7}
.igw-guide-list{flex:1;margin:22px 0 0;padding:0;list-style:none;border-top:1px solid var(--line)}
.igw-guide-list a{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:46px;padding:4px 2px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:550;text-decoration:none}
.igw-guide-list a:hover,.igw-guide-list a:focus-visible{color:var(--accent)}
.igw-guide-list span:first-child{min-width:0;overflow-wrap:anywhere}
.igw-guide-arrow{flex-shrink:0;color:var(--muted);transition:transform .15s ease,color .15s ease}
.igw-guide-list a:hover .igw-guide-arrow,.igw-hub-more a:hover .igw-guide-arrow{color:var(--accent);transform:translateX(4px)}
.igw-hub-more{margin:18px 0 0}
.igw-hub-more a{display:inline-flex;align-items:center;gap:10px;min-height:40px;color:var(--accent);font-weight:650;text-decoration:none}
.igw-hub-more a:hover .igw-guide-arrow{transform:translateX(4px)}

.igw-faq-grid{display:grid;grid-template-columns:minmax(0,.62fr) minmax(0,1.38fr);gap:clamp(20px,4vw,56px)}
.igw-faq-list details{border-top:1px solid var(--line)}
.igw-faq-list details:last-child{border-bottom:1px solid var(--line)}
.igw-faq-list summary{padding:16px 4px;font-weight:650;cursor:pointer}
.igw-faq-list details p{margin:0;padding:0 4px 18px;color:var(--muted);line-height:1.75}

.igw-trust{padding-bottom:clamp(40px,6vw,72px)}
.igw-trust p{margin:0;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.92rem;line-height:1.7}
.igw-trust a{color:var(--accent);white-space:nowrap}

@media(max-width:880px){
  .igw-hub-grid{grid-template-columns:1fr}
  .igw-facts{grid-template-columns:1fr}
  .igw-facts>div:nth-child(2){border-top:1px solid #26352d}
  .igw-faq-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .igw-site .brand{padding-left:36px}
  .igw-site .brand::before{width:22px;height:22px;margin-top:-11px}
  .igw-site .brand::after{left:6px;width:10px;height:10px;border-width:2px}
  .igw-hero-inner{padding-top:52px}
  .igw-actions .button{width:100%;justify-content:center}
  .igw-actions a:not(.button){flex:1;justify-content:center;padding:0 10px}
}
@media(prefers-reduced-motion:reduce){.igw-hub,.igw-guide-arrow{transition:none}}