.advice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px;margin-top:32px}.advice-card{display:flex;flex-direction:column;border:1px solid var(--line);background:white;border-radius:5px;overflow:hidden;transition:border-color .2s}.advice-card:hover{border-color:var(--wine)}.advice-card>img{width:100%;aspect-ratio:3/2;object-fit:cover}.advice-card>div{padding:24px;display:flex;flex-direction:column;flex:1}.advice-card .eyebrow{font-size:.67rem;margin-bottom:14px}.advice-card h3{font-size:1.3rem;line-height:1.25}.advice-card p:not(.eyebrow){color:var(--muted);font-size:.95rem;margin-top:16px}.advice-card div>span{color:var(--wine);font-weight:600;margin-top:auto;padding-top:22px;font-size:.9rem}.advice-index-link,.advice-inline{color:var(--wine);text-decoration:underline;text-underline-offset:5px}.advice-inline{display:inline-block;margin-top:28px;font-weight:600}.practical-advice{border-top:1px solid var(--line)}.practical-advice h2{max-width:800px}.practical-columns{display:grid;grid-template-columns:1fr 1fr;gap:55px;margin-top:28px}.practical-columns p{line-height:1.8;color:var(--muted)}.practical-columns h3{margin-bottom:12px;line-height:1.4}.advice-breadcrumb{display:flex;flex-wrap:wrap;gap:10px;padding-block:24px;color:var(--muted);font-size:.82rem}.advice-hub{padding-block:35px 70px}.advice-hub h1{font-size:clamp(2.6rem,5vw,4.5rem)}.advice-hub h1 em{font-family:Georgia,serif;color:var(--wine);font-weight:400}.advice-lead{max-width:770px;font-size:1.1rem;line-height:1.8;color:var(--muted);margin-top:24px}.article-heading{position:static;z-index:auto;border:0;background:none;padding-block:24px 32px}.article-heading h1{font-size:clamp(2.3rem,4vw,3.6rem);max-width:930px;line-height:1.12;text-wrap:balance}.article-date{color:var(--muted);font-size:.8rem;margin-top:25px}.article-photo{margin-block:0 45px}.article-photo img{width:100%;max-height:480px;object-fit:cover;border-radius:5px}.article-photo figcaption{font-size:.8rem;color:var(--muted);margin-top:10px}.article-layout{display:grid;grid-template-columns:260px minmax(0,760px);justify-content:space-between;gap:50px}.article-toc{align-self:start;position:sticky;top:120px;border-top:2px solid var(--wine);padding-top:20px;font-size:.9rem}.article-toc>p{font-weight:600}.article-toc ol{padding-left:20px;margin-block:20px 26px}.article-toc li{padding:0 0 15px 4px}.article-toc a:hover{color:var(--wine)}.article-copy section{margin-bottom:42px;scroll-margin-top:120px}.article-copy h2{font-size:clamp(1.7rem,2.5vw,2.2rem);line-height:1.2;letter-spacing:-.025em;margin-bottom:20px}.article-copy p{margin-block:17px;line-height:1.85}.article-copy ul{padding-left:23px}.article-copy li{margin-block:12px;line-height:1.8}.article-copy .source-note{font-size:.82rem;color:var(--muted);line-height:1.7}.source-note a{text-decoration:underline;text-underline-offset:3px}.advice-callout{background:var(--paper);border-left:3px solid var(--wine);padding:30px;margin-top:40px}.advice-callout h2{font-size:1.7rem}.advice-callout p{margin-block:16px 23px;max-width:760px;color:var(--muted)}.advice-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px}.table-scroll{overflow-x:auto;max-width:100%}.table-scroll table{border-collapse:collapse;width:100%;font-size:.9rem}.table-scroll caption{text-align:left;padding-bottom:15px;color:var(--muted)}.table-scroll th,.table-scroll td{padding:15px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table-scroll thead{background:var(--paper)}
@media(max-width:1100px){nav{gap:15px;margin-right:0;font-size:.86rem}.article-layout{grid-template-columns:210px minmax(0,1fr);gap:35px}}
@media(max-width:760px){.advice-grid{grid-template-columns:1fr;gap:22px}.advice-card>img{max-height:260px}.practical-columns{grid-template-columns:1fr;gap:24px}.article-layout{grid-template-columns:1fr;gap:30px}.article-toc{position:static}.article-heading{padding-top:10px}.article-heading h1{font-size:2.3rem}.article-photo img{max-height:310px}.article-photo{margin-bottom:28px}.advice-lead{font-size:1rem}.advice-callout{padding:24px 20px}.advice-hub{padding-top:20px}.table-scroll th,.table-scroll td{padding:12px 8px;font-size:.8rem}.topline .top-phones a{display:inline-block;font-size:12px}.top-phones{display:flex;justify-content:center;width:100%;gap:5px 16px}.topline .wrap{gap:4px}.article-copy section{scroll-margin-top:95px}}

/* Navigation principale accessible sur les écrans étroits. */
@media(max-width:760px){
.header-inner{flex-wrap:wrap;gap:0 10px;padding-bottom:10px}
.header-inner nav{display:flex;order:3;flex:0 0 100%;width:100%;margin:0;justify-content:space-between;gap:8px;padding-top:8px;border-top:1px solid var(--line);font-size:.75rem}
.header-inner nav a{display:flex;align-items:center;min-height:38px;white-space:nowrap}
.header-inner>.button{margin-left:auto}
html{scroll-padding-top:155px}
.article-copy section{scroll-margin-top:155px}
}
@media(max-width:365px){.header-inner nav{font-size:.69rem;gap:5px}}

.advice-categories{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0;padding:0;font-size:.9rem}
.advice-categories a{display:inline-flex;align-items:center;gap:12px;border:1px solid var(--line);border-radius:4px;padding:12px 16px;min-height:46px}
.advice-categories a:hover{border-color:var(--wine);background:var(--paper)}
.advice-categories span{color:var(--wine);font-weight:700}
.advice-group{padding-top:58px;scroll-margin-top:130px}
.advice-group-intro{margin-top:12px;color:var(--muted)}
.advice-quote{margin:35px 0;padding:24px 28px;border-left:4px solid var(--wine);background:var(--paper)}
.advice-quote p{font-family:Georgia,serif;font-size:1.5rem;line-height:1.5;color:var(--wine)}
.advice-quote footer{display:block;padding:8px 0 0;font-size:.8rem}
.more-advice-links{padding-bottom:45px}
.more-advice-links h2{font-size:1.4rem}
.more-advice-links ul{padding-left:20px;margin-top:16px}
.more-advice-links li{margin-top:12px}
.more-advice-links a{color:var(--wine);text-decoration:underline;text-underline-offset:4px}
@media(max-width:760px){.advice-group{scroll-margin-top:160px;padding-top:40px}.advice-categories{display:flex;font-size:.85rem;gap:8px}.advice-categories a{padding:10px 12px}.advice-quote{margin-inline:0;padding:18px}.advice-quote p{font-size:1.3rem}}
