.outil-dictionnaire{--blue:#082f57;--blue2:#0d3c6d;--red:#cf2029;--red2:#b71922;--bg:#f7f9fc;--line:#e7ecf3;--text:#2d3e56;--muted:#667085;--shadow:0 18px 44px rgba(8,47,87,.09);--soft:0 10px 26px rgba(8,47,87,.07);--pale:#eef6fb}
.outil-dictionnaire, .outil-dictionnaire *{box-sizing:border-box}
.outil-dictionnaire{margin:0;background:var(--bg);font-family:'Inter', sans-serif;color:var(--text);line-height:1.55}
.outil-dictionnaire a{text-decoration:none;color:inherit}
.outil-dictionnaire button, .outil-dictionnaire input, .outil-dictionnaire select{font-family:inherit}
.outil-dictionnaire .topbar{height:78px;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:40}
.outil-dictionnaire .logo{display:flex;align-items:center;gap:12px}
.outil-dictionnaire .logo-mark{width:54px;height:54px;border:2px solid #d8dee8;border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--red);font-weight:950;font-size:24px}
.outil-dictionnaire .logo strong{font-size:31px;color:var(--blue);letter-spacing:.5px;line-height:1}
.outil-dictionnaire .logo span{display:block;font-size:11px;color:var(--blue);font-weight:800;margin-top:2px}
.outil-dictionnaire .nav{display:flex;gap:26px;align-items:center;color:var(--blue);font-size:12px;font-weight:900;text-transform:uppercase}
.outil-dictionnaire .nav .cta{background:var(--red);color:#fff;border-radius:7px;padding:15px 20px;box-shadow:0 10px 22px rgba(207,32,41,.2)}
.outil-dictionnaire .hero{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 50%,rgba(255,255,255,.62) 100%),linear-gradient(135deg,#eef4f9,#d7e4ee);min-height:360px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;border-bottom:1px solid var(--line);overflow:hidden}
.outil-dictionnaire .hero-copy{padding:48px 34px 42px;max-width:900px}
.outil-dictionnaire .kicker{color:var(--red);font-size:14px;font-weight:950;text-transform:uppercase;margin-bottom:18px}
.outil-dictionnaire h1{margin:0 0 16px;color:var(--blue) !important;font-size:2.5rem;line-height:1.03;text-transform:uppercase;font-weight:950;letter-spacing:-.03em}
.outil-dictionnaire .hero-copy p{font-size:17px;line-height:1.5;font-weight:700;color:#253751;margin:0 0 16px}
.outil-dictionnaire .slogan{color:var(--red)!important;text-transform:uppercase;font-weight:950!important}
.outil-dictionnaire .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}
.outil-dictionnaire .btn{border:0;border-radius:12px;min-height:50px;padding:0 18px;font-weight:950;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.15s ease;font-size:14px}
.outil-dictionnaire .btn:hover{transform:translateY(-1px)}
.outil-dictionnaire .btn-red{background:var(--red);color:#fff}
.outil-dictionnaire .btn-red:hover{background:var(--red2)}
.outil-dictionnaire .btn-blue{background:var(--blue);color:#fff}
.outil-dictionnaire .btn-ghost{background:#fff;color:var(--blue);border:1px solid var(--line)}
.outil-dictionnaire .hero-visual{height:100%;min-height:390px;background:linear-gradient(90deg,rgba(255,255,255,.12),rgba(255,255,255,.02)),url('data:image/svg+xml,%3Csvg%20xmlns="http://www.w3.org/2000/svg"%20width="1200"%20height="820"%20viewBox="0%200%201200%20820"%3E%0A%3Cdefs%3E%3ClinearGradient%20id="bg"%20x1="0"%20y1="0"%20x2="1"%20y2="1"%3E%3Cstop%20stop-color="%23eff6fb"/%3E%3Cstop%20offset="1"%20stop-color="%23cbd9e7"/%3E%3C/linearGradient%3E%3Cfilter%20id="shadow"%20x="-20%25"%20y="-20%25"%20width="140%25"%20height="140%25"%3E%3CfeDropShadow%20dx="0"%20dy="22"%20stdDeviation="20"%20flood-color="%23082f57"%20flood-opacity=".18"/%3E%3C/filter%3E%3C/defs%3E%0A%3Crect%20width="1200"%20height="820"%20fill="url(%23bg)"/%3E%0A%3Cpath%20d="M0%20650%20L1200%20430"%20stroke="%23ffffff"%20stroke-width="34"%20opacity=".55"/%3E%0A%3Cpath%20d="M0%20720%20L1200%20500"%20stroke="%239cb4ca"%20stroke-width="4"%20opacity=".45"/%3E%0A%3Cg%20opacity=".33"%20stroke="%23082f57"%20stroke-width="3"%20fill="none"%3E%3Cpath%20d="M90%20160H520V590H90z"/%3E%3Cpath%20d="M145%20220H465M145%20280H465M145%20340H420M145%20400H465M145%20460H360"/%3E%3Cpath%20d="M735%20115h345v245H735z"/%3E%3Cpath%20d="M775%20305h265M775%20260h230M775%20215h170"/%3E%3C/g%3E%0A%3Cg%20filter="url(%23shadow)"%3E%3Cpath%20d="M430%20555V350L610%20215L790%20350V555Z"%20fill="%23ffffff"%20stroke="%23d8e2ec"%20stroke-width="8"/%3E%3Cpath%20d="M390%20365L610%20195L830%20365"%20fill="none"%20stroke="%23082f57"%20stroke-width="26"%20stroke-linecap="round"%20stroke-linejoin="round"/%3E%3Crect%20x="535"%20y="410"%20width="150"%20height="145"%20rx="10"%20fill="%23eef6fb"%20stroke="%23b7c8d8"%20stroke-width="6"/%3E%3Cpath%20d="M610%20410v145"%20stroke="%23b7c8d8"%20stroke-width="6"/%3E%3Cpath%20d="M470%20555h280"%20stroke="%23082f57"%20stroke-width="10"%20stroke-linecap="round"/%3E%3C/g%3E%0A%3Cg%20filter="url(%23shadow)"%3E%3Crect%20x="665"%20y="460"%20width="365"%20height="135"%20rx="26"%20fill="%23ffffff"%20stroke="%23d8e2ec"%20stroke-width="5"/%3E%3Ccircle%20cx="730"%20cy="528"%20r="38"%20fill="%23cf2029"/%3E%3Cpath%20d="M747%20546l52%2042"%20stroke="%23cf2029"%20stroke-width="18"%20stroke-linecap="round"/%3E%3Crect%20x="795"%20y="505"%20width="175"%20height="24"%20rx="12"%20fill="%23082f57"%20opacity=".95"/%3E%3Crect%20x="795"%20y="545"%20width="125"%20height="18"%20rx="9"%20fill="%23dce8f2"/%3E%3C/g%3E%0A%3Cg%20filter="url(%23shadow)"%3E%3Crect%20x="165"%20y="505"%20width="300"%20height="185"%20rx="24"%20fill="%23ffffff"%20stroke="%23d8e2ec"%20stroke-width="5"/%3E%3Ctext%20x="205"%20y="565"%20font-size="34"%20fill="%23082f57"%20font-family="Arial"%20font-weight="900"%3EDictionnaire%3C/text%3E%3Ctext%20x="205"%20y="606"%20font-size="20"%20fill="%23667085"%20font-family="Arial"%20font-weight="700"%3ETechnique%20du%20b%C3%A2timent%3C/text%3E%3Crect%20x="205"%20y="635"%20width="190"%20height="22"%20rx="11"%20fill="%23dff3f8"/%3E%3Crect%20x="205"%20y="665"%20width="125"%20height="16"%20rx="8"%20fill="%23eef6fb"/%3E%3C/g%3E%0A%3C/svg%3E') center/cover no-repeat}
.outil-dictionnaire .wrap{max-width:1320px;margin:0 auto;padding:30px 18px 60px}
.outil-dictionnaire .section-head{text-align:center;margin:0 0 26px}
.outil-dictionnaire .section-head h2{margin:0 0 8px;color:var(--blue);font-size:1.6rem;line-height:1.08;font-weight:950;text-transform:uppercase}
.outil-dictionnaire .underline{width:38px;height:3px;background:var(--red);margin:12px auto}
.outil-dictionnaire .section-head p{margin:0 auto;color:var(--muted);max-width:930px;font-size:16px;font-weight:700}
.outil-dictionnaire .intro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 0 22px}
.outil-dictionnaire .intro-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:20px;box-shadow:var(--soft);text-align:center}
.outil-dictionnaire .intro-card h3{margin:0 0 8px;color:var(--blue);font-size:20px;text-align:center}
.outil-dictionnaire .intro-card p{margin:0;color:var(--muted);font-weight:700;font-size:14px;text-align:center}
.outil-dictionnaire .toolbar{background:var(--title-color);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow);padding:22px;margin-bottom:22px}
.outil-dictionnaire .searchline{display:grid;grid-template-columns:1fr auto;gap:12px;margin-bottom:16px}
.outil-dictionnaire .searchline input{width:100%;border:1px solid var(--line);border-radius:14px;min-height:54px;padding:0 16px;font-size:17px;color:var(--text);outline:none}
.outil-dictionnaire .filters{display:grid;grid-template-columns:1.2fr 1fr auto;gap:14px;align-items:end}
.outil-dictionnaire .field{display:grid;gap:8px}
.outil-dictionnaire .field label{color:white;font-size:14px;font-weight:950}
.outil-dictionnaire .field select{width:100%;border:1px solid var(--line);background:#fff;padding:14px 15px;border-radius:14px;font-size:15px;color:#15233d;outline:none}
.outil-dictionnaire .count-band{display:none}
.outil-dictionnaire .result-heading{margin:8px 0 16px;color:var(--blue);font-size:24px;font-weight:950}
.outil-dictionnaire .result-heading span{color:var(--muted);font-size:15px;font-weight:800}
.outil-dictionnaire .search-results{display:block}
.outil-dictionnaire .search-results .term-card{margin-bottom:18px}
.outil-dictionnaire .term-card.featured{min-height:360px}
.outil-dictionnaire .term-card.featured .term-title{font-size:36px}
.outil-dictionnaire .term-card.featured .definition{font-size:19px;line-height:1.7;font-style:normal}
.outil-dictionnaire .dictionary-layout{display:grid;grid-template-columns:280px 1fr;gap:20px}
.outil-dictionnaire .side-panel{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--soft);padding:18px;height:max-content;max-height:calc(100vh - 150px);overflow-y:auto;position:sticky;top:100px;scrollbar-width:thin;overscroll-behavior:auto}
.outil-dictionnaire .side-panel h3{margin:0 0 12px;color:var(--blue);font-size:20px}
.outil-dictionnaire .quick-links{display:grid;gap:8px;padding-bottom:18px}
.outil-dictionnaire .quick-links button{padding:11px 12px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);color:var(--blue);font-weight:850;font-size:14px;text-align:left;cursor:pointer}
.outil-dictionnaire .quick-links button:hover, .outil-dictionnaire .quick-links button.active{background:var(--pale);border-color:#c9d9ea}
.outil-dictionnaire .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.outil-dictionnaire .cards.search-results{display:block!important}
.outil-dictionnaire .cards.search-results .term-card{width:100%;margin-bottom:22px}
.outil-dictionnaire .cards.search-results .result-heading{grid-column:1/-1}
.outil-dictionnaire .cards.single-result{grid-template-columns:1fr}
.outil-dictionnaire .cards.single-result .term-card{min-height:360px}
.outil-dictionnaire .cards.single-result .term-title{font-size:36px}
.outil-dictionnaire .cards.single-result .definition{font-size:19px;line-height:1.7;font-style:normal}
.outil-dictionnaire .use-note{background:#fff;border:1px solid var(--line);border-left:6px solid var(--blue);border-right:6px solid var(--blue);border-radius:18px;padding:18px 28px;margin:0 0 22px;box-shadow:var(--soft);color:#35445c;font-weight:750;text-align:center}
.outil-dictionnaire .use-note strong{color:var(--blue);font-weight:950}
.outil-dictionnaire .term-card{background:#fff;border:1px solid var(--line);border-radius:24px;box-shadow:var(--soft);overflow:hidden;display:flex;flex-direction:column;min-height:250px}
.outil-dictionnaire .term-head{padding:20px 20px 16px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#fff,#fbfcff)}
.outil-dictionnaire .term-title{margin:0 0 8px;color:#0877ae;font-size:25px;line-height:1.08;font-weight:950}
.outil-dictionnaire .badges{display:flex;gap:7px;flex-wrap:wrap}
.outil-dictionnaire .badge{display:inline-flex;align-items:center;gap:4px;border-radius:999px;padding:6px 9px;font-size:12px;font-weight:950;background:#dff3f8;color:#145e6b}
.outil-dictionnaire .badge.gray{background:#f2f4f7;color:#475467}
.outil-dictionnaire .term-body{padding:18px 20px;display:grid;gap:14px;flex:1}
.outil-dictionnaire .definition{margin:0;color:#4d596b;font-size:16px;font-style:italic;font-weight:700}
.outil-dictionnaire .small-block{background:#f8fafc;border:1px solid var(--line);border-radius:16px;padding:14px}
.outil-dictionnaire .small-block h4{margin:0 0 6px;color:var(--blue);font-size:15px}
.outil-dictionnaire .small-block p{margin:0;color:var(--muted);font-size:14px;font-weight:700}
.outil-dictionnaire .links{display:grid;grid-template-columns:1fr;gap:8px;margin-top:auto}
.outil-dictionnaire .links a, .outil-dictionnaire .links button{border:1px solid var(--line);background:#fff;border-radius:12px;padding:10px;color:var(--blue);font-size:12px;font-weight:950;text-align:center;cursor:pointer}
.outil-dictionnaire .links button{background:#fff4f5;border-color:#ffd7da;color:var(--red)}
.outil-dictionnaire .empty{display:none;background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px;text-align:center;color:var(--muted);font-weight:800}
.outil-dictionnaire .band{margin:26px 0;background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--soft);padding:30px 28px;display:grid;grid-template-columns:1fr;gap:18px;align-items:center;text-align:center;justify-items:center}
.outil-dictionnaire .band h3{margin:0 0 8px;color:var(--blue);font-size:28px;line-height:1.1}
.outil-dictionnaire .band p{margin:0 auto;color:var(--muted);font-weight:700;max-width:920px}
.outil-dictionnaire .faq{background:#fff;border:1px solid var(--line);border-radius:28px;box-shadow:var(--soft);padding:28px 24px}
.outil-dictionnaire .faq h2{margin:0 0 18px;text-align:center;color:var(--blue);font-size:1.6rem;text-transform:uppercase}
.outil-dictionnaire .faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.outil-dictionnaire .faq-item{border:1px solid var(--line);border-radius:16px;padding:16px 18px;background:#fff}
.outil-dictionnaire .faq-item summary{cursor:pointer;font-weight:950;color:var(--blue)}
.outil-dictionnaire .faq-item p{margin:10px 0 0;color:var(--muted);font-weight:700}
.outil-dictionnaire .modal{position:fixed;inset:0;background:rgba(8,47,87,.56);display:none;align-items:center;justify-content:center;padding:20px;z-index:80}
.outil-dictionnaire .modal.active{display:flex}
.outil-dictionnaire .modal-card{background:#fff;border-radius:28px;max-width:860px;width:100%;max-height:88vh;overflow:auto;box-shadow:0 25px 80px rgba(0,0,0,.22)}
.outil-dictionnaire .modal-head{padding:24px 26px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:12px}
.outil-dictionnaire .modal-head h2{margin:0;color:var(--blue);font-size:1.6rem;line-height:1.08}
.outil-dictionnaire .close{border:0;background:#f2f4f7;border-radius:50%;width:42px;height:42px;font-size:25px;cursor:pointer;color:var(--blue)}
.outil-dictionnaire .modal-body{padding:24px 26px;display:grid;gap:18px}
.outil-dictionnaire .modal-section{background:#f8fafc;border:1px solid var(--line);border-radius:18px;padding:18px}
.outil-dictionnaire .modal-section h3{margin:0 0 8px;color:var(--blue)}
.outil-dictionnaire .modal-section p{margin:0;color:var(--text);font-weight:700}
.outil-dictionnaire .floating-cta{display:none!important}
.outil-dictionnaire .float-btn{display:none!important}
.outil-dictionnaire .alphabet-panel{background:var(--title-color);border:1px solid var(--line);border-radius:24px;box-shadow:var(--soft);padding:18px 20px;margin:0 0 22px}
.outil-dictionnaire .alphabet-panel h3{margin:0 0 14px;color:white;font-size:20px;text-align:center}
.outil-dictionnaire .alphabet-panel .quick-links{display:flex;flex-wrap:nowrap;justify-content:center;gap:8px;padding-bottom:0;overflow-x:auto}
.outil-dictionnaire .alphabet-panel .quick-links button{padding:10px 12px;min-width:38px;border-radius:12px;background:#f8fafc;border:1px solid var(--line);color:var(--blue);font-weight:850;font-size:14px;text-align:center;cursor:pointer}
.outil-dictionnaire .alphabet-panel .quick-links button:hover, .outil-dictionnaire .alphabet-panel .quick-links button.active{background:var(--pale);border-color:#c9d9ea}
.outil-dictionnaire .alphabet-panel .quick-links button.no-terms{cursor: not-allowed;pointer-events: none;  color: #c4cdd8;
  background: #dde3ea;
  border-color: #e2e8f0;}
.outil-dictionnaire .dictionary-layout{display:block}
.outil-dictionnaire .dictionary-main{width:100%}
.outil-dictionnaire .cards{grid-template-columns:repeat(2,minmax(0,1fr))}
.outil-dictionnaire .side-panel{display:none!important}
@media(max-width:1060px){
  .outil-dictionnaire .hero, .outil-dictionnaire .intro-grid, .outil-dictionnaire .band, .outil-dictionnaire .faq-grid{grid-template-columns:1fr}
  .outil-dictionnaire .hero-visual{min-height:280px}
  .outil-dictionnaire .dictionary-layout{grid-template-columns:1fr}
  .outil-dictionnaire .side-panel{position:relative;top:auto}
  .outil-dictionnaire .cards{grid-template-columns:1fr}
  .outil-dictionnaire .filters{grid-template-columns:1fr 1fr}
  .outil-dictionnaire .floating-cta{display:none}
}
@media(max-width:760px){
  .outil-dictionnaire .topbar{position:relative;height:auto;padding:16px}
  .outil-dictionnaire .nav{display:none}
  .outil-dictionnaire .searchline, .outil-dictionnaire .filters, .outil-dictionnaire .links{grid-template-columns:1fr}
  .outil-dictionnaire .wrap{padding:18px 10px 38px}
  .outil-dictionnaire .hero-copy{padding:32px 18px}
  .outil-dictionnaire .term-title{font-size:23px}
}

/* ============================================================
   FAQ — alignement avec le style de la page Outils (faq-list)
   1 colonne, bouton + chevron animé
============================================================ */
.outil-dictionnaire .faq-grid {
    display: flex;
    flex-direction: column;
    gap: 0;
    max-width: 800px;
    margin: 0 auto;
    border: 1px solid var(--line);
    border-radius: 8px;
    overflow: hidden;
}
.outil-dictionnaire .faq-item {
    border: none;
    border-bottom: 1px solid var(--line);
    border-radius: 0;
    padding: 0;
    background: #fff;
}
.outil-dictionnaire .faq-item:last-child {
    border-bottom: none;
}
.outil-dictionnaire .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-dictionnaire .faq-question:hover {
    background: var(--bg, #f5f7fb);
}
.outil-dictionnaire .faq-question[aria-expanded="true"] {
    background: var(--bg, #f5f7fb);
}
.outil-dictionnaire .faq-chevron {
    flex-shrink: 0;
    transition: transform 0.2s;
}
.outil-dictionnaire .faq-question[aria-expanded="true"] .faq-chevron {
    transform: rotate(180deg);
}
.outil-dictionnaire .faq-answer {
    display: none;
    padding: 0 24px 20px;
    background: var(--bg, #f5f7fb);
}
.outil-dictionnaire .faq-answer.is-open {
    display: block;
}
.outil-dictionnaire .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-dictionnaire .faq-grid {
        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-dictionnaire .hero{
    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-dictionnaire .hero-visual{
    position: absolute;
    inset: 0;
    z-index: 0;
    height: 100%;
    min-height: 0;
    background: url('../images/outils-dictionnaire-technique-certis.webp') center/cover no-repeat !important;
}
.outil-dictionnaire .hero::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-dictionnaire .hero-copy{
    position: relative;
    z-index: 2;
    width: 100%;
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 clamp(24px, 5vw, 64px);
}
.outil-dictionnaire .hero-copy .kicker,
.outil-dictionnaire .kicker{
    color: #fff;
}
.outil-dictionnaire h1{
    color: #fff !important;
    max-width: 580px;
}
.outil-dictionnaire .hero-copy p{
    color: rgba(255, 255, 255, 0.90);
    max-width: 580px;
}
.outil-dictionnaire .slogan{
    color: var(--red) !important;
}
@media (max-width: 768px) {
    .outil-dictionnaire .hero{
        height: auto;
        min-height: 500px;
        max-height: none;
    }
    .outil-dictionnaire .hero-copy{
        width: 100%;
        padding: 32px 24px 44px;
    }
    .outil-dictionnaire h1,
    .outil-dictionnaire .hero-copy p{
        max-width: 100%;
    }
    .outil-dictionnaire .alphabet-panel .quick-links{flex-wrap:wrap;}
}


/* ============================================================
   HERO — correction : image cadrée à droite (non rognée),
   fond uni à gauche derrière le texte
============================================================ */
.outil-dictionnaire .hero::before{
    content: none;
}
.outil-dictionnaire .hero-visual{
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: auto;
    inset: auto;
    width: clamp(340px, 56%, 1100px);
    height: 100%;
    background: url('../images/outils-dictionnaire-technique-certis.webp') center / contain no-repeat !important;
}
.outil-dictionnaire .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-dictionnaire .hero-visual{
        display: none;
    }
    .outil-dictionnaire .hero-copy{
        max-width: none;
    }
    .outil-dictionnaire h1,
    .outil-dictionnaire .hero-copy p{
        max-width: 100%;
    }
}


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