.care-summary { font: 400 1.25rem/1.45 var(--serif); font-optical-sizing: auto; margin: 0 0 16px; max-width: 60ch; }
.care-nav { margin: 0 0 8px; }
.care-nav ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 8px; }
.care-nav li { margin: 0; }
.care-nav a { display: inline-block; padding: 6px 12px; min-height: 24px; border: 1px solid var(--line); border-radius: 999px; color: var(--ink); text-decoration: none; background: var(--paper); }
.care-nav a:hover { border-color: var(--chlorophyll); color: var(--chlorophyll); }
.care-nav a:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.care-part { padding: 20px 0 4px; border-top: 1px solid var(--line); margin-top: 20px; scroll-margin-top: 16px; }
.pmd-section .care-part h3 { margin: 0 0 6px; font: 600 1.15rem/1.3 var(--serif); }
.care-part p { margin: 0 0 8px; max-width: 68ch; }
.pmd-section .care-tips { margin: 4px 0 8px; }
.pmd-section .care-tips li { margin: 4px 0; }
.care-src { font-size: var(--t-small); color: var(--muted); overflow-wrap: anywhere; }
.care-src a { color: var(--muted); }
.care-src a:hover { color: var(--chlorophyll); }
.pmd-section .care-troubles { list-style: none; padding: 0; margin: 12px 0; display: grid; gap: 12px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); }
.pmd-section .care-troubles li { margin: 0; padding: 12px 14px; border: 1px solid var(--line); border-radius: 4px; background: var(--vellum); }
.care-troubles p { margin: 0 0 4px; }
.care-trouble { font-weight: 600; }
.care-label { color: var(--muted); }
.care-note { margin: 20px 0 0; padding-top: 12px; border-top: 1px solid var(--line); font-size: var(--t-small); color: var(--muted); max-width: 68ch; }

.care-hub .flo-note { max-width: 60ch; }
.care-tabs { display: flex; flex-wrap: wrap; gap: 0 28px; margin: 8px 0 24px; border-bottom: 1px solid var(--line); }
.care-tab { position: relative; display: inline-block; padding: 10px 0 12px; min-height: 24px; color: var(--muted); text-decoration: none; font: 500 1.0625rem/1.2 var(--serif); font-optical-sizing: auto; }
.care-tab:hover { color: var(--ink); }
.care-tab[aria-current="page"], .care-tab[aria-selected="true"] { color: var(--ink); font-weight: 600; }
.care-tab[aria-current="page"]::after, .care-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 3px; background: var(--chlorophyll); }
.care-tab:focus-visible, .care-panel:focus-visible { outline: 2px solid var(--focus); outline-offset: 2px; }
.care-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: 28px 16px; grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 760px) { .care-cards { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 32px 24px; } }
@media (min-width: 1100px) { .care-cards { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.care-card { display: flex; flex-direction: column; margin: 0; min-width: 0; }
.care-card-link { display: flex; flex-direction: column; gap: 2px; color: var(--ink); text-decoration: none; }
.care-card-link img, .care-plate { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 2px; background: var(--vellum); margin-bottom: 10px; }
.care-plate { display: flex; align-items: flex-end; padding: 10px; background: var(--plate); color: var(--plate-muted); box-shadow: inset 0 0 0 6px var(--plate), inset 0 0 0 7px var(--line); }
.care-plate .flo-sci { font-size: 0.875rem; color: var(--plate-ink); }
.care-card-name { font: 500 1.125rem/1.25 var(--serif); font-optical-sizing: auto; overflow-wrap: anywhere; }
.care-card-link:hover .care-card-name { color: var(--chlorophyll); text-decoration: underline; text-underline-offset: 3px; }
.care-card-link > .flo-sci { font-size: 0.9375rem; color: var(--muted); }
.care-key { margin: 10px 0 6px; padding-top: 8px; border-top: 1px solid var(--line); font: 600 1rem/1.35 var(--sans); color: var(--ink); overflow-wrap: anywhere; }
.care-more { display: inline-block; padding: 2px 0; min-height: 24px; color: var(--chlorophyll); font-size: var(--t-small); text-underline-offset: 3px; }
.care-sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.care-credit { margin: 4px 0 0; font-size: 0.75rem; line-height: 1.4; color: var(--muted); overflow-wrap: anywhere; }
.care-credit a { color: var(--muted); }
@media (max-width: 440px) { .care-tabs { gap: 0 18px; } .care-tab { font-size: 1rem; } }