/*
 * Sleeple Reference Identity — 2026-09
 * Visual source of truth: supplied Sleeple reference capture.
 * Exact sampled reference colors:
 *   navy #05182D · blue-grey #5B7692 · sage #809889 · beige #F2EFEA · accent #E28D84
 *
 * This stylesheet is intentionally loaded last on public FR/EN pages.
 * It centralizes the visual system while preserving existing content, URLs and semantic markup.
 */

@font-face{
  font-family:"Sleeple UI";
  src:url("../fonts/outfit-latin-wght-normal.woff2") format("woff2");
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
}

html[data-sleeple-identity="reference-2026"]{
  --color-bg:#F7F6F3;
  --color-surface:#FCFCFC;
  --color-surface-soft:#F4F5F1;
  --color-navy:#05182D;
  --color-navy-soft:#10283D;
  --color-sage:#809889;
  --color-sage-strong:#667F70;
  --color-sage-light:#E8EEEA;
  --color-blue-grey:#5B7692;
  --color-blue-grey-light:#E9EEF2;
  --color-label:#45637E;
  --color-beige:#F2EFEA;
  --color-beige-deep:#E6DED3;
  --color-accent:#E28D84;
  --color-accent-light:#F8E9E6;
  --color-text:#263441;
  --color-text-muted:#5F6A73;
  --color-border:#DCE2DE;
  --color-border-strong:#C9D2CC;
  --color-on-dark:#F8F6F1;
  --color-on-dark-muted:#C9D2D8;

  --font-serif:"Newsreader","Instrument Serif","Playfair Display",Georgia,"Times New Roman",serif;
  --font-sans:"Sleeple UI",Manrope,Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --font-size-xs:.75rem;
  --font-size-sm:.875rem;
  --font-size-base:1rem;
  --font-size-lg:1.125rem;
  --font-size-xl:1.35rem;
  --font-size-h3:clamp(1.28rem,2.1vw,1.65rem);
  --font-size-h2:clamp(2rem,4.4vw,3.7rem);
  --font-size-h1:clamp(3rem,6.3vw,5.65rem);
  --line-tight:1.03;
  --line-copy:1.7;
  --measure:70ch;

  --content-max:1180px;
  --content-narrow:780px;
  --space-1:.375rem;
  --space-2:.625rem;
  --space-3:.875rem;
  --space-4:1.125rem;
  --space-5:1.5rem;
  --space-6:2rem;
  --space-7:2.75rem;
  --space-8:3.75rem;
  --space-9:5rem;
  --space-10:6.5rem;

  --radius-sm:10px;
  --radius-md:16px;
  --radius-lg:22px;
  --radius-xl:30px;
  --radius-pill:999px;
  --shadow-card:0 12px 34px rgba(5,24,45,.055);
  --shadow-card-hover:0 18px 46px rgba(5,24,45,.085);
  --shadow-float:0 28px 70px rgba(5,24,45,.12);
  --button-height:48px;
  --button-height-lg:54px;
  --header-height:70px;

  /* Compatibility aliases for legacy and V2 styles. */
  --brand-blue:var(--color-blue-grey);
  --brand-dark:var(--color-navy);
  --brand-light:var(--color-sage-light);
  --accent-soft:var(--color-blue-grey-light);
  --text-main:var(--color-text);
  --text-heading:var(--color-navy);
  --text-muted:var(--color-text-muted);
  --text-on-brand:#fff;
  --bg-white:var(--color-surface);
  --bg-soft:var(--color-bg);
  --border-light:var(--color-border);
  --shadow-soft:var(--shadow-card);
  --container-width:var(--content-max);
  --font-heading:var(--font-serif);
  --font-body:var(--font-sans);

  --v2-ink:var(--color-navy);
  --v2-ink-2:var(--color-navy-soft);
  --v2-ivory:var(--color-bg);
  --v2-paper:var(--color-surface);
  --v2-blue:var(--color-blue-grey);
  --v2-blue-deep:#45637E;
  --v2-aqua:var(--color-sage);
  --v2-green:var(--color-sage);
  --v2-peach:var(--color-accent);
  --v2-violet:var(--color-blue-grey);
  --v2-red:var(--color-accent);
  --v2-text:var(--color-text);
  --v2-muted:var(--color-text-muted);
  --v2-line:rgba(5,24,45,.11);
  --v2-radius:var(--radius-xl);

  color-scheme:light;
  background:var(--color-bg);
  scroll-padding-top:calc(var(--header-height) + 18px);
}

html[data-sleeple-identity="reference-2026"][data-theme="dark"]{
  --color-bg:#0B1B2A;
  --color-surface:#112638;
  --color-surface-soft:#162D3D;
  --color-navy:#F4F1EA;
  --color-navy-soft:#DDE6E6;
  --color-sage:#9CB0A3;
  --color-sage-strong:#B3C3B9;
  --color-sage-light:#213A36;
  --color-blue-grey:#9EB0C1;
  --color-blue-grey-light:#1A3043;
  --color-label:#D4DEE2;
  --color-beige:#1B2B37;
  --color-beige-deep:#263A46;
  --color-accent:#E7A49C;
  --color-accent-light:#402F31;
  --color-text:#E8ECEA;
  --color-text-muted:#B3BEC4;
  --color-border:#294151;
  --color-border-strong:#3A5260;
  --color-on-dark:#F8F6F1;
  --color-on-dark-muted:#C9D2D8;
  --bg-white:var(--color-surface);
  --bg-soft:var(--color-bg);
  --text-main:var(--color-text);
  --text-heading:var(--color-navy);
  --text-muted:var(--color-text-muted);
  --border-light:var(--color-border);
  --brand-dark:#071522;
  --v2-ivory:var(--color-bg);
  --v2-paper:var(--color-surface);
  color-scheme:dark;
}

