/* ─── Maui Pediatric Dentistry: shared article stylesheet ──────────────────
   One file styles every Parent Library answer page. Replication note: this
   file + the :root palette here are per-brand; swap the palette values and
   every article re-skins at once. reader.js/search.js read the same vars
   (brand-overrides.css handles their light-theme adaptation).
   Palette: warm sand canvas, lagoon teal, sunset coral, deep ocean ink.
   Type: Fredoka (display) + Nunito (body & labels) — soft and friendly,
   nothing techie. */
:root{--ink:#1E3A47;--ink-soft:#5E7B88;--bg:#FBF6EE;--canvas:#FBF6EE;--paper:#FFFFFF;--tan:#F3E9DA;--notice:#0D7168;--accent:#0D7168;--berry:#C94A3D;--foam:#BFE7DD;--hairline:rgba(30,58,71,.15)}
*{box-sizing:border-box}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:"Nunito","Segoe UI",sans-serif;line-height:1.65}
body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(58% 52% at 84% 0%, rgba(13,113,104,.08), transparent 66%),radial-gradient(46% 60% at 8% 100%, rgba(242,107,94,.07), transparent 70%)}
.wrap{position:relative;max-width:720px;margin:0 auto;padding:48px 24px 96px}
header.top{position:sticky;top:0;z-index:50;background:var(--bg);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 0 12px;border-bottom:1px solid var(--hairline)}
header.top a{text-decoration:none}
.logo{display:flex;align-items:baseline;gap:9px}
.logo .lt{font-family:"Fredoka",sans-serif;font-size:1.12rem;font-weight:600;color:var(--ink)}
.logo .ls{font-family:"Nunito",sans-serif;font-size:.64rem;font-weight:800;letter-spacing:.14em;color:var(--notice);text-transform:uppercase}
.topnav{display:flex;gap:16px;align-items:center;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.topnav::-webkit-scrollbar{display:none}
.topnav a{font-size:.88rem;color:var(--ink-soft);white-space:nowrap}
.topnav a:hover{color:var(--ink)}
.topact{display:flex;gap:10px;align-items:center;flex-shrink:0}
.searchbtn{width:34px;height:34px;border-radius:999px;border:1px solid var(--hairline);background:transparent;color:var(--ink);font-size:15px;cursor:pointer;line-height:1;display:inline-flex;align-items:center;justify-content:center}
.searchbtn:hover{background:var(--tan)}
header.top .begin{background:var(--notice);color:#fff;padding:8px 18px;border-radius:999px;font-family:"Fredoka",sans-serif;font-weight:600;font-size:.85rem;white-space:nowrap}
header.top .begin:hover{background:var(--berry)}
.artmeta{margin:56px 0 0;font-family:"Nunito",sans-serif;font-size:.66rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
.artmeta b{background:linear-gradient(transparent 10%,var(--foam) 10%,var(--foam) 90%,transparent 90%);color:var(--ink);padding:0 .3em;border-radius:3px;font-weight:800}
h1{font-family:"Fredoka",sans-serif;font-weight:600;font-size:clamp(2rem,6vw,3.1rem);line-height:1.08;letter-spacing:-0.02em;margin:14px 0 0}
h1 em{font-style:normal;background:linear-gradient(transparent 8%,var(--foam) 8%,var(--foam) 92%,transparent 92%);padding:0 .06em;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.sub{font-style:italic;color:var(--ink-soft);margin:20px 0 0;font-size:1.1rem}
h2{font-family:"Fredoka",sans-serif;font-weight:600;font-size:1.35rem;letter-spacing:-0.01em;margin:52px 0 12px}
p{margin:14px 0;color:var(--ink)}
.soft{color:var(--ink-soft)}
a{color:var(--ink)}
blockquote{margin:30px 0;padding:4px 0 4px 22px;border-left:3px solid var(--notice);font-family:"Fredoka",sans-serif;font-size:1.15rem;line-height:1.45}
.figures{background:var(--tan);border:1px solid var(--hairline);border-radius:14px;padding:20px 24px;margin:26px 0}
.figures p{margin:8px 0;font-size:.95rem}
.figures b{background:linear-gradient(transparent 10%,var(--foam) 10%,var(--foam) 90%,transparent 90%);padding:0 .18em;color:var(--ink)}
ol.check{margin:18px 0;padding-left:22px}
ol.check li{margin:10px 0}
.cta{margin-top:64px;text-align:center}
.btn{display:inline-block;padding:14px 34px;border-radius:999px;background:var(--notice);color:#fff;font-weight:600;text-decoration:none;font-family:"Fredoka",sans-serif}
.btn:hover{background:var(--berry)}
.ai-note{margin-top:56px;background:var(--tan);border:1px solid var(--hairline);border-radius:14px;padding:16px 20px}
.ai-note p{font-size:.9rem;margin:0;line-height:1.6}
.ai-note .ain-k{font-family:"Nunito",sans-serif;font-size:.62rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft);margin:0 0 6px}
footer{margin-top:72px;padding-top:24px;border-top:1px solid var(--hairline);font-size:.85rem;color:var(--ink-soft)}
footer a{color:var(--ink-soft)}
.foot-cloud{margin-top:10px;font-family:"Fredoka",sans-serif;font-size:.82rem;color:var(--notice)}
html.lib-framing .wrap{opacity:0}
html.lib-framing.tk-ready .wrap{opacity:1;transition:opacity .28s ease}
@keyframes tkReveal{to{opacity:1}}
html.lib-framing .wrap{animation:tkReveal 0s linear 1.4s forwards}