/* The approved illustrated language, on preserved care and locality copy. */
body.care-refresh { --gutter:clamp(24px,4.5vw,86px); }
.care-refresh .care-hero {
  position:relative; isolation:isolate; min-height:0;
  background:#153f38; color:#fff; padding:0; overflow:visible;
  display:grid; grid-template-columns:minmax(0,44fr) minmax(0,56fr); align-items:center;
}
/* Keep each approved painting whole in its own column, away from the copy. */
.care-hero-scene {
  position:relative; inset:auto; grid-column:2; grid-row:1; z-index:0;
  width:100%; min-width:0; max-width:1000px; justify-self:end;
  margin:0; aspect-ratio:auto; overflow:visible;
}
.care-refresh .care-hero-scene img {
  display:block; width:100%; height:auto; max-width:100%; max-height:none;
  object-fit:contain; object-position:center; aspect-ratio:auto;
  padding:0; border:0; border-radius:0;
  background:none; mix-blend-mode:normal;
}
.care-hero-copy {
  grid-column:1; grid-row:1; width:100%; max-width:none; min-width:0;
  padding:48px clamp(24px,3vw,48px) 48px var(--gutter);
  box-sizing:border-box; background:#153f38;
  --ink:#fff; --ink-2:#fff; --ink-3:#ead08a;
}
.care-refresh .care-hero h1 {
  font:500 clamp(40px,3.82vw,60px)/1.05 var(--serif);
  letter-spacing:-.035em; color:#fff; max-width:16ch; margin:22px 0 30px;
}
.care-refresh .care-hero .eyebrow { color:var(--gold-pale); font-size:17px; }
.care-refresh .care-hero .lede { font-size:19px; line-height:1.65; color:#fff; max-width:46ch; }
.care-refresh .care-hero .button-row { display:flex; flex-wrap:wrap; gap:14px; margin-top:28px; }
.care-refresh .care-hero .button { min-height:50px; padding:12px 20px; border:2px solid var(--gold); border-radius:0; }
.care-refresh .care-hero .button-whatsapp { background:var(--gold); color:#153f38; }
.care-refresh .care-hero .button-primary { background:transparent; color:#fff; }
.care-practice-facts { padding:25px var(--gutter); background:var(--surface-mist); color:var(--surface-ink); }
.care-practice-facts .thread-ribbon { border:0; padding:0; margin:0; gap:20px 35px; flex-wrap:wrap; }
.care-practice-facts .ribbon-fact { font-size:16px; color:inherit; padding:0; }
.care-practice-facts .ribbon-fact::before { content:none; }
.care-refresh main > :is(.section,.section-compact) { padding:72px var(--gutter); }
.care-refresh main > :is(.section,.section-compact) > .shell { width:100%; padding:0; }
.care-refresh .section-head { margin-bottom:36px; max-width:900px; }
.care-refresh .section-head h2 { font:500 clamp(30px,3.1vw,46px)/1.14 var(--serif); max-width:27ch; }
.care-refresh .section-head p { max-width:70ch; }
.care-refresh main :is(p,li) { font-size:18px; line-height:1.7; }
.care-refresh main h3 { font:500 clamp(23px,2.1vw,30px)/1.2 var(--serif); }
.care-refresh .citable {
  max-width:90ch; background:var(--surface-mist); color:var(--surface-ink);
  padding:32px 38px; border:0; border-radius:0;
}
.care-refresh .citable .line { display:inline; padding:0; margin:0; font-weight:400; }
.care-refresh .citable .line::before { content:none; }
.care-refresh .citable .line::after { content:' '; }
.care-refresh :is(.card-grid,.steps,.pair-grid) { gap:36px 44px; }
.care-refresh .card-grid > .card,
.care-refresh .steps > article {
  border:0; border-radius:0; background:transparent; box-shadow:none;
  padding:0; color:var(--surface-ink);
}
.care-refresh .card-grid > .card :is(h3,p,a) { color:inherit; }
.care-refresh .sheet-green {
  --surface-paper:#153f38; --surface-mist:#244d42; --surface-ink:#fff;
  --surface-muted:#e2eee8; --surface-accent:#ead08a;
  --ink:#fff; --ink-2:#e2eee8; --ink-3:#e2eee8;
}
.care-refresh .sheet-green :is(.lede,.stamp,.eyebrow,.pull-line) { color:var(--gold-pale); }
.care-refresh :is(.hand-note,.taped-note,.care-bridge,.board-ledger) {
  border:0; border-radius:0; background:var(--surface-mist);
  color:var(--surface-ink); padding:28px; box-shadow:none; transform:none;
}
.care-refresh :is(.chip,.tag) { border:1px solid var(--surface-line); border-radius:0; transform:none; }
.care-refresh .practical-grid--rail { grid-template-columns:minmax(0,1fr) minmax(320px,.85fr); gap:65px; }
.care-refresh .local-plate { padding:0; border:0; background:transparent; }
.care-refresh .local-plate img { width:100%; max-height:none; padding:0; border-radius:0; }
.care-refresh .doorbell { grid-template-columns:minmax(0,1fr) minmax(280px,.8fr); gap:70px; }
.care-refresh .mini-table { width:100%; font-size:18px; }
.care-refresh .mini-table :is(th,td) { padding:20px 22px; }
.care-refresh .crisis-block { padding:32px; }
@media(max-width:1000px) {
  .care-refresh .care-hero { display:flex; flex-direction:column; align-items:stretch; min-height:0; }
  .care-hero-copy { order:0; width:100%; padding:40px var(--gutter) 32px; }
  .care-hero-scene { order:1; }
  .care-refresh .care-hero h1 { font-size:46px; max-width:22ch; }
  .care-refresh .care-hero .lede { font-size:18px; }
}
@media(max-width:760px) {
  .care-refresh .care-hero { display:flex; flex-direction:column; min-height:0; overflow:visible; }
  .care-hero-copy { order:0; width:100%; max-width:none; padding:38px 22px 32px; }
  .care-refresh .care-hero h1 { font-size:36px; line-height:1.1; max-width:19ch; margin:20px 0; }
  .care-refresh .care-hero .eyebrow { font-size:15px; }
  .care-refresh .care-hero .lede { font-size:17px; line-height:1.65; }
  .care-hero-scene { position:relative; order:1; z-index:0; width:100%; }
  .care-refresh .care-hero-scene img { height:auto; object-fit:contain; }
  .care-refresh .care-hero .button-row { gap:12px; }
  .care-refresh .care-hero .button { width:100%; }
  .care-practice-facts { padding:24px 22px; }
  .care-practice-facts .thread-ribbon { display:grid; grid-template-columns:1fr; gap:10px; }
  .care-refresh main > :is(.section,.section-compact) { padding:44px 22px; }
  .care-refresh main :is(p,li) { font-size:17px; }
  .care-refresh .section-head { margin-bottom:26px; }
  .care-refresh .section-head h2 { font-size:30px; }
  .care-refresh .citable { padding:24px; }
  .care-refresh :is(.card-grid,.steps,.pair-grid,.practical-grid--rail,.doorbell) {
    grid-template-columns:minmax(0,1fr); gap:30px;
  }
  .care-refresh .card-grid > .card { padding:0; }
  .care-refresh .mini-table :is(th,td) { padding:16px 12px; }
  .care-refresh .crisis-block { padding:24px; }
}

/* Shared reading structure: the content determines the shape of each section. */
body.care-refresh .card-grid,
body.care-refresh .steps { gap:38px 44px;align-items:start; }
body.refresh.care-refresh .card-grid > .card,
body.refresh.care-refresh .steps > .card {
  background:transparent;border:0;border-radius:0;padding:0;box-shadow:none;
  min-width:0;color:inherit;
}
body.care-refresh .card-grid h3,
body.care-refresh .steps h3 { margin:0 0 16px;font-size:clamp(23px,2vw,28px);line-height:1.22; }
body.care-refresh .card-grid p,
body.care-refresh .steps p { margin:0; }
body.care-refresh .card-grid p + p,
body.care-refresh .steps p + p { margin-top:18px; }
body.care-refresh .card-grid:has(> article:nth-child(4)):not(:has(> article:nth-child(5))),
body.care-refresh .steps--4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
body.care-refresh .shell > .reading { max-width:72ch;margin-inline:0; }
body.care-refresh :is(.card-grid,.steps,.not-list,.practical-list,.chip-row,.pair) + .reading { margin-top:40px; }
body.care-refresh .reading + .reading { margin-top:24px; }
body.care-refresh .reading.section-compact { padding-block:52px 0; }
body.care-refresh .copy-grid > .reading { grid-column:1 / -1; }
body.care-refresh .section-head > p:last-child { margin-bottom:0; }
body.care-refresh .step-number { display:block;margin-bottom:14px; }
body.care-refresh .practical-list article { align-items:start;padding-block:22px; }
/* L1-03: practical labels also occur on pages with their own legacy layout. */
body.care-refresh .practical-list article > h3 {
  font:650 1rem/1.5 var(--font-ui,system-ui,sans-serif);
  letter-spacing:0;overflow-wrap:normal;word-break:normal;hyphens:manual;
}
body.care-refresh .practical-list p + p { margin-top:16px; }
body.care-refresh .citable .line { display:block;margin:0; }
body.care-refresh .citable .line + .line { margin-top:14px; }
@media(max-width:760px) {
  body.care-refresh .card-grid,
  body.care-refresh .card-grid:has(> article:nth-child(4)):not(:has(> article:nth-child(5))),
  body.care-refresh .steps--4 { grid-template-columns:minmax(0,1fr);gap:30px; }
  body.care-refresh .card-grid h3,
  body.care-refresh .steps h3 { font-size:24px;margin-bottom:12px; }
  body.care-refresh :is(.card-grid,.steps,.not-list,.practical-list,.chip-row,.pair) + .reading { margin-top:32px; }
  body.care-refresh .reading.section-compact { padding-top:40px; }
  body.care-refresh .practical-list article { grid-template-columns:minmax(0,1fr);gap:10px;padding-block:18px; }
}

/* Exact-copy orientation summaries: one introduction, then related points. */
body.refresh.care-refresh .citable { max-width:78ch;padding:32px 38px; }
body.care-refresh .citable .care-summary-intro { margin:0 0 22px;font-size:20px;line-height:1.6; }
body.care-refresh .care-summary-points { display:block;list-style:disc outside;margin:0;padding:0 0 0 1.25em; }
body.care-refresh .care-summary-points > li { display:list-item;margin:0;padding:0 0 0 .4em;background:none;border:0; }
body.care-refresh .care-summary-points > li + li { margin-top:18px; }
body.care-refresh .care-summary-points > li::before { content:none; }
body.care-refresh .care-summary-points > li::marker { color:var(--surface-accent);font-size:.8em; }
@media(max-width:760px) {
  body.refresh.care-refresh .citable { padding:24px 20px; }
  body.care-refresh .citable .care-summary-intro { font-size:18px; }
}

/* Long explanations read as a continuous column rather than an empty title rail. */
body.care-refresh .copy-grid { display:block; }
body.care-refresh .copy-grid > div:not(.section-head) { max-width:72ch; }
body.care-refresh .copy-grid > .section-head { max-width:72ch;margin-bottom:32px; }

/* Fee introductions share the same reading rail as the actual fee table. */
body.care-refresh .shell:has(> .fee-frame) > .section-head {
  width:100%;max-width:1100px;margin-inline:auto;
}
body.care-refresh .nowrap-phrase {white-space:nowrap;}

/* Descriptive labels are reading content; only actual controls look clickable. */
body.refresh.care-refresh .chip-row { display:flex;flex-wrap:wrap;gap:10px 24px;margin-block:0 32px; }
body.refresh.care-refresh .chip-row > span.chip {
  display:inline;min-height:0;min-width:0;border:0;border-radius:0;padding:0;
  background:none;box-shadow:none;color:inherit;font:inherit;letter-spacing:0;text-transform:none;
}

/* L2-04: authored prose and follow-on lists need the same breathing room. */
body.care-refresh :is(.card-grid,.steps,.practical-list,.not-list,.citable) + :is(p,h2,h3,h4,.pair,.practical-list) { margin-top:32px; }
