/* Yellow-Sub Actualité 1.0.2 — portée limitée aux sections ysna. */
.ysna{--ysna-bg:#303030;--ysna-panel:#353535;--ysna-line:#595959;--ysna-text:#f3f1eb;--ysna-muted:#c3c1bb;--ysna-yellow:#fecc59;background:var(--ysna-bg);color:var(--ysna-text);font-family:inherit;}
.ysna,.ysna *{box-sizing:border-box}
.ysna.section{padding:32px 20px 42px}
.ysna .section-content>.row{max-width:1240px;margin-left:auto;margin-right:auto}
.ysna .section-content>.row>.col{padding-bottom:0}
.ysna :is(h1,h2,h3,h4){color:var(--ysna-text);text-transform:none;letter-spacing:-.02em;line-height:1.3}
.ysna h1{font-size:clamp(28px,3vw,38px);margin:0 0 10px;font-weight:800}
.ysna h2{font-size:27px;margin:0 0 18px;font-weight:750}
.ysna p{color:var(--ysna-text);font-size:17px;line-height:1.7}
.ysna a{color:var(--ysna-text)}
.ysna a:hover{color:var(--ysna-yellow)}
.ysna :is(a,button,input,summary):focus-visible{outline:3px solid var(--ysna-yellow);outline-offset:4px}
.ysna-intro{margin-bottom:14px}
.ysna-social{display:flex;flex-wrap:wrap;justify-content:flex-end;width:100%;text-align:right;gap:4px 22px;margin:8px 0 18px;font-size:14px}
.ysna-social a{display:inline-flex;align-items:center;min-height:36px;text-decoration:underline;text-underline-offset:4px}
.ysna-search{display:flex;gap:10px;margin:0 0 28px;align-items:stretch}
.ysna-search label{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.ysna .ysna-search input[type=search]{flex:1;min-width:0;width:auto;height:52px;margin:0;border:1px solid #ddd;border-radius:3px;padding:10px 16px;background:#fff;color:#222;font-size:17px;box-shadow:none}
.ysna .ysna-search button,.ysna .ysna-year-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;margin:0;padding:11px 18px;border:1px solid var(--ysna-yellow);border-radius:3px;background:var(--ysna-yellow);color:#202020;font-size:15px;font-weight:750;line-height:1.35;text-transform:none;letter-spacing:0;box-shadow:none;text-decoration:none}
.ysna .ysna-search button:hover,.ysna .ysna-year-button:hover{background:#ffdc8a;border-color:#ffdc8a;color:#202020}
.ysna .ysna-hero{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:28px;margin:0 0 36px!important;width:100%!important;max-width:100%!important;align-items:start}
.ysna .ysna-hero::before,.ysna .ysna-hero::after,.ysna .ysna-cards>.row::before,.ysna .ysna-cards>.row::after{display:none!important;content:none!important}
.ysna .ysna-hero>.col>.col-inner{width:100%;min-width:0;margin:0}
.ysna .ysna-hero>.col{max-width:none;width:auto;flex-basis:auto;padding:0;min-width:0}
.ysna .ysna-cards>.row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0!important;max-width:100%!important;width:100%!important;align-items:stretch}
.ysna .ysna-cards--une>.row,.ysna .ysna-cards--secondaires>.row{grid-template-columns:minmax(0,1fr)}
.ysna .ysna-cards .post-item{padding:0;margin:0;width:100%;max-width:none;min-width:0;flex-basis:auto}
.ysna .ysna-cards .post-item>.col-inner{height:100%;background:var(--ysna-panel);border:1px solid var(--ysna-line);border-radius:3px;overflow:hidden}
.ysna .ysna-cards .box{display:block;width:100%;background:none;transform:none;box-shadow:none}
/* Jamais d'image carrée, de zoom, de recadrage, ni de texte superposé. */
.ysna .ysna-cards .box-image{position:relative;width:100%;margin:0;float:none;transform:none;overflow:hidden;background:#292929}
.ysna .ysna-cards .box-image>div{height:auto!important;aspect-ratio:16/9;padding:0!important;overflow:hidden}
.ysna .ysna-cards .box-image a,.ysna .ysna-cards .box-image picture{display:block;position:static;width:100%;height:100%}
.ysna .ysna-cards .box-image img{display:block!important;position:static!important;inset:auto!important;width:100%!important;height:100%!important;max-height:none!important;object-fit:contain!important;transform:none!important;border:0;border-radius:0;opacity:1}
.ysna .ysna-cards .box-text{display:block;position:static!important;inset:auto!important;transform:none!important;width:100%;height:auto;padding:16px 18px;background:var(--ysna-panel)!important;color:var(--ysna-text);text-align:left}
.ysna .ysna-cards .box-text-inner{display:flex;flex-direction:column;gap:9px;min-width:0}
.ysna .ysna-cards .post-meta{order:1;color:var(--ysna-muted);font-size:13px;line-height:1.4;opacity:1;margin:0}
.ysna .ysna-cards .post-title{order:2;font-size:19px;line-height:1.45;font-weight:750;margin:0;overflow-wrap:break-word;text-transform:none;letter-spacing:-.015em}
.ysna .ysna-cards .post-title a{color:var(--ysna-text);text-decoration:none}
.ysna .ysna-cards .post-title a:hover{color:var(--ysna-yellow)}
.ysna .ysna-cards--une .post-title{font-size:24px;line-height:1.4}
.ysna .ysna-cards .ysna-lead-excerpt{order:3;margin:4px 0 0;font-size:16px;line-height:1.7;color:var(--ysna-muted)}
.ysna .ysna-cards--secondaires .post-title{font-size:18px}
.ysna .ysna-kicker{display:inline-block;align-self:flex-start;order:0;padding:4px 8px;border-radius:2px;background:var(--ysna-yellow);color:#222;font-weight:800;font-size:12px;line-height:1.5;text-transform:uppercase;letter-spacing:.04em}
.ysna .ysna-cards :is(.is-divider,.badge,.overlay,.from_the_blog_excerpt,.comments){display:none!important}
.ysna-section-heading{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;padding-top:24px;margin:0 0 24px;border-top:1px solid var(--ysna-line);scroll-margin-top:150px}
.ysna-section-heading h2{margin:0}
.ysna-pagination{margin:28px 0 36px}
.ysna-pagination ul{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;list-style:none;padding:0;margin:0}
.ysna-pagination li{margin:0;padding:0;list-style:none}
.ysna-pagination :is(a,span){display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:8px 12px;border:1px solid var(--ysna-line);border-radius:3px;font-size:15px;line-height:1.3;text-decoration:none}
.ysna-pagination .current{background:var(--ysna-yellow);color:#222;border-color:var(--ysna-yellow);font-weight:750}
.ysna-pagination .dots{border:0}
.ysna-archives,.ysna-themes{border-top:1px solid var(--ysna-line);padding-top:24px;margin-top:28px}
.ysna .ysna-archives h2,.ysna .ysna-themes h2{font-size:22px}
.ysna-years{display:grid;grid-template-columns:repeat(auto-fit,minmax(70px,1fr));gap:9px;list-style:none;padding:0;margin:0}
.ysna-years li,.ysna-theme-links li{list-style:none;margin:0;padding:0}
.ysna-years a{display:flex;justify-content:center;align-items:center;min-height:44px;padding:8px;border:1px solid var(--ysna-line);border-radius:3px;text-decoration:none;font-size:15px}
.ysna-years a:hover{border-color:var(--ysna-yellow)}
.ysna-theme-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px 28px;list-style:none;margin:0;padding:0}
.ysna-theme-links a{display:inline-block;padding:8px 0;font-size:15px;line-height:1.5;text-decoration:underline;text-underline-offset:3px}
.ysna.ysna-seo{padding-top:28px;border-top:1px solid #595959}
.ysna-seo .col-inner{font-size:17px;line-height:1.8;overflow-wrap:break-word}
.ysna-seo img{max-width:100%;height:auto}
.ysna-seo h2{font-size:25px;margin-top:28px}
.ysna-seo h3{font-size:21px;margin-top:24px}
@media(max-width:849px){
 .ysna.section{padding:26px 16px 34px}
 .ysna .ysna-hero{grid-template-columns:minmax(0,1fr);gap:20px}
 .ysna .ysna-cards--secondaires>.row,.ysna .ysna-cards--depeches>.row{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
 .ysna-theme-links{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:549px){
 .ysna.section{padding:22px 6px 28px}
 .ysna .ysna-cards--secondaires>.row,.ysna .ysna-cards--depeches>.row{grid-template-columns:minmax(0,1fr);gap:20px}
 .ysna .ysna-cards .box-text{padding:15px}
 .ysna .ysna-cards .post-title{font-size:19px}
 .ysna .ysna-cards--une .post-title{font-size:22px}
 .ysna .ysna-search{gap:7px}
 .ysna .ysna-search input[type=search]{font-size:16px;padding:10px;width:0}
 .ysna .ysna-search button{font-size:13px;padding:10px;min-width:94px}
 .ysna-social{gap:4px 15px;font-size:13px}
 .ysna-social a{min-height:44px}
 .ysna h2{font-size:24px}
 .ysna .ysna-year-button{width:100%}
 .ysna-theme-links{grid-template-columns:minmax(0,1fr);gap:0}
 .ysna-theme-links a{padding:11px 0}
 .ysna-pagination :is(a,span){padding:8px;min-width:42px}
}