/* WatchMyRivals — feuille commune du site et du rapport.
   Mobile d'abord : la base est le téléphone (360 px), les media queries min-width enrichissent.
   Jetons : planche de cadrage v2 (02/10/2026), acceptés. Aucune couleur hors :root. */
:root{
  --wmr-ink:#1C1F23;
  --wmr-ink-2:#464B52;
  --wmr-ink-3:#62676E;
  --wmr-line-strong:#B9B5AC;
  --wmr-line:#D6D3CB;
  --wmr-fill:#F2F0EB;
  --wmr-paper:#FBFAF7;
  --wmr-surface:#FFFFFF;
  --wmr-brand:#1F4E79;
  --wmr-brand-strong:#163A5B;
  --wmr-brand-tint:#EDF2F7;
  --wmr-on-brand:#FFFFFF;
  --wmr-success:#1E6B3A;--wmr-success-tint:#E8F3EC;
  --wmr-warning:#8A5A00;--wmr-warning-tint:#FBF1DC;
  --wmr-danger:#A3262A;--wmr-danger-tint:#FBEAEA;
  --wmr-info:#2B5C8A;--wmr-info-tint:#E9F0F7;
  --wmr-neutral:#464B52;--wmr-neutral-tint:#F2F0EB;
  --wmr-scrim:rgb(251 250 247 / .94);
  --wmr-backdrop:rgb(28 31 35 / .42);

  --wmr-font-title:"Iowan Old Style","Charter","Bitstream Charter","Sitka Text",Cambria,Georgia,serif;
  --wmr-font-text:system-ui,-apple-system,"Segoe UI","Helvetica Neue",sans-serif;
  --wmr-font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;

  /* barème écran ; hero, lede, page et section : ajouts pour les pages publiques (fluides 360 → 1440) */
  --wmr-fs-hero:clamp(2.125rem,1.3rem + 3.9vw,4.25rem);
  --wmr-fs-page:clamp(2rem,1.45rem + 2.4vw,3.5rem);
  --wmr-fs-section:clamp(1.5rem,1.2rem + 1.2vw,2.25rem);
  --wmr-fs-display:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);
  --wmr-fs-h1:28px;
  --wmr-fs-h2:22px;
  --wmr-fs-h3:18px;
  --wmr-fs-lede:clamp(1.0625rem,1rem + .3vw,1.1875rem);
  --wmr-fs-body:16px;
  --wmr-fs-table:14px;
  --wmr-fs-small:13px;
  --wmr-fs-caption:12px;

  --wmr-space-1:4px;--wmr-space-2:8px;--wmr-space-3:12px;--wmr-space-4:16px;
  --wmr-space-5:24px;--wmr-space-6:32px;--wmr-space-7:48px;--wmr-space-8:64px;--wmr-space-9:96px;
  --wmr-section-y:clamp(40px,6vw,72px);

  --wmr-radius-sm:2px;--wmr-radius-md:4px;--wmr-radius-lg:8px;
  --wmr-shadow-overlay:0 8px 24px rgb(28 31 35 / .12);
  --wmr-focus-width:2px;--wmr-focus-offset:2px;
  --wmr-target:44px;

  --wmr-wrap:1120px;
  --wmr-gutter:clamp(20px,4.5vw,48px);
  --wmr-measure:62ch;
  --wmr-ease:cubic-bezier(.2,.6,.2,1);
}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-padding-top:var(--wmr-space-5);-webkit-tap-highlight-color:transparent}
body{margin:0;min-height:100dvh;background:var(--wmr-paper);color:var(--wmr-ink);font:400 var(--wmr-fs-body)/1.55 var(--wmr-font-text);font-kerning:normal;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
h1,h2,h3,h4{font-family:var(--wmr-font-title);font-weight:600;margin:0;text-wrap:balance}
p,ul,ol,dl,dd,figure{margin:0}
p,li,dd{text-wrap:pretty}
ul,ol{padding:0;list-style:none}
b,strong{font-weight:600}
a{color:var(--wmr-brand);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;text-decoration-color:var(--wmr-line-strong);transition:text-decoration-color .15s var(--wmr-ease)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:var(--wmr-focus-width) solid var(--wmr-brand);outline-offset:var(--wmr-focus-offset);border-radius:var(--wmr-radius-sm)}
code,.mono{font-family:var(--wmr-font-mono);font-size:.92em}
.num{font-variant-numeric:tabular-nums lining-nums}
.nowrap{white-space:nowrap}
.visually-hidden{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:var(--wmr-space-4);top:-100px;background:var(--wmr-surface);color:var(--wmr-brand);padding:var(--wmr-space-3) var(--wmr-space-4);border:1px solid var(--wmr-brand);border-radius:var(--wmr-radius-md);z-index:10}
.skip:focus{top:var(--wmr-space-4)}
.wide-only{display:none}
.narrow-only{display:inline}

.wrap{max-width:var(--wmr-wrap);margin-inline:auto;padding-inline:max(var(--wmr-gutter),env(safe-area-inset-left)) max(var(--wmr-gutter),env(safe-area-inset-right))}
.kicker{font:600 var(--wmr-fs-caption)/1.4 var(--wmr-font-text);letter-spacing:.09em;text-transform:uppercase;color:var(--wmr-ink-2)}
.lede{font-size:var(--wmr-fs-lede);line-height:1.55;color:var(--wmr-ink-2);max-width:var(--wmr-measure)}
.prose{max-width:var(--wmr-measure)}
.prose p+p{margin-top:var(--wmr-space-3)}
.small{font-size:var(--wmr-fs-small);color:var(--wmr-ink-2)}
.caption{font-size:var(--wmr-fs-caption);line-height:1.45;color:var(--wmr-ink-3)}
.mt-5{margin-top:var(--wmr-space-5)}

/* ---------- en-tête et pied du site ---------- */
.site-head{border-bottom:1px solid var(--wmr-line);background:var(--wmr-paper);padding-top:env(safe-area-inset-top)}
.site-head .wrap{display:flex;align-items:center;justify-content:space-between;gap:var(--wmr-space-3);min-height:60px}
.wordmark{display:inline-flex;align-items:center;gap:10px;min-height:var(--wmr-target);font:600 19px/1 var(--wmr-font-title);letter-spacing:-.01em;color:var(--wmr-ink);text-decoration:none;white-space:nowrap}
.wordmark:hover{color:var(--wmr-brand)}
.mark{width:22px;height:22px;flex:none;color:var(--wmr-ink)}
.mark .dot{fill:var(--wmr-brand)}
.wordmark:hover .mark{color:var(--wmr-ink)}
.site-nav ul{display:flex;gap:var(--wmr-space-4)}
.site-nav a{display:inline-flex;align-items:center;min-height:var(--wmr-target);font-size:15px;color:var(--wmr-ink-2);text-decoration:none;border-bottom:1px solid transparent;white-space:nowrap;transition:color .15s var(--wmr-ease),border-color .15s var(--wmr-ease)}
.site-nav a:hover{color:var(--wmr-ink);border-bottom-color:var(--wmr-line-strong)}
.site-nav a[aria-current="page"]{color:var(--wmr-ink);border-bottom-color:var(--wmr-ink)}

.site-foot{margin-top:var(--wmr-space-8);border-top:2px solid var(--wmr-ink);background:var(--wmr-paper);padding-bottom:env(safe-area-inset-bottom)}
.site-foot .wrap{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-5);padding-block:var(--wmr-space-6)}
.site-foot h2{font:600 var(--wmr-fs-caption)/1.4 var(--wmr-font-text);letter-spacing:.09em;text-transform:uppercase;color:var(--wmr-ink-2);margin-bottom:var(--wmr-space-2)}
.site-foot p,.site-foot li{font-size:14px;color:var(--wmr-ink-2)}
.site-foot li a{display:inline-flex;align-items:center;min-height:var(--wmr-target)}
.site-foot .foot-mark{font:600 19px/1.2 var(--wmr-font-title);color:var(--wmr-ink);margin-bottom:var(--wmr-space-2)}
.site-foot .foot-base{border-top:1px solid var(--wmr-line);padding-top:var(--wmr-space-4);font-size:var(--wmr-fs-caption);color:var(--wmr-ink-3)}

