:root{--fond:#F3F5F8;--surface:#FFFFFF;--encre:#0E1826;--plume:#4D5966;
--estompe:#8792A0;--trait:#D5DCE5;--filet:#E6EBF1;--accent:#E8492B;
--accent-clair:#FCE9E4;--ok:#1E8C5A;--ok-clair:#E4F3EC;--ko:#C0301C;
--ko-clair:#FAE6E2;--attn:#C97B0C;--attn-clair:#FCF1DE}
*{box-sizing:border-box}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--fond);color:var(--encre);font-family:'Inter',system-ui,-apple-system,sans-serif;
 font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased}
.wrap{max-width:780px;margin:0 auto;padding:0 22px}
a{color:var(--accent);text-underline-offset:2px}
:focus-visible{outline:2.5px solid var(--accent);outline-offset:3px;border-radius:2px}
header.top{background:var(--surface);border-bottom:1px solid var(--trait)}
.top-in{max-width:780px;margin:0 auto;padding:13px 22px;display:flex;align-items:baseline;gap:24px;flex-wrap:wrap}
.logo{font-family:'Barlow Condensed',Georgia,serif;font-weight:600;font-size:22px;letter-spacing:-.015em;
 text-decoration:none;color:var(--encre);white-space:nowrap}
.logo span{color:var(--accent)}
.top nav{display:flex;gap:19px;flex-wrap:wrap}
.top nav a{color:var(--plume);text-decoration:none;font-size:15px;padding:2px 0;border-bottom:1.5px solid transparent}
.top nav a:hover{color:var(--encre);border-bottom-color:var(--accent)}
.fil{font-size:13.5px;color:var(--estompe);padding-top:22px}
.fil a{color:var(--estompe)}
h1{font-family:'Barlow Condensed',Georgia,serif;font-weight:500;font-size:clamp(30px,5vw,45px);line-height:1.09;
 letter-spacing:-.02em;margin:16px 0 12px;max-width:19ch;text-wrap:balance}
h2{font-family:'Barlow Condensed',Georgia,serif;font-weight:500;font-size:25px;letter-spacing:-.013em;margin:38px 0 12px;line-height:1.22}
h3{font-size:17px;font-weight:600;margin:24px 0 5px}
p{max-width:68ch;margin:0 0 15px}
.chapo{font-size:19.5px;line-height:1.55;color:var(--plume);margin:0 0 28px;max-width:52ch}
ul,ol{max-width:68ch;line-height:1.72} li{margin-bottom:5px}
.carte{background:var(--surface);border:1px solid var(--trait);border-radius:3px}
.carte-h{padding:24px 26px 22px} .carte-b{padding:0 26px 26px}
.rangee{display:flex;flex-wrap:wrap;gap:18px} .rangee+.rangee{margin-top:18px}
.champ{flex:1;min-width:152px} .champ.plein{flex-basis:100%}
.champ label{display:block;font-size:13.5px;font-weight:500;color:var(--plume);margin-bottom:6px}
.champ input,.champ select,.champ textarea{width:100%;padding:10px 0;border:0;border-bottom:1.5px solid var(--trait);
 border-radius:0;font-size:17px;font-family:inherit;background:transparent;color:var(--encre)}
.champ input:focus,.champ select:focus{outline:0;border-bottom-color:var(--accent);border-bottom-width:2px;padding-bottom:9px}
.btn{background:var(--accent);color:#fff;border:0;border-radius:3px;padding:12px 26px;font-size:16.5px;
 font-weight:600;font-family:inherit;cursor:pointer}
.btn:hover{filter:brightness(.88)}
.btn.second{background:transparent;color:var(--accent);border:1.5px solid var(--trait)}
.verdict{margin:26px 0 0;padding:26px 0 0;border-top:2px solid var(--encre)}
.verdict .etat{font-size:14px;font-weight:500;color:var(--plume);margin-bottom:8px}
.verdict .chiffre{font-family:'Barlow Condensed',Georgia,serif;font-weight:400;font-size:clamp(38px,7vw,58px);
 line-height:1;letter-spacing:-.028em;font-variant-numeric:tabular-nums lining-nums;margin-bottom:14px}
