@font-face{font-family:Caslon;src:url('/patient-education/periodontal-care/assets/caslon.woff2')}@font-face{font-family:DM;src:url('/patient-education/periodontal-care/assets/dm-sans.woff2')}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f7f5ef;color:#242720;font:16px/1.7 DM,Arial,sans-serif}a{color:inherit;text-underline-offset:6px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #97784f;outline-offset:5px}button{font:inherit;cursor:pointer}.skip{position:absolute;top:-100px}.skip:focus{top:10px;background:white;padding:10px;z-index:10}header{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px max(5%,calc((100vw - 1400px)/2));border-bottom:1px solid #d8d0c3}.brand{font:30px/.9 Caslon,Georgia,serif;letter-spacing:.12em;text-decoration:none}.brand span{display:block;font:9px/1 DM,Arial,sans-serif;letter-spacing:.4em;margin-top:9px}.header-actions{display:flex;gap:20px;align-items:center;font-size:12px}.languages{display:flex;gap:3px}.languages a{padding:10px;min-width:44px;text-align:center;text-decoration:none}.languages a[aria-current]{border-bottom:1px solid #97784f}.wrap{max-width:1400px;margin:auto;padding-left:5%;padding-right:5%}.hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:6%;align-items:center;padding-top:70px;padding-bottom:65px}.eyebrow{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:#8a6c42;margin:0 0 20px}h1,h2,h3{font-family:Caslon,Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-.025em}h1{font-size:clamp(54px,6vw,84px);margin:0 0 25px}h2{font-size:clamp(38px,4.4vw,60px);margin:0 0 22px}h3{font-size:32px;margin:15px 0}.lead{font-size:18px;color:#5b6057;max-width:500px}.text-link{display:inline-block;min-height:44px;margin-top:12px}.hero-art{width:100%;height:auto;display:block}.intro-note{max-width:1000px;font-size:14px;color:#62665c;border-top:1px solid #d8d0c3;padding-top:25px;margin-bottom:45px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-bottom:75px}.card{background:white;text-decoration:none;display:block;transition:transform .2s}.card:hover{transform:translateY(-3px)}.card img{width:100%;display:block;aspect-ratio:4/3;object-fit:cover}.card-copy{padding:27px}.card-copy h3{font-size:32px}.card p{color:#62665c;font-size:14px;margin:0 0 18px}.card .eyebrow{font-size:10px;color:#8a6c42}.chapter{border-top:1px solid #d8d0c3;padding-top:80px;padding-bottom:80px;scroll-margin-top:25px}.chapter-inner{display:grid;grid-template-columns:1fr 1fr;gap:7%;align-items:center}.chapter:nth-child(even) .chapter-art{order:-1}.chapter-art{width:100%;height:auto;display:block}.chapter p{color:#565e52;max-width:600px}.chapter-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.chapter-nav a{padding:10px 16px;border:1px solid #c6b99f;text-decoration:none;font-size:12px;border-radius:25px;min-height:44px}.key{font:25px/1.35 Caslon,Georgia,serif;color:#8a6c42!important}.care-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.care-block{padding:40px;background:#ede9df}.care-block h2{font-size:42px}.care-block li{margin:12px 0}.faq{max-width:1000px;margin:60px auto}.faq details{border-top:1px solid #d8d0c3;padding:20px 0}.faq summary{cursor:pointer;font-size:18px;min-height:44px}.closing{margin-top:60px;padding-top:50px;padding-bottom:50px;background:#e9e6dc}.closing h2{max-width:750px}.source-list{font-size:13px;color:#62665c;padding-top:40px;padding-bottom:60px}.source-list li{padding:5px 0}.educational{font-size:12px;color:#6a6f63}.presentation-controls{display:none}.presenting .hero,.presenting #chapters,.presenting .intro-note,.presenting .care-grid,.presenting .faq,.presenting .closing,.presenting footer{display:none}.presenting .chapter{display:none}.presenting .chapter.current{display:block;border:0}.presenting .presentation-controls{display:flex;justify-content:center;align-items:center;gap:20px;position:sticky;bottom:0;padding:18px;background:#f7f5ef;border-top:1px solid #d8d0c3}.presentation-controls button,header button{border:1px solid #c6b99f;background:transparent;border-radius:24px;padding:10px 16px;min-height:44px}button:disabled{opacity:.4;cursor:default}.presenting .chapter-art{max-height:65vh}.presenting .chapter{padding-top:40px;padding-bottom:35px}@media(max-width:760px){header{padding:20px 5%;align-items:flex-start}.header-actions{gap:5px;flex-wrap:wrap;justify-content:flex-end;max-width:65%}.header-actions>a{display:none}header button{font-size:11px;padding:8px 10px}.brand{font-size:25px}.hero{grid-template-columns:1fr;padding-top:40px;gap:20px}.hero-art{max-height:360px}.hero{padding-bottom:30px}.cards{grid-template-columns:1fr;gap:22px}.card{display:grid;grid-template-columns:40% 60%;align-items:center}.card img{height:100%;object-fit:contain}.card-copy{padding:20px}.card-copy h3{font-size:28px}.card-copy p{font-size:13px}.chapter-inner{grid-template-columns:1fr;gap:25px}.chapter:nth-child(even) .chapter-art{order:0}.chapter{padding-top:45px;padding-bottom:45px}.chapter-art{max-height:400px}.care-grid{grid-template-columns:1fr}.care-block{padding:28px}.presenting .chapter-art{max-height:40vh}.presentation-controls{gap:10px!important;font-size:12px}.presentation-controls button{font-size:12px}.source-list a{overflow-wrap:anywhere}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.card{transition:none}}@media print{header,.chapter-nav,.presentation-controls,.cards{display:none!important}.hero,.chapter,.care-grid,.faq,footer{display:block!important}.chapter{break-inside:avoid;padding:25px 0}.chapter-art{max-height:250px}.hero-art{max-height:250px}h1{font-size:45px}}
.stage-crop{overflow:hidden;aspect-ratio:4/3;background:#f6f2e9}.stage-crop img{width:300%;max-width:none;height:auto;aspect-ratio:auto;display:block;transform-origin:top left}.stage-crop.stage-1 img{transform:translateX(-33.333333%)}.stage-crop.stage-2 img{transform:translateX(-66.666666%)}.chapter .stage-crop{aspect-ratio:3/4;max-width:440px;width:100%;margin:auto}.chapter .stage-crop img{height:auto}.hero-art{border:0}.card .stage-crop{height:auto}.anatomy-key{display:grid;gap:20px;padding:40px;background:#eee7d8}.anatomy-key strong{font:32px Caslon,Georgia,serif}.anatomy-key div{border-bottom:1px solid #d8d0c3;padding-bottom:18px}.anatomy-key p{margin:5px 0 0}@media(max-width:760px){.card .stage-crop{aspect-ratio:3/4}.chapter .stage-crop{max-width:340px}.hero-art{max-height:none}.presenting .stage-crop{max-width:240px}}.presenting .chapter-nav{display:none}@media(max-width:760px){.card{display:block}.card .stage-crop{aspect-ratio:4/3}.card-copy{padding:25px}.card-copy p{font-size:15px}.card-copy h3{font-size:32px}}
/* Approved rendering: single anatomical hero and three full-image chapter cards. */
.hero{grid-template-columns:.85fr 1.15fr;gap:6%;padding-top:45px;padding-bottom:40px}.hero-art{width:100%;aspect-ratio:1.95;max-height:none;object-fit:cover;object-position:center 44%;display:block}.cards{gap:24px;padding-bottom:65px}.card-image{width:100%;aspect-ratio:1.75;object-fit:cover;object-position:center 38%;display:block}.card-copy{padding:25px 28px 30px}.card-copy h3{font-size:clamp(28px,2.5vw,39px);margin:15px 0 18px}.card-copy p{font-size:16px;line-height:1.6}.intro-note{border:0;padding-top:0;margin-bottom:28px;font-size:12px}.chapter-art{width:100%;aspect-ratio:1.35;object-fit:cover;object-position:center}.presenting .chapter-art{max-height:65vh}.hero .lead{font-size:18px;line-height:1.65}.hero .text-link{margin-top:10px}@media(max-width:760px){.hero{grid-template-columns:1fr;gap:25px;padding-top:35px}.hero-art{aspect-ratio:1.65;object-position:center}.card{display:block}.card-image{aspect-ratio:1.75}.card-copy{padding:25px}.card-copy h3{font-size:34px}.card-copy p{font-size:15px}.chapter-art{aspect-ratio:1.35;max-height:none}.presenting .chapter-art{max-height:none}.cards{gap:25px}.intro-note{padding-top:0;margin-top:0}}

.hero-art{object-position:center top}