:root{color-scheme:light;--paper:#faf8f3;--ink:#302c27;--muted:#6f675e;--line:#ded8ce;--accent:#97461f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;-webkit-font-smoothing:antialiased}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,.care-ring:focus-visible{outline:3px solid #285977;outline-offset:5px}button{color:inherit}circles-of-care{display:block}.care-app{max-width:1480px;margin:auto;padding:0 5.2%}.masthead{height:83px;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:11px;font-size:12px;letter-spacing:.18em;font-weight:600}.mark{font-size:35px;line-height:1;color:var(--accent);font-weight:400}.secondary{background:transparent;border:1px solid var(--line);border-radius:5px;min-height:42px;padding:10px 16px;font-size:14px}.secondary:hover{background:#eee8de;border-color:#a69b8c}.presentation{display:flex;gap:9px;align-items:center}.presentation>span:first-child{font-size:21px}.intro{padding:43px 0 33px;display:flex;justify-content:space-between;align-items:end;gap:25px}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;margin:0 0 17px;color:var(--muted)}h1,h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em}h1{font-size:clamp(40px,4.5vw,65px);margin:0 0 12px;line-height:1}.deck{font-size:18px;color:var(--muted);margin:0}.intro-note{font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 2px}.modes{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);padding:6px;border-radius:9px;gap:5px;background:#f2eee6}.mode{min-height:64px;padding:10px 15px;display:flex;align-items:center;gap:13px;border:1px solid transparent;background:transparent;border-radius:5px;font-size:15px;font-weight:500;text-align:left}.mode:hover{background:#e9e1d5}.mode[aria-pressed=true]{background:#fffdfa;border-color:#b38c6e;box-shadow:0 2px 5px #302c2710;color:#813a1d}.mini{width:35px;height:35px;position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mini i{position:absolute;border-radius:50%;border:1px solid #faf8f399}kbd{font-family:inherit;font-size:12px;color:#82786b;font-weight:400}.mode kbd{margin-left:auto}.stage{display:grid;grid-template-columns:1.65fr 1fr;gap:50px;padding:35px 0 42px;align-items:center}.figure-panel{min-width:0}.figure-heading{display:flex;justify-content:space-between;gap:10px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.figure-state{color:var(--accent)}.visual-wrap{margin:3px -6px -5px}svg{display:block;width:100%;overflow:visible}.care-ring{cursor:pointer;transition:fill 420ms ease,stroke 420ms ease,stroke-width 420ms ease;stroke:#8d482e;paint-order:stroke fill}.care-ring.inspected{stroke:#4f3324;stroke-dasharray:3 3}.ring-label{pointer-events:none}.ring-label path{stroke:#78634e;stroke-width:.8;fill:none;opacity:.55}.ring-label circle{fill:#6b4933}.ring-label text{font-family:Arial,Helvetica,sans-serif;font-size:15px;fill:#443c33}.legend{display:flex;align-items:center;justify-content:center;gap:11px;font-size:12px;color:var(--muted);margin-top:0}.swatches{display:flex;gap:3px}.swatches i{width:19px;height:8px;border-radius:1px}.scope-note{text-align:center;font-size:12px;color:var(--muted);margin:14px 0 0}.circle-help{font-size:13px;line-height:1.6;color:var(--muted);min-height:58px;text-align:center;max-width:540px;margin:17px auto 0;padding:0 10px}.circle-help strong{color:var(--ink)}.explanation{border-left:1px solid var(--line);padding:12px 0 12px 38px}.explanation h2{font-size:clamp(34px,3.5vw,49px);margin:0 0 13px;line-height:1.12}.subtitle{font-family:Georgia,serif;font-size:20px;line-height:1.45;color:var(--accent);margin:0 0 23px}.definition{font-size:17px;line-height:1.7;margin:0 0 24px}.example{border-top:1px solid var(--line);padding-top:21px}.example .eyebrow{margin-bottom:11px}.example>p:last-child{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 23px}.more{border:0;padding:8px 0;display:flex;align-items:center;gap:22px;color:var(--accent);font-size:14px}.more:hover{background:transparent}.more span{font-size:21px}.principle{border-top:1px solid var(--line);padding:39px 0;display:flex;gap:24px;justify-content:center}.principle-line{height:57px;width:3px;flex-shrink:0;background:#b77750;margin-top:6px}.principle h2{font-size:28px;line-height:1.3;margin:0 0 17px}.principle p{font-size:14px;color:var(--muted);line-height:1.7;max-width:735px;margin:8px 0}.principle .aim{color:#453c32}.explore{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.explore-toggle{width:100%;min-height:75px;display:flex;align-items:center;justify-content:space-between;border:0;background:transparent;text-align:left;padding:14px 0;font-family:Georgia,serif;font-size:22px}.explore-toggle small{font:13px Arial,sans-serif;color:var(--muted);margin-left:20px}.explore-sign{font:26px Arial,sans-serif;color:var(--accent)}#care-explore{padding:0 0 28px;line-height:1.7}#care-explore p{max-width:850px}.sliders{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin:30px 0}.sliders label{font-size:14px;display:flex;flex-direction:column;justify-content:end;gap:12px}.sliders input{width:100%;accent-color:var(--accent);height:25px;cursor:pointer}.range-ends{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.small{font-size:13px;color:var(--muted)}footer{display:flex;justify-content:space-between;gap:20px;padding:25px 0 30px;font-size:11px;letter-spacing:.12em;color:var(--muted)}.keyboard-hint{letter-spacing:0;display:flex;align-items:center;gap:8px}.keyboard-hint kbd{border:1px solid var(--line);border-radius:3px;padding:2px 5px}.more-panel{border-top:1px solid var(--line);background:#f0ebe2;padding:30px;grid-template-columns:1fr 1fr;gap:40px;margin-bottom:35px;border-radius:5px}.more-panel:not([hidden]){display:grid}.more-panel p:not(.eyebrow){font-size:16px;line-height:1.75;margin:0 0 24px}.more-panel .shorthand{font-family:Georgia,serif;color:var(--accent);font-size:22px!important}.presenting .care-app{max-width:1800px;padding:0 4vw}.presenting .intro{padding:20px 0}.presenting .intro h1{font-size:40px}.presenting .intro .eyebrow,.presenting .intro-note,.presenting .wordmark,.presenting .principle,.presenting .explore,.presenting footer{display:none}.presenting .masthead{height:60px;justify-content:end;border:0}.presenting .stage{gap:4vw;padding-top:25px;min-height:65vh}.presenting .mode{font-size:18px;min-height:70px}.presenting .definition{font-size:21px}.presenting .example>p:last-child{font-size:18px}.presenting .visual-wrap{max-width:850px;margin:auto}.presenting .explanation h2{font-size:52px}.presenting .figure-heading{font-size:13px}[hidden]{display:none!important}@media(min-width:1500px){.stage{gap:65px}}@media(max-width:1050px){.care-app{padding:0 4%}.stage{gap:20px;grid-template-columns:1.4fr 1fr}.explanation{padding-left:24px}.mode{gap:8px;padding:8px;font-size:14px}.mode kbd{display:none}.intro-note{display:none}.explanation h2{font-size:35px}.subtitle{font-size:18px}.definition{font-size:16px}.sliders{grid-template-columns:repeat(3,1fr)}}@media(max-width:730px){.masthead{height:68px}.intro{padding:31px 0 25px}.intro .eyebrow{font-size:10px}.deck{font-size:16px;line-height:1.5}.modes{grid-template-columns:repeat(2,1fr)}.mode{min-height:58px;padding:9px}.stage{grid-template-columns:1fr;gap:10px;padding:26px 0}.figure-heading{font-size:10px}.visual-wrap{margin:14px -8px 0}.ring-label text{font-size:17px}.explanation{border-left:0;border-top:1px solid var(--line);padding:27px 3px 5px}.explanation h2{font-size:39px}.circle-help{min-height:63px}.principle{padding:29px 0;gap:16px}.principle h2{font-size:24px}.wide-break{display:none}.more-panel:not([hidden]){grid-template-columns:1fr;gap:5px;padding:22px}.explore-toggle small{display:block;margin:7px 0 0}.sliders{grid-template-columns:1fr;gap:22px}footer{font-size:10px}.keyboard-hint{display:none}.presenting .stage{grid-template-columns:1fr}.presenting .explanation h2{font-size:40px}.presenting .mode{font-size:15px}.presenting .intro h1{font-size:38px}.presenting .definition{font-size:18px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

.explore-heading{margin:0;padding:25px 0 8px;font-size:26px;line-height:1.4}.explore-heading small{font:13px Arial,sans-serif;color:var(--muted);margin-left:20px}.map-instruction{color:var(--accent);margin-top:8px}.visualization-caveat{font-size:14px;line-height:1.65;color:var(--muted);padding:12px 15px;border-left:2px solid #b77750;background:#f1ece3;margin:0 0 24px}@media(max-width:730px){.explore-heading small{display:block;margin:7px 0 0}}
.resources{padding:52px 0 38px;border-bottom:1px solid var(--line)}
.resources-heading{margin-bottom:27px}.resources-heading .eyebrow{margin-bottom:11px}.resources-heading h2{font-size:34px;line-height:1.2;margin:0}
.resource-grid{display:grid;grid-template-columns:.9fr 1.25fr;gap:22px}
.ripple-resource,.book-resource{padding:32px;display:flex;flex-direction:column;position:relative;overflow:hidden;border-radius:8px;min-width:0}
.ripple-resource{background:#203e3b;color:#f8f6ee}.book-resource{background:#f1ebe1;border:1px solid #e2d8ca}
.resource-kind{font-size:11px;letter-spacing:.15em;font-weight:600;line-height:1.5;margin:0 0 30px;position:relative}.ripple-resource .resource-kind{color:#bdcec5}.book-resource .resource-kind{color:#79644f}
.resource-grid h3{font-family:Georgia,serif;font-weight:400;letter-spacing:-.025em;line-height:1.1;margin:0;position:relative}.ripple-resource h3{font-size:42px;margin:6px 0 22px}.resource-description{font-size:16px;line-height:1.75;margin:0 0 26px;position:relative}.ripple-resource .resource-description{max-width:330px;color:#d6e0d9}.book-resource .resource-description{color:#675b4e;margin-top:25px}
.resource-link{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:52px;padding:17px 0 0;margin-top:auto;border-top:1px solid #ffffff38;color:inherit;text-decoration:none;font-size:15px;font-weight:600;position:relative}.resource-link>span:last-child{font-size:23px;font-weight:400}.resource-link:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}.book-resource .resource-link{border-color:#cfc0ac;color:#87421f}.resources a:focus-visible{outline:3px solid #b87e50;outline-offset:5px}
.book-layout{display:grid;grid-template-columns:136px 1fr;align-items:center;gap:28px}.book-cover-link{display:block;width:136px;flex-shrink:0}.book-cover-link img{display:block;width:100%;max-width:136px;height:auto;box-shadow:3px 6px 12px #4a332a26;border-radius:1px}.book-copy h3{font-size:31px}.book-subtitle{font-size:14px;line-height:1.55;color:#75624f;margin:14px 0}.book-credit{font-size:14px;line-height:1.6;margin:0;color:#443c32}.book-credit span{display:block;font-size:12px;color:#796c5d;margin-top:3px}
.ripple-motif{position:absolute;width:270px;height:270px;right:-118px;top:5px;pointer-events:none;opacity:.4;display:grid;place-items:center}.ripple-motif i{position:absolute;border:1px solid #b6c8ae;border-radius:50%;width:100%;height:100%}.ripple-motif i:nth-child(2){width:73%;height:73%}.ripple-motif i:nth-child(3){width:46%;height:46%}.ripple-motif i:nth-child(4){width:19%;height:19%;background:#b6c8ae18}
.presenting .resources{display:none}
@media(max-width:1050px){.resource-grid{grid-template-columns:1fr 1.2fr;gap:16px}.ripple-resource,.book-resource{padding:26px}.book-layout{grid-template-columns:108px 1fr;gap:20px}.book-cover-link{width:108px}.book-copy h3{font-size:27px}.ripple-resource h3{font-size:38px}}
@media(max-width:800px){.resource-grid{grid-template-columns:1fr}.ripple-resource,.book-resource{padding:28px}.ripple-resource .resource-description{max-width:480px}.ripple-resource h3 br{display:none}.ripple-motif{right:-90px;top:-80px}.book-layout{grid-template-columns:128px 1fr;gap:28px}.book-cover-link{width:128px}.book-copy h3{font-size:31px}.resource-kind{margin-bottom:24px}}
@media(max-width:420px){.resources{padding-top:35px}.resources-heading h2{font-size:29px}.ripple-resource,.book-resource{padding:23px}.book-layout{grid-template-columns:95px 1fr;gap:18px}.book-cover-link{width:95px}.book-copy h3{font-size:25px}.book-subtitle{font-size:13px}.book-credit{font-size:13px}.ripple-resource h3{font-size:34px}}

.intensity-note{font-size:14px;line-height:1.65;color:var(--muted);text-align:center;max-width:560px;margin:15px auto 0;padding:0 10px}.integration-note{font-family:Georgia,serif;font-size:19px;line-height:1.5;color:var(--accent);margin:-7px 0 22px}.presenting .intensity-note{font-size:15px}
.view-tabs{display:flex;gap:30px;margin:0 0 24px;border-bottom:1px solid var(--line)}.view-tabs button{border:0;border-bottom:3px solid transparent;padding:13px 2px 15px;background:transparent;font-size:17px;color:var(--muted)}.view-tabs button[aria-selected=true]{border-bottom-color:var(--accent);color:var(--accent)}.view-tabs button span{display:block;font-size:12px;margin-top:6px;font-weight:400;color:var(--muted)}
.care-tool[data-view="self-other"] .modes{grid-template-columns:repeat(5,minmax(0,1fr))}.care-tool[data-view="self-other"] .mode{padding:9px 10px;gap:9px;line-height:1.4;font-size:14px}.venn-mini{width:39px;height:32px;flex-shrink:0}.venn-wrap{margin:15px 0 5px}.venn-region{cursor:pointer;transition:fill 450ms ease,stroke 450ms ease,stroke-width 450ms ease;paint-order:stroke fill}.venn-region.inspected{stroke-dasharray:4 3}.venn-region:focus-visible{outline:3px solid #285977;outline-offset:5px}.venn-labels{pointer-events:none;font:24px Georgia,serif}.venn-labels text{transition:fill 450ms ease}.venn-labels .overlap-label{font:16px Arial,sans-serif}.figure-heading{flex-wrap:wrap;line-height:1.5}.care-tool[data-view="self-other"] .circle-visual,.care-tool[data-view="self-other"] .explore,.care-tool[data-view="circles"] .venn-wrap{display:none}
@media(max-width:1050px){.care-tool[data-view="self-other"] .mode{font-size:14px;gap:6px}.venn-mini{width:31px}.view-tabs{margin-bottom:18px}}@media(max-width:730px){.care-tool[data-view="self-other"] .modes{grid-template-columns:repeat(2,minmax(0,1fr))}.care-tool[data-view="self-other"] .mode{font-size:14px}.care-tool[data-view="self-other"] .mode:nth-child(3){grid-column:1/-1;grid-row:2;justify-content:center}.venn-mini{width:39px}.view-tabs{gap:26px}.view-tabs button{font-size:16px}.venn-labels{font-size:28px}.venn-labels .overlap-label{font-size:19px}.venn-wrap{margin:22px -8px 15px}}
.presenting .view-tabs{margin-bottom:16px}.presenting .view-tabs button{padding-top:4px;padding-bottom:10px}.presenting .view-tabs button span{display:none}

.care-tool{display:block;scroll-margin-top:25px;padding-top:28px}.care-tool+.care-tool{border-top:1px solid var(--line);margin-top:35px;padding-top:43px}.tool-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:26px}.tool-heading .eyebrow{margin-bottom:10px}.tool-heading h2{font-size:34px;line-height:1.2;margin:0}.tool-heading>p{font-size:14px;line-height:1.65;color:var(--muted);max-width:340px;margin:0}.panel-shortcuts{font-size:12px;color:var(--muted);display:flex;gap:8px;align-items:center;margin:0 0 20px}.panel-shortcuts kbd{border:1px solid var(--line);padding:2px 5px;border-radius:3px}.care-tool .stage{padding-bottom:20px}.care-tool .explore{margin-bottom:23px}.presenting .tool-heading h2{font-size:34px}.presenting .tool-heading>p{display:none}.presenting .care-tool+.care-tool{margin-top:35px}@media(max-width:730px){.tool-heading{display:block}.tool-heading h2{font-size:30px}.tool-heading>p{margin-top:13px;max-width:none}.care-tool+.care-tool{margin-top:25px;padding-top:30px}.panel-shortcuts{display:none}}