.verdict p{margin:0 0 11px;font-size:16px;line-height:1.62;max-width:62ch}
.verdict p:last-child{margin-bottom:0}
.v-ok{border-top-color:var(--ok)} .v-ok .chiffre{color:var(--ok)}
.v-ko{border-top-color:var(--ko)} .v-ko .chiffre{color:var(--ko)}
.v-info{border-top-color:var(--accent)} .v-info .chiffre{color:var(--accent)}
.v-attn{border-top-color:var(--attn)} .v-attn .chiffre{color:var(--attn)}
.grille3,.grille2{display:grid;gap:0;margin-top:26px;border-top:1px solid var(--trait)}
.grille3{grid-template-columns:repeat(3,1fr)} .grille2{grid-template-columns:repeat(2,1fr)}
.cell{padding:16px 22px;border-right:1px solid var(--filet)}
.cell:first-child{padding-left:0} .cell:last-child{border-right:0;padding-right:0}
.cell .lib{font-size:13.5px;color:var(--plume)}
.cell .val{font-family:'Barlow Condensed',Georgia,serif;font-weight:400;font-size:27px;line-height:1.15;
 letter-spacing:-.02em;font-variant-numeric:tabular-nums lining-nums;margin-top:3px}
.cell .val .unit{font-size:13.5px;color:var(--estompe);font-family:'Inter',sans-serif;margin-left:2px;position:relative;top:-2px}
.cell .unit{font-size:13.5px;color:var(--estompe);margin-top:3px}
@media(max-width:620px){.grille3,.grille2{grid-template-columns:1fr}
 .cell{border-right:0;border-bottom:1px solid var(--filet);padding:14px 0}
 .cell:last-child{border-bottom:0}}
table{width:100%;border-collapse:collapse;margin:18px 0;font-size:15.5px}
th,td{padding:10px 12px 10px 0;text-align:left;border-bottom:1px solid var(--filet)}
th{font-size:13.5px;font-weight:600;color:var(--plume);border-bottom:1.5px solid var(--trait)}
td.n,th.n{text-align:right;font-variant-numeric:tabular-nums lining-nums;padding-right:0}
tr.total td,tr.fort td{font-weight:600;border-bottom:0;border-top:1.5px solid var(--trait)}
.bloc{background:var(--surface);border:1px solid var(--trait);border-radius:3px;padding:26px 28px;margin:22px 0}
.bloc h2{margin-top:0}
.avert{border-left:2px solid var(--estompe);padding:2px 0 2px 18px;margin:20px 0;font-size:15.5px;
 line-height:1.62;color:var(--plume);max-width:66ch}
.avert strong{color:var(--encre)}
.outils-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:0 40px;
 margin:16px 0;border-top:1px solid var(--trait)}