/* Base */
html[data-sleeple-identity="reference-2026"] body{
  margin:0;
  background:var(--color-bg);
  color:var(--color-text);
  font-family:var(--font-sans);
  font-size:16px;
  line-height:var(--line-copy);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}

html[data-sleeple-identity="reference-2026"] body,
html[data-sleeple-identity="reference-2026"] input,
html[data-sleeple-identity="reference-2026"] button,
html[data-sleeple-identity="reference-2026"] textarea,
html[data-sleeple-identity="reference-2026"] select{
  font-family:var(--font-sans);
}

html[data-sleeple-identity="reference-2026"] h1,
html[data-sleeple-identity="reference-2026"] h2,
html[data-sleeple-identity="reference-2026"] .logo-text,
html[data-sleeple-identity="reference-2026"] .brand-word{
  font-family:var(--font-serif);
  color:var(--color-navy);
  letter-spacing:-.025em;
}

html[data-sleeple-identity="reference-2026"] h1{font-weight:500;line-height:var(--line-tight)}
html[data-sleeple-identity="reference-2026"] h2{font-weight:500;line-height:1.08}
html[data-sleeple-identity="reference-2026"] h3{color:var(--color-navy);line-height:1.28}
html[data-sleeple-identity="reference-2026"] p{color:var(--color-text)}
html[data-sleeple-identity="reference-2026"] img{max-width:100%;height:auto}

html[data-sleeple-identity="reference-2026"] .container{
  width:min(var(--content-max),calc(100% - 48px));
  max-width:none;
  margin-inline:auto;
}

html[data-sleeple-identity="reference-2026"] a{
  text-underline-offset:.18em;
  text-decoration-thickness:1px;
}

html[data-sleeple-identity="reference-2026"] :where(a,button,input,textarea,select,summary,[tabindex]):focus-visible{
  outline:3px solid var(--color-accent)!important;
  outline-offset:3px!important;
}

html[data-sleeple-identity="reference-2026"] button,
html[data-sleeple-identity="reference-2026"] .btn,
html[data-sleeple-identity="reference-2026"] [role="button"]{
  min-height:44px;
}

html[data-sleeple-identity="reference-2026"] .sleeple-skip-link{
  position:fixed;
  z-index:5000;
  left:16px;
  top:12px;
  transform:translateY(-160%);
  padding:10px 14px;
  border-radius:var(--radius-md);
  background:var(--color-navy);
  color:var(--color-on-dark);
  box-shadow:var(--shadow-float);
}
html[data-sleeple-identity="reference-2026"] .sleeple-skip-link:focus{transform:none}

/* Unified header and navigation */
html[data-sleeple-identity="reference-2026"] .site-header,
html[data-sleeple-identity="reference-2026"] .hub-header,
html[data-sleeple-identity="reference-2026"][data-theme="dark"] .site-header{
  position:sticky;
  top:0;
  z-index:1000;
  height:auto;
  min-height:var(--header-height);
  background:rgba(247,246,243,.94)!important;
  border-bottom:1px solid rgba(5,24,45,.08)!important;
  box-shadow:none!important;
  backdrop-filter:blur(16px) saturate(115%);
  -webkit-backdrop-filter:blur(16px) saturate(115%);
  color:var(--color-navy)!important;
}

html[data-sleeple-identity="reference-2026"][data-theme="dark"] .site-header,
html[data-sleeple-identity="reference-2026"][data-theme="dark"] .hub-header{
  background:rgba(11,27,42,.94)!important;
  border-bottom-color:var(--color-border)!important;
}

html[data-sleeple-identity="reference-2026"] .header-inner,
html[data-sleeple-identity="reference-2026"] .hub-nav{
  min-height:var(--header-height)!important;
  gap:20px;
}

html[data-sleeple-identity="reference-2026"] :where(.logo,.brand-v2,.hub-brand){
  display:flex;
  align-items:center;
  gap:9px;
  color:var(--color-navy)!important;
  text-decoration:none;
}

html[data-sleeple-identity="reference-2026"] :where(.logo-svg,.brand-mark,.hub-mark){
  color:var(--color-navy)!important;
}

html[data-sleeple-identity="reference-2026"] :where(.brand-mark,.hub-mark){
  width:34px!important;
  height:34px!important;
  border-radius:50%!important;
  border:1px solid var(--color-border)!important;
  background:var(--color-surface)!important;
  box-shadow:none!important;
}

html[data-sleeple-identity="reference-2026"] :where(.logo-text,.brand-word){
  color:var(--color-navy)!important;
  font-size:1.68rem!important;
  font-weight:500!important;
  letter-spacing:-.03em!important;
}

