:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#30382a;background:#f5f2e9;font-synthesis:none;line-height:1.65;color-scheme:light}
*{box-sizing:border-box}body{margin:0}a{color:#455c35;text-underline-offset:3px;overflow-wrap:anywhere}a:focus-visible{outline:2px solid #526b3f;outline-offset:4px}p{margin:12px 0}ul{padding-left:22px}li+li{margin-top:12px}[hidden]{display:none!important}
.page{max-width:840px;min-height:100dvh;margin:auto;padding:24px max(24px,env(safe-area-inset-right)) 32px max(24px,env(safe-area-inset-left));background:#fffdf6}
.site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid #e2ddcb;padding-bottom:20px}.brand{font-size:23px;font-weight:750;letter-spacing:-.6px;text-decoration:none}.brand span{display:block;font-size:11px;letter-spacing:1px;font-weight:500;color:#747b64}.site-header nav,.page-nav{display:flex;flex-wrap:wrap;gap:4px 20px}.site-header nav a,.page-nav a{display:inline-flex;align-items:center;min-height:44px;font-size:13px}.site-header nav a[aria-current]{font-weight:750}.page-nav{padding-top:8px}.page-nav a[aria-current]{font-weight:750}
main{padding:24px 0 16px}.eyebrow{font-size:12px;letter-spacing:.8px;color:#707761;margin:0 0 8px}h1{font-size:clamp(27px,5vw,38px);line-height:1.15;letter-spacing:-1px;margin:0 0 32px}h2{font-size:19px;line-height:1.4;margin:0 0 10px}section{padding:0 0 24px;margin:0 0 24px;border-bottom:1px solid #e8e3d4;scroll-margin-top:20px}section:last-child{border:0;margin-bottom:0}footer{padding-top:16px;font-size:12px;color:#717961;border-top:1px solid #e2ddcb}.action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;background:#e8eddc;border:1px solid #c9d2b7;border-radius:8px;font-weight:650;text-decoration:none}
@media(max-width:480px){.page{padding:20px max(20px,env(safe-area-inset-right)) 28px max(20px,env(safe-area-inset-left))}.site-header{gap:12px}.site-header nav{gap:14px}main{padding-top:20px}h1{margin-bottom:28px}}
@media(orientation:landscape) and (max-height:600px){.page{padding:12px 24px 24px}.site-header{padding-bottom:6px}.brand{font-size:21px}.brand span{display:none}.page-nav{padding-top:0}main{padding:8px 0}.eyebrow{margin-bottom:4px}h1{font-size:28px;margin-bottom:16px}section{padding-bottom:16px;margin-bottom:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
