.inner-hero {
  background: radial-gradient(ellipse at 0 130%, #1D2362, transparent 58%), var(--ink);
  color: white;
}
.inner-lead {display:flex; align-items:center; justify-content:space-between; gap:64px; padding-block:64px}
.inner-lead > div {max-width:900px; min-width:0}
.inner-lead h1 {font-size:clamp(36px,4.3vw,64px); text-wrap:balance; line-height:1.06}
.inner-lead p {max-width:70ch; margin:0; color:color-mix(in srgb, #6F9DD3 24%, white)}
.inner-lead > img {width:31%;height:285px;object-fit:cover;border-radius:65px 0 55px 0}
.crumb {font-size:12px;margin-bottom:26px;color:color-mix(in srgb, #6F9DD3 24%, white)}
.crumb a:hover {text-decoration:underline}
.interior {margin-block:64px 90px}
.interior.detail {display:grid;grid-template-columns:minmax(0,1fr) minmax(190px,25%);align-items:start;gap:48px}
.reading {background:white;padding:clamp(24px,4vw,60px);border-radius:48px 0;min-width:0;overflow-wrap:anywhere}
.reading h2,.directory-section h2 {font-size:clamp(27px,2.5vw,39px);margin:42px 0 18px;text-wrap:balance}
.reading h3,.reading .card-title,.reading .titre {font:600 clamp(21px,1.8vw,29px)/1.2 var(--heading);letter-spacing:-.025em;margin:26px 0 12px}
.reading h4,.reading .kn-title {font:600 18px/1.3 var(--heading);margin:20px 0 8px}
.reading p {line-height:1.8}
.reading img {width:auto;max-width:100%;max-height:420px;object-fit:contain;border-radius:26px 0;margin:20px 0}
.reading [class*="icon"] img,.reading img[class*="icon"] {max-width:70px}
.reading a:not(.entry) {color:#1D2362;text-decoration:underline;text-underline-offset:3px}
.reading a.button {color:var(--ink);text-decoration:none}
.reading .w-tab-pane {border-top:1px solid var(--line);margin-top:20px}
.reading .w-tab-pane:before {content:attr(aria-label);font:600 24px var(--heading)}
.reading .w-dyn-item,.reading .feature33_item,.reading .ent_main-1_card,.reading .kn-box,.reading .timeline_item-wrap,.reading blockquote {padding:18px 22px;background:color-mix(in srgb, #6F9DD3 12%, white);border-radius:22px 0;margin-block:18px}
.reading img + h2,.reading h2:first-child {margin-top:16px}
.reading a:empty,.reading .ai-b_bg,.reading .w-form-done,.reading .w-form-fail,.reading .w-dyn-empty,.reading .w-condition-invisible {display:none}
.reading section + section {border-top:1px solid var(--line);margin-top:36px;padding-top:18px}
.reading .w-embed:empty {display:none}
.article-side {position:sticky;top:116px;max-height:75vh;overflow:auto;border-top:3px solid var(--accent);padding:16px 0}
.article-side h2 {font-size:20px;margin:18px 0 10px}
.article-side a {display:block;font-size:12px;padding:9px 0;border-bottom:1px solid var(--line)}
.article-side a:hover,.directory-section a:hover {color:#1D2362}
.listing .reading {background:transparent;padding:0}
.filter {display:block;font:600 18px var(--heading);margin-bottom:20px}
.filter input,.demo-form input:not([type=radio]),.demo-form textarea {display:block;width:100%;border:1px solid color-mix(in srgb, #6F9DD3 70%, white);background:white;border-radius:10px;font:14px var(--body);padding:13px 16px;color:var(--ink);margin:7px 0 18px}
.filter input {max-width:560px}
.entries {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.entry {display:flex;flex-direction:column;overflow:hidden;background:white;border-radius:42px 0;box-shadow:0 2px 12px #1D236208}
.entry:hover {box-shadow:0 8px 24px #1D236220}
.entry img {max-height:none;width:100%;height:220px;object-fit:cover;border-radius:0;margin:0}
.entry > div {padding:24px}
.entry h3 {margin:0 0 12px}
.entry p,.directory-section a {font-size:14px}
.entry span {color:#1D2362;font-size:23px}
.directory {padding-block:55px 80px}
.directory-section > div {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}
.directory-section a {display:flex;justify-content:space-between;gap:16px;align-items:center;background:white;border-radius:14px 0;padding:14px 18px}
.table-wrap {overflow:auto;margin:22px 0}
.reading table {width:100%;border-collapse:collapse;font-size:13px}
.reading th,.reading td {border:1px solid color-mix(in srgb, #6F9DD3 45%, white);text-align:left;padding:10px}
.reading th {background:var(--ink);color:white}
.demo-note,.form-status {font-size:13px;color:#1D2362}
.demo-form label {font-weight:500}
.demo-form .line-2 {display:grid;grid-template-columns:1fr 1fr;gap:18px}
.demo-form .radio-button-field {display:block}
.demo-form textarea {min-height:90px}
[hidden] {display:none!important}
@media(max-width:900px){.inner-lead{gap:28px}.interior.detail{gap:24px}.entries{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.inner-lead{flex-direction:column;align-items:stretch;padding-block:38px}.inner-lead>img{width:100%;height:225px}.interior.detail{display:block}.interior{margin-block:32px 50px}.article-side{position:static;max-height:none;margin-top:32px}.reading{padding:24px 20px;border-radius:25px 0}.entries,.directory-section>div,.demo-form .line-2{grid-template-columns:1fr}.inner-lead h1{overflow-wrap:anywhere}.inner-lead p{font-size:14px}}
.cabinet-page .inner-lead > img,.entry img {object-position:50% 20%}
.cabinet-page .me_top {font-size:17px;font-weight:500;margin:0 0 20px}
.cabinet-page .div-block-50 {display:flex;flex-wrap:wrap;gap:12px}
.cabinet-page .div-block-51 {background:var(--pale);border-radius:16px 0;padding:12px 18px;text-decoration:none!important}
.cabinet-page .div-block-51 .text_medium {font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em}
.cabinet-page .div-block-51 .text_small {font-size:14px}
.reading .ent_main-2 {display:flex;align-items:flex-end;gap:20px;padding-block:18px}
.reading .ent_main-2_col {flex:1;text-align:center}
.reading .graph-bar {background:var(--blue);border-radius:15px 0 0 0;margin:8px auto;max-width:75px}

/* Cadre de lecture partagé entre articles, fiches et répertoires. */
.inner-lead:has(> img) {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(220px, 31%);
  gap: clamp(24px, 4vw, 64px);
}
.inner-lead > img { width: 100%; }
.inner-lead h1 { line-height: 1.1; }
.inner-lead p, .reading { font-size: var(--reading-size); }
.inner-lead p, .reading p { line-height: 1.68; }
.reading .w-richtext > :is(p, ul, ol, blockquote) { max-width: 72ch; }
.reading :is(h2, h3, h4, .card-title, .titre) { letter-spacing: var(--heading-tracking); }
.reading :is(h2, h3) { line-height: 1.18; }
.reading .card-content .card-title, .reading .ent_main-1_card-top .card-title { margin-top: 0; }
.reading .kn-box { margin: 0; }
.reading div:has(> .kn-box) {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(100%, 175px), 1fr));
  gap: 16px;
  margin-block: 24px;
}
.kn-box .kn-title { display:block; margin:0 0 8px; font-size:24px; }
.article-side a { font-size: 14px; line-height: 1.5; }
.reading :is(th, td) { overflow-wrap: normal; }
.reading table { min-width: 580px; font-size: 14px; line-height: 1.55; }
.table-wrap { max-width: 100%; scrollbar-color: #6F9DD3 color-mix(in srgb, #6F9DD3 12%, white); }
.table-wrap td:nth-child(2), .table-wrap td:nth-child(3) { font-variant-numeric: tabular-nums; }
.table-hint, .mobile-contents { display: none; }
.entries .entry > div { flex: 1; display: flex; flex-direction: column; }
.entries .entry h3 { margin: 0 0 12px; }
.entries .entry p { line-height: 1.6; margin: 0 0 20px; }
.entries .entry span { margin-top: auto; align-self: flex-end; }
.reading .entry img { margin: 0; width:100%; height:220px; object-fit:cover; }
.demo-form .form-radio-container {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: 8px;
  margin: 12px 0 22px;
}
.demo-form .radio-button-field {
  display:flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:10px 12px;
  border:1px solid var(--line);
  border-radius:10px;
  cursor:pointer;
}
.demo-form .radio-button-field:has(:checked) { border-color:var(--ink); background:var(--pale); }
.demo-form .w-form-formradioinput { display:none; }
.demo-form .radio-button-field input { margin:0; accent-color:var(--ink); }
.demo-form .line-2 { column-gap:18px; row-gap:0; }
.demo-form input:not([type=radio]), .demo-form textarea, .filter input { font-size:16px; }
.cabinet-page .div-block-51 { display:flex; align-items:center; max-width:100%; }
.cabinet-page .div-block-51 .text_small { overflow-wrap:anywhere; }
@media(max-width:900px) {
  .interior.detail { display:block; }
  .article-side { position:static; max-height:none; margin-top:28px; }
  .article-side .desktop-contents { display:none; }
  .mobile-contents {
    display:block;
    margin-bottom:16px;
    padding:0 20px;
    background:white;
    border-radius:16px 0;
  }
  .mobile-contents summary { padding-block:14px; cursor:pointer; font-weight:600; }
  .mobile-contents a { display:block; padding:10px 0; border-top:1px solid var(--line); }
}
@media(max-width:700px) {
  .inner-lead:has(> img) { grid-template-columns:minmax(0,1fr); }
  .inner-lead p { font-size:16px; }
  .table-hint { display:block; margin:12px 0 4px; font-size:13px; color:#1D2362; }
  .table-hint + .table-wrap { margin-top:4px; }
  .reading ul, .reading ol { padding-inline-start:1.35em; }
  .reading figure { margin-inline:0; }
  .reading .ent_main-2 { gap:10px; }
  .demo-form .form-radio-container { grid-template-columns:1fr; }
}
@media (min-width: 701px) {
  .reading div:has(> .kn-box:nth-child(4):last-child) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}