.guide-article{max-width:920px;margin:0 auto;padding:56px 20px 96px}
.guide-breadcrumb{display:flex;flex-wrap:wrap;gap:7px;align-items:center;margin-bottom:30px;font-size:.78rem;color:var(--color-muted)}
.guide-breadcrumb a{color:var(--color-blue-accent);text-decoration:none}
.guide-article-hero{padding-bottom:42px;border-bottom:1px solid var(--color-line)}
.guide-article-hero h1{font-size:clamp(2rem,5vw,3.4rem);line-height:1.28;margin:12px 0 18px;letter-spacing:-.02em}
.guide-article-lead{font-size:1.03rem;line-height:1.9;color:var(--color-muted);max-width:800px}
.guide-updated{display:inline-block;margin-top:16px;font-family:var(--font-mono);font-size:.72rem;color:var(--color-muted)}
.guide-summary{margin:34px 0 0;padding:24px;border:1px solid #dcc8ad;border-radius:18px;background:#f7f1e7}
.guide-summary strong{display:block;margin-bottom:8px;font-size:1.03rem}
.guide-summary p{margin:0;line-height:1.85;color:var(--color-ink-soft)}
.guide-article-section{padding-top:54px}
.guide-article-section h2{font-size:clamp(1.45rem,3vw,2rem);line-height:1.45;margin:0 0 18px}
.guide-article-section h3{font-size:1.14rem;line-height:1.55;margin:30px 0 10px}
.guide-article-section p{line-height:1.95;color:var(--color-ink-soft);margin:0 0 18px}
.guide-article-section ul{display:grid;gap:10px;margin:18px 0;padding-left:1.2em}
.guide-article-section li{line-height:1.8;color:var(--color-ink-soft)}
.guide-analogy{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:24px 0}
.guide-analogy-card{border:1px solid var(--color-line);border-radius:16px;padding:20px;background:#fff}
.guide-analogy-card span{font-family:var(--font-mono);font-size:.68rem;color:var(--color-blue-accent)}
.guide-analogy-card strong{display:block;margin:8px 0 6px}
.guide-analogy-card p{font-size:.86rem;line-height:1.7;margin:0}
.guide-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin:26px 0}
.guide-flow-box{padding:20px;border-radius:16px;border:1px solid var(--color-line-dark);background:#fff;text-align:center}
.guide-flow-box strong{display:block;margin-bottom:5px}
.guide-flow-box small{display:block;color:var(--color-muted);line-height:1.55}
.guide-flow-arrow{color:var(--color-blue-accent);font-weight:700;text-align:center}
.guide-note-box{margin:24px 0;padding:20px 22px;border-left:4px solid #7d9670;background:var(--color-paper-alt);border-radius:0 14px 14px 0}
.guide-note-box strong{display:block;margin-bottom:6px}
.guide-note-box p{margin:0;font-size:.9rem}
.guide-faq{display:grid;gap:12px;margin-top:18px}
.guide-faq details{border:1px solid var(--color-line);border-radius:14px;background:#fff;padding:16px 18px}
.guide-faq summary{cursor:pointer;font-weight:700;line-height:1.6}
.guide-faq details p{margin:12px 0 0;font-size:.92rem}
.guide-related{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}
.guide-related a,.guide-related .coming{display:block;border:1px solid var(--color-line);border-radius:16px;padding:20px;text-decoration:none;color:inherit;background:#fff}
.guide-related a:hover{border-color:#b9d3e1;box-shadow:0 10px 24px rgba(18,34,56,.06)}
.guide-related span{display:block;font-family:var(--font-mono);font-size:.68rem;color:var(--color-blue-accent);margin-bottom:7px}
.guide-related strong{line-height:1.55}
.guide-related small{display:block;margin-top:8px;color:var(--color-muted);line-height:1.6}
.guide-article-cta{margin-top:60px;padding:30px;border-radius:22px;background:var(--color-ink);color:#fff}
.guide-article-cta h2{margin:0 0 10px;color:#fff}
.guide-article-cta p{color:rgba(255,255,255,.76);margin:0 0 18px;line-height:1.8}
@media(max-width:720px){.guide-article{padding-top:38px}.guide-analogy,.guide-related{grid-template-columns:1fr}.guide-flow{grid-template-columns:1fr}.guide-flow-arrow{transform:rotate(90deg)}.guide-article-section{padding-top:44px}}
.guide-infographic{margin:32px 0 0}
.guide-infographic img{display:block;width:100%;height:auto;border:1px solid var(--color-line);border-radius:20px;background:#f7f1e7;box-shadow:0 12px 30px rgba(18,34,56,.06)}
.guide-infographic figcaption{margin-top:10px;text-align:center;font-size:.78rem;line-height:1.65;color:var(--color-muted)}