:root{
  --sal-encre:#1e1e23;
  --sal-texte:#393a40;
  --sal-gris:#5d5e66;
  --sal-signal:#f4c20d;
  --sal-signal-trait:#d9a900;
  --sal-signal-clair:#fff3c4;
  --sal-fond:#f3f3f1;
  --sal-trait:#dfdfe3;
  --sal-police-texte:'Public Sans', Arial, sans-serif;
  --sal-police-titre:'Schibsted Grotesk', 'Public Sans', Arial, sans-serif;
}
*{box-sizing:border-box;}
body{margin:0;font-family:var(--sal-police-texte);color:var(--sal-texte);line-height:1.7;-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;}
a{color:var(--sal-encre);text-decoration:underline;text-decoration-color:var(--sal-signal-trait);text-decoration-thickness:2px;text-underline-offset:3px;}
a:hover{background:var(--sal-signal-clair);}
a:focus-visible{outline:3px solid var(--sal-signal);outline-offset:2px;}
h1,h2,h3,h4,h5,h6{font-family:var(--sal-police-titre);color:var(--sal-encre);margin:0 0 .6em;font-weight:700;letter-spacing:-.01em;}
.container{max-width:1200px;margin:0 auto;padding:0 20px;}
.container--narrow{max-width:820px;}

