@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/instrument-sans/instrument-sans-roman-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:normal;font-weight:400 700;font-display:swap;src:url(/static/fonts/instrument-sans/instrument-sans-roman-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Instrument Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(/static/fonts/instrument-sans/instrument-sans-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Instrument Sans";font-style:italic;font-weight:400 700;font-display:swap;src:url(/static/fonts/instrument-sans/instrument-sans-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/static/fonts/bricolage-grotesque/bricolage-grotesque-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/static/fonts/bricolage-grotesque/bricolage-grotesque-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Bricolage Grotesque";font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/static/fonts/bricolage-grotesque/bricolage-grotesque-vietnamese.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}

@font-face{font-family:"Caveat";font-style:normal;font-weight:500;font-display:swap;src:url(/static/fonts/caveat/caveat-note.woff2) format("woff2");unicode-range:U+0020-007E,U+00A0,U+00A7,U+00AB,U+00BB,U+00C0-00FF,U+0152-0153,U+0178,U+2013-2014,U+2018-2019,U+201C-201D,U+2026,U+202F}

/* Replis CALIBRÉS — la seule cause mesurée du saut de mise en page (6/09).
   `font-display:swap` affiche d'abord une police système, puis bascule. Or le
   même titre mesure 2516 px en Bricolage Grotesque et 3059 px en `system-ui`
   (+21,6 %, mesuré à 100 px) : le repli prenait une LIGNE de plus (190 px
   contre 238 px sur 400 px de large), et la ligne disparaissait à l'arrivée de
   la police — tout le héros remontait de 35 px. CLS 0,1683 sur téléphone en
   réseau lent, dont 0,1586 pour ce seul saut.
   `size-adjust` donne au repli l'encombrement de la police définitive : le
   basculement ne déplace plus rien. Deux replis par famille parce que le ratio
   dépend de la police trouvée sur l'appareil — Arial/Liberation (Windows,
   macOS, Linux) puis Roboto/Segoe (Android). Rien ne change une fois la police
   chargée : elle l'emporte toujours dans la pile. */
@font-face{font-family:"Bricolage repli A";src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:92%}
@font-face{font-family:"Bricolage repli B";src:local("Roboto"),local("Segoe UI"),local("Helvetica Neue");size-adjust:101%}
@font-face{font-family:"Instrument repli A";src:local("Arial"),local("Liberation Sans"),local("Helvetica");size-adjust:101%}
@font-face{font-family:"Instrument repli B";src:local("Roboto"),local("Segoe UI"),local("Helvetica Neue");size-adjust:111%}

:root{
  --c-bg:#ffffff;
  --c-bg-2:#f5f6f8;
  --c-surface:#ffffff;
  --c-surface-2:#eef0f3;
  --c-frame:#14181d;
  --c-frame-2:#1f252d;
  --c-on-frame:#f3f5f7;
  --c-ink:#111417;
  --c-ink-2:#5b6470;
  --c-ink-3:#8a919c;
  --c-line:#e1e4e9;
  --c-line-strong:#8a919c;
  --c-action:#1f55e6;
  --c-action-hover:#1746c4;
  --c-action-soft:#e9efff;
  --c-on-action:#ffffff;
  --c-premium:#6d28d9;
  --c-premium-soft:#f1eaff;
  --c-danger:#c8261b;
  --c-danger-soft:#fdecea;
  --c-warn:#8a5a00;
  --c-warn-soft:#fff4d6;
  --c-focus:#1f55e6;
  --c-focus-halo:#ffffff;
  --c-scrim:rgba(17,20,23,.48);
  --c-scrim-text:rgba(17,20,23,.76);
  --g-signature:linear-gradient(135deg,#06c2fb 0%,#6b2bfb 55%,#de13fc 100%);

  --f-sans:"Instrument Sans","Instrument repli A","Instrument repli B",system-ui,-apple-system,"Segoe UI",Roboto,"Noto Sans",sans-serif;
  --f-display:"Bricolage Grotesque","Bricolage repli A","Bricolage repli B","Instrument Sans",system-ui,sans-serif;
  --f-mono:ui-monospace,"SF Mono",Menlo,Consolas,"Liberation Mono",monospace;
  --f-note:"Caveat","Segoe Script","Bradley Hand",cursive;
  --fs-0:.8125rem;
  --fs-1:.875rem;
  --fs-2:1rem;
  --fs-3:1.125rem;
  --fs-4:1.375rem;
  --fs-5:clamp(1.625rem,1.3rem + 1.2vw,2rem);
  --fs-6:clamp(2rem,1.35rem + 2.6vw,3.25rem);
  --lh-tight:1.1;
  --lh-snug:1.3;
  --lh-body:1.55;
  --fw-text:400;
  --fw-ui:500;
  --fw-title:600;
  --ls-title:-0.02em;

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

  --r-1:6px;--r-2:10px;--r-3:16px;--r-pill:999px;
  --sh-1:0 1px 2px rgba(17,20,23,.06),0 0 0 1px rgba(17,20,23,.05);
  --sh-2:0 16px 40px -16px rgba(17,20,23,.28),0 0 0 1px rgba(17,20,23,.06);

  --t-fast:120ms;--t-base:200ms;--ease:cubic-bezier(.2,.7,.2,1);

  --w-content:80rem;--w-text:40rem;--w-narrow:30rem;
  --gutter:clamp(16px,4vw,40px);
  --control-h:44px;--control-h-sm:36px;
  --header-h:64px;
  color-scheme:light;
}
[data-theme="dark"]{
  --c-bg:#0f1216;
  --c-bg-2:#14181d;
  --c-surface:#171b21;
  --c-surface-2:#1f252d;
  --c-frame:#0a0c0f;
  --c-frame-2:#171b21;
  --c-on-frame:#e8ebef;
  --c-ink:#e8ebef;
  --c-ink-2:#a3abb6;
  --c-ink-3:#6f7885;
  --c-line:#262c34;
  --c-line-strong:#6f7885;
  --c-action:#5b8cff;
  --c-action-hover:#7aa2ff;
  --c-action-soft:#182642;
  --c-on-action:#0f1216;
  --c-premium:#b794ff;
  --c-premium-soft:#241a3d;
  --c-danger:#ff7a6e;
  --c-danger-soft:#3a1714;
  --c-warn:#f2c14e;
  --c-warn-soft:#3a2d0c;
  --c-focus:#7aa2ff;
  --c-focus-halo:#0f1216;
  --c-scrim:rgba(0,0,0,.6);
  --c-scrim-text:rgba(0,0,0,.76);
  --sh-1:0 1px 2px rgba(0,0,0,.4),0 0 0 1px rgba(255,255,255,.06);
  --sh-2:0 16px 40px -16px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.08);
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:calc(var(--header-h) + var(--s-4))}
html.k-lock,html.k-lock body{overflow:hidden}
body{margin:0;font-family:var(--f-sans);font-size:var(--fs-2);line-height:var(--lh-body);font-weight:var(--fw-text);color:var(--c-ink);background:var(--c-bg);-webkit-font-smoothing:antialiased;font-variant-numeric:tabular-nums}
h1,h2,h3,h4,p,ul,ol,figure{margin:0}
h1,h2,h3,h4{font-weight:var(--fw-title);line-height:var(--lh-snug);letter-spacing:var(--ls-title);text-wrap:balance}
h1,h2{font-family:var(--f-display);font-variation-settings:"opsz" 40}
h1{font-size:var(--fs-6);line-height:var(--lh-tight);font-variation-settings:"opsz" 96}
h2{font-size:var(--fs-5)}
h3{font-size:var(--fs-4);letter-spacing:-0.01em}
h4{font-size:var(--fs-3);letter-spacing:0}
p{text-wrap:pretty}
ul,ol{padding:0;list-style:none}
a{color:var(--c-action);text-underline-offset:.15em;text-decoration-thickness:1px}
a:hover{color:var(--c-action-hover)}
img,svg,video{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer;background:none;border:0;padding:0}
button:disabled{cursor:not-allowed}
[hidden]{display:none!important}
[x-cloak]{display:none!important}
:focus{outline:none}
:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px;box-shadow:0 0 0 4px var(--c-focus-halo)}
::selection{background:var(--c-action-soft);color:var(--c-ink)}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