/* ---------- boutons ---------- */
.btn{display:flex;width:100%;align-items:center;justify-content:center;gap:var(--wmr-space-3);min-height:52px;padding:0 var(--wmr-space-5);background:var(--wmr-brand);color:var(--wmr-on-brand);font:600 16px/1.2 var(--wmr-font-text);text-align:center;text-decoration:none;border:1px solid var(--wmr-brand);border-radius:var(--wmr-radius-md);cursor:pointer;touch-action:manipulation;transition:background-color .15s var(--wmr-ease),transform .1s var(--wmr-ease)}
.btn:hover{background:var(--wmr-brand-strong);border-color:var(--wmr-brand-strong)}
.btn:active{transform:translateY(1px)}
.btn .arrow,.link-arrow .arrow{transition:transform .2s var(--wmr-ease)}
.btn:hover .arrow,.link-arrow:hover .arrow{transform:translateX(3px)}
.link-arrow{display:inline-flex;align-items:center;gap:var(--wmr-space-2);min-height:var(--wmr-target);font-weight:600}

/* barre d'action collante, téléphone uniquement (aucun JavaScript) */
.dock{position:sticky;bottom:0;z-index:5;margin-top:var(--wmr-space-6);padding:var(--wmr-space-3) var(--wmr-gutter) calc(var(--wmr-space-3) + env(safe-area-inset-bottom));background:var(--wmr-scrim);border-top:1px solid var(--wmr-line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}

/* ---------- accueil ---------- */
.hero{padding-block:var(--wmr-space-7)}
.hero .kicker{margin-bottom:var(--wmr-space-4)}
.hero h1{font-size:var(--wmr-fs-hero);line-height:1.06;letter-spacing:-.022em;max-width:15ch}
.hero-foot{display:grid;gap:var(--wmr-space-5);margin-top:var(--wmr-space-6);padding-top:var(--wmr-space-5);border-top:1px solid var(--wmr-line-strong)}
.hero-cta{display:flex;flex-direction:column;align-items:stretch;gap:var(--wmr-space-2)}

.sec{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-3);padding-block:var(--wmr-section-y);border-top:1px solid var(--wmr-line-strong)}
.sec h2{font-size:var(--wmr-fs-section);line-height:1.15;letter-spacing:-.012em;max-width:22ch}
.sec h2+.lede,.sec h2+p{margin-top:var(--wmr-space-3)}

