:root{--muted:#686e68}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--cream);color:var(--text);line-height:1.7}
main{max-width:820px;margin:0 auto;padding:100px 32px 112px}
.skip-link{position:absolute;left:16px;top:12px;z-index:10000;padding:10px 16px;border-radius:999px;background:var(--sage-deep);color:#fff;font-weight:600;text-decoration:none;transform:translateY(-200%)}
.skip-link:focus{transform:translateY(0)}
.back{display:inline-block;margin-bottom:38px;color:var(--sage-deep);text-decoration:none;font-weight:600}
.back:hover{color:var(--terracotta-text);text-decoration:underline}
h1,h2{font-family:"Lora",Georgia,serif;color:var(--sage-dark);font-weight:500}
h1{font-size:clamp(2.6rem,7vw,4.2rem);letter-spacing:-.035em;line-height:1.1;margin:0 0 30px}
h2{font-size:clamp(1.45rem,3vw,1.85rem);line-height:1.2;margin:38px 0 10px}
p,li{font-size:17px}
p{margin:0 0 15px;color:var(--muted)}
a{color:var(--sage-deep);text-underline-offset:3px}a:hover{color:var(--terracotta-text)}
:focus-visible{outline:3px solid var(--terracotta-text);outline-offset:3px}
@media(max-width:600px){main{padding:64px 22px 82px}p,li{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}