:root{
    --navy:#0F2A4A; --orange:#E8720C; --teal:#1B9E96; --creme:#FAF7F2; --white:#FFFFFF; --grey:#5F5E5A;
    --line: rgba(15,42,74,0.12); --display:'Fraunces',serif; --body:'Inter',sans-serif; --maxw:1140px; --ink:#26313d;
  }
  *{box-sizing:border-box; margin:0; padding:0;}
  html{scroll-behavior:smooth;}
  body{background:var(--creme); color:var(--navy); font-family:var(--body); line-height:1.6; -webkit-font-smoothing:antialiased;}
  img,svg{display:block; max-width:100%;}
  a{color:inherit;}
  .wrap{max-width:var(--maxw); margin:0 auto; padding:0 28px;}
  .espace-wrap{padding-top:20px; padding-bottom:80px;}
  a:focus-visible, button:focus-visible, [role="button"]:focus-visible{outline:2px solid var(--orange); outline-offset:3px; border-radius:2px;}

  header{position:sticky; top:0; z-index:50; background:rgba(250,247,242,0.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line);}
  .nav{display:flex; align-items:center; justify-content:space-between; padding:12px 28px; max-width:var(--maxw); margin:0 auto;}
  .logo-img{height:84px; width:auto;}
  .home-logo-banner{text-align:center; padding:48px 20px 0; background:var(--creme);}
  .home-logo-img{display:block; margin:0 auto; width:100%; max-width:620px; height:auto;}
  @media (max-width:900px){
    .home-logo-img{max-width:460px;}
  }
  @media (max-width:500px){
    .home-logo-img{max-width:92%;}
  }
  nav.links{display:flex; gap:32px; align-items:center;}
  nav.links a{font-size:14px; font-weight:600; text-decoration:none; color:var(--navy); letter-spacing:0.3px; position:relative;}
  nav.links a.cta-btn{color:var(--creme);}
  nav.links a::after{content:''; position:absolute; left:0; bottom:-4px; width:0; height:2px; background:var(--orange); transition:width 0.25s ease;}
  nav.links a.cta-btn::after{display:none;}
  nav.links a:hover::after{width:100%;}

  .cta-btn{background:var(--navy); color:var(--creme); padding:10px 22px; border-radius:3px; font-size:14px; font-weight:600; text-decoration:none; border:1px solid var(--navy); transition:background 0.2s ease, color 0.2s ease;}
  .cta-btn:hover{background:transparent; color:var(--navy);}

  .hero{padding:24px 28px 76px; position:relative; overflow:hidden;}
  .hero-inner{max-width:var(--maxw); margin:0 auto; display:grid; grid-template-columns:1.1fr 0.9fr; gap:60px; align-items:center;}
  .eyebrow{display:inline-flex; align-items:center; gap:8px; font-size:13px; font-weight:700; letter-spacing:2px; color:var(--orange); text-transform:uppercase; margin-bottom:20px;}
  .eyebrow .dash{width:26px; height:1.5px; background:var(--orange);}
  .tagline-strap{font-size:12.5px; font-weight:600; letter-spacing:1.5px; color:var(--teal); text-transform:uppercase; margin-bottom:14px;}
  h1{font-family:var(--display); font-weight:600; font-size:clamp(32px, 3.8vw, 48px); line-height:1.16; color:var(--navy); letter-spacing:-0.5px;}
  h1 em{font-style:italic; font-weight:500; color:var(--orange);}
  .hero p.sub{margin-top:22px; font-size:16.5px; color:var(--grey); max-width:520px;}
  .hero-signature{margin-top:20px; font-family:'Fraunces',serif; font-size:17px; color:var(--navy); max-width:480px; line-height:1.6;}
  .audience-row{margin-top:24px; display:flex; flex-wrap:wrap; gap:8px;}
  .audience-tag{font-size:12.5px; font-weight:600; color:var(--navy); background:var(--white); border:1px solid var(--line); padding:6px 13px; border-radius:20px;}
  .hero-ctas{margin-top:32px; display:flex; gap:16px; flex-wrap:wrap;}
  .btn-primary{background:var(--orange); color:var(--white); padding:14px 30px; border-radius:3px; text-decoration:none; font-weight:700; font-size:15px; display:inline-block; transition:transform 0.2s ease, box-shadow 0.2s ease;}
  button.btn-primary{border:none; cursor:pointer;}
  .btn-primary:hover{transform:translateY(-2px); box-shadow:0 10px 24px rgba(232,114,12,0.28);}
  .btn-primary:disabled{background:#e4e0d8; color:var(--grey); cursor:not-allowed; transform:none; box-shadow:none;}
  .btn-ghost{padding:14px 26px; border-radius:3px; text-decoration:none; font-weight:600; font-size:15px; color:var(--navy); border:1px solid var(--line); transition:border-color 0.2s ease; display:inline-block;}
  .btn-ghost:hover{border-color:var(--navy);}
  .hero-visual{position:relative; aspect-ratio:1/1; display:flex; align-items:center; justify-content:center;}

  section{padding:86px 0;}
  .section-head{max-width:680px; margin-bottom:48px;}
  .section-head .eyebrow{margin-bottom:16px;}
  h2{font-family:var(--display); font-weight:600; font-size:clamp(25px, 2.7vw, 34px); color:var(--navy); line-height:1.24; letter-spacing:-0.3px;}
  .page-h1{font-family:var(--display); font-weight:600; font-size:clamp(25px, 2.7vw, 34px); color:var(--navy); line-height:1.24; letter-spacing:-0.3px;}

  .section-head p{margin-top:16px; color:var(--grey); font-size:16px;}

  /* Positioning statement */
  .positionnement{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .positionnement blockquote{font-family:var(--display); font-weight:500; font-style:italic; font-size:clamp(20px,2.4vw,27px); line-height:1.5; color:var(--navy); max-width:820px;}
  .positionnement blockquote span{color:var(--orange); font-style:normal; font-weight:600;}

  /* Domaines d'intervention */
  .domaines-intro-verbs{font-family:var(--display); font-weight:600; font-size:clamp(22px,2.6vw,30px); color:var(--navy); line-height:1.4; margin-bottom:18px;}
  .domaines-intro-logic{font-family:var(--display); font-style:italic; color:var(--teal); font-size:16px; line-height:1.7; margin-top:14px;}
  .domaine-block{margin-top:22px;}
  .domaine-block-title{font-family:'Inter',sans-serif; font-weight:700; font-size:11.5px; letter-spacing:1.5px; text-transform:uppercase; color:var(--orange); margin-bottom:10px;}
  .domaine-block p{font-size:15px; color:var(--grey); line-height:1.65; margin-bottom:10px;}
  .domaine-block p.emph{font-family:var(--display); font-style:italic; color:var(--navy);}
  .domaine-block ul{margin:0 0 4px; padding-left:18px; color:var(--grey); font-size:14.5px; line-height:1.75;}
  .domaine-block ul li{margin-bottom:3px;}
  .domaine-result-quote{margin-top:14px; border-left:3px solid var(--orange); padding-left:16px; font-family:var(--display); font-style:italic; font-size:15.5px; color:var(--navy); line-height:1.6;}
  .racine-extra{margin-top:52px; padding-top:44px; border-top:1px solid var(--line);}
  .racine-extra h3{font-family:var(--display); font-weight:600; font-size:22px; color:var(--navy); margin-bottom:14px;}
  .racine-extra p{font-size:15px; color:var(--grey); line-height:1.7; margin-bottom:12px;}
  .racine-extra p.emph{font-family:var(--display); font-style:italic; color:var(--teal);}
  .racine-questions{display:grid; grid-template-columns:repeat(2,1fr); gap:1px; background:var(--line); border:1px solid var(--line); margin:24px 0;}
  .racine-question{background:var(--creme); padding:24px 26px;}
  .racine-question-title{font-family:var(--display); font-weight:700; font-size:14.5px; color:var(--orange); letter-spacing:0.3px; margin-bottom:8px;}
  .racine-question p{margin:0; font-size:14.5px; color:var(--grey); line-height:1.6;}
  .racine-extra-block{margin-top:30px;}
  .racine-extra-block-title{font-family:'Inter',sans-serif; font-weight:700; font-size:12px; letter-spacing:1.5px; text-transform:uppercase; color:var(--navy); margin-bottom:12px;}
  .racine-extra ul{margin:0; padding-left:18px; color:var(--grey); font-size:14.5px; line-height:1.8;}
  .racine-avoid-produce{display:grid; grid-template-columns:1fr 1fr; gap:32px; margin-top:30px;}
  .racine-signoff{margin-top:34px; text-align:center; padding-top:28px; border-top:1px solid var(--line);}
  .racine-signoff-title{font-family:var(--display); font-weight:700; font-size:19px; color:var(--navy); letter-spacing:1px;}
  .racine-signoff-sub{margin-top:6px; font-family:var(--display); font-style:italic; color:var(--orange); font-size:16px;}
  @media (max-width:720px){ .racine-questions, .racine-avoid-produce{grid-template-columns:1fr;} }

  /* Conviction / manifesto */
  .conviction{background:var(--navy); color:var(--creme);}
  .conviction .section-head h2{color:var(--creme);}
  .conviction-intro{font-size:16px; color:rgba(250,247,242,0.75); max-width:600px; margin-bottom:36px;}
  .conviction-list{display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:rgba(255,255,255,0.12); border:1px solid rgba(255,255,255,0.12);}
  .conviction-item{background:rgba(255,255,255,0.03); padding:26px 18px; text-align:center;}
  .conviction-verb{font-family:var(--display); font-weight:700; font-size:17px; color:var(--orange);}
  .conviction-rest{font-size:12.5px; color:rgba(250,247,242,0.7); margin-top:6px; line-height:1.4;}

  .methode{background:var(--white);}
  .racine-flow{display:flex; align-items:center; gap:14px; flex-wrap:wrap; margin-bottom:44px; padding:24px; background:var(--creme); border-radius:4px; border:1px solid var(--line);}
  .racine-diagram{display:flex; justify-content:space-between; align-items:flex-start; position:relative; margin:8px 0 48px;}
  .racine-diagram::before{content:''; position:absolute; top:34px; left:8%; right:8%; height:2px; background:var(--line); z-index:0;}
  .racine-node{display:flex; flex-direction:column; align-items:center; gap:10px; position:relative; z-index:1; width:16%; text-decoration:none; cursor:default;}
  .racine-node-circle{width:68px; height:68px; border-radius:50%; display:flex; align-items:center; justify-content:center; font-family:var(--display); font-weight:700; font-size:26px; color:#fff; box-shadow:0 6px 14px rgba(15,42,74,0.15); transition:transform 0.2s ease;}
  .racine-node:hover .racine-node-circle{transform:scale(1.08);}
  .racine-node:nth-child(1) .racine-node-circle{background:var(--orange);}
  .racine-node:nth-child(2) .racine-node-circle{background:var(--teal);}
  .racine-node:nth-child(3) .racine-node-circle{background:var(--navy);}
  .racine-node:nth-child(4) .racine-node-circle{background:var(--orange);}
  .racine-node:nth-child(5) .racine-node-circle{background:var(--teal);}
  .racine-node:nth-child(6) .racine-node-circle{background:var(--navy);}
  .racine-node-label{font-family:'Inter',sans-serif; font-weight:700; font-size:12px; text-align:center; color:var(--navy); letter-spacing:0.2px; line-height:1.3;}
  @media (max-width:720px){
    .racine-diagram{flex-wrap:wrap; row-gap:28px;}
    .racine-diagram::before{display:none;}
    .racine-node{width:30%;}
    .racine-node-circle{width:54px; height:54px; font-size:21px;}
  }
  .flow-step{font-family:var(--display); font-weight:600; font-size:14.5px; color:var(--navy); padding:8px 16px; background:var(--white); border:1px solid var(--line); border-radius:20px;}
  .flow-arrow{color:var(--orange); font-weight:700; font-size:15px;}
  .racine-row{display:grid; grid-template-columns:70px 190px 1fr; gap:26px; align-items:baseline; padding:22px 0; border-top:1px solid var(--line); transition:padding-left 0.25s ease;}
  .racine-row:last-child{border-bottom:1px solid var(--line);}
  .racine-row:hover{padding-left:10px;}
  .racine-letter-big{font-family:var(--display); font-weight:700; font-size:32px;}
  .racine-row:nth-child(6n+1) .racine-letter-big{color:var(--orange);}
  .racine-row:nth-child(6n+2) .racine-letter-big{color:var(--teal);}
  .racine-row:nth-child(6n+3) .racine-letter-big{color:var(--navy);}
  .racine-row:nth-child(6n+4) .racine-letter-big{color:var(--orange);}
  .racine-row:nth-child(6n+5) .racine-letter-big{color:var(--teal);}
  .racine-row:nth-child(6n+0) .racine-letter-big{color:var(--navy);}
  .racine-name{font-family:var(--display); font-weight:600; font-size:18px; color:var(--navy);}
  .racine-desc{font-size:14.5px; color:var(--grey);}

  /* Ecosystem */
  .ecosysteme{background:var(--creme);}
  .eco-row{display:grid; grid-template-columns:1fr auto 1fr auto 1fr; gap:18px; align-items:center;}
  .eco-card{background:var(--white); border:1px solid var(--line); border-radius:4px; padding:30px 26px; text-align:center;}
  .eco-role{font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--teal); margin-bottom:10px;}
  .eco-name{font-family:var(--display); font-weight:600; font-size:19px; color:var(--navy); margin-bottom:10px;}
  .eco-desc{font-size:13.5px; color:var(--grey); line-height:1.5;}
  .eco-arrow{color:var(--orange); font-size:22px; font-weight:700;}
  .eco-tagline{text-align:center; margin-top:40px; font-family:var(--display); font-size:20px; font-style:italic; color:var(--navy);}
  .eco-tagline b{font-style:normal; color:var(--orange);}

  .outils{background:var(--white);}
  .outils-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  .outil-card{background:var(--creme); border:1px solid var(--line); border-radius:4px; padding:32px 30px;}
  .outil-tag{display:inline-block; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; color:var(--teal); background:rgba(27,158,150,0.08); padding:4px 10px; border-radius:3px; margin-bottom:16px;}
  .outil-card h3{font-family:var(--display); font-weight:600; font-size:20px; color:var(--navy); margin-bottom:10px;}
  .outil-card p.desc{font-size:14.5px; color:var(--grey); margin-bottom:18px;}
  .outil-list{display:flex; flex-wrap:wrap; gap:8px;}
  .outil-chip{font-size:12px; font-weight:600; color:var(--navy); background:var(--white); border:1px solid var(--line); padding:5px 11px; border-radius:3px;}

  .parcours{background:var(--navy); color:var(--creme);}
  .parcours .section-head h2{color:var(--creme);}
  .parcours .section-head p{color:rgba(250,247,242,0.7);}
  .phases{display:grid; grid-template-columns:repeat(3,1fr); gap:24px;}
  .phase-card{background:rgba(255,255,255,0.04); border:1px solid rgba(255,255,255,0.12); border-radius:4px; padding:28px 24px;}
  .phase-day{font-family:var(--display); font-weight:700; font-size:26px; color:var(--orange); margin-bottom:6px;}
  .phase-card h3{font-family:var(--display); font-weight:600; font-size:17px; margin-bottom:12px; color:var(--creme);}
  .phase-card p{font-size:13.5px; color:rgba(250,247,242,0.75); line-height:1.55;}

  .preuve{background:var(--creme);}
  .preuve-inner{display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:start;}
  .preuve-stats{display:grid; grid-template-columns:1fr 1fr; gap:32px;}
  .stat-num{font-family:var(--display); font-weight:700; font-size:40px; color:var(--navy);}
  .stat-num span{color:var(--orange);}
  .stat-label{font-size:13px; color:var(--grey); margin-top:6px; line-height:1.5;}
  .preuve p{color:var(--grey); font-size:15.5px; margin-top:16px;}
  .preuve p:first-child{margin-top:0;}

  .apropos{background:var(--white);}
  .apropos-inner{display:grid; grid-template-columns:0.7fr 1.3fr; gap:56px; align-items:start;}
  .apropos-badge{width:100%; aspect-ratio:1/1; background:var(--creme); border-radius:4px; display:flex; align-items:center; justify-content:center; position:relative; overflow:hidden; box-shadow:0 12px 30px rgba(15,42,74,0.12);}
  .apropos-photo{width:100%; height:100%; object-fit:cover;}
  .apropos-badge::before{content:''; position:absolute; inset:0; background:radial-gradient(circle at 30% 20%, rgba(232,114,12,0.25), transparent 55%);}
  .apropos-initials{font-family:var(--display); font-weight:700; font-size:60px; color:rgba(250,247,242,0.9); position:relative; z-index:1; letter-spacing:2px;}
  .apropos-role{font-size:13px; color:var(--teal); font-weight:700; letter-spacing:0.5px; margin-top:4px;}
  .apropos p{color:var(--grey); font-size:15.5px; margin-top:14px;}
  .apropos p:first-of-type{margin-top:16px;}
  .apropos-signature{margin-top:22px; font-family:var(--display); font-style:italic; font-size:16px; color:var(--teal);}
  .apropos-domaines{margin:26px 0; display:flex; flex-direction:column; gap:16px;}
  .apropos-domaine{display:flex; gap:16px; align-items:baseline;}
  .apropos-domaine-num{font-family:var(--display); font-weight:700; color:var(--orange); font-size:13px; letter-spacing:1px; flex-shrink:0; width:28px;}
  .apropos-domaine-text strong{display:block; font-family:var(--display); font-weight:600; color:var(--navy); font-size:15.5px; margin-bottom:2px;}
  .apropos-closing{margin-top:30px; padding-top:26px; border-top:1px solid var(--line);}
  .apropos-closing-title{font-family:var(--display); font-weight:700; font-size:15px; color:var(--navy); letter-spacing:1px; margin-bottom:10px;}
  .apropos-closing-verbs{font-family:var(--display); font-weight:600; font-size:17px; color:var(--navy); line-height:1.6;}
  .apropos-closing-final{margin-top:14px; font-family:var(--display); font-style:italic; color:var(--teal); font-size:15.5px;}
  .apropos-link{display:inline-flex; align-items:center; gap:8px; margin-top:22px; font-weight:600; font-size:14px; color:var(--orange); text-decoration:none; border-bottom:1px solid transparent;}
  .apropos-link:hover{border-color:var(--orange);}

  /* Philosophie */
  .transversale{background:var(--navy); color:var(--creme);}
  .transversale .eyebrow{color:var(--orange);}
  .transversale .eyebrow .dash{background:var(--orange);}
  .transversale h1, .transversale h2{color:var(--creme); max-width:720px;}
  .transversale p{color:rgba(250,247,242,0.8); font-size:15.5px; line-height:1.75; max-width:680px; margin-top:14px;}
  .transversale p.emph{font-family:var(--display); font-style:italic; color:var(--teal); font-size:16.5px;}
  .transversale-because{margin-top:26px; padding-left:16px; border-left:3px solid var(--orange);}
  .transversale-because p{margin-top:8px;}
  .transversale-signoff{margin-top:34px; display:flex; flex-wrap:wrap; gap:10px 26px;}
  .transversale-signoff span{font-family:var(--display); font-weight:600; font-style:italic; color:var(--creme); font-size:16px;}
  .philosophie{background:var(--creme); text-align:center;}
  .philo-list{max-width:560px; margin:0 auto 36px; display:flex; flex-direction:column; gap:14px;}
  .philo-list p{font-family:var(--display); font-size:19px; color:var(--navy); font-style:italic;}
  .philo-close{font-size:15.5px; color:var(--grey);}
  .philo-close strong{display:block; font-family:var(--display); font-style:italic; font-size:18px; color:var(--orange); margin-top:10px;}

  .contact{padding:100px 0;}
  .contact-inner{display:grid; grid-template-columns:1fr auto; gap:40px; align-items:end; border-top:1px solid var(--line); padding-top:48px;}
  .contact h2{max-width:520px;}
  .contact-links{display:flex; flex-direction:column; gap:14px; align-items:flex-end;}
  .contact-links a{font-family:var(--display); font-size:21px; font-weight:600; color:var(--navy); text-decoration:none; border-bottom:1px solid transparent;}
  .contact-links a:hover{border-color:var(--orange); color:var(--orange);}
  .contact-zone{font-family:'Inter',sans-serif; font-size:13px; color:var(--grey); margin-top:6px;}
  .contact-note{font-size:12.5px; color:var(--grey); margin-top:4px;}

  footer{border-top:1px solid var(--line); padding:26px 0;}
  .footer-inner{display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:12px; font-size:12.5px; color:var(--grey);}

  .menu-toggle{display:none; flex-direction:column; justify-content:center; gap:5px; width:34px; height:34px; background:none; border:none; cursor:pointer; padding:0;}
  .menu-toggle span{display:block; width:100%; height:2px; background:var(--navy); border-radius:2px; transition:transform 0.25s ease, opacity 0.25s ease;}
  .menu-toggle.active span:nth-child(1){transform:translateY(7px) rotate(45deg);}
  .menu-toggle.active span:nth-child(2){opacity:0;}
  .menu-toggle.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

  @media (max-width: 900px){
    .menu-toggle{display:flex;}
    nav.links{
      display:none; position:absolute; top:100%; left:0; right:0;
      background:var(--white); border-bottom:1px solid var(--line);
      flex-direction:column; padding:8px 28px 20px; gap:2px;
      box-shadow:0 12px 24px rgba(15,42,74,0.08);
    }
    nav.links.open{display:flex;}
    nav.links a:not(.cta-btn){display:block; padding:12px 0; border-bottom:1px solid var(--line); font-size:15px;}
    nav.links a.cta-btn{margin-top:14px; text-align:center;}
    .nav{position:relative;}
    .cta-btn{padding:9px 16px; font-size:13px;}
    .hero-inner{grid-template-columns:1fr;}
    .hero-visual{max-width:250px; margin:0 auto;}
    .conviction-list{grid-template-columns:1fr 1fr;}
    .eco-row{grid-template-columns:1fr; gap:14px;}
    .eco-arrow{transform:rotate(90deg); text-align:center;}
    .racine-row{grid-template-columns:44px 1fr; grid-template-areas:"letter name" "letter desc"; row-gap:4px;}
    .racine-letter-big{grid-area:letter; font-size:26px;}
    .racine-name{grid-area:name;}
    .racine-desc{grid-area:desc;}
    .outils-grid{grid-template-columns:1fr;}
    .phases{grid-template-columns:1fr;}
    .preuve-inner{grid-template-columns:1fr;}
    .apropos-inner{grid-template-columns:1fr;}
    .apropos-badge{max-width:200px; margin:0 auto;}
    .contact-inner{grid-template-columns:1fr;}
    .contact-links{align-items:flex-start;}
  }
  @media (max-width: 560px){
    .conviction-list{grid-template-columns:1fr;}
    .hero{padding:66px 20px 46px;}
    .wrap{padding:0 20px;}
    section{padding:60px 0;}
    .preuve-stats{grid-template-columns:1fr; gap:20px;}
  }
  /* Le Constat */
  .constat{background:var(--white); border-top:1px solid var(--line); border-bottom:1px solid var(--line);}
  .constat-pains{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-bottom:34px;}
  .pain-card{background:var(--creme); border-radius:4px; padding:26px 24px; display:flex; gap:16px; align-items:flex-start;}
  .pain-icon{width:38px; height:38px; border-radius:50%; background:var(--navy); color:var(--white); display:flex; align-items:center; justify-content:center; font-weight:700; font-size:16px; flex-shrink:0;}
  .pain-card h3{font-family:var(--display); font-weight:600; font-size:16.5px; color:var(--navy); margin-bottom:6px;}
  .pain-card p{font-size:13.5px; color:var(--grey); line-height:1.5;}
  .consequences-label{font-size:12px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--orange); margin-bottom:14px;}
  .consequences-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:10px 24px; margin-bottom:32px;}
  .consequences-grid span{font-size:14px; color:var(--grey); position:relative; padding-left:16px;}
  .consequences-grid span::before{content:'•'; position:absolute; left:0; color:var(--orange);}

  /* RACINE bullets */
  .racine-bullets{list-style:none; margin-top:8px; display:flex; flex-direction:column; gap:4px;}
  .racine-bullets li{font-size:13.5px; color:var(--grey); position:relative; padding-left:14px;}
  .racine-bullets li::before{content:'—'; position:absolute; left:0; color:var(--teal);}

  /* Comparatif */
  .comparatif{background:var(--creme);}
  .comp-table{width:100%; border-collapse:collapse; background:var(--white); border:1px solid var(--line); border-radius:4px; overflow:hidden;}
  .comp-table th, .comp-table td{padding:16px 20px; text-align:left; font-size:14px; border-bottom:1px solid var(--line);}
  .comp-table th{font-family:var(--display); font-weight:600; font-size:15px; color:var(--navy); background:var(--creme);}
  .comp-table td:first-child{font-weight:600; color:var(--navy); width:140px;}
  .comp-table td.classic{color:var(--grey);}
  .comp-table td.hta{color:var(--navy); font-weight:600; background:rgba(27,158,150,0.06);}
  .comp-table tr:last-child td{border-bottom:none;}
  .comp-note{margin-top:22px; font-family:var(--display); font-style:italic; font-size:15.5px; color:var(--navy); max-width:640px;}

  /* Benefices */
  .benefices-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:20px;}
  .benefice-card{background:var(--navy); border-radius:4px; padding:26px 22px;}
  .benefice-card:nth-child(2){background:var(--orange);}
  .benefice-card:nth-child(3){background:var(--teal);}
  .benefice-card h3{font-family:var(--display); font-weight:600; font-size:16px; color:var(--creme); margin-bottom:14px;}
  .benefice-card ul{list-style:none; display:flex; flex-direction:column; gap:8px;}
  .benefice-card li{font-size:13px; color:rgba(250,247,242,0.75); position:relative; padding-left:14px;}
  .benefice-card li::before{content:'•'; position:absolute; left:0; color:var(--creme);}

  /* ROI */
  .roi{background:var(--white);}
  .roi-inner{display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;}
  .roi-chart{display:flex; align-items:flex-end; gap:40px; min-height:220px; padding-bottom:2px; border-bottom:1px solid var(--line);}
  .roi-bar-wrap{display:flex; flex-direction:column; align-items:center; gap:10px; flex:1;}
  .roi-bar{width:100%; max-width:110px; border-radius:3px 3px 0 0;}
  .roi-bar.fail{background:var(--orange); height:200px;}
  .roi-bar.hta{background:var(--teal); height:18px;}
  .roi-bar-label{font-size:13px; color:var(--grey); text-align:center;}
  .roi-bar-num{font-family:var(--display); font-weight:700; font-size:15px; color:var(--navy);}
  .roi-side .box{padding:20px 22px; border-radius:4px; margin-bottom:16px;}
  .roi-side .box.grey{background:var(--creme);}
  .roi-side .box.navy{background:var(--navy); color:var(--creme);}
  .roi-side .box .num{font-family:var(--display); font-weight:700; font-size:22px;}
  .roi-side .box.grey .num{color:var(--navy);}
  .roi-side .box.navy .num{color:var(--orange);}
  .roi-side .box p{font-size:13.5px; margin-top:4px; color:inherit; opacity:0.85;}

  /* Closing triplet */
  .closing-triplet{text-align:center; margin-top:44px; padding-top:36px; border-top:1px solid var(--line);}
  .closing-triplet p{font-family:var(--display); font-weight:600; font-size:22px; color:var(--navy); line-height:1.5;}
  .closing-triplet .punch{margin-top:16px; font-size:15px; color:var(--orange); font-weight:700;}

  @media (max-width: 900px){
    .constat-pains{grid-template-columns:1fr;}
    .consequences-grid{grid-template-columns:1fr 1fr;}
    .comp-table{font-size:12.5px;}
    .comp-table th, .comp-table td{padding:10px 12px;}
    .benefices-grid{grid-template-columns:1fr 1fr;}
    .roi-inner{grid-template-columns:1fr;}
  }
  @media (max-width: 560px){
    .consequences-grid{grid-template-columns:1fr;}
    .benefices-grid{grid-template-columns:1fr;}
    .comp-table, .comp-table thead, .comp-table tbody, .comp-table th, .comp-table td, .comp-table tr{display:block; width:auto;}
    .comp-table tr:first-child{display:none;}
    .comp-table tr{border-bottom:2px solid var(--line); padding:16px 18px;}
    .comp-table tr:last-child{border-bottom:none;}
    .comp-table td{border-bottom:none; padding:6px 0;}
    .comp-table td:first-child{font-family:var(--display); font-size:16px; padding-bottom:10px;}
    .comp-table td.classic::before{content:'Cabinet classique — '; font-weight:700; color:var(--navy);}
    .comp-table td.hta::before{content:'HOP TEAM ACTION — '; font-weight:700;}
    .comp-table td.hta{background:none; padding-left:0;}
  }
  /* Diagnostic CTA */
  .diag-cta{background:var(--navy); color:var(--creme); padding:56px 0;}
  .diag-cta-inner{display:flex; align-items:center; justify-content:space-between; gap:40px; flex-wrap:wrap;}
  .diag-cta h2{color:var(--creme); max-width:560px;}
  .diag-cta p{color:rgba(250,247,242,0.75); font-size:15px; margin-top:12px; max-width:560px;}
  .diag-cta .eyebrow{color:var(--teal);}

  @media (max-width: 900px){
    .diag-cta-inner{flex-direction:column; align-items:flex-start;}
  }
  .contact-form{max-width:640px; margin:44px auto 0; background:var(--white); border:1px solid var(--line); border-radius:4px; padding:36px 34px;}
  .cf-row{display:flex; gap:20px; margin-bottom:18px;}
  .cf-field{flex:1; display:flex; flex-direction:column; gap:6px;}
  .cf-field label{font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600; color:var(--grey);}
  .cf-field input, .cf-field select, .cf-field textarea{
    font-family:'Inter',sans-serif; font-size:14.5px; color:var(--navy); padding:10px 12px;
    border:1px solid var(--line); border-radius:3px; background:var(--creme); resize:vertical;
  }
  .cf-field input:focus, .cf-field select:focus, .cf-field textarea:focus{outline:none; border-color:var(--teal); box-shadow:0 0 0 3px rgba(27,158,150,0.25);}
  .cf-field input[readonly]{background:rgba(15,42,74,0.04); color:var(--grey); cursor:not-allowed;}
  .contact-form > .cf-field{margin-bottom:22px;}
  .cf-hint{font-family:'Inter',sans-serif; font-size:12px; color:var(--grey); margin-top:12px;}
  @media (max-width: 560px){ .cf-row{flex-direction:column; gap:18px;} }
  /* Chroniques PEOPLE RE:CODE */
  .chroniques{background:var(--white);}
  .chron-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:22px;}
  .chron-card{background:var(--creme); border:1px solid var(--line); border-radius:4px; padding:28px 26px; display:flex; flex-direction:column; text-decoration:none; color:inherit; transition:box-shadow 0.2s ease, transform 0.2s ease;}
  .chron-card:hover{box-shadow:0 10px 24px rgba(15,42,74,0.10); transform:translateY(-2px);}
  .chron-tag{display:inline-block; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:4px 10px; border-radius:3px; margin-bottom:16px; align-self:flex-start;}
  .chron-tag.paradoxe{color:var(--orange); background:rgba(232,114,12,0.1);}
  .chron-tag.chronique{color:var(--teal); background:rgba(27,158,150,0.1);}
  .chron-card h3{font-family:var(--display); font-weight:600; font-size:18px; color:var(--navy); margin-bottom:10px; line-height:1.35;}
  .chron-card p{font-size:14px; color:var(--grey); line-height:1.55; flex:1;}
  .chron-card .read-more{margin-top:16px; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:var(--orange);}
  .chron-cta{text-align:center; margin-top:36px;}
  @media (max-width:900px){ .chron-grid{grid-template-columns:1fr;} }
  /* Offres d'emploi */
  .offres{background:var(--creme);}
  .offres-empty{background:var(--white); border:1px dashed var(--line); border-radius:4px; padding:30px 26px; text-align:center; margin-bottom:36px;}
  .offres-empty p{font-family:'Inter',sans-serif; font-size:14.5px; color:var(--grey);}
  .offres-grid{display:grid; grid-template-columns:1fr 1fr; gap:24px;}
  .offre-card{background:var(--white); border:1px solid var(--line); border-radius:4px; padding:28px 26px;}
  .offre-card h3{font-family:var(--display); font-weight:600; font-size:18px; color:var(--navy); margin-bottom:6px;}
  .offre-card .sub{font-family:'Inter',sans-serif; font-size:13.5px; color:var(--grey); margin-bottom:20px;}
  .offre-card .contact-form{margin:0; max-width:none; padding:0; border:none; background:none;}
  @media (max-width:900px){ .offres-grid{grid-template-columns:1fr;} }

  /* Sub-page (native views: chroniques, offres) */
  .subpage-header{background:var(--navy); color:var(--creme); padding:70px 28px 50px; text-align:center; position:relative;}
  .subpage-close{position:fixed; top:14px; right:16px; z-index:200; background:var(--navy); color:#fff; border:none; padding:8px 16px; border-radius:3px; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; cursor:pointer;}
  .subpage-eyebrow{font-family:'Inter',sans-serif; font-weight:800; letter-spacing:.08em; font-size:13px; color:var(--orange); text-transform:uppercase; margin-bottom:12px;}
  .subpage-header h1{font-family:var(--display); font-weight:600; font-size:clamp(28px,3.4vw,42px); margin-bottom:10px; color:var(--creme);}
  .subpage-header p{font-family:'Inter',sans-serif; font-style:italic; color:rgba(250,247,242,0.75); font-size:15px; max-width:560px; margin:0 auto;}
  .subpage-main{max-width:760px; margin:0 auto; padding:44px 20px 90px;}

  /* Chronicles accordion */
  .chron-list{display:flex; flex-direction:column; gap:16px;}
  .chron-item{background:var(--white); border:1px solid var(--line); border-radius:4px; overflow:hidden; scroll-margin-top:130px;}
  .chron-item-head{display:flex; align-items:center; gap:16px; padding:22px 26px; cursor:pointer; user-select:none;}
  .chron-item-tag{flex-shrink:0; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase; padding:4px 10px; border-radius:3px;}
  .chron-item-tag.paradoxe{color:var(--orange); background:rgba(232,114,12,0.1);}
  .chron-item-tag.chronique{color:var(--teal); background:rgba(27,158,150,0.1);}
  .chron-item-title{flex:1; font-family:var(--display); font-weight:600; font-size:17px; color:var(--navy);}
  .chron-item-toggle{font-family:'Inter',sans-serif; font-size:20px; color:var(--orange); font-weight:700; flex-shrink:0; transition:transform 0.25s ease;}
  .chron-item.open .chron-item-toggle{transform:rotate(45deg);}
  .chron-item-body{max-height:0; overflow:hidden; transition:max-height 0.35s ease;}
  .chron-item.open .chron-item-body{max-height:4000px;}
  .chron-item-body-inner{padding:0 26px 28px; font-family:'Inter',sans-serif; font-size:15px; color:var(--grey); line-height:1.75; white-space:pre-line; border-top:1px solid var(--line); margin-top:4px; padding-top:20px;}

/* ============ DOMAINES — bandeaux façon infographie ============ */
.domaines-bands-wrap{display:flex; flex-direction:column; border:1px solid var(--line); border-radius:6px; overflow:hidden; margin-top:8px;}

.domaine-band{display:grid; grid-template-columns:1fr; border-bottom:1px solid rgba(255,255,255,0.15);}
.domaine-band:last-of-type{border-bottom:none;}

.band-navy{background:var(--white);}
.band-teal{background:var(--white);}
.band-orange{background:var(--white);}

/* left color panel */
.db-side{padding:22px 24px; color:#fff; display:flex; flex-direction:row; align-items:center; gap:16px;}
.db-side-text{display:flex; flex-direction:column;}
.band-navy .db-side{background:var(--navy);}
.band-teal .db-side{background:var(--teal);}
.band-orange .db-side{background:var(--orange);}
.db-icon-big{width:58px; height:58px; border-radius:50%; background:rgba(255,255,255,0.15); display:flex; align-items:center; justify-content:center; margin-bottom:0; flex-shrink:0;}
.db-num{font-family:var(--display); font-weight:700; font-size:15px; opacity:0.75; letter-spacing:1px;}
.db-title{font-family:var(--display); font-weight:600; font-size:23px; line-height:1.22; margin:4px 0 10px; color:#fff;}
.db-sub{font-size:14px; line-height:1.4; opacity:0.9;}

/* middle content */
.db-main{padding:32px 30px; border-right:none; border-bottom:1px solid var(--line);}

.db-steps{display:flex; flex-wrap:wrap; row-gap:24px; justify-content:space-between; gap:6px; position:relative; margin-bottom:26px;}
.db-steps::before{display:none;}
.db-step{flex:1 1 30%; min-width:100px; display:flex; flex-direction:column; align-items:center; text-align:center; position:relative; z-index:1;}
.db-step-num{width:20px; height:20px; border-radius:50%; background:var(--navy); color:#fff; font-family:'Inter',sans-serif; font-weight:700; font-size:10.5px; display:flex; align-items:center; justify-content:center; margin-bottom:6px;}
.band-teal .db-step-num{background:var(--teal);}
.band-navy .db-step-num{background:var(--navy);}
.db-step-icon{width:52px; height:52px; border-radius:50%; background:var(--creme); border:1.5px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--navy); margin-bottom:8px;}
.band-teal .db-step-icon{color:var(--teal);}
.db-step-final .db-step-icon{background:var(--orange); color:#fff; border-color:var(--orange);}

.band-navy .db-step:nth-child(3n+1) .db-step-num{background:var(--orange);}
.band-navy .db-step:nth-child(3n+1) .db-step-icon{color:var(--orange); border-color:rgba(232,114,12,0.35);}
.band-navy .db-step:nth-child(3n+2) .db-step-num{background:var(--teal);}
.band-navy .db-step:nth-child(3n+2) .db-step-icon{color:var(--teal); border-color:rgba(27,158,150,0.35);}
.band-navy .db-step:nth-child(3n+3) .db-step-num{background:var(--navy);}
.band-navy .db-step:nth-child(3n+3) .db-step-icon{color:var(--navy); border-color:rgba(15,42,74,0.25);}
.db-step-label{font-family:'Inter',sans-serif; font-weight:700; font-size:12.5px; color:var(--navy); margin-bottom:2px;}
.db-step-desc{font-size:11px; color:var(--grey); line-height:1.3;}
.db-step-tag{font-family:'Inter',sans-serif; font-weight:700; font-size:10px; color:var(--grey); text-transform:uppercase; letter-spacing:0.3px; margin-bottom:8px;}

.db-note{display:flex; align-items:flex-start; gap:10px; background:var(--creme); border-radius:4px; padding:12px 16px; font-size:12.5px; color:var(--navy); margin-bottom:16px;}
.db-note svg{flex-shrink:0; margin-top:1px; color:var(--orange);}
.db-punch{font-family:var(--display); font-weight:600; font-size:15px; color:var(--navy); line-height:1.4;}

/* aside column */
.db-aside{padding:32px 26px;}
.db-aside-title{font-family:'Inter',sans-serif; font-weight:700; font-size:12px; letter-spacing:0.6px; text-transform:uppercase; color:var(--grey); margin-bottom:14px;}
.db-result-lead{font-family:var(--display); font-weight:600; font-size:15px; color:var(--navy); margin-bottom:16px; line-height:1.4;}
.db-checklist{list-style:none; margin:0 0 20px; padding:0; display:flex; flex-direction:column; gap:12px;}
.db-checklist li{display:flex; align-items:flex-start; gap:9px; font-size:13px; color:var(--ink,#26313d); line-height:1.35;}
.db-checklist li svg{flex-shrink:0; margin-top:1px; color:var(--teal);}
.db-highlight{background:var(--creme); border-left:3px solid var(--orange); border-radius:4px; padding:14px 16px; display:flex; gap:10px; align-items:flex-start;}
.db-highlight-icon{flex-shrink:0; color:var(--orange); margin-top:1px;}
.db-highlight p{font-family:var(--display); font-style:italic; font-size:13px; color:var(--navy); line-height:1.4;}

/* band 3 columns layout */
.db-cols{display:flex; flex-direction:column; align-items:flex-start; gap:14px;}
.db-col{flex:1; display:flex; flex-direction:column; gap:12px;}
.db-col-title{font-family:'Inter',sans-serif; font-weight:700; font-size:12px; letter-spacing:0.6px; text-transform:uppercase; color:var(--orange); margin-bottom:2px;}
.db-col-row{display:flex; align-items:flex-start; gap:8px; font-size:12.5px; color:var(--ink,#26313d); line-height:1.35;}
.db-col-row svg{flex-shrink:0; color:var(--orange); margin-top:1px;}
.db-col-arrow{display:none;}

@media (min-width:800px){
  .db-steps{flex-wrap:nowrap; justify-content:space-between;}
  .db-steps::before{content:''; position:absolute; top:51px; left:26px; right:26px; height:0; border-top:2px dotted #c9c2b4; z-index:0; display:block;}
  .db-step{flex:1; min-width:0;}
  .db-cols{flex-direction:row; align-items:flex-start;}
  .db-col-arrow{display:block;}
}

.db-quote{background:var(--creme); border-radius:4px; padding:22px 24px;}
.db-quote p{font-family:var(--display); font-size:15px; color:var(--navy); line-height:1.45; margin-bottom:8px;}
.db-quote p:last-child{margin-bottom:0;}

.db-footer-bar{display:flex; align-items:center; gap:14px; background:var(--navy); color:#fff; padding:20px 30px;}
.db-footer-bar svg{flex-shrink:0; color:var(--orange);}
.db-footer-bar p{font-size:13.5px; line-height:1.5;}

@media (max-width:1000px){
}

/* ============ Pages légales (mentions / confidentialité) ============ */
.legal-page{padding:60px 0 90px;}
.legal-wrap{max-width:760px;}
.legal-updated{font-size:13px; color:var(--grey); font-style:italic; margin-bottom:36px;}
.legal-page h2{font-size:19px; margin-top:34px; margin-bottom:12px; color:var(--navy);}
.legal-page p{margin-bottom:14px; line-height:1.65; font-size:15px; color:var(--ink,#26313d);}
.legal-page ul{margin:0 0 14px 20px; padding:0;}
.legal-page li{margin-bottom:6px; line-height:1.6; font-size:15px; color:var(--ink,#26313d);}
.legal-page a{color:var(--orange); text-decoration:underline;}
.legal-page a.btn-primary{color:var(--white); text-decoration:none;}
.legal-note{background:var(--creme); border-left:3px solid var(--orange); border-radius:4px; padding:16px 20px; margin:18px 0;}
.legal-note p{margin-bottom:8px; font-size:14px;}
.legal-note p:last-child{margin-bottom:0;}

/* footer legal links */
.footer-legal-links{display:flex; gap:20px;}
.footer-legal-links a{color:var(--grey); text-decoration:none; font-size:12.5px;}
.footer-legal-links a:hover{color:var(--orange); text-decoration:underline;}
@media (max-width:600px){
  .footer-inner{flex-direction:column; gap:10px; text-align:center;}
  .footer-legal-links{gap:16px;}
}

/* consent note near forms */
.form-consent{font-size:11.5px; color:var(--grey); line-height:1.5; margin-top:14px;}
.form-consent a{color:var(--orange); text-decoration:underline;}

/* ============ Messages flash (connexion, inscription...) ============ */
.flash{max-width:640px; margin:24px auto 0; padding:14px 20px; border-radius:4px; font-family:'Inter',sans-serif; font-size:14px; line-height:1.5;}
.flash-erreur{background:rgba(192,57,43,0.08); border:1px solid rgba(192,57,43,0.3); color:#96281B;}
.flash-succes{background:rgba(27,158,150,0.08); border:1px solid rgba(27,158,150,0.3); color:#0E6F69;}
.auth-switch{max-width:640px; margin:18px auto 0; text-align:center; font-family:'Inter',sans-serif; font-size:13.5px; color:var(--grey);}
.auth-switch a{color:var(--orange); font-weight:600; text-decoration:none;}
.auth-switch a:hover{text-decoration:underline;}

/* ============ CTA connexion/inscription (pages publiques offres/deposer-une-offre) ============ */
.auth-cta-box{display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--line); border-radius:6px; overflow:hidden; margin-bottom:32px; background:var(--white);}
.auth-cta-item{padding:26px 30px; display:flex; flex-direction:column; align-items:flex-start; gap:12px;}
.auth-cta-item:first-child{background:var(--creme); border-right:1px solid var(--line);}
.auth-cta-item .eyebrow{margin-bottom:0; font-size:11px;}
.auth-cta-label{font-family:var(--display); font-size:17px; font-weight:600; color:var(--navy); line-height:1.3;}
@media (max-width:600px){
  .auth-cta-box{grid-template-columns:1fr;}
  .auth-cta-item:first-child{border-right:none; border-bottom:1px solid var(--line);}
}

/* ============ Actions discretes dans l'entete d'un espace connecte ============ */
.subpage-header-actions{position:absolute; top:20px; left:50%; transform:translateX(-50%); width:100%; max-width:var(--maxw); box-sizing:border-box; padding:0 28px; display:flex; justify-content:flex-end; gap:16px;}
.subpage-header-actions a{font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600; color:rgba(250,247,242,0.75); text-decoration:none; letter-spacing:.02em;}
.subpage-header-actions a:hover{color:var(--creme); text-decoration:underline;}
@media (max-width:640px){
  .subpage-header-actions{position:static; transform:none; justify-content:center; margin-top:18px; padding:0;}
}

/* ============ Espaces prives — liste d'offres ============ */
.espace-actions{display:flex; justify-content:space-between; align-items:center; gap:20px; flex-wrap:wrap; margin-bottom:8px;}
.offre-list{display:flex; flex-direction:column; gap:16px; margin-top:24px;}
.offre-item{background:var(--white); border:1px solid var(--line); border-radius:4px; padding:22px 24px;}
.offre-item-head{display:flex; justify-content:space-between; align-items:flex-start; gap:16px; flex-wrap:wrap;}
.offre-item-titre{font-family:var(--display); font-weight:600; font-size:18px; color:var(--navy); margin-bottom:4px;}
.offre-item-meta{font-family:'Inter',sans-serif; font-size:13px; color:var(--grey);}
.offre-item-actions{display:flex; gap:10px; margin-top:14px; flex-wrap:wrap;}
.offre-item-actions a, .offre-item-actions button{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:8px 16px; border-radius:3px; text-decoration:none; cursor:pointer; border:1px solid var(--line); background:var(--white); color:var(--navy);}
.offre-item-actions .danger{color:#96281B; border-color:rgba(150,40,27,0.3);}
.offre-refus{margin-top:14px; padding:12px 16px; background:rgba(232,114,12,0.08); border:1px solid rgba(232,114,12,0.25); border-radius:4px; font-family:'Inter',sans-serif; font-size:13.5px; color:#7A4A0E;}
.statut-badge{display:inline-block; font-family:'Inter',sans-serif; font-size:11px; font-weight:700; letter-spacing:0.4px; text-transform:uppercase; padding:4px 11px; border-radius:20px;}
.statut-en_attente_validation{background:rgba(232,114,12,0.1); color:#B5590A;}
.statut-publiee{background:rgba(27,158,150,0.1); color:var(--teal);}
.statut-pourvue{background:rgba(15,42,74,0.08); color:var(--navy);}
.statut-archivee{background:rgba(95,94,90,0.1); color:var(--grey);}
.statut-candidature-recue, .statut-candidature-en_analyse{background:rgba(232,114,12,0.1); color:#B5590A;}
.statut-candidature-retenue{background:rgba(27,158,150,0.1); color:var(--teal);}
.statut-candidature-presentee{background:rgba(15,42,74,0.08); color:var(--navy);}
.statut-candidature-rejetee_hta, .statut-candidature-rejetee_entreprise{background:rgba(95,94,90,0.1); color:var(--grey);}
.statut-candidature-retiree{background:rgba(95,94,90,0.1); color:var(--grey);}
.statut-message-nouveau{background:rgba(232,114,12,0.1); color:#B5590A;}
.statut-message-en_cours{background:rgba(27,158,150,0.1); color:var(--teal);}
.statut-message-traite{background:rgba(95,94,90,0.1); color:var(--grey);}
.statut-chronique-brouillon{background:rgba(232,114,12,0.1); color:#B5590A;}
.statut-chronique-publie{background:rgba(27,158,150,0.1); color:var(--teal);}
.statut-rgpd-recue{background:rgba(232,114,12,0.1); color:#B5590A;}
.statut-rgpd-traitee{background:rgba(27,158,150,0.1); color:var(--teal);}
.rgpd-alerte{color:#96281B; font-weight:700;}

/* ============ Panneau admin (backoffice) ============ */
body.admin-layout{background:var(--creme);}
.admin-topbar{display:flex; align-items:center; justify-content:space-between; gap:16px; padding:14px 24px; background:var(--white); border-bottom:1px solid var(--line);}
.admin-topbar-logo{display:flex; align-items:center;}
.admin-topbar-logo .logo-img{height:32px;}
.admin-topbar-right{display:flex; align-items:center; gap:18px; font-family:'Inter',sans-serif; font-size:13px;}
.admin-topbar-right a{color:var(--navy); text-decoration:none;}
.admin-topbar-right a:hover{color:var(--orange);}
.admin-topbar-nom{color:var(--grey); font-weight:600;}

.admin-shell{display:flex; align-items:flex-start;}
.admin-sidebar{width:220px; flex-shrink:0; background:var(--white); border-right:1px solid var(--line); padding:20px 0; min-height:calc(100vh - 62px); display:flex; flex-direction:column;}
.admin-sidebar a{display:block; padding:9px 24px; font-family:'Inter',sans-serif; font-size:14px; font-weight:600; color:var(--navy); text-decoration:none; border-left:3px solid transparent;}
.admin-sidebar a:hover{background:rgba(15,42,74,0.05);}
.admin-sidebar a.active{background:rgba(232,114,12,0.08); border-left-color:var(--orange); color:var(--orange);}
.admin-nav-groupe-bloc{margin-top:8px;}
.admin-nav-groupe-toggle{width:100%; display:flex; align-items:center; justify-content:space-between; gap:8px; background:none; border:none; cursor:pointer; padding:10px 24px; font-family:'Inter',sans-serif; font-size:11px; font-weight:800; text-transform:uppercase; letter-spacing:.05em; color:var(--grey);}
.admin-nav-groupe-toggle:hover{color:var(--navy);}
.admin-nav-groupe-chevron{font-size:10px; transition:transform .15s ease;}
.admin-nav-groupe-bloc.open .admin-nav-groupe-chevron{transform:rotate(180deg);}
.admin-nav-groupe-liens{display:none;}
.admin-nav-groupe-bloc.open .admin-nav-groupe-liens{display:block;}

.admin-content{flex:1; min-width:0; padding:32px 28px 80px;}
.admin-content .offre-item{scroll-margin-top:80px;}
.admin-content .offre-item:target, .admin-content .offre-item.mis-en-evidence{border-color:var(--orange); box-shadow:0 0 0 2px rgba(232,114,12,0.25);}
.admin-content > *{max-width:900px;}
.admin-page-title{margin-bottom:28px;}
.admin-page-title h1{font-family:var(--display); font-size:26px; font-weight:600; color:var(--navy); margin:0 0 6px;}
.admin-page-title p{font-family:'Inter',sans-serif; font-size:14px; color:var(--grey); margin:0; max-width:640px;}

/* Sous-titres de section reutilises sur les espaces perso et le backoffice */
.section-titre{font-family:var(--display); font-size:22px; color:var(--navy);}
.section-soustitre{font-family:var(--display); font-size:20px; color:var(--navy); margin:36px 0 14px;}

.admin-liens-associes{display:flex; gap:10px; flex-wrap:wrap; margin:0 0 28px;}
.admin-liens-associes a{display:inline-flex; align-items:center; gap:6px; font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:9px 16px; border-radius:20px; text-decoration:none; color:var(--navy); border:1px solid var(--line); background:var(--white); transition:border-color .15s ease, color .15s ease;}
.admin-liens-associes a:hover{border-color:var(--orange); color:var(--orange);}

@media (max-width:900px){
  .admin-shell{flex-direction:column;}
  .admin-sidebar{width:100%; min-height:0; flex-direction:row; flex-wrap:wrap; gap:2px 4px; border-right:none; border-bottom:1px solid var(--line); padding:12px 16px;}
  .admin-sidebar a{padding:6px 10px; border-left:none; border-radius:20px;}
  .admin-sidebar a.active{border-left:none;}
  .admin-nav-groupe-bloc{width:100%; margin-top:2px;}
  .admin-nav-groupe-toggle{padding:6px 6px;}
  .admin-nav-groupe-liens{display:none;}
  .admin-nav-groupe-bloc.open .admin-nav-groupe-liens{display:flex; flex-wrap:wrap; gap:2px 4px;}
  .admin-content{width:100%; padding:24px 20px 60px;}
  .admin-topbar{padding:12px 16px;}
  .admin-topbar-right{gap:12px; font-size:12px; flex-wrap:wrap;}
}

/* ============ Statistiques (tableau de bord admin) ============ */
.stats-grid{display:grid; grid-template-columns:repeat(auto-fit, minmax(140px,1fr)); gap:14px; margin:24px 0 8px;}
.stat-tile{background:var(--white); border:1px solid var(--line); border-radius:4px; padding:16px 18px;}
.stat-tile .num{font-family:var(--display); font-weight:700; font-size:28px; color:var(--navy); line-height:1.1;}
.stat-tile .label{font-family:'Inter',sans-serif; font-size:12px; color:var(--grey); text-transform:uppercase; letter-spacing:.03em; margin-top:4px;}

/* ============ Rapport de matching (admin) ============ */
/* .global-score et ses enfants .num/.lecture sont definis une seule fois,
   plus bas, dans la section Diagnostic/Profil ADN — reutilises tels quels
   ici (meme rendu, evite une regle dupliquee). */
.compare-row{ margin-bottom:22px; font-family:'Inter', Arial, sans-serif;}
.compare-label{ font-size:13.5px; font-weight:700; color:var(--ink,#26313d); margin-bottom:6px;}
.compare-bars{ display:flex; flex-direction:column; gap:5px;}
.bar-line{ display:flex; align-items:center; gap:10px;}
.bar-tag{ width:150px; font-size:11px; color:var(--grey); text-align:right; flex-shrink:0;}
.bar-line .bar-track{ flex:1; background:#eee; border-radius:3px; height:16px; overflow:hidden;}
.bar-line .bar-fill{ height:100%; border-radius:3px;}
.bar-line .bar-fill.c{ background:var(--teal);}
.bar-line .bar-fill.o{ background:var(--orange);}
.bar-val{ width:44px; font-size:12px; color:var(--grey); font-weight:700;}
.compat-tag{ display:inline-block; margin-top:6px; font-size:11.5px; font-weight:700; padding:3px 10px; border-radius:12px;}
.compat-tag.high{ background:#E3F5F3; color:var(--teal);}
.compat-tag.mid{ background:#FFF1E0; color:var(--orange);}
.compat-tag.low{ background:#FDEAEA; color:#C0392B;}
@media (max-width:600px){ .bar-tag{ width:110px; font-size:10.5px;} }
.badge-transmis{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; color:var(--teal);}
.empty-state{font-family:'Inter',sans-serif; font-size:14.5px; color:var(--grey); padding:24px 0;}

/* ============ Backoffice admin ============ */
.vue-toggle{display:inline-flex; gap:3px; padding:4px; background:var(--creme); border:1px solid var(--line); border-radius:9px; margin:8px 0 22px;}
.vue-toggle a{font-family:'Inter',sans-serif; font-size:13.5px; font-weight:600; padding:8px 16px; border-radius:6px; text-decoration:none; color:var(--grey); white-space:nowrap;}
.vue-toggle a.active{background:var(--white); color:var(--navy); box-shadow:0 1px 3px rgba(15,42,74,0.16);}
.notif-section-title{display:flex; align-items:center; gap:10px; font-family:var(--display); font-weight:600; font-size:19px; color:var(--navy); margin:0 0 16px;}
.notif-section-dot{width:9px; height:9px; border-radius:50%; flex-shrink:0; background:var(--orange);}
.notif-section-dot.dot-traitee{background:var(--grey);}
.filter-tabs{display:flex; gap:8px; flex-wrap:wrap; margin:24px 0;}
.filter-tabs a{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:7px 14px; border-radius:20px; text-decoration:none; color:var(--navy); border:1px solid var(--line); background:var(--white);}
.filter-tabs a.active{background:var(--navy); color:var(--creme); border-color:var(--navy);}
.offre-item-entreprise{font-family:'Inter',sans-serif; font-size:13px; color:var(--navy); font-weight:600; margin-top:2px;}
.expediteur-tag{display:inline-block; font-size:11px; font-weight:700; letter-spacing:1px; text-transform:uppercase; color:var(--teal); background:rgba(27,158,150,0.08); padding:3px 9px; border-radius:3px; margin-left:8px;}
.statut-change-form{display:flex; gap:8px; align-items:center; flex-wrap:wrap;}
.statut-change-form label{font-family:'Inter',sans-serif; font-size:13px; font-weight:600;}
.admin-search-form{display:flex; gap:10px; margin:24px 0; flex-wrap:wrap;}
.admin-search-form input[type="text"]{flex:1; min-width:220px; padding:10px 14px; border:1px solid var(--line); border-radius:3px; font-family:'Inter',sans-serif; font-size:14px;}
.admin-search-form button{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:8px 16px; border-radius:3px; cursor:pointer; border:1px solid var(--line); background:var(--white); color:var(--navy);}
.offre-item-description{font-family:'Inter',sans-serif; font-size:14px; color:var(--ink,#26313d); line-height:1.6; margin-top:12px; white-space:pre-line;}
.refuser-form{margin-top:14px; display:flex; gap:10px; align-items:flex-start; flex-wrap:wrap;}
.refuser-form textarea{flex:1; min-width:220px; font-family:'Inter',sans-serif; font-size:13.5px; padding:8px 10px; border:1px solid var(--line); border-radius:3px; resize:vertical;}
.refuser-form button{font-family:'Inter',sans-serif; font-size:13px; font-weight:600; padding:8px 16px; border-radius:3px; cursor:pointer; border:1px solid var(--line); background:var(--white); color:var(--navy);}
.offre-item-actions form{display:inline;}
.offre-item-actions form.statut-change-form{display:flex;}
.inline-form{display:inline;}
.offre-item-actions button.primaire{background:var(--teal); color:#fff; border-color:var(--teal);}

.notif-list{display:flex; flex-direction:column; gap:10px; margin-top:20px;}
.notif-item{display:flex; justify-content:space-between; align-items:center; gap:16px; background:var(--white); border:1px solid var(--line); border-left:4px solid var(--orange); border-radius:4px; padding:14px 18px; flex-wrap:wrap;}
.notif-item.notif-interet_retire, .notif-item.notif-offre_supprimee{border-left-color:var(--grey);}
.notif-item.notif-interet_ajoute{border-left-color:var(--teal);}
.notif-message{font-family:'Inter',sans-serif; font-size:14px; color:var(--ink,#26313d); font-weight:600;}
.notif-date{font-family:'Inter',sans-serif; font-size:12px; color:var(--grey); margin-top:3px;}
.notif-item button{font-family:'Inter',sans-serif; font-size:12.5px; font-weight:600; padding:7px 14px; border-radius:3px; border:1px solid var(--line); background:var(--white); color:var(--navy); cursor:pointer; white-space:nowrap;}
.notif-lien{text-decoration:none; color:inherit; display:block;}
.notif-lien:hover .notif-message{text-decoration:underline;}
.notif-item-lu{opacity:.6; border-left-color:var(--line) !important;}

/* ============ Fenetre de confirmation (modale) ============ */
.modal-overlay{
  display:none; position:fixed; inset:0; z-index:200;
  background:rgba(15,42,74,0.55); backdrop-filter:blur(2px);
  align-items:center; justify-content:center; padding:20px;
}
.modal-overlay.open{display:flex;}
.modal-box{
  background:var(--white); border-radius:6px; max-width:460px; width:100%;
  padding:32px 30px; box-shadow:0 24px 60px rgba(15,42,74,0.28);
  animation:modal-pop .18s ease-out;
}
@keyframes modal-pop{ from{ opacity:0; transform:translateY(8px) scale(.98);} to{ opacity:1; transform:none;} }
.modal-box h2, .modal-box h3{font-family:var(--display); font-weight:600; font-size:19px; color:var(--navy); margin-bottom:12px;}
.modal-box p{font-family:'Inter',sans-serif; font-size:14.5px; color:var(--ink,#26313d); line-height:1.6;}
.modal-actions{display:flex; justify-content:flex-end; gap:12px; margin-top:26px; flex-wrap:wrap;}
.modal-actions button{font-family:'Inter',sans-serif; font-size:14px; font-weight:600; padding:11px 22px; border-radius:3px; cursor:pointer;}
.modal-actions .btn-annuler{background:var(--white); color:var(--navy); border:1px solid var(--line);}
.modal-actions .btn-confirmer{background:var(--orange); color:#fff; border:none;}
.modal-actions .btn-confirmer:hover{background:#cf6409;}

/* ============ Domaines — texte détaillé sous chaque bandeau ============ */
.domaine-detail{padding:48px 0 8px; max-width:760px;}
.domaine-detail h2{font-family:var(--display); font-weight:600; font-size:25px; color:var(--navy); margin-bottom:6px;}
.domaine-detail-sub{font-family:var(--display); font-style:italic; color:var(--grey); font-size:15px; margin-bottom:22px;}
.domaine-detail p{margin-bottom:14px; line-height:1.65; font-size:15px; color:var(--ink,#26313d);}
.domaine-detail ul{margin:0 0 16px 20px; padding:0;}
.domaine-detail li{margin-bottom:7px; line-height:1.55; font-size:15px; color:var(--ink,#26313d);}
.domaine-detail .domaine-block-title{margin-top:28px;}
.domaine-punch{font-family:var(--display); font-weight:600; font-size:16px; color:var(--navy); margin-top:22px; line-height:1.4;}

/* ============ Sélecteur de langue ============ */
.lang-switch{display:flex; align-items:center; gap:2px; margin-left:8px; font-family:'Inter',sans-serif; font-size:12.5px; font-weight:700;}
.lang-switch a{color:var(--grey); text-decoration:none; padding:4px 6px;}
.lang-switch a.active{color:var(--navy);}
.lang-switch a:hover{color:var(--orange);}
.lang-switch span{color:var(--line);}
@media (max-width:900px){
  .lang-switch{margin:14px 0 0; justify-content:center;}
}

/* ============ Diagnostic (Entreprise) & Profil ADN (Candidat) — pages outils ============ */
main{ max-width:720px; margin:0 auto; padding:32px 20px 80px;}
.diag-banner{ background:var(--navy); color:#fff; padding:40px 24px 32px; text-align:center;}
.diag-banner .brand{ font-family:'Inter', Arial, sans-serif; font-weight:800; letter-spacing:.08em; font-size:15px; color:var(--orange);}
.diag-banner h1{ margin:10px 0 6px; font-weight:700; color:#fff;}
.diag-banner p{ margin:0; color:#c9d3de; font-style:italic; font-family:'Inter', Arial, sans-serif; font-size:14px;}
.intro{ background:#fff; border:1px solid var(--line); padding:18px 20px; margin-bottom:32px; font-size:15px;}
.field-row{display:flex; gap:14px; flex-wrap:wrap; margin-bottom:32px;}
.field-row label{ font-family:'Inter', Arial, sans-serif; font-size:12px; color:var(--grey); display:block; margin-bottom:4px;}
.field-row input{
  font-family:'Inter', Arial, sans-serif; font-size:16px; padding:10px 10px; border:1px solid var(--line);
  border-radius:3px; width:220px; background:#fff; -webkit-appearance:none; appearance:none;
}
.field-row input[readonly]{background:var(--creme); color:var(--grey); cursor:not-allowed;}
.axis{ margin-bottom:38px; }
.axis-num{ font-family:'Inter', Arial, sans-serif; font-weight:800; font-size:13px; letter-spacing:.06em;}
.axis h2{ margin:2px 0 4px; font-size:21px; color:var(--navy);}
.axis .desc{ font-style:italic; color:var(--grey); font-size:14px; margin-bottom:16px;}
.statement{ margin-bottom:18px; }
.statement p{ margin:0 0 8px; font-size:15px;}
.scale{ display:flex; justify-content:space-between; align-items:center; gap:6px;}
.scale-opt{ flex:1; text-align:center; font-family:'Inter', Arial, sans-serif;}
.scale-opt input{ display:block; margin:0 auto 4px; width:18px; height:18px; cursor:pointer;}
.scale-opt span{ font-size:10.5px; color:var(--grey); display:block; }
.scale-caption{ display:flex; justify-content:space-between; font-family:'Inter', Arial, sans-serif; font-size:10px; color:#9aa1ab; margin-top:2px;}
.cta-row{ text-align:center; margin:44px 0 10px;}
body.page-diagnostic button, body.page-profil-adn button{
  font-family:'Inter', Arial, sans-serif; font-weight:700; font-size:15px; letter-spacing:.02em;
  background:var(--orange); color:#fff; border:none; padding:14px 34px; border-radius:3px; cursor:pointer;
}
body.page-diagnostic button:hover, body.page-profil-adn button:hover{ background:#cf6409; }
body.page-diagnostic button.secondary, body.page-profil-adn button.secondary{ background:transparent; color:var(--navy); border:1px solid var(--navy); }
body.page-diagnostic button.secondary:hover, body.page-profil-adn button.secondary:hover{ background:var(--navy); color:#fff; }
.hint{ text-align:center; font-family:'Inter', Arial, sans-serif; font-size:12px; color:var(--grey); margin-top:8px;}

#results{ display:none; margin-top:50px; border-top:2px solid var(--navy); padding-top:36px; scroll-margin-top:130px; }
#results h2{ font-size:24px; color:var(--navy); text-align:center; margin-bottom:4px;}
#results .sub{ text-align:center; font-family:'Inter', Arial, sans-serif; color:var(--grey); font-size:13px; margin-bottom:30px;}
.global-score{ text-align:center; margin:18px 0 30px;}
.global-score .num{ font-family:'Inter', Arial, sans-serif; font-weight:800; font-size:46px; color:var(--navy);}
.global-score .lecture{ font-family:'Inter', Arial, sans-serif; font-size:15px; color:var(--orange); font-weight:700; margin-top:4px;}
.bar-row{ display:flex; align-items:center; gap:12px; margin-bottom:14px; font-family:'Inter', Arial, sans-serif;}
.bar-label{ font-size:13px; color:var(--ink); text-align:right; flex-shrink:0;}
.bar-track{ flex:1; background:#eee; border-radius:3px; height:14px; overflow:hidden;}
.bar-fill{ height:100%; background:var(--teal); border-radius:3px; transition:width .6s ease;}
.bar-score{ font-size:12px; color:var(--grey); font-weight:700;}
.cards{ display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:32px;}
@media (max-width:600px){ .cards{grid-template-columns:1fr;} .bar-label{width:130px; font-size:11.5px;} }
.card{ background:#fff; border:1px solid var(--line); padding:18px 20px; }
.card h3{ margin:0 0 10px; font-size:15px; font-family:'Inter', Arial, sans-serif; letter-spacing:.02em;}
.card.force h3{ color:var(--teal); }
.card.vigilance h3{ color:var(--orange); }
.card ul{ margin:0; padding-left:18px; font-size:14px;}
.card li{ margin-bottom:8px;}
#summaryBox{
  margin-top:34px; background:#fff; border:1px solid var(--line); padding:18px 20px;
  font-family:'Inter', Arial, sans-serif; font-size:13px; white-space:pre-wrap; color:var(--ink);
}
.help-block{ margin-top:36px; background:#fff; border:1px solid var(--line); border-left:4px solid var(--teal); padding:22px 24px;}
.help-block h3{ margin:0 0 6px; font-size:17px; color:var(--navy); font-family:'Fraunces', Georgia, serif;}
.help-intro{ font-family:'Inter', Arial, sans-serif; font-size:13px; color:var(--grey); margin:0 0 16px;}
.help-item{ margin-bottom:14px; padding-bottom:14px; border-bottom:1px solid var(--line);}
.help-item:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0;}
.help-item .outil{ font-family:'Inter', Arial, sans-serif; font-weight:700; font-size:13.5px; color:var(--orange); text-transform:uppercase; letter-spacing:.02em;}
.help-item p{ margin:4px 0 0; font-size:14.5px;}
.benefits-block{ margin-top:28px; background:#fff; border:1px solid var(--line); padding:22px 24px;}
.benefits-block h3{ margin:0 0 16px; font-size:17px; color:var(--navy); font-family:'Fraunces', Georgia, serif;}
.benefits-grid{ display:grid; grid-template-columns:1fr 1fr; gap:16px; font-family:'Inter', Arial, sans-serif;}
@media (max-width:600px){ .benefits-grid{grid-template-columns:1fr;} }
.benefits-grid div{ font-size:13px; }
.benefits-grid strong{ display:block; color:var(--teal); font-size:12px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:4px;}
.benefits-grid span{ color:var(--ink); line-height:1.5;}
.synthese-block{ margin-top:32px; background:#fff; border:1px solid var(--line); padding:22px 24px;}
.synthese-block h3{ margin:0 0 14px; font-size:17px; color:var(--navy); font-family:'Fraunces', Georgia, serif;}
.synthese-block .bloc{ margin-bottom:16px; }
.synthese-block .bloc:last-child{ margin-bottom:0; }
.synthese-block .label{ font-family:'Inter', Arial, sans-serif; font-weight:700; font-size:12px; text-transform:uppercase; letter-spacing:.04em; margin-bottom:6px; display:block;}
.synthese-block .label.force{ color:var(--teal); }
.synthese-block .label.vigilance{ color:var(--orange); }
.synthese-block p{ margin:0; font-size:14.5px; line-height:1.6;}
.cta-final{ margin-top:36px; background:var(--navy); color:#fff; padding:24px 26px; text-align:center;}
.cta-final p{ font-family:'Inter', Arial, sans-serif; font-size:14px; margin:0 0 4px;}
.cta-final .big{ font-family:'Fraunces', Georgia, serif; font-size:19px; font-weight:700; margin-bottom:8px;}
.howto{
  max-width:720px; margin:0 auto 0; padding:12px 20px; background:#FFF3E0; border:1px solid #F0C48A;
  font-family:'Inter', Arial, sans-serif; font-size:12.5px; color:#7A4A0E; text-align:center;
}
.rgpd-note{
  max-width:720px; margin:0 auto; padding:10px 20px; font-family:'Inter', Arial, sans-serif; font-size:11px;
  color:#9aa1ab; text-align:center;
}
.code-box{
  margin-top:18px; background:#f4f4f4; border:1px dashed #ccc; padding:12px 16px;
  font-family:monospace; font-size:11px; color:#555; word-break:break-all; border-radius:4px;
}
.code-box .code-label{ display:block; font-family:'Inter', Arial, sans-serif; font-size:11px; font-weight:700; color:var(--navy); margin-bottom:6px;}

@media print{
  header .brand, .howto, .intro, form#quiz, .field-row, .cta-row, footer, .rgpd-note, #summaryBox, .code-box{ display:none !important; }
  body{ background:#fff; }
  #results{ display:block !important; border-top:none; }
  main{ max-width:100%; padding:0; }
  .bar-row, .card, .cta-final, .help-item, .global-score, .synthese-block .bloc{ page-break-inside: avoid; break-inside: avoid; }
  .cards, .help-block, .benefits-block{ page-break-inside: avoid; break-inside: avoid; }
  h2, h3{ page-break-after: avoid; break-after: avoid; }
}

/* Accent par page : diagnostic (Entreprise) = teal, profil ADN (Candidat) = orange */
body.page-diagnostic .intro{border-left:4px solid var(--teal);}
body.page-diagnostic .axis-num{color:var(--teal);}
body.page-diagnostic .scale-opt input{accent-color:var(--orange);}
body.page-diagnostic .bar-label{width:230px;}
body.page-diagnostic .bar-score{width:40px;}
body.page-diagnostic .diag-banner h1{font-size:29px;}
body.page-diagnostic main{font-family:'Fraunces', 'Georgia', serif;}

body.page-profil-adn .intro{border-left:4px solid var(--orange);}
body.page-profil-adn .axis-num{color:var(--orange);}
body.page-profil-adn .scale-opt input{accent-color:var(--teal);}
body.page-profil-adn .bar-label{width:210px;}
body.page-profil-adn .bar-score{width:34px;}
body.page-profil-adn .diag-banner h1{font-size:30px;}
body.page-profil-adn main{font-family:'Georgia', 'Times New Roman', serif;}