.guide{--body:system-ui,-apple-system,"Segoe UI",sans-serif;--display:var(--body);font-family:var(--body)}
.guide-hero{padding:48px 0;background:var(--mist);border-bottom:1px solid var(--line)}
.guide-hero h1{font-size:clamp(2rem,4.2vw,3.45rem);max-width:980px;letter-spacing:-.035em;line-height:1.13}
.guide-intro{font-size:1.14rem;max-width:850px;color:var(--muted);margin-top:24px}
.guide-meta{font-size:.88rem;color:var(--muted);margin:22px 0}
.guide-actions{display:flex;gap:12px;flex-wrap:wrap;margin:22px 0}
.guide .btn{white-space:normal;line-height:1.4;min-height:46px}
.guide .btn-primary{background:var(--brand-700)}
.guide-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:54px;padding-top:48px;padding-bottom:64px;align-items:start}
.guide-toc{position:sticky;top:110px;background:var(--mist);border:1px solid var(--line);border-radius:16px;padding:22px;font-size:.9rem}
.guide-toc ol{padding-left:20px;margin-bottom:0}.guide-toc li{margin:10px 0}.guide-toc a:hover{color:var(--brand-700);text-decoration:underline}
.guide-copy{min-width:0;font-size:1.04rem;line-height:1.85;overflow-wrap:anywhere}
.guide-copy section{scroll-margin-top:115px;margin-bottom:48px}.guide-copy h2{font-size:clamp(1.5rem,2.7vw,2rem);line-height:1.25;margin-bottom:20px}
.guide-copy h3{font-size:1.22rem;line-height:1.4;margin:28px 0 12px}
.guide-copy p a,.guide-copy li a,.guide-privacy a{color:var(--brand-700);text-decoration:underline;text-underline-offset:3px}
.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:28px 0}
.guide-card{padding:20px;border:1px solid var(--line);border-radius:14px;background:var(--paper)}
.guide-card strong{display:block;color:var(--brand-700);margin-bottom:8px}.guide-card p{margin:0;font-size:.94rem}
.guide-note{border-left:4px solid var(--brand-700);padding:22px;background:var(--mist);border-radius:0 12px 12px 0;margin:24px 0}
.guide-table{overflow-x:auto;margin:24px 0;border:1px solid var(--line);border-radius:12px}
.guide-table table{border-collapse:collapse;width:100%;font-size:.95rem}.guide-table caption{text-align:left;padding:16px;font-weight:600;background:var(--mist)}
.guide-table th,.guide-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid var(--line)}.guide-table th{background:var(--mist)}
.guide-banner{background:var(--ink);color:white;padding:26px;border-radius:16px;margin:28px 0}.guide-banner strong{font-size:1.2rem}.guide-banner p{margin:12px 0}
.guide-faq details{border-bottom:1px solid var(--line);padding:18px 0}.guide-faq summary{cursor:pointer;font-weight:650;min-height:32px}.guide-faq details p{margin:14px 0 0}
.guide-form{padding:28px;background:var(--mist);border:1px solid var(--line);border-radius:16px}.guide-form .field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.guide-form input,.guide-form select,.guide-form textarea{font:inherit;width:100%;min-width:0}.guide-form textarea{min-height:140px}.guide-form .field{min-width:0}
.guide-privacy{font-size:.88rem;line-height:1.7;margin:20px 0}.guide-privacy summary{cursor:pointer;font-weight:600}
.guide-hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.guide :focus-visible{outline:3px solid var(--brand-700);outline-offset:4px}.guide-cover{width:240px;height:auto;max-width:100%;margin:0 0 20px}
.guide-list{max-width:850px;margin:40px auto 64px}.guide-list article{padding:28px;border:1px solid var(--line);border-radius:16px}
@media(max-width:960px){.guide-layout{grid-template-columns:minmax(0,1fr);gap:28px}.guide-toc{position:static}.guide-toc ol{columns:2}.guide-cards{grid-template-columns:1fr}.guide-hero{padding:32px 0}}
@media(max-width:560px){.guide-toc ol{columns:1}.guide-form .field-row{grid-template-columns:1fr;gap:0}.guide-form{padding:18px}.guide-layout{padding-top:28px}.guide-table th,.guide-table td{padding:10px}.guide-copy{font-size:1rem}}
@media(min-width:761px) and (max-width:960px){.nav{gap:12px}.nav-cta{display:none}.menu>li>a{padding:10px 8px}.menu .dropdown{left:auto;right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide *{transition:none!important}}
