.tc-colorant{
font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
color:#0f172a; line-height:1.6; background:#fff;
border:1px solid #e5e7eb; border-radius:12px; padding:22px;
box-shadow:0 6px 20px rgba(2,8,23,.04)
}
.tc-colorant h1{margin:0 0 .6rem; font-size:1.45rem; color:#0f7a3a}
.tc-colorant .sub{margin:0 0 1.1rem; color:#475569; font-size:1rem}
.tc-swatch{display:inline-flex; align-items:center; gap:10px; margin:.2rem 0 1.1rem}
.tc-chip{width:18px; height:18px; border-radius:4px; border:1px solid #d1d5db; background:#15803d}
.tc-chip.is-light{background:#86efac}
.tc-chip.is-dark{background:#065f46}
.tc-grid{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.tc-card{border:1px solid #e5e7eb; border-radius:10px; padding:16px; background:#f9fafb}
.tc-card h2{margin:.2rem 0 .6rem; font-size:1rem}
.tc-list{margin:0; padding-left:1.1rem}
.tc-specs{list-style:none; margin:0; padding:0; display:grid; gap:8px}
.tc-spec{background:#fff; border:1px solid #e5e7eb; border-radius:8px; padding:10px}
.tc-k{font-size:.78rem; color:#64748b; text-transform:uppercase; letter-spacing:.04em}
.tc-v{font-weight:600}
.tc-note{margin-top:12px; font-size:.9rem; color:#475569}
@media (max-width: 860px){ .tc-grid{grid-template-columns:1fr} }