/* ==========================================================================
   MIRR Guide page. Reuses the palette and type of styles.css; adds a single
   centred reading column for long-form text.
   ========================================================================== */

.guide-top{padding-top:64px}
.guide-top .topbar{opacity:1;transform:none}
.guide-top .home{font-family:var(--mono);font-size:12px;font-weight:500;letter-spacing:.1em;color:var(--muted);text-decoration:none}
.guide-top .home:hover{color:var(--accent)}
.guide-title{
  margin:56px auto 8px;max-width:760px;width:100%;
  font-family:var(--sans);font-weight:800;font-size:clamp(40px,6vw,72px);
  line-height:1.02;letter-spacing:-.03em;color:var(--ink);text-align:center;
}

.guide{max-width:760px;width:100%;margin:0 auto;font-family:var(--serif);font-size:var(--fs-body);line-height:1.7;color:var(--body)}
.guide > p:first-child{text-align:center;font-family:var(--sans);font-size:20px;line-height:1.4;color:var(--ink);margin-top:0}
.guide > p:first-child + p{text-align:center;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--muted)}
.guide h2{font-family:var(--sans);font-weight:700;font-size:30px;line-height:1.15;letter-spacing:-.02em;color:var(--ink);margin:0 0 18px}
.guide h3{font-family:var(--sans);font-weight:700;font-size:21px;color:var(--ink);margin:36px 0 10px}
.guide p{margin:0 0 16px}
.guide strong{color:var(--ink);font-weight:600}
.guide a{color:var(--accent)}
.guide ul,.guide ol{margin:0 0 18px;padding-left:1.3em}
.guide li{margin:0 0 8px}
.guide hr{border:0;border-top:1px solid var(--rule);margin:48px 0}
.guide blockquote{margin:0 0 18px;padding:14px 20px;border-left:3px solid var(--accent);background:var(--inset);color:var(--ink)}
.guide blockquote p{margin:0}
.guide pre{margin:0 0 18px;padding:18px 20px;background:var(--inset);overflow-x:auto;font-family:var(--mono);font-size:14px;line-height:1.5;color:var(--ink)}
.guide code{font-family:var(--mono);font-size:.85em}
.guide table{width:100%;border-collapse:collapse;margin:0 0 18px;font-size:var(--fs-body-sm)}
.guide th,.guide td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--rule);vertical-align:top}
.guide th{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:500}

.guide-foot{padding-bottom:80px}
.guide-foot .cta{margin-top:56px}

@media (max-width:880px){
  .guide-title{margin-top:40px}
  .guide h2{font-size:25px}
  .guide{font-size:var(--fs-body-sm)}
}

/* Starter kit block */
.kit-jump{text-align:center;margin:6px 0 30px;font-family:var(--mono);font-size:12px;letter-spacing:.08em}
.kit-jump a{color:var(--accent);text-decoration:none}
.kit-jump a:hover{text-decoration:underline}
.kit{margin-top:48px;padding:28px 30px;background:var(--inset);border-left:3px solid var(--accent)}
.kit h2{margin:0 0 10px}
.kit-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.kit-links a{display:inline-flex;align-items:center;justify-content:center;text-align:center;min-height:48px;padding:8px 22px;border-radius:2px;
  font-family:var(--sans);font-size:15px;font-weight:600;text-decoration:none;color:var(--accent);
  box-shadow:inset 0 0 0 1.5px var(--accent);background:transparent}
.kit-links a:hover{background:var(--accent);color:#F7FAFC}
@media (max-width:880px){.kit{padding:22px 18px}.kit-links a{width:100%;justify-content:center}}