html[data-sleeple-identity="reference-2026"] :where(.nav-list,.nav-v2,.hub-links){
  gap:3px!important;
  align-items:center;
}

html[data-sleeple-identity="reference-2026"] :where(.nav-list a,.nav-v2 a,.hub-links a){
  min-height:40px;
  display:inline-flex;
  align-items:center;
  padding:8px 11px!important;
  border-radius:var(--radius-sm)!important;
  color:var(--color-text)!important;
  background:transparent!important;
  font-size:.86rem!important;
  font-weight:650!important;
  text-decoration:none!important;
}

html[data-sleeple-identity="reference-2026"] :where(.nav-list a,.nav-v2 a,.hub-links a):hover,
html[data-sleeple-identity="reference-2026"] :where(.nav-list a,.nav-v2 a,.hub-links a)[aria-current="page"],
html[data-sleeple-identity="reference-2026"] .nav-list a.active{
  color:var(--color-navy)!important;
  background:var(--color-sage-light)!important;
}

html[data-sleeple-identity="reference-2026"] :where(.header-bilan,.hub-bilan,.article-nav-cta,.nav-buy,.nav-cta){
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:0 15px!important;
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-pill)!important;
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
  font-weight:750!important;
  box-shadow:none!important;
}

html[data-sleeple-identity="reference-2026"] .header-actions{
  gap:4px!important;
  color:var(--color-navy)!important;
}

html[data-sleeple-identity="reference-2026"] .header-actions :where(button,.lang-btn,.icon-button){
  min-width:42px!important;
  width:auto!important;
  height:42px!important;
  min-height:42px!important;
  margin:0!important;
  padding:0 10px!important;
  display:grid!important;
  place-items:center!important;
  border:1px solid transparent!important;
  border-radius:12px!important;
  background:transparent!important;
  color:var(--color-navy)!important;
  box-shadow:none!important;
}

html[data-sleeple-identity="reference-2026"] .header-actions :where(button,.lang-btn,.icon-button):hover{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
}

