.care-hero{padding:30px 0 28px}.care-hero h1{font-size:clamp(1.9rem,3.7vw,3rem);max-width:880px}.care-hero .care-lead{max-width:820px;font-size:1.03rem;line-height:1.8}.care-hero .breadcrumbs{margin-bottom:20px}.care-workspace{margin-bottom:28px}.care-form{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:24px;align-items:start}.care-inputs,.care-output{border:1px solid var(--line);border-radius:22px;min-width:0;padding:26px;background:var(--surface)}.care-output{background:var(--surface-2)}.care-inputs h2{margin:0 0 12px;font-size:1.3rem}.care-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 15px}.care-fields .field{min-width:0}.care-fields input{width:100%;min-width:0}.care-fields small{font-size:.77rem;line-height:1.65;font-weight:400;color:var(--muted)}.care-example-label{font-size:.84rem;color:var(--muted);line-height:1.6;border-left:3px solid var(--primary);padding:9px 12px;margin:0 0 18px}.care-note{font-size:.88rem;color:var(--muted);line-height:1.7}.care-provenance{font-size:.79rem;color:var(--muted);margin:0 0 14px}.care-main{font-size:clamp(1.65rem,2.65vw,2.25rem);color:var(--primary);line-height:1.4;margin:8px 0 12px;overflow-wrap:anywhere}.care-reading{font-size:.92rem;color:var(--muted);line-height:1.7}.care-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0}.care-metrics>div{background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:13px;min-width:0}.care-metrics span,.care-metrics strong{display:block}.care-metrics span{font-size:.75rem;color:var(--muted);margin-bottom:5px}.care-metrics strong{font-size:1rem;overflow-wrap:anywhere}.care-scope{font-size:.84rem;line-height:1.8;color:var(--muted)}.care-next{display:block;font-size:.9rem;font-weight:700;margin:18px 0 4px}.care-reset{background:var(--surface);border:1px solid var(--line);color:var(--text);font-weight:650;border-radius:10px;padding:10px 15px;min-height:44px;margin-top:20px;cursor:pointer}.care-edit{display:none}.care-chart{margin:20px 0}.care-chart figcaption{font-weight:700;font-size:.95rem}.care-chart svg{width:100%;height:auto;display:block;margin-top:8px}.care-chart text{fill:var(--muted);font-family:inherit;font-size:12px}.care-axis{fill:none;stroke:var(--line);stroke-width:2}.care-line{fill:none;stroke:var(--primary);stroke-width:3}.care-point{fill:var(--primary)}.care-target{stroke:#c27a25;stroke-width:2;stroke-dasharray:6 5}.care-caption{font-size:.8rem;color:var(--muted);line-height:1.65}.care-mix{display:grid;grid-template-columns:1fr 24px 1fr;gap:10px;align-items:center;margin:22px 0}.care-cool,.care-warm{border:1px solid var(--line);border-top:4px solid #396eb0;border-radius:13px;background:var(--surface);padding:16px 12px}.care-warm{border-top-color:#c27a25}.care-mix span,.care-mix strong{display:block}.care-mix span{font-size:.8rem;color:var(--muted)}.care-mix strong{font-size:1.45rem;margin-top:7px}.care-plus{font-size:1.5rem!important;text-align:center}.care-temperature-compare{display:grid;gap:14px;margin:22px 0}.care-temperature-compare>div{display:grid;grid-template-columns:1fr auto;gap:4px 12px;border-bottom:1px solid var(--line);padding-bottom:12px}.care-temperature-compare span{font-size:.86rem}.care-temperature-compare strong{font-size:1.35rem}.care-temperature-compare small{grid-column:1/-1;color:var(--muted);font-size:.78rem}.care-data{margin:20px 0;overflow-x:auto}.care-data summary{font-size:.88rem;cursor:pointer;font-weight:700}.care-data table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.82rem}.care-data th,.care-data td{text-align:right;padding:10px 7px;border-bottom:1px solid var(--line)}.care-data th:first-child{text-align:left}.care-error{border-left:4px solid #bf493a;padding-left:14px}.care-error .care-main{color:#bf493a}.care-article-grid{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:26px;align-items:start;margin-bottom:50px}.care-article{padding:30px;background:var(--surface);border:1px solid var(--line);border-radius:22px;min-width:0;line-height:1.85}.care-article h2{font-size:1.4rem;margin:28px 0 12px}.care-article h2:first-child{margin-top:0}.care-article h3{font-size:1.08rem}.care-article p{font-size:.95rem}.care-article ul,.care-article ol{padding-left:24px}.care-article li{margin-bottom:10px}.care-formula{padding:16px;background:var(--surface-2);border-radius:12px;font-size:.9rem;overflow-wrap:anywhere}.care-source-list{font-size:.88rem}.care-source-list a{overflow-wrap:anywhere}.care-related{display:grid;gap:12px}.care-related a{display:block;padding:18px;background:var(--surface);border:1px solid var(--line);border-radius:14px;font-size:.92rem;font-weight:650}.care-route-cards{margin:28px auto}.care-route-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.care-route-grid a{display:block;text-decoration:none;padding:20px;border:1px solid var(--line);background:var(--surface);border-radius:16px;color:var(--text)}.care-route-grid strong,.care-route-grid span{display:block}.care-route-grid span{font-size:.86rem;color:var(--muted);margin-top:7px}.care-route-grid small{font-size:.76rem;color:var(--primary)}.care-volume-link{font-size:.84rem;margin:15px 0 0}.care-form [hidden]{display:none}.care-fields input:focus-visible,.care-reset:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
@media(max-width:900px){.care-article-grid{grid-template-columns:1fr}.care-related{grid-template-columns:repeat(2,minmax(0,1fr))}.care-route-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.care-form{grid-template-columns:1fr}.care-output{order:-1}.care-inputs,.care-output{padding:20px}.care-hero{padding-top:22px}.care-hero .care-lead{font-size:.94rem}.care-edit{display:inline-block;font-size:.88rem;font-weight:700;margin-top:18px}.care-inputs{scroll-margin-top:85px}.care-article{padding:22px}.care-fields{gap:16px 12px}.care-fields .field>span:first-child{font-size:.85rem}.care-metrics strong{font-size:.94rem}}
@media(max-width:400px){.care-inputs,.care-output{padding:16px}.care-mix{gap:5px;grid-template-columns:1fr 16px 1fr}.care-mix strong{font-size:1.15rem}.care-cool,.care-warm{padding:14px 9px}.care-related{grid-template-columns:1fr}.care-hero h1{font-size:1.8rem}}

.care-article-grid>div{min-width:0}.care-route-grid:has(>a:only-child){grid-template-columns:minmax(0,1fr)}.care-route-grid:has(>a:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}