:root{--cp-bg:var(--mc-paper);--cp-surface:var(--mc-cream);--cp-border:var(--mc-line);--cp-text:var(--mc-ink);--cp-muted:var(--mc-muted);--cp-accent:var(--mc-teal);--cp-link:var(--mc-teal)}
  *{box-sizing:border-box}
  body{background:var(--cp-bg);color:var(--cp-text)}
  .guide{width:min(960px,calc(100% - 32px));margin:auto;padding:32px 0 72px}
  .guide-hero{padding:clamp(24px,5vw,44px);border:1px solid var(--cp-border);border-top:7px solid var(--cp-accent);border-radius:18px;background:var(--cp-surface);box-shadow:var(--mc-shadow)}
  .guide-hero h1{margin:.2em 0;color:var(--mc-navy);font-size:clamp(2.2rem,7vw,4rem);line-height:1}
  .guide-hero p{max-width:66ch;font-size:1.15rem}
  .guide-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}
  .guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:20px}
  .guide-card{display:flex;flex-direction:column;padding:24px;border:2px solid var(--cp-border);border-radius:15px;background:var(--cp-surface)}
  .guide-card h2{margin:0;color:var(--mc-navy);font-size:1.55rem}
  .guide-card ol{margin:14px 0 22px;padding-left:1.4em;font-size:1.05rem}
  .guide-card li+li{margin-top:9px}
  .guide-card .btn{margin-top:auto;justify-content:center;min-height:52px}
  .guide-caution{margin-top:20px;padding:20px;border-left:7px solid var(--mc-gold);background:var(--cp-surface);font-size:1.05rem}
  a:focus-visible{outline:4px solid var(--mc-gold);outline-offset:4px}
  @media(max-width:700px){.guide{width:min(100% - 20px,960px);padding-top:16px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:20px}}