/* wave2-f.css — Builder F (help/support + launch readiness).
   Exclusive to Builder F. Loaded on: help, glossary, changelog, wholesale,
   collaborate, factsheet, start + index.html (first-visit tour only). */

/* ---------- TL;DR box (#237 pattern) ---------- */
.tldr{background:rgba(110,168,255,.08);border:1px solid rgba(110,168,255,.35);
  border-left:4px solid #6ea8ff;border-radius:12px;padding:1rem 1.25rem;
  margin:0 0 1.75rem;max-width:65ch}
.tldr strong{color:#cfe2ff}
.tldr ul{margin:.5rem 0 0;padding-left:1.2rem}
.tldr li{margin:.35rem 0;line-height:1.5}

/* ---------- On-this-page TOC card ---------- */
.toc-card{border:1px solid rgba(207,226,255,.18);border-radius:12px;
  padding:1rem 1.25rem;margin:0 0 2rem;max-width:65ch;background:rgba(255,255,255,.02)}
.toc-card p{margin:0 0 .5rem;font-weight:700;color:#cfe2ff}
.toc-card ol{margin:0;padding-left:1.3rem}
.toc-card li{margin:.3rem 0}
.toc-card a{color:#6ea8ff;text-underline-offset:3px}

/* ---------- How-this-site-works strip (#376) ---------- */
.how-strip{display:grid;grid-template-columns:1fr;gap:.75rem;margin:0 0 2rem}
@media(min-width:700px){.how-strip{grid-template-columns:1fr 1fr 1fr}}
.how-step{border:1px solid rgba(207,226,255,.16);border-radius:14px;
  padding:1.1rem 1.2rem;background:rgba(255,255,255,.02);position:relative}
.how-step .n{display:inline-flex;align-items:center;justify-content:center;
  width:2rem;height:2rem;border-radius:50%;background:#6ea8ff;color:#0b0c11;
  font-weight:800;margin-bottom:.6rem}
.how-step h3{margin:.2rem 0 .4rem;font-size:1.02rem}
.how-step p{margin:0;line-height:1.55;color:#cfe2ff}

/* ---------- Live system check (#373) ---------- */
.live-check{border:1px solid rgba(207,226,255,.18);border-radius:14px;
  padding:1.2rem 1.35rem;max-width:65ch;background:rgba(255,255,255,.02)}
.live-check .row{display:flex;align-items:center;gap:.7rem;margin:.6rem 0}
.dot{width:.9rem;height:.9rem;border-radius:50%;background:#888;flex:none}
.dot.ok{background:#4ade80;box-shadow:0 0 10px rgba(74,222,128,.7)}
.dot.bad{background:#f87171;box-shadow:0 0 10px rgba(248,113,113,.7)}
.dot.working{background:#fbbf24;animation:xc-pulse 1s infinite}
@keyframes xc-pulse{50%{opacity:.35}}
.live-check .status-text{font-weight:700;font-size:1.05rem}
.live-check .micro{margin:.5rem 0 0;color:#9fb0c8;font-size:.85rem}

/* ---------- Support explainer (#369) ---------- */
.support-note{border-left:4px solid #6ea8ff;background:rgba(110,168,255,.07);
  border-radius:0 12px 12px 0;padding:1rem 1.25rem;max-width:65ch;margin:1rem 0}
.support-note p{margin:.3rem 0;line-height:1.6}
.support-note .who{color:#cfe2ff;font-weight:700}

/* ---------- Micro forms (report-a-problem, wholesale, collaborate) ---------- */
.mini-form{max-width:34rem;display:grid;gap:.8rem;margin:1rem 0}
.mini-form label{font-weight:600;font-size:.95rem;display:grid;gap:.35rem}
.mini-form .opt{font-weight:400;color:#9fb0c8;font-size:.85rem}
.mini-form input,.mini-form textarea,.mini-form select{
  font:inherit;font-size:16px;padding:.7rem .85rem;border-radius:10px;
  border:1px solid rgba(207,226,255,.25);background:#11141d;color:#eef2fa;width:100%}
.mini-form textarea{min-height:6rem;resize:vertical}
.mini-form input:focus-visible,.mini-form textarea:focus-visible,.mini-form select:focus-visible{
  outline:2px solid #6ea8ff;outline-offset:2px;border-color:#6ea8ff}
.mini-form .form-msg{min-height:1.4em;font-weight:600}
.mini-form .form-msg.err{color:#fca5a5}
.mini-form .form-msg.ok{color:#86efac}
.fallback-line{font-size:.9rem;color:#9fb0c8;margin-top:.4rem}
.fallback-line a{color:#6ea8ff}

/* ---------- Glossary (#375) ---------- */
.glossary{max-width:65ch}
.glossary dt{color:#6ea8ff;font-weight:700;font-size:1.08rem;margin:1.4rem 0 .3rem}
.glossary dd{margin:0 0 1rem;line-height:1.65;color:#dbe4f2}
.glossary .see{font-size:.88rem;color:#9fb0c8}

/* ---------- Changelog (#384) ---------- */
.changelog{max-width:65ch;list-style:none;padding:0;margin:0}
.changelog li{border-left:3px solid #6ea8ff;padding:.2rem 0 .2rem 1.1rem;
  margin-bottom:1.4rem;position:relative}
.changelog li::before{content:"";position:absolute;left:-7px;top:.45rem;
  width:11px;height:11px;border-radius:50%;background:#6ea8ff}
.changelog time{font-weight:700;color:#cfe2ff;font-variant-numeric:tabular-nums}
.changelog p{margin:.25rem 0 0;line-height:1.6}

/* ---------- Fact sheet (#385) ---------- */
.fact-grid{max-width:65ch}
.fact-row{display:grid;grid-template-columns:11rem 1fr;gap:1rem;
  padding:.75rem 0;border-bottom:1px solid rgba(207,226,255,.12);line-height:1.55}
.fact-row dt{font-weight:700;color:#cfe2ff}
.fact-row dd{margin:0}
.tbd{display:inline-block;background:rgba(251,191,36,.14);color:#fbbf24;
  border:1px solid rgba(251,191,36,.4);border-radius:6px;padding:.05rem .5rem;
  font-size:.8rem;font-weight:700;letter-spacing:.04em}

/* ---------- Learning path (#380) ---------- */
.path-step{display:grid;grid-template-columns:2.4rem 1fr;gap:1rem;
  padding:1rem 0;border-bottom:1px solid rgba(207,226,255,.12);max-width:65ch}
.path-step .n{display:inline-flex;align-items:center;justify-content:center;
  width:2.4rem;height:2.4rem;border-radius:50%;background:rgba(110,168,255,.15);
  border:1px solid #6ea8ff;color:#6ea8ff;font-weight:800}
.path-step h3{margin:.25rem 0 .35rem}
.path-step p{margin:.25rem 0;line-height:1.6}

/* ---------- First-visit tour (#368) ---------- */
.xc-tour-backdrop{position:fixed;inset:0;background:rgba(4,5,9,.72);
  backdrop-filter:blur(3px);z-index:9998;display:flex;align-items:center;
  justify-content:center;padding:1.25rem}
.xc-tour-card{background:#12151f;border:1px solid rgba(110,168,255,.4);
  border-radius:18px;max-width:26rem;width:100%;padding:1.75rem;
  box-shadow:0 24px 70px rgba(0,0,0,.6)}
.xc-tour-card .step-tag{font-size:.78rem;letter-spacing:.12em;color:#6ea8ff;
  font-weight:700;text-transform:uppercase}
.xc-tour-card h2{font-family:Bungee,Inter,sans-serif;font-size:1.35rem;
  margin:.4rem 0 .6rem;color:#fff}
.xc-tour-card p{line-height:1.65;color:#dbe4f2;margin:0 0 1.4rem}
.xc-tour-nav{display:flex;gap:.7rem;align-items:center;justify-content:space-between}
.xc-tour-dots{display:flex;gap:.45rem}
.xc-tour-dots i{width:.55rem;height:.55rem;border-radius:50%;
  background:rgba(207,226,255,.25)}
.xc-tour-dots i.on{background:#6ea8ff}

/* ---------- Kicker / misc ---------- */
.kicker{font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  color:#6ea8ff;font-weight:700;margin-bottom:.4rem}
.updated-line{color:#9fb0c8;font-size:.85rem;margin-top:2.5rem}
.confused-link{display:inline-block;margin-top:.7rem;font-size:.92rem}
.confused-link a{color:#6ea8ff;text-underline-offset:3px}

/* ---------- Print (#382, #385) ---------- */
@media print{
  .nav,.skip,footer,.sticky-bar,.nudge,.confused-link,button,.btn,
  .xc-tour-backdrop,.fallback-line{display:none!important}
  body{background:#fff;color:#111}
  .tldr,.support-note,.live-check,.toc-card,.how-step,.mini-form input,
  .mini-form textarea{border-color:#999;background:#fff}
  h1,h2,h3,.grad,.tldr strong,.glossary dt{color:#000!important}
  p,li,dd,.how-step p,.changelog p{color:#222!important}
  a{color:#000;text-decoration:underline}
  .section{padding:1rem 0}
}