/* La feuille de la maquette de Myriam (notes/ALAQ_POUR_CLAUDE_MAQUETTE.html, 25/09/2026), épurée par
   outils/extraire-css-maquette.mjs : 142 règles d'outillage retirées. Ne pas éditer à la main : rejouer l'outil.
   article.css, lecteur.css et matiere.css passent APRÈS elle et la corrigent. */
html { scroll-behavior:smooth; }
    #alaq-omra { --night:#211c1a; --deep:#181410; --gold:#d68f35; --h1:#e9ac52; --h2:#784718; --h3:#211c1a; --paper:#fbf6ed; --cream:#f1e7d8; --ink:#362b24; --muted:#69594c; --line:#d7c4a7; font:400 18px/1.8 'Jost',sans-serif; color:var(--ink); color-scheme:light; }
    #alaq-omra *, #alaq-omra *::before, #alaq-omra *::after { box-sizing:border-box; }
    #alaq-omra [hidden] { display:none!important; }
    #alaq-omra button, #alaq-omra input { font:inherit; }
    #alaq-omra button, #alaq-omra summary, #alaq-omra .file-label { cursor:pointer; }
    #alaq-omra button, #alaq-omra a, #alaq-omra summary, #alaq-omra input { touch-action:manipulation; }
    #alaq-omra button:focus-visible, #alaq-omra a:focus-visible, #alaq-omra summary:focus-visible, #alaq-omra input:focus-visible { outline:3px solid #bd701d; outline-offset:5px; }
    #alaq-omra a { color:var(--h2); text-underline-offset:4px; }
    #alaq-omra .tool { border:1px solid #bba585; background:transparent; color:var(--night); border-radius:5px; padding:9px 12px; min-height:44px; font-size:13px; font-weight:500; line-height:1.4; }
    #alaq-omra .page { max-width:1120px; margin:auto; background:var(--paper); container-type:inline-size; overflow:clip; }
    #alaq-omra .hero { position:relative; min-height:570px; isolation:isolate; overflow:hidden; background:var(--deep); }
    #alaq-omra .hero-image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; z-index:-2; }
    #alaq-omra .hero::after { content:''; position:absolute; inset:0; background:linear-gradient(90deg,rgba(24,20,16,.78),rgba(24,20,16,.45) 42%,transparent 70%); z-index:-1; }
    #alaq-omra .hero-copy { width:54%; padding:64px 48px 54px; }
    #alaq-omra h1 { margin:0 0 26px; color:var(--h1); font:400 57px/1.12 'Marcellus',serif; letter-spacing:-.025em; }
    #alaq-omra .hero p { color:#f5e9d4; font-size:19px; line-height:1.7; max-width:350px; margin:0 0 28px; }
    #alaq-omra .hero strong { color:inherit; font-weight:600; }
    #alaq-omra .read-link { display:inline-flex; align-items:center; gap:15px; padding:8px 0; min-height:44px; color:#f5e9d4; border-bottom:1px solid #cf984b; text-decoration:none; font-size:15px; }
    #alaq-omra .gold-line { height:3px; transform-origin:left; background:linear-gradient(90deg,#624023,#efbc74,#78532d); }
    #alaq-omra.is-replaying .hero-image { animation:al-arrive 2.2s cubic-bezier(.18,.65,.25,1) both; }
    #alaq-omra.is-replaying .hero-copy { animation:al-copy 1.25s .2s both; }
    #alaq-omra.is-replaying .gold-line { animation:al-line 1.8s .35s both; }
    #alaq-omra .reading { max-width:900px; padding:42px 50px 60px; margin:auto; }
    #alaq-omra .reading p { margin:0 0 19px; }
    #alaq-omra .reading strong { color:var(--h3); font-weight:700; background:transparent; opacity:1; }
    #alaq-omra .toc { border-top:1px solid var(--line); border-bottom:1px solid var(--line); margin:29px 0 43px; }
    #alaq-omra .toc summary { min-height:54px; padding:15px 0; font-weight:500; font-size:16px; }
    #alaq-omra .toc ol { margin:0; padding:0 0 20px 23px; font-size:16px; columns:2; column-gap:28px; }
    #alaq-omra .toc li { padding:5px 0; break-inside:avoid; }
    #alaq-omra .chapters { position:relative; padding-left:39px; }
    #alaq-omra .chapters::before { content:''; position:absolute; left:8px; top:15px; bottom:10px; width:1px; background:var(--line); }
    #alaq-omra .chapter { position:relative; padding-bottom:50px; scroll-margin-top:28px; }
    #alaq-omra .chapter:last-child { padding-bottom:0; }
    #alaq-omra .stop { position:absolute; left:-41px; top:7px; width:21px; height:29px; border:1px solid #926835; border-radius:12px 12px 2px 2px; background:var(--paper); color:var(--h2); display:grid; place-items:center; font:500 12px/1 'Jost',sans-serif; }
    #alaq-omra .chapter.is-active .stop { background:var(--h2); color:var(--paper); box-shadow:0 0 0 5px var(--cream); }
    #alaq-omra h2 { color:var(--h2); font:400 34px/1.23 'Marcellus',serif; margin:0 0 23px; letter-spacing:-.01em; }
    #alaq-omra h3 { color:var(--h3); font:600 22px/1.35 'Jost',sans-serif; margin:27px 0 12px; }
    #alaq-omra .chapter ul, #alaq-omra .chapter ol { padding-left:23px; margin:12px 0 23px; }
    #alaq-omra .chapter li { padding:4px 0; }
    #alaq-omra .source-line { font-size:13px; line-height:1.6; color:var(--muted); }
    #alaq-omra .source-line a { color:var(--muted); }
    #alaq-omra .note { border-left:3px solid #9a6c35; padding:3px 0 3px 18px; margin:24px 0; }
    #alaq-omra .dua { margin:28px 0 30px; padding:24px 26px 19px; background:var(--cream); border-radius:2px 26px 2px 2px; position:relative; }
    
    
    #alaq-omra .arabic { color:var(--night); font:400 33px/2.05 'Noto Naskh Arabic','Noto Sans Arabic','Times New Roman',serif; direction:rtl; text-align:right; margin:0 0 20px; overflow-wrap:break-word; }
    #alaq-omra .translation-label { display:block; color:var(--muted); font-size:12px; line-height:1.5; margin-bottom:6px; }
    #alaq-omra .translation { font-size:17px; line-height:1.75; }
    #alaq-omra .dua .source-line { margin-bottom:0; }
    #alaq-omra .crossings { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; margin:25px 0; }
    #alaq-omra .crossing { padding:12px 3px; text-align:center; border-bottom:2px solid var(--line); font-size:12px; line-height:1.8; color:var(--muted); }
    #alaq-omra .crossing b { display:block; color:var(--h2); font-size:22px; font-weight:500; }
    #alaq-omra .sheet { padding:25px 28px; background:var(--cream); border-left:3px solid #956529; }
    #alaq-omra .button { display:inline-flex; align-items:center; justify-content:center; gap:12px; max-width:100%; min-height:48px; border:1px solid var(--night); border-radius:4px; padding:12px 20px; background:var(--night); color:var(--paper); font:500 16px/1.5 'Jost',sans-serif; text-decoration:none; }
    #alaq-omra .button:hover { background:var(--h2); border-color:var(--h2); }
    #alaq-omra .sources { margin:5px 0 35px; border-top:1px solid var(--line); padding-top:14px; font-size:14px; }
    #alaq-omra .sources summary { font-weight:500; min-height:44px; padding:7px 0; }
    #alaq-omra .sources p { font-size:14px; line-height:1.7; }
    #alaq-omra .is-entering { animation:al-halte .85s ease-out; }
    @keyframes al-arrive { from { transform:scale(1.13); filter:brightness(.65); } to { transform:scale(1); filter:brightness(1); } }
    @keyframes al-copy { from { transform:translateY(28px); opacity:.15; } to { transform:translateY(0); opacity:1; } }
    @keyframes al-line { from { transform:scaleX(0); } to { transform:scaleX(1); } }
    @keyframes al-halte { from { transform:translateY(17px); } to { transform:translateY(0); } }
    @keyframes al-light { 0% { transform:scale(.4); opacity:.4; } 70% { transform:scale(1.2); opacity:1; } 100% { transform:scale(1); opacity:1; } }
    @container (max-width:700px) {
      #alaq-omra .hero { display:flex; flex-direction:column; min-height:0; }
      #alaq-omra .hero-image { position:relative; height:auto; aspect-ratio:1.4; object-fit:cover; object-position:80% center; z-index:0; }
      #alaq-omra .hero::after { display:none; }
      #alaq-omra .hero-copy { width:100%; padding:30px 25px 34px; background:var(--night); }
      #alaq-omra h1 { font-size:39px; max-width:380px; margin-bottom:20px; }
      #alaq-omra .hero p { max-width:none; font-size:18px; }
      #alaq-omra .reading { padding:30px 22px 40px; }
      #alaq-omra .toc ol { columns:1; }
      #alaq-omra .chapters { padding-left:22px; }
      #alaq-omra .chapters::before { left:0; }
      #alaq-omra .stop { left:-30px; width:18px; height:25px; font-size:11px; }
      #alaq-omra h2 { font-size:28px; }
      #alaq-omra h3 { font-size:21px; }
      #alaq-omra .dua { padding:20px 17px 18px; margin:25px 0; }
      #alaq-omra .arabic { font-size:29px; line-height:2; }
      #alaq-omra .translation { font-size:17px; }
      #alaq-omra .crossings { grid-template-columns:repeat(4,1fr); }
      #alaq-omra .sheet { padding:23px 20px; }
    }
    @media (prefers-reduced-motion:reduce) {
      html { scroll-behavior:auto; }
      #alaq-omra *, #alaq-omra *::before, #alaq-omra *::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; }
    }
    @media print {
      #alaq-omra .page { max-width:none; }
      #alaq-omra .hero { min-height:360px; }
      #alaq-omra .hero-copy { padding:25px; }
      #alaq-omra h1 { font-size:38px; }
      #alaq-omra .reading { padding:25px; max-width:none; }
      #alaq-omra .dua { break-inside:avoid; }
    }
  
