/* Interface moderne des trois pages de résultats — sans toucher à moncss.css */
:root { --bridge-green:#174b35; --bridge-soft:#edf5ee; --bridge-ink:#20332a; --bridge-line:#dce8df; }
body.fond { background:#f5f8f5; color:var(--bridge-ink); font-family:system-ui,-apple-system,"Segoe UI",sans-serif; }
.bridge-shell { max-width:1080px; margin:clamp(16px,4vw,48px) auto; padding:clamp(18px,4vw,38px); background:#fff; border:1px solid var(--bridge-line); border-radius:20px; box-shadow:0 12px 36px rgba(20,60,40,.07); }
.bridge-title { color:var(--bridge-green)!important; font-weight:750; letter-spacing:-.025em; font-size:clamp(1.45rem,3vw,2.1rem)!important; line-height:1.25; }
.bridge-subtitle { color:#56705f; text-align:center; margin-bottom:1.6rem; }
.bridge-list { display:grid; gap:10px; max-width:790px; margin:0 auto; }
.bridge-item { display:block; padding:15px 18px; background:#f7faf7; border:1px solid var(--bridge-line); border-radius:12px; color:var(--bridge-green)!important; text-decoration:none; font-weight:650; transition:background .15s,border-color .15s,transform .15s; }
.bridge-item:hover,.bridge-item:focus-visible { background:var(--bridge-soft); border-color:#91b59a; transform:translateY(-1px); }
.bridge-back { display:inline-flex; gap:6px; align-items:center; color:var(--bridge-green); text-decoration:none; font-weight:650; margin-bottom:18px; }
.bridge-back:hover { text-decoration:underline; }
.bridge-select { background:#fff!important; color:var(--bridge-ink)!important; border:1px solid #9ab9a3!important; border-radius:12px!important; padding:10px!important; box-shadow:inset 0 1px 3px rgba(0,0,0,.03); }
.bridge-select option { padding:7px 10px; }
.bridge-button { box-shadow:none!important; border-radius:12px!important; background:var(--bridge-green)!important; color:#fff!important; font-weight:700; min-height:48px; }
.bridge-button:hover { background:#0f3524!important; }
.bridge-results { max-width:1200px; }
.bridge-results .fondfonce { background:#eaf3eb!important; border-radius:8px; padding-top:10px; padding-bottom:10px; margin-top:12px; }
.bridge-results .titre1,.bridge-results .titre { color:var(--bridge-green); }
.bridge-results a { overflow-wrap:anywhere; }
.bridge-results .row { --bs-gutter-x: 1rem; }
.bridge-results .result-scroll { overflow-x:auto; -webkit-overflow-scrolling:touch; }
.bridge-results .result-content { min-width:760px; }
.bridge-results .result-content > .row:not(.fondfonce) { padding-top:4px; padding-bottom:4px; }
@media(max-width:767.98px) {
 .bridge-shell { margin:12px; padding:18px 14px; border-radius:14px; }
 .bridge-list { gap:8px; }
 .bridge-item { padding:14px; }
 .bridge-results .result-scroll { border:1px solid var(--bridge-line); border-radius:12px; }
 .bridge-results .result-scroll:before { content:"← Faites glisser horizontalement pour voir toutes les colonnes →"; display:block; position:sticky; left:0; width:calc(100vw - 70px); font-size:.78rem; color:#587060; padding:9px; }
}

/* Résultats : conserver les colonnes Bootstrap sur les petits écrans. */
@media (max-width: 767.98px) {
  .bridge-results .result-content { min-width: 920px; }
  .bridge-results .result-content .row > .col-sm-1,
  .bridge-results .result-content .row > .col-md-1 { flex: 0 0 auto; width: 8.33333333%; }
  .bridge-results .result-content .row > .col-sm-2,
  .bridge-results .result-content .row > .col-md-2 { flex: 0 0 auto; width: 16.66666667%; }
  .bridge-results .result-content .row > .col-sm-3,
  .bridge-results .result-content .row > .col-md-3 { flex: 0 0 auto; width: 25%; }
  .bridge-results .result-content .row > .col-sm-6,
  .bridge-results .result-content .row > .col-md-6 { flex: 0 0 auto; width: 50%; }
  .bridge-results .result-content .row > .col-sm,
  .bridge-results .result-content .row > .col { flex: 1 0 0%; width: auto; min-width: 0; }
  .bridge-results .result-content .row > [class*="col-"] { overflow-wrap: normal; }
  .bridge-results .result-content a { overflow-wrap: normal; }
}