:root {
    --bg: #03101b;
    --bg-deep: #020a12;
    --surface: #071827;
    --surface-2: #0a2031;
    --text: #f4f7f9;
    --muted: #9baeba;
    --cyan: #11bfff;
    --cyan-soft: #5dd6ff;
    --green: #8eea35;
    --line: rgba(128, 177, 201, .24);
    --line-strong: rgba(51, 187, 241, .52);
    --danger: #ffb36a;
    --paper: #f4f7f8;
    --paper-2: #e8f1f4;
    --ink: #0b2534;
    --ink-muted: #526976;
    --light-line: #c7d7de;
    --cyan-deep: #087ba4;
    --max: 1440px;
    --gutter: clamp(20px, 4vw, 64px);
    --header-h: 88px;
    --ease: cubic-bezier(.2, .8, .2, 1);
    --space-xs: 8px;
    --space-s: 16px;
    --space-m: 24px;
    --space-l: 40px;
    --space-xl: 64px;
    --shadow-card: 0 20px 48px rgba(0, 0, 0, .28);
    --shadow-pop: 0 22px 54px rgba(0, 0, 0, .45);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; color-scheme: dark; scroll-padding-top: calc(var(--header-h) + 18px); }
body {
    margin: 0;
    min-width: 320px;
    color: var(--text);
    background:
        radial-gradient(circle at 92% 12%, rgba(0, 145, 216, .08), transparent 26%),
        var(--bg);
    font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    -webkit-font-smoothing: antialiased;
}
body::before {
    content: "";
    position: fixed;
    inset: 0;
    z-index: -1;
    opacity: .18;
    pointer-events: none;
    background-image:
        linear-gradient(rgba(81, 145, 177, .11) 1px, transparent 1px),
        linear-gradient(90deg, rgba(81, 145, 177, .11) 1px, transparent 1px);
    background-size: 80px 80px;
    -webkit-mask-image: linear-gradient(to bottom, black, transparent 60%);
    mask-image: linear-gradient(to bottom, black, transparent 60%);
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
button { color: inherit; }
img { max-width: 100%; display: block; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { text-wrap: balance; }
p { text-wrap: pretty; }
.container { width: min(100%, var(--max)); margin-inline: auto; padding-inline: var(--gutter); }
.skip-link {
    position: fixed; top: 8px; left: 8px; z-index: 999;
    transform: translateY(-150%);
    padding: 10px 16px; color: var(--bg); background: var(--cyan);
}
.skip-link:focus { transform: translateY(0); }
.visually-hidden {
    position: absolute !important;
    width: 1px !important; height: 1px !important;
    padding: 0 !important; margin: -1px !important;
    overflow: hidden !important; clip: rect(0, 0, 0, 0) !important;
    white-space: nowrap !important; border: 0 !important;
}

.site-header {
    position: sticky; top: 0; z-index: 100;
    min-height: var(--header-h);
    border-bottom: 1px solid var(--line);
    background: rgba(3, 16, 27, .82);
    -webkit-backdrop-filter: blur(16px);
    backdrop-filter: blur(16px);
}
@supports not ((-webkit-backdrop-filter: blur(1px)) or (backdrop-filter: blur(1px))) {
    .site-header { background: rgba(3, 16, 27, .97); }
}
.site-header.is-scrolled { box-shadow: 0 14px 40px rgba(0, 0, 0, .22); }
.header-inner { min-height: var(--header-h); display: flex; align-items: center; gap: clamp(16px, 2vw, 36px); }
.brand { display: inline-block; flex: 0 0 auto; }
.brand-logo { width: 100%; height: auto; }
.site-header .brand { width: 132px; }
.site-nav { display: flex; align-self: stretch; align-items: center; gap: clamp(14px, 1.7vw, 30px); margin-left: auto; }
.site-nav a {
    position: relative; display: flex; align-items: center; height: 100%;
    color: #d9e3e8; font-size: .83rem; white-space: nowrap;
}
.site-nav a::after { content: ""; position: absolute; inset: auto 0 -1px; height: 2px; background: var(--cyan); transform: scaleX(0); transform-origin: left; transition: transform .25s var(--ease); }
.site-nav a:hover, .site-nav a.is-active { color: var(--cyan-soft); }
.site-nav a:hover::after, .site-nav a.is-active::after { transform: scaleX(1); }
.site-nav a.nav-strategic { color: var(--cyan-soft); font-weight: 680; }
.header-tools { display: flex; align-items: center; gap: 14px; padding-left: 18px; border-left: 1px solid var(--line); }
.header-account { color: var(--cyan-soft); font-size: .75rem; font-weight: 650; white-space: nowrap; }
.header-account:hover { color: var(--green); }
.site-nav .nav-cta, .site-nav .nav-account { display: none; }

.lang-switch { position: relative; }
.lang-switch summary {
    display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 0 12px;
    border: 1px solid var(--line); background: rgba(6, 24, 38, .55);
    color: #d9e3e8; font-size: .78rem; font-weight: 650; letter-spacing: .06em;
    list-style: none; cursor: pointer; user-select: none; -webkit-user-select: none;
    transition: border-color .2s var(--ease), color .2s, background .2s;
}
.lang-switch summary::-webkit-details-marker { display: none; }
.lang-switch summary::marker { content: ""; }
.lang-switch summary:hover { border-color: var(--line-strong); color: var(--cyan-soft); }
.lang-switch[open] summary { border-color: var(--line-strong); color: var(--cyan-soft); background: rgba(8, 30, 47, .8); }
.lang-globe { flex: 0 0 auto; opacity: .8; }
.lang-caret { flex: 0 0 auto; opacity: .7; transition: transform .25s var(--ease); }
.lang-switch[open] .lang-caret { transform: rotate(180deg); }
.lang-menu {
    position: absolute; top: calc(100% + 8px); right: 0; z-index: 130;
    min-width: 190px; margin: 0; padding: 6px; list-style: none;
    border: 1px solid var(--line-strong); background: rgba(6, 21, 33, .98);
    -webkit-backdrop-filter: blur(18px); backdrop-filter: blur(18px);
    box-shadow: 0 22px 54px rgba(0, 0, 0, .45);
    animation: lang-in .18s var(--ease);
}
@keyframes lang-in { from { opacity: 0; transform: translateY(-6px); } }
.lang-menu li { margin: 0; }
.lang-menu a { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 10px 12px; color: #c4d0d7; font-size: .86rem; }
.lang-menu a:hover, .lang-menu a:focus-visible { background: rgba(17, 191, 255, .1); color: var(--cyan-soft); outline: none; }
.lang-menu a.is-active { color: var(--cyan); }
.lang-menu .lang-code { color: var(--muted); font-size: .68rem; font-weight: 650; letter-spacing: .08em; }
.lang-menu a.is-active .lang-code { color: var(--cyan); }
.button {
    display: inline-flex; justify-content: center; align-items: center; gap: 26px;
    min-height: 56px; padding: 0 28px; border: 1px solid var(--cyan);
    color: #00131e; background: var(--cyan);
    font-weight: 650; font-size: .88rem; letter-spacing: .01em;
    transition: color .25s, background .25s, box-shadow .25s, transform .25s;
}
.button:hover { transform: translateY(-2px); box-shadow: 0 12px 32px rgba(17, 191, 255, .18); background: var(--cyan-soft); }
.button:focus-visible, a:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline: 2px solid var(--green); outline-offset: 3px; }
.button-small { min-height: 42px; padding: 0 18px; gap: 14px; font-size: .74rem; background: transparent; color: var(--cyan); white-space: nowrap; }
.button-small:hover { color: #00131e; background: var(--cyan); }
.button-secondary { color: var(--text); background: rgba(4, 20, 32, .5); }
.button-secondary:hover { color: var(--bg); }
.menu-toggle { display: none; width: 44px; height: 44px; padding: 10px; border: 1px solid var(--line); background: transparent; }
.menu-toggle span { display: block; width: 100%; height: 1px; margin: 5px 0; background: currentColor; }
.menu-toggle b { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); }

.hero { position: relative; min-height: min(600px, calc(100vh - var(--header-h))); overflow: hidden; border-bottom: 1px solid var(--line); }
.hero::after {
    content: ""; position: absolute; inset: auto 0 0; height: 35%;
    background: linear-gradient(to top, var(--bg), transparent); pointer-events: none;
}
.hero-art {
    position: absolute; inset: 0; background: url("../img/belgium-observatory.webp") center / cover no-repeat;
    animation: hero-breathe 12s ease-in-out infinite alternate; transform-origin: 70% 45%;
}
.hero-inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: inherit; }
.hero-copy { width: min(680px, 58%); padding-block: 56px 88px; }
.hero h1 { margin: 0 0 22px; font-size: clamp(2.4rem, 3.4vw, 3.6rem); line-height: 1.05; letter-spacing: -.035em; font-weight: 680; }
.hero p { max-width: 580px; margin-bottom: 30px; color: #c4d0d7; font-size: clamp(1rem, 1.1vw, 1.15rem); line-height: 1.7; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 18px; margin-bottom: 28px; }
.text-link { display: inline-flex; gap: 12px; align-items: center; color: var(--cyan); font-weight: 600; font-size: .84rem; padding-bottom: 5px; border-bottom: 1px solid var(--cyan); }
.text-link:hover { color: var(--green); border-color: var(--green); }

.mission-band { position: relative; border-bottom: 1px solid var(--line); background: rgba(5, 21, 34, .78); }
.mission-band .container { padding-top: 38px; padding-bottom: 42px; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 36px; margin-bottom: 30px; }
.section-heading h2 { max-width: 760px; margin: 0; font-size: clamp(1.4rem, 2vw, 1.95rem); line-height: 1.18; letter-spacing: -.02em; }
.section-heading p { max-width: 520px; margin: 0; color: var(--muted); }
.pillar-grid { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); }
.pillar { position: relative; min-height: 148px; padding: 26px 26px 10px; border-right: 1px solid var(--line); }
.pillar:first-child { padding-left: 0; }
.pillar:last-child { border-right: 0; }
.pillar .index { display: block; margin-bottom: 12px; color: var(--cyan); font-size: .7rem; letter-spacing: .1em; }
.pillar h3 { margin-bottom: 8px; color: var(--cyan-soft); font-size: 1.08rem; }
.pillar p { color: var(--muted); font-size: .84rem; line-height: 1.65; }

.section { padding-block: clamp(56px, 6vw, 92px); border-bottom: 1px solid var(--line); }
.split-layout { display: grid; grid-template-columns: minmax(240px, .8fr) 1.7fr; gap: clamp(40px, 5vw, 84px); }
.sticky-intro { align-self: start; position: sticky; top: calc(var(--header-h) + 32px); padding-left: 30px; border-left: 1px solid var(--cyan); }
.section-index { display: inline-block; margin-bottom: 16px; color: var(--cyan); font-size: .76rem; font-weight: 700; letter-spacing: .12em; }
.section-index::after { content: " —"; }
.sticky-intro h2, .why-lead h2, .editorial-split h2, .publications-preview h2 { font-size: clamp(1.8rem, 2.6vw, 2.9rem); line-height: 1.02; letter-spacing: -.03em; }
.sticky-intro p { color: var(--muted); }
.domain-list { display: grid; grid-template-columns: repeat(2, 1fr); margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.domain-list li { display: flex; align-items: center; min-height: 68px; border-bottom: 1px solid var(--line); font-size: clamp(.98rem, 1.1vw, 1.15rem); }
.domain-list li:nth-child(odd) { padding-right: 36px; }
.domain-list li:nth-child(even) { padding-left: 36px; border-left: 1px solid var(--line); }
.domain-list span { width: 60px; color: var(--cyan); font-size: 1.25em; font-weight: 600; }

.why { background: rgba(3, 12, 21, .5); }
.why-lead { display: grid; grid-template-columns: .85fr 1.15fr; align-items: end; gap: 56px; margin-bottom: 52px; }
.why-lead h2 { margin-bottom: 0; }
.why-lead > p { margin-bottom: 6px; padding-left: 34px; border-left: 1px solid var(--cyan); font-size: clamp(1.15rem, 1.5vw, 1.5rem); line-height: 1.5; }
.reason-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.reason { min-height: 168px; padding: 32px clamp(20px, 3vw, 44px); border-right: 1px solid var(--line); }
.reason:first-child { padding-left: 0; }
.reason:last-child { border: 0; }
.signal-dot { display: block; width: 8px; height: 8px; margin-bottom: 28px; border-radius: 50%; background: var(--green); box-shadow: 0 0 14px rgba(142, 234, 53, .6); }
.reason h3 { font-size: 1.15rem; }
.reason p { color: var(--muted); font-size: .92rem; }

.principles { border-bottom: 1px solid var(--line); background: var(--surface); }
.principles-inner { display: grid; grid-template-columns: .6fr 2fr; align-items: stretch; min-height: 150px; }
.principles h2 { display: flex; align-items: center; margin: 0; padding-right: 30px; font-size: 1.35rem; border-right: 1px solid var(--line); }
.principles ol { display: grid; grid-template-columns: repeat(4, 1fr); align-items: stretch; margin: 0; padding: 0; list-style: none; }
.principles li { display: flex; align-items: center; gap: 20px; padding: 20px 24px; border-right: 1px solid var(--line); }
.principles li:last-child { border: 0; }
.principles li span { color: var(--cyan); font-size: 1.6rem; }

.editorial-split { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(40px, 6vw, 88px); align-items: center; }
.editorial-split h2 { max-width: 600px; }
.statement { padding: 26px 0 26px 40px; border-left: 1px solid var(--cyan); color: #dbe5ea; font-size: clamp(1.1rem, 1.4vw, 1.4rem); line-height: 1.55; }
.section-heading.row { align-items: center; }
.publication-list { border-top: 1px solid var(--line); }
.publication-row { display: grid; grid-template-columns: 160px 1fr 100px 28px; align-items: center; gap: 28px; min-height: 86px; border-bottom: 1px solid var(--line); transition: background .2s, padding .2s; }
.publication-row:hover { padding-inline: 16px; background: rgba(17, 191, 255, .055); }
.publication-type { color: var(--cyan); font-size: .69rem; text-transform: uppercase; letter-spacing: .08em; }
.publication-row strong { font-size: clamp(1rem, 1.3vw, 1.2rem); font-weight: 550; }
.publication-row time { color: var(--muted); font-size: .77rem; }
.publication-row > span:last-child { color: var(--cyan); font-size: 1.3rem; }
.partnership-cta { padding-block: 58px; border-bottom: 1px solid var(--line); background: linear-gradient(90deg, rgba(8, 29, 46, .95), rgba(4, 17, 28, .95)); }
.cta-inner { display: grid; grid-template-columns: 1fr 1fr auto; align-items: center; gap: 60px; }
.cta-inner h2 { margin: 0; font-size: clamp(1.5rem, 2.1vw, 2.1rem); line-height: 1.12; }
.cta-inner p { margin: 0; color: var(--muted); }
.partnership-cta.compact { margin-top: 0; }

.page-hero { position: relative; min-height: 340px; display: flex; align-items: center; overflow: hidden; border-bottom: 1px solid var(--line); }
.page-hero::after { content: ""; position: absolute; width: min(50vw, 700px); aspect-ratio: 1; right: -8%; top: 10%; border: 1px solid var(--line); border-radius: 50%; box-shadow: inset 0 0 0 8vw rgba(17, 191, 255, .015), inset 0 0 0 16vw rgba(17, 191, 255, .015); }
.page-grid { position: absolute; inset: 0 0 0 45%; opacity: .35; background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px); background-size: 55px 55px; -webkit-mask-image: linear-gradient(90deg, transparent, #000); mask-image: linear-gradient(90deg, transparent, #000); }
.page-hero-inner { position: relative; z-index: 1; padding-block: 60px; }
.breadcrumbs { display: flex; align-items: center; flex-wrap: wrap; gap: 9px; margin-bottom: 24px; color: var(--muted); font-size: .72rem; }
.breadcrumbs a { color: var(--cyan); }
.breadcrumbs a:hover { color: var(--green); }
.page-hero h1 { max-width: 880px; margin-bottom: 22px; font-size: clamp(2.3rem, 4.2vw, 3.9rem); line-height: 1.02; letter-spacing: -.035em; }
.page-hero p { max-width: 720px; margin: 0; color: #bac9d1; font-size: clamp(1rem, 1.2vw, 1.2rem); line-height: 1.65; }
.page-hero .page-updated { margin-top: 24px; color: #78909c; font-size: .72rem; letter-spacing: .04em; text-transform: uppercase; }
.standard-content { border-bottom: 1px solid var(--line); }
.content-list { padding-bottom: 40px; }
.content-callout { display: grid; grid-template-columns: 36px 1fr; gap: 22px; margin-top: 42px; padding: 28px 32px; border: 1px solid var(--line-strong); background: rgba(17, 191, 255, .055); }
.content-callout > span { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid var(--cyan); border-radius: 50%; color: var(--cyan); font-weight: 700; }
.content-callout h2 { margin-bottom: 6px; font-size: 1.05rem; }
.content-callout p { margin: 0; color: #b9c8d0; font-size: .9rem; line-height: 1.7; }
.content-section { display: grid; grid-template-columns: 72px minmax(280px, 1.5fr) minmax(220px, 1fr); gap: clamp(28px, 4.5vw, 72px); padding-block: clamp(40px, 4.5vw, 64px); border-bottom: 1px solid var(--line); }
.content-section:not(:has(ul)) { grid-template-columns: 72px minmax(0, 1fr); }
.content-section:not(:has(ul)) p { max-width: 68ch; }
.content-section:last-child { border-bottom: 0; }
.content-number { color: var(--cyan); font-size: 1.15rem; font-weight: 600; }
.content-section h2 { margin-bottom: 14px; font-size: clamp(1.5rem, 2.2vw, 2.3rem); line-height: 1.08; letter-spacing: -.03em; }
.content-section p { margin: 0; color: #b9c8d0; font-size: 1rem; line-height: 1.75; }
.content-section ul { align-self: start; margin: 8px 0 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.content-section li { position: relative; padding: 14px 0 14px 22px; border-bottom: 1px solid var(--line); color: #dbe4e9; font-size: .9rem; }
.content-section li::before { content: ""; position: absolute; left: 0; top: 22px; width: 6px; height: 6px; border-radius: 50%; background: var(--green); }
.resource-section { padding-block: clamp(52px, 6vw, 84px); }
.resource-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 32px; }
.resource-heading h2 { margin: 0; font-size: clamp(1.8rem, 2.8vw, 3rem); }
.resource-grid { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); }
.resource-card { min-height: 220px; padding: 32px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.resource-card:nth-child(even) { border-right: 0; }
.resource-status { display: inline-block; margin-bottom: 36px; color: var(--cyan); font-size: .68rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.resource-card h3 { margin-bottom: 12px; font-size: clamp(1.2rem, 1.8vw, 1.65rem); line-height: 1.2; }
.resource-card p { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.7; }

.form-page { padding-block: clamp(20px, 2.3vw, 34px); min-height: 680px; border-bottom: 1px solid var(--line); }
.form-layout { display: grid; grid-template-columns: minmax(280px, .72fr) minmax(0, 1.48fr); gap: clamp(40px, 6vw, 88px); align-items: start; }
.form-intro { position: relative; }
.form-intro h1 { font-size: clamp(2.2rem, 3.2vw, 3.3rem); line-height: 1.05; letter-spacing: -.035em; }
.form-intro > p { max-width: 530px; color: #c2d0d7; font-size: 1.04rem; line-height: 1.85; }
.urgent-note { display: flex; gap: 20px; margin-top: 36px; padding: 22px; border: 1px solid rgba(142, 234, 53, .58); background: rgba(48, 100, 17, .08); }
.urgent-note > span { display: grid; place-items: center; flex: 0 0 32px; height: 32px; color: var(--green); border: 1px solid var(--green); border-radius: 50%; font-weight: 800; }
.urgent-note p { margin: 0; font-size: .86rem; }
.form-map { margin-top: 24px; height: 150px; opacity: .45; background: url("../img/belgium-observatory.webp") 62% center / 680px auto no-repeat; -webkit-mask-image: linear-gradient(to bottom, #000, transparent); mask-image: linear-gradient(to bottom, #000, transparent); }
.form-panel { padding: clamp(20px, 1.8vw, 26px); border: 1px solid var(--line); background: rgba(6, 24, 38, .74); box-shadow: 0 28px 80px rgba(0, 0, 0, .2); }
.form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 26px; }
.field { display: grid; gap: 8px; }
.field.full { margin-top: 14px; }
.field label { color: #dce6eb; font-size: .79rem; font-weight: 650; }
.field label span { color: var(--cyan); }
.field input, .field select, .field textarea {
    width: 100%; border: 1px solid rgba(173, 202, 217, .52); border-radius: 0;
    color: var(--text); background: rgba(4, 17, 28, .7);
    padding: 13px 15px; font-size: .88rem; transition: border .2s, box-shadow .2s;
}
.field input, .field select { min-height: 44px; }
.field textarea { resize: vertical; line-height: 1.6; }
#description { height: 110px; min-height: 96px; }
#evidence_notes { height: 72px; min-height: 64px; }
.field input::placeholder, .field textarea::placeholder { color: #738b98; opacity: 1; }
.field input:focus, .field select:focus, .field textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(17, 191, 255, .1); outline: none; }
.field [aria-invalid="true"] { border-color: var(--danger); }
.field-error { margin: 0; color: #ffc59c; font-size: .75rem; line-height: 1.45; }
.check { display: flex; align-items: center; gap: 12px; margin-top: 18px; color: #c7d3d9; font-size: .85rem; cursor: pointer; line-height: 1.35; }
.check input {
    -webkit-appearance: none; appearance: none;
    flex: 0 0 22px; width: 22px; height: 22px;
    margin: 0; border: 1px solid var(--muted); border-radius: 5px;
    background: var(--bg); position: relative;
    transition: border-color .15s, background .15s;
}
.check input:checked { border-color: var(--cyan); background: var(--cyan); }
.check input:checked::after {
    content: ""; position: absolute; inset: 2px;
    background: var(--bg);
    clip-path: polygon(14% 44%, 0 60%, 40% 100%, 100% 20%, 85% 0, 40% 60%);
}
.check input:focus-visible { outline: 2px solid var(--green); outline-offset: 2px; }
.form-submit { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--line); }
.form-submit p { max-width: 440px; margin: 0; color: var(--muted); font-size: .75rem; }
.form-submit p a { color: var(--cyan); }
.honeypot { position: absolute !important; left: -99999px !important; width: 1px !important; height: 1px !important; overflow: hidden !important; }
.form-errors, .form-success { margin-bottom: 28px; padding: 20px 24px; border: 1px solid var(--danger); background: rgba(255, 151, 72, .08); }
.form-errors ul { margin-bottom: 0; }
.form-success { border-color: var(--green); background: rgba(142, 234, 53, .07); }
.form-success code { color: var(--green); }
.process-rail { background: var(--surface); border-bottom: 1px solid var(--line); }
.process-rail .container { display: grid; grid-template-columns: repeat(3, 1fr); }
.process-rail article { display: flex; gap: 24px; min-height: 155px; padding: 32px; border-right: 1px solid var(--line); }
.process-rail article:last-child { border: 0; }
.process-rail article > span { color: var(--cyan); font-size: 2.6rem; line-height: 1; font-weight: 300; }
.process-rail h2 { margin-bottom: 5px; font-size: 1rem; }
.process-rail p { color: var(--muted); font-size: .82rem; }
.contact-details { margin: 48px 0; }
.contact-channels { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 34px; border-top: 1px solid var(--line); }
.contact-channels article { padding: 18px 18px 18px 0; border-bottom: 1px solid var(--line); }
.contact-channels article:nth-child(even) { padding-left: 18px; border-left: 1px solid var(--line); }
.contact-channels h2 { margin-bottom: 5px; color: var(--cyan-soft); font-size: .82rem; }
.contact-channels p { margin: 0; color: var(--muted); font-size: .72rem; line-height: 1.55; }
.contact-details div { padding: 18px 0; border-top: 1px solid var(--line); }
.contact-details div:last-child { border-bottom: 1px solid var(--line); }
.contact-details dt { color: var(--cyan); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
.contact-details dd { margin: 4px 0 0; color: #d7e1e6; }
.contact-ai-callout { margin-top: 30px; padding: 22px; border-left: 2px solid var(--cyan); background: rgba(17,191,255,.06); }
.contact-ai-callout h2 { margin-bottom: 8px; font-size: 1rem; }
.contact-ai-callout p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.65; }
.small-note { padding-left: 20px; border-left: 1px solid var(--green); font-size: .82rem !important; color: var(--muted) !important; }

.not-found { min-height: 65vh; display: grid; place-items: center; text-align: center; }
.not-found .container > span { color: var(--cyan); font-size: clamp(4.5rem, 13vw, 9.5rem); line-height: .8; font-weight: 200; opacity: .45; }
.not-found h1 { margin-top: 40px; font-size: clamp(2.4rem, 5vw, 5rem); }
.not-found p { color: var(--muted); }

.site-footer { background: var(--bg-deep); }
.footer-main { display: grid; position: relative; grid-template-columns: 1.5fr repeat(4, 1fr); gap: 44px; padding-top: 68px; padding-bottom: 60px; }
.footer-brand { width: min(210px, 100%); margin-bottom: 18px; }
.footer-main p { color: var(--muted); font-size: .8rem; }
.footer-main h2 { margin-bottom: 18px; color: var(--cyan); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }
.footer-main > div > a:not(.brand) { display: block; width: fit-content; margin: 8px 0; color: #abbcc5; font-size: .82rem; }
.footer-main > div > a:hover { color: var(--cyan); }
.footer-bank { display: grid; gap: 8px; margin: 20px 0 0; color: #abbcc5; font-size: .76rem; }
.footer-bank div { display: grid; grid-template-columns: 70px 1fr; gap: 10px; }
.footer-bank dt { color: var(--cyan); }
.footer-bank dd { margin: 0; overflow-wrap: anywhere; }
.footer-main .footer-identity { display: flex; flex-direction: column; min-width: 0; }
.footer-owl-cluster {
    display: flex;
    align-items: center;
    flex-direction: column;
    flex: 1;
    width: 100%;
    gap: 16px;
    margin: 20px auto 0;
}
.footer-owl {
    display: grid;
    place-items: center;
    width: 100%;
    flex: 1;
    min-height: 190px;
    padding-block: 12px;
    pointer-events: none;
}
.footer-owl img {
    display: block;
    width: auto;
    max-width: 100%;
    height: clamp(150px, 12vw, 190px);
    object-fit: contain;
    opacity: .84;
    filter: saturate(.92) contrast(1.04);
}
.footer-main .footer-owl-cluster > .footer-social-brands {
    display: flex;
    position: static;
    width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    gap: 10px;
    margin: 0;
}
.footer-main .footer-social-brands > a { display: grid; place-items: center; min-height: 44px; }
.footer-social-brands > .footer-linkedin { width: 102px; min-width: 102px; }
.footer-main .footer-social-brands > .footer-facebook { display: flex; align-items: center; justify-content: center; width: 112px; min-width: 112px; gap: 7px; color: #fff; }
.footer-linkedin svg { display: block; width: 90px; height: auto; }
.footer-facebook svg { display: block; flex: 0 0 22px; width: 22px; height: 22px; }
.footer-facebook span { font-size: 1rem; font-weight: 700; line-height: 1; letter-spacing: -.025em; }
.footer-social-brands > a:focus-visible { outline: 2px solid var(--cyan); outline-offset: 2px; }
.footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; padding-bottom: 24px; border-top: 1px solid var(--line); color: #708590; font-size: .7rem; }
.footer-payments { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 22px; padding-top: 20px; padding-bottom: 20px; border-top: 1px solid var(--line); }
.footer-payments p { margin: 0; }
.footer-payments-title { color: var(--cyan); font-size: .7rem; text-transform: uppercase; letter-spacing: .1em; }
.footer-payment-methods { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; padding: 0; list-style: none; }
.footer-payment-methods li { display: grid; place-items: center; width: 52px; height: 34px; padding: 6px 7px; border-radius: 4px; background: #fff; }
.footer-payment-methods svg, .footer-payment-methods img { display: block; width: 100%; height: 100%; object-fit: contain; }
.footer-payment-methods li.is-wide { padding: 3px 7px; }
.footer-payments-provider { display: flex; align-items: center; gap: 10px; margin-left: auto !important; color: #708590; font-size: .7rem; }
.footer-payments-provider img { display: block; width: auto; height: 20px; opacity: .92; }
.form-privacy-notice { margin: 20px 0 0; padding: 16px 18px; border-left: 2px solid var(--cyan); background: rgba(7, 24, 39, .65); color: var(--muted); font-size: .78rem; }
/* Carte d'angle : ancrée à gauche pour ne pas heurter le bouton « haut de
   page », qui occupe l'angle opposé. Les libellés longs peuvent passer à la
   ligne — le texte gardait sinon une colonne étranglée par des boutons
   maintenus sur une seule ligne. */
.cookie-notice {
    position: fixed; left: clamp(16px, 3vw, 34px); bottom: clamp(16px, 3vw, 34px); z-index: 220;
    width: min(420px, calc(100% - 32px)); padding: 20px 22px 22px;
    border: 1px solid var(--line-strong); border-top: 2px solid var(--cyan);
    background: rgba(3, 16, 27, .985);
    box-shadow: 0 24px 64px rgba(0, 0, 0, .5);
}
.cookie-notice.is-hidden { display: none; }
.cookie-notice strong {
    display: block; margin-bottom: 9px; color: var(--cyan);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 1.02rem; font-weight: 600; letter-spacing: .13em; text-transform: uppercase;
}
.cookie-notice p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.62; }
.cookie-notice p a { color: var(--cyan-soft); text-decoration: underline; text-underline-offset: 3px; }
.cookie-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 18px; }
.cookie-notice .button-small {
    width: 100%; min-height: 46px; padding: 9px 12px;
    font-size: .71rem; line-height: 1.24; letter-spacing: .04em;
    white-space: normal; text-align: center;
}
.cookie-notice [data-cookie-accept] { color: #00131e; background: var(--cyan); }
.cookie-notice [data-cookie-accept]:hover { background: var(--cyan-soft); }
.cookie-notice [data-cookie-refuse] { color: var(--muted); background: transparent; border-color: var(--line-strong); }
.cookie-notice [data-cookie-refuse]:hover { color: var(--cyan); background: transparent; border-color: var(--cyan); }
.cookie-notice .button-small:hover { transform: none; box-shadow: none; }
/* Connexion par clé de sécurité : sans mot de passe, l'écran doit expliquer
   lui-même la manipulation, sinon il ressemble à une page inachevée. */
.auth-key { display: grid; justify-items: start; gap: 0; }
.auth-key-icon { width: 46px; height: 46px; margin-bottom: 16px; color: var(--cyan); }
.auth-key-intro { max-width: 52ch; margin: 0 0 18px; }
.auth-key-steps { counter-reset: key; margin: 0 0 24px; padding: 0; list-style: none; }
/* La panneau d'authentification est clair : var(--muted) et var(--cyan) y
   tombent sous le seuil de lisibilité (2,05:1 mesuré). On hérite donc de la
   couleur de texte du panneau. */
.auth-key-steps li {
    position: relative; margin-bottom: 9px; padding-left: 34px;
    color: inherit; font-size: .84rem; line-height: 1.5;
}
.auth-key-steps li::before {
    counter-increment: key; content: counter(key, decimal-leading-zero);
    position: absolute; left: 0; top: -1px;
    color: #0d6c8f; font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: .8rem; font-weight: 700; letter-spacing: .08em;
}
.auth-key .webauthn-status:empty { display: none; }
.auth-key .webauthn-status { margin: 14px 0 0; font-size: .8rem; }

/* Déconnexion en un clic : le lien menait à une page de confirmation, d'où
   l'impression que la session ne se fermait pas. */
.logout-inline { display: inline; margin: 0; }
.logout-inline button {
    padding: 0; border: 0; background: none; color: inherit;
    font: inherit; text-decoration: underline; text-underline-offset: 3px; cursor: pointer;
}
.logout-inline button:hover { color: var(--cyan); }

.form-cookie-gate { display: grid; align-content: center; min-height: 260px; padding: clamp(28px, 5vw, 60px); border: 1px solid var(--line); background: rgba(7, 24, 39, .48); }
.form-cookie-gate h2 { margin-bottom: 12px; font-size: 1.25rem; }
.form-cookie-gate p { max-width: 560px; margin-bottom: 26px; color: var(--muted); }
.form-cookie-gate .button { width: fit-content; }
.form-panel-gated { align-self: start; background: rgba(6, 24, 38, .82); }
.form-panel-gated .form-cookie-gate { min-height: 0; border-color: var(--line-strong); background: rgba(17, 191, 255, .055); }

.auth-page { min-height: 72vh; padding-block: clamp(64px, 8vw, 120px); }
.auth-shell { display: grid; grid-template-columns: minmax(260px, .8fr) minmax(420px, 1.2fr); gap: clamp(44px, 8vw, 120px); align-items: start; }
.auth-shell > header { position: sticky; top: calc(var(--header-h) + 32px); }
.auth-shell h1 { margin-bottom: 18px; font-size: clamp(2.4rem, 4vw, 4.8rem); line-height: .98; }
.auth-shell > header p { max-width: 520px; color: var(--muted); }
.auth-panel { padding: clamp(26px, 4vw, 52px); border: 1px solid var(--line); background: rgba(6, 24, 38, .72); }
.auth-panel form { display: grid; gap: 20px; }
.auth-panel .field small { color: var(--muted); font-size: .7rem; }
.auth-panel .button { width: fit-content; margin-top: 6px; }
.auth-links { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 18px; margin-top: 28px; padding-top: 20px; border-top: 1px solid var(--line); color: var(--cyan-soft); font-size: .8rem; }
.account-danger { margin-top: 42px; padding-top: 28px; border-top: 1px solid rgba(255, 179, 106, .35); }
.account-danger h2 { margin-bottom: 8px; color: var(--danger); font-size: 1.15rem; }
.account-danger > p { color: var(--muted); font-size: .84rem; }
.button.button-danger { border-color: var(--danger); color: var(--danger); background: transparent; }
.button.button-danger:hover { color: var(--bg); background: var(--danger); box-shadow: none; }

.article-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 0; }
.article-card { min-height: 250px; padding: 34px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.article-card:nth-child(odd) { padding-left: 0; }
.article-card time, .article-page time { color: var(--cyan); font-size: .7rem; letter-spacing: .08em; }
.article-card h2 { margin: 16px 0 10px; font-size: 1.4rem; }
.article-card p { color: var(--muted); }
.article-body { max-width: 880px; padding-top: 64px; padding-bottom: 96px; }
.article-body p { margin-bottom: 1.5em; color: #c6d2d8; font-size: 1.02rem; line-height: 1.8; }

/* Cyber & AI Citizen Lab */
.home-ai-lab { position: relative; isolation: isolate; overflow: hidden; background: #041522; }
.home-ai-lab-art {
    position: absolute; inset: 0; z-index: -1; opacity: .48;
    background: url("../img/home-jobs-background.webp") center / cover no-repeat;
}
.home-ai-lab::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(90deg,rgba(3,16,27,.9),rgba(3,16,27,.42) 58%,rgba(3,16,27,.16));
}
.home-ai-lab-head { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(42px,7vw,110px); align-items: end; margin-bottom: 42px; }
.home-ai-lab-head h2 { margin: 0; font-size: clamp(2rem,3.2vw,3.4rem); letter-spacing: -.04em; line-height: 1; }
.home-ai-lab-head p { margin: 0; padding-left: 32px; border-left: 1px solid var(--cyan); color: #c5d2d9; font-size: clamp(1rem,1.25vw,1.2rem); }
.home-ai-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.home-ai-card { min-height: 172px; padding: 26px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(3,18,29,.72); }
.home-ai-card > span { color: var(--cyan); font-size: .7rem; letter-spacing: .1em; }
.home-ai-card h3 { margin: 24px 0 8px; font-size: 1.12rem; }
.home-ai-card p { margin: 0; color: var(--muted); font-size: .84rem; }
.home-ai-cta { margin-top: 30px; }

.ai-lab-hero {
    position: relative; min-height: min(760px,calc(100vh - var(--header-h))); overflow: hidden;
    border-bottom: 1px solid var(--line);
}
.ai-lab-hero-art {
    position: absolute; inset: 0; opacity: .9;
    background: url("../img/home-jobs-background.webp") center / cover no-repeat;
}
.ai-lab-hero::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(90deg,rgba(2,12,20,.96) 0%,rgba(2,12,20,.78) 48%,rgba(2,12,20,.12) 100%);
}
.ai-lab-hero-inner { position: relative; z-index: 1; padding-top: clamp(55px,7vw,96px); padding-bottom: clamp(72px,9vw,128px); }
.ai-lab-hero-copy { max-width: 880px; }
.ai-lab-status {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 24px;
    color: #8eea35;
    font-size: .75rem;
    font-weight: 800;
    letter-spacing: .12em;
    text-transform: uppercase;
}
.ai-lab-status::before { width: 8px; height: 8px; border-radius: 50%; background: currentColor; content: ""; }
.ai-lab-hero h1 { max-width: 920px; margin-bottom: 24px; font-size: clamp(3rem,6vw,6.2rem); line-height: .92; letter-spacing: -.055em; }
.ai-lab-subtitle { max-width: 810px; margin-bottom: 22px; color: #e2ebef; font-size: clamp(1.2rem,1.7vw,1.65rem); line-height: 1.45; }
.ai-lab-lead { max-width: 720px; margin-bottom: 34px; color: var(--muted); }
.ai-lab-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 20px; }

.ai-lab-editorial { display: grid; grid-template-columns: minmax(280px,.8fr) minmax(0,1.4fr); gap: clamp(48px,7vw,110px); }
.ai-lab-editorial h2 { font-size: clamp(2rem,3.2vw,3.5rem); line-height: 1; letter-spacing: -.04em; }
.ai-lab-editorial > div > p { color: var(--muted); }
.ai-lab-statement { margin-bottom: 28px; color: #d6e1e6; font-size: clamp(1.08rem,1.35vw,1.32rem); line-height: 1.7; }
.ai-lab-checklist { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.ai-lab-checklist li { position: relative; padding: 13px 0 13px 24px; border-bottom: 1px solid var(--line); color: #d9e3e8; font-size: .9rem; }
.ai-lab-checklist li::before { content: ""; position: absolute; left: 0; top: 21px; width: 7px; height: 7px; background: var(--green); }

.ai-lab-objectives { background: rgba(2,10,18,.5); }
.ai-objective-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line-strong); }
.ai-objective { min-height: 250px; padding: 28px 24px; border-right: 1px solid var(--line); }
.ai-objective:last-child { border-right: 0; }
.ai-objective > span,.ai-axis > span { color: var(--cyan); font-size: .75rem; }
.ai-objective h3 { margin: 54px 0 12px; font-size: 1.18rem; line-height: 1.25; }
.ai-objective p { margin: 0; color: var(--muted); font-size: .85rem; }

.ai-audience-grid { display: grid; grid-template-columns: repeat(5,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.ai-audience { min-height: 220px; padding: 30px 24px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,24,39,.45); }
.ai-audience h3 { margin-bottom: 28px; color: var(--cyan-soft); font-size: 1.15rem; }
.ai-audience p { margin: 0; color: var(--muted); font-size: .86rem; }

.ai-lab-axes { background: rgba(3,12,21,.55); }
.ai-axis-list { border-top: 1px solid var(--line-strong); }
.ai-axis { display: grid; grid-template-columns: 60px 1fr; gap: 30px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.ai-axis h3 { margin-bottom: 8px; font-size: clamp(1.15rem,1.5vw,1.45rem); }
.ai-axis p { max-width: 760px; margin: 0; color: var(--muted); }

.ai-space-callout { position: relative; isolation: isolate; overflow: hidden; background: #03121d; }
.ai-space-art {
    position: absolute; inset: 0; z-index: -2; opacity: .66;
    background: url("../img/home-hardware-background.webp") center / cover no-repeat;
}
.ai-space-callout::after {
    content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
    background: linear-gradient(90deg,rgba(2,13,22,.96),rgba(2,13,22,.68) 58%,rgba(2,13,22,.3));
}
.ai-space-grid { display: grid; grid-template-columns: minmax(0,1.2fr) minmax(300px,.8fr); gap: clamp(48px,7vw,110px); align-items: start; }
.ai-space-grid h2 { max-width: 760px; font-size: clamp(2.2rem,3.8vw,4rem); line-height: 1; letter-spacing: -.045em; }
.ai-space-grid > div:first-child > p { max-width: 760px; color: #c4d1d8; }
.ai-space-grid .ai-lab-checklist { margin: 28px 0; max-width: 760px; }
.ai-space-disclaimer { max-width: 760px; margin: 0 0 28px; padding: 20px; border-left: 2px solid var(--green); background: rgba(8,29,46,.82); color: #dce5e9; font-size: .86rem; }
.ai-technical-panel { padding: 30px; border: 1px solid var(--line-strong); background: rgba(3,18,29,.9); backdrop-filter: blur(3px); }
.ai-technical-panel h3 { margin-bottom: 26px; font-size: 1.2rem; }
.ai-technical-table { border-top: 1px solid var(--line); }
.ai-technical-table > div { display: grid; grid-template-columns: 120px 1fr; gap: 18px; padding: 14px 0; border-bottom: 1px solid var(--line); font-size: .82rem; }
.ai-technical-table strong { color: var(--cyan); }
.ai-technical-table span { color: #d3dee3; }

.ai-partner-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.ai-partner-list li { display: grid; grid-template-columns: 54px 1fr; align-items: center; min-height: 54px; border-bottom: 1px solid var(--line); }
.ai-partner-list span { color: var(--cyan); font-size: .72rem; }
.ai-lab-workshops { background: rgba(2,10,18,.48); }
.ai-workshop-list { display: grid; grid-template-columns: 1fr 1fr; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.ai-workshop-list li { display: grid; grid-template-columns: 50px 1fr; gap: 14px; align-items: center; min-height: 78px; padding: 15px 28px 15px 0; border-bottom: 1px solid var(--line); }
.ai-workshop-list li:nth-child(even) { padding-left: 28px; border-left: 1px solid var(--line); }
.ai-workshop-list span { color: var(--cyan); font-size: .72rem; }
.ai-workshop-list strong { font-size: .94rem; font-weight: 560; }

.ai-principles { background: var(--surface); }
.ai-principle-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-strong); }
.ai-principle-list li { padding: 15px 0; border-bottom: 1px solid var(--line); color: #d8e2e7; }
.ai-principle-list li::before { content: "—"; margin-right: 16px; color: var(--cyan); }

.lab-partners-hero {
    position: relative;
    overflow: hidden;
    background:
        radial-gradient(circle at 78% 22%, rgba(93,216,255,.16), transparent 28%),
        linear-gradient(135deg, rgba(232,241,244,.08), transparent 34%),
        var(--bg-deep);
}
.lab-partners-hero::after {
    content: "";
    position: absolute;
    inset: 14% var(--gutter) auto auto;
    width: clamp(180px, 25vw, 360px);
    aspect-ratio: 1;
    border: 1px solid rgba(93,216,255,.34);
    border-radius: 999px;
    background:
        linear-gradient(90deg, transparent 49%, rgba(93,216,255,.24) 50%, transparent 51%),
        linear-gradient(0deg, transparent 49%, rgba(93,216,255,.18) 50%, transparent 51%);
    opacity: .42;
    pointer-events: none;
}
.lab-partners-overview { background: linear-gradient(180deg, rgba(2,10,18,.42), rgba(6,24,38,.16)); }
.lab-partners-brief { display: grid; grid-template-columns: minmax(0,1fr) minmax(360px,.78fr); gap: clamp(34px,6vw,90px); align-items: start; }
.lab-partner-note { padding: clamp(26px,4vw,46px); border: 1px solid var(--line-strong); background: rgba(7,24,39,.72); box-shadow: var(--shadow-card); }
.lab-partner-note h2 { max-width: 780px; font-size: clamp(1.7rem,3vw,3.2rem); line-height: 1.06; letter-spacing: -.04em; }
.lab-partner-note p { max-width: 820px; margin: 0; color: #d1dde3; font-size: clamp(1rem,1.2vw,1.15rem); }
.lab-partner-facts { display: grid; grid-template-columns: 1fr 1fr; border: 1px solid var(--light-line); background: var(--paper); color: var(--ink); box-shadow: 0 24px 54px rgba(0,0,0,.24); }
.lab-partner-fact { min-height: 148px; padding: 26px; border-right: 1px solid var(--light-line); border-bottom: 1px solid var(--light-line); }
.lab-partner-fact:nth-child(2n) { border-right: 0; }
.lab-partner-fact:nth-last-child(-n+2) { border-bottom: 0; }
.lab-partner-fact strong { display: block; margin-bottom: 16px; color: var(--cyan-deep); font-size: clamp(1.9rem,3.2vw,3.3rem); line-height: .95; letter-spacing: -.05em; }
.lab-partner-fact span { display: block; color: var(--ink-muted); font-size: .82rem; line-height: 1.45; }

.lab-need-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.lab-need-card { min-height: 190px; padding: 28px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,24,39,.54); }
.lab-need-card h3 { margin-bottom: 12px; color: var(--cyan-soft); font-size: 1.05rem; }
.lab-need-card p { margin: 0; color: var(--muted); font-size: .92rem; }

.lab-partner-models { background: var(--paper); color: var(--ink); }
.lab-partner-models .section-index,
.lab-partner-models .section-heading h2 { color: var(--ink); }
.lab-partner-models .section-heading p { color: var(--ink-muted); }
.lab-model-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; background: var(--light-line); border: 1px solid var(--light-line); }
.lab-model-card { min-height: 270px; padding: 30px; background: linear-gradient(180deg, #ffffff, var(--paper-2)); }
.lab-model-card h3 { margin-bottom: 14px; color: var(--ink); font-size: 1.16rem; }
.lab-model-card p { color: var(--ink-muted); font-size: .92rem; }
.lab-model-card ul { margin: 22px 0 0; padding: 0; list-style: none; }
.lab-model-card li { padding: 8px 0; border-top: 1px solid var(--light-line); color: var(--ink); font-size: .8rem; }
.lab-model-card li::before { content: "•"; margin-right: 8px; color: var(--cyan-deep); }

.lab-partner-process { background: rgba(2,10,18,.52); }
.lab-process-grid { display: grid; grid-template-columns: minmax(260px,.42fr) minmax(0,1fr); gap: clamp(34px,6vw,86px); }
.lab-process-list { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-strong); }
.lab-process-list li { display: grid; grid-template-columns: 68px 1fr; gap: 24px; padding: 28px 0; border-bottom: 1px solid var(--line); }
.lab-process-list li > span { color: var(--cyan); font-size: .72rem; font-weight: 750; letter-spacing: .08em; }
.lab-process-list h3 { margin-bottom: 8px; font-size: clamp(1.1rem,1.6vw,1.45rem); }
.lab-process-list p { max-width: 780px; margin: 0; color: var(--muted); }

.lab-partner-prepare { position: relative; overflow: hidden; background: #041522; }
.lab-partner-prepare::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .46;
    background: url("../img/home-jobs-background.webp") center / cover no-repeat;
}
.lab-partner-prepare::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(3,16,27,.97), rgba(3,16,27,.72) 58%, rgba(3,16,27,.92));
}
.lab-prepare-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,.9fr) minmax(320px,1fr); gap: clamp(34px,6vw,90px); align-items: start; }
.lab-prepare-grid h2 { font-size: clamp(1.8rem,3.2vw,3.6rem); line-height: 1.04; letter-spacing: -.04em; }
.lab-prepare-grid p { color: #c8d5dc; }
.lab-prepare-panel { padding: 30px; border: 1px solid var(--line-strong); background: rgba(3,16,27,.86); box-shadow: var(--shadow-card); }
.lab-prepare-panel ul { display: grid; grid-template-columns: 1fr 1fr; gap: 0 26px; margin: 0 0 28px; padding: 0; list-style: none; }
.lab-prepare-panel li { padding: 13px 0; border-bottom: 1px solid var(--line); color: #dce7ec; font-size: .88rem; }
.lab-prepare-panel li::before { content: "✓"; margin-right: 10px; color: var(--green); }

.lab-principles-grid { display: grid; grid-template-columns: minmax(260px,.42fr) minmax(0,1fr); gap: clamp(34px,6vw,86px); }
.lab-principles-grid ul { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line-strong); }
.lab-principles-grid li { padding: 16px 0; border-bottom: 1px solid var(--line); color: #d8e2e7; }
.lab-principles-grid li::before { content: "—"; margin-right: 14px; color: var(--cyan); }
.lab-partners-final { background: linear-gradient(135deg, rgba(17,191,255,.11), rgba(142,234,53,.08)), var(--bg-deep); }

.programmes-hero { background: linear-gradient(90deg,rgba(17,191,255,.045),transparent); }
.strategic-publications { background: rgba(2,10,18,.55); }
.strategic-publication-grid { display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid var(--line-strong); border-left: 1px solid var(--line); }
.strategic-publication-card { min-height: 300px; padding: 30px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(7,24,39,.52); }
.strategic-publication-card > div { display: flex; justify-content: space-between; gap: 20px; color: var(--cyan); font-size: .67rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.strategic-publication-card small { color: var(--muted); font: inherit; }
.strategic-publication-card h3 { margin: 44px 0 14px; font-size: clamp(1.25rem,1.8vw,1.7rem); line-height: 1.22; }
.strategic-publication-card p { color: var(--muted); }
.publication-pending { color: #728894; border-color: #536875; cursor: default; }
.strategic-article-body { max-width: 1060px; padding-top: 60px; padding-bottom: 100px; }
.strategic-article-body > section { display: grid; grid-template-columns: 70px 1fr; gap: 28px; padding: 34px 0; border-bottom: 1px solid var(--line); }
.strategic-article-body > section > span { color: var(--cyan); }
.strategic-article-body h2 { margin-bottom: 12px; font-size: clamp(1.4rem,2.2vw,2.1rem); }
.strategic-article-body p { max-width: 760px; margin: 0; color: #c4d1d8; font-size: 1rem; line-height: 1.8; }
.strategic-article-body > .button { margin-top: 42px; }

.admin-page { min-height: 75vh; padding-block: 52px 100px; }
.admin-header { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 32px; }
.admin-header h1 { margin: 0 0 8px; font-size: clamp(2.2rem, 4vw, 4.2rem); line-height: 1; }
.admin-header p { margin: 0; color: var(--muted); }
.admin-nav { display: flex; gap: 4px; overflow-x: auto; margin-bottom: 36px; padding: 6px; border: 1px solid var(--line); background: var(--bg-deep); }
.admin-nav a { padding: 10px 14px; color: var(--muted); font-size: .76rem; white-space: nowrap; }
.admin-nav a:hover, .admin-nav a.is-active { color: var(--bg); background: var(--cyan); }
.admin-stats { display: grid; grid-template-columns: repeat(4, 1fr); margin-bottom: 52px; border: 1px solid var(--line); }
.admin-stats article { display: grid; gap: 6px; padding: 28px; border-right: 1px solid var(--line); }
.admin-stats article:last-child { border: 0; }
.admin-stats strong { color: var(--cyan-soft); font-size: 2rem; }
.admin-stats span { color: var(--muted); font-size: .72rem; text-transform: uppercase; letter-spacing: .08em; }
.admin-section h2 { margin-bottom: 18px; }
.admin-table-wrap { overflow-x: auto; border: 1px solid var(--line); }
.admin-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.admin-table th, .admin-table td { padding: 15px 18px; border-bottom: 1px solid var(--line); text-align: left; font-size: .78rem; vertical-align: middle; }
.admin-table th { color: var(--cyan); background: var(--bg-deep); text-transform: uppercase; letter-spacing: .07em; }
.admin-table td { color: #c3d0d6; }
.admin-table td small { display: block; margin-top: 4px; color: var(--muted); }
.admin-table td a { color: var(--cyan-soft); }
.status { display: inline-block; padding: 4px 8px; border: 1px solid var(--line); font-size: .68rem; }
.status-published, .status-active { color: var(--green); }
.status-draft, .status-pending { color: var(--danger); }
.admin-editor { display: grid; gap: 24px; }
.admin-editor-settings { display: grid; grid-template-columns: 1.5fr .6fr auto; gap: 24px; align-items: end; padding: 24px; border: 1px solid var(--line); background: var(--surface); }
.admin-language { border: 1px solid var(--line); background: rgba(6, 24, 38, .46); }
.admin-language > summary { padding: 18px 22px; color: var(--cyan-soft); font-weight: 700; cursor: pointer; }
.admin-language > div { display: grid; gap: 20px; padding: 26px; border-top: 1px solid var(--line); }
.admin-meta-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.admin-section-list { display: grid; gap: 18px; }
.admin-section-editor { position: relative; display: grid; gap: 16px; margin: 0; padding: 20px; border: 1px solid var(--line); }
.admin-section-editor legend { padding: 0 8px; color: var(--cyan); font-size: .72rem; }
.admin-section-remove { justify-self: end; padding: 5px 8px; border: 0; color: var(--danger); background: transparent; font-size: .7rem; cursor: pointer; }
.admin-add-section { justify-self: start; padding: 10px 14px; border: 1px solid var(--line-strong); color: var(--cyan-soft); background: transparent; cursor: pointer; }
.admin-add-section:hover { border-color: var(--cyan); color: var(--cyan); }
.admin-savebar { position: sticky; bottom: 12px; z-index: 20; display: flex; justify-content: flex-end; padding: 14px; border: 1px solid var(--line-strong); background: rgba(3, 16, 27, .96); }
.admin-row-actions { display: flex; align-items: center; gap: 12px; }
.admin-row-actions form { margin: 0; }
.text-danger { padding: 0; border: 0; color: var(--danger); background: transparent; cursor: pointer; }
.user-inline-form { display: flex; gap: 8px; }
.user-inline-form select, .user-inline-form button { min-height: 34px; border: 1px solid var(--line); color: var(--text); background: var(--bg); }
.user-inline-form button { padding: 0 12px; color: var(--cyan); cursor: pointer; }

/* Professional board */
.board-hero { padding: clamp(64px,8vw,116px) 0 44px; border-bottom: 1px solid var(--line); background: linear-gradient(135deg,rgba(17,191,255,.08),transparent 42%); }
.board-hero-grid { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 40px; align-items: end; margin-top: 18px; }
.board-hero h1,.listing-header h1,.board-form-shell h1,.member-header h1 { max-width: 820px; margin-bottom: 14px; font-size: clamp(1.85rem,3.2vw,3rem); line-height: 1.04; letter-spacing: -.035em; }
.board-hero p,.board-form-shell>header p,.member-header p { max-width: 760px; color: var(--muted); font-size: 1.05rem; }
.board-search { display: grid; grid-template-columns: minmax(140px,.65fr) minmax(220px,1.4fr) minmax(160px,.8fr) auto; margin-top: 54px; border: 1px solid var(--line-strong); background: var(--bg-deep); }
.board-search-compact { grid-template-columns: minmax(220px,1.4fr) minmax(160px,.8fr) auto; }
.board-search input,.board-search select { min-width: 0; min-height: 50px; padding: 0 16px; border: 0; border-right: 1px solid var(--line); color: var(--text); background: transparent; }
.board-search .button { min-height: 50px; border: 0; }
.board-tabs { display: flex; overflow-x: auto; border-bottom: 1px solid var(--line); }
.board-tabs a { flex: 0 0 auto; padding: 19px 24px; border-right: 1px solid var(--line); color: var(--muted); font-size: .78rem; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.board-tabs a:hover,.board-tabs a.is-active { color: var(--cyan); background: rgba(17,191,255,.06); }
.board-layout { display: grid; grid-template-columns: 260px minmax(0,1fr); gap: clamp(36px,6vw,90px); }
.board-filters { align-self: start; position: sticky; top: 120px; padding: 24px; border: 1px solid var(--line); background: rgba(7,24,39,.72); }
.board-filters h2,.board-results-head h2 { font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; }
.board-filters .button { width: 100%; }
.board-results-head { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 20px; border-bottom: 1px solid var(--line-strong); }
.board-results-head h2 { margin: 0; }
.board-results-head span { color: var(--muted); font-size: .85rem; }
.board-card { position: relative; display: grid; grid-template-columns: minmax(0,1fr) 44px; gap: 24px; min-height: 170px; padding: 28px 4px; border-bottom: 1px solid var(--line); transition: background .2s var(--ease),padding .2s var(--ease); }
.board-card:hover { padding-inline: 18px; background: rgba(17,191,255,.045); }
.board-card-kicker { display: flex; justify-content: space-between; gap: 20px; color: var(--cyan); font-size: .68rem; font-weight: 750; letter-spacing: .08em; text-transform: uppercase; }
.board-card-kicker time { color: var(--muted); font-weight: 500; }
.board-card h3 { max-width: 850px; margin: 12px 0 9px; font-size: clamp(1.25rem,2.1vw,1.75rem); line-height: 1.2; }
.board-card h3 a::after { content: ""; position: absolute; inset: 0; }
.board-card p { max-width: 760px; margin-bottom: 15px; color: var(--muted); }
.board-card-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; color: #c9d5db; font-size: .82rem; }
.board-card-meta span+span::before { content: "·"; margin-right: 18px; color: var(--cyan); }
.board-card-meta strong { color: var(--green); font-size: 1rem; }
.board-card-arrow { z-index: 1; align-self: center; justify-self: end; color: var(--cyan); font-size: 1.5rem; }
.board-empty { grid-column: 1/-1; padding: 36px; border: 1px dashed var(--line-strong); background: rgba(7,24,39,.4); }
.board-empty h2,.board-empty h3 { margin-bottom: 6px; }
.board-empty p { margin: 0; color: var(--muted); }

/* Board results — responsive card grid (site style) */
.board-list { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 16px; margin-top: 6px; }
.board-list .board-card { min-height: 152px; gap: 18px; padding: 22px; border: 1px solid var(--line); background: rgba(7,24,39,.4); }
.board-list .board-card:hover { padding-inline: 22px; border-color: var(--line-strong); background: rgba(17,191,255,.05); }
.board-list .board-card-kicker { font-size: .64rem; }
.board-list .board-card h3 { max-width: none; margin: 11px 0 8px; font-size: 1.1rem; line-height: 1.25; }
.board-list .board-card p { max-width: none; margin-bottom: 14px; font-size: .875rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.board-list .board-card-meta { margin-top: auto; font-size: .78rem; }
.board-list .board-card-meta strong { font-size: .92rem; }
.board-list .board-card-arrow { align-self: start; font-size: 1.15rem; opacity: .65; transition: opacity .2s, transform .2s var(--ease); }
.board-list .board-card:hover .board-card-arrow { opacity: 1; transform: translateX(2px); }
.board-list .board-card-hardware { display: block; padding: 0 0 20px; }
.board-list .board-card-hardware .board-card-body { padding: 20px 22px 0; }
.board-list .board-card-hardware .board-card-arrow { display: none; }
.pagination { display: flex; gap: 8px; margin-top: 30px; }
.pagination a { display: grid; width: 44px; height: 44px; place-items: center; border: 1px solid var(--line); }
.pagination a.is-active { color: var(--bg); background: var(--cyan); border-color: var(--cyan); }
.hardware-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.hardware-grid .board-card-hardware { display: block; padding: 0 0 24px; border-right: 1px solid var(--line); }
.hardware-grid .board-card-hardware:hover { padding: 0 0 24px; }
.board-card-image { position: relative; display: grid; aspect-ratio: 16/9; place-items: center; overflow: hidden; border-bottom: 1px solid var(--line); background: #051521; color: rgba(17,191,255,.35); font-size: 3rem; }
.board-card-image img { width: 100%; height: 100%; object-fit: cover; transition: transform .4s var(--ease); }
.board-card:hover .board-card-image img { transform: scale(1.025); }
.hardware-grid .board-card-body { padding: 22px 22px 0; }
.hardware-grid .board-card-arrow { display: none; }
.home-board {
    position: relative; isolation: isolate; overflow: hidden;
    border-top: 1px solid var(--line); background-color: #03131f;
}
.home-board::before,
.home-board::after {
    content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
}
.home-board::before {
    background-image: var(--home-board-art); background-position: center;
    background-size: cover; opacity: .78;
}
.home-board::after {
    background:
        linear-gradient(90deg,rgba(0,15,25,.68) 0%,rgba(0,15,25,.28) 52%,rgba(0,15,25,.08) 100%),
        linear-gradient(180deg,rgba(0,15,25,.08) 0%,rgba(0,15,25,.42) 100%);
}
.home-board > .container { position: relative; z-index: 1; }
.home-jobs { --home-board-art: url("../img/home-jobs-background.webp"); }
.home-hardware { --home-board-art: url("../img/home-hardware-background.webp"); }
.carousel-heading-actions { display: flex; align-items: center; gap: 24px; }
.carousel-controls { display: flex; border: 1px solid var(--line-strong); }
.carousel-controls button {
    display: grid; width: 46px; height: 44px; place-items: center; padding: 0;
    border: 0; border-right: 1px solid var(--line); color: var(--cyan);
    background: transparent; cursor: pointer;
}
.carousel-controls button:last-child { border-right: 0; }
.carousel-controls button:hover:not(:disabled) { color: var(--bg); background: var(--cyan); }
.carousel-controls button:disabled { color: var(--muted); cursor: default; opacity: .34; }
.carousel-controls svg { fill: none; stroke: currentColor; stroke-width: 1.8; stroke-linecap: square; stroke-linejoin: miter; }
.home-carousel-viewport { position: relative; overflow: hidden; margin-inline: calc(var(--gutter) * -1); padding-inline: var(--gutter); }
.home-carousel-viewport::after {
    content: ""; position: absolute; inset: 0 0 0 auto; z-index: 2; width: var(--gutter);
    pointer-events: none; background: linear-gradient(90deg,transparent,rgba(0,15,25,.88));
}
.home-carousel-track {
    display: flex; gap: 14px; overflow-x: auto; padding: 2px 0 14px;
    scroll-behavior: smooth; scroll-snap-type: x mandatory; scrollbar-width: none;
}
.home-carousel-track::-webkit-scrollbar { display: none; }
.home-carousel-track .board-card {
    scroll-snap-align: start; border: 1px solid var(--line);
    background: rgba(4,20,32,.91); backdrop-filter: blur(2px);
}
.home-jobs-track .board-card { flex: 0 0 min(520px,calc(100vw - 2 * var(--gutter))); min-height: 240px; padding: 28px; }
.home-jobs-track .board-card:hover { padding: 28px; border-color: var(--line-strong); background: var(--surface); }
.home-hardware-track .board-card-hardware { display: block; flex: 0 0 330px; min-height: 430px; padding: 0 0 24px; }
.home-hardware-track .board-card-hardware:hover { padding: 0 0 24px; border-color: var(--line-strong); background: var(--surface); }
.home-hardware-track .board-card-body { padding: 22px 22px 0; }
.home-hardware-track .board-card-arrow { display: none; }
.home-carousel-track .board-empty { flex: 1 0 100%; }
.notice-demo { border-left-color: var(--cyan); background: rgba(17,191,255,.08); }
.listing-detail,.board-form-page,.member-page { padding: clamp(52px,7vw,100px) 0 110px; }
.board-back { display: inline-block; margin-bottom: 32px; color: var(--cyan); font-size: .82rem; text-transform: uppercase; letter-spacing: .06em; }
.listing-header { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 50px; align-items: end; padding: 26px 0 48px; border-bottom: 1px solid var(--line-strong); }
.listing-header p { max-width: 760px; color: var(--muted); font-size: 1.1rem; }
.listing-primary-meta { display: grid; gap: 20px; justify-items: end; }
.listing-primary-meta>strong { color: var(--green); font-size: 2rem; }
.listing-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: clamp(48px,7vw,100px); padding-top: 54px; }
.listing-content>h2 { margin-top: 45px; font-size: 1rem; letter-spacing: .09em; text-transform: uppercase; }
.listing-content>p { max-width: 840px; color: #ced9de; font-size: 1.02rem; }
.listing-gallery { display: grid; grid-template-columns: repeat(3,1fr); gap: 8px; }
.listing-gallery img { width: 100%; aspect-ratio: 4/3; object-fit: cover; border: 1px solid var(--line); }
.skill-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.skill-tags span { padding: 7px 11px; border: 1px solid var(--line-strong); color: var(--cyan-soft); font-size: .78rem; }
.listing-sidebar { align-self: start; position: sticky; top: 120px; display: grid; gap: 18px; }
.listing-sidebar dl { margin: 0; border: 1px solid var(--line); background: rgba(7,24,39,.66); }
.listing-sidebar dl div { padding: 16px 18px; border-bottom: 1px solid var(--line); }
.listing-sidebar dl div:last-child { border-bottom: 0; }
.listing-sidebar dt { color: var(--muted); font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.listing-sidebar dd { margin: 4px 0 0; }
.listing-sidebar .button { width: 100%; }
.listing-apply { padding: 22px; border: 1px solid var(--line-strong); }
.listing-apply h2 { font-size: 1rem; }

/* Écrire à l'auteur : c'était replié dans un <details> discret, personne ne
   le trouvait — d'où une messagerie restée vide malgré 110 annonces. */
.listing-contact { margin-top: 18px; padding: 22px; border: 1px solid var(--line-strong); }
.listing-contact h2 { margin: 0 0 6px; font-size: 1rem; }
.listing-contact > p { margin: 0 0 14px; color: var(--muted); font-size: .84rem; line-height: 1.55; }
.listing-contact form { margin: 0; }

.messages-onboarding { display: grid; justify-items: start; gap: 12px; }
.messages-howto { max-width: 56ch; color: var(--muted); font-size: .86rem; line-height: 1.6; }
.listing-report { padding: 14px 0; border-top: 1px solid var(--line); }
.listing-report summary { cursor: pointer; color: var(--muted); font-size: .82rem; }
.notice { margin-bottom: 24px; padding: 14px 18px; border-left: 2px solid var(--danger); background: rgba(255,179,106,.08); }
.board-form-shell { display: grid; grid-template-columns: minmax(250px,.65fr) minmax(0,1.35fr); gap: clamp(45px,8vw,120px); }
.board-form-shell>header { align-self: start; position: sticky; top: 120px; }
.board-form-panel { border-top: 1px solid var(--line-strong); }
.board-form-section { display: grid; grid-template-columns: 52px 1fr; gap: 24px; padding: 34px 0; border-bottom: 1px solid var(--line); }
.board-form-section[hidden] { display: none; }
.board-form-section>span { color: var(--cyan); font-size: .74rem; }
.board-form-section h2 { margin-bottom: 24px; font-size: 1rem; text-transform: uppercase; letter-spacing: .08em; }
.form-grid-three { grid-template-columns: repeat(3,1fr); }
.board-form-actions { display: flex; justify-content: flex-end; gap: 14px; padding-top: 28px; }
.edit-images { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.edit-images label { border: 1px solid var(--line); }
.edit-images img { aspect-ratio: 4/3; object-fit: cover; }
.edit-images span { display: block; padding: 9px; font-size: .75rem; }
.member-header { display: flex; justify-content: space-between; gap: 40px; align-items: end; margin-bottom: 46px; padding-bottom: 34px; border-bottom: 1px solid var(--line-strong); }
.member-header h1 { font-size: clamp(2.2rem,4vw,4rem); }
.member-table { border-top: 1px solid var(--line); }
.member-table>article { display: grid; grid-template-columns: minmax(0,1fr) auto; gap: 30px; align-items: center; padding: 26px 0; border-bottom: 1px solid var(--line); }
.member-table h2 { margin: 7px 0 3px; font-size: 1.2rem; }
.member-table p { margin: 5px 0 0; color: var(--muted); font-size: .86rem; }
.member-actions { display: flex; align-items: center; gap: 8px; }
.member-actions form { margin: 0; }
.status { display: inline-block; color: var(--cyan); font-size: .68rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.status-rejected,.status-closed { color: var(--danger); }
.status-published { color: var(--green); }
.moderation-form { display: grid; grid-template-columns: minmax(160px,1fr) 130px auto; gap: 8px; min-width: min(100%,520px); }
.moderation-form input,.moderation-form select,.member-actions select { min-height: 42px; padding: 0 10px; border: 1px solid var(--line); color: var(--text); background: var(--surface); }
.account-board-links { display: grid; grid-template-columns: repeat(3,1fr); margin-bottom: 28px; border: 1px solid var(--line); }
.account-board-links a { display: flex; justify-content: space-between; gap: 12px; padding: 16px; border-right: 1px solid var(--line); color: var(--cyan-soft); font-size: .8rem; }
.account-board-links a:last-child { border-right: 0; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s var(--ease), transform .7s var(--ease); }
.no-js .reveal { opacity: 1; transform: none; }
.reveal.is-visible { opacity: 1; transform: none; }
@keyframes hero-breathe { to { transform: scale(1.025); filter: saturate(1.08); } }

@media (max-width: 1320px) {
    :root { --header-h: 76px; }
    .site-header .brand { width: 116px; }
    .site-nav { gap: clamp(12px, 1.4vw, 22px); }
    .header-tools { padding-left: 14px; gap: 12px; }
    .hero-copy { width: 62%; }
    .hero-art { background-position: 45% center; }
}

@media (max-width: 1080px) {
    .header-report, .header-account { display: none; }
    .header-tools { margin-left: auto; padding-left: 0; border: 0; }
    .menu-toggle { display: block; }
    .site-nav {
        z-index: 140; display: none; position: absolute; top: 100%; left: 0; right: 0; min-height: calc(100svh - var(--header-h)); max-height: calc(100svh - var(--header-h)); overflow-y: auto;
        flex-direction: column; align-items: stretch; gap: 0; padding: 10px var(--gutter) 24px;
        border-bottom: 1px solid var(--line); background: var(--bg-deep);
        -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
        box-shadow: 0 24px 50px rgba(0, 0, 0, .32);
    }
    .site-nav.is-open { display: flex; }
    .site-nav a { height: auto; padding: 14px 2px; border-bottom: 1px solid var(--line); font-size: .96rem; }
    .site-nav a::after { display: none; }
    .site-nav .nav-account { display: inline-flex; justify-content: center; align-items: center; width: 100%; min-height: 48px; margin-top: 18px; padding: 0 22px; border: 1px solid var(--line-strong); color: var(--cyan-soft); font-size: .96rem; font-weight: 650; }
    .site-nav .nav-account:hover { color: var(--green); border-color: var(--green); }
    .site-nav .nav-cta { display: inline-flex; justify-content: center; width: 100%; min-height: 52px; margin-top: 12px; padding: 0 22px; border-bottom: 0; background: var(--cyan); color: #00131e; }
    .site-nav .nav-cta:hover { background: var(--cyan-soft); color: #00131e; }
    .hero { min-height: 720px; }
    .hero-art { inset: 26% -35% 0 -5%; opacity: .55; background-position: center; background-size: cover; }
    .hero-copy { width: 80%; align-self: flex-start; padding-top: 110px; }
    .pillar-grid { grid-template-columns: repeat(2, 1fr); }
    .pillar:nth-child(2) { border-right: 0; }
    .pillar:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .split-layout, .editorial-split { grid-template-columns: 1fr; }
    .sticky-intro { position: static; }
    .why-lead { grid-template-columns: 1fr; gap: 30px; }
    .why-lead > p { max-width: 700px; }
    .principles-inner { grid-template-columns: 1fr; }
    .principles h2 { min-height: 88px; border-right: 0; border-bottom: 1px solid var(--line); }
    .principles ol { grid-template-columns: repeat(2, 1fr); }
    .principles li:nth-child(2) { border-right: 0; }
    .principles li:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .statement { max-width: 760px; }
    .cta-inner { grid-template-columns: 1fr 1fr; }
    .cta-inner .button { grid-column: 1 / 3; width: fit-content; }
    .content-section { grid-template-columns: 60px 1fr; }
    .content-section ul { grid-column: 2; }
    .form-layout { grid-template-columns: 1fr; }
    .form-map { display: none; }
    .form-intro > p { max-width: 780px; }
    .footer-main { grid-template-columns: 1.2fr 1fr 1fr; gap: 28px; }
    .footer-owl-cluster { margin-top: 14px; }
    .footer-owl { min-height: 164px; }
    .footer-owl img { height: 150px; }
    .home-ai-grid { grid-template-columns: repeat(2,1fr); }
    .home-ai-lab-head,.ai-lab-editorial,.ai-space-grid,.lab-partners-brief,.lab-process-grid,.lab-prepare-grid,.lab-principles-grid { grid-template-columns: 1fr; }
    .ai-objective-grid { grid-template-columns: repeat(3,1fr); }
    .ai-objective:nth-child(3) { border-right: 0; }
    .ai-objective:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
    .ai-audience-grid { grid-template-columns: repeat(2,1fr); }
    .lab-need-grid,.lab-model-grid { grid-template-columns: repeat(2,1fr); }
    .auth-shell { grid-template-columns: 1fr; gap: 36px; }
    .auth-shell > header { position: static; }
    .admin-stats { grid-template-columns: repeat(2, 1fr); }
    .admin-stats article:nth-child(2) { border-right: 0; }
    .admin-stats article:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
    .board-search { grid-template-columns: 1fr 1fr; }
    .board-search input,.board-search select { border-bottom: 1px solid var(--line); }
    .board-layout { grid-template-columns: 220px minmax(0,1fr); gap: 36px; }
    .hardware-grid { grid-template-columns: repeat(2,1fr); }
    .home-hardware-track .board-card-hardware { flex-basis: 310px; }
    .listing-layout { grid-template-columns: minmax(0,1fr) 300px; gap: 42px; }
    .board-form-shell { grid-template-columns: 1fr; }
    .board-form-shell>header { position: static; }
    .member-table>article { align-items: start; grid-template-columns: 1fr; }
    .moderation-form { width: 100%; }
}

@media (max-width: 680px) {
    :root { --gutter: 20px; }
    .site-header .brand { width: 96px; }
    .header-inner { gap: 10px; }
    .header-tools { gap: 8px; }
    .cookie-notice { left: 12px; right: 12px; bottom: 12px; width: auto; padding: 18px; }
    .cookie-actions { grid-template-columns: 1fr; gap: 8px; margin-top: 16px; }
    .cookie-notice .button-small { min-height: 44px; }
    .auth-page { padding-block: 44px 72px; }
    .auth-shell { display: block; }
    .auth-shell > header { margin-bottom: 30px; }
    .auth-panel { padding: 22px; }
    .article-list { grid-template-columns: 1fr; }
    .article-card:nth-child(n) { padding: 28px 0; border-right: 0; }
    .admin-header { align-items: stretch; flex-direction: column; }
    .admin-header .button { width: 100%; }
    .admin-stats { grid-template-columns: 1fr 1fr; }
    .admin-editor-settings, .admin-meta-grid { grid-template-columns: 1fr; }
    .admin-language > div { padding: 18px; }
    .lang-switch summary { padding: 0 10px; gap: 6px; }
    .lang-menu { min-width: 168px; }
    .hero { min-height: 760px; }
    .hero-art { inset: 35% -65% -2% -32%; background-size: auto 100%; opacity: .42; }
    .hero-copy { width: 100%; padding-top: 80px; }
    .hero h1 { font-size: clamp(2.1rem, 9vw, 3rem); }
    .hero p { font-size: 1rem; line-height: 1.65; }
    .hero-actions { flex-direction: column; align-items: stretch; }
    .hero-actions .button { width: 100%; }
    .section-heading { display: block; }
    .section-heading p { margin-top: 16px; }
    .pillar-grid { grid-template-columns: 1fr; }
    .pillar { min-height: auto; padding: 26px 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .pillar:nth-child(2) { border-bottom: 1px solid var(--line); }
    .domain-list { grid-template-columns: 1fr; }
    .domain-list li:nth-child(n) { padding: 18px 0; border-left: 0; }
    .why-lead { margin-bottom: 50px; }
    .why-lead > p { padding-left: 22px; }
    .reason-grid { grid-template-columns: 1fr; }
    .reason { min-height: auto; padding: 32px 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .principles ol { grid-template-columns: 1fr; }
    .principles li:nth-child(n) { min-height: 72px; border-right: 0; border-bottom: 1px solid var(--line); }
    .principles li:last-child { border-bottom: 0; }
    .publication-row { grid-template-columns: 1fr 24px; gap: 6px 15px; padding: 20px 0; }
    .publication-type, .publication-row time { grid-column: 1; }
    .publication-row > span:last-child { grid-column: 2; grid-row: 1 / 4; }
    .cta-inner { grid-template-columns: 1fr; gap: 20px; }
    .cta-inner .button { grid-column: 1; width: 100%; margin-top: 10px; }
    .page-hero { min-height: 390px; }
    .page-hero h1 { font-size: clamp(2rem, 9vw, 3rem); }
    .content-section { grid-template-columns: 1fr; gap: 20px; }
    .content-section ul { grid-column: 1; }
    .resource-grid { grid-template-columns: 1fr; }
    .resource-card, .resource-card:nth-child(even) { border-right: 0; padding-inline: 0; }
    .content-callout { grid-template-columns: 1fr; padding: 24px; }
    .form-page { padding-top: 44px; }
    .form-intro h1 { font-size: clamp(2rem, 9vw, 2.9rem); }
    .form-panel { padding: 20px; }
    .form-grid { grid-template-columns: 1fr; }
    .form-submit { align-items: stretch; flex-direction: column; }
    .form-submit .button { width: 100%; }
    .contact-channels { grid-template-columns: 1fr; }
    .contact-channels article:nth-child(even) { padding-left: 0; border-left: 0; }
    .process-rail .container { grid-template-columns: 1fr; }
    .process-rail article { min-height: 120px; padding-inline: 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .footer-main { grid-template-columns: 1fr 1fr; }
    .footer-main > div:first-child { grid-column: 1 / 3; }
    .site-footer .footer-main > .footer-identity { grid-column: 1 / -1; }
    .footer-owl-cluster { flex: none; margin-top: 20px; }
    .footer-owl { flex: none; min-height: 0; }
    .footer-owl img { height: 156px; }
    .home-ai-lab-head { gap: 24px; }
    .home-ai-lab-head p { padding-left: 20px; }
    .home-ai-grid,.ai-objective-grid,.ai-audience-grid,.strategic-publication-grid,.lab-need-grid,.lab-model-grid,.lab-prepare-panel ul { grid-template-columns: 1fr; }
    .home-ai-card,.ai-objective,.ai-audience { min-height: 0; }
    .ai-objective:nth-child(n) { padding-inline: 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .ai-objective h3 { margin-top: 26px; }
    .ai-lab-hero { min-height: 720px; }
    .ai-lab-hero-art { background-position: 70% center; }
    .ai-lab-hero::after { background: linear-gradient(90deg,rgba(2,12,20,.94),rgba(2,12,20,.58)); }
    .ai-lab-hero h1 { font-size: clamp(2.6rem,13vw,4.2rem); }
    .ai-lab-actions { align-items: stretch; flex-direction: column; }
    .ai-lab-actions .button { width: 100%; }
    .ai-lab-editorial { gap: 28px; }
    .ai-axis { grid-template-columns: 38px 1fr; gap: 12px; }
    .ai-space-art { background-position: 70% center; }
    .ai-technical-panel { padding: 22px; }
    .ai-technical-table > div { grid-template-columns: 90px 1fr; }
    .ai-workshop-list { grid-template-columns: 1fr; }
    .ai-workshop-list li:nth-child(n) { padding: 16px 0; border-left: 0; }
    .lab-partner-facts { grid-template-columns: 1fr; }
    .lab-partner-fact:nth-child(n) { border-right: 0; border-bottom: 1px solid var(--light-line); }
    .lab-partner-fact:last-child { border-bottom: 0; }
    .lab-process-list li { grid-template-columns: 38px 1fr; gap: 12px; }
    .lab-partner-note,.lab-prepare-panel,.lab-model-card,.lab-need-card { padding: 22px; }
    .strategic-publication-card { min-height: 0; padding-inline: 22px; }
    .strategic-article-body > section { grid-template-columns: 36px 1fr; gap: 12px; }
    .footer-bottom { flex-direction: column; }
    .footer-payments-provider { margin-left: 0 !important; }
    .board-hero { padding-top: 52px; }
    .board-hero-grid,.listing-header { grid-template-columns: 1fr; gap: 24px; }
    .board-hero-actions .button { width: 100%; }
    .board-search { grid-template-columns: 1fr; margin-top: 34px; }
    .board-search input,.board-search select { border-right: 0; }
    .board-tabs { margin-inline: calc(var(--gutter) * -1); padding-left: var(--gutter); }
    .board-layout { grid-template-columns: 1fr; }
    .board-filters { position: static; }
    .board-card { min-height: 0; grid-template-columns: minmax(0,1fr) 28px; padding-block: 22px; }
    .board-card:hover { padding-inline: 8px; }
    .board-card-kicker { display: block; }
    .board-card-kicker time { display: block; margin-top: 4px; }
    .hardware-grid { grid-template-columns: 1fr; border-left: 0; }
    .hardware-grid .board-card-hardware { border-left: 1px solid var(--line); }
    .listing-layout { grid-template-columns: 1fr; padding-top: 34px; }
    .listing-sidebar { position: static; }
    .listing-gallery { grid-template-columns: 1fr; }
    .listing-primary-meta { justify-items: start; }
    .board-form-section { grid-template-columns: 30px 1fr; gap: 10px; }
    .form-grid-three { grid-template-columns: 1fr; }
    .board-form-actions,.member-actions { align-items: stretch; flex-direction: column; }
    .board-form-actions .button,.member-actions .button { width: 100%; }
    .member-header { align-items: stretch; flex-direction: column; }
    .moderation-form { grid-template-columns: 1fr; }
    .account-board-links { grid-template-columns: 1fr; }
    .account-board-links a { border-right: 0; border-bottom: 1px solid var(--line); }
    .account-board-links a:last-child { border-bottom: 0; }
    .carousel-heading-actions { align-items: flex-end; flex-direction: column; gap: 12px; }
    .carousel-controls button { width: 42px; height: 40px; }
    .home-board::before { background-position: 68% center; background-size: auto 100%; opacity: .62; }
    .home-board::after {
        background:
            linear-gradient(90deg,rgba(0,15,25,.76),rgba(0,15,25,.22)),
            linear-gradient(180deg,rgba(0,15,25,.14),rgba(0,15,25,.52));
    }
    .home-jobs-track .board-card { flex-basis: calc(100vw - 2 * var(--gutter)); min-height: 260px; }
    .home-hardware-track .board-card-hardware { flex-basis: min(86vw,330px); }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
    .reveal { opacity: 1; transform: none; }
}

/* Form & interaction polish */
.field select {
    -webkit-appearance: none;
    appearance: none;
    padding-right: 40px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239baeba' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    background-size: 13px;
}
.field select:focus { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2311bfff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); }
.button[disabled], .button:disabled, .button[aria-disabled="true"] { opacity: .5; pointer-events: none; box-shadow: none; transform: none; }
.field input:disabled, .field select:disabled, .field textarea:disabled { opacity: .55; cursor: not-allowed; }

/* Article meta line */
.article-meta { display: flex; align-items: center; gap: 10px; margin: 0 0 4px; color: var(--muted); font-size: .72rem; letter-spacing: .06em; }
.article-meta time { color: var(--cyan); }
.article-meta span[aria-hidden] { opacity: .6; }

/* Related articles */
.article-related { padding-block: clamp(48px, 6vw, 80px); border-top: 1px solid var(--line); }
.article-related > .container > h2 { margin-bottom: 30px; font-size: clamp(1.4rem, 2vw, 1.9rem); letter-spacing: -.02em; }
.article-related-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.article-related-grid .article-card:nth-child(odd) { padding-left: 34px; }
.article-related-grid .article-card:first-child { padding-left: 0; }
.article-related-grid .article-card { border-right: 1px solid var(--line); }
.article-related-grid .article-card:last-child { border-right: 0; }
@media (max-width: 860px) {
    .article-related-grid { grid-template-columns: 1fr; }
    .article-related-grid .article-card:nth-child(n) { padding: 28px 0; border-right: 0; }
}

/* Institutional light surfaces */
.mission-band {
    color: var(--ink);
    background: var(--paper);
    border-color: var(--light-line);
}
.mission-band .section-heading p,
.mission-band .pillar p { color: var(--ink-muted); }
.mission-band .pillar-grid { border-color: var(--light-line); }
.mission-band .pillar { border-color: var(--light-line); }
.mission-band .pillar h3 { color: var(--ink); }
.mission-band .pillar .index { color: var(--cyan-deep); }

.standard-content {
    color: var(--ink);
    background: var(--paper);
    border-color: var(--light-line);
}
.standard-content .content-callout {
    border-color: #a8c8d5;
    background: #fff;
}
.standard-content .content-callout > span {
    color: var(--cyan-deep);
    border-color: var(--cyan-deep);
}
.standard-content .content-callout p,
.standard-content .content-section p,
.standard-content .resource-card p { color: var(--ink-muted); }
.standard-content .content-section,
.standard-content .content-section ul,
.standard-content .content-section li,
.standard-content .resource-grid,
.standard-content .resource-card { border-color: var(--light-line); }
.standard-content .content-number,
.standard-content .resource-status,
.standard-content .section-index { color: var(--cyan-deep); }
.standard-content .content-section li { color: var(--ink); }
.standard-content .resource-card { background: rgba(255, 255, 255, .42); }

.legal-document-header {
    margin-top: 42px;
    border: 1px solid var(--light-line);
    background: #fff;
    box-shadow: 0 20px 54px rgba(8, 39, 54, .08);
}
.legal-document-nav {
    display: grid;
    grid-template-columns: minmax(180px, .8fr) minmax(0, 2.2fr);
    align-items: stretch;
    border-bottom: 1px solid var(--light-line);
}
.legal-document-nav > strong {
    display: flex;
    align-items: center;
    padding: 20px 24px;
    color: var(--ink);
    font-size: .77rem;
    letter-spacing: .07em;
    text-transform: uppercase;
    border-right: 1px solid var(--light-line);
}
.legal-document-nav > div {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
}
.legal-document-nav a {
    display: flex;
    align-items: center;
    min-height: 64px;
    padding: 14px 18px;
    color: var(--ink-muted);
    font-size: .78rem;
    line-height: 1.35;
    border-right: 1px solid var(--light-line);
    transition: color .2s, background .2s;
}
.legal-document-nav a:last-child { border-right: 0; }
.legal-document-nav a:hover,
.legal-document-nav a.is-active {
    color: var(--ink);
    background: var(--paper-2);
}
.legal-document-nav a.is-active { box-shadow: inset 0 -3px 0 var(--cyan-deep); }
.legal-document-identity {
    display: grid;
    grid-template-columns: 1.6fr .7fr .8fr;
    margin: 0;
}
.legal-document-identity > div {
    min-width: 0;
    padding: 18px 24px;
    border-right: 1px solid var(--light-line);
}
.legal-document-identity > div:last-child { border-right: 0; }
.legal-document-identity dt {
    margin-bottom: 4px;
    color: var(--ink-muted);
    font-size: .66rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.legal-document-identity dd {
    margin: 0;
    color: var(--ink);
    font-size: .8rem;
    font-weight: 650;
    overflow-wrap: anywhere;
}
.legal-document-identity a { color: var(--cyan-deep); }
.legal-document-header + .content-callout { margin-top: 24px; }

@media (max-width: 860px) {
    .legal-document-nav { grid-template-columns: 1fr; }
    .legal-document-nav > strong { border-right: 0; border-bottom: 1px solid var(--light-line); }
    .legal-document-nav > div { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .legal-document-nav a:nth-child(2) { border-right: 0; }
    .legal-document-nav a:nth-child(-n+2) { border-bottom: 1px solid var(--light-line); }
    .legal-document-identity { grid-template-columns: 1fr; }
    .legal-document-identity > div { border-right: 0; border-bottom: 1px solid var(--light-line); }
    .legal-document-identity > div:last-child { border-bottom: 0; }
}

@media (max-width: 480px) {
    .legal-document-nav > div { grid-template-columns: 1fr; }
    .legal-document-nav a { border-right: 0; border-bottom: 1px solid var(--light-line); }
    .legal-document-nav a:last-child { border-bottom: 0; }
}

.publications-preview {
    color: var(--ink);
    background: var(--paper-2);
    border-color: var(--light-line);
}
.publications-preview .section-heading p,
.publications-preview .publication-row time { color: var(--ink-muted); }
.publications-preview .publication-list,
.publications-preview .publication-row { border-color: #acc4ce; }
.publications-preview .publication-type,
.publications-preview .publication-row > span:last-child,
.publications-preview .text-link { color: var(--cyan-deep); }
.publications-preview .text-link { border-color: var(--cyan-deep); }
.publications-preview .publication-row:hover { background: rgba(8, 123, 164, .07); }

.board-layout > *,
.board-layout > div,
.board-list,
.board-card-body { min-width: 0; }
.board-results {
    color: var(--ink);
    background: var(--paper);
    border-color: var(--light-line);
}
.board-results .board-filters {
    color: var(--ink);
    border-color: var(--light-line);
    background: #fff;
    box-shadow: 0 18px 44px rgba(8, 39, 54, .08);
}
.board-results .field label { color: var(--ink); }
.board-results .field input,
.board-results .field select {
    color: var(--ink);
    border-color: #a8bdc7;
    background-color: #fff;
}
.board-results .board-results-head,
.board-results .board-card,
.board-results .board-empty { border-color: var(--light-line); }
.board-results .board-results-head span,
.board-results .board-card p { color: var(--ink-muted); }
.board-results .board-card {
    background: rgba(255, 255, 255, .5);
}
.board-results .board-card:hover {
    border-color: #86b6c9;
    background: #fff;
}
.board-results .board-card-kicker,
.board-results .board-card-arrow { color: var(--cyan-deep); }
.board-results .board-card-kicker time { color: var(--ink-muted); }
.board-results .board-card-meta { color: #334f5d; }
.board-results .board-card-meta strong { color: #3f7b16; }
.board-results .board-empty { background: rgba(255, 255, 255, .48); }
.board-results .button-secondary {
    color: #fff;
    border-color: var(--cyan-deep);
    background: var(--cyan-deep);
}
.board-results .button-secondary:hover {
    color: #fff;
    background: #066b90;
}
.board-results .pagination a { border-color: #a8bdc7; }
.board-results .pagination a.is-active {
    color: #fff;
    border-color: var(--cyan-deep);
    background: var(--cyan-deep);
}
.board-card h3 { overflow-wrap: anywhere; }

@media (max-width: 680px) {
    .board-layout { min-width: 0; }
    .board-list { grid-template-columns: minmax(0, 1fr); }
    .board-filters { width: 100%; min-width: 0; }
    .board-results-head { flex-wrap: wrap; gap: 8px 18px; }
    .board-list .board-card {
        width: 100%;
        grid-template-columns: minmax(0, 1fr) 28px;
    }
}

/* Print */
@media print {
    :root { --header-h: 0px; }
    html, body { background: #fff !important; color: #000 !important; }
    body::before, .hero-art, .page-grid, .form-map { display: none !important; }
    .page-hero::after { display: none !important; content: none !important; }
    .site-header, .site-footer, .menu-toggle, .lang-switch, .skip-link,
    .cookie-notice, .partnership-cta, .hero-actions, .breadcrumbs,
    .article-related, .nav-cta, .header-tools, form, .form-page, .auth-page,
    .process-rail { display: none !important; }
    .form-panel, .content-callout, .surface, [class*="-card"], .statement {
        background: transparent !important; box-shadow: none !important;
    }
    main { padding: 0 !important; }
    .container { width: 100% !important; max-width: none !important; padding-inline: 0 !important; }
    .page-hero, .section, .standard-content, .content-section, .article-body {
        min-height: 0 !important; padding-block: 12px !important; border: 0 !important;
    }
    .page-hero h1, .content-section h2, .article-page h1 { color: #000 !important; }
    h1, h2, h3, p, li, time, .content-section p, .article-body p, .section-index, .content-number {
        color: #000 !important; text-shadow: none !important;
    }
    a { color: #000 !important; text-decoration: underline; }
    .reveal { opacity: 1 !important; transform: none !important; }
    .content-section { grid-template-columns: 1fr !important; gap: 6px !important; break-inside: avoid; }
    .content-callout { border: 1px solid #999 !important; background: #f4f4f4 !important; }
}

/* Home — articles carousel */
.home-articles { background: rgba(2, 10, 18, .45); }
.home-articles-track .article-carousel-card { flex: 0 0 min(400px, calc(100vw - 2 * var(--gutter))); }
.article-carousel-card { position: relative; display: flex; flex-direction: column; min-height: 232px; padding: 26px; border: 1px solid var(--line); background: rgba(4, 20, 32, .91); scroll-snap-align: start; transition: border-color .25s var(--ease), background .25s var(--ease); }
.article-carousel-card:hover { border-color: var(--line-strong); background: var(--surface); }
.article-carousel-card h3 { margin: 14px 0 8px; font-size: 1.15rem; line-height: 1.3; letter-spacing: -.015em; }
.article-carousel-card h3 a::after { content: ""; position: absolute; inset: 0; }
.article-carousel-card:hover h3 { color: var(--cyan-soft); }
.article-carousel-card p { margin: 0 0 16px; color: var(--muted); font-size: .85rem; line-height: 1.6; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.article-card-read { margin-top: auto; color: var(--cyan); font-size: .76rem; font-weight: 650; }
.article-carousel-card:hover .article-card-read { color: var(--green); }

/* Digital hygiene — shared blocks (home section + guide page) */
.home-hygiene { background: rgba(3, 12, 21, .5); }
.home-hygiene-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; margin-bottom: 30px; }
.home-hygiene-head h2 { margin: 0 0 10px; font-size: clamp(1.5rem, 2.4vw, 2.1rem); letter-spacing: -.03em; line-height: 1.1; }
.home-hygiene-head p { max-width: 620px; margin: 0; color: var(--muted); }
.hygiene-signals { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.hygiene-signal { padding: 24px 24px 22px; border-right: 1px solid var(--line); }
.hygiene-signal:first-child { padding-left: 0; }
.hygiene-signal:last-child { border-right: 0; }
.hygiene-signal svg { stroke: var(--danger); fill: none; stroke-width: 1.5; stroke-linecap: square; stroke-linejoin: miter; margin-bottom: 16px; }
.hygiene-signal h3 { margin: 0; color: var(--danger); font-size: .78rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.hygiene-signal em { display: block; margin: 5px 0 9px; color: #dbe5ea; font-size: .9rem; }
.hygiene-signal p { margin: 0; color: var(--muted); font-size: .84rem; line-height: 1.65; }
.hygiene-rule { margin: 0; padding: 15px 22px; border-block: 1px solid rgba(255, 179, 106, .4); background: rgba(255, 151, 72, .06); color: #f0dcc7; font-size: .87rem; }
.hygiene-rule strong { color: var(--danger); }
.hygiene-contacts { display: grid; grid-template-columns: repeat(3, 1fr); border-bottom: 1px solid var(--line); }
.hygiene-contact { display: grid; gap: 3px; padding: 18px 22px; border-right: 1px solid var(--line); }
.hygiene-contact:first-child { padding-left: 0; }
.hygiene-contact:last-child { border-right: 0; }
.hygiene-contact span { color: var(--muted); font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.hygiene-contact strong { color: var(--green); font-size: 1.12rem; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.hygiene-contact small { color: var(--muted); font-size: .7rem; }

/* Digital hygiene — guide page */
.guide-hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 18px; margin-top: 28px; }
.guide-hero .page-updated { margin-top: 0; }
.guide-toc { position: sticky; top: var(--header-h); z-index: 40; border-bottom: 1px solid var(--line); background: rgba(2, 10, 18, .88); -webkit-backdrop-filter: blur(12px); backdrop-filter: blur(12px); }
.guide-toc-inner { display: flex; overflow-x: auto; scrollbar-width: none; }
.guide-toc-inner::-webkit-scrollbar { display: none; }
.guide-toc a { flex: 0 0 auto; display: flex; align-items: baseline; gap: 9px; padding: 15px 20px; border-right: 1px solid var(--line); color: var(--muted); font-size: .72rem; white-space: nowrap; }
.guide-toc a:first-child { padding-left: 0; }
.guide-toc a b { color: var(--cyan); font-size: .64rem; font-weight: 700; letter-spacing: .08em; }
.guide-toc a:hover { color: var(--cyan-soft); }
.guide-body { border-bottom: 1px solid var(--line); }
.guide-layout { display: grid; grid-template-columns: minmax(0, 1.6fr) 300px; gap: clamp(40px, 6vw, 90px); padding-block: clamp(30px, 4vw, 56px) clamp(56px, 7vw, 96px); }
.guide-section { padding-block: clamp(34px, 4vw, 52px); border-bottom: 1px solid var(--line); scroll-margin-top: calc(var(--header-h) + 64px); }
.guide-section:first-child { padding-top: 0; }
.guide-section:last-child { border-bottom: 0; padding-bottom: 0; }
.guide-section > h2 { display: grid; grid-template-columns: 58px minmax(0, 1fr); gap: 14px; align-items: baseline; margin-bottom: 20px; font-size: clamp(1.45rem, 2.2vw, 2.1rem); line-height: 1.1; letter-spacing: -.025em; }
.guide-section > h2 span { color: var(--cyan); font-size: .95rem; font-weight: 600; }
.guide-lead { max-width: 720px; margin-bottom: 26px; color: #b9c8d0; }
.guide-subtitle { margin: 34px 0 16px; font-size: 1rem; letter-spacing: .08em; text-transform: uppercase; }
.guide-rules { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.guide-rules li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 15px 0; border-bottom: 1px solid var(--line); }
.guide-rules li span { color: var(--green); font-size: .78rem; font-weight: 700; letter-spacing: .06em; }
.guide-rules li p { margin: 0; color: #c9d5db; font-size: .9rem; line-height: 1.65; }
.guide-rules li strong { color: var(--text); font-weight: 650; }
.guide-daily { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); }
.guide-daily article { padding: 22px 26px 22px 0; border-bottom: 1px solid var(--line); }
.guide-daily article:nth-child(even) { padding-left: 26px; border-left: 1px solid var(--line); }
.guide-daily h3 { margin-bottom: 12px; color: var(--cyan-soft); font-size: .95rem; }
.guide-list { margin: 0; padding: 0; list-style: none; }
.guide-list li { position: relative; padding: 8px 0 8px 20px; color: #c4d1d8; font-size: .84rem; line-height: 1.6; }
.guide-list li::before { content: ""; position: absolute; left: 0; top: 15px; width: 6px; height: 6px; background: var(--green); }
.guide-routine { margin-top: 28px; padding: 20px 24px; border: 1px solid rgba(142, 234, 53, .45); background: rgba(48, 100, 17, .08); }
.guide-routine h3 { margin-bottom: 10px; color: var(--green); font-size: .95rem; }
.guide-routine p { margin: 0; color: #d5e0d4; font-size: .88rem; }
.guide-signs { margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.guide-signs li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 14px; padding: 13px 0; border-bottom: 1px solid var(--line); }
.guide-signs li > span { color: var(--cyan); font-size: .76rem; font-weight: 700; }
.guide-signs strong { display: block; font-size: .92rem; font-weight: 650; }
.guide-signs p { margin: 3px 0 0; color: var(--muted); font-size: .84rem; }
.guide-ai-note { margin: 24px 0 0; padding: 16px 20px; border-left: 2px solid var(--cyan); background: rgba(17, 191, 255, .06); color: #c8d5dc; font-size: .87rem; }
.guide-two-cols { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 26px; }
.guide-box { padding: 22px 24px; border: 1px solid var(--line); background: rgba(7, 24, 39, .45); }
.guide-box h3 { margin-bottom: 12px; font-size: .95rem; }
.guide-box-good { border-color: rgba(142, 234, 53, .4); }
.guide-box-good h3 { color: var(--green); }
.guide-box-alert { border-color: rgba(255, 179, 106, .42); }
.guide-box-alert h3 { color: var(--danger); }
.guide-box-alert .guide-list li::before { background: var(--danger); }
.guide-vishing { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.guide-vishing article { padding: 20px 22px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.guide-vishing span { color: var(--danger); font-size: .66rem; font-weight: 750; letter-spacing: .08em; }
.guide-vishing h4 { margin: 8px 0 6px; font-size: .95rem; font-weight: 650; }
.guide-vishing p { margin: 0; color: var(--muted); font-size: .82rem; line-height: 1.6; }
.guide-protocol { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.guide-protocol article { padding: 22px 24px 22px 0; border-right: 1px solid var(--line); }
.guide-protocol article + article { padding-left: 24px; }
.guide-protocol article:last-child { border-right: 0; }
.guide-protocol span { color: var(--cyan); font-size: 1.6rem; font-weight: 300; line-height: 1; }
.guide-protocol h4 { margin: 12px 0 6px; font-size: .98rem; font-weight: 650; }
.guide-protocol p { margin: 0; color: var(--muted); font-size: .82rem; }
.guide-note { margin: 24px 0 0; padding-left: 20px; border-left: 1px solid var(--green); color: var(--muted); font-size: .86rem; }
.guide-sources { margin: 30px 0 0; color: #708590; font-size: .7rem; }
.guide-aside { align-self: start; position: sticky; top: calc(var(--header-h) + 78px); }
.guide-panel { padding: 24px; border: 1px solid var(--line-strong); background: rgba(3, 18, 29, .9); }
.guide-panel h2 { margin-bottom: 8px; color: var(--cyan-soft); font-size: .8rem; letter-spacing: .1em; text-transform: uppercase; }
.guide-panel div { display: grid; gap: 3px; padding: 13px 0; border-top: 1px solid var(--line); }
.guide-panel span { color: var(--muted); font-size: .64rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.guide-panel strong { color: var(--green); font-size: 1.1rem; font-weight: 600; font-variant-numeric: tabular-nums; overflow-wrap: anywhere; }
.guide-panel-note { margin: 12px 0 0; color: var(--muted); font-size: .72rem; }

/* Digital hygiene guide — paper (light) surface adjustments */
.guide-body .guide-section,
.guide-body .guide-rules,
.guide-body .guide-rules li,
.guide-body .guide-signs,
.guide-body .guide-signs li,
.guide-body .guide-daily,
.guide-body .guide-daily article,
.guide-body .guide-vishing,
.guide-body .guide-vishing article,
.guide-body .guide-protocol,
.guide-body .guide-protocol article,
.guide-body .hygiene-signals,
.guide-body .hygiene-signal { border-color: var(--light-line); }
.guide-body .guide-section > h2 span { color: var(--cyan-deep); }
.guide-body .guide-lead { color: var(--ink-muted); }
.guide-body .hygiene-signal svg { stroke: #b35309; }
.guide-body .hygiene-signal h3 { color: #b35309; }
.guide-body .hygiene-signal em { color: #33505f; }
.guide-body .hygiene-signal p { color: var(--ink-muted); }
.guide-body .hygiene-rule { border-color: #e3b98b; background: #fbf1e5; color: #6b4a23; }
.guide-body .hygiene-rule strong { color: #b35309; }
.guide-body .guide-rules li span { color: #4c8a0e; }
.guide-body .guide-rules li p { color: #33505f; }
.guide-body .guide-rules li strong { color: var(--ink); }
.guide-body .guide-daily h3 { color: var(--cyan-deep); }
.guide-body .guide-list li { color: #33505f; }
.guide-body .guide-list li::before { background: #4c8a0e; }
.guide-body .guide-routine { border-color: #b5d48c; background: #f1f7e7; }
.guide-body .guide-routine h3 { color: #3f7a0a; }
.guide-body .guide-routine p { color: #41522e; }
.guide-body .guide-signs li > span { color: var(--cyan-deep); }
.guide-body .guide-signs strong { color: var(--ink); }
.guide-body .guide-signs p { color: var(--ink-muted); }
.guide-body .guide-ai-note { border-color: var(--cyan-deep); background: #e9f4fa; color: #33505f; }
.guide-body .guide-box { border-color: var(--light-line); background: #fff; }
.guide-body .guide-box-good { border-color: #b5d48c; }
.guide-body .guide-box-good h3 { color: #3f7a0a; }
.guide-body .guide-box-alert { border-color: #e3b98b; }
.guide-body .guide-box-alert h3 { color: #b35309; }
.guide-body .guide-box-alert .guide-list li::before { background: #b35309; }
.guide-body .guide-vishing span { color: #b35309; }
.guide-body .guide-vishing h4 { color: var(--ink); }
.guide-body .guide-vishing p { color: var(--ink-muted); }
.guide-body .guide-protocol span { color: var(--cyan-deep); }
.guide-body .guide-protocol p { color: var(--ink-muted); }
.guide-body .guide-note { border-color: #4c8a0e; color: var(--ink-muted); }
.guide-body .guide-sources { color: #6b8391; }
.guide-body .guide-panel-note { color: var(--ink-muted); }

/* Offers — startups & PME (home banner + offres page) */
.offer-tag { display: inline-block; margin-left: 12px; padding: 4px 10px; border: 1px solid rgba(142, 234, 53, .55); color: var(--green); font-size: .64rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; vertical-align: 2px; }
.home-offers { position: relative; isolation: isolate; overflow: hidden; background: #03131f; border-top: 1px solid var(--line); }
.home-offers::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(115deg, rgba(17, 191, 255, .12), transparent 45%), linear-gradient(295deg, rgba(142, 234, 53, .07), transparent 40%); }
.home-offers-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 30px; align-items: end; margin-bottom: 26px; }
.home-offers-head h2 { margin: 10px 0 8px; font-size: clamp(1.5rem, 2.4vw, 2.1rem); letter-spacing: -.03em; line-height: 1.1; }
.home-offers-head p { max-width: 640px; margin: 0; color: var(--muted); }
.offers-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.offer-card { position: relative; display: flex; flex-direction: column; padding: 28px; border: 1px solid var(--line-strong); background: rgba(4, 20, 32, .92); color: inherit; transition: border-color .25s var(--ease), background .25s var(--ease); }
.offer-card:hover { border-color: var(--cyan); background: var(--surface); }
.offer-card-top { display: flex; justify-content: space-between; align-items: center; gap: 16px; margin-bottom: 18px; }
.offer-badge { padding: 5px 11px; border: 1px solid var(--line-strong); color: var(--cyan-soft); font-size: .66rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; }
.offer-price { display: flex; align-items: baseline; gap: 7px; }
.offer-price em { color: var(--muted); font-size: .7rem; font-style: normal; letter-spacing: .06em; text-transform: uppercase; }
.offer-price strong { color: var(--green); font-size: clamp(1.05rem, 1.35vw, 1.35rem); white-space: nowrap; font-weight: 300; letter-spacing: -.02em; font-variant-numeric: tabular-nums; }
.offer-price > span { color: var(--muted); font-size: .78rem; }
.offer-card h2, .offer-card h3 { margin: 0 0 8px; font-size: clamp(1.15rem, 1.6vw, 1.45rem); line-height: 1.2; letter-spacing: -.02em; }
.offer-card > p { margin: 0 0 16px; color: var(--muted); font-size: .88rem; line-height: 1.65; }
.offer-points { margin: 0 0 22px; padding: 0; list-style: none; border-top: 1px solid var(--line); }
.offer-points li { position: relative; padding: 9px 0 9px 20px; border-bottom: 1px solid var(--line); color: #c9d5db; font-size: .84rem; line-height: 1.55; }
.offer-points li::before { content: ""; position: absolute; left: 0; top: 16px; width: 6px; height: 6px; background: var(--green); }
.offer-card .button { margin-top: auto; width: fit-content; }
.offer-more { margin-top: auto; color: var(--cyan); font-size: .78rem; font-weight: 650; }
.offer-card:hover .offer-more { color: var(--green); }
.offer-card:hover h3 { color: var(--cyan-soft); }
.offers-hero .page-hero-inner { padding-block: 52px; }
.offers-kicker { display: inline-block; margin-bottom: 14px; color: var(--cyan); font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }
.offers-cards { background: rgba(2, 10, 18, .45); }
.offers-services .content-callout { margin-top: 34px; }
.offers-who .ai-lab-checklist { max-width: 720px; }
.offers-note { max-width: 720px; margin: 28px 0 0; padding: 20px; border-left: 2px solid var(--green); background: rgba(8, 29, 46, .82); color: #dce5e9; font-size: .86rem; }

/* Forms — company block, registration brief, interests */
.form-block { margin: 18px 0 0; padding: 18px 18px 14px; border: 1px solid var(--line); }
.form-block legend { padding: 0 10px; color: var(--cyan-soft); font-size: .78rem; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.form-block legend small { display: block; margin-top: 2px; color: var(--muted); font-weight: 500; letter-spacing: 0; text-transform: none; }
.auth-panel .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 20px; }
.check-group-label { margin: 26px 0 14px; color: var(--cyan-soft); font-size: .78rem; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.check-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 12px 24px; }
.check-grid .check { margin-top: 0; padding: 8px 0; }
.admin-fiche-grid { grid-template-columns: repeat(3, 1fr); align-items: start; }
@media (max-width: 680px) {
    .auth-panel .form-grid, .check-grid { grid-template-columns: 1fr; }
    .admin-fiche-grid { grid-template-columns: 1fr; }
}
@media (min-width: 681px) and (max-width: 1080px) {
    .admin-fiche-grid { grid-template-columns: repeat(2, 1fr); }
}

/* Home — compact board strip */
.home-board-strip { border-bottom: 1px solid var(--line); background: var(--bg-deep); }
.home-board-strip-inner { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 26px; min-height: 62px; padding-block: 10px; }
.strip-label { display: inline-flex; align-items: center; gap: 10px; color: var(--cyan-soft); font-size: .72rem; font-weight: 750; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.strip-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--cyan); box-shadow: 0 0 10px rgba(17, 191, 255, .7); }
.home-board-strip-inner > p { flex: 1 1 160px; min-width: 0; margin: 0; overflow: hidden; color: var(--muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }
.strip-links { display: flex; flex-wrap: wrap; gap: 8px; }
.strip-links a { padding: 7px 12px; border: 1px solid var(--line); color: #c4d0d7; font-size: .72rem; white-space: nowrap; }
.strip-links a:hover { border-color: var(--line-strong); color: var(--cyan-soft); }
.strip-cta { white-space: nowrap; }
.check-consent { margin-top: 14px; }
.check-consent span a { color: var(--cyan); text-decoration: underline; text-underline-offset: 3px; }
.check-consent span a:hover { color: var(--green); }

/* Home — tighter vertical rhythm */
.page-home .section { padding-block: clamp(40px, 4.2vw, 64px); }
.page-home .mission-band .container { padding-top: 28px; padding-bottom: 30px; }
.page-home .section-heading { margin-bottom: 22px; }
.page-home .pillar { min-height: 116px; padding-top: 20px; }
.page-home .domain-list li { min-height: 54px; }
.page-home .reason { min-height: 124px; padding-top: 24px; padding-bottom: 24px; }
.page-home .signal-dot { margin-bottom: 18px; }
.page-home .principles-inner { min-height: 110px; }
.page-home .why-lead { margin-bottom: 34px; }
.page-home .publication-row { min-height: 70px; }
.page-home .home-ai-lab-head { margin-bottom: 28px; }
.page-home .home-ai-card { min-height: 140px; padding: 22px; }
.page-home .home-ai-card h3 { margin-top: 16px; }
.page-home .home-jobs-track .board-card { min-height: 200px; padding: 24px; }
.page-home .article-carousel-card { min-height: 205px; }
.page-home .partnership-cta { padding-block: 44px; }
.page-home .home-hygiene-head, .page-home .home-offers-head { margin-bottom: 24px; }
@media (min-width: 1081px) {
    .page-home .hero { min-height: min(520px, calc(100vh - var(--header-h))); }
    .page-home .hero-copy { padding-block: 44px 64px; }
}

@media (max-width: 1080px) {
    .guide-layout { grid-template-columns: 1fr; gap: 40px; }
    .guide-aside { position: static; }
    .home-hygiene-head { grid-template-columns: 1fr; align-items: start; gap: 20px; }
    .home-hygiene-head .button { width: fit-content; }
    .home-offers-head { grid-template-columns: 1fr; align-items: start; gap: 20px; }
    .home-offers-head .button { width: fit-content; }
    .page-home .hero { min-height: 640px; }
}

@media (max-width: 680px) {
    .hygiene-signals, .hygiene-contacts { grid-template-columns: 1fr; }
    .hygiene-signal, .hygiene-contact { padding-left: 0; padding-right: 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .hygiene-signal:last-child, .hygiene-contact:last-child { border-bottom: 0; }
    .hygiene-contacts { border-bottom: 1px solid var(--line); }
    .guide-daily, .guide-two-cols, .guide-vishing, .guide-protocol { grid-template-columns: 1fr; }
    .guide-daily article:nth-child(even) { padding-left: 0; border-left: 0; }
    .guide-vishing { border-left: 0; }
    .guide-vishing article { padding-left: 0; padding-right: 0; border-right: 0; }
    .guide-protocol article { padding: 22px 0; border-right: 0; border-bottom: 1px solid var(--line); }
    .guide-protocol article:last-child { border-bottom: 0; }
    .guide-section > h2 { grid-template-columns: 1fr; gap: 6px; }
    .home-articles-track .article-carousel-card { flex-basis: min(340px, calc(100vw - 2 * var(--gutter))); }
    .offers-grid { grid-template-columns: 1fr; }
    .home-board-strip-inner > p { display: none; }
    .strip-links { margin-left: 0; }
    .page-home .hero { min-height: 700px; }
}

/* ── Back-office : composants étendus ───────────────────────────── */
.admin-stats-cards { display: grid; grid-template-columns: repeat(auto-fill, minmax(158px, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.admin-stat-card { display: grid; gap: 6px; padding: 22px; background: var(--bg-deep); transition: background .2s var(--ease); }
.admin-stat-card:hover { background: rgba(17, 191, 255, .08); }
.admin-stat-card strong { color: var(--cyan-soft); font-size: 1.9rem; line-height: 1; }
.admin-stat-card span { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .07em; }
.admin-stat-card.is-flagged strong { color: var(--danger); }
.admin-filter { display: flex; flex-wrap: wrap; align-items: end; gap: 14px; margin-bottom: 26px; padding: 18px; border: 1px solid var(--line); background: var(--bg-deep); }
.admin-filter label { display: grid; gap: 6px; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .06em; }
.admin-filter select { min-height: 42px; padding: 0 12px; border: 1px solid var(--line); color: var(--text); background: var(--surface); }
.admin-pager { display: flex; align-items: center; justify-content: center; gap: 18px; margin-top: 26px; color: var(--muted); font-size: .8rem; }
.admin-section { margin-top: 44px; }
.admin-subgrid { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 24px; align-items: start; }
.admin-subgrid .admin-editor { padding: 22px; border: 1px solid var(--line); background: var(--surface); }
.row-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; }
.row-actions form, .member-actions-group form { margin: 0; }
.member-actions-group { display: flex; flex-direction: column; gap: 10px; align-items: stretch; }
.application-message { margin-top: 10px !important; padding: 12px 14px; border-left: 2px solid var(--cyan); background: rgba(7, 24, 39, .6); color: #c3d0d6 !important; font-size: .84rem !important; white-space: pre-line; }
.submission-detail { display: grid; gap: 6px; }
.submission-detail p { margin: 0; color: #c3d0d6; font-size: .82rem; word-break: break-word; }
.tag { display: inline-block; padding: 3px 9px; border: 1px solid var(--line-strong); border-radius: 999px; color: var(--cyan-soft); font-size: .68rem; letter-spacing: .04em; }
.log-context { display: inline-block; max-width: 320px; overflow: hidden; color: var(--muted); font-family: ui-monospace, SFMono-Regular, Menlo, monospace; font-size: .72rem; white-space: nowrap; text-overflow: ellipsis; vertical-align: bottom; }
.button-ghost { color: var(--muted); border-color: var(--line-strong); }
.button-ghost:hover { color: var(--cyan); border-color: var(--cyan); background: transparent; }
.button-danger { color: var(--danger); border-color: rgba(255, 90, 90, .5); background: transparent; }
.button-danger:hover { color: #fff; background: var(--danger); border-color: var(--danger); box-shadow: none; }
.admin-danger { padding: 22px; border: 1px solid rgba(255, 90, 90, .4); background: rgba(255, 90, 90, .05); }
.admin-danger h2 { color: var(--danger); }
@media (max-width: 680px) {
    .admin-stats-cards { grid-template-columns: repeat(2, 1fr); }
    .member-actions-group { flex-direction: row; flex-wrap: wrap; }
}

/* ── Messagerie privée ──────────────────────────────────────────── */
.nav-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 18px; height: 18px; padding: 0 5px; border-radius: 999px; background: var(--cyan); color: #00131e; font-size: .64rem; font-weight: 700; vertical-align: middle; }
/* ── Messagerie ─────────────────────────────────────────────────────────
   La page vit sur fond clair : les anciennes règles utilisaient la palette
   sombre du site, d'où un texte gris sur bleu nuit illisible. Tout passe en
   « papier » (surface claire, encre foncée, accent cyan), comme le compte. */
.member-page .member-header { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 18px 28px; }
.messages-new { display: inline-flex; align-items: center; gap: 9px; white-space: nowrap; }

.messages-layout {
    display: grid; grid-template-columns: minmax(240px, 330px) minmax(0, 1fr);
    gap: 0; min-height: 520px; margin-top: 30px;
    border: 1px solid var(--light-line); background: var(--paper);
    box-shadow: 0 18px 44px rgba(9, 30, 46, .09);
}
.messages-list { display: flex; flex-direction: column; max-height: 640px; overflow-y: auto; border-right: 1px solid var(--light-line); background: rgba(255, 255, 255, .55); }
/* Colonne vide : le texte collé en haut donnait une plaque abandonnée. */
.messages-empty { margin: auto; padding: 26px 22px; color: var(--ink-muted); font-size: .82rem; line-height: 1.6; text-align: center; }

.messages-item { display: grid; gap: 5px; padding: 16px 20px; border-bottom: 1px solid var(--light-line); color: var(--ink); transition: background .18s var(--ease); }
.messages-item:hover { background: rgba(14, 116, 144, .06); }
.messages-item.is-active { background: #fff; box-shadow: inset 3px 0 0 var(--cyan); }
.messages-item-top { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.messages-item-top strong { color: var(--ink); font-size: .92rem; }
.messages-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 20px; height: 20px; padding: 0 6px; border-radius: 999px; background: var(--cyan); color: #00131e; font-size: .68rem; font-weight: 700; }
.messages-context { color: #0d6c8f; font-size: .68rem; letter-spacing: .04em; }
.messages-snippet { overflow: hidden; color: var(--ink-muted); font-size: .76rem; text-overflow: ellipsis; white-space: nowrap; }

.messages-thread { display: flex; flex-direction: column; min-width: 0; background: #fff; }
.messages-thread-head { padding: 20px 26px; border-bottom: 1px solid var(--light-line); }
.messages-thread-head h2 { margin: 0; color: var(--ink); font-size: 1.12rem; }
.messages-thread-head p { margin: 4px 0 0; color: var(--ink-muted); font-size: .8rem; }
.messages-thread-head a { color: #0d6c8f; text-decoration: underline; text-underline-offset: 3px; }

.messages-stream { display: flex; flex: 1; flex-direction: column; gap: 14px; max-height: 520px; padding: 26px; overflow-y: auto; }
.messages-stream-admin { max-height: none; }
.messages-bubble { max-width: 74%; padding: 13px 16px; border: 1px solid var(--light-line); border-radius: 14px 14px 14px 4px; background: var(--paper); }
.messages-bubble.is-mine { align-self: flex-end; border-color: rgba(14, 116, 144, .3); border-radius: 14px 14px 4px 14px; background: rgba(14, 116, 144, .09); }
.messages-bubble p { margin: 5px 0 0; color: var(--ink); font-size: .88rem; line-height: 1.55; white-space: pre-line; }
.messages-meta { color: var(--ink-muted); font-size: .69rem; }
.messages-reply { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: end; padding: 18px 26px; border-top: 1px solid var(--light-line); background: var(--paper); }
.messages-reply textarea { min-height: 54px; resize: vertical; }

/* État vide et composition : centrés, lisibles, avec l'action principale. */
/* Portée limitée au fil de discussion : « .board-empty » sert aussi au
   marché, et le fond sombre hérité y devenait un pavé gris sur du blanc. */
.messages-thread .board-empty {
    display: grid; flex: 1; place-content: center; justify-items: center;
    gap: 14px; padding: 54px 30px; border: 0; background: none; text-align: center;
}
.messages-empty-icon { width: 46px; height: 46px; color: var(--cyan); }
.messages-thread .board-empty h2 { margin: 0; color: var(--ink); font-size: 1.15rem; }
.messages-thread .board-empty p { margin: 0; max-width: 46ch; color: var(--ink-muted); font-size: .86rem; line-height: 1.65; }
.messages-howto { max-width: 46ch; }

.messages-compose { padding: 30px 32px; }
.messages-compose > h2 { margin: 0 0 6px; color: var(--ink); font-size: 1.15rem; }
.messages-compose > p { margin: 0 0 20px; max-width: 60ch; color: var(--ink-muted); font-size: .86rem; line-height: 1.6; }
.messages-search { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: 12px; padding-bottom: 20px; border-bottom: 1px solid var(--light-line); }
.messages-search .field { margin: 0; }
.messages-compose-form { padding-top: 20px; }
.messages-people { margin: 0 0 18px; padding: 0; border: 0; }
.messages-people legend { margin-bottom: 10px; padding: 0; color: var(--ink); font-size: .8rem; font-weight: 700; }
.messages-people .check { margin: 0; padding: 9px 12px; border: 1px solid var(--light-line); background: var(--paper); }
.messages-people { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 8px; }
.messages-people legend { grid-column: 1 / -1; }

.footer-contact { display: flex; flex-wrap: wrap; gap: 4px 18px; margin-top: 10px; }
.footer-contact a { color: var(--cyan-soft); }
@media (max-width: 780px) {
    .messages-layout { grid-template-columns: 1fr; min-height: 0; }
    .messages-list { max-height: 240px; border-right: 0; border-bottom: 1px solid var(--light-line); }
    .messages-reply { grid-template-columns: 1fr; }
    .messages-bubble { max-width: 92%; }
    .messages-search { grid-template-columns: 1fr; }
    .messages-compose { padding: 24px 20px; }
    .member-page .member-header { align-items: flex-start; }
}

/* Unified editorial feed: news and knowledge remain visibly distinct. */
.home-editorial {
    color: var(--text);
    border-top: 1px solid var(--line);
    border-bottom: 1px solid var(--line);
    background:
        radial-gradient(circle at 92% 18%, rgba(17, 191, 255, .09), transparent 28%),
        var(--bg-deep);
}
.home-editorial-head {
    display: grid;
    grid-template-columns: minmax(120px, .38fr) minmax(0, 1fr);
    gap: clamp(24px, 5vw, 84px);
    align-items: end;
    margin-bottom: 38px;
}
.home-editorial-head .section-index { margin: 0; }
.home-editorial-head h2 {
    margin: 0 0 10px;
    font-size: clamp(2rem, 3.4vw, 3.6rem);
    line-height: 1;
    letter-spacing: -.025em;
}
.home-editorial-head p { max-width: 68ch; margin: 0; color: #b7c6cd; }
.home-editorial-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    border-top: 1px solid var(--line-strong);
}
.home-editorial-column { min-width: 0; padding: 30px 0; }
.home-editorial-column:first-child { padding-right: clamp(24px, 3vw, 46px); border-right: 1px solid var(--line); }
.home-editorial-column:last-child { padding-left: clamp(24px, 3vw, 46px); }
.home-editorial-column-head {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 18px;
    margin-bottom: 18px;
}
.home-editorial-column-head h3 { margin: 0; font-size: clamp(1.45rem, 2vw, 2rem); }
.home-editorial-list { border-top: 1px solid var(--line); }
.home-editorial-row {
    position: relative;
    display: grid;
    grid-template-columns: 112px minmax(0, 1fr) auto 20px;
    gap: 14px;
    align-items: center;
    min-height: 94px;
    border-bottom: 1px solid var(--line);
    transition: background .2s var(--ease);
}
.home-editorial-row:hover { background: rgba(17, 191, 255, .05); }
.home-editorial-row > span,
.home-editorial-row time {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 700;
    letter-spacing: .055em;
    text-transform: uppercase;
}
.home-editorial-row strong { font-size: .96rem; line-height: 1.35; }
.home-editorial-row b { color: var(--cyan); font-size: 1.15rem; }
.home-editorial-empty { margin: 0; padding: 26px 0; color: var(--muted); }

.article-editorial-note {
    margin: 0 0 54px;
    padding: 22px 0;
    border-top: 1px solid var(--line-strong);
    border-bottom: 1px solid var(--line);
}
.article-editorial-note dl {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 22px;
    margin: 0;
}
.article-editorial-note dt {
    margin-bottom: 5px;
    color: var(--cyan);
    font-size: .68rem;
    font-weight: 750;
    letter-spacing: .075em;
    text-transform: uppercase;
}
.article-editorial-note dd { margin: 0; color: #d2dce1; font-size: .84rem; line-height: 1.5; }
.publication-empty { grid-column: 1 / -1; }

@media (max-width: 820px) {
    .home-editorial-head { grid-template-columns: 1fr; gap: 12px; }
    .home-editorial-grid { grid-template-columns: 1fr; }
    .home-editorial-column:first-child {
        padding-right: 0;
        border-right: 0;
        border-bottom: 1px solid var(--line-strong);
    }
    .home-editorial-column:last-child { padding-left: 0; }
}
@media (max-width: 560px) {
    .home-editorial-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 5px 12px;
        padding: 16px 0;
    }
    .home-editorial-row > span { grid-column: 1; }
    .home-editorial-row strong { grid-column: 1 / -1; }
    .home-editorial-row time { grid-column: 1; }
    .home-editorial-row b { grid-column: 2; grid-row: 1; }
}

/* ============================================================
   UI enhancements — additive, on-brand micro-interactions
   Reading progress · Back-to-top · Static-card hover
   ============================================================ */

/* Reading / scroll progress bar */
.scroll-progress {
    position: fixed; inset: 0 0 auto 0; z-index: 1000;
    height: 3px; pointer-events: none;
    background: rgba(128, 177, 201, .12);
    opacity: 0; transition: opacity .3s var(--ease);
}
.scroll-progress.is-active { opacity: 1; }
.scroll-progress > span {
    display: block; height: 100%; width: 100%;
    transform: scaleX(var(--sp, 0)); transform-origin: left;
    background: linear-gradient(90deg, var(--cyan), var(--green));
    box-shadow: 0 0 12px rgba(17, 191, 255, .55);
}

/* Back-to-top control */
.to-top {
    position: fixed; right: clamp(16px, 3vw, 34px); bottom: clamp(16px, 3vw, 34px);
    z-index: 900; display: grid; place-items: center;
    width: 46px; height: 46px; padding: 0;
    color: var(--cyan-soft); background: rgba(7, 24, 39, .92);
    border: 1px solid var(--line-strong); border-radius: 999px;
    box-shadow: var(--shadow-pop); cursor: pointer;
    opacity: 0; transform: translateY(12px); pointer-events: none;
    transition: opacity .3s var(--ease), transform .3s var(--ease), color .2s, background .2s, border-color .2s;
    -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px);
}
.to-top.is-visible { opacity: 1; transform: none; pointer-events: auto; }
.to-top:hover { color: #00131e; background: var(--cyan); border-color: var(--cyan); transform: translateY(-3px); }
.to-top:focus-visible { outline: 2px solid var(--cyan-soft); outline-offset: 3px; }
.to-top svg { width: 18px; height: 18px; }

/* Static-card hover polish — Nos missions pillars + Cyber & AI Lab cards */
.home-ai-card { position: relative; }
.pillar, .home-ai-card { transition: background .25s var(--ease); }
.pillar::after, .home-ai-card::before {
    content: ""; position: absolute; top: 0; left: 0; right: 0; height: 2px;
    transform: scaleX(0); transform-origin: left;
    background: linear-gradient(90deg, var(--cyan), var(--green));
    transition: transform .3s var(--ease);
}
.pillar:hover::after, .home-ai-card:hover::before { transform: scaleX(1); }
.pillar:hover { background: rgba(17, 191, 255, .05); }
.pillar:hover h3, .pillar:hover .index { color: var(--cyan); }
.home-ai-card:hover { background: var(--surface-2); }
.home-ai-card:hover > span, .home-ai-card:hover h3 { color: var(--cyan-soft); }

/* Light band (Nos missions) tuning */
.mission-band .pillar::after { background: linear-gradient(90deg, var(--cyan-deep), var(--cyan)); }
.mission-band .pillar:hover { background: rgba(8, 123, 164, .07); }
.mission-band .pillar:hover h3,
.mission-band .pillar:hover .index { color: var(--cyan-deep); }

/* ── Commercial services / pricing / cooperation ───────────────── */
.commercial-hero {
    background:
        radial-gradient(circle at 86% 22%, rgba(17, 191, 255, .16), transparent 28%),
        linear-gradient(135deg, rgba(142, 234, 53, .06), transparent 42%),
        var(--bg-deep);
}
.commercial-kicker, .offers-kicker, .offer-tag {
    display: inline-flex; align-items: center; gap: 8px;
    color: var(--green); font-size: .72rem; font-weight: 800;
    letter-spacing: .12em; text-transform: uppercase;
}
.commercial-kicker::before, .offers-kicker::before, .offer-tag::before {
    content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--green);
    box-shadow: 0 0 18px rgba(142, 234, 53, .65);
}
.commercial-lead { display: grid; grid-template-columns: minmax(240px, .85fr) 1fr; gap: clamp(28px, 5vw, 84px); align-items: start; }
.commercial-lead h2 { margin: 8px 0 0; font-size: clamp(1.6rem, 3vw, 2.7rem); line-height: 1.05; }
.commercial-category-grid, .service-card-grid, .offers-grid {
    display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px;
}
.commercial-category-grid.compact, .service-card-grid.compact { grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); }
.commercial-category-card, .service-card, .commercial-price-row {
    position: relative; overflow: hidden; border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(7, 24, 39, .92), rgba(3, 16, 27, .96));
    box-shadow: 0 18px 48px rgba(0, 0, 0, .18);
}
.commercial-category-card {
    display: flex; flex-direction: column; min-height: 240px; padding: 26px; color: var(--text);
    transition: transform .25s var(--ease), border-color .25s var(--ease), background .25s var(--ease);
}
.commercial-category-card::before, .service-card::before, .commercial-price-row::before {
    content: ""; position: absolute; inset: 0 0 auto; height: 3px;
    background: linear-gradient(90deg, var(--cyan), var(--green));
    transform: scaleX(.18); transform-origin: left; opacity: .8;
    transition: transform .25s var(--ease);
}
.commercial-category-card:hover { transform: translateY(-4px); border-color: var(--cyan); background: var(--surface); }
.commercial-category-card:hover::before, .service-card:hover::before, .commercial-price-row:hover::before { transform: scaleX(1); }
.commercial-category-card > span {
    color: var(--cyan); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase;
}
.commercial-category-card h2 { margin: 28px 0 10px; font-size: clamp(1.15rem, 1.7vw, 1.45rem); line-height: 1.15; }
.commercial-category-card p { margin: 0 0 24px; color: var(--muted); font-size: .9rem; line-height: 1.65; }
.commercial-category-card b { margin-top: auto; color: var(--cyan-soft); font-size: .78rem; text-transform: uppercase; letter-spacing: .06em; }
.service-card {
    display: flex; flex-direction: column; min-height: 100%; padding: 24px;
    transition: opacity .2s var(--ease), transform .2s var(--ease), border-color .2s var(--ease);
}
.service-card:hover { border-color: var(--line-strong); transform: translateY(-2px); }
.service-card-head { display: flex; justify-content: space-between; align-items: flex-start; gap: 14px; margin-bottom: 20px; }
.scope-badge {
    display: inline-flex; align-items: center; margin: 0 6px 6px 0; padding: 5px 9px;
    border: 1px solid var(--line); border-radius: 999px; color: var(--muted);
    background: rgba(255, 255, 255, .03); font-size: .64rem; font-weight: 760; letter-spacing: .06em; text-transform: uppercase;
}
.scope-badge-accent { color: #00131e; border-color: var(--green); background: var(--green); }
.service-price { color: var(--green); text-align: right; font-size: .92rem; font-weight: 760; line-height: 1.25; }
.service-card h3 { margin: 0 0 10px; font-size: clamp(1.05rem, 1.55vw, 1.35rem); line-height: 1.18; }
.service-card > p { color: #c2d0d7; font-size: .88rem; line-height: 1.65; }
.service-meta { display: grid; gap: 8px; margin: 18px 0; }
.service-meta div { display: grid; grid-template-columns: 120px 1fr; gap: 12px; padding-top: 8px; border-top: 1px solid rgba(128, 177, 201, .14); }
.service-meta dt { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .06em; }
.service-meta dd { margin: 0; color: #dbe5ea; font-size: .8rem; }
.included-list, .excluded-list { margin-top: 14px; }
.included-list strong, .excluded-list strong { display: block; margin-bottom: 6px; color: var(--cyan-soft); font-size: .76rem; text-transform: uppercase; letter-spacing: .07em; }
.included-list ul, .excluded-list ul, .content-callout ul { margin: 0; padding-left: 18px; color: var(--muted); font-size: .84rem; line-height: 1.65; }
.vat-display { margin: 16px 0 0; color: #78909c; font-size: .72rem; }
.service-card-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; margin-top: auto; padding-top: 18px; }
.price-disclaimer {
    display: grid; grid-template-columns: 34px 1fr; gap: 16px; margin-top: 28px; padding: 18px 20px;
    border: 1px solid rgba(142, 234, 53, .32); background: rgba(142, 234, 53, .055);
}
.price-disclaimer span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--green); border-radius: 50%; color: var(--green); font-weight: 800; }
.price-disclaimer p { margin: 0; color: #bfd0d8; font-size: .84rem; line-height: 1.55; }
.commercial-form-section { padding: var(--space-xl) 0; border-top: 1px solid var(--line); background: rgba(2, 10, 18, .55); }
.commercial-form-intro { width: min(100% - var(--gutter) * 2, 900px); margin: 0 auto 24px; padding-inline: var(--gutter); }
.commercial-form-intro h2 { margin: 8px 0 8px; font-size: clamp(1.55rem, 2.6vw, 2.2rem); }
.commercial-form-intro p { color: var(--muted); }
.commercial-form-section .form-panel { width: min(100% - var(--gutter) * 2, 1080px); margin-inline: auto; }
.pricing-filter {
    display: flex; flex-wrap: wrap; gap: 10px; align-items: center;
    padding: 16px; border: 1px solid var(--line); background: rgba(7, 24, 39, .75);
}
.pricing-filter span { color: var(--muted); font-size: .75rem; font-weight: 760; letter-spacing: .07em; text-transform: uppercase; }
.pricing-filter button {
    min-height: 38px; padding: 0 14px; border: 1px solid var(--line); border-radius: 999px;
    color: #d9e3e8; background: transparent; cursor: pointer;
}
.pricing-filter button:hover, .pricing-filter button.is-active { border-color: var(--cyan); color: #00131e; background: var(--cyan); }
.pricing-anchor-nav {
    position: sticky; top: calc(var(--header-h) + 10px); z-index: 8;
    display: flex; flex-wrap: nowrap; gap: 8px; overflow-x: auto; margin-top: 14px; padding-top: 12px; padding-bottom: 12px;
    border: 1px solid var(--line); background: rgba(2, 10, 18, .94);
    box-shadow: 0 16px 36px rgba(0, 0, 0, .2);
    -webkit-overflow-scrolling: touch;
}
.pricing-anchor-nav a {
    flex: 0 0 auto; padding: 8px 11px; border: 1px solid rgba(128, 177, 201, .24); border-radius: 999px;
    color: #c9d8df; font-size: .74rem; font-weight: 700; white-space: nowrap;
}
.pricing-anchor-nav a:hover, .pricing-anchor-nav a:focus-visible { border-color: var(--cyan); color: var(--cyan-soft); outline: none; }
[data-client-segments].is-dimmed { opacity: .38; }
[data-client-segments].is-highlighted { border-color: var(--green); }
.commercial-rate-table { display: grid; border: 1px solid var(--line); background: var(--line); gap: 1px; }
.commercial-rate-table div {
    display: grid; grid-template-columns: minmax(220px, 1fr) minmax(140px, auto) minmax(180px, auto);
    gap: 16px; align-items: center; padding: 16px 18px; background: var(--surface);
}
.commercial-rate-table strong { font-size: .92rem; }
.commercial-rate-table span { color: var(--green); font-weight: 760; }
.commercial-rate-table small { color: var(--muted); text-align: right; }
.commercial-price-list { display: grid; gap: 1px; border: 1px solid var(--line); background: var(--line); }
.commercial-price-row {
    display: grid; grid-template-columns: 1fr minmax(180px, auto); gap: 24px; align-items: center;
    padding: 18px 22px; background: var(--surface);
}
.commercial-price-row h3 { margin: 0 0 4px; font-size: 1rem; }
.commercial-price-row p { margin: 0; color: var(--muted); font-size: .84rem; }
.commercial-price-row strong { display: block; color: var(--green); text-align: right; }
.commercial-price-row small { display: block; margin-top: 4px; color: var(--muted); text-align: right; font-size: .7rem; }
.commercial-faq { padding: var(--space-xl) var(--gutter); border-top: 1px solid var(--line); background: var(--paper); color: var(--ink); }
.commercial-faq h2 { width: min(100%, var(--max)); margin-inline: auto; font-size: clamp(1.5rem, 2.4vw, 2.1rem); }
.faq-accordion { width: min(100%, var(--max)); margin: 24px auto 0; display: grid; gap: 10px; }
.faq-accordion details { border: 1px solid var(--light-line); background: #fff; }
.faq-accordion summary { padding: 18px 22px; cursor: pointer; font-weight: 760; }
.faq-accordion p { margin: 0; padding: 0 22px 20px; color: var(--ink-muted); }
.commercial-legal-list .container { display: grid; gap: 12px; }
.commercial-condition {
    display: grid; grid-template-columns: 58px 1fr; gap: 22px; padding: 24px;
    border: 1px solid var(--line); background: rgba(7, 24, 39, .72);
}
.commercial-condition > span { color: var(--cyan); font-size: 1.8rem; font-weight: 300; }
.commercial-condition h2 { margin-bottom: 6px; font-size: 1.05rem; }
.commercial-condition p { margin: 0; color: var(--muted); }
.commercial-two-col { display: grid; grid-template-columns: 1fr 1fr; gap: 28px; align-items: start; }
.commercial-principles { display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px; }
.commercial-principles div {
    min-height: 110px; padding: 20px; border: 1px solid var(--line);
    background: linear-gradient(180deg, rgba(7, 24, 39, .84), rgba(3, 16, 27, .96));
    color: #dce7ec; font-weight: 650;
}
.commercial-principles span { display: block; margin-bottom: 18px; color: var(--cyan); font-size: .75rem; letter-spacing: .08em; }
.form-cookie-gate { padding: 26px; border: 1px solid var(--line-strong); background: rgba(17, 191, 255, .055); }
.form-cookie-gate h2 { margin-bottom: 8px; }
.form-cookie-gate p { color: var(--muted); }
.form-panel-gated { align-self: start; background: rgba(6, 24, 38, .82); }
.form-panel-gated .form-cookie-gate { min-height: 0; border-color: var(--line-strong); background: rgba(17, 191, 255, .055); }

@media (max-width: 1040px) {
    .commercial-category-grid, .service-card-grid, .offers-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .commercial-lead, .commercial-two-col { grid-template-columns: 1fr; }
}
@media (max-width: 720px) {
    .commercial-category-grid, .service-card-grid, .offers-grid { grid-template-columns: 1fr; }
    .commercial-category-card, .service-card { padding: 22px; }
    .service-card-head, .commercial-price-row, .commercial-rate-table div { grid-template-columns: 1fr; }
    .service-price, .commercial-price-row strong, .commercial-price-row small, .commercial-rate-table small { text-align: left; }
    .service-meta div { grid-template-columns: 1fr; gap: 2px; }
    .commercial-condition { grid-template-columns: 1fr; }
}

/* 2026 institutional redesign ------------------------------------------------ */
@font-face {
    font-family: "Barlow Condensed"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("../fonts/barlow-condensed-500.woff2") format("woff2"), url("../fonts/barlow-condensed-500.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow Condensed"; font-style: normal; font-weight: 600; font-display: swap;
    src: url("../fonts/barlow-condensed-600.woff2") format("woff2"), url("../fonts/barlow-condensed-600.ttf") format("truetype");
}
@font-face {
    font-family: "Barlow Condensed"; font-style: normal; font-weight: 700; font-display: swap;
    src: url("../fonts/barlow-condensed-700.woff2") format("woff2"), url("../fonts/barlow-condensed-700.ttf") format("truetype");
}
:root {
    --bg: #07131d;
    --bg-deep: #030b12;
    --surface: #0b1c28;
    --surface-2: #102631;
    --text: #f1efe9;
    --muted: #9bacb5;
    --cyan: #19b9e6;
    --cyan-soft: #77d6ee;
    --green: #d6c928;
    --paper: #f2efe7;
    --paper-2: #e7e3d9;
    --ink: #12232c;
    --ink-muted: #566871;
    --line: rgba(155, 184, 197, .22);
    --line-strong: rgba(25, 185, 230, .56);
    --max: 1536px;
    --header-h: 94px;
}

body {
    background: var(--bg);
    font-family: "Avenir Next", Avenir, "Segoe UI", Helvetica, Arial, sans-serif;
    letter-spacing: -.005em;
}
body::before { opacity: .09; background-size: 96px 96px; }

.site-header {
    min-height: var(--header-h);
    background: rgba(5, 16, 25, .94);
    border-color: rgba(155, 184, 197, .18);
}
.header-inner { min-height: var(--header-h); gap: clamp(20px, 2.8vw, 48px); }
.brand {
    display: grid; grid-template-columns: auto auto; align-items: center; gap: 12px;
    width: auto !important; color: var(--text); line-height: 1.02;
}
.brand strong {
    font-size: clamp(1.5rem, 2vw, 2rem); font-weight: 780; letter-spacing: -.055em;
}
.brand span {
    padding-left: 12px; border-left: 1px solid rgba(241, 239, 233, .4);
    color: #c8d0d3; font-size: .61rem; font-weight: 540; letter-spacing: .015em;
    text-transform: uppercase;
}
.site-nav { gap: clamp(18px, 2.15vw, 38px); }
.site-nav a {
    color: #d2d9dc; font-size: .78rem; font-weight: 520; letter-spacing: .015em;
}
.site-nav a::after { height: 1px; }
.header-tools { gap: 10px; padding-left: 8px; border: 0; }
.header-account { display: none; }
.lang-switch summary { min-height: 42px; border-color: transparent; background: transparent; }
.lang-globe { display: none; }
.header-report {
    min-height: 44px; padding-inline: 20px; color: #00131e; background: var(--cyan);
    border-color: var(--cyan); letter-spacing: .07em; text-transform: uppercase;
}

.page-home .hero {
    min-height: 478px;
    background: #04111a;
}
.page-home .hero::before {
    content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none;
    background:
        linear-gradient(90deg, rgba(4, 17, 26, .98) 0%, rgba(4, 17, 26, .86) 38%, rgba(4, 17, 26, .1) 68%),
        linear-gradient(0deg, rgba(4, 17, 26, .74), transparent 42%);
}
.page-home .hero::after { height: 18%; background: linear-gradient(to top, #061520, transparent); }
.page-home .hero-art {
    inset: 0 -3% 0 22%; background-position: center right; opacity: .98;
    animation-duration: 18s; filter: saturate(.78) contrast(1.07);
}
.page-home .hero-inner { align-items: center; }
.page-home .hero-copy { width: min(700px, 55%); padding: 42px 0 48px; }
.hero-eyebrow {
    display: block; margin-bottom: 18px; color: var(--cyan); font-size: .72rem;
    font-weight: 700; letter-spacing: .22em; text-transform: uppercase;
}
.page-home .hero h1 {
    max-width: 760px; margin-bottom: 18px;
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(3.5rem, 5.3vw, 6rem); font-weight: 600; line-height: .88;
    letter-spacing: -.025em; text-transform: uppercase;
}
.page-home .hero h1::after {
    content: ""; display: block; width: 104px; height: 3px; margin-top: 18px;
    background: linear-gradient(90deg, #151515 0 33%, #f2d927 33% 67%, #e7363f 67%);
}
.page-home .hero p { max-width: 590px; margin-bottom: 18px; color: #cbd4d8; font-size: .93rem; line-height: 1.55; }
.page-home .hero-actions { display: inline-flex; margin: 0; vertical-align: middle; }
.page-home .hero .button {
    min-height: 50px; padding-inline: 22px; background: transparent; color: var(--text);
    border-color: rgba(241, 239, 233, .62); font-size: .72rem; letter-spacing: .07em; text-transform: uppercase;
}
.page-home .hero .button:hover { color: #00131e; border-color: var(--cyan); background: var(--cyan); }
.page-home .hero .button:first-child { display: none; }
.page-home .hero .text-link { display: none; }
.hero-status {
    display: inline-flex; align-items: center; gap: 10px; margin: 0 0 0 48px;
    color: #cdd6da; font-size: .7rem; letter-spacing: .07em; text-transform: uppercase;
}
.hero-status i {
    width: 9px; height: 9px; border: 1px solid var(--cyan); border-radius: 50%;
    background: var(--cyan); box-shadow: 0 0 0 4px rgba(25, 185, 230, .11), 0 0 18px rgba(25, 185, 230, .42);
}
.hero-observatory {
    position: absolute; z-index: 3; right: var(--gutter); top: 50%; width: 132px;
    transform: translateY(-50%); border: 1px solid rgba(119, 214, 238, .28);
    background: rgba(4, 17, 26, .66); backdrop-filter: blur(8px);
}
.hero-observatory > strong {
    display: block; padding: 9px 10px; border-bottom: 1px solid rgba(119, 214, 238, .22);
    color: var(--cyan); font-size: .55rem; font-weight: 600; letter-spacing: .08em; text-transform: uppercase;
}
.hero-observatory dl { margin: 0; }
.hero-observatory dl div { padding: 9px 10px; border-bottom: 1px solid rgba(119, 214, 238, .14); }
.hero-observatory dt { color: #8298a3; font-size: .49rem; letter-spacing: .07em; text-transform: uppercase; }
.hero-observatory dd {
    margin: 1px 0 0; color: #dce5e8; font-family: "Barlow Condensed", sans-serif;
    font-size: 1.25rem; font-variant-numeric: tabular-nums;
}
.hero-observatory small { display: block; padding: 9px 10px; color: #8298a3; font-size: .5rem; text-transform: uppercase; }
.hero-observatory time { display: block; margin-top: 2px; color: #cbd7dc; font-size: .78rem; }

.mission-band { background: #071822; }
.mission-band .container {
    display: grid; grid-template-columns: minmax(240px, .8fr) 2.2fr; gap: 44px;
    height: 143px; padding-top: 0; padding-bottom: 0;
}
.mission-band .section-heading { display: block; align-self: center; margin: 0; padding: 32px 30px 32px 0; }
.mission-band .section-heading h2 {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(1.35rem, 1.65vw, 1.9rem); line-height: 1.25; text-transform: uppercase;
}
.page-home .mission-band .section-heading h2,
.page-home .mission-band .pillar h3 { color: var(--text); }
.page-home .mission-band .pillar p { color: var(--muted); }
.page-home .mission-band .pillar .index { color: #607681; }
.mission-band .section-heading p { display: none; }
.pillar-grid { border: 0; }
.pillar { min-height: 143px; padding: 30px 22px; border-left: 1px solid var(--line); border-right: 0; }
.pillar:first-child { padding-left: 22px; }
.pillar .index { float: left; margin: 0 12px 0 0; color: #667b86; font-size: 1.45rem; font-weight: 300; }
.pillar h3 {
    margin: 0 0 8px; color: var(--text); font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: 1.12rem; letter-spacing: .015em; text-transform: uppercase;
}
.pillar p { margin: 0; font-size: .72rem; line-height: 1.55; }

.page-home .section { padding-block: clamp(74px, 7vw, 112px); }
.page-home .home-ai-lab {
    background: var(--paper); color: var(--ink); border-color: #cbc6bb;
}
.page-home .home-ai-lab::after { background: none; }
.page-home .home-ai-lab .reveal { opacity: 1; transform: none; }
.page-home .home-ai-lab { padding-block: 26px 58px; }
.page-home .home-ai-lab-head { margin-bottom: 18px; padding-bottom: 18px; }
.page-home .home-ai-lab-head h2 { font-size: clamp(1.8rem, 2.7vw, 3rem); }
.page-home .home-ai-grid { grid-template-columns: repeat(2, 1fr); border: 0; border-top: 1px solid #bbb7ae; }
.page-home .home-ai-card { min-height: 220px; padding: 0; border-color: #bcb8ae; background: transparent; }
.page-home .home-ai-card:nth-child(-n+2) {
    display: grid; grid-template-columns: minmax(180px, .9fr) 1.1fr;
    grid-template-rows: auto auto 1fr; align-content: start;
}
.page-home .home-ai-card:nth-child(-n+2)::after {
    content: ""; grid-column: 1; grid-row: 1 / 4; min-height: 220px;
    border-right: 1px solid #bcb8ae; background-position: center; background-size: cover;
    filter: saturate(.42) contrast(1.05);
}
.page-home .home-ai-card:nth-child(1)::after { background-image: url("../img/home-jobs-background.webp"); }
.page-home .home-ai-card:nth-child(2)::after { background-image: url("../img/belgium-observatory.webp"); }
.page-home .home-ai-card:nth-child(-n+2) > span,
.page-home .home-ai-card:nth-child(-n+2) > h3,
.page-home .home-ai-card:nth-child(-n+2) > p { grid-column: 2; margin-left: 28px; margin-right: 24px; }
.page-home .home-ai-card:nth-child(-n+2) > span { margin-top: 26px; }
.page-home .home-ai-card:nth-child(n+3) { grid-column: 1 / -1; padding: 24px 28px; min-height: 0; }
.page-home .home-ai-card h3 {
    margin-top: 18px; font-family: "Barlow Condensed", sans-serif; font-size: 1.65rem;
    line-height: 1; text-transform: uppercase;
}
.page-home .home-ai-card p { max-width: 38ch; }
.page-home .home-ai-card:hover { background: rgba(18, 35, 44, .035); }
.page-home .home-ai-card:hover h3 { color: var(--ink); }
.home-ai-lab::before {
    content: ""; position: absolute; inset: 0; opacity: .24; pointer-events: none;
    background-image: radial-gradient(rgba(18, 35, 44, .22) .55px, transparent .55px);
    background-size: 5px 5px;
}
.home-ai-lab .container { position: relative; }
.home-ai-lab-art { display: none; }
.home-ai-lab-head { grid-template-columns: 1fr 1fr; align-items: end; border-color: #bbb7ae; }
.home-ai-lab-head h2,
.page-home .home-offers h2,
.page-home .domains h2,
.page-home .why h2 {
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 760; letter-spacing: -.035em; text-transform: uppercase;
}
.home-ai-lab-head p { color: var(--ink-muted); }
.home-ai-card { border-color: #c7c2b8; }
.home-ai-card span { color: #138aac; }
.home-ai-card p { color: var(--ink-muted); }
.home-ai-lab .button { background: var(--ink); border-color: var(--ink); color: var(--paper); }

.page-home .home-jobs,
.page-home .domains,
.page-home .why,
.page-home .publications-preview,
.page-home .home-hygiene { background-color: var(--bg); }
.page-home .home-offers,
.page-home .cooperation,
.page-home .home-articles { background: #0a1a25; }
.page-home .principles { background: #10232e; }
.page-home .section-heading h2,
.page-home .sticky-intro h2,
.page-home .why-lead h2,
.page-home .editorial-split h2,
.page-home .home-hygiene h2,
.page-home .home-offers h2 {
    font-size: clamp(2.25rem, 3.7vw, 4.25rem); line-height: .98;
}
.section-index { letter-spacing: .18em; }
.offer-card, .reason, .home-ai-card { transition: transform .3s var(--ease), background .3s, border-color .3s; }
.offer-card:hover, .reason:hover, .home-ai-card:hover { transform: translateY(-5px); }

@media (max-width: 1240px) {
    .brand span { display: none; }
    .site-nav { gap: 20px; }
    .header-account { display: none; }
    .hero-observatory { display: none; }
}
@media (max-width: 980px) {
    .brand span { display: block; }
    .page-home .hero-copy { width: min(700px, 74%); }
    .mission-band .container { grid-template-columns: 1fr; gap: 0; height: auto; }
    .mission-band .section-heading { padding-bottom: 20px; }
    .pillar-grid { border-top: 1px solid var(--line); }
}
@media (max-width: 720px) {
    :root { --header-h: 76px; }
    .brand strong { font-size: 1.45rem; }
    .brand span { font-size: .48rem; }
    .header-report { display: none; }
    .page-home .hero { min-height: 620px; }
    .page-home .hero-art { inset: 0 -50% 0 0; opacity: .5; }
    .page-home .hero::before { background: linear-gradient(90deg, rgba(4,17,26,.98), rgba(4,17,26,.73)); }
    .page-home .hero-copy { width: 100%; padding-block: 62px; }
    .page-home .hero h1 { font-size: clamp(3rem, 14vw, 4.75rem); }
    .page-home .hero-actions { display: grid; grid-template-columns: 1fr; }
    .page-home .hero .button { width: 100%; }
    .hero-status { margin: 22px 0 0 2px; }
    .pillar-grid { grid-template-columns: 1fr 1fr; }
    .pillar { border-bottom: 1px solid var(--line); }
    .home-ai-lab-head { grid-template-columns: 1fr; }
    .page-home .home-ai-grid { grid-template-columns: 1fr; }
    .page-home .home-ai-card:nth-child(-n+2) { grid-template-columns: 1fr; }
    .page-home .home-ai-card:nth-child(-n+2)::after { grid-column: 1; grid-row: 1; min-height: 180px; border-right: 0; border-bottom: 1px solid #bcb8ae; }
    .page-home .home-ai-card:nth-child(-n+2) > span,
    .page-home .home-ai-card:nth-child(-n+2) > h3,
    .page-home .home-ai-card:nth-child(-n+2) > p { grid-column: 1; }
}
@media (max-width: 460px) {
    .brand span { display: none; }
    .pillar-grid { grid-template-columns: 1fr; }
}

/* Render parity: lock the approved desktop composition. */
@media (min-width: 1241px) {
    .page-home .hero h1 { font-size: clamp(4.25rem, 4.7vw, 5.25rem); }
    .page-home .mission-band .section-heading h2 {
        font-size: clamp(1.45rem, 1.65vw, 1.8rem); line-height: 1.13; letter-spacing: -.015em;
    }
}

/* Gilroy is the institutional primary face; Barlow Condensed remains editorial. */
@font-face {
    font-family: "Gilroy"; font-style: normal; font-weight: 400; font-display: swap;
    src: url("../fonts/gilroy-regular.woff2") format("woff2"), url("../fonts/gilroy-regular.ttf") format("truetype");
}
@font-face {
    font-family: "Gilroy"; font-style: normal; font-weight: 500; font-display: swap;
    src: url("../fonts/gilroy-medium.woff2") format("woff2"), url("../fonts/gilroy-medium.ttf") format("truetype");
}
@font-face {
    font-family: "Gilroy"; font-style: normal; font-weight: 600; font-display: swap;
    src: url("../fonts/gilroy-semibold.woff2") format("woff2"), url("../fonts/gilroy-semibold.ttf") format("truetype");
}
@font-face {
    font-family: "Gilroy"; font-style: normal; font-weight: 700 900; font-display: swap;
    src: url("../fonts/gilroy-bold.woff2") format("woff2"), url("../fonts/gilroy-bold.ttf") format("truetype");
}
body { font-family: "Gilroy", "Segoe UI", Helvetica, Arial, sans-serif; }
.brand strong { font-family: "Gilroy", sans-serif; font-weight: 800; }

/* Homepage news — approved 7/5 Observatory composition. */
.page-home section.home-articles {
    padding-block: 34px 0; overflow: hidden; color: var(--text);
    background:
        linear-gradient(90deg, rgba(3, 15, 24, .98), rgba(3, 15, 24, .95)),
        url("../img/observatory-map-2026.webp") center / cover;
    border-block-color: rgba(155, 184, 197, .26);
}
.home-news-head { position: relative; padding-bottom: 30px; }
.home-news-head > .section-index { display: block; margin-bottom: 30px; color: var(--cyan); font-size: .68rem; font-weight: 700; text-transform: uppercase; }
.home-news-head > .section-index::after { content: none; }
.home-news-heading {
    display: grid; grid-template-columns: 300px minmax(360px, 1fr) 230px;
    gap: 56px; align-items: end;
}
.home-news-heading h2 {
    margin: 0; color: var(--text); font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-size: clamp(4.5rem, 4.8vw, 5.5rem); font-weight: 600; line-height: .82; letter-spacing: -.035em;
    text-transform: uppercase;
}
.home-news-heading p { max-width: 690px; margin: 0 0 3px; color: #c2cdd2; font-size: .9rem; }
.home-news-heading .text-link { justify-content: flex-end; align-self: end; width: 230px; margin-bottom: 4px; color: #e8edf0; border-color: transparent; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; white-space: nowrap; }
.home-news-heading .text-link span { margin-left: 10px; color: var(--cyan); font-size: 1.15rem; }
.belgian-rule { display: flex; width: 172px; height: 5px; margin-top: 17px; gap: 4px; }
.belgian-rule i { display: block; flex: 1; height: 3px; }
.belgian-rule i:nth-child(1) { border: 1px solid rgba(241, 239, 233, .62); background: #08090a; }
.belgian-rule i:nth-child(2) { background: #f2d20a; }
.belgian-rule i:nth-child(3) { background: #ec1838; }
.home-news-grid { display: grid; grid-template-columns: minmax(0, 1.22fr) minmax(620px, 1fr); border-top: 1px solid var(--cyan); }
.home-news-lead, .home-news-item { position: relative; min-width: 0; }
.home-news-lead { padding: 24px 28px 28px 0; border-right: 1px solid rgba(155, 184, 197, .42); }
.home-news-secondary { min-width: 0; }
.home-news-item { display: grid; grid-template-columns: minmax(190px, .82fr) minmax(0, 1.18fr); gap: 30px; min-height: 242px; padding: 24px 0 22px 30px; border-bottom: 1px solid rgba(155, 184, 197, .36); }
.home-news-item:last-child { border-bottom: 0; }
.home-news-cover { position: relative; margin: 0; overflow: hidden; border: 1px solid rgba(155, 184, 197, .34); background: #08141d; }
.home-news-cover::after {
    content: ""; position: absolute; inset: 0; pointer-events: none;
    background-image: linear-gradient(rgba(25,185,230,.08) 1px, transparent 1px), linear-gradient(90deg, rgba(25,185,230,.08) 1px, transparent 1px);
    background-size: 72px 72px; mix-blend-mode: screen;
}
.home-news-lead .home-news-cover { aspect-ratio: 16 / 5; }
.home-news-item .home-news-cover { align-self: start; aspect-ratio: 1.4 / 1; }
.home-news-cover img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72) contrast(1.06); transition: transform .5s var(--ease), filter .5s var(--ease); }
.home-news-lead .home-news-cover img { object-position: center 58%; }
.home-news-lead:hover .home-news-cover img, .home-news-item:hover .home-news-cover img { transform: scale(1.018); filter: saturate(.86) contrast(1.08); }
.home-news-copy { min-width: 0; }
.home-news-lead .home-news-copy { padding-top: 14px; }
.home-news-meta { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 7px; color: #aebbc1; font-size: .68rem; font-weight: 600; letter-spacing: .1em; text-transform: uppercase; }
.home-news-meta span:last-child { color: var(--cyan); }
.home-news-lead h3, .home-news-item h3 {
    margin: 0; color: var(--text); font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 600; letter-spacing: -.018em; line-height: 1.02; text-transform: uppercase;
}
.home-news-lead h3 { font-size: clamp(2rem, 2.1vw, 2.35rem); }
.home-news-item h3 { font-size: clamp(1.35rem, 1.65vw, 1.92rem); }
.home-news-copy h3 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.home-news-copy > p:not(.home-news-meta) { margin: 10px 0 13px; color: #bcc7cc; font-size: .82rem; line-height: 1.55; }
.home-news-lead .home-news-copy > p:not(.home-news-meta) { max-width: 760px; }
.home-news-read { display: inline-flex; gap: 12px; color: var(--cyan); font-size: .65rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; }
.home-news-read span { font-size: 1rem; line-height: .8; }

/* News index and long-form articles. */
.articles-hero { min-height: 300px; }
.articles-hero .page-hero-inner { padding-block: clamp(44px, 5vw, 64px); }
.articles-hero h1 { max-width: 980px; margin-bottom: 14px; }
.articles-hero p { font-size: 1rem; }
.articles-hero .belgian-rule { margin-top: 22px; }
.articles-index {
    color: var(--ink);
    background: #f2f0e9;
    border-bottom: 1px solid var(--light-line);
}
.articles-index > .container { padding-block: clamp(28px, 3.2vw, 46px) clamp(48px, 6vw, 84px); }
.articles-lead {
    position: relative;
    display: grid;
    grid-template-columns: minmax(0, 1.4fr) minmax(330px, .85fr);
    min-height: 390px;
    border-top: 2px solid var(--cyan-deep);
    border-bottom: 1px solid var(--light-line);
}
.articles-lead-cover,
.articles-row-cover { margin: 0; overflow: hidden; background: #09202c; }
.articles-lead-cover { min-height: 390px; }
.articles-lead-cover img,
.articles-row-cover img {
    width: 100%; height: 100%; object-fit: cover;
    filter: saturate(.78) contrast(1.04);
    transition: transform .5s var(--ease), filter .5s var(--ease);
}
.articles-lead-copy {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(30px, 4vw, 56px);
    border-left: 1px solid var(--light-line);
}
.articles-lead.is-coverless { grid-template-columns: 1fr; }
.articles-lead.is-coverless .articles-lead-copy { min-height: 320px; border-left: 0; }
.articles-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: 0 0 12px;
    color: #526971;
    font-size: .7rem;
    font-weight: 600;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.articles-meta time,
.articles-meta span:last-child { color: #06637b; }
.articles-lead h2,
.articles-row h2 {
    margin: 0;
    color: var(--ink);
    font-family: "Barlow Condensed", "Arial Narrow", sans-serif;
    font-weight: 600;
    letter-spacing: -.018em;
    line-height: 1.02;
    text-transform: uppercase;
}
.articles-lead h2 { font-size: clamp(2.35rem, 3.35vw, 4rem); }
.articles-lead h2 a::after,
.articles-row h2 a::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.articles-summary {
    max-width: 66ch;
    margin: 16px 0 0;
    color: var(--ink-muted);
    font-size: .95rem;
    line-height: 1.65;
}
.articles-read {
    display: inline-flex;
    align-items: center;
    gap: 12px;
    width: fit-content;
    margin-top: 24px;
    color: #06637b;
    font-size: .72rem;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.articles-read span { font-size: 1.05rem; transition: transform .25s var(--ease); }
.articles-lead:hover .articles-read span { transform: translateX(4px); }
.articles-lead:hover img,
.articles-row:hover img { transform: scale(1.018); filter: saturate(.9) contrast(1.06); }
.articles-feed { border-top: 1px solid var(--light-line); }
.articles-row {
    position: relative;
    display: grid;
    grid-template-columns: clamp(220px, 24vw, 330px) minmax(0, 1fr) 44px;
    align-items: center;
    gap: clamp(24px, 3.4vw, 52px);
    min-height: 210px;
    padding-block: 24px;
    border-bottom: 1px solid var(--light-line);
}
.articles-row-cover { align-self: stretch; min-height: 162px; aspect-ratio: 16 / 8.8; }
.articles-row-copy { min-width: 0; }
.articles-row h2 { max-width: 900px; font-size: clamp(1.7rem, 2.35vw, 2.65rem); }
.articles-row .articles-summary { margin-top: 10px; font-size: .88rem; line-height: 1.55; }
.articles-row-arrow {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    color: #06637b;
    border: 1px solid var(--light-line);
    font-size: 1.25rem;
    transition: color .25s, border-color .25s, transform .25s var(--ease);
}
.articles-row:hover .articles-row-arrow { color: var(--ink); border-color: var(--cyan-deep); transform: translateX(4px); }
.articles-row:last-child { border-bottom: 0; }
.articles-row.is-coverless { grid-template-columns: minmax(0, 1fr) 44px; }
.articles-index .content-callout { margin-block: 0; }
.article-hero-cover { margin-top: 42px; padding-inline: var(--gutter); }
.article-hero-cover img { width: 100%; max-height: 660px; aspect-ratio: 16 / 7.6; object-fit: cover; border: 1px solid var(--line); filter: saturate(.78) contrast(1.04); }
.article-prose { max-width: 980px; }
.article-prose h2 { margin: 2.2em 0 .65em; font-family: "Barlow Condensed", "Arial Narrow", sans-serif; font-size: clamp(1.75rem, 2.5vw, 2.65rem); line-height: 1.05; text-transform: uppercase; }
.article-prose h2:first-child { margin-top: 0; }
.article-prose p, .article-prose li { color: #c6d2d8; font-size: 1.02rem; line-height: 1.8; }
.article-prose ul { margin: 0 0 1.8em; padding-left: 1.25em; }
.article-prose li { margin-bottom: .55em; padding-left: .3em; }
.article-prose a { color: var(--cyan-soft); text-decoration: underline; text-underline-offset: 3px; }
.article-callout { margin: 32px 0; padding: 22px 26px; border-block: 1px solid var(--line-strong); color: #dce8ec; background: rgba(25, 185, 230, .055); }

@media (max-width: 1040px) {
    .home-news-heading { grid-template-columns: minmax(240px, .8fr) 1.2fr; }
    .home-news-heading .text-link { grid-column: 2; justify-self: start; }
    .home-news-grid { grid-template-columns: 1fr; }
    .home-news-lead { padding-right: 0; border-right: 0; }
    .home-news-secondary { display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(155, 184, 197, .42); }
    .home-news-item { grid-template-columns: 1fr; padding: 24px; border-right: 1px solid rgba(155, 184, 197, .36); border-bottom: 0; }
    .home-news-item:last-child { border-right: 0; }
    .articles-lead { grid-template-columns: minmax(0, 1.15fr) minmax(300px, .85fr); }
    .articles-lead h2 { font-size: clamp(2.15rem, 4vw, 3.25rem); }
    .articles-row { grid-template-columns: clamp(190px, 27vw, 270px) minmax(0, 1fr) 44px; gap: 24px; }
    .articles-row .articles-summary { display: none; }
}
@media (max-width: 720px) {
    .page-home .home-articles { padding-top: 30px; }
    .home-news-heading { grid-template-columns: 1fr; gap: 13px; }
    .home-news-heading h2 { font-size: clamp(3.4rem, 19vw, 5rem); }
    .home-news-heading .text-link { grid-column: 1; }
    .belgian-rule { width: 128px; margin-top: 15px; }
    .home-news-lead { padding-top: 18px; padding-bottom: 24px; }
    .home-news-lead .home-news-cover { aspect-ratio: 16 / 9; }
    .home-news-lead h3 { font-size: 2rem; }
    .home-news-secondary { grid-template-columns: 1fr; }
    .home-news-item { grid-template-columns: 118px minmax(0, 1fr); gap: 15px; min-height: 0; padding: 20px 0; border-right: 0; border-bottom: 1px solid rgba(155, 184, 197, .36); }
    .home-news-item:last-child { border-bottom: 0; }
    .home-news-item h3 { font-size: 1.25rem; }
    .home-news-item .home-news-copy > p:not(.home-news-meta) { display: none; }
    .articles-hero { min-height: 260px; }
    .articles-hero .page-hero-inner { padding-block: 38px; }
    .articles-hero h1 { font-size: clamp(2.4rem, 11vw, 3.5rem); }
    .articles-index > .container { padding-block: 20px 52px; }
    .articles-lead { grid-template-columns: 1fr; min-height: 0; }
    .articles-lead-cover { min-height: 0; aspect-ratio: 16 / 9; }
    .articles-lead-copy { padding: 26px 0 32px; border-left: 0; }
    .articles-lead h2 { font-size: clamp(2.15rem, 9vw, 3rem); }
    .articles-lead .articles-summary { margin-top: 13px; }
    .articles-read { margin-top: 18px; }
    .articles-row { grid-template-columns: 150px minmax(0, 1fr); gap: 18px; min-height: 0; padding-block: 20px; }
    .articles-row-cover { min-height: 112px; }
    .articles-row h2 { font-size: clamp(1.45rem, 5.5vw, 1.9rem); }
    .articles-row-arrow { display: none; }
    .article-hero-cover { margin-top: 24px; }
    .article-hero-cover img { aspect-ratio: 16 / 10; }
}
@media (max-width: 440px) {
    .home-news-item { grid-template-columns: 1fr; }
    .home-news-item .home-news-cover { aspect-ratio: 16 / 8.5; }
    .articles-row { grid-template-columns: 112px minmax(0, 1fr); align-items: start; gap: 14px; padding-block: 18px; }
    .articles-row-cover { align-self: start; min-height: 84px; aspect-ratio: 4 / 3; }
    .articles-row h2 { font-size: 1.35rem; }
    .articles-row .articles-meta { margin-bottom: 7px; font-size: .64rem; letter-spacing: .055em; }
    .articles-row .articles-summary { display: none; }
    .articles-row.is-coverless { grid-template-columns: minmax(0, 1fr); }
}

/* ============================================================
   Account page — full-width, two-column dashboard on paper cards
   (scoped to .account-page so login/register keep the auth layout)
   ============================================================ */
.account-page .account-shell { display: block; max-width: 1200px; }
.account-page .account-head { display: flex; align-items: flex-end; gap: 22px; flex-wrap: wrap; margin-bottom: 30px; }
.account-page .account-head .section-index { align-self: flex-start; }
.account-page .account-head h1 { margin: 0 0 8px; font-size: clamp(2.1rem, 3.4vw, 3.4rem); line-height: 1; }
.account-page .account-head p { margin: 0; max-width: 60ch; color: var(--muted); }

/* Shortcut tiles to the marketplace areas */
.account-page .account-quicklinks { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-bottom: 26px; }
.account-page .account-quicklinks a {
    display: flex; align-items: center; justify-content: space-between; gap: 12px;
    padding: 16px 18px; border: 1px solid var(--line); border-radius: 12px;
    background: rgba(6, 24, 38, .55); color: var(--text); font-size: .84rem; font-weight: 600;
    transition: border-color .18s, background .18s, transform .18s;
}
.account-page .account-quicklinks a:hover { border-color: var(--cyan); background: rgba(17, 191, 255, .08); transform: translateY(-2px); color: #fff; }
.account-page .account-quicklinks a span:last-child { color: var(--cyan); font-size: 1.1rem; }

/* Actions du compte remontées en tête : « Administration » et
   « Déconnexion » étaient deux liens de texte perdus en bas de page. */
.account-page .account-head { display: flex; flex-wrap: wrap; align-items: flex-start; gap: 18px 28px; }
.account-page .account-head > div:not(.account-actions) { flex: 1 1 320px; min-width: 0; }
.account-page .account-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin-left: auto; }
.account-page .account-actions form { margin: 0; }
.account-page .account-actions .button { white-space: nowrap; }

/* Accès au back-office visible depuis n'importe quelle page, pour l'équipe. */
.site-header .nav-admin { color: var(--cyan); font-weight: 600; }
.site-header .nav-admin::before {
    content: ""; display: inline-block; width: 6px; height: 6px; margin-right: 7px;
    border-radius: 50%; background: var(--cyan); vertical-align: middle;
}

/* Navigation de sections : la page empile une trentaine de champs, il faut
   pouvoir atteindre directement la partie voulue. */
.account-page .account-sectionnav {
    display: flex; flex-wrap: wrap; gap: 6px;
    margin: 22px 0 6px; padding-bottom: 14px;
    border-bottom: 1px solid var(--line);
}
.account-page .account-sectionnav a {
    padding: 7px 14px; border: 1px solid var(--line);
    color: var(--muted); font-size: .72rem; letter-spacing: .07em; text-transform: uppercase;
    transition: color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease);
}
.account-page .account-sectionnav a:hover { color: var(--cyan); border-color: var(--cyan); background: rgba(17, 191, 255, .07); }
.account-page .account-fieldset { scroll-margin-top: calc(var(--header-h) + 24px); }
.account-page .account-security { scroll-margin-top: calc(var(--header-h) + 24px); }

/* Barre d'enregistrement : le formulaire couvre cinq sections mais n'a qu'un
   seul bouton, il doit rester visible et s'expliquer. */
.account-page .account-form-actions {
    display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 14px;
    margin-top: 26px; padding-top: 22px; border-top: 1px solid var(--light-line);
}
.account-page .account-save-note { color: var(--muted); font-size: .75rem; }

/* Deux bandeaux pleine largeur plutôt qu'une colonne étroite collée à un
   long formulaire : à hauteurs très inégales, deux colonnes ne peuvent pas
   s'aligner, d'où l'impression de blocs posés au hasard. */
.account-page .account-grid { display: grid; grid-template-columns: 1fr; gap: 34px; align-items: start; }
.account-page .account-main { min-width: 0; }

/* Même rythme que le formulaire : des bandeaux pleine largeur empilés, et
   non une mosaïque de colonnes étroites de hauteurs inégales. */
.account-page .account-aside { position: static; display: grid; gap: 22px; }
.account-page .account-security { display: contents; }
.account-page .field.full { grid-column: 1 / -1; }
/* Sans cela, un champ accompagné d'une aide étire la cellule voisine :
   c'est ce qui rendait le champ e-mail anormalement haut. */
.account-page .form-grid { align-items: start; }
.account-page .form-grid .field { display: flex; flex-direction: column; gap: 6px; }
.account-page .form-grid .field small { margin: 0; }

/* Les listes de clés et de sessions sont déjà des rangées : elles se
   repliaient uniquement parce que la colonne faisait 310 px de large. */

/* Paper cards (white surface, dark ink) */
.account-page .account-card,
.account-page .security-card,
.account-page .account-danger {
    padding: clamp(20px, 2.4vw, 30px); border: 1px solid var(--light-line); border-radius: 16px;
    background: #fff; color: var(--ink); box-shadow: 0 14px 38px rgba(3, 16, 27, .16);
}
.account-page .account-form { display: grid; gap: 10px; }
.account-page .account-fieldset { margin: 0; padding: 0 0 6px; border: 0; }
.account-page .account-fieldset + .account-fieldset { margin-top: 22px; padding-top: 24px; border-top: 1px solid var(--light-line); }

.account-page .account-section-title,
.account-page .account-aside-title {
    display: block; width: 100%; margin: 0 0 16px; padding: 0; float: none;
    color: #0d7a94; font-size: .74rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase;
}
.account-page .account-aside-title { color: var(--text); font-size: 1.05rem; letter-spacing: .02em; text-transform: none; margin-bottom: 4px; }

/* Fields → paper treatment (dark labels, white inputs) */
.account-page .account-card .field label,
.account-page .security-card .field label,
.account-page .account-danger .field label,
.account-page .check-grid .check,
.account-page .webauthn-type legend { color: var(--ink); }
.account-page .account-card .field input,
.account-page .account-card .field select,
.account-page .account-card .field textarea,
.account-page .security-card .field input,
.account-page .account-danger .field input {
    background: #fff; border: 1px solid var(--light-line); border-radius: 8px; color: var(--ink);
}
.account-page .account-card .field input:focus,
.account-page .account-card .field select:focus,
.account-page .account-card .field textarea:focus,
.account-page .security-card .field input:focus,
.account-page .account-danger .field input:focus {
    border-color: var(--cyan); box-shadow: 0 0 0 3px rgba(14, 116, 144, .14);
}
.account-page .account-card .field input:disabled { background: var(--paper-2); color: var(--ink-muted); }
.account-page .account-card .field small { color: var(--ink-muted); }
.account-page .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px 22px; }
.account-page .account-card .field.full { grid-column: 1 / -1; margin-top: 0; }
.account-page .check-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 6px 22px; }
.account-page .account-card .check { color: var(--ink); }
.account-page .account-card .check input { border-color: var(--light-line); }
.account-page .account-form-actions { margin-top: 24px; padding-top: 22px; border-top: 1px solid var(--light-line); }
.account-page .account-form-actions .button { width: fit-content; }

/* Security cards */
.account-page .account-security { display: grid; gap: 18px; }
.account-page .security-card h3 { margin: 0 0 6px; color: var(--ink); font-size: 1rem; }
.account-page .security-card h3 + p { margin-top: 0; color: var(--ink-muted); font-size: .85rem; }
.account-page .security-card p { color: var(--ink-muted); }
.account-page .security-card .field { margin-top: 14px; }
.account-page .security-card .field:first-of-type { margin-top: 0; }
.account-page .security-card .button { margin-top: 12px; }
.account-page .security-status.is-on { display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px; border-radius: 999px; background: #eaf7f0; color: #177245; font-size: .82rem; font-weight: 600; }
.account-page .security-status.is-on::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.account-page .totp-qr { border: 1px solid var(--light-line); border-radius: 10px; }
.account-page .totp-secret { display: inline-block; padding: 6px 10px; background: var(--paper-2); border-radius: 6px; font-size: .82rem; letter-spacing: .04em; word-break: break-all; }

.account-page .account-keys { list-style: none; margin: 0 0 14px; padding: 0; display: grid; gap: 10px; }
.account-page .account-keys li { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 8px 14px; padding: 13px 15px; border: 1px solid var(--light-line); border-radius: 10px; background: var(--paper); }
.account-page .account-keys li > div { display: grid; gap: 3px; min-width: 0; }
.account-page .account-keys li strong { font-size: .9rem; color: var(--ink); }
.account-page .account-keys li small { color: var(--ink-muted); font-size: .75rem; }
.account-page .account-keys li form { margin: 0; }
.account-page .account-keys-empty { color: var(--ink-muted); margin: 0 0 14px; }

/* Ajout d'une clé : une rangée — nom, type, bouton — sur la largeur du
   bandeau, au lieu d'une colonne qui étirait la carte en hauteur. */
.account-page .webauthn-add-box {
    display: grid; grid-template-columns: minmax(200px, 1fr) minmax(250px, 1.15fr) auto;
    align-items: end; gap: 16px 26px;
    margin-top: 16px; padding-top: 18px; border-top: 1px solid var(--light-line);
}
.account-page .webauthn-add-box .field { margin: 0; }
.account-page .webauthn-add-box .button { align-self: end; white-space: nowrap; }
.account-page .webauthn-hint,
.account-page .webauthn-status { grid-column: 1 / -1; }
@media (max-width: 900px) {
    .account-page .webauthn-add-box { grid-template-columns: 1fr; }
    .account-page .webauthn-add-box .button { justify-self: start; }
}
.account-page .webauthn-type { margin: 0; padding: 0; border: 0; }
.account-page .webauthn-type legend { margin-bottom: 8px; font-size: .82rem; font-weight: 700; }
.account-page .webauthn-type .check { margin-top: 6px; color: var(--ink); }
.account-page .webauthn-type .check input { border-radius: 50%; border-color: var(--light-line); }
.account-page .webauthn-backup-hint { margin: -4px 0 12px; color: var(--ink-muted); font-size: .8rem; font-style: italic; }
.account-page .webauthn-hint { margin: 0; padding: 10px 14px; border-left: 3px solid var(--cyan); background: rgba(14, 116, 144, .07); color: var(--ink-muted); font-size: .82rem; line-height: 1.55; border-radius: 0 8px 8px 0; }
.account-page .webauthn-status { margin: 0; min-height: 1.2em; font-size: .82rem; color: var(--ink-muted); }
.account-page .webauthn-status.is-error { color: #c53a3a; }

/* Sessions — compact, capped height with its own scroll */
.account-page .account-sessions { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; max-height: 340px; overflow-y: auto; }
.account-page .account-sessions li { display: flex; align-items: center; gap: 10px 14px; padding: 11px 13px; border: 1px solid var(--light-line); border-radius: 10px; background: var(--paper); }
.account-page .account-sessions li.is-current { border-color: #9fd0c0; background: #eef8f3; }
.account-page .account-session-info { display: grid; gap: 2px; min-width: 0; flex: 1; }
.account-page .account-sessions li strong { font-size: .82rem; color: var(--ink); }
.account-page .account-sessions li small { color: var(--ink-muted); font-size: .72rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.account-page .account-sessions li time { color: var(--ink-muted); font-size: .72rem; }
.account-page .account-sessions li form { margin: 0; flex: 0 0 auto; }
.account-page .account-sessions li .tag { flex: 0 0 auto; font-size: .68rem; padding: 3px 9px; border-radius: 999px; background: #e0f4f9; color: #0d7a94; border: 0; }

/* Danger zone */
.account-page .account-danger { border-color: #eccaca; }
.account-page .account-danger .account-aside-title { color: #c53a3a; }
.account-page .account-danger > p { color: var(--ink-muted); font-size: .84rem; margin-top: 6px; }
.account-page .account-danger .check { color: var(--ink); }

.account-page .account-links { display: flex; flex-wrap: wrap; gap: 8px 20px; padding-top: 4px; }
.account-page .account-links a { color: var(--cyan-soft); font-size: .84rem; font-weight: 600; }

@media (max-width: 980px) {
    .account-page .account-grid { grid-template-columns: 1fr; }
    .account-page .account-aside { position: static; }
}
@media (max-width: 620px) {
    .account-page .account-quicklinks { grid-template-columns: 1fr; }
    .account-page .form-grid, .account-page .check-grid { grid-template-columns: 1fr; }
    .account-page .account-head { gap: 6px 22px; }
}
.resource-card .resource-link { display: inline-flex; align-items: center; gap: 8px; margin-top: 14px; color: var(--cyan); font-size: .78rem; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.resource-card .resource-link:hover { text-decoration: underline; text-underline-offset: 4px; }
.article-figure { margin: 34px 0; }
.article-figure img { display: block; width: 100%; height: auto; border: 1px solid var(--line); }

/* ── Fil d'Ariane ─────────────────────────────────────────────────────────
   Bande discrete entre l'en-tete et le hero : elle situe la page dans
   l'arborescence sans concurrencer le titre. */
.site-breadcrumbs {
    border-bottom: 1px solid var(--line);
    background: var(--bg-deep);
    font-size: 13px;
}

.site-breadcrumbs ol {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px 10px;
    margin: 0;
    padding: 10px 0;
    list-style: none;
}

.site-breadcrumbs li {
    display: flex;
    align-items: center;
    gap: 10px;
    min-width: 0;
}

.site-breadcrumbs li + li::before {
    content: "/";
    color: var(--line-strong);
    font-size: 12px;
}

.site-breadcrumbs a {
    color: var(--muted);
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: color .2s var(--ease), border-color .2s var(--ease);
}

.site-breadcrumbs a:hover,
.site-breadcrumbs a:focus-visible {
    color: var(--cyan-soft);
    border-bottom-color: currentColor;
}

.site-breadcrumbs [aria-current="page"] {
    color: var(--text);
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: min(56ch, 70vw);
}

@media (max-width: 640px) {
    .site-breadcrumbs {
        font-size: 12px;
    }

    .site-breadcrumbs ol {
        flex-wrap: nowrap;
        overflow-x: auto;
        scrollbar-width: none;
    }

    .site-breadcrumbs ol::-webkit-scrollbar {
        display: none;
    }

    .site-breadcrumbs li {
        flex: 0 0 auto;
    }
}

/* Lien vers la note de projet en fin de page Cyber & AI Lab. */
.ai-lab-note-link { margin-top: 18px; font-size: .9rem; }