/* Personal care-plan presentation only; no calendar or user-data functionality. */
.discovery-calendar.care-calendar {container:care / inline-size;position:relative;border:1px solid #d2dbc7;border-radius:10px;background:#fffdf7;box-shadow:0 4px 14px #34472508;overflow:hidden;align-self:start}
.care-layout {display:grid;grid-template-columns:1.08fr 1fr;align-items:stretch}
.care-calendar .care-copy {padding:24px 22px 26px;display:flex;align-items:flex-start;flex-direction:column;min-width:0}
.care-status {display:inline-flex;align-items:center;gap:7px;background:#fff0e3;border:1px solid #8b2f2725;color:#8B2F27;font:700 .75rem/1.5 var(--body);padding:5px 11px;border-radius:25px;margin-bottom:18px}
.care-status::before {content:"◷";font-size:1rem}
.care-heading {display:flex;align-items:center;gap:11px}
.care-heading .discovery-icon {display:grid;place-items:center;width:44px;height:44px;flex:none;border:0;border-radius:50%;background:#e6e9d5;color:#0F3A28}
.care-heading svg {width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.7}
.care-calendar .care-heading h3 {font:600 clamp(1.5rem,2vw,1.85rem)/1.15 var(--heading);letter-spacing:-.035em;color:#0F3A28;overflow-wrap:normal}
.care-intro {margin:18px 0 0;font-size:.94rem;line-height:1.7;color:#172c23}
.care-benefits {list-style:none;padding:0;margin:20px 0 26px;display:grid;gap:13px;font-size:.86rem;line-height:1.6;color:#172c23}
.care-benefits li {position:relative;padding-left:23px}
.care-benefits li::before {content:'✓';position:absolute;top:3px;left:0;width:16px;height:16px;border-radius:50%;display:grid;place-items:center;background:#506f45;color:#fff;font-size:11px;font-weight:800;line-height:1}
.care-calendar .care-copy .button {margin-top:auto;min-height:48px;font-size:.86rem;line-height:1.5;padding:12px 17px;white-space:normal}
.care-calendar .care-copy .button:disabled,.care-calendar .care-copy .button:disabled:hover {background:#e4e5da;color:#40523f;border:1px dashed #7B8F72;opacity:1;cursor:not-allowed}
.care-plan {margin:0;padding:22px 15px 20px;min-width:0;background:linear-gradient(150deg,#e9eddf,#f1f1e7);border-left:1px solid #dce2d1}
.care-plan-top {color:#0F3A28;margin-bottom:15px}
.care-example {display:block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#526a48;margin-bottom:8px}
.care-plan-top p {font:600 1.35rem/1.3 var(--heading);letter-spacing:-.02em}
.care-plan-top p span {white-space:nowrap;color:#8B2F27}
.care-months {list-style:none;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:4px;padding:0;margin:0 0 17px;font-size:.69rem;font-weight:650;text-align:center;color:#485c50}
.care-months li {position:relative;padding:7px 0;background:#faf9f4;border-radius:5px;border:1px solid #d8dfcc;line-height:1.3}
.care-months .care-month-active {background:#8B2F27;color:#FAF9F4;border-color:#8B2F27;font-weight:800}
.care-month-dot {display:block;position:absolute;width:4px;height:4px;bottom:2px;left:calc(50% - 2px);border-radius:50%;background:currentColor}
.care-bed {padding:12px 13px;background:#fffdf7;border:1px solid #d8dfcc;border-radius:7px}
.care-bed>span {display:block;font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;color:#526a48}
.care-bed strong {display:block;font-size:.87rem;line-height:1.5;color:#0F3A28;margin-top:2px}
.care-bed p {margin-top:5px;font-size:.73rem;color:#485c50}
.care-tasks {list-style:none;display:grid;gap:9px;padding:0;margin:12px 0 0}
.care-tasks li {padding:12px;background:#fffdf7;border:1px solid #d8dfcc;border-radius:7px}
.care-type {display:inline-block;padding:2px 7px;margin-bottom:6px;border-radius:4px;font-size:.62rem;font-weight:700;line-height:1.5;color:#3b5139;background:#e5eadc}
.care-type--feed {background:#f0e7d4;color:#655025}.care-type--divide {background:#eae1ec;color:#68456d}.care-type--water {background:#dfe9e7;color:#33594f}
.care-tasks strong {display:block;font-size:.81rem;line-height:1.45;color:#0F3A28}
.care-task-note {display:block;margin-top:5px;font-size:.72rem;line-height:1.55;color:#485c50}
.care-plan figcaption {margin-top:15px;font-size:.69rem;line-height:1.6;color:#485c50}
.care-sr-only {position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@container care (max-width:550px) {
 .care-layout {grid-template-columns:1fr}
 .care-plan {border-left:0;border-top:1px solid #dce2d1;padding:24px}
 .care-months {font-size:.78rem;gap:6px}
 .care-plan-top p {font-size:1.55rem}
 .care-tasks strong {font-size:.9rem}.care-task-note {font-size:.82rem}.care-type {font-size:.72rem}
 .care-example,.care-bed>span {font-size:.72rem}.care-bed strong {font-size:1rem}.care-bed p {font-size:.82rem}.care-plan figcaption {font-size:.76rem}
}
@container care (max-width:330px) {.care-calendar .care-copy {padding:22px 19px}.care-plan {padding:20px 17px}.care-heading {gap:9px}.care-heading .discovery-icon {width:38px;height:38px}.care-calendar .care-heading h3 {font-size:1.5rem}}
@media(prefers-reduced-motion:no-preference) {
 .care-calendar.care-playing {animation:care-arrive 254.901961ms ease both}
 .care-playing .care-month-active {animation:care-month-arrive 215.686275ms ease 274.509804ms backwards}
 .care-playing .care-tasks li {animation:care-task-arrive 176.470588ms ease backwards;animation-delay:509.803922ms}
 .care-playing .care-tasks li:nth-child(2) {animation-delay:647.058824ms}
 .care-playing .care-tasks li:nth-child(3) {animation-delay:784.313725ms}
 .care-playing .care-tasks li:nth-child(4) {animation-delay:921.568628ms}
 @keyframes care-arrive {from{opacity:0;translate:0 10px}to{opacity:1;translate:0 0}}
 @keyframes care-month-arrive {from{background:#faf9f4;color:#485c50;border-color:#d8dfcc}to{background:#8B2F27;color:#FAF9F4;border-color:#8B2F27}}
 @keyframes care-task-arrive {from{opacity:0;translate:0 5px}to{opacity:1;translate:0 0}}
}
@media(prefers-reduced-motion:reduce),print {.care-calendar,.care-calendar * {animation:none!important;translate:none!important;opacity:1!important}}