.excerpt{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-5);margin-top:var(--wmr-space-5)}
.sheet{background:var(--wmr-surface);border:1px solid var(--wmr-line-strong);padding:var(--wmr-space-4) var(--wmr-space-4) var(--wmr-space-3);margin-inline:calc(var(--wmr-gutter) * -1);border-inline:0}
.sheet-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--wmr-space-2) var(--wmr-space-3);flex-wrap:wrap;padding-bottom:var(--wmr-space-3);border-bottom:2px solid var(--wmr-ink)}
.sheet-head h3{font-size:var(--wmr-fs-h3)}
.marginalia{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-4)}
.marginalia li{padding-left:var(--wmr-space-4);border-left:1px solid var(--wmr-ink);font-size:14px;line-height:1.5;color:var(--wmr-ink-2)}
.marginalia b{display:block;color:var(--wmr-ink);font:600 15px/1.35 var(--wmr-font-title);margin-bottom:2px}

.reads{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-6);margin-top:var(--wmr-space-5)}
.reads h3{font-size:var(--wmr-fs-h3);padding-bottom:var(--wmr-space-3);border-bottom:2px solid var(--wmr-ink)}
.reads li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:var(--wmr-space-2);padding:var(--wmr-space-3) 0;border-bottom:1px solid var(--wmr-line)}
.reads li::before{content:"+";color:var(--wmr-ink-3);font-weight:600}
.reads .no li::before{content:"×"}
.reads li span{color:var(--wmr-ink-2);font-size:14px;display:block}

.steps{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-5);margin-top:var(--wmr-space-5);counter-reset:step}
.steps li{counter-increment:step;display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:var(--wmr-space-3);padding-top:var(--wmr-space-4);border-top:2px solid var(--wmr-ink)}
.steps li>*{grid-column:2}
.steps li::before{content:counter(step);grid-column:1;grid-row:1 / span 3;font:600 32px/1 var(--wmr-font-title);font-variant-numeric:oldstyle-nums;color:var(--wmr-ink-3)}
.steps h3{font-size:var(--wmr-fs-h3);margin-bottom:var(--wmr-space-1)}
.steps p{font-size:15px;color:var(--wmr-ink-2)}
.state-pair{display:flex;flex-wrap:wrap;gap:var(--wmr-space-2);margin-top:var(--wmr-space-3)}

.offer{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-5);margin-top:var(--wmr-space-5);background:var(--wmr-surface);border:1px solid var(--wmr-line-strong);padding:var(--wmr-space-5)}
.price{font:600 clamp(48px,2.2rem + 2.4vw,72px)/1 var(--wmr-font-title);letter-spacing:-.02em;font-variant-numeric:lining-nums}
.price small{font:500 18px/1 var(--wmr-font-text);letter-spacing:0;color:var(--wmr-ink-2);margin-left:var(--wmr-space-2)}
.offer-terms{margin-top:var(--wmr-space-3);color:var(--wmr-ink-2)}
.offer ul li{padding:var(--wmr-space-3) 0;border-bottom:1px solid var(--wmr-line)}
.offer ul li:first-child{padding-top:0}
.offer .link-arrow{margin-top:var(--wmr-space-3)}

/* ---------- pages de texte (robot, opposition) ---------- */
.page-head{padding-block:var(--wmr-space-7) var(--wmr-space-5)}
.page-head .kicker{margin-bottom:var(--wmr-space-3)}
.page-head h1{font-size:var(--wmr-fs-page);line-height:1.08;letter-spacing:-.02em;max-width:18ch}
.page-head .lede{margin-top:var(--wmr-space-4)}
.facts{border-top:2px solid var(--wmr-ink);margin-top:var(--wmr-space-5)}
.facts>div{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-1);padding:var(--wmr-space-3) 0;border-bottom:1px solid var(--wmr-line)}
.facts dt{font-weight:600}
.facts dd{color:var(--wmr-ink-2)}
.code{margin-top:var(--wmr-space-4);background:var(--wmr-surface);border-block:1px solid var(--wmr-line-strong);padding:var(--wmr-space-4) var(--wmr-gutter);margin-inline:calc(var(--wmr-gutter) * -1)}
.code pre{margin:0;font:500 14px/1.6 var(--wmr-font-mono);white-space:pre-wrap;word-break:break-all;user-select:all;-webkit-user-select:all}
.code .caption{display:block;margin-top:var(--wmr-space-2)}
.code--inset{margin-inline:0;border-inline:1px solid var(--wmr-line-strong);padding-inline:var(--wmr-space-4)}
.form-note{margin-top:var(--wmr-space-3);max-width:52ch}
.split{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-6);margin-top:var(--wmr-space-5)}
.split h3{font-size:var(--wmr-fs-h3);padding-bottom:var(--wmr-space-3);border-bottom:2px solid var(--wmr-ink)}
.split li{padding:var(--wmr-space-3) 0;border-bottom:1px solid var(--wmr-line);font-size:15px}
.split li span{display:block;font-size:14px;color:var(--wmr-ink-2)}
.choice{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-4);margin-top:var(--wmr-space-5)}
.choice>div{background:var(--wmr-surface);border:1px solid var(--wmr-line-strong);padding:var(--wmr-space-5);display:flex;flex-direction:column;gap:var(--wmr-space-3)}
.choice h3{font-size:var(--wmr-fs-h3)}

