.guide-library{margin:40px auto 32px}.guide-library h1{font-size:clamp(36px,5vw,54px)}.guide-library .lede{font-size:19px}*{box-sizing:border-box}body{margin:0;color:#233b34;background:#f8f7f2;font:17px/1.75 'Segoe UI',sans-serif}a{color:#205548;text-underline-offset:4px}a:hover{color:#0b3229}a:focus-visible,button:focus-visible{outline:3px solid #ba702d;outline-offset:4px}button{font:inherit;cursor:pointer;border:1px solid #a8bfb4;border-radius:6px;padding:10px}.site-header{max-width:1240px;margin:auto;padding:24px 32px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #d8ded6}.site-header img{display:block;max-width:100%;height:auto}.site-header nav{display:flex;align-items:center;gap:26px}.button{display:inline-block;text-decoration:none;background:#214f43;color:white;border-radius:7px;padding:12px 22px;font-weight:600;line-height:1.5}.button:hover{background:#163c32;color:white}.hero{max-width:900px;margin:72px auto 56px;text-align:center;padding:0 24px}.eyebrow{font-size:12px;letter-spacing:.15em;font-weight:700;text-transform:uppercase;color:#567566}h1,h2,h3{line-height:1.18;letter-spacing:-.025em}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(36px,5vw,66px);margin:16px 0 22px}.hero h1{font-size:clamp(44px,7vw,82px)}em{color:#426c53}.lede{font-size:21px;line-height:1.65;max-width:760px}.hero .lede{margin:0 auto 28px}.small,.byline{font-size:14px;color:#586b62}.guide-grid{max-width:1120px;padding:0 24px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.guide-card{padding:32px;border:1px solid #d4ded4;background:#fff;border-radius:12px;text-decoration:none;box-shadow:0 4px 20px #193f3605}.guide-card>span{font-size:12px;letter-spacing:.1em;text-transform:uppercase}.guide-card h2{font:normal 28px/1.25 Georgia,serif;margin:14px 0}.guide-card p{color:#53665d}.guide-card strong{font-size:14px}.callout{background:#e7eee5;border-radius:12px;padding:32px;margin:48px auto;max-width:1072px}.callout h2{font:normal 34px/1.2 Georgia,serif;margin-top:0}.article-layout{max-width:1190px;margin:48px auto;padding:0 32px;display:grid;grid-template-columns:minmax(0,760px) 250px;gap:64px}.article-layout h1{font-size:clamp(34px,4.2vw,54px)}.breadcrumbs{display:flex;gap:12px;font-size:14px}.byline{margin:22px 0}.article-body{margin-top:48px}.article-body h2{font:normal 29px/1.25 Georgia,serif;margin:38px 0 14px}.article-body li{margin:10px 0}blockquote,.example{margin:24px 0;padding:22px 26px;border-left:3px solid #527d5c;background:#edf1e8}blockquote{font-size:20px;font-family:Georgia,serif}.note,.sources p{font-size:14px;color:#5b6b61}.example h3{margin:0}.sources{border-top:1px solid #d4ded4;margin-top:42px}.sources h2{font-size:21px}.related{position:sticky;top:24px;align-self:start;border:1px solid #d4ded4;border-radius:10px;background:#fff;padding:24px}.related h2{font:normal 30px/1.2 Georgia,serif}.related>a:not(.button){display:block;margin:15px 0;font-size:15px}.related h3{margin-top:34px;font-size:16px}footer{max-width:1190px;margin:60px auto 0;border-top:1px solid #d4ded4;padding:30px 32px 60px;font-size:14px;color:#52665b}footer>a{margin-right:24px}.skip{position:absolute;left:16px;top:-80px;background:white;padding:8px}.skip:focus{top:8px}.design-list strong{color:#214f43}@media(max-width:900px){.article-layout{grid-template-columns:1fr;gap:24px}.related{position:static}.hero{margin-top:42px}.callout{margin:32px 24px}.article-layout .callout{margin:32px 0}.site-header{padding:18px 20px}.site-header img{width:155px}.site-header nav>a:not(.button){display:none}.site-header nav{gap:8px}.site-header .button{padding:10px 14px;font-size:14px}}@media(max-width:600px){.site-header{gap:12px}.site-header img{width:140px}.site-header .button{white-space:nowrap;font-size:13px;padding:10px 12px}.guide-grid{grid-template-columns:1fr}.guide-card{padding:24px}.article-layout{padding:0 22px;margin-top:30px}.lede{font-size:19px}.hero h1{font-size:46px}.article-body h2{font-size:27px}footer{padding:24px 22px 90px}}.hero.guide-library{margin:40px auto 32px}.hero.guide-library h1{font-size:clamp(36px,5vw,54px)}