.tc-example-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:16px;display:grid}.tc-example-card{background:#13141e;border:1px solid #c8a9611a;border-radius:12px;justify-content:space-between;align-items:center;padding:14px 18px;transition:border-color .3s,transform .3s;display:flex}.tc-example-card:hover{border-color:#c8a96140;transform:translateY(-2px)}.tc-expr{color:#a8a4b4;font-family:Sora,sans-serif;font-size:.9rem}.tc-res{color:#e2cc8f;font-family:Bodoni Moda,serif;font-size:1.1rem;font-weight:700}.tc-tab-btns{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}.tc-tab-btn{color:#a8a4b4;cursor:pointer;background:0 0;border:1px solid #c8a96126;border-radius:8px;padding:7px 16px;font-family:Sora,sans-serif;font-size:.8rem;font-weight:500;transition:all .25s}.tc-tab-btn:hover{color:#e2cc8f;border-color:#c8a9614d}.tc-tab-btn.active{color:#e2cc8f;background:#c8a9611f;border-color:#c8a9614d;font-weight:600}.tc-table-wrap{max-width:500px;margin:0 auto 32px}.tc-conversion-table{border-collapse:collapse;width:100%;font-family:Sora,sans-serif}.tc-conversion-table th{text-align:left;color:#c8a961;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid #c8a96126;padding:12px 16px;font-size:.8rem;font-weight:600}.tc-conversion-table td{color:#a8a4b4;border-bottom:1px solid #c8a9610f;padding:11px 16px;font-size:.92rem}.tc-conversion-table td:last-child{color:#e2cc8f;font-family:Bodoni Moda,serif;font-size:1rem;font-weight:600}.tc-conversion-table tbody tr:hover{background:#c8a9610a}.tc-slider-wrap{background:linear-gradient(145deg,#13141e,#0e0f17);border:1px solid #c8a9611a;border-radius:16px;max-width:500px;margin:0 auto;padding:24px}.tc-slider-label{color:#6a6878;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:16px;font-family:Sora,sans-serif;font-size:.75rem;display:block}.tc-slider{appearance:none;background:#1e1f2e;border-radius:3px;outline:none;width:100%;height:6px}.tc-slider::-webkit-slider-thumb{appearance:none;cursor:pointer;background:linear-gradient(135deg,#c8a961,#a8893d);border-radius:50%;width:22px;height:22px;box-shadow:0 0 10px #c8a9614d}.tc-slider::-moz-range-thumb{cursor:pointer;background:linear-gradient(135deg,#c8a961,#a8893d);border:none;border-radius:50%;width:22px;height:22px}.tc-slider-output{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:20px;display:flex}.tc-slider-val{color:#e2cc8f;font-family:Bodoni Moda,serif;font-size:1.6rem;font-weight:700}.tc-slider-unit{color:#6a6878;text-align:center;font-family:Sora,sans-serif;font-size:.75rem;display:block}.tc-slider-eq{color:#c8a961;font-family:Bodoni Moda,serif;font-size:1.4rem}.tc-scenario-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.tc-scenario-card{background:linear-gradient(145deg,#13141e,#0e0f17);border:1px solid #c8a96114;border-radius:16px;padding:24px;transition:border-color .3s,transform .3s}.tc-scenario-card:hover{border-color:#c8a96133;transform:translateY(-3px)}.tc-scenario-card h3{color:#f0ece4;margin-bottom:10px;font-family:Sora,sans-serif;font-size:1rem;font-weight:600}.tc-scenario-calc{color:#a8a4b4;margin-bottom:4px;font-family:Sora,sans-serif;font-size:.9rem}.tc-scenario-result{color:#e2cc8f;margin-bottom:8px;font-family:Bodoni Moda,serif;font-size:1.3rem;font-weight:700}.tc-scenario-card p:last-child{color:#6a6878;font-family:Sora,sans-serif;font-size:.85rem;line-height:1.5}.tc-format-card{background:linear-gradient(145deg,#13141e,#0e0f17);border:1px solid #c8a9611f;border-radius:16px;max-width:700px;margin:32px auto 0;padding:28px}.tc-format-label{color:#6a6878;text-transform:uppercase;letter-spacing:.08em;text-align:center;margin-bottom:20px;font-family:Sora,sans-serif;font-size:.75rem}.tc-format-grid{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.tc-format-item{text-align:center;background:#0a0b1080;border:1px solid #c8a96114;border-radius:12px;padding:16px 8px}.tc-fmt-val{color:#e2cc8f;font-family:Bodoni Moda,serif;font-size:1.4rem;font-weight:700;display:block}.tc-fmt-lbl{color:#6a6878;text-transform:uppercase;letter-spacing:.06em;margin-top:6px;font-family:Sora,sans-serif;font-size:.7rem;display:block}@media (width<=768px){.tc-example-grid{grid-template-columns:1fr}.tc-format-grid{grid-template-columns:repeat(2,1fr)}.tc-scenario-grid{grid-template-columns:1fr}}