.location-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.location-inputs.levels-2,.mock-location.levels-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.location-field{display:flex;flex-direction:column;gap:8px;min-width:0}
.location-field>span{font-size:15px;font-weight:600;color:#334155}
.location-field .select-input{width:100%;min-width:0;min-height:48px;padding:11px 34px 11px 12px;font-size:16px;color:#172b4d;background-color:#fff;border:1px solid #8998af;border-radius:6px}
.location-field .select-input:focus{outline:3px solid color-mix(in srgb,var(--brand,#3659d9) 22%,transparent);outline-offset:1px;border-color:var(--brand,#3659d9)}
.location-field .select-input:disabled{color:#5b677a;background-color:#f0f3f7;border-color:#c4cdd9;cursor:not-allowed;opacity:1}
.location-hint{margin-top:10px;font-size:14px;line-height:1.6;color:#475569}
.city-tier-result{padding:16px 20px;background:#f5f7fc;border:1px solid #c7d2e4;border-radius:8px;line-height:1.7}
.city-tier-result>span{display:block;color:#475569;font-size:14px}
.city-tier-result>strong{display:block;margin-top:4px;font-size:20px;color:#172b4d}
.city-tier-result>p{margin:4px 0 0;font-size:14px;color:#475569}
.city-tier-guide{margin:12px 0;padding:14px;background:#f5f7fc;border:1px solid #c7d2e4;border-radius:8px;color:#253858;font-size:14px;line-height:1.7}
.city-tier-guide summary{cursor:pointer;font-weight:600;font-size:15px;color:#172b4d}
.city-tier-guide p{margin:8px 0}
.city-tier-guide dl{margin:10px 0}.city-tier-guide dt{font-weight:600;color:#172b4d}.city-tier-guide dd{margin:2px 0 10px}
.mock-location span{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:5px;background:#fff}
.mock-location span b{font-size:18px;color:#53657c}
@media(max-width:650px){.location-inputs,.location-inputs.levels-2{grid-template-columns:1fr;gap:12px}.location-field{gap:6px}}
