:root{--ink:#172019;--muted:#66716a;--line:#dfe5df;--paper:#fff;--soft:#f4f7f3;--accent:#235b3a;--accent2:#173d28;--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper);line-height:1.7}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.nav-wrap{min-height:72px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{font-weight:800;letter-spacing:-.02em;color:var(--ink)}nav a{margin-left:22px;font-weight:650}.hero{padding:100px 0;background:linear-gradient(135deg,#eef6ef,#fff)}.eyebrow{font-size:.78rem;font-weight:800;letter-spacing:.12em;color:var(--accent)}h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1.05;letter-spacing:-.055em;margin:.2em 0}.hero-copy{max-width:760px;font-size:1.25rem;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.button{display:inline-block;border:0;border-radius:10px;padding:12px 18px;background:var(--accent);color:#fff;font-weight:750;cursor:pointer}.button:hover{background:var(--accent2);text-decoration:none}.button.secondary{background:#fff;color:var(--accent);border:1px solid var(--accent)}
.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding:60px 0}.intro-grid article,.card,.sidebar-card{border:1px solid var(--line);border-radius:16px;padding:24px;background:#fff}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:30px 0 20px}.page-header,.guide-header{background:var(--soft);padding:60px 0}.page-header h1,.guide-header h1{font-size:clamp(2.3rem,5vw,4rem)}.directory{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:40px 0}.directory-item{display:flex;flex-direction:column;padding:15px 17px;border:1px solid var(--line);border-radius:10px}.directory-item span{color:var(--muted);font-size:.9rem}.pagination{display:flex;justify-content:center;gap:24px;align-items:center;margin:35px 0 70px}.search-form{max-width:700px}.search-form label{display:block;font-weight:700;margin-bottom:6px}.search-row{display:flex;gap:10px}.search-row input{flex:1;padding:13px 15px;border:1px solid #bbc5bd;border-radius:9px;font:inherit}
.breadcrumbs{font-size:.9rem;color:var(--muted);margin-bottom:30px}.location{font-size:1.15rem;color:var(--muted)}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px;padding:50px 0}.guide-content section{margin-bottom:48px}.guide-content h2{font-size:1.75rem;line-height:1.2}.lead-image{margin:0 0 45px}.lead-image img{display:block;width:100%;max-height:600px;object-fit:cover;border-radius:16px}.lead-image figcaption{font-size:.8rem;color:var(--muted);margin-top:7px}.sidebar{position:sticky;top:100px;align-self:start}.sidebar-card{margin-bottom:18px}.sidebar-card ul{padding-left:20px}.faq-list details{border-top:1px solid var(--line);padding:16px 0}.faq-list details:last-child{border-bottom:1px solid var(--line)}summary{font-weight:750;cursor:pointer}.comment-form{background:var(--soft);padding:22px;border-radius:14px}.comment-form p{display:flex;flex-direction:column}.comment-form input,.comment-form textarea{font:inherit;padding:10px;border:1px solid #bbc5bd;border-radius:8px}.comment{padding:18px 0;border-bottom:1px solid var(--line)}.comment small{color:var(--muted);margin-left:8px}.muted{color:var(--muted)}.messages{padding-top:15px}.message{padding:12px 16px;background:#edf7ef;border:1px solid #cfe3d3;border-radius:8px}.site-footer{margin-top:80px;padding:40px 0;border-top:1px solid var(--line);color:var(--muted)}
@media(max-width:900px){.cards,.directory,.intro-grid{grid-template-columns:1fr 1fr}.guide-layout{grid-template-columns:1fr}.sidebar{position:static}}
@media(max-width:650px){.nav-wrap{align-items:flex-start;flex-direction:column;padding:15px 0}.nav-wrap nav a{margin:0 14px 0 0}.cards,.directory,.intro-grid{grid-template-columns:1fr}.hero{padding:70px 0}.guide-layout{padding-top:30px}.search-row{flex-direction:column}}