/* Selection Paul — meme famille visuelle que le laboratoire des bots. */
.sp-card{background:linear-gradient(145deg,#101e20,#0a1115);border:1px solid #31545a;border-radius:22px;padding:24px;color:#eaf3f1}
.sp-card h2{font-size:28px;line-height:1.15;margin:12px 0}
.sp-stage{display:block;color:#81e8e2;font-size:13px;line-height:1.5;font-weight:750;letter-spacing:.05em}
.sp-lead{font-size:16px;line-height:1.65;color:#b2c5c3;margin:0 0 4px}
.sp-empty p{font-size:15px;line-height:1.6;color:#b2c5c3}

/* 2×2 sur telephone : a 4 colonnes la date se coupait en « 2026- / 09-09 »
   et le quatrieme encart restait orphelin sur sa ligne. */
.sp-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin:20px 0 2px}
.sp-facts>div{background:#0d1a1c;border:1px solid #26424a;border-radius:14px;padding:11px 12px;min-width:0}
.sp-facts span{display:block;font-size:10.5px;letter-spacing:.08em;color:#8fb0ae;text-transform:uppercase}
.sp-facts b{display:block;font-size:18px;font-weight:650;margin-top:5px;white-space:nowrap;font-variant-numeric:tabular-nums}

.sp-modes{display:flex;gap:4px;padding:4px;margin:16px 0 2px;border:1px solid #26424a;border-radius:13px;background:#0b1418}
.sp-modes button{flex:1;background:none;border:0;border-radius:9px;padding:11px 10px;font:inherit;font-size:13px;color:#8fb0ae;cursor:pointer}
.sp-modes button[aria-pressed=true]{background:#c2f94a;color:#0f1a10;font-weight:650}
.sp-modes button:focus-visible{outline:2px solid #68eced;outline-offset:2px}

.sp-list{display:grid;gap:11px;margin-top:14px}
.sp-item{background:#0d1a1c;border:1px solid #24393c;border-left:3px solid #3a5257;border-radius:0 14px 14px 0;padding:15px 16px}
.sp-item.is-signal{border-left-color:#c2f94a}
.sp-item.is-ok{border-left-color:#81e8e2}
.sp-item.is-watch{border-left-color:#3a5257}
.sp-item header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.sp-item header b{font-size:19px;color:#f0f8f5;display:block}
.sp-where{display:block;font-size:11.5px;color:#8fa8a5;margin-top:3px}
.sp-badge{font-size:11px;border-radius:20px;padding:4px 9px;white-space:nowrap;background:#16262a;color:#9eb5b0;border:1px solid #2b4348}
.sp-item.is-signal .sp-badge{background:#1c2c14;color:#c2f94a;border-color:#41601f}

.sp-marks{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 0}
.sp-mark{font-size:11px;border-radius:6px;padding:3px 8px;background:#16262a;color:#9eb5b0;border:1px solid #2b4348}
.sp-mark.is-on{background:#1c2c14;color:#c2f94a;border-color:#41601f;font-weight:650}
.sp-mark.is-key{background:#12262a;color:#81e8e2;border-color:#2f5359}
.sp-mark.is-wait{background:transparent;color:#7d918f;border-style:dashed}

.sp-plan{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}
.sp-plan>div{background:#0b1418;border:1px solid #24393c;border-radius:11px;padding:9px 11px}
.sp-plan span{display:block;font-size:10px;letter-spacing:.07em;color:#8fb0ae;text-transform:uppercase}
.sp-plan b{display:block;font-size:16px;margin-top:3px;color:#eaf3f1;font-variant-numeric:tabular-nums}
.sp-plan small{display:block;font-size:10.5px;color:#7d918f;margin-top:2px}

.sp-more,.sp-limits{margin-top:12px}
.sp-more summary,.sp-limits summary{font-size:12.5px;color:#81e8e2;cursor:pointer}
.sp-limits{border-top:1px solid #24393c;padding-top:14px;margin-top:20px}
.sp-limits summary{font-size:14px}
.sp-limits ul{margin:10px 0;padding-left:20px}
.sp-limits li,.sp-limits p{font-size:12.5px;line-height:1.6;color:#b2c5c3}
.sp-measures{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:7px;margin:11px 0 0}
.sp-measures>div{background:#0b1418;border-radius:9px;padding:8px 10px}
.sp-measures dt{font-size:10.5px;color:#8fb0ae;letter-spacing:.05em}
.sp-measures dd{margin:3px 0 0;font-size:13px;color:#dbe9e6;font-variant-numeric:tabular-nums}
.sp-note{font-size:12px;line-height:1.6;color:#8fa8a5;margin:10px 0 0}
.sp-none{font-size:14px;color:#b2c5c3;padding:18px 0}

@media(min-width:560px){.sp-facts{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(min-width:700px){.sp-plan{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:350px){.sp-card{padding:18px}.sp-plan{grid-template-columns:1fr}}