/* 0.63 — « Pour aller plus loin » : même typographie et mêmes espacements.
   Les fonds et les articles choisis restent ceux de chaque modèle. */
body.hdr-pilot {
 --hdr-related-section-space: 64px;
 --hdr-related-grid-gap: 32px;
}
/* Un seul conteneur porte l’espace extérieur, sans marge héritée supplémentaire. */
body.hdr-pilot main :is(.hdrh-section,.hdr-pillar-section,.hdre-related):has(.hd-related-articles) {
 padding-block: var(--hdr-related-section-space);
}
body.hdr-pilot main .hd-related-articles {
 width: 100%;
 max-width: none;
 margin: 0 !important; /* Le composant d’origine impose 60 px en !important. */
 padding: 0;
}
body.hdr-pilot main .hd-related-articles .hd-related-articles__heading {
 margin: 0 0 32px;
 padding: 0;
 text-align: left;
}
body.hdr-pilot main .hd-related-articles p.hd-related-articles__kicker {
 display: flex;
 align-items: baseline;
 gap: 12px;
 margin: 0 0 16px;
 padding: 0;
 color: var(--hdr-blue);
 font: 400 .6875rem/1.6 ui-monospace,'SFMono-Regular',Consolas,monospace;
 letter-spacing: .035em;
 text-transform: uppercase;
}
body.hdr-pilot main .hd-related-articles .hd-related-articles__kicker::before {
 content: '';
 display: block;
 width: 24px;
 height: 2px;
 flex: 0 0 24px;
 margin: 0;
 background: currentColor;
 transform: translateY(-3px);
}
body.hdr-pilot main .hd-related-articles h2.hd-related-articles__title {
 margin: 0 !important;
 max-width: none;
 color: var(--hdr-ink);
 font-family: Arial,Helvetica,sans-serif;
 font-size: clamp(1.875rem,2.8vw,2.75rem) !important;
 font-weight: 600;
 font-style: normal;
 line-height: 1.15 !important;
 letter-spacing: -.035em;
 text-wrap: balance;
}
body.hdr-pilot main .hd-related-articles .hd-related-articles__grid {
 display: grid;
 grid-template-columns: repeat(3,minmax(0,1fr));
 gap: var(--hdr-related-grid-gap);
 align-items: stretch;
}
body.hdr-pilot main .hd-related-articles .hd-related-article {
 display: flex;
 flex-direction: column;
 min-width: 0;
 margin: 0;
 padding: 0;
 border: 0;
 border-radius: 0;
 background: transparent;
 box-shadow: none;
}
body.hdr-pilot main .hd-related-articles .hd-related-article:last-child:nth-child(odd) { grid-column: auto; }
body.hdr-pilot main .hd-related-articles .hd-related-article .hd-related-article__image-link {
 display: block;
 flex: 0 0 auto;
 aspect-ratio: 16 / 10;
 margin: 0;
 padding: 0;
 border: 0;
 border-radius: 0;
 overflow: hidden;
 background: #edf3f6;
 text-decoration: none;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__image-link :is(img,.hd-related-article__placeholder) {
 display: block;
 width: 100%;
 height: 100%;
 max-width: none;
 border-radius: 0;
 object-fit: cover;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__content {
 display: flex;
 flex: 1 1 auto;
 flex-direction: column;
 min-width: 0;
 padding: 20px 0 0;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__meta {
 display: flex;
 align-items: baseline;
 flex-wrap: wrap;
 gap: 8px;
 margin: 0 0 12px;
 color: var(--hdr-muted);
 font: 400 .6875rem/1.6 ui-monospace,'SFMono-Regular',Consolas,monospace;
 letter-spacing: .015em;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__category {
 color: var(--hdr-blue);
 font: inherit;
 letter-spacing: inherit;
 text-transform: uppercase;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__separator { color: var(--hdr-muted); }
body.hdr-pilot main .hd-related-articles h3.hd-related-article__title {
 margin: 0;
 padding: 0;
 color: var(--hdr-ink);
 font: 600 clamp(1.25rem,1.8vw,1.625rem)/1.35 Arial,Helvetica,sans-serif;
 letter-spacing: -.025em;
 overflow-wrap: anywhere;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__title a { color: inherit; text-decoration: none; }
body.hdr-pilot main .hd-related-articles .hd-related-article__title a:hover { color: var(--hdr-blue); }
body.hdr-pilot main .hd-related-articles p.hd-related-article__excerpt {
 max-width: none;
 margin: 16px 0 0;
 color: var(--hdr-muted);
 font: 400 .9375rem/1.75 Arial,Helvetica,sans-serif;
 letter-spacing: normal;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__link {
 display: inline-flex;
 align-self: start;
 align-items: center;
 gap: 9px;
 min-height: 64px;
 margin: auto 0 0;
 padding: 20px 0 0;
 border: 0;
 color: var(--hdr-blue);
 font: 400 .8125rem/1.5 Arial,Helvetica,sans-serif;
 text-decoration: underline;
 text-underline-offset: 5px;
}
body.hdr-pilot main .hd-related-articles .hd-related-article__link span { color: inherit; font-size: 1.0625rem; }
@media (max-width: 1000px) {
 body.hdr-pilot main .hd-related-articles .hd-related-articles__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 760px) {
 body.hdr-pilot { --hdr-related-section-space: 40px; --hdr-related-grid-gap: 32px; }
 body.hdr-pilot main .hd-related-articles .hd-related-articles__heading { margin-bottom: 24px; }
 body.hdr-pilot main .hd-related-articles .hd-related-articles__grid { grid-template-columns: minmax(0,1fr); }
}
@media (prefers-reduced-motion: reduce) {
 body.hdr-pilot main .hd-related-articles :is(.hd-related-article__image,.hd-related-article__link span) { transition: none; }
}