#alaq-omra .stop { width:26px; height:34px; left:-43px; top:4px; color:#211c1a; background:linear-gradient(135deg,#f2cf87,#d89c44 60%,#bd7a28); border:1px solid #9d621f; box-shadow:inset 0 0 0 3px #ebbb6b,0 2px 5px #bba98766; font-weight:700; border-radius:15px 15px 2px 2px; }
#alaq-omra .chapter.is-active .stop { color:#211c1a; background:linear-gradient(135deg,#ffe0a1,#e7ac53 70%,#c8852c); box-shadow:inset 0 0 0 3px #f4cb80,0 0 0 5px #eedcbf; }

@container (max-width:700px) {
 #alaq-omra .stop { width:24px; height:32px; left:-33px; }
}

#alaq-omra { --night:#29231d; --deep:#211c17; --paper:#fdf9f1; --cream:#f5eee3; --h2:#765433; --line:#dfcfb8; }
#alaq-omra .reading { max-width:950px; padding-top:48px; }
#alaq-omra .chapters::before { content:none; }
#alaq-omra .chapter { padding:0 0 34px; }
#alaq-omra .chapter > summary { list-style:none; cursor:pointer; padding:10px 0 22px; border-bottom:1px solid #e7dccb; border-radius:3px; }
#alaq-omra .chapter > summary::-webkit-details-marker { display:none; }
#alaq-omra .chapter > summary::marker { content:''; }
#alaq-omra .chapter > summary h2 { display:flex; align-items:center; justify-content:space-between; gap:20px; margin:0; padding-right:2px; font-size:32px; line-height:1.32; }
#alaq-omra .chapter-title { flex:1; }
#alaq-omra .chapter-chevron { width:12px; height:12px; border-right:1.5px solid #8d714d; border-bottom:1.5px solid #8d714d; transform:rotate(45deg); margin:0 7px 7px; flex-shrink:0; transition:transform .25s ease; }
#alaq-omra .chapter[open] > summary .chapter-chevron { transform:rotate(225deg); margin-top:7px; margin-bottom:0; }
#alaq-omra .chapter-body { padding:25px 0 5px; }
#alaq-omra .chapter[open] > .chapter-body { animation:al-unfold .3s ease; }
#alaq-omra .stop { top:13px; background:linear-gradient(145deg,#f1d59e,#d5a563); border-color:#b48a53; box-shadow:inset 0 0 0 3px #eed1a0,0 2px 7px #cdb99533; }
#alaq-omra .chapter.is-active .stop { background:linear-gradient(145deg,#f7deb0,#deb276); box-shadow:inset 0 0 0 3px #f0d4a5,0 0 0 4px #f1e8d9; }
#alaq-omra .dua { padding:27px 29px 22px; border-radius:20px; border:1px solid #ece1d0; margin:28px 0 32px; }
#alaq-omra .dua::before { content:none; display:none; }
#alaq-omra .dua .dua-title { margin:0 0 21px; padding:0; font:400 13px/1.65 'Jost',sans-serif; text-transform:uppercase; letter-spacing:.11em; color:#705238; }
#alaq-omra .arabic { font-family:'Noto Naskh Arabic','Noto Sans Arabic',serif; font-size:33px; line-height:2.15; letter-spacing:normal; }
#alaq-omra .arabic-word { font-family:'Noto Naskh Arabic','Noto Sans Arabic',serif; font-size:1.26em; line-height:1.7; unicode-bidi:isolate; letter-spacing:normal; }
#alaq-omra .memo-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; line-height:1.6; color:#765433; text-decoration-thickness:1px; text-underline-offset:4px; }
#alaq-omra .dua .source-line { margin:5px 0 0; }
#alaq-omra .history-note { margin:28px 0; padding:23px 25px 20px; background:#f7f1e7; border:1px solid #ece1d0; border-radius:20px; }
#alaq-omra .history-note h3 { margin:0 0 13px; font:400 25px/1.4 'Marcellus',serif; color:#765433; }
#alaq-omra .history-note p { font-size:17px; line-height:1.85; }
#alaq-omra .history-note p:last-child { margin-bottom:0; }
#alaq-omra .history-note .source-line { font-size:13px; line-height:1.65; }
#alaq-omra .reflection { border-top:1px solid #e2d4be; padding-top:15px; }
#alaq-omra .reading-controls { display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin:0 0 28px; }
#alaq-omra .reading-controls p { margin:0; color:var(--muted); font-size:14px; flex:1 1 220px; }
#alaq-omra .reading-controls .tool { background:#f7f0e4; border-color:#d9c5a5; color:#674b30; border-radius:25px; }
#alaq-omra .reading-controls .tool:disabled { opacity:.55; cursor:default; }
#alaq-omra .download-section { margin:10px 0 40px; scroll-margin-top:28px; }
#alaq-omra .sheet { border:1px solid #ddc9a8; border-radius:20px; padding:29px; }
#alaq-omra .sheet .button { border-radius:24px; }
@keyframes al-unfold { from { opacity:.65; transform:translateY(5px); } to { opacity:1; transform:translateY(0); } }
@container (max-width:700px) {
 #alaq-omra .reading { padding:30px 22px 40px; }
 #alaq-omra .chapter > summary h2 { font-size:27px; gap:13px; }
 #alaq-omra .chapter > summary { padding-top:10px; }
 #alaq-omra .stop { top:12px; }
 #alaq-omra .dua { padding:23px 17px 18px; border-radius:17px; }
 #alaq-omra .dua .dua-title { font-size:12px; letter-spacing:.085em; }
 #alaq-omra .arabic { font-size:29px; line-height:2.15; }
 #alaq-omra .history-note { padding:20px 18px; }
 #alaq-omra .history-note h3 { font-size:23px; }
 #alaq-omra .history-note p { font-size:17px; }
 #alaq-omra .reading-controls p { flex-basis:100%; }
 #alaq-omra .chapter-chevron { width:10px; height:10px; }
 #alaq-omra .sheet { padding:23px 20px; }
}
@media print {
 #alaq-omra .reading-controls, #alaq-omra .chapter::before, #alaq-omra .chapter-chevron { display:none!important; }
 #alaq-omra .chapter > summary { border:0; }
 #alaq-omra .chapter-body { display:block!important; }
 #alaq-omra .history-note { break-inside:avoid; }
}