/* Resin main: approved Figma v3 flow, source-bound text, one educational image. */
.resin-redesign{--rr-ink:#162852;--rr-text:#22303f;--rr-line:#e2e6eb;--rr-blue:#2f5fa8;--rr-header:var(--header-height,80px);background:#fff;color:var(--rr-text);padding-top:var(--rr-header);font:400 16px/26px var(--font-body,Arial,sans-serif);overflow-wrap:anywhere}
.resin-redesign *{box-sizing:border-box;min-width:0}
.resin-redesign :is(h1,h2,h3,p,figure,ol,dl,dd){margin:0}
.resin-redesign :is(h1,h2,h3){font-family:var(--font-display,var(--font-body,Arial,sans-serif));color:var(--rr-ink);text-wrap:pretty}
.resin-redesign h1{font-size:56px;line-height:60px;font-weight:700;letter-spacing:-1px}
.resin-redesign h2{font-size:38px;line-height:44px;font-weight:600;letter-spacing:-.5px}
.resin-redesign h3{font-size:20px;line-height:26px;font-weight:600;letter-spacing:-.2px}
.resin-redesign a{color:var(--rr-text);text-decoration:none;text-underline-offset:4px}
.resin-redesign a:hover{color:var(--rr-blue);text-decoration:underline}
.resin-redesign :is(a,summary):focus-visible{outline:3px solid var(--rr-blue);outline-offset:4px;border-radius:2px}
.resin-redesign [id]{scroll-margin-top:calc(var(--rr-header) + 24px)}
.resin-redesign .rr-anchor-alias{display:block;width:0;height:0;line-height:0;padding:0;margin:0;border:0}
.resin-redesign .rr-wrap{display:grid;gap:96px;width:min(calc(100% - 160px),1280px);margin-inline:auto;padding-block:64px 96px}
.resin-redesign .rr-hero{display:grid;gap:24px}
.resin-redesign .rr-breadcrumb{font:500 13px/20px var(--font-mono,'IBM Plex Mono',monospace);color:var(--rr-text)}
.resin-redesign .rr-breadcrumb ol{display:flex;flex-wrap:wrap;align-items:baseline;gap:0 12px;padding:0;list-style:none}
.resin-redesign .rr-breadcrumb li{display:flex;align-items:baseline;gap:12px}
.resin-redesign .rr-breadcrumb li:last-child{flex:1 1 180px}
.resin-redesign .rr-breadcrumb a{display:inline-flex;align-items:center;min-height:44px}
.resin-redesign .rr-breadcrumb [aria-current]{padding-block:12px}
.resin-redesign .rr-hero-grid{display:grid;grid-template-columns:minmax(0,600fr) minmax(0,600fr);gap:80px;align-items:start}
.resin-redesign .rr-title{display:grid;gap:12px}
.resin-redesign .rr-overline{font-size:15px;line-height:24px;font-weight:600}
.resin-redesign .rr-hero-lead{max-width:520px}
.resin-redesign .rr-contents{display:flex;flex-wrap:wrap;column-gap:32px;row-gap:8px}
.resin-redesign .rr-contents a{display:inline-flex;align-items:center;min-height:48px;padding-block:12px;font-size:15px;line-height:24px;font-weight:600}
.resin-redesign .rr-section{display:grid;gap:24px}
.resin-redesign .rr-measure{max-width:720px}
.resin-redesign .rr-overview,.resin-redesign .rr-journey{gap:32px}
.resin-redesign .rr-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.resin-redesign .rr-fact{display:grid;align-content:start;gap:8px}
.resin-redesign .rr-fact dt{font:500 13px/20px var(--font-mono,'IBM Plex Mono',monospace)}
.resin-redesign .rr-fact dd{display:grid;gap:8px}
.resin-redesign .rr-fact-value{font:600 20px/26px var(--font-display,var(--font-body,Arial,sans-serif));letter-spacing:-.2px;color:var(--rr-ink)}
.resin-redesign .rr-concerns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 64px}
.resin-redesign .rr-concerns article{display:grid;align-content:start;gap:12px;border-top:1px solid var(--rr-line);padding-top:20px}
.resin-redesign .rr-steps{list-style:none;padding:0;display:grid;gap:32px}
.resin-redesign .rr-step{display:grid;gap:16px;align-content:start}
.resin-redesign .rr-step-explanation{display:grid;gap:16px;align-content:start}
.resin-redesign .rr-step-index{font:500 13px/20px var(--font-mono,'IBM Plex Mono',monospace);font-variant-numeric:tabular-nums}
.resin-redesign .rr-step-copy{display:grid;gap:12px;align-content:start}
.resin-redesign .rr-education{display:grid;gap:12px;width:100%;max-width:480px;align-self:start}
.resin-redesign .rr-education img{display:block;width:100%;height:auto;aspect-ratio:1200/896;object-fit:contain;background:#f7f8fa}
.resin-redesign .rr-education figcaption{font-size:14px;line-height:21px;color:var(--rr-text)}
.resin-redesign .rr-care-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.resin-redesign .rr-care-columns article{display:grid;align-content:start;gap:16px}
.resin-redesign .rr-limits{display:grid;gap:24px;background:var(--rr-ink);color:#fff;padding:32px}
.resin-redesign .rr-limits h2{font-size:20px;line-height:26px;letter-spacing:-.2px;color:#fff}
.resin-redesign .rr-limits p{max-width:720px;color:#fff}
.resin-redesign .rr-faq-list{width:100%;max-width:720px}
.resin-redesign .rr-faq details{margin:0;padding:0 0 16px;background:transparent;border:0;border-top:1px solid var(--rr-line);border-radius:0;box-shadow:none}
.resin-redesign .rr-faq details+details{margin-top:16px}
.resin-redesign .rr-faq summary{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;min-height:64px;padding:20px 0 12px;list-style:none;cursor:pointer;background:transparent;border:0;border-radius:0;color:var(--rr-ink);font:600 20px/26px var(--font-display,var(--font-body,Arial,sans-serif));letter-spacing:-.2px}
.resin-redesign .rr-faq summary::-webkit-details-marker{display:none}
.resin-redesign .rr-faq summary::marker{content:''}
.resin-redesign .rr-faq summary::after{content:none}
.resin-redesign .rr-disclosure-mark{flex:0 0 24px;text-align:center;font:600 15px/24px var(--font-body,Arial,sans-serif)}
.resin-redesign .rr-minus{display:none}
.resin-redesign details[open]>summary .rr-plus{display:none}
.resin-redesign details[open]>summary .rr-minus{display:inline}
.resin-redesign .rr-faq-answer{padding:0}

/* One DOM sequence 1,2,3,4. The step-three figure spans only visual rows three
   and four. Without subgrid support, the readable stacked composition remains. */
@supports(grid-template-columns:subgrid){
  @media(min-width:1025px){
    .resin-redesign .rr-steps{max-width:1232px;grid-template-columns:minmax(0,1.96fr) minmax(0,1fr);grid-template-rows:auto auto min-content 1fr;gap:32px 48px;align-items:start}
    .resin-redesign .rr-step{grid-column:1}
    .resin-redesign .rr-step-explanation{grid-template-columns:96px minmax(0,1fr);gap:48px}
    .resin-redesign .rr-step--direct{grid-column:1/-1;grid-row:3/span 2;grid-template-columns:subgrid;grid-template-rows:subgrid;align-self:stretch;gap:32px 48px}
    .resin-redesign .rr-step--direct>.rr-step-explanation{grid-column:1;grid-row:1;align-self:start}
    .resin-redesign .rr-step--direct>.rr-education{grid-column:2;grid-row:1/span 2;max-width:400px}
    .resin-redesign .rr-step--finish{grid-column:1;grid-row:4}
  }
}
@media(max-width:1024px){
  .resin-redesign .rr-wrap{width:calc(100% - 80px)}
  .resin-redesign .rr-hero-grid{grid-template-columns:minmax(0,1fr);gap:24px}
  .resin-redesign .rr-hero-lead{max-width:none}
  /* Hide native links only after the mobile reading controls are ready.
     This also keeps tablet navigation between the 860px runtime and 1024px layout boundaries. */
  .d12-mobile-enhanced .resin-redesign .rr-contents{display:none}
  .resin-redesign .rr-facts{gap:24px}
  .resin-redesign .rr-concerns{column-gap:32px}
  .resin-redesign .rr-care-columns{grid-template-columns:minmax(0,1fr);gap:32px}
}
@media(max-width:767px){
  .resin-redesign .rr-wrap{width:calc(100% - 40px);gap:64px;padding-block:32px 64px}
  .resin-redesign h1{font-size:36px;line-height:40px;letter-spacing:-.6px}
  .resin-redesign h2{font-size:26px;line-height:32px;letter-spacing:-.3px}
  .resin-redesign .rr-facts{grid-template-columns:minmax(0,1fr)}
  .resin-redesign .rr-fact{grid-template-columns:minmax(0,108px) minmax(0,1fr);gap:24px}
  .resin-redesign .rr-concerns{grid-template-columns:minmax(0,1fr);gap:24px}
  .resin-redesign .rr-education{max-width:350px}
  .resin-redesign .rr-limits{padding:32px 20px}
  .resin-redesign .rr-limits h2{font-size:20px;line-height:26px;letter-spacing:-.2px}
}
@media(prefers-reduced-motion:reduce){
  html:has(main.resin-redesign){scroll-behavior:auto!important}
  .resin-redesign,.resin-redesign *{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}