/* formulaire : 17 px dans les champs pour éviter le zoom automatique d'iOS */
.form{display:grid;gap:var(--wmr-space-5);max-width:560px;margin-top:var(--wmr-space-5)}
.field{display:grid;gap:var(--wmr-space-2)}
.field label{font-weight:600}
.field .hint{font-size:var(--wmr-fs-small);color:var(--wmr-ink-2)}
.field input,.comp-list input{width:100%;min-height:52px;padding:0 var(--wmr-space-4);font:400 17px/1.3 var(--wmr-font-text);color:var(--wmr-ink);background:var(--wmr-surface);border:1px solid var(--wmr-line-strong);border-radius:var(--wmr-radius-md);transition:border-color .15s var(--wmr-ease)}
.field input::placeholder,.comp-list input::placeholder{color:var(--wmr-ink-3)}
.field input:hover,.comp-list input:hover{border-color:var(--wmr-ink-3)}
.field input:focus-visible,.comp-list input:focus-visible{outline:var(--wmr-focus-width) solid var(--wmr-brand);outline-offset:var(--wmr-focus-offset);border-color:var(--wmr-brand)}
.field input:user-invalid,.comp-list input:user-invalid{border-color:var(--wmr-danger)}
.pledge{border-top:2px solid var(--wmr-ink);margin-top:var(--wmr-space-5)}
.pledge li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-1);padding:var(--wmr-space-4) 0;border-bottom:1px solid var(--wmr-line)}
.pledge b{font:600 var(--wmr-fs-h3)/1.3 var(--wmr-font-title)}
.pledge span{color:var(--wmr-ink-2)}

/* pages légales : sommaire + sections */
.legal{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-5);padding-bottom:var(--wmr-space-6)}
.toc{border-top:2px solid var(--wmr-ink);padding-top:var(--wmr-space-3)}
.toc ol{counter-reset:toc}
.toc li{counter-increment:toc;border-bottom:1px solid var(--wmr-line)}
.toc a{display:flex;gap:var(--wmr-space-2);align-items:center;min-height:var(--wmr-target);font-size:15px;color:var(--wmr-ink-2);text-decoration:none}
.toc a::before{content:counter(toc);min-width:1.4em;color:var(--wmr-ink-3);font-variant-numeric:tabular-nums}
.toc a:hover{color:var(--wmr-brand)}
.legal-body section{padding-block:var(--wmr-space-5);border-top:1px solid var(--wmr-line-strong)}
.legal-body section:first-child{border-top:2px solid var(--wmr-ink)}
.legal-body h2{font-size:var(--wmr-fs-h2);margin-bottom:var(--wmr-space-3)}
.legal-body .prose{color:var(--wmr-ink)}
.legal-meta{margin-top:var(--wmr-space-3);font-size:var(--wmr-fs-small);color:var(--wmr-ink-3)}
.links-list{border-top:2px solid var(--wmr-ink);margin-top:var(--wmr-space-5);max-width:560px}
.links-list li{border-bottom:1px solid var(--wmr-line)}
.links-list a{display:flex;justify-content:space-between;align-items:center;min-height:56px;font:600 18px/1.3 var(--wmr-font-title);text-decoration:none;color:var(--wmr-ink)}
.links-list a:hover{color:var(--wmr-brand)}
.links-list span{font:400 14px/1.4 var(--wmr-font-text);color:var(--wmr-ink-3)}

/* méthode : fiche d'une règle publiée */
.rule{margin-top:var(--wmr-space-5);background:var(--wmr-surface);border:1px solid var(--wmr-line-strong)}
.rule-head{padding:var(--wmr-space-4) var(--wmr-space-4) var(--wmr-space-3);border-bottom:1px solid var(--wmr-line)}
.rule-head h3{font-size:var(--wmr-fs-h2);line-height:1.25;margin-top:var(--wmr-space-1)}
.rule-head code{font-size:var(--wmr-fs-small);color:var(--wmr-ink-3)}
.rule .facts{margin:0;border-top:0;padding-inline:var(--wmr-space-4)}
.rule .facts>div:last-child{border-bottom:0}
.thresholds{display:flex;flex-wrap:wrap;gap:var(--wmr-space-2)}
.thresholds span{padding:2px 8px;border:1px solid var(--wmr-ink);border-radius:var(--wmr-radius-sm);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--wmr-ink)}
.states{border-top:2px solid var(--wmr-ink);margin-top:var(--wmr-space-5)}
.states li{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-2);padding:var(--wmr-space-3) 0;border-bottom:1px solid var(--wmr-line)}
.states li .st{justify-self:start}
.states p{color:var(--wmr-ink-2);font-size:15px}
.field textarea{width:100%;min-height:144px;padding:var(--wmr-space-3) var(--wmr-space-4);font:400 17px/1.45 var(--wmr-font-text);color:var(--wmr-ink);background:var(--wmr-surface);border:1px solid var(--wmr-line-strong);border-radius:var(--wmr-radius-md);resize:vertical}
.field textarea:focus-visible{outline:var(--wmr-focus-width) solid var(--wmr-brand);outline-offset:var(--wmr-focus-offset);border-color:var(--wmr-brand)}
.big-mail{display:inline-flex;align-items:center;min-height:var(--wmr-target);font:600 clamp(22px,1.1rem + 1.2vw,30px)/1.2 var(--wmr-font-title);word-break:break-all}
.qa{border-top:2px solid var(--wmr-ink);margin-top:var(--wmr-space-5)}
.qa>div{padding:var(--wmr-space-4) 0;border-bottom:1px solid var(--wmr-line)}
.qa dt{font:600 var(--wmr-fs-h3)/1.3 var(--wmr-font-title)}
.qa dd{margin-top:var(--wmr-space-1);color:var(--wmr-ink-2)}
.brand-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-4);margin-top:var(--wmr-space-5)}
.brand-tile{display:grid;place-items:center;min-height:180px;padding:var(--wmr-space-6);border:1px solid var(--wmr-line-strong);background:var(--wmr-surface)}
.brand-tile--ink{background:var(--wmr-ink);border-color:var(--wmr-ink)}
.brand-tile img{max-width:100%;height:auto}
.brand-tile figcaption{align-self:end;justify-self:start;font-size:var(--wmr-fs-caption);color:var(--wmr-ink-3)}
.brand-tile--ink figcaption{color:var(--wmr-line-strong)}
.sizes{display:flex;align-items:flex-end;gap:var(--wmr-space-6);flex-wrap:wrap}
.sizes figure{display:grid;gap:var(--wmr-space-2);justify-items:center;font-size:var(--wmr-fs-caption);color:var(--wmr-ink-3)}

