.metre-pack-selector{border:0;padding:0;margin:12px 0 16px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.metre-pack-selector legend{font-weight:800;margin-bottom:9px}
.metre-pack{position:relative;display:flex;flex-direction:column;gap:3px;border:2px solid #d7e0e4;border-radius:12px;padding:13px;cursor:pointer;background:#fff}
.metre-pack:has(input:focus-visible){outline:3px solid var(--accent-soft, #add3df);outline-offset:2px}
.metre-pack.is-selected{border-color:var(--accent-deep, #2f6578);background:#f3f8fa}
.metre-pack input{position:absolute;opacity:0;pointer-events:none}
.metre-pack-main{display:flex;align-items:center;justify-content:space-between;gap:8px}
.metre-pack-main em{font-size:.68rem;font-style:normal;text-transform:uppercase;letter-spacing:.05em;background:var(--accent-deep, #2f6578);color:#fff;border-radius:20px;padding:3px 7px}
.metre-pack-rate{font-weight:800;color:var(--accent-deep, #2f6578)}
.metre-pack-total{font-size:.82rem;color:#52616a}
.custom-metre-control{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:4px;font-size:.85rem;font-weight:700}
.custom-metre-control select{min-width:105px;border:1px solid #aebdc4;border-radius:8px;background:#fff;padding:7px 9px;font:inherit;color:var(--ink)}
@media(max-width:560px){.metre-pack-selector{grid-template-columns:1fr}}
.metre-loose{grid-column:1/-1;font-size:.9rem;padding:8px}.metre-pack-note{font-size:.85rem;color:#52616a}