/* Modèle d’article Sud Sport Santé validé : 30 pages, responsive. */
.reading-breadcrumb{padding:15px 0 13px;font-size:12px}
.reading-hero{background:linear-gradient(110deg,#f6faff 5%,#edf5ff 57%,#fff5f7 100%)}
.reading-hero-layout{grid-template-columns:minmax(0,1.75fr) minmax(260px,.82fr);gap:30px;min-height:284px}
.reading-hero-copy{padding:35px 0 40px}
.reading-category{font-size:11px;background:#fff;border-color:#d9e8fb}
.reading-hero h1{font-size:clamp(31px,3.2vw,45px);line-height:1.16;max-width:790px;margin:14px 0 17px;letter-spacing:-.015em}
.reading-meta{font-size:13px;color:#435e8c;gap:10px}
.reading-back{font-size:12px;margin-top:21px}
.reading-hero-art{min-height:220px}
.reading-hero-art img{width:100%;max-width:350px;height:255px;aspect-ratio:4 / 3;object-fit:contain;object-position:center center;background:#eaf4ff;border-radius:18px;box-shadow:0 12px 28px rgba(12,43,100,.08);mix-blend-mode:normal;filter:none;padding:10px}
.reading-main-grid{gap:46px;grid-template-columns:minmax(215px,242px) minmax(0,1fr);padding-top:46px;padding-bottom:70px}
.reading-body{max-width:748px}
.reading-prose{font-size:18px;line-height:1.74;color:#263b62}
.reading-prose>p{margin-bottom:21px}
.reading-prose>p:first-child{font-size:16px;line-height:1.7}
.reading-prose h2{font-size:clamp(23px,2.3vw,28px);margin-top:42px;border-color:#dce7f6}
.reading-prose h3{font-size:21px}
.reading-prose ul,.reading-prose ol{margin-bottom:26px}
.reading-prose li{margin-bottom:9px}
.reading-health-notice{position:relative;padding:43px 22px 19px 23px;background:#f4f8ff;border:1px solid #d6e5fa;border-left:4px solid var(--blue);border-radius:15px;margin:0 0 29px!important;color:#243f70;font-size:15.5px!important;font-weight:500!important;line-height:1.75!important}
.reading-health-notice:before{content:'Avant de pratiquer';position:absolute;top:15px;left:23px;color:var(--navy);font-weight:900;font-size:11px;letter-spacing:.065em;text-transform:uppercase}
.reading-health-notice u{text-decoration:none}
.reading-health-notice em{font-style:normal}
.reading-health-notice strong{font-weight:500;color:inherit}
.reading-figure{margin:30px 0 35px}
.reading-figure img{border:1px solid #e2eaf7}
.reading-toc{top:112px}
.reading-toc-inner{padding:17px 17px 17px;border-radius:16px}
.reading-toc-details summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:22px;color:var(--navy)}
.reading-toc-details summary::-webkit-details-marker{display:none}
.reading-toc-details summary:focus-visible{outline:3px solid #ffb02e;border-radius:4px;outline-offset:4px}
.toc-title{font-size:12px;font-weight:900;letter-spacing:.035em;line-height:1.4}
.toc-count{font-size:10px;color:#6e83a4;white-space:nowrap;margin-left:auto}
.toc-chevron{font-size:20px;font-weight:800;line-height:1;margin-top:-6px;transition:transform .2s;color:var(--blue)}
.reading-toc-details[open] .toc-chevron{transform:rotate(180deg);margin-top:5px}
.reading-toc-details nav{display:flex;flex-direction:column;gap:1px;padding-top:14px;margin-top:13px;border-top:1px solid #e6eef9}
.reading-toc-details nav a{font-size:12px;line-height:1.47;color:#4f6a94;padding:8px 2px 8px 11px}
.reading-toc-details nav a.toc-l3{font-size:11px}
.reading-toc-details nav a.is-active{border-left:3px solid var(--blue);color:var(--navy);background:#eaf2ff;font-weight:760}
.reading-toc-details nav a:hover{background:#eaf2ff;color:var(--navy)}
.reading-tools{display:flex;gap:9px;margin-top:17px;padding-top:14px;border-top:1px solid #e6eef9}
.reading-tools button{flex:1;min-width:0;margin:0;border:1px solid #d1e0f6;padding:10px 8px;border-radius:10px;color:var(--navy);font-weight:830;font-size:11px;transition:background .18s,border-color .18s;background:#eaf2ff;line-height:1.25}
.reading-tools button:hover{background:#d8e8ff;border-color:#bad1f4}
.reading-copy-status{min-height:0;font-size:11px;margin:8px 0 0}
.reading-progress{position:absolute;bottom:-1px;left:0;right:0;height:3px;background:transparent;pointer-events:none}
.reading-progress-value{height:100%;width:0;background:linear-gradient(90deg,var(--blue),var(--red));transition:width .08s linear}
@media(max-width:960px){.reading-hero-layout{grid-template-columns:minmax(0,1.45fr) minmax(210px,.7fr);gap:17px}.reading-hero-art img{max-width:270px}.reading-main-grid{grid-template-columns:195px minmax(0,1fr);gap:26px}.reading-prose{font-size:17px}}
@media(max-width:720px){
 .reading-breadcrumb{padding:13px 0;font-size:11px;gap:9px}
 .reading-hero-layout{display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:0}
 .reading-hero-copy{padding:28px 0 16px}
 .reading-category{font-size:10px}
 .reading-hero h1{font-size:clamp(29px,7.8vw,38px);margin:15px 0 17px;line-height:1.18;overflow-wrap:normal}
 .reading-meta{font-size:11px;gap:7px}
 .reading-back{margin-top:15px}
 .reading-hero-art{display:block;width:100%;min-height:0;max-height:150px;margin:0 0 16px;overflow:hidden;border-radius:13px}
 .reading-hero-art img{width:100%;max-width:none;height:145px;aspect-ratio:auto;object-fit:contain;object-position:center center;box-shadow:none;border-radius:13px;padding:8px;background:#eef5ff}
 .reading-hero-art:before{display:none}
 .reading-main-grid{display:flex;flex-direction:column;gap:18px;padding-top:24px;padding-bottom:49px}
 .reading-toc{position:static;width:100%;max-height:none;overflow:visible}
 .reading-toc-inner{padding:13px 15px}
 .reading-toc-details nav{display:flex}
 .reading-toc-details nav a{padding:10px 6px 10px 11px;font-size:12.5px}
 .reading-prose{font-size:17.25px;line-height:1.76}
 .reading-prose>p:first-child{font-size:15.5px}
 .reading-prose h2{margin-top:37px;font-size:23px}
 .reading-health-notice{margin-bottom:24px!important;padding:45px 17px 17px 18px;font-size:15px!important}
 .reading-health-notice:before{left:18px}
 .reading-tools{margin-top:12px;padding-top:12px}
 .reading-tools button{padding:11px}
}
@media print{
 .site-header,.reading-toc,.reading-breadcrumb,.reading-related,.footer,.reading-back,.reading-progress{display:none!important}
 .reading-hero{background:#fff;border:0}.reading-hero-layout{display:block}.reading-hero-art{display:none}.reading-hero-copy{padding:0}
 .reading-main-grid{display:block;padding:0}.reading-body{max-width:100%}
 .reading-prose{font-size:11pt;line-height:1.45}.reading-prose a:after{content:' (' attr(href) ')';font-size:9pt}
 .reading-figure img{max-height:16cm}
 .reading-prose h2,.reading-prose h3{break-after:avoid}.reading-figure,.reading-health-notice{break-inside:avoid}
}

/* Sommaire repliable dans le flux de lecture : aucune barre de défilement secondaire.
   Une composition centrée sur ordinateur et sur téléphone. */
.reading-main-grid {
  display:flex;
  flex-direction:column;
  align-items:center;
  grid-template-columns:none;
  gap:25px;
  max-width:1050px;
  padding-top:34px;
  padding-bottom:78px;
}
.reading-toc {
  position:static;
  top:auto;
  width:100%;
  max-width:800px;
  align-self:center;
  max-height:none;
  overflow:visible;
  margin:0;
  scrollbar-width:auto;
}
.reading-toc-inner {
  padding:0;
  border:1px solid #dce7f6;
  border-radius:15px;
  background:#fafcff;
  box-shadow:0 6px 19px rgba(16,53,117,.035);
  overflow:hidden;
}
.reading-toc-details summary {
  padding:18px 20px;
  min-height:64px;
  display:flex;
  align-items:center;
  gap:12px;
  list-style:none;
  cursor:pointer;
}
.toc-icon { width:34px;height:34px;flex:none;display:grid;place-items:center;
  border-radius:9px;color:#0759c9;background:#e7f1ff; }
.toc-icon svg {width:19px;height:19px;}
.toc-title {font-family:var(--font-titres);font-size:15px;font-weight:650;letter-spacing:-.013em;line-height:1.3;color:#09246a;}
.toc-count {font-size:12px;font-weight:500;letter-spacing:0;color:#667e9e;white-space:nowrap;margin-left:auto;}
.toc-chevron {width:28px;height:28px;flex:none;display:grid;place-items:center;
  border-radius:50%;background:#e9f1ff;color:#0758cc;font-size:19px;font-weight:600;
  line-height:1;transition:transform .2s ease;margin:0;}
.reading-toc-details[open] .toc-chevron{transform:rotate(180deg);margin:0;}
.reading-toc-details summary:hover {background:#f1f7ff;}
.reading-toc-details summary:focus-visible {outline:3px solid #f39d24;outline-offset:-5px;border-radius:12px;}
.reading-toc-details nav {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:4px 16px;
  padding:16px 20px 22px;
  margin:0;
  border-top:1px solid #e1eaf7;
  background:#fff;
}
.reading-toc-details nav a,
.reading-toc-details nav a.toc-l3 {
  font-family:var(--font-lecture);
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 12px;
  line-height:1.45;
  font-size:14px;
  font-weight:450;
  color:#365780;
  border:0;
  border-radius:9px;
  overflow-wrap:anywhere;
  text-decoration:none;
}
.reading-toc-details nav a.toc-l3 {color:#526c90;}
.reading-toc-details nav a:hover,
.reading-toc-details nav a:focus-visible,
.reading-toc-details nav a.is-active {
  background:#edf4ff;
  color:#09246a;
  border:0;
}
.reading-toc-details nav a:focus-visible {outline:2px solid #0c5dce;outline-offset:0;}
.reading-tools {display:flex;justify-content:flex-end;gap:9px;align-items:center;
  margin:0;padding:0 20px 14px;border:0;}
.reading-tools button {flex:0 0 auto;margin:0;
  padding:8px 13px;min-height:34px;min-width:0;
  border-radius:8px;background:transparent;border:1px solid #dce6f4;
  color:#4f688b;font-family:var(--font-lecture);font-size:12px;font-weight:600;}
.reading-tools button:hover {background:#ecf4ff;border-color:#b6caed;}
.reading-copy-status {min-height:0;margin:0 20px 7px;text-align:right;}
.reading-body {width:100%;max-width:800px;margin-inline:auto;}
.reading-toc--tools-only .reading-toc-inner {border:0;box-shadow:none;background:transparent;}
.reading-toc--tools-only .reading-tools {padding:0;margin:0;}
@media(max-width:720px) {
  .reading-main-grid {padding-top:22px;padding-bottom:54px;gap:22px;}
  .reading-toc {width:100%;max-height:none;overflow:visible;}
  .reading-toc-inner {border-radius:12px;}
  .reading-toc-details summary {min-height:60px;padding:12px 13px;gap:9px;}
  .toc-icon {width:32px;height:32px;}
  .toc-title {font-size:14px;}
  .toc-count {font-size:11px;}
  .toc-chevron {width:26px;height:26px;}
  .reading-toc-details nav {grid-template-columns:1fr;gap:2px;padding:9px 10px 14px;}
  .reading-toc-details nav a,.reading-toc-details nav a.toc-l3 {font-size:14px;min-height:46px;padding:11px 13px;}
  .reading-tools{padding:0 13px 12px;gap:7px;}
  .reading-tools button{min-height:36px;font-size:12px;padding:7px 10px;}
  .reading-body{width:100%;max-width:none;}
}
@media(max-width:360px) {
  .toc-title {font-size:13px;}
  .toc-count {font-size:10px;}
}
@media print {
  .reading-toc{display:none!important}
  .reading-main-grid{display:block;max-width:100%;padding:0;}
  .reading-body{max-width:100%;}
}

/* Actions secondaires au pied de l'article, pour ne pas alourdir le sommaire. */
.reading-article-actions{display:flex;justify-content:flex-end;align-items:center;flex-wrap:wrap;gap:12px;
  margin:46px 0 0;padding-top:18px;border-top:1px solid #e0e9f5;}
.reading-article-actions .reading-tools{padding:0;margin:0;gap:9px;}
.reading-article-actions .reading-tools button{width:auto;min-height:37px;padding:8px 15px;flex:none;
  border:1px solid #cfdcf0;background:white;color:#365e91;}
.reading-article-actions .reading-tools button:hover{background:#eaf3ff;}
.reading-article-actions .reading-copy-status{margin:0;min-height:0;font-size:12px;}
@media(max-width:720px){.reading-article-actions{margin-top:35px;justify-content:flex-start;}}
@media print{.reading-article-actions{display:none!important}}