.k-visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.k-skip{position:absolute;inset-inline-start:var(--s-4);top:-100px;z-index:100;padding:var(--s-3) var(--s-4);background:var(--c-ink);color:var(--c-bg);border-radius:var(--r-1);font-weight:var(--fw-ui);text-decoration:none}
.k-skip:focus-visible{top:var(--s-4)}
.k-container{width:100%;max-width:calc(var(--w-content) + 2*var(--gutter));margin-inline:auto;padding-inline:var(--gutter)}
.k-section{padding-block:var(--section-y)}
.k-section--alt{background:var(--c-bg-2)}
.k-section__head{max-width:var(--w-text);margin-bottom:var(--s-6)}
.k-section__head h2{margin-bottom:var(--s-3)}
.k-lead{font-size:var(--fs-3);color:var(--c-ink-2);line-height:var(--lh-body);max-width:var(--w-text)}
.k-muted{color:var(--c-ink-2)}
.k-small{font-size:var(--fs-1)}
.k-mono{font-family:var(--f-mono);font-size:.92em;letter-spacing:-0.01em;font-variant-numeric:tabular-nums}
.k-eyebrow{font-size:var(--fs-1);font-weight:var(--fw-ui);color:var(--c-ink-2);margin-bottom:var(--s-3)}
.k-prose p + p{margin-top:var(--s-3)}
.k-icon{width:20px;height:20px;flex:none;stroke:currentColor;fill:none;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.k-icon--sm{width:16px;height:16px}
.k-icon--lg{width:28px;height:28px;stroke-width:1.5}
[dir="rtl"] .k-icon--flip{transform:scaleX(-1)}

.k-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--s-2);min-height:var(--control-h);padding:0 var(--s-5);border-radius:var(--r-1);border:1px solid transparent;font-weight:var(--fw-ui);font-size:var(--fs-2);line-height:1.2;text-decoration:none;white-space:nowrap;transition:background-color var(--t-fast) var(--ease),border-color var(--t-fast) var(--ease),color var(--t-fast) var(--ease),transform var(--t-fast) var(--ease);-webkit-tap-highlight-color:transparent}
.k-btn:active{transform:translateY(1px)}
.k-btn--primary{background:var(--c-action);color:var(--c-on-action)}
.k-btn--primary:hover{background:var(--c-action-hover);color:var(--c-on-action)}
.k-btn--secondary{background:var(--c-surface);color:var(--c-ink);border-color:var(--c-line-strong)}
.k-btn--secondary:hover{background:var(--c-surface-2);color:var(--c-ink)}
.k-btn--ghost{background:transparent;color:var(--c-ink)}
.k-btn--ghost:hover{background:var(--c-surface-2);color:var(--c-ink)}
.k-btn--danger{background:var(--c-danger);color:#fff}
.k-btn--sm{min-height:var(--control-h-sm);padding:0 var(--s-4);font-size:var(--fs-1)}
.k-btn--block{width:100%}
.k-btn--icon{padding:0;width:var(--control-h);min-width:var(--control-h)}
.k-btn--icon.k-btn--sm{width:var(--control-h-sm);min-width:var(--control-h-sm)}
.k-btn:disabled,.k-btn[aria-disabled="true"]{opacity:.5;pointer-events:none}
.k-btn[aria-busy="true"]{color:transparent;position:relative;pointer-events:none}
.k-btn[aria-busy="true"]::after{content:"";position:absolute;width:18px;height:18px;border-radius:50%;border:2px solid currentColor;border-color:var(--c-on-action) transparent var(--c-on-action) var(--c-on-action);animation:k-spin .8s linear infinite}
.k-btn--secondary[aria-busy="true"]::after,.k-btn--ghost[aria-busy="true"]::after{border-color:var(--c-ink) transparent var(--c-ink) var(--c-ink)}
@keyframes k-spin{to{transform:rotate(360deg)}}
.k-link{display:inline-flex;align-items:center;gap:var(--s-1);font-weight:var(--fw-ui);text-decoration:none;color:var(--c-action)}
.k-link:hover{text-decoration:underline}

.k-field{display:flex;flex-direction:column;gap:var(--s-2)}
.k-label{font-size:var(--fs-1);font-weight:var(--fw-ui);color:var(--c-ink)}
.k-hint{font-size:var(--fs-1);color:var(--c-ink-2)}
.k-input{width:100%;min-height:var(--control-h);padding:0 var(--s-4);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink);transition:border-color var(--t-fast) var(--ease),box-shadow var(--t-fast) var(--ease)}
.k-input::placeholder{color:var(--c-ink-2);opacity:1}
.k-input:hover{border-color:var(--c-ink-2)}
.k-input:focus-visible{outline:none;border-color:var(--c-focus);box-shadow:0 0 0 3px var(--c-action-soft)}
.k-input:disabled{background:var(--c-surface-2);color:var(--c-ink-2)}
.k-input[aria-invalid="true"]{border-color:var(--c-danger)}
.k-input[aria-invalid="true"]:focus-visible{box-shadow:0 0 0 3px var(--c-danger-soft)}
.k-error{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--fs-1);color:var(--c-danger)}
.k-success{display:flex;align-items:flex-start;gap:var(--s-2);font-size:var(--fs-1);color:var(--c-action)}
.k-inputgroup{display:flex;gap:var(--s-2)}
.k-inputgroup .k-input{flex:1;min-width:0}
@media (max-width:560px){.k-inputgroup{flex-direction:column}}

