/* GardenLab public site — shared styles (extracted 2026-09-13 from the four page-local blocks).
   Tokens are the mallard-rise-garden-tour.html set. Page-specific rules stay in each page's own
   <style>, loaded AFTER this file so they win. No build step. */
:root{--paper:#FBF9F4; --ink:#12261F; --sage:#6E7F5B; --sage-deep:#4E5C41; --moss:#E9ECE2; --hairline:#E2DED2; --card:#FFFFFF; --muted:#5C6656; --gold:#B08A2E; --ink-soft:#2E4438}
*{box-sizing:border-box; margin:0; padding:0; -webkit-tap-highlight-color:transparent}
html{scroll-behavior:smooth}
body{font-family:'Inter',-apple-system,system-ui,sans-serif; background:var(--paper); color:var(--ink); font-size:17px; line-height:1.65; -webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Fraunces','Iowan Old Style','Hoefler Text',Georgia,serif; font-weight:400}
a{color:inherit}
img{display:block; max-width:100%}
:focus-visible{outline:2.5px solid var(--gold); outline-offset:3px}
.wrap{max-width:660px; margin:0 auto; padding:0 24px}
p{margin:14px 0; color:var(--ink-soft)}
ul{margin:10px 0 14px 20px; color:var(--ink-soft)}
li{margin:6px 0}

/* sticky nav (about / privacy / terms — the home page paints its own over the hero) */
nav.site{position:sticky; top:0; z-index:50; background:rgba(251,249,244,.93); backdrop-filter:blur(12px); border-bottom:1px solid var(--hairline)}
nav.site .inner{max-width:1120px; margin:0 auto; padding:12px 24px; display:flex; align-items:center; gap:18px}
nav.site .name{font-family:'Fraunces',Georgia,serif; font-size:19px; flex:1; text-decoration:none}
nav.site a.lnk{font-size:14px; color:var(--muted); text-decoration:none}
nav.site a.lnk.go{color:var(--ink); font-weight:600}
@media(max-width:520px){nav.site a.lnk:not(.go):not([href="about.html"]):not([href="gardens.html"]){display:none}}

/* page header + type scale shared by the inner pages */
header.page{padding:56px 0 8px}
header.page h1{font-size:clamp(32px,7vw,44px); line-height:1.1; letter-spacing:-.015em}
.date{font-size:13.5px; color:var(--muted); margin-top:10px}
main h2{font-size:24px; line-height:1.2; margin:40px 0 6px}
p.lead{font-size:19px; color:var(--ink); margin-top:22px}

footer{padding:36px 0 52px; margin-top:48px; border-top:1px solid var(--hairline); font-size:13.5px; color:var(--muted)}
footer .links{display:flex; flex-wrap:wrap; gap:18px; margin-bottom:10px}
footer .links a{text-decoration:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}