.step-guide-nav { background: var(--paper); border-bottom: 1px solid var(--line); }
.step-guide-nav .container { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:12px 24px; padding-block:16px; }
.step-guide-nav .guide-nav-links { display:flex; flex-wrap:wrap; gap:8px 22px; }
.step-guide-nav a { display:inline-flex; align-items:center; min-height:44px; font-weight:750; }
.step-guide-hero { padding:54px 0 36px; background:linear-gradient(140deg,#f7f3e8,#e9f4ee); }
.step-guide-hero h1 { max-width:920px; font-size:clamp(2.6rem,5.6vw,4.6rem); line-height:1.12; }
.step-guide-hero .lead { max-width:760px; }
.step-guide .guide-meta { color:var(--ink-soft); font-size:.94rem; margin:18px 0; }
.step-guide-body { max-width:920px; padding-block:38px 72px; }
.step-guide-body > section { margin-block:42px; }
.step-guide-body p,.step-guide-body li { font-size:1.1rem; line-height:1.85; }
.step-guide-body ul,.step-guide-body ol { padding-inline-start:24px; margin:20px 0; }
.step-guide-body li { margin-block:10px; }
.step-guide-body h2 { font-size:clamp(1.8rem,3.5vw,2.6rem); margin-bottom:18px; }
.step-guide-body h3 { margin:24px 0 12px; }
.step-guide-body a { text-decoration:underline; text-underline-offset:3px; }
.step-guide-body .btn { text-decoration:none; }
.guide-answer { padding:clamp(22px,4vw,36px); background:#edf7f1; border:1px solid #c5ded0; border-radius:24px; }
.guide-equation { font-size:clamp(1.5rem,3.5vw,2.4rem) !important; font-weight:850; color:var(--ink); }
.guide-flow { display:grid; grid-template-columns:minmax(0,1fr) 250px; gap:36px; align-items:start; }
.guide-flow figure { margin:0; }
.guide-flow img { width:100%; height:auto; border:5px solid #173629; border-radius:28px; box-shadow:0 20px 40px #16352824; }
.guide-flow figcaption { color:var(--ink-soft); font-size:.88rem; line-height:1.6; margin-top:16px; }
.guide-reference { overflow-x:auto; border:1px solid var(--line); border-radius:16px; }
.guide-reference table { width:100%; border-collapse:collapse; }
.guide-reference th,.guide-reference td { padding:14px 12px; text-align:start; border-bottom:1px solid var(--line); }
.guide-reference th { background:#eef4ef; }
.step-guide-footer { border-top:1px solid var(--line); padding:28px 0 42px; background:var(--paper); }
.step-guide-footer .container { display:flex; flex-wrap:wrap; justify-content:space-between; gap:16px; }
.step-guide-footer a { display:inline-block; padding:8px 0; margin-inline-end:20px; }
html[lang="ja"] .step-guide { line-break:strict; overflow-wrap:anywhere; }
html[lang="ja"] .step-guide-hero h1 { line-height:1.4; font-size:clamp(2rem,4.5vw,3.7rem); overflow-wrap:anywhere; word-break:normal; }
@media(max-width:650px) { .step-guide-hero{padding-top:30px}.guide-flow{grid-template-columns:1fr}.guide-flow figure{width:min(260px,80%);justify-self:center}.step-guide-body > section{margin-block:30px}.guide-reference th,.guide-reference td{font-size:.9rem;padding:12px 8px} }