@media screen {
 .os-page {width:100%;box-sizing:border-box; overflow-wrap:anywhere}
 .os-page form {display:grid;gap:16px}
 .os-page label {display:grid;gap:8px;min-width:0}
 .os-page input,.os-page select {width:100%;box-sizing:border-box;min-width:0;font-size:16px;min-height:44px}
 .os-page button {min-height:44px;white-space:normal}
 .os-page dl {display:grid;grid-template-columns:minmax(0,1fr);gap:4px}
 .os-page dd {margin:0 0 12px}
 .os-uin {font-variant-numeric:tabular-nums}
 @media(min-width:640px){.os-page dl{grid-template-columns:minmax(0,1fr) minmax(0,2fr)}}
}

.os-pricing {min-width:0;display:grid;gap:16px;border:1px solid #dfe3ed;border-radius:14px;padding:16px}
.os-pricing legend {font-weight:600;padding:0 8px}
.os-price-entry {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center}
.os-price-entry button {height:100%;padding:8px 12px}

.os-price-mark {color:#5060b9;margin-left:8px;font-size:14px}
.os-page .os-replace {display:flex;align-items:center;gap:8px}
.os-page .os-replace input {width:20px;min-height:20px;flex-shrink:0}

.os-page [hidden] {display:none !important}

@media screen and (min-width:768px) {
 .os-pricing {grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr))}
 .os-pricing>p,.os-pricing>[data-os-preview],.os-pricing>.os-replace {grid-column:1/-1}
 .os-page [data-os-rows] {display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:16px}
}