/* Articles: human editorial opening, distinct universes and a compact growing catalogue. */
.ac-page{color:var(--b-night);background:white}
.ac-page .ac-shell{width:min(calc(100% - 80px),1320px);max-width:none;margin-inline:auto;box-sizing:border-box}
.ac-page .ac-breadcrumb .e-breadcrumb{padding-block:var(--o-5)}
.ac-page .ac-hero{display:grid;grid-template-columns:2fr 3fr;align-items:stretch;background:var(--b-night);border-radius:var(--b-radius);overflow:hidden;margin-top:0;margin-bottom:var(--o-7)}
.ac-hero>*{min-width:0;margin:0}
.ac-page .ac-hero-copy{padding:var(--o-8);display:flex;flex-direction:column;justify-content:center;color:var(--b-white)}
.ac-page .ac-hero h1{font-size:clamp(2rem,3.5vw,3rem);line-height:1.08;letter-spacing:-.025em;margin:0;max-width:18ch;color:var(--b-white)}
.ac-page .ac-hero .e-kicker{margin:0 0 var(--o-5);color:var(--b-soft);font-size:.8125rem;letter-spacing:.1em}
.ac-page .ac-hero .e-lead{margin:var(--o-5) 0 0;font-size:1.125rem;line-height:1.55;max-width:42ch;color:var(--b-white)}
.ac-page .ac-hero .wp-block-buttons{margin-top:var(--o-6)}
.ac-page .ac-hero .wp-block-button__link{background:var(--b-white);color:var(--b-night);border-radius:8px;font-size:1rem;font-weight:600;min-height:48px;padding:var(--o-3) var(--o-5);box-sizing:border-box;text-decoration:none;display:inline-flex;align-items:center;gap:var(--o-5)}
.ac-page .ac-hero .wp-block-button__link:hover{text-decoration:underline;text-underline-offset:.2em}
.ac-page .ac-hero-photo{margin:0;position:relative;min-width:0;min-height:480px;overflow:hidden}
.ac-hero-photo img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:58% center}
.ac-page .ac-hero-note{margin:var(--o-5) 0 0;font-size:.875rem;line-height:1.5;color:var(--b-soft)}
.ac-explore{scroll-margin-top:var(--o-4);border-bottom:1px solid var(--o-border);background:white}
.ac-nav{display:flex;align-items:center;justify-content:space-between;gap:var(--o-5);padding-block:var(--o-5);flex-wrap:wrap}

