:root{color-scheme:light;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#183a2a;background:#f5f7ec;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}a{color:inherit;text-underline-offset:.2em}img{display:block;max-width:100%}
.skip-link{position:absolute;left:.8rem;top:-8rem;padding:.6rem 1rem;background:#183a2a;color:#fff}.skip-link:focus{top:.8rem}:focus-visible{outline:3px solid #183a2a;outline-offset:3px}
.guide-header{max-width:1080px;margin:auto;padding:1.4rem clamp(1rem,4vw,2rem);display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid #b5c7b6}.guide-brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-size:1.2rem;font-weight:800}.guide-brand img{border-radius:.5rem}.guide-header nav{display:flex;flex-wrap:wrap;gap:.5rem}.guide-header nav a{padding:.4rem .55rem;border-radius:.4rem;font-size:.82rem}.guide-header nav a[aria-current=page]{background:#183a2a;color:#fff;text-decoration:none}
main{max-width:960px;margin:auto;padding:clamp(2rem,6vw,5rem) clamp(1rem,4vw,2rem)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:.75rem;font-weight:800;color:#426d4b}h1{font-size:clamp(2.7rem,7vw,5.5rem);line-height:1.02;letter-spacing:-.055em;max-width:16ch;margin:.8rem 0 1.3rem}.lead{font-size:clamp(1.1rem,2vw,1.4rem);line-height:1.5;max-width:62ch;color:#315a3d}.guide-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.2rem;margin:2rem 0 3rem}.primary-action{display:inline-block;padding:.9rem 1.15rem;border-radius:.6rem;background:#183a2a;color:#fff;text-decoration:none;font-weight:750}.entry-example{background:#dcebcf;border:1px solid #abc899;border-radius:1rem;padding:1.4rem 1.7rem;margin-bottom:3rem}.entry-example p{margin:0 0 .6rem;text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:.75rem}.entry-example strong{font-size:clamp(1.05rem,2.5vw,1.5rem)}.guide-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.guide-steps section{background:#fff;border:1px solid #cfddcd;border-radius:1rem;padding:1.4rem}.guide-steps span{color:#5b7959;font-weight:800}.guide-steps h2{font-size:1.35rem;line-height:1.2}.guide-steps p{line-height:1.6;color:#31503a}.guide-caution{margin-top:2rem;padding:1rem 1.3rem;border-left:4px solid #416e49;line-height:1.6}footer{max-width:1080px;margin:auto;padding:1.5rem clamp(1rem,4vw,2rem);border-top:1px solid #b5c7b6;display:flex;justify-content:space-between;gap:1rem}
@media(max-width:740px){.guide-header{align-items:flex-start;flex-direction:column}.guide-steps{grid-template-columns:1fr}main{padding-top:2.5rem}}