/* Bone support → assessment → alternative paths → materials → shared care.
   Main-only; shared shell owns fonts, header and working reading controls. */
main.bone-graft-redesign{--bg-ink:#162852;--bg-text:#22303f;--bg-line:#e2e6eb;background:#fff;color:var(--bg-text);padding:calc(var(--header-height,64px) + 64px) 0 96px;font:400 16px/26px var(--font-body,Inter,sans-serif);overflow-wrap:anywhere}
.bone-graft-redesign *{box-sizing:border-box;min-width:0}
.bone-graft-redesign :where(h1,h2,h3,p,figure,ol,ul,dl,dd){margin:0}
.bone-graft-redesign :where(h1,h2,h3){font-family:var(--font-display,'Schibsted Grotesk',sans-serif);font-weight:600;color:var(--bg-ink);text-wrap:pretty}
.bone-graft-redesign h1{font-size:56px;line-height:60px;font-weight:700;letter-spacing:-1px;max-width:960px}
.bone-graft-redesign h2{font-size:38px;line-height:44px;letter-spacing:-.5px}
.bone-graft-redesign h3{font-size:26px;line-height:32px;letter-spacing:-.3px}
.bone-graft-redesign :where(a,summary):focus-visible{outline:3px solid #2f5fa8;outline-offset:4px;border-radius:2px}
.bone-graft-redesign a{color:var(--bg-ink);text-decoration-thickness:1px;text-underline-offset:5px}
.bone-graft-redesign a:hover{color:#2f5fa8}
.bone-graft-redesign [id]{scroll-margin-top:calc(var(--header-height,64px) + 24px)}
.bone-graft-redesign .bg-wrap{width:calc(100% - 160px);max-width:1280px;margin-inline:auto;display:flex;flex-direction:column;gap:80px}
.bone-graft-redesign .bg-section,.bone-graft-redesign .bg-hero{position:relative;display:flex;flex-direction:column;gap:32px}
.bone-graft-redesign .bg-hero{gap:24px}
.bone-graft-redesign .bg-anchor{position:absolute;top:0;display:block;height:0}
.bone-graft-redesign .bg-measure{max-width:720px}
.bone-graft-redesign .bg-label,.bone-graft-redesign dt{font-family:var(--font-body,Inter,sans-serif);font-size:15px;line-height:24px;font-weight:600;letter-spacing:0;color:var(--bg-ink)}
.bone-graft-redesign .bg-small,.bone-graft-redesign figcaption{font-size:14px;line-height:21px}
.bone-graft-redesign .bg-index,.bone-graft-redesign .bg-phase,.bone-graft-redesign .bg-breadcrumb{font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:13px;line-height:20px;font-weight:500}
.bone-graft-redesign .bg-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:12px;list-style:none;padding:0}
.bone-graft-redesign .bg-breadcrumb li{display:flex;align-items:center;gap:12px}
.bone-graft-redesign .bg-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.bone-graft-redesign .bg-contents-wide{display:flex;flex-wrap:wrap;gap:12px 24px}
.bone-graft-redesign .bg-contents-wide a{display:inline-flex;align-items:center;min-height:44px;font-size:15px;line-height:24px;font-weight:600;min-width:160px}
.bone-graft-redesign .bg-contents-compact{display:none}
.bone-graft-redesign details{border:0;border-top:1px solid var(--bg-line);border-radius:0;background:#fff;overflow:visible}
.bone-graft-redesign details:last-child{border-bottom:1px solid var(--bg-line)}
.bone-graft-redesign details p{padding:0;color:inherit;font-size:16px;line-height:26px}
.bone-graft-redesign summary{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;min-height:56px;padding:16px 0;list-style:none;cursor:pointer;color:var(--bg-ink);font-size:15px;line-height:24px;font-weight:600}
.bone-graft-redesign summary::-webkit-details-marker{display:none}
.bone-graft-redesign .bg-mark{flex:0 0 20px;font-size:20px;line-height:24px;font-weight:400;text-align:center}
.bone-graft-redesign .bg-minus,.bone-graft-redesign details[open]>summary .bg-plus{display:none}
.bone-graft-redesign details[open]>summary .bg-minus{display:inline}
.bone-graft-redesign .bg-disclosure-body{padding:0 36px 24px 0;max-width:756px}
.bone-graft-redesign .bg-assessment,.bone-graft-redesign .bg-materials{display:grid;grid-template-columns:minmax(0,720fr) minmax(0,512fr);gap:48px;align-items:start}
.bone-graft-redesign .bg-checklist,.bone-graft-redesign .bg-material-list{list-style:none;padding:0}
.bone-graft-redesign .bg-checklist{margin-top:20px}
.bone-graft-redesign .bg-checklist li{display:flex;align-items:start;gap:12px;padding:20px 0;border-top:1px solid var(--bg-line)}
.bone-graft-redesign .bg-index{flex:0 0 28px}
.bone-graft-redesign .bg-context-figure{display:flex;flex-direction:column;gap:12px;width:100%;max-width:512px}
.bone-graft-redesign .bg-context-figure img{display:block;width:100%;height:auto;object-fit:contain}
.bone-graft-redesign .bg-context-figure figcaption{color:#51606f}
.bone-graft-redesign .bg-stages{display:grid;gap:24px}
.bone-graft-redesign .bg-stage{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;border-top:1px solid var(--bg-line);padding-top:24px}
.bone-graft-redesign .bg-stage>div{display:flex;flex-direction:column;gap:12px}
.bone-graft-redesign .bg-stage h3{font-family:var(--font-body,Inter,sans-serif);font-size:15px;line-height:24px;font-weight:600;letter-spacing:0}
.bone-graft-redesign .bg-dimensions{display:flex;flex-direction:column;gap:32px}
.bone-graft-redesign .bg-dimensions>h3{font-size:38px;line-height:44px;letter-spacing:-.5px}
.bone-graft-redesign .bg-dimensions-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.bone-graft-redesign .bg-dimensions-grid>article{display:flex;flex-direction:column;gap:16px}
.bone-graft-redesign .bg-dimensions-grid h4{margin:0;font:600 20px/28px var(--font-display,'Schibsted Grotesk',sans-serif);color:var(--bg-ink);text-wrap:pretty}
.bone-graft-redesign .bg-education-figure{display:flex;flex-direction:column;gap:12px;width:100%;align-self:start}
.bone-graft-redesign .bg-education-figure img{display:block;width:100%;height:auto;object-fit:contain}
.bone-graft-redesign .bg-education-figure figcaption{color:#51606f;font-size:14px;line-height:21px}
.bone-graft-redesign .bg-situations>h3{margin-bottom:16px}
.bone-graft-redesign .bg-situations>p{margin-bottom:16px}
.bone-graft-redesign .bg-situations>.bg-small{margin:16px 0 0}
.bone-graft-redesign .bg-surgical-decision{padding:32px;background:#f7f8fa;display:flex;flex-direction:column;gap:12px}
.bone-graft-redesign .bg-surgical-decision h3{font-family:var(--font-body,Inter,sans-serif);font-size:15px;line-height:24px;letter-spacing:0}
.bone-graft-redesign .bg-paths{display:grid;grid-template-columns:1fr;gap:48px}
.bone-graft-redesign .bg-paths article{display:flex;flex-direction:column;gap:20px}
.bone-graft-redesign .bg-paths dl>div{display:flex;flex-direction:column;gap:8px;padding:20px 0;border-top:1px solid var(--bg-line)}
.bone-graft-redesign .bg-paths dl>div:last-child{padding-bottom:0}
.bone-graft-redesign .bg-note{display:flex;flex-direction:column;gap:12px}
.bone-graft-redesign .bg-material-list li{display:flex;gap:16px;align-items:start;padding:16px 0;border-top:1px solid var(--bg-line)}
.bone-graft-redesign .bg-parts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bone-graft-redesign .bg-parts>div{display:flex;flex-direction:column;gap:12px;padding-top:16px;border-top:1px solid var(--bg-line)}
.bone-graft-redesign .bg-later-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.bone-graft-redesign .bg-later-checks article{display:flex;flex-direction:column;gap:12px}
.bone-graft-redesign .bg-recovery-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.bone-graft-redesign .bg-recovery-phases article{display:flex;flex-direction:column;gap:12px}
.bone-graft-redesign .bg-recovery-phases h3{font-family:var(--font-body,Inter,sans-serif);font-size:15px;line-height:24px;letter-spacing:0}
.bone-graft-redesign .bg-safety{display:flex;flex-direction:column;gap:20px;padding:32px;background:var(--bg-ink);color:#fff}
.bone-graft-redesign .bg-safety h3{color:#fff;font-family:var(--font-body,Inter,sans-serif);font-size:15px;line-height:24px;letter-spacing:0}
.bone-graft-redesign .bg-records{gap:24px}
.bone-graft-redesign .bg-record{display:flex;flex-direction:column;gap:20px}
.bone-graft-redesign .bg-pair,.bone-graft-redesign .bg-singles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.bone-graft-redesign .bg-record figure{display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.bone-graft-redesign .bg-record img{display:block;width:100%;max-width:604px;height:auto;object-fit:contain}
.bone-graft-redesign .bg-record-tags{display:flex;flex-wrap:wrap;gap:8px 16px;font-size:14px;line-height:21px}
.bone-graft-redesign .bg-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.bone-graft-redesign .bg-doctors article{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.bone-graft-redesign .bg-doctors img{display:block;width:160px;height:200px;object-fit:contain}
.bone-graft-redesign .bg-profile{display:flex;align-items:center;gap:8px;min-height:44px;padding:10px 0;font-size:15px;line-height:24px;font-weight:600}
.bone-graft-redesign .bg-doctor-meta{display:flex;flex-direction:column;gap:24px}
.bone-graft-redesign .bg-doctor-meta>div{display:flex;flex-direction:column;gap:8px;max-width:720px}
.bone-graft-redesign .bg-faq{width:100%;max-width:840px;gap:16px}
.bone-graft-redesign .bg-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;padding:0;border:0}
/* Share intrinsic row heights across the two alternatives. No English-only
   min-height or duplicate comparison DOM; unsupported browsers stay stacked. */
@supports(grid-template-rows:subgrid){
 @media(min-width:1025px){
  .bone-graft-redesign .bg-paths{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(6,auto);gap:0 48px}
  .bone-graft-redesign .bg-paths>article{display:grid;grid-row:1 / span 6;grid-template-rows:subgrid;gap:0}
  .bone-graft-redesign .bg-paths>article:nth-child(1){grid-column:1}
  .bone-graft-redesign .bg-paths>article:nth-child(2){grid-column:2}
  .bone-graft-redesign .bg-paths>article>h3{grid-row:1;margin-bottom:20px}
  .bone-graft-redesign .bg-paths>article>.bg-education-figure{grid-row:2;margin-bottom:20px}
  .bone-graft-redesign .bg-paths>article>dl{display:grid;grid-row:3 / span 4;grid-template-rows:subgrid;row-gap:0}
 }
}
@media(min-width:1025px) and (max-width:1200px){.bone-graft-redesign .bg-wrap{width:calc(100% - 80px)}}
@media(max-width:1024px){
 .bone-graft-redesign .bg-wrap{width:calc(100% - 80px);gap:64px}
 .bone-graft-redesign h1{font-size:44px;line-height:48px;letter-spacing:-.8px}
 .bone-graft-redesign h2{font-size:30px;line-height:36px;letter-spacing:-.3px}
 .bone-graft-redesign .bg-contents-wide{display:none}
 .bone-graft-redesign .bg-contents-compact{display:block}
 .bone-graft-redesign .bg-contents-compact nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-bottom:16px}
 .bone-graft-redesign .bg-contents-compact a{display:flex;align-items:center;min-height:44px;font-size:15px;line-height:24px}
 .bone-graft-redesign .bg-assessment,.bone-graft-redesign .bg-materials{display:flex;flex-direction:column;gap:48px}
 .bone-graft-redesign .bg-assessment>div,.bone-graft-redesign .bg-material-list{width:100%}
 .bone-graft-redesign .bg-context-figure{max-width:420px}
 .bone-graft-redesign .bg-stage{display:flex;flex-direction:column;gap:24px}
 .bone-graft-redesign .bg-dimensions>h3{font-size:26px;line-height:32px;letter-spacing:-.3px}
 .bone-graft-redesign .bg-dimensions-grid{grid-template-columns:1fr;gap:32px;width:100%;max-width:560px;align-self:center}
 .bone-graft-redesign .bg-paths,.bone-graft-redesign .bg-parts,.bone-graft-redesign .bg-later-checks,.bone-graft-redesign .bg-recovery-phases,.bone-graft-redesign .bg-pair,.bone-graft-redesign .bg-singles,.bone-graft-redesign .bg-doctors{grid-template-columns:1fr}
 .bone-graft-redesign .bg-record img{max-width:604px}
}
@media(max-width:600px){
 main.bone-graft-redesign{padding:calc(var(--header-height,64px) + 32px) 0 64px}
 .bone-graft-redesign .bg-wrap{width:calc(100% - 40px);gap:48px}
 .bone-graft-redesign h1{font-size:36px;line-height:40px;letter-spacing:-.6px}
 .bone-graft-redesign h2{font-size:26px;line-height:32px}
 .bone-graft-redesign .bg-contents-compact nav{grid-template-columns:1fr}
 .bone-graft-redesign .bg-surgical-decision,.bone-graft-redesign .bg-safety{padding:20px}
 .bone-graft-redesign .bg-disclosure-body{padding-right:0}
 .bone-graft-redesign .bg-doctors img{width:96px;height:120px}
}
@media(max-width:860px){html.d12-mobile-enhanced .bone-graft-redesign .bg-contents-compact{display:none}}
@media(prefers-reduced-motion:reduce){html:has(main.bone-graft-redesign){scroll-behavior:auto!important}.bone-graft-redesign *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}