:root{font:16px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#172633;background:#f3f7f5}
*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button,input{font:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #50bda1;outline-offset:3px}
.guide-header{background:#0d3038;color:#fff}.guide-header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:13px 25px}.guide-brand{display:inline-flex}.guide-brand img{display:block;width:215px;max-width:40vw;height:auto}.guide-header nav{display:flex;align-items:center;gap:20px}.guide-header nav a{font-size:.86rem;font-weight:750;color:#d7eee6;text-decoration:none}.guide-header nav a:hover,.guide-header nav a[aria-current]{color:#9de5ce;text-decoration:underline}
main{width:min(100% - 40px,1130px);min-height:calc(100vh - 162px);margin:auto}.guide-eyebrow,.guide-group-heading>span,.guide-section-heading>span{display:block;color:#19806b;font-size:.75rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.guide-hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);align-items:center;gap:30px;padding:75px 0 45px}.guide-hero h1{max-width:700px;margin:12px 0 14px;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.06;letter-spacing:-.06em}.guide-hero p{max-width:710px;margin:0;color:#516b68;font-size:1.18rem}.guide-hero-mark{display:flex;flex-direction:column;align-items:center;gap:4px;padding:27px;border-radius:24px;background:linear-gradient(145deg,#0c3038,#176458);box-shadow:0 20px 45px #10423a29;color:#d9f3e8;text-align:center;transform:rotate(2deg)}.guide-hero-mark span{font-size:1.18rem;font-weight:850;letter-spacing:.07em}.guide-hero-mark b{color:#8adbbd;font-size:2rem;line-height:1}
.guide-search-panel{padding:22px;border:1px solid #d4e7de;border-radius:19px;background:#fff;box-shadow:0 8px 25px #153e3510}.guide-search-panel label{display:block;margin-bottom:8px;font-weight:800}.guide-search-panel input{width:100%;padding:12px 15px;border:1px solid #bfd8cc;border-radius:10px;color:#173f39;background:#fbfdfc}.guide-search-panel input::placeholder{color:#708784}.guide-filters{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.guide-filters button{padding:8px 14px;border:1px solid #bbd7cb;border-radius:99px;background:#edf7f1;color:#176b5b;font-size:.8rem;font-weight:800;cursor:pointer}.guide-filters button:hover,.guide-filters button[aria-pressed=true]{border-color:#176b5b;background:#176b5b;color:#fff}.guide-count{margin:12px 0 0;color:#60758a;font-size:.8rem}.guide-no-results{padding:24px;border-radius:12px;background:#fff8e8;color:#785525}
.guide-group{padding:54px 0 4px}.guide-group-heading h2{margin:5px 0;font-size:clamp(1.9rem,3vw,2.65rem);letter-spacing:-.045em}.guide-group-heading p{margin:0 0 20px;color:#607570}.guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.guide-card{min-width:0;border:1px solid #d8e8e0;border-radius:16px;background:#fff;box-shadow:0 7px 23px #153e350d;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.guide-card:hover{transform:translateY(-3px);border-color:#95c8b5;box-shadow:0 13px 28px #153e3520}.guide-card>a{display:flex;flex-direction:column;height:100%;min-height:187px;padding:20px;text-decoration:none}.guide-card-category{color:#19806b;font-size:.71rem;font-weight:850;text-transform:uppercase;letter-spacing:.09em}.guide-card h3{margin:10px 0 8px;font-size:1.12rem;line-height:1.25;letter-spacing:-.025em}.guide-card p{margin:0 0 18px;color:#5b716d;font-size:.84rem}.guide-card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.guide-card-bottom small{color:#7a8b88;font-size:.72rem}.guide-card-bottom b{color:#176b5b;font-size:1.2rem}.guide-concepts{margin:55px 0 70px;padding:22px;border-left:4px solid #199077;border-radius:12px;background:#e7f5ee;color:#184e43}.guide-concepts p{margin:5px 0 10px}.guide-concepts a{font-weight:800;color:#116554}
.guide-breadcrumb{display:flex;gap:9px;align-items:center;margin:31px 0 28px;color:#607570;font-size:.8rem;font-weight:750}.guide-breadcrumb a{color:#176b5b}.guide-article-header{max-width:880px;padding:15px 0 32px}.guide-article-header h1{margin:8px 0 14px;font-size:clamp(2.4rem,5vw,4rem);line-height:1.09;letter-spacing:-.06em}.guide-article-header>p{margin:0;color:#516b68;font-size:1.15rem}.guide-article-layout{display:grid;grid-template-columns:minmax(0,1fr) 230px;align-items:start;gap:35px}.guide-article-main{min-width:0}.guide-when,.guide-result,.guide-callout{padding:22px 24px;border:1px solid #d8e8e0;border-radius:15px;background:#fff;box-shadow:0 6px 22px #153e350c}.guide-when h2,.guide-result h2,.guide-callout h2{margin:0 0 9px;font-size:1.12rem}.guide-when p,.guide-result p,.guide-callout p{margin:0;color:#526a66}.guide-steps{margin-top:36px}.guide-section-heading h2{font-size:1.65rem;letter-spacing:-.035em;margin:4px 0 18px}.guide-steps ol{display:grid;gap:10px;list-style:none;margin:0;padding:0}.guide-step{display:grid;grid-template-columns:45px minmax(0,1fr);gap:13px;align-items:start;padding:15px 19px;border:1px solid #d9e8e1;border-radius:13px;background:#fff}.guide-step-number{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#e3f3eb;color:#17705d;font-size:.81rem;font-weight:850}.guide-step h3{margin:0;color:#174b42;font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.guide-step p{margin:3px 0 0;color:#405c57}.guide-result{margin-top:24px}.guide-callout{display:flex;gap:14px;margin-top:12px;border-color:#ecd4a8;background:#fff9ed}.guide-callout>span{display:grid;place-items:center;flex:0 0 27px;width:27px;height:27px;border-radius:50%;background:#f4dfb9;color:#8b6120;font-weight:900}.guide-callout h2{color:#76531f}.guide-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0 65px}.guide-cta,.guide-secondary{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 17px;border-radius:10px;text-decoration:none;font-weight:800;font-size:.86rem}.guide-cta{background:#176b5b;color:#fff}.guide-cta:hover{background:#105747}.guide-secondary{border:1px solid #bdd9cd;color:#176b5b;background:#fff}.guide-secondary:hover{background:#eaf5ee}.guide-side{position:sticky;top:22px;display:flex;flex-direction:column;gap:9px;padding:19px;border:1px solid #d8e8e0;border-radius:14px;background:#fff;color:#47635e;font-size:.79rem}.guide-side strong{color:#183d37;font-size:.87rem}.guide-side>a{color:#176b5b;text-decoration:none}.guide-side>a:hover{text-decoration:underline}.guide-side p{margin:8px 0 0;padding-top:13px;border-top:1px solid #e0eae5}.guide-side p a{font-weight:750;color:#176b5b}.guide-related{padding:25px 0 75px;border-top:1px solid #d2e2da}.guide-related h2{font-size:1.35rem}.guide-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.guide-related-grid .guide-card>a{min-height:170px}
.guide-footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:25px max(20px,calc((100vw - 1130px)/2));background:#0d3038;color:#cfe6de;font-size:.8rem}.guide-footer a{color:#9be4cc;font-weight:750}
@media(max-width:900px){.guide-grid,.guide-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.guide-hero{grid-template-columns:1fr}.guide-hero-mark{display:none}.guide-article-layout{grid-template-columns:1fr}.guide-side{position:static;grid-row:1;flex-direction:row;flex-wrap:wrap;gap:8px 15px}.guide-side p{flex-basis:100%}}
@media(max-width:620px){main{width:min(100% - 30px,1130px)}.guide-header-inner{padding:12px 15px;align-items:flex-start;flex-direction:column;gap:7px}.guide-brand img{width:160px}.guide-header nav{gap:15px;flex-wrap:wrap}.guide-header nav a{font-size:.74rem}.guide-hero{padding:49px 0 25px}.guide-hero p{font-size:1.03rem}.guide-search-panel{padding:17px}.guide-group{padding-top:42px}.guide-grid,.guide-related-grid{grid-template-columns:1fr}.guide-card>a,.guide-related-grid .guide-card>a{min-height:0}.guide-article-header{padding-bottom:24px}.guide-when,.guide-result,.guide-callout{padding:18px}.guide-step{grid-template-columns:37px minmax(0,1fr);gap:9px;padding:14px}.guide-step-number{width:31px;height:31px}.guide-side{display:none}.guide-actions{align-items:stretch;flex-direction:column}.guide-footer{padding:25px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.guide-card{transition:none}}

@media(max-width:620px){
 .guide-header nav a{display:inline-flex;align-items:center;min-height:44px}
 .guide-search-panel input,.guide-filters button{min-height:44px}
 .guide-filters button{font-size:.83rem}
 .guide-cta,.guide-secondary{min-height:44px;width:100%}
 .guide-breadcrumb{flex-wrap:wrap;overflow-wrap:anywhere}
 .guide-footer a{display:inline-flex;align-items:center;min-height:44px}
 .guide-concepts a{display:inline-flex;align-items:center;min-height:44px}
}