/* METAR / SPECI entry page: form frame, METAR-SPECI switch */
form#mf{flex:1 0 auto;display:flex;flex-direction:column;gap:var(--gap)}
body[data-view=metar] #sg-metar,body[data-view=metar] #v-metar{display:flex}
.seg{display:flex;gap:8px;background:#fff;padding:8px;border-radius:12px;box-shadow:0 6px 18px rgba(0,0,0,.3)}
.seg label{cursor:pointer}.seg input{display:none}
.seg span{display:flex;align-items:center;justify-content:center;width:120px;height:clamp(32px,4.6vh,44px);border-radius:8px;border:1px solid var(--line);font-weight:800;font-size:18px;color:#1d3a6e;background:#fff}
.seg input:checked+span{background:linear-gradient(180deg,#2f7bff,#1560ec);color:#fff;border-color:#1560ec;box-shadow:0 3px 8px rgba(29,107,243,.4)}
.seg label+label input:checked+span{background:linear-gradient(180deg,#f59e0b,#d97706);border-color:#d97706;box-shadow:0 3px 8px rgba(217,119,6,.4)}
@media(min-width:901px){body[data-view=metar] .main{overflow:hidden}}