/* بازسازی قالب تصویری مرجع — فارسی و راست‌چین */
:root{--teal:#078675;--teal2:#0c9a83;--deep:#07545e;--ink:#164653;--muted:#68858b;--mint:#e1f5ef;--line:#e4efeb;--radius:19px}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:#fbfefd;color:var(--ink);font-family:"Vazirmatn",Tahoma,Arial,sans-serif;line-height:1.7}
a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}button,input{font:inherit}.container{width:min(1140px,calc(100% - 52px));margin:auto}
.topbar{height:68px;background:#fff;border-bottom:1px solid #edf4f1;position:sticky;top:0;z-index:20}
.topbar-inner{width:min(1170px,calc(100% - 42px));height:100%;margin:auto;display:flex;align-items:center;gap:20px}
.brand{display:flex;align-items:center;gap:9px;flex-shrink:0}.brand-text{display:flex;flex-direction:column;line-height:1.35}.brand-text strong{font-size:16px;font-weight:900;color:#087e70}.brand-text small{font-size:9px;color:#60858a}.brand-icon{width:43px;height:43px;background:#e6f7f1;border-radius:50%;display:grid;place-items:center}.brand-icon svg{width:37px;height:37px;fill:none;stroke:#078675;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.nav{display:flex;align-items:center;gap:clamp(9px,1.4vw,22px);flex:1;justify-content:center}.nav a{font-size:10px;color:#476d73;white-space:nowrap;font-weight:700}.nav a:hover,.nav a.selected{color:#078675}.nav a.selected{background:#e7f6f1;border-radius:20px;padding:7px 12px}
.mini-search{order:0;display:flex;align-items:center;direction:ltr;border-radius:25px;background:linear-gradient(100deg,#52cdb1,#089a83);padding:3px;min-width:105px}.mini-search button{border:0;background:transparent;color:white;font-size:25px;width:35px;height:34px;cursor:pointer}.mini-search input{border:0;outline:0;background:transparent;width:56px;color:white;font-size:10px}.mini-search input::placeholder{color:#effff9}.hamburger{display:none}
.hero{height:366px;position:relative;overflow:hidden;background:#eaf8f4}.hero-photo{position:absolute;inset:0 auto 0 0;width:56%;background:url("assets/hero-family-original.png") left center/cover no-repeat}.hero-overlay{position:absolute;inset:0;background:linear-gradient(270deg,#effbf8 0%,#effbf8 43%,rgba(239,251,248,.94) 50%,rgba(239,251,248,.25) 67%,rgba(239,251,248,0) 100%)}.hero-inner{width:min(1140px,calc(100% - 52px));height:100%;margin:auto;position:relative;display:flex;align-items:center}.hero-copy{width:49%;margin-inline-start:auto;padding:8px 0 0;text-align:right}.eyebrow{font-size:12px;font-weight:700;color:#245e66;margin:0 0 12px}.hero h1{font-size:clamp(32px,3.7vw,45px);line-height:1.4;font-weight:900;color:#07545e;margin:0 0 10px;letter-spacing:-.7px}.intro{font-size:13px;line-height:1.9;color:#42676f;margin:0 0 18px}.hero-search{height:49px;border:1px solid #b9e1d7;border-radius:30px;background:#fff;padding:4px;display:flex;align-items:center;box-shadow:0 5px 17px #0d746010}.hero-search input{flex:1;min-width:0;border:0;outline:0;background:transparent;padding:0 15px;font-size:11px;color:#335b61}.hero-search input::placeholder{color:#8b9da0}.hero-search button{border:0;border-radius:50%;width:40px;height:40px;flex-shrink:0;background:#078675;color:#fff;display:grid;place-items:center;cursor:pointer}.hero-search svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.4;stroke-linecap:round}.prevention-sticker{position:absolute;left:4%;top:25%;width:142px;height:100px;border-radius:26px;background:#fff;box-shadow:0 8px 25px #1b625215;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1.6;transform:rotate(-2deg)}.prevention-sticker span{font-size:23px;line-height:1}.prevention-sticker strong{font-size:15px;color:#145260}.prevention-sticker small{font-size:11px;font-weight:700;color:#145260}
.quick{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;position:relative;margin-top:-32px;z-index:2}.quick-card{height:134px;border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:10px 7px;gap:2px;border:1px solid #ffffffb0;transition:.2s}.quick-card:hover{transform:translateY(-4px);box-shadow:0 10px 25px #195f5210}.quick-card>span{font-size:28px;line-height:1.45;margin-bottom:2px}.quick-card strong{font-size:12px;color:#164d5a}.quick-card small{font-size:9px;color:#6d8589}.yellow{background:#fff5e3}.blue{background:#e2f4ff}.green{background:#e7f9e8}.aqua{background:#e3f6fb}.peach{background:#fff0e2}
.age-band{margin-top:20px;padding:28px 0 22px;border-radius:22px;background:linear-gradient(110deg,#e0f4f0,#eaf9f5)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:17px}.section-head h2{font-size:22px;color:#087569;margin:0;font-weight:900;line-height:1.5}.section-head p{font-size:11px;color:#64868a;margin:2px 0 0}.pill-link{background:linear-gradient(90deg,#078675,#08766a);color:white;border-radius:30px;padding:9px 17px;font-size:11px;font-weight:800;white-space:nowrap}
.age-list{display:grid;grid-template-columns:repeat(5,1fr);gap:15px}.age-card{border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column;text-align:center;box-shadow:0 5px 15px #185a5010;transition:.2s}.age-card:hover{transform:translateY(-3px)}.age-card img{height:101px;object-fit:cover}.age-card strong{font-size:12px;color:#174b59;padding:6px 4px 0}.age-card small{font-size:10px;color:#63818a;padding:0 4px 9px}.age-card.teen{background:#e5efff}.age-card.school{background:#e1f3ff}.age-card.preschool{background:#ffedf2}.age-card.toddler{background:#e6faeb}.age-card.baby{background:#e8f0ff}
.articles{padding-top:24px;padding-bottom:29px}.article-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.article-card{border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 5px 17px #174e480b;border:1px solid #edf4f1}.article-image{height:103px;overflow:hidden;background:#e6f5f0}.article-image img{height:100%;transition:transform .25s}.article-card:hover img{transform:scale(1.04)}.article-content{padding:9px 11px 11px;position:relative;min-height:93px}.article-content h3{font-size:11px;line-height:1.8;margin:0 0 3px;color:#174b59;font-weight:800}.article-content p{font-size:9px;color:#7b9094;margin:0 0 7px}.category{display:inline-block;padding:2px 8px;border-radius:15px;font-size:8px;font-weight:700}.purple{background:#f1e6ff;color:#8659a9}.blue-tag{background:#e4f3ff;color:#2c7eae}.pink{background:#ffe8ed;color:#ca5770}.green-tag{background:#e5f8e6;color:#39884a}
.why-band{background:linear-gradient(110deg,#e0f4f0,#eefbf7);border-radius:22px;padding:24px 0 26px}.why-inner{display:grid;grid-template-columns:220px 1fr;gap:24px;align-items:center}.tooth-art{height:150px;display:grid;place-items:center;position:relative}.tooth{width:105px;height:115px;border-radius:48% 48% 37% 37%;background:#fff;border:4px solid #78d7c0;box-shadow:8px 10px 0 #bdebdc;display:grid;place-items:center;font-size:48px;color:#078675;font-weight:900;transform:rotate(-7deg)}.spark{position:absolute;color:#68cfc4;font-size:26px}.spark.one{top:7px;right:12px}.spark.two{bottom:10px;left:10px}.why-copy h2{font-size:23px;color:#087569;margin:0 0 16px;font-weight:900}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.benefits div{display:flex;flex-direction:column;align-items:center;text-align:center;line-height:1.6}.benefits span{font-size:28px;color:#118f81}.benefits strong{font-size:11px;color:#24565e}.benefits small{font-size:9px;color:#6c888d}
.more{padding-top:30px;padding-bottom:35px}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool-grid a{border:1px solid #e2efeb;border-radius:15px;padding:14px;display:grid;grid-template-columns:43px 1fr;column-gap:10px;align-items:center;background:#fff}.tool-grid a>b{grid-row:span 2;background:#e3f7ef;color:#078675;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;font-size:24px}.tool-grid strong{font-size:11px;color:#14515b}.tool-grid small{font-size:9px;color:#6b858a}
.urgent{background:#fff5e5;border-block:1px solid #f3e6d0;padding:17px 0}.urgent-inner{display:flex;align-items:center;gap:15px}.urgent-inner>b{flex-shrink:0;width:42px;height:42px;border-radius:50%;background:#ffe2b3;color:#9a5e18;display:grid;place-items:center;font-size:25px}.urgent-inner strong{font-size:13px;color:#85531b}.urgent-inner p{font-size:10px;color:#856f50;margin:3px 0 0}
footer{background:#103f47;color:#e4f5f0;padding-top:28px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:30px;padding-bottom:24px}.footer-main>div{display:flex;flex-direction:column;align-items:flex-start;gap:7px}.footer-main strong{font-size:12px;color:#fff}.footer-main p{font-size:10px;line-height:2;color:#b2d0cb;margin:8px 0 0}.footer-main a{font-size:10px;color:#b2d0cb}.footer-about>strong{font-size:16px}.free-note>b{font-size:10px;border:1px solid #46877c;color:#c7f3e5;border-radius:20px;padding:5px 10px}.footer-bottom{border-top:1px solid #ffffff22;padding:10px 0;display:flex;justify-content:space-between;font-size:9px;color:#a3c2bc}
.toast{position:fixed;bottom:18px;left:18px;background:#075f59;color:#fff;border-radius:12px;padding:12px 16px;max-width:calc(100% - 36px);font-size:12px;box-shadow:0 8px 24px #073f3828;opacity:0;transform:translateY(10px);transition:.2s;pointer-events:none;z-index:50}.toast.show{opacity:1;transform:none}
@media(max-width:1000px){.topbar-inner{gap:12px}.nav{gap:9px}.nav a{font-size:9px}.brand-text strong{font-size:13px}.mini-search{min-width:75px}.mini-search input{width:32px}.hero-copy{width:52%}.quick{gap:9px}.quick-card strong{font-size:10px}.age-list{gap:10px}}
@media(max-width:760px){.topbar{height:65px}.topbar-inner{width:calc(100% - 28px);justify-content:space-between}.brand{order:1}.brand-text strong{font-size:13px}.brand-icon{width:37px;height:37px}.mini-search{order:2;margin-inline-start:auto}.hamburger{display:block;order:3;border:0;background:#e6f7f1;color:#087e70;border-radius:10px;padding:7px 10px;font-size:19px}.nav{display:none;position:absolute;top:64px;right:12px;left:12px;background:white;border:1px solid #e3efeb;border-radius:14px;padding:12px;box-shadow:0 10px 30px #124e4415;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:12px;padding:7px 10px}.hero{height:auto;min-height:460px}.hero-photo{height:240px;width:100%;background-size:cover;background-position:left center}.hero-overlay{background:linear-gradient(180deg,rgba(239,251,248,0) 0%,rgba(239,251,248,.16) 26%,#effbf8 53%,#effbf8 100%)}.hero-inner{width:calc(100% - 30px);align-items:flex-end;min-height:460px}.hero-copy{width:100%;padding:235px 0 40px}.hero h1{font-size:34px}.intro{font-size:12px}.prevention-sticker{top:18px;left:16px;width:112px;height:79px}.prevention-sticker strong{font-size:12px}.prevention-sticker small{font-size:9px}.quick{width:calc(100% - 26px);grid-template-columns:repeat(3,1fr);gap:8px;margin-top:-15px}.quick-card{height:110px;border-radius:15px}.quick-card>span{font-size:23px}.quick-card strong{font-size:10px}.quick-card small{font-size:8px}.quick-card:last-child{grid-column:auto}.container{width:calc(100% - 28px)}.section-head{align-items:flex-start;flex-direction:column;gap:10px}.section-head h2{font-size:20px}.age-list{grid-template-columns:repeat(3,1fr)}.age-card img{height:105px}.age-card:last-child{grid-column:auto}.article-list{grid-template-columns:repeat(2,1fr);gap:10px}.article-image{height:112px}.article-content h3{font-size:10px}.article-content p{font-size:8px}.why-inner{grid-template-columns:1fr;gap:4px}.tooth-art{height:110px;order:2}.why-copy{order:1}.why-copy h2{font-size:21px}.benefits{grid-template-columns:repeat(2,1fr);row-gap:17px}.tool-grid{grid-template-columns:1fr}.footer-main{grid-template-columns:repeat(2,1fr);gap:20px}.footer-about,.free-note{grid-column:1/-1}}
@media(max-width:420px){.mini-search{min-width:40px}.mini-search input{display:none}.quick{grid-template-columns:repeat(2,1fr)}.quick-card:last-child{grid-column:1/-1}.age-list{grid-template-columns:repeat(2,1fr)}.age-card:last-child{grid-column:1/-1}.article-image{height:95px}.footer-bottom{flex-direction:column;gap:4px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Reference-matched refinements */
body{overflow-x:hidden}
.topbar .brand{order:0}.topbar .nav{order:1}.topbar .mini-search{order:2}
.hero{height:370px}.hero-photo{width:58%;background-position:42% 45%}.hero-overlay{background:linear-gradient(270deg,#effbf8 0%,#effbf8 42%,rgba(239,251,248,.92) 51%,rgba(239,251,248,.28) 66%,rgba(239,251,248,0) 100%)}
.hero-copy{margin-left:auto;margin-right:0}.hero-search{direction:ltr}.hero-search input{direction:rtl;text-align:right}
.quick-icon{font-size:28px;line-height:1.45;margin-bottom:2px;filter:saturate(.9)}.quick-icon.medical{font-family:serif;font-size:34px;color:#1598c2;font-weight:900;transform:rotate(180deg)}
.card-photo,.article-image{display:block;background-image:url("assets/dental-photo-sheet.png");background-repeat:no-repeat;background-size:300% 300%}.card-photo{height:101px}.photo-teen{background-position:0 0}.photo-school{background-position:50% 0}.photo-preschool{background-position:100% 0}.photo-toddler{background-position:0 50%}.photo-baby{background-position:50% 50%}.photo-dentist{background-position:100% 50%}.photo-brushing{background-position:0 100%}.photo-toothpaste{background-position:50% 100%}.photo-food{background-position:100% 100%}
.article-image{background-color:#e6f5f0;transition:filter .25s,transform .25s}.article-card:hover .article-image{filter:saturate(1.08);transform:scale(1.015)}
@media(max-width:760px){.topbar .brand{order:1}.topbar .mini-search{order:2}.hero{height:auto}.hero-copy{margin:0}.card-photo{height:105px}.quick-icon{font-size:23px}}

/* Dynamic PHP pages */
.setup-notice,.empty-state{border:1px solid #dbece7;border-radius:18px;background:#f4fbf8;padding:24px;display:flex;flex-direction:column;gap:5px;color:#54767b}.setup-notice strong,.empty-state strong{color:#126d65}.setup-notice code{direction:ltr;display:inline-block}.category[style]{color:var(--tag-color);background:color-mix(in srgb,var(--tag-color) 13%,white)}
.library-page{min-height:70vh}.library-hero{padding:58px 0 50px;background:radial-gradient(circle at 15% 15%,#d9f4ed 0,transparent 28%),linear-gradient(135deg,#eefaf7,#e5f5f3)}.library-hero span{font-size:12px;font-weight:800;color:#148a7a}.library-hero h1{font-size:38px;line-height:1.4;margin:8px 0;color:#07545e}.library-hero p{margin:0;max-width:720px;color:#5b7c81;font-size:14px}.library-search{margin-top:24px;width:min(650px,100%);height:52px;display:flex;background:#fff;border:1px solid #cbe5de;border-radius:28px;padding:4px;box-shadow:0 8px 25px #075d5012}.library-search input{flex:1;border:0;outline:0;background:transparent;padding:0 18px;color:#28575e}.library-search button{border:0;border-radius:24px;background:#078675;color:#fff;padding:0 25px;font-weight:800;cursor:pointer}.library-content{padding-top:30px;padding-bottom:55px}.category-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.category-filters a{font-size:11px;font-weight:700;color:#58797e;padding:8px 14px;border:1px solid #dcebe7;border-radius:22px;background:#fff}.category-filters a.active,.category-filters a:hover{background:#078675;color:#fff;border-color:#078675}.result-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px;color:#194f59}.result-heading a{font-size:11px;color:#078675}.library-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.library-card{border:1px solid #e2eeeb;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 7px 24px #0f5c5010;transition:.2s}.library-card:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0f5c5018}.library-card-image,.article-cover{display:block;background-image:url("assets/dental-photo-sheet.png");background-repeat:no-repeat;background-size:300% 300%}.library-card-image{height:165px}.library-card>div{padding:16px}.library-card h2{font-size:15px;line-height:1.8;margin:9px 0 6px;color:#164d59}.library-card p{font-size:11px;line-height:1.9;color:#71888c;margin:0;min-height:63px}.library-card footer{background:none;color:#789095;padding:13px 0 0;margin-top:12px;border-top:1px solid #eef4f2;display:flex;justify-content:space-between;font-size:9px}.library-card footer a{color:#078675;font-weight:800}
.single-page{background:#fff}.article-hero{background:linear-gradient(135deg,#eefaf7,#e4f4f2);padding:50px 0}.article-hero-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:55px;align-items:center}.article-breadcrumb{display:inline-block;color:#078675;background:#fff;border:1px solid #d7ebe5;border-radius:20px;padding:5px 12px;font-size:10px;font-weight:800}.article-hero h1{font-size:34px;line-height:1.55;color:#0b5660;margin:13px 0 10px}.article-hero p{font-size:14px;line-height:2;color:#59787e;margin:0}.article-meta{display:flex;gap:20px;margin-top:18px;font-size:10px;color:#779094}.article-cover{height:250px;border-radius:24px;box-shadow:0 15px 40px #0a66551e}.article-layout{display:grid;grid-template-columns:minmax(0,760px) 230px;gap:55px;align-items:start;padding-top:45px;padding-bottom:55px}.article-body{font-size:15px;line-height:2.25;color:#365f66}.article-body>p:first-of-type{font-size:17px;color:#28565e}.article-body h2{font-size:22px;color:#08756a;margin:36px 0 10px}.article-body ul,.article-body ol{padding-right:24px}.article-body li{margin-bottom:9px}.medical-note{background:#fff7e9;border-right:4px solid #e7a94d;border-radius:15px;padding:15px 18px;margin-bottom:30px}.medical-note strong{color:#8b5a18}.medical-note p{font-size:11px;line-height:1.9;margin:4px 0 0;color:#7c6a4e}.article-aside{position:sticky;top:95px;border:1px solid #dfede9;border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:10px;background:#fbfefd}.article-aside strong{font-size:13px;color:#145963}.article-aside p{font-size:10px;line-height:1.8;color:#718b90;margin:0}.article-aside a{font-size:11px;color:#426970;padding:7px 0;border-bottom:1px solid #edf4f2}.article-aside .aside-all{background:#078675;color:#fff;text-align:center;border:0;border-radius:20px;margin-top:5px}.related{padding-bottom:60px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-grid>a{display:flex;flex-direction:column;gap:7px;border:1px solid #e0eeea;border-radius:17px;padding:17px;background:#fbfefd}.related-grid span{font-size:9px;color:#078675}.related-grid strong{font-size:13px;line-height:1.8;color:#174e59}.related-grid small{font-size:10px;line-height:1.8;color:#789094}.not-found{min-height:55vh;padding-top:80px;text-align:center}.not-found h1{color:#07545e}
.evidence-box{margin-top:42px;padding:20px 22px;border:1px solid #dcece7;border-radius:18px;background:#f6fbf9}.article-body .evidence-box h2{font-size:18px;margin:0 0 7px}.evidence-box p,.evidence-box li{font-size:11px;line-height:1.9}.evidence-box a{color:#08786d;text-decoration:underline;text-underline-offset:3px}.evidence-box small{display:block;border-top:1px solid #dcebe7;margin-top:13px;padding-top:10px;color:#71898d}.article-source{font-size:11px;color:#6c888d;background:#f3faf7;padding:10px 13px;border-radius:10px}
@media(max-width:900px){.library-grid{grid-template-columns:repeat(2,1fr)}.article-hero-inner{grid-template-columns:1fr .55fr;gap:25px}.article-layout{grid-template-columns:minmax(0,1fr) 200px;gap:30px}}
@media(max-width:760px){.library-hero{padding:38px 0}.library-hero h1{font-size:28px}.library-grid{grid-template-columns:1fr}.library-card-image{height:190px}.article-hero{padding:35px 0}.article-hero-inner{grid-template-columns:1fr}.article-hero h1{font-size:27px}.article-cover{height:220px}.article-layout{grid-template-columns:1fr;padding-top:28px}.article-aside{position:static;order:-1}.related-grid{grid-template-columns:1fr}.article-body{font-size:14px}.article-body h2{font-size:20px}}