/* JOAS · Conseils (liste et article) : règles propres aux maquettes Conseils et Article.
 * Chargé après components.css. */
.jo-bl-wrap{max-width:1244px;margin:0 auto}
.jo-bl-hero{padding:56px 48px 48px;background:var(--jo-cream)}
.jo-bl-sec{padding:64px 48px 0;background:var(--jo-white)}
.jo-bl-sec:last-of-type{padding-bottom:96px}
.jo-bl-bc{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;margin:0 0 28px;font-size:14px;font-weight:600;color:var(--jo-ink-soft)}
.jo-bl-bc a{color:var(--jo-green);text-decoration:underline;text-underline-offset:3px}
.jo-bl-bc [aria-current]{min-width:0;overflow-wrap:anywhere}
.jo-bl-h1{margin:0 0 20px;font-family:var(--font-display);font-weight:400;font-size:52px;line-height:1.08;text-transform:uppercase;color:var(--jo-coral);text-wrap:balance}
.jo-bl-lead{margin:0 0 32px;max-width:760px;font-size:18px;line-height:1.6;font-weight:600;color:var(--jo-green)}
.jo-bl-chips{display:flex;flex-wrap:wrap;gap:10px}
.jo-bl-chip{min-height:44px;padding:0 20px;border:1.5px solid var(--jo-green);border-radius:999px;background:transparent;font-family:inherit;font-size:15px;font-weight:700;color:var(--jo-green);cursor:pointer}
.jo-bl-chip:hover{background:var(--jo-rose-pale)}
.jo-bl-chip[aria-pressed="true"]{background:var(--jo-green);color:var(--jo-white)}
.jo-bl-chip:focus-visible{outline:2px solid var(--jo-green);outline-offset:2px}
.jo-bl-tag{display:inline-block;font-size:13px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--jo-coral-text)}
.jo-bl-h2s{margin:0;font-family:var(--font-display);font-weight:400;font-size:34px;line-height:1.12;text-transform:uppercase;color:var(--jo-green);text-wrap:balance}
.jo-bl-h2s a{color:inherit;text-decoration:none}
.jo-bl-h2s a:hover{text-decoration:underline;text-underline-offset:5px}
.jo-bl-feat{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:48px;align-items:center}
.jo-bl-feat img,.jo-bl-card img{display:block;width:100%;object-fit:cover;border-radius:10px}
.jo-bl-feat img{aspect-ratio:1/0.82}
.jo-bl-feat-t{display:flex;flex-direction:column;align-items:flex-start;gap:16px;min-width:0}
.jo-bl-feat-t p{margin:0;font-size:17px;line-height:1.6;font-weight:600;color:var(--jo-green)}
.jo-bl-meta{font-size:14px;font-weight:600;color:var(--jo-ink-soft)}
.jo-bl-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:8px 24px;margin-bottom:28px}
.jo-bl-count{font-size:15px;font-weight:600;color:var(--jo-ink-soft)}
.jo-bl-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 28px}
.jo-bl-card{display:flex;flex-direction:column;gap:12px;height:100%}
.jo-bl-card>a:first-child{display:block}
.jo-bl-card img{aspect-ratio:1/0.82}
.jo-bl-card h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:21px;line-height:1.15;text-transform:uppercase;color:var(--jo-green);text-wrap:balance}
.jo-bl-card h3 a{color:inherit;text-decoration:none}
.jo-bl-card h3 a:hover{text-decoration:underline;text-underline-offset:4px}
.jo-bl-card p{margin:0;font-size:15px;line-height:1.55;font-weight:600;color:var(--jo-green)}
.jo-bl-more{margin-top:auto;font-size:15px;font-weight:700;color:var(--jo-green);text-decoration:underline;text-underline-offset:4px}
.jo-bl-more:hover{color:var(--jo-coral-text)}
.jo-bl-band{padding:72px 48px;background:var(--jo-coral);color:var(--jo-white)}
.jo-bl-band .jo-bl-wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.jo-bl-band h2{margin:0 0 8px;font-family:var(--font-display);font-weight:400;font-size:32px;line-height:1.12;text-transform:uppercase;color:var(--jo-white)}
.jo-bl-band p{margin:0;max-width:640px;font-size:17px;line-height:1.55;font-weight:600;color:var(--jo-white)}
.jo-bl-band .jo-ac-btn{background:var(--jo-green)}
.jo-bl-art{padding:48px 48px 24px;background:var(--jo-white)}
.jo-bl-ah{display:flex;flex-direction:column;align-items:flex-start;gap:14px;max-width:900px;margin-bottom:32px}
.jo-bl-ah .jo-bl-h1{margin:0;font-size:46px}
.jo-bl-by{margin:0;font-size:15px;line-height:1.5;font-weight:600;color:var(--jo-ink-soft)}
.jo-bl-by b{color:var(--jo-green)}
.jo-bl-cover{display:block;width:100%;aspect-ratio:2.4/1;object-fit:cover;border-radius:10px;margin-bottom:48px}
.jo-bl-cols{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:72px;align-items:start}
.jo-bl-main{display:flex;flex-direction:column;gap:20px;min-width:0;max-width:760px}
.jo-bl-main h2{margin:24px 0 0;font-size:26px;line-height:1.25;font-weight:700;font-family:inherit;color:var(--jo-green);text-transform:none;text-wrap:balance;scroll-margin-top:110px}
.jo-bl-main p{margin:0;font-size:17px;line-height:1.75;font-weight:600;color:var(--jo-green)}
.jo-bl-bref{padding:24px 28px;border-radius:10px;border-left:6px solid var(--jo-coral);background:var(--jo-cream)}
.jo-bl-main .jo-bl-bref h2{margin:0 0 8px;font-family:var(--font-display);font-weight:400;font-size:22px;text-transform:uppercase;color:var(--jo-coral-text)}
.jo-bl-bref p{font-size:17px}
.jo-bl-main p,.jo-bl-lead,.jo-bl-card p,.jo-bl-feat-t p,.jo-bl-auth p,.jo-bl-band p{text-wrap:pretty}
.jo-bl-toc-m{display:none}
.jo-bl-side{position:sticky;top:120px;display:flex;flex-direction:column;gap:32px}
.jo-bl-side h2{margin:0 0 12px;font-family:var(--font-display);font-weight:400;font-size:20px;line-height:1.15;text-transform:uppercase;color:var(--jo-green)}
.jo-bl-side ol,.jo-bl-side ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}
.jo-bl-side a{display:block;padding:8px 0 8px 14px;border-left:3px solid var(--jo-sand-6);font-size:15px;line-height:1.4;font-weight:600;color:var(--jo-green);text-decoration:none}
.jo-bl-side a:hover{border-left-color:var(--jo-coral);color:var(--jo-coral-text)}
.jo-bl-side .jo-bl-pl a{display:flex;justify-content:space-between;gap:12px;border-left-color:var(--jo-sand)}
.jo-bl-prods{display:flex;flex-direction:column;gap:20px;margin:24px 0;padding:32px;border-radius:10px;background:var(--jo-cream)}
.jo-bl-main .jo-bl-prods h2{margin:0;font-family:var(--font-display);font-weight:400;font-size:26px;text-transform:uppercase}
.jo-bl-prods>p{font-size:15px}
.jo-bl-pg{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.jo-bp{display:flex;flex-direction:column;gap:6px;height:100%}
.jo-bp>a{display:block;margin-bottom:6px}
.jo-bp img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:8px}
.jo-bp h3{margin:0;font-family:var(--font-display);font-weight:400;font-size:16px;line-height:1.2;text-transform:uppercase;color:var(--jo-green);overflow-wrap:anywhere}
.jo-bp h3 a{color:inherit;text-decoration:none}
.jo-bp-p{font-size:16px;font-weight:700;color:var(--jo-coral-text)}
.jo-bp-t{font-size:13px;font-weight:600;line-height:1.4;color:var(--jo-ink-soft)}
.jo-bp .jo-ac-ghost{margin-top:auto;width:100%;background:var(--jo-white)}
.jo-bp .jo-ac-ghost:hover{background:var(--jo-green)}
.jo-bl-faq{display:flex;flex-direction:column;gap:0}
.jo-bl-q{border-bottom:1px solid var(--jo-sand)}
.jo-bl-q summary{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:12px 0;font-size:17px;line-height:1.4;font-weight:700;color:var(--jo-green);cursor:pointer;list-style:none}
.jo-bl-q summary::-webkit-details-marker{display:none}
.jo-bl-q summary::after{content:"+";flex:none;font-size:26px;font-weight:600;color:var(--jo-coral)}
.jo-bl-q[open] summary::after{content:"–"}
.jo-bl-q summary:focus-visible{outline:2px solid var(--jo-green);outline-offset:2px}
.jo-bl-q p{padding:0 0 18px}
.jo-bl-auth{display:grid;grid-template-columns:96px minmax(0,1fr);gap:24px;align-items:center;margin-top:24px;padding:24px 28px;border-radius:10px;background:var(--jo-cream)}
.jo-bl-auth img{display:block;width:96px;height:96px;border-radius:50%;object-fit:cover;object-position:center top}
.jo-bl-auth b{display:block;margin-bottom:4px;font-size:17px;color:var(--jo-green)}
.jo-bl-auth p{font-size:15px;line-height:1.6}
.jo-bl-rel{padding:72px 48px 96px;background:var(--jo-white)}
.jo-bl-rel h2{margin:0 0 28px;font-family:var(--font-display);font-weight:400;font-size:34px;text-transform:uppercase;color:var(--jo-green)}
@media (max-width:1250px){
  .jo-bl-cols{grid-template-columns:minmax(0,1fr) 260px;gap:48px}
}
@media (max-width:1000px){
  .jo-bl-hero{padding:40px 24px 36px}
  .jo-bl-sec{padding:48px 24px 0}
  .jo-bl-art{padding:32px 24px 16px}
  .jo-bl-rel{padding:56px 24px 72px}
  .jo-bl-band{padding:56px 24px}
  .jo-bl-feat{grid-template-columns:minmax(0,1fr);gap:24px}
  .jo-bl-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .jo-bl-cols{grid-template-columns:minmax(0,1fr)}
  .jo-bl-side{display:none}
  .jo-bl-toc-m{display:block;padding:16px 20px;border-radius:10px;background:var(--jo-rose-pale)}
  .jo-bl-toc-m summary{font-size:16px;font-weight:700;color:var(--jo-green);cursor:pointer;min-height:32px}
  .jo-bl-toc-m ol{list-style:decimal;margin:12px 0 0;padding-left:22px;display:flex;flex-direction:column;gap:8px;font-size:15px;font-weight:600;color:var(--jo-green)}
  .jo-bl-toc-m a{color:var(--jo-green)}
  .jo-bl-cover{aspect-ratio:1.8/1;margin-bottom:32px}
}
@media (max-width:640px){
  .jo-bl-h1{font-size:34px !important}
  .jo-bl-ah .jo-bl-h1{font-size:30px !important}
  .jo-bl-h2s{font-size:26px !important}
  .jo-bl-band h2{font-size:26px !important}
  .jo-bl-rel h2{font-size:26px !important}
  .jo-bl-grid{grid-template-columns:minmax(0,1fr);gap:36px}
  .jo-bl-main h2{font-size:22px !important}
  .jo-bl-main .jo-bl-prods h2{font-size:24px !important}
  .jo-bl-main .jo-bl-bref h2{font-size:20px !important}
  .jo-bl-main p,.jo-bl-bref p{font-size:16px}
  .jo-bl-prods{padding:24px 18px}
  .jo-bl-pg{grid-template-columns:minmax(0,1fr);gap:0}
  .jo-bp{display:grid;grid-template-columns:76px minmax(0,1fr);gap:0 14px;align-items:start;padding:14px 0;border-bottom:1px solid var(--jo-sand)}
  .jo-bp>a{grid-row:1/5;margin:0}
  .jo-bp .jo-ac-ghost{grid-column:2;width:auto;justify-self:start;padding:0 20px;margin-top:8px}
  .jo-bl-auth{grid-template-columns:minmax(0,1fr);gap:14px}
  .jo-bl-chip{min-height:44px;padding:0 16px}
}
/* Ajouts du thème : filtres en liens, boutons repris de Mon compte, contenu de l'éditeur */
a.jo-bl-chip{display:inline-flex;align-items:center;text-decoration:none}
.jo-bl-chip[aria-current="page"]{background:var(--jo-green);color:var(--jo-white)}
.jo-ac-ghost{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border:1.5px solid var(--jo-green);border-radius:4px;background:transparent;font-family:inherit;font-size:16px;font-weight:700;color:var(--jo-green);cursor:pointer;text-align:center;text-decoration:none}
.jo-ac-ghost:hover{background:var(--jo-green);color:var(--jo-white)}
.jo-ac-ghost:focus-visible{outline:2px solid var(--jo-green);outline-offset:2px}
.jo-ac-ghost.jo-sm{min-height:44px;padding:0 20px;font-size:15px}
.jo-bl-main ul,.jo-bl-main ol{margin:0;padding-left:22px;font-size:17px;line-height:1.75;font-weight:600;color:var(--jo-green)}
.jo-bl-main a:not([class]){color:var(--jo-green);text-decoration:underline;text-underline-offset:3px}
.jo-bl-main figure{margin:8px 0}
.jo-bl-main figure img{display:block;width:100%;height:auto;border-radius:10px}