.k-card{background:var(--c-surface);border:1px solid var(--c-line);border-radius:var(--r-2);padding:var(--s-5)}
.k-card--raised{border-color:transparent;box-shadow:var(--sh-1)}
.k-frame{background:var(--c-frame);color:var(--c-on-frame);border-radius:var(--r-3);overflow:hidden;position:relative}
.k-divider{border:0;border-top:1px solid var(--c-line);margin:0}

.k-tag{display:inline-flex;align-items:center;gap:var(--s-1);min-height:24px;padding:0 var(--s-2);border-radius:var(--r-pill);font-size:var(--fs-0);font-weight:var(--fw-ui);background:var(--c-surface-2);color:var(--c-ink-2);line-height:1}
.k-tag--action{background:var(--c-action-soft);color:var(--c-action)}
.k-tag--premium{background:var(--c-premium-soft);color:var(--c-premium)}
.k-tag--onframe{background:rgba(255,255,255,.14);color:var(--c-on-frame);backdrop-filter:blur(4px)}
.k-tag--meta{font-family:var(--f-mono);text-transform:uppercase;letter-spacing:.04em;font-size:var(--fs-0)}

.k-alert{display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-3) var(--s-4);border-radius:var(--r-2);border:1px solid var(--c-line);background:var(--c-surface);font-size:var(--fs-1)}
.k-alert .k-icon{margin-top:1px}
.k-alert--info{border-color:transparent;background:var(--c-action-soft);color:var(--c-ink)}
.k-alert--info .k-icon{color:var(--c-action)}
.k-alert--success{border-color:transparent;background:var(--c-action-soft);color:var(--c-ink)}
.k-alert--success .k-icon{color:var(--c-action)}
.k-alert--warning{border-color:transparent;background:var(--c-warn-soft);color:var(--c-ink)}
.k-alert--warning .k-icon{color:var(--c-warn)}
.k-alert--error{border-color:transparent;background:var(--c-danger-soft);color:var(--c-ink)}
.k-alert--error .k-icon{color:var(--c-danger)}
.k-alert p{margin:0}
.k-alert b{font-weight:var(--fw-ui)}

.k-progress{height:6px;border-radius:var(--r-pill);background:var(--c-surface-2);overflow:hidden}
.k-progress > span{display:block;height:100%;background:var(--c-action);border-radius:inherit;transform-origin:0 50%;transition:transform var(--t-base) var(--ease)}
[dir="rtl"] .k-progress > span{transform-origin:100% 50%}
.k-spinner{display:inline-block;width:18px;height:18px;border-radius:50%;border:2px solid var(--c-line);border-top-color:var(--c-action);animation:k-spin .8s linear infinite}

