/* Coran Tajwid — pages statiques (design aligné sur le lecteur) */
:root{
  color-scheme:light;
  --bg:#f5f5f7;--card:#fff;--ink:#1d1d1f;--muted:#6b7280;--soft:#9ca3af;
  --line:#ececf0;--blue:#007aff;--shadow:0 8px 30px rgba(0,0,0,.04);
  --carte-bord:rgba(255,255,255,.5);--voile:rgba(255,255,255,.5);--accent-faible:#eff6ff;--accent-bord:#dbeafe;
  --r-lg:3rem;--r-md:2rem;--r-sm:1.25rem;
}
/* Thème sombre : palette relevée sur quran.com (fond, texte, bordures, accent). */
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  color-scheme:dark;
  --bg:#1f2125;--card:#212529;--ink:#e7e9ea;--muted:#a2a8ae;--soft:#777;
  --line:#464b50;--blue:#2ca4ab;--shadow:0 8px 30px rgba(0,0,0,.35);
  --carte-bord:#33383d;--voile:rgba(255,255,255,.03);--accent-faible:#1a2b2c;--accent-bord:#2a4245;
}}
:root[data-theme="dark"]{
  color-scheme:dark;
  --bg:#1f2125;--card:#212529;--ink:#e7e9ea;--muted:#a2a8ae;--soft:#777;
  --line:#464b50;--blue:#2ca4ab;--shadow:0 8px 30px rgba(0,0,0,.35);
  --carte-bord:#33383d;--voile:rgba(255,255,255,.03);--accent-faible:#1a2b2c;--accent-bord:#2a4245;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;padding:16px;background:var(--bg);color:var(--ink);
  font-family:'Plus Jakarta Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  line-height:1.65;font-size:17px;display:flex;flex-direction:column;gap:16px;min-height:100vh}
img{max-width:100%;height:auto}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
.skip{position:absolute;left:-9999px}
.skip:focus{left:20px;top:20px;background:var(--card);padding:10px 16px;border-radius:12px;z-index:99}
.shell{max-width:1280px;margin:0 auto;width:100%;min-width:0}
/* min-width:0 est indispensable : sans lui, un enfant large (tableau, texte arabe)
   étire l'élément flex au-delà du viewport et provoque un défilement horizontal. */
.shell-main{flex:1;display:flex;min-width:0}

/* ---- Barre de navigation : même composant que dans le lecteur ---- */
header.site{background:var(--voile);border:1px solid var(--carte-bord);
  border-radius:var(--r-md);box-shadow:var(--shadow);min-height:5.5rem;padding:16px 34px;
  display:flex;align-items:center;flex-shrink:0}
.site-nav-row{display:flex;align-items:center;gap:20px;width:100%;min-width:0}
.site-brand{font-weight:800;letter-spacing:-.02em;font-size:22px;color:var(--ink);white-space:nowrap}
.site-brand:hover{text-decoration:none}
.site-brand span{color:var(--blue)}
.site-nav-sep{width:1px;height:18px;background:var(--line);flex-shrink:0}
.site-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap;min-width:0}
.site-nav a{font-size:15px;font-weight:600;color:var(--soft);white-space:nowrap;transition:color .2s}
.site-nav a:hover{color:var(--ink);text-decoration:none}
.site-nav a.site-nav-current{color:var(--ink)}

/* ---- Carte principale ---- */
main.site{background:var(--card);border:1px solid var(--carte-bord);border-radius:var(--r-lg);
  box-shadow:var(--shadow);padding:56px 64px 64px;flex:1;min-width:0;overflow-wrap:break-word}
.crumb{font-size:12px;color:var(--soft);margin:0 0 22px;font-weight:600}
.crumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:0;padding:0}
.crumb li:not(:last-child)::after{content:"›";margin-left:8px;color:var(--soft)}
.crumb a{color:var(--soft)}
.crumb a:hover{color:var(--ink);text-decoration:none}

