/* Charte — TV / grands écrans (layout charte-ux + legacy)
   Seuils alignés Solcia : FHD lecture 1600+, TV 1920+, ultra 2400+/2200+ */

/* ========== Bureau large (≥1600, souris) ========== */
@media screen and (min-width: 1600px) and (pointer: fine) and (hover: hover) {
  .legal-wrapper {
    max-width: 1480px;
    padding: 32px 28px 56px;
  }

  .charte-ux-shell {
    grid-template-columns: 280px minmax(0, 1fr);
    gap: 22px;
  }

  .charte-ux-top {
    padding: 16px 14px;
    border-radius: 20px;
  }

  .charte-ux-brand {
    font-size: 1.05rem;
  }

  .charte-ux-theme-btn {
    width: 44px;
    height: 44px;
    border-radius: 12px;
  }

  .charte-product-bar div,
  .legal-mode-bar [role="tab"] {
    min-height: 44px;
    padding: 12px 14px;
    font-size: 0.95rem;
  }

  /* Mode Simple/Complet : ne pas gonfler (rail charte-ux) */
  .charte-ux-top .legal-mode-bar [role="tab"] {
    min-height: 0 !important;
    padding: 7px 3px !important;
    font-size: 0.72rem !important;
  }

  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div {
    min-height: 42px;
    padding: 10px 14px;
    font-size: 0.95rem;
  }

  .charte-ux-search input {
    min-height: 46px;
    font-size: 1.05rem;
  }

  .legal-container--simple header h1 {
    font-size: clamp(1.6rem, 1.6vw, 2rem);
  }

  .legal-container--simple .intro-pro,
  .charte-simple-lead,
  .charte-simple-body,
  .charte-simple-body li {
    font-size: 1.12rem;
    line-height: 1.65;
  }

  .charte-ux-quick {
    gap: 14px;
  }

  .charte-ux-quick article {
    padding: 16px 18px;
  }

  .charte-ux-quick strong {
    font-size: 1.05rem;
  }

  .charte-ux-quick span {
    font-size: 0.98rem;
    line-height: 1.45;
  }

  .charte-txt-body {
    font-size: 1.05rem;
    line-height: 1.65;
    max-height: 72vh;
    padding: 16px 18px;
  }

  .charte-txt-body h3 { font-size: 1.2rem; }
  .charte-txt-body h4 { font-size: 1.08rem; }

  .article-body p,
  .article-body li {
    font-size: 1.15rem;
    line-height: 1.75;
  }

  .chapter-header h2 {
    font-size: 1.85rem !important;
  }

  .btn-retour-inside {
    min-height: 44px;
    padding: 10px 18px;
    font-size: 1rem;
  }

  .charte-ux-toplink {
    font-size: 1rem;
    padding: 12px 16px;
  }
}

