/* DebridTap : mise en page des pages propres (en-tête, pied, accueil, tarifs, compte, recharge,
   textes, retours de paiement, 404), charte « Jeton ». Compose les composants dtk- de
   components.css et ne lit que les jetons de tokens.css : aucune valeur de couleur ni de police
   ici. Référence visuelle : docs/debridtap/maquette-2026-09-28/. Règles : brands/dt/DESIGN.md. */

[hidden] { display: none !important; }
:where(.dtk-page main) { display: block; }
:where(.dtk-page main p) { margin-top: 0; }
.dtk-btn svg { flex: none; }

/* ---- En-tête et tiroir de navigation ---- */
.dtk-header {
  position: relative; z-index: 30;
  background: var(--dt-page); color: var(--dt-ink);
  font: var(--dt-weight-body) var(--dt-fs-body)/var(--dt-lh-body) var(--dt-font-body);
}
.dtk-header *, .dtk-footer *, .dtk-notices * { box-sizing: border-box; }
.dtk-header a:not(.dtk-btn):not(.dtk-balance) { color: inherit; }
.dtk-drawer { display: flex; align-items: center; gap: var(--dt-space-6); }
.dtk-nav .dtk-nav-cta { min-height: 46px; padding: 0 24px; }
.dtk-nav .dtk-balance { min-height: 40px; }
.dtk-tools { display: flex; align-items: center; gap: var(--dt-space-3); }
.dtk-langs { display: flex; gap: var(--dt-space-1); margin: 0; font: var(--dt-weight-label) var(--dt-fs-small)/1 var(--dt-font-body); }
.dtk-langs a { padding: var(--dt-space-2) 6px; text-decoration: none; }
.dtk-langs a[aria-current="true"] { text-decoration: underline; text-decoration-thickness: 3px; text-underline-offset: 6px; text-decoration-color: var(--dt-sun); }
.dtk-theme { min-height: 40px; width: 40px; padding: 0; border-radius: var(--dt-radius-pill); }
.dtk-theme .dtk-theme-light { display: none; }
:root[data-theme="dark"] .dtk-theme .dtk-theme-light { display: block; }
:root[data-theme="dark"] .dtk-theme .dtk-theme-dark { display: none; }
.dtk-burger {
  display: none; align-items: center; justify-content: center; width: 48px; height: 48px; padding: 0;
  border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-xs);
  background: var(--dt-surface); color: var(--dt-ink); cursor: pointer;
}
.dtk-veil { position: fixed; inset: 0; z-index: 35; background: var(--dt-lift-color); opacity: 0.4; }

@media (max-width: 860px) {
  .dtk-burger { display: inline-flex; }
  .dtk-drawer {
    position: fixed; top: 0; right: 0; bottom: 0; z-index: 40;
    width: min(320px, 84vw); padding: var(--dt-space-8) var(--dt-space-5) var(--dt-space-5);
    flex-direction: column; align-items: stretch; justify-content: space-between; gap: var(--dt-space-6);
    background: var(--dt-surface); border-left: var(--dt-stroke) solid var(--dt-line);
    transform: translateX(100%); visibility: hidden;
    transition: transform var(--dt-dur-short) var(--dt-ease-out), visibility var(--dt-dur-short) linear;
    overflow-y: auto;
  }
  .dtk-drawer.is-open { transform: none; visibility: visible; }
  .dtk-drawer .dtk-nav { flex-direction: column; align-items: stretch; gap: 0; }
  .dtk-drawer .dtk-nav a:not(.dtk-btn):not(.dtk-balance) { display: block; padding: 14px 0; border-bottom: var(--dt-stroke-thin) solid var(--dt-zone); }
  .dtk-drawer .dtk-nav .dtk-balance { margin: var(--dt-space-3) 0; }
  .dtk-drawer .dtk-nav .dtk-btn { width: 100%; margin-top: var(--dt-space-4); }
  .dtk-tools { justify-content: space-between; }
  .dtk-locked, .dtk-locked body { overflow: hidden; }
}

/* ---- Messages de page ---- */
.dtk-notices:empty { display: none; }
.dtk-notices { padding-top: var(--dt-space-3); padding-bottom: var(--dt-space-3); }
.dtk-alert-body { flex: 1; min-width: 0; }
.dtk-alert-body > span { display: block; }
.dtk-alert-actions { display: flex; flex-wrap: wrap; gap: var(--dt-space-3); margin: var(--dt-space-4) 0 0; }
.dtk-close { flex: none; padding: var(--dt-space-1); border: 0; border-radius: var(--dt-radius-xs); background: transparent; color: inherit; cursor: pointer; }

/* ---- Pied de page : le jeton assis sur le trait d'encre ---- */
.dtk-footer {
  position: relative; margin-top: var(--dt-space-9); padding: var(--dt-space-8) 0 var(--dt-space-6);
  border-top: var(--dt-stroke-bold) solid var(--dt-line);
  background: var(--dt-page); color: var(--dt-ink);
  font: var(--dt-weight-body) var(--dt-fs-small)/var(--dt-lh-body) var(--dt-font-body);
}
.dtk-footer-perch { position: absolute; top: -58px; left: 50%; transform: translateX(-50%); line-height: 0; }
.dtk-footer a:not(.dtk-btn) { color: inherit; font-weight: var(--dt-weight-strong); }
.dtk-footer a.dtk-logo { font-weight: 400; }
.dtk-footer-inner { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--dt-space-4) var(--dt-space-6); }
.dtk-footer-brand { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-3) var(--dt-space-5); }
.dtk-footer-copy { margin: 0; }
.dtk-footer-links { display: flex; flex-wrap: wrap; gap: var(--dt-space-3) var(--dt-space-5); list-style: none; margin: 0; padding: 0; }
.dtk-footer-links a { text-decoration: underline; }

/* ---- Têtes de page et pages seules (404, retours de paiement) ---- */
.dtk-page-head { padding: var(--dt-space-7) 0 var(--dt-space-6); }
.dtk-page-head .dtk-lead { margin-bottom: var(--dt-space-4); }
.dtk-lone {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--dt-space-6);
  min-height: 56vh; padding-top: var(--dt-space-8); padding-bottom: var(--dt-space-6);
}
.dtk-lone-art { display: grid; place-items: center; }
.dtk-lone .dtk-h1 { font-size: var(--dt-fs-h2); }
.dtk-lone-actions { display: flex; flex-wrap: wrap; gap: var(--dt-space-3); margin: var(--dt-space-5) 0 0; }
.dtk-notes { display: grid; gap: var(--dt-space-3); list-style: none; margin: var(--dt-space-5) 0 0; padding: 0; font-size: var(--dt-fs-small); font-weight: 600; }
.dtk-notes li { display: flex; gap: var(--dt-space-3); align-items: flex-start; }
.dtk-notes svg { flex: none; margin-top: 1px; }

/* ---- Accueil : héros ---- */
.dtk-home-top { padding-top: var(--dt-space-2); }
.dtk-home-alert { margin-bottom: var(--dt-space-4); }
.dtk-home-hero { padding-top: 76px; padding-bottom: 76px; }
.dtk-hero-copy { min-width: 0; }
.dtk-hero-copy .dtk-hero-title { max-width: 12em; margin-bottom: var(--dt-space-4); }
.dtk-hero-copy .dtk-lead { max-width: 30em; font-size: 18px; margin-bottom: var(--dt-space-6); }
.dtk-debrid { margin: 0; max-width: 620px; }
.dtk-debrid .dtk-hint { margin-top: 14px; }
.dtk-debrid .dtk-btn { flex: none; }
.dtk-hero .dtk-hero-art { width: 440px; margin: -24px -8px -24px 0; }
.dtk-hero .dtk-hero-art .dtk-mascot { width: 82%; height: auto; }

/* Panneau de résultat, sous le héros */
.dtk-results { max-width: 880px; margin-top: var(--dt-space-5); scroll-margin-top: var(--dt-space-5); }
.dtk-results:empty { display: none; }
.dtk-result-count { margin: 0; }
.dtk-result-zone { padding-top: var(--dt-space-5); padding-bottom: var(--dt-space-5); }
.dtk-result-figure .dtk-mascot { height: 200px; width: auto; }
.dtk-result-figure .dtk-mascot--knocking { overflow: hidden; }
.dtk-result-body > * { margin: 0; }
.dtk-result-body > div > * + * { margin-top: 6px; }
.dtk-result-file-icon { display: inline-flex; color: var(--dt-action-text); }
.dtk-result-size { margin: 0; }
.dtk-result-note { margin: 0; font-size: var(--dt-fs-small); font-weight: var(--dt-weight-strong); }
.dtk-result-link { margin: 0; font-size: var(--dt-fs-small); font-weight: 600; overflow-wrap: anywhere; }
.dtk-result-actions .dtk-strong { text-decoration: underline; }
.dtk-result-meta svg { flex: none; }