.k-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s-2);min-height:148px;padding:var(--s-5);border:1.5px dashed var(--c-line-strong);border-radius:var(--r-2);background:var(--c-surface);text-align:center;cursor:pointer;transition:border-color var(--t-fast) var(--ease),background-color var(--t-fast) var(--ease)}
.k-drop:hover{border-color:var(--c-action);background:var(--c-bg-2)}
.k-drop:focus-within{border-color:var(--c-focus);box-shadow:0 0 0 3px var(--c-action-soft)}
.k-drop.is-drag{border-style:solid;border-color:var(--c-action);background:var(--c-action-soft)}
.k-drop.is-busy{cursor:progress;border-style:solid;border-color:var(--c-line)}
.k-drop.is-error{border-style:solid;border-color:var(--c-danger);background:var(--c-danger-soft)}
.k-drop strong{font-weight:var(--fw-ui);color:var(--c-ink)}
.k-drop .k-icon{color:var(--c-action)}
.k-drop.is-error .k-icon{color:var(--c-danger)}
.k-drop__state{display:flex;flex-direction:column;align-items:center;gap:var(--s-2);width:100%}
.k-drop__hint{font-size:var(--fs-1);color:var(--c-ink-2)}
.k-drop__busy{width:100%;display:flex;flex-direction:column;gap:var(--s-2);text-align:start}
.k-drop__busy-row{display:flex;justify-content:space-between;gap:var(--s-3);font-size:var(--fs-1)}
.k-drop__name{color:var(--c-ink-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}

.k-header{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--c-bg) 88%,transparent);backdrop-filter:saturate(1.4) blur(10px);border-bottom:1px solid var(--c-line);transition:transform var(--t-base) var(--ease)}
.k-header.is-hidden{transform:translateY(-100%)}
.k-header.is-open{transform:none}
.k-header__bar{display:flex;align-items:center;gap:var(--s-4);min-height:var(--header-h)}
.k-logo{display:inline-flex;align-items:center;gap:var(--s-2);text-decoration:none;color:inherit;border-radius:var(--r-1);padding:var(--s-1)}
.k-logo__word{height:30px;width:auto}
.k-logo__word--dark{display:none}
[data-theme="dark"] .k-logo__word--light{display:none}
[data-theme="dark"] .k-logo__word--dark{display:block}
.k-nav{display:none;align-items:center;gap:var(--s-1);margin-inline-start:var(--s-3)}
.k-nav__link{display:inline-flex;align-items:center;gap:var(--s-1);min-height:40px;padding:0 var(--s-3);border-radius:var(--r-1);color:var(--c-ink);font-weight:var(--fw-ui);text-decoration:none;font-size:var(--fs-1)}
.k-nav__link:hover,.k-nav__link[aria-expanded="true"]{background:var(--c-surface-2);color:var(--c-ink)}
.k-nav__link .k-icon{width:16px;height:16px;transition:transform var(--t-fast) var(--ease)}
.k-nav__link[aria-expanded="true"] .k-icon--chevron{transform:rotate(180deg)}
.k-header__right{margin-inline-start:auto;display:flex;align-items:center;gap:var(--s-2)}
.k-header__desktop{display:none;align-items:center;gap:var(--s-2)}
.k-header__mobile{display:flex;align-items:center;gap:var(--s-2)}
@media (min-width:1024px){
  .k-nav{display:flex}
  .k-header__desktop{display:flex}
  .k-header__mobile{display:none}
}
.k-menu-wrap{position:relative}
.k-menu{position:absolute;top:calc(100% + 6px);inset-inline-start:0;min-width:240px;background:var(--c-surface);border-radius:var(--r-2);box-shadow:var(--sh-2);padding:var(--s-2);z-index:60}
.k-menu--end{inset-inline-start:auto;inset-inline-end:0}
.k-menu--wide{width:min(880px,calc(100vw - 2*var(--gutter)));padding:var(--s-4)}
.k-menu__cols{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--s-4)}
.k-menu__title{font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2);padding:var(--s-1) var(--s-2);margin-bottom:var(--s-1)}
.k-menu__item{display:flex;flex-direction:column;gap:1px;padding:var(--s-2) var(--s-2);border-radius:var(--r-1);text-decoration:none;color:var(--c-ink);font-size:var(--fs-1)}
.k-menu__item:hover{background:var(--c-surface-2);color:var(--c-ink)}
.k-menu__item b{font-weight:var(--fw-ui)}
.k-menu__item span{color:var(--c-ink-2);font-size:var(--fs-0)}
.k-menu__item .k-tag{margin-inline-start:var(--s-1);vertical-align:middle}
.k-menu__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-3);padding-top:var(--s-3);border-top:1px solid var(--c-line)}
.k-menu__row{display:flex;align-items:center;gap:var(--s-2);width:100%;min-height:40px;padding:0 var(--s-3);border-radius:var(--r-1);text-align:start;text-decoration:none;color:var(--c-ink);font-size:var(--fs-1)}
.k-menu__row:hover{background:var(--c-surface-2);color:var(--c-ink)}
.k-menu__row[aria-current="true"]{font-weight:var(--fw-ui);color:var(--c-action)}
.k-menu__list{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:2px}
.k-avatar{width:36px;height:36px;border-radius:50%;background:var(--c-action-soft);color:var(--c-action);font-weight:var(--fw-ui);font-size:var(--fs-1);display:inline-flex;align-items:center;justify-content:center}
button.k-avatar{width:44px;height:44px;padding:0;border:0;font-family:var(--f-sans);cursor:pointer}
button.k-avatar:hover,button.k-avatar[aria-expanded="true"]{box-shadow:inset 0 0 0 2px var(--c-action)}
button.k-avatar:focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
/* Menu du compte : UNE définition pour tout le site (en-tête, barre de travail des
   outils, mobile). Le fragment partials/acct_menu.html est inséré partout ; ses
   styles vivaient seulement dans la barre des outils, et l'en-tête l'affichait brut. */