/* ========== TV FHD / living room (≥1920) — 10-foot UI ========== */
@media screen and (min-width: 1920px) and (min-height: 1000px),
       screen and (min-width: 1920px) and (pointer: coarse),
       screen and (min-width: 1920px) and (hover: none) {
  .legal-wrapper {
    max-width: 1680px;
    padding: 40px 36px 72px;
  }


  header .shield-logo,
  .legal-container--simple header .shield-logo,
  .legal-container header .shield-logo {
    width: 160px !important;
    height: auto !important;
    aspect-ratio: 1 / 1;
    object-fit: contain;
  }

  .charte-ux-shell {
    grid-template-columns: 320px minmax(0, 1fr);
    gap: 28px;
  }

  .charte-ux-top {
    padding: 18px 16px;
    box-shadow: 0 14px 36px rgba(15, 15, 17, 0.2);
  }

  .charte-ux-brand {
    font-size: 1.15rem;
    gap: 12px;
  }

  .charte-ux-theme-btn {
    width: 52px;
    height: 52px;
  }

  .charte-product-bar {
    gap: 6px;
    padding: 6px;
    border-radius: 14px;
  }

  .charte-product-bar div,
  .legal-mode-bar [role="tab"] {
    min-height: 52px;
    padding: 14px 16px;
    font-size: 1.05rem;
    border-radius: 12px;
  }

  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div {
    min-height: 48px;
    padding: 12px 16px;
    font-size: 1.02rem;
    gap: 10px;
  }

  .charte-ux-top .legal-tabs div i,
  #charte-ux-tabs-slot .legal-tabs div i {
    font-size: 1.1rem;
  }

  .charte-ux-search input {
    min-height: 52px;
    font-size: 1.15rem;
    border-radius: 14px;
  }

  .legal-container--simple header {
    padding-top: 8px;
  }

  .legal-container--simple header h1 {
    font-size: clamp(1.85rem, 1.5vw, 2.35rem);
  }

  .legal-container--simple .intro-pro,
  .charte-simple-lead,
  .charte-simple-body,
  .charte-simple-body li,
  .charte-simple-notice {
    font-size: 1.22rem;
    line-height: 1.7;
    max-width: 48rem;
  }

  .charte-ux-quick article {
    padding: 18px 20px;
    border-radius: 14px;
  }

  .charte-ux-quick strong { font-size: 1.15rem; }
  .charte-ux-quick span { font-size: 1.05rem; }

  .charte-txt-body {
    font-size: 1.15rem;
    line-height: 1.7;
    max-height: 68vh;
    padding: 20px 22px;
    border-radius: 16px;
  }

  .charte-txt-body h3 { font-size: 1.35rem; }
  .charte-txt-body h4 { font-size: 1.18rem; }

  .charte-topic-block summary,
  details.charte-topic-block > summary {
    font-size: 1.15rem;
    min-height: 48px;
    padding: 14px 16px;
  }

  .legal-content {
    padding-left: 28px;
    padding-right: 28px;
  }

  .article-body p,
  .article-body li {
    font-size: 1.28rem;
    line-height: 1.85;
  }

  .chapter-header h2 {
    font-size: 2.1rem !important;
  }

  .legal-pillars {
    gap: 18px;
    padding: 28px 20px;
  }

  .legal-pillars .pillar-card {
    min-height: 120px;
    padding: 20px 16px;
  }

  .legal-pillars .pillar-card h3 {
    font-size: 1.15rem;
  }

  .legal-pillars .pillar-card p {
    font-size: 1rem !important;
  }

  .btn-retour-inside {
    min-height: 52px;
    padding: 12px 22px;
    font-size: 1.1rem;
  }

  .charte-ux-toplink {
    bottom: 28px;
    font-size: 1.1rem;
    padding: 14px 20px;
  }

  /* Focus TV / télécommande */
  .charte-ux-top [role="tab"]:focus-visible,
  .charte-product-bar [role="tab"]:focus-visible,
  .legal-mode-bar [role="tab"]:focus-visible,
  .pillar-card:focus-visible,
  .btn-retour-inside:focus-visible,
  .charte-ux-theme-btn:focus-visible,
  .charte-ux-search input:focus-visible {
    outline: 3px solid #492e1c;
    outline-offset: 3px;
  }
}

/* ========== Ultra / 4K TV (≥2400) — upscale lecture ========== */
@media screen and (min-width: 2400px) {
  .legal-wrapper {
    max-width: 1980px;
    padding: 56px 48px 96px;
  }

  .charte-ux-shell {
    grid-template-columns: 360px minmax(0, 1fr);
    gap: 36px;
  }

  .charte-ux-brand { font-size: 1.3rem; }

  .charte-product-bar div,
  .legal-mode-bar [role="tab"] {
    min-height: 58px;
    font-size: 1.15rem;
    padding: 16px 18px;
  }

  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div {
    min-height: 54px;
    font-size: 1.12rem;
    padding: 14px 18px;
  }

  .charte-ux-search input {
    min-height: 58px;
    font-size: 1.25rem;
  }

  .legal-container--simple header h1 {
    font-size: clamp(2.1rem, 1.4vw, 2.7rem);
  }

  .legal-container--simple .intro-pro,
  .charte-simple-lead,
  .charte-simple-body,
  .charte-simple-body li {
    font-size: 1.35rem;
    line-height: 1.75;
    max-width: 52rem;
  }

  .charte-txt-body {
    font-size: 1.28rem;
    line-height: 1.75;
    max-height: 66vh;
  }

  .article-body p,
  .article-body li {
    font-size: 1.4rem;
    line-height: 1.9;
  }

  .chapter-header h2 {
    font-size: 2.4rem !important;
  }

  .legal-content {
    padding-left: 48px;
    padding-right: 48px;
  }
}

