/* Customer-care design system; deliberately scoped away from shopping flows. */
.care-shell { --care-ink:#292821; --care-muted:#69675e; --care-line:#deded3; --care-accent:#435344; width:100%; max-width:1240px; padding:30px 30px 76px; margin:auto; font-family:Manrope,Arial,sans-serif; color:var(--care-ink); }
.care-shell *, .care-shell *::before, .care-shell *::after { box-sizing:border-box; }
.care-shell [hidden] { display:none!important; }
.care-breadcrumb { display:flex; align-items:center; gap:12px; font-size:12px; color:var(--care-muted); margin:0 0 38px; }
.care-breadcrumb a { text-underline-offset:4px; }
.care-kicker { display:block; font-size:11px; letter-spacing:.16em; font-weight:700; line-height:1.7; color:var(--care-accent); }
.care-hero { padding:18px 0 36px; max-width:830px; }
.care-hero h1 { font:550 clamp(36px,5vw,62px)/1.08 Manrope,Arial,sans-serif; letter-spacing:-.055em; text-wrap:balance; margin:16px 0 20px; }
.care-hero>p { color:var(--care-muted); font-size:17px; line-height:1.8; max-width:650px; margin:0; }
.care-navigation { display:flex; gap:8px 24px; flex-wrap:wrap; padding:0 0 18px; border-bottom:1px solid var(--care-line); margin-bottom:46px; }
.care-navigation a { padding:12px 0; font-size:13px; font-weight:550; text-decoration:none; color:var(--care-muted); position:relative; }
.care-navigation a[aria-current=page] { color:var(--care-ink); }
.care-navigation a[aria-current=page]::after { position:absolute; content:''; height:2px; background:var(--care-accent); bottom:-19px; inset-inline:0; }
.care-content { min-width:0; }
.care-content p { font-size:15px; line-height:1.85; color:var(--care-muted); }
.care-content h2 { font:600 27px/1.25 Manrope,Arial,sans-serif; letter-spacing:-.035em; }
.care-content h3 { font:650 18px/1.4 Manrope,Arial,sans-serif; letter-spacing:-.025em; }
.care-button { display:inline-flex; align-items:center; justify-content:center; gap:26px; min-height:52px; padding:14px 24px; background:var(--care-accent); color:white; border:1px solid transparent; border-radius:9px; font:600 14px/1.5 Manrope,Arial,sans-serif; text-decoration:none; cursor:pointer; transition:background .18s,transform .18s; }
.care-button:hover { background:#2e3d30; color:white; }
.care-button:active { transform:translateY(1px); }
.care-button:disabled { opacity:.6; cursor:progress; }
.care-button-light { background:#f5f5ed; color:#2e3d30; }
.care-button-light:hover { background:white; color:#2e3d30; }
.care-button span { font-size:22px; line-height:1; }
.care-shell :is(a,button,summary,input,textarea,select):focus-visible { outline:2px solid #64765a; outline-offset:4px; }
.care-story { display:grid; grid-template-columns:1.1fr 1fr; background:#e9eadd; border-radius:18px; overflow:hidden; }
.care-story-copy { padding:clamp(28px,4vw,60px); align-self:center; }
.care-story-copy h2 { font-size:clamp(30px,3.5vw,43px); font-weight:550; line-height:1.15; margin:20px 0; }
.care-story-copy p { max-width:440px; margin:0 0 28px; }
.care-story figure { margin:0; position:relative; background:#dfdfd2; }
.care-story img { width:100%; height:100%; min-height:420px; object-fit:cover; display:block; }
.care-story figcaption { position:absolute; bottom:18px; inset-inline:18px; padding:12px 16px; background:#fffdf4ef; border-radius:8px; font-size:12px; color:#494a40; }
.care-values { padding-top:64px; }
.care-values>h2 { margin:0 0 30px; }
.care-values>div { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; }
.care-values article { border-top:1px solid var(--care-line); padding-top:22px; }
.care-values article>span { color:#75816b; font:500 13px/1 Manrope,Arial,sans-serif; }
.care-values h3 { margin:20px 0 10px; }
.care-values p { margin:0; }
.care-help-strip { margin-top:64px; padding:34px 40px; border-radius:15px; background:#354536; color:white; display:flex; justify-content:space-between; align-items:center; gap:28px; }
.care-help-strip .care-kicker { color:#c1cfb6; }
.care-help-strip h2 { font:550 28px/1.3 Manrope,Arial,sans-serif; letter-spacing:-.035em; margin:8px 0; }
.care-help-strip p { color:#d3dacf; font-size:14px; line-height:1.7; margin:0; }
.care-help-strip .care-button { flex-shrink:0; }
.care-contact-layout { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.45fr); gap:60px; align-items:start; }
.care-contact-aside { padding-top:16px; }
.care-contact-aside h2 { font-size:32px; margin:16px 0; }
.care-contact-aside>p { max-width:310px; }
.care-email-block { padding:26px 0; border-block:1px solid var(--care-line); margin:28px 0; }
.care-email-block>span { display:block; font-size:12px; color:var(--care-muted); margin-bottom:8px; }
.care-email-block a { color:var(--care-accent); font-size:clamp(15px,1.8vw,20px); font-weight:650; text-underline-offset:5px; overflow-wrap:anywhere; }
.care-contact-tip h3 { font-size:16px; margin:0 0 6px; }
.care-contact-tip p { font-size:14px; margin:0 0 24px; }
.care-arrow-link { display:flex; justify-content:space-between; gap:18px; font-size:13px; font-weight:600; text-underline-offset:4px; color:var(--care-accent); }
.care-form { background:#fffefa; border:1px solid #e2e1d8; padding:32px; border-radius:16px; box-shadow:0 10px 32px #35332604; }
.care-form>h2 { font-size:23px; margin:0 0 8px; }
.care-form .care-form-intro { font-size:12px; margin:0 0 28px; }
.care-form-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px 18px; }
.care-form label { display:block; font-size:13px; line-height:1.6; font-weight:600; color:#41443b; }
.care-optional { font-weight:400; color:#76786e; }
.care-field-wide { grid-column:1/-1; }
.care-shell.care-shell .care-form :is(input:not([type=file]),textarea,select) { width:100%; border:1px solid #d5d9ce; border-radius:8px; padding:13px 14px; min-height:50px; background:#fff; color:#292821; font:400 16px/1.5 Manrope,Arial,sans-serif; margin:8px 0 0; box-shadow:none; }
.care-shell .care-form :is(input,textarea,select):focus { border-color:#627a58; box-shadow:0 0 0 3px #627a5812; }
.care-form :is(input,textarea)::placeholder { color:#92958c; font-size:14px; }
.care-shell .care-form select { appearance:none; padding-right:36px; background-image:url('../images/caret-down.svg'); background-repeat:no-repeat; background-position:right 14px center; background-size:14px; }
.care-form textarea { resize:vertical; min-height:160px; }
.care-upload { border:1px dashed #cdd4c5; background:#f6f8f1; border-radius:10px; padding:18px; margin:24px 0 18px; }
.care-upload label { margin-bottom:12px; }
.care-upload label span { display:block; font-size:11px; line-height:1.7; font-weight:400; color:#74796b; margin-top:4px; }
.care-form input[type=file] { width:100%; min-width:0; font:400 12px/1.5 Manrope,Arial,sans-serif; color:#68735d; }
.care-form input[type=file]::file-selector-button { padding:10px 14px; border:1px solid #cdd4c5; border-radius:7px; background:white; color:#3d5231; font:600 12px Manrope,Arial,sans-serif; margin-right:10px; cursor:pointer; }
.care-file-list { list-style:none; padding:0; margin:0; }
.care-file-list li { display:flex; gap:12px; align-items:center; justify-content:space-between; font-size:12px; margin-top:12px; }
.care-file-list li span { min-width:0; overflow-wrap:anywhere; }
.care-file-list button { flex:none; padding:8px; background:none; color:#68514a; border:0; text-decoration:underline; font-size:12px; cursor:pointer; }
.care-form .care-form-note { font-size:12px; line-height:1.7; margin:0 0 22px; }
.care-trap { position:absolute!important; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
.care-form-result { padding:14px 16px; background:#eaf2e3; border:1px solid #d4dfc9; color:#35462d; border-radius:9px; font-size:14px; line-height:1.7; margin-bottom:20px; }
.care-form-result.is-error { background:#fff2ec; border-color:#eed3c5; color:#8a4d35; }
.care-faq-tools { max-width:820px; margin:0 auto 30px; }
.care-search { display:block; }
.care-search>span { display:block; font-size:12px; font-weight:650; margin-bottom:10px; }
.care-shell.care-shell .care-search input[type=search] { width:100%; min-height:58px; padding:16px 20px 16px 50px; border:1px solid #d6dbce; border-radius:11px; background:#fffefa url('../images/magnifying-glass.svg') no-repeat 18px center; background-size:20px; color:#292821; font:400 16px/1.5 Manrope,Arial,sans-serif; appearance:none; }
.care-topics { display:flex; gap:8px; flex-wrap:wrap; margin:18px 0 12px; }
.care-topics button { border:1px solid #d8ddcf; border-radius:7px; background:transparent; padding:10px 14px; min-height:42px; font:500 12px/1.5 Manrope,Arial,sans-serif; color:#65705c; cursor:pointer; }
.care-topics button[aria-pressed=true] { background:#435344; color:white; border-color:#435344; }
.care-search-status { color:#76786c; font-size:12px; min-height:18px; margin:10px 0; }
.care-faq-groups { max-width:820px; margin:auto; }
.care-faq-group { margin:38px 0; }
.care-faq-group>h2 { font-size:15px; color:#66765a; margin:0 0 15px; font-weight:700; letter-spacing:0; }
.care-question { border-bottom:1px solid #deded3; }
.care-question summary { padding:21px 0; display:flex; justify-content:space-between; align-items:center; gap:22px; font-size:16px; font-weight:550; line-height:1.6; cursor:pointer; list-style:none; }
.care-question summary::-webkit-details-marker { display:none; }
.care-question summary span { display:grid; place-items:center; width:25px; height:25px; flex:none; border-radius:50%; background:#e8edde; color:#526346; font-size:20px; font-weight:400; transition:transform .18s; }
.care-question[open] summary span { transform:rotate(45deg); }
.care-question[open] summary { color:#364f2b; }
.care-question>div { padding:0 46px 21px 0; }
.care-question p { margin:0; font-size:14px; }
.care-no-results { max-width:820px; padding:36px; border:1px dashed #ccd4c2; margin:28px auto; text-align:center; border-radius:12px; }
.care-no-results h2 { font-size:22px; }
.care-text-button { background:none; border:0; color:#435344; padding:10px; font:600 14px Manrope,Arial,sans-serif; text-decoration:underline; cursor:pointer; }
.care-policy-layout { display:grid; grid-template-columns:240px minmax(0,1fr); gap:70px; align-items:start; }
.care-toc { position:sticky; top:145px; }
.care-toc nav { display:flex; flex-direction:column; gap:4px; margin:18px 0 28px; }
.care-toc nav a { font-size:13px; line-height:1.6; padding:9px 12px; border-left:2px solid #dadfcf; text-decoration:none; color:#727867; }
.care-toc nav a[data-active] { color:#354a29; border-color:#617550; background:#eaf0e0; border-radius:0 6px 6px 0; }
.care-policy-copy { max-width:740px; padding:32px 40px; border:1px solid #e2e2d7; background:#fffefa; border-radius:14px; }
.care-policy-copy h2 { font-size:24px; margin:38px 0 16px; scroll-margin-top:150px; }
.care-policy-copy h2:first-child { margin-top:0; }
.care-policy-copy p { margin:0 0 18px; font-size:15px; }
.care-draft { padding:20px; border:1px solid #e4cf8f; border-radius:10px; margin:0 0 32px; background:#fcf6e3; font-size:14px; }
.care-draft p { margin:6px 0 0; font-size:13px; }
@media(max-width:900px) {
 .care-contact-layout { grid-template-columns:1fr 1.5fr; gap:28px; }
 .care-form { padding:24px; }
 .care-form-grid { grid-template-columns:1fr; }
 .care-policy-layout { grid-template-columns:190px minmax(0,1fr); gap:28px; }
 .care-policy-copy { padding:26px; }
}
@media(max-width:640px) {
 .care-shell { padding:24px 18px 40px; }
 .care-breadcrumb { margin-bottom:22px; }
 .care-hero { padding:12px 0 28px; }
 .care-hero h1 { font-size:38px; margin:12px 0 16px; }
 .care-hero>p { font-size:15px; }
 .care-navigation { gap:4px 22px; margin-bottom:30px; padding-bottom:14px; }
 .care-navigation a { font-size:12px; }
 .care-navigation a[aria-current=page]::after { bottom:0; }
 .care-story { grid-template-columns:1fr; border-radius:13px; }
 .care-story-copy { padding:28px 24px; }
 .care-story img { min-height:0; max-height:360px; aspect-ratio:1.1; }
 .care-values { padding-top:38px; }
 .care-values>div { grid-template-columns:1fr; gap:24px; }
 .care-values h3 { margin-top:12px; }
 .care-help-strip { flex-direction:column; align-items:flex-start; padding:28px 24px; gap:22px; margin-top:38px; }
 .care-help-strip h2 { font-size:26px; }
 .care-help-strip .care-button { width:100%; }
 .care-contact-layout { grid-template-columns:1fr; gap:30px; }
 .care-contact-aside { padding:0; }
 .care-contact-aside h2 { font-size:27px; }
 .care-contact-aside>p { max-width:none; }
 .care-contact-tip { display:none; }
 .care-email-block { margin:22px 0; padding:18px 0; }
 .care-email-block a { font-size:19px; }
 .care-form { padding:24px 18px; border-radius:12px; }
 .care-form-grid { gap:20px; }
 .care-form .care-button { width:100%; }
 .care-question summary { font-size:15px; padding:18px 0; gap:12px; }
 .care-question>div { padding-right:0; }
 .care-search input::placeholder { font-size:13px; }
 .care-policy-layout { grid-template-columns:1fr; gap:26px; }
 .care-toc { position:static; }
 .care-toc nav { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin:12px 0 0; }
 .care-toc .care-arrow-link { display:none; }
 .care-policy-copy { padding:24px 20px; }
 .care-policy-copy h2 { font-size:22px; }
}
@media(prefers-reduced-motion:reduce) { .care-shell :is(button,a,summary span) { transition:none; } }

/* Defeat browser search appearance and the theme's global input reset. */
.care-shell .care-form input:is([type=text],[type=email],[type=tel]),
.care-shell.care-shell .care-search input[type=search] { appearance:none; -webkit-appearance:none; border-radius:9px!important; min-height:52px; }
.care-shell .care-form input[type=file] { background:transparent; border:0; padding:0; }

/* Policies share the care shell, with a quiet reading column and clear wayfinding. */
.care-policy-page .care-hero h1 { letter-spacing:-.035em; }
.care-policy-page .care-policy-copy { border:0; border-radius:0; background:transparent; padding:0; max-width:70ch; }
.care-policy-page .care-policy-copy p { font-size:16px; line-height:1.85; }
.care-policy-page .care-policy-copy h2 { text-wrap:balance; }
.care-policy-page .care-toc nav a { border-left-width:1px; color:#535a49; min-height:44px; }
.care-policy-page a { text-underline-offset:4px; }
.care-policy-page a:focus-visible { outline:2px solid var(--care-accent); outline-offset:4px; }
.care-policy-page ::selection { background:#dce4d2; color:#292821; }