h1{font-size:clamp(2rem,4.6vw,2.9rem);line-height:1.1;letter-spacing:-.045em;margin:.2em 0 .35em;font-weight:800}
h2{font-size:clamp(1.3rem,2.8vw,1.6rem);letter-spacing:-.03em;margin:2.4em 0 .7em;font-weight:700}
h3{font-size:1.08rem;letter-spacing:-.02em;margin:1.9em 0 .4em;font-weight:700}
p{margin:0 0 1.1em}
.lede{font-size:1.14rem;color:var(--muted);line-height:1.7}
.eyebrow{font-size:11px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--blue);margin:0}
ol,ul{padding-left:1.3em}
li{margin:.35em 0}

.card{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:28px 32px;margin:24px 0}
.callout{background:var(--accent-faible);border:1px solid var(--accent-bord);border-radius:var(--r-md);padding:22px 28px;margin:24px 0}
.callout p:last-child{margin-bottom:0}

.facts{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:28px 0;padding:0;list-style:none}
.facts li{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:16px 18px;margin:0}
.facts b{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--soft);font-weight:700;margin-bottom:2px}
.facts span{font-size:1.05rem;font-weight:700;letter-spacing:-.02em}

/* ---- Légende des couleurs : pastilles identiques au lecteur ---- */
.legend{display:flex;flex-wrap:wrap;gap:8px;padding:0;margin:20px 0;list-style:none}
.legend li{display:inline-flex;align-items:center;gap:7px;background:var(--bg);border:1px solid var(--line);
  border-radius:999px;padding:5px 13px;font-size:12px;font-weight:600;color:var(--muted);white-space:nowrap;margin:0}
.dot{width:8px;height:8px;border-radius:50%;flex:0 0 auto}

/* ---- Texte coranique : bloc gris arrondi, comme le verset actif du lecteur ---- */
.ar{font-family:'Amiri',serif;direction:rtl;text-align:right;font-size:2.1rem;line-height:2.1}
.verse{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:28px 32px;margin:16px 0}
.verse .ar{margin:0}
.verse .num{font-family:'Plus Jakarta Sans',sans-serif;direction:ltr;display:inline-block;color:var(--blue);
  font-weight:700;font-size:.95rem;font-style:italic;vertical-align:middle;margin-left:12px}
.verse .fr{margin:16px 0 0;color:var(--muted);font-size:.96rem;border-top:1px solid var(--line);padding-top:14px}
.verse .fr b{color:var(--soft);font-weight:700;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;
  display:block;margin-bottom:3px}
.bism{font-family:'Amiri',serif;direction:rtl;text-align:center;font-size:2rem;color:var(--muted);margin:30px 0}

/* Couleurs du tajwid — générées depuis GROUPES (build/tajweed.mjs).
   quran.com éclaircit sa palette en thème sombre : on reprend la leur. */