/* ========== Legacy monolithe (≥2200) — ancien layout technique ========== */
@media screen and (min-width: 2200px) {
  .legal-wrapper:not(:has(.charte-ux-shell)) {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    min-height: 100vh;
    padding: 80px 40px 100px;
    box-sizing: border-box;
  }

  .legal-tabs {
    gap: 20px;
    margin-bottom: 50px;
    padding: 14px 20px;
    border-radius: 18px;
  }

  .legal-tabs div {
    padding: 18px 36px;
    font-size: 1.2rem;
    border-radius: 12px;
    gap: 15px;
  }

  .legal-tabs div i {
    font-size: 1.5rem;
  }

  .legal-container {
    border-radius: 24px;
  }

  .legal-pillars {
    grid-template-columns: repeat(5, 1fr);
    gap: 20px;
    padding: 40px 30px;
  }

  .legal-pillars .pillar-card {
    padding: 24px 18px;
    border-radius: 16px;
  }

  .legal-pillars .pillar-card i {
    font-size: 1.9rem;
  }

  .legal-pillars .pillar-card h3 {
    font-size: 1.2rem;
  }

  .legal-chapter {
    padding: 40px;
    border-radius: 18px;
  }

  .chapter-header span {
    font-size: 1rem;
    letter-spacing: 5px;
  }
}

/* ========== Simulateur ?tv=1 / data-solcia-tv="1" ========== */
html[data-solcia-tv="1"] header .shield-logo,
html[data-solcia-tv="1"] .legal-container--simple header .shield-logo {
  width: 160px !important;
  height: auto !important;
  aspect-ratio: 1 / 1;
  object-fit: contain;
}

html[data-solcia-tv="1"] .legal-wrapper {
  max-width: 1680px;
  padding: 40px 36px 72px;
}

html[data-solcia-tv="1"] .charte-ux-shell {
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 28px;
}

html[data-solcia-tv="1"] .charte-ux-brand {
  font-size: 1.15rem;
}

html[data-solcia-tv="1"] .charte-ux-theme-btn {
  width: 52px;
  height: 52px;
}

html[data-solcia-tv="1"] .charte-product-bar div,
html[data-solcia-tv="1"] .legal-mode-bar [role="tab"],
html[data-solcia-tv="1"] .charte-ux-top .legal-tabs div,
html[data-solcia-tv="1"] #charte-ux-tabs-slot .legal-tabs div {
  min-height: 52px;
  padding: 14px 16px;
  font-size: 1.05rem;
}

html[data-solcia-tv="1"] .charte-ux-search input {
  min-height: 52px;
  font-size: 1.15rem;
}

html[data-solcia-tv="1"] .legal-container--simple header h1 {
  font-size: 2.35rem !important;
}

html[data-solcia-tv="1"] .legal-container--simple .intro-pro,
html[data-solcia-tv="1"] .charte-simple-lead,
html[data-solcia-tv="1"] .charte-simple-body,
html[data-solcia-tv="1"] .charte-simple-body li {
  font-size: 1.35rem !important;
  line-height: 1.75;
}

html[data-solcia-tv="1"] .charte-txt-body {
  font-size: 1.15rem;
  line-height: 1.7;
  max-height: 68vh;
}

html[data-solcia-tv="1"] .article-body p,
html[data-solcia-tv="1"] .article-body li {
  font-size: 1.28rem;
  line-height: 1.85;
}

html[data-solcia-tv="1"] .chapter-header h2 {
  font-size: 2.1rem !important;
}