/* ---------- états de donnée (A3) : signe + mot + teinte ---------- */
.st{display:inline-flex;align-items:baseline;gap:.35em;padding:0 6px;border-radius:var(--wmr-radius-sm);font-size:.93em;line-height:1.55;color:var(--wmr-neutral);background:var(--wmr-neutral-tint)}
.st::before{content:"○" / "";font-size:.9em}
.st[data-state="observed"]{color:var(--wmr-success);background:var(--wmr-success-tint)}
.st[data-state="observed"]::before{content:"●" / ""}
.st[data-state="partial"]{color:var(--wmr-warning);background:var(--wmr-warning-tint)}
.st[data-state="partial"]::before{content:"◐" / ""}
.st[data-state="blocked"]{color:var(--wmr-danger);background:var(--wmr-danger-tint)}
.st[data-state="blocked"]::before{content:"⊘" / ""}
.st[data-state="ai"]{color:var(--wmr-info);background:var(--wmr-info-tint)}
.st[data-state="ai"]::before{content:"◇" / ""}
.st[data-state="excluded"]::before{content:"⊖" / ""}

/* ---------- rapport ---------- */
.banner{background:var(--wmr-ink);color:var(--wmr-surface)}
.banner .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 var(--wmr-space-5);padding-block:var(--wmr-space-2)}
.banner p{font-size:14px;padding-block:var(--wmr-space-1)}
.banner a{color:var(--wmr-surface);text-decoration-color:var(--wmr-ink-3);display:inline-flex;align-items:center;min-height:var(--wmr-target)}
.banner a:hover{text-decoration-color:currentColor}
.banner--end{margin-top:var(--wmr-space-6)}

.rpt-shell{padding-block:0}
.rpt-shell>.wrap{padding-inline:0}
.rpt{background:var(--wmr-surface);border-bottom:1px solid var(--wmr-line);padding:var(--wmr-space-6) var(--wmr-gutter) var(--wmr-space-5);font-size:var(--wmr-fs-body)}
.rpt-head{display:flex;flex-direction:column;gap:var(--wmr-space-4);padding-bottom:var(--wmr-space-4);border-bottom:2px solid var(--wmr-ink)}
.rpt-head .kicker{margin-bottom:var(--wmr-space-2)}
.rpt-brand{font-size:var(--wmr-fs-display);line-height:1.1;letter-spacing:-.012em}
.rpt-sector{font:italic 400 var(--wmr-fs-h3)/1.3 var(--wmr-font-title);color:var(--wmr-ink-2);margin-top:2px}
.rpt-period{margin-top:var(--wmr-space-2);color:var(--wmr-ink-2)}
.rpt-notice{font-size:var(--wmr-fs-small);color:var(--wmr-ink-2);padding-top:var(--wmr-space-3);border-top:1px solid var(--wmr-line)}

.rpt-sec{margin-top:var(--wmr-space-6)}
.rpt-sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--wmr-space-2) var(--wmr-space-4);flex-wrap:wrap}
.rpt-sec-head h2{font-size:var(--wmr-fs-h2);line-height:1.25}
.rpt-tag{font:600 var(--wmr-fs-caption)/1.4 var(--wmr-font-text);letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--wmr-ink);padding:1px 6px;border-radius:var(--wmr-radius-sm);white-space:nowrap}
.rpt-tag--dash{border-style:dashed}
.rpt-count{font-size:15px}
.rpt-count b{font-variant-numeric:tabular-nums}
.rpt-chips{display:flex;flex-wrap:wrap;gap:var(--wmr-space-2);margin-top:var(--wmr-space-3)}
.rpt-chips .st{font-size:var(--wmr-fs-small);padding:2px 8px;white-space:nowrap}

