/* Figma 541:3–17. Content-only layout; the build owner supplies the shared shell.
   No synthetic asset fallback. care-redesign.js is reused through its existing hooks. */
main.extended-care-redesign {
  --ec-ink:var(--ink,#162852);--ec-text:var(--ink-soft,#22303f);
  --ec-muted:var(--muted,#51606f);--ec-line:var(--line,#e2e6eb);
  --ec-paper:var(--paper,#fff);--ec-subtle:var(--bg,#f7f8fa);
  padding-top:calc(var(--header-height,64px) + 48px);padding-bottom:64px;
  color:var(--ec-text);background:var(--ec-paper);
  font:400 16px/26px var(--font-body,Inter,sans-serif);
  overflow-wrap:anywhere;
}
.extended-care-redesign *{box-sizing:border-box;min-width:0}
.extended-care-redesign :is(h1,h2,h3,p,figure,ol,dl,dd){margin:0}
.extended-care-redesign :is(h1,h2,h3){
  font-family:var(--font-display,"Schibsted Grotesk",sans-serif);
  font-weight:600;color:var(--ec-ink);max-width:none;text-wrap:pretty;
}
.extended-care-redesign h1{font-size:56px;line-height:60px;letter-spacing:-.6px;font-weight:700}
.extended-care-redesign h2{font-size:38px;line-height:44px;letter-spacing:-.3px}
.extended-care-redesign h3{font-size:20px;line-height:26px;letter-spacing:-.2px}
.extended-care-redesign p{font-size:16px;line-height:26px;max-inline-size:68ch}
.extended-care-redesign a{color:var(--primary,#2f5fa8);text-underline-offset:5px}
.extended-care-redesign a:hover{color:var(--ec-ink)}
.extended-care-redesign :is(a,summary,[tabindex]):focus-visible{outline:3px solid var(--primary-focus,#0353e9);outline-offset:4px}
.extended-care-redesign [id]{scroll-margin-top:calc(var(--header-height,64px) + 24px)}
.extended-care-redesign [hidden]{display:none!important}
.extended-care-redesign .ec-container{width:calc(100% - 160px);max-width:1280px;margin-inline:auto}
.extended-care-redesign .ec-section{margin-top:64px}
.extended-care-redesign :is(.ec-heading,.ec-hero-copy,.ec-copy){display:grid;gap:24px;align-content:start}
.extended-care-redesign .ec-heading{gap:24px}
.extended-care-redesign .ec-breadcrumb{display:flex;align-items:center;width:fit-content;min-height:44px;font-size:14px;line-height:21px;color:var(--ec-muted)}
.extended-care-redesign .ec-label{font-size:15px;line-height:24px;font-weight:600}
.extended-care-redesign .ec-hero-row{
  display:grid;grid-template-columns:minmax(0,576fr) minmax(0,640fr);
  grid-template-areas:"copy media";gap:64px;align-items:start;margin-top:24px;
}
.extended-care-redesign .ec-hero-copy{grid-area:copy}
.extended-care-redesign .ec-hero-copy h2{font-size:20px;line-height:26px;letter-spacing:-.2px}
.extended-care-redesign .ec-hero-media{grid-area:media}
.extended-care-redesign .ec-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.extended-care-redesign .ec-facts>div,.extended-care-redesign .ec-facts dd{display:grid;gap:8px;align-content:start}
.extended-care-redesign .ec-facts dt{font-size:14px;line-height:21px;color:var(--ec-muted)}
.extended-care-redesign .ec-facts strong{font-family:var(--font-display,"Schibsted Grotesk",sans-serif);font-size:20px;line-height:26px;font-weight:600;color:var(--ec-ink)}
.extended-care-redesign .ec-section-heading{display:grid;gap:16px}
.extended-care-redesign .ec-figure{
  display:grid;gap:12px;align-content:start;width:100%;
  max-width:min(640px,var(--ec-native-width,640px));margin:0;
}
.extended-care-redesign .ec-figure-title{font-size:15px;line-height:24px;font-weight:600;color:var(--ec-ink)}
.extended-care-redesign .ec-figure img{
  display:block;width:100%;height:auto;max-width:100%;object-fit:contain;
  background:var(--ec-subtle);border:1px solid var(--ec-line);
}
.extended-care-redesign .ec-figure figcaption{display:grid;gap:6px;font-size:14px;line-height:21px;color:var(--ec-muted)}
.extended-care-redesign .ec-badge{font-size:12px;line-height:18px;color:var(--ec-ink)}
.extended-care-redesign .ec-figure[data-image-failed=true] img{visibility:hidden}
.extended-care-redesign .ec-concerns{display:grid;gap:24px;margin-top:24px}
.extended-care-redesign .ec-concern{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px;align-items:start}
.extended-care-redesign .ec-reading-link{
  display:flex;align-items:center;min-height:48px;padding:12px 22px;
  border:1px solid var(--primary,#2f5fa8);border-radius:8px;max-width:100%;
  font-size:15px;line-height:24px;font-weight:600;text-decoration:none;
  transition:background-color .15s,color .15s;
}
.extended-care-redesign .ec-reading-link:hover{background:var(--ec-subtle)}
.extended-care-redesign .ec-reading-link[aria-current=location]{background:var(--primary,#2f5fa8);color:#fff}
.extended-care-redesign :is(.ec-options,.ec-phases,.ec-recovery-phases){display:grid;gap:24px;margin-top:24px}
.extended-care-redesign :is(.ec-option,.ec-phase,.ec-recovery-phase){display:grid;gap:32px;align-items:start}
.extended-care-redesign .ec-media-row{grid-template-columns:minmax(0,608fr) minmax(0,640fr)}
.extended-care-redesign .ec-text-only{grid-template-columns:minmax(0,1fr)}
.extended-care-redesign .ec-transfer-option{grid-template-columns:minmax(0,1fr)}
.extended-care-redesign .ec-transfer-figures{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
.extended-care-redesign .ec-transfer-figures .ec-figure{max-width:min(624px,var(--ec-native-width,624px))}
.extended-care-redesign .ec-phases{list-style:none;padding:0}
.extended-care-redesign .ec-phase-index{font-family:"IBM Plex Mono",monospace;font-size:13px;line-height:20px;color:var(--ec-muted)}
.extended-care-redesign .ec-safety{display:grid;gap:24px;margin-top:24px;padding:24px;background:var(--ec-subtle)}
.extended-care-redesign .ec-faq{display:grid;gap:24px;margin-top:24px}
.extended-care-redesign .ec-faq-item{margin:0;padding:16px 0;border:0;border-top:1px solid var(--ec-line);border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.extended-care-redesign .ec-faq-item summary{min-height:48px;padding:8px 28px 8px 0;font-size:18px;line-height:27px;font-weight:600;color:var(--ec-ink);cursor:pointer}
.extended-care-redesign .ec-faq-item>div{padding:16px 0 0;background:transparent}
.extended-care-redesign .ec-faq-item>div p{padding:0}
.extended-care-redesign .ec-related{display:grid;gap:24px}
.extended-care-redesign .ec-related>div{display:grid;gap:8px}
.extended-care-redesign .ec-related a{display:flex;align-items:center;width:fit-content;min-height:48px}
@media(max-width:1024px){
  .extended-care-redesign .ec-container{width:calc(100% - 64px)}
  .extended-care-redesign h1{font-size:36px;line-height:40px}
  .extended-care-redesign h2{font-size:26px;line-height:32px}
  .extended-care-redesign :is(.ec-hero-row,.ec-media-row,.ec-concern,.ec-transfer-figures){grid-template-columns:minmax(0,1fr)}
  .extended-care-redesign .ec-hero-row{grid-template-areas:"media" "copy";gap:24px}
  .extended-care-redesign .ec-transfer-figures .ec-figure{max-width:min(640px,var(--ec-native-width,640px))}
}
@media(max-width:767px){
  .extended-care-redesign .ec-container{width:calc(100% - 40px)}
  .extended-care-redesign .ec-facts{grid-template-columns:minmax(0,1fr)}
  .extended-care-redesign .ec-reading-link{width:100%}
}
html:lang(zh-tw) .extended-care-redesign,
html:lang(zh-tw) .extended-care-redesign :is(h1,h2,h3,.ec-facts strong){font-family:"Noto Sans TC",sans-serif}
html:lang(th) .extended-care-redesign,
html:lang(th) .extended-care-redesign :is(h1,h2,h3,.ec-facts strong){font-family:"Noto Sans Thai",sans-serif}
html:lang(zh-tw) .extended-care-redesign :is(h1,h2,h3,p,dt,strong,a,summary,figcaption){line-height:1.65;letter-spacing:0}
html:lang(th) .extended-care-redesign :is(h1,h2,h3,p,dt,strong,a,summary,figcaption){line-height:1.75;letter-spacing:0}
@media(prefers-reduced-motion:reduce){.extended-care-redesign .ec-reading-link{transition:none}}