.acct-menu{position:absolute;top:calc(100% + 6px);inset-inline-end:0;width:max-content;min-width:264px;max-width:min(340px,calc(100vw - 24px));max-height:calc(100dvh - 80px);overflow-y:auto;padding:var(--s-2);background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-2);box-shadow:var(--sh-2);font-family:var(--f-sans);text-align:start;z-index:60}
.acct-head{padding:var(--s-2) var(--s-3) var(--s-3)}
.acct-name{margin:0;font-size:var(--fs-2);font-weight:var(--fw-title);line-height:var(--lh-snug);color:var(--c-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.acct-mail{margin:2px 0 0;font-size:var(--fs-0);line-height:var(--lh-snug);color:var(--c-ink-2);overflow-wrap:anywhere}
.acct-badge{display:inline-block;margin-top:var(--s-2);padding:2px var(--s-2);border-radius:var(--r-1);background:var(--c-surface-2);color:var(--c-ink-2);font-family:var(--f-mono);font-size:var(--fs-0);letter-spacing:.04em;text-transform:uppercase}
.acct-badge.is-pro{background:var(--c-premium-soft);color:var(--c-premium)}
.acct-sep{height:1px;margin:var(--s-1) 0;background:var(--c-line)}
.acct-item{display:flex;align-items:center;gap:var(--s-3);width:100%;min-height:44px;padding:0 var(--s-3);border:0;border-radius:var(--r-1);background:none;color:var(--c-ink);font-family:var(--f-sans);font-size:var(--fs-1);font-weight:var(--fw-ui);line-height:var(--lh-snug);text-align:start;text-decoration:none;cursor:pointer}
.acct-item svg{flex:none;color:var(--c-ink-2)}
.acct-item:hover{background:var(--c-surface-2);color:var(--c-ink)}
.acct-item:focus-visible{outline:2px solid var(--c-focus);outline-offset:-2px}
.acct-item.is-upgrade,.acct-item.is-upgrade svg{color:var(--c-premium)}
.acct-item.is-upgrade:hover{background:var(--c-premium-soft)}
.acct-item.is-danger:hover{background:var(--c-danger-soft);color:var(--c-danger)}
.acct-item.is-danger:hover svg{color:var(--c-danger)}
/* Panneau des crédits : UN seul dessin, ici, pour l'en-tête du site et la barre
   de l'atelier. Ses styles vivaient dans une feuille que le site ne charge plus
   et dans la barre seule : ouvert depuis le site, il n'était pas dessiné. */
.kc-panel{position:absolute;top:calc(100% + 6px);inset-inline-end:0;width:min(320px,calc(100vw - 24px));max-height:calc(100dvh - 80px);overflow-y:auto;padding:var(--s-4);background:var(--c-surface);color:var(--c-ink);border-radius:var(--r-2);box-shadow:var(--sh-2);font-family:var(--f-sans);font-size:var(--fs-1);font-weight:var(--fw-text);line-height:1.45;text-align:start;white-space:normal;z-index:60}
.kc-panel p{margin:0}
.kc-panel .kc-head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2)}
.kc-panel .kc-title{font-size:var(--fs-2);font-weight:var(--fw-title)}
.kc-panel .kc-badge{flex:none;padding:2px var(--s-2);border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink-2);font-size:var(--fs-0);font-weight:var(--fw-ui)}
.kc-panel .kc-badge.is-abo{background:var(--c-premium-soft);color:var(--c-premium)}
.kc-panel .kc-sub{margin-top:var(--s-1);color:var(--c-ink-2);font-size:var(--fs-0)}
.kc-panel .kc-amount{margin-top:var(--s-3);font-size:var(--fs-4);font-weight:var(--fw-title);line-height:1.2;font-variant-numeric:tabular-nums}
.kc-panel .kc-meter{height:6px;margin-top:var(--s-2);border-radius:var(--r-pill);background:var(--c-surface-2);overflow:hidden}
.kc-panel .kc-meter>span{display:block;height:100%;border-radius:inherit;background:var(--c-ink)}
.kc-panel .kc-rows{display:grid;gap:var(--s-2);margin-top:var(--s-3)}
.kc-panel .kc-rows:empty{display:none}
.kc-panel .kc-row{display:flex;align-items:baseline;justify-content:space-between;gap:var(--s-3);color:var(--c-ink-2)}
.kc-panel .kc-row b{color:var(--c-ink);font-weight:var(--fw-ui);font-variant-numeric:tabular-nums;text-align:end}
.kc-panel .kc-note{margin-top:var(--s-3);color:var(--c-ink-2);font-size:var(--fs-0)}
.kc-panel .kc-jalon{color:var(--c-ink);font-weight:var(--fw-ui)}
.kc-panel .kc-sep{height:1px;margin:var(--s-3) 0;background:var(--c-line)}
.kc-panel .kc-label{margin-bottom:var(--s-2);font-weight:var(--fw-title)}
.kc-panel .kc-recent{display:grid;gap:var(--s-2);margin:0;padding:0;list-style:none}
.kc-panel .kc-recent li{display:grid;grid-template-columns:minmax(0,1fr) auto 3.5em;align-items:baseline;gap:var(--s-3)}
.kc-panel .kc-r-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.kc-panel .kc-r-date{color:var(--c-ink-2);font-size:var(--fs-0);white-space:nowrap}
.kc-panel .kc-recent b{font-weight:var(--fw-ui);font-variant-numeric:tabular-nums;text-align:end;white-space:nowrap}
.kc-panel .kc-cta{display:grid;gap:2px;width:100%;margin-top:var(--s-3);padding:var(--s-3);border:0;border-radius:var(--r-1);background:var(--c-action);color:var(--c-on-action);font-family:inherit;font-size:var(--fs-0);text-align:start;cursor:pointer}
.kc-panel .kc-cta b{font-size:var(--fs-1);font-weight:var(--fw-title)}
.kc-panel .kc-cta:hover{background:var(--c-action-hover)}
.kc-panel .kc-link{display:flex;align-items:center;width:100%;min-height:44px;padding:0 var(--s-3);border:0;border-radius:var(--r-1);background:none;color:var(--c-action);font-family:inherit;font-size:var(--fs-1);font-weight:var(--fw-ui);text-align:start;text-decoration:none;cursor:pointer}
.kc-panel .kc-link:hover{background:var(--c-action-soft)}
.kc-panel :is(.kc-link,.kc-cta):focus-visible{outline:2px solid var(--c-focus);outline-offset:2px}
@media(max-width:640px){.kc-panel{position:fixed;top:56px;inset-inline:12px;width:auto}}

