.guide-hub{padding-top:72px;padding-bottom:80px}.guide-hub h1,.article-heading h1{font-size:clamp(2.5rem,5vw,4.8rem);line-height:1.07;letter-spacing:-.04em;max-width:1000px}.guide-hub h1 em{font-family:Georgia,serif;font-weight:400}.guide-hub>.intro{max-width:720px;margin:28px 0 52px}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.guide-card{display:flex;flex-direction:column;padding:32px;background:#f2f5f1;border:1px solid #dce2dc;border-radius:18px;text-decoration:none;color:#182b30;transition:border-color .15s,background .15s}.guide-card:hover{background:#eaf0e6;border-color:#9cae99}.guide-card h3{font-size:1.55rem;line-height:1.25;letter-spacing:-.02em;margin:12px 0}.guide-card p{line-height:1.65;margin:0 0 24px;color:#43575a}.guide-link{margin-top:auto;font-weight:700}.breadcrumbs{display:flex;gap:12px;padding:36px 0;color:#43575a;font-size:.9rem}.article-heading{max-width:960px;padding:30px 0 44px}.article-heading .intro{max-width:760px;line-height:1.6}.byline{font-size:.9rem;color:#43575a;margin-top:26px}.article-layout{display:grid;grid-template-columns:260px minmax(0,740px);gap:70px;align-items:start;border-top:1px solid #dce2dc;padding-top:40px}.contents{position:sticky;top:24px}.contents ol{padding-left:20px}.contents li{padding:7px 0;line-height:1.55}.contents a{color:#43575a;text-decoration:none}.contents a:hover{text-decoration:underline}.article-body section{scroll-margin-top:32px;margin-bottom:40px}.article-body h2{font-size:1.8rem;line-height:1.2;letter-spacing:-.02em;margin:0 0 18px}.article-body p{font-size:1.1rem;line-height:1.85;color:#33494e}.article-note{padding:32px;background:#eef3e9;border-radius:18px;margin-top:44px}.article-note h2{font-size:1.6rem}.article-note p{line-height:1.75;max-width:800px}.article-note .button{margin-top:14px}.related h2{font-size:2rem;margin:12px 0 28px}.related .guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}a:focus-visible{outline:3px solid #426333;outline-offset:5px}.header nav .guides-nav{display:inline-block}
@media(max-width:850px){.article-layout{grid-template-columns:1fr;gap:24px}.contents{position:static;background:#f2f5f1;padding:24px;border-radius:12px}.contents ol{margin-bottom:0}.related .guide-grid{grid-template-columns:1fr}.guide-hub{padding-top:36px}.article-heading{padding-top:8px}.guide-card{padding:25px}}
@media(max-width:580px){.guide-grid{grid-template-columns:1fr}.guide-hub h1,.article-heading h1{font-size:2.5rem}.article-note{padding:24px}.header nav{gap:14px}.article-body p{font-size:1.05rem}.guide-article .breadcrumbs{padding-top:26px}.guide-hub>.intro{margin-bottom:32px}}
.guide-diagram{margin:0 0 40px}.guide-diagram img{display:block;width:100%;height:auto}.guide-diagram figcaption{font-size:.85rem;line-height:1.5;color:#43575a;margin-top:12px}
.breadcrumbs>a:not(.nav-cta){display:inline-block}.article-heading h1{margin-bottom:24px}