.care-diagram{--diagram-ink:#242824;--diagram-muted:#626a65;--diagram-porcelain:#fffdf8;--diagram-wash:#eee9df;--diagram-line:#d2c9bc;--diagram-gold:#8c693b;--diagram-sage:#617568;margin:36px 0 46px;max-width:100%;padding:clamp(20px,4vw,36px);border:1px solid var(--diagram-line);background:linear-gradient(145deg,#fff 0%,var(--diagram-porcelain) 58%,#f1ede6 100%);box-shadow:0 16px 48px rgba(55,48,39,.08);overflow:hidden}.care-diagram__head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:end;margin-bottom:22px}.care-diagram__eyebrow{display:block;margin-bottom:8px;color:var(--diagram-gold);font-size:10px;font-weight:700;letter-spacing:.18em}.care-diagram h3{max-width:25ch;margin:0;color:var(--diagram-ink);font:400 clamp(23px,3.5vw,35px)/1.4 Georgia,'Noto Serif JP',serif}.care-diagram__mark{width:52px;height:52px;border:1px solid var(--diagram-line);border-radius:50%;display:grid;place-items:center;color:var(--diagram-gold);font:italic 21px/1 Georgia,serif}.care-diagram__canvas{min-width:0;padding:22px;border:1px solid rgba(116,99,77,.25);background:radial-gradient(circle at 15% 10%,rgba(140,105,59,.1),transparent 34%),linear-gradient(rgba(255,255,255,.82),rgba(255,255,255,.82)),repeating-linear-gradient(0deg,transparent 0 27px,rgba(97,117,104,.08) 28px);overflow:hidden}.care-diagram__canvas svg{display:block;width:100%;max-width:100%;height:auto;min-height:150px;color:var(--diagram-ink)}.care-diagram__canvas svg *{vector-effect:non-scaling-stroke}.care-diagram__items{display:grid;grid-template-columns:repeat(var(--care-item-count,4),minmax(0,1fr));gap:1px;margin:0;padding:0;border:1px solid var(--diagram-line);background:var(--diagram-line);list-style:none}.care-diagram__items li{min-width:0;padding:15px;background:rgba(255,255,255,.94)}.care-diagram__items strong{display:block;color:var(--diagram-ink);font-size:13px;letter-spacing:.03em}.care-diagram__items span{display:block;margin-top:5px;color:var(--diagram-muted);font-size:12px;line-height:1.65;overflow-wrap:anywhere}.care-diagram figcaption{margin-top:14px;color:var(--diagram-muted);font-size:12px;line-height:1.8}.care-diagram__items li,.care-diagram figcaption{min-height:44px}@media(max-width:800px){.care-diagram__items{grid-template-columns:1fr 1fr}}@media(max-width:600px){.care-diagram{margin:28px 0 38px;padding:18px 14px}.care-diagram__head{align-items:start}.care-diagram__mark{width:42px;height:42px}.care-diagram__canvas{padding:12px}.care-diagram__canvas svg{min-height:130px}.care-diagram__items{grid-template-columns:1fr}.care-diagram__items li{padding:14px}}
