/* T310 : styles réservés aux trois nouvelles pages, variables de la charte. */
.editorial-pages :is(.topline,.nav,.eyebrow,.tag,.place,.read-time,.hint,.button,.chip,.text-link,.meta,.sponsor-label,.footer,label,figcaption,cite){font-size:16px;letter-spacing:normal;text-transform:none}
.editorial-pages .nav{gap:24px}.editorial-pages .nav a:first-child{color:inherit}.editorial-pages .nav a[aria-current]{color:var(--sea)}
.editorial-pages .footer{margin-top:48px}.editorial-pages .footer-links{flex-wrap:wrap}.editorial-pages [hidden]{display:none!important}
.editorial-pages .breadcrumb{display:flex;flex-wrap:wrap;gap:8px 12px;color:var(--muted);padding:20px 0}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.listing-intro{padding:28px 0 40px}.listing-intro h1{max-width:950px}.listing-intro .intro{max-width:740px;margin-top:22px;font-size:18px}
.feature{display:grid;grid-template-columns:1.08fr 1fr;background:var(--sky);border-radius:var(--radius);overflow:hidden;margin-bottom:48px}.feature-art{min-width:0}.feature-art img{width:100%;height:100%;min-height:440px;object-fit:cover}.feature-copy{padding:36px}.feature-copy h2{font-size:34px;margin-top:12px}.feature-copy .place{margin-top:12px}.feature-copy .summary{margin-top:18px}.feature-copy .read-time{margin-bottom:18px}
.story-filters{padding:28px 0;border-block:1px solid var(--line);margin-bottom:36px}.story-filters h2{font-size:24px;margin-bottom:20px}.city-filter{max-width:340px;margin-top:24px}.editorial-pages .chip[aria-pressed=true]{background:var(--ink);color:var(--white)}
.story-grid{row-gap:40px}.story-link{display:block;height:100%;border-radius:var(--radius)}.story-link:hover{text-decoration:none}.story-link:hover h3{text-decoration:underline;text-underline-offset:4px}.editorial-pages .card .place{margin:12px 0 8px}.editorial-pages .articles h3{font-size:22px}.editorial-pages .articles .visual img{height:210px}.editorial-pages .card .read-time{margin-top:16px}.editorial-pages .summary{color:var(--muted)}.pagination{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-top:40px}.center{text-align:center}.empty{padding:24px;background:var(--sky);border-radius:var(--radius)}
.editorial-pages .newsletter{gap:36px}.editorial-pages .newsletter .email-row{flex-direction:column}.editorial-pages .newsletter .button{align-self:flex-start}.editorial-pages .newsletter .hint{font-size:16px}
.article-heading{max-width:960px;margin:24px auto 32px}.article-heading h1{margin:16px 0 24px;font-size:clamp(36px,4.3vw,60px)}.article-heading>.place{margin-top:12px}.article-deck{font-size:22px;line-height:1.6;max-width:850px}.byline{margin-top:24px;color:var(--muted)}
.editorial-pages figure{margin:0}.article-visual img{width:100%;height:390px;object-fit:cover;border-radius:var(--radius)}.editorial-pages figcaption{margin-top:12px;color:var(--muted);line-height:1.6}.reading{max-width:70ch;margin:36px auto 0;font-size:18px;line-height:1.8}.reading>p{margin-top:20px}.reading h2{font-size:30px;margin:32px 0 18px}.reading ul{padding-left:24px;margin:20px 0}.reading li+li{margin-top:8px}.reading blockquote{margin:28px 0;padding:24px 28px;background:var(--sky);border-left:5px solid var(--sea);border-radius:0 var(--radius) var(--radius) 0}.reading blockquote p{font-size:24px;font-weight:700;line-height:1.5;letter-spacing:-.025em}.reading cite{display:block;margin-top:16px;font-style:normal;color:var(--muted)}.reading .secondary-visual{margin:28px 0}.secondary-visual img{width:100%;height:260px;object-fit:cover;border-radius:var(--radius)}
.practical,.sources{padding:26px 28px;border-radius:var(--radius);margin-top:32px}.practical{background:var(--white);border:1px solid var(--line);border-top:5px solid var(--sea)}.sources{background:var(--sand)}.reading :is(.practical,.sources) h2{margin:0 0 16px;font-size:28px}.practical dl{margin:20px 0}.practical dt{font-weight:800;margin-top:16px}.practical dd{margin:4px 0 0}.reading a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.share-buttons{display:flex;flex-wrap:wrap;gap:12px}.share{margin-top:32px}.article-partner{margin:44px auto 0;max-width:1000px}.editorial-pages .sponsor-label{letter-spacing:normal}.editorial-pages .related{padding-bottom:0}.editorial-pages .nearby{padding-bottom:8px}.editorial-pages .meta{flex-wrap:wrap}
@media(max-width:1100px){.editorial-pages .header{flex-wrap:wrap}.editorial-pages .nav{gap:16px;padding-bottom:16px}.feature-copy{padding:28px}.feature-copy h2{font-size:30px}}
@media(max-width:800px){.feature{grid-template-columns:1fr}.feature-art img{min-height:0;height:280px}.story-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-pages .newsletter{grid-template-columns:1fr}.article-visual img{height:310px}}
@media(max-width:650px){.editorial-pages .header{gap:0}.editorial-pages .brand img{width:205px}.editorial-pages .nav{gap:0}.listing-intro{padding:16px 0 28px}.listing-intro h1{font-size:38px}.listing-intro h1 br{display:none}.listing-intro .intro{font-size:18px}.feature{margin-bottom:30px}.feature-art img{height:200px}.feature-copy{padding:24px 20px}.feature-copy h2{font-size:29px}.story-filters{padding:24px 0;margin-bottom:28px}.story-filters h2{font-size:25px}.city-filter{max-width:none}.story-grid{grid-template-columns:1fr}.editorial-pages .story-grid .card{display:block}.editorial-pages .story-grid .visual img{height:200px;min-height:0}.editorial-pages .articles h3{font-size:22px}.editorial-pages .newsletter{padding:26px 20px}.editorial-pages .newsletter .button{align-self:stretch}.editorial-pages .footer{margin-top:34px}.article-heading{margin-top:12px}.article-heading h1{font-size:36px}.article-deck{font-size:20px}.article-visual img{height:220px}.reading{font-size:18px;margin-top:28px}.reading h2{font-size:28px}.reading blockquote{padding:20px}.reading blockquote p{font-size:22px}.secondary-visual img{height:200px}.practical,.sources{padding:22px 20px}.editorial-pages .related .card,.editorial-pages .nearby .card{display:block}.editorial-pages .related .story-link,.editorial-pages .nearby .story-link{display:grid;grid-template-columns:92px minmax(0,1fr);gap:14px}.editorial-pages :is(.related,.nearby) .visual{margin:0}.editorial-pages :is(.related,.nearby) .visual img{height:100%;min-height:150px}.editorial-pages :is(.related,.nearby) .articles h3{font-size:20px}.editorial-pages .related .summary{display:none}.editorial-pages .text-link{white-space:normal}.editorial-pages .footer-links{gap:12px}.article-partner{margin-top:32px}}