.guide-page{max-width:900px;margin:0 auto;padding:32px 20px 64px}
.guide-page h1{font-size:clamp(2rem,5vw,3rem);line-height:1.12;margin:0 0 16px;color:var(--hm-ink)}
.guide-page h2{color:var(--hm-purple-dark);margin:40px 0 12px;font-size:clamp(1.3rem,3vw,1.8rem)}
.guide-page h3{color:var(--hm-purple-dark);margin:0 0 8px}
.guide-page p,.guide-page li{color:var(--hm-muted);line-height:1.7}
.guide-breadcrumb{color:var(--hm-muted);font-size:.95rem;margin-bottom:24px}
.guide-breadcrumb a{color:var(--hm-purple-dark);font-weight:700}
.guide-hero{background:linear-gradient(135deg,#efeafc,#f7f1df);border:1px solid var(--hm-line);border-radius:var(--hm-radius);padding:clamp(22px,5vw,42px)}
.guide-hero p{font-size:1.06rem;margin:0;color:var(--hm-ink)}
.guide-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.guide-actions a{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:12px 18px;text-decoration:none;font-weight:800}
.guide-primary{background:var(--hm-purple);color:#fff}
.guide-secondary{background:#fff;border:2px solid #c9c3fa;color:var(--hm-purple-dark)}
.guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:14px;margin:18px 0}
.guide-card{background:var(--hm-paper);border:2px solid var(--hm-line);border-radius:var(--hm-radius-sm);padding:18px}
.guide-note{background:var(--hm-teal-soft);border-left:4px solid var(--hm-teal);border-radius:var(--hm-radius-sm);padding:16px 18px;color:var(--hm-ink)}
.guide-page ol{padding-left:1.2rem}
.guide-faq details{border-bottom:1px solid var(--hm-line);padding:14px 0}
.guide-faq summary{cursor:pointer;color:var(--hm-purple-dark);font-weight:800}
.guide-related{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}
.guide-related a{font-weight:800}