/* Cinéma cognitif — design tokens (18.10.2026).
   Self-hosted faces only. No Google Fonts CDN. Loaded after the
   inline :root blocks so these custom properties win site-wide. */

/* Latin + latin-ext, static weights. font-display: swap.
   Preload only Inter 400 and Playfair 700 (the two critical faces). */
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/fonts/inter-latin-ext-400.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:400;
  font-display:swap;
  src:url("/fonts/inter-latin-400.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("/fonts/inter-latin-ext-500.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:500;
  font-display:swap;
  src:url("/fonts/inter-latin-500.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("/fonts/inter-latin-ext-700.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("/fonts/inter-latin-700.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
/* Inter 300 : uniquement pour du texte déjà plus grand que 20 px. */
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url("/fonts/inter-latin-ext-300.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Inter";
  font-style:normal;
  font-weight:300;
  font-display:swap;
  src:url("/fonts/inter-latin-300.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Playfair Display";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("/fonts/playfair-display-latin-ext-700.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Playfair Display";
  font-style:normal;
  font-weight:700;
  font-display:swap;
  src:url("/fonts/playfair-display-latin-700.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{
  font-family:"Playfair Display";
  font-style:italic;
  font-weight:700;
  font-display:swap;
  src:url("/fonts/playfair-display-latin-ext-700italic.woff2") format("woff2");
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF;
}
@font-face{
  font-family:"Playfair Display";
  font-style:italic;
  font-weight:700;
  font-display:swap;
  src:url("/fonts/playfair-display-latin-700italic.woff2") format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}

:root{
  /* surfaces */
  --bg:#07050c;
  --bg-raised:#120c1d;
  --bg-panel:#161022;
  --bg-hud:#07050c59;

  /* accents — surfaces, boutons, bordures, dégradés. Jamais en texte sur fond sombre. */
  --violet:#6d28d9;
  --violet-deep:#6d28d9;
  --violet-soft:#6d28d9;
  --pink:#be185d;
  --pink-deep:#be185d;

  /* anti-fatigue ink: off-white, never pure white for running text */
  --ink:#f3efe6;
  --ink-soft:#e6e0d6;
  --muted:#a59d91;
  --faint:#a59d91;

  --line:rgba(243,239,230,.16);
  --focus:#e4ccff;
  --mastered:#e7d7a8;
  --open-trail:#d7c4f5;

  --font-ui:"Inter",system-ui,sans-serif;
  --font-heading:"Playfair Display",Georgia,serif;
  --ease:cubic-bezier(.2,.7,.2,1);

  /* aliases picked up by the existing shell */
  --bg2:var(--bg-raised);
  --card:var(--bg-panel);
  --card-hover:#221832;
  --p:var(--violet);
  --p2:var(--violet-soft);
  --pk:var(--pink-deep);
  --tx:var(--ink);
  --mu:var(--muted);
  --display:var(--font-ui);
  --serif:var(--font-heading);
  --act1:var(--pink-deep);
  --act2:var(--violet-deep);
  --act3:#9d174d;
  --pk-tx:var(--ink);
}

html,body{
  font-family:var(--font-ui);
  color:var(--ink);
  background:var(--bg);
}
:focus-visible{outline-color:var(--focus)}

/* Lecture confort. Les couleurs ne vivent que dans ces tokens. */
:root{
  --panel:var(--bg-panel);
  --on-accent:var(--ink);
}

.reading-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-sizing:border-box;
  min-width:44px;
  min-height:44px;
  padding:0 .75rem;
  border-radius:999px;
  border:1px solid var(--line);
  background:transparent;
  color:var(--ink);
  font-family:var(--font-ui);
  font-weight:700;
  font-size:1rem;
  line-height:1;
  letter-spacing:0;
  word-spacing:normal;
  cursor:pointer;
}
.reading-toggle:focus-visible{
  outline:3px solid var(--focus);
  outline-offset:3px;
}

html[data-reading="comfort"]{
  --bg:#f7f3e8;
  --bg-raised:#efe9da;
  --bg-panel:#ffffff;
  --bg-hud:#f7f3e8;
  --panel:#ffffff;
  --ink:#1f1a2b;
  --ink-soft:#1f1a2b;
  --muted:#4a4458;
  --faint:#4a4458;
  --tx:var(--ink);
  --mu:var(--muted);
  --card:#ffffff;
  --card-hover:#efe9da;
  --bg2:#efe9da;
  --line:rgba(31,26,43,.22);
  --focus:var(--violet-deep);
  --font-heading:"Inter",system-ui,sans-serif;
  --serif:"Inter",system-ui,sans-serif;
  --display:"Inter",system-ui,sans-serif;
  --violet:var(--violet-deep);
  --violet-soft:var(--violet-deep);
  --pink:var(--pink-deep);
  --p:var(--violet-deep);
  --p2:var(--violet-deep);
  --pk:var(--pink-deep);
  --pk-tx:var(--pink-deep);
  --on-accent:#f7f3e8;
  color-scheme:light;
}

html[data-reading="comfort"] body{
  background:var(--bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
  font-family:Inter,system-ui,sans-serif!important;
  font-size:18px!important;
  line-height:1.6!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
}

html[data-reading="comfort"] body,
html[data-reading="comfort"] body *{
  font-family:Inter,system-ui,sans-serif!important;
  font-style:normal!important;
  text-transform:none!important;
  text-shadow:none!important;
}

html[data-reading="comfort"] .reading-toggle,
html[data-reading="comfort"] .reading-toggle *{
  letter-spacing:0!important;
  word-spacing:normal!important;
  text-transform:none!important;
}

html[data-reading="comfort"] body>header,
html[data-reading="comfort"] header.top,
html[data-reading="comfort"] header.site-header,
html[data-reading="comfort"] header.nav,
html[data-reading="comfort"] .nav,
html[data-reading="comfort"] .nav.solid,
html[data-reading="comfort"] footer,
html[data-reading="comfort"] .beta,
html[data-reading="comfort"] .hud,
html[data-reading="comfort"] #player,
html[data-reading="comfort"] .ov,
html[data-reading="comfort"] .skip{
  background:var(--bg)!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
  color:var(--ink)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

html[data-reading="comfort"] .card,
html[data-reading="comfort"] .tile,
html[data-reading="comfort"] .panel,
html[data-reading="comfort"] .mbox,
html[data-reading="comfort"] .ebox,
html[data-reading="comfort"] .avbox,
html[data-reading="comfort"] article,
html[data-reading="comfort"] .games a,
html[data-reading="comfort"] main .wrap{
  background-color:var(--panel)!important;
  background-image:none!important;
  box-shadow:none!important;
  color:var(--ink)!important;
}

html[data-reading="comfort"] h1,
html[data-reading="comfort"] h2,
html[data-reading="comfort"] h3,
html[data-reading="comfort"] h4,
html[data-reading="comfort"] h5,
html[data-reading="comfort"] h6,
html[data-reading="comfort"] .bento h2,
html[data-reading="comfort"] .hero .slogan{
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:700!important;
  font-style:normal!important;
  text-transform:none!important;
  letter-spacing:.02em!important;
  word-spacing:normal!important;
  line-height:1.2!important;
  background:none!important;
  background-image:none!important;
  -webkit-text-fill-color:var(--ink)!important;
  color:var(--ink)!important;
  text-shadow:none!important;
}

html[data-reading="comfort"] .logo,
html[data-reading="comfort"] .logo em{
  font-family:Inter,system-ui,sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.03em!important;
  word-spacing:normal!important;
  line-height:1!important;
  background:none!important;
  background-image:none!important;
  -webkit-text-fill-color:var(--ink)!important;
  color:var(--ink)!important;
  text-shadow:none!important;
}

html[data-reading="comfort"] p,
html[data-reading="comfort"] li,
html[data-reading="comfort"] .lead,
html[data-reading="comfort"] .note{
  max-width:65ch;
  margin-bottom:2em;
  font-size:18px!important;
  line-height:1.6!important;
  letter-spacing:.12em!important;
  word-spacing:.16em!important;
}

html[data-reading="comfort"] header p,
html[data-reading="comfort"] header li,
html[data-reading="comfort"] .nav p,
html[data-reading="comfort"] .nav li,
html[data-reading="comfort"] .card p,
html[data-reading="comfort"] .card li,
html[data-reading="comfort"] .hud p,
html[data-reading="comfort"] .hud li{
  max-width:none;
  margin-bottom:0;
}

html[data-reading="comfort"] a,
html[data-reading="comfort"] button,
html[data-reading="comfort"] label,
html[data-reading="comfort"] input,
html[data-reading="comfort"] select,
html[data-reading="comfort"] textarea{
  font-size:max(18px,1em)!important;
  line-height:1.6!important;
}

html[data-reading="comfort"] *{
  text-align:left!important;
}

html[data-reading="comfort"] a{
  color:var(--violet-deep)!important;
  -webkit-text-fill-color:var(--violet-deep)!important;
}

html[data-reading="comfort"] .btn.play,
html[data-reading="comfort"] .cta,
html[data-reading="comfort"] a.mail,
html[data-reading="comfort"] a.back,
html[data-reading="comfort"] .pathb.first,
html[data-reading="comfort"] .sbadge,
html[data-reading="comfort"] .badge,
html[data-reading="comfort"] .agebadge,
html[data-reading="comfort"] .avtab[aria-selected="true"],
html[data-reading="comfort"] .reading-toggle[aria-pressed="true"]{
  background:var(--violet-deep)!important;
  background-image:none!important;
  color:var(--on-accent)!important;
  -webkit-text-fill-color:var(--on-accent)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html[data-reading="comfort"] body .card .art>.cap,
html[data-reading="comfort"] body .card .art>.cap::before{
  background:var(--panel)!important;
  background-image:none!important;
}

html[data-reading="comfort"] .hero .slogan,
html[data-reading="comfort"] .lead,
html[data-reading="comfort"] .hero p,
html[data-reading="comfort"] .hero .meta,
html[data-reading="comfort"] .btn.info,
html[data-reading="comfort"] .tag,
html[data-reading="comfort"] .links a,
html[data-reading="comfort"] .links a:hover,
html[data-reading="comfort"] body .card .art>.cap b,
html[data-reading="comfort"] body .card .art>.cap small,
html[data-reading="comfort"] body .card .art>.cap .pct,
html[data-reading="comfort"] .soon-card .cap b,
html[data-reading="comfort"] .soon-card .cap small,
html[data-reading="comfort"] .obj,
html[data-reading="comfort"] .dur,
html[data-reading="comfort"] .esum,
html[data-reading="comfort"] .erev{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  text-shadow:none!important;
  background-image:none!important;
  overflow:visible!important;
  -webkit-line-clamp:unset!important;
  line-clamp:unset!important;
  line-height:1.6!important;
}
html[data-reading="comfort"] .hero .slogan{
  letter-spacing:.02em!important;
  word-spacing:normal!important;
  line-height:1.2!important;
  font-weight:700!important;
}

html[data-reading="comfort"] .hero .slogan::before,
html[data-reading="comfort"] #profiles h1::before,
html[data-reading="comfort"] .ebox h2::before,
html[data-reading="comfort"] .mbox .art b::before,
html[data-reading="comfort"] .logo::before{
  display:none!important;
  background:none!important;
  content:none!important;
}

html[data-reading="comfort"] .btn.info,
html[data-reading="comfort"] .pback,
html[data-reading="comfort"] input,
html[data-reading="comfort"] select,
html[data-reading="comfort"] textarea{
  background:var(--panel)!important;
  background-image:none!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
  border-color:var(--violet-deep)!important;
}

html[data-reading="comfort"] .logo-img,
html[data-reading="comfort"] .logo-wide,
html[data-reading="comfort"] .hero-lockup{
  filter:brightness(0);
}

html[data-reading="comfort"] .nav,
html[data-reading="comfort"] .right,
html[data-reading="comfort"] .links,
html[data-reading="comfort"] header,
html[data-reading="comfort"] .lang-wrap,
html[data-reading="comfort"] .lang-box,
html[data-reading="comfort"] .langbox,
html[data-reading="comfort"] .hud{
  flex-wrap:wrap!important;
  height:auto!important;
}

html[data-reading="comfort"] .hero{
  min-height:0!important;
  height:auto!important;
  align-items:flex-start!important;
  padding-top:4.75rem!important;
  padding-bottom:1.25rem!important;
}
html[data-reading="comfort"] .hero-bg,
html[data-reading="comfort"] .hero-bg::after{
  height:0!important;
  min-height:0!important;
  max-height:0!important;
  inset:auto!important;
  margin:0!important;
  padding:0!important;
  overflow:hidden!important;
  background:none!important;
  background-image:none!important;
  border:0!important;
}
html[data-reading="comfort"] .hero-bg .hero-media{display:none!important}
html[data-reading="comfort"] .hero-c{margin-top:0!important}
html[data-reading="comfort"] .hero-dots{display:none!important}
html[data-reading="comfort"] main{margin-top:0!important}

html[data-reading="comfort"] #player,
html[data-reading="comfort"] #player .hud,
html[data-reading="comfort"] .pback{
  background:var(--bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
  text-shadow:none!important;
  box-shadow:none!important;
}

html[data-reading="comfort"] *,
html[data-reading="comfort"] *::before,
html[data-reading="comfort"] *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important;
}

html[data-reading="comfort"] #hero-shader{
  display:none!important;
}

html[data-reading="comfort"] .bento,
html[data-reading="comfort"] footer,
html[data-reading="comfort"] #hs-ov,
html[data-reading="comfort"] #profiles,
html[data-reading="comfort"] #end,
html[data-reading="comfort"] #avpick,
html[data-reading="comfort"] .beta,
html[data-reading="comfort"] .ov{
  background:var(--bg)!important;
  background-image:none!important;
  color:var(--ink)!important;
}

html[data-reading="comfort"] .tile,
html[data-reading="comfort"] .tile-hero,
html[data-reading="comfort"] .hs-card,
html[data-reading="comfort"] .hs-btn,
html[data-reading="comfort"] .hs-modal-lock,
html[data-reading="comfort"] .hero .meta .pub,
html[data-reading="comfort"] .soon,
html[data-reading="comfort"] .avatar,
html[data-reading="comfort"] .mini,
html[data-reading="comfort"] .x,
html[data-reading="comfort"] .arrow{
  background:var(--panel)!important;
  background-image:none!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html[data-reading="comfort"] body *{
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}

html[data-reading="comfort"] body a{
  color:var(--violet-deep)!important;
  -webkit-text-fill-color:var(--violet-deep)!important;
}

html[data-reading="comfort"] .btn.play,
html[data-reading="comfort"] .btn.play *,
html[data-reading="comfort"] .cta,
html[data-reading="comfort"] .cta *,
html[data-reading="comfort"] a.mail,
html[data-reading="comfort"] a.back,
html[data-reading="comfort"] a.back *,
html[data-reading="comfort"] .pathb.first,
html[data-reading="comfort"] .pathb.first *,
html[data-reading="comfort"] .sbadge,
html[data-reading="comfort"] .badge,
html[data-reading="comfort"] .badge *,
html[data-reading="comfort"] .agebadge,
html[data-reading="comfort"] .avtab[aria-selected="true"],
html[data-reading="comfort"] .reading-toggle[aria-pressed="true"],
html[data-reading="comfort"] .reading-toggle[aria-pressed="true"] *,
html[data-reading="comfort"] .hs-btn[aria-pressed="true"],
html[data-reading="comfort"] .hs-btn[aria-pressed="true"] *{
  background-color:var(--violet-deep)!important;
  background-image:none!important;
  color:var(--on-accent)!important;
  -webkit-text-fill-color:var(--on-accent)!important;
  box-shadow:none!important;
  text-shadow:none!important;
}

html[data-reading="comfort"] .note,
html[data-reading="comfort"] .hs-subtitle,
html[data-reading="comfort"] .hs-sec{
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
}

html[data-reading="comfort"] th,
html[data-reading="comfort"] td,
html[data-reading="comfort"] thead th,
html[data-reading="comfort"] tbody tr,
html[data-reading="comfort"] tbody tr:nth-child(odd),
html[data-reading="comfort"] tbody tr:nth-child(odd) th,
html[data-reading="comfort"] tbody tr:nth-child(odd) td{
  background:var(--panel)!important;
  background-image:none!important;
  color:var(--ink)!important;
  -webkit-text-fill-color:var(--ink)!important;
}

/* Ligne du pied de page : Inter 400 14 px, var(--muted), centrée, sans pastille. */
footer .ai-line{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  column-gap:0;
  gap:0;
  width:100%;
  max-width:none;
  box-sizing:border-box;
  margin:16px 0 0;
  padding:0;
  font-family:var(--font-ui);
  font-weight:400;
  font-size:14px;
  line-height:1.4;
  color:var(--muted);
  -webkit-text-fill-color:var(--muted);
  text-align:center;
  background:none;
  text-shadow:none;
}
footer .ai-line a{
  color:var(--muted);
  -webkit-text-fill-color:var(--muted);
  font-family:var(--font-ui);
  font-weight:400;
  font-size:14px;
  line-height:1.4;
  text-decoration:underline;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
  display:inline-flex;
  align-items:center;
  min-height:44px;
  margin:0;
  padding:0;
  background:none;
  text-shadow:none;
}
footer .ai-line a:hover{color:var(--ink);-webkit-text-fill-color:var(--ink)}
html[data-reading="comfort"] footer .ai-line,
html[data-reading="comfort"] footer .ai-line a{
  font-family:var(--font-ui)!important;
  font-weight:400!important;
  font-size:14px!important;
  line-height:1.4!important;
  color:var(--muted)!important;
  -webkit-text-fill-color:var(--muted)!important;
  background:none!important;
  background-image:none!important;
  text-shadow:none!important;
  text-align:center!important;
  max-width:none!important;
  margin-bottom:0!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
}
footer .ai-line a + span{
  margin-inline-start:-0.15em;
}

/* Portes d'accueil : le mode confort remappe --ink en encre sombre.
   Le fond de ces portes reste sombre, donc le texte, les liens et les boutons
   gardent des couleurs claires (WCAG AA). */
html[data-reading="comfort"] #hg-onb,
html[data-reading="comfort"] #hg-onb .hg-onb-card,
html[data-reading="comfort"] #hg-onb h1,
html[data-reading="comfort"] #hg-onb h2,
html[data-reading="comfort"] #hg-onb h3,
html[data-reading="comfort"] #hg-onb h4,
html[data-reading="comfort"] #hg-onb h5,
html[data-reading="comfort"] #hg-onb h6,
html[data-reading="comfort"] #hg-onb p,
html[data-reading="comfort"] #hg-onb li,
html[data-reading="comfort"] #hg-onb .hg-onb-step,
html[data-reading="comfort"] #hg-onb .muted,
html[data-reading="comfort"] #hg-onb strong,
html[data-reading="comfort"] #hg-onb em{
  color:#f3efe6!important;
  -webkit-text-fill-color:#f3efe6!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
  max-width:none!important;
}
html[data-reading="comfort"] #hg-onb{
  background-color:#07050c!important;
}
html[data-reading="comfort"] #hg-onb .hg-onb-card{
  background-color:#140d21!important;
  background-image:none!important;
}
html[data-reading="comfort"] #onb-cgu,
html[data-reading="comfort"] #hg-onb #onb-cgu,
html[data-reading="comfort"] #hg-onb #onb-cgu *,
html[data-reading="comfort"] #hg-onb .kids,
html[data-reading="comfort"] #hg-onb .kids *{
  background-color:#0d0817!important;
  color:#f3efe6!important;
  -webkit-text-fill-color:#f3efe6!important;
}
html[data-reading="comfort"] #hg-onb a{
  color:#f3efe6!important;
  -webkit-text-fill-color:#f3efe6!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
html[data-reading="comfort"] #hg-onb .hg-onb-btn{
  background:linear-gradient(to right,#be185d,#6d28d9)!important;
  background-image:linear-gradient(to right,#be185d,#6d28d9)!important;
  color:#f7f3e8!important;
  -webkit-text-fill-color:#f7f3e8!important;
}
html[data-reading="comfort"] #hg-onb .hg-onb-btn[aria-disabled="true"]{
  background:#2a2438!important;
  background-image:none!important;
  color:#f3efe6!important;
  -webkit-text-fill-color:#f3efe6!important;
}
html[data-reading="comfort"] #hg-onb .hg-onb-link{
  background:transparent!important;
  background-image:none!important;
  color:#f3efe6!important;
  -webkit-text-fill-color:#f3efe6!important;
  text-decoration:underline;
  text-underline-offset:3px;
}
html[data-reading="comfort"] #hg-lang,
html[data-reading="comfort"] #hg-lang #hg-card,
html[data-reading="comfort"] #hg-lang h1,
html[data-reading="comfort"] #hg-lang h2,
html[data-reading="comfort"] #hg-lang p,
html[data-reading="comfort"] #hg-lang .hg-btn,
html[data-reading="comfort"] #hg-lang .hg-code{
  color:#f3efe6!important;
  -webkit-text-fill-color:#f3efe6!important;
  letter-spacing:normal!important;
  word-spacing:normal!important;
}
html[data-reading="comfort"] #hg-lang{
  background-color:#07050c!important;
}
html[data-reading="comfort"] #hg-lang #hg-card{
  background-color:#140d21!important;
  background-image:none!important;
}
html[data-reading="comfort"] #hg-lang .hg-btn{
  background:#2a2438!important;
  background-image:none!important;
}
html[data-reading="comfort"] #hg-lang #hg-continue,
html[data-reading="comfort"] #hg-lang .hg-btn[aria-pressed="true"]{
  background:linear-gradient(to right,#be185d,#6d28d9)!important;
  background-image:linear-gradient(to right,#be185d,#6d28d9)!important;
  color:#f7f3e8!important;
  -webkit-text-fill-color:#f7f3e8!important;
}