.outil-risques{
  --blue:#082f57;
  --red:#cf2029;
  --bg:#f5f7fb;
  --line:#e2e8f0;
  --text:#243044;
  --muted:#5d6b82;
  --green:#159947;
  --shadow:0 22px 58px rgba(8,47,87,.12);
  --soft:0 12px 30px rgba(8,47,87,.08);
}
.outil-risques, .outil-risques *{box-sizing:border-box}
.outil-risques{margin:0;background:var(--bg);font-family:'Inter', sans-serif;color:var(--text);line-height:1.55}
.outil-risques .top{
  height:76px;background:#fff;border-bottom:1px solid var(--line);
  display:flex;align-items:center;justify-content:space-between;
  padding:0 34px;position:sticky;top:0;z-index:20;
}
.outil-risques .logo{display:flex;gap:12px;align-items:center}
.outil-risques .mark{
  width:52px;height:52px;border:2px solid #d8dee8;border-radius:13px;
  display:flex;align-items:center;justify-content:center;color:var(--red);
  font-weight:950;font-size:23px;background:#fff;
}
.outil-risques .logo strong{display:block;font-size:31px;color:var(--blue);line-height:1}
.outil-risques .logo span{font-size:11px;color:var(--blue);font-weight:800;letter-spacing:.04em}
.outil-risques .source{font-size:14px;font-weight:900;color:var(--muted)}
.outil-risques .source b{color:var(--blue)}
.outil-risques .hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.94) 43%,rgba(255,255,255,.75) 70%,rgba(255,255,255,.58) 100%),
    url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="1600" height="620" viewBox="0 0 1600 620"><defs><linearGradient id="bg" x1="0" x2="1"><stop stop-color="%23d8e6f1"/><stop offset="1" stop-color="%23eef4f9"/></linearGradient><linearGradient id="land" x1="0" x2="1"><stop stop-color="%23082f57" stop-opacity="0.15"/><stop offset="1" stop-color="%23082f57" stop-opacity="0.04"/></linearGradient></defs><rect width="1600" height="620" fill="url(%23bg)"/><path d="M0 475 C170 422 290 520 480 470 S820 385 1040 445 1330 525 1600 455 L1600 620 0 620Z" fill="url(%23land)"/><path d="M0 535 C190 492 295 570 510 518 S900 460 1110 505 1380 558 1600 520 L1600 620 0 620Z" fill="%23cf2029" fill-opacity="0.07"/><g transform="translate(1030 95)"><rect x="0" y="0" width="455" height="300" rx="26" fill="white" fill-opacity="0.42" stroke="%23082f57" stroke-opacity=".10"/><rect x="58" y="148" width="176" height="102" fill="%23ffffff" fill-opacity=".82" stroke="%23c7d5e3"/><polygon points="42,152 146,76 250,152" fill="%23cf2029" fill-opacity=".76"/><rect x="98" y="178" width="36" height="72" fill="%23082f57" fill-opacity=".80"/><rect x="156" y="181" width="42" height="31" fill="%23082f57" fill-opacity=".35"/><circle cx="335" cy="114" r="48" fill="%23082f57" fill-opacity=".13"/><path d="M335 78 C319 102 300 106 300 128 a35 35 0 0 0 70 0 c0-22-19-26-35-50Z" fill="%23cf2029" fill-opacity=".82"/><path d="M54 264 C118 230 158 258 223 278 S340 304 430 260" stroke="%23082f57" stroke-opacity=".44" stroke-width="10" fill="none"/><path d="M338 172 L351 195 L378 199 L358 217 L363 244 L338 231 L313 244 L318 217 L298 199 L325 195 Z" fill="%23082f57" fill-opacity=".58"/></g></svg>');
  background-size:cover;background-position:center;min-height:288px;
  display:grid;grid-template-columns:1.08fr .92fr;border-bottom:1px solid var(--line);
}
.outil-risques .hero-copy{padding:42px 34px;position:relative;z-index:2}
.outil-risques .kicker{color:var(--red);font-size:14px;font-weight:950;text-transform:uppercase;margin-bottom:14px;letter-spacing:.08em}
.outil-risques h1{margin:0 0 14px;color:var(--blue);font-size:2.5rem;line-height:1.03;text-transform:uppercase;font-weight:950}
.outil-risques .hero p{font-size:17px;font-weight:700;color:#253751;margin:0 0 10px;max-width:760px}
.outil-risques .slogan{color:var(--red)!important;text-transform:uppercase;font-weight:950!important}
.outil-risques .visual{min-height:285px;position:relative;overflow:hidden}
.outil-risques .visual:before{
  content:"";position:absolute;inset:22px 26px;border-radius:28px;
  background:linear-gradient(135deg,rgba(255,255,255,.18),rgba(255,255,255,.04));
  backdrop-filter:blur(2px);
}
.outil-risques .wrap{max-width:1240px;margin:0 auto;padding:30px 18px 70px}
.outil-risques .box{
  background:#fff;border:1px solid var(--line);border-radius:30px;
  box-shadow:var(--shadow);overflow:hidden;margin-bottom:24px;
}
.outil-risques .head{padding:26px 28px 18px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff)}
.outil-risques .head h2{margin:0 0 8px;color:var(--blue);font-size:1.6rem}
.outil-risques .head.center{text-align:center}
.outil-risques .head p{margin:0;color:var(--muted);font-weight:700}
.outil-risques .body{padding:24px 28px 30px}
.outil-risques .certis-note{
  margin:0 0 22px;padding:16px 18px;border:1px solid #d7e2ef;
  border-left:5px solid var(--blue);border-right:5px solid var(--blue);
  border-radius:18px;background:#fff;color:#243044;font-size:14px;font-weight:650;line-height:1.5;
}
.outil-risques .grid{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(140px,.7fr) minmax(0,1fr);gap:14px;align-items:start}
.outil-risques .field{display:grid;gap:8px;align-content:start}
.outil-risques .field label{color:var(--blue);font-size:14px;font-weight:950}
.outil-risques .field input{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;border-radius:14px;font-size:15px;min-height:50px}
.outil-risques .fieldWrap{position:relative}
.outil-risques .suggestions{position:absolute;left:0;right:0;top:calc(100% + 6px);background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 40px rgba(8,47,87,.12);max-height:220px;overflow:auto;display:none;z-index:8}
.outil-risques .suggestions.active{display:block}
.outil-risques .suggestion{padding:10px 12px;font-size:14px;font-weight:800;color:var(--blue);cursor:pointer}
.outil-risques .suggestion:hover{background:#f4f8fc}
.outil-risques .btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px;justify-content:center}
.outil-risques .btn{border:0;border-radius:13px;min-height:54px;padding:0 24px;font-weight:950;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:15px}
.outil-risques .btn-check{min-width:270px}
.outil-risques .red{background:var(--red);color:#fff}
.outil-risques .blue{background:var(--blue);color:#fff}
.outil-risques .ghost{background:#fff;color:var(--blue);border:1px solid var(--line)}
.outil-risques .btn:disabled{opacity:.45;cursor:not-allowed}
.outil-risques .notice{margin-top:16px;padding:14px 16px;border-radius:16px;background:#f8fafc;border:1px solid var(--line);color:var(--muted);font-size:14px;font-weight:500;line-height:1.5}
.outil-risques .notice b{font-size:14px;font-weight:700}
.outil-risques .warn{background:#fff7e6;border-color:#f4d28d;color:#7a4f00}
.outil-risques .ok{background:#edf8f2;border-color:#cfe7d9;color:#146c43}
.outil-risques .err{background:#fff2f2;border-color:#ffd0d0;color:#9b1c1c}
.outil-risques .meta{display:none;margin-top:20px;grid-template-columns:repeat(4,1fr);gap:12px}
.outil-risques .meta.active{display:grid}
.outil-risques .card{border:1px solid var(--line);border-radius:18px;background:#fff;padding:15px;box-shadow:var(--soft)}
.outil-risques .card h3{margin:0 0 7px;color:var(--blue);font-size:16px}
.outil-risques .card p{margin:0;color:var(--muted);font-weight:800;font-size:14px}
.outil-risques .links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px}
.outil-risques .official-link{
  text-align:center;padding:22px 20px;border:1px solid #c8d8ea;
  border-radius:20px;background:linear-gradient(180deg,#f3f8fd 0%,#eaf3fb 100%);
  box-shadow:0 10px 24px rgba(8,47,87,.07);text-decoration:none;
  transition:transform .18s ease,box-shadow .18s ease,background .18s ease,border-color .18s ease;
}
.outil-risques .official-link strong{display:block;color:var(--blue);font-size:22px;letter-spacing:.04em;margin-bottom:9px}
.outil-risques .official-link span{font-size:14px;line-height:1.45;color:#334761;font-weight:650}
.outil-risques .official-link:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-3px);box-shadow:0 18px 40px rgba(8,47,87,.22)}
.outil-risques .official-link:hover strong, .outil-risques .official-link:hover span{color:#fff}
.outil-risques .readerBox{display:none}
.outil-risques .readerBox.active{display:block}
.outil-risques .viewerShell{background:#1f2329;border-radius:24px;overflow:hidden;border:1px solid #111827;box-shadow:var(--shadow)}
.outil-risques .toolbar{min-height:42px;background:#2f3338;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:6px 10px;gap:8px;position:sticky;top:0;z-index:6}
.outil-risques .toolbar .left, .outil-risques .toolbar .right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.outil-risques .toolbar button{background:#3d4249;border:1px solid #555b66;color:#fff;border-radius:8px;padding:6px 9px;font-weight:900;cursor:pointer;font-size:12px}
.outil-risques .toolbar button:hover{background:#4b515a}
.outil-risques .toolbar input{width:52px;background:#22262b;color:#fff;border:1px solid #555b66;border-radius:8px;padding:6px;text-align:center;font-weight:900}
.outil-risques .toolbar .title{font-weight:950;white-space:nowrap;font-size:12px}
.outil-risques .pdfScroll{height:82vh;min-height:700px;overflow:auto;background:#202328;padding:10px 12px 34px}
.outil-risques .pageWrap{display:flex;justify-content:center;margin:0 auto 24px}
.outil-risques .pageInner{background:#fff;box-shadow:0 8px 30px rgba(0,0,0,.42);position:relative}
.outil-risques .pageNum{position:absolute;left:50%;bottom:-28px;transform:translateX(-50%);color:#fff;font-weight:900;font-size:14px}
.outil-risques .pageInner canvas{display:block}
.outil-risques .progress{padding:20px;background:#111827;color:#fff;text-align:center;font-weight:900}
.outil-risques .riskGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}
.outil-risques .risk{border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--soft);padding:16px;display:grid;grid-template-columns:54px 1fr;gap:13px;align-items:center}
.outil-risques .ico{width:54px;height:54px;border-radius:50%;background:var(--blue);border:4px solid var(--red);color:#fff;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:950}
.outil-risques .risk h3{margin:0 0 7px;color:#26384f;font-size:17px;text-transform:uppercase;line-height:1.15}
.outil-risques .badges{display:flex;gap:8px;flex-wrap:wrap}
.outil-risques .badge{border-radius:7px;padding:4px 8px;font-size:11px;font-weight:950;text-transform:uppercase;background:#edf2f7;color:#516070}
.outil-risques .b-green{background:#dff8e8;color:#13793c}
.outil-risques .b-red{background:#ffe4e6;color:#b4232b}
.outil-risques .b-orange{background:#fff1d7;color:#9a5c00}
.outil-risques .b-grey{background:#edf2f7;color:#667085}
.outil-risques .details{font-size:14px;color:var(--muted);font-weight:700;margin-top:9px;grid-column:1/-1}
.outil-risques .fallbackActions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.outil-risques .alert-panel{background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--soft);padding:26px 28px;margin-bottom:24px}
.outil-risques .alert-panel h2{text-align:center;margin:0;color:var(--blue);font-size:1.6rem}
.outil-risques .underline{width:76px;height:4px;background:var(--red);border-radius:999px;margin:10px auto 22px}
.outil-risques .alert-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.outil-risques .alert-item{border:1px solid #d7e2ef;border-left:5px solid var(--blue);border-radius:18px;padding:15px;background:#fbfdff}
.outil-risques .alert-item b{display:block;color:var(--blue);font-size:15px;margin-bottom:6px}
.outil-risques .alert-item span{font-size:14px;color:#4a5b73;font-weight:650;line-height:1.45}
@media(max-width:980px){
  .outil-risques .hero, .outil-risques .grid, .outil-risques .meta, .outil-risques .riskGrid, .outil-risques .links, .outil-risques .alert-grid{grid-template-columns:1fr}
  .outil-risques .visual{min-height:210px}
  .outil-risques .top{height:auto;padding:15px}
  .outil-risques .toolbar{top:0;height:auto;min-height:56px;align-items:flex-start;flex-direction:column}
  .outil-risques .pdfScroll{height:72vh}
  .outil-risques .head, .outil-risques .body{padding-left:16px;padding-right:16px}
}
.outil-risques .cta-band{
  background:linear-gradient(135deg,var(--blue),#0b416f);
  border-radius:30px;
  box-shadow:var(--shadow);
  color:#fff;
  padding:34px 34px;
  margin-bottom:24px;
  display:grid;
  grid-template-columns:1.4fr auto;
  gap:22px;
  align-items:center;
  overflow:hidden;
  position:relative;
}
.outil-risques .cta-band:before{
  content:"";
  position:absolute;
  right:-80px;
  top:-120px;
  width:280px;
  height:280px;
  border-radius:50%;
  background:rgba(255,255,255,.08);
}
.outil-risques .cta-band h2{
  margin:0 0 10px;
  font-size:1.6rem;
  line-height:1.12;
  color:#fff;
}
.outil-risques .cta-band p{
  margin:0;
  color:#e6eef7;
  font-size:16px;
  font-weight:650;
  line-height:1.5;
}
.outil-risques .cta-band .cta-btn{
  background:#fff;
  color:var(--blue);
  min-width:230px;
  min-height:56px;
  border-radius:14px;
  font-weight:950;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.outil-risques .cta-band .cta-btn:hover{
  background:var(--red);
  color:#fff;
}
.outil-risques .faq-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--soft);
  padding:28px;
  margin-bottom:24px;
}
.outil-risques .faq-box h2{
  text-align:center;
  margin:0;
  color:var(--blue);
  font-size:1.6rem;
}
.outil-risques .faq-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}
.outil-risques .faq-item{
  border:1px solid #d7e2ef;
  border-radius:18px;
  background:#fbfdff;
  padding:0;
  overflow:hidden;
}
.outil-risques .faq-item summary{
  cursor:pointer;
  list-style:none;
  color:var(--blue);
  font-weight:900;
  font-size:15px;
  padding:15px 16px;
}
.outil-risques .faq-item summary::-webkit-details-marker{display:none}
.outil-risques .faq-item p{
  margin:0;
  padding:0 16px 16px;
  color:#4a5b73;
  font-size:14px;
  font-weight:650;
  line-height:1.5;
}
@media(max-width:980px){
  .outil-risques .cta-band{grid-template-columns:1fr;text-align:center}
  .outil-risques .faq-list{grid-template-columns:1fr}
}
.outil-risques .nativeViewer{background:#1f2329}
.outil-risques .pdfFrame{
  width:100%;
  height:82vh;
  min-height:700px;
  border:0;
  display:none;
  background:#fff;
}
.outil-risques .nativeViewer.loaded .pdfFrame{display:block}
.outil-risques .nativeViewer.loaded .progress{display:none}
.outil-risques .alert-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--soft);
  padding:30px 28px;
  margin-bottom:24px;
}
.outil-risques .alert-panel h2, .outil-risques .faq-box h2{
  text-align:center;
  margin:0;
  color:var(--blue);
  font-size:1.6rem;
  line-height:1.15;
}
.outil-risques .alert-item{
  border:1px solid #d7e2ef;
  border-left:5px solid var(--blue);
  border-radius:18px;
  padding:16px;
  background:#fbfdff;
}
.outil-risques .alert-item b{
  display:block;
  color:var(--blue);
  font-size:15px;
  margin-bottom:7px;
  font-weight:900;
}
.outil-risques .alert-item span{
  font-size:14px;
  color:#4a5b73;
  font-weight:650;
  line-height:1.45;
}
.outil-risques .cta-band{
  background:linear-gradient(135deg,var(--blue),#0b416f);
  border-radius:30px;
  box-shadow:var(--shadow);
  color:#fff;
  padding:36px 34px;
  margin-bottom:24px;
  display:grid;
  grid-template-columns:1.35fr auto;
  gap:24px;
  align-items:center;
}
.outil-risques .cta-band h2{
  margin:0 0 10px;
  font-size:1.6rem;
  line-height:1.12;
  color:#fff;
}
.outil-risques .cta-band p{
  margin:0;
  color:#e6eef7;
  font-size:16px;
  font-weight:650;
  line-height:1.5;
}
.outil-risques .cta-band .cta-btn{
  background:#fff;
  color:var(--blue);
  min-width:235px;
  min-height:56px;
  border-radius:14px;
  font-weight:950;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 34px rgba(0,0,0,.18);
}
.outil-risques .cta-band .cta-btn:hover{
  background:var(--red);
  color:#fff;
}
.outil-risques .faq-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--soft);
  padding:30px 28px;
  margin-bottom:24px;
}
.outil-risques .faq-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  margin-top:22px;
}
.outil-risques .faq-item{
  border:1px solid #d7e2ef;
  border-radius:18px;
  background:#fbfdff;
  overflow:hidden;
}
.outil-risques .faq-item summary{
  cursor:pointer;
  list-style:none;
  color:var(--blue);
  font-weight:900;
  font-size:15px;
  padding:15px 16px;
}
.outil-risques .faq-item p{
  margin:0;
  padding:0 16px 16px;
  color:#4a5b73;
  font-size:14px;
  font-weight:650;
  line-height:1.5;
}
.outil-risques /* Harmonisation V15 avec l’outil catastrophe naturelle */
.wrap{max-width:1360px}
.outil-risques .search-box{
  border-radius:30px;
  overflow:hidden;
}
.outil-risques .search-head{
  text-align:center;
  padding:34px 28px 28px;
  background: var(--title-color);
  border-bottom:1px solid var(--line);
}
.outil-risques .search-head h2{
  margin:0 0 12px;
  color:white;
  font-size:1.6rem;
  line-height:1.05;
  letter-spacing:.01em;
  text-transform:uppercase;
  font-weight:950;
}
.outil-risques .search-head p{
  max-width:920px;
  margin:0 auto;
  color: white;
  font-size:18px;
  line-height:1.35;
  font-weight:850;
}
.outil-risques .search-box .body{
  padding:30px 28px 34px;
}
.outil-risques .search-box .grid{
  grid-template-columns:minmax(0,1.55fr) minmax(150px,.65fr) minmax(0,1fr);
  gap:16px;
}
.outil-risques .search-box .field label{
  font-size:15px;
  color:var(--blue);
  font-weight:950;
}
.outil-risques .search-box .field input{
  min-height:58px;
  border-radius:16px;
  font-size:16px;
  border-color:#d4deeb;
}
.outil-risques .search-box .btns{
  justify-content:center;
  margin-top:28px;
}
.outil-risques .search-box .btn-check{
  min-width:310px;
  min-height:60px;
  border-radius:14px;
  font-size:18px;
}
.outil-risques .search-box .notice{
  text-align:center;
  margin-top:28px;
  border-radius:16px;
  color:#687386;
  font-size:15px;
  font-weight:750;
}
.outil-risques .certis-note{
  max-width:1320px;
  margin:0 auto 24px;
  border-radius:16px;
  text-align:center;
  font-size:15px;
  font-weight:750;
  color:#687386;
  border-left:5px solid var(--blue);
  border-right:5px solid var(--blue);
}
.outil-risques /* Bloc compréhension proche de la capture catastrophe naturelle */
.alert-panel{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--soft);
  padding:34px 28px 30px;
  margin-bottom:24px;
}
.outil-risques .alert-panel h2{
  text-align:center;
  margin:0;
  color:var(--blue);
  font-size:1.6rem;
  line-height:1.05;
  letter-spacing:.01em;
  font-weight:950;
  text-transform:uppercase;
}
.outil-risques .underline{
  width:58px;
  height:4px;
  background:var(--red);
  border-radius:999px;
  margin:22px auto 26px;
}
.outil-risques .alert-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
}
.outil-risques .alert-item{
  border:1px solid #dbe5f1;
  border-radius:18px;
  background:#fff;
  padding:20px 20px;
  min-height:126px;
  box-shadow:none;
}
.outil-risques .alert-item b{
  display:block;
  color:var(--blue);
  font-size:18px;
  line-height:1.25;
  margin-bottom:10px;
  font-weight:950;
}
.outil-risques .alert-item span{
  display:block;
  color:#6b7485;
  font-size:16px;
  font-weight:800;
  line-height:1.55;
}
.outil-risques /* CTA conforme au visuel catastrophe naturelle */
.cta-band{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--soft);
  color:var(--blue);
  padding:36px 34px 38px;
  margin-bottom:24px;
  display:block;
  text-align:center;
}
.outil-risques .cta-band h2{
  max-width:1100px;
  margin:0 auto 18px;
  color:var(--blue);
  font-size:1.6rem;
  line-height:1.1;
  font-weight:950;
}
.outil-risques .cta-band p{
  max-width:900px;
  margin:0 auto 26px;
  color:#6b7485;
  font-size:18px;
  line-height:1.45;
  font-weight:850;
}
.outil-risques .cta-band .cta-btn{
  background:var(--red);
  color:#fff;
  min-width:250px;
  min-height:58px;
  border-radius:14px;
  font-size:16px;
  font-weight:950;
  text-decoration:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:none;
}
.outil-risques .cta-band .cta-btn:hover{
  background:var(--blue);
  color:#fff;
}
.outil-risques /* FAQ conforme au visuel catastrophe naturelle */
.faq-box{
  background:#fff;
  border:1px solid var(--line);
  border-radius:30px;
  box-shadow:var(--soft);
  padding:34px 28px 30px;
  margin-bottom:24px;
}
.outil-risques .faq-box h2{
  text-align:center;
  margin:0;
  color:var(--blue);
  font-size:1.6rem;
  line-height:1.05;
  letter-spacing:.01em;
  font-weight:950;
  text-transform:uppercase;
}
.outil-risques .faq-list{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:14px;
  margin-top:26px;
}
.outil-risques .faq-item{
  border:1px solid #dbe5f1;
  border-radius:18px;
  background:#fff;
  overflow:hidden;
  min-height:76px;
}
.outil-risques .faq-item summary{
  cursor:pointer;
  list-style:none;
  color:var(--blue);
  font-weight:950;
  font-size:17px;
  line-height:1.3;
  padding:20px 20px;
}
.outil-risques .faq-item summary::-webkit-details-marker{display:none}
.outil-risques .faq-item p{
  margin:0;
  padding:0 20px 18px;
  color:#6b7485;
  font-size:15px;
  font-weight:750;
  line-height:1.5;
}
.outil-risques .faq-item summary:before{
  content:"▶ ";
  color:var(--blue);
  font-weight:950;
}
.outil-risques /* Cohérence générale des grands blocs */
.box, .outil-risques .alert-panel, .outil-risques .cta-band, .outil-risques .faq-box{
  border-radius:30px;
}
@media(max-width:980px){
  .outil-risques .search-box .grid, .outil-risques .alert-grid, .outil-risques .faq-list{grid-template-columns:1fr}
  .outil-risques .search-head h2, .outil-risques .alert-panel h2, .outil-risques .faq-box h2{font-size:32px}
  .outil-risques .cta-band h2{font-size:30px}
}
.outil-risques .nativeViewer.loaded .progress{display:none!important}
.outil-risques .nativeViewer.loaded .pdfFrame{display:block!important}
.outil-risques .pdfFrame{background:#fff}
.outil-risques /* V15 Header et hero alignés sur l’outil catastrophe naturelle */
.site-header{
  height:86px;
  background:#fff;
  border-bottom:1px solid var(--line);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:26px;
  align-items:center;
  padding:0 34px;
  position:sticky;
  top:0;
  z-index:30;
}
.outil-risques .site-header .logo strong{
  font-size:34px;
  letter-spacing:.02em;
}
.outil-risques .site-header .logo span{
  font-size:12px;
}
.outil-risques .main-nav{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:30px;
}
.outil-risques .main-nav a{
  color:var(--blue);
  text-decoration:none;
  font-size:14px;
  font-weight:950;
  letter-spacing:.02em;
}
.outil-risques .main-nav a:hover{
  color:var(--red);
}
.outil-risques .header-cta{
  background:var(--red);
  color:#fff;
  min-height:56px;
  padding:0 26px;
  border-radius:8px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  font-size:14px;
  font-weight:950;
  box-shadow:0 12px 30px rgba(207,32,41,.24);
}
.outil-risques .header-cta:hover{
  background:var(--blue);
}
.outil-risques .hero-split{
  min-height:520px;
  display:grid;
  grid-template-columns:1.08fr .92fr;
  border-bottom:1px solid var(--line);
  background:#fff;
}
.outil-risques .hero-split .hero-copy{
  padding:66px 34px 58px;
  display:flex;
  flex-direction:column;
  justify-content:center;
}
.outil-risques .hero-split .kicker{
  color:var(--red);
  font-size:14px;
  font-weight:950;
  letter-spacing:.04em;
  text-transform:uppercase;
  margin-bottom:24px;
}
.outil-risques .hero-split h1{
  color:var(--blue) !important;
  font-size:2.5rem;
  line-height:1.02;
  margin:0 0 24px;
  font-weight:950;
  letter-spacing:.01em;
  text-transform:uppercase;
  max-width:780px;
}
.outil-risques .hero-split .slogan{
  color:var(--red)!important;
  font-size:22px;
  line-height:1.28;
  font-weight:950!important;
  text-transform:uppercase;
  margin:0 0 22px;
  max-width:780px;
}
.outil-risques .hero-split p:not(.slogan){
  color:#24364d;
  font-size:18px;
  line-height:1.48;
  font-weight:750;
  max-width:820px;
  margin:0 0 28px;
}
.outil-risques .hero-btn{
  background:var(--red);
  color:#fff;
  text-decoration:none;
  min-width:210px;
  min-height:58px;
  padding:0 24px;
  border-radius:12px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  align-self:flex-start;
  font-weight:950;
  font-size:16px;
}
.outil-risques .hero-btn:hover{
  background:var(--blue);
}
.outil-risques .hero-visual{
  position:relative;
  min-height:520px;
  overflow:hidden;
  background:linear-gradient(135deg,#edf4fb 0%,#dbe8f3 100%);
}
.outil-risques .hero-visual:before{
  content:"";
  position:absolute;
  inset:auto -12% 0 -12%;
  height:190px;
  background:rgba(255,255,255,.55);
  transform:skewY(-8deg);
  transform-origin:left bottom;
}
.outil-risques .hero-visual:after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 55% 58%,rgba(8,47,87,.14),transparent 34%);
}
.outil-risques .house-illustration{
  position:absolute;
  width:540px;
  height:390px;
  right:9%;
  bottom:58px;
  z-index:2;
}
.outil-risques .house-body{
  position:absolute;
  width:260px;
  height:250px;
  left:126px;
  bottom:0;
  background:#fff;
  border:8px solid rgba(8,47,87,.14);
  box-shadow:0 22px 50px rgba(8,47,87,.18);
  transform:skewX(-4deg);
}
.outil-risques .roof{
  position:absolute;
  width:305px;
  height:32px;
  left:85px;
  top:44px;
  background:var(--blue);
  border-radius:10px;
  transform:rotate(-39deg);
  transform-origin:left center;
}
.outil-risques .roof:after{
  content:"";
  position:absolute;
  width:300px;
  height:32px;
  left:152px;
  top:150px;
  background:var(--blue);
  border-radius:10px;
  transform:rotate(78deg);
}
.outil-risques .window{
  position:absolute;
  width:138px;
  height:120px;
  left:168px;
  bottom:102px;
  border:6px solid #bdcfe0;
  border-radius:10px;
  background:#edf5fb;
}
.outil-risques .window:before{
  content:"";
  position:absolute;
  left:50%;
  top:0;
  bottom:0;
  width:5px;
  background:#bdcfe0;
}
.outil-risques .risk-wave{
  position:absolute;
  width:260px;
  height:36px;
  left:110px;
  bottom:98px;
  border-radius:50%;
  border-top:8px solid var(--red);
}
.outil-risques .wave-blue{
  bottom:67px;
  border-top-color:#91a8bd;
  opacity:.95;
  transform:translateX(10px) scaleX(1.08);
}
.outil-risques .info-card{
  position:absolute;
  right:0;
  top:102px;
  width:230px;
  min-height:112px;
  background:#fff;
  border:4px solid #e0e8f1;
  border-radius:18px;
  box-shadow:0 18px 45px rgba(8,47,87,.16);
  padding:20px 76px 18px 22px;
}
.outil-risques .info-card strong{
  display:block;
  color:var(--blue);
  font-size:27px;
  font-weight:950;
  line-height:1.05;
}
.outil-risques .info-card span{
  display:block;
  margin-top:8px;
  color:#6b7485;
  font-size:15px;
  font-weight:850;
}
.outil-risques .info-card b{
  position:absolute;
  right:18px;
  top:26px;
  width:48px;
  height:48px;
  border-radius:50%;
  background:var(--red);
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:40px;
  line-height:1;
}
@media(max-width:1120px){
  .outil-risques .site-header{
    grid-template-columns:auto auto;
    height:auto;
    padding:14px 18px;
  }
  .outil-risques .main-nav{
    display:none;
  }
  .outil-risques .hero-split{
    grid-template-columns:1fr;
  }
  .outil-risques .hero-visual{
    min-height:340px;
  }
  .outil-risques .house-illustration{
    right:50%;
    transform:translateX(50%) scale(.82);
    bottom:0;
  }
}
@media(max-width:720px){
  .outil-risques .header-cta{
    display:none;
  }
  .outil-risques .hero-split .hero-copy{
    padding:42px 20px 36px;
  }
  .outil-risques .hero-split h1{
    font-size:42px;
  }
  .outil-risques .hero-split .slogan{
    font-size:18px;
  }
}

/* ============================================================
   FAQ — alignement avec le style de la page Outils (faq-list)
   1 colonne, bouton + chevron animé
============================================================ */
.outil-risques .faq-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}
.outil-risques .faq-item {
    border: none;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    padding: 0;
    background: #fff;
}
.outil-risques .faq-item:last-child {
    border-bottom: none;
}
.outil-risques .faq-question {
    width: 100%;
    background: none;
    border: none;
    padding: 20px 24px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    cursor: pointer;
    font-weight: 950;
    font-size: 15px;
    color: var(--blue);
    text-align: left;
    transition: background 0.15s;
}
.outil-risques .faq-question:hover {
    background: var(--bg, #f5f7fb);
}
.outil-risques .faq-question[aria-expanded="true"] {
    background: var(--bg, #f5f7fb);
}
.outil-risques .faq-chevron {
    flex-shrink: 0;
    transition: transform 0.2s;
}
.outil-risques .faq-question[aria-expanded="true"] .faq-chevron {
    transform: rotate(180deg);
}
.outil-risques .faq-answer {
    display: none;
    padding: 0 24px 20px;
    background: var(--bg, #f5f7fb);
}
.outil-risques .faq-answer.is-open {
    display: block;
}
.outil-risques .faq-answer p {
    margin: 0 !important;
    padding: 0;
    color: var(--muted);
    font-weight: 700;
    font-size: 14px;
    line-height: 1.7;
}
@media (max-width: 1060px) {
    .outil-risques .faq-list {
        grid-template-columns: 1fr;
    }
}


/* ============================================================
   HERO — image plein cadre alignée sur le format page-outils
   Même hauteur (600px desktop / auto+500px mobile), même
   structure (image de fond + dégradé + texte en surimpression)
============================================================ */
.outil-risques .hero-split{
    position: relative;
    overflow: hidden;
    height: 600px;
    min-height: 600px;
    max-height: 600px;
    display: flex;
    align-items: center;
    background: #2E3F5F;
    grid-template-columns: none;
    border-bottom: none;
}
.outil-risques .hero-visual{
    position: absolute;
    inset: 0;
    z-index: 0;
    height: 100%;
    min-height: 0;
    background: url('../images/outil-risques-naturels-et-technologiques-certis.webp') center/cover no-repeat !important;
}
.outil-risques .hero-visual:before,
.outil-risques .hero-visual:after{
    content: none;
}
.outil-risques .house-illustration{
    display: none;
}
.outil-risques .hero-split::before{
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background:
        radial-gradient(ellipse 55% 80% at 22% 50%, rgba(46,63,95,.30) 0%, transparent 100%),
        linear-gradient(90deg, rgba(46,63,95,1) 0%, rgba(46,63,95,.99) 18%, rgba(46,63,95,.95) 30%, rgba(46,63,95,.85) 40%, rgba(46,63,95,.60) 50%, rgba(46,63,95,.20) 56%, rgba(46,63,95,0) 62%);
}
.outil-risques .hero-split .hero-copy{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}
.outil-risques .hero-split .kicker{
    color: #fff;
}
.outil-risques .hero-split h1{
    color: #fff !important;
    max-width: 580px;
}
.outil-risques .hero-split p:not(.slogan){
    color: rgba(255, 255, 255, 0.90);
    max-width: 580px;
}
.outil-risques .hero-split .slogan{
    color: var(--red) !important;
}
@media (max-width: 768px) {
    .outil-risques .hero-split{
        height: auto;
        min-height: 500px;
        max-height: none;
    }
    .outil-risques .hero-split .hero-copy{
        width: 100%;
        padding: 32px 24px 44px;
    }
    .outil-risques .hero-split h1,
    .outil-risques .hero-split p:not(.slogan){
        max-width: 100%;
    }
}


/* ============================================================
   HERO — correction : image cadrée à droite (non rognée),
   fond uni à gauche derrière le texte
============================================================ */
.outil-risques .hero-split::before{
    content: none;
}
.outil-risques .hero-visual{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    inset: auto;
    width: clamp(340px, 56%, 1100px);
    height: 100%;
    background: url('../images/outil-risques-naturels-et-technologiques-certis.webp') center / contain no-repeat !important;
}
.outil-risques .hero-visual::before{
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(90deg, rgba(46,63,95,1) 0%, rgba(46,63,95,.65) 16%, rgba(46,63,95,0) 36%);
}
@media (max-width: 980px) {
    .outil-risques .hero-visual{
        display: none;
    }
    .outil-risques .hero-split .hero-copy{
        max-width: none;
    }
    .outil-risques .hero-split h1,
    .outil-risques .hero-split p:not(.slogan){
        max-width: 100%;
    }
}


/* ============================================================
   HERO — correction 2 : le cadre épouse exactement le ratio de
   l'image (1672x941) pour remplir toute la hauteur sans bande
============================================================ */
.outil-risques .hero-visual{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    width: auto;
    height: 100%;
    aspect-ratio: 1672 / 941;
    background: url('../images/outil-risques-naturels-et-technologiques-certis.webp') center / cover no-repeat !important;
}


/* ============================================================
   HERO — correction finale (consolidée, prioritaire sur tous
   les anciens blocs hero-visual / hero-split du fichier)
============================================================ */
.outil-risques .hero-split{
    position: relative !important;
    overflow: hidden !important;
    height: 600px !important;
    min-height: 600px !important;
    max-height: 600px !important;
    display: flex !important;
    align-items: center !important;
    background: #2E3F5F !important;
}
.outil-risques .hero-split::before{
    content: none !important;
}
.outil-risques .hero-visual{
    content: normal;
    position: absolute !important;
    top: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    left: auto !important;
    overflow: visible !important;
    width: auto !important;
    height: 100% !important;
    aspect-ratio: 1672 / 941 !important;
    background: url('../images/outil-risques-naturels-et-technologiques-certis.webp') center / cover no-repeat !important;
    z-index: 0 !important;
}
.outil-risques .hero-visual:before,
.outil-risques .hero-visual:after{
    content: "" !important;
    display: block !important;
    position: absolute !important;
    inset: 0 !important;
    z-index: 1 !important;
    background: linear-gradient(90deg, rgba(46,63,95,1) 0%, rgba(46,63,95,.65) 16%, rgba(46,63,95,0) 36%) !important;
}
.outil-risques .house-illustration,
.outil-risques .roof,
.outil-risques .house-body,
.outil-risques .window,
.outil-risques .risk-wave,
.outil-risques .info-card{
    display: none !important;
}
@media (max-width: 980px) {
    .outil-risques .hero-visual{
        display: none !important;
    }
}