html[data-sleeple-identity="reference-2026"] .mobile-menu-toggle span{
  background:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .lang-menu{
  overflow:hidden;
  border:1px solid var(--color-border)!important;
  border-radius:14px!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card-hover)!important;
}
html[data-sleeple-identity="reference-2026"] .lang-option{
  color:var(--color-text)!important;
  background:transparent!important;
}
html[data-sleeple-identity="reference-2026"] .lang-option:hover{background:var(--color-sage-light)!important}
html[data-sleeple-identity="reference-2026"] .mobile-menu-overlay{
  background:var(--color-bg)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .mobile-nav-list a{color:var(--color-navy)!important}

/* Buttons and labels */
html[data-sleeple-identity="reference-2026"] :where(.btn,.cta-primary,.cta-secondary){
  min-height:var(--button-height);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:0 20px;
  border-radius:var(--radius-pill)!important;
  font-size:.94rem;
  font-weight:760;
  transition:transform .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease;
  text-decoration:none;
}

html[data-sleeple-identity="reference-2026"] :where(.btn-primary,.cta-primary){
  border:1px solid var(--color-sage-strong)!important;
  background:var(--color-sage)!important;
  color:var(--color-navy)!important;
  box-shadow:none!important;
}

html[data-sleeple-identity="reference-2026"] :where(.btn-primary,.cta-primary):hover{
  background:#8EA798!important;
  transform:translateY(-1px);
  box-shadow:0 8px 22px rgba(5,24,45,.09)!important;
}

html[data-sleeple-identity="reference-2026"] .cta-secondary{
  border:1px solid var(--color-border-strong)!important;
  background:transparent!important;
  color:var(--color-navy)!important;
}

/* Generic card language */
html[data-sleeple-identity="reference-2026"] :where(
  .theme-card,.philo-item,.tool-card,.role-grid article,.contrast-card,
  .contact-form,.nap-form,.legal-summary,.legal-content section,.journey-list>li,
  .article-author,.toc,.rail-card,.path-card,.resource-card,.aside-card,
  .criterion,.method-step,.affiliate-note,.future-card,.bilan-panel,.bilan-insight,.bilan-action
){
  border-color:var(--color-border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}

html[data-sleeple-identity="reference-2026"] :where(
 .theme-card,.tool-card,.problem-card,.resource-card,.guide-v2,.tool-v2,.commerce-chip
):hover{
  transform:translateY(-3px)!important;
  border-color:var(--color-border-strong)!important;
  box-shadow:var(--shadow-card-hover)!important;
}

/* Editorial page primitives */
html[data-sleeple-identity="reference-2026"] .page-hero,
html[data-sleeple-identity="reference-2026"] .team-hero,
html[data-sleeple-identity="reference-2026"] .contact-hero,
html[data-sleeple-identity="reference-2026"] .editorial-hero,
html[data-sleeple-identity="reference-2026"] .legal-hero,
html[data-sleeple-identity="reference-2026"] .nap-hero{
  background:var(--color-bg)!important;
}

html[data-sleeple-identity="reference-2026"] .page-hero{
  padding-top:clamp(72px,10vw,116px)!important;
  padding-bottom:clamp(54px,8vw,88px)!important;
}

html[data-sleeple-identity="reference-2026"] :where(.hero-copy h1,.narrow-hero h1,.cluster-copy h1){
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-size:var(--font-size-h1)!important;
  font-weight:500!important;
  line-height:var(--line-tight)!important;
  letter-spacing:-.04em!important;
}

html[data-sleeple-identity="reference-2026"] :where(.hero-copy p,.narrow-hero p,.section-heading p,.page-section p){
  color:var(--color-text-muted);
}

html[data-sleeple-identity="reference-2026"] :where(.eyebrow,.step-label,.hero-eyebrow){
  color:var(--color-label)!important;
  font-size:.72rem!important;
  font-weight:800!important;
  letter-spacing:.14em!important;
}

html[data-sleeple-identity="reference-2026"] .image-frame{
  padding:10px!important;
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
  transform:none!important;
}
html[data-sleeple-identity="reference-2026"] .image-frame img{border-radius:calc(var(--radius-xl) - 8px)!important}

html[data-sleeple-identity="reference-2026"] :where(.page-section,.journey-section,.contrast-section,.evidence-section){
  background:var(--color-bg)!important;
}
html[data-sleeple-identity="reference-2026"] :where(.journey-section,.contrast-section,.evidence-section){
  border-block:1px solid rgba(5,24,45,.055);
  background:var(--color-beige)!important;
}
html[data-sleeple-identity="reference-2026"] .transparency-section{
  background:var(--color-navy-soft)!important;
}
html[data-sleeple-identity="reference-2026"] .transparency-section :where(h2,p){color:var(--color-on-dark)!important}

html[data-sleeple-identity="reference-2026"] .context-nav{
  padding-top:0!important;
  background:var(--color-bg)!important;
  border-bottom:1px solid var(--color-border)!important;
}
html[data-sleeple-identity="reference-2026"] .context-nav a{
  color:var(--color-text-muted)!important;
  border-radius:10px 10px 0 0!important;
}
html[data-sleeple-identity="reference-2026"] .context-nav a.current{
  color:var(--color-navy)!important;
  background:var(--color-sage-light)!important;
  border-bottom-color:var(--color-sage-strong)!important;
}

/* Tools */
html[data-sleeple-identity="reference-2026"] .tool-grid{
  gap:18px!important;
}
html[data-sleeple-identity="reference-2026"] .tool-card{
  min-height:250px!important;
  padding:26px!important;
}
html[data-sleeple-identity="reference-2026"] .tool-card-top{
  justify-content:flex-start!important;
  gap:14px;
}
html[data-sleeple-identity="reference-2026"] .tool-icon{
  width:52px!important;
  height:52px!important;
  border-radius:15px!important;
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .tool-card h3{
  margin:26px 0 10px!important;
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-size:1.58rem!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .tool-link{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .response-card,
html[data-sleeple-identity="reference-2026"] .nap-result{
  border:1px solid rgba(255,255,255,.08);
  border-radius:var(--radius-xl)!important;
  background:var(--color-navy-soft)!important;
  box-shadow:none!important;
}

/* Forms */
html[data-sleeple-identity="reference-2026"] :where(.contact-form,.nap-form){
  padding:clamp(24px,4vw,38px)!important;
}
html[data-sleeple-identity="reference-2026"] :where(.contact-form input,.contact-form textarea,.nap-form input,.nap-form select){
  min-height:46px;
  border:1px solid var(--color-border)!important;
  border-radius:12px!important;
  background:var(--color-surface)!important;
  color:var(--color-text)!important;
  box-shadow:none!important;
}
html[data-sleeple-identity="reference-2026"] .reason-grid span{
  min-height:46px;
  display:grid!important;
  place-items:center;
  border-color:var(--color-border)!important;
  border-radius:12px!important;
}
html[data-sleeple-identity="reference-2026"] .reason-grid input:checked+span{
  border-color:var(--color-sage-strong)!important;
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}

/* Legal */
html[data-sleeple-identity="reference-2026"] .legal-hero::after{background:var(--color-border)!important}
html[data-sleeple-identity="reference-2026"] .legal-hero .eyebrow{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
}
html[data-sleeple-identity="reference-2026"] .legal-hero .eyebrow::before{
  background:var(--color-sage)!important;
  box-shadow:0 0 0 4px rgba(128,152,137,.13)!important;
}
html[data-sleeple-identity="reference-2026"] .legal-section{
  background:var(--color-bg)!important;
}
html[data-sleeple-identity="reference-2026"] .legal-summary::before{
  background:var(--color-sage)!important;
}
html[data-sleeple-identity="reference-2026"] .legal-content section{
  padding-left:74px!important;
}
html[data-sleeple-identity="reference-2026"] .legal-content section::before{color:var(--color-blue-grey)!important}

/* Homepage */
html[data-sleeple-identity="reference-2026"] body.home-v2{
  background:var(--color-bg)!important;
  color:var(--color-text)!important;
  font-family:var(--font-sans)!important;
}

html[data-sleeple-identity="reference-2026"] .home-v2 .site-header,
html[data-sleeple-identity="reference-2026"] .home-v2 .site-header.home-header-scrolled{
  position:sticky!important;
  background:rgba(247,246,243,.94)!important;
  border-bottom-color:rgba(5,24,45,.08)!important;
  box-shadow:none!important;
}

html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2{
  min-height:auto!important;
  padding:clamp(68px,8vw,104px) 0 clamp(72px,8vw,104px)!important;
  background:var(--color-bg)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2::before{display:none!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2-grid{
  grid-template-columns:minmax(0,.92fr) minmax(440px,1.08fr)!important;
  gap:clamp(44px,6vw,78px)!important;
  align-items:center!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .eyebrow{
  color:var(--color-label)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2 h1{
  max-width:720px!important;
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-size:clamp(3.4rem,6vw,5.7rem)!important;
  font-weight:500!important;
  line-height:.97!important;
  letter-spacing:-.045em!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2 h1 em{
  color:var(--color-blue-grey)!important;
  font-style:italic!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-lead{
  max-width:620px!important;
  color:var(--color-text-muted)!important;
  font-size:1.08rem!important;
  line-height:1.72!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .cta-primary{
  background:var(--color-sage)!important;
  border-color:var(--color-sage-strong)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .cta-secondary{
  border-color:var(--color-border-strong)!important;
  background:var(--color-surface)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-proof{
  border-top-color:var(--color-border)!important;
  color:var(--color-text-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .proof-dot{
  background:var(--color-sage)!important;
  box-shadow:0 0 0 4px rgba(128,152,137,.13)!important;
}

html[data-sleeple-identity="reference-2026"] .home-v2 .hero-lab{
  min-height:520px!important;
  overflow:hidden!important;
  border:1px solid rgba(5,24,45,.12)!important;
  border-radius:var(--radius-xl)!important;
  background:
    linear-gradient(180deg,rgba(5,24,45,.08),rgba(5,24,45,.34)),
    url("../images/hero-premium.webp") center/cover no-repeat!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-lab canvas{display:none!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .hero-lab::after{
  inset:14px!important;
  border-color:rgba(255,255,255,.22)!important;
  border-radius:22px!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .lab-card{
  max-width:245px;
  padding:14px 15px!important;
  border:1px solid rgba(255,255,255,.32)!important;
  border-radius:16px!important;
  background:rgba(247,246,243,.88)!important;
  color:var(--color-navy)!important;
  box-shadow:0 12px 32px rgba(5,24,45,.14)!important;
  backdrop-filter:blur(12px);
}
html[data-sleeple-identity="reference-2026"] .home-v2 .lab-card small{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .lab-label{color:var(--color-blue-grey)!important}

html[data-sleeple-identity="reference-2026"] .home-v2 .section-v2{padding:clamp(72px,9vw,104px) 0!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .section-head h2,
html[data-sleeple-identity="reference-2026"] .home-v2 .commerce-panel h2,
html[data-sleeple-identity="reference-2026"] .home-v2 .final-card h2{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .section-head p,
html[data-sleeple-identity="reference-2026"] .home-v2 .commerce-panel p{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .text-link{color:var(--color-navy)!important}

html[data-sleeple-identity="reference-2026"] .home-v2 .problem-grid{gap:16px!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card{
  min-height:282px!important;
  padding:24px!important;
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-surface)!important;
  color:var(--color-navy)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card p{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-icon{
  width:58px!important;
  height:58px!important;
  margin-bottom:34px!important;
  border:1px solid var(--color-border)!important;
  border-radius:17px!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card:nth-child(1) .problem-icon,
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card:nth-child(4) .problem-icon{background:var(--color-sage-light)!important;color:#526C5D!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card:nth-child(2) .problem-icon,
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card:nth-child(5) .problem-icon{background:var(--color-blue-grey-light)!important;color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card:nth-child(3) .problem-icon,
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card:nth-child(6) .problem-icon{background:var(--color-accent-light)!important;color:#A35F58!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-meta{
  border-top-color:var(--color-border)!important;
  color:var(--color-text-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .problem-arrow{
  background:var(--color-beige)!important;
  color:var(--color-navy)!important;
  box-shadow:none!important;
}

html[data-sleeple-identity="reference-2026"] .home-v2 .trust-strip{
  padding:26px 0!important;
  border-color:var(--color-border)!important;
  background:var(--color-beige)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .trust-item span{
  background:var(--color-surface)!important;
  border-color:var(--color-border)!important;
  color:var(--color-blue-grey)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .trust-item small{color:var(--color-text-muted)!important}

html[data-sleeple-identity="reference-2026"] .home-v2 .journey-v2,
html[data-sleeple-identity="reference-2026"] .home-v2 .method-v2{
  background:var(--color-navy-soft)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .journey-panel{
  padding:clamp(28px,4vw,46px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:var(--radius-xl)!important;
  background:rgba(255,255,255,.025)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 :where(.journey-panel h2,.method-grid h2){
  color:var(--color-on-dark)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 :where(.journey-panel,.method-grid) .eyebrow{
  color:var(--color-on-dark-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 :where(.journey-panel p,.method-item p){color:var(--color-on-dark-muted)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .journey-step,
html[data-sleeple-identity="reference-2026"] .home-v2 .method-item{
  border-color:rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:rgba(255,255,255,.04)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .journey-step b{
  background:rgba(128,152,137,.18)!important;
  color:#DDE8E1!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .journey-step span{color:#AEBBC4!important}

html[data-sleeple-identity="reference-2026"] .home-v2 .tools-v2,
html[data-sleeple-identity="reference-2026"] .home-v2 .commerce-v2{background:var(--color-bg)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .editorial-v2{background:var(--color-beige)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .tool-v2,
html[data-sleeple-identity="reference-2026"] .home-v2 .guide-v2,
html[data-sleeple-identity="reference-2026"] .home-v2 .commerce-panel{
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-surface)!important;
  color:var(--color-navy)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .tool-v2--lead{
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .tool-v2--lead :where(p,.tool-link){color:var(--color-text)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .tool-tag{
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .tool-v2--lead .tool-tag{
  background:var(--color-surface)!important;
  color:var(--color-blue-grey)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .tool-link,
html[data-sleeple-identity="reference-2026"] .home-v2 .guide-kicker{color:var(--color-label)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .guide-v2:first-child{
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .guide-v2 h3{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .guide-v2 p{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .home-v2 .commerce-chip{
  border-color:var(--color-border)!important;
  background:var(--color-beige)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .final-v2{
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .home-v2 .final-card .cta-primary{
  background:var(--color-navy)!important;
  color:var(--color-on-dark)!important;
  border-color:var(--color-navy)!important;
}

/* Problem/category hubs */
html[data-sleeple-identity="reference-2026"] body.problem-hub,
html[data-sleeple-identity="reference-2026"] body.article-v2,
html[data-sleeple-identity="reference-2026"] body.buying-v2,
html[data-sleeple-identity="reference-2026"] body.bilan-v2{
  background:var(--color-bg)!important;
  color:var(--color-text)!important;
  font-family:var(--font-sans)!important;
}

html[data-sleeple-identity="reference-2026"] .problem-hub .hub-hero{
  padding:clamp(58px,8vw,88px) 0!important;
  background:var(--color-bg)!important;
  color:var(--color-navy)!important;
  border-bottom:1px solid var(--color-border);
}
html[data-sleeple-identity="reference-2026"] .problem-hub .crumbs,
html[data-sleeple-identity="reference-2026"] .problem-hub .crumbs a{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-kicker{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub h1{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-size:var(--font-size-h1)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-lead{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-summary{
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-summary strong{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-summary p{color:var(--color-text)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-section h2{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .path-card,
html[data-sleeple-identity="reference-2026"] .problem-hub .resource-card,
html[data-sleeple-identity="reference-2026"] .problem-hub .aside-card{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .path-card span{
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .resource-card small{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub .solution-panel{
  border-color:var(--color-border)!important;
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .aside-card.dark{
  background:var(--color-navy-soft)!important;
  color:var(--color-on-dark)!important;
}
html[data-sleeple-identity="reference-2026"] .problem-hub .aside-card.dark p{color:var(--color-on-dark-muted)!important}
html[data-sleeple-identity="reference-2026"] .problem-hub .hub-footer{
  background:var(--color-navy-soft)!important;
}

/* Article */
html[data-sleeple-identity="reference-2026"] .article-v2 .article-header{
  padding:clamp(58px,8vw,88px) 0 clamp(44px,7vw,68px)!important;
  background:var(--color-bg)!important;
  color:var(--color-navy)!important;
  border-bottom:1px solid var(--color-border);
}
html[data-sleeple-identity="reference-2026"] .article-v2 :where(.article-breadcrumb,.article-breadcrumb a,.article-meta,.article-meta a){
  color:var(--color-text-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-header h1{
  max-width:930px!important;
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-size:var(--font-size-h1)!important;
  font-weight:500!important;
  line-height:.98!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-deck{
  max-width:760px!important;
  color:var(--color-text-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-answer,
html[data-sleeple-identity="reference-2026"] .article-v2 .article-keypoints{
  border-color:var(--color-border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 :where(.article-answer small,.article-keypoints small){color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .article-v2 :where(.article-answer p,.article-keypoints li){color:var(--color-text)!important}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-layout{
  grid-template-columns:minmax(0,var(--content-narrow)) 280px!important;
  gap:52px!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content{
  color:var(--color-text)!important;
  font-family:var(--font-serif)!important;
  font-size:1.17rem!important;
  line-height:1.78!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content>p,
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content>ul,
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content>ol{max-width:var(--measure)!important}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content h2{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content h3{
  color:var(--color-navy)!important;
  font-family:var(--font-sans)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .article-content a{color:#425F78!important}
html[data-sleeple-identity="reference-2026"] .article-v2 .toc{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
  box-shadow:none!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .toc strong{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .article-v2 .highlight-box{
  border-color:#CFD9D2!important;
  border-left-color:var(--color-sage)!important;
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .quick-check{
  border-color:#CFD9D2!important;
  background:#EEF3EF!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .medical-note{
  border-color:#EBC7C2!important;
  background:var(--color-accent-light)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .source-box{
  border-color:var(--color-border)!important;
  background:var(--color-beige)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .rail-card{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .rail-card.dark{
  background:var(--color-navy-soft)!important;
  color:var(--color-on-dark)!important;
}
html[data-sleeple-identity="reference-2026"] .article-v2 .rail-card small,
html[data-sleeple-identity="reference-2026"] .article-v2 .rail-card a{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .article-v2 .rail-card.dark :where(small,a){color:#B8CBC0!important}
html[data-sleeple-identity="reference-2026"] .article-v2 .reading-progress span{
  background:var(--color-sage)!important;
}

/* Commercial/product/affiliate pages */
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-hero,
html[data-sleeple-identity="reference-2026"] .buying-v2.pillow-buying .buy-hero,
html[data-sleeple-identity="reference-2026"] .buying-v2.noise-buying .buy-hero,
html[data-sleeple-identity="reference-2026"] .buying-v2.tracker-buying .buy-hero,
html[data-sleeple-identity="reference-2026"] .buying-v2.temperature-buying .buy-hero{
  padding:clamp(56px,8vw,86px) 0!important;
  background:var(--color-bg)!important;
  color:var(--color-navy)!important;
  border-bottom:1px solid var(--color-border);
}
html[data-sleeple-identity="reference-2026"] .buying-v2 :where(.crumbs,.crumbs a){color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-kicker{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-hero h1{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-size:var(--font-size-h1)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-lead{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-badges span{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
  color:var(--color-text)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-visual{
  min-height:390px!important;
  border-color:var(--color-border)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--color-sage-light)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .sun-disc{
  background:radial-gradient(circle at 38% 34%,#FFF9EC 0 12%,#E8DDD0 34%,#C8D3CB 59%,#809889 72%,rgba(128,152,137,.03) 73%)!important;
  box-shadow:0 0 0 38px rgba(128,152,137,.055),0 0 0 76px rgba(91,118,146,.025)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .visual-chip{
  border-color:rgba(5,24,45,.1)!important;
  background:rgba(252,252,252,.88)!important;
  color:var(--color-text-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .visual-chip strong{color:var(--color-navy)!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-section h2{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .direct-answer{
  border-color:#CFD9D2!important;
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .direct-answer strong{color:#526C5D!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .criterion,
html[data-sleeple-identity="reference-2026"] .buying-v2 .decision-table,
html[data-sleeple-identity="reference-2026"] .buying-v2 .method-step,
html[data-sleeple-identity="reference-2026"] .buying-v2 .future-card{
  border-color:var(--color-border)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .criterion b,
html[data-sleeple-identity="reference-2026"] .buying-v2 .method-step span{
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 th{background:var(--color-beige)!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-warning{
  border-color:#EBC7C2!important;
  background:var(--color-accent-light)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .affiliate-note{
  border-color:var(--color-border)!important;
  background:var(--color-beige)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .affiliate-note small{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .buying-v2 .aside-card.dark{
  background:var(--color-navy-soft)!important;
  color:var(--color-on-dark)!important;
}
html[data-sleeple-identity="reference-2026"] .buying-v2 .site-footer{background:var(--color-navy-soft)!important}

/* Bilan / quiz */
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-page{
  background:var(--color-bg)!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-shell{padding:clamp(44px,7vw,74px) 0 92px!important}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-panel{
  border-color:var(--color-border)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-intro{
  background:var(--color-surface)!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-kicker{color:var(--color-blue-grey)!important}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-intro h1,
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-question h2,
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-result-header h2,
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-section-title{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
  font-weight:500!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-lead{color:var(--color-text-muted)!important}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-facts span{
  background:var(--color-sage-light)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-preview{
  border:1px solid var(--color-border)!important;
  background:var(--color-navy-soft)!important;
  box-shadow:none!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 #bilan-start{
  background:var(--color-sage)!important;
  color:var(--color-navy)!important;
  box-shadow:none!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-progress span{background:var(--color-sage)!important}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-option{
  border-color:var(--color-border)!important;
  border-radius:16px!important;
  background:var(--color-surface)!important;
  color:var(--color-text)!important;
  box-shadow:none!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-option:hover,
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-option.selected{
  border-color:var(--color-sage)!important;
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-priority-callout{
  border-color:#CFD9D2!important;
  background:var(--color-sage-light)!important;
}
html[data-sleeple-identity="reference-2026"] .bilan-v2 .bilan-sources{background:var(--color-beige)!important}

/* Generic article/catalog legacy markup */
html[data-sleeple-identity="reference-2026"] .article-header{
  background:var(--color-bg)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] .article-header .section-title,
html[data-sleeple-identity="reference-2026"] .article-header h1{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
}
html[data-sleeple-identity="reference-2026"] .article-content{
  max-width:var(--content-narrow);
  color:var(--color-text)!important;
}
html[data-sleeple-identity="reference-2026"] .article-content h2{
  color:var(--color-navy)!important;
  font-family:var(--font-serif)!important;
}
html[data-sleeple-identity="reference-2026"] :where(.article-card,.premium-card,.cluster-card,.related-card){
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-lg)!important;
  background:var(--color-surface)!important;
  box-shadow:var(--shadow-card)!important;
}

/* Consent UI: keep a stable system-font metric while the self-hosted UI font loads. */
html[data-sleeple-identity="reference-2026"] :where(#sleeple-consent-banner,#sleeple-consent-banner button,#sleeple-consent-manage){
  font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
}

/* Footer */
html[data-sleeple-identity="reference-2026"] .site-footer,
html[data-sleeple-identity="reference-2026"] .hub-footer{
  padding:58px 0 24px!important;
  background:var(--color-navy-soft)!important;
  color:var(--color-on-dark-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .site-footer :where(.logo-text,h2,h3,h4){
  color:var(--color-on-dark)!important;
}
html[data-sleeple-identity="reference-2026"] .site-footer :where(p,a){
  color:var(--color-on-dark-muted)!important;
}
html[data-sleeple-identity="reference-2026"] .site-footer a:hover{color:var(--color-on-dark)!important}

/* Tables, quotes, editorial utility blocks */
html[data-sleeple-identity="reference-2026"] table{
  border-color:var(--color-border)!important;
}
html[data-sleeple-identity="reference-2026"] th{
  background:var(--color-beige)!important;
  color:var(--color-navy)!important;
}
html[data-sleeple-identity="reference-2026"] td{border-color:var(--color-border)!important}
html[data-sleeple-identity="reference-2026"] blockquote{
  margin:28px 0;
  padding:18px 22px;
  border-left:3px solid var(--color-sage)!important;
  border-radius:0 var(--radius-md) var(--radius-md) 0;
  background:var(--color-sage-light)!important;
  color:var(--color-text)!important;
}

/* Remove visual remnants of the previous saturated SaaS language without touching semantics. */
html[data-sleeple-identity="reference-2026"] :where(.floating-note,.cta-panel,.timer-panel){
  border:1px solid var(--color-border)!important;
  border-radius:var(--radius-xl)!important;
  background:var(--color-navy-soft)!important;
  box-shadow:none!important;
}
html[data-sleeple-identity="reference-2026"] .cta-panel :where(h2,p,.eyebrow){color:var(--color-on-dark)!important}

/* Responsive */
@media(max-width:1100px){
  html[data-sleeple-identity="reference-2026"] .home-v2 .header-bilan{display:none!important}
  html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2-grid{
    grid-template-columns:1fr!important;
  }
  html[data-sleeple-identity="reference-2026"] .home-v2 .hero-lab{
    min-height:480px!important;
  }
}

@media(max-width:900px){
  html[data-sleeple-identity="reference-2026"] .container{width:min(100% - 36px,var(--content-max))}
  html[data-sleeple-identity="reference-2026"] :where(.main-nav,.nav-v2){display:none!important}
  html[data-sleeple-identity="reference-2026"] .mobile-menu-toggle{display:flex!important}
  html[data-sleeple-identity="reference-2026"] .article-v2 .article-layout{grid-template-columns:1fr!important}
  html[data-sleeple-identity="reference-2026"] .problem-hub .hub-hero-grid,
  html[data-sleeple-identity="reference-2026"] .problem-hub .hub-layout,
  html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-hero-grid,
  html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-layout{grid-template-columns:1fr!important}
}

@media(max-width:700px){
  html[data-sleeple-identity="reference-2026"]{
    --header-height:66px;
    --radius-xl:24px;
    --radius-lg:18px;
  }
  html[data-sleeple-identity="reference-2026"] .container{width:min(100% - 28px,var(--content-max))}
  html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2{padding:52px 0 62px!important}
  html[data-sleeple-identity="reference-2026"] .home-v2 .hero-v2 h1{font-size:clamp(3rem,14vw,4.4rem)!important}
  html[data-sleeple-identity="reference-2026"] .home-v2 .hero-lab{min-height:390px!important}
  html[data-sleeple-identity="reference-2026"] .home-v2 .lab-card{max-width:190px!important}
  html[data-sleeple-identity="reference-2026"] .home-v2 .problem-grid,
  html[data-sleeple-identity="reference-2026"] .home-v2 .guide-grid-v2,
  html[data-sleeple-identity="reference-2026"] .tool-grid,
  html[data-sleeple-identity="reference-2026"] .form-row,
  html[data-sleeple-identity="reference-2026"] .reason-grid{grid-template-columns:1fr!important}
  html[data-sleeple-identity="reference-2026"] .home-v2 .problem-card{min-height:230px!important}
  html[data-sleeple-identity="reference-2026"] .legal-content section{padding:24px 20px!important}
  html[data-sleeple-identity="reference-2026"] .legal-content section::before{position:static!important}
  html[data-sleeple-identity="reference-2026"] .article-v2 .article-header h1,
  html[data-sleeple-identity="reference-2026"] .problem-hub h1,
  html[data-sleeple-identity="reference-2026"] .buying-v2 .buy-hero h1{font-size:clamp(2.9rem,14vw,4.35rem)!important}
}

@media(prefers-reduced-motion:reduce){
  html[data-sleeple-identity="reference-2026"]{
    scroll-behavior:auto!important;
  }
  html[data-sleeple-identity="reference-2026"] *,
  html[data-sleeple-identity="reference-2026"] *::before,
  html[data-sleeple-identity="reference-2026"] *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
}