html[data-solcia-tv="1"] .btn-retour-inside {
  min-height: 52px;
  padding: 12px 22px;
  font-size: 1.1rem;
}

html[data-solcia-tv="1"] .charte-ux-top [role="tab"]:focus-visible,
html[data-solcia-tv="1"] .charte-product-bar [role="tab"]:focus-visible,
html[data-solcia-tv="1"] .legal-mode-bar [role="tab"]:focus-visible {
  outline: 3px solid #492e1c;
  outline-offset: 3px;
}

/* Smart TV : pointeur grossier même sous 1920 */
@media screen and (min-width: 1280px) and (pointer: coarse) {
  .charte-product-bar div,
  .legal-mode-bar [role="tab"],
  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div,
  .btn-retour-inside {
    min-height: 48px;
  }

  .charte-ux-search input {
    min-height: 48px;
    font-size: 1.08rem;
  }

  .charte-simple-body,
  .charte-simple-lead,
  .article-body p {
    font-size: 1.15rem;
    line-height: 1.7;
  }
}

/* ========== Sticky nav TV (évite fixed JS + overscan) ========== */
@media screen and (min-width: 1920px) {
  .charte-ux-nav-slot {
    position: sticky;
    top: 24px;
    align-self: start;
    z-index: 40;
  }
  .charte-ux-top {
    position: relative !important;
    left: auto !important;
    width: 100% !important;
    top: auto !important;
  }
  .legal-wrapper {
    /* zone sûre TV (overscan ~3%) */
    padding-left: max(36px, 3vw);
    padding-right: max(36px, 3vw);
  }
}

html[data-solcia-tv="1"] .charte-ux-nav-slot {
  position: sticky;
  top: 24px;
  align-self: start;
  z-index: 40;
}
html[data-solcia-tv="1"] .charte-ux-top {
  position: relative !important;
  left: auto !important;
  width: 100% !important;
  top: auto !important;
}
html[data-solcia-tv="1"] .legal-wrapper {
  max-width: 1680px;
  padding: max(40px, 3vh) max(36px, 3vw) 72px;
}
html[data-solcia-tv="1"] .charte-ux-shell {
  grid-template-columns: 320px minmax(0, 1fr);
  gap: 28px;
}
html[data-solcia-tv="1"] .charte-product-bar div,
html[data-solcia-tv="1"] .legal-mode-bar [role="tab"],
html[data-solcia-tv="1"] .charte-ux-top .legal-tabs div,
html[data-solcia-tv="1"] #charte-ux-tabs-slot .legal-tabs div {
  min-height: 52px;
  padding: 14px 16px;
  font-size: 1.05rem;
}
html[data-solcia-tv="1"] .charte-ux-search input {
  min-height: 52px;
  font-size: 1.15rem;
}
html[data-solcia-tv="1"] .legal-container--simple header h1 {
  font-size: clamp(1.85rem, 1.5vw, 2.35rem);
}
html[data-solcia-tv="1"] .charte-simple-body,
html[data-solcia-tv="1"] .charte-simple-lead,
html[data-solcia-tv="1"] .article-body p {
  font-size: 1.22rem;
  line-height: 1.7;
}
html[data-solcia-tv="1"] .charte-txt-body {
  font-size: 1.15rem;
  line-height: 1.7;
  max-height: 68vh;
}

/* Smart TV / télécommande même sous 1920 CSS px */
@media screen and (min-width: 1280px) and (min-height: 700px) and (pointer: coarse),
       screen and (min-width: 1280px) and (min-height: 700px) and (hover: none) {
  .legal-wrapper {
    max-width: min(1680px, 94vw);
    padding: max(28px, 3vh) max(24px, 3vw) 64px;
  }
  .charte-ux-shell {
    grid-template-columns: minmax(260px, 300px) minmax(0, 1fr);
    gap: 22px;
  }
  .charte-ux-nav-slot {
    position: sticky;
    top: 20px;
    align-self: start;
  }
  .charte-product-bar div,
  .legal-mode-bar [role="tab"],
  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div,
  .btn-retour-inside {
    min-height: 52px;
  }
  .charte-ux-search input {
    min-height: 52px;
    font-size: 1.12rem;
  }
  .legal-container--simple header h1 {
    font-size: clamp(1.7rem, 2.2vw, 2.2rem);
  }
  .charte-simple-body,
  .charte-simple-lead,
  .article-body p,
  .charte-txt-body {
    font-size: 1.18rem;
    line-height: 1.7;
  }
}

