:root{color-scheme:dark;font-family:system-ui,sans-serif;color:#edf5fa;background:#0b1426;line-height:1.65}*{box-sizing:border-box}body{margin:0}header,main,footer{max-width:920px;margin:auto;padding:24px}header,footer{font-size:.9rem}a{color:#7ee8db;text-underline-offset:4px}h1{font-size:clamp(2rem,6vw,3.6rem);line-height:1.15;max-width:750px}h2{line-height:1.3}.eyebrow{color:#edcb80;font-weight:700;letter-spacing:.07em}.intro{font-size:1.2rem}.question,.suite,#bilan,aside{background:#14233b;border:1px solid #35506b;border-radius:18px;padding:24px;margin:26px 0}.question legend{font-size:1.2rem;font-weight:700;padding:0 8px}.question{min-width:0}.example{border-left:3px solid #edcb80;padding:12px 18px;background:#0b1426}.choices{display:grid;gap:12px}button,.cta{font:inherit;border:1px solid #7ee8db;border-radius:10px;padding:12px 16px;background:#183b47;color:#fff;cursor:pointer;text-align:left;display:inline-block;text-decoration:none}button:hover,.cta:hover{background:#255766}button:focus-visible,a:focus-visible{outline:3px solid #edcb80;outline-offset:4px}button:disabled{cursor:default;opacity:.8}button[aria-pressed=true]{border:3px solid #edcb80}.feedback{padding:14px;border-left:4px solid #7ee8db}.actions{display:flex;gap:12px;flex-wrap:wrap}.secondary{background:transparent}.small,aside,footer{color:#c6d5e2}[hidden]{display:none!important}@media(max-width:500px){header,main,footer{padding:16px}.question,.suite,#bilan,aside{padding:16px}.actions>*{width:100%}}