/* ---- Accueil : la promesse ---- */
.dtk-promise-band { margin-top: var(--dt-space-7); padding: var(--dt-space-8) 0; }
.dtk-promise { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.dtk-promise-card { min-width: 0; }
.dtk-promise-head { display: flex; flex-wrap: wrap; align-items: flex-start; justify-content: space-between; gap: var(--dt-space-2) var(--dt-space-4); }
.dtk-promise-head .dtk-h3 { margin: 6px 0 0; }
.dtk-promise-cost { display: flex; flex-direction: column; align-items: flex-end; margin: 0; font-size: var(--dt-fs-small); font-weight: var(--dt-weight-strong); text-align: right; }
.dtk-promise-big { font: 400 clamp(26px, 2.6vw, 36px)/1 var(--dt-font-display); font-variant-numeric: tabular-nums; }
.dtk-promise-art { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: var(--dt-space-5); min-height: 230px; padding-bottom: var(--dt-space-2); }
.dtk-promise-art .dtk-mascot { max-height: 190px; width: auto; }
.dtk-promise-chip {
  position: absolute; left: 0; bottom: var(--dt-space-5);
  display: inline-flex; align-items: center; gap: var(--dt-space-2); padding: 6px 14px;
  background: var(--dt-surface); border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-pill);
  font-size: var(--dt-fs-small); font-weight: var(--dt-weight-label);
}
.dtk-promise-file { align-self: center; color: var(--dt-ink); }
.dtk-promise-strip { margin-top: 28px; }
.dtk-promise-strip-text { flex: 1; min-width: 220px; }
.dtk-promise-strip-text p { margin: 0; }
.dtk-promise-strip-text p + p { margin-top: 2px; font-weight: 600; }
.dtk-promise-hours { display: flex; align-items: center; gap: var(--dt-space-3); margin: 0; }

/* ---- Accueil : étapes, packs, crédits offerts ---- */
.dtk-home-steps { margin-top: var(--dt-space-7); }
.dtk-home-steps .dtk-h3 { margin-top: var(--dt-space-2); }
.dtk-home-steps p { margin: 0 auto; }
.dtk-steps-coin { position: absolute; top: -64px; right: 2%; line-height: 0; }
.dtk-home-packs .dtk-packs { margin-top: var(--dt-space-6); }
.dtk-pack-price { margin: 0; }
.dtk-home-free { margin-top: var(--dt-space-5); }
.dtk-free-strip { gap: var(--dt-space-6); padding: var(--dt-space-4) var(--dt-space-5) var(--dt-space-4) var(--dt-space-5); background: var(--dt-zone); border-width: var(--dt-stroke-bold); border-radius: var(--dt-radius-xl); }
.dtk-free-text { flex: 1; min-width: 220px; }
.dtk-free-text .dtk-h2 { margin: 0 0 4px; font-size: clamp(20px, 2.1vw, 28px); }
.dtk-free-text p { margin: 0; font-weight: 600; }

/* Questions avant le premier lien : tout en bas, titre à gauche à l'ordinateur, au-dessus au téléphone */
.dtk-home-faq-grid { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); column-gap: 72px; align-items: start; }
.dtk-home-faq-grid > .dtk-h2 { margin: 0; padding-top: 14px; }
@media (max-width: 860px) {
  .dtk-home-faq-grid { grid-template-columns: minmax(0, 1fr); row-gap: var(--dt-space-4); }
  .dtk-home-faq-grid > .dtk-h2 { padding-top: 0; }
}

/* ---- Tarifs ---- */
.dtk-pricing-hero { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 0.9fr); align-items: center; gap: var(--dt-space-6); padding: var(--dt-space-8) 0 var(--dt-space-7); }
.dtk-pricing-hero .dtk-h1 { max-width: 9.5em; }
.dtk-pricing-tagline { margin: 0 0 var(--dt-space-4); font: var(--dt-weight-label) clamp(20px, 2vw, 28px)/1.25 var(--dt-font-body); }
.dtk-pricing-hero .dtk-lead { font-size: var(--dt-fs-body); max-width: 34em; }
.dtk-pricing-art { display: grid; place-items: center; }
.dtk-price-packs { display: grid; grid-template-columns: 1fr 1.2fr 1fr; align-items: end; gap: var(--dt-space-5); margin: var(--dt-space-5) 0 0; padding: 0; border: 0; min-width: 0; }
.dtk-price-card {
  position: relative; display: flex; flex-direction: column; gap: var(--dt-space-4); min-width: 0; min-height: 390px; padding: var(--dt-space-6);
  background: var(--dt-surface); color: var(--dt-ink); border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-lg);
}
.dtk-price-card--pale { background: var(--dt-zone); }
.dtk-price-card--featured {
  --dt-focus: var(--dt-sun);
  min-height: 460px; padding-top: var(--dt-space-7);
  background: var(--dt-action); color: var(--dt-action-ink);
  border-width: var(--dt-stroke-bold); border-color: var(--dt-lift-color); border-radius: 40px; box-shadow: var(--dt-lift-lg);
}
.dtk-price-top { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--dt-space-3); }
.dtk-price-top > div { min-width: 0; }
.dtk-price-card .dtk-pack-price { display: block; }
.dtk-price-card .dtk-pack-credits { display: block; margin-top: 6px; }
.dtk-price-rows { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-2) var(--dt-space-3); margin-top: auto; font-size: var(--dt-fs-body); font-weight: 600; }
.dtk-price-card--featured .dtk-price-rows { color: var(--dt-action-ink-soft); }
.dtk-bonus { display: inline-block; padding: 4px 14px; border: var(--dt-stroke-thin) solid var(--dt-line); border-radius: var(--dt-radius-pill); background: var(--dt-surface); color: var(--dt-ink); font-weight: var(--dt-weight-label); white-space: nowrap; }
.dtk-price-card--pale .dtk-bonus { background: var(--dt-sun); color: var(--dt-sun-ink); }
.dtk-price-card .dtk-btn { width: 100%; min-height: 56px; }
.dtk-price-tag { position: absolute; top: -20px; left: 36px; transform: rotate(-4deg); border-width: var(--dt-stroke); font-size: var(--dt-fs-body); }
.dtk-price-peek { position: absolute; top: -34px; right: 40px; line-height: 0; }
.dtk-price-note { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--dt-space-2); margin: var(--dt-space-6) 0 0; text-align: center; font-weight: 600; }
.dtk-counted { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--dt-space-7); align-items: start; margin-top: var(--dt-space-5); }
.dtk-counted-lead { margin: 0 0 var(--dt-space-6); max-width: 22em; font: var(--dt-weight-label) clamp(19px, 1.9vw, 26px)/1.35 var(--dt-font-body); }
.dtk-sizes { display: flex; flex-wrap: wrap; align-items: flex-start; gap: var(--dt-space-3); margin: 0; padding: 0; list-style: none; }
.dtk-sizes li { display: flex; flex-direction: column; align-items: center; gap: var(--dt-space-3); }
.dtk-size-pill {
  display: inline-flex; align-items: center; justify-content: center; min-width: 124px; min-height: 48px; padding: 0 22px;
  border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-pill); background: var(--dt-surface);
  font-weight: var(--dt-weight-label); white-space: nowrap;
}
.dtk-size-pill--first { min-width: 240px; background: var(--dt-action); color: var(--dt-action-ink); border-color: var(--dt-lift-color); }
.dtk-size-cost { display: inline-flex; align-items: center; gap: var(--dt-space-2); font-weight: var(--dt-weight-label); }
.dtk-sizes-more { align-self: center; padding-bottom: 42px; font: 400 22px/1 var(--dt-font-display); letter-spacing: 4px; }
.dtk-rules { display: grid; gap: var(--dt-space-5); list-style: none; margin: 0; padding: 0; }
.dtk-rules li { display: flex; gap: var(--dt-space-4); align-items: center; font-size: 18px; font-weight: 600; }
.dtk-rules svg { flex: none; }
.dtk-pricing-welcome { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-5); margin-top: var(--dt-space-7); padding: var(--dt-space-5) var(--dt-space-6); background: var(--dt-zone); border-radius: var(--dt-radius-xl); }
.dtk-pricing-welcome .dtk-btn { min-height: 60px; padding: 0 32px; font-size: 19px; }
.dtk-pricing-welcome p { flex: 1; min-width: 220px; margin: 0; font: var(--dt-weight-label) clamp(19px, 1.9vw, 26px)/1.3 var(--dt-font-body); }

/* ---- 404 et retours de paiement : planches Maquette-M3-404, -paiement-reussi, -paiement-annule ---- */
.dtk-lost { grid-template-columns: minmax(0, 540px) minmax(0, 1fr); gap: var(--dt-space-8); min-height: 0; padding-top: var(--dt-space-8); }
.dtk-lost .dtk-h1 { font-size: var(--dt-fs-h1); }
.dtk-lost .dtk-strong { margin: 0; }
.dtk-lost .dtk-lone-art { padding: var(--dt-space-6); }
.dtk-lost .dtk-lone-art .dtk-mascot { width: 100%; height: auto; }
.dtk-paid { display: grid; gap: var(--dt-space-6); padding-top: var(--dt-space-3); }
.dtk-paid-panel { display: grid; grid-template-columns: minmax(0, 600px) minmax(0, 1fr); align-items: center; gap: var(--dt-space-6); padding: var(--dt-space-8) var(--dt-space-7) var(--dt-space-7) 70px; }
.dtk-paid-copy { display: flex; flex-direction: column; gap: var(--dt-space-4); min-width: 0; }
.dtk-paid-copy > * { margin: 0; }
.dtk-paid-copy .dtk-h1 { font-size: clamp(30px, 4.6vw, 64px); }
.dtk-paid-copy .dtk-tally { max-width: 600px; }
.dtk-paid-zero { display: flex; align-items: center; gap: var(--dt-space-4); font-size: 19px; font-weight: var(--dt-weight-label); line-height: 1.35; }
.dtk-paid-zero b { flex: none; font: 400 clamp(30px, 3vw, 40px)/1 var(--dt-font-display); }
.dtk-paid-zero > span > span { display: block; }
.dtk-paid-balance { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-2) var(--dt-space-4); }
.dtk-paid-balance .dtk-balance { min-height: 44px; font-size: var(--dt-fs-label); }
.dtk-paid-status { max-width: 620px; font-size: 19px; font-weight: 600; }
.dtk-paid-copy .dtk-tally-amount { margin: 0; }
.dtk-paid-copy .dtk-track { margin-top: var(--dt-space-3); }
.dtk-paid-note { display: flex; align-items: center; gap: var(--dt-space-3); font-weight: 600; }
.dtk-paid-note svg { flex: none; }
.dtk-paid-copy .dtk-lone-actions { align-items: center; gap: var(--dt-space-4) var(--dt-space-6); margin-top: var(--dt-space-2); }
.dtk-paid-link { font-weight: var(--dt-weight-label); text-decoration: underline; }
.dtk-paid-fine { font-size: 14px; }
.dtk-paid-art { justify-self: center; width: min(100%, 440px); }
.dtk-paid-art .dtk-mascot { width: 88%; height: auto; }
.dtk-paid-strip { width: calc(100% - 2 * var(--dt-space-8)); margin: 0 auto; font-weight: 600; }
.dtk-paid-strip > span { flex: 1; min-width: 0; }
.dtk-paid-strip a { flex: none; text-decoration: underline; }