@media screen and (min-width: 2400px) {
  .legal-wrapper { max-width: 1980px !important; }
  .charte-ux-shell { grid-template-columns: 360px minmax(0, 1fr) !important; }
}

/* ========== FORCE TV : charte-mode / container / top (casse le plafond thème 950px) ========== */
@media screen and (min-width: 1600px) {
  .charte-mode,
  .charte-mode.charte-mode--active {
    max-width: none !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  .legal-container,
  .legal-container--simple {
    max-width: none !important;
    width: 100% !important;
  }
}

@media screen and (min-width: 1920px) {
  .charte-mode,
  .charte-mode.charte-mode--active {
    max-width: none !important;
    width: 100% !important;
  }
  .legal-container,
  .legal-container--simple {
    max-width: none !important;
    width: 100% !important;
    border-radius: 24px;
    padding-bottom: 28px;
  }
  .charte-ux-top {
    padding: 22px 18px !important;
    border-radius: 22px !important;
    font-size: 1.1rem !important;
  }
  .charte-ux-brand {
    font-size: 1.25rem !important;
  }
  .charte-ux-theme-btn {
    width: 56px !important;
    height: 56px !important;
  }
  .charte-product-bar div,
  .legal-mode-bar [role="tab"] {
    min-height: 56px !important;
    padding: 14px 16px !important;
    font-size: 1.1rem !important;
  }
  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div {
    min-height: 52px !important;
    padding: 12px 16px !important;
    font-size: 1.08rem !important;
  }
  .charte-ux-search input {
    min-height: 56px !important;
    font-size: 1.2rem !important;
  }
  .legal-container--simple header h1,
  #simple-main-title {
    font-size: clamp(2rem, 1.6vw, 2.55rem) !important;
  }
  .legal-container--simple .intro-pro,
  .charte-simple-lead,
  .charte-simple-body,
  .charte-simple-body li,
  .charte-simple-notice,
  .charte-ux-quick span {
    font-size: 1.28rem !important;
    line-height: 1.7 !important;
    max-width: none !important;
  }
  .charte-simple-body {
    padding-left: 28px !important;
    padding-right: 28px !important;
  }
  .charte-txt-body {
    font-size: 1.22rem !important;
    line-height: 1.7 !important;
    max-height: 68vh !important;
  }
  .charte-ux-quick {
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 16px !important;
  }
  .charte-ux-quick article {
    padding: 20px !important;
  }
  .charte-ux-quick strong {
    font-size: 1.2rem !important;
  }
  .btn-retour-inside {
    min-height: 52px !important;
    font-size: 1.1rem !important;
    padding: 12px 22px !important;
  }
}

@media screen and (min-width: 2400px) {
  .charte-ux-shell {
    grid-template-columns: 400px minmax(0, 1fr) !important;
    gap: 40px !important;
  }
  .charte-ux-top {
    padding: 26px 20px !important;
  }
  .charte-ux-brand {
    font-size: 1.4rem !important;
  }
  .charte-product-bar div,
  .legal-mode-bar [role="tab"],
  .charte-ux-top .legal-tabs div,
  #charte-ux-tabs-slot .legal-tabs div {
    min-height: 60px !important;
    font-size: 1.18rem !important;
  }
  .legal-container--simple header h1,
  #simple-main-title {
    font-size: clamp(2.3rem, 1.5vw, 3rem) !important;
  }
  .legal-container--simple .intro-pro,
  .charte-simple-lead,
  .charte-simple-body,
  .charte-simple-body li,
  .charte-txt-body {
    font-size: 1.4rem !important;
    line-height: 1.75 !important;
  }
  .charte-simple-body {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
}

