/* ============================================================================
   NexEuro — "Le Journal" editorial CONTENT layer (Direction A)
   ADDITIVE: loaded on top of the base shell + nexeuro-enhance/premium so the
   pages keep the exact homepage chrome — glass-pill nav, standard footer,
   site buttons (.bp/.bs/.ndl) and their hover / magnetic / scroll effects.
   This sheet only styles the editorial CONTENT (jr-* classes). No masthead,
   no footer here. Type: Fraunces (display) + Plus Jakarta Sans (body/UI).
   All jr-* classes are namespaced so they never collide with the base layer;
   the FAQ containers are named "qa" (not "faq") to dodge the legacy
   `main [class*="faq"] summary::after{content:"+"}` marker, which is also
   explicitly neutralised below.
   ============================================================================ */

:root{
  --jr-ink:#0B2545; --jr-ink-2:#26364b; --jr-paper:#ffffff; --jr-paper-2:#f6f8fb;
  --jr-line:#dde4ee; --jr-line-strong:#b9c6d8; --jr-blue:#155fb0;
  --jr-gold:#a9791f; --jr-grey:#5a6b81; --jr-green:#0a8f60;
  --jr-serif:"Fraunces","Iowan Old Style","Palatino Linotype",Palatino,Georgia,"Times New Roman",serif;
  --jr-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
@media(prefers-color-scheme:dark){:root{
  --jr-ink:#eaf0f8; --jr-ink-2:#c4d0e0; --jr-paper:#0B1220; --jr-paper-2:#111c2b;
  --jr-line:#22303f; --jr-line-strong:#32465c; --jr-blue:#69aef7;
  --jr-gold:#d9a53f; --jr-grey:#93a3b8; --jr-green:#3ecb96;
}}
:root[data-theme="dark"]{
  --jr-ink:#eaf0f8; --jr-ink-2:#c4d0e0; --jr-paper:#0B1220; --jr-paper-2:#111c2b;
  --jr-line:#22303f; --jr-line-strong:#32465c; --jr-blue:#69aef7;
  --jr-gold:#d9a53f; --jr-grey:#93a3b8; --jr-green:#3ecb96;
}
:root[data-theme="light"]{
  --jr-ink:#0B2545; --jr-ink-2:#26364b; --jr-paper:#fff; --jr-paper-2:#f6f8fb;
  --jr-line:#dde4ee; --jr-line-strong:#b9c6d8; --jr-blue:#155fb0; --jr-grey:#5a6b81; --jr-green:#0a8f60;
}

/* Editorial content root */
main.jr{font-family:var(--jr-sans);color:var(--jr-ink)}
.jr-wrap{max-width:1160px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.jr-eyebrow{font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--jr-blue);display:inline-flex;align-items:center;gap:10px}
.jr-eyebrow::before{content:"";width:26px;height:1.5px;background:var(--jr-blue)}
.jr-eyebrow.plain::before{display:none}

/* ---------- Hero (editorial lede) — clears the fixed glass nav ---------- */
.jr-hero{padding:clamp(98px,11vw,134px) 0 clamp(30px,4vw,44px);border-bottom:1px solid var(--jr-line)}
.jr-hero-grid{display:grid;grid-template-columns:1.55fr 1fr;gap:clamp(28px,5vw,64px);align-items:end}
.jr-h1{font-family:var(--jr-serif);font-weight:600;font-size:clamp(38px,6.2vw,78px);line-height:.98;letter-spacing:-1.5px;text-wrap:balance;margin:16px 0 0;color:var(--jr-ink)}
.jr-h1 em{font-style:italic;color:var(--jr-blue)}
.jr-lede{border-top:1px solid var(--jr-line);padding-top:16px;font-size:16px;color:var(--jr-ink-2)}
.jr-lede .drop{font-family:var(--jr-serif);font-weight:600;font-size:15px;color:var(--jr-ink)}
.jr-byline{margin-top:18px;display:flex;gap:12px;flex-wrap:wrap;font-size:12px;color:var(--jr-grey);align-items:center}
.jr-byline .tick{width:7px;height:7px;border-radius:50%;background:var(--jr-green);display:inline-block;margin-right:6px}
.jr-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}