/* ---- Compte : planche Maquette-M3-compte ---- */
.dtk-account .dtk-page-head { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--dt-space-3) var(--dt-space-5); padding: var(--dt-space-5) 0; }
.dtk-account .dtk-page-head .dtk-h1 { margin: 0; }
.dtk-account .dtk-page-head p { margin: 0; overflow-wrap: anywhere; font-weight: 600; }
.dtk-credits-hero { grid-template-columns: minmax(0, 1fr) auto; padding: var(--dt-space-6) var(--dt-space-6) var(--dt-space-6) 66px; }
.dtk-credits-copy { display: flex; flex-direction: column; gap: var(--dt-space-4); min-width: 0; }
.dtk-credits-copy > * { margin: 0; }
.dtk-credits-label { font: var(--dt-weight-label) 19px/1.2 var(--dt-font-body); }
.dtk-credits-balance { display: flex; flex-wrap: wrap; align-items: baseline; gap: var(--dt-space-2) var(--dt-space-5); font: var(--dt-weight-label) 22px/1.2 var(--dt-font-body); }
.dtk-credits-big { font: 400 clamp(64px, 9vw, 112px)/0.9 var(--dt-font-display); font-variant-numeric: tabular-nums; }
.dtk-credits-hero .dtk-notes { max-width: 40em; margin: 0; color: var(--dt-action-ink-soft); font-size: 14px; }
.dtk-credits-hero .dtk-alert--warn { color: var(--dt-sun-ink); }
.dtk-hero .dtk-credits-art { position: relative; width: 440px; margin: 0; aspect-ratio: auto; border-radius: 0; background: none; }
.dtk-hero .dtk-credits-art::before { content: ""; position: absolute; top: 2%; right: 16%; width: 62%; aspect-ratio: 1; border-radius: 50%; background: var(--dt-hero-halo); }
.dtk-hero .dtk-credits-art .dtk-mascot { position: relative; width: 100%; height: auto; }
.dtk-account-band { margin-top: var(--dt-space-6); padding: var(--dt-space-7) 0; }
.dtk-credits-statement { display: grid; grid-template-columns: minmax(0, 0.72fr) minmax(0, 1.28fr); grid-template-areas: "lots entries"; gap: var(--dt-space-5); align-items: start; }
.dtk-credits-entries { grid-area: entries; }
.dtk-credits-lots { grid-area: lots; }
.dtk-credits-statement .dtk-card { padding: var(--dt-space-5) var(--dt-space-5) var(--dt-space-4); border-width: var(--dt-stroke); border-radius: var(--dt-radius-lg); gap: var(--dt-space-2); }
.dtk-credits-statement .dtk-section-head { margin: 0; }
.dtk-credits-statement .dtk-h3 { margin: 0; }
.dtk-credits-aside { font-size: 14px; }
.dtk-lots { display: grid; margin: 0; padding: 0; list-style: none; }
.dtk-lot { display: grid; gap: var(--dt-space-3); padding: 14px 0; }
.dtk-lot + .dtk-lot { border-top: var(--dt-stroke-thin) solid var(--dt-zone); }
.dtk-lot-head { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--dt-space-3); }
.dtk-lot-head b { display: block; font-weight: var(--dt-weight-label); }
.dtk-lot-head span.dtk-muted { font-size: 14px; }
.dtk-lot-meter { display: flex; align-items: center; gap: var(--dt-space-3); font-size: 14px; font-weight: var(--dt-weight-strong); white-space: nowrap; }
.dtk-account-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dt-space-5); align-items: stretch; margin-top: var(--dt-space-7); }
.dtk-account-card { padding: var(--dt-space-5) var(--dt-space-6) var(--dt-space-6); }
.dtk-account-card > .dtk-h2, .dtk-account-card > .dtk-h3, .dtk-account-card > p { margin: 0; }
.dtk-account-title { display: flex; align-items: center; gap: var(--dt-space-3); }
.dtk-account-submit { justify-self: start; }
.dtk-account-delete-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-3) var(--dt-space-5); font-size: 14px; }
.dtk-form { display: grid; gap: var(--dt-space-4); margin: 0; }
.dtk-form p { margin: 0; }
.dtk-form-note { min-height: 1.5em; font-size: var(--dt-fs-small); font-weight: var(--dt-weight-strong); }
.dtk-form.dtk-account-delete-form { margin-top: auto; }
.dtk-form-note--ko { text-decoration: underline; text-decoration-style: dashed; text-decoration-thickness: 2px; text-underline-offset: 4px; }
.dtk-account-logout { margin: var(--dt-space-6) 0 0; }

/* ---- Recharge : planche Maquette-M3-recharge (ouverte, puis bientôt disponible) ---- */
.dtk-recharge-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--dt-space-6); padding: var(--dt-space-7) 0 var(--dt-space-5); }
.dtk-recharge-intro > * { margin: 0; }
.dtk-recharge-intro .dtk-h1 { margin-bottom: var(--dt-space-4); font-size: clamp(30px, 4vw, 56px); }
.dtk-recharge-lead { max-width: 30em; font-size: 17px; }
.dtk-recharge-intro .dtk-recharge-lead { margin-bottom: var(--dt-space-5); }
.dtk-recharge-balance .dtk-balance { min-height: 44px; font-size: var(--dt-fs-label); }
.dtk-recharge-art { width: 420px; }
.dtk-recharge-art .dtk-mascot { width: 100%; height: auto; }
.dtk-recharge > .dtk-alert { margin-bottom: var(--dt-space-5); }
.dtk-recharge-choose { margin: var(--dt-space-5) 0; font-size: clamp(22px, 2.2vw, 30px); }
.dtk-recharge-form { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: var(--dt-space-5); align-items: start; }
.dtk-recharge-fine { margin-top: var(--dt-space-6); max-width: 44em; font-size: 13px; color: var(--dt-ink-soft); }
.dtk-recharge-fine p { margin: 0 0 var(--dt-space-2); }
.dtk-recharge--closed .dtk-recharge-head { grid-template-columns: minmax(0, 1fr); }
.dtk-recharge--closed .dtk-recharge-intro { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--dt-space-4); }
.dtk-recharge--closed .dtk-recharge-intro .dtk-h1 { margin: 0; }
.dtk-recharge-closed { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: var(--dt-space-5); align-items: start; }
.dtk-recharge-soon { display: grid; grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--dt-space-5); padding: var(--dt-space-6) var(--dt-space-6) var(--dt-space-6) var(--dt-space-4); }
.dtk-recharge-soon-text > * { margin: 0 0 var(--dt-space-3); font-size: 15px; }
.dtk-recharge-soon-text .dtk-h3 { font-size: var(--dt-fs-h3); }
.dtk-recharge-soon-text > p:last-child { margin: var(--dt-space-4) 0 0; }
.dtk-recharge-soon-packs .dtk-recharge-choose { margin-top: 0; }
.dtk-recharge-soon-packs > p { margin: var(--dt-space-4) 0 0; }
.dtk-recharge-soon-packs .dtk-recharge-fine { margin-top: var(--dt-space-3); }

/* ---- Textes : planche Maquette-M3-texte ---- */
.dtk-text { padding-top: var(--dt-space-3); }
.dtk-text-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: var(--dt-space-5); padding: var(--dt-space-6) var(--dt-space-7) var(--dt-space-5); }
.dtk-text-head > div > * { margin: 0; }
.dtk-text-head .dtk-h1 { margin-bottom: var(--dt-space-2); font-size: clamp(28px, 4vw, 56px); }
.dtk-text-lead { font-size: 18px; }
.dtk-text-head .dtk-text-metas { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-2) var(--dt-space-6); margin-top: var(--dt-space-4); }
.dtk-text-head .dtk-text-meta { display: flex; align-items: center; gap: var(--dt-space-2); margin: 0; font-size: 14px; font-weight: var(--dt-weight-strong); }
.dtk-text-meta svg { flex: none; }
.dtk-text-meta a { overflow-wrap: anywhere; }
.dtk-text-grid { display: grid; grid-template-columns: 250px minmax(0, var(--dt-prose)); gap: var(--dt-space-8); margin-top: var(--dt-space-7); }
.dtk-text-aside { position: sticky; top: var(--dt-space-5); align-self: start; }
.dtk-text-toc { padding: var(--dt-space-5); border-width: var(--dt-stroke); border-radius: var(--dt-radius-lg); gap: 0; }
.dtk-text-others { margin-top: var(--dt-space-5); padding-left: var(--dt-space-1); font-size: 14px; font-weight: var(--dt-weight-strong); }
.dtk-text-others p { margin: 0 0 var(--dt-space-2); color: var(--dt-ink-soft); }
.dtk-text-others ul { display: grid; gap: var(--dt-space-1); margin: 0; padding: 0; list-style: none; }
.dtk-text-body { min-width: 0; }
.dtk-text-fold { display: none; }
.dtk-text-section { scroll-margin-top: var(--dt-space-5); }
.dtk-text-section .dtk-h2 { margin: var(--dt-space-6) 0 var(--dt-space-3); font-size: clamp(20px, 1.9vw, 26px); }
.dtk-text-section:first-of-type .dtk-h2 { margin-top: 0; }
.dtk-text-section p { margin: 0 0 var(--dt-space-4); }
.dtk-text-top { margin: var(--dt-space-6) 0 var(--dt-space-4); font-size: 14px; font-weight: var(--dt-weight-strong); }
.dtk-text-contact { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; align-items: center; gap: var(--dt-space-4); padding: var(--dt-space-4) var(--dt-space-5); }
.dtk-text-contact p { margin: 0; font-size: 14px; }
.dtk-text-contact p.dtk-strong { font-size: 17px; }
.dtk-text-contact a:not(.dtk-btn) { overflow-wrap: anywhere; }