.k-header.is-open{height:100svh;overflow-y:auto;background:var(--c-bg)}
.k-sheet{border-top:1px solid var(--c-line);background:var(--c-bg);padding:var(--s-4) 0 calc(var(--s-8) + env(safe-area-inset-bottom))}
@media (min-width:1024px){.k-sheet{display:none!important}.k-header.is-open{height:auto;overflow:visible}}
.k-sheet__cta{display:grid;gap:var(--s-2);margin-bottom:var(--s-5)}
.k-sheet__group{border-top:1px solid var(--c-line)}
.k-sheet__head{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:52px;font-size:var(--fs-3);font-weight:var(--fw-ui);color:var(--c-ink);text-align:start;text-decoration:none}
.k-sheet__head--col{flex-direction:column;align-items:flex-start;justify-content:center;gap:2px;padding-block:var(--s-3)}
.k-sheet__head .k-icon{transition:transform var(--t-fast) var(--ease)}
.k-sheet__head[aria-expanded="true"] .k-icon{transform:rotate(180deg)}
.k-sheet__body{padding-bottom:var(--s-4)}
.k-sheet__sub{font-size:var(--fs-0);font-weight:var(--fw-ui);color:var(--c-ink-2);margin:var(--s-3) 0 var(--s-1)}
.k-sheet__item{display:flex;align-items:center;justify-content:space-between;gap:var(--s-3);min-height:44px;padding:0 var(--s-2);border-radius:var(--r-1);color:var(--c-ink);text-decoration:none;font-size:var(--fs-2)}
.k-sheet__item:hover{background:var(--c-surface-2);color:var(--c-ink)}
.k-sheet__item small{color:var(--c-ink-2);font-size:var(--fs-0)}
.k-sheet__util{display:flex;flex-wrap:wrap;gap:var(--s-2);padding-block:var(--s-4);border-top:1px solid var(--c-line)}
.k-chip{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:0 var(--s-3);border-radius:var(--r-pill);border:1px solid var(--c-line-strong);font-size:var(--fs-1);font-weight:var(--fw-ui);color:var(--c-ink);background:var(--c-surface)}
.k-chip[aria-pressed="true"],.k-chip.is-on{background:var(--c-ink);color:var(--c-bg);border-color:var(--c-ink)}

.k-footer{border-top:1px solid var(--c-line);background:var(--c-bg-2);padding-block:var(--s-8) var(--s-6);font-size:var(--fs-1)}
/* Sur mobile, la barre du navigateur recouvre le bas du document : le pied garde
   sa propre réserve, en plus de l'encoche. Les surcouches fixes (cookies, bouton +,
   feuilles) posent déjà la leur ; le pied était le seul à ne rien réserver. */
@media (max-width:899px){.k-footer{padding-bottom:calc(var(--s-9) + env(safe-area-inset-bottom))}
  /* Là où une barre d'action fixe occupe le bas de l'écran (l'accueil), on réserve
     sa hauteur EN PLUS : sinon le bandeau légal passe dessous. */
  body:has(.k-sticky) .k-footer{padding-bottom:calc(var(--s-9) + var(--s-7) + env(safe-area-inset-bottom))}}
.k-footer__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s-6)}
/* 720-1039 : la marque prend la largeur, les quatre rubriques se rangent deux par deux */
@media (min-width:720px){.k-footer__grid{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--s-7)}
  .k-footer__brand{grid-column:1/-1}}
@media (min-width:1040px){.k-footer__grid{grid-template-columns:1.35fr repeat(4,minmax(0,1fr));column-gap:var(--s-5);align-items:start}
  .k-footer__brand{grid-column:1}}
.k-lang{margin-top:var(--s-6)}
.k-footer__brand p{color:var(--c-ink-2);max-width:32ch;margin-top:var(--s-3)}
.k-footer__title{display:flex;align-items:center;justify-content:space-between;gap:var(--s-2);width:100%;min-height:44px;text-align:start;font-size:var(--fs-2);font-weight:var(--fw-title);color:var(--c-ink);border-radius:var(--r-1)}
.k-footer__title .k-icon{width:16px;height:16px;flex:none;transition:transform var(--t-fast) var(--ease)}
.k-footer__group.is-open .k-footer__title .k-icon{transform:rotate(180deg)}
.k-footer__group:not(.is-open) .k-footer__title{border-bottom:1px solid var(--c-line)}
.k-footer__col{padding-top:var(--s-3)}
@media (min-width:720px){.k-footer__title{pointer-events:none;min-height:0;margin-bottom:var(--s-4)}
  .k-footer__title .k-icon{display:none}
  .k-footer__col{padding-top:0}}
