/* MacSurf — download page + per-version landing pages.
   Load after core.css + docs.css (uses their tokens, .doc shell, .btn). */

/* ---------- release card ---------- */
.release-card{
  background:var(--white);
  border:1px solid var(--hair);
  border-radius:14px;
  box-shadow:0 12px 30px var(--shadow);
  padding:32px 36px;
  margin:22px 0 28px;
}
.release-badge{
  display:inline-block;
  font-family:'IBM Plex Mono',monospace;font-size:10px;font-weight:600;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--white);
  background:var(--rust);
  border-radius:20px;
  padding:4px 11px;
  margin-bottom:12px;
}
.release-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:6px;}
.release-head h2{
  font-family:'Bricolage Grotesque',Georgia,serif;
  font-weight:800;font-size:26px;color:var(--ink);
  margin:0;
}
.release-head .codename{color:var(--ink-2);font-size:15px;}
.release-card .blurb{color:var(--ink-2);font-size:15px;margin:8px 0 18px;max-width:60ch;}
.release-meta{
  display:flex;flex-wrap:wrap;gap:16px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-2);
  margin-bottom:20px;
}
.release-meta b{color:var(--ink);}
.release-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.release-actions .btn-primary{font-size:17px;padding:15px 26px;}
.release-note{font-size:13px;color:var(--ink-2);margin-top:14px;}
.release-note a{color:var(--rust);}

/* ---------- install steps ---------- */
.install-steps{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin:18px 0 6px;
}
.install-step{
  background:var(--paper-2);border:1px solid var(--hair);border-radius:10px;
  padding:14px 16px;
}
.install-step .num{
  font-family:'IBM Plex Mono',monospace;font-size:11px;font-weight:700;
  color:var(--rust);margin-bottom:4px;
}
.install-step p{font-size:13px;color:var(--ink-2);margin:0;}
@media (max-width:680px){.install-steps{grid-template-columns:1fr;}}

/* ---------- support block ---------- */
.support-block{
  background:linear-gradient(180deg,var(--paper-2),var(--paper));
  border:1px solid var(--hair);
  border-radius:14px;
  padding:28px 32px;
  margin:28px 0;
}
.support-block h3{
  font-family:'Bricolage Grotesque',Georgia,serif;
  font-weight:700;font-size:19px;color:var(--ink);margin-bottom:8px;
}
.support-block p{font-size:14px;color:var(--ink-2);max-width:62ch;margin-bottom:16px;}
.support-actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
.support-extra{
  margin-top:14px;font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-2);
  display:flex;flex-wrap:wrap;gap:6px 14px;
}
.support-extra a{color:var(--ink-2);text-decoration:none;border-bottom:1px solid var(--platinum-d);}
.support-extra a:hover{color:var(--rust);border-bottom-color:var(--orange);}

/* ---------- other builds table ---------- */
.builds-table td.dl a{
  font-family:'IBM Plex Mono',monospace;font-size:12px;font-weight:600;
  color:var(--rust);text-decoration:none;
}
.builds-table td.dl a:hover{color:var(--orange);}
.builds-table td .notes-link{
  margin-left:8px;font-size:11px;color:var(--ink-2);text-decoration:none;border-bottom:1px dotted var(--platinum-d);
}
.builds-table td .notes-link:hover{color:var(--rust);}

/* ---------- version landing page (/get/*.html) ---------- */
.interstitial{max-width:640px;}
.interstitial .doc{padding:44px 48px;}
.interstitial-badge{
  display:inline-flex;align-items:center;gap:8px;
  font-family:'IBM Plex Mono',monospace;font-size:11px;color:var(--ink-2);
  background:var(--paper-2);border:1px solid var(--hair);border-radius:20px;
  padding:5px 12px;margin-bottom:16px;
}
.interstitial-badge .dot{
  width:7px;height:7px;border-radius:50%;
  background:#3c9a5f;box-shadow:0 0 0 3px rgba(60,154,95,.18);
}
.interstitial h1{margin-bottom:6px;}
.interstitial .auto-note{font-size:14px;color:var(--ink-2);margin:18px 0 26px;}
.interstitial .auto-note a{color:var(--rust);}
.interstitial .manual-dl{margin-bottom:8px;}