:root{--coloc-vert: #1d4e4f;--coloc-vert-clair: #2d7a7c;--coloc-texte: #16241f;--coloc-gris: #5b6b66;--coloc-fond: #fbfaf7;--coloc-rayon: 10px;--coloc-espace: 1rem}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--coloc-fond);color:var(--coloc-texte);font-family:system-ui,-apple-system,Segoe UI,Noto Sans Arabic,sans-serif;line-height:1.6}html[lang=ar] body{font-family:Noto Sans Arabic,Segoe UI,system-ui,sans-serif}.coquille{max-inline-size:40rem;margin-inline:auto;padding-inline:var(--coloc-espace);padding-block:calc(var(--coloc-espace) * 3);text-align:start}.entete{display:flex;align-items:center;justify-content:space-between;gap:var(--coloc-espace);border-block-end:2px solid var(--coloc-vert);padding-block-end:var(--coloc-espace)}.entete h1{margin:0;color:var(--coloc-vert);font-size:1.75rem}.sous-titre{color:var(--coloc-gris);font-size:1.05rem;margin-block-start:var(--coloc-espace)}.socle{border-inline-start:3px solid var(--coloc-vert-clair);padding-inline-start:var(--coloc-espace);color:var(--coloc-gris);font-size:.95rem}button{font:inherit;cursor:pointer;border-radius:var(--coloc-rayon);border:1px solid var(--coloc-vert);padding-block:.5rem;padding-inline:1rem;min-block-size:44px}.bouton-langue{background:transparent;color:var(--coloc-vert)}.bouton-installer{background:var(--coloc-vert);color:#fff;margin-block-start:calc(var(--coloc-espace) * 2)}button:focus-visible{outline:3px solid var(--coloc-vert-clair);outline-offset:2px}