* {box-sizing:border-box}
body {margin:0;background:var(--bg);color:var(--text);font:16px/1.65 "Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,Arial,sans-serif}
a {color:var(--accent)}
header {border-bottom:1px solid var(--border);background:var(--surface)}
.bar {max-width:840px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;gap:10px;font-weight:640}
.bar img {width:26px;height:26px}
.bar a {color:var(--text);text-decoration:none;font-weight:500;margin-left:auto;font-size:14.5px}
main {max-width:840px;margin:0 auto;padding:48px 24px 72px}
h1 {font-size:30px;letter-spacing:-.01em;margin:0 0 6px}
h2 {font-size:18px;margin:34px 0 8px}
p {margin:0 0 12px;color:var(--muted)}
.sub {color:var(--muted);font-size:14.5px;margin-bottom:26px}
.box {background:var(--surface);border:1px solid var(--border);border-radius:14px;padding:26px 28px}
.note {background:var(--accent-soft);border:1px solid var(--note-border);border-radius:12px;padding:14px 18px;color:var(--accent-ink);font-size:14.5px;margin-top:26px}
.modele {border:1px dashed var(--border);border-radius:10px;padding:14px 18px;margin:10px 0 12px;font-size:14.5px}
.modele p {margin:0 0 8px}
table {width:100%;border-collapse:collapse;margin:8px 0 14px;font-size:15px}
th,td {text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid var(--border-soft)}
th {color:var(--text);font-weight:600}
td {color:var(--muted)}
td:first-child {color:var(--text);white-space:nowrap;width:28%}
td.yes {color:var(--ok)}
code {font-family:Consolas,monospace;font-size:14.5px;background:var(--code-bg);padding:1px 5px;border-radius:5px;overflow-wrap:anywhere}
footer {max-width:840px;margin:0 auto;padding:0 24px 56px;color:var(--muted);font-size:14px}
@media (max-width:560px) {
  .box {padding:20px 16px}h1 {font-size:25px}
  td:first-child {white-space:normal;width:auto}
  table,tbody,tr,td,th {display:block}
  tr {border-bottom:1px solid var(--border-soft);padding:6px 0}
  th {display:none}td {border:none;padding:3px 0}
}