/* 坪・畳・平米 換算 */
#app-tsubo .tb-panel,
#app-tsubo .tb-result {
    background: var(--bs-tertiary-bg);
    border-radius: .5rem;
}
#app-tsubo .tb-result { border-left: 4px solid var(--bs-primary); }

/* 入力4つ: スマホ 2列×2行 / PC 4列 */
#app-tsubo .tb-inputs {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .75rem;
}
@media (min-width: 768px) {
    #app-tsubo .tb-inputs { grid-template-columns: repeat(4, minmax(0, 1fr)); }
}
#app-tsubo .tb-inputs .form-control { min-width: 0; font-weight: 700; }
#app-tsubo .tb-inputs .form-label { white-space: nowrap; }

/* 畳の大きさ: 等幅グリッド（スマホ 3列 / PC 5列） */
#app-tsubo .tb-choice {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: .5rem;
}
@media (min-width: 768px) {
    #app-tsubo .tb-choice { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}
#app-tsubo .tb-choice .btn {
    white-space: nowrap;
    padding-inline: .25rem;
    line-height: 1.25;
}
#app-tsubo .tb-choice small { font-size: .72rem; opacity: .85; }

#app-tsubo .tb-sentence { font-size: clamp(1.1rem, 4.2vw, 1.5rem); font-variant-numeric: tabular-nums; }

/* 畳の目安図 */
#app-tsubo .tb-figure { max-width: 300px; }
#app-tsubo .tb-svg { width: 100%; height: auto; display: block; }
#app-tsubo .tb-mat {
    fill: #cfe3b0;
    stroke: #6b8e3a;
    stroke-width: .04;
}
[data-bs-theme="dark"] #app-tsubo .tb-mat {
    fill: #3f5a24;
    stroke: #a9c97a;
}