/* SOP: overview screen (live METAR preview + section cards) */
/* ---------- overview ---------- */
.sop-oh h3{margin:0;font-size:24px;color:var(--navy)}
.sop-oh p{margin:4px 0 14px;font-size:15px;color:var(--mut)}
.sop-pvc{margin-bottom:14px}
.sop-pv{display:flex;flex-wrap:wrap;gap:8px}
.sop-tk{padding:7px 11px;border-radius:9px;border:1px solid color-mix(in srgb,var(--g) 42%,#fff);background:color-mix(in srgb,var(--g) 10%,#fff);color:var(--ink);font:700 17px/1 Consolas,"Courier New",monospace;cursor:pointer;transition:transform .12s,box-shadow .12s}
.sop-tk:hover{transform:translateY(-2px);box-shadow:0 5px 12px rgba(15,40,90,.16)}
.sop-tk.ph{border-style:dashed;background:#fff;color:#8b98ad;font-weight:600}
.sop-tk.df{border-style:dotted;opacity:.7}
.sop-leg{display:flex;flex-wrap:wrap;gap:16px;margin-top:14px;padding-top:12px;border-top:1px solid #e8eef6;font-size:13px;font-weight:600;color:var(--mut)}
.sop-leg span{display:inline-flex;align-items:center;gap:7px}
.sop-og{display:grid;grid-template-columns:repeat(auto-fill,minmax(236px,1fr));gap:12px}
.sop-oc{display:flex;align-items:center;gap:12px;padding:14px;border-radius:14px;border:1px solid color-mix(in srgb,var(--g) 22%,#fff);background:linear-gradient(180deg,var(--c1),var(--c2));text-align:left;color:var(--ink);cursor:pointer;box-shadow:0 2px 6px rgba(15,40,90,.06);transition:transform .15s,box-shadow .15s}
.sop-oc:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(15,40,90,.14)}
.sop-oc .oi{flex:none;color:var(--g)}
.sop-oc .oi .ic{width:34px;height:34px}
.sop-oc .ot{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}
.sop-oc b{font-size:16.5px;color:var(--navy)}
.sop-oc .ot span{font-size:13.5px;line-height:1.35;color:#2a3d63}