@media (max-width: 1100px) {
  .dtk-hero .dtk-hero-art { width: 340px; }
  .dtk-price-packs { grid-template-columns: 1fr; align-items: stretch; max-width: 520px; margin-left: auto; margin-right: auto; }
  .dtk-price-card, .dtk-price-card--featured { min-height: 0; }
  .dtk-price-card--featured { order: -1; margin-top: var(--dt-space-5); }
}
@media (max-width: 860px) {
  .dtk-home-hero { padding-top: var(--dt-space-4); padding-bottom: 22px; }
  .dtk-hero .dtk-hero-art { width: min(64%, 230px); margin: 0 auto; }
  .dtk-hero .dtk-hero-art .dtk-mascot { width: 84%; }
  .dtk-hero-copy .dtk-lead { font-size: var(--dt-fs-body); margin-bottom: var(--dt-space-5); }
  .dtk-promise-band { margin-top: var(--dt-space-6); padding: var(--dt-space-6) 0; }
  .dtk-promise { grid-template-columns: 1fr; gap: var(--dt-space-4); }
  .dtk-promise-card { padding: var(--dt-space-4); border-width: var(--dt-stroke-thin); }
  .dtk-promise-card.dtk-card--lift { box-shadow: var(--dt-lift-sm); }
  .dtk-promise-art { min-height: 0; justify-content: flex-end; }
  .dtk-promise-art .dtk-mascot { max-height: 130px; }
  .dtk-promise-file svg { width: 40px; height: 40px; }
  .dtk-promise-chip { bottom: var(--dt-space-3); }
  .dtk-promise-strip { gap: var(--dt-space-3); }
  .dtk-promise-strip .dtk-mascot { height: 64px; width: auto; }
  .dtk-steps-coin { display: none; }
  .dtk-home-steps { margin-top: var(--dt-space-5); }
  .dtk-home-steps p { margin: 0; }
  .dtk-free-strip { flex-direction: column; align-items: flex-start; padding: var(--dt-space-5); border-radius: var(--dt-radius-lg); }
  .dtk-free-strip .dtk-btn { width: 100%; }
  .dtk-footer { margin-top: var(--dt-space-8); }
  .dtk-footer-perch { left: auto; right: var(--dt-gutter); transform: none; }
  .dtk-footer-inner { flex-direction: column; align-items: flex-start; }
  .dtk-footer-links { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dt-space-4) var(--dt-space-6); }
  .dtk-lone { grid-template-columns: 1fr; min-height: 0; padding-top: var(--dt-space-6); }
  .dtk-lone-art { order: -1; }
  .dtk-lone-art .dtk-mascot { height: 180px; width: auto; }
  .dtk-pricing-hero { grid-template-columns: 1fr; padding-top: var(--dt-space-5); padding-bottom: var(--dt-space-4); }
  .dtk-pricing-art { order: -1; }
  .dtk-pricing-art .dtk-mascot { height: 180px; width: auto; }
  .dtk-counted { grid-template-columns: 1fr; gap: var(--dt-space-6); }
}
@media (max-width: 560px) {
  .dtk-field--hero .dtk-btn--big { font-size: 16px; }
  .dtk-result-figure .dtk-mascot { height: 140px; }
  .dtk-promise-card { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: var(--dt-space-3); }
  .dtk-promise-art { order: -1; justify-content: center; padding: 0; }
  .dtk-promise-art .dtk-mascot { max-height: 104px; max-width: 112px; }
  .dtk-promise-chip, .dtk-promise-file { display: none; }
  .dtk-free-strip .dtk-mascot { height: 72px; width: auto; }
  .dtk-home-packs { padding-bottom: var(--dt-space-5); }
  .dtk-promise-head { flex-direction: column; }
  .dtk-promise-cost { align-items: flex-start; text-align: left; }
  .dtk-size-pill { min-width: 88px; padding: 0 14px; }
  .dtk-size-pill--first { min-width: 150px; }
  .dtk-sizes-more { display: none; }
  .dtk-price-card { padding: var(--dt-space-5); }
  .dtk-price-card--featured { padding-top: var(--dt-space-7); border-radius: 30px; }
  .dtk-price-top .dtk-stack { height: 72px; width: auto; }
  .dtk-pricing-welcome { padding: var(--dt-space-5); }
  .dtk-pricing-welcome .dtk-btn { width: 100%; }
}

/* ---- 404, paiement, compte, recharge, textes : téléphone (colonne des planches) ---- */
@media (max-width: 1100px) {
  .dtk-recharge-art { width: 320px; }
  .dtk-hero .dtk-credits-art { width: 320px; }
  .dtk-paid-panel { padding: var(--dt-space-7) var(--dt-space-6); }
  .dtk-paid-strip { width: 100%; }
  .dtk-text-grid { grid-template-columns: 220px minmax(0, 1fr); gap: var(--dt-space-6); }
}
@media (max-width: 860px) {
  .dtk-lost { gap: var(--dt-space-5); padding-top: var(--dt-space-3); }
  .dtk-lost .dtk-lone-art { padding: var(--dt-space-3); border-width: var(--dt-stroke); border-radius: var(--dt-radius-lg); }
  .dtk-lost .dtk-lone-art .dtk-mascot { width: 100%; height: auto; }
  .dtk-lost .dtk-h1 { margin-bottom: var(--dt-space-3); }
  .dtk-lost .dtk-lead { font-size: var(--dt-fs-body); margin-bottom: var(--dt-space-3); }
  .dtk-lone-actions .dtk-btn { flex: 1 1 100%; }
  .dtk-paid-panel { grid-template-columns: 1fr; gap: var(--dt-space-4); padding: var(--dt-space-5) var(--dt-space-4); border-width: var(--dt-stroke); border-radius: 28px; }
  .dtk-paid-art { order: -1; width: min(80%, 260px); }
  .dtk-paid-copy .dtk-lone-actions { flex-direction: column; align-items: stretch; text-align: center; }
  .dtk-paid-strip { flex-direction: column; align-items: flex-start; gap: var(--dt-space-3); border-radius: var(--dt-radius-lg); }
  .dtk-paid-strip > svg { display: none; }
  .dtk-account .dtk-page-head { flex-direction: column; align-items: flex-start; gap: var(--dt-space-1); padding: var(--dt-space-3) 0 var(--dt-space-4); }
  .dtk-credits-hero { position: relative; padding: var(--dt-space-5) 20px; border-width: var(--dt-stroke-bold); }
  .dtk-hero .dtk-credits-art { position: absolute; top: var(--dt-space-5); right: var(--dt-space-4); width: 130px; margin: 0; }
  .dtk-hero .dtk-credits-art::before { display: none; }
  .dtk-credits-balance { padding-right: 120px; flex-direction: column; gap: var(--dt-space-1); font-size: 17px; }
  .dtk-credits-copy .dtk-btn--big { width: 100%; }
  .dtk-credits-statement { grid-template-columns: 1fr; grid-template-areas: "entries" "lots"; }
  .dtk-account-grid { grid-template-columns: 1fr; margin-top: var(--dt-space-5); }
  .dtk-account-card { padding: var(--dt-space-4); }
  .dtk-account-submit, .dtk-account-delete-row .dtk-btn, .dtk-account-logout .dtk-btn { width: 100%; }
  .dtk-recharge-head { grid-template-columns: 1fr; gap: var(--dt-space-3); padding-top: var(--dt-space-4); }
  .dtk-recharge-intro { display: contents; }
  .dtk-recharge-intro .dtk-h1, .dtk-recharge-intro .dtk-recharge-lead { margin: 0; }
  .dtk-recharge-lead { font-size: 15px; }
  .dtk-recharge-art { order: 3; justify-self: center; width: min(100%, 300px); }
  .dtk-recharge-balance { order: 4; }
  .dtk-recharge-form, .dtk-recharge-closed { grid-template-columns: 1fr; }
  .dtk-recharge-soon { grid-template-columns: 96px minmax(0, 1fr); gap: var(--dt-space-3); padding: var(--dt-space-4); }
  .dtk-recharge-soon-art .dtk-mascot { width: 96px; height: auto; }
  .dtk-text-head { grid-template-columns: 1fr; padding: var(--dt-space-4); border-radius: var(--dt-radius-lg); }
  .dtk-text-art { display: none; }
  .dtk-text-lead { font-size: 15px; }
  .dtk-text-grid { grid-template-columns: 1fr; gap: 0; margin-top: var(--dt-space-4); }
  .dtk-text-aside { display: none; }
  .dtk-text-fold { display: block; margin-bottom: var(--dt-space-5); padding: var(--dt-space-3) var(--dt-space-4); border-width: var(--dt-stroke); border-radius: var(--dt-radius-sm); }
  .dtk-text-fold summary { cursor: pointer; }
  .dtk-text-fold .dtk-toc-list { margin-top: var(--dt-space-4); }
  .dtk-text-contact { grid-template-columns: auto minmax(0, 1fr); }
  .dtk-text-contact .dtk-btn { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .dtk-account-band { margin-top: var(--dt-space-4); padding: 0; background: transparent; }
  .dtk-credits-statement .dtk-credits-entries { padding: 0; border: 0; background: transparent; }
  .dtk-credits-statement .dtk-credits-entries .dtk-section-head p { display: none; }
  .dtk-credits-statement .dtk-credits-lots { padding: var(--dt-space-4); border: 0; background: var(--dt-zone); }
  .dtk-recharge-soon { grid-template-columns: 1fr; }
  .dtk-recharge-soon-art { justify-self: start; }
  .dtk-recharge-soon-text .dtk-btn { width: 100%; }
}

/* ---- Pages de compte et d'aide (vues des pages partagées, lot N6) : planches Maquette-M3-connexion,
   -inscription, -verification, -support, -desinscription, -banni ---- */
.dtk-auth { padding-top: var(--dt-space-3); }
.dtk-auth-card {
  display: flex; flex-direction: column; gap: 18px; min-width: 0; padding: var(--dt-space-6) 36px;
  background: var(--dt-surface); color: var(--dt-ink);
  border: var(--dt-stroke-bold) solid var(--dt-line); border-radius: var(--dt-radius-xl); box-shadow: var(--dt-lift-lg);
}
.dtk-auth-card > * { margin: 0; }
.dtk-auth-card .dtk-form { gap: 18px; }
.dtk-fld { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dtk-fld .dtk-label, .dtk-fld .dtk-hint, .dtk-fld .dtk-error { margin: 0; }
.dtk-fld .dtk-hint { font-weight: 600; }
.dtk-fld .dtk-error { align-items: center; }
.dtk-fld-row { display: flex; align-items: baseline; justify-content: space-between; gap: var(--dt-space-3); }
.dtk-fld-row a { font-size: var(--dt-fs-small); font-weight: var(--dt-weight-label); }
.dtk-fld-pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dt-space-4); }
textarea.dtk-input { min-height: 170px; padding: 14px 16px; line-height: 1.5; resize: vertical; }
.dtk-auth-submit { min-height: 60px; margin-top: var(--dt-space-1); border-radius: var(--dt-radius-sm); font-size: 18px; }
.dtk-auth-google { display: grid; gap: 18px; }
.dtk-auth-google [data-google-signin] { min-height: 44px; }
.dtk-auth-meta { font-size: var(--dt-fs-body); font-weight: 600; }
.dtk-auth-meta a, .dtk-links a:not(.dtk-btn) { font-weight: var(--dt-weight-label); }
.dtk-fine { font-size: var(--dt-fs-small); font-weight: 600; line-height: 1.5; color: var(--dt-ink-soft); }
.dtk-links { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-3) var(--dt-space-5); }
.dtk-btn--small { min-height: 50px; padding: 0 22px 0 16px; border-radius: var(--dt-radius-sm); }
.dtk-auth .dtk-alert { padding: 14px 18px; border-radius: 18px; }
.dtk-auth .dtk-field .dtk-btn { flex: none; }

