@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/assets/inter-latin-400.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/assets/inter-latin-500.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(/assets/inter-latin-600.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/assets/inter-latin-700.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/assets/inter-latin-800.woff2) format('woff2');
}
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 900;
  font-display: swap;
  src: url(/assets/inter-latin-900.woff2) format('woff2');
}


:root{--navy:#0a1f44;--ink:#101827;--muted:#556170;--accent:#c84420;--line:#dce1e8;--paper:#fff;--halo:#f2f5fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:8rem}body{margin:0;color:var(--ink);background:var(--paper);font-family:Inter,Arial,system-ui,sans-serif;font-size:1.0625rem;line-height:1.65}a{color:var(--navy);text-underline-offset:.23em}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto}h1,h2,h3{color:var(--navy);line-height:1.1;letter-spacing:-.035em}h1{font-size:clamp(2.8rem,5.8vw,5.5rem);margin:.4em 0}h2{font-size:clamp(1.8rem,3vw,2.8rem);margin:1.8em 0 .6em}h3{font-size:1.35rem;margin:1.8em 0 .6em}p{margin:0 0 1.2em}.wrap{width:min(1180px,calc(100% - 3.5rem));margin:auto}.nav{border-bottom:1px solid var(--line);background:#fff;position:sticky;top:0;z-index:20}.nav-inner{display:flex;align-items:center;gap:2rem;min-height:5rem}.brand{text-decoration:none;font-weight:900;font-size:1.5rem;letter-spacing:.015em}.brand span{color:var(--accent)}.nav nav{display:flex;gap:1.7rem;margin-left:auto}.nav nav a{font-size:.9375rem;text-decoration:none;font-weight:600}.nav nav a:hover,.nav nav a[aria-current]{color:var(--accent)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:1.3rem;background:var(--navy);color:white;padding:1.1rem 1.5rem;text-decoration:none;font-weight:700;border:1px solid var(--navy);border-radius:2px}.button:hover{background:#153769}.button.compact{font-size:.875rem;padding:.75rem 1rem;white-space:nowrap}.button.light{background:white;color:var(--navy);max-width:26rem;border-color:white}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.875rem;font-weight:700;color:var(--muted)}.hero{padding-top:4rem;padding-bottom:5rem}.hero-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:6rem;align-items:end}.hero h1{font-size:clamp(3rem,6.2vw,5.75rem);line-height:1.02;margin:.15em 0 .4em;font-weight:800}.hero h1 em{font-style:normal;color:var(--accent)}.lead{font-size:1.25rem;max-width:46rem;color:#39465a;line-height:1.55}.text-link{display:block;margin-top:1.1rem;font-weight:600;font-size:1rem}.hero-aside{background:var(--halo);border-top:4px solid var(--accent);padding:2rem;margin-bottom:.25rem}.hero-aside ol{padding:0;list-style:none}.hero-aside li{position:relative;padding:1.3rem 0 1.2rem 2.5rem;border-bottom:1px solid var(--line)}.hero-aside li span{position:absolute;left:0;color:var(--accent);font-size:.875rem;font-weight:700}.hero-aside li p{font-size:1rem;margin:.5rem 0 0;color:var(--muted)}.aside-note{font-size:.9375rem;margin:1.6rem 0 0}.page-heading{padding-top:4.5rem;padding-bottom:3rem;border-bottom:1px solid var(--line)}.page-heading h1{max-width:18ch}.content-section{padding-top:2rem;padding-bottom:5rem}.prose{max-width:780px}.prose p,.prose li{line-height:1.8}.prose li{margin-bottom:.6rem}.prose h2:first-child{margin-top:1rem}.prose table{width:100%;border-collapse:collapse;font-size:1rem}.prose td,.prose th{padding:.9rem;border-bottom:1px solid var(--line);text-align:left}.prose blockquote{border-left:3px solid var(--accent);margin:2rem 0;padding:0 1.5rem;font-size:1.35rem}.offers{display:grid;grid-template-columns:repeat(3,1fr);margin:3rem 0;border:1px solid var(--line)}.offers article{padding:2rem;border-right:1px solid var(--line)}.offers article:last-child{border-right:0;background:var(--halo)}.offers h2{font-size:1.8rem;margin:.5em 0 1em}.offers a{font-weight:700;font-size:1rem}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:5rem;padding-top:3rem}.about-grid figure{margin:0}.about-grid img{width:100%;aspect-ratio:6/7;object-fit:cover;object-position:top;border-bottom:4px solid var(--accent)}figcaption{font-size:.9375rem;color:var(--muted);padding-top:1rem}.closing{background:var(--navy);color:white;padding:4rem 0}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:3rem}.closing h2{color:white;margin:.5em 0;font-size:clamp(2rem,3.5vw,3.25rem)}.closing .eyebrow{color:#b7c7df}.closing p{color:#d1d9e6}.footer{padding-top:3rem;padding-bottom:3rem;display:flex;justify-content:space-between;gap:2rem}.footer p{font-size:1rem;margin-top:.8rem;color:var(--muted)}.footer nav{display:flex;flex-direction:column;align-items:flex-start;gap:.65rem}.footer nav a,.footer button{font-size:.9375rem}.footer button{border:0;padding:0;background:none;color:var(--navy);text-decoration:underline}.consent{position:fixed;bottom:1rem;right:1rem;z-index:50;background:#fff;border:1px solid var(--navy);box-shadow:0 8px 40px #0a1f4426;width:min(31rem,calc(100% - 2rem));padding:1.5rem;font-size:1rem}.consent div{display:flex;gap:.75rem}.consent button{flex:1;padding:.7rem;background:#fff;color:var(--navy);border:1px solid var(--navy)}.consent button:hover{background:var(--halo)}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:absolute;top:-8rem;z-index:80;background:#fff;padding:1rem}.skip:focus{top:0}.article-list{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.article-list article{border-top:2px solid var(--navy);padding:1.5rem 0}.article-list h2{margin:.5rem 0 1rem;font-size:2rem}.article-meta{font-size:.9375rem;color:var(--muted)}.article-main{max-width:780px}.article-main .prose{padding:3rem 0}.article-sources{border-top:1px solid var(--line);padding-top:2rem;margin-bottom:3rem;overflow-wrap:anywhere}@media(max-width:900px){.hero-grid{gap:2.5rem;grid-template-columns:1.2fr 1fr}.nav-inner{flex-wrap:wrap;gap:.5rem 1rem;padding:1rem 0}.nav nav{order:3;flex-basis:100%;justify-content:space-between;margin:0;gap:1rem}.nav .button{margin-left:auto}.offers{grid-template-columns:1fr}.offers article{border-right:0;border-bottom:1px solid var(--line)}.about-grid{gap:2.5rem}.closing-inner{align-items:flex-start;flex-direction:column}}@media(max-width:640px){.wrap{width:calc(100% - 2.5rem)}.hero{padding-top:2.5rem;padding-bottom:3rem}.hero-grid,.about-grid,.article-list{grid-template-columns:1fr}.hero h1{font-size:3.15rem}.hero-aside{margin-top:1rem}.page-heading{padding-top:3rem}.nav nav{overflow-x:auto}.nav nav a{white-space:nowrap}.footer{flex-direction:column}.about-grid figure{max-width:25rem}.prose table{display:block;overflow-x:auto}.closing{padding:3rem 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Composition: variance 7, motion 3, density 6. Palette and fonts from site.css unchanged. */
html { scroll-padding-top: 9rem; }
body { overflow-wrap: break-word; }
.wrap { width: min(1180px, calc(100% - 4rem)); }
.nav-inner { gap: 1.5rem; }
.nav nav { gap: 1.5rem; }
.nav nav a { display: inline-flex; align-items: center; min-height: 44px; }
.nav nav a[aria-current] { text-decoration: underline; text-decoration-thickness: 2px; text-underline-offset: .55em; }
.button { min-height: 48px; gap: 1rem; line-height: 1.4; transition: background-color .16s ease; }
.button > span[aria-hidden] { flex-shrink: 0; }
.text-link { width: fit-content; min-height: 44px; padding-block: .5rem; }
.hero { padding-block: 3.5rem; }
.hero-grid { grid-template-columns: 1.08fr 1fr; gap: 4rem; align-items: center; }
.hero-copy, .hero-grid > *, .closing-inner > *, .about-grid > * { min-width: 0; }
.hero .eyebrow { font-size: .78rem; margin-bottom: 1.25rem; }
.hero h1 { font-size: clamp(3.1rem, 5.45vw, 4.8rem); line-height: 1.04; margin: 0 0 1.6rem; }
.hero .lead { font-size: 1.0625rem; line-height: 1.65; max-width: 46ch; margin-bottom: 1.5rem; }
.hero .button { font-size: .9375rem; }
.hero .text-link { font-size: .9375rem; margin-top: .6rem; }
/* Service-scope diagram using actual deliverables, not a simulated product screenshot. */
.dossier { background: var(--halo); border: 1px solid var(--line); border-radius: 2px; }
.dossier-heading { background: var(--navy); border-top: 4px solid var(--accent); padding: 1.7rem 2rem 2rem; }
.dossier-heading > p { color: #d1d9e6; font-size: .8125rem; margin: 0 0 1rem; }
.dossier-heading h2 { color: var(--paper); font-size: clamp(1.7rem, 2.6vw, 2.25rem); line-height: 1.15; margin: 0; }
.dossier-pieces { list-style: none; margin: 0; padding: .4rem 1.6rem; }
.dossier-pieces li { display: grid; grid-template-columns: 5.2rem minmax(0, 1fr); gap: 1rem; padding: 1.25rem 0; align-items: start; }
.dossier-pieces li + li { border-top: 1px solid var(--line); }
.piece-label { font-size: .72rem; font-weight: 700; line-height: 1.4; color: var(--accent); padding-top: .3rem; }
.dossier-pieces h3 { font-size: 1.0625rem; letter-spacing: -.025em; line-height: 1.3; margin: 0 0 .4rem; }
.dossier-pieces p { color: var(--muted); font-size: .875rem; line-height: 1.6; margin: 0; }
.dossier-note { margin: 0; border-top: 1px solid var(--line); padding: 1rem 1.6rem; font-size: .8125rem; font-weight: 600; }
.service-strip { background: var(--halo); border-block: 1px solid var(--line); }
.service-strip > .wrap { padding-block: 1.1rem; }
.service-strip .wrap > span { font-size: .8125rem; color: var(--muted); display: block; margin-bottom: .3rem; }
.service-strip .wrap > div { display: flex; justify-content: space-between; gap: 1rem; flex-wrap: wrap; }
.service-strip a { display: inline-flex; align-items: center; min-height: 44px; gap: 1.5rem; font-size: .9375rem; font-weight: 600; text-decoration: none; }
.service-strip a:hover { text-decoration: underline; color: var(--accent); }
.section-intro { max-width: 49rem; }
.section-intro h2 { margin: 0 0 1.2rem; font-size: clamp(1.9rem, 3.15vw, 2.8rem); line-height: 1.12; max-width: 24ch; }
.section-intro > p { margin: 0; color: var(--muted); max-width: 65ch; }
.home-context { padding-block: 4rem; }
.situations { display: grid; grid-template-columns: 1fr 1fr; margin-top: 2rem; border-block: 1px solid var(--line); }
.situations article { padding: 1.75rem 2.25rem 1.75rem 0; }
.situations article + article { padding-left: 2.25rem; border-left: 1px solid var(--line); }
.situations h3 { font-size: 1.25rem; margin: 0 0 .65rem; }
.situations p { margin: 0; max-width: 44ch; font-size: 1rem; color: var(--muted); }
.home-method { padding: 0 0 4rem; }
.responsibilities { display: grid; grid-template-columns: 1fr 1fr; margin-top: 2rem; background: var(--halo); border: 1px solid var(--line); }
.responsibilities article { padding: 2rem; }
.responsibilities article + article { background: var(--paper); border-left: 1px solid var(--line); border-top: 3px solid var(--accent); padding-top: calc(2rem - 3px); }
.responsibilities h3 { font-size: 1.6rem; margin: 0 0 1.25rem; }
.responsibilities ul { margin: 0; padding-left: 1.15rem; }
.responsibilities li { padding: .35rem 0 .35rem .3rem; font-size: 1rem; }
.responsibilities li::marker { color: var(--accent); }
.home-method > p:last-child { margin: .8rem 0 0; }
.home-offers { padding-bottom: 3rem; }
.offer-paths { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border-block: 1px solid var(--line); margin-top: 2rem; }
.offer-path { display: flex; flex-direction: column; padding: 1.8rem 1.5rem; text-decoration: none; min-width: 0; transition: background-color .16s ease; }
.offer-path:first-child { padding-left: 0; }
.offer-path + .offer-path { border-left: 1px solid var(--line); }
.offer-path:hover { background: var(--halo); }
.offer-volume { display: flex; align-items: baseline; gap: .7rem; font-size: 3.75rem; font-weight: 800; letter-spacing: -.06em; line-height: 1.1; margin-bottom: 1.6rem; }
.offer-volume > span { font-weight: 500; letter-spacing: 0; font-size: .875rem; color: var(--muted); }
.offer-path-name { display: flex; justify-content: space-between; align-items: center; font-size: 1.0625rem; font-weight: 700; gap: .5rem; }
.offer-path-name > span { color: var(--accent); font-size: 1.5rem; }
.offer-path-detail { color: var(--muted); font-size: .875rem; margin-top: .5rem; }
.other-sector { font-size: .9375rem; color: var(--muted); margin: 1.25rem 0 0; }
.urgent-section { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; align-items: center; border: 1px solid var(--line); border-left: 4px solid var(--accent); background: var(--halo); padding: 2rem; margin-bottom: 4rem; }
.urgent-section h2 { font-size: 1.7rem; margin: 0 0 1rem; max-width: 28ch; }
.urgent-section p { font-size: .9375rem; max-width: 65ch; margin: 0; }
.urgent-section .button { font-size: .875rem; white-space: nowrap; }
.page-heading { padding-block: 3rem 2.5rem; }
.page-heading h1 { font-size: clamp(2.4rem, 5vw, 4.5rem); margin: .5rem 0 1.3rem; }
.page-heading .lead { font-size: 1.125rem; margin-bottom: 0; }
.page-heading .eyebrow { font-size: .78rem; margin-bottom: 1.25rem; }
.content-section { padding-block: 2.5rem 4rem; }
.service-layout { display: grid; grid-template-columns: 15rem minmax(0, 1fr); gap: 4rem; align-items: start; }
.service-index { position: sticky; top: 7rem; background: var(--halo); border-top: 3px solid var(--accent); padding: 1rem 1.2rem; }
.service-index p { margin: 0 0 .75rem; font-weight: 700; font-size: .9375rem; }
.service-index a { display: flex; justify-content: space-between; align-items: center; min-height: 48px; padding-block: .5rem; gap: .5rem; text-decoration: none; font-size: .8125rem; }
.service-index a:hover { color: var(--accent); text-decoration: underline; }
.service-step { padding: 0 0 2rem; margin-bottom: 2rem; border-bottom: 1px solid var(--line); scroll-margin-top: 1rem; }
.services-prose .service-step h2 { margin-top: 0; font-size: clamp(1.6rem, 2.6vw, 2.15rem); }
.services-prose .service-step p:last-child { margin-bottom: 0; }
.services-prose .service-step:last-child { border-bottom: 0; margin-bottom: 0; padding-bottom: 0; }
.offers article { display: flex; flex-direction: column; padding: 2rem 1.75rem; }
.offers article > .eyebrow { display: none; }
.offers article > p:has(strong) { order: -1; font-size: 2.3rem; line-height: 1.2; color: var(--accent); letter-spacing: -.045em; margin-bottom: 1rem; }
.offers h2 { font-size: 1.5rem; margin: 0 0 1rem; }
.offers a { display: flex; align-items: center; min-height: 44px; margin-top: auto; }
.about-grid { gap: 4rem; }
.about-grid figure { position: sticky; top: 7rem; align-self: start; }
.about-grid .prose h2 { font-size: clamp(1.65rem, 2.8vw, 2.3rem); }
.closing { padding-block: 3rem; }
.closing-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3rem; }
.closing .eyebrow { text-transform: none; letter-spacing: 0; font-size: .875rem; }
.closing h2 { font-size: clamp(2rem, 3.2vw, 2.8rem); }
.closing p:last-child { margin-bottom: 0; }
.closing .button.light { max-width: 23rem; font-size: 1rem; line-height: 1.55; }
.footer nav { display: grid; grid-template-columns: repeat(2, auto); column-gap: 2rem; row-gap: .25rem; }
.footer nav a, .footer button { display: flex; align-items: center; min-height: 44px; text-align: left; }
.consent { max-height: calc(100dvh - 2rem); overflow-y: auto; overscroll-behavior: contain; }
.consent button { min-height: 44px; }
@media (max-width: 1024px) {
  .hero-grid { gap: 2.5rem; }
  .dossier-heading { padding: 1.5rem; }
  .dossier-pieces { padding-inline: 1.2rem; }
  .dossier-pieces li { grid-template-columns: 4.25rem minmax(0, 1fr); gap: .8rem; }
  .service-layout { grid-template-columns: 13rem minmax(0, 1fr); gap: 2.5rem; }
  .urgent-section { gap: 1.5rem; }
  .urgent-section .button { white-space: normal; max-width: 16rem; }
}
@media (max-width: 900px) {
  .nav-inner { flex-wrap: nowrap; gap: 1rem; padding-block: .65rem; min-height: 4.5rem; }
  .nav nav { order: initial; flex-basis: auto; margin-left: auto; gap: 1rem; }
  .nav nav a { font-size: .8125rem; }
  .nav .button.compact { font-size: .8125rem; padding: .7rem .8rem; gap: .6rem; margin-left: 0; }
  .brand { font-size: 1.35rem; }
  .hero h1 { font-size: clamp(2.6rem, 5.7vw, 3.5rem); }
  .hero-grid { gap: 1.5rem; }
  .hero .button { font-size: .8125rem; padding-inline: 1rem; }
  .dossier-heading h2 { font-size: 1.7rem; }
  .dossier-pieces li { grid-template-columns: 1fr; gap: .5rem; padding-block: 1rem; }
  .piece-label { padding-top: 0; }
  .dossier-note { padding-inline: 1.2rem; }
  .offers article { border-right: 0; padding: 1.5rem; }
  .offers article:last-child { border-bottom: 0; }
  .service-layout { grid-template-columns: 1fr; gap: 2.5rem; }
  .service-index { position: static; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .3rem 1.5rem; }
  .service-index p { grid-column: 1 / -1; }
  .closing-inner { grid-template-columns: 1fr; gap: 1.5rem; }
  .about-grid { grid-template-columns: .8fr 1.2fr; gap: 2rem; }
}
@media (max-width: 700px) {
  .wrap { width: calc(100% - 2.5rem); }
  .nav-inner { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: .1rem 1rem; padding-block: .5rem .25rem; }
  .nav nav { grid-column: 1 / -1; grid-row: 2; width: 100%; margin: 0; justify-content: space-between; gap: .5rem; overflow: visible; }
  .nav nav a { font-size: .875rem; padding-inline: .1rem; }
  .nav .button.compact { min-height: 44px; }
  .nav .brand { width: fit-content; }
  .hero { padding-block: 2rem; }
  .hero-grid { grid-template-columns: 1fr; gap: 2rem; }
  .hero h1 { font-size: clamp(2.35rem, 10.4vw, 3.5rem); max-width: 16ch; margin-bottom: 1.25rem; }
  .hero .eyebrow { font-size: .6875rem; letter-spacing: .12em; margin-bottom: 1.15rem; }
  .hero .lead { font-size: 1rem; line-height: 1.6; }
  .hero .button { font-size: .875rem; min-height: 52px; width: 100%; justify-content: space-between; }
  .hero .text-link { font-size: .875rem; }
  .dossier-heading { padding: 1.4rem; }
  .dossier-heading h2 { font-size: 1.8rem; }
  .dossier-pieces li { grid-template-columns: 4.3rem minmax(0, 1fr); gap: .85rem; padding-block: 1.2rem; }
  .dossier-pieces h3 { font-size: 1rem; }
  .service-strip .wrap > div { display: grid; grid-template-columns: 1fr 1fr; gap: .1rem .5rem; }
  .service-strip a { font-size: .8125rem; }
  .service-strip .wrap > span { margin-bottom: .5rem; }
  .home-context { padding-block: 2.75rem; }
  .section-intro h2 { font-size: 1.9rem; max-width: 24ch; }
  .section-intro p { font-size: 1rem; }
  .situations { grid-template-columns: 1fr; margin-top: 1.5rem; }
  .situations article { padding: 1.25rem 0; }
  .situations article + article { border-left: 0; border-top: 1px solid var(--line); padding: 1.25rem 0; }
  .home-method { padding-bottom: 2.75rem; }
  .responsibilities { grid-template-columns: 1fr; margin-top: 1.5rem; }
  .responsibilities article { padding: 1.5rem; }
  .responsibilities article + article { border-left: 0; padding-top: calc(1.5rem - 3px); }
  .responsibilities h3 { font-size: 1.45rem; }
  .responsibilities li { font-size: .9375rem; }
  .offer-paths { grid-template-columns: 1fr; margin-top: 1.5rem; }
  .offer-path { display: grid; grid-template-columns: 5.5rem minmax(0, 1fr); column-gap: 1.2rem; padding: 1.25rem 0; }
  .offer-path + .offer-path { border-left: 0; border-top: 1px solid var(--line); }
  .offer-volume { grid-row: span 2; flex-direction: column; gap: .3rem; font-size: 2.75rem; margin-bottom: 0; }
  .offer-volume > span { font-size: .75rem; }
  .offer-path-name { font-size: 1rem; }
  .home-offers { padding-bottom: 2.5rem; }
  .urgent-section { grid-template-columns: 1fr; padding: 1.5rem; margin-bottom: 2.75rem; gap: 1.25rem; }
  .urgent-section h2 { font-size: 1.5rem; }
  .urgent-section .button { max-width: none; width: 100%; font-size: .8125rem; padding-inline: 1rem; }
  .page-heading { padding-block: 2.5rem 2rem; }
  .page-heading h1 { font-size: clamp(2.15rem, 8.7vw, 3.25rem); }
  .page-heading .lead { font-size: 1rem; }
  .content-section { padding-block: 2rem 3rem; }
  .prose h2 { font-size: 1.65rem; }
  .prose p, .prose li { line-height: 1.7; }
  .prose { font-size: 1rem; min-width: 0; }
  .prose .button { max-width: 100%; font-size: .875rem; }
  .service-index { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .25rem 1rem; }
  .service-index a { font-size: .75rem; }
  .service-step { padding-bottom: 1.5rem; margin-bottom: 1.5rem; }
  .services-prose .service-step h2 { font-size: 1.65rem; }
  .about-grid { grid-template-columns: 1fr; gap: 2rem; }
  .about-grid figure { position: static; width: min(100%, 25rem); }
  .about-grid img { aspect-ratio: 6 / 5; object-position: center 25%; }
  .closing .button.light { max-width: 100%; width: 100%; font-size: .9375rem; }
  .footer { flex-direction: column; gap: 1.5rem; padding-block: 2.5rem; }
  .footer nav { grid-template-columns: 1fr; gap: 0; }
  .consent { right: .75rem; bottom: .75rem; width: calc(100% - 1.5rem); max-height: calc(100dvh - 1.5rem); padding: 1.15rem; font-size: .9375rem; }
}
@media (prefers-reduced-motion: reduce) {
  .button, .offer-path { transition: none; }
}

/* Interior pages: calmer hierarchy and a more editorial reading rhythm. */
body:not([data-page="accueil"]) .page-heading {
  padding-block: clamp(2.35rem, 5vw, 4rem) clamp(2rem, 4vw, 3rem);
}
body:not([data-page="accueil"]) .page-heading h1 {
  max-width: 22ch;
  font-size: clamp(2.35rem, 4.7vw, 3.8rem);
  line-height: 1.04;
  text-wrap: balance;
}
body:not([data-page="accueil"]) .page-heading .lead {
  max-width: 65ch;
  line-height: 1.65;
}
body:not([data-page="accueil"]) .content-section {
  padding-block: clamp(2.5rem, 5vw, 4rem) clamp(3.5rem, 7vw, 5.5rem);
}
body:not([data-page="accueil"]) .prose {
  max-width: 68ch;
}
body:not([data-page="accueil"]) .prose p,
body:not([data-page="accueil"]) .prose li {
  line-height: 1.75;
}
body:not([data-page="accueil"]) .prose h2 {
  text-wrap: balance;
}

body:not([data-page="accueil"]) .service-layout {
  grid-template-columns: minmax(12rem, 15rem) minmax(0, 68ch);
  gap: clamp(2rem, 5vw, 4rem);
}
body:not([data-page="accueil"]) .service-step {
  padding-bottom: 2.35rem;
  margin-bottom: 2.35rem;
}

/* Keep offer choices distinct without repeating three identical card towers. */
body:not([data-page="accueil"]) .offers {
  grid-template-columns: 1.15fr .925fr .925fr;
  gap: 1px;
  border: 0;
  background: var(--line);
  margin-block: 2.5rem 3.5rem;
}
body:not([data-page="accueil"]) .offers article {
  min-width: 0;
  min-height: 100%;
  padding: 2.15rem 1.8rem 2rem;
  border: 0;
  background: var(--paper);
}
body:not([data-page="accueil"]) .offers article:first-child {
  border-top: 4px solid var(--accent);
  padding-top: calc(2.15rem - 4px);
}
body:not([data-page="accueil"]) .offers article:last-child {
  background: var(--halo);
}
body:not([data-page="accueil"]) .offers article > p:has(strong) {
  font-size: 2rem;
}

body:not([data-page="accueil"]) .article-list {
  gap: clamp(2.5rem, 5vw, 4rem);
}
body:not([data-page="accueil"]) .article-list article {
  padding-block: 1.8rem 2rem;
}
body:not([data-page="accueil"]) .article-list h2 {
  text-wrap: balance;
}

body:not([data-page="accueil"]) .tool-heading {
  padding-block: clamp(2rem, 4vw, 3rem) 1.8rem;
}
body:not([data-page="accueil"]) .tool-heading h1 {
  max-width: 22ch;
  font-size: clamp(2.25rem, 4.5vw, 3.65rem);
  line-height: 1.06;
}
body:not([data-page="accueil"]) .tool-list {
  margin-bottom: clamp(3rem, 6vw, 5rem);
}
body:not([data-page="accueil"]) .tool-list a {
  padding-block: 1.9rem;
}

@media (max-width: 700px) {
  body:not([data-page="accueil"]) .page-heading h1,
  body:not([data-page="accueil"]) .tool-heading h1 {
    font-size: clamp(2.1rem, 9vw, 3rem);
    line-height: 1.08;
  }
  body:not([data-page="accueil"]) .content-section {
    padding-block: 2.25rem 3.5rem;
  }
  body:not([data-page="accueil"]) .offers {
    grid-template-columns: 1fr;
    margin-block: 2rem 3rem;
  }
  body:not([data-page="accueil"]) .offers article,
  body:not([data-page="accueil"]) .offers article:first-child {
    border-top: 0;
    padding: 1.55rem 1.35rem 1.65rem;
  }
  body:not([data-page="accueil"]) .offers article:first-child {
    border-left: 4px solid var(--accent);
    padding-left: calc(1.35rem - 4px);
  }
  body:not([data-page="accueil"]) .service-layout {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
}

@media (max-width: 380px) {
  body:not([data-page="accueil"]) .page-heading,
  body:not([data-page="accueil"]) .tool-heading {
    padding-top: 1.8rem;
  }
  body:not([data-page="accueil"]) .page-heading h1,
  body:not([data-page="accueil"]) .tool-heading h1 {
    font-size: 2.05rem;
  }
  body:not([data-page="accueil"]) .page-heading .lead,
  body:not([data-page="accueil"]) .tool-heading .lead {
    font-size: 1rem;
  }
}
.consent { border: 1px solid var(--line); border-radius: 12px; box-shadow: 0 12px 48px #0a1f4426; }
.consent .consent-title { margin: 0 0 .65rem; color: var(--navy); font-size: 1.2rem; font-weight: 750; line-height: 1.3; }
.consent p { margin-bottom: .75rem; line-height: 1.55; }
.consent .consent-details { display: inline-block; margin-bottom: 1rem; font-size: .875rem; }
.consent .consent-actions { display: grid; grid-template-columns: 1fr 1fr; gap: .65rem; }
.consent button { min-width: 0; min-height: 46px; border-radius: 6px; font-weight: 650; font-size: .9375rem; background: var(--navy); color: white; }
.consent button:hover { background: #153769; }
.consent button:focus-visible, .consent a:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.consent .consent-note { margin: .85rem 0 0; font-size: .75rem; color: var(--muted); line-height: 1.5; }
.consent button.consent-refuse { display: block; margin: .35rem auto 0; padding: .55rem 1rem; background: transparent; border-color: transparent; color: var(--navy); text-decoration: underline; text-underline-offset: .2em; }
.consent button.consent-refuse:hover { background: var(--halo); }
.cookie-options { margin-top: .75rem; padding-top: 1rem; border-top: 1px solid var(--line); font-size: .875rem; }
.cookie-option { display: flex; align-items: flex-start; gap: .65rem; margin: 1rem 0; cursor: pointer; }
.cookie-option input { width: 20px; height: 20px; flex-shrink: 0; accent-color: var(--navy); }
.cookie-options > button { width: 100%; }
.prose .article-figure { width: 100%; margin: 2rem 0; }
.prose .article-figure img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 3 / 2; border-radius: 8px; }
.prose .article-figure figcaption { margin-top: .65rem; color: var(--muted); font-size: .875rem; line-height: 1.55; }

/* OFFREA studio direction: marine-led, editorial B2B. Loaded after the shared layout. */
:root{--studio-marine:#0a1f44;--studio-orange:#c84420;--studio-ink:#f5f7fb;--studio-muted:#b8c6d9;--studio-line:rgba(232,239,248,.2);--studio-paper:#f5f7fb}
body[data-page="accueil"]{background:var(--studio-marine);color:var(--studio-ink);font-family:Inter,Arial,system-ui,sans-serif}
body[data-page="accueil"] .nav{background:var(--studio-marine);border-color:var(--studio-line)}
body[data-page="accueil"] .brand,body[data-page="accueil"] .nav nav a{color:var(--studio-ink)}
body[data-page="accueil"] .nav nav a:hover,body[data-page="accueil"] .nav nav a[aria-current]{color:var(--studio-orange)}
body[data-page="accueil"] h1,body[data-page="accueil"] h2,body[data-page="accueil"] h3{color:var(--studio-ink)}
body[data-page="accueil"] .hero{padding-block:3rem 4rem;position:relative;overflow:hidden}
body[data-page="accueil"] .hero:before{content:"";position:absolute;inset:0 -10%;pointer-events:none;opacity:.3;background:linear-gradient(115deg,transparent 0 52%,rgba(200,68,32,.15) 52% 52.2%,transparent 52.2%),radial-gradient(circle at 85% 10%,rgba(255,255,255,.12),transparent 31%)}
body[data-page="accueil"] .hero-grid{position:relative;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:3rem;align-items:center}
body[data-page="accueil"] .hero .eyebrow{color:#d9e4f1;font-size:.75rem;letter-spacing:.18em}
body[data-page="accueil"] .hero h1{font-size:clamp(3rem,5.4vw,4.8rem);line-height:.96;letter-spacing:-.07em;margin:.2rem 0 1.8rem;max-width:none}
body[data-page="accueil"] .hero h1 em{color:var(--studio-orange)}
body[data-page="accueil"] .hero .lead{color:#d4dfec;max-width:42ch;font-size:1.1rem}
body[data-page="accueil"] .button{background:var(--studio-orange);border-color:var(--studio-orange);color:#fff;border-radius:0;box-shadow:6px 6px 0 rgba(200,68,32,.22)}
body[data-page="accueil"] .button:hover{background:var(--studio-marine);border-color:var(--studio-marine);transform:translate(-2px,-2px);box-shadow:8px 8px 0 rgba(200,68,32,.22)}
body[data-page="accueil"] .hero .text-link{color:#f4f7fb}
body[data-page="accueil"] .hero-explorer{width:100%;max-width:600px}
body[data-page="accueil"] .hero-explorer .decp-explorer{margin:0;border:1px solid rgba(232,239,248,.22);box-shadow:14px 14px 0 rgba(0,0,0,.16)}
body[data-page="accueil"] .home-content{width:min(1180px,calc(100% - 3.5rem))}
body[data-page="accueil"] .service-strip{background:#081a39;border-color:var(--studio-line)}
body[data-page="accueil"] .service-strip .wrap>span{color:var(--studio-muted)}
body[data-page="accueil"] .service-strip a{color:var(--studio-ink)}
body[data-page="accueil"] .service-strip a:hover{color:var(--studio-orange)}
body[data-page="accueil"] .home-context,body[data-page="accueil"] .home-method{padding-block:clamp(4rem,8vw,8rem);border-bottom:1px solid var(--studio-line)}
body[data-page="accueil"] .section-intro{display:block;max-width:49rem}
body[data-page="accueil"] .section-intro h2{font-size:clamp(2rem,3.4vw,3.5rem);letter-spacing:-.065em;line-height:.98;margin:0 0 1.4rem;max-width:25ch}
body[data-page="accueil"] .section-intro p{color:var(--studio-muted);line-height:1.75;max-width:62ch}
body[data-page="accueil"] .situations,body[data-page="accueil"] .responsibilities{background:transparent;border-top:1px solid var(--studio-line);margin-top:clamp(3rem,6vw,5rem)}
body[data-page="accueil"] .situations article,body[data-page="accueil"] .responsibilities article{padding:2rem 2rem 2rem 0;background:transparent}
body[data-page="accueil"] .situations article+article,body[data-page="accueil"] .responsibilities article+article{border-color:var(--studio-line);padding-left:2rem}
body[data-page="accueil"] .situations h3,body[data-page="accueil"] .responsibilities h3{font-size:1.5rem;margin:0 0 .8rem}
body[data-page="accueil"] .situations p,body[data-page="accueil"] .responsibilities li{color:var(--studio-muted)}
body[data-page="accueil"] .responsibilities article+article{border-top:3px solid var(--studio-orange);border-left:0}
body[data-page="accueil"] .responsibilities ul{margin:0;padding-left:1.2rem}
body[data-page="accueil"] .home-content a{color:#fff}
body[data-page="accueil"] .home-content .text-link{display:inline-block;margin-top:2rem}
body[data-page="accueil"] .home-offers{padding-block:clamp(4rem,8vw,8rem);border-bottom:1px solid var(--studio-line)}
body[data-page="accueil"] .offer-paths{display:grid;grid-template-columns:1fr;border-top:1px solid var(--studio-line);margin-top:3rem}
body[data-page="accueil"] .offer-paths>*{border-left:0!important}
body[data-page="accueil"] .offer-path{border-bottom:1px solid var(--studio-line);color:var(--studio-ink);display:grid;grid-template-columns:7rem minmax(0,1fr) minmax(12rem,.7fr);gap:1rem;align-items:center;padding:1.7rem 0;text-decoration:none}
body[data-page="accueil"] .offer-path:hover{background:rgba(255,255,255,.05);padding-inline:1rem}
body[data-page="accueil"] .offer-volume{color:var(--studio-orange);font-size:3.6rem;font-weight:800;letter-spacing:-.08em;line-height:1}
body[data-page="accueil"] .offer-volume>span{display:block;color:var(--studio-muted);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
body[data-page="accueil"] .offer-path-name{font-weight:700;font-size:1.1rem}body[data-page="accueil"] .offer-path-detail{color:var(--studio-muted);font-size:.9rem}
body[data-page="accueil"] .other-sector{color:var(--studio-muted);margin:2rem 0 0}body[data-page="accueil"] .other-sector a{color:#fff}
body[data-page="accueil"] .urgent-section{background:#081a39;border:1px solid var(--studio-line);border-left:4px solid var(--studio-orange);margin-block:clamp(3rem,7vw,7rem);padding:clamp(1.5rem,4vw,3rem)}
body[data-page="accueil"] .urgent-section h2{margin:0 0 .8rem}body[data-page="accueil"] .urgent-section p{color:var(--studio-muted)}
body[data-page="accueil"] .closing{background:#071730;border-top:1px solid var(--studio-line)}
body[data-page="accueil"] .closing h2{color:#fff}body[data-page="accueil"] .closing .eyebrow{color:#b8c6d9}body[data-page="accueil"] .closing p{color:#d4dfec}
body[data-page="accueil"] .closing .button.light{background:#fff;color:var(--studio-marine);border-color:#fff;box-shadow:none}
body[data-page="accueil"] .footer{color:var(--studio-ink)}
body[data-page="accueil"] .footer p,body[data-page="accueil"] .footer nav a,body[data-page="accueil"] .footer button{color:var(--studio-muted)}
body[data-page="accueil"] [data-studio-reveal]{opacity:1;transform:none}
body[data-page="accueil"] [data-studio-reveal].is-visible{animation:studio-rise .7s ease both}
@keyframes studio-rise{from{opacity:.7;transform:translateY(10px)}to{opacity:1;transform:none}}
body[data-page="accueil"] .hero-grid{align-items:start}
body[data-page="accueil"] .hero-copy{padding-top:2rem}
body[data-page="accueil"] .offer-volume{display:block;margin:0;grid-row:auto}
body[data-page="accueil"] .offer-volume>span{margin-top:.4rem}
body[data-page="accueil"] .home-context,body[data-page="accueil"] .home-method,body[data-page="accueil"] .home-offers{padding-block:clamp(3rem,6vw,6rem)}
@media(min-width:1280px){body[data-page="accueil"] .hero{width:min(1280px,calc(100% - 3.5rem))}}
@media(max-width:900px){body[data-page="accueil"] .hero-grid{grid-template-columns:1fr;gap:3rem}body[data-page="accueil"] .hero-explorer{max-width:600px;margin-left:auto}body[data-page="accueil"] .offer-path{grid-template-columns:6rem 1fr}body[data-page="accueil"] .offer-path-detail{grid-column:2}}
@media(max-width:640px){body[data-page="accueil"] .wrap,body[data-page="accueil"] .home-content{width:calc(100% - 2.5rem)}body[data-page="accueil"] .hero h1{font-size:clamp(2.35rem,10.4vw,3.5rem)}body[data-page="accueil"] .offer-path{grid-template-columns:5rem 1fr;padding-block:1.3rem}body[data-page="accueil"] .offer-volume{font-size:2.7rem}body[data-page="accueil"] .situations article,body[data-page="accueil"] .responsibilities article{padding-inline:0!important}body[data-page="accueil"] .situations article+article,body[data-page="accueil"] .responsibilities article+article{border-left:0!important;border-top:1px solid var(--studio-line);padding-top:1.5rem!important}body[data-page="accueil"] .urgent-section{grid-template-columns:1fr!important}body[data-page="accueil"] .urgent-section .button{width:100%;max-width:none}}
@media(prefers-reduced-motion:reduce){body[data-page="accueil"] [data-studio-reveal].is-visible{animation:none}body[data-page="accueil"] .button,body[data-page="accueil"] .offer-path{transition:none}}

/* One OFFREA header across the marketing site, articles and working tools. */
.nav { background:var(--navy); border-bottom:1px solid #ffffff26; color:#fff; }
.nav .brand,.nav nav a { color:#fff; }
.nav .button.compact { color:#fff; background:var(--accent); border-color:var(--accent); box-shadow:none; }
.nav .button.compact:hover { background:#153769; border-color:#153769; transform:none; }
.nav .nav-inner { min-height:80px; gap:1.5rem; }
.nav .desktop-nav { display:flex; gap:1.4rem; flex-wrap:nowrap; margin-left:auto; }
.nav nav a { font-size:.85rem; white-space:nowrap; }
.nav nav a[aria-current] { color:#fff; text-decoration-color:var(--accent); }
.mobile-menu { display:none; }
.page-heading,.tool-heading { background:var(--navy); color:#fff; box-shadow:0 0 0 100vmax var(--navy); clip-path:inset(0 -100vmax); border-color:#ffffff26; }
.page-heading h1,.page-heading a,.tool-heading h1,.tool-heading a { color:#fff; }
.page-heading .lead,.page-heading .eyebrow,.page-heading .article-meta,.tool-heading .lead,.tool-heading .tool-meta,.tool-heading .breadcrumbs { color:#d1d9e6; }
@media(max-width:1050px) {
  .nav .desktop-nav { display:none; }
  .nav .nav-inner { display:flex; flex-wrap:nowrap; gap:1rem; min-height:72px; padding-block:.6rem; }
  .nav .brand { margin-right:auto; font-size:1.35rem; }
  .mobile-menu { display:block; order:3; }
  .mobile-menu summary { min-height:44px; display:flex; align-items:center; cursor:pointer; padding:.5rem .65rem; font-size:.875rem; border:1px solid #ffffff50; list-style:none; }
  .mobile-menu summary::-webkit-details-marker { display:none; }
  .mobile-menu summary::after { content:'+'; font-size:1.25rem; margin-left:.7rem; line-height:1; }
  .mobile-menu[open] summary::after { content:'−'; }
  .nav .mobile-menu nav { position:absolute; inset:100% 0 auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); margin:0; padding:1rem max(1.25rem,calc((100% - 1180px)/2)); background:var(--navy); border-bottom:1px solid #ffffff40; gap:.25rem 2rem; box-shadow:0 16px 24px #0003; }
  .nav .mobile-menu nav a { padding:.5rem; min-height:48px; font-size:1rem; }
  .nav .button.compact { margin:0; font-size:.75rem; padding:.65rem .75rem; min-height:44px; gap:.5rem; }
}
@media(max-width:400px) {
  .nav .nav-inner { gap:.5rem; }
  .nav .brand { font-size:1.12rem; }
  .nav .button.compact { font-size:.68rem; padding:.55rem .6rem; }
  .nav .button.compact span { display:none; }
  .mobile-menu summary { font-size:.75rem; padding:.4rem .5rem; }
  .mobile-menu summary::after { margin-left:.4rem; }
}

.visual-heading{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(2rem,5vw,5rem);align-items:center;padding-top:3rem;padding-bottom:2.5rem}
.visual-heading h1{font-size:clamp(2rem,3.7vw,3.4rem);line-height:1.08;max-width:24ch}
.page-visual{margin:0;min-width:0;align-self:center}
.page-visual img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.page-visual figcaption{border-left:3px solid var(--accent);padding:.7rem 0 .1rem 1rem;margin-top:1rem;font-size:.91rem;color:#fff;line-height:1.5}
.page-visual small{display:block;color:#d1d9e6;font-size:.72rem;margin-top:.35rem}
.visual-heading .lead{font-size:1.08rem}
.tool-heading .eyebrow,.decp-widget-shell .eyebrow{color:#d1d9e6}
@media(max-width:700px){.visual-heading{grid-template-columns:1fr;gap:1.5rem;padding-top:1.7rem;padding-bottom:2rem}.visual-heading h1{font-size:2.15rem}.page-visual img{aspect-ratio:4/3}.page-visual{max-width:32rem;width:100%}}

.guide-start{margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:1px solid var(--line)}
.guide-start h2{font-size:1.25rem;margin:0 0 1rem}
.guide-start>div{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,18rem),1fr));gap:.75rem 2rem}
.guide-start a{font-weight:600;line-height:1.5}
.guide-search{max-width:38rem;margin-bottom:1.5rem}
.guide-search label{display:block;font-weight:600;margin-bottom:.5rem}
.guide-search input{width:100%;box-sizing:border-box;font:inherit;padding:.85rem;border:1px solid var(--muted);background:#fff;color:var(--navy);border-radius:2px}
.guide-search p{font-size:.875rem;color:var(--muted);min-height:1.5em;margin:.4rem 0}
#guide-list>[hidden],.guide-search[hidden]{display:none!important}

/* OFFREA editorial: existing navy/orange identity, print-inspired light canvas.
   Variance 6, motion 2 (interaction only), density 3. No new dependencies. */
.journal-heading,.editorial-heading{padding-block:3rem 2.5rem}
.journal-heading h1{font-size:clamp(2.7rem,5.5vw,4.8rem);line-height:1.02;max-width:20ch;margin:.35em 0}
.journal-content{padding-bottom:5rem}
.journal-tools{display:grid;grid-template-columns:1fr minmax(15rem,.7fr);gap:4rem;border-top:1px solid var(--line);padding-top:2rem;margin-bottom:2rem}
.journal-tools .guide-start{border:0;margin:0;padding:0}
.journal-tools .guide-start>div{display:flex;flex-direction:column;gap:.65rem}
.journal-tools .guide-start a{font-size:.9rem;font-weight:500}
.journal-tools .guide-start summary{font-size:1rem;font-weight:700;cursor:pointer;padding:.8rem 0}
.journal-tools .guide-start nav{display:flex;flex-direction:column;gap:.65rem;padding-block:.7rem}
.journal-tools .guide-start{align-self:start}
.journal-tools .guide-search{align-self:start;margin:0}
.journal-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3rem 2.5rem}
.journal-card{min-width:0;padding-bottom:1.8rem;border-bottom:1px solid var(--line)}
.journal-photo{display:block;overflow:hidden;background:var(--halo);border-radius:4px}
.journal-photo img{display:block;width:100%;height:auto;aspect-ratio:40/21}
.journal-copy{padding-top:1.3rem}
.editorial-topic{font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin:0 0 .8rem}
.journal-copy h2{font-size:clamp(1.45rem,2.1vw,2rem);line-height:1.14;margin:0 0 .9rem;max-width:30ch;text-wrap:balance}
.journal-copy h2 a{text-decoration:none}
.journal-copy h2 a:hover{text-decoration:underline;text-decoration-thickness:1px}
.journal-copy>p:not(.editorial-topic){font-size:1rem;color:var(--muted);max-width:58ch}
.journal-meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;font-size:.85rem;color:var(--muted)}
.journal-meta a{font-weight:650;white-space:nowrap}
.journal-featured{grid-column:1/-1;display:grid;grid-template-columns:1.35fr 1fr;gap:2.5rem;align-items:center;padding-bottom:2.5rem}
.journal-featured .journal-copy{padding:0}
.journal-featured h2{font-size:clamp(1.7rem,2.7vw,2.7rem)}
.article-back{display:inline-block;font-size:.9rem;margin-bottom:1.9rem}
.editorial-heading h1{font-size:clamp(2.1rem,4.3vw,3.75rem);line-height:1.06;max-width:29ch;margin:0 0 1.25rem;text-wrap:balance}
.editorial-heading .lead{max-width:65ch;margin-bottom:1.5rem}
.editorial-byline{display:flex;gap:.7rem 1.5rem;flex-wrap:wrap;align-items:center;font-size:.8rem;color:var(--muted)}
.editorial-byline>span:first-child{font-weight:750;color:var(--navy)}
.editorial-cover{margin-top:0;margin-bottom:3.5rem}
.editorial-cover img{display:block;width:100%;height:auto;aspect-ratio:40/21;border-radius:4px}
.editorial-cover figcaption{padding-top:.65rem;font-size:.75rem;line-height:1.5;text-align:right}
.editorial-layout{display:grid;grid-template-columns:minmax(12rem,15rem) minmax(0,48rem);gap:clamp(2rem,5vw,5rem);align-items:start;padding-bottom:4rem}
.editorial-rail{position:sticky;top:6.5rem;max-height:calc(100dvh - 8rem);overflow:auto;padding-right:.5rem}
.editorial-rail nav>p{font-size:.85rem;font-weight:750;color:var(--navy);padding-top:1rem;border-top:3px solid var(--accent)}
.editorial-rail ol{padding:0;list-style:none;margin:0}
.editorial-rail li{font-size:.8rem;line-height:1.45;margin:.85rem 0}
.editorial-rail a{text-decoration:none;color:var(--muted)}
.editorial-rail a:hover{color:var(--navy);text-decoration:underline}
.mobile-toc{display:none}
.mobile-toc summary{font-weight:700;font-size:.95rem;cursor:pointer;padding:1rem 0;border-block:1px solid var(--line)}
@media(max-width:900px){.desktop-toc{display:none}.mobile-toc{display:block}.mobile-toc nav{padding-block:1rem}}
body:not([data-page="accueil"]) .editorial-reading{min-width:0;max-width:none;width:100%}
.editorial-intro{padding:0 0 1.5rem;border-bottom:1px solid var(--line)}
.editorial-intro>p:first-child{font-size:1.22rem;line-height:1.65;font-weight:500;color:var(--navy)}
.editorial-section{padding-top:2.5rem}
.editorial-section>h2:first-child{font-size:clamp(1.5rem,2.35vw,2.15rem);line-height:1.17;margin:0 0 1.3rem}
.editorial-section p:last-child{margin-bottom:0}
.editorial-reading table{margin:1.7rem 0;background:var(--paper)}
.editorial-reading th{background:var(--halo);font-weight:650;color:var(--navy)}
.editorial-example{margin-top:3rem;background:var(--halo);border-left:3px solid var(--accent);padding:2rem}
.editorial-example blockquote{font-size:1.05rem;margin:1.5rem 0;padding-left:1rem;border-color:var(--line)}
.editorial-process{margin:2rem 0 0;padding:1.75rem;background:var(--halo);border-radius:4px}
.editorial-process h3{margin:0 0 1.3rem;font-size:1.1rem;letter-spacing:-.015em}
.editorial-process ol{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.4rem;list-style:none;padding:0;margin:0;counter-reset:preparation}
.editorial-process li{position:relative;margin:0!important;counter-increment:preparation;border-top:2px solid var(--line);padding-top:.8rem}
.editorial-process li::before{content:counter(preparation,decimal-leading-zero);display:block;color:var(--accent);font-size:.8rem;font-weight:750;margin-bottom:.6rem}
.editorial-process strong{display:block;color:var(--navy);font-size:1rem;line-height:1.3;margin-bottom:.4rem}
.editorial-process span{display:block;color:var(--muted);font-size:.9rem;line-height:1.5}
.editorial-note{border-left:3px solid var(--accent);padding:.5rem 0 .5rem 1.3rem;margin:2rem 0;color:var(--navy)}
.editorial-note p{margin:0}
@media(max-width:640px){
  .editorial-reading table{display:block;overflow:visible}
  .editorial-reading thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
  .editorial-reading tbody,.editorial-reading tr{display:block}
  .editorial-reading tr{padding:.6rem 0;margin-bottom:1rem;border-bottom:1px solid var(--line)}
  .editorial-reading table td{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:.85rem;min-width:0;width:100%;border:0;padding:.5rem 0;font-size:.9rem;overflow-wrap:anywhere}
  .editorial-reading td::before{content:attr(data-label);font-weight:650;color:var(--navy)}
}
.editorial-document{display:grid;grid-template-columns:.9fr 1.1fr;gap:1.75rem;align-items:center;margin:2.5rem 0 .5rem;padding-block:1.75rem;border-block:1px solid var(--line)}
.editorial-document figure{margin:0}
.editorial-document img{display:block;width:100%;height:auto;border-radius:4px}
.editorial-document figcaption{padding-top:.5rem;font-size:.7rem;line-height:1.4}
.editorial-document h3{margin:0 0 .6rem;font-size:1.2rem}
.editorial-document p{font-size:.95rem;font-weight:600;line-height:1.5!important;margin-bottom:.7rem}
.editorial-document ul{margin:0;padding-left:1rem;font-size:.85rem}
.editorial-document li{line-height:1.5!important;margin-bottom:.45rem}
@media(max-width:640px){.journal-heading h1{font-size:2.15rem}.journal-heading .lead{font-size:1rem}.journal-heading{padding-bottom:1.5rem}.journal-tools{padding-top:1rem;margin-bottom:1.25rem;gap:.75rem!important}.journal-tools .guide-search p:empty{display:none}}
@media(max-width:640px){.editorial-document{grid-template-columns:1fr;gap:1rem}.editorial-document figure{max-width:100%}}
@media(max-width:900px){.editorial-layout{grid-template-columns:1fr;gap:1.75rem}.editorial-rail{position:static;max-height:none;padding:0}.editorial-rail ol{display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1.5rem}.editorial-rail li{margin:0}.journal-tools{gap:2rem}.journal-featured{gap:1.5rem}.editorial-cover{margin-bottom:2rem}}
@media(max-width:640px){.journal-heading,.editorial-heading{padding-block:2rem}.journal-tools,.journal-grid,.journal-featured{grid-template-columns:1fr}.journal-grid{gap:2rem}.journal-tools{gap:1.5rem}.journal-featured{gap:0}.journal-featured .journal-copy{padding-top:1.3rem}.journal-copy h2,.journal-featured h2{font-size:1.6rem}.article-back{margin-bottom:1.5rem}.editorial-heading h1{font-size:2.1rem}.editorial-heading .lead{font-size:1.05rem}.editorial-byline{font-size:.75rem;gap:.5rem 1rem}.editorial-cover figcaption{text-align:left}.editorial-rail ol{grid-template-columns:1fr}.editorial-intro>p:first-child{font-size:1.1rem}.editorial-example{padding:1.3rem}.editorial-process{padding:1.3rem}.editorial-process ol{grid-template-columns:1fr;gap:1rem}.editorial-process li{padding-left:2rem}.editorial-process li::before{position:absolute;left:0;top:.9rem}.editorial-section{padding-top:2rem}.editorial-example{margin-top:2rem}.editorial-reading td,.editorial-reading th{padding:.7rem;min-width:8rem}}
