.skip-link {
  position: fixed;
  top: 8px;
  left: 8px;
  z-index: 10000;
  padding: .75rem 1rem;
  color: #fff;
  background: #111;
  border: 2px solid #f5cc00;
  border-radius: 8px;
  font-weight: 800;
  transform: translateY(-150%);
  transition: transform .18s ease;
}

.skip-link:focus {
  transform: translateY(0);
}

.seo-link-note {
  padding-top: 1.75rem;
  padding-bottom: 1.75rem;
}

.seo-link-note p {
  max-width: 920px;
  margin-bottom: 0;
}

.seo-link-note a {
  text-decoration: underline;
  text-decoration-thickness: .1em;
  text-underline-offset: .18em;
}

@media (prefers-reduced-motion: reduce) {
  .skip-link {
    transition: none;
  }
}

/* Keep product choices visible in the first screen on editorial landing pages. */
.dc-hero { padding-top: 22px; padding-bottom: 34px; }
.dc-hero .dc-crumb { margin-bottom: 16px; }
.dc-hero .dc-grid { gap: 32px; }
.dc-hero .dc-grid h1 { font-size: clamp(31px, 3.25vw, 46px); line-height: 1.13; letter-spacing: -.035em; margin-bottom: 16px; }
.dc-hero .dc-intro { font-size: clamp(18px, 1.65vw, 21px); line-height: 1.48; }
.dc-hero .dc-grid img { max-height: 315px; }
.dc-hero .dc-points { margin-top: 22px; padding-top: 16px; }
.auto-hero { padding-bottom: 38px; }
.auto-hero h1 { font-size: clamp(32px, 3.3vw, 46px); }
.hero-visual { min-width: 0; }
.hero-subnav { margin: 14px 0 0; padding: 0; border: 0; }
.hero-subnav-title { margin-bottom: 10px !important; font-size: 13px !important; }
.hero-subnav-links { gap: 8px; }
.hero-subnav-link { min-height: 44px; padding: 7px 13px 7px 8px; font-size: 15px; }
.hero-subnav-plus { width: 28px; height: 28px; flex-basis: 28px; font-size: 19px; }
.budget-page .hero-subnav-title { color: #20211f !important; }
.budget-page .dc-hero a:not(.button):not(.hero-subnav-link) { color: #20211f; text-decoration-color: currentColor; }
.broker-advice { padding-top: 54px; padding-bottom: 54px; }
.broker-advice h2 { max-width: 850px; font-size: clamp(27px, 3vw, 40px); }
.broker-advice p { max-width: 950px; line-height: 1.7; }
.broker-advice a { text-decoration: underline; text-underline-offset: .18em; }
.insurance-header .product-nav-pro[aria-current="page"] { background: #4d2b2b; color: #fff; outline: 2px solid #ff5555; outline-offset: -2px; }
@media(max-width:700px) {
  .dc-hero { padding-top: 18px; padding-bottom: 28px; }
  .dc-hero .dc-grid h1 { font-size: clamp(29px, 7vw, 38px); }
  .hero-visual { max-width: 440px; }
  .hero-subnav-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hero-subnav-link { min-width: 0; padding-right: 9px; }
}
@media(max-width:460px) {
  .hero-subnav-links { grid-template-columns: repeat(2, minmax(0,1fr)); }
  .hero-subnav-link { font-size: 13px; }
  .hero-subnav-plus { width: 24px; height: 24px; flex-basis: 24px; font-size: 17px; }
}

/* Tables de comparaison intégrées aux sections éditoriales, octobre 2026. */
.gsc-table-wrap{max-width:100%;overflow-x:auto;margin:24px 0;scroll-margin-top:120px;border:1px solid #dce0dd;border-radius:12px;background:#fff;color:#20211f}
.gsc-table-wrap:focus-visible{outline:3px solid #c73432;outline-offset:4px}
.gsc-comparison{width:100%;border-collapse:collapse;min-width:530px;font-size:1rem;line-height:1.55;text-align:left}
.gsc-comparison th,.gsc-comparison td{padding:15px 18px;vertical-align:top;border-bottom:1px solid #e3e6e3;color:#20211f;background:#fff}
.gsc-comparison thead th{background:#f1f3f1;font-weight:700}
.gsc-comparison tbody th{width:29%;font-weight:650}
.gsc-comparison tr:last-child>*{border-bottom:0}

/* Visible editorial publisher, below the hero on both screen sizes. */
.editorial-publisher{font-size:.9rem;line-height:1.55;color:#505852;margin-top:20px;margin-bottom:20px}
.editorial-publisher a{color:inherit;text-decoration:underline;text-underline-offset:.18em}