/* Îlot cobalt, la carte du formulaire posée dessus (connexion) */
.dtk-island { display: grid; grid-template-columns: minmax(0, 1fr) 632px; }
.dtk-island > .dtk-hero { grid-column: 1 / -1; grid-row: 1; display: block; min-height: 680px; padding: 56px 72px 0 76px; }
.dtk-island > .dtk-auth-card { position: relative; grid-column: 2; grid-row: 1; align-self: start; margin: 56px 72px 0 0; }
.dtk-island-copy { display: flex; flex-direction: column; gap: 18px; max-width: 600px; }
.dtk-island-copy > * { margin: 0; }
.dtk-island-art { position: relative; width: 440px; height: 471px; margin-top: var(--dt-space-1); }
.dtk-island-art::before { content: ""; position: absolute; top: 48px; left: 31px; width: 377px; height: 377px; border-radius: 50%; background: var(--dt-hero-halo); }
.dtk-island-art .dtk-mascot { position: absolute; top: 11px; left: 8px; width: 412px; height: auto; }

/* Deux colonnes sur la page : le texte et la mascotte, puis la carte ou la scène */
.dtk-split { display: grid; grid-template-columns: minmax(0, 1fr) 600px; column-gap: 56px; align-items: start; padding-top: var(--dt-space-5); }
.dtk-split--support { grid-template-columns: minmax(0, 1fr) 640px; }
.dtk-split--scene { grid-template-columns: minmax(0, 1fr) 560px; column-gap: var(--dt-space-8); align-items: center; }
.dtk-split--facts { grid-template-columns: minmax(0, 1fr) 600px; column-gap: var(--dt-space-8); align-items: center; }
.dtk-split-copy { display: flex; flex-direction: column; gap: 20px; min-width: 0; }
.dtk-split-copy > * { margin: 0; }
.dtk-split-copy .dtk-h1, .dtk-island-copy .dtk-hero-title { font-size: var(--dt-fs-hero); line-height: var(--dt-lh-title); }
.dtk-split-copy .dtk-lead { max-width: 540px; }
.dtk-split-copy .dtk-tag { align-self: flex-start; }
.dtk-gift { display: flex; flex-direction: column; align-items: center; gap: var(--dt-space-1); margin-top: var(--dt-space-3); padding: 20px 20px 30px; text-align: center; }
.dtk-gift > * { margin: 0; }
.dtk-gift .dtk-mascot { width: 100%; max-width: 520px; height: auto; }
.dtk-gift-title { font: 400 30px/1.1 var(--dt-font-display); }
.dtk-gift-text { margin-top: 6px; font-size: 18px; font-weight: 600; }
.dtk-gift-mini { display: none; }
.dtk-coins { display: inline-flex; flex: none; }
.dtk-coins .dtk-coin + .dtk-coin { margin-left: -6px; margin-top: 4px; }
.dtk-scene { display: flex; align-items: flex-end; justify-content: center; min-height: 420px; overflow: hidden; }
.dtk-scene--center { align-items: center; }
.dtk-scene--tall { min-height: 520px; }
.dtk-scene--facts { min-height: 540px; }
.dtk-scene .dtk-mascot { width: auto; max-width: 100%; }
.dtk-scene--halo { position: relative; }
.dtk-scene--halo::before { content: ""; position: absolute; top: 44px; left: 19%; width: 62%; aspect-ratio: 1; border-radius: 50%; background: var(--dt-surface); }
.dtk-scene--halo .dtk-mascot { position: relative; }
.dtk-scene-art { position: relative; width: 460px; max-width: 100%; aspect-ratio: 560 / 600; }
.dtk-scene-art::before { content: ""; position: absolute; top: 10%; left: 7.1%; width: 85.7%; aspect-ratio: 1; border-radius: 50%; background: var(--dt-surface); }
.dtk-scene-art .dtk-mascot { position: absolute; left: 0.9%; top: 19.7%; width: 98.2%; height: auto; }

/* Feuille : une section encadrée, le texte à gauche, la mascotte sur zone pâle à droite */
.dtk-sheet { display: grid; grid-template-columns: minmax(0, 1fr) 540px; column-gap: var(--dt-space-7); margin-top: var(--dt-space-5); padding: 40px 44px; border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-lg); }
.dtk-sheet--wide { grid-template-columns: minmax(0, 1fr) 600px; align-items: center; }
.dtk-sheet--inbox { grid-template-columns: minmax(0, 1fr) 500px; }
.dtk-sheet--sent { grid-template-columns: minmax(0, 1fr) 520px; align-items: center; }
.dtk-sheet--solo { grid-template-columns: minmax(0, 1fr); max-width: 760px; }
.dtk-sheet-copy { display: flex; flex-direction: column; gap: 16px; min-width: 0; }
.dtk-sheet-copy > * { margin: 0; }
.dtk-sheet .dtk-h1 { margin: 0; font-size: clamp(30px, 3.6vw, 52px); line-height: var(--dt-lh-title); }
.dtk-sheet .dtk-h2 { margin: 0; font-size: clamp(24px, 2.2vw, 32px); }
.dtk-sheet-lead { font-size: 20px; font-weight: 600; line-height: 1.5; }
.dtk-sheet-side { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 10px; min-width: 0; padding: 26px 24px 18px; background: var(--dt-zone); border-radius: var(--dt-radius-lg); }
.dtk-sheet-side .dtk-mascot { width: auto; max-width: 100%; }
.dtk-sheet-side--low { justify-content: flex-start; }
.dtk-say { align-self: stretch; margin: 0; padding: 14px 20px; background: var(--dt-surface); border: var(--dt-stroke) solid var(--dt-line); border-radius: 22px; font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); line-height: 1.4; }
.dtk-sheet-note { display: flex; align-items: flex-start; gap: 10px; font-size: var(--dt-fs-small); font-weight: var(--dt-weight-strong); line-height: 1.45; }
.dtk-sheet-note svg { flex: none; margin-top: 1px; }
.dtk-sheet-note--soft { color: var(--dt-ink-soft); }
.dtk-sheet-resend { display: flex; flex-wrap: wrap; align-items: center; gap: var(--dt-space-3) 22px; margin-top: var(--dt-space-2); padding-top: 18px; border-top: var(--dt-stroke) solid var(--dt-zone); }
.dtk-sheet-resend form { margin: 0; }
.dtk-sheet-ask { font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-track { max-width: 600px; margin-top: var(--dt-space-1); }
.dtk-outcome { display: flex; align-items: center; gap: 10px; padding: 18px 24px 18px 8px; background: var(--dt-zone); border-radius: var(--dt-radius-lg); }
.dtk-outcome .dtk-mascot { flex: none; width: 196px; height: auto; }
.dtk-outcome-body { display: flex; flex-direction: column; gap: 10px; min-width: 0; }
.dtk-outcome-body > * { margin: 0; }
.dtk-outcome-title { font-size: 24px; font-weight: var(--dt-weight-label); line-height: 1.25; }
.dtk-outcome-ko { display: flex; flex-direction: column; gap: 14px; padding: 24px 28px; background: var(--dt-surface); border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-lg); }
.dtk-outcome-ko > p { display: flex; align-items: flex-start; gap: var(--dt-space-3); margin: 0; font-size: 20px; font-weight: var(--dt-weight-label); line-height: 1.35; }
.dtk-outcome-ko svg { flex: none; margin-top: 1px; }