html[data-solcia-tv="1"] .charte-mode,
html[data-solcia-tv="1"] .charte-mode.charte-mode--active,
html[data-solcia-tv="1"] .legal-container,
html[data-solcia-tv="1"] .legal-container--simple {
  max-width: none !important;
  width: 100% !important;
}
html[data-solcia-tv="1"] .charte-ux-top {
  padding: 22px 18px !important;
  font-size: 1.1rem !important;
}
html[data-solcia-tv="1"] .charte-ux-brand {
  font-size: 1.25rem !important;
}
html[data-solcia-tv="1"] .legal-container--simple header h1,
html[data-solcia-tv="1"] #simple-main-title {
  font-size: clamp(2rem, 1.6vw, 2.55rem) !important;
}
html[data-solcia-tv="1"] .charte-simple-body,
html[data-solcia-tv="1"] .charte-simple-lead,
html[data-solcia-tv="1"] .charte-txt-body {
  font-size: 1.28rem !important;
  line-height: 1.7 !important;
  max-width: none !important;
}


/* ========== TV 10-foot (tv14) — 2 colonnes, plus grand / lisible ========== */
html[data-solcia-tv="1"] .legal-wrapper {
  max-width: min(1980px, 94vw) !important;
  margin-left: auto !important;
  margin-right: auto !important;
  padding: max(48px, 3.5vh) max(40px, 3vw) 80px !important;
  font-size: 18px !important;
}

html[data-solcia-tv="1"] .charte-ux-shell {
  grid-template-columns: 400px minmax(0, 1fr) !important;
  gap: 36px !important;
  align-items: start !important;
}

html[data-solcia-tv="1"] .charte-ux-nav-slot {
  position: sticky !important;
  top: 28px !important;
  align-self: start !important;
  max-height: calc(100vh - 56px) !important;
  overflow-x: hidden !important;
  overflow-y: auto !important;
  scrollbar-width: thin;
}

html[data-solcia-tv="1"] .charte-ux-top {
  position: relative !important;
  left: auto !important;
  top: auto !important;
  width: 100% !important;
  padding: 22px 20px !important;
  border-radius: 22px !important;
}

html[data-solcia-tv="1"] .charte-ux-nav-toggle {
  min-height: 64px !important;
  padding: 14px 18px !important;
  border-radius: 14px !important;
}

html[data-solcia-tv="1"] .charte-ux-nav-toggle .charte-ux-brand,
html[data-solcia-tv="1"] .charte-ux-brand {
  font-size: 1.45rem !important;
}

html[data-solcia-tv="1"] .charte-ux-nav-arrow {
  font-size: 1.35rem !important;
}

html[data-solcia-tv="1"] .charte-product-bar {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
  padding: 8px !important;
}

html[data-solcia-tv="1"] .charte-product-bar div,
html[data-solcia-tv="1"] .legal-mode-bar [role="tab"] {
  min-height: 64px !important;
  padding: 16px 18px !important;
  font-size: 1.25rem !important;
  border-radius: 14px !important;
}

html[data-solcia-tv="1"] .charte-ux-search input {
  min-height: 64px !important;
  font-size: 1.3rem !important;
  border-radius: 16px !important;
  padding: 14px 18px !important;
}

html[data-solcia-tv="1"] .charte-ux-top .legal-tabs,
html[data-solcia-tv="1"] #charte-ux-tabs-slot .legal-tabs {
  display: grid !important;
  grid-template-columns: 1fr !important;
  gap: 10px !important;
}

html[data-solcia-tv="1"] .charte-ux-top .legal-tabs div,
html[data-solcia-tv="1"] #charte-ux-tabs-slot .legal-tabs div {
  min-height: 60px !important;
  padding: 14px 18px !important;
  font-size: 1.2rem !important;
  gap: 12px !important;
  border-radius: 14px !important;
}

html[data-solcia-tv="1"] .charte-ux-top .legal-tabs div i,
html[data-solcia-tv="1"] #charte-ux-tabs-slot .legal-tabs div i {
  font-size: 1.35rem !important;
}

