*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:24px}
body{margin:0;background:#f6f5ef;color:#183a30;font:18px/1.65 Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
a{color:#215d44;text-underline-offset:4px}
a:focus-visible{outline:3px solid #a45425;outline-offset:5px}
.skip{position:absolute;left:20px;top:-80px;background:#fff;padding:12px;z-index:5}.skip:focus{top:12px}
header{max-width:1440px;margin:auto;padding:32px;display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:16px}
.wordmark{text-decoration:none;color:#183a30;font-size:18px}
nav{display:flex;gap:28px}nav a{text-decoration:none}nav a:hover{text-decoration:underline}
main{max-width:730px;margin:auto;padding:72px 30px 90px}
h1{font-size:clamp(36px,4.5vw,56px);font-weight:400;line-height:1.2;letter-spacing:-1.6px;margin:0 0 38px}
h1 em{font-style:normal}
h2{font-size:29px;font-weight:500;line-height:1.3;letter-spacing:-.5px}
p{margin:0 0 24px}
.blog-intro{padding-bottom:22px}
.post-feed{margin-top:28px;border-top:1px solid #c6cec3}
.list-title{font-size:16px;font-weight:600;margin:28px 0 0;letter-spacing:0}
.post{padding:34px 0;border-bottom:1px solid #c6cec3}
.post h2{margin:12px 0 20px}.post h2 a{text-decoration:none;color:#183a30}.post h2 a:hover{text-decoration:underline}
.post-meta{display:flex;flex-wrap:wrap;gap:16px;color:#526057;font-size:12px}
.post p{margin-bottom:18px}.read-link{font-size:15px}
.back{display:inline-block;font-size:14px;margin-bottom:35px}
.eyebrow{font-size:12px;letter-spacing:.7px;text-transform:uppercase;line-height:1.7;color:#526057}
.reading>.eyebrow{margin-bottom:18px}
.dek{font-size:19px;color:#526057;margin-bottom:36px;padding-bottom:30px;border-bottom:1px solid #c6cec3}
.prose{font-size:18px;line-height:1.7}.prose h2{margin:40px 0 20px}.prose p{margin:0 0 24px}.lead{font-weight:600}
.prose ul{padding-left:24px}.prose li{padding-left:4px;margin-bottom:10px}
.prose aside{background:#e6ebdd;border-left:3px solid #758773;padding:20px 24px;margin:30px 0}.prose aside p{margin:10px 0 0}
.next{margin-top:48px;padding-top:24px;border-top:1px solid #c6cec3}.next a{display:block;font-size:23px;line-height:1.4;margin-top:12px}
.button{display:inline-block;margin-top:16px}
footer{max-width:1440px;margin:auto;border-top:1px solid #c6cec3;padding:28px 32px;display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#526057}
@media(max-width:600px){header{padding:24px;align-items:center}nav{gap:20px;font-size:14px}.wordmark{font-size:17px}main{padding:42px 24px 64px}h1{letter-spacing:-1px;margin-bottom:28px}h2{font-size:27px}.post-meta{gap:10px}.prose{font-size:17px}footer{padding:24px;flex-direction:column;gap:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
button{font:inherit;color:inherit;cursor:pointer}footer{flex-wrap:wrap}footer button{background:none;border:0;padding:0;text-decoration:underline;font-size:12px}.consent{position:fixed;bottom:20px;left:20px;right:20px;max-width:650px;margin:auto;background:#f6f5ef;border:1px solid #758773;padding:20px;box-shadow:0 5px 30px #183a3026;z-index:10;font-size:14px;line-height:1.5}.consent[hidden]{display:none}.consent p{margin:0 0 16px}.consent div{display:flex;gap:12px;flex-wrap:wrap}.consent button{background:#183a30;color:#fff;border:1px solid #183a30;padding:10px 16px;font-size:14px}button:focus-visible{outline:3px solid #a45425;outline-offset:4px}
