/* 4 Vault — black, monospace labels, dense small cards, brass hairlines. */
body.skin-4 {
  background: #0a0a0a;
  color: #ece7dc;
  font-family: "Segoe UI", system-ui, sans-serif;
  line-height: 1.5;
}

/* Masthead */
body.skin-4 .top {
  background: #000;
  border-bottom: 1px solid #8a7340;
  padding: 14px 20px;
}
body.skin-4 .logo {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #c8a34e;
}
body.skin-4 .nav {
  gap: 16px;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.78rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
}
body.skin-4 .nav a { color: #b7ad9a; }
body.skin-4 .nav a:hover { color: #c8a34e; }
body.skin-4 .btn {
  background: #8a7340;
  color: #0a0a0a;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 0.82rem;
  font-weight: 700;
  margin-left: auto;
}
body.skin-4 .btn:hover { background: #c8a34e; }
body.skin-4 .play-dock .btn { margin-left: 0; }

/* Headings */
body.skin-4 h1 {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: clamp(1.5rem, 2.6vw, 2.2rem);
  font-weight: 600;
  line-height: 1.15;
  margin: 0 0 8px;
}
body.skin-4 h2 {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 1.05rem;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: #c8a34e;
  border-bottom: 1px solid #8a7340;
  padding-bottom: 6px;
  margin: 28px 0 14px;
}
body.skin-4 .kicker {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-size: 0.7rem;
  color: #8a7340;
}
body.skin-4 .count {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.8rem;
  color: #8a7340;
  margin: 4px 0 0;
}

/* Breadcrumb */
body.skin-4 .crumbs {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.75rem;
  color: #8a7340;
}
body.skin-4 .crumbs a { text-decoration: none; color: #b7ad9a; }
body.skin-4 .crumbs a:hover { color: #c8a34e; }
body.skin-4 .sep { color: #4a4230; }

/* Cover */
body.skin-4 .cover img, body.skin-4 .cover .ph { border: 1px solid #8a7340; }
body.skin-4 .ph {
  background: #141414;
  color: #8a7340;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
}

/* Lede */
body.skin-4 .aeo { border: 1px solid #8a7340; background: #101010; font-size: 1rem; }

/* Facts — brass hairlines */
body.skin-4 .facts { grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); gap: 8px; }
body.skin-4 .facts div { border: 1px solid #2c271c; background: #101010; }
body.skin-4 .balance .pros, body.skin-4 .balance .cons { border: 1px solid #2c271c; background: #101010; }
body.skin-4 .facts dt { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; color: #8a7340; }
body.skin-4 .facts dd { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; }

/* Prose */
body.skin-4 .prose p { max-width: 72ch; }
body.skin-4 .steps { font-size: 0.98rem; }

/* Dense small cards */
body.skin-4 .grid { grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 8px; }
body.skin-4 .card { border: 1px solid #2c271c; background: #101010; }
body.skin-4 .card:hover { border-color: #8a7340; }
body.skin-4 .card-body { padding: 7px 9px 10px; }
body.skin-4 .card-title { font-size: 0.9rem; }
body.skin-4 .card-meta {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.7rem;
  color: #8a7340;
}

/* Pills + inline links */
body.skin-4 .pills a {
  border: 1px solid #8a7340;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.75rem;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  color: #d8cba0;
}
body.skin-4 .pills a:hover { background: #1a1710; color: #c8a34e; }
body.skin-4 .inline-links {
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.78rem;
}
body.skin-4 .inline-links a { color: #c8a34e; }

/* FAQ */
body.skin-4 .faq-item { border-bottom: 1px solid #2c271c; }
body.skin-4 .faq-item summary {
  cursor: pointer;
  font-family: ui-monospace, "Cascadia Mono", Consolas, monospace;
  font-size: 0.9rem;
  color: #ece7dc;
}

/* Pager */
body.skin-4 .pager { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; font-size: 0.8rem; }
body.skin-4 .pager a { color: #c8a34e; }

/* Footer */
body.skin-4 .foot { border-top: 1px solid #8a7340; color: #b7ad9a; }
body.skin-4 .foot-links { font-family: ui-monospace, "Cascadia Mono", Consolas, monospace; }
body.skin-4 .foot-links a:hover { color: #c8a34e; }

@media (max-width: 720px) {
  body.skin-4 .btn { margin-left: 0; }
  body.skin-4 .grid { grid-template-columns: repeat(auto-fill, minmax(120px, 1fr)); }
}