.rpt-table-wrap{margin-top:var(--wmr-space-3)}
.rpt-table{width:100%;border-collapse:collapse;font-size:var(--wmr-fs-table);line-height:1.4;font-variant-numeric:tabular-nums lining-nums}
.rpt-table th{text-align:left;font-weight:600;font-size:var(--wmr-fs-caption);letter-spacing:.02em;color:var(--wmr-ink-2);border-bottom:2px solid var(--wmr-ink);padding:6px 8px;vertical-align:bottom}
.rpt-table td{border-bottom:1px solid var(--wmr-line);padding:10px 8px;vertical-align:top}
.rpt-table th:first-child,.rpt-table td:first-child{padding-left:0}
.rpt-table th:last-child,.rpt-table td:last-child{padding-right:0}
.rpt-table td:first-child{white-space:nowrap}
.rpt-table--wrap td:first-child{white-space:normal;text-wrap:pretty}
@media (min-width:720px){.rpt-table--wrap{table-layout:fixed}.rpt-table--wrap th{white-space:normal}.rpt-table--wrap th:first-child{width:52%}}
.rpt-table .n{text-align:right;white-space:nowrap}
.rpt-table .plain{color:var(--wmr-ink-2)}
.rpt-table tr.is-brand td{background:var(--wmr-brand-tint);font-weight:600}
.rpt-table tr.is-brand td:first-child{box-shadow:inset 3px 0 0 var(--wmr-brand);padding-left:var(--wmr-space-3)}
.rpt-table tr.is-blocked td{color:var(--wmr-danger)}
.rpt-table--compact .plain{white-space:normal}
.rpt-badge{display:inline-block;margin-left:var(--wmr-space-2);padding:1px 6px;border-radius:var(--wmr-radius-sm);background:var(--wmr-brand);color:var(--wmr-on-brand);font:600 var(--wmr-fs-caption)/1.4 var(--wmr-font-text);letter-spacing:.06em;vertical-align:1px;white-space:nowrap}

/* tableau en fiches sur téléphone : une boutique = une fiche, libellé au-dessus de chaque valeur */
@media screen and (max-width:719.98px){
  .rpt-table--cards thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
  .rpt-table--cards,.rpt-table--cards tbody{display:block}
  .rpt-table--cards tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--wmr-space-3) var(--wmr-space-4);padding:var(--wmr-space-4) 0;border-bottom:1px solid var(--wmr-line)}
  .rpt-table--cards tbody tr:first-child{border-top:2px solid var(--wmr-ink)}
  .rpt-table--cards td{display:flex;flex-direction:column;gap:2px;border:0;padding:0!important;text-align:left!important;background:none!important;box-shadow:none!important}
  .rpt-table--cards td::before{content:attr(data-label);font:500 var(--wmr-fs-caption)/1.3 var(--wmr-font-text);color:var(--wmr-ink-3)}
  .rpt-table--cards td:first-child{grid-column:1/-1;flex-direction:row;flex-wrap:wrap;align-items:baseline;font:600 17px/1.3 var(--wmr-font-title)}
  .rpt-table--cards td:first-child::before{content:none}
  .rpt-table--cards td:last-child{grid-column:1/-1}
  .rpt-table--cards td .st{align-self:flex-start}
  .rpt-table--cards tr.is-brand{background:var(--wmr-brand-tint);margin-inline:calc(var(--wmr-gutter) * -1);padding-inline:var(--wmr-gutter);box-shadow:inset 3px 0 0 var(--wmr-brand)}
  .rpt-table--cards tr.is-brand td{font-weight:600}
}

.rpt-note{margin-top:var(--wmr-space-3);font-size:var(--wmr-fs-caption);line-height:1.5;color:var(--wmr-ink-3);max-width:80ch}
.rpt-note+.rpt-note{margin-top:var(--wmr-space-2)}
.rpt-inline{display:inline}
.rpt-inline li{display:inline;white-space:nowrap}
.rpt-inline li+li::before{content:" · "}

.rpt-mov{margin-top:var(--wmr-space-6);background:var(--wmr-fill);border:1px dashed var(--wmr-line-strong);padding:var(--wmr-space-4);margin-inline:calc(var(--wmr-gutter) * -1);border-inline:0}
.rpt-mov-empty{margin-top:var(--wmr-space-3);color:var(--wmr-ink-2)}
.rpt-range{font-size:var(--wmr-fs-small);color:var(--wmr-ink-2);margin-top:var(--wmr-space-1)}

