/* Per-page composition after the shared components. Private structure candidate. */
.dio-structure-page .human-photo-frame{background:transparent;clip-path:none;border-radius:8px;overflow:hidden}
.dio-structure-page .human-photo-frame>img{inset:0;width:100%;height:100%;clip-path:none;border-radius:8px}
.dio-structure-page .human-photo-frame::before,.dio-structure-page .human-photo-frame.has-photo-reveal::after{inset:0}
.dio-structure-page .lab-film,.dio-structure-page .material-film,.dio-structure-page .lab-film video,.dio-structure-page .material-film video{clip-path:none;border-radius:8px;box-shadow:none}
.dio-structure-page [data-plain-media]{background:linear-gradient(145deg,#edf0f0,#d5dedf);color:#485d67;border-radius:8px;clip-path:none;border:0;box-shadow:none}
.dio-anchor{display:block;scroll-margin-top:100px;height:0}
.dio-structure-page .home-answer-list{border:0}
.dio-structure-page .home-patient .patient-media-held{background:#e8ecec;border-radius:8px;clip-path:none}
.dio-structure-page .home-patient .patient-media-held>.dio-field-pattern{display:none}
.dio-structure-page .fee-warranty{padding:28px 0;background:transparent;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.dio-structure-page .dio-review-disclosure,.dio-structure-page .dio-next-steps{margin-top:24px}
.dio-structure-page .dio-section-heading{padding-block:44px 12px}
.dio-section-heading h2{font-size:clamp(28px,2.8vw,36px);line-height:1.2}
.dio-section-heading>p{font-size:16px;line-height:1.6;max-width:680px;color:var(--muted);margin-top:16px}
.dio-landing-structure .landing-booking-note{font-size:15px!important;line-height:1.5!important;margin-top:18px;color:var(--ink)}
.dio-landing-answers{padding-block:48px;display:grid;grid-template-columns:.75fr 1.25fr;gap:64px}
.dio-landing-answers h2{font-size:32px;line-height:1.25;max-width:330px}
.dio-landing-structure .landing-cost{padding-block:48px}
.dio-landing-structure .fee-terms{display:block;font-size:15px;max-width:900px}
.dio-landing-structure .fee-terms p+p{margin-top:16px}
.dio-stage-section{padding-block:48px}
.dio-stage-section .prototype-intro{max-width:680px}
.dio-stage-section .prototype-intro h2{font-size:34px;line-height:1.2}
.dio-stage-section .prototype-intro>p:not(.label){font-size:18px;line-height:1.6;margin-top:18px;color:var(--muted)}
.dio-stage-pair{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:30px}
.dio-material-stage{border-top:1px solid var(--rule);padding-top:24px}
.dio-material-stage .stage-label{font-size:13px;color:var(--steel);font-weight:600;letter-spacing:.06em}
.dio-material-stage h3{font-size:27px;line-height:1.25;margin-top:12px}
.dio-material-stage p:not(.stage-label){font-size:18px;line-height:1.6;color:var(--muted);margin-top:18px}
.dio-material-stage a{font-size:16px;margin-top:16px;min-height:48px}
.dio-material-comparison{padding-block:32px 48px}
.dio-material-comparison h2{font-size:34px;line-height:1.2;margin-bottom:28px}
.dio-material-row{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding-block:24px;border-top:1px solid var(--rule)}
.dio-material-row h3{font-size:22px;line-height:1.35}
.dio-material-row p{font-size:18px;line-height:1.6;margin:0;color:var(--muted)}
.dio-material-row a{display:inline-flex;align-items:center;min-height:48px;margin-top:8px;font-size:16px}
.dio-care-link a{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:64px;border-top:1px solid var(--rule);text-decoration:none;font-size:19px}
.dio-materials-structure .material-explanation{padding-block:48px}
.dio-materials-structure .material-explanation>div>p+p{margin-top:20px}
.dio-materials-structure .material-title .button{margin-top:24px}
.dio-cost-structure .cost-opening{padding-block:32px 24px}
.dio-cost-structure .cost-opening h1{font-size:clamp(32px,3.6vw,46px)}
.dio-cost-structure .cost-terms{display:block;font-size:15px;line-height:1.6}
.dio-cost-structure .cost-terms>p{margin-block:18px}
.dio-cost-structure .dio-arch-helper{margin-bottom:20px}
.dio-cost-structure>.fee-warranty{margin-top:0}
.dio-booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-block:44px}
.dio-booking h2,.dio-travel-cost h2{font-size:30px;line-height:1.25}
.dio-travel-cost{padding-block:32px}
.dio-travel-cost p{font-size:17px;line-height:1.6;color:var(--muted);margin:16px 0}
.dio-travel-cost a{font-size:17px}
.dio-kit-expand{min-height:48px;padding:12px 0;border:0;background:transparent;font:inherit;font-size:16px;text-decoration:underline;text-underline-offset:4px;color:var(--ink)}
.dio-cost-structure .question-kit{padding-block:36px 48px}
.dio-cost-structure [hidden]{display:none!important}
/* 2026-11-11 audit: the first section keeps its top padding under the dark hero (it was set to 0 for the old light opening) */
/* 2026-11-11 audit: the numbers chart spans the grey card under the list (placed by dio-charts-main.js), so its bars have room */
.dio-candidacy-structure #assessment .editorial-grid{row-gap:0}
.dio-candidacy-structure #assessment .dio-vis{max-width:none}
@media(max-width:1100px){.dio-candidacy-structure #assessment .ans-chart .panels{grid-template-columns:1fr}}
.dio-candidacy-structure .editorial-section{padding-block:40px}
/* 2026-11-11 audit: the navy title band runs the full window on wide screens (an older 1280px cap left it stuck to the left) */
.dio-candidacy-structure .candidacy-opening{max-width:none}
.dio-candidacy-structure .editorial-disclosures{border:0;background:none;padding:0}
.dio-candidacy-structure .editorial-disclosures>.dio-answer-row>summary{padding:16px 0;min-height:56px}
.dio-candidacy-structure .editorial-disclosures>.dio-answer-row>summary::after{display:block}
.dio-candidacy-structure .dio-safety-notice{background:#edf2f4;border-block:1px solid var(--rule)}
.dio-price-summary{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-block:44px;border-block:1px solid var(--rule)}
.dio-price-summary h2{font-size:32px;line-height:1.25}
.dio-price-summary p{font-size:17px;line-height:1.6;color:var(--muted);margin-top:18px}
.dio-price-pair{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.dio-price-pair>div{display:flex;flex-direction:column;gap:4px}
.dio-price-pair span{font-size:16px;color:var(--muted)}
.dio-price-pair strong{font-size:38px;line-height:1.2;letter-spacing:-.025em;color:var(--ink);font-weight:600}
.dio-price-summary p.dio-price-small{font-size:14px}
.dio-price-summary a{color:var(--ink);animation:none!important;transition:none!important;min-height:48px;display:inline-flex;align-items:center}
.dio-price-summary,.dio-price-summary *{animation:none!important;transition:none!important}
.dio-topic-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:64px;padding-block:44px}
.dio-topic-section h2{font-size:32px;line-height:1.25}
.dio-topic-section>div>.text-link{font-size:16px;margin-top:18px}
.dio-link-section a{min-height:64px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--rule);font-size:19px;text-decoration:none}
.dio-reasons{display:grid;grid-template-columns:1fr 1fr;gap:28px 60px;padding-block:48px}
.dio-reasons article{border-top:1px solid var(--rule);padding-top:24px;scroll-margin-top:110px}
.dio-reasons h2{font-size:29px;line-height:1.2}
.dio-reasons p{font-size:18px;line-height:1.6;color:var(--muted);margin-top:18px}
.dio-reasons .dio-reason-term{font-size:15px}
.dio-reasons a{min-height:48px;display:inline-flex;align-items:center;gap:18px;text-decoration:none;margin-top:14px;font-size:17px}
.dio-why-dio-structure .why-opening .button{margin-top:28px}
.dio-why-dio-structure .editorial-section{padding-block:48px}
.dio-proof-reviews{padding-block:20px 44px}
.dio-proof-reviews h2{font-size:30px;line-height:1.2;margin-bottom:26px}
.dio-review-excerpt{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.dio-treatment-structure .treatment-opening figure{clip-path:none;background:none;border:0;box-shadow:none}
.dio-treatment-structure .treatment-opening figure img{clip-path:none;border-radius:8px}
/* 2026-11-11 audit: the diagram and the study card sat 100px in from the heading and table; both now start at the page gutter and the card runs the table's width */
.dio-treatment-structure #options>.dio-vis{max-width:none;margin-inline:0}
.dio-week-structure .week-photo-frame,.dio-week-structure .week-photo-frame>img{clip-path:none;border-radius:8px;padding:0;border:0}
.dio-week-structure .week-photo-frame::before,.dio-week-structure .week-photo-frame::after{display:none}
.dio-week-structure .journey>.design-section{margin-block:12px 32px;padding-block:40px;position:relative;z-index:0}
.dio-week-structure .journey>.design-section>.wrap{width:calc(100% - 48px)}
.dio-week-structure #final-teeth>.lab-film{min-width:0;margin:0;background:white}
.dio-week-structure #final-teeth>.lab-film video{width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;border-radius:8px}
.dio-week-structure #final-teeth>.lab-film button{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;border:0;background:none;color:var(--ink);font:inherit;font-size:16px;text-align:left;padding:12px 0}
.dio-week-structure #final-teeth>.lab-film figcaption{font-size:14px;color:var(--muted);line-height:1.5}
.dio-week-structure>.fee-warranty{margin-top:0}
html:has(.dio-week-structure){scroll-padding-top:calc(var(--head,82px) + 72px)}
.dio-week-structure .chapter-nav{position:sticky;top:68px;z-index:35;padding:0}
.dio-week-structure .chapter-nav .wrap{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:0;padding:0;scrollbar-width:thin;width:min(1280px,100%)}
.dio-week-structure .chapter-nav .wrap::before{display:none}
.dio-week-structure .chapter-nav a{flex:1 0 145px;min-height:56px;padding:10px 16px;flex-direction:row;justify-content:center;gap:10px;white-space:nowrap;line-height:1.4;font-size:15px}
.dio-week-structure .chapter-nav a span{max-width:none}
.dio-week-structure .chapter-nav svg{width:24px;height:24px;background:none;flex:none}
.dio-week-structure .chapter-nav [aria-current]{background:#eaf0f3}
@media(max-width:700px){
 .dio-landing-answers{grid-template-columns:1fr;gap:24px;padding-block:32px}
 .dio-landing-answers h2{font-size:28px;max-width:none}
 .dio-stage-section{padding-block:32px}
 .dio-stage-section .prototype-intro h2,.dio-material-comparison h2{font-size:28px}
 .dio-stage-pair{grid-template-columns:1fr;gap:28px;margin-top:24px}
 .dio-material-stage h3{font-size:24px}
 .dio-material-stage p:not(.stage-label),.dio-material-row p{font-size:17px}
 .dio-material-row{grid-template-columns:1fr;gap:14px;padding-block:22px}
 .dio-material-row h3{font-size:21px}
 .dio-material-comparison{padding-block:26px 32px}
 .dio-materials-structure .material-explanation{padding-block:32px}
 .dio-structure-page .dio-section-heading{padding-top:32px}
 .dio-structure-page .dio-cta-band h2{font-size:28px}
 .dio-booking{grid-template-columns:1fr;gap:22px;padding-block:30px}
 .dio-booking h2,.dio-travel-cost h2{font-size:27px}
 .dio-cost-structure .cost-opening{padding-block:24px 20px}
 .dio-cost-structure .cost-opening>p{margin-top:14px;padding:0}
 .dio-cost-structure .question-kit{padding-block:28px 36px}
 .dio-candidacy-structure .editorial-section{padding-block:28px}
 .dio-price-summary,.dio-topic-section{grid-template-columns:1fr;gap:24px;padding-block:30px}
 .dio-price-summary h2,.dio-topic-section h2{font-size:28px}
 .dio-price-pair strong{font-size:32px}
 .dio-price-pair{gap:16px}
 .dio-reasons{grid-template-columns:1fr;gap:28px;padding-block:32px}
 .dio-reasons h2{font-size:27px}
 .dio-reasons p{font-size:17px}
 .dio-why-dio-structure .editorial-section{padding-block:32px}
 .dio-proof-reviews h2{font-size:28px}
 .dio-week-structure .journey>.design-section{padding-block:28px;margin-block:8px 24px}
 .dio-week-structure .journey>.design-section>.wrap{width:100%}
 .dio-week-structure .design-heading{padding-inline:14px}
 .dio-week-structure .design-heading h2{font-size:27px}
 .dio-week-structure .chapter-nav a{flex:0 0 auto;min-width:132px;font-size:14px;min-height:52px;padding:10px 14px}
}
@media print{
 .dio-kit-expand{display:none!important}
 .dio-cost-structure .question-sheet label[hidden]:has(input:checked){display:flex!important}
 .dio-cost-structure .question-sheet label:not(:has(input:checked)){display:none!important}
}

.dio-price-pair .disc{width:72px;height:72px;margin:0 0 18px;flex:none}

/* Visitor journey refinement */
.dio-early-trust{display:grid;grid-template-columns:1fr 1fr;gap:48px;padding-block:28px 32px;border-bottom:1px solid var(--rule);color:var(--ink)}
.dio-early-review figcaption{font-size:15px;line-height:1.5;color:var(--muted)}
.dio-early-trust .dio-practice-focus{display:inline-flex;align-items:center;min-height:48px;font-size:20px;line-height:1.4;font-weight:600;color:var(--ink)}
.dio-practice-proof>p:last-child{font-size:18px;line-height:1.5;margin:2px 0 0}
.dio-early-review{margin:0;max-width:540px}
.dio-early-review blockquote{font-size:18px;line-height:1.55;margin:0;font-style:normal;letter-spacing:normal}
.dio-early-review figcaption{margin-top:8px}
.dio-early-review>a{display:inline-flex;align-items:center;gap:10px;min-height:48px;font-size:16px;color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.dio-price-brief{padding-block:28px;border-block:1px solid var(--rule)}
.dio-price-brief p{font-size:18px;line-height:1.55;margin:0}
.dio-price-brief p+p{margin-top:8px}
.dio-price-brief a{display:block;min-height:48px;padding-block:10px;color:var(--ink);text-decoration:none}
.dio-price-brief strong{font-weight:600}
.dio-price-brief,.dio-price-brief *,.dio-early-trust,.dio-early-trust *{animation:none!important;transition:none!important}
.dio-price-brief a:focus-visible,.dio-early-trust a:focus-visible{outline:2px solid var(--navy,#2f4453);outline-offset:4px}
.dio-price-brief a:hover,.dio-early-trust a:hover{text-decoration:underline;text-underline-offset:4px}
.home-step .dio-comfort-answer{grid-area:detail;margin:0;font-size:17px;line-height:1.6;color:var(--muted)}
.dio-comfort-answer a,.dio-recovery-note a{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.dio-early-trust{grid-template-columns:1fr;gap:20px;padding-block:22px 24px}.dio-early-review{padding-top:18px;border-top:1px solid var(--rule)}.dio-early-trust .dio-practice-focus{font-size:19px}.dio-price-brief{padding-block:20px}.dio-price-brief p{font-size:17px}}
/* 2026-11-11 audit: when the closing block stacks, the phone group lines up with the heading and button above it instead of sitting centred
   (procedure pages only here; column.css centres it site-wide) */
@media(max-width:800px){:is(.dio-treatment-structure,.dio-week-structure,.dio-materials-structure,.dio-candidacy-structure) .dio-cta-band .dio-cta-phone.cta-stack{align-items:flex-start}}
/* 2026-11-11 audit (Why choose us): the review excerpts already end on a whole word with an ellipsis; the three-line clamp cut them again mid-word */
.dio-why-dio-structure .dio-proof-reviews .dio-review-excerpt{display:block;-webkit-line-clamp:unset;overflow:visible}
.dio-why-dio-structure .dio-proof-reviews .dio-story-card{display:flex;flex-direction:column;align-items:flex-start}.dio-why-dio-structure .dio-proof-reviews .dio-story-card>p{margin-top:0}.dio-why-dio-structure .dio-proof-reviews .dio-story-card>a{margin-top:auto}
/* 2026-11-11 audit (Why choose us): three reviews sat two-and-one on tablets; one column until three fit */
@media(min-width:600px) and (max-width:900px){.dio-why-dio-structure .dio-proof-reviews .dio-card-grid{grid-template-columns:1fr;gap:16px}}
/* 2026-11-11 audit (Why choose us): "Read the review" was underlined with the arrow touching the last letter; same link style as the four reason cards above */
.dio-why-dio-structure .dio-proof-reviews .dio-story-card>a{font-size:17px;gap:18px;text-decoration:none}
/* 2026-11-11 audit (Why choose us): the "Before Done In One." headline sat alone above an empty left column; level with the middle of the text on desktop, stacked above it on tablets */
@media(min-width:901px){.dio-why-dio-structure #origin .editorial-grid{align-items:center}}
@media(min-width:701px) and (max-width:900px){.dio-why-dio-structure #origin .editorial-grid{display:block}.dio-why-dio-structure #origin .editorial-body{margin-top:26px;max-width:none}}
/* 2026-11-11 audit (Why choose us): "A person on the other end." had two lead-size lines fighting; the later sentence reads at body size, still in ink */
.dio-why-dio-structure #people .editorial-body>.text-link~.editorial-lead{font-size:18px;line-height:1.7}
@media(max-width:700px){.dio-why-dio-structure #people .editorial-body>.text-link~.editorial-lead{font-size:17px}}
/* 2026-11-11 audit (regression review): the study card on the zirconia page runs the comparison table's width, as on its two sibling pages */
.dio-materials-structure .dio-material-comparison>.dio-vis{max-width:none;margin-inline:0}