.k-footer__col{display:grid;gap:var(--s-2)}
.k-footer__col a{color:var(--c-ink-2);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.k-footer__col a:hover{color:var(--c-ink);text-decoration:underline}
.k-lang{position:relative;display:inline-block}
.k-lang__btn{display:inline-flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-3);border:1px solid var(--c-line-strong);border-radius:var(--r-1);background:var(--c-surface);color:var(--c-ink);font-size:var(--fs-1);font-weight:var(--fw-ui)}
.k-lang__btn:hover{background:var(--c-surface-2)}
.k-lang__chev{transition:transform var(--t-fast) var(--ease)}
.k-lang__btn[aria-expanded="true"] .k-lang__chev{transform:rotate(180deg)}
.k-lang__menu{position:absolute;bottom:calc(100% + var(--s-2));inset-inline-start:0;z-index:20;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;width:max-content;max-width:min(320px,80vw);max-height:min(420px,60vh);overflow-y:auto;padding:var(--s-2);border:1px solid var(--c-line);border-radius:var(--r-2);background:var(--c-surface);box-shadow:var(--sh-2)}
.k-lang__menu button{display:flex;align-items:center;gap:var(--s-2);min-height:44px;padding:0 var(--s-2);border-radius:var(--r-1);color:var(--c-ink-2);font-size:var(--fs-1);text-align:start}
.k-lang__menu button:hover{background:var(--c-surface-2);color:var(--c-ink)}
/* la langue courante se signale par une coche ET par le poids, jamais par la couleur seule */
.k-lang__ok{visibility:hidden;flex:none;color:var(--c-action)}
.k-lang__menu button[aria-current="true"]{color:var(--c-ink);font-weight:var(--fw-title)}
.k-lang__menu button[aria-current="true"] .k-lang__ok{visibility:visible}
.k-footer__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:var(--s-3);margin-top:var(--s-7);padding-top:var(--s-4);border-top:1px solid var(--c-line);color:var(--c-ink-2)}
.k-footer__legal nav{display:flex;flex-wrap:wrap;gap:var(--s-2) var(--s-4)}
.k-footer__legal a{color:var(--c-ink-2);text-decoration:none;min-height:24px;display:inline-flex;align-items:center}
.k-footer__legal a:hover{color:var(--c-ink);text-decoration:underline}

.k-cookie{position:fixed;inset-inline:0;bottom:0;z-index:70;display:grid;gap:var(--s-2);background:var(--c-surface);border-radius:var(--r-3) var(--r-3) 0 0;box-shadow:var(--sh-2);padding:var(--s-3) var(--s-4) calc(var(--s-3) + env(safe-area-inset-bottom));font-size:var(--fs-0);color:var(--c-ink-2);line-height:1.4}
.k-cookie__actions{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);align-items:center}
.k-cookie__actions a{grid-column:1/-1;justify-self:start}
@media (min-width:720px){.k-cookie{inset-inline:var(--s-4);bottom:var(--s-4);max-width:760px;margin-inline:auto;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s-4);border-radius:var(--r-2);padding:var(--s-3) var(--s-4)}.k-cookie__actions{display:flex;flex-wrap:nowrap}.k-cookie__actions a{margin-inline-end:var(--s-2)}}