/* E-mail vérifié : l'îlot cobalt fête l'activation */
.dtk-verified { grid-template-columns: minmax(0, 660px) minmax(0, 1fr); min-height: 640px; padding: 0 36px 0 76px; }
.dtk-verified-copy { display: flex; flex-direction: column; gap: 22px; min-width: 0; }
.dtk-verified-copy > * { margin: 0; }
.dtk-verified-copy .dtk-hero-title { font-size: var(--dt-fs-hero); }
.dtk-verified-how { max-width: 600px; font-size: var(--dt-fs-label); font-weight: 600; color: var(--dt-action-ink-soft); }
.dtk-gain { display: flex; align-items: center; gap: 18px; margin-top: var(--dt-space-1); }
.dtk-gain .dtk-coins .dtk-coin { width: 46px; height: 46px; }
.dtk-gain-big { font: 400 clamp(56px, 7vw, 96px)/0.95 var(--dt-font-display); font-variant-numeric: tabular-nums; color: var(--dt-action-ink); }
.dtk-gain-label { display: flex; flex-direction: column; gap: 2px; }
.dtk-gain-label b { font-size: 24px; font-weight: var(--dt-weight-label); color: var(--dt-action-ink); }
.dtk-gain-label span { font-size: var(--dt-fs-body); font-weight: 600; color: var(--dt-action-ink-soft); }
.dtk-verified-art { display: grid; place-items: center; min-width: 0; }
.dtk-verified-art .dtk-mascot { width: 100%; max-width: 600px; height: auto; }
.dtk-short { display: none; }

/* État d'une préférence d'e-mail (désinscription) */
.dtk-state { display: flex; align-items: flex-start; gap: var(--dt-space-4); margin-top: 6px; padding: var(--dt-space-5) 28px; background: var(--dt-surface); border: var(--dt-stroke-bold) solid var(--dt-line); border-radius: var(--dt-radius-lg); box-shadow: var(--dt-lift); }
.dtk-state--pale { background: var(--dt-zone); border-width: var(--dt-stroke); box-shadow: none; }
.dtk-state-icon { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border: var(--dt-stroke) solid var(--dt-line); border-radius: 50%; background: var(--dt-zone); color: var(--dt-action-text); }
.dtk-state--pale .dtk-state-icon { background: var(--dt-surface); color: var(--dt-ink); }
.dtk-state-body { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.dtk-state-body > * { margin: 0; }
.dtk-state-title { font-size: 24px; font-weight: var(--dt-weight-label); line-height: 1.25; }
.dtk-state-text { font-size: var(--dt-fs-label); font-weight: 600; }
.dtk-state-body form { margin: var(--dt-space-2) 0 0; }

/* Accès refusé : les faits dans un cadre, le recours dessous */
.dtk-facts { display: grid; grid-template-columns: 170px minmax(0, 1fr); margin: 6px 0 0; padding: 6px 28px; border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-lg); font-size: var(--dt-fs-label); line-height: 1.4; }
.dtk-facts dt, .dtk-facts dd { margin: 0; padding: 16px 0; border-bottom: var(--dt-stroke-thin) solid var(--dt-zone); overflow-wrap: anywhere; }
.dtk-facts dt { font-weight: 600; }
.dtk-facts dd { font-weight: var(--dt-weight-label); }
.dtk-facts dt:last-of-type, .dtk-facts dd:last-of-type { border-bottom: 0; }
.dtk-appeal { display: flex; flex-direction: column; gap: var(--dt-space-2); margin-top: var(--dt-space-2); }
.dtk-appeal > * { margin: 0; }
.dtk-appeal .dtk-h3 { display: flex; align-items: center; gap: 10px; }
.dtk-appeal p { font-size: var(--dt-fs-label); font-weight: 600; }
.dtk-appeal .dtk-btn { align-self: flex-start; margin-top: 6px; min-height: 56px; padding: 0 28px; border-radius: var(--dt-radius-sm); box-shadow: var(--dt-lift-sm); overflow-wrap: anywhere; }

/* Limite de partage d'un lien /dl/ : les deux cas dans un cadre, comme les faits de l'accès refusé */
.dtk-cases { margin: 6px 0 0; padding: 6px 28px; border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-lg); }
.dtk-case { display: flex; flex-direction: column; gap: var(--dt-space-2); padding: 18px 0; }
.dtk-case + .dtk-case { border-top: var(--dt-stroke-thin) solid var(--dt-zone); }
.dtk-case > * { margin: 0; }
.dtk-case h2 { font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); line-height: 1.3; }
.dtk-case p { font-size: var(--dt-fs-label); font-weight: 600; line-height: var(--dt-lh-body); }
.dtk-case .dtk-case-free { display: flex; align-items: center; gap: var(--dt-space-3); margin-top: 2px; font-size: var(--dt-fs-body); font-weight: var(--dt-weight-strong); line-height: 1.4; }
.dtk-case-free .dtk-tag { flex: none; padding: 5px 14px; font: 400 var(--dt-fs-small)/1 var(--dt-font-display); }
.dtk-case-actions { margin-top: 6px; gap: var(--dt-space-4); }
.dtk-case-actions .dtk-btn { min-height: 60px; padding: 0 28px; border-radius: var(--dt-radius-sm); font-size: 18px; }

@media (max-width: 1100px) {
  .dtk-island { grid-template-columns: minmax(0, 1fr) 540px; }
  .dtk-island > .dtk-hero { padding-left: var(--dt-space-7); }
  .dtk-island > .dtk-auth-card { margin-right: var(--dt-space-6); }
  .dtk-island-art { width: 340px; height: 364px; }
  .dtk-island-art::before { top: 37px; left: 24px; width: 291px; height: 291px; }
  .dtk-island-art .dtk-mascot { top: 8px; left: 6px; width: 318px; }
  .dtk-split, .dtk-split--support, .dtk-split--scene, .dtk-split--facts { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--dt-space-6); }
  .dtk-sheet, .dtk-sheet--wide, .dtk-sheet--inbox, .dtk-sheet--sent { grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); column-gap: var(--dt-space-6); }
  .dtk-verified { grid-template-columns: minmax(0, 1fr) minmax(0, 0.8fr); padding-left: var(--dt-space-7); }
}
@media (max-width: 860px) {
  .dtk-auth { padding-top: 0; }
  .dtk-island { grid-template-columns: minmax(0, 1fr); }
  .dtk-island > .dtk-hero { min-height: 0; padding: var(--dt-space-4) 20px 22px; }
  .dtk-island-copy { gap: var(--dt-space-2); }
  .dtk-island-art { order: -1; width: 100%; height: 134px; margin: 0; overflow: hidden; }
  .dtk-island-art::before { top: 4px; left: calc(50% - 62px); width: 124px; height: 124px; }
  .dtk-island-art .dtk-mascot { top: -10px; left: calc(50% - 66px); width: 135px; }
  .dtk-island > .dtk-auth-card, .dtk-split .dtk-auth-card { grid-column: 1; grid-row: auto; margin: 0; padding: 20px 0 28px; gap: 14px; background: transparent; border: 0; border-radius: 0; box-shadow: none; }
  .dtk-split, .dtk-split--support, .dtk-split--scene, .dtk-split--facts { grid-template-columns: minmax(0, 1fr); row-gap: var(--dt-space-5); padding-top: var(--dt-space-2); }
  .dtk-split-copy { gap: var(--dt-space-3); }
  .dtk-split--support .dtk-scene, .dtk-split--register .dtk-gift { display: none; }
  .dtk-gift-mini { display: flex; align-items: center; gap: var(--dt-space-3); padding: var(--dt-space-3) 14px; border-radius: 22px; border-width: var(--dt-stroke); }
  .dtk-gift-mini > span:not(.dtk-coins) { display: flex; flex-direction: column; gap: 2px; }
  .dtk-gift-mini b { font-size: var(--dt-fs-body); font-weight: var(--dt-weight-label); line-height: 1.3; }
  .dtk-gift-mini small { font-size: 14px; font-weight: 600; line-height: 1.4; }
  .dtk-fld-pair { grid-template-columns: minmax(0, 1fr); }
  .dtk-fld-row { display: contents; }
  .dtk-fld-row a { order: 1; align-self: flex-start; margin-top: 4px; }
  .dtk-scene, .dtk-scene--tall, .dtk-scene--facts { min-height: 0; order: -1; padding-top: var(--dt-space-3); border-width: var(--dt-stroke); border-radius: var(--dt-radius-lg); }
  .dtk-scene .dtk-mascot { height: 200px; }
  .dtk-scene-art { width: 240px; }
  .dtk-scene-art .dtk-mascot { height: auto; }
  .dtk-sheet, .dtk-sheet--wide, .dtk-sheet--inbox, .dtk-sheet--sent { grid-template-columns: minmax(0, 1fr); row-gap: var(--dt-space-5); padding: var(--dt-space-5) var(--dt-space-4); }
  .dtk-sheet-lead { font-size: var(--dt-fs-body); }
  .dtk-sheet-side .dtk-mascot { height: 200px; }
  .dtk-outcome { flex-direction: column; align-items: flex-start; padding: var(--dt-space-4); }
  .dtk-outcome .dtk-mascot { width: 140px; }
  .dtk-track li { font-size: 14px; }
  .dtk-track-stop { width: 48px; height: 48px; }
  .dtk-track::before { top: 24px; }
  .dtk-verified { grid-template-columns: minmax(0, 1fr); min-height: 0; padding: var(--dt-space-4) 20px 22px; }
  .dtk-verified-art { order: -1; }
  .dtk-verified-art .dtk-mascot { width: min(100%, 300px); }
  .dtk-verified-copy { gap: var(--dt-space-3); }
  .dtk-verified-copy .dtk-btn { width: 100%; }
  .dtk-gain .dtk-coins { display: none; }
  .dtk-gain-label b { font-size: 18px; }
  .dtk-short { display: inline; }
  .dtk-long { display: none; }
  .dtk-facts { grid-template-columns: minmax(0, 1fr); padding: 4px var(--dt-space-4); }
  .dtk-facts dt { padding-bottom: 0; border-bottom: 0; }
  .dtk-facts dd { padding-top: 2px; }
  .dtk-state { padding: var(--dt-space-4); }
  .dtk-links .dtk-btn { flex: 1 1 100%; }
}
@media (max-width: 560px) {
  .dtk-auth .dtk-field { flex-direction: column; }
  .dtk-auth .dtk-field .dtk-btn { width: 100%; }
  .dtk-appeal .dtk-btn { align-self: stretch; }
}