.tj-ghunnah,.tj-ikhafa,.tj-ikhafa_shafawi,.tj-iqlab{color:#09b000}
.tj-idgham_ghunnah,.tj-idgham_wo_ghunnah,.tj-idgham_shafawi,.tj-idgham_mutajanisayn,.tj-idgham_mutaqaribayn,.tj-ham_wasl,.tj-laam_shamsiyah,.tj-slnt{color:#a5a5a5}
.tj-qalaqah{color:#2fadff}
.tj-madda_normal{color:#ce9e00}
.tj-madda_permissible{color:#ff7b00}
.tj-madda_necessary{color:#b50000}
.tj-madda_obligatory{color:#f40000}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
.tj-ghunnah,.tj-ikhafa,.tj-ikhafa_shafawi,.tj-iqlab{color:#26b55d}
.tj-idgham_ghunnah,.tj-idgham_wo_ghunnah,.tj-idgham_shafawi,.tj-idgham_mutajanisayn,.tj-idgham_mutaqaribayn,.tj-ham_wasl,.tj-laam_shamsiyah,.tj-slnt{color:#999999}
.tj-qalaqah{color:#00deff}
.tj-madda_normal{color:#ffc1e0}
.tj-madda_permissible{color:#ff8e3b}
.tj-madda_necessary{color:#e30000}
.tj-madda_obligatory{color:#ff5e8e}
}}
:root[data-theme="dark"]{
.tj-ghunnah,.tj-ikhafa,.tj-ikhafa_shafawi,.tj-iqlab{color:#26b55d}
.tj-idgham_ghunnah,.tj-idgham_wo_ghunnah,.tj-idgham_shafawi,.tj-idgham_mutajanisayn,.tj-idgham_mutaqaribayn,.tj-ham_wasl,.tj-laam_shamsiyah,.tj-slnt{color:#999999}
.tj-qalaqah{color:#00deff}
.tj-madda_normal{color:#ffc1e0}
.tj-madda_permissible{color:#ff8e3b}
.tj-madda_necessary{color:#e30000}
.tj-madda_obligatory{color:#ff5e8e}
}

table{width:100%;border-collapse:separate;border-spacing:0;margin:20px 0;font-size:.94rem;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-sm);overflow:hidden}
th,td{text-align:left;padding:13px 18px;border-bottom:1px solid var(--line)}
th{background:var(--voile);font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;color:var(--soft);font-weight:700}
tr:last-child td{border-bottom:0}
.scroll-x{overflow-x:auto;border-radius:var(--r-sm)}

.grid-links{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:10px;padding:0;margin:20px 0;list-style:none}
.grid-links li{margin:0}
.grid-links a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;background:var(--bg);
  border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 18px;color:var(--ink);font-weight:650;font-size:.94rem;
  transition:all .2s}
.grid-links a:hover{border-color:var(--blue);background:var(--card);box-shadow:var(--shadow);text-decoration:none}
.grid-links .n{color:var(--soft);font-size:.78rem;font-weight:600}

/* ---- Blocs de téléchargement PDF ---- */
.dl{display:flex;align-items:center;gap:18px;background:var(--bg);border:1px solid var(--line);
  border-radius:var(--r-md);padding:20px 24px;margin:16px 0}
.dl-ico{flex:0 0 auto;width:46px;height:46px;border-radius:14px;background:var(--card);border:1px solid var(--line);
  display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800;color:#dc2626;letter-spacing:.05em}
.dl-txt{flex:1;min-width:0}
.dl-titre{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 2px}
.dl-detail{font-size:.86rem;color:var(--muted);margin:0;line-height:1.5}
.dl-btn{flex:0 0 auto;background:var(--blue);color:#fff;font-weight:700;font-size:.85rem;
  border-radius:999px;padding:12px 22px;white-space:nowrap}
.dl-btn span{opacity:.75;font-weight:600}
.dl-btn:hover{background:#0062cc;text-decoration:none}
@media(max-width:640px){.dl{flex-wrap:wrap;gap:12px;padding:18px}.dl-btn{width:100%;text-align:center}}

/* ---- Vidéos : vignette cliquable, l'iframe n'est créée qu'au clic ---- */
.video-intro{font-size:.88rem;color:var(--soft);margin:-.4em 0 1.2em}
.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px;margin:20px 0}
.video{margin:0;background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);overflow:hidden}
.video-play{display:block;position:relative;width:100%;padding:0;border:0;background:#000;cursor:pointer;
  line-height:0;aspect-ratio:16/9;overflow:hidden}
.video-play img{width:100%;height:100%;object-fit:cover;opacity:.92;transition:opacity .25s,transform .35s}
.video-play:hover img{opacity:1;transform:scale(1.03)}
.video-icone{position:absolute;inset:0;margin:auto;width:58px;height:58px;border-radius:50%;
  background:rgba(0,0,0,.55);backdrop-filter:blur(4px);border:2px solid rgba(255,255,255,.9);
  display:flex;align-items:center;justify-content:center;transition:background .2s,transform .2s}
.video-icone::after{content:"";border-style:solid;border-width:11px 0 11px 18px;
  border-color:transparent transparent transparent #fff;margin-left:5px}
.video-play:hover .video-icone{background:var(--blue);transform:scale(1.08)}
.video-play:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
.video-duree{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.78);color:#fff;
  font-size:11px;font-weight:700;padding:3px 7px;border-radius:6px;line-height:1.4;font-variant-numeric:tabular-nums}
.video iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.video figcaption{padding:14px 18px 16px}
.video-titre{font-size:.9rem;font-weight:700;letter-spacing:-.01em;margin:0 0 3px;line-height:1.35}
.video-chaine{font-size:.78rem;color:var(--soft);margin:0}
.video-chaine a{color:var(--soft);text-decoration:underline}
.video-chaine a:hover{color:var(--ink)}

details{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-md);padding:2px 26px;margin:10px 0}
summary{cursor:pointer;font-weight:700;padding:18px 0;letter-spacing:-.01em}
summary::marker{color:var(--soft)}
details p{margin-top:0}

.pager{display:flex;justify-content:space-between;gap:12px;margin:44px 0 0;font-size:.92rem;font-weight:650}
.pager a{background:var(--bg);border:1px solid var(--line);border-radius:var(--r-sm);padding:14px 22px;color:var(--ink);transition:all .2s}
.pager a:hover{border-color:var(--blue);background:var(--card);text-decoration:none}

.cta{display:inline-block;background:var(--blue);color:#fff;font-weight:700;border-radius:999px;
  padding:15px 30px;margin:10px 0;font-size:.94rem;box-shadow:0 8px 20px rgba(0,122,255,.25)}
.cta:hover{background:#0062cc;text-decoration:none}

audio{width:100%;max-width:460px;margin:6px 0 12px}

footer.site{background:var(--voile);border:1px solid var(--carte-bord);border-radius:var(--r-md);
  box-shadow:var(--shadow);padding:40px 48px;font-size:.9rem;color:var(--muted);flex-shrink:0}
footer.site .cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
footer.site h2{font-size:.7rem;text-transform:uppercase;letter-spacing:.14em;margin:0 0 12px;color:var(--ink);font-weight:700}
footer.site ul{list-style:none;margin:0;padding:0}
footer.site li{margin:6px 0}
footer.site a{color:var(--muted)}
footer.site a:hover{color:var(--ink);text-decoration:none}
.legal{margin:28px 0 0;padding-top:20px;border-top:1px solid var(--line);font-size:.8rem;color:var(--soft)}

/* ---- Menu compact : sous 900 px, la navigation passe derrière un bouton ----
   Six liens sur trois rangées mangeaient 450 px avant le moindre contenu. */
.nav-burger{display:none;flex:0 0 auto;width:38px;height:38px;border-radius:12px;
  border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer;
  align-items:center;justify-content:center;padding:0}
.nav-burger svg{width:19px;height:19px}
.nav-burger .fermer{display:none}
.nav-burger[aria-expanded="true"] .ouvrir{display:none}
.nav-burger[aria-expanded="true"] .fermer{display:block}

@media(max-width:900px){
  header.site{min-height:0;padding:10px 16px;border-radius:var(--r-sm)}
  .site-nav-row{flex-wrap:wrap;gap:8px}
  .site-brand{font-size:19px;order:1}
  .site-nav-sep{display:none}
  .theme-toggle{order:2;margin-left:auto;width:38px;height:38px}
  .nav-burger{display:flex;order:3}
  .site-nav{order:4;flex-basis:100%;display:none;flex-direction:column;gap:0;
    margin-top:8px;padding-top:6px;border-top:1px solid var(--line)}
  .site-nav.ouvert{display:flex}
  .site-nav a{padding:11px 2px;font-size:15px;color:var(--ink)}
  main.site{padding:26px 18px 32px;border-radius:var(--r-md)}
  footer.site{padding:26px 18px;border-radius:var(--r-sm)}
}

@media(max-width:640px){
  body{padding:10px;gap:10px;font-size:16px}
  main.site{padding:22px 15px 28px}
  h1{font-size:clamp(1.65rem,6.2vw,2.1rem);letter-spacing:-.035em}
  h2{font-size:1.22rem;margin:1.9em 0 .55em}
  .lede{font-size:1.02rem;line-height:1.6}
  p{margin:0 0 .9em}

  /* Texte coranique : densité de lecture proche d'une application mobile. */
  .ar{font-size:1.5rem;line-height:2.05}
  .verse{padding:14px 14px;border-radius:16px;margin:9px 0}
  .verse .fr{font-size:.88rem;margin-top:11px;padding-top:10px}
  .verse .fr b{font-size:.64rem;letter-spacing:.09em}
  .bism{font-size:1.5rem;margin:20px 0}

  /* Légende : une seule ligne qui défile, au lieu de quatre rangées. */
  .legend{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;
    scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .legend::-webkit-scrollbar{display:none}
  .legend li{font-size:11px;padding:4px 10px;gap:6px}

  .facts{grid-template-columns:1fr 1fr;gap:8px;margin:20px 0}
  .facts li{padding:12px 13px;border-radius:14px}
  .facts span{font-size:.95rem}
  .grid-links{grid-template-columns:1fr;gap:8px}
  .grid-links a{padding:12px 15px;border-radius:14px}
  th,td{padding:10px 12px;font-size:.88rem}
  details{padding:0 18px;border-radius:16px}
  summary{padding:14px 0;font-size:.95rem}

  /* Pied de page : deux colonnes plutôt qu'une longue liste verticale. */
  footer.site{padding:22px 16px}
  footer.site .cols{grid-template-columns:1fr 1fr;gap:18px 14px}
  footer.site h2{font-size:.64rem;margin:0 0 7px}
  footer.site li{margin:3px 0}
  footer.site a{font-size:.85rem;line-height:1.45}
  .legal{margin-top:18px;padding-top:14px;font-size:.72rem}
}

/* ---- Emplacements publicitaires latéraux (fictifs) ----
   Fixés hors du flux : ils ne décalent jamais le contenu, donc aucun CLS.
   Affichés seulement s'il reste la place de chaque côté des 1280 px de contenu. */
.pub{display:none}
@media (min-width:1600px){
  .pub{display:flex;position:fixed;top:104px;width:160px;height:600px;z-index:5;
    flex-direction:column;align-items:center;justify-content:center;gap:10px;
    background:var(--card);border:1px dashed var(--line);border-radius:var(--r-sm);
    color:var(--soft);text-align:center;padding:16px;overflow:hidden}
  .pub-gauche{left:calc(50% - 640px - 184px)}
  .pub-droite{right:calc(50% - 640px - 184px)}
}
.pub-etiquette{font-size:9px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:var(--soft);opacity:.8}
.pub-creatif{flex:1;width:100%;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:8px;border-radius:12px;background:var(--bg);
  border:1px solid var(--line);transition:opacity .35s}
.pub-creatif.pub-transition{opacity:0}
.pub-titre{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3;padding:0 10px}
.pub-sous{font-size:11px;color:var(--muted);padding:0 10px;line-height:1.4}
.pub-format{font-size:9px;color:var(--soft);letter-spacing:.08em}
.pub-compteur{font-size:9px;color:var(--soft);font-variant-numeric:tabular-nums}

/* ---- Bandeau de consentement ---- */
.consent{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:1280px;
  margin:0 auto;display:flex;align-items:center;gap:24px;flex-wrap:wrap;
  background:var(--card);border:1px solid var(--line);border-radius:var(--r-md);
  box-shadow:0 12px 40px rgba(0,0,0,.18);padding:20px 26px}
.consent[hidden]{display:none}
.consent-txt{flex:1;min-width:260px}
.consent-titre{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin:0 0 4px}
.consent-txt p{font-size:.88rem;color:var(--muted);margin:0;line-height:1.5}
.consent-btns{display:flex;gap:10px;flex-shrink:0}
.consent-btns button{font-family:inherit;font-weight:700;font-size:.88rem;border-radius:999px;
  padding:12px 26px;cursor:pointer;border:1px solid var(--line);transition:all .2s}
/* Refuser doit être aussi visible qu'accepter : la CNIL interdit de rendre
   le refus plus difficile que l'acceptation. */
.consent-refus{background:var(--bg);color:var(--ink)}
.consent-refus:hover{border-color:var(--ink)}
.consent-ok{background:var(--blue);color:#fff;border-color:var(--blue)}
.consent-ok:hover{filter:brightness(.92)}
@media(max-width:640px){
  .consent{left:12px;right:12px;bottom:12px;padding:18px;gap:14px}
  .consent-btns{width:100%}
  .consent-btns button{flex:1;padding:13px 10px}
}

/* ---- Bascule clair / sombre ---- */
.theme-toggle{margin-left:auto;flex:0 0 auto;width:36px;height:36px;border-radius:12px;
  border:1px solid var(--line);background:var(--card);color:var(--muted);cursor:pointer;
  display:flex;align-items:center;justify-content:center;padding:0;transition:all .2s}
.theme-toggle:hover{color:var(--ink);border-color:var(--blue)}
.theme-toggle svg{width:17px;height:17px}
.theme-toggle .lune{display:none}
:root[data-theme="dark"] .theme-toggle .lune{display:block}
:root[data-theme="dark"] .theme-toggle .soleil{display:none}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]) .theme-toggle .lune{display:block}
  :root:not([data-theme="light"]) .theme-toggle .soleil{display:none}
}

@media print{
  /* L'impression et les PDF restent toujours en clair. */
  :root{--bg:#fff;--card:#fff;--ink:#111;--muted:#444;--soft:#666;--line:#ddd;
        --voile:#fff;--carte-bord:#ddd;--accent-faible:#f4f8ff;--accent-bord:#dde8f8}
.tj-ghunnah,.tj-ikhafa,.tj-ikhafa_shafawi,.tj-iqlab{color:#09b000}
.tj-idgham_ghunnah,.tj-idgham_wo_ghunnah,.tj-idgham_shafawi,.tj-idgham_mutajanisayn,.tj-idgham_mutaqaribayn,.tj-ham_wasl,.tj-laam_shamsiyah,.tj-slnt{color:#a5a5a5}
.tj-qalaqah{color:#2fadff}
.tj-madda_normal{color:#ce9e00}
.tj-madda_permissible{color:#ff7b00}
.tj-madda_necessary{color:#b50000}
.tj-madda_obligatory{color:#f40000}
  header.site,footer.site,.crumb,.pager,.cta,audio,details,.grid-links,.skip,.theme-toggle{display:none!important}
  body{background:#fff;padding:0;font-size:12pt;display:block}
  main.site{border:0;box-shadow:none;padding:0;border-radius:0}
  .verse,.card{border:0;border-bottom:1px solid #ddd;border-radius:0;padding:8pt 0;margin:0;break-inside:avoid;background:#fff}
  .ar{font-size:19pt;line-height:1.9}
  h1{font-size:20pt}h2{font-size:14pt;margin:14pt 0 6pt}
  a{color:inherit;text-decoration:none}
  .legend li{border:1px solid #ddd;background:#fff}
}

@media print{
  header.site,footer.site,.crumb,.pager,.cta,audio,details,.grid-links{display:none!important}
  body{background:#fff;font-size:12pt}
  .wrap{max-width:none;padding:0}
  .verse,.card{border:0;border-bottom:1px solid #ddd;border-radius:0;padding:8pt 0;margin:0;break-inside:avoid}
  .ar{font-size:19pt;line-height:1.9}
  h1{font-size:20pt}h2{font-size:14pt;margin:14pt 0 6pt}
  a{color:inherit;text-decoration:none}
  .legend li{border:1px solid #ddd}
}