/* ===========================================================================
   iptv-suisse.cloud — fr-CH
   Design system CH-achromatic-instrument · research/design-systems-a.md § SITE 5
   Naming: lowercase single-hyphen under sr-. Unique to this site.
   A Swiss measuring instrument: achromatic, exact, quiet. Every figure carries
   its unit and the date it was taken. There is no bold weight anywhere and the
   entire radius scale is 2px.
   =========================================================================== */
:root{
  --sr-bg:#16181B; --sr-surface:#1D2024; --sr-raised:#24282D;
  --sr-ink:#E9EBED; --sr-ink-muted:#A0A6AC;
  --sr-hairline:#2E3238; --sr-border-strong:#666D74; --sr-border-strong-raised:#7C838A;
  --sr-accent:#E9EBED; --sr-on-accent:#16181B;
  --sr-ok:#8FCBA1; --sr-alert:#E9A76B;
  --sr-focus:#E9EBED;
  --sr-font:Helvetica,"Helvetica Neue",Arial,system-ui,sans-serif;
  --sr-weight-normal:400; --sr-weight-medium:500;
  --sr-fs-base:1rem;
  --sr-fs-xs:0.707rem; --sr-fs-sm:1rem; --sr-fs-md:1.414rem;
  --sr-fs-lg:2rem; --sr-fs-xl:2.828rem;
  --sr-lh-body:1.5; --sr-lh-head:1.15;
  --sr-tracking-label:0.01em; --sr-tracking-nav:0.08em;
  --sr-space-1:8px; --sr-space-2:16px; --sr-space-3:32px;
  --sr-space-4:64px; --sr-space-5:128px;
  --sr-radius:2px;
  --sr-maxw:1064px; --sr-gutter:40px; --sr-measure:62ch;
  --sr-bar-h:64px; --sr-btn-h:40px; --sr-card-pad:32px;
  --sr-focus-ring:0 0 0 2px var(--sr-bg),0 0 0 4px var(--sr-focus);
}
:root[data-theme="light"]{
  --sr-bg:#FBFBFA; --sr-surface:#FFFFFF; --sr-raised:#F4F5F5;
  --sr-ink:#101214; --sr-ink-muted:#565C62;
  --sr-hairline:#E4E5E6; --sr-border-strong:#777E84; --sr-border-strong-raised:#6E757B;
  --sr-accent:#101214; --sr-on-accent:#FFFFFF;
  --sr-ok:#1F6B3B; --sr-alert:#8A4B12; --sr-focus:#101214;
}
@media (prefers-color-scheme:light){:root:not([data-theme="dark"]){
  --sr-bg:#FBFBFA; --sr-surface:#FFFFFF; --sr-raised:#F4F5F5;
  --sr-ink:#101214; --sr-ink-muted:#565C62;
  --sr-hairline:#E4E5E6; --sr-border-strong:#777E84; --sr-border-strong-raised:#6E757B;
  --sr-accent:#101214; --sr-on-accent:#FFFFFF;
  --sr-ok:#1F6B3B; --sr-alert:#8A4B12; --sr-focus:#101214;
}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;touch-action:manipulation;-webkit-tap-highlight-color:rgba(39,57,50,.16)}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{
  animation-duration:.01ms!important;transition-duration:.01ms!important}}
[id]{scroll-margin-top:88px}
body{margin:0;background:var(--sr-bg);color:var(--sr-ink);
  font:var(--sr-weight-normal) var(--sr-fs-base)/var(--sr-lh-body) var(--sr-font);
  font-variant-numeric:tabular-nums slashed-zero;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--sr-ink)}
/* There is no bold on this site. Hierarchy is size and space, never weight. */
h1,h2,h3{font-weight:var(--sr-weight-medium);line-height:var(--sr-lh-head);
  letter-spacing:-.01em;margin:0 0 var(--sr-space-2)}
h1{font-size:var(--sr-fs-xl)} h2{font-size:var(--sr-fs-lg)} h3{font-size:var(--sr-fs-md)}
strong,b{font-weight:var(--sr-weight-medium)}
p{margin:0 0 var(--sr-space-2);max-width:var(--sr-measure)}
ul,ol{max-width:var(--sr-measure)}

.sr-wrap{max-width:var(--sr-maxw);margin-inline:auto;padding-inline:var(--sr-gutter)}
.sr-block{padding-block:var(--sr-space-4)}
.sr-block-tight{padding-block:var(--sr-space-3)}
.sr-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;
  clip:rect(0 0 0 0);white-space:nowrap;border:0}
.sr-grid{display:grid;gap:var(--sr-space-2);grid-template-columns:repeat(auto-fit,minmax(236px,1fr))}
.sr-grid>*{min-width:0}
.sr-lede{font-size:var(--sr-fs-md);color:var(--sr-ink-muted);max-width:var(--sr-measure)}
/* Every figure carries its unit and the date it was taken. */
.sr-stamp{font-size:var(--sr-fs-xs);color:var(--sr-ink-muted);letter-spacing:var(--sr-tracking-label)}

