/* Scoped to the information section. Conversion pages keep their existing CSS. */
.infos .site-header{background:#071a37;border-bottom:1px solid #263852}
/* Keep the shared navigation geometry: changing gaps or font metrics here
   makes the header jump when entering or leaving Infos utiles. */
.infos .main-nav>a{color:#e7ebf1}
.infos .main-nav>a[aria-current]{color:#fff}
.infos .main-nav>a[aria-current]::after{transform:scaleX(1);height:2px}
.infos .main-nav .nav-cta{color:#f3dba1}
.infos .main-nav .nav-cta:hover{color:#071a37}
.infos a:focus-visible,.infos button:focus-visible,.infos input:focus-visible,.infos summary:focus-visible{outline:3px solid #214f79;outline-offset:4px}
.infos .site-header a:focus-visible,.infos .site-header button:focus-visible{outline-color:#ebd18b}
.info-hero,.info-article-hero{padding:120px 0 38px;background:#f8f6f0}
.info-breadcrumbs{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:0 0 24px;color:#535c6a;font-size:13px}
.info-breadcrumbs a{color:#214f79;text-decoration:underline;text-underline-offset:4px}
.info-breadcrumbs [aria-current]{color:#071a37;font-weight:700}
.info-hero .eyebrow{color:#785b20}
.info-hero h1,.info-article-hero h1{margin:12px 0 20px;font-family:var(--font-display);font-size:clamp(40px,4.7vw,64px);line-height:1.1;font-weight:500;color:var(--navy);max-width:1020px;overflow-wrap:break-word}
.info-lead{max-width:840px;font-size:18px;line-height:1.7;color:#465265;margin:0 0 18px}
.info-editorial{color:#535c6a;max-width:800px;font-size:14px}
.info-bridge{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:28px;padding:18px 22px;border-left:3px solid #9b762b;background:#fff;color:#465265;font-size:14px}
.info-bridge a{color:#102e5b;font-weight:750;text-underline-offset:4px;white-space:nowrap}
.info-search{padding-top:32px;padding-bottom:30px}
.info-search label{font-size:15px;font-weight:750;color:#071a37;display:block;margin-bottom:10px}
.info-search-line{display:flex;align-items:center;gap:12px}
.info-search input{width:100%;min-width:0;border:1px solid #b6bdc6;border-radius:4px;padding:14px 16px;background:#fff;color:#071a37;font-size:16px}
.info-search-line>button{border:0;background:#eef1f5;color:#102e5b;border-radius:4px;padding:14px;min-height:48px}
.info-search #search-help{font-size:13px;color:#535c6a;margin:9px 0 20px}
.info-filters{display:flex;flex-wrap:wrap;gap:8px}
.info-filters button{border:1px solid #c3c8ce;border-left:3px solid var(--category,#071a37);background:#fff;color:#27364c;border-radius:3px;padding:10px 12px;min-height:44px;font-size:13px;font-weight:650}
.info-filters button.is-active{background:#071a37;border-color:#071a37;color:#fff}
.info-list{background:#f4f2ed;padding:28px 0 72px}
.info-list-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}
.info-list-heading h2{font-family:var(--font-display);font-size:28px;font-weight:500;margin:0;color:#071a37}
.info-list-heading p{font-size:14px;color:#535c6a;margin:0}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.info-card{min-width:0;display:flex;flex-direction:column;padding:26px;border-top:3px solid var(--category);background:#fff;box-shadow:0 3px 18px #071a3708}
.info-category{font-size:12px;letter-spacing:.025em;font-weight:800;color:var(--category,#214f79)}
.info-kind{font-size:12px!important;color:#535c6a!important;margin:5px 0 12px!important}
.info-card h2{font-family:var(--font-display);font-size:27px;line-height:1.23;font-weight:500;margin:0 0 14px;overflow-wrap:break-word}
.info-card h2 a{color:#071a37;text-decoration:none}
.info-card h2 a:hover{text-decoration:underline;text-underline-offset:4px}
.info-card>p{font-size:15px;color:#535c6a;line-height:1.65;margin:0 0 20px}
.info-tags{display:flex;gap:7px;flex-wrap:wrap;margin:0 0 20px}
.info-tags button,.info-tags a{font-size:12px;color:#33465d;border:1px solid #c9d0d8;background:#fff;border-radius:3px;padding:7px 9px;line-height:1.4;text-decoration:none;overflow-wrap:anywhere}
.info-tags button:hover,.info-tags a:hover{background:#eef1f5;color:#102e5b}
.info-card footer{display:flex;justify-content:space-between;gap:10px;padding-top:15px;margin-top:auto;border-top:1px solid #e3e5e8;color:#535c6a;font-size:12px}
.info-empty{padding:24px;background:#fff;color:#465265}
.infos [hidden]{display:none!important}
.info-article-hero{padding-bottom:28px}
.info-article-hero h1{font-size:clamp(34px,4.1vw,56px)}
.info-meta{font-size:13px;color:#535c6a;line-height:1.7}
.info-article-hero .info-tags{margin-bottom:0}
.info-body{max-width:840px;padding-top:34px;padding-bottom:64px;font-size:17px;line-height:1.85;color:#3d4a5b}
.info-body section{scroll-margin-top:115px}
.info-body h2{color:#071a37;font-family:var(--font-display);font-size:30px;line-height:1.2;font-weight:500;margin:34px 0 15px}
.info-body p{margin:0 0 18px}
.info-body ul{padding-left:24px;margin:0 0 24px}
.info-body li{padding-left:4px;margin-bottom:10px}
.info-body a{color:#214f79;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;overflow-wrap:anywhere}
.info-toc{padding:16px 20px;background:#f4f6f8;border:1px solid #d8dde3;font-size:14px;margin-bottom:30px}
.info-toc summary{cursor:pointer;color:#102e5b;font-weight:750;min-height:28px}
.info-toc ul{margin:12px 0 0}
.info-source{padding:20px 24px;margin-top:35px;background:#f8f6f0;border-left:3px solid #9b762b;font-size:14px;line-height:1.75}
.info-source h2{font-size:24px;margin:0 0 15px}
.info-source p,.info-source ul{margin-bottom:0}
.info-source span{color:#535c6a}
.info-article-contact{margin-top:28px!important;font-size:14px}
.info-related{border-top:1px solid #d9d8d3;margin-top:32px;padding-top:4px;font-size:15px}
.info-related h2{font-size:24px}
@media(max-width:880px){.info-grid{grid-template-columns:1fr}.info-hero,.info-article-hero{padding-top:106px}.info-hero h1{font-size:42px}.info-article-hero h1{font-size:36px}.info-bridge{display:block}.info-bridge a{display:block;margin-top:8px;white-space:normal}.info-card{padding:23px}.info-body{font-size:16px;line-height:1.8}.info-body h2{font-size:27px}.info-lead{font-size:17px}.info-filters button{padding:10px;font-size:12px}.info-source{padding:18px}.info-search-line{flex-wrap:wrap}.info-search-line input{flex:1 1 220px}}
@media(max-width:420px){.info-article-hero h1{font-size:32px}.info-card h2{font-size:25px}.info-breadcrumbs{margin-bottom:20px}.info-list-heading{align-items:baseline}.info-hero,.info-article-hero{padding-bottom:28px}}
html:not(.js) .infos .site-header{position:static}
html:not(.js) .infos .info-hero,html:not(.js) .infos .info-article-hero{padding-top:32px}
@media(max-width:880px){
  .infos .main-nav{overflow-y:auto}
  html:not(.js) .infos .header-inner{flex-wrap:wrap;padding-top:18px;padding-bottom:18px}
  html:not(.js) .infos .main-nav{position:static;inset:auto;visibility:visible;opacity:1;transform:none;flex-direction:row;flex-wrap:wrap;padding:0;gap:14px}
  html:not(.js) .infos .main-nav>a,html:not(.js) .infos .main-nav .nav-secondary{font-family:var(--font-sans);font-size:13px}
}
@media(max-width:880px) and (max-height:600px){.infos .main-nav{justify-content:flex-start;padding-top:80px;padding-bottom:24px}}
@media(max-width:620px){body.infos{padding-bottom:0}}

/* Lot 1: a quiet, contextual service link. */
.info-service{margin:32px 0 24px;padding:20px 22px;border-left:3px solid #b99857;background:#f3f1eb;border-radius:0 6px 6px 0}
.info-service p{margin:0 0 10px!important;font-size:15px;line-height:1.65}
.info-service a{font-weight:600;font-size:15px;text-underline-offset:4px}
.info-service-secondary{display:block;margin-top:10px;font-weight:400!important}
@media(max-width:620px){.info-service{padding:16px}}