/* ---- N6 support/unsubscribe/banned : téléphone (colonne des planches -support, -desinscription, -banni) ---- */
@media (max-width: 860px) {
  .dtk-split--support .dtk-auth-card { margin-top: var(--dt-space-1); padding: 18px var(--dt-space-4) 20px; background: var(--dt-surface); border: var(--dt-stroke) solid var(--dt-line); border-radius: 22px; }
  .dtk-split--scene .dtk-state { gap: var(--dt-space-3); border-width: var(--dt-stroke); border-radius: var(--dt-radius-md); box-shadow: none; }
  .dtk-split--scene .dtk-state-icon { width: 36px; height: 36px; }
  .dtk-split--scene .dtk-state-title { font-size: 18px; }
  .dtk-split--scene .dtk-state-text { font-size: 15px; }
  .dtk-split--facts .dtk-facts { grid-template-columns: 104px minmax(0, 1fr); padding: 2px var(--dt-space-4); border-width: var(--dt-stroke-thin); border-radius: var(--dt-radius-md); font-size: 15px; }
  .dtk-split--facts .dtk-facts dt, .dtk-split--facts .dtk-facts dd { padding: 11px 0; border-bottom: var(--dt-stroke-thin) solid var(--dt-zone); }
  .dtk-split--facts .dtk-facts dt:last-of-type, .dtk-split--facts .dtk-facts dd:last-of-type { border-bottom: 0; }
  .dtk-cases { padding: 2px var(--dt-space-4); border-width: var(--dt-stroke-thin); border-radius: var(--dt-radius-md); }
  .dtk-case { gap: 6px; padding: 14px 0; }
  .dtk-case h2 { font-size: var(--dt-fs-body); }
  .dtk-case p, .dtk-case .dtk-case-free { font-size: var(--dt-fs-small); }
  .dtk-case-free .dtk-tag { padding: 4px 12px; font-size: 14px; }
  .dtk-case-actions .dtk-btn { flex: 1 1 100%; min-height: 52px; border-radius: 16px; font-size: var(--dt-fs-body); }
}

