
/* Améliorations transversales — 19 juillet 2026 */
.brand-logo{
  display:inline-flex;
  align-items:center;
  gap:10px;
  color:#fff!important;
  min-width:210px;
}
.brand-logo img{
  width:48px!important;
  height:42px!important;
  object-fit:cover;
  border-radius:8px;
  box-shadow:0 8px 20px rgba(0,0,0,.28);
  flex:0 0 auto;
}
.brand-logo .brand-text{
  display:flex;
  flex-direction:column;
  line-height:1.02;
  font-size:15px;
  font-weight:800;
  letter-spacing:.1px;
}
.brand-logo .brand-text strong{
  color:#d99a22;
  font-size:17px;
  font-weight:900;
}
.nav a[aria-current="page"]{color:var(--cyan)}
.editorial-byline{
  max-width:900px;
  margin:20px auto -8px;
  padding:0 24px;
  color:rgba(244,248,255,.72);
  font-size:13.5px;
  line-height:1.6;
}
.editorial-byline a{color:#ffe39a;text-decoration:underline;text-underline-offset:3px}
.article-form-panel{
  margin:34px auto;
  padding:28px;
  max-width:940px;
  border-radius:24px;
  background:
    radial-gradient(circle at 90% 0%,rgba(33,196,220,.16),transparent 35%),
    linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.035));
  border:1px solid rgba(217,154,34,.38);
  box-shadow:0 22px 55px rgba(0,0,0,.26);
}
.article-form-panel h3{
  margin:0 0 8px;
  font-family:'Playfair Display',Georgia,serif;
  font-size:27px;
  color:#fff;
}
.article-form-panel>p{
  margin:0 0 20px;
  color:rgba(244,248,255,.82);
  line-height:1.65;
}
.article-form-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.article-form-grid .full{grid-column:1/-1}
.article-form-panel input,
.article-form-panel select{
  width:100%;
  min-height:48px;
  padding:12px 13px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,.22);
  background:rgba(2,11,24,.66);
  color:#fff;
  font:600 14px 'Manrope',Arial,sans-serif;
  outline:none;
}
.article-form-panel input::placeholder{color:rgba(255,255,255,.62)}
.article-form-panel select option{color:#111;background:#fff}
.article-form-panel input:focus,
.article-form-panel select:focus{
  border-color:#d99a22;
  box-shadow:0 0 0 3px rgba(217,154,34,.16);
}
.article-form-panel .consent{
  display:flex;
  gap:10px;
  align-items:flex-start;
  margin:16px 0;
  color:rgba(244,248,255,.80);
  font-size:12.9px;
  line-height:1.55;
}
.article-form-panel .consent input{
  width:18px;
  min-height:18px;
  height:18px;
  margin-top:2px;
  flex:0 0 auto;
}
.article-form-panel button{
  border:0;
  cursor:pointer;
  font-family:'Manrope',Arial,sans-serif;
}
.article-form-panel button[disabled]{opacity:.65;cursor:wait}
.form-message{
  display:none;
  margin:15px 0 0!important;
  padding:13px 15px;
  border-radius:12px;
  font-size:13.5px;
}
.form-message.success{
  background:rgba(120,220,150,.14);
  border:1px solid rgba(120,220,150,.35);
  color:#d6ffe4;
}
.form-message.error{
  background:rgba(220,90,90,.14);
  border:1px solid rgba(220,90,90,.35);
  color:#ffd6d6;
}
.form-hp{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
}
.related-guides{
  margin:34px auto;
  padding:26px 28px;
  max-width:940px;
  border-radius:20px;
  background:rgba(255,255,255,.045);
  border:1px solid rgba(33,196,220,.22);
}
.related-guides h2{margin-top:0!important}
.related-guides ul{margin-bottom:0}
.related-guides a{color:#ffe39a;text-decoration:underline;text-underline-offset:3px}
.guide-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
  margin:24px 0 42px;
}
.guide-card{
  display:block;
  padding:22px;
  border-radius:20px;
  color:#f8fbff;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid rgba(217,154,34,.28);
  box-shadow:0 16px 38px rgba(0,0,0,.18);
  transition:transform .2s ease,border-color .2s ease;
}
.guide-card:hover{transform:translateY(-3px);border-color:rgba(33,196,220,.55)}
.guide-card small{
  display:block;
  margin-bottom:8px;
  color:#d99a22;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:.6px;
}
.guide-card strong{
  display:block;
  margin-bottom:9px;
  font-size:18px;
  line-height:1.35;
}
.guide-card span{
  display:block;
  color:rgba(244,248,255,.74);
  font-size:14px;
  line-height:1.6;
}
.guide-card em{
  display:block;
  margin-top:14px;
  color:#ffe39a;
  font-style:normal;
  font-weight:800;
}
.comparison-table{
  width:100%;
  border-collapse:collapse;
  margin:22px 0;
  font-size:14px;
}
.comparison-table th,
.comparison-table td{
  padding:13px 14px;
  border:1px solid rgba(255,255,255,.16);
  text-align:left;
  vertical-align:top;
}
.comparison-table th{background:rgba(217,154,34,.14);color:#ffe39a}
.comparison-table td{background:rgba(255,255,255,.025)}
.step-list{counter-reset:steps;list-style:none;padding:0;margin:24px 0}
.step-list li{
  counter-increment:steps;
  position:relative;
  padding:0 0 20px 52px;
  min-height:40px;
}
.step-list li:before{
  content:counter(steps);
  position:absolute;
  left:0;top:0;
  width:34px;height:34px;
  border-radius:50%;
  display:flex;align-items:center;justify-content:center;
  color:#071b3a;
  font-weight:900;
  background:linear-gradient(180deg,#fff4c7,#d99a22);
}
.checklist{
  padding:20px 22px;
  margin:22px 0;
  border-radius:18px;
  background:rgba(33,196,220,.07);
  border:1px solid rgba(33,196,220,.24);
}
.checklist h3{margin-top:0}
.footer-links{flex-wrap:wrap}
@media(max-width:1050px){
  .nav{gap:15px;font-size:13px}
  .brand-logo{min-width:170px}
}
@media(max-width:860px){
  .guide-grid{grid-template-columns:1fr 1fr}
  .brand-logo .brand-text{display:none}
  .brand-logo{min-width:48px}
}
@media(max-width:700px){
  .article-form-grid{grid-template-columns:1fr}
  .article-form-grid .full{grid-column:auto}
  .article-form-panel{padding:22px 17px;margin:28px 0}
  .guide-grid{grid-template-columns:1fr}
}

/* Blog SEO premium — 21/07/2026 */
.home-guides-section{padding-top:24px!important}.home-guides-panel{max-width:1180px;margin:auto;padding:38px;border-radius:28px;background:linear-gradient(145deg,#071b3a,#0d3b70);display:grid;grid-template-columns:.8fr 1.2fr;gap:30px;align-items:center;box-shadow:0 20px 55px rgba(2,15,38,.22)}.home-guides-copy h2{color:#fff!important;margin:10px 0 12px}.home-guides-copy p{color:#d9e7f6}.home-guides-kicker{color:#f3cd76;font-weight:900;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.home-guides-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-guides-cards a{padding:19px;border-radius:18px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;flex-direction:column;min-height:155px;transition:.2s}.home-guides-cards a:hover{transform:translateY(-3px);background:rgba(255,255,255,.15)}.home-guides-cards small{color:#f3cd76;font-weight:900;text-transform:uppercase}.home-guides-cards strong{font-size:17px;line-height:1.25;margin:10px 0}.home-guides-cards span{font-size:13px;color:#cfdded}.seo-related-guides{max-width:1120px;margin:35px auto;padding:0 22px}.seo-related-inner{padding:27px;border-radius:22px;background:#f2f7fd;border:1px solid #d8e5f2;color:#102b50}.seo-related-kicker{font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:#9a6914}.seo-related-guides h2{margin:5px 0 17px!important}.seo-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.seo-related-grid a{padding:15px;border-radius:14px;background:#fff;border:1px solid #dce7f1;color:#0b4f9d;display:flex;flex-direction:column}.seo-related-grid span{font-size:12px;margin-top:7px}.seo-related-all{display:inline-block;margin-top:17px;color:#0b4f9d;font-weight:900}@media(max-width:900px){.home-guides-panel{grid-template-columns:1fr}.home-guides-cards,.seo-related-grid{grid-template-columns:1fr}}@media(max-width:600px){.home-guides-panel{padding:25px 18px}}
