/* Digital Oral Health – topic pages. Generated by build.py (topics.py) – edit there, not here. */
article .dr-crumb{font-size:.85rem;color:var(--muted);margin:0 0 6px}
article .dr-crumb a{color:inherit}
.dr-meta{display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font-size:.88rem;color:var(--muted);margin:8px 0 14px}
.dr-pill{display:inline-block;padding:2px 9px;border-radius:999px;font-size:.78rem;font-weight:700;background:#eef2f1;color:#4a5d5b}
.dr-pill.pend{background:#fde4dc;color:#7a2e1f}
.dr-head{display:flex;gap:18px;align-items:flex-start}
.dr-head .lead{font-size:1.08rem;line-height:1.55;margin:0;flex:1}
.dr-art{flex:none;width:160px;height:auto;max-width:42vw;border-radius:14px}
.dr-note{background:var(--teal-50,#f3fbfa);border:1px solid var(--line);border-radius:12px;padding:10px 14px;font-size:.9rem;margin:16px 0}
.dr-box{border-radius:12px;padding:12px 16px;margin:18px 0}
.dr-box h2{font-size:1.05rem;margin:0 0 6px}
.dr-box ul{margin:6px 0;padding-inline-start:20px}
.dr-box p{margin:6px 0 0}
.dr-see{background:var(--teal-100,#e3f4f2);border-inline-start:5px solid var(--teal-700,#0a6b66)}
.dr-urgent{background:#fde4dc;border-inline-start:5px solid #c8452c}
.dr-urgent h2{color:#7a2e1f}
.dr-tip{background:#fff;border:1px dashed var(--teal-500,#3fa39b);border-radius:12px;padding:10px 14px;margin:16px 0}
article dl.dr-dl dt{font-weight:700;margin-top:10px;color:var(--teal-900,#0b4f4c)}
article dl.dr-dl dd{margin:2px 0 0}
.dr-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px;margin:16px 0;padding:0;list-style:none}
.dr-cards a{display:block;padding:14px;border:1px solid var(--line);border-radius:12px;background:var(--teal-50,#f3fbfa);text-decoration:none;color:inherit;height:100%}
.dr-cards strong{display:block;color:var(--teal-900,#0b4f4c);margin-bottom:4px}
.dr-checks{list-style:none;padding:0}.dr-checks li{padding:4px 0 4px 28px;position:relative}
.dr-checks li:before{content:"";position:absolute;left:0;top:7px;width:16px;height:16px;border:2px solid var(--teal-700,#0a6b66);border-radius:3px}
.dr-table{width:100%;border-collapse:collapse;font-size:.92rem;margin:12px 0}
.dr-table th,.dr-table td{border:1px solid var(--line);padding:8px;text-align:start;vertical-align:top}
.dr-table th{background:var(--teal-50,#f3fbfa)}
.dr-src{font-size:.88rem;overflow-wrap:anywhere}
.dr-src li{margin:6px 0}
.dr-rel{margin-top:20px}
article a{overflow-wrap:anywhere}
@media(max-width:560px){.dr-head{flex-direction:column-reverse}.dr-art{width:140px}}
@media print{header.site,footer.site,.tnote,.dr-rel{display:none}article{border:0;margin:0;padding:0}}