.outil{padding:15px 0;text-decoration:none;color:var(--encre);display:block;border-bottom:1px solid var(--filet)}
.outil:hover .nom{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.outil .nom{font-weight:600;font-size:16.5px;display:block;line-height:1.35}
.outil .quoi{font-size:14.5px;color:var(--plume);margin-top:3px;display:block;line-height:1.5}
.maillage ul{list-style:none;padding:0;line-height:1.9;columns:2;column-gap:36px}
.maillage li{break-inside:avoid}
.themes-titre{margin:26px 0 12px;font-size:17px} .themes-grille{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px} .themes-grille a{display:flex;justify-content:space-between;gap:10px;align-items:baseline;padding:12px 14px;background:var(--surface);border:1px solid var(--trait);border-radius:var(--r,10px);text-decoration:none;color:var(--encre)} .themes-grille a b{font-weight:600;font-size:15px;line-height:1.3} .themes-grille a span{color:var(--plume);font-size:13px;white-space:nowrap} .themes-grille a:hover{border-color:var(--accent)}
@media(max-width:620px){.maillage ul{columns:1}}
footer{border-top:1px solid var(--trait);margin-top:56px;padding:30px 0 48px;background:var(--surface)}
footer p{font-size:14px;color:var(--plume);max-width:62ch;margin:0 0 9px}
footer nav{display:flex;gap:20px;flex-wrap:wrap;font-size:14px;margin-top:14px}
.masque{display:none}
.saut{position:absolute;left:-9999px;background:var(--accent);color:#fff;padding:11px 20px;
 border-radius:0 0 3px 0;font-weight:600;text-decoration:none;font-size:15.5px;z-index:100}
.saut:focus{left:0;top:0}
@media(max-width:640px){
 body{font-size:16.5px} .wrap{padding:0 18px}
 .top-in{padding:10px 18px 9px;gap:0;flex-wrap:wrap;align-items:center}
 .logo{font-size:19px}
 .top nav{gap:0;flex-wrap:nowrap;width:100%;margin:8px 0 0;justify-content:space-between;border-top:1px solid var(--filet);padding-top:7px}
 .top nav::-webkit-scrollbar{display:none}
 .top nav a{font-size:14.5px;padding:2px 0;white-space:nowrap;border-bottom:0} .top nav a:first-child{display:none}
 .chapo{font-size:17px;margin-bottom:22px}
 h2{font-size:22px;margin:30px 0 10px}
 .carte-h{padding:20px 18px 18px} .carte-b{padding:0 18px 20px}
 .bloc{padding:22px 20px}
}

/* — calculateurs — */
.calc{background:var(--surface);border:1px solid var(--trait);border-radius:3px;padding:26px 28px;margin:22px 0}
.calc .champ{position:relative;margin-bottom:18px;min-width:0}
.calc>.champ:last-child{margin-bottom:0}
.calc .champ input[type=number]{padding-right:64px}
.suffixe{position:absolute;right:0;bottom:11px;font-size:13.5px;color:var(--estompe);pointer-events:none}
.sous{font-size:13.5px;font-weight:600;color:var(--plume);text-transform:none;letter-spacing:.01em;margin:26px 0 10px}
.case{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;color:var(--encre);font-weight:400;margin:8px 0;cursor:pointer}
.case input{width:auto;margin:5px 0 0;accent-color:var(--accent);flex-shrink:0}
.aide{font-size:14.5px;color:var(--plume);margin:-4px 0 16px}
.note{margin-top:20px;padding-top:16px;border-top:1px solid var(--filet)}
.note p{font-size:15.5px;color:var(--plume);margin:0 0 10px} .note p:last-child{margin:0}
.grille{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:0;margin-top:22px;border-top:1px solid var(--trait)}
.grille:empty{display:none;border:0;margin:0}
.verdict:empty{display:none}
.verdict .v-ok,.verdict .v-ko,.verdict .v-attn,.verdict .v-info{padding-left:14px;border-left:2.5px solid}
.verdict .v-ok{border-left-color:var(--ok)} .verdict .v-ko{border-left-color:var(--ko)}
.verdict .v-attn{border-left-color:var(--attn)} .verdict .v-info{border-left-color:var(--accent)}
.verdict .v-ok strong{color:var(--ok)} .verdict .v-ko strong{color:var(--ko)} .verdict .v-attn strong{color:var(--attn)}
table.tab td .det{display:block;font-size:13px;color:var(--estompe);font-weight:400}
table.tab tr.meilleur td{background:var(--ok-clair)}
table.tab td:first-child,table.tab th:first-child{padding-left:8px}
table.tab{font-variant-numeric:tabular-nums lining-nums} td.n{white-space:nowrap} th.n{white-space:normal} .calc{overflow-x:auto} table.tab td{vertical-align:top}
@media(max-width:620px){table{font-size:14px} th,td{padding:8px 8px 8px 0} .bloc{overflow-x:auto} .cell .val{font-size:23px}}
.ligne{display:grid;grid-template-columns:190px 1fr;gap:6px 24px;padding:14px 0;border-bottom:1px solid var(--filet)}
.ligne:last-child{border-bottom:0;padding-bottom:0} .ligne:first-of-type{padding-top:0}
.ligne .nom{font-weight:600;font-size:16px;line-height:1.4}
.ligne .quoi{font-size:15.5px;color:var(--plume);line-height:1.6;max-width:56ch}
@media(max-width:620px){.ligne{grid-template-columns:1fr;gap:3px} .calc{padding:22px 20px}}
.deux{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;align-items:start} .deux .champ{margin-bottom:18px}
@media(max-width:620px){.deux{grid-template-columns:1fr}}
.pilule{display:inline-block;font-size:12.5px;font-weight:600;padding:2px 9px;border-radius:2px;background:var(--accent-clair);color:var(--accent);margin-left:8px;vertical-align:middle}
.pilule.ok{background:var(--ok-clair);color:var(--ok)} .pilule.ko{background:var(--ko-clair);color:var(--ko)} .pilule.attn{background:var(--attn-clair);color:var(--attn)}
.barre{height:8px;background:var(--filet);border-radius:2px;overflow:hidden;margin-top:6px}
.barre i{display:block;height:100%;background:var(--accent)}
.accueil-h1{max-width:22ch}
.bloc.amz{border-left:3px solid var(--accent)} .bloc.amz a{font-weight:600}
.trio{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--trait);margin:34px 0 8px}
.trio div{padding:18px 20px 18px 0;border-right:1px solid var(--filet)} .trio div:last-child{border-right:0}
.trio b{display:block;font-family:'Barlow Condensed',Georgia,serif;font-weight:500;font-size:20px;letter-spacing:-.015em;margin-bottom:4px}
.trio span{font-size:14.5px;color:var(--plume);line-height:1.5;display:block}
@media(max-width:620px){.trio{grid-template-columns:1fr} .trio div{border-right:0;border-bottom:1px solid var(--filet);padding:14px 0} .trio div:last-child{border-bottom:0}}

