.guide { max-width:850px; padding-top:48px; padding-bottom:64px; }
.guide p,.guide a { overflow-wrap:anywhere; }
.directory { max-width:1100px; }
.shop-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; margin-top:32px; }
.guide .shop-card { margin-top:0; padding:28px; background:white; border:1px solid var(--line); border-top:4px solid #4a6f4e; border-radius:14px; }
.shop-card h2 { font-size:1.65rem; }
.shop-card .eyebrow { font-size:10px; margin-bottom:16px; }
.resource-nav { display:flex; flex-wrap:wrap; gap:12px 24px; padding-block:24px; border-top:1px solid var(--line); }
@media(max-width:650px) { .shop-grid { grid-template-columns:1fr; } .guide .shop-card { padding:22px; } }
.guide h1 { font-size:clamp(2.4rem,6vw,4.2rem); line-height:1.08; }
.guide h2 { font-size:clamp(1.6rem,4vw,2.25rem); line-height:1.2; }
.guide h3 { font-size:1.2rem; margin-top:28px; }
.guide p,.guide li { line-height:1.75; }
.guide section { margin-top:48px; scroll-margin-top:24px; }
.guide li { margin-bottom:12px; }
.guide ul,.guide ol { padding-left:1.5rem; }
.guide-note { background:#f3efe6; padding:24px; border-radius:16px; margin-top:32px; }
.guide a:not(.button) { color:#004f6c; text-decoration:underline; text-underline-offset:3px; }
a.button[href="/start/"] { background:#4a6f4e; color:white; border:0; box-shadow:none; }
a.button[href="/start/"]:hover { background:#3e5e42; color:white; }
a.button[href="/start/"]:focus-visible { outline:3px solid #00384d; outline-offset:4px; }
@media(max-width:600px) { .header nav { display:flex; } .header nav>a:not(.button) { display:none; } .guide { padding-top:24px; } .guide-note { padding:20px; } }