/* CareSense tool pages (V6): VeraCrest green background with white boxes. Classes start cs-. Loaded after style.css. */
.cs{background:#0F7A50;color:#fff;padding:44px 0 60px}
.cs h1{color:#fff;font-size:2rem;line-height:1.2;margin:0 0 8px}
.cs-eyebrow{color:#3DDC97;font-weight:700;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;margin:0 0 8px}
.cs-intro{color:#E3FFF1;font-size:1.1rem;max-width:720px;margin:0 0 18px}
.cs-safe{display:flex;flex-wrap:wrap;gap:10px;list-style:none;padding:0;margin:0 0 22px}
.cs-safe li{background:#fff;color:#0B6B45;border-radius:999px;padding:6px 14px;font-size:.88rem;font-weight:600}
.cs-safe li::before{content:"✓ "}
.cs-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;list-style:none;padding:0;margin:0 0 20px}
.cs-steps li{background:#fff;color:#1E2428;border-radius:12px;padding:14px 16px;display:flex;gap:12px;align-items:center;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.cs-steps span{width:32px;height:32px;border-radius:50%;background:#1FA86C;color:#fff;display:grid;place-items:center;font-weight:700;flex:none}
.cs-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}
.cs-panel{background:#fff;color:#1E2428;border-radius:16px;padding:22px 24px;box-shadow:0 6px 20px rgba(0,0,0,.12);margin-bottom:18px}
.cs-panel h2{font-size:1.2rem;margin:0 0 12px;color:#1E2428}
.cs-lbl{display:block;font-size:.85rem;color:#4A555B;margin:0 0 6px}
.cs textarea,.cs input[type=text]{width:100%;border:1px solid #DDE3E6;border-radius:10px;padding:12px 14px;font:inherit;font-size:.95rem;color:#1E2428;background:#F4F6F7;margin-bottom:12px}
.cs textarea{min-height:220px;resize:vertical}
.cs-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:6px}
.cs-out{background:#F4F6F7;border:1px solid #DDE3E6;border-radius:10px;padding:14px;font-size:.95rem;line-height:1.9;min-height:120px;white-space:pre-wrap;overflow-wrap:anywhere}
.cs-out p{margin:0}
.cs-muted{color:#6B767C;font-size:.88rem}
.cs-rd{white-space:nowrap;background:#2B3438;color:#fff;border-radius:4px;padding:1px 6px;font-size:.78rem;font-weight:700;letter-spacing:.03em}
.cs-out mark{border-radius:4px;padding:1px 2px;color:inherit}
.cs-out mark.vul{background:#F1E8FA;box-shadow:inset 0 -2px #7A3FB0}
.cs-out mark.fair{background:#FFF0E0;box-shadow:inset 0 -2px #B0601F}
.cs-sum{display:flex;gap:8px;flex-wrap:wrap;list-style:none;padding:0;margin:12px 0 4px;font-size:.85rem}
.cs-sum li{border-radius:8px;padding:6px 12px;font-weight:600}
.cs-sum .s1{background:#EDEFF0;color:#1E2428}.cs-sum .s2{background:#F1E8FA;color:#7A3FB0}.cs-sum .s3{background:#FFF0E0;color:#8A4A10}
.cs-flags h2{color:#fff;font-size:1.35rem;margin:10px 0 12px}
.cs-fgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:18px}
.cs-flag{background:#fff;color:#1E2428;border-radius:12px;border-left:6px solid #7A3FB0;padding:16px 18px;box-shadow:0 6px 20px rgba(0,0,0,.12)}
.cs-flag.fair{border-left-color:#B0601F}
.cs-flag h3{font-size:1rem;margin:0 0 4px;color:#7A3FB0}
.cs-flag.fair h3{color:#8A4A10}
.cs-flag .cs-tag{display:inline-block;background:#F4F6F7;border-radius:999px;padding:2px 10px;font-size:.78rem;margin-left:6px;color:#1E2428;font-weight:500}
.cs-flag .q{font-style:italic;color:#4A555B;font-size:.9rem;margin:6px 0}
.cs-flag p{margin:0;font-size:.92rem}
.cs-note{background:#FFF6DD;color:#4A555B;border-left:5px solid #F4C95D;border-radius:10px;padding:14px 18px;font-size:.92rem;margin:4px 0 18px}
.cs-note p{margin:0 0 6px}.cs-note p:last-child{margin:0}
.cs-note a{color:#0B6B45}
.cs-src{background:#fff;color:#4A555B;border-radius:16px;padding:6px 20px;font-size:.85rem}
.cs-src a{color:#0B6B45}
.cs-kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:18px;margin-top:18px}
.cs-check{list-style:none;padding:0;margin:0}
.cs-check li{padding:6px 0 6px 30px;position:relative;border-bottom:1px solid #EDEFF0}
.cs-check li::before{content:"";position:absolute;left:0;top:9px;width:18px;height:18px;border:2px solid #1FA86C;border-radius:4px}
.cs-tw{overflow-x:auto}
.cs-tbl{width:100%;border-collapse:collapse;font-size:.88rem}
.cs-tbl th,.cs-tbl td{border:1px solid #DDE3E6;padding:8px 10px;text-align:left}
.cs-tbl th{background:#F4F6F7}
.cs-tbl td{height:34px}
@media (max-width:820px){.cs-cols,.cs-steps{grid-template-columns:minmax(0,1fr)}.cs h1{font-size:1.6rem}.cs-fgrid{grid-template-columns:minmax(0,1fr)}}
@media print{.cs{background:#fff;color:#000;padding:0}.cs h1,.cs-intro,.cs-eyebrow{color:#000}.cs-noprint,.cs-safe{display:none}.cs-panel{box-shadow:none;border:1px solid #ccc;break-inside:avoid}}
.cs .btn.cs-b1{background:#1FA86C;color:#fff;border-color:#1FA86C;font-weight:600}
.cs .btn.cs-b1:hover{background:#0B6B45}
.cs .btn.cs-b2{background:#fff;color:#0B6B45;border:2px solid #1FA86C;font-weight:600}
.cs .btn.cs-b2:hover{background:#E7F8EF}