html[data-solcia-tv="1"] .charte-ux-top .tab-text {
  display: inline !important;
}
html[data-solcia-tv="1"] .charte-ux-top .tab-text-short {
  display: none !important;
}

html[data-solcia-tv="1"] header .shield-logo,
html[data-solcia-tv="1"] .legal-container--simple header .shield-logo,
html[data-solcia-tv="1"] .legal-container header .shield-logo {
  width: 200px !important;
  height: auto !important;
}

html[data-solcia-tv="1"] .legal-container--simple header h1,
html[data-solcia-tv="1"] #simple-main-title {
  font-size: clamp(2.2rem, 2vw, 2.9rem) !important;
  line-height: 1.2 !important;
}

html[data-solcia-tv="1"] .legal-container--simple .intro-pro,
html[data-solcia-tv="1"] .charte-simple-lead,
html[data-solcia-tv="1"] .charte-simple-body,
html[data-solcia-tv="1"] .charte-simple-body li,
html[data-solcia-tv="1"] .charte-simple-notice {
  font-size: 1.45rem !important;
  line-height: 1.75 !important;
  max-width: none !important;
}

html[data-solcia-tv="1"] .charte-ux-quick article {
  padding: 22px 24px !important;
  border-radius: 16px !important;
}

html[data-solcia-tv="1"] .charte-ux-quick strong {
  font-size: 1.35rem !important;
}

html[data-solcia-tv="1"] .charte-ux-quick span {
  font-size: 1.2rem !important;
  line-height: 1.55 !important;
}

html[data-solcia-tv="1"] .charte-txt-body {
  font-size: 1.35rem !important;
  line-height: 1.75 !important;
  max-height: 70vh !important;
  padding: 22px 24px !important;
}

html[data-solcia-tv="1"] .charte-topic-block > summary,
html[data-solcia-tv="1"] details.charte-topic-block > summary {
  min-height: 64px !important;
  padding: 18px 20px !important;
  font-size: 1.3rem !important;
}

html[data-solcia-tv="1"] .charte-checklist li,
html[data-solcia-tv="1"] .charte-topic-block li {
  font-size: 1.3rem !important;
  line-height: 1.65 !important;
  margin: 0.4em 0 !important;
}

html[data-solcia-tv="1"] .article-body p,
html[data-solcia-tv="1"] .article-body li {
  font-size: 1.4rem !important;
  line-height: 1.85 !important;
}

html[data-solcia-tv="1"] .chapter-header h2 {
  font-size: 2.4rem !important;
}

html[data-solcia-tv="1"] .btn-retour-inside {
  min-height: 60px !important;
  padding: 14px 24px !important;
  font-size: 1.25rem !important;
}

html[data-solcia-tv="1"] .charte-ux-toplink {
  font-size: 1.25rem !important;
  padding: 16px 22px !important;
}

@media screen and (min-width: 2400px) {
  html[data-solcia-tv="1"] .legal-wrapper {
    max-width: min(2300px, 94vw) !important;
    font-size: 20px !important;
  }
  html[data-solcia-tv="1"] .charte-ux-shell {
    grid-template-columns: 460px minmax(0, 1fr) !important;
    gap: 44px !important;
  }
  html[data-solcia-tv="1"] .charte-product-bar div,
  html[data-solcia-tv="1"] .legal-mode-bar [role="tab"],
  html[data-solcia-tv="1"] .charte-ux-top .legal-tabs div {
    min-height: 72px !important;
    font-size: 1.35rem !important;
  }
  html[data-solcia-tv="1"] .legal-container--simple header h1,
  html[data-solcia-tv="1"] #simple-main-title {
    font-size: clamp(2.6rem, 1.8vw, 3.2rem) !important;
  }
  html[data-solcia-tv="1"] .charte-simple-body,
  html[data-solcia-tv="1"] .charte-simple-lead,
  html[data-solcia-tv="1"] .charte-txt-body {
    font-size: 1.55rem !important;
  }
}