/* A calibrated data graphic, not an illustration: one-colour geometry, units
   and a measurement date are present in the figure itself. */
.sr-instrument-slot{padding-top:var(--sr-space-3)}
.sr-instrument{margin:0;border:1px solid var(--sr-border-strong);border-radius:var(--sr-radius)}
.sr-instrument figcaption{display:flex;justify-content:space-between;gap:var(--sr-space-2);padding:var(--sr-space-2);
  border-bottom:1px solid var(--sr-border-strong);color:var(--sr-ink-muted);font-size:var(--sr-fs-xs);letter-spacing:var(--sr-tracking-label)}
.sr-instrument svg{display:block;width:100%;height:auto}.sr-instrument-axe{fill:none;stroke:var(--sr-ink);stroke-width:2}
.sr-instrument-repere{fill:none;stroke:var(--sr-hairline);stroke-width:1}.sr-instrument-courbe{fill:none;stroke:var(--sr-ink);stroke-width:3}
.sr-instrument-point{fill:var(--sr-bg);stroke:var(--sr-ink);stroke-width:2}.sr-instrument-label{fill:var(--sr-ink);font:500 14px var(--sr-font)}
.sr-instrument-tick{fill:var(--sr-ink-muted);font:400 12px var(--sr-font)}.sr-instrument-verif .sr-instrument-courbe{stroke-dasharray:8 8}

:focus-visible{outline:none;box-shadow:var(--sr-focus-ring);border-radius:var(--sr-radius)}
.sr-main:focus,.sr-main:focus-visible{box-shadow:none}
.sr-skip{position:absolute;left:-9999px;top:0;z-index:120;background:var(--sr-accent);
  color:var(--sr-on-accent);padding:var(--sr-space-1) var(--sr-space-2)}
.sr-skip:focus{left:0;top:0}

.sr-bar{position:sticky;top:0;z-index:60;background:var(--sr-bg);
  border-bottom:1px solid var(--sr-hairline)}
.sr-bar-in{display:flex;align-items:center;gap:var(--sr-space-3);flex-wrap:wrap;
  min-height:var(--sr-bar-h);max-width:var(--sr-maxw);margin-inline:auto;padding-inline:var(--sr-gutter)}
.sr-mark{text-decoration:none;font-size:var(--sr-fs-md);font-weight:var(--sr-weight-medium)}
.sr-nav{display:flex;gap:var(--sr-space-3);flex-wrap:wrap;margin-inline:auto;
  font-size:var(--sr-fs-xs);text-transform:uppercase;letter-spacing:var(--sr-tracking-nav)}
.sr-nav a{text-decoration:none;padding-block:var(--sr-space-1)}
.sr-nav a[aria-current="page"]{border-bottom:1px solid var(--sr-ink)}

.sr-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--sr-btn-h);
  padding-inline:var(--sr-space-2);border-radius:var(--sr-radius);
  border:1px solid var(--sr-border-strong);background:transparent;color:var(--sr-ink);
  font:var(--sr-weight-medium) var(--sr-fs-sm)/1 var(--sr-font);text-decoration:none;cursor:pointer}
.sr-btn:hover{border-width:2px;padding-inline:calc(var(--sr-space-2) - 1px)}
.sr-btn-solid{background:var(--sr-accent);color:var(--sr-on-accent);border-color:var(--sr-accent)}
.sr-row{display:flex;flex-wrap:wrap;gap:var(--sr-space-2);align-items:center}

.sr-card{background:var(--sr-surface);border:1px solid var(--sr-hairline);
  border-radius:var(--sr-radius);padding:var(--sr-card-pad)}
.sr-card h3{margin-top:0}
.sr-card p:last-child{margin-bottom:0}

.sr-panel{background:var(--sr-surface);border:1px solid var(--sr-hairline);
  border-radius:var(--sr-radius);padding:var(--sr-card-pad);display:grid;gap:var(--sr-space-2)}
@media(min-width:820px){.sr-panel{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sr-space-3)}
  .sr-panel>div:nth-of-type(n+4),.sr-panel>p{grid-column:1/-1}.sr-panel>div:nth-of-type(5){border-top:1px solid var(--sr-border-strong);padding-top:var(--sr-space-3)}}
.sr-panel label{display:block;font-size:var(--sr-fs-xs);text-transform:uppercase;
  letter-spacing:var(--sr-tracking-nav);color:var(--sr-ink-muted);margin-bottom:var(--sr-space-1)}
.sr-panel select{min-height:44px;width:100%;border:1px solid var(--sr-border-strong-raised);
  border-radius:var(--sr-radius);background:var(--sr-raised);color:var(--sr-ink);
  font:inherit;padding-inline:var(--sr-space-1)}