.rpt-finding{margin-top:var(--wmr-space-4);border:1px solid var(--wmr-line-strong);break-inside:avoid}
.rpt-finding-top{padding:var(--wmr-space-4);border-bottom:1px solid var(--wmr-line)}
.rpt-finding-top h3{font-size:clamp(1.1875rem,1.05rem + .5vw,1.375rem);line-height:1.28;margin-top:var(--wmr-space-2);max-width:34ch}
.rpt-blocks{display:grid;grid-template-columns:minmax(0,1fr)}
.rpt-blk{padding:var(--wmr-space-4);border-bottom:1px solid var(--wmr-line);font-size:var(--wmr-fs-table);line-height:1.5}
.rpt-blk:last-child{border-bottom:0}
.rpt-blk h4{font:600 var(--wmr-fs-caption)/1.4 var(--wmr-font-text);letter-spacing:.08em;text-transform:uppercase;color:var(--wmr-ink-2);margin-bottom:var(--wmr-space-2)}
.rpt-blk p+p{margin-top:var(--wmr-space-2)}
.rpt-facts li{display:flex;justify-content:space-between;gap:var(--wmr-space-3);padding:4px 0;font-variant-numeric:tabular-nums lining-nums}
.rpt-facts li+li{border-top:1px dotted var(--wmr-line)}
.rpt-facts .v{white-space:nowrap;text-align:right}
.rpt-facts .n{color:var(--wmr-ink-3)}
.rpt-facts li.is-total{border-top:1px solid var(--wmr-ink);margin-top:2px;font-weight:600}
.rpt-finding-foot{padding:var(--wmr-space-2) var(--wmr-space-4);border-top:1px solid var(--wmr-line);font-size:var(--wmr-fs-caption);color:var(--wmr-ink-3)}
.rpt-none{margin-top:var(--wmr-space-3);padding:var(--wmr-space-5);border:1px solid var(--wmr-line);color:var(--wmr-ink-2)}

.rpt-method{margin-top:var(--wmr-space-7);padding-top:var(--wmr-space-4);border-top:1px solid var(--wmr-line-strong);font-size:var(--wmr-fs-small);color:var(--wmr-ink-2)}
.rpt-method h2{font:600 var(--wmr-fs-h3)/1.3 var(--wmr-font-title);color:var(--wmr-ink);margin-bottom:var(--wmr-space-3)}
.rpt-method ul{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--wmr-space-3) var(--wmr-space-6)}
.rpt-method li{padding-left:var(--wmr-space-4);position:relative;max-width:60ch}
.rpt-method li::before{content:"—";position:absolute;left:0;color:var(--wmr-ink-3)}
.rpt-end{display:flex;flex-direction:column;gap:var(--wmr-space-1);margin-top:var(--wmr-space-6);padding-top:var(--wmr-space-3);border-top:2px solid var(--wmr-ink);font-size:var(--wmr-fs-caption);color:var(--wmr-ink-3)}

/* annotations repliables (/exemple, règle 12) — écran seulement, sans JavaScript */
.note{margin-top:var(--wmr-space-3);border-top:1px solid var(--wmr-line);font-size:14px}
.note summary{display:flex;align-items:center;gap:var(--wmr-space-2);min-height:var(--wmr-target);cursor:pointer;color:var(--wmr-brand);font-weight:600;list-style:none;touch-action:manipulation}
.note summary::-webkit-details-marker{display:none}
.note summary::before{content:"+";display:inline-grid;place-items:center;flex:none;width:20px;height:20px;border:1px solid currentColor;border-radius:50%;font-size:14px;line-height:1}
.note[open] summary::before{content:"−"}
.note summary:hover{text-decoration:underline;text-underline-offset:.22em}
.note-body{padding:0 0 var(--wmr-space-3) 28px;color:var(--wmr-ink-2);max-width:72ch}
.note-body p+p{margin-top:var(--wmr-space-2)}

