:root{color-scheme:dark;--bg:#101316;--panel:#191e22;--gold:#d3b576;--ivory:#f4eee4;--muted:#c0c7c9;--line:#ffffff22;--aqua:#a8d3d0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--ivory);font:18px/1.85 Arial,Tahoma,sans-serif}a{color:var(--gold);text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a8d3d0;outline-offset:4px}.shell{width:min(1160px,calc(100% - 40px));margin-inline:auto}header{background:#101316f5;border-bottom:1px solid var(--line)}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-block:16px}.clinic-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ivory);font-size:18px;font-weight:700}.clinic-brand img{object-fit:contain}.clinic-brand small{display:block;color:var(--gold);font-size:12px;letter-spacing:.16em}.language{font-size:16px}.intro{display:grid;grid-template-columns:1.55fr 1fr;gap:64px;padding:52px 0 30px;align-items:center}.back-link,.meta,.caption{font-size:14px;color:var(--muted)}.eyebrow,.type-label{font-size:14px;letter-spacing:.06em;font-weight:bold;color:var(--gold)}h1,h2,h3,h4{line-height:1.45;margin:0 0 16px}h1{font-size:clamp(35px,4.5vw,56px);letter-spacing:-.03em}h2{font-size:32px}h3{font-size:22px}h4{font-size:20px}p{margin:8px 0 20px}.intro-text{font-size:20px;color:var(--muted)}.quick-start{border:1px solid #d3b57660;border-radius:16px;padding:28px;background:linear-gradient(135deg,#d3b57610,transparent)}.quick-start h2{font-size:24px}.quick-start li{margin:15px 0}.quick-actions{display:flex;flex-wrap:wrap;gap:10px}.button,.animation-controls button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;border:1px solid #d3b57688;border-radius:8px;padding:10px 18px;background:transparent;color:var(--gold);text-decoration:none;font-size:16px;font-weight:700}.gold{background:var(--gold);color:#111519}.scope-note{background:#a8d3d010;border-inline-start:3px solid var(--aqua);padding:16px 22px;font-size:16px;color:#d8e4e3}.contents{display:flex;flex-wrap:wrap;gap:9px;padding:22px 0 34px;border-bottom:1px solid var(--line)}.contents a{text-decoration:none;border:1px solid var(--line);padding:8px 14px;border-radius:6px;font-size:16px}.contents a:hover{background:var(--panel)}.guide-section{padding:48px 0;border-bottom:1px solid var(--line)}.section-heading{display:flex;gap:16px;align-items:baseline}.section-heading>span{color:var(--gold);font-size:16px}.text-grid,.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 32px}.text-grid article{border-top:1px solid var(--line);padding-top:18px}.text-grid p{color:var(--muted)}ul,ol{padding-inline-start:24px}li{margin-bottom:8px}.compare-grid article{background:var(--panel);border-radius:12px;padding:28px;border-top:3px solid var(--gold)}.compare-grid article:first-child{border-color:var(--aqua)}.references{font-size:14px;line-height:1.75;margin-top:24px;overflow-wrap:anywhere}.references a{color:#acb9bb}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:26px 0}.product-grid figure{margin:0;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--panel)}.product-grid img{display:block;width:100%;height:195px;object-fit:contain;background:white}.product-grid figcaption{padding:18px}.product-grid figcaption p{font-size:16px;color:var(--muted);margin:6px 0 0}.fit-diagram{display:block;width:min(680px,100%);height:auto;margin:26px auto}.animation-panel{background:#191e22;border:1px solid #d3b57670;border-radius:16px;overflow:hidden;margin:24px 0}.change-diagram{width:100%;max-height:280px;display:block;background:#121619}.animation-copy{padding:24px 28px;min-height:205px}.animation-copy>span{color:var(--gold);font-size:14px}.animation-copy p{color:var(--muted)}.animation-controls,.step-dots{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;padding:0 20px 20px}.animation-controls button:disabled{opacity:.35;cursor:default}#play-steps{background:var(--gold);color:#121619}.step-dots button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:16px}.step-dots button[aria-current]{background:#d3b576;color:#121619;border-color:#d3b576}.animation-panel>.caption{text-align:center;padding:0 16px 16px}.diagram-pouch,.diagram-barrier,.diagram-film,.diagram-water,.diagram-ruler,.diagram-tick{transition:transform 1s ease,opacity .7s ease;transform-box:fill-box;transform-origin:center}.diagram-film,.diagram-water,.diagram-ruler,.diagram-tick{opacity:0}[data-stage=remove] .diagram-pouch,[data-stage=remove] .diagram-barrier{transform:translate(80px,-80px);opacity:.2}[data-stage=clean] .diagram-pouch,[data-stage=clean] .diagram-barrier,[data-stage=measure] .diagram-pouch,[data-stage=measure] .diagram-barrier,[data-stage=protect] .diagram-pouch,[data-stage=protect] .diagram-barrier{opacity:0;transform:translateY(-65px)}[data-stage=clean] .diagram-water{opacity:1;animation:drops 2s infinite}[data-stage=measure] .diagram-ruler{opacity:1}[data-stage=protect] .diagram-film,[data-stage=attach] .diagram-film{opacity:1}[data-stage=attach] .diagram-pouch{opacity:.2;transform:translateY(-80px)}[data-stage=check] .diagram-tick{opacity:1}[data-stage=check] .diagram-film{opacity:1}.written-steps{display:grid;grid-template-columns:1fr 1fr;gap:24px 38px;padding-inline-start:28px}.written-steps li::marker{color:var(--gold);font-weight:bold}.written-steps p{color:var(--muted)}.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.video-card{background:var(--panel);padding:20px;border-radius:12px}.video-card h3{font-size:20px;min-height:58px}.video-card p{font-size:16px;color:var(--muted)}.video-card>a{font-size:15px}.video-slot{aspect-ratio:16/10;background:#0b0e10;border:1px solid var(--line);margin-bottom:18px}.video-slot iframe{width:100%;height:100%;border:0}.load-video{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:100%;border:0;background:transparent;color:var(--gold);font-size:16px}.load-video small{font-size:12px;color:var(--muted)}.play-symbol{font-size:44px;line-height:1.3}.table-scroll{overflow-x:auto}table{border-collapse:collapse;min-width:640px;width:100%;font-size:16px}caption{text-align:start;font-size:20px;font-weight:bold;margin:20px 0}th,td{text-align:start;border:1px solid var(--line);padding:16px;vertical-align:top}thead{background:#d3b57615}td{color:var(--muted)}.callout{border-inline-start:3px solid var(--gold);background:#d3b5760b;padding:18px 22px;margin:24px 0}.emergency{background:#9f363512;border:1px solid #d7766c80;border-radius:14px;padding:30px;margin:35px 0}.emergency>.type-label{color:#f1a295}.emergency strong{color:#ffc4b9}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.brand-card{padding:26px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}.brand-card p{color:var(--muted);font-size:16px}.brand-card h3{margin-top:14px}.tag{font-size:13px;display:inline-block;background:#a8d3d015;color:#b8dfd6;padding:4px 9px;border-radius:4px}.tag.import{background:#d3b57615;color:var(--gold)}.supplier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:24px}.supplier-grid article{padding:22px;border:1px solid var(--line);border-radius:12px}.supplier-grid p{font-size:16px;color:var(--muted)}.supplier-grid a{font-size:16px}.buy-list{columns:2;column-gap:40px}.buy-list li{break-inside:avoid;padding-inline-start:8px}.faq-list details{padding:20px 0;border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:bold;font-size:20px}details p{padding:12px 0 0;color:var(--muted)}.sources ul{font-size:15px;columns:2;column-gap:30px}.sources li{break-inside:avoid;overflow-wrap:anywhere}footer{padding-block:30px 50px;font-size:14px;color:var(--muted)}.skip{position:absolute;inset-inline-start:12px;top:-100px;background:#fff;color:#111;padding:12px;z-index:40}.skip:focus{top:10px}@keyframes drops{from{transform:translateY(-12px)}to{transform:translateY(24px)}}@media(max-width:800px){.intro{grid-template-columns:1fr;gap:24px;padding-top:28px}.quick-start{padding:20px}.quick-start li{margin:7px 0}.quick-start h2{font-size:22px}.text-grid,.compare-grid,.brand-grid{grid-template-columns:1fr}.video-grid,.supplier-grid{grid-template-columns:1fr}.video-card h3{min-height:0}.product-grid{gap:10px}.product-grid img{height:150px}.product-grid figcaption{padding:12px;font-size:16px}.product-grid figcaption p{font-size:14px}.written-steps{grid-template-columns:1fr}.guide-section{padding-block:32px}.buy-list,.sources ul{columns:1}.emergency{padding:22px}.animation-copy{min-height:245px;padding:20px}.contents{gap:7px}.contents a{font-size:15px;padding:6px 10px}.intro-text{font-size:18px}h2{font-size:28px}h3{font-size:21px}}@media(max-width:450px){.shell{width:calc(100% - 28px)}.clinic-brand{font-size:16px}.clinic-brand img{width:37px;height:37px}.product-grid{grid-template-columns:1fr}.product-grid figure{display:grid;grid-template-columns:115px 1fr}.product-grid img{height:100%;min-height:140px}.product-grid figcaption{padding:14px}.product-grid strong{font-size:17px}.product-grid p{font-size:16px!important}.animation-copy{min-height:290px}.animation-controls{gap:7px;padding-inline:10px}.animation-controls button{padding:8px 12px;font-size:15px}.quick-actions .button{flex:1 1 145px}h1{font-size:36px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}@media print{body{background:white;color:black;font-size:12pt}.contents,header,.quick-actions,.animation-panel,.video-slot,footer{display:none}.shell{width:100%}a{color:black}.guide-section{padding:16px 0}.text-grid,.brand-grid,.supplier-grid{display:block}.text-grid p,p,.caption,td{color:black!important}.intro{display:block}.quick-start{display:none}details p{display:block}.sources{font-size:10pt}article,figure,tr{break-inside:avoid}}