/* Shared by Review + Success pages: step pills, METAR string tokens */
body[data-view=review] #sg-flow,body[data-view=done] #sg-flow{display:flex}
@media(min-width:901px){body[data-view=review] .main,body[data-view=done] .main{overflow:hidden}}
.tbadge{padding:6px 18px;border-radius:10px;font-weight:800;font-size:clamp(16px,2.4vh,22px);letter-spacing:.06em;color:#fff;background:linear-gradient(180deg,#2f7bff,#1560ec);box-shadow:0 3px 10px rgba(0,0,0,.35)}
.tbadge.speci{background:linear-gradient(180deg,#f59e0b,#d97706)}
.steps{margin-left:auto;display:flex;gap:8px;flex-wrap:wrap}
.stp{display:flex;align-items:center;gap:8px;padding:5px 14px 5px 6px;border-radius:999px;font-weight:700;font-size:clamp(13px,1.9vh,16px);color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}
.stp i{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-style:normal;font-size:13px;font-weight:800;background:rgba(255,255,255,.25)}
.stp.dn i{background:#22c55e}.stp.dn i:before{content:"\2713";font-size:14px}.stp.dn i{font-size:0}
.stp.on{background:#fff;color:var(--navy);border-color:#fff;box-shadow:0 4px 12px rgba(0,0,0,.3)}
.stp.on i{background:var(--acc);color:#fff}
/* METAR string */
.mstr{flex:1;min-width:0;display:flex;flex-wrap:wrap;gap:6px 14px;align-items:center;font:700 clamp(20px,3.3vh,32px)/1.35 ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace;color:var(--ink);word-break:break-word}
.mstr .tk{padding-bottom:2px;border-bottom:3px solid var(--g,#9db4d8);white-space:nowrap}
.mstr .eq{color:var(--mut)}
.c-id{--g:#274690}.c-cca{--g:#e11d2e}.c-wind{--g:#2563eb}.c-vis{--g:#16a34a}.c-rvr{--g:#1f3f8f}.c-wx{--g:#ea7a0c}.c-cld{--g:#1d6bf3}.c-tmp{--g:#15803d}.c-trd{--g:#d9480f}
@media(max-width:900px){.steps{margin-left:0}}