/* Guardian. Static: no animation, no transition, no flashing. One calm card; words carry the meaning, colour only helps. */
.gcard,.gstop,.gweek,.gpage{min-width:0}
.gcard p,.gstop p,.gweek p,.gpage p{margin:4px 0}
.g-btn{font:inherit;font-size:13px;font-weight:600;color:#e6edf5;background:#17212d;border:1px solid #2b3a4d;border-radius:8px;padding:6px 12px;min-height:36px;cursor:pointer}
.g-btn:focus-visible,.gstop input:focus-visible,.gpage input:focus-visible{outline:2px solid #4da3ff;outline-offset:2px}
.gstop{width:100%;border-left:4px solid #f5b73b}
.gstop .g-line{font-size:15px}
.gstop .g-why{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-top:6px}
.gstop input,.gpage input{font:inherit;font-size:13px;color:#e6edf5;background:#17212d;border:1px solid #2b3a4d;border-radius:8px;padding:6px 8px;min-height:36px;min-width:0;flex:1 1 200px}
.gpage input.g-num{flex:0 0 90px}
.g-ticks{margin:8px 0;display:grid;gap:2px;font-size:13px}
.g-tick{display:flex;gap:6px;align-items:baseline}
.g-mark{display:inline-block;width:1.2em;font-weight:700}
.g-tick.no .g-mark{color:#f5b73b}.g-tick.yes .g-mark{color:#2ecc71}
.g-tick small{color:#8a9bb0;font-size:12px}
.g-light{display:inline-block;padding:2px 10px;border-radius:999px;border:1px solid #2b3a4d;font-size:13px;font-weight:700}
.g-light.green{color:#2ecc71;border-color:#2ecc71}.g-light.red{color:#ff5d5d;border-color:#ff5d5d}.g-light.unknown{color:#8a9bb0}
.gpage ol{margin:6px 0;padding-left:20px;display:grid;gap:6px;font-size:14px}
.gpage .g-form{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin:6px 0}
.gpage .g-form label{display:flex;gap:6px;align-items:center;font-size:13px}
.gslot:empty{display:none}
.gweek{border-top:1px solid #223042;margin-top:8px;padding-top:6px}
body.desktop .tradewrap>.gcard,body.desktop .tradewrap>.gslot{flex:0 0 auto}
.g-top{flex-wrap:wrap;gap:4px 10px;align-items:center}.g-top .g-rl{flex:1 1 280px;min-width:0}.g-st:empty{display:none}
.gcard{padding-top:6px;padding-bottom:6px}