/* Native, no-script national car plate. The right-hand region is always on the right. */
.national-plate-field{grid-column:1/-1;min-width:0;margin:0;padding:0;border:0}
.national-plate-field legend{padding:0;font-weight:700;color:var(--ink);font-size:15px}
.national-plate-help{font-size:13px;line-height:1.9;color:var(--muted);margin:8px 0 14px}
.national-plate{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(0,.9fr) minmax(0,1.45fr) minmax(0,1fr);align-items:stretch;gap:7px;max-width:440px;min-width:0;min-height:102px;border:2px solid #26353a;border-radius:9px;background:#fff;color:#17262a;box-shadow:0 3px 0 #e1e6e3;margin:0 0 14px;overflow:hidden;font-family:inherit}
.national-plate-band{background:#174487;color:#fff;display:flex;align-items:center;justify-content:space-between;flex-direction:column;padding:13px 4px 10px;text-align:left;font:700 10px/1.4 Arial,sans-serif}
.national-plate-flag{width:21px;height:13px;background:linear-gradient(to bottom,#23883c 0 33%,#fff 33% 67%,#d73535 67% 100%);border:1px solid #ffffff60}
.national-plate .national-plate-part{display:flex;flex-direction:column;gap:0;align-items:stretch;justify-content:center;min-width:0;padding:12px 0 7px}
.national-plate :is(input,select){box-sizing:border-box;min-width:0;width:100%;min-height:48px;height:48px;padding:0 2px;border:1px solid #a5b6b0;border-radius:5px;background:#f4f8f6;color:#17262a;text-align:center;line-height:1.3;font-family:inherit;font-size:clamp(21px,3.5vw,30px);font-weight:700;letter-spacing:1px;box-shadow:none}
.national-plate select{appearance:auto;font-size:24px;direction:rtl;letter-spacing:0}
.national-plate input::placeholder{color:#778b85;opacity:1;letter-spacing:0}
.national-plate .national-plate-caption{font-size:10px;font-weight:400;color:#596a65;text-align:center;white-space:nowrap;margin-top:4px;line-height:1.5;direction:rtl}
.national-plate .national-plate-region{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:0;border-left:2px solid #26353a;padding:7px 6px;background:#f1f7f3;font-size:17px;font-weight:700;line-height:1.3}
.national-plate-ghost{align-self:center;text-align:center;font-size:22px;color:#9da8a4;user-select:none;white-space:nowrap}
.national-plate-region-only .national-plate-region{background:#dfefe6}
.national-plate :is(input,select):focus-visible{outline:3px solid var(--brand,#075c46);outline-offset:1px;background:#fff}
.national-plate [aria-invalid=true]{border:2px solid #b42318;background:#fff5f3}
.national-plate-field>.field-error{display:block;margin-top:5px}
@media(max-width:420px){.national-plate{grid-template-columns:24px minmax(0,1fr) minmax(0,.9fr) minmax(0,1.4fr) minmax(0,1fr);gap:4px;min-height:96px}.national-plate .national-plate-region{padding-inline:4px}.national-plate select{font-size:21px}.national-plate .national-plate-caption{font-size:9px}.national-plate-band{font-size:8px}.national-plate-flag{width:17px}}