/* Main-only composition. Figma D v5 / T,M v4. Shared shell owns header,
   fonts and the <=860px reading helper; content remains readable without JS. */
main.flapless-redesign{--fl-ink:#162852;--fl-body:#22303f;--fl-line:#e2e6eb;background:#fff;color:var(--fl-body);font-family:var(--font-body,Inter,sans-serif);font-size:16px;line-height:1.625;padding:calc(var(--header-height,64px) + 64px) 0 80px;overflow-wrap:anywhere}
.flapless-redesign *{box-sizing:border-box}
.flapless-redesign :where(h1,h2,h3,p,ol,ul,dl,dd,figure){margin:0}
.flapless-redesign :where(h1,h2,h3){color:var(--fl-ink);font-family:var(--font-display,'Schibsted Grotesk',sans-serif);font-weight:600;text-wrap:pretty}
.flapless-redesign h1{font-size:56px;line-height:1.075;letter-spacing:-1.5px;font-weight:700}
.flapless-redesign h2{font-size:38px;line-height:44px;letter-spacing:-.5px}
.flapless-redesign h3{font-size:20px;line-height:26px;letter-spacing:-.2px}
.flapless-redesign a{color:var(--fl-ink);text-underline-offset:5px;text-decoration-thickness:1px}
.flapless-redesign a:hover{color:#2f5fa8}
.flapless-redesign :where(a,summary):focus-visible{outline:3px solid #2f5fa8;outline-offset:4px;border-radius:2px}
.flapless-redesign :where(section,header,[id]){scroll-margin-top:104px}
.flapless-redesign .fl-wrap{width:calc(100% - 160px);max-width:1280px;margin-inline:auto;display:flex;flex-direction:column;gap:80px}
.flapless-redesign .fl-anchor{display:block;height:0;position:absolute;top:0}
.flapless-redesign .fl-section{display:flex;flex-direction:column;gap:24px;min-width:0;position:relative}
.flapless-redesign .fl-measure{max-width:720px}
.flapless-redesign .fl-label,.flapless-redesign .fl-overline,.flapless-redesign dt{font-family:var(--font-body,Inter,sans-serif);font-size:15px;line-height:24px;font-weight:600;letter-spacing:0;color:var(--fl-ink)}
.flapless-redesign .fl-small,.flapless-redesign figcaption{font-size:14px;line-height:21px}
.flapless-redesign .fl-phase,.flapless-redesign .fl-breadcrumb,.flapless-redesign .fl-doctor-meta dt{font-family:var(--font-mono,'IBM Plex Mono',monospace);font-size:13px;line-height:20px;font-weight:500}
.flapless-redesign .fl-hero{display:flex;flex-direction:column;gap:24px;position:relative}
.flapless-redesign .fl-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:center;gap:12px;list-style:none;padding:0}
.flapless-redesign .fl-breadcrumb li{display:flex;align-items:center;gap:12px}
.flapless-redesign .fl-breadcrumb a{min-height:44px;display:inline-flex;align-items:center}
.flapless-redesign .fl-hero-grid{display:grid;grid-template-columns:minmax(0,520fr) minmax(0,680fr);gap:80px;align-items:start}
.flapless-redesign .fl-overline{margin-bottom:16px}
.flapless-redesign .fl-contents-wide{display:flex;flex-wrap:wrap;gap:12px 32px;padding-top:8px}
.flapless-redesign .fl-contents-wide a{min-width:44px;min-height:44px;display:inline-flex;align-items:center;font-size:15px;font-weight:600}
.flapless-redesign .fl-contents-compact,.flapless-redesign .fl-compare-compact{display:none}
.flapless-redesign .fl-assessment{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.flapless-redesign .fl-checklist{list-style:none;padding:16px 0 0;margin-bottom:16px}
.flapless-redesign .fl-checklist li{padding:16px 0;border-top:1px solid var(--fl-line)}
.flapless-redesign details{border:0;border-top:1px solid var(--fl-line);border-radius:0;background:#fff;overflow:visible}
.flapless-redesign details p{padding:0;color:inherit;font-size:16px;line-height:26px}
.flapless-redesign details:last-child{border-bottom:1px solid var(--fl-line)}
.flapless-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(--fl-ink);font-weight:600;line-height:24px;font-size:15px}
.flapless-redesign summary::-webkit-details-marker{display:none}
.flapless-redesign .fl-mark{flex:0 0 20px;text-align:center;font-weight:400;font-size:20px;line-height:24px}
.flapless-redesign .fl-minus,.flapless-redesign details[open]>summary .fl-plus{display:none}
.flapless-redesign details[open]>summary .fl-minus{display:inline}
.flapless-redesign .fl-disclosure-body{padding:0 36px 24px 0;max-width:756px}
.flapless-redesign .fl-approach{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:64px;align-items:start}
.flapless-redesign .fl-education{grid-column:2;grid-row:1;width:100%;max-width:420px;display:flex;flex-direction:column;gap:12px}
.flapless-redesign .fl-education img{display:block;width:100%;height:auto;object-fit:contain;background:#f7f8fa}
.flapless-redesign .fl-parts{grid-column:1;grid-row:1;min-width:0}
.flapless-redesign .fl-parts dl{display:grid;gap:24px;margin-top:24px}
.flapless-redesign .fl-parts dd{margin-top:12px}
.flapless-redesign .fl-comparison-intro{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:160px;align-items:start}
.flapless-redesign .fl-comparison-copy{display:flex;flex-direction:column;gap:24px;min-width:0}
.flapless-redesign .fl-context-figure{display:flex;flex-direction:column;gap:12px;width:100%;max-width:560px;min-width:0}
.flapless-redesign .fl-context-figure img{display:block;width:100%;height:auto;aspect-ratio:2336/1744;object-fit:contain;background:#fff}
.flapless-redesign .fl-context-figure figcaption{font:400 14px/21px var(--font-body,Inter,sans-serif);color:var(--fl-ink)}
.flapless-redesign .fl-stage-body{display:flex;flex-direction:column;gap:16px;min-width:0}
.flapless-redesign .fl-stage-body>p{max-width:720px}
.flapless-redesign .fl-compare-wide{width:100%;table-layout:fixed;border-collapse:collapse;text-align:left}
.flapless-redesign .fl-axis{width:16.25%}
.flapless-redesign .fl-compare-wide th,.flapless-redesign .fl-compare-wide td{padding:16px;vertical-align:top;border-bottom:1px solid var(--fl-line)}
.flapless-redesign .fl-compare-wide th{font-size:15px;line-height:24px;font-weight:600;color:var(--fl-ink)}
.flapless-redesign .fl-compare-wide thead p{font-size:14px;line-height:21px;font-weight:400;color:var(--fl-body);margin-top:12px}
.flapless-redesign .fl-journey{list-style:none;padding:0;display:grid;gap:24px}
.flapless-redesign .fl-journey li{display:grid;grid-template-columns:minmax(0,128fr) minmax(0,304fr) minmax(0,720fr);gap:48px;padding-top:24px;border-top:1px solid var(--fl-line);align-items:start}
.flapless-redesign .fl-planning{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.flapless-redesign .fl-planning>div{background:#f7f8fa;padding:24px;display:grid;gap:12px;align-content:start}
.flapless-redesign .fl-equipment{display:grid;gap:24px}
.flapless-redesign .fl-equipment article{display:grid;grid-template-columns:minmax(0,240fr) minmax(0,472fr) minmax(0,472fr);gap:48px;padding-top:24px;border-top:1px solid var(--fl-line);align-items:start}
.flapless-redesign .fl-review-note{display:grid;gap:12px}
.flapless-redesign .fl-recovery-phases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.flapless-redesign .fl-recovery-phases article{display:flex;flex-direction:column;gap:16px}
.flapless-redesign .fl-safety{padding:32px;background:var(--fl-ink);color:#fff;display:flex;flex-direction:column;gap:16px}
.flapless-redesign .fl-safety h3{color:#fff}
.flapless-redesign .fl-quality{display:grid;gap:8px}
.flapless-redesign .fl-doctors{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}
.flapless-redesign .fl-doctors article{padding-top:16px;border-top:1px solid var(--fl-line);display:flex;flex-direction:column;gap:16px;min-width:0}
.flapless-redesign .fl-doctor-identity{display:grid;grid-template-columns:160px minmax(0,1fr);gap:24px;align-items:start}
.flapless-redesign .fl-doctor-identity>div{display:grid;gap:12px}
.flapless-redesign .fl-doctor-identity img{display:block;width:160px;height:200px;object-fit:contain}
.flapless-redesign .fl-qualification{display:flex;align-items:center;min-height:44px;padding:10px 0;font-size:15px;line-height:24px;font-weight:600;align-self:flex-start}
.flapless-redesign .fl-doctor-meta{display:grid;gap:24px}
.flapless-redesign .fl-doctor-meta>div{display:grid;grid-template-columns:160px minmax(0,720px);gap:24px}
.flapless-redesign .fl-faq{width:100%;max-width:840px;gap:16px}
.flapless-redesign .fl-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(max-width:1200px) and (min-width:1025px){.flapless-redesign .fl-wrap{width:calc(100% - 80px)}.flapless-redesign .fl-hero-grid{gap:48px}.flapless-redesign .fl-comparison-intro{gap:48px}.flapless-redesign .fl-approach{grid-template-columns:minmax(0,1fr) 360px;gap:48px}.flapless-redesign .fl-doctor-identity{grid-template-columns:120px minmax(0,1fr)}.flapless-redesign .fl-doctor-identity img{width:120px;height:150px}}
@media(max-width:1024px){
 main.flapless-redesign{padding:calc(var(--header-height,64px) + 40px) 0 64px}
 .flapless-redesign .fl-wrap{width:calc(100% - 80px);gap:64px}
 .flapless-redesign h1{font-size:44px;line-height:48px;letter-spacing:-.8px}
 .flapless-redesign h2{font-size:30px;line-height:36px;letter-spacing:-.3px}
 .flapless-redesign .fl-hero-grid,.flapless-redesign .fl-assessment,.flapless-redesign .fl-approach{display:flex;flex-direction:column;gap:32px}
 .flapless-redesign .fl-hero-grid>*,.flapless-redesign .fl-assessment>*{width:100%}
 .flapless-redesign .fl-contents-wide,.flapless-redesign .fl-compare-wide{display:none}
 .flapless-redesign .fl-contents-compact{display:block}
 .flapless-redesign .fl-contents-compact nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 24px;padding-bottom:16px}
 .flapless-redesign .fl-contents-compact a{display:flex;align-items:center;min-height:44px;font-size:15px;line-height:24px}
 .flapless-redesign .fl-education{align-self:center}
 .flapless-redesign .fl-comparison-intro{display:block}
 .flapless-redesign .fl-comparison-intro>.fl-context-figure{display:none}
 .flapless-redesign .fl-compare-compact{display:grid;gap:32px}
 .flapless-redesign .fl-compare-compact article{display:flow-root;min-width:0;max-width:100%;padding-top:16px;border-top:1px solid var(--fl-line)}
 .flapless-redesign .fl-compare-compact article>p{margin-top:12px}
 .flapless-redesign .fl-compare-compact article>.fl-context-figure{margin-top:16px}
 .flapless-redesign .fl-compare-compact dl{margin-top:16px}
 .flapless-redesign .fl-compare-compact dl>div{display:grid;grid-template-columns:minmax(0,200fr) minmax(0,464fr);gap:24px;padding:16px 0;border-top:1px solid var(--fl-line)}
 .flapless-redesign .fl-compare-compact dl>div:last-child{border-bottom:1px solid var(--fl-line)}
 .flapless-redesign .fl-journey li{grid-template-columns:minmax(0,1fr);gap:12px}
 .flapless-redesign .fl-equipment article{grid-template-columns:200px minmax(0,1fr);gap:12px 24px}
 .flapless-redesign .fl-equipment article>p:last-child{grid-column:2}
 .flapless-redesign .fl-recovery-phases{grid-template-columns:1fr;gap:32px}
 .flapless-redesign .fl-doctors{grid-template-columns:1fr;gap:32px}
}
@media(max-width:600px){
 main.flapless-redesign{padding:calc(var(--header-height,64px) + 24px) 0 56px}
 .flapless-redesign .fl-wrap{width:calc(100% - 40px);gap:56px}
 .flapless-redesign h1{font-size:36px;line-height:40px;letter-spacing:-.6px}
 .flapless-redesign h2{font-size:26px;line-height:32px}
 .flapless-redesign .fl-hero-grid{gap:24px}
 .flapless-redesign .fl-section{gap:24px}
 .flapless-redesign .fl-breadcrumb ol{gap:4px 12px}
 .flapless-redesign .fl-contents-compact nav,.flapless-redesign .fl-planning{grid-template-columns:1fr}
 .flapless-redesign .fl-compare-compact dl>div,.flapless-redesign .fl-journey li,.flapless-redesign .fl-equipment article,.flapless-redesign .fl-doctor-meta>div{display:flex;flex-direction:column;gap:12px}
 .flapless-redesign .fl-planning>div,.flapless-redesign .fl-safety{padding:20px}
 .flapless-redesign .fl-doctor-identity{grid-template-columns:96px minmax(0,1fr);gap:20px}
 .flapless-redesign .fl-doctor-identity img{width:96px;height:120px}
 .flapless-redesign .fl-disclosure-body{padding-right:0}
 .flapless-redesign .fl-compare-compact dl{display:grid;gap:16px}
 .flapless-redesign .fl-compare-compact dl>div{padding:0;border:0;gap:8px}
 .flapless-redesign .fl-compare-compact dl>div:last-child{border:0}
}
/* Only the successful local pager may collapse the native three-method list.
   Cards retain natural heights; the measured viewport fits every active line. */
.flapless-redesign .fl-pager-controls{display:none}
@media(max-width:1024px){
 .flapless-redesign .fl-pager-controls{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:12px;align-items:center;min-width:0}
 .flapless-redesign .fl-pager-controls[hidden]{display:none!important}
 .flapless-redesign .fl-pager-label{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline;min-width:0;font:600 14px/21px var(--font-body,Inter,sans-serif);color:var(--fl-ink)}
 .flapless-redesign .fl-pager-position{white-space:nowrap;font-variant-numeric:tabular-nums}
 .flapless-redesign .fl-pager-controls button{display:flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;min-height:44px;padding:0;border:1px solid var(--fl-line);border-radius:50%;background:#fff;color:var(--fl-ink);font:400 20px/21px var(--font-body,Inter,sans-serif);cursor:pointer}
 .flapless-redesign .fl-pager-controls button:hover:not([aria-disabled="true"]){background:#f7f8fa;border-color:#2f5fa8}
 .flapless-redesign .fl-pager-controls button[aria-disabled="true"]{color:#7b8594;opacity:.5;cursor:default}
 .flapless-redesign :is(.fl-pager-controls button,.fl-compare-compact):focus-visible{outline:3px solid #2f5fa8;outline-offset:4px}
 .flapless-redesign .fl-compare-compact[data-fl-pager-enabled]{display:flex;align-items:flex-start;gap:24px;height:var(--fl-comparison-height,auto);overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-inline:contain;overflow-anchor:none;scroll-behavior:auto}
 .flapless-redesign .fl-compare-compact[data-fl-pager-enabled]::-webkit-scrollbar{display:none}
 .flapless-redesign .fl-compare-compact[data-fl-pager-enabled]>article{flex:0 0 100%;scroll-snap-align:start;scroll-snap-stop:always;height:auto;align-self:flex-start}
 .flapless-redesign .fl-compare-compact[data-fl-pager-dragging]{scroll-snap-type:none;user-select:none;cursor:grabbing}
}
/* Only a working shared reading helper can replace the native contents. */
@media(max-width:860px){html.d12-mobile-enhanced .flapless-redesign .fl-contents-compact{display:none}}
@media(prefers-reduced-motion:reduce){html:has(main.flapless-redesign){scroll-behavior:auto!important}.flapless-redesign *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}