.page{max-width:780px;margin:0 auto;padding:48px 22px 30px;line-height:1.7}
.page h1{font-size:clamp(30px,5vw,44px);letter-spacing:-1.5px;margin:0 0 10px}
.page h2{font-size:22px;letter-spacing:-.4px;margin:34px 0 10px}
.page .lead{font-size:18px;color:var(--muted)}
.page .muted{color:var(--muted);font-size:14px}
.page a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.page ul{padding-left:22px}.page li{margin:6px 0}
.page .box{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:18px 22px;margin:22px 0}
.footer-links{display:flex;flex-wrap:wrap;gap:8px 22px;max-width:1240px;margin:18px auto 0;padding:0}
.footer-links a{color:#e9eaf0;text-decoration:none;font-size:13px;font-weight:600;opacity:.85}
.footer-links a:hover{opacity:1;text-decoration:underline}
.page ol{padding-left:24px}.page li{margin:8px 0}.page h3{font-size:17px;margin:20px 0 4px}.btn{display:inline-block;background:#17271d;color:#fff!important;text-decoration:none!important;padding:12px 20px;border-radius:12px;font-weight:650}.crumb{font-size:14px}.guide-list{list-style:none;padding:0}.guide-list li{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:16px 20px;margin:12px 0}.guide-list a{text-decoration:none}
/* Langues : arabe (RTL) */
html[dir=rtl] body{font-family:Inter,"Segoe UI",Tahoma,"Noto Sans Arabic","Noto Naskh Arabic",system-ui,sans-serif}
html[dir=rtl] .page,html[dir=rtl] .footer-brand,html[dir=rtl] .footer-links{text-align:right}
html[dir=rtl] .page ul,html[dir=rtl] .page ol{padding-left:0;padding-right:24px}
html[dir=rtl] .page h1,html[dir=rtl] .page h2,html[dir=rtl] .page h3{letter-spacing:0}
html[dir=rtl] .logo{direction:ltr;unicode-bidi:isolate}
html[dir=rtl] .language-picker{margin:0 auto 0 10px!important}
@media(max-width:560px){html[dir=rtl] .language-picker{margin:0 auto 0 0!important}}


/* V45 — pages d'information confortables sur mobile */
html,body{max-width:100%;overflow-x:clip}
.page{width:100%;min-width:0;overflow-wrap:anywhere}
.page img,.page video,.page iframe{max-width:100%;height:auto}
@media(max-width:600px){.page{padding:30px 16px 24px;font-size:16px}.page h1{font-size:clamp(28px,8vw,38px);overflow-wrap:anywhere}.page h2{font-size:21px}.page .box{padding:15px}.footer-links{padding-left:16px;padding-right:16px}}