:root{ --bg:#faf8f4; --ink:#26241f; --muted:#6d6960; --card:#fff; --line:#e5e1d8;
  --ok:#1a8f4d; --bad:#c0392b; --accent:#1a6feb; --gold:#c9a227; --radius:14px; }
*{box-sizing:border-box; -webkit-tap-highlight-color:transparent}
body{margin:0; font-family:system-ui,-apple-system,'Segoe UI',sans-serif; background:var(--bg); color:var(--ink); font-size:17px; line-height:1.5}
header{padding:14px 16px 4px; display:flex; align-items:baseline; gap:10px}
header h1{font-size:21px; margin:0}
header a{margin-left:auto; font-size:14px; color:var(--muted); text-decoration:none}
.sub{padding:0 16px 12px; font-size:14px; color:var(--muted); font-style:italic}
main{padding:0 12px 40px; max-width:640px; margin:0 auto}
.fr{font-size:.9em; font-style:italic; color:var(--muted); font-weight:400}
h2{font-size:18px; margin:22px 4px 8px}
.card{background:var(--card); border:1px solid var(--line); border-radius:var(--radius); padding:14px; margin-bottom:12px}
.col{border-left:4px solid var(--accent); padding-left:12px; margin-bottom:14px}
.col.se{border-color:#1a6feb}.col.fra{border-color:#c0392b}.col.anc{border-color:#8a4b2d}
.col b{font-size:16.5px}
.col a{display:inline-block; margin:6px 8px 2px 0; padding:8px 13px; border:1.5px solid var(--line); border-radius:14px; background:var(--card); color:var(--accent); text-decoration:none; font-size:14.5px}
.note{font-size:13.5px; color:var(--muted)}
details{border:1.5px solid var(--line); border-radius:12px; padding:10px 14px; margin-top:10px; background:#fdfcf9}
summary{cursor:pointer; font-weight:700; font-size:15px}
details[open] summary{margin-bottom:8px}
.ex{font-size:17px; margin:6px 0}
.niva{display:inline-block; font-size:12px; border:1px solid var(--gold); color:#8a6d1d; border-radius:10px; padding:2px 9px; margin-left:6px; vertical-align:middle}
.steg{margin:4px 0 4px 6px; padding-left:12px; border-left:3px solid var(--line)}
.steg.ok{border-left-color:var(--ok)}
.rod{display:inline-block; border:2.5px solid var(--bad); padding:3px 12px; font-weight:700; border-radius:2px}
.fiche{border:1px solid #cfd8ea; border-radius:10px; padding:14px; margin:8px 0;
  background:repeating-linear-gradient(#fdfdf7 0px,#fdfdf7 7px,#e8eef7 7.5px,#fdfdf7 8px); background-size:100% 32px}
.fiche h3{margin:0 0 8px; font-size:16px; color:#8a4b2d; font-family:Georgia,serif; font-style:italic; text-align:center}
.fiche .bleu{color:#1d3a8f; font-family:Georgia,serif}
.fiche pre{font-size:18px; line-height:1.35; background:#fff; border:1px dashed #9db4e8; border-radius:8px; padding:10px 14px; display:inline-block; margin:4px 12px 4px 0; color:#1d3a8f; vertical-align:top}
.maxime{text-align:center; font-size:13.5px; font-style:italic; color:#8a4b2d}
@media print{ header a, .noprint{display:none} body{background:#fff} .card{border:none; page-break-inside:avoid} details{display:none} }