/* ============================================================
   Ubway - pages juridiques
   Reprend la charte du site : Albert Sans, orange #FF6A00,
   fond sombre #0b0b0f. Lisibilite prioritaire.
   ============================================================ */
:root{
  --orange:#FF6A00; --orange2:#ff8b3d;
  --bg:#0b0b0f; --panel:#14141b; --panel2:#1b1b24;
  --txt:#f4f4f6; --muted:#9b9ba6; --line:rgba(255,255,255,.10);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Albert Sans',system-ui,-apple-system,'Segoe UI',sans-serif;
  background:var(--bg);color:var(--txt);line-height:1.65;overflow-x:hidden}
a{color:var(--orange);text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%}

/* ===== En-tete ===== */
header.lg{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:14px 5vw;background:rgba(11,11,15,.82);backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)}
header.lg .logo{display:flex;align-items:center;gap:10px;font-weight:900;font-size:1.2rem;color:var(--txt)}
header.lg .logo img{height:34px;width:34px;border-radius:9px;object-fit:cover}
header.lg .logo span{color:var(--orange)}
header.lg .back{font-size:.88rem;color:var(--muted);white-space:nowrap}
header.lg .back:hover{color:var(--orange);text-decoration:none}

/* ===== Contenu ===== */
main.lg{max-width:860px;margin:0 auto;padding:38px 5vw 80px}
.lg h1{font-size:clamp(1.6rem,5vw,2.3rem);font-weight:900;line-height:1.2;margin-bottom:10px}
.lg .updated{color:var(--muted);font-size:.85rem;margin-bottom:6px}
.lg .lead{color:var(--muted);font-size:1rem;margin:14px 0 30px;padding-left:14px;
  border-left:3px solid var(--orange)}
.lg h2{font-size:1.18rem;font-weight:800;margin:34px 0 12px;padding-top:20px;
  border-top:1px solid var(--line);color:var(--txt)}
.lg h2:first-of-type{border-top:none;padding-top:0}
.lg h3{font-size:1rem;font-weight:800;margin:20px 0 8px;color:var(--orange2)}
.lg p{margin:10px 0;color:#dcdce4}
.lg ul,.lg ol{margin:10px 0 10px 22px;color:#dcdce4}
.lg li{margin:6px 0}
.lg strong{color:var(--txt)}
.lg small{color:var(--muted)}

/* ===== Encadres ===== */
.box{background:var(--panel);border:1px solid var(--line);border-radius:14px;
  padding:16px 18px;margin:18px 0}
.box.warn{border-color:rgba(255,106,0,.45);background:rgba(255,106,0,.07)}
.box h3{margin-top:0}
.box p:first-child{margin-top:0}
.box p:last-child{margin-bottom:0}

/* Marqueur d'information a completer */
.todo{display:inline-block;background:rgba(255,106,0,.16);border:1px dashed var(--orange);
  border-radius:6px;padding:1px 7px;color:var(--orange2);font-weight:700;
  font-size:.92em;white-space:nowrap}

/* ===== Tableaux ===== */
.tablewrap{overflow-x:auto;margin:16px 0;border:1px solid var(--line);border-radius:14px}
table{border-collapse:collapse;width:100%;min-width:520px;font-size:.9rem}
th,td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--panel2);font-weight:800;color:var(--txt);white-space:nowrap}
td{color:#dcdce4}
tr:last-child td{border-bottom:none}

/* ===== Sommaire (page /legal) ===== */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-top:24px}
.card{display:block;background:var(--panel);border:1px solid var(--line);border-radius:16px;
  padding:18px;transition:transform .2s,border-color .2s}
.card:hover{transform:translateY(-3px);border-color:var(--orange);text-decoration:none}
.card b{display:block;color:var(--txt);font-size:1rem;margin-bottom:5px}
.card span{color:var(--muted);font-size:.85rem;line-height:1.45;display:block}

/* ===== Pied de page ===== */
footer.lg{border-top:1px solid var(--line);padding:26px 5vw 40px;text-align:center;
  color:var(--muted);font-size:.85rem}
footer.lg .flinks{display:flex;flex-wrap:wrap;gap:8px 18px;justify-content:center;margin-bottom:14px}
footer.lg .flinks a{color:var(--muted)}
footer.lg .flinks a:hover{color:var(--orange)}

@media(max-width:560px){
  main.lg{padding:26px 5vw 60px}
  .lg h2{font-size:1.08rem}
  header.lg .logo{font-size:1.05rem}
}