/* Catégories éditoriales — navigation des trois rubriques. */
.gt-editorial-tabs {
  --gt-editorial-gutter: clamp(28px, 6vw, 110px);
  box-sizing: border-box;
  position: relative;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  width: 100%;
  margin: 8px 0 clamp(32px, 4vw, 52px);
}
/* Seuls les traits dépassent de la colonne de contenu : pas les boutons. */
.gt-editorial-tabs::before,
.gt-editorial-tabs::after {
  content: '';
  position: absolute;
  left: calc(-1 * var(--gt-editorial-gutter));
  right: calc(-1 * var(--gt-editorial-gutter));
  height: 2px;
  background: #111;
  pointer-events: none;
}
.gt-editorial-tabs::before { top: 0; }
.gt-editorial-tabs::after { bottom: 0; }
.gt-editorial-tab {
  position: relative;
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 5px;
  padding: 20px 47px 20px clamp(15px, 2.5vw, 31px);
  color: #111;
  text-decoration: none;
  background: transparent;
  transition: background-color .18s ease, color .18s ease;
}
.gt-editorial-tab + .gt-editorial-tab { border-left: 1px solid #1115; }
.gt-editorial-tab:hover,
.gt-editorial-tab:focus-visible,
.gt-editorial-tab.is-active { background: #8a312c; color: #fff; }
.gt-editorial-tab:focus-visible { outline: 3px solid #110839; outline-offset: -4px; }
.gt-editorial-tab-title { font: 900 clamp(15px,1.55vw,22px)/1.12 Impact,'Arial Narrow',Arial,sans-serif; letter-spacing: .01em; overflow-wrap: anywhere; }
.gt-editorial-tab-desc { font: 500 clamp(12px,.95vw,15px)/1.35 Arial,Helvetica,sans-serif; }
.gt-editorial-tab-arrow { position: absolute; right: 20px; top: calc(50% - 12px); font: 900 22px/1 Arial,sans-serif; }

/* Entête des catégories — les DEUX lignes utilisent la police Punk. */
.gt-category-heading .gt-category-eyebrow { font: 900 12px/1.3 Arial,sans-serif; letter-spacing: .055em; margin: 0 0 20px; }
.gt-category-heading .gt-category-eyebrow a { text-decoration: none; color: #8a312c; }
.gt-category-heading .gt-category-eyebrow a:hover { text-decoration: underline; }
.gt-stories-category-page .gt-category-heading .gt-page-title__heading {
  gap: clamp(4px, .65vw, 9px);
  line-height: 1;
  max-width: 100%;
}
.gt-stories-category-page .gt-category-heading .gt-page-title__first,
.gt-stories-category-page .gt-category-heading .gt-page-title__second {
  margin: 0;
  padding: 0;
  font: 400 clamp(43px, 6.8vw, 105px)/.92 'GastonPunk', Impact, sans-serif;
  letter-spacing: -.045em;
  overflow-wrap: anywhere;
  transform-origin: left center;
}
.gt-stories-category-page .gt-category-heading .gt-page-title__first {
  color: #111;
  transform: rotate(-2deg);
}
.gt-stories-category-page .gt-category-heading .gt-page-title__second {
  color: #a52e2c;
  transform: rotate(-3deg);
}
.gt-category-heading .gt-category-subtitle { font: 700 clamp(15px,1.6vw,20px)/1.4 Arial,sans-serif; margin: 18px 0 0; }

/* Même grille, même cartes et même responsive que la page Histoires d'encre. */
.gt-stories-category-page .gt-stories-grid { margin-top: 12px; }

/* L'article Soins conserve ses blocs de consignes. */
.single-post .gt-story-body .gt-care-page { width: 100%; max-width: 100%; }
.single-post .gt-story-body .gt-care-content { padding-top: 12px; }

@media (max-width: 700px) {
  .gt-editorial-tabs {
    --gt-editorial-gutter: 20px;
    grid-template-columns: minmax(0, 1fr);
    margin: 2px 0 30px;
  }
  .gt-editorial-tab { padding: 13px 42px 13px 16px; gap: 3px; min-height: 65px; }
  .gt-editorial-tab + .gt-editorial-tab { border-left: 0; border-top: 1px solid #1115; }
  .gt-editorial-tab-title { font-size: 20px; }
  .gt-editorial-tab-desc { font-size: 13px; }
  .gt-editorial-tab-arrow { right: 14px; }
  .gt-stories-category-page .gt-category-heading { gap: 8px; padding-inline: 0; }
  .gt-stories-category-page .gt-category-heading .gt-page-title__logo { flex: 0 0 48px; }
  .gt-stories-category-page .gt-category-heading .gt-page-title__first,
  .gt-stories-category-page .gt-category-heading .gt-page-title__second { font-size: clamp(32px, 9vw, 50px); }
  .gt-category-heading .gt-category-eyebrow { font-size: 11px; margin-bottom: 16px; }
}
@media (prefers-reduced-motion: reduce) {
  .gt-editorial-tab { transition: none; }
}