/*
Theme Name: BellaDent Journal
Version: 1.0.1
Description: An accessible, lightweight editorial theme for BellaDent.
*/
:root{--paper:#faf8f2;--ink:#173f3b;--muted:#566862;--line:#d5ddd4;--mint:#e7eddf;--accent:#dfed9c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:#526522}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #887019;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.035em}h1,h2,h3,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400}h1{font-size:clamp(2.8rem,5.8vw,5.5rem)}h2{font-size:2.5rem}h3{font-size:2rem}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{width:min(1200px,calc(100% - 80px));margin-inline:auto}.topline{padding:9px 40px;background:var(--ink);color:#fff;font-size:10px;letter-spacing:.15em}.topline span{float:right}.site-header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line);gap:24px}.brand{display:flex;align-items:center;gap:12px;font-size:30px;text-decoration:none;line-height:1}.brand-mark{border:1px solid var(--ink);border-radius:50%;width:47px;height:47px;display:grid;place-content:center;position:relative}.brand-mark span{position:absolute;right:-2px;top:0;font-size:18px;background:var(--paper)}.brand-sub{display:block;font-family:Arial,sans-serif;font-size:9px;letter-spacing:.23em;margin-top:9px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:13px}.site-header nav a{text-decoration:none}.button{display:inline-flex;gap:30px;align-items:center;background:var(--ink);color:white;padding:13px 20px;border-radius:4px;text-decoration:none;font-size:13px}.button:hover{background:#29564d;color:white}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;padding:72px 0 64px;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:.17em;font-family:Arial,sans-serif;line-height:1.7}.eyebrow span{padding:0 10px}.hero h1{margin:26px 0}.hero h1 em{font-weight:400;color:#63774e}.intro{max-width:500px;color:var(--muted);font-size:18px}.text-link{font-size:13px;font-weight:700;text-decoration:none;display:inline-flex;gap:25px;margin-top:14px}.hero-note{background:var(--mint);border-radius:100px 8px 8px 8px;padding:34px 34px 28px;min-height:360px}.spark{font-size:76px;line-height:1;display:block;color:#728253;margin-bottom:26px}.hero-note h2{font-size:32px}.hero-note p:not(.eyebrow){font-size:14px;color:var(--muted)}.note-line{display:block;border-top:1px solid #bcc9b7;padding-top:17px;margin-top:24px;font-size:9px;letter-spacing:.17em}.browse{border-block:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;gap:25px;align-items:center}.topics{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.pill{border:1px solid #b7c4b6;border-radius:30px;padding:6px 15px;text-decoration:none;font-size:12px}.pill:hover{background:var(--mint)}.search-form{display:flex;border:1px solid #b7c4b6;border-radius:5px;padding:5px;max-width:100%}.search-form input{min-width:0;width:210px;padding:7px;background:transparent;border:0;font-size:13px}.search-form button{background:transparent;color:var(--ink);border:0;font-size:12px;cursor:pointer;padding:8px}.articles{padding:48px 0 65px}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;gap:20px}.section-title h2{font-size:30px;margin:0}.section-title span{font-size:12px;color:var(--muted)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.card{border:1px solid var(--line);padding:30px;border-radius:6px;background:#fffefa}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:35px}.card h3{max-width:500px;margin-bottom:18px}.card h3 a{text-decoration:none}.card>p{color:var(--muted);font-size:15px}.card img{aspect-ratio:16/9;object-fit:cover;margin-bottom:20px}.meta{font-size:12px;color:var(--muted)}.meta a{text-decoration:none}.clinic-band{padding:40px;background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:30px;border-radius:7px}.clinic-band h2{font-size:36px;margin-bottom:12px}.clinic-band p:last-child{margin-bottom:0;font-size:14px}.light{background:var(--accent);color:var(--ink);white-space:nowrap}.footer{padding:48px 0 22px;display:grid;grid-template-columns:2fr 1fr;gap:30px;font-size:13px}.footer strong{font-family:Georgia,serif;font-size:25px;font-weight:400}.footer p{color:var(--muted)}.footer small{display:block;max-width:430px}.footer nav{display:flex;flex-wrap:wrap;gap:15px;align-content:start;justify-content:end}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:20px;font-size:11px}.archive-heading{padding:60px 0 30px}.archive-heading h1{font-size:48px}.reading{padding-block:30px 65px}.breadcrumbs{font-size:12px;margin-bottom:40px}.article-header{max-width:900px;margin-bottom:42px}.article-header h1{font-size:clamp(2.7rem,5vw,4.7rem);margin-bottom:25px}.reading-grid{display:grid;grid-template-columns:minmax(0,740px) 1fr;gap:70px}.prose{font-size:18px;line-height:1.85;overflow-wrap:anywhere}.prose h2{font-size:32px;margin-top:42px;scroll-margin-top:25px}.prose h3{font-size:26px;margin-top:30px}.prose li{margin-bottom:10px}.prose a{text-decoration:underline}.prose blockquote{margin:24px 0;padding:15px 25px;border-left:3px solid #798d54;background:var(--mint)}.prose table{border-collapse:collapse;width:100%;font-size:15px}.prose td,.prose th{border:1px solid var(--line);padding:10px}.reading-aside{border-top:1px solid var(--line);padding-top:20px;align-self:start}.reading-aside h2{font-size:29px}.reading-aside p{font-size:14px}.reading-aside hr{border:0;border-top:1px solid var(--line);margin:30px 0}.author-box{background:var(--mint);padding:28px;margin-top:45px;border-radius:6px;font-size:15px}.author-box h2{margin:5px 0 15px;font-size:27px}.navigation{margin-top:30px}.nav-links{display:flex;justify-content:space-between;gap:20px;font-size:14px}.screen-reader-text,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:10;background:white;padding:15px}.empty{padding:25px 0}.empty h3{font-size:27px}@media(max-width:800px){.wrap{width:calc(100% - 36px)}.topline{padding-inline:18px;font-size:8px}.topline span{display:none}.site-header{gap:12px}.site-header nav{gap:14px}.site-header nav>a:nth-child(2){display:none}.brand{font-size:24px}.brand-sub{font-size:7px}.brand-mark{width:38px;height:38px}.button{padding:10px 13px;gap:12px}.hero{grid-template-columns:1fr;gap:30px;padding:42px 0}.hero-note{min-height:0;border-radius:45px 6px 6px 6px;padding:25px}.spark{float:right;font-size:60px}.hero-note h2{font-size:28px}.browse{align-items:stretch;flex-direction:column}.search-form input{width:100%}.section-title{align-items:start}.section-title span{max-width:100px}.article-grid{grid-template-columns:1fr}.card{padding:24px}.clinic-band{padding:28px;display:block}.clinic-band .button{margin-top:25px}.clinic-band h2{font-size:30px}.footer{grid-template-columns:1fr}.footer nav{justify-content:start}.reading-grid{grid-template-columns:1fr;gap:30px}.prose{font-size:17px}.article-header h1{font-size:40px}}@media(max-width:400px){.site-header nav>a:first-child{display:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.contents{border:1px solid var(--line);padding:24px 28px;border-radius:6px;margin-bottom:35px;font-size:14px}.contents ol{padding-left:20px;margin-bottom:0}.contents li{margin-bottom:4px}.contents a{text-decoration:none}

/* Official clinic branding */
.brand{display:block;max-width:340px;flex-shrink:1}.official-logo{display:block;width:340px;max-width:100%;height:auto}.brand .brand-sub{text-align:center;font-size:9px;margin-top:0}.footer-brand{display:inline-block;max-width:320px}.footer-brand .official-logo{width:320px}@media(max-width:800px){.brand{max-width:240px}.site-header nav{flex-shrink:0}.site-header nav>a:first-child{display:none}.brand .brand-sub{font-size:7px}}@media(max-width:400px){.brand{max-width:190px}.site-header nav .button{font-size:11px;padding:9px}}