.ac-nav-links{display:flex;gap:var(--o-3);flex-wrap:wrap;min-width:0}
.ac-nav a{display:inline-flex;align-items:center;gap:var(--o-3);min-height:48px;padding:var(--o-2) var(--o-4);box-sizing:border-box;border:1px solid var(--o-border);border-radius:999px;background:var(--o-surface);color:var(--o-blue);font-size:1rem;font-weight:600;text-decoration:none}
.ac-nav a:hover{border-color:var(--o-blue);text-decoration:underline;text-underline-offset:.2em}
.ac-nav-name{min-width:0;overflow-wrap:anywhere}
.ac-count{font-size:.8125rem;min-width:24px;text-align:center;border-radius:999px;background:white;color:var(--o-blue);padding:2px 6px;flex-shrink:0}
.ac-page .ac-section{padding-block:var(--o-9);margin:0;scroll-margin-top:var(--o-4);background:var(--o-surface)}
.ac-page .ac-section--alternate{background:var(--b-surface)}
.ac-section-heading{display:grid;grid-template-columns:1fr;gap:var(--o-4);margin-bottom:var(--o-6)}
.ac-section-kicker{font-size:.8125rem;line-height:1.5;text-transform:uppercase;letter-spacing:.1em;font-weight:600;color:var(--o-blue);margin:0 0 var(--o-3)}
.ac-section-heading h2{font-size:clamp(1.875rem,3vw,2.25rem);line-height:1.15;letter-spacing:-.02em;margin:0}
.ac-section-intro{font-size:1.125rem;line-height:1.65;color:var(--o-muted);margin:0;max-width:88ch}
.ac-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--o-5)}
.ac-card{min-width:0;border:1px solid var(--o-border);border-radius:var(--b-radius);overflow:hidden;background:white}
.ac-card-link{display:grid;grid-template-columns:42% 58%;height:100%;color:var(--b-night);text-decoration:none}
.ac-card-photo{display:flex;align-items:center;overflow:hidden;background:var(--o-surface);min-width:0}
.ac-card-photo img{display:block;width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}
.ac-card-copy{display:flex;flex-direction:column;gap:var(--o-3);padding:var(--o-5);min-width:0;background:white}
.ac-card-label{font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;font-weight:700;line-height:1.5;color:var(--o-blue)}
.ac-card h3{font-size:1.375rem;line-height:1.2;letter-spacing:-.015em;margin:0}
.ac-card p{font-size:.9375rem;line-height:1.5;color:var(--o-muted);margin:0}
.ac-read{display:flex;align-items:center;justify-content:space-between;gap:var(--o-3);margin-top:auto;padding-top:var(--o-3);font-size:.9375rem;font-weight:600;color:var(--o-blue)}
.ac-read>span:first-child{min-width:0;overflow-wrap:anywhere}
.ac-arrow{display:flex;justify-content:center;align-items:center;width:36px;height:36px;flex-shrink:0;border:1px solid var(--o-border);border-radius:50%;font-size:1.25rem}
.ac-card--featured{grid-row:span 2}
.ac-card--featured .ac-card-link{display:flex;flex-direction:column}
.ac-card--featured .ac-card-photo{aspect-ratio:16/9}
.ac-card--featured .ac-card-photo img{height:100%;object-fit:cover}
.ac-card--featured .ac-card-copy{flex:1;padding:var(--o-6);background:white}
.ac-card--featured h3{font-size:1.875rem;line-height:1.15;max-width:26ch}
.ac-card--featured p{font-size:1rem;max-width:55ch}
.ac-grid>.ac-card:nth-child(3) .ac-card-copy{background:var(--b-surface)}
.ac-section--alternate .ac-grid>.ac-card:nth-child(3) .ac-card-copy{background:var(--o-surface)}
.ac-grid--1{grid-template-columns:1fr}
.ac-grid--1 .ac-card--featured .ac-card-link{display:grid;grid-template-columns:1fr 1fr}
.ac-grid--2 .ac-card--featured{grid-row:auto}
.ac-grid--2 .ac-card-link{display:flex;flex-direction:column}
.ac-grid--2 .ac-card-photo{aspect-ratio:16/9}
.ac-grid--2 .ac-card-photo img{height:100%;object-fit:cover}
.ac-card-link:hover h3{text-decoration:underline;text-underline-offset:.15em}
.ac-card-link:hover .ac-arrow{background:var(--o-blue);border-color:var(--o-blue);color:white}
.ac-page a:focus-visible,.ac-section:focus-visible,.ac-explore:focus-visible,.ac-more summary:focus-visible{outline:3px solid var(--o-blue);outline-offset:3px}
.ac-page .ac-card-link:focus-visible{outline-offset:-4px}
.ac-page .ac-hero a:focus-visible{outline-color:white}
.ac-more{margin-top:var(--o-5);border-top:1px solid var(--o-border)}
.ac-more summary{cursor:pointer;min-height:48px;padding:var(--o-4) 0;color:var(--o-blue);font-weight:600;line-height:1.5}
.ac-more summary>span{margin-left:var(--o-4)}
.ac-more-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--o-5);padding-top:var(--o-4)}
.page-id-90 .o-footer-about a{overflow-wrap:anywhere}
@media(prefers-reduced-motion:no-preference){.ac-card-photo img{transition:transform .35s ease}.ac-arrow{transition:background .2s,color .2s}@media(hover:hover){.ac-card-link:hover img{transform:scale(1.025)}}}
@media(max-width:1199px){.ac-page .ac-hero-copy{padding:var(--o-6)}.ac-card-link{grid-template-columns:38% 62%}.ac-card-copy{padding:var(--o-4)}}
@media(max-width:959px){.ac-page .ac-shell{width:calc(100% - 48px)}.ac-page .ac-hero{grid-template-columns:1fr 1fr}.ac-page .ac-hero-photo{min-height:440px}.ac-hero-photo img{object-position:65% center}.ac-section-heading{gap:var(--o-6)}.ac-grid{grid-template-columns:1fr}.ac-card--featured{grid-row:auto}.ac-card--featured .ac-card-link,.ac-card-link{display:grid;grid-template-columns:45% 55%}.ac-card--featured .ac-card-photo{aspect-ratio:auto}.ac-card--featured .ac-card-photo img{height:auto;object-fit:contain}.ac-card--featured h3{font-size:1.5rem}.ac-card--featured .ac-card-copy,.ac-card-copy{padding:var(--o-5)}.ac-more-grid{grid-template-columns:1fr}}
@media(max-width:699px){.ac-page .ac-shell{width:calc(100% - 32px)}.ac-page .ac-hero{display:flex;flex-direction:column-reverse;margin-bottom:var(--o-4)}.ac-page .ac-hero-copy{padding:var(--o-5)}.ac-page .ac-hero-photo{min-height:0;aspect-ratio:3/2}.ac-hero-photo img{object-position:center}.ac-page .ac-hero h1{font-size:2rem;max-width:20ch}.ac-page .ac-hero .e-lead{font-size:1rem}.ac-page .ac-hero-note{font-size:.8125rem}.ac-nav{gap:var(--o-4)}.ac-nav-links{width:100%}.ac-nav a{font-size:.9375rem;padding-inline:var(--o-3)}.ac-page .ac-section{padding-block:var(--o-8)}.ac-section-heading{grid-template-columns:1fr;gap:var(--o-4)}.ac-section-intro{font-size:1rem}.ac-card--featured .ac-card-link,.ac-grid--1 .ac-card--featured .ac-card-link,.ac-card-link{display:flex;flex-direction:column}.ac-card-photo,.ac-card--featured .ac-card-photo{aspect-ratio:3/2}.ac-card-photo img,.ac-card--featured .ac-card-photo img{height:100%;object-fit:contain}.ac-card--featured h3,.ac-card h3{font-size:1.5rem}.ac-card--featured .ac-card-copy,.ac-card-copy{padding:var(--o-5);flex:1}.ac-card p,.ac-card--featured p{font-size:1rem}.ac-card--featured .ac-card-photo img{object-fit:cover}}
/* Continuous blue hero and overlapping topic cards, shared with the Outils Pro visual language. */
.ac-page .ac-breadcrumb{position:relative;z-index:2;color:var(--b-white)}
.ac-page .ac-breadcrumb a{color:var(--b-white)}
.ac-page .ac-breadcrumb .e-breadcrumb{color:var(--b-soft)}
.ac-page:has(.ac-hero){background:var(--b-night)}
.ac-page .ac-hero{position:relative;isolation:isolate;display:block;width:100%;max-width:none;border-radius:0;margin:0;overflow:hidden}
.ac-page .ac-hero-copy{position:relative;z-index:1;box-sizing:border-box;width:min(calc(100% - 80px),1320px);margin-inline:auto;padding:64px 0 112px;min-height:580px}
.ac-page .ac-hero h1{font-size:clamp(2.5rem,4.6vw,4rem);max-width:18ch}
.ac-page .ac-hero .e-lead{max-width:42ch}
.ac-page .ac-hero-photo{position:absolute;inset:0;z-index:-2;min-height:0;aspect-ratio:auto}
.ac-page .ac-hero-photo img{object-position:center top}
.ac-page .ac-hero::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,24,43,.98) 0%,rgba(6,52,93,.93) 30%,rgba(6,52,93,.62) 50%,rgba(3,24,43,.16) 75%,rgba(3,24,43,.12))}
.ac-page .ac-explore{position:relative;z-index:2;background:var(--o-surface);border:0;margin:0;padding-bottom:var(--o-4)}
.ac-page .ac-nav{position:relative;top:-40px;justify-content:center;padding:0;margin-bottom:-40px}
.ac-nav-links{justify-content:center;width:100%;gap:var(--o-5)}
.ac-nav a{justify-content:space-between;flex:0 1 280px;min-height:80px;padding:var(--o-5);border-radius:var(--b-radius);background:white;box-shadow:0 16px 32px rgb(3 24 43 / 16%)}
.ac-count{background:var(--b-surface)}
@media(max-width:959px){
 .ac-page .ac-hero-copy{width:calc(100% - 48px);padding:56px 0 104px}
 .ac-page .ac-hero .e-lead{max-width:38ch}
 .ac-nav-links{gap:var(--o-3)}
 .ac-nav a{flex-basis:220px}
}
@media(max-width:699px){
 .ac-page .ac-hero-copy{width:calc(100% - 32px);padding:260px 0 88px;min-height:0}
 .ac-page .ac-hero h1{font-size:2rem}
 .ac-page .ac-hero-photo{height:370px}
 .ac-page .ac-hero-photo img{object-position:65% top}
 .ac-page .ac-hero::after{background:linear-gradient(180deg,rgba(3,24,43,.08) 0,rgba(6,52,93,.28) 150px,var(--b-night) 350px)}
 .ac-page .ac-nav{top:-32px;margin-bottom:-32px}
 .ac-nav-links{display:grid;grid-template-columns:1fr;gap:var(--o-3)}
 .ac-nav a{min-height:64px;padding:var(--o-4) var(--o-5)}
 .ac-section-heading{gap:var(--o-4)}
}