/* — accueil — */
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:start;padding:36px 0 8px;position:relative}
.hero .calc{margin:0}
.hero h1{margin-top:0}
.orne{position:absolute;right:-70px;top:-60px;width:280px;height:280px;opacity:.07;pointer-events:none;color:var(--accent);z-index:0} .hero>div{position:relative;z-index:1}
@media(max-width:820px){.hero{grid-template-columns:1fr;gap:20px;padding-top:20px} .orne{display:none}}
.cartes{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:18px 0 6px}
.carte-o{display:flex;gap:14px;align-items:flex-start;background:var(--surface);border:1px solid var(--trait);border-radius:3px;padding:16px 16px 15px;text-decoration:none;color:var(--encre)}
.carte-o:hover{border-color:var(--accent)} .carte-o:hover .nom{color:var(--accent)}
.carte-o svg{width:30px;height:30px;flex-shrink:0;color:var(--accent);margin-top:2px}
.carte-o .nom{display:block;font-weight:600;font-size:15.5px;line-height:1.3}
.carte-o .quoi{display:block;font-size:13.5px;color:var(--plume);margin-top:4px;line-height:1.45}
.familles{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:0 36px;margin:14px 0}
.famille h3{font-family:'Barlow Condensed',Georgia,serif;font-weight:500;font-size:19px;margin:18px 0 6px;letter-spacing:-.01em}
.famille ul{list-style:none;padding:0;margin:0;line-height:1.55}
.famille li{padding:6px 0;border-bottom:1px solid var(--filet);font-size:15px} .famille li:last-child{border-bottom:0}
.famille a{text-decoration:none;color:var(--encre)} .famille a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.bandeau{display:flex;flex-wrap:wrap;gap:8px 28px;align-items:baseline;font-size:14px;color:var(--plume);margin:8px 0 26px}
.bandeau b{color:var(--encre);font-weight:600}
.section-h{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-top:40px}
.section-h h2{margin:0} .section-h a{font-size:14.5px;white-space:nowrap}
/* — profils d'achat — */
.profils{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:14px 0 4px}
.profil{border:1px solid var(--trait);border-radius:3px;padding:14px 16px;background:var(--fond)}
.profil b{display:block;font-size:15px;margin-bottom:4px} .profil p{font-size:14px;color:var(--plume);margin:0 0 10px;line-height:1.5}
.profil a,.amz-lien{font-weight:600;font-size:14.5px}
.resultat-amz{margin-top:14px;font-size:15px}
/* — pages de déclinaison — */
.fiche{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:0;border-top:1px solid var(--trait);margin:8px 0 22px}