/* ---- Fiches hébergeurs et hub (planche Host pages du 29/09) ---- */
.dtk-home-hosts { font-weight: var(--dt-weight-strong); }
.dtk-home-hosts a:hover { color: var(--dt-action-ink); }
.dtk-pricing-hosts { margin: var(--dt-space-5) 0 0; font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-host-hero { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 40px; padding: 44px 56px 44px 76px; }
.dtk-host-hero-copy { min-width: 0; max-width: 720px; }
.dtk-host-hero .dtk-hero-title { margin: 0 0 22px; }
.dtk-host-hero .dtk-h1 { margin: 0 0 22px; }
.dtk-host-hero .dtk-lead { max-width: 620px; margin-bottom: var(--dt-space-5); }
.dtk-host-actions { display: flex; flex-wrap: wrap; gap: 18px; margin: 0; }
.dtk-host-welcome { display: flex; align-items: center; gap: 10px; margin: 22px 0 0; font-weight: var(--dt-weight-strong); }
.dtk-host-welcome span { margin-left: var(--dt-space-1); }
.dtk-host-art { width: 400px; border: var(--dt-stroke-bold) solid var(--dt-line); }
.dtk-host-art .dtk-mascot { width: 88%; height: auto; }
.dtk-host-body { display: grid; grid-template-columns: minmax(0, 680px) minmax(0, 440px); column-gap: 112px; row-gap: 72px; align-items: start; padding: 72px 80px 24px; }
.dtk-host-block { grid-column: 1; min-width: 0; }
.dtk-host-body > .dtk-host-tally { grid-column: 2; grid-row: 1; }
.dtk-host-block p { font-size: var(--dt-fs-label); line-height: 1.65; }
.dtk-host-block .dtk-h2 { margin-bottom: 18px; }
.dtk-host-note { margin: 0; font-size: var(--dt-fs-small); font-weight: 600; color: var(--dt-ink-soft); }
.dtk-host-tally-title { font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-host-tally .dtk-tally-row { flex-wrap: nowrap; }
.dtk-host-tally .dtk-tally-big { white-space: nowrap; font-size: clamp(20px, 2vw, 26px); }
.dtk-host-tally .dtk-tally-row .dtk-tally-label { font-size: var(--dt-fs-label); }
.dtk-host-parts { gap: var(--dt-space-3); }
@media (min-width: 561px) { .dtk-host-parts .dtk-share-bar { height: 26px; } }
.dtk-host-end { grid-column: 1 / -1; display: flex; align-items: center; gap: 28px; padding: 28px 32px; }
.dtk-host-end > div { flex: 1; min-width: 0; }
.dtk-host-end p { margin: var(--dt-space-1) 0 0; font-size: var(--dt-fs-label); line-height: 1.5; }
.dtk-host-end .dtk-btn { flex: none; }
.dtk-host-also { grid-column: 1 / -1; margin: -32px 0 0; font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-hosts-hero .dtk-host-tally { width: 470px; }
.dtk-hosts-list { padding: 64px 80px var(--dt-space-5); }
.dtk-hosts { display: grid; gap: 14px; margin: var(--dt-space-4) 0 var(--dt-space-4); padding: 0; list-style: none; }
.dtk-host-row { display: grid; grid-template-columns: 260px minmax(0, 1fr) auto; align-items: center; column-gap: var(--dt-space-7); padding: 18px 26px; border: var(--dt-stroke) solid var(--dt-line); border-radius: var(--dt-radius-lg); background: var(--dt-surface); }
.dtk-host-name { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.dtk-host-name b { font: 400 28px/1.1 var(--dt-font-display); }
.dtk-host-name span { color: var(--dt-ink-soft); font-weight: var(--dt-weight-strong); }
.dtk-host-share { display: flex; flex-direction: column; gap: var(--dt-space-3); min-width: 0; max-width: 520px; }
.dtk-host-link { min-height: 46px; padding: 0 24px; box-shadow: var(--dt-lift-sm); }
.dtk-hosts-list .dtk-host-end { margin-top: 40px; }

@media (max-width: 1100px) {
  .dtk-host-body { column-gap: var(--dt-space-7); padding-left: var(--dt-space-5); padding-right: var(--dt-space-5); }
  .dtk-host-art { width: 320px; }
  .dtk-hosts-list { padding-left: var(--dt-space-5); padding-right: var(--dt-space-5); }
  .dtk-hosts-hero .dtk-host-tally { width: 400px; }
}
@media (max-width: 860px) {
  .dtk-host-hero { grid-template-columns: 1fr; gap: var(--dt-space-4); padding: 20px 20px 24px; border-width: var(--dt-stroke); border-radius: 28px; }
  .dtk-host-art { order: -1; justify-self: center; width: min(60%, 200px); border-width: var(--dt-stroke); }
  .dtk-host-hero .dtk-lead { font-size: var(--dt-fs-body); margin-bottom: var(--dt-space-4); }
  .dtk-host-actions .dtk-btn { flex: 1 1 100%; }
  .dtk-host-body { grid-template-columns: minmax(0, 1fr); row-gap: var(--dt-space-6); padding: var(--dt-space-6) 0 0; }
  .dtk-host-body > .dtk-host-tally { grid-column: 1; grid-row: auto; }
  .dtk-host-block p { font-size: var(--dt-fs-body); }
  .dtk-host-end { flex-direction: column; align-items: stretch; padding: var(--dt-space-4); gap: var(--dt-space-4); }
  .dtk-host-also { margin-top: 0; font-size: var(--dt-fs-body); }
  .dtk-hosts-hero .dtk-host-tally { width: 100%; }
  .dtk-hosts-list { padding: var(--dt-space-6) 0 0; }
  .dtk-host-row { grid-template-columns: minmax(0, 1fr) auto; row-gap: var(--dt-space-3); padding: var(--dt-space-4); }
  .dtk-host-name { flex-direction: row; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--dt-space-1) var(--dt-space-3); grid-column: 1 / -1; }
  .dtk-host-name b { font-size: 20px; }
  .dtk-host-name span { font-size: 14px; }
  .dtk-host-share { grid-column: 1 / -1; }
  .dtk-host-link { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  .dtk-ending { flex-direction: column; align-items: flex-start; gap: var(--dt-space-1); padding: var(--dt-space-3) var(--dt-space-4); }
}

/* ---- Pages de fond sur les crédits (planche « Pages de fond » du 30/09) : comment marchent les
   crédits (calculateur dans le héros, quatre chemins, texte à gauche et encadré à droite) et crédits
   ou abonnement (la pose weighing dans le héros, tableau, deux cas côte à côte) ---- */
.dtk-guide-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 500px); align-items: center; gap: var(--dt-space-7); padding: var(--dt-space-7) 56px var(--dt-space-7) 76px; }
.dtk-guide-hero-copy { min-width: 0; max-width: 660px; }
.dtk-guide-hero .dtk-hero-title { margin: 0 0 22px; }
.dtk-guide-hero .dtk-lead { max-width: 600px; margin-bottom: 22px; }
.dtk-guide-try { display: flex; align-items: center; gap: 10px; margin: 0; font-weight: var(--dt-weight-strong); }
.dtk-guide-turns { padding: 72px 80px 24px; }
.dtk-guide-turns .dtk-section-head { margin-bottom: 40px; }
.dtk-guide-turns .dtk-section-head .dtk-h2 { max-width: 540px; }
.dtk-guide-turns .dtk-section-head p { flex: 1 1 360px; max-width: 700px; }
.dtk-guide-body { display: flex; flex-direction: column; gap: 72px; padding: 48px 80px 24px; }
.dtk-guide-row { display: grid; grid-template-columns: minmax(0, 680px) minmax(0, 440px); column-gap: 112px; row-gap: var(--dt-space-5); align-items: center; }
.dtk-guide-text { min-width: 0; }
.dtk-guide-text p { font-size: var(--dt-fs-label); line-height: 1.65; }
.dtk-guide-text p:last-child { margin-bottom: 0; }
.dtk-guide-text .dtk-h2 { margin-bottom: 18px; }
.dtk-guide-aside { min-width: 0; margin: 0; }
.dtk-guide-aside-title { margin: 0; font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-guide-examples .dtk-tally-row { flex-wrap: nowrap; padding-top: 14px; padding-bottom: 14px; }
.dtk-guide-examples .dtk-tally-row + .dtk-tally-row { border-top-style: dotted; }
.dtk-guide-examples .dtk-tally-big { white-space: nowrap; }
.dtk-guide-note { margin: var(--dt-space-2) 0 0; font-size: var(--dt-fs-small); font-weight: 600; color: var(--dt-ink-soft); }
.dtk-guide-sample-box { padding: 26px 28px; border-width: var(--dt-stroke-bold); border-style: dashed; border-radius: var(--dt-radius-lg); }
.dtk-guide-sample-box b { font-size: var(--dt-fs-label); }
.dtk-guide-order { display: flex; flex-direction: column; gap: var(--dt-space-3); padding: 26px 28px; }
.dtk-guide-order-row { display: flex; align-items: center; gap: var(--dt-space-4); margin: 0; font-weight: var(--dt-weight-strong); }
.dtk-guide-order-coins { display: flex; flex: none; align-items: center; gap: 6px; min-width: 70px; }
.dtk-guide-faq { display: grid; grid-template-columns: minmax(0, 360px) minmax(0, 1fr); column-gap: 72px; align-items: start; }
.dtk-guide-faq > .dtk-h2 { margin: 0; padding-top: 14px; }
.dtk-guide-end { display: flex; align-items: center; gap: 28px; padding: 28px 32px; }
.dtk-guide-end > div { flex: 1; min-width: 0; }
.dtk-guide-end p { margin: var(--dt-space-1) 0 0; font-size: var(--dt-fs-label); line-height: 1.5; }
.dtk-guide-end .dtk-btn { flex: none; }
.dtk-guide-also { margin: -32px 0 0; font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-guide-also a + a { margin-left: 6px; }
.dtk-vs-art { width: 400px; border: var(--dt-stroke-bold) solid var(--dt-line); }
.dtk-vs-art .dtk-mascot { width: 84%; height: auto; }
.dtk-vs-hero { grid-template-columns: minmax(0, 1fr) auto; }
.dtk-vs-count { align-items: end; }
.dtk-vs-table { border: var(--dt-stroke-bold) solid var(--dt-line); border-radius: var(--dt-radius-lg); box-shadow: var(--dt-lift); overflow: hidden; background: var(--dt-surface); }
.dtk-vs-table .dtk-table { font-size: var(--dt-fs-label); caption-side: bottom; }
.dtk-vs-table caption { padding: var(--dt-space-3) 20px var(--dt-space-4); text-align: left; font-size: 14px; font-weight: 600; color: var(--dt-ink-soft); }
.dtk-vs-table th, .dtk-vs-table td { padding: 16px 20px; border-bottom: var(--dt-stroke) dotted var(--dt-line); }
.dtk-vs-table thead th { background: var(--dt-zone); font-size: var(--dt-fs-small); }
.dtk-vs-files { font: 400 22px/1 var(--dt-font-display); font-variant-numeric: tabular-nums; }
.dtk-vs-aside { font-size: var(--dt-fs-label); line-height: 1.65; }
.dtk-vs-cases { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--dt-space-6); align-items: start; }
.dtk-vs-case { gap: 0; padding: 36px 36px 32px; }
.dtk-vs-case .dtk-h2 { margin-bottom: 20px; }
.dtk-vs-case p { font-size: var(--dt-fs-label); line-height: 1.65; }
.dtk-vs-case p:last-child { margin-bottom: 0; }
.dtk-vs-shares { display: flex; flex-direction: column; gap: 10px; margin: 0 0 var(--dt-space-5); }
.dtk-vs-shares .dtk-share-text { font-size: var(--dt-fs-body); line-height: 1.3; margin-top: var(--dt-space-1); }
.dtk-vs-line .dtk-tally-row { flex-wrap: nowrap; align-items: flex-start; }
.dtk-vs-line-note { max-width: 12em; text-align: right; font-weight: var(--dt-weight-label); }

@media (max-width: 1100px) {
  .dtk-guide-hero { grid-template-columns: minmax(0, 1fr) minmax(0, 440px); padding-left: var(--dt-space-7); padding-right: var(--dt-space-6); }
  .dtk-guide-turns, .dtk-guide-body { padding-left: var(--dt-space-5); padding-right: var(--dt-space-5); }
  .dtk-guide-row { column-gap: var(--dt-space-7); }
  .dtk-vs-art { width: 320px; }
}
@media (max-width: 860px) {
  .dtk-guide-hero { grid-template-columns: minmax(0, 1fr); gap: var(--dt-space-5); padding: 20px 20px 24px; border-width: var(--dt-stroke); border-radius: 28px; }
  .dtk-guide-hero .dtk-lead { font-size: var(--dt-fs-body); margin-bottom: var(--dt-space-4); }
  .dtk-guide-try { display: none; }
  .dtk-vs-art { order: -1; justify-self: center; width: min(70%, 240px); border-width: var(--dt-stroke); }
  .dtk-guide-turns { padding: var(--dt-space-6) 0 0; }
  .dtk-guide-turns .dtk-section-head { margin-bottom: var(--dt-space-4); }
  .dtk-guide-turns .dtk-section-head p { display: none; }
  .dtk-guide-body { gap: var(--dt-space-6); padding: var(--dt-space-6) 0 0; }
  .dtk-guide-row { grid-template-columns: minmax(0, 1fr); }
  .dtk-guide-text p, .dtk-vs-case p, .dtk-vs-aside { font-size: var(--dt-fs-body); }
  .dtk-guide-faq { grid-template-columns: minmax(0, 1fr); row-gap: var(--dt-space-4); }
  .dtk-guide-faq > .dtk-h2 { padding-top: 0; }
  .dtk-guide-end { flex-direction: column; align-items: stretch; padding: var(--dt-space-4); gap: var(--dt-space-4); }
  .dtk-guide-also { margin-top: 0; font-size: var(--dt-fs-body); }
  .dtk-vs-cases { grid-template-columns: minmax(0, 1fr); gap: var(--dt-space-5); }
  .dtk-vs-case { padding: var(--dt-space-5) 20px; }
  .dtk-vs-credits { display: none; }
  .dtk-vs-table th, .dtk-vs-table td { padding: 12px 14px; }
  .dtk-guide-sample-box, .dtk-guide-order { padding: 20px; }
}

/* Liens vers les pages de fond sur les crédits (accueil, tarifs, fiches, hub) */
.dtk-page-more { margin: var(--dt-space-5) 0 0; font-size: var(--dt-fs-label); font-weight: var(--dt-weight-label); }
.dtk-home-steps + .dtk-page-more { text-align: center; }
.dtk-pricing-hosts a + a { margin-left: var(--dt-space-5); }
.dtk-host-calc { font-weight: var(--dt-weight-label); }
.dtk-home-faq-list { min-width: 0; }
@media (max-width: 860px) {
  .dtk-home-steps + .dtk-page-more { text-align: left; }
  .dtk-pricing-hosts a + a { display: block; margin: var(--dt-space-3) 0 0; }
}
/* Maintenance du site (brands/dt/views/maintenance.php) */
.dtk-maint-top { padding-block: var(--dt-space-5); }
.dtk-lost .dtk-maint-row { display: flex; align-items: center; gap: var(--dt-space-2); margin: var(--dt-space-4) 0 0; }