:root{--fond:#F2EEEB;--carte:#E2DDD7;--texte:#4A3426;--doux:#82736A;--rouge:#D92B1F;--papier:#FAF7F4;--ligne:rgba(74,52,38,.16);
  --ar:"Noto Naskh Arabic","Amiri","Geeza Pro",serif;--titre:"Cormorant Garamond",Georgia,serif;--ui:"DM Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--label:"Alice",Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--fond);color:var(--texte);font-family:var(--ui);font-size:16px;line-height:1.65;-webkit-text-size-adjust:100%}
.wrap{max-width:720px;margin:0 auto;padding:calc(22px + env(safe-area-inset-top)) 18px calc(48px + env(safe-area-inset-bottom))}
.retour{display:inline-flex;align-items:center;min-height:44px;color:var(--doux);text-decoration:none;font-size:.95rem}
.tete{text-align:center;margin:6px 0 18px}
.ar{font-family:var(--ar);font-size:3rem;line-height:1.5;display:inline-block;padding:0 20px;border-bottom:3px solid var(--rouge)}
.lbl{font-family:var(--label);color:var(--doux);font-size:14px;margin:12px 0 0}
.onglets{display:flex;gap:8px;overflow-x:auto;padding:2px 0 14px;justify-content:center;flex-wrap:wrap}
.onglets a{min-height:44px;display:inline-flex;align-items:center;padding:0 16px;border-radius:999px;background:var(--carte);color:var(--texte);text-decoration:none;font-size:.9rem}
.onglets a[aria-current=page]{background:var(--texte);color:var(--fond)}
.carte{background:var(--papier);border:1px solid var(--ligne);border-radius:22px;padding:30px 24px;box-shadow:0 1px 3px rgba(74,52,38,.06)}
h1{font-family:var(--titre);font-weight:500;font-size:2.1rem;line-height:1.12;margin:0}
hr{border:0;height:1px;background:var(--ligne);margin:16px 0 18px}
.intro{color:var(--doux);font-size:1.02rem;margin:0 0 8px}
section{margin-top:30px}
h2{font-family:var(--titre);font-weight:600;font-size:1.4rem;line-height:1.2;margin:0 0 10px;display:flex;align-items:baseline;gap:12px}
h2 span{font-family:var(--titre);color:var(--rouge);font-weight:500;font-size:1.15rem;flex:none}
p{margin:0 0 12px}
ul{margin:0 0 12px;padding-left:20px}
li{margin-bottom:6px}
a{color:var(--rouge);text-underline-offset:3px}
strong{font-weight:600}
.encadre{background:var(--carte);border-left:3px solid var(--rouge);border-radius:12px;padding:14px 16px}
.tableau{overflow-x:auto;border-radius:14px;border:1px solid var(--ligne);margin:0 0 14px;-webkit-overflow-scrolling:touch}
table{border-collapse:collapse;min-width:560px;width:100%;font-size:.9rem;line-height:1.5}
th,td{text-align:left;vertical-align:top;padding:10px 12px;border-bottom:1px solid var(--ligne)}
th{background:var(--carte);font-family:var(--label);font-weight:400;color:var(--texte)}
tr:last-child td{border-bottom:0}
mark.todo{background:#FBE9A8;color:#4A3426;border-radius:4px;padding:0 4px}
footer{text-align:center;color:var(--doux);font-size:.85rem;margin-top:26px}
footer a{color:var(--doux)}
@media(min-width:600px){.carte{padding:40px 44px}h1{font-size:2.5rem}}