.sr-out{font-size:var(--sr-fs-xl);line-height:1.1;display:block;
  font-weight:var(--sr-weight-medium)}
.sr-out-sub{color:var(--sr-ink-muted);display:block;margin-top:var(--sr-space-1)}
.sr-cap{border:1px solid var(--sr-alert);border-radius:var(--sr-radius);
  padding:var(--sr-space-2);display:grid;gap:var(--sr-space-2);justify-items:start}
.sr-cap[hidden]{display:none}
.sr-cap p{margin:0}

.sr-tablewrap{overflow-x:auto;border:1px solid var(--sr-border-strong);padding:var(--sr-space-2);border-radius:var(--sr-radius)}
.sr-table{width:100%;border-collapse:collapse;font-size:var(--sr-fs-xs)}
.sr-table caption{text-align:left;color:var(--sr-ink-muted);margin-bottom:var(--sr-space-1)}
.sr-table th,.sr-table td{border-bottom:1px solid var(--sr-hairline);
  padding:var(--sr-space-1);text-align:right}
.sr-table th:first-child,.sr-table td:first-child{text-align:left}
.sr-table thead th{border-bottom:1px solid var(--sr-border-strong);
  font-weight:var(--sr-weight-medium);text-transform:uppercase;
  letter-spacing:var(--sr-tracking-nav);font-size:var(--sr-fs-xs)}

.sr-faq details{border-bottom:1px solid var(--sr-hairline);padding-block:var(--sr-space-2)}
.sr-faq summary{cursor:pointer;font-weight:var(--sr-weight-medium);min-height:44px;
  display:flex;align-items:center}
.sr-faq details p:last-child{margin-bottom:0}

.sr-foot{border-top:1px solid var(--sr-hairline);padding-block:var(--sr-space-3);
  margin-top:var(--sr-space-5);background:var(--sr-surface)}
.sr-foot h2{font-size:var(--sr-fs-xs);text-transform:uppercase;
  letter-spacing:var(--sr-tracking-nav);color:var(--sr-ink-muted)}
.sr-foot ul{list-style:none;padding:0;margin:0}
.sr-foot li{margin-bottom:var(--sr-space-1)}
.sr-foot-note{color:var(--sr-ink-muted);font-size:var(--sr-fs-xs);margin-top:var(--sr-space-2)}
.sr-theme{background:transparent;border:1px solid var(--sr-border-strong);
  border-radius:var(--sr-radius);color:var(--sr-ink);font:inherit;font-size:var(--sr-fs-xs);
  min-height:44px;padding-inline:var(--sr-space-2);cursor:pointer}
@media(max-width:700px){:root{--sr-gutter:18px;--sr-fs-xl:2.25rem}.sr-bar-in{gap:var(--sr-space-1);padding-block:var(--sr-space-1)}
  .sr-mark{width:100%}.sr-nav{gap:var(--sr-space-2);margin:0}.sr-stamp{margin-left:auto}.sr-instrument figcaption{display:grid}
  .sr-block{padding-block:var(--sr-space-3)}.sr-row{display:grid}.sr-row .sr-btn{width:100%}}

/* Refreshed palette isolation: legacy components stay in their authored default theme. */
body{--sr-bg:#16181B; --sr-surface:#1D2024; --sr-raised:#24282D;
  --sr-ink:#E9EBED; --sr-ink-muted:#A0A6AC;
  --sr-hairline:#2E3238; --sr-border-strong:#666D74; --sr-border-strong-raised:#7C838A;
  --sr-accent:#E9EBED; --sr-on-accent:#16181B;
  --sr-ok:#8FCBA1; --sr-alert:#E9A76B;
  --sr-focus:#E9EBED;
  --sr-font:Helvetica,"Helvetica Neue",Arial,system-ui,sans-serif;
  --sr-weight-normal:400; --sr-weight-medium:500;
  --sr-fs-base:1rem;
  --sr-fs-xs:0.707rem; --sr-fs-sm:1rem; --sr-fs-md:1.414rem;
  --sr-fs-lg:2rem; --sr-fs-xl:2.828rem;
  --sr-lh-body:1.5; --sr-lh-head:1.15;
  --sr-tracking-label:0.01em; --sr-tracking-nav:0.08em;
  --sr-space-1:8px; --sr-space-2:16px; --sr-space-3:32px;
  --sr-space-4:64px; --sr-space-5:128px;
  --sr-radius:2px;
  --sr-maxw:1064px; --sr-gutter:40px; --sr-measure:62ch;
  --sr-bar-h:64px; --sr-btn-h:40px; --sr-card-pad:32px;
  --sr-focus-ring:0 0 0 2px var(--sr-bg),0 0 0 4px var(--sr-focus);}