.conseils-wrap{max-width:1200px;margin:auto;padding:0 24px}.conseils-heading{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.conseils-heading h2{font-size:32px;line-height:1.2;margin:8px 0;color:#043280}.conseils-heading p{margin:0;color:#52657e}.conseils-link{color:#043280;text-decoration:underline;text-underline-offset:5px;min-height:44px;display:inline-flex;align-items:center}.conseils-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.conseil-card{display:flex;flex-direction:column;border:1px solid #e0e7f0;border-radius:16px;overflow:hidden;background:white;color:#043280;text-decoration:none;transition:box-shadow .2s}.conseil-card:hover{box-shadow:0 8px 28px #04328018}.conseil-card img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.conseil-card>div{padding:22px;display:flex;flex-direction:column;flex:1}.conseil-card small,.read-kicker{color:#3e6594;font-size:11px;font-weight:700;letter-spacing:.09em;text-transform:uppercase}.conseil-card h3{font-size:22px;line-height:1.3;margin:10px 0 12px;text-transform:none}.conseil-card p{font-size:14px;line-height:1.6;color:#52657e;margin:0 0 18px}.conseil-card b{margin-top:auto;font-size:13px}.read-page{padding:28px 0 40px;background:#fff}.read-crumb{font-size:13px;color:#52657e;margin-bottom:24px}.read-crumb a{color:#043280}.read-hero{max-width:850px;margin:auto}.read-hero h1{font-size:clamp(30px,3.5vw,46px);line-height:1.15;letter-spacing:-.025em;color:#043280;margin:14px 0 18px;text-wrap:balance}.read-lead{font-size:19px;line-height:1.65;color:#34516f}.read-meta{font-size:12px;color:#65758b;margin:18px 0}.read-cover{margin:24px 0}.read-cover img{width:100%;max-height:420px;aspect-ratio:16/9;object-fit:cover;border-radius:16px;display:block}.read-cover figcaption,.read-detail figcaption{font-size:11px;line-height:1.5;color:#65758b;margin-top:8px}.read-layout{max-width:1060px;margin:30px auto 0;display:grid;grid-template-columns:220px minmax(0,740px);gap:40px;align-items:start}.read-toc{position:sticky;top:110px;border-left:2px solid #dfe8f4;padding:0 0 0 18px;font-size:13px}.read-toc strong{color:#043280}.read-toc a{display:block;padding:9px 0;color:#52657e;line-height:1.5}.read-body{min-width:0;font-size:17px;line-height:1.8;color:#34465e}.read-body p{margin:0 0 18px}.read-body h2{font-size:26px;line-height:1.3;color:#043280;margin:32px 0 16px;text-transform:none;scroll-margin-top:130px}.read-body a{text-decoration:underline;color:#043280;text-underline-offset:3px}.read-note{background:#f0f5fc;border-left:3px solid #043280;border-radius:0 10px 10px 0;padding:22px;margin:26px 0}.read-note p{margin:8px 0 0}.read-table{overflow-x:auto;margin:24px 0;border:1px solid #dfe7f0;border-radius:10px}.read-table table{border-collapse:collapse;width:100%;font-size:14px}.read-table caption{text-align:left;padding:14px;font-weight:600;color:#043280}.read-table th{background:#edf3fb;text-align:left}.read-table td,.read-table th{padding:12px 14px;border-bottom:1px solid #e1e8f1;vertical-align:top}.read-detail{margin:28px 0;max-width:320px}.read-detail img{display:block;width:100%;height:280px;object-fit:cover;border-radius:12px}.read-bottom{border-top:1px solid #dfe7f0;margin-top:28px;padding-top:24px}.read-bottom .home-action{color:white;text-decoration:none}.read-method{font-size:12px;line-height:1.6;color:#65758b;margin-top:24px!important}.read-related{margin-top:40px;padding-top:30px;border-top:1px solid #e0e7f0}.conseils-index-head{max-width:760px;margin:0 0 30px}.conseils-index-head h1{font-size:40px;line-height:1.2;color:#043280}.conseils-index-head p{font-size:18px;line-height:1.6;color:#52657e}.conseils-grid a:focus-visible,.read-page a:focus-visible{outline:3px solid #4286d4;outline-offset:4px}
@media(max-width:800px){.conseils-grid{grid-template-columns:1fr}.conseils-heading{align-items:start;flex-direction:column;gap:12px}.conseils-wrap{padding:0 20px}.conseil-card h3{font-size:23px}.read-layout{grid-template-columns:1fr;gap:20px;margin-top:20px}.read-toc{position:static}.read-hero h1{font-size:32px}.read-lead{font-size:17px}.read-body{font-size:16px}.read-body h2{font-size:24px}.read-cover img{aspect-ratio:4/3}.read-page{padding-top:20px}.read-bottom .home-action{width:100%}.read-related .conseils-grid{gap:18px}.conseils-index-head h1{font-size:32px}.read-table td,.read-table th{padding:10px}.conseils-heading h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.conseil-card{transition:none}}
.read-cover img{height:auto}.conseils-grid{align-items:stretch}.conseils-home .conseil-card p{max-width:100%}

/* Illustrations editoriales validees : cadrage conservant les gestes et visages. */
.conseil-card img{aspect-ratio:4/3;object-position:center 45%}.read-cover{max-width:600px;margin:24px auto}.read-cover img{aspect-ratio:4/3;max-height:none;object-position:center 45%}@media(max-width:800px){.read-cover img{aspect-ratio:1/1}.conseil-card img{aspect-ratio:4/3}}
/* Sommaires : repères courts, section active et contrôle tactile. */
.read-toc{border:1px solid #d5e1ef;border-radius:12px;padding:8px;background:#f6f8fc;top:var(--read-header-offset,120px)}
.read-toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;border:0;background:transparent;color:#043280;text-align:left;padding:12px 10px;font:inherit;font-weight:700;min-height:48px;cursor:pointer}
.read-toc-toggle small{display:block;font-size:11px;font-weight:400;color:#52657e;margin-top:3px}
.read-toc-toggle svg{width:18px;height:18px;transition:transform .15s}.read-toc-toggle[aria-expanded=true] svg{transform:rotate(180deg)}
.read-toc #read-toc-links[hidden]{display:none}
.read-toc #read-toc-links a{display:flex;align-items:center;gap:9px;min-height:44px;padding:10px;border-radius:8px;color:#304d70;text-decoration:none;font-size:13px;line-height:1.35;margin:2px 0}
.read-toc-number{font-size:11px;color:#597394;flex:0 0 20px}
.read-toc #read-toc-links a:hover{background:#eaf0f8;color:#043280}
.read-toc #read-toc-links a[aria-current=location]{background:#e2ecfb;color:#043280;font-weight:600;box-shadow:inset 3px 0 #043280}
.read-toc-toggle:focus-visible,.read-toc #read-toc-links a:focus-visible{outline:2px solid #2362ad;outline-offset:2px}
.read-body h2[id]{scroll-margin-top:var(--read-header-offset,130px)}
@media(min-width:801px){.read-toc-toggle{cursor:default}.read-toc-toggle svg{display:none}}
@media(max-width:800px){.read-toc{position:static;padding:4px 6px;background:#f3f7fc}.read-toc-toggle{font-size:15px}.read-toc-toggle small{display:inline;margin-left:10px}.read-toc #read-toc-links a{font-size:14px;padding:11px 10px}.read-layout{gap:20px}}
@media(prefers-reduced-motion:reduce){.read-toc-toggle svg{transition:none}}