/* Inter et Poppins (SIL Open Font License), auto-hébergées */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/fonts/inter-400-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/inter-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/inter-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/inter-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/poppins-600-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/fonts/poppins-600-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/poppins-700-latin-ext.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/fonts/poppins-700-latin.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* Styles d'article repris de la maquette validée le 08/11/2026 (docs/brouillons/maquette-article-sauna-bain-froid.html) */
.sb-article, .sb-article *, .sb-article *::before, .sb-article *::after { box-sizing: border-box; }
.sb-article {
  --navy: #0B2B33;
  --orange: #13708A;
  --white: #FFFFFF;
  --bg-light: #E8F4F6;
  --bg-toc: #F2F8F9;
  --bg-warn: #FFF7ED;
  --text: #22343A;
  --border: #E4E8F0;
  font-family: Inter, sans-serif;
  color: var(--text);
  line-height: 1.7;
  max-width: 100%;
}
.sb-article h2 { color: var(--navy); font-size: 1.5em; margin: 2.2em 0 0.7em; line-height: 1.3; }
.sb-article h3 { color: var(--navy); font-size: 1.15em; margin: 1.4em 0 0.5em; }
.sb-article p { margin: 0 0 1.1em; }
.sb-article a { color: var(--orange); text-decoration: underline; }
.sb-intro { font-size: 1.15em; font-weight: 500; color: var(--navy); border-left: 3px solid var(--orange); padding-left: 1em; margin: 1.2em 0 1.6em; }
.sb-tldr { background: var(--bg-light); border-left: 4px solid var(--orange); border-radius: 8px; padding: 1.1em 1.3em; margin: 0 0 1.6em; }
.sb-tldr-label { display: block; font-size: 0.8em; font-weight: 800; letter-spacing: 0.05em; color: var(--orange); text-transform: uppercase; margin-bottom: 0.5em; }
.sb-tldr ul { margin: 0; padding-left: 1.2em; }
.sb-tldr li { margin-bottom: 0.4em; }
.sb-tldr li:last-child { margin-bottom: 0; }
.sb-toc { background: var(--bg-toc); border: 1px solid var(--border); border-radius: 8px; padding: 1.2em 1.4em; margin: 0 0 2em; }
.sb-toc-title { font-weight: 700; color: var(--navy); margin-bottom: 0.6em; display: block; }
.sb-toc ol { margin: 0; padding-left: 1.3em; }
.sb-toc li { margin-bottom: 0.3em; }
.sb-toc a { color: var(--text); text-decoration: none; }
.sb-toc a:hover { color: var(--orange); }
.sb-callout, .sb-callout-warn { border-radius: 8px; padding: 1.1em 1.3em; margin: 1.4em 0; border-left: 4px solid; }
.sb-callout { background: var(--bg-light); border-left-color: #13708A; }
.sb-callout-warn { background: var(--bg-warn); border-left-color: var(--orange); }
.sb-callout p, .sb-callout-warn p { margin: 0; }
.sb-inline-img { background: var(--bg-toc); border: 1px dashed #B8C0D0; border-radius: 8px; padding: 2.2em 1em; text-align: center; color: #6A7488; font-size: 0.95em; margin: 1.6em 0; }
.sb-internal-link { display: flex; align-items: center; gap: 0.9em; background: var(--bg-toc); border: 1px solid var(--border); border-radius: 8px; padding: 1em 1.2em; margin: 1.6em 0; text-decoration: none; }
.sb-internal-link-icon { font-size: 1.4em; }
.sb-internal-link-label { display: block; font-size: 0.78em; text-transform: uppercase; letter-spacing: 0.04em; color: var(--orange); font-weight: 700; margin-bottom: 0.2em; }
.sb-internal-link-title { display: block; color: var(--navy); font-weight: 600; text-decoration: underline; }
.sb-protocols { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2em; margin: 1.6em 0; }
.sb-proto-card { border: 1px solid var(--border); border-radius: 10px; padding: 1.2em 1.3em; background: var(--white); }
.sb-proto-head { margin-bottom: 0.8em; font-weight: 700; color: var(--navy); }
.sb-proto-row { display: flex; justify-content: space-between; padding: 0.4em 0; border-top: 1px solid var(--border); font-size: 0.92em; }
.sb-proto-row:first-of-type { border-top: none; }
.sb-proto-key { color: #6A7488; }
.sb-proto-val { font-weight: 600; color: var(--text); text-align: right; }
.sb-table-wrap { overflow-x: auto; margin: 1.6em 0; }
.sb-table-wrap table { width: 100%; border-collapse: collapse; font-size: 0.95em; }
.sb-table-wrap th { background: var(--navy); color: var(--white); text-align: left; padding: 0.7em 0.9em; }
.sb-table-wrap td { padding: 0.7em 0.9em; border-bottom: 1px solid var(--border); }
.sb-table-wrap tr:nth-child(even) td { background: var(--bg-toc); }
.sb-ok { color: #1E8E5A; font-weight: 600; }
.sb-ko { color: var(--orange); font-weight: 600; }
.sb-mid { color: #B8860B; font-weight: 600; }
.sb-errors { display: flex; flex-direction: column; gap: 1em; margin: 1.6em 0; }
.sb-error-item { display: flex; gap: 1em; align-items: flex-start; border: 1px solid var(--border); border-radius: 8px; padding: 1em 1.2em; }
.sb-error-num { flex: 0 0 auto; width: 2em; height: 2em; border-radius: 50%; background: var(--orange); color: var(--white); font-weight: 700; display: flex; align-items: center; justify-content: center; }
.sb-error-title { font-weight: 700; color: var(--navy); display: block; margin-bottom: 0.2em; }
.sb-error-text { margin: 0; font-size: 0.95em; }
.sb-faq { margin: 1.8em 0; }
.sb-faq-item { border-bottom: 1px solid var(--border); padding: 1em 0; cursor: pointer; }
.sb-faq-q { display: flex; justify-content: space-between; align-items: center; font-weight: 700; color: var(--navy); }
.sb-faq-icon { color: var(--orange); font-size: 1.2em; transition: transform 0.2s; }
.sb-faq-item.open .sb-faq-icon { transform: rotate(45deg); }
.sb-faq-a { max-height: 0; overflow: hidden; transition: max-height 0.25s ease; }
.sb-faq-item.open .sb-faq-a { max-height: 400px; margin-top: 0.7em; }
@media (max-width: 640px) {
  .sb-protocols { grid-template-columns: 1fr; }
}
/* ===== Maquette : nouveaux composants (préfixe sbx-) ===== */
.sbx-wrap { max-width:1180px; margin:0 auto; padding:0 16px; }
.sbx-hero { padding:28px 0 8px; }
.sbx-crumb { font-size:13px; color:#6b7590; margin-bottom:10px; }
.sbx-crumb a { color:#6b7590; text-decoration:none; }
.sbx-tag { display:inline-block; background:#13708A; color:#fff; font:600 12px Inter,sans-serif; letter-spacing:.04em; text-transform:uppercase; padding:4px 10px; border-radius:999px; }
.sbx-hero h1 { font:700 clamp(28px,4vw,42px)/1.15 Poppins,sans-serif; color:#0B2B33; margin:14px 0 12px; max-width:860px; }
.sbx-hero .sbx-dek { font-family:Inter, sans-serif; font-size:1em; line-height:1.7; color:#22343A; max-width:820px; margin:0 0 1.1em; }
.sbx-hero-img { border-radius:16px; overflow:hidden; margin-top:18px; }
/* Encadré d'en-tête (inspiré GGR) */
.sbx-byline { display:flex; flex-wrap:wrap; gap:12px 32px; margin:18px 0 6px; }
.sbx-byline > div { display:flex; gap:10px; align-items:center; min-width:0; }
.sbx-byline .sbx-mini-av { flex:0 0 40px; height:40px; border-radius:50%; background:#E8F4F6; color:#6b7590; font-size:10px; display:flex; align-items:center; justify-content:center; }
.sbx-byline small { display:block; font-size:11px; text-transform:uppercase; letter-spacing:.05em; color:#6b7590; }
.sbx-byline strong { display:block; color:#0B2B33; font-size:14px; }
.sbx-byline a { color:#13708A; font-weight:600; font-size:14px; text-decoration:none; }
.sbx-byline .sbx-sub { font-size:12px; color:#6b7590; }
/* Mise en page 2 colonnes + sommaire fixe */
.sbx-layout { display:grid; grid-template-columns:minmax(0,1fr) 280px; gap:48px; align-items:start; padding:20px 0 60px; }
.sbx-side { position:sticky; top:84px; }
.sbx-toc { border:1px solid #E4E8F0; border-radius:14px; padding:18px 18px 12px; background:#fff; }
.sbx-toc-title { font:700 13px Poppins,sans-serif; text-transform:uppercase; letter-spacing:.06em; color:#0B2B33; margin-bottom:10px; display:block; }
.sbx-toc ol { list-style:none; margin:0; padding:0; counter-reset:t; }
.sbx-toc li { counter-increment:t; }
.sbx-toc a { display:block; padding:7px 0 7px 12px; border-left:3px solid transparent; color:#4a5572; font-size:14px; line-height:1.35; text-decoration:none; }
.sbx-toc a::before { content:counter(t) ". "; color:#9aa3b8; }
.sbx-toc a:hover { color:#0B2B33; }
.sbx-toc a.is-active { border-left-color:#13708A; color:#0B2B33; font-weight:600; background:#F2F8F9; }
.sbx-side-cta { margin-top:16px; background:#0B2B33; color:#fff; border-radius:14px; padding:18px; }
.sbx-side-cta span { display:block; font:700 15px Poppins,sans-serif; margin-bottom:6px; }
.sbx-side-cta p { font-size:13px; color:#c9d3e6; margin:0 0 12px; }
.sbx-side-cta a { display:inline-block; background:#13708A; color:#fff; font-weight:600; font-size:14px; padding:9px 14px; border-radius:8px; text-decoration:none; }
.sbx-mtoc { display:none; }
html { scroll-behavior:smooth; }
.sb-article h2[id], .sb-faq[id], #sources { scroll-margin-top:84px; }
/* Visuels à venir */
.sbx-ph { margin:1.6rem 0; border:2px dashed #c9d3e6; border-radius:14px; background:#E8F4F6; display:flex; align-items:center; justify-content:center; text-align:center; }
.sbx-ph div { padding:16px; }
.sbx-ph-ico { display:block; font-size:28px; }
.sbx-ph-txt { display:block; font:700 14px Poppins,sans-serif; color:#0B2B33; }
.sbx-ph-desc { display:block; font-size:13px; color:#6b7590; max-width:420px; }
/* Références dans le texte */
.sbx-ref { font-size:.7em; line-height:0; margin-left:2px; }
.sbx-ref a { color:#13708A; text-decoration:none; font-weight:600; }
/* CTA produit (inspiré More Nutrition) */
.sbx-cta { display:grid; grid-template-columns:160px 1fr; gap:20px; align-items:center; margin:2rem 0; padding:16px; border-radius:16px; background:linear-gradient(135deg,#0B2B33 0%,#0B2B33 100%); color:#fff; }
.sbx-cta .sbx-ph { margin:0; background:#14414C; border-color:#2C6370; }
.sbx-cta .sbx-ph-txt { color:#fff; font-size:12px; } .sbx-cta .sbx-ph-desc { display:none; }
.sbx-cta-kicker { display:block; color:#9FDCE8; font:600 12px Inter,sans-serif; text-transform:uppercase; letter-spacing:.06em; }
.sbx-cta-title { display:block; font:700 20px/1.25 Poppins,sans-serif; margin:4px 0 6px; }
.sbx-cta p { color:#c9d3e6; margin:0 0 12px; font-size:15px; }
.sbx-cta-btn { display:inline-block; background:#13708A; color:#fff !important; font-weight:600; padding:10px 16px; border-radius:8px; text-decoration:none; }
/* Sources */
.sbx-sources { margin-top:2.5rem; }
.sbx-sources h2 { margin-top:0 !important; }
.sbx-sources ol { margin:0; padding-left:1.4em; font-size:14px; }
.sbx-sources li { margin-bottom:.7em; }
.sbx-sources li:target { background:#E8F4F6; border-radius:6px; }
.sbx-sources a { color:#13708A; font-weight:600; text-decoration:none; }
.sbx-sources .sbx-method { font-size:13px; color:#6b7590; margin:14px 0 0; }
/* À lire aussi */
.sbx-related { margin-top:2.5rem; }
.sbx-related-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.sbx-card { display:block; border:1px solid #E4E8F0; border-radius:14px; overflow:hidden; text-decoration:none; color:#0B2B33; background:#fff; }
.sbx-card .sbx-ph { margin:0; border-radius:0; border-width:0 0 2px 0; }
.sbx-card .sbx-ph-desc { display:none; }
.sbx-card span { display:block; padding:12px 14px 14px; font:600 15px/1.35 Poppins,sans-serif; }
.sbx-card small { display:block; padding:0 14px 14px; color:#13708A; font-weight:600; font-size:12px; text-transform:uppercase; }
.sb-article a.sbx-card, .sb-article a.sbx-card * { text-decoration:none !important; }
.sb-article a.sbx-card span { color:#0B2B33 !important; }
.sb-article a.sbx-card small { color:#13708A !important; }
.sb-article a.sbx-cta-btn { text-decoration:none !important; }
/* FAQ : question au style H3 */
.sb-article .sb-faq-item { cursor:default; }
.sb-article button.sb-faq-q { all:unset; box-sizing:border-box; display:flex !important; width:100%; justify-content:space-between; align-items:center; gap:16px; cursor:pointer; font-family:Poppins, sans-serif !important; font-size:1.15em !important; font-weight:600 !important; line-height:1.4 !important; color:#0B2B33 !important; background:none !important; border:0 !important; box-shadow:none !important; padding:0 !important; text-align:left; text-transform:none !important; letter-spacing:normal !important; }
.sb-article button.sb-faq-q:hover { color:#13708A !important; }
.sb-article button.sb-faq-q:focus-visible { outline:2px solid #13708A; outline-offset:4px; }
.sb-article .sb-faq-icon { flex:0 0 auto; font-family:Inter, sans-serif; font-weight:400; font-size:1.4em; line-height:1; }
.sbx-byline .sbx-empty, .sbx-sources 
/* Responsive */
@media (max-width: 960px) {
  .sbx-layout { grid-template-columns:minmax(0,1fr); gap:0; }
  .sbx-side { display:none; }
  .sbx-mtoc { display:block; margin:8px 0 20px; border:1px solid #E4E8F0; border-radius:12px; }
  .sbx-mtoc summary { cursor:pointer; padding:12px 16px; font:700 14px Poppins,sans-serif; color:#0B2B33; }
  .sbx-mtoc .sbx-toc { border:0; padding-top:0; }
  .sbx-related-grid { grid-template-columns:minmax(0,1fr); }
}
@media (max-width: 560px) {
  .sbx-cta { grid-template-columns:minmax(0,1fr); }
  .sbx-cta-media { max-width:140px; }
  .sb-table-wrap { overflow-x:auto; }
}
/* Sport-Buzz : styles communs (en-tête, pied de page, base). En-tête et pied de page PROVISOIRES :
   repris du site WordPress (snippets 7 et 8) en attendant leur maquette. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:#22343A;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.7}
img{max-width:100%;height:auto}
a{color:#13708A}
.sb-skip{position:absolute;left:-9999px;top:0;background:#13708A;color:#fff;padding:8px 14px;z-index:20}
.sb-skip:focus{left:12px;top:12px}

/* En-tête (reste visible au défilement) */
.sb-hdr{background:#0B2B33;color:#fff;position:sticky;top:0;z-index:10}
.sb-hdr-in{max-width:1180px;margin:0 auto;padding:0 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:64px}
.sb-logo{font:700 21px/1 Poppins,sans-serif;color:#fff;text-decoration:none;letter-spacing:.5px;white-space:nowrap}
.sb-logo span{color:#13708A}
.sb-nav ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:4px}
.sb-nav a{display:block;color:#fff;text-decoration:none;font:600 15px Inter,sans-serif;padding:10px 12px;border-radius:8px;white-space:nowrap}
.sb-nav a:hover,.sb-nav a:focus-visible{background:rgba(255,255,255,.08)}
.sb-nav li{position:relative}
.sb-nav .sb-sub{display:none;position:absolute;right:0;top:100%;background:#0B2B33;border-radius:0 0 10px 10px;padding:6px;min-width:230px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.sb-nav li:hover>.sb-sub,.sb-nav li:focus-within>.sb-sub{display:block}
.sb-nav .sb-sub a{color:#e6ecf5;font-weight:500}
.sb-burger{display:none;background:none;border:0;color:#fff;font:600 15px Inter,sans-serif;padding:10px;cursor:pointer}
.sb-burger:focus-visible{outline:2px solid #13708A}
@media (max-width:921px){
  .sb-burger{display:block}
  .sb-nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.18)}
  .sb-nav.is-open{display:block}
  .sb-nav ul{display:block;padding:0}
  .sb-nav li{border-bottom:1px solid #e6e9f0}
  .sb-nav a{color:#0B2B33;padding:12px 20px;border-radius:0;min-height:44px;font-size:17px;white-space:normal}
  .sb-nav .sb-sub{display:block;position:static;background:#E8F4F6;box-shadow:none;border-radius:0;padding:0}
  .sb-nav .sb-sub a{color:#0B2B33;padding-left:36px}
}

.sb-nav .sb-nav-cta a{background:#13708A;color:#fff;margin-left:8px}
.sb-nav .sb-nav-cta a:hover,.sb-nav .sb-nav-cta a:focus-visible{background:#C73A12}
@media (max-width:921px){
  .sb-nav{top:100%;height:calc(100dvh - 64px);overflow-y:auto}
  .sb-nav .sb-nav-cta{border:0;padding:16px 20px}
  .sb-nav .sb-nav-cta a{margin:0;border-radius:8px;justify-content:center;display:flex}
}
/* Pied de page */
.sb-ftr{background:#0B2B33;color:#c3cee0;padding:44px 16px 26px;font-family:Poppins,Inter,system-ui,sans-serif}
.sb-ftr-grid{max-width:1160px;margin:0 auto;display:grid;grid-template-columns:1.5fr 1fr 1.2fr 1fr;gap:30px}
.sb-ftr h2{color:#fff;font:600 14px Poppins,sans-serif;letter-spacing:.04em;margin:0 0 14px}
.sb-ftr a{color:#c3cee0;text-decoration:none;font-size:14px;line-height:2.1;display:block}
.sb-ftr a:hover{color:#fff}
.sb-ftr-logo{font:700 20px Poppins,sans-serif;color:#fff;letter-spacing:.5px;margin-bottom:10px}
.sb-ftr-logo span{color:#13708A}
.sb-ftr-brand p{font-size:14px;color:#9fb0ca;margin:0 0 10px;line-height:1.6}
.sb-ftr-copy{max-width:1160px;margin:30px auto 0;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);font-size:12px;color:#7688a5;text-align:center}
@media(max-width:860px){.sb-ftr-grid{grid-template-columns:1fr 1fr;gap:26px}}
@media(max-width:520px){.sb-ftr-grid{grid-template-columns:1fr}}

/* Compléments au gabarit d'article */
.sb-article h2,.sb-article h3{font-family:Poppins,sans-serif;font-weight:600}
.sb-article img{border-radius:12px}
.sb-article figure{margin:1.8rem 0}
.sb-article figcaption,.sb-caption{font-size:.85rem;color:#667;margin-top:.5rem}
.sbx-hero-img img{display:block;width:100%;aspect-ratio:21/8;object-fit:cover}
.sbx-credit{display:block;font-size:12px;color:#6b7590;margin-top:6px}
.sbx-mini-av{font:700 13px Poppins,sans-serif !important;color:#0B2B33 !important}
.sbx-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:0}
.sbx-cta-media img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:10px}
.sbx-sources li{word-break:break-word}
.sbx-preprod{background:#FFF7ED;border-bottom:1px solid #F5C9A8;color:#7a3b12;font:13px/1.5 Inter,sans-serif;padding:8px 16px;text-align:center}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none !important}}
.sb-article .sb-inline-img:has(img){border:0;padding:0;background:none;text-align:left}

/* ===== Palette Glacier (08/11/2026) ===== */
:root{--sb-petrole:#0B2B33;--sb-glacier:#13708A;--sb-eau:#E8F4F6;--sb-logo:#5EAEBD;--sb-action:#C62828;--sb-action-hover:#A51F1F}
body{color:#22343A}
.sb-logo img{display:block;height:30px;width:auto}
.sb-ftr-logo img{display:block;height:26px;width:auto}
@media (max-width:420px){.sb-logo img{height:22px}}
/* Boutons d'action : rouge (seule couleur chaude du site) */
.sb-nav .sb-nav-cta a,.sb-article a.sbx-cta-btn,.sbx-cta-btn,.sbx-side-cta a,.sbtool-cta,.sb-article .sbtool-cta,.sbg-btn,.sb-article .sbg-btn{background:var(--sb-action) !important;color:#fff !important;border-color:var(--sb-action) !important}
.sb-nav .sb-nav-cta a:hover,.sbx-cta-btn:hover,.sbx-side-cta a:hover,.sbtool-cta:hover,.sbg-btn:hover{background:var(--sb-action-hover) !important}
/* Mises en garde : rouge, pas bleu */
.sb-article .sb-callout-warn{border-left-color:var(--sb-action) !important;background:#FDF0EE !important}
.sbx-tag{background:var(--sb-glacier)}
.sbx-mini-av{background:var(--sb-eau) !important;color:var(--sb-petrole) !important}
.sbx-preprod{background:var(--sb-eau);border-bottom-color:#B9DDE5;color:var(--sb-petrole)}

/* Lien étiré (08/11/2026) : toute la carte est cliquable, l'ancre reste le titre */
.sbx-card{position:relative}
.sbx-card .etire{color:#0B2B33;text-decoration:none}
.sbx-card .etire::after{content:"";position:absolute;inset:0;z-index:1}
.sbx-card:hover{border-color:#13708A}
.sbx-card:hover .etire{text-decoration:underline;text-underline-offset:3px}
.sbx-card:focus-within{outline:3px solid #5EAEBD;outline-offset:2px}
.sbx-card .etire:focus-visible{outline:none}
@media (min-width:561px) and (max-width:960px){.sbx-related-grid{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
/* Accueil (maquette v3 validée le 08/11/2026, docs/brouillons/maquette-accueil.html), styles limités à .accueil */
.accueil{--petrole:#0B2B33;--glacier:#13708A;--eau:#E8F4F6;--logo:#5EAEBD;--action:#C62828;--action-h:#A51F1F;--texte:#22343A;--gris:#5C6E74;--ligne:#D5E6EA;--fond:#FFFFFF;
--titre:Poppins,system-ui,sans-serif;--corps:Inter,system-ui,sans-serif;font:16px/1.65 var(--corps);color:var(--texte)}
.accueil img{max-width:100%;display:block}
.accueil a{color:var(--glacier)}
.accueil .w{max-width:1180px;margin:0 auto;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}
.accueil .btn{display:inline-flex;align-items:center;gap:8px;background:var(--action);color:#fff !important;font:600 15px var(--corps);padding:12px 18px;border-radius:10px;text-decoration:none;border:0}
.accueil .btn:hover{background:var(--action-h)}
.accueil .btn-2{display:inline-flex;align-items:center;color:#fff;font:600 15px var(--corps);padding:11px 17px;border-radius:10px;text-decoration:none;border:1.5px solid rgba(255,255,255,.7)}
.accueil h2{font:700 clamp(24px,3vw,32px)/1.2 var(--titre);color:var(--petrole);margin:0 0 6px;text-wrap:balance}
.accueil .sous{color:var(--gris);margin:0 0 22px;max-width:62ch}
.accueil section{padding:56px 0}
.accueil .hero{position:relative;min-height:480px;display:flex;align-items:flex-end;color:#fff;padding:0}
.accueil .hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.accueil .hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,43,51,.92) 0%,rgba(11,43,51,.7) 45%,rgba(11,43,51,.05) 80%)}
.accueil .hero .w{position:relative;z-index:1;padding-block:72px 64px;width:100%}
.accueil .kick{display:inline-block;font:600 12px var(--corps);letter-spacing:.08em;text-transform:uppercase;color:var(--logo);margin-bottom:12px}
.accueil .hero h1{font:800 clamp(27px,3.6vw,46px)/1.12 var(--titre);margin:0 0 16px;max-width:24ch;text-wrap:balance}
.accueil .hero p{font-size:18px;max-width:46ch;margin:0 0 26px;color:#DCEFF3}
.accueil .hero .acts{display:flex;gap:12px;flex-wrap:wrap}
.accueil .hero small{position:absolute;right:16px;bottom:10px;z-index:1;font-size:11px;color:rgba(255,255,255,.7)}
.accueil .tuiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.accueil .tuile{display:flex;gap:12px;align-items:center;border:1px solid var(--ligne);border-radius:14px;padding:10px;text-decoration:none;color:var(--petrole);background:#fff}
.accueil .tuile:hover,.accueil .outil:hover{border-color:var(--glacier)}
.accueil .outil{border:1px solid transparent}
.accueil .tuile img{flex:0 0 88px;width:88px;height:88px;object-fit:cover;border-radius:10px}
.accueil .tuile span{display:grid;gap:2px;min-width:0}
.accueil .tuile strong{font:700 18px var(--titre)}
.accueil .tuile em{font-style:normal;font-size:13px;color:var(--gris)}
.accueil .tuile i{font-style:normal;font-size:12px;color:var(--glacier);font-weight:600}
.accueil .card,.accueil .tuile,.accueil .outil{position:relative}
.accueil .etire{color:inherit;text-decoration:none}
.accueil .etire::after{content:"";position:absolute;inset:0;z-index:1;border-radius:inherit}
.accueil .etire:focus-visible{outline:none}
.accueil .card:focus-within,.accueil .tuile:focus-within,.accueil .outil:focus-within{outline:3px solid var(--logo);outline-offset:2px}
.accueil .card:hover .etire,.accueil .tuile:hover .etire,.accueil .outil:hover .etire{text-decoration:underline;text-underline-offset:3px}
.accueil .card{display:flex;flex-direction:column;text-decoration:none;color:var(--petrole);background:#fff;border:1px solid var(--ligne);border-radius:14px;overflow:hidden;transition:border-color .2s}
.accueil .card:hover{border-color:var(--glacier)}
.accueil .card img{aspect-ratio:16/10;object-fit:cover;width:100%}
.accueil .card-cat{font:600 11px var(--corps);letter-spacing:.06em;text-transform:uppercase;color:var(--glacier);padding:14px 16px 0}
.accueil .card-t{font:600 17px/1.35 var(--titre);padding:6px 16px 0;margin:0}
.accueil .card-d{font-size:15px;color:var(--gris);padding:8px 16px 0;margin:0}
.accueil .card-m{font-size:12px;color:var(--gris);padding:10px 16px 16px;margin-top:auto}
.accueil .card-b{display:flex;flex-direction:column;flex:1;min-width:0}
.accueil .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.accueil .band{position:relative;color:#fff;overflow:hidden;background:var(--petrole)}
.accueil .band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.35}
.accueil .band .w{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center}
.accueil .band h2{color:#fff;font-size:clamp(30px,4vw,44px)}
.accueil .band p{color:#DCEFF3;max-width:48ch}
.accueil .chips{display:flex;flex-wrap:wrap;gap:10px}
.accueil .chips a{color:#fff;text-decoration:none;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);padding:10px 14px;border-radius:999px;font-weight:600;font-size:14px}
.accueil .chips a:hover{background:rgba(255,255,255,.2)}
.accueil .outils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.accueil .outil{background:var(--eau);border-radius:16px;padding:22px;display:flex;flex-direction:column;gap:10px;text-decoration:none;color:var(--texte)}
.accueil .outil .ico{width:56px;height:56px;border-radius:14px;background:var(--petrole);color:var(--logo);display:flex;align-items:center;justify-content:center;font:800 18px var(--titre)}
.accueil .outil strong{font:700 19px var(--titre);color:var(--petrole)}
.accueil .outil span{font-size:15px;color:var(--gris)}
.accueil .outil em{font-style:normal;font-weight:600;color:var(--action);margin-top:auto}
.accueil .meth{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}
.accueil .points{display:grid;gap:14px;margin:0;padding:0;list-style:none}
.accueil .points li{padding:0}
.accueil .points b{display:block;color:var(--petrole);font-family:var(--titre)}
.accueil .equipe{display:grid;gap:12px}
.accueil .pers{display:flex;gap:14px;align-items:center;border:1px solid var(--ligne);border-radius:14px;padding:14px}
.accueil .av{flex:0 0 56px;height:56px;border-radius:50%;background:var(--eau);color:var(--petrole);display:flex;align-items:center;justify-content:center;font:700 16px var(--titre);border:2px dashed var(--logo)}
.accueil .pers b{display:block;color:var(--petrole)}
.accueil .pers span{font-size:14px;color:var(--gris)}
.accueil .lien{font-weight:600;text-decoration:none}
@media (max-width:960px){.accueil .tuiles{grid-template-columns:repeat(2,minmax(0,1fr))}.accueil .band .w,.accueil .meth{grid-template-columns:minmax(0,1fr)}.accueil .grid3{grid-template-columns:repeat(2,minmax(0,1fr))}.accueil .outils{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.accueil .grid3,.accueil .tuiles{grid-template-columns:minmax(0,1fr)}.accueil .chips a{white-space:normal}.accueil .hero{min-height:440px}.accueil .hero .w{padding-block:48px 40px}}
/* Composants des guides repris de WordPress (fusion des 11 pages, palette remappée au build) */
.sbg{font-family:'Inter',system-ui,sans-serif;color:#0B2B33;line-height:1.7;}
.sbg h2{font-family:'Poppins',sans-serif;color:#0B2B33;font-size:25px;margin:42px 0 10px;}
.sbg p{margin:0 0 15px;font-size:17px;}
.sbg a{color:#13708A;font-weight:600;text-decoration:none;}
.sbg a:hover{text-decoration:underline;}
.sbg-lead{font-size:18px;}
.sbg-tldr{background:#E8F4F6;border-left:5px solid #13708A;border-radius:12px;padding:20px 24px;margin:0 0 22px;}
.sbg-tldr-l{font-size:13px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:#13708A;margin:0 0 12px;}
.sbg-tldr ul{margin:0;padding:0;list-style:none;}
.sbg-tldr li{position:relative;padding-left:24px;margin:0 0 9px;font-size:16px;}
.sbg-tldr li::before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:#13708A;border-radius:50%;}
.sbg-method{background:#0B2B33;color:#eaf0f8;border-radius:14px;padding:22px 26px;margin:0 0 30px;}
.sbg-method h3{color:#fff;font-family:'Poppins',sans-serif;font-size:17px;margin:0 0 10px;}
.sbg-method p{color:#cdd8ea;font-size:15px;margin:0 0 10px;}
.sbg-method p:last-child{margin:0;}
.sbg-note{background:#F2F8F9;border-radius:14px;padding:20px 24px;margin:0 0 26px;}
.sbg-note h3{font-family:'Poppins',sans-serif;font-size:17px;margin:0 0 8px;}
.sbg-note p{font-size:16px;margin:0 0 8px;}
.sbg-note p:last-child{margin:0;}
.sbg-seg{font-size:13px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#13708A;margin:36px 0 4px;}
.sbg-seg-d{font-size:15px;color:#5a6577;margin:0 0 16px;}
.sbg-prod{border:1px solid #e3e8f0;border-radius:16px;margin:0 0 22px;overflow:hidden;box-shadow:0 2px 14px rgba(27,42,74,.05);}
.sbg-prod-top{display:flex;gap:18px;padding:20px 22px 4px;flex-wrap:wrap;align-items:flex-start;}
.sbg-prod-img{flex:0 0 130px;height:130px;border-radius:12px;background:#eef2f8;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#8a97ad;font-size:13px;text-align:center;gap:6px;}
.sbg-prod-img span{font-size:34px;}
.sbg-prod-h{flex:1;min-width:220px;}
.sbg-prod-h h3{font-family:'Poppins',sans-serif;font-size:20px;margin:0 0 4px;}
.sbg-price{font-size:20px;font-weight:800;color:#13708A;}
.sbg-price small{font-size:13px;font-weight:600;color:#8a97ad;}
.sbg-rate{display:inline-block;background:#fff4ef;color:#13708A;font-size:12px;font-weight:700;padding:3px 10px;border-radius:20px;margin-left:8px;}
.sbg-prod-body{padding:0 22px 20px;}
.sbg-prod-body p{font-size:16px;}
.sbg-specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(148px,1fr));gap:10px 18px;background:#F2F8F9;border-radius:10px;padding:14px 16px;margin:0 0 14px;}
.sbg-specs div{font-size:14px;}
.sbg-specs b{display:block;color:#8a97ad;font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:700;margin-bottom:1px;}
.sbg-pc{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 14px;}
.sbg-pc ul{margin:0;padding:0;list-style:none;}
.sbg-pc li{font-size:14px;padding-left:22px;position:relative;margin:0 0 6px;}
.sbg-pros li::before{content:"✓";position:absolute;left:0;color:#1a9d5a;font-weight:800;}
.sbg-cons li::before{content:"✕";position:absolute;left:0;color:#c23b22;font-weight:800;}
.sbg-verdict{background:#fff4ef;border-radius:10px;padding:12px 16px;font-size:15px;margin:0 0 14px;}
.sbg-verdict b{color:#13708A;}
.sbg-btn{display:inline-block;background:#13708A;color:#fff!important;font-weight:700;padding:11px 22px;border-radius:30px;text-decoration:none!important;font-size:15px;}
.sbg-btn.ghost{background:transparent;border:2px solid #fff;}
.sbg-table{width:100%;border-collapse:collapse;margin:10px 0 24px;font-size:14px;}
.sbg-table th,.sbg-table td{border:1px solid #e3e8f0;padding:9px 11px;text-align:left;}
.sbg-table th{background:#0B2B33;color:#fff;font-family:'Poppins',sans-serif;font-size:13px;}
.sbg-table tr:nth-child(even) td{background:#F2F8F9;}
.sbg-profil{background:#F2F8F9;border-radius:12px;padding:6px 22px;margin:0 0 24px;}
.sbg-profil li{margin:12px 0;font-size:16px;list-style:none;}
.sbg-profil ul{padding:0;}
.sbg-profil b{color:#13708A;}
.sbg-cta{background:#0B2B33;border-radius:16px;padding:28px 30px;margin:30px 0;text-align:center;}
.sbg-cta h3{color:#fff;font-family:'Poppins',sans-serif;font-size:21px;margin:0 0 8px;}
.sbg-cta p{color:#cdd8ea;margin:0 0 16px;}
.sbg-cta a{margin:5px;}
.sbg-faq details{border-bottom:1px solid #e3e8f0;padding:14px 0;}
.sbg-faq summary{font-family:'Poppins',sans-serif;font-weight:600;font-size:16px;cursor:pointer;color:#0B2B33;}
.sbg-faq p{margin:10px 0 0;font-size:16px;}
.sbg-disc{font-size:13px;color:#8a97ad;border-top:1px solid #e3e8f0;padding-top:16px;margin-top:26px;}
@media(max-width:600px){.sbg-pc{grid-template-columns:1fr;}.sbg-prod-img{flex-basis:100%;height:110px;}}
.sbg-fig{margin:0 0 22px;}
.sbg-fig img{width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;border-radius:14px;display:block;}
.sbg-fig figcaption{font-size:12px;color:#8a97ad;margin-top:6px;}
.sbg-tw{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;margin:10px 0 24px;}
.sbg-tw .sbg-table{margin:0;min-width:520px;}
.sbg-methode-l{font-size:14px;color:#5a6577;background:#F2F8F9;border-radius:10px;padding:10px 14px;margin:0 0 24px;}
.sbg-sum{font-size:14px;}
.sbg-prod-s .sbg-prod-body p{font-size:15px;}
@media(max-width:782px){.hp-hero{grid-template-columns:1fr;padding:34px 24px;}.hp-hero h1{font-size:30px;}.hp-cats,.hp-guide-grid,.hp-tool-grid,.hp-quotes{grid-template-columns:1fr;}.hp-method ul{grid-template-columns:1fr;}.hp-guides,.hp-tools{padding:26px;}}
.sbg-brandhdr{display:flex;align-items:center;gap:22px;flex-wrap:wrap;background:#0f1c33;border-radius:16px;padding:22px 26px;margin:4px 0 26px;}
.sbg-wordmark{font-family:'Poppins',sans-serif;font-weight:800;font-size:28px;letter-spacing:2px;color:#fff;padding:12px 22px;border-radius:12px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.15);border-bottom:3px solid var(--wm,#5EAEBD);}
.sbg-wordmark sup{font-size:12px;}
.sbg-brandhdr-txt{flex:1;min-width:200px;}
.sbg-brandhdr-tag{color:#c3cee0;font-size:14px;margin:0 0 6px;}
.sbg-brandhdr-link{color:#ff8a66 !important;font-weight:700;font-size:15px;text-decoration:none;}
.sbg-brandhdr-link:hover{text-decoration:underline;}
.sbg-hist{background:#F2F8F9;border-radius:14px;padding:22px 24px;margin:0 0 26px;}
.sbg-hist h2{margin-top:0;}
.sbg h3{font-family:'Poppins',sans-serif;color:#0B2B33;font-size:19px;margin:22px 0 10px;}
.sbg-hero{width:100%;border-radius:16px;overflow:hidden;margin:0 0 24px;}
.sbg-hero img{width:100%;height:340px;object-fit:cover;display:block;}
.sbg-tldr li:last-child{margin:0;}
.sbg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:18px 0;}
.sbg-card{background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:20px;}
.sbg-card .ic{font-size:26px;}
.sbg-card h3{margin:8px 0 6px;font-size:17px;}
.sbg-card p{font-size:15px;margin:0 0 12px;color:#4a5568;}
.sbg-table td{border:1px solid #e6e9f0;padding:11px 14px;vertical-align:top;}
.sbg-crit{background:#fff;border:1px solid #e6e9f0;border-radius:12px;padding:16px 20px;margin:12px 0;}
.sbg-crit b{color:#13708A;}
.sbg-callout{background:#fff8f5;border-left:4px solid #13708A;border-radius:8px;padding:14px 18px;margin:18px 0;font-size:16px;}
.sbg-secimg{width:100%;border-radius:14px;margin:8px 0 18px;height:240px;object-fit:cover;}
.sbg-prod-img .s{font-size:34px;}
.sbg-prod-img .m{font-size:11px;letter-spacing:.06em;text-transform:uppercase;margin-top:4px;}
.sbg-prod-b{padding:16px 18px;flex:1;display:flex;flex-direction:column;}
.sbg-prod-b h3{margin:0 0 4px;font-size:17px;}
.sbg-prod-b .attr{font-size:14px;color:#4a5568;margin:0 0 8px;flex:1;}
.sbg-prod-b .price{font-family:'Poppins',sans-serif;font-weight:700;color:#0B2B33;margin:0 0 12px;}
.sbg-cta .sbg-btn{margin:6px 6px 0;}
.sbg-h1{font-family:'Poppins',sans-serif;color:#0B2B33;font-size:32px;line-height:1.2;margin:0 0 18px;}
.sbg h2[id]{scroll-margin-top:90px;}
.sbh{font-family:'Inter',system-ui,sans-serif;color:#0B2B33;line-height:1.7;}
.sbh p{margin:0 0 16px;font-size:17px;}
.sbh h2{font-family:'Poppins',sans-serif;color:#0B2B33;font-size:24px;margin:30px 0 12px;}
.sbh-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin:20px 0;}
.sbh-card{background:#fff;border:1px solid #e6e9f0;border-radius:14px;padding:24px;display:flex;flex-direction:column;}
.sbh-card .ic{font-size:32px;}
.sbh-card h3{font-family:'Poppins',sans-serif;color:#0B2B33;margin:10px 0 6px;font-size:19px;}
.sbh-card p{font-size:15px;color:#4a5568;margin:0 0 14px;flex:1;}
.sbh-btn{display:inline-block;background:#13708A;color:#fff !important;font-weight:700;font-size:14px;padding:10px 18px;border-radius:8px;text-decoration:none !important;text-align:center;}
.sbh-soon{background:#E8F4F6;border-radius:12px;padding:16px 20px;font-size:15px;color:#4a5568;}

/* Composants du guide (palette Glacier) */
.g-profils{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1.2em 0}
.g-profil,.g-marque,.g-a,.g-g{position:relative;border:1px solid #D5E6EA;border-radius:14px;padding:16px;background:#fff}
.g-profil:hover,.g-marque:hover,.g-a:hover,.g-g:hover,.g-modele:hover{border-color:#13708A}
.sb-article .g-profil h3,.sb-article .g-marque h3,.sb-article .g-a h3,.sb-article .g-g h3,.sb-article .g-modele h3{margin:0 0 6px;font-size:1.05em}
.g-profil p,.g-marque p,.g-a p,.g-g p{margin:0;font-size:.95em;color:#4A5D63}
.g-profil dl{margin:12px 0 0;display:grid;grid-template-columns:auto 1fr;gap:4px 10px;font-size:.9em}
.g-profil dt{color:#5C6E74} .g-profil dd{margin:0;font-weight:600;color:#0B2B33}
.sb-article .etire{color:#0B2B33;text-decoration:none}
.sb-article .etire::after{content:"";position:absolute;inset:0;z-index:1}
.sb-article div:hover>h3>.etire,.sb-article div:hover>div>h3>.etire{text-decoration:underline}
.g-crit{list-style:none;counter-reset:c;padding:0;margin:1.2em 0;display:grid;grid-template-columns:1fr 1fr;gap:12px}
.g-crit li{counter-increment:c;background:#F2F8F9;border-radius:12px;padding:14px 16px 14px 52px;position:relative;font-size:.95em}
.g-crit li::before{content:counter(c);position:absolute;left:14px;top:13px;width:26px;height:26px;border-radius:50%;background:#13708A;color:#fff;font:700 13px/26px Poppins,sans-serif;text-align:center}
.g-crit b{display:block;color:#0B2B33}
.g-methode{font-size:.88em;color:#5C6E74}
.g-modeles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1.2em 0 1.6em}
.g-modele{position:relative;border:1px solid #D5E6EA;border-radius:14px;overflow:hidden;background:#fff}
.g-modele .sbx-ph{margin:0;border-radius:0;border-width:0 0 2px}
.g-modele .sbx-ph-desc{display:none}
.g-m-b{padding:12px 14px 14px}
.g-prix{font:700 1.15em Poppins,sans-serif;color:#0B2B33;margin:0 0 6px !important}
.g-manque{color:#C62828 !important;font-size:.95em !important}
.g-m-b ul{margin:0 0 8px;padding-left:1.1em;font-size:.88em}
.g-ideal{font-size:.85em;color:#13708A;font-weight:600;margin:0 !important}
.g-marques,.g-acc{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:1.2em 0}
.g-guides{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:1.2em 0}
@media (max-width:960px){.g-profils,.g-modeles,.g-marques,.g-acc{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.g-profils,.g-modeles,.g-marques,.g-acc,.g-guides,.g-crit{grid-template-columns:minmax(0,1fr)}}
/* Vignettes de l'accueil dans la colonne du guide */
.sb-article .accueil .grid3{margin:1.2em 0;grid-template-columns:repeat(2,minmax(0,1fr))}
@media (max-width:560px){.sb-article .accueil .grid3{grid-template-columns:minmax(0,1fr)}}
.sb-article .accueil .card .sbx-ph{margin:0;border-radius:0;border-width:0 0 2px}
.sb-article .accueil .card .sbx-ph-desc{display:none}
.sb-article .accueil .card-t{font-size:1em}
.sb-article .sb-table-wrap td a{color:#13708A}

/* Ajustements Glacier (08/11/2026) */
.sbg{color:#22343A}
.sb-article .sbg h2,.sb-article .sbg h2.sbg-seg{font:600 1.5em/1.3 Poppins,sans-serif;color:#0B2B33;letter-spacing:normal;text-transform:none;margin:2.2em 0 .5em}
.sbg-seg-d{color:#5C6E74}
.sbg-price{color:#0B2B33}
.sbg-btn,.sbh-btn{border-radius:10px !important;background:#C62828 !important;color:#fff !important}
.sbg-btn:hover,.sbh-btn:hover{background:#A51F1F !important}
.sbg-verdict{background:#E8F4F6}
.sbg-verdict b{color:#13708A}
.sbg-tldr{background:#E8F4F6;border-left-color:#13708A}
.sbg-table th{background:#0B2B33}
.sbg a:not(.sbg-btn):not(.sbh-btn){color:#13708A}
.sbg-methode-l{font-size:.88em;color:#5C6E74}
.sbh-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:1.2em 0}
.sbh-card{border:1px solid #D5E6EA;border-radius:14px;padding:18px}
.sbh-card h3{margin:0 0 6px}
.sbh-soon{background:#F2F8F9;border-radius:12px;padding:12px 16px;font-size:.95em}
.sb-article .accueil .grid3{margin:1.2em 0}
.sb-article .accueil .card .sbx-ph{margin:0;border-radius:0;border-width:0 0 2px}
.sb-article .accueil .card .sbx-ph-desc{display:none}
.sb-article .accueil .card-t{font-size:1em}
.sb-article .sb-table-wrap td a{color:#13708A}
@media (max-width:560px){.sbh-grid{grid-template-columns:minmax(0,1fr)}}
/* Listes de rubrique, /blog/ et page auteur (08/11/2026) : cartes de l'accueil, pagination WordPress conservée (20 par page) */
.liste .tete{padding:28px 0 8px}
.liste .tete h1{font:700 clamp(28px,4vw,42px)/1.15 Poppins,sans-serif;color:#0B2B33;margin:12px 0 10px}
.liste .tete p{max-width:68ch;color:#22343A;margin:0}
.liste .rubs{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 6px;padding:0;list-style:none}
.liste .rubs a{display:inline-block;text-decoration:none;font:600 14px Inter,sans-serif;color:#0B2B33;border:1.5px solid #D5E6EA;border-radius:999px;padding:8px 14px}
.liste .rubs a:hover{border-color:#13708A}
.liste .rubs a[aria-current="page"]{background:#0B2B33;border-color:#0B2B33;color:#fff}
.liste .grille{padding:20px 0 30px}
.liste .pages{display:flex;flex-wrap:wrap;gap:8px;align-items:center;justify-content:center;margin:10px 0 50px;padding:0;list-style:none}
.liste .pages a,.liste .pages span{display:inline-flex;min-width:42px;height:42px;align-items:center;justify-content:center;padding:0 12px;border-radius:10px;border:1.5px solid #D5E6EA;text-decoration:none;font-weight:600;color:#0B2B33}
.liste .pages a:hover{border-color:#13708A}
.liste .pages [aria-current="page"]{background:#0B2B33;border-color:#0B2B33;color:#fff}
.liste .bandeau{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;background:#0B2B33;color:#fff;border-radius:16px;padding:20px 24px;margin:0 0 40px}
.liste .bandeau strong{display:block;font:700 19px Poppins,sans-serif}
.liste .bandeau span{color:#CDE7EE;font-size:15px}
/* Pages simples (contact, légales, méthode), styles de contact repris de WordPress */
.page-simple{max-width:820px}
.page-simple .tete{padding:28px 0 8px}
.page-simple h1{font:700 clamp(28px,4vw,40px)/1.15 Poppins,sans-serif;color:#0B2B33;margin:12px 0 18px}
.page-simple .corps{padding-bottom:60px}
.page-simple .corps h2{font:600 1.35em/1.3 Poppins,sans-serif;color:#0B2B33;margin:1.8em 0 .5em}

.sbc{font-family:'Inter',system-ui,sans-serif;color:#0B2B33;line-height:1.65;max-width:720px;}
.sbc p{font-size:17px;}
.sbc-card{background:#0B2B33;color:#fff;border-radius:16px;padding:30px;margin:20px 0 26px;text-align:center;}
.sbc-card .lbl{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:#5EAEBD;font-weight:700;margin-bottom:8px;}
.sbc-card .mail{font-family:'Poppins',sans-serif;font-size:24px;font-weight:700;color:#fff;margin:0 0 16px;}
.sbc-btn{display:inline-block;background:#13708A;color:#fff!important;font-weight:700;padding:12px 26px;border-radius:30px;text-decoration:none;font-size:15px;}
.sbc-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 24px;}
.sbc-tile{background:#F2F8F9;border-radius:12px;padding:16px 18px;}
.sbc-tile h3{font-family:'Poppins',sans-serif;font-size:15px;margin:0 0 4px;color:#0B2B33;}
.sbc-tile p{font-size:14px;color:#5a6577;margin:0;}
.sbc a{color:#13708A;font-weight:600;text-decoration:none;}
.sbc small{color:#8a97ad;font-size:14px;}
@media(max-width:600px){.sbc-grid{grid-template-columns:1fr;}}

.sbc-btn{border-radius:10px !important;background:#C62828 !important;color:#fff !important}