.surface-care{color:#23333f;background:#f4f7f8;border:1px solid #dce3e7;border-radius:20px;max-width:100%;margin:28px 0 0;padding:20px;font-family:inherit}.surface-care figcaption{letter-spacing:-.02em;font-size:18px;font-weight:600;line-height:1.4}.surface-care-intro{color:#52636e;margin:6px 0 18px;font-size:15px;line-height:1.6}.surface-care-tabs{flex-wrap:wrap;gap:8px;display:flex}.surface-care-tabs button{color:#344956;min-height:44px;font:inherit;cursor:pointer;background:#fff;border:1px solid #b9c7cf;border-radius:999px;padding:10px 14px;font-size:14px}.surface-care-tabs button[aria-pressed=true]{color:#fff;background:#243b4a;border-color:#243b4a}.surface-care button:focus-visible,.surface-care input:focus-visible{outline-offset:3px;outline:3px solid #2f7fa3}.surface-care-scene{background:linear-gradient(155deg,#fff,#eaf0f3);border-radius:14px;margin:20px 0 14px;padding:10px 8px 15px}.surface-care-scene svg{width:100%;height:auto;display:block}.surface-care-labels{text-align:center;grid-template-columns:1.1fr 1fr;gap:10px;font-size:14px;font-weight:500;line-height:1.5;display:grid}.surface-care-toggle{cursor:pointer;align-items:center;gap:12px;min-height:48px;font-size:14px;line-height:1.5;display:flex}.surface-care-toggle input{accent-color:#243b4a;flex-shrink:0;width:20px;height:20px}.surface-care-result{background:#fff;border-left:3px solid #58798b;border-radius:0 10px 10px 0;margin-top:12px;padding:16px}.surface-care-result[data-grit=true]{background:#fff9f1;border-left-color:#9e611e}.surface-care-result h3{margin:0;font-size:16px;font-weight:600;line-height:1.5}.surface-care-result p,.surface-care-material{margin:7px 0 0;font-size:14px;line-height:1.65}.surface-care-material{margin-top:17px}.surface-care-note{color:#596a74;margin:12px 0 0;font-size:14px;line-height:1.6}@media (width<=420px){.surface-care{padding:16px}.surface-care-tabs{gap:6px}.surface-care-tabs button{padding-inline:11px}}