/* ---------- Sections ---------- */
.jr-section{padding:clamp(36px,5vw,60px) 0;border-bottom:1px solid var(--jr-line)}
.jr-section.flush{border-bottom:none}
.jr-sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.jr-h2{font-family:var(--jr-serif);font-weight:600;font-size:clamp(24px,3vw,34px);letter-spacing:-.6px;color:var(--jr-ink);line-height:1.05;text-wrap:balance}
.jr-h3{font-family:var(--jr-serif);font-weight:600;font-size:19px;letter-spacing:-.3px;color:var(--jr-ink)}
.jr-sub{font-size:15px;color:var(--jr-grey);max-width:60ch;margin-top:6px}

/* ---------- Index register ---------- */
.jr-index{border-top:1px solid var(--jr-ink)}
.jr-row{display:grid;grid-template-columns:52px 1.1fr 2fr auto;gap:18px;align-items:center;padding:20px 4px;border-bottom:1px solid var(--jr-line);transition:background .15s}
.jr-row:hover{background:var(--jr-paper-2)}
.jr-row .no{font-family:var(--jr-serif);font-size:20px;color:var(--jr-gold);font-weight:600}
.jr-row .ti{font-weight:700;font-size:19px;letter-spacing:-.3px;color:var(--jr-ink)}
.jr-row .de{font-size:14px;color:var(--jr-grey)}
.jr-row .go{font-size:13px;font-weight:700;color:var(--jr-blue);white-space:nowrap}
.jr-row:hover .go{text-decoration:underline}
.jr-row.lead{background:var(--jr-ink);color:#fff;border:none;padding:24px 20px;border-radius:3px;margin-bottom:2px}
.jr-row.lead .ti{color:#fff}.jr-row.lead .de{color:#b9cbe4}.jr-row.lead .no{color:var(--jr-gold)}.jr-row.lead .go{color:#9ec8ff}
@media(prefers-color-scheme:dark){.jr-row.lead{background:#132540}}
:root[data-theme="dark"] .jr-row.lead{background:#132540}

/* ---------- Data strip ---------- */
.jr-data{display:grid;grid-template-columns:repeat(4,1fr)}
.jr-data .cell{padding:8px 22px;border-left:1px solid var(--jr-line)}
.jr-data .cell:first-child{border-left:none;padding-left:4px}
.jr-data .n{font-family:var(--jr-serif);font-weight:600;font-size:clamp(34px,4.4vw,52px);letter-spacing:-1px;line-height:1;color:var(--jr-ink);font-variant-numeric:tabular-nums;display:flex;align-items:baseline;gap:.12em}
.jr-data .n .u{font-size:.5em;font-weight:600}
.jr-data .l{font-size:13px;font-weight:600;color:var(--jr-ink-2);margin-top:8px}
.jr-data .s{font-size:12px;color:var(--jr-grey)}

/* ---------- Column register (parcours / principles) ---------- */
.jr-cols{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--jr-ink)}
.jr-cols.c2{grid-template-columns:repeat(2,1fr)}
.jr-cols.c4{grid-template-columns:repeat(4,1fr)}
.jr-col{padding:22px 24px 22px 0;border-right:1px solid var(--jr-line)}
.jr-col:last-child{border-right:none;padding-right:0}
.jr-col .no{font-family:var(--jr-serif);font-size:16px;color:var(--jr-gold);font-weight:600}
.jr-col h3{font-family:var(--jr-serif);font-size:19px;font-weight:600;letter-spacing:-.3px;margin-top:4px;color:var(--jr-ink)}
.jr-col p{font-size:13.5px;color:var(--jr-grey);margin:6px 0 12px}
.jr-col a{font-size:13px;font-weight:700;color:var(--jr-blue)}
.jr-col a:hover{text-decoration:underline}

/* ---------- Article list ---------- */
.jr-arts{border-top:1px solid var(--jr-ink)}
.jr-art{display:grid;grid-template-columns:130px 1fr auto;gap:22px;align-items:center;padding:22px 4px;border-bottom:1px solid var(--jr-line);transition:background .15s}
.jr-art:hover{background:var(--jr-paper-2)}
.jr-art .k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--jr-gold)}
.jr-art .h{font-family:var(--jr-serif);font-weight:600;font-size:clamp(18px,2vw,23px);letter-spacing:-.3px;line-height:1.15;color:var(--jr-ink)}
.jr-art .h span{display:block;font-family:var(--jr-sans);font-weight:500;font-size:13.5px;color:var(--jr-grey);margin-top:5px;letter-spacing:0;line-height:1.5}
.jr-art .m{font-size:12.5px;color:var(--jr-grey);text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.jr-art:hover .h{color:var(--jr-blue)}

/* ---------- Editorial dark CTA band ---------- */
.jr-cta{background:var(--jr-ink);color:#fff;text-align:center;padding:clamp(44px,6vw,72px) 20px;border-radius:4px;margin:clamp(36px,5vw,60px) 0 0}
.jr-cta h2{font-family:var(--jr-serif);font-weight:600;font-size:clamp(28px,4vw,44px);letter-spacing:-.8px;text-wrap:balance;color:#fff}
.jr-cta p{color:#a9c1e0;max-width:460px;margin:12px auto 22px}
.jr-cta .actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
@media(prefers-color-scheme:dark){.jr-cta{background:#132540}}
:root[data-theme="dark"] .jr-cta{background:#132540}
/* The band is dark in BOTH themes → force a white ghost secondary button
   (overrides the legacy .bs{color:var(--n)!important} on this surface). */
.jr-cta .btn.bs{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.32)!important}
.jr-cta .btn.bs:hover{background:rgba(255,255,255,.10)!important;border-color:#fff!important;color:#fff!important}

/* ---------- Notes / panels ---------- */
.jr-note{border-left:2px solid var(--jr-line-strong);padding:4px 0 4px 18px;font-size:14px;color:var(--jr-grey);line-height:1.65}
.jr-note strong{color:var(--jr-ink);font-weight:700}

/* ---------- FAQ (namespaced "qa" to avoid legacy [class*="faq"] rules) ---- */
/* Neutralise the legacy "+" marker in case any faq-substring ancestor exists */
details.jr-q > summary::after{content:none!important;display:none!important}
.jr-qa-grid{display:grid;grid-template-columns:220px 1fr;gap:clamp(24px,4vw,52px);align-items:start}
.jr-qa-nav{position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;border-left:1px solid var(--jr-line)}
.jr-qa-nav a{font-size:14px;font-weight:600;color:var(--jr-grey);padding:8px 0 8px 16px;margin-left:-1px;border-left:2px solid transparent}
.jr-qa-nav a:hover{color:var(--jr-ink)}
.jr-qa-nav a.on{color:var(--jr-blue);border-left-color:var(--jr-blue);font-weight:700}
.jr-search{position:relative;margin-bottom:26px;max-width:520px}
.jr-search input{width:100%;font:inherit;font-size:15px;padding:14px 16px 14px 44px;border:1px solid var(--jr-line-strong);border-radius:3px;background:var(--jr-paper);color:var(--jr-ink)}
.jr-search input:focus{outline:none;border-color:var(--jr-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--jr-blue) 18%,transparent)}
.jr-search svg{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:var(--jr-grey);width:18px;height:18px}
.jr-qa-cat{margin-bottom:clamp(28px,4vw,40px);scroll-margin-top:110px}
.jr-qa-cat-h{font-family:var(--jr-serif);font-weight:600;font-size:clamp(20px,2.4vw,26px);letter-spacing:-.4px;color:var(--jr-ink);padding-bottom:12px;border-bottom:1px solid var(--jr-ink);margin-bottom:6px;display:flex;align-items:baseline;gap:10px}
.jr-qa-cat-h .cnt{font-family:var(--jr-sans);font-size:13px;color:var(--jr-grey);font-weight:600}
details.jr-q{border-bottom:1px solid var(--jr-line);background:none;padding:0;margin:0;border-radius:0;overflow:visible}
details.jr-q summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;list-style:none;padding:18px 2px;font-weight:700;font-size:16px;color:var(--jr-ink)}
details.jr-q summary::-webkit-details-marker{display:none}
details.jr-q summary .ind{flex-shrink:0;width:20px;height:20px;position:relative}
details.jr-q summary .ind::before,details.jr-q summary .ind::after{content:"";position:absolute;background:var(--jr-blue);transition:transform .25s,opacity .25s}
details.jr-q summary .ind::before{top:9px;left:2px;width:16px;height:2px}
details.jr-q summary .ind::after{top:2px;left:9px;width:2px;height:16px}
details.jr-q[open] summary .ind::after{transform:rotate(90deg);opacity:0}
details.jr-q[open] summary{color:var(--jr-blue)}
details.jr-q .jr-a{padding:0 2px 20px;color:var(--jr-ink-2);font-size:14.5px;line-height:1.7;max-width:68ch}
details.jr-q.is-hidden{display:none}
.jr-qa-empty{display:none;padding:30px 2px;color:var(--jr-grey);font-size:15px}
.jr-qa-empty.show{display:block}

/* ---------- Contact form ---------- */
.jr-contact{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(24px,4vw,40px);align-items:start}
.jr-form{display:flex;flex-direction:column;gap:18px}
.jr-form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.jr-form label{display:flex;flex-direction:column;gap:6px;font-size:12.5px;font-weight:700;letter-spacing:.02em;color:var(--jr-ink)}
.jr-form .opt{font-weight:500;color:var(--jr-grey);margin-left:4px;letter-spacing:0}
.jr-form input,.jr-form select,.jr-form textarea{font:inherit;font-size:15px;font-weight:500;color:var(--jr-ink);background:var(--jr-paper);border:1px solid var(--jr-line-strong);border-radius:3px;padding:12px 14px;width:100%;transition:border-color .15s,box-shadow .15s}
.jr-form textarea{resize:vertical;min-height:150px}
.jr-form input:focus,.jr-form select:focus,.jr-form textarea:focus{outline:none;border-color:var(--jr-blue);box-shadow:0 0 0 3px color-mix(in srgb,var(--jr-blue) 16%,transparent)}
.jr-form .consent{flex-direction:row;align-items:flex-start;gap:10px;font-weight:500;font-size:13px;color:var(--jr-ink-2);line-height:1.55}
.jr-form .consent input{width:18px;height:18px;margin-top:2px;flex-shrink:0}
.jr-form .consent a{color:var(--jr-blue);text-decoration:underline}
.jr-form-actions{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.jr-form-status{font-size:13.5px;font-weight:600;color:var(--jr-grey)}
.jr-form-status.err{color:#c8351c}
.jr-form-status.ok{color:var(--jr-green)}
.jr-aside{display:flex;flex-direction:column}
.jr-aside .item{padding:18px 0;border-top:1px solid var(--jr-line)}
.jr-aside .item:first-child{border-top:1px solid var(--jr-ink)}
.jr-aside .item .t{font-family:var(--jr-serif);font-weight:600;font-size:17px;color:var(--jr-ink)}
.jr-aside .item .d{font-size:14px;color:var(--jr-grey);margin-top:4px;line-height:1.6}
.jr-aside .item .d a{color:var(--jr-blue);text-decoration:underline}

/* ---------- Editorial card grid (use-cases, principles, teams, links) ---- */
.jr-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:14px}
.jr-card{border:1px solid var(--jr-line);border-radius:4px;padding:22px;background:var(--jr-paper);display:flex;flex-direction:column;transition:border-color .18s,transform .18s}
.jr-card:hover{border-color:var(--jr-line-strong);transform:translateY(-2px)}
.jr-card .ic{width:40px;height:40px;border-radius:8px;border:1px solid var(--jr-line);color:var(--jr-blue);display:grid;place-items:center;margin-bottom:14px}
.jr-card h3{font-family:var(--jr-serif);font-weight:600;font-size:18px;letter-spacing:-.3px;color:var(--jr-ink)}
.jr-card p{font-size:13.5px;color:var(--jr-grey);margin-top:6px;line-height:1.6;flex:1}
.jr-card .go{margin-top:14px;font-size:13px;font-weight:700;color:var(--jr-blue)}
.jr-card.feat{background:var(--jr-ink);border-color:var(--jr-ink)}
.jr-card.feat h3{color:#fff}.jr-card.feat p{color:#b9cbe4}.jr-card.feat .ic{border-color:rgba(255,255,255,.22);color:#9ec8ff}
@media(prefers-color-scheme:dark){.jr-card.feat{background:#132540}}
:root[data-theme="dark"] .jr-card.feat{background:#132540}

/* ---------- Numbered benefits list (avantages) ---------- */
.jr-benefits{border-top:1px solid var(--jr-ink)}
.jr-benefit{display:grid;grid-template-columns:64px 1fr;gap:22px;padding:26px 4px;border-bottom:1px solid var(--jr-line);align-items:baseline}
.jr-benefit .n{font-family:var(--jr-serif);font-size:clamp(30px,4vw,42px);color:var(--jr-gold);font-weight:600;line-height:1}
.jr-benefit h3{font-family:var(--jr-serif);font-size:clamp(20px,2.4vw,26px);font-weight:600;letter-spacing:-.4px;color:var(--jr-ink)}
.jr-benefit p{font-size:15px;color:var(--jr-grey);margin-top:8px;max-width:68ch;line-height:1.7}

/* ---------- Comparison table (comparatifs) ---------- */
.jr-cmp{border:1px solid var(--jr-line);border-radius:4px;overflow:hidden}
.jr-cmp .scroll{overflow-x:auto;-webkit-overflow-scrolling:touch}
.jr-cmp table{width:100%;border-collapse:collapse;min-width:720px}
.jr-cmp thead th{font-family:var(--jr-sans);font-size:13px;font-weight:700;color:var(--jr-ink);text-align:center;padding:16px 14px;border-bottom:2px solid var(--jr-ink);white-space:nowrap}
.jr-cmp thead th:first-child{text-align:left}
.jr-cmp thead th.hl{color:var(--jr-blue)}
.jr-cmp thead th .badge{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--jr-gold);margin-top:4px}
.jr-cmp tbody td{padding:14px;font-size:13.5px;text-align:center;color:var(--jr-ink-2);border-bottom:1px solid var(--jr-line)}
.jr-cmp tbody td:first-child{text-align:left;font-weight:700;color:var(--jr-ink)}
.jr-cmp tbody tr:last-child td{border-bottom:none}
.jr-cmp td.hl{background:color-mix(in srgb,var(--jr-blue) 6%,transparent)}
.jr-cmp .sub{display:block;font-size:11px;color:var(--jr-grey);margin-top:3px}
.jr-chip{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;padding:5px 12px;border-radius:100px}
.jr-chip.win{background:color-mix(in srgb,var(--jr-green) 14%,transparent);color:var(--jr-green)}
.jr-chip.mid{background:color-mix(in srgb,var(--jr-gold) 16%,transparent);color:var(--jr-gold)}
.jr-chip.no{background:color-mix(in srgb,#d64545 12%,transparent);color:#c0392b}

/* ---------- Bordered box / soft panel ---------- */
.jr-box{border:1px solid var(--jr-line);border-radius:4px;padding:clamp(24px,3.5vw,40px);background:var(--jr-paper-2)}
.jr-box.dash{border-style:dashed;text-align:center}
.jr-box .jr-h2,.jr-box .jr-h3{margin-bottom:8px}
.jr-box p{color:var(--jr-grey);font-size:15px;line-height:1.7;max-width:74ch}

/* ---------- Status badge (corridors) ---------- */
.jr-badge{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:6px 13px;border-radius:100px;width:fit-content}
.jr-badge.active{background:color-mix(in srgb,var(--jr-green) 14%,transparent);color:var(--jr-green)}
.jr-badge.wait{background:color-mix(in srgb,var(--jr-gold) 16%,transparent);color:var(--jr-gold)}
.jr-legend{display:inline-flex;gap:18px;flex-wrap:wrap;justify-content:center;font-size:13px;color:var(--jr-grey);margin-top:16px}
.jr-legend span{display:inline-flex;align-items:center;gap:8px}
.jr-legend i{width:14px;height:14px;border-radius:3px;display:inline-block}
.jr-legend i.active{background:var(--jr-blue)}
.jr-legend i.wait{background:repeating-linear-gradient(45deg,var(--jr-gold) 0 4px,#7a5500 4px 8px)}

/* ---------- Facts list (presse) ---------- */
.jr-facts{list-style:none;border-top:1px solid var(--jr-ink)}
.jr-facts li{display:flex;justify-content:space-between;gap:18px;padding:14px 2px;border-bottom:1px solid var(--jr-line);font-size:14.5px}
.jr-facts li .k{color:var(--jr-grey);font-weight:600}
.jr-facts li .v{color:var(--jr-ink);font-weight:700;text-align:right}
.jr-copy{margin-top:16px;display:inline-flex;align-items:center;gap:8px;font:inherit;font-size:12.5px;font-weight:700;cursor:pointer;color:var(--jr-blue);background:none;border:1px solid var(--jr-line-strong);padding:8px 14px;border-radius:2px;transition:background .18s}
.jr-copy:hover{background:var(--jr-paper-2)}

/* ---------- Brand kit (presse) ---------- */
.jr-kit{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px}
.jr-kit .item{border:1px solid var(--jr-line);border-radius:4px;overflow:hidden;background:var(--jr-paper)}
.jr-kit .prev{height:110px;display:grid;place-items:center;background:var(--jr-paper-2);border-bottom:1px solid var(--jr-line)}
.jr-kit .prev.dark{background:#0B2545}
.jr-kit .prev .wm{font-family:var(--jr-serif);font-weight:600;font-size:22px}
.jr-kit .meta{padding:14px 16px}
.jr-kit .meta .t{font-weight:700;font-size:14px;color:var(--jr-ink)}
.jr-kit .meta .d{font-size:12px;color:var(--jr-grey);margin-top:2px}

/* ---------- Two-column split (bio / facts+angles) ---------- */
.jr-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,36px);align-items:start}
.jr-split.a{grid-template-columns:.9fr 1.4fr}
.jr-split.b{grid-template-columns:1.1fr .9fr}
@media(max-width:820px){.jr-split,.jr-split.a,.jr-split.b{grid-template-columns:1fr}}

/* ---------- Blog: featured lead + filter chips ---------- */
.jr-lead-post{display:block;border-top:1px solid var(--jr-ink);border-bottom:1px solid var(--jr-line);padding:28px 4px}
.jr-lead-post .k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--jr-gold)}
.jr-lead-post .h{font-family:var(--jr-serif);font-weight:600;font-size:clamp(26px,4vw,44px);letter-spacing:-1px;line-height:1.05;color:var(--jr-ink);margin:10px 0 10px;text-wrap:balance;max-width:20ch}
.jr-lead-post:hover .h{color:var(--jr-blue)}
.jr-lead-post .d{font-size:16px;color:var(--jr-grey);max-width:72ch;line-height:1.7}
.jr-lead-post .m{margin-top:16px;font-size:13px;color:var(--jr-grey);display:flex;gap:10px;align-items:center}
.jr-lead-post .m .av{width:28px;height:28px;border-radius:50%;background:var(--jr-ink);color:var(--jr-paper);display:grid;place-items:center;font-size:11px;font-weight:700;font-family:var(--jr-serif)}
.jr-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px}
.jr-filter{font:inherit;font-size:13px;font-weight:700;color:var(--jr-grey);background:none;border:1px solid var(--jr-line-strong);padding:7px 14px;border-radius:100px;cursor:pointer;transition:color .15s,border-color .15s,background .15s}
.jr-filter:hover{color:var(--jr-ink);border-color:var(--jr-ink)}
.jr-filter.on{background:var(--jr-ink);color:var(--jr-paper);border-color:var(--jr-ink)}
.jr-art.is-hidden{display:none}

/* ---------- Map panel (corridors) ---------- */
.jr-map{border:1px solid var(--jr-line);border-radius:4px;padding:clamp(14px,2vw,26px);background:var(--jr-paper);max-width:900px;margin:24px auto 0}
.jr-map svg{width:100%;height:auto;display:block}

/* ---------- Benefits/cards responsive ---------- */
@media(max-width:640px){
  .jr-benefit{grid-template-columns:44px 1fr;gap:14px;padding:20px 2px}
}

/* ---------- Fail-safe reveal (visible if JS/motion off) ---------- */
.jr-reveal{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease}
.jr-reveal.in{opacity:1;transform:none}

/* ---------- Responsive ---------- */
@media(max-width:820px){
  .jr-hero-grid{grid-template-columns:1fr;gap:20px;align-items:start}
  .jr-data{grid-template-columns:1fr 1fr}
  .jr-data .cell{border-left:none;border-top:1px solid var(--jr-line);padding:14px 4px}
  .jr-data .cell:nth-child(-n+2){border-top:none}
  .jr-cols,.jr-cols.c2,.jr-cols.c4{grid-template-columns:1fr}
  .jr-col{border-right:none;border-bottom:1px solid var(--jr-line);padding:18px 0}
  .jr-col:last-child{border-bottom:none}
  .jr-qa-grid{grid-template-columns:1fr}
  .jr-qa-nav{position:static;flex-direction:row;flex-wrap:wrap;gap:4px 16px;border-left:none;border-bottom:1px solid var(--jr-line);padding-bottom:12px}
  .jr-qa-nav a{padding:6px 0;border-left:none;border-bottom:2px solid transparent;margin-left:0}
  .jr-qa-nav a.on{border-left:none;border-bottom-color:var(--jr-blue)}
  .jr-contact{grid-template-columns:1fr}
  .jr-row{grid-template-columns:38px 1fr;gap:8px 14px}
  .jr-row .de{grid-column:2}.jr-row .go{grid-column:2;padding-top:2px}
  .jr-art{grid-template-columns:1fr;gap:6px}
  .jr-art .m{text-align:left}
}
@media(max-width:560px){
  .jr-data{grid-template-columns:1fr}
  .jr-data .cell:nth-child(2){border-top:1px solid var(--jr-line)}
  .jr-form .row2{grid-template-columns:1fr}
}
@media (prefers-reduced-motion: reduce){
  .jr-reveal{opacity:1!important;transform:none!important}
}