/* — identité — */
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:600;font-display:swap;src:url('/fonts/barlow-600.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:700;font-display:swap;src:url('/fonts/barlow-700.woff2') format('woff2')}
@font-face{font-family:'Barlow Condensed';font-style:normal;font-weight:800;font-display:swap;src:url('/fonts/barlow-800.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400 700;font-display:swap;src:url('/fonts/inter.woff2') format('woff2')}

.logo{display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.logo .marque{width:30px;height:30px;flex-shrink:0}
.logo .nom-site{white-space:nowrap}
.illu{width:min(300px,100%);height:auto;color:var(--accent);margin:22px 0 4px;display:block}
.hero h1 em{font-style:italic;color:var(--accent)}

:root{--nuit:#12294A}
body{font-family:'Inter',system-ui,sans-serif}
h1,h2,h3.sous,.logo .nom-site,.trio b,.famille h3,.cell .val,.verdict .chiffre{font-family:'Barlow Condensed','Arial Narrow',sans-serif}
h1{font-weight:800;text-transform:uppercase;letter-spacing:.005em;font-size:clamp(38px,5.4vw,58px);line-height:.96;max-width:16ch}
h2{font-weight:700;font-size:30px;letter-spacing:0;line-height:1.05}
h3{font-family:'Inter',sans-serif;font-weight:600}
.cell .val{font-weight:700;font-size:34px;letter-spacing:0} .cell .val .unit{font-family:'Inter',sans-serif}
.trio b{font-weight:700;font-size:24px;text-transform:uppercase;letter-spacing:.02em}
.famille h3{font-weight:700;font-size:22px;text-transform:uppercase;letter-spacing:.02em}
.logo .nom-site{font-weight:800;font-size:26px;text-transform:uppercase;letter-spacing:.02em;color:var(--nuit);line-height:1}
.logo .nom-site span{color:var(--accent)}
.top nav a{font-family:'Barlow Condensed',sans-serif;font-weight:600;font-size:18px;text-transform:uppercase;letter-spacing:.05em;color:var(--nuit)}
@media(max-width:640px){.top nav a{font-size:16px;letter-spacing:.03em} .logo{font-size:20px} .hero{margin-left:-18px!important;margin-right:-18px!important;padding-left:18px!important;padding-right:18px!important}}
header.top{border-bottom:0;box-shadow:0 1px 0 var(--trait)}
.hero{background:var(--nuit);color:#fff;padding:52px 22px 40px;margin:0 -22px;border-radius:0;
 background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.045) 0 2px,transparent 2px 16px)}
.hero>div:first-of-type h1{color:#fff} .hero .chapo{color:rgba(255,255,255,.8)} .hero .bandeau{color:rgba(255,255,255,.7)} .hero .bandeau b{color:#fff}
.hero .illu{color:var(--accent)} .hero .orne{display:none} .hero .calc{color:var(--encre)} .hero .calc .aide,.hero .calc .champ label{color:var(--plume)}
.hero h1 em{font-style:normal;color:var(--accent)}
@media(min-width:821px){.hero{margin:0 calc(50% - 50vw);padding-left:calc(50vw - 390px + 22px);padding-right:calc(50vw - 390px + 22px)}}
.bloc,.calc,.carte-o,.profil,.carte,.btn{border-radius:0}
.calc{border-top:4px solid var(--nuit)}
.carte-o{border-top:4px solid var(--accent)} .carte-o svg{color:var(--nuit)}
.btn{background:var(--accent);font-family:'Barlow Condensed',sans-serif;font-size:19px;text-transform:uppercase;letter-spacing:.06em;font-weight:700}
.verdict{border-top:3px solid var(--nuit)} .verdict p{font-size:17px}
.verdict .v-ok,.verdict .v-ko,.verdict .v-attn,.verdict .v-info{border-left-width:4px}
table.tab tr.meilleur td{background:var(--accent-clair)}
.profil{background:var(--surface);border-left:4px solid var(--accent)}
.section-h h2{padding-left:14px;border-left:5px solid var(--accent)}
footer{background:var(--nuit);color:#DCE3EE;border-top:0} footer p{color:#A9B6C9} footer nav a{color:#fff;font-family:'Barlow Condensed',sans-serif;text-transform:uppercase;letter-spacing:.05em;font-size:16px}

/* — types de contenu — */
:root{--t-outil:#E8492B;--t-outil-fg:#fff;--t-guide:#12294A;--t-guide-fg:#fff;--t-rayon:#0B7A75;--t-rayon-fg:#fff;--t-fiche:#6B4FBB;--t-fiche-fg:#fff;--t-comparatif:#B86E00;--t-comparatif-fg:#fff;--tc:var(--accent);--tc-fg:#fff}
.tc-outil,.tb-outil,.t-outil,.b-outil{--tc:var(--t-outil);--tc-fg:var(--t-outil-fg)}.tc-guide,.tb-guide,.t-guide,.b-guide{--tc:var(--t-guide);--tc-fg:var(--t-guide-fg)}.tc-rayon,.tb-rayon,.t-rayon,.b-rayon{--tc:var(--t-rayon);--tc-fg:var(--t-rayon-fg)}.tc-fiche,.tb-fiche,.t-fiche,.b-fiche{--tc:var(--t-fiche);--tc-fg:var(--t-fiche-fg)}.tc-comparatif,.tb-comparatif,.t-comparatif,.b-comparatif{--tc:var(--t-comparatif);--tc-fg:var(--t-comparatif-fg)}
/* Badges de type */
.tb{display:inline-block;background:var(--tc);color:var(--tc-fg);font-size:12px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:4px 9px 3px;border-radius:3px;line-height:1.3;vertical-align:middle}
.page-type{margin:18px 0 -4px}
/* Cartes typées */
.tcs{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin:18px 0 8px}
.tc{display:flex;flex-direction:column;gap:8px;background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--tc);border-radius:0;padding:16px 18px 15px;text-decoration:none;color:var(--encre);transition:transform .15s,box-shadow .15s}
.tc:hover{transform:translateY(-2px);box-shadow:0 10px 24px -14px rgba(0,0,0,.35)}
.tc .tb{align-self:flex-start;font-size:11px;padding:3px 8px 2px}
.tc .tc-titre{font-weight:650;font-size:16.5px;line-height:1.3}
.tc .tc-quoi{font-size:14px;color:var(--plume);line-height:1.5;flex:1}
.tc .tc-cta{font-size:14px;font-weight:650;color:var(--tc);margin-top:2px}
.tc-fiche .tc-cta,.tc-theme .tc-cta{color:var(--tc)}
.tc:hover .tc-cta{text-decoration:underline;text-underline-offset:3px}
/* Bandes de l'accueil */
.bande{background:color-mix(in srgb,var(--tc) 7%,var(--fond));box-shadow:0 0 0 100vmax color-mix(in srgb,var(--tc) 7%,var(--fond));clip-path:inset(0 -100vmax);padding:34px 0 30px;margin-top:40px;border-top:4px solid var(--tc)}
.bande + .bande{margin-top:0} .bande + .bloc{margin-top:44px}
.bande-h{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px 20px}
.bande-h h2{margin:8px 0 0;font-size:clamp(24px,3.4vw,32px);line-height:1.15}
.bande-h h2::before,.bande-h h2::after{display:none!important}
.bande-h .n{color:var(--plume);font-size:15px;font-weight:500;margin-left:8px;white-space:nowrap}
.bande > p{max-width:640px;color:var(--plume);margin:10px 0 0}
.btn-tc{display:inline-block;background:var(--tc);color:var(--tc-fg)!important;text-decoration:none;font-weight:650;font-size:15px;padding:10px 18px;border-radius:3px;white-space:nowrap}
.btn-tc:hover{filter:brightness(1.08)}
.bande .familles{margin-top:18px}
.bande .familles .famille{background:var(--surface);border:1px solid var(--trait);border-top:5px solid var(--t-guide);border-radius:0;padding:14px 18px 10px}
.bande .familles .famille h3{margin-top:0}
.bande .familles .famille li a{text-decoration:none;color:var(--encre)}
.bande .familles .famille li a::before{content:'→';color:var(--t-guide);margin-right:8px;font-weight:700}
.bande .familles .famille li a:hover{color:var(--t-guide);text-decoration:underline}
.nb{display:inline-block;font-size:.55em;font-weight:600;color:var(--plume);background:var(--surface);border:1px solid var(--trait);border-radius:999px;padding:1px 9px;vertical-align:middle;margin-left:6px} .famille li.plus a{color:var(--t-guide)!important;font-weight:650} .famille li.plus a::before{content:''!important;margin:0!important} .sommaire{line-height:2;font-size:15px} h2[id]{scroll-margin-top:16px}
.sommaire-page{background:var(--surface);border:1px solid var(--trait);border-left:5px solid var(--tc);border-radius:0;padding:14px 20px 12px;margin:6px 0 22px}
.sommaire-page b{display:block;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--plume);margin-bottom:4px}
.sommaire-page ol{margin:0;padding-left:20px;columns:2;column-gap:28px;font-size:15px;line-height:1.75} .sommaire-page li{break-inside:avoid}
.sommaire-page a{color:var(--encre);text-decoration:none} .sommaire-page a:hover{color:var(--tc);text-decoration:underline}
h2[id]{scroll-margin-top:14px} .deux .profil .ligne{grid-template-columns:1fr;gap:2px;padding:8px 0} .deux .profil .ligne .nom{font-weight:650}
.rubriques{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;margin-top:16px}
.rubriques a{display:block;background:var(--surface);border:1px solid var(--trait);border-top:4px solid var(--tc);border-radius:0;padding:14px 16px;text-decoration:none;color:var(--encre)}
.rubriques a b{display:block;font-size:17px} .rubriques a span{color:var(--plume);font-size:14px}
@media(max-width:640px){.sommaire-page ol{columns:1}}
.b-outil .carte-o{border-top:4px solid var(--t-outil)}
.themes-grille a{border-left:5px solid var(--t-fiche)}
/* Navigation : repère de couleur par rubrique, rubrique active soulignée */
.top nav a[data-t]::before{content:'';display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:7px;vertical-align:1px}
.top nav a[data-t=outil]::before{background:var(--t-outil)}.top nav a[data-t=guide]::before{background:var(--t-guide)}.top nav a[data-t=rayon]::before{background:var(--t-rayon)}.top nav a[data-t=fiche]::before{background:var(--t-fiche)}.top nav a[data-t=comparatif]::before{background:var(--t-comparatif)}
.t-outil .top nav a[data-t=outil]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-outil)}.t-guide .top nav a[data-t=guide]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-guide)}.t-rayon .top nav a[data-t=rayon]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-rayon)}.t-fiche .top nav a[data-t=fiche]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-fiche)}.t-comparatif .top nav a[data-t=comparatif]{color:var(--encre);font-weight:650;box-shadow:inset 0 -3px 0 var(--t-comparatif)}
.t-outil header.top,.t-guide header.top,.t-rayon header.top,.t-fiche header.top{box-shadow:inset 0 -3px 0 var(--tc)}
/* « À lire aussi » : type de chaque lien */
.maillage .mb{display:inline-block;min-width:54px;text-align:center;font-size:10.5px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;background:var(--tc);color:var(--tc-fg);border-radius:3px;padding:2px 5px 1px;margin-right:9px;vertical-align:1px}
@media(max-width:640px){.top nav a[data-t]::before{display:none} .tcs{grid-template-columns:1fr;gap:12px} .bande{padding:26px 0 22px} .bande-h{align-items:flex-start}}
.tb{font-family:'Barlow Condensed',sans-serif;font-size:13px;letter-spacing:.08em} .tc .tc-titre{font-size:17.5px} .bande-h h2{text-transform:uppercase}