/* f3decomp.com while it's getting ready: the banner (the shape of fnvdecomp.com's release banner, in the green theme)
   and stub blocks. Colours come from the theme variables in style.css (theme.py). */
.release{margin:0 0 26px;padding:34px 28px 30px;border:3px solid var(--amber);border-radius:14px;text-align:center;
  background:radial-gradient(ellipse at 50% 0%,rgba(26,255,128,.16),rgba(26,255,128,.04) 60%,transparent);box-shadow:0 0 42px rgba(26,255,128,.22),inset 0 0 30px rgba(26,255,128,.08)}
.release-eyebrow{font-family:var(--font-crt);font-size:22px;letter-spacing:.14em;text-transform:uppercase;color:var(--amber)}
.release-title{display:block;text-align:center;letter-spacing:.01em;margin:6px 0 10px;font-family:var(--font-sign);font-weight:400;font-size:clamp(40px,10vw,104px);line-height:1;color:var(--neon);
  text-shadow:0 0 4px var(--neon),0 0 18px rgba(26,255,128,.75),0 0 46px rgba(26,255,128,.35)}
.release-lede{margin:0 auto;max-width:62ch;font-size:clamp(16px,2.2vw,20px);color:var(--sand)}
.release-lede b{color:var(--amber);font-weight:600}
.release-thanks{margin:12px auto 0;max-width:62ch;color:var(--sand);opacity:.75;font-size:16px}
.release-cta{display:inline-block;justify-self:center;margin-top:22px;padding:14px 30px;border:2px solid var(--amber);border-radius:10px;background:var(--amber);color:var(--bg);
  font-family:var(--font-ui);font-weight:700;font-size:clamp(17px,2.6vw,22px);letter-spacing:.04em;text-decoration:none;box-shadow:0 0 22px rgba(26,255,128,.45)}
.release-cta:hover,.release-cta:focus-visible{background:transparent;color:var(--amber)}
.stub{border:1px dashed var(--amber-dim);padding:14px 16px;color:var(--sand)}
.steps{max-width:70ch;color:var(--sand);font-size:17px;line-height:1.5;padding-left:1.2em}
.steps b{color:var(--amber)}
.doc{max-width:72ch;color:var(--sand);font-size:17px;line-height:1.55}
.doc h2{margin-top:28px}
.doc a{color:var(--amber)}
@media (max-width:560px){.release{padding:24px 16px}.tabs{font-size:22px;gap:4px 14px}}