.tile-calculator,.tile-result{max-width:820px;padding:clamp(16px,3vw,28px);border:1px solid var(--line);border-radius:8px;background:var(--white)}
.tile-calculator fieldset{min-inline-size:0;margin:0 0 20px;padding:12px;border:1px solid var(--line);border-radius:6px}
.tile-calculator legend{font-weight:700;padding-inline:6px}
.tile-row,.tile-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;margin-bottom:10px}
.tile-row strong{align-self:center}
.tile-calculator label{display:grid;gap:4px;font-size:.9rem}
.tile-calculator input:not([type=hidden]){min-width:0;width:100%;padding:8px;min-height:44px;border:1px solid var(--control-border);border-radius:4px;font:inherit}
.tile-result{margin-top:20px;scroll-margin-top:16px}
.tile-result h2{font-size:clamp(1.7rem,3vw,2.25rem)}
.tile-result p{margin-block:12px}
.tile-result dl{display:flex;flex-wrap:wrap;gap:12px}
.tile-result dl div{flex:1 1 140px;padding:12px;background:var(--blue-soft);border-radius:4px}
.tile-result dd{margin:0;font-size:1.4rem;font-weight:700}
@media(max-width:570px){.tile-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px}.tile-row strong{grid-column:1/-1}.tile-options{grid-template-columns:1fr}}