/* Shared responsive stylesheet for Oral Wellness Guide */
:root{--green:#0b6b57;--dark:#075443;--gold:#d49a16;--ink:#17221f;--muted:#5d6965;--line:#dce6e2;--soft:#f7faf9;--white:#fff;--max:1120px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);line-height:1.7;font-size:16px}a{color:var(--green);text-decoration:none}a:hover{text-decoration:underline}.container{width:min(var(--max),92%);margin:auto}
header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.nav{min-height:70px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-weight:800;font-size:1.15rem;color:var(--dark);white-space:nowrap}.brand span{color:var(--gold)}nav{display:flex;gap:20px;flex-wrap:wrap}nav a{font-weight:650;color:var(--ink);font-size:.94rem}
.hero{background:linear-gradient(180deg,#eff9f5,#fff);padding:76px 0 64px}.eyebrow{display:inline-block;color:var(--dark);background:#dff2eb;border-radius:30px;padding:6px 12px;font-weight:800;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}h1{font-size:clamp(2.15rem,5vw,3.7rem);line-height:1.1;letter-spacing:-.03em;max-width:900px;margin:18px 0}h2{font-size:clamp(1.65rem,3vw,2.4rem);line-height:1.2;margin-top:0}h3{line-height:1.3}p{color:var(--muted)}section{padding:70px 0}.soft{background:var(--soft)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;box-shadow:0 8px 25px rgba(18,55,45,.06)}.card h3{color:var(--dark);margin-top:0}.checklist{list-style:none;padding:0}.checklist li{position:relative;padding:9px 0 9px 28px;border-bottom:1px solid var(--line);color:var(--muted)}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 19px;border-radius:9px;font-weight:800;margin:7px 6px 7px 0}.btn-primary{background:var(--green);color:#fff}.btn-primary:hover{background:var(--dark);text-decoration:none}.btn-secondary{border:1px solid var(--green);color:var(--green);background:#fff}.btn-secondary:hover{background:#edf8f4;text-decoration:none}.disclosure{background:#fff8e8;border:1px solid #efdfb2;border-radius:12px;padding:16px;color:#654d1b}.cta-section{background:#eef8f4;text-align:center}.cta-section p{max-width:720px;margin:0 auto 18px}
footer{background:#12201c;color:#dce8e4;padding:42px 0 30px}footer p,footer small{color:#bdcbc6}footer a{color:#e3efeb}
@media(max-width:850px){.two-col{grid-template-columns:1fr}.cards{grid-template-columns:1fr 1fr}.nav{align-items:flex-start;padding:13px 0;flex-direction:column}nav{gap:12px}}
@media(max-width:600px){body{font-size:15px}.hero{padding:50px 0 45px}section{padding:52px 0}.cards{grid-template-columns:1fr}nav{gap:10px}nav a{font-size:.88rem}}