/* ---------- ≥ 600 px ---------- */
@media (min-width:600px){
  .btn{display:inline-flex;width:auto;white-space:nowrap}
  .hero-cta{align-items:flex-start}
  .marginalia{grid-template-columns:repeat(3,minmax(0,1fr))}
  .reads,.split,.choice{grid-template-columns:repeat(2,minmax(0,1fr))}
  .facts>div,.pledge li{grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:var(--wmr-space-4)}
  .site-foot .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}
  .site-foot .foot-about,.site-foot .foot-base{grid-column:1/-1}
  .rpt-end{flex-direction:row;justify-content:space-between;flex-wrap:wrap}
  .rpt-finding-top,.rpt-blk{padding-inline:var(--wmr-space-5)}
  .rpt-finding-foot{padding-inline:var(--wmr-space-5)}
  .wide-only{display:inline}
  .rule-head,.rule .facts{padding-inline:var(--wmr-space-5)}
  .states li{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--wmr-space-4);align-items:baseline}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .narrow-only{display:none}
  .site-nav ul{gap:var(--wmr-space-5)}
}
/* ---------- ≥ 720 px : rapport sur feuille ---------- */
@media (min-width:720px){
  .rpt-shell{padding-top:var(--wmr-space-6)}
  .rpt-shell>.wrap{padding-inline:var(--wmr-gutter)}
  .rpt{border:1px solid var(--wmr-line);padding:var(--wmr-space-7) clamp(28px,5vw,56px) var(--wmr-space-6)}
  .rpt-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:var(--wmr-space-5)}
  .rpt-notice{max-width:320px;padding:0 0 0 var(--wmr-space-4);border-top:0;border-left:1px solid var(--wmr-line-strong)}
  .rpt-table-wrap{overflow-x:auto}
  .rpt-table--cards{min-width:680px}
  .rpt-table--cards.rpt-table--wrap{min-width:0}
  .rpt-mov{margin-inline:0;border-inline:1px dashed var(--wmr-line-strong);padding:var(--wmr-space-5)}
  .rpt-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rpt-blk{border-right:1px solid var(--wmr-line)}
  .rpt-blk:nth-child(2n){border-right:0}
  .rpt-blk:nth-child(n+3){border-bottom:0}
  .rpt-method ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .sheet,.code{margin-inline:0;border-inline:1px solid var(--wmr-line-strong)}
  .sheet{padding:var(--wmr-space-5) var(--wmr-space-5) var(--wmr-space-4)}
  .code{padding-inline:var(--wmr-space-5)}
  .code--inset{padding-inline:var(--wmr-space-4)}
}
/* ---------- ≥ 880 px ---------- */
@media (min-width:880px){
  .dock{display:none}
  .site-head .wrap{min-height:68px}
  .wordmark{font-size:21px}
  .hero{padding-block:var(--wmr-space-8)}
  .hero .kicker{margin-bottom:var(--wmr-space-5)}
  .hero-foot{grid-template-columns:minmax(0,1fr) auto;gap:var(--wmr-space-6);align-items:end;margin-top:var(--wmr-space-7)}
  .sec{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--wmr-space-6)}
  .sec-label{padding-top:var(--wmr-space-2)}
  .steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--wmr-space-6)}
  .steps li{display:block}
  .steps li::before{display:block;font-size:40px;margin-bottom:var(--wmr-space-4)}
  .offer{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--wmr-space-6);padding:var(--wmr-space-6)}
  .site-foot{margin-top:var(--wmr-space-9)}
  .site-foot .wrap{grid-template-columns:minmax(0,5fr) minmax(0,3fr) minmax(0,4fr);gap:var(--wmr-space-6);padding-block:var(--wmr-space-7) var(--wmr-space-6)}
  .site-foot .foot-about{grid-column:auto}
  .page-head{padding-block:var(--wmr-space-8) var(--wmr-space-6)}
  .legal{grid-template-columns:minmax(0,3fr) minmax(0,9fr);gap:var(--wmr-space-6)}
  .toc{position:sticky;top:var(--wmr-space-5);align-self:start}
}
/* ---------- ≥ 1040 px : constat en quatre blocs côte à côte ---------- */
@media (min-width:1040px){
  .excerpt{grid-template-columns:minmax(0,1fr) 220px;gap:var(--wmr-space-6)}
  .marginalia{grid-template-columns:minmax(0,1fr);align-content:start;padding-top:var(--wmr-space-2);gap:var(--wmr-space-5)}
  .rpt-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rpt-blk,.rpt-blk:nth-child(2n){border-right:1px solid var(--wmr-line);border-bottom:0}
  .rpt-blk:last-child{border-right:0}
  .excerpt .rpt-blocks{grid-template-columns:repeat(2,minmax(0,1fr))}
  .excerpt .rpt-blk:nth-child(2n){border-right:0}
  .excerpt .rpt-blk:nth-child(-n+2){border-bottom:1px solid var(--wmr-line)}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important}}
@media (display-mode:standalone){.site-head{position:sticky;top:0;z-index:6}}

/* ---------- impression A4 ---------- */
@page{size:A4;margin:16mm 16mm 18mm}
@page{@bottom-right{content:counter(page) " / " counter(pages);font:8pt var(--wmr-font-text);color:var(--wmr-ink-3)}}
@media print{
  body{background:var(--wmr-surface);font-size:10.5pt;min-height:0}
  .site-head,.site-foot,.skip,.note,.no-print,.dock{display:none!important}
  .banner{background:none;color:var(--wmr-ink);border-block:1px solid var(--wmr-ink)}
  .banner .wrap{padding:1.5mm 0}
  .banner p{font-size:8.5pt}
  .banner--end{margin-top:6mm}
  .wrap,.rpt-shell>.wrap{max-width:none;padding:0}
  .rpt-shell{padding:0}
  .rpt{border:0;padding:0;font-size:10.5pt}
  .rpt-head{flex-direction:row;justify-content:space-between;align-items:flex-end}
  .rpt-notice{max-width:70mm;padding:0 0 0 4mm;border-top:0;border-left:1px solid var(--wmr-line-strong);font-size:8.5pt}
  .rpt-brand{font-size:22pt}
  .rpt-sector{font-size:12pt}
  .rpt-sec-head h2{font-size:13pt}
  .rpt-finding-top{padding:3mm 4mm}
  .rpt-finding-top h3{font-size:12pt;max-width:none}
  .rpt-table{font-size:9pt}
  .rpt-table-wrap{overflow:visible}
  .rpt-mov{margin-inline:0;border-inline:1px dashed var(--wmr-line-strong);padding:4mm}
  .rpt-blocks{grid-template-columns:repeat(4,minmax(0,1fr))}
  .rpt-blk{font-size:9pt;border-right:1px solid var(--wmr-line);border-bottom:0;padding:3mm 4mm}
  .rpt-blk:last-child{border-right:0}
  .rpt-finding-foot{padding:1.5mm 4mm}
  .rpt-method ul{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rpt-end{flex-direction:row;justify-content:space-between}
  .rpt-note,.rpt-finding-foot,.caption,.kicker,.rpt-tag,.rpt-badge,.rpt-end{font-size:8pt}
  .rpt-method{font-size:8.5pt}
  .rpt-sec,.rpt-mov{margin-top:6mm}
  .rpt-finding,.rpt-mov,.rpt-table tr{break-inside:avoid}
  .rpt-sec-head{break-after:avoid}
  a{color:var(--wmr-ink);text-decoration:none}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}