.site-header{background:#fff;border-bottom:1px solid var(--sal-trait);position:relative;z-index:10;}
.header-inner{max-width:1200px;margin:0 auto;padding:14px 20px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.site-logo{display:flex;align-items:center;}
.site-logo:hover{background:none;}
.site-logo img{height:64px;width:auto;}
.main-nav{display:flex;gap:1.75rem;list-style:none;margin:0;padding:0;}
.main-nav__item{list-style:none;}
.main-nav__link{font-family:var(--sal-police-texte);font-size:13px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:var(--sal-encre);text-decoration:none;padding:6px 0;border-bottom:3px solid transparent;}
.main-nav__link:hover,.main-nav__link.active{background:none;color:var(--sal-encre);border-bottom-color:var(--sal-signal);}
.nav-toggle{display:none;}
.nav-burger{display:none;}

@media (min-width:769px){
  .main-nav{gap:6px 1.15rem;flex-wrap:wrap;justify-content:flex-start;}
  .main-nav__item{flex:0 0 auto;}
  .main-nav__link{font-size:12.5px;letter-spacing:.3px;white-space:nowrap;}
}
@media (max-width:768px){
  .nav-burger{display:flex;flex-direction:column;gap:5px;cursor:pointer;order:2;padding:10px;}
  .nav-burger span{width:24px;height:2px;background:var(--sal-encre);display:block;}
  .main-nav{flex-basis:100%;order:3;flex-direction:column;gap:0;max-height:0;overflow:hidden;transition:max-height .3s ease;}
  .nav-toggle:checked ~ .main-nav{max-height:420px;}
  .main-nav__item{border-top:1px solid var(--sal-trait);}
  .main-nav__link{display:block;padding:12px 0;font-size:14px;}
}

.hero{position:relative;min-height:70vh;display:flex;align-items:center;overflow:hidden;}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;}
.hero-overlay{position:absolute;inset:0;background:rgba(18,18,22,.52);z-index:1;}
.hero-content{position:relative;z-index:2;padding:60px 20px;}
.hero-content h1{color:#fff;font-size:52px;line-height:1.12;max-width:760px;margin-bottom:.45em;}
.hero-content h1::after{content:"";display:block;width:76px;height:6px;margin-top:.32em;background:var(--sal-signal);border-radius:1px;}
.hero-baseline{color:rgba(255,255,255,.9);font-size:21px;max-width:640px;margin:0;line-height:1.5;}
@media (max-width:768px){
  .hero{min-height:50vh;}
  .hero-content h1{font-size:30px;}
  .hero-baseline{font-size:17px;}
}

.intro-section{background:var(--sal-fond);padding:60px 0;}
.intro-content h2{font-size:29px;margin-top:1.5em;}
.intro-content h2:first-child{margin-top:0;}
.intro-content p{font-size:16.5px;line-height:1.8;}
.intro-content ul,.intro-content ol{font-size:16.5px;line-height:1.8;}

.articles-section{padding:60px 0;}
.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;}
.section-head h2{margin:0;font-size:30px;}
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;}
@media (max-width:900px){.articles-grid{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.articles-grid{grid-template-columns:1fr;}}
.post-card{background:#fff;border:1px solid var(--sal-trait);border-radius:6px;overflow:hidden;transition:box-shadow .2s ease,border-color .2s ease;}
.post-card:hover{border-color:#c9c9cf;box-shadow:0 8px 22px rgba(30,30,35,.1);}
.post-card__link{color:inherit;text-decoration:none;display:block;}
.post-card__link:hover{background:none;}
.post-card__img{width:100%;height:190px;object-fit:cover;display:block;}
.post-card__body{padding:20px 20px 22px;}
.post-card__meta{font-size:12px;font-weight:600;color:var(--sal-gris);text-transform:uppercase;letter-spacing:1px;margin-bottom:8px;}
.post-card__meta::before{content:"";display:inline-block;width:8px;height:8px;margin-right:8px;background:var(--sal-signal);vertical-align:1px;}
.post-card__title{font-size:19px;line-height:1.28;margin-bottom:10px;}
.post-card__link:hover .post-card__title{text-decoration:underline;text-decoration-color:var(--sal-signal-trait);text-decoration-thickness:2px;text-underline-offset:3px;}
.post-card__excerpt{font-size:14.5px;line-height:1.55;color:var(--sal-texte);margin:0;}
.post-card__visuel{position:relative;height:190px;overflow:hidden;}
.post-card__visuel:not(:has(img)){background:var(--sal-fond) url("/img/logo-senioralerte-com-20261109.webp") center 46% / auto 64% no-repeat;}
.post-card__visuel:not(:has(img))::after{content:"";position:absolute;inset:0;background:inherit;filter:grayscale(1) brightness(.88) contrast(.85);clip-path:polygon(58% 0,100% 0,100% 100%,42% 100%);}
.post-card__visuel .post-card__img{height:190px;}

.pagination{display:flex;gap:8px;justify-content:center;margin-top:40px;list-style:none;padding:0;}
.pagination a,.pagination span{display:inline-flex;min-width:36px;height:36px;align-items:center;justify-content:center;border-radius:4px;color:var(--sal-encre);text-decoration:none;font-weight:600;}
.pagination .active{background:var(--sal-signal);color:var(--sal-encre);}
.pagination:not(:has(a)){display:none;}

.list-hero,.post-hero{background:var(--sal-fond);padding:50px 0 30px;}
.list-hero h1,.post-hero h1{font-size:36px;line-height:1.2;margin-top:.35em;}
.post-hero--page{padding-bottom:34px;}

.salerte-fil ol{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;list-style:none;margin:0 0 14px;padding:0;font-size:.9rem;}
.salerte-fil li{margin:0;padding:0;list-style:none;color:var(--sal-gris);}
.salerte-fil li[aria-hidden="true"]{color:var(--sal-gris);}
.salerte-fil a{color:var(--sal-encre);}

.post-meta{display:flex;flex-wrap:wrap;gap:6px 14px;margin:0;font-size:14px;color:var(--sal-gris);}
.post-meta span + span::before{content:"";display:inline-block;width:6px;height:6px;margin-right:14px;background:var(--sal-signal);vertical-align:2px;}

.post-body{padding:36px 0 50px;}
.post-body__img{width:100%;height:auto;border-radius:6px;margin-bottom:26px;display:block;}
.post-content > :first-child{margin-top:0;}
.post-content p{font-size:16.5px;line-height:1.85;margin:0 0 1.05em;}
.post-content h2{font-size:26px;line-height:1.3;margin:1.9em 0 .65em;}
.post-content h2::before{content:"";display:inline-block;width:.52em;height:.52em;margin-right:.45em;background:var(--sal-signal);border-radius:2px;vertical-align:.1em;}
.post-content h3{font-size:19.5px;margin:1.5em 0 .5em;}
.post-content ul,.post-content ol{padding-left:1.5em;margin:0 0 1.1em;}
.post-content li{margin-bottom:.35em;}
.post-content > p:first-child{font-size:18.5px;line-height:1.72;color:var(--sal-encre);font-weight:500;}
.post-content blockquote{margin:1.4em 0;padding:1rem 1.3rem;background:var(--sal-signal-clair);border-radius:8px;border:0;font-style:italic;}
.post-content table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:15px;}
.post-content th,.post-content td{padding:.55em .75em;border:1px solid var(--sal-trait);text-align:left;vertical-align:top;}
.post-content thead th,.post-content thead td,.post-content tr:first-child th{background:var(--sal-signal-clair);color:var(--sal-encre);font-weight:600;}
@media (max-width:767px){.post-content table{display:block;overflow-x:auto;}.post-content th,.post-content td{min-width:8.5rem;}}
@media (max-width:600px){
  .post-meta span + span::before{display:none;}
  .list-hero,.post-hero{padding-top:22px;}
}

.sommaire-article{margin:0 0 1.8em;border:1px solid var(--sal-trait);border-radius:8px;background:#fafafa;padding:0 1.1rem;}
.sommaire-article summary{cursor:pointer;list-style:none;padding:.8rem 0;font-weight:700;color:var(--sal-encre);}
.sommaire-article summary::-webkit-details-marker{display:none;}
.sommaire-article summary::after{content:"▾";float:right;color:var(--sal-encre);}
.sommaire-article[open] summary::after{content:"▴";}
.sommaire-article ol,.sommaire-article ul{margin:0 0 .9rem;padding-left:1.2rem;}
.sommaire-article li{margin-bottom:.3rem;}
.sommaire-article a{color:var(--sal-encre);text-decoration:none;}
.sommaire-article a:hover{text-decoration:underline;text-decoration-color:var(--sal-signal-trait);}
@media (max-width:767px){
  .sommaire-article{position:sticky;top:8px;z-index:5;box-shadow:0 2px 10px rgba(30,30,35,.12);}
  .sommaire-article[open] nav{max-height:55vh;overflow:auto;}
}

.fiche-auteur{display:flex;gap:18px;align-items:flex-start;margin-top:2.6rem;padding:20px 22px;background:#fff;border:1px solid var(--sal-trait);border-radius:10px;}
.fiche-auteur__photo{flex:0 0 84px;}
.fiche-auteur__photo img,.fiche-auteur__initiales{width:84px;height:84px;border-radius:50%;object-fit:cover;display:flex;}
.fiche-auteur__initiales{align-items:center;justify-content:center;background:var(--sal-signal-clair);color:var(--sal-encre);font-family:var(--sal-police-titre);font-weight:700;font-size:26px;}
.fiche-auteur__label{margin:0 0 2px;font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--sal-gris);font-weight:600;}
.fiche-auteur__nom{margin:0 0 6px;font-family:var(--sal-police-titre);font-weight:700;font-size:19px;color:var(--sal-encre);}
.fiche-auteur__bio{font-size:15px;line-height:1.65;}
.fiche-auteur__bio p{margin:0;}
.fiche-auteur__bio p ~ p{display:none;}
@media (max-width:480px){.fiche-auteur{flex-direction:column;}}

.related-section{background:var(--sal-fond);padding:60px 0;}
.related-section:not(:has(.post-card)){display:none;}

.rubrique-intro{padding:36px 0 0;}
.rubrique-intro__texte{column-count:2;column-gap:44px;font-size:16.5px;line-height:1.8;orphans:3;widows:3;}
.rubrique-intro__texte p{margin:0 0 1em;}
.rubrique-intro:not(:has(p)){display:none;}
@media (max-width:900px){.rubrique-intro__texte{column-count:1;}}
.articles-section--rubrique{padding-top:40px;}

.bloc-contact{margin-top:2.4rem;padding:24px;background:var(--sal-fond);border-radius:10px;}
.bloc-contact__titre{font-size:22px;margin:0 0 .4em;}
.bloc-contact__intro{margin:0 0 1rem;}
.bloc-contact__champ{width:100%;padding:11px 13px;margin-bottom:12px;border:1px solid #cfd0d6;border-radius:6px;font:inherit;background:#fff;color:var(--sal-encre);}
.bloc-contact__champ:focus{outline:3px solid var(--sal-signal);outline-offset:0;border-color:var(--sal-encre);}
.bloc-contact__bouton{background:var(--sal-encre);color:#fff;border:0;border-radius:6px;padding:12px 22px;font:inherit;font-weight:600;cursor:pointer;}
.bloc-contact__bouton:hover{background:var(--sal-signal);color:var(--sal-encre);}

.profil-auteur{display:flex;gap:24px;align-items:flex-start;}
.profil-auteur__photo{flex:0 0 140px;}
.profil-auteur__photo img{width:140px;height:140px;border-radius:50%;object-fit:cover;}
.profil-auteur__photo:not(:has(img)){display:none;}
@media (max-width:600px){.profil-auteur{flex-direction:column;}}

.membre{display:flex;gap:20px;align-items:flex-start;margin:0 0 1.6em;}
.membre img{width:110px;height:110px;border-radius:50%;object-fit:cover;flex:0 0 110px;margin:0;}
.membre__texte h3{margin-top:0;}
@media (max-width:600px){.membre{flex-direction:column;}}

.site-footer{background:var(--sal-encre);color:#fff;padding:26px 0;font-size:14px;}
.site-footer p{margin:0;}
.site-footer a,.site-footer__legal{color:#fff;text-decoration:underline;text-decoration-color:var(--sal-signal);}
.site-footer a:hover{background:none;color:var(--sal-signal);}
