.metraj-box{border:1px solid var(--color-border,#d6dce2);border-radius:12px;padding:clamp(1rem,3vw,2rem);margin:1.5rem 0;background:var(--color-surface,#fff)}.metraj-box .field input,.metraj-box .field select{max-width:30rem}.metraj-box fieldset{min-width:0;border:1px solid #d6dce2;padding:1rem;margin:1rem 0}.metraj-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.metraj-box button{margin-top:.8rem}.metraj-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.metraj-results div{padding:1rem;background:var(--color-white);border-radius:8px}.metraj-results dd{font-size:1.35rem;font-weight:700;margin:.4rem 0 0}.metraj-error{padding:1rem;border-left:4px solid var(--color-accent-ink);background:var(--color-accent-soft);color:var(--color-accent-ink)}.metraj-box [hidden]{display:none}.metraj-box p,.metraj-box a,.metraj-results dd{overflow-wrap:anywhere}@media(max-width:40rem){.metraj-grid,.metraj-results{grid-template-columns:1fr}}