/* A self-contained, progressively enhanced example of the care workflow. */
.care-demo{--cd-forest:#234c3f;--cd-ink:#263e33;--cd-muted:#5b6b5f;--cd-line:#cbd3c0;--cd-paper:#fffdf5;background:#e9eddf;color:var(--cd-ink);padding:96px 0 84px;overflow:hidden}
.care-demo *{box-sizing:border-box}
.care-demo [hidden]{display:none!important}
.care-demo .care-demo-heading{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:end;margin-bottom:35px}
.care-demo .care-demo-heading h2{font:400 clamp(32px,3.2vw,45px)/1.22 var(--serif,Georgia,serif);letter-spacing:-.035em;margin:0}
.care-demo .care-demo-heading h2 em{color:#577147}
.care-demo .care-demo-heading .eyebrow{color:#536849;margin-bottom:17px}
.care-demo .care-demo-intro{max-width:450px;margin:0;font-size:16px;line-height:1.85;color:#485f4a}
.care-demo .care-demo-controls{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0 26px;border-top:1px solid var(--cd-line)}
.care-demo .care-demo-switcher{display:flex;flex-wrap:wrap;gap:8px}
.care-demo .care-demo-switcher button{display:inline-flex;align-items:center;gap:9px;min-height:46px;padding:11px 17px;border:1px solid #aebda2;border-radius:999px;background:transparent;color:var(--cd-ink);font:700 13px/1.4 var(--sans,Arial,sans-serif);cursor:pointer;box-shadow:none}
.care-demo .care-demo-switcher button svg{width:17px;height:17px;flex:none;stroke:currentColor;fill:none;stroke-width:1.5}
.care-demo .care-demo-switcher button[aria-pressed=true]{background:var(--cd-forest);border-color:var(--cd-forest);color:#fffdf5}
.care-demo .care-demo-switcher button:focus-visible{outline:3px solid #876326;outline-offset:4px}
.care-demo .care-demo-switcher button:hover:not([aria-pressed=true]){background:#f7f6ec}
.care-demo .care-demo-fiction{margin:0;font-size:11px;line-height:1.6;letter-spacing:.035em;color:#52664c;text-align:right;max-width:215px}
.care-demo .care-demo-scenario{display:grid;grid-template-columns:minmax(0,.9fr) 84px minmax(0,1.1fr);gap:0;align-items:center;margin:0 0 44px}
.care-demo.is-enhanced .care-demo-scenario{margin-bottom:0}
.care-demo .care-demo-side-label{display:flex;align-items:center;gap:12px;margin:0 0 20px;color:#435a40;font-size:10px;line-height:1.5;font-weight:700;letter-spacing:.13em;text-transform:uppercase}
.care-demo .care-demo-side-label:before{content:'';display:block;width:23px;height:1px;background:#829570}
.care-demo .care-demo-input{padding:15px 5px 24px 0;min-width:0}
.care-demo .care-demo-message{position:relative;background:var(--cd-paper);border:1px solid #d4d8c7;border-radius:4px 18px 18px 18px;padding:28px 30px 26px;box-shadow:0 9px 25px #30462c08;transform:rotate(-1deg)}
.care-demo .care-demo-message:before{content:'';position:absolute;width:57px;height:14px;top:-7px;left:25px;background:#b4c39599;transform:rotate(-5deg)}
.care-demo .care-demo-message-head{display:flex;gap:12px;align-items:center;padding-bottom:18px;margin-bottom:20px;border-bottom:1px solid #e0e4d5}
.care-demo .care-demo-message-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#edf0e3;color:#61794f;flex:none}
.care-demo .care-demo-message-mark svg{width:20px;height:20px;stroke:currentColor;stroke-width:1.4;fill:none}
.care-demo .care-demo-message-head strong{display:block;font-size:13px;line-height:1.4}
.care-demo .care-demo-message-head small{display:block;color:#71806a;font-size:10px;line-height:1.5;margin-top:3px}
.care-demo .care-demo-message blockquote{font:400 18px/1.75 var(--serif,Georgia,serif);letter-spacing:-.01em;margin:0;color:#344d3c}
.care-demo .care-demo-message blockquote p{margin:0}
.care-demo .care-demo-message blockquote p+p{margin-top:12px}
.care-demo .care-demo-attachments{display:flex;gap:8px;flex-wrap:wrap;margin-top:23px}
.care-demo .care-demo-attachments span{display:inline-flex;gap:6px;align-items:center;border:1px solid #dbe1d1;border-radius:4px;padding:6px 9px;color:#637157;font-size:10px;line-height:1.4}
.care-demo .care-demo-attachments svg{width:12px;height:12px;stroke:currentColor;stroke-width:1.4;fill:none}
.care-demo .care-demo-input-note{margin:18px 0 0 4px;font-size:12px;color:#647456;line-height:1.65;max-width:325px}
.care-demo .care-demo-bridge{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;padding-top:35px;color:#7a9266}
.care-demo .care-demo-bridge:before{position:absolute;content:'';height:1px;left:7px;right:7px;top:50%;border-top:1px dashed #95a681}
.care-demo .care-demo-bridge svg{position:relative;width:39px;height:39px;padding:8px;border:1px solid #aaba97;border-radius:50%;background:#e9eddf;stroke:#647f4e;fill:none;stroke-width:1.5;z-index:1}
.care-demo .care-demo-output{min-width:0}
.care-demo .care-demo-site{border:1px solid #bfccb1;background:#fffef8;box-shadow:0 15px 34px #2c452716;border-radius:8px;overflow:hidden}
.care-demo .care-demo-site-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 17px;border-bottom:1px solid #dce2d1;background:#f4f4e9;font-size:9px;letter-spacing:.11em;color:#5b7050;line-height:1.5}
.care-demo .care-demo-site-bar>span:first-child{display:flex;align-items:center;gap:5px}
.care-demo .care-demo-site-bar i{width:4px;height:4px;border-radius:50%;background:#a8b89a}
.care-demo .care-demo-site-bar strong{font-size:9px;letter-spacing:.05em;font-weight:400}
.care-demo .care-demo-art{height:155px;position:relative;overflow:hidden;background:#dce4cb}
.care-demo .care-demo-art>svg{width:100%;height:100%;display:block}
.care-demo .care-demo-art-note{position:absolute;bottom:10px;left:18px;font-size:8px;line-height:1.4;letter-spacing:.1em;color:#355440;background:#f9f9edc9;padding:4px 6px}
.care-demo .care-demo-site-copy{padding:25px 28px 23px;min-height:207px}
.care-demo .care-demo-site-category{display:block;margin:0 0 10px;font-size:9px;font-weight:700;line-height:1.5;color:#74875d;letter-spacing:.12em;text-transform:uppercase}
.care-demo .care-demo-site h3{font:400 clamp(23px,2.1vw,29px)/1.22 var(--serif,Georgia,serif);letter-spacing:-.03em;margin:0;color:#254a37}
.care-demo .care-demo-site-copy>p{font-size:13px;line-height:1.75;color:#596b51;margin:13px 0 0;max-width:390px}
.care-demo .care-demo-site-footer{display:flex;align-items:center;gap:9px;margin-top:18px;padding-top:14px;border-top:1px solid #e0e4d5;font-size:10px;color:#536d45;line-height:1.6}
.care-demo .care-demo-site-footer svg{width:14px;height:14px;stroke:currentColor;fill:none;stroke-width:1.5;flex:none}
.care-demo .care-demo-site--job .care-demo-art{background:#294f3c}
.care-demo .care-demo-job-type{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}
.care-demo .care-demo-job-type span{border:1px solid #d3ddc6;padding:4px 8px;border-radius:3px;font-size:10px;line-height:1.5;color:#5b714d}
.care-demo .care-demo-site--info .care-demo-art{height:155px;background:#d9e1c7;display:flex;align-items:center;justify-content:center;gap:21px}
.care-demo .care-demo-date{width:85px;height:98px;border-radius:4px;background:#fffdf3;box-shadow:3px 4px 0 #a5b58e;color:#35543d;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-5deg);border-top:13px solid #628458}
.care-demo .care-demo-date b{font:400 35px/1.1 var(--serif,Georgia,serif)}
.care-demo .care-demo-date span{font-size:9px;letter-spacing:.08em;margin-top:5px}
.care-demo .care-demo-info-leaf{width:68px;height:80px;fill:none;stroke:#769264;stroke-width:1.5}
.care-demo .care-demo-process{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin:39px 0 0;padding:28px 0 0;border-top:1px solid #bdcbb0}
.care-demo .care-demo-process li{display:grid;grid-template-columns:27px minmax(0,1fr);gap:12px;align-items:start;padding:0;margin:0}
.care-demo .care-demo-process li>span{font:400 18px/1.4 var(--serif,Georgia,serif);color:#748764}
.care-demo .care-demo-process strong{display:block;font-size:14px;line-height:1.55;color:#304c35}
.care-demo .care-demo-process p{font-size:12px;line-height:1.8;color:#5a6d50;margin:8px 0 0}
.care-demo .care-demo-closing{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:29px}
.care-demo .care-demo-closing>p{font-size:11px;line-height:1.7;color:#647557;margin:0;max-width:470px}
.care-demo .care-demo-closing .text-link{color:#355637;margin:0;font-size:13px;flex-shrink:0}
.care-demo .care-demo-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:931px){.care-demo .care-demo-scenarios{max-width:1010px;margin-inline:auto}.care-demo .care-demo-input{padding-right:12px}}
@media(max-width:930px){.care-demo{padding:75px 0 66px}.care-demo .care-demo-heading{gap:36px;grid-template-columns:1.1fr .9fr}.care-demo .care-demo-heading h2{font-size:35px}.care-demo .care-demo-intro{font-size:15px}.care-demo .care-demo-scenario{grid-template-columns:minmax(0,.95fr) 50px minmax(0,1.05fr)}.care-demo .care-demo-message{padding:25px 21px 23px}.care-demo .care-demo-message blockquote{font-size:16px}.care-demo .care-demo-site-copy{padding:22px 23px;min-height:220px}.care-demo .care-demo-site h3{font-size:25px}.care-demo .care-demo-process{gap:20px}.care-demo .care-demo-process li{grid-template-columns:20px minmax(0,1fr);gap:8px}}
@media(max-width:650px){.care-demo{padding:63px 0 57px}.care-demo .care-demo-heading{display:block;margin-bottom:26px}.care-demo .care-demo-heading h2{font-size:34px}.care-demo .care-demo-intro{margin-top:21px;font-size:16px;max-width:none}.care-demo .care-demo-controls{align-items:flex-start;flex-direction:column;gap:13px;padding:22px 0 25px}.care-demo .care-demo-switcher{gap:6px}.care-demo .care-demo-switcher button{font-size:12px;padding:11px 12px;gap:7px}.care-demo .care-demo-fiction{max-width:none;text-align:left;font-size:10px}.care-demo .care-demo-scenario{grid-template-columns:1fr;gap:0}.care-demo .care-demo-input{padding:0 3px}.care-demo .care-demo-side-label{margin-bottom:16px;font-size:9px}.care-demo .care-demo-message{padding:24px 25px;transform:rotate(-.7deg)}.care-demo .care-demo-message blockquote{font-size:17px;line-height:1.65}.care-demo .care-demo-message-head{padding-bottom:15px;margin-bottom:17px}.care-demo .care-demo-attachments{margin-top:18px}.care-demo .care-demo-input-note{margin-top:13px;font-size:11px;max-width:none}.care-demo .care-demo-bridge{height:62px;min-height:62px;padding:0}.care-demo .care-demo-bridge:before{height:45px;width:1px;left:50%;top:8px;right:auto;border-top:0;border-left:1px dashed #95a681}.care-demo .care-demo-bridge svg{transform:rotate(90deg);width:31px;height:31px;padding:6px}.care-demo .care-demo-site-copy{padding:24px;min-height:0}.care-demo .care-demo-site h3{font-size:27px}.care-demo .care-demo-site-copy>p{font-size:14px}.care-demo .care-demo-site-footer{font-size:11px}.care-demo .care-demo-process{grid-template-columns:1fr;gap:22px;margin-top:30px;padding-top:25px}.care-demo .care-demo-process li{grid-template-columns:27px minmax(0,1fr);gap:12px}.care-demo .care-demo-process strong{font-size:15px}.care-demo .care-demo-process p{font-size:13px;margin-top:5px}.care-demo .care-demo-closing{align-items:flex-start;flex-direction:column;gap:17px;margin-top:26px}.care-demo .care-demo-closing>p{font-size:11px}.care-demo .care-demo-closing .text-link{font-size:14px}}
@media(max-width:360px){.care-demo .care-demo-switcher button{padding-inline:9px;gap:5px;font-size:11px}.care-demo .care-demo-switcher button svg{width:14px;height:14px}.care-demo .care-demo-heading h2{font-size:30px}.care-demo .care-demo-message{padding:23px 20px}}
@media(prefers-reduced-motion:reduce){.care-demo *{animation:none!important;transition:none!important}}
@media print{.care-demo{padding:25px 0;background:#fff}.care-demo .care-demo-controls,.care-demo .care-demo-closing .text-link{display:none!important}.care-demo .care-demo-scenario[hidden]{display:grid!important}.care-demo .care-demo-scenario{break-inside:avoid;margin-bottom:30px!important}.care-demo .care-demo-message,.care-demo .care-demo-site{box-shadow:none}.care-demo .care-demo-heading{display:block}.care-demo .care-demo-intro{margin-top:15px}.care-demo .care-demo-process{break-inside:avoid}}