.tdl-spine-calc { border: 1px solid #e5e7eb; padding: 1rem; border-radius: .75rem; max-width: 100%; background: #fff; }
.tdl-spine-calc h3 { margin-top: 0; font-size: 1.15rem; }
.tdl-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 1rem; }
fieldset { border: 1px solid #e5e7eb; border-radius: .5rem; padding: .75rem; }
legend { padding: 0 .5rem; font-weight: 600; color: #111827; }
.tdl-row { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: .5rem; margin: .35rem 0; }
.tdl-row span { color: #374151; }
.tdl-row input, .tdl-row select { width: 100%; padding: .4rem .5rem; border: 1px solid #d1d5db; border-radius: .375rem; }
.tdl-result { margin-top: 1rem; padding: .75rem; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: .5rem; }
.tdl-value { font-weight: 700; font-size: 1.05rem; }
.tdl-note { color: #6b7280; margin-top: .25rem; font-size: .9rem; }
.tdl-spine-calc [data-scope] { display: none; }