/* A working surface and a paper document, with a shared Fellfolio palette. */
.care-tool{--care-paper:#fffdf7;--care-ink:#223b31;--care-muted:#657167;--care-line:#dbe0d6;--care-soft:#edf1e8;--care-clay:#a2694c;--care-warm:#f3e8dc;--care-shadow:0 20px 70px #1f392013}
.care-tool [hidden]{display:none!important}
.care-tool button,.care-tool input,.care-tool select,.care-tool textarea{font-family:var(--sans);font-size:14px}
.care-tool button{cursor:pointer}
.care-tool button:disabled{cursor:default;opacity:.55}
.care-tool :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid var(--clay,#a2694c);outline-offset:4px}
.care-tool .care-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.care-hero{display:grid;grid-template-columns:minmax(0,1fr) 275px;align-items:end;gap:60px;padding:46px 0 38px}
.care-eyebrow{margin:0 0 16px;font-size:10px;line-height:1.5;letter-spacing:1.7px;font-weight:650;color:var(--muted)}
.care-hero h1{font:400 clamp(39px,4.3vw,60px)/1.08 var(--serif);letter-spacing:-1.8px;margin:0 0 22px;max-width:700px;text-wrap:balance}
.care-lede{font-size:17px;line-height:1.8;color:var(--muted);max-width:640px;margin:0}
.care-benefits{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:23px;font-size:12px;color:var(--muted)}
.care-benefits span{display:inline-flex;align-items:center;gap:8px}
.care-benefits span:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--clay)}
.care-sibling{display:flex;flex-direction:column;gap:11px;border-left:1px solid var(--line);padding:8px 0 8px 26px;font-size:12px;line-height:1.7;color:var(--muted)}
.care-sibling>span:first-child{font-size:9px;letter-spacing:1.7px;font-weight:600}
.care-sibling strong{font:400 24px/1.2 var(--serif);letter-spacing:-.4px;color:var(--ink)}
.care-sibling b{font-size:12px;color:var(--ink);font-weight:550;margin-top:4px;display:flex;justify-content:space-between;align-items:center;min-height:28px}
.care-sibling:hover b{text-decoration:underline;text-underline-offset:4px}
.care-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:21px 0;margin-bottom:30px}
.care-toolbar>div:first-child{display:flex;align-items:center;gap:13px}
.care-toolbar-dot{width:10px;height:10px;border:2px solid var(--green,#345447);border-radius:50%;box-shadow:0 0 0 5px #82958018;flex-shrink:0}
.care-toolbar p{margin:0;font-size:14px;font-weight:550;line-height:1.6}
.care-toolbar small{display:block;color:var(--muted);font-size:12px;font-weight:400}
.care-toolbar-actions{display:flex;gap:12px;align-items:center;flex-shrink:0}
.care-toolbar-actions :is(button,a){border:1px solid var(--line);color:var(--ink);background:transparent;border-radius:999px;padding:10px 15px;font:500 12px/1.5 var(--sans);min-height:43px}
.care-toolbar-actions button:hover{border-color:var(--clay)}
.care-toolbar-actions a{display:none}
.care-workspace{display:grid;grid-template-columns:minmax(0,.96fr) minmax(0,1.04fr);gap:38px;align-items:start}
.care-editor{min-width:0}
.care-form-fields{border:0;padding:0;margin:0;min-width:0}
.care-step{border:1px solid var(--line);border-radius:17px;background:var(--k-surface,#fffdf7);margin:0 0 12px;overflow:hidden}
.care-step>summary{display:flex;align-items:center;gap:14px;list-style:none;cursor:pointer;padding:20px;min-height:84px}
.care-step>summary::-webkit-details-marker{display:none}

.care-step-title{font-size:15px;font-weight:550;line-height:1.5}
.care-step-count,.care-step small[data-care-step-count]{display:block;font-size:11px;font-weight:400;color:var(--muted);margin-top:3px}
.care-step-toggle{margin-left:auto;font-size:25px;font-weight:300;color:var(--muted);line-height:1}
.care-step[open] .care-step-toggle{transform:rotate(45deg)}
.care-step[open] 
.care-step[open]>summary{border-bottom:1px solid var(--line)}
.care-step-body{padding:19px 22px 25px}
.care-step-body>p{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 19px;max-width:440px}
.care-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 14px}
.care-field{min-width:0;display:flex;flex-direction:column;gap:7px}
.care-field-wide{grid-column:1/-1}
.care-field label{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:12px;line-height:1.5;font-weight:550}
.care-required{font-size:9px;letter-spacing:.2px;color:var(--muted);font-weight:400}
.care-field :is(input,select,textarea){width:100%;min-width:0;max-width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:10px;color:var(--ink);background:var(--paper,#f8f6f0);line-height:1.6;min-height:46px}
.care-field input[type=date]{min-height:48px}
.care-field textarea{resize:vertical;min-height:108px}
.care-field :is(input,textarea)::placeholder{color:var(--muted);opacity:.8;font-size:12px;line-height:1.6}
.care-field small{font-size:11px;color:var(--muted);line-height:1.7}
.care-field :is(input,select,textarea):user-invalid{border-color:var(--clay)}
.care-file-controls{display:flex;align-items:center;flex-wrap:wrap;gap:6px 21px;padding:13px 0 5px}
.care-file-controls button,.care-file-label{min-height:42px;display:inline-flex;align-items:center;gap:10px;font:500 12px/1.5 var(--sans);color:var(--ink);background:none;border:0;padding:8px 0;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.care-file-label{position:relative}
.care-file-label input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}
.care-file-label:focus-within{outline:3px solid var(--clay);outline-offset:4px;border-radius:3px}
.care-file-controls .care-reset{color:var(--muted);margin-left:auto;font-weight:400}
.care-confirm{margin:12px 0;padding:18px;border:1px solid var(--clay);background:var(--k-tint,#f3e8dc);border-radius:14px}
.care-confirm p{font-size:14px;font-weight:550;line-height:1.6;margin:0 0 7px}
.care-confirm small{display:block;font-size:11px;line-height:1.7;color:var(--muted)}
.care-confirm>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:13px}
.care-confirm button{min-height:42px;padding:10px 15px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);font-size:12px}
.care-confirm button[data-care-confirm-accept]{background:var(--green);color:white;border-color:var(--green)}
.care-privacy{padding:16px 17px;margin:7px 0 0;border-left:2px solid var(--line);font-size:11px;line-height:1.8;color:var(--muted)}
.care-status{font-size:12px;line-height:1.7;color:var(--muted);padding:0 3px;min-height:20px;margin:15px 0 0}
.care-status:empty{margin:0;min-height:0}
.care-status-error{color:var(--clay);font-weight:550}
.care-notice{padding:18px;border:1px solid var(--line);border-radius:12px;font-size:14px;color:var(--ink)}
.care-preview-wrap{position:sticky;top:24px;min-width:0;scroll-margin-top:24px;padding:0 0 20px}
.care-preview-heading{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font-size:10px;color:var(--muted);margin:0 3px 14px}
.care-preview-heading>span:first-child{letter-spacing:1.6px;font-weight:600}
.care-document{padding:29px 31px 22px;background:var(--care-paper);color:var(--care-ink);border:1px solid #dbe0d6;border-radius:4px 20px 20px 4px;box-shadow:var(--care-shadow);position:relative;overflow-wrap:anywhere;font-size:12px;line-height:1.7;min-height:630px;isolation:isolate}
.care-document:before{content:'';position:absolute;top:14px;left:-5px;bottom:14px;width:4px;background:#e8e9df;border-radius:3px 0 0 3px;z-index:-1}
.care-doc-brand{display:flex;align-items:baseline;justify-content:space-between;gap:15px;border-bottom:1px solid var(--care-line);padding-bottom:14px}
.care-doc-brand>span:first-child{font:400 24px/1 var(--serif);letter-spacing:-1px}
.care-doc-dot{color:var(--care-clay)}
.care-doc-brand>span:last-child{text-transform:uppercase;font-size:8px;font-weight:600;letter-spacing:1.1px;color:var(--care-muted)}
.care-doc-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0 24px}
.care-doc-overline{font-size:9px;line-height:1.6;letter-spacing:1px;margin:0 0 8px;color:var(--care-muted);text-transform:uppercase}
.care-document .care-doc-header h2{font:400 35px/1.1 var(--serif);letter-spacing:-1px;color:var(--care-ink);margin:0 0 10px;text-wrap:initial}
.care-doc-header p:last-child{font-size:10px;line-height:1.7;color:var(--care-muted);margin:0;max-width:270px}
.care-doc-monogram{width:61px;height:69px;border-radius:26px 26px 6px 6px;flex-shrink:0;display:grid;place-items:center;font:400 31px var(--serif);color:#fbf8ed;background:#355548;box-shadow:inset 0 0 0 5px #ffffff08}
.care-doc-group{border-top:1px solid var(--care-line);padding:17px 0 7px}
.care-document .care-doc-group h3{margin:0 0 12px;color:var(--care-ink);font:550 11px/1.5 var(--sans);letter-spacing:0}
.care-doc-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px;margin:0 0 11px}
.care-doc-row{min-width:0}
.care-doc-row dt{font-size:9px;line-height:1.7;margin-bottom:2px;color:var(--care-muted)}
.care-doc-row dd{margin:0;font-size:11px;line-height:1.65;color:var(--care-ink);white-space:pre-wrap;overflow-wrap:anywhere;word-break:normal}
.care-doc-row:has(dd[data-care-value=ownerPhone]) dd{font-weight:650;font-size:13px}
.care-doc-row:has(dd[data-care-value=backupContact]),.care-doc-row:has(dd[data-care-value=vetContact]),.care-doc-row:has(dd[data-care-value=emergencyClinic]),.care-doc-row:has(dd[data-care-value=allergies]),.care-doc-row:has(dd[data-care-value=conditions]),.care-doc-row:has(dd[data-care-value=medications]),.care-doc-row:has(dd[data-care-value=treatmentPlan]),.care-doc-row:has(dd[data-care-value=handling]),.care-doc-row:has(dd[data-care-value=insurance]),.care-doc-row:has(dd[data-care-value=documents]),.care-doc-row:has(dd[data-care-value=notes]),.care-doc-row:has(dd[data-care-value=feeding]),.care-doc-row:has(dd[data-care-value=water]),.care-doc-row:has(dd[data-care-value=routine]),.care-doc-row:has(dd[data-care-value=comfort]),.care-doc-row:has(dd[data-care-value=supplies]),.care-doc-row:has(dd[data-care-value=appointments]),.care-doc-row:has(dd[data-care-value=updates]){grid-column:1/-1}
.care-doc-empty dd{font-weight:400;color:#798277;font-size:10px;font-style:italic}
.care-doc-footer{border-top:1px solid var(--care-line);padding-top:15px;margin-top:9px;font-size:8px;color:var(--care-muted)}
.care-doc-footer p{font-size:8px;line-height:1.7;margin:0 0 13px}
.care-doc-footer>div{display:flex;justify-content:space-between;gap:12px;font-size:8px}
.care-doc-sample{border:1px solid #d1b08e;background:#f6e9d9;color:#7e563a;text-align:center;font-size:9px;font-weight:650;letter-spacing:1px;padding:7px 10px;margin:14px 0 0;border-radius:5px}
.care-print-panel{padding:20px 0 0}
.care-print-panel .button{width:100%;border:0;font-size:14px;min-height:51px;background:var(--green,#345447);color:white}
.care-print-panel>p,.care-print-panel details p{font-size:11px;line-height:1.8;color:var(--muted);margin:12px 5px 0}
.care-print-panel details{margin:6px 5px 0}
.care-print-panel summary{font-size:11px;line-height:1.7;min-height:30px;padding:7px 0;cursor:pointer;color:var(--ink)}
.care-print-panel details p{margin:0 0 7px}
.care-guide{border-top:1px solid var(--line);margin:76px 0 0;padding:40px 0 45px}
.care-guide-heading{max-width:590px;margin-bottom:28px}
.care-guide-heading h2{font:400 clamp(29px,3vw,38px)/1.18 var(--serif);letter-spacing:-.8px;margin:0}
.care-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}

.care-guide-grid h3{font:500 15px/1.5 var(--sans);letter-spacing:0;margin:0 0 11px}
.care-guide-grid p{font-size:13px;line-height:1.8;color:var(--muted);margin:0}
.care-app-bridge{display:grid;grid-template-columns:190px minmax(0,1fr);gap:35px;background:var(--k-soft,#edf1e8);border:1px solid var(--line);border-radius:24px;padding:37px 40px;margin:10px 0 45px}
.care-app-sign{display:flex;align-items:center;align-self:start;gap:12px;font-size:9px;font-weight:600;line-height:1.6;letter-spacing:1.2px;padding-top:5px}
.care-app-sign img{width:48px;height:48px}
.care-app-bridge h2{font:400 clamp(29px,3vw,38px)/1.18 var(--serif);letter-spacing:-.8px;margin:0 0 17px;max-width:610px}
.care-app-bridge p{font-size:14px;line-height:1.8;color:var(--muted);max-width:690px;margin:0}
.care-app-bridge ul{margin:20px 0 23px;padding-left:18px;display:grid;gap:8px;font-size:13px;line-height:1.6}
.care-app-bridge li::marker{color:var(--clay)}
.care-app-bridge .button{font-size:13px;min-height:47px}
.care-app-bridge .care-app-note{font-size:10px;line-height:1.8;max-width:620px;margin-top:14px}

@media(max-width:1080px){.care-hero{gap:34px;grid-template-columns:minmax(0,1fr) 230px}.care-workspace{gap:24px}.care-fields{grid-template-columns:1fr}.care-field-wide{grid-column:auto}.care-step-body{padding:18px}.care-document{padding:25px 23px 20px}.care-app-bridge{grid-template-columns:140px minmax(0,1fr);padding:30px;gap:25px}.care-app-sign{flex-direction:column;align-items:start;gap:13px}.care-file-controls{gap:6px 15px}.care-file-controls .care-reset{margin-left:0}}
@media(max-width:760px){.care-hero{grid-template-columns:1fr;padding:31px 0 28px;gap:23px}.care-hero h1{font-size:43px;letter-spacing:-1.4px;margin-bottom:19px}.care-lede{font-size:16px;line-height:1.75}.care-benefits{font-size:11px;gap:9px 17px;margin-top:20px}.care-sibling{border-left:0;border-top:1px solid var(--line);padding:19px 0 0;display:grid;grid-template-columns:1fr auto;gap:7px 20px}.care-sibling>span:first-child{grid-column:1/-1}.care-sibling strong{font-size:20px}.care-sibling>span:nth-child(3){display:none}.care-sibling b{font-size:11px;align-self:center;gap:12px;margin-top:0}.care-toolbar{align-items:start;flex-direction:column;gap:17px;padding:21px 0;margin-bottom:24px}.care-toolbar-actions{width:100%;justify-content:space-between}.care-toolbar-actions a{display:inline-flex;gap:15px}.care-workspace{grid-template-columns:1fr;gap:32px}.care-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.care-field-wide{grid-column:1/-1}.care-field :is(input,select,textarea){font-size:16px}.care-step>summary{padding:18px}.care-step-body{padding:19px 19px 23px}.care-file-controls .care-reset{margin-left:auto}.care-preview-wrap{position:static;max-width:580px;width:100%;margin:0 auto}.care-document{padding:27px 25px 22px}.care-preview-heading{margin-bottom:13px}.care-guide{margin-top:42px;padding-top:30px}.care-guide-grid{grid-template-columns:1fr;gap:24px}.care-guide-grid article{display:block}.care-guide-grid h3{margin-bottom:7px}.care-app-bridge{grid-template-columns:1fr;padding:26px;gap:20px;margin-top:0}.care-app-sign{flex-direction:row;align-items:center;padding:0}.care-app-sign img{width:40px;height:40px}.care-app-bridge h2{font-size:31px}.care-app-bridge .button{width:100%}}
@media(max-width:410px){.care-fields{grid-template-columns:1fr}.care-field-wide{grid-column:auto}.care-hero h1{font-size:38px}.care-sibling{grid-template-columns:1fr}.care-sibling b{justify-content:start}.care-document{padding:23px 19px 20px}.care-document .care-doc-header h2{font-size:31px}.care-doc-monogram{width:49px;height:57px;font-size:25px}.care-doc-header{gap:13px}.care-file-controls .care-reset{margin-left:0}.care-app-bridge{padding:23px}}
@media(prefers-color-scheme:dark){.care-tool{--care-shadow:0 15px 45px #0002}.care-step{background:#202c23}.care-field :is(input,select,textarea){background:#18211b}.care-document{box-shadow:0 14px 45px #0002}.care-document:before{background:#abb2a2}.care-app-bridge{background:#253529}.care-toolbar-dot{border-color:#9ab79f}}
@media print{
  @page{size:A4;margin:13mm}
  body:has([data-care-tool]){background:#fff!important;color:#223b31!important;margin:0!important}
  body:has([data-care-tool])>:not(main){display:none!important}
  .k-main:has([data-care-tool]){display:block!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
  .k-main:has([data-care-tool])>:not([data-care-tool]){display:none!important}
  .care-tool{display:block!important;margin:0!important;padding:0!important}
  .care-tool>:not(.care-workspace),.care-workspace>:not(.care-preview-wrap),.care-preview-wrap>:not(.care-document){display:none!important}
  .care-workspace,.care-preview-wrap{display:block!important;position:static!important;max-width:none!important;width:auto!important;margin:0!important;padding:0!important}
  .care-document{display:block!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:100%!important;min-height:0!important;height:auto!important;padding:0!important;margin:0!important;background:#fff!important;color:#223b31!important;overflow:visible!important;font-size:10pt;print-color-adjust:exact;-webkit-print-color-adjust:exact}
  .care-document:before{display:none!important}
  .care-doc-header{padding:6mm 0 5mm;break-inside:avoid;break-after:avoid}
  .care-doc-brand{padding-bottom:3mm;break-after:avoid}
  .care-doc-brand>span:first-child{font-size:21pt}
  .care-doc-brand>span:last-child{font-size:8pt}
  .care-document .care-doc-header h2{font-size:28pt}
  .care-doc-overline,.care-doc-header p:last-child{font-size:9pt}
  .care-doc-group{padding:4mm 0 1mm;break-inside:auto}
  .care-document .care-doc-group h3{font-size:10pt;break-after:avoid;margin-bottom:2mm}
  .care-doc-grid{display:block!important;margin:0 0 2mm}
  .care-doc-row{display:block;padding:1.5mm 0;break-inside:avoid-page}
  .care-doc-row dt{font-size:8pt}
  .care-doc-row dd{font-size:10pt;line-height:1.5;overflow-wrap:anywhere}
  .care-doc-row:has(dd[data-care-value=ownerPhone]) dd{font-size:11pt}
  .care-doc-empty dd{font-size:9pt}
  .care-doc-footer{margin-top:4mm;padding-top:3mm;break-inside:avoid}
  .care-doc-footer p,.care-doc-footer>div{font-size:7pt}
  .care-doc-sample{font-size:9pt;break-after:avoid}
}

/* A local photo remains separate from the text draft and uses the print document itself. */
.care-photo-picker{border-top:1px solid var(--line);padding-top:22px;min-width:0}
.care-photo-picker>label{display:block;font-size:13px;font-weight:650;line-height:1.5}
.care-photo-picker>label span{font-size:11px;font-weight:400;color:var(--muted);margin-left:7px}
.care-photo-picker>p{font-size:12px;line-height:1.7;color:var(--muted);margin:7px 0 12px}
.care-photo-picker>.care-photo-choose{font:inherit;font-size:12px;font-weight:600;color:var(--ink);background:var(--surface);border:1px solid var(--line);border-radius:10px;padding:11px 15px;cursor:pointer;text-decoration:none}
.care-photo-choose:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.care-photo-picker .care-photo-privacy{margin-top:16px;color:var(--muted);font-size:11px;line-height:1.8}
.care-photo-privacy summary{cursor:pointer;text-underline-offset:4px}
.care-photo-privacy small{display:block;margin-top:9px;font-size:inherit}
.care-photo-picker>button{font:inherit;font-size:12px;padding:8px 0;border:0;background:none;text-decoration:underline;text-underline-offset:4px;color:var(--ink);cursor:pointer;margin-right:14px}
.care-photo-picker .care-photo-status:empty{display:none}
.care-photo-picker .care-status-error{color:var(--accent)}
.care-doc-photo{width:100px;height:100px;object-fit:contain;flex-shrink:0;border-radius:15px;background:#fff;border:1px solid #e1e4dc;padding:3px}
.care-doc-photo[hidden],.care-doc-monogram[hidden],.care-photo-picker>button[hidden]{display:none}
@media(max-width:410px){.care-doc-photo{width:82px;height:82px;border-radius:12px}}
@media print{.care-doc-photo{width:27mm;height:27mm;padding:1mm;border-radius:3mm;object-fit:contain}}