.k-logo-tile{display:flex;align-items:center;justify-content:center;min-height:120px;padding:var(--s-5);border-radius:var(--r-2);border:1px solid var(--c-line)}
.k-logo-tile--light{background:#ffffff}
.k-logo-tile--dark{background:#14181d;border-color:transparent}
.k-logo-tile img{max-height:48px;width:auto}
.k-logo-tile img.is-icon{height:64px;max-height:64px}

.k-credits-pill{display:inline-flex;align-items:center;gap:var(--s-1);min-height:44px;padding:0 var(--s-3);border:0;border-radius:var(--r-pill);background:var(--c-surface-2);color:var(--c-ink);font-family:var(--f-sans);font-size:var(--fs-1);font-weight:var(--fw-ui);text-decoration:none;cursor:pointer}
.k-credits-pill:hover,.k-credits-pill[aria-expanded="true"]{box-shadow:inset 0 0 0 2px var(--c-line-strong)}
.k-credits-pill.klx-credits-low{background:var(--c-warn-soft);color:var(--c-warn)}
.k-credits-pill.is-abo{background:var(--c-premium-soft);color:var(--c-premium)}

.k-plus{position:fixed;inset-inline-end:var(--s-4);bottom:calc(var(--s-4) + env(safe-area-inset-bottom));z-index:40}
.k-plus__btn{width:48px;height:48px;border-radius:50%;background:var(--c-ink);color:var(--c-bg);box-shadow:var(--sh-2);display:inline-flex;align-items:center;justify-content:center;font-size:26px;line-height:1}
.k-plus__menu{position:absolute;bottom:calc(100% + var(--s-2));inset-inline-end:0;min-width:240px;background:var(--c-surface);border-radius:var(--r-2);box-shadow:var(--sh-2);padding:var(--s-2)}
.k-plus__menu a{display:flex;align-items:center;gap:var(--s-2);min-height:40px;padding:0 var(--s-3);border-radius:var(--r-1);color:var(--c-ink);text-decoration:none;font-size:var(--fs-1)}
.k-plus__menu a:hover{background:var(--c-surface-2)}
body:has(#accueil) .k-plus{display:none}

.k-frame--trace{position:relative;background:transparent;color:inherit;border:1px solid var(--c-line-strong);border-radius:var(--r-2);overflow:visible}
.k-frame--16x9{aspect-ratio:16/9}
.k-frame--9x16{aspect-ratio:9/16}
.k-cutline{position:relative;display:block;height:2px;border-radius:1px;background:var(--c-line);overflow:visible}
.k-cutline i,.k-cutline__seg{position:absolute;top:0;height:100%;border-radius:inherit;background:var(--c-ink)}
.k-cutline__head{position:absolute;top:-5px;width:2px;height:12px;margin-inline-start:-1px;background:var(--c-action);border-radius:1px}
.k-cutmark{display:inline-block;width:7px;height:10px;border:2px solid currentColor;border-top:0;vertical-align:-1px}
.k-cutmark--in{border-inline-end:0}
.k-cutmark--out{border-inline-start:0}
.k-cutmark--tick{width:2px;border:0;background:currentColor}
.k-meta{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--s-1) var(--s-2);font-family:var(--f-mono);font-size:var(--fs-0);letter-spacing:.02em;text-transform:uppercase;color:var(--c-ink-2);font-variant-numeric:tabular-nums;line-height:1.2}
.k-meta b{font-weight:var(--fw-ui);color:var(--c-ink)}
.k-meta .k-icon{width:14px;height:14px}

/* Fenêtre de recadrage sur une source : partagée par la scène de l'accueil et les scènes des pages-outils (déplacée d'accueil.css le 6/09). `--fx` / `--fw` = position et largeur en fraction de la source. */
.k-win{position:absolute;top:0;bottom:0;left:calc(var(--fx)*100%);width:calc(var(--fw)*100%);box-shadow:0 0 0 999px rgba(10,12,15,.32);outline:1px solid color-mix(in srgb,var(--c-action) 78%,transparent);outline-offset:-1px;pointer-events:none;z-index:4}
.k-win i{position:absolute;width:7px;height:7px;background:#fff;border:1px solid var(--c-action);border-radius:1px}
.k-win i:nth-child(1){top:2px;left:-3px}
.k-win i:nth-child(2){top:2px;right:-3px}
.k-win i:nth-child(3){bottom:2px;left:-3px}
.k-win i:nth-child(4){bottom:2px;right:-3px}

/* --- Flux d'étapes — groupes d'outils ---------------------------------------
   Validé sur l'accueil (« Et pour le reste de votre vidéo »), repris tel quel
   par la section « Continuer avec » des pages-outils. Le nombre de colonnes
   n'est PAS ici : il appartient à la page (5 étapes / 4 groupes). */
.k-flux{display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.k-flux__phase{border-top:1px solid var(--c-line)}
.k-flux__phase:last-child{border-bottom:1px solid var(--c-line)}
.k-flux__tete{width:100%;text-align:start;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s-2) var(--s-3);min-height:64px;padding-block:var(--s-3);color:inherit}
button.k-flux__tete{cursor:pointer}
.k-flux__ic{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:var(--r-1);background:var(--c-action-soft);color:var(--c-action);flex:none}
.k-flux__ic .k-icon{width:19px;height:19px}
.k-flux__nom{font-family:var(--f-display);font-size:var(--fs-4);font-weight:var(--fw-title);letter-spacing:-.01em;line-height:1.15;min-width:0}
.k-flux__chev{display:inline-flex;color:var(--c-ink-2)}
.k-flux__chev .k-icon{width:18px;height:18px;transition:transform var(--t-fast) var(--ease)}
.k-flux__phase.is-open .k-flux__chev .k-icon{transform:rotate(180deg)}
.k-flux__quoi{grid-column:1/-1;font-size:var(--fs-1);color:var(--c-ink-2);line-height:var(--lh-snug)}
@media (max-width:959px){.k-flux__phase:not(.is-open) .k-flux__quoi{display:none}}
.k-flux__liste{display:grid;gap:0;padding-bottom:var(--s-4)}
@media (min-width:960px){
  .k-flux{gap:var(--s-5);align-items:start}
  .k-flux__phase{border-top:1.5px solid var(--c-ink);border-bottom:0}
  .k-flux__phase:last-child{border-bottom:0}
  .k-flux__tete{grid-template-columns:auto minmax(0,1fr);align-content:start;gap:var(--s-2) var(--s-3);min-height:142px;align-items:center;padding-block:var(--s-4)}
  button.k-flux__tete{pointer-events:none}
  .k-flux__chev{display:none}
  .k-flux__quoi{grid-column:1/-1;min-height:2.6em;padding-top:var(--s-1)}
  .k-flux__liste{border-top:1px solid var(--c-line);padding-top:var(--s-2);padding-bottom:0}
}

/* Texte réservé aux lecteurs d'écran. La règle n'existait dans AUCUNE des
   feuilles servies par l'atelier — elle ne vivait que dans la feuille
   historique, qui n'y est pas liée : les douze textes marqués `sr-only` des
   gabarits s'affichaient donc en clair, et l'on lisait « Accroche » puis
   « Accroche 9 / 10 » côte à côte sur la planche d'extraits. Elle a sa place
   ici, dans le socle : c'est une utilité de base, pas un détail d'écran. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}