*,
*::before,
*::after { box-sizing: border-box; }

html {
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%;
  scroll-behavior: smooth;
   
  color-scheme: light;
}
:root[data-theme="dark"] { color-scheme: dark; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
}

body,
h1, h2, h3, h4, h5, h6,
p, figure, blockquote, dl, dd, ol, ul, fieldset, legend {
  margin: 0;
  padding: 0;
}

ol, ul { list-style: none; }

body {
  min-height: 100vh;
  background: var(--art-surface-page);
  color: var(--art-text-primary);
  transition: background-color var(--mo-d-long) var(--mo-e-out), color var(--mo-d-long) var(--mo-e-out);
  font-family: var(--art-font-body);
  font-size: var(--art-type-body);
  font-weight: 400;
  line-height: var(--art-lh-body);
  

  text-align: left;
  

  hyphens: manual;
  -webkit-hyphens: manual;
  text-wrap: pretty;
  font-synthesis-weight: none;
  -webkit-font-smoothing: antialiased;
  font-feature-settings: "kern" 1;
  overflow-wrap: break-word;
}

img, svg, video, canvas, picture {
  display: block;
  max-width: 100%;
}
img, video { height: auto; }





img:not([src$=".svg"]) { background-color: var(--art-surface-sunken); }

svg { fill: currentColor; }

button, input, select, textarea {
  font: inherit;
  color: inherit;
  letter-spacing: inherit;
  background: none;
  border: 0;
  margin: 0;
}
button { cursor: pointer; }
textarea { resize: vertical; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
}

hr {
  border: 0;
  border-top: var(--art-border-hair) solid var(--art-border-default);
  margin: 0;
}

 

h1, h2, h3, h4, h5, h6,
.art-display, .art-h1, .art-h2, .art-h3, .art-h4 {
  font-family: var(--art-font-display);
  font-weight: 700;
  color: var(--art-text-display);
   
  font-style: normal;
  

  text-wrap: balance;
}

.art-display {
  font-size: var(--art-type-display);
  line-height: var(--art-lh-display);
  letter-spacing: var(--art-track-display);
}

h1, .art-h1 {
  font-size: var(--art-type-h1);
  line-height: var(--art-lh-h1);
  letter-spacing: var(--art-track-h1);
}

h2, .art-h2 {
  font-size: var(--art-type-h2);
  line-height: var(--art-lh-h2);
  letter-spacing: var(--art-track-h2);
}

h3, .art-h3 {
  font-size: var(--art-type-h3);
  line-height: var(--art-lh-h3);
  letter-spacing: -0.01em;
  font-weight: var(--art-weight-sub);
}



.art-figure {
  font-family: var(--art-font-display);
  font-weight: var(--art-weight-display);
  font-size: var(--art-type-figure);
  line-height: var(--art-lh-figure);
  letter-spacing: var(--art-track-figure);
  color: var(--art-text-display);
  font-variant-numeric: tabular-nums;
  text-wrap: nowrap;
}
.art-figure--sm { font-size: var(--art-type-figure-sm); }
.art-figure__unit {
  font-size: 0.42em;
  font-weight: var(--art-weight-sub);
  letter-spacing: 0;
  margin-inline-start: 0.12em;
  color: var(--art-text-secondary);
}
.art-figure--copper { color: var(--art-cuivre); }
.art-light .art-figure--copper { color: var(--art-cuivre-profond); }

h4, h5, h6, .art-h4 {
  font-size: var(--art-type-h4);
  line-height: var(--art-lh-h4);
  letter-spacing: 0;
  text-wrap: pretty;
}

 
.art-lede {
  font-family: var(--art-font-display);
  font-weight: 500;
  font-size: var(--art-type-lede);
  line-height: var(--art-lh-lede);
  color: var(--art-text-secondary);
  max-width: var(--art-measure-prose);
  text-wrap: pretty;
}

p, .art-body {
  font-size: var(--art-type-body);
  line-height: var(--art-lh-body);
  max-width: var(--art-measure-prose);
  text-wrap: pretty;
}

.art-body-lg {
  font-size: var(--art-type-body-lg);
  line-height: var(--art-lh-body);
  max-width: var(--art-measure-prose);
}

.art-body-strong,
strong, b {
  font-weight: 600;
}



.art-prose-dense,
.art-measure-dense { max-width: var(--art-measure-dense); }
.art-measure-prose { max-width: var(--art-measure-prose); }
.art-measure-none  { max-width: none; }

p + p { margin-top: var(--art-space-4); }




.art-container--prose > :is(h1, h2, h3, .art-h1, .art-h2, .art-h3) + .art-lede,
.art-section__head > :is(h1, h2, h3) + .art-lede,
:is(h1, h2, h3) + .art-lede { margin-block-start: var(--art-space-5); }

.art-container--prose > :is(h1, h2, h3, .art-h1, .art-h2, .art-h3) + p:not(.art-lede) {
  margin-block-start: var(--art-space-5);
}



.art-container--prose > :is(p, ul, ol, dl) + :is(h2, h3, .art-h2, .art-h3) {
  margin-block-start: var(--art-space-7);
}

 



.art-data,
.art-num,
td, th,
input[type="number"],
input[type="tel"],
time,
output {
  font-variant-numeric: tabular-nums lining;
  font-feature-settings: "tnum" 1, "cv05" 1;
}

.art-data {
  font-size: var(--art-type-data);
  line-height: var(--art-lh-data);
}

.art-data-strong {
  font-size: var(--art-type-data);
  line-height: var(--art-lh-data);
  font-weight: 600;
  font-variant-numeric: tabular-nums lining;
  font-feature-settings: "tnum" 1, "cv05" 1;
}



.art-code-article {
  font-size: var(--art-type-data);
  line-height: var(--art-lh-data);
  font-weight: 600;
  color: var(--art-text-secondary);
  font-variant-numeric: tabular-nums lining;
  font-feature-settings: "tnum" 1, "cv05" 1;
  white-space: nowrap;
}

.art-caption {
  font-size: var(--art-type-caption);
  line-height: var(--art-lh-caption);
  color: var(--art-text-muted);
  max-width: var(--art-measure-dense);
}

.art-micro {
  font-size: var(--art-type-micro);
  line-height: var(--art-lh-micro);
  color: var(--art-text-muted);
}

.art-label {
  font-size: var(--art-type-label);
  line-height: var(--art-lh-label);
  font-weight: 600;
}

 



a {
  color: var(--art-text-link);
  text-decoration: underline;
  text-underline-offset: 3px;
  text-decoration-thickness: 1px;
  transition: color var(--mo-d-quick) var(--mo-e-enter),
              text-decoration-color var(--mo-d-quick) var(--mo-e-enter);
}

a:hover {
  color: var(--art-text-link-hover);
  text-decoration-thickness: var(--art-border-emphasis);
}
a:active { color: var(--art-text-link-hover); }
 
a[href], button, summary, [role="button"] { -webkit-tap-highlight-color: transparent; }

 
a.art-link-plain,
a.art-btn,
a.art-card,
a.art-nav__link,
a.art-menu__link,
a.art-nav__panel-link,
a.art-chip,
a.art-verification-strip__cell,
a.art-footer__link { text-decoration: none; }



a.art-menu__link,
a.art-footer__link,
a.art-nav__link { text-decoration: none; }





.art-link-external:has(.art-verification-strip__ext)::after { content: none; }
.art-link-external::after {
  content: "";
  display: inline-block;
  inline-size: var(--art-space-3);
  block-size: var(--art-space-3);
  margin-inline-start: var(--art-space-1);
  vertical-align: -1px;
  background-color: currentColor;
  -webkit-mask: var(--comp-icon-external) center / contain no-repeat;
  mask: var(--comp-icon-external) center / contain no-repeat;
}

:root {
   
  --comp-icon-external: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23000' stroke-width='1.5' stroke-linecap='butt' stroke-linejoin='miter'%3E%3Cpath d='M6 2h8v8'/%3E%3Cpath d='M14 2 6 10'/%3E%3Cpath d='M11 9v5H2V5h5'/%3E%3C/svg%3E");
}

 



:focus { outline: none; }

:focus-visible {
  outline: var(--art-border-emphasis) solid var(--art-focus-ring);
  outline-offset: var(--art-border-emphasis);
  transition: none !important;
  border-radius: inherit;
}

 
 
input:is([type="radio"], [type="checkbox"]) { accent-color: var(--art-cuivre); }
.art-light input:is([type="radio"], [type="checkbox"]) { accent-color: var(--art-cuivre-profond); }

input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: var(--art-border-emphasis) solid var(--art-focus-ring);
  outline-offset: var(--art-border-emphasis);
}

 
 

.art-skip {
  position: absolute;
  inset-inline-start: var(--art-space-4);
  inset-block-start: calc(-1 * var(--art-space-10));
  z-index: 100;
  display: inline-flex;
  align-items: center;
  min-block-size: var(--art-touch-min);
  padding: var(--art-space-3) var(--art-space-5);
  background: var(--art-surface-inverse);
  color: var(--art-text-inverse);
  font-size: var(--art-type-label);
  font-weight: 600;
  text-decoration: none;
   
  border-radius: var(--art-radius-pill);
  

}

.art-skip:focus,
.art-skip:focus-visible {
  inset-block-start: var(--art-space-4);
  color: var(--art-text-inverse);
}

 

main { display: block; }

[hidden] { display: none !important; }

.art-visually-hidden {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

 
.art-visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute;
  inline-size: 1px;
  block-size: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip-path: inset(50%);
  white-space: nowrap;
  border: 0;
}

 
 

::selection {
  background: var(--art-cuivre);
  color: var(--art-nuit);
}

 
 

a[href],
button,
summary,
[role="button"],
input[type="checkbox"],
input[type="radio"] { touch-action: manipulation; }

.art-touch {
  position: relative;
  min-block-size: var(--art-touch-min);
  min-inline-size: var(--art-touch-min);
}

 
.art-touch-expand { position: relative; }
.art-touch-expand::after {
  content: "";
  position: absolute;
  inset: 50% auto auto 50%;
  translate: -50% -50%;
  min-inline-size: var(--art-touch-min);
  min-block-size: var(--art-touch-min);
  inline-size: 100%;
  block-size: 100%;
}

 

@media (forced-colors: active) {
   
  .art-card,
  .art-constat,
  .art-document,
  .art-frame,
  .art-empty,
  .art-field__control,
  .art-verification-strip { border-color: CanvasText; }

  :focus-visible { outline-color: Highlight; }

  .art-conductor__stroke { stroke: CanvasText !important; }
}

 

@media (prefers-reduced-transparency: reduce) {
  .art-scrim { background: var(--art-surface-inverse); }
}




@media print {
  :root,
  :root[data-theme="dark"] {
    

    --art-surface-page:     var(--art-paper);
    --art-surface-card:     var(--art-paper);
    --art-surface-sunken:   var(--art-paper);
    --art-surface-chip:     var(--art-paper);
    --art-surface-inverse:  var(--art-paper);
    --art-surface-document: var(--art-paper);

    --art-text-display:   var(--art-noir-lunaire);
    --art-text-primary:   var(--art-noir-lunaire);
    --art-text-secondary: var(--art-slate-1);
    --art-text-muted:     var(--art-slate-1);
    --art-text-link:      var(--art-noir-lunaire);
    --art-text-inverse:   var(--art-noir-lunaire);

    --art-border-subtle:  var(--art-slate-3);
    --art-border-default: var(--art-slate-3);
    --art-border-strong:  var(--art-noir-lunaire);
    --art-border-control: var(--art-slate-1);

    --art-shadow-overlay: none;

    --art-echelle-critique-bg:   transparent;
    --art-echelle-critique-fg:   var(--art-noir-lunaire);
    --art-echelle-corriger-bg:   transparent;
    --art-echelle-surveiller-bg: transparent;
  }

  @page {
    margin: 16mm;
  }

  html, body {
    background: var(--art-paper) !important;
    color: var(--art-noir-lunaire) !important;
    font-size: 11pt;
  }

   
  *,
  *::before,
  *::after {
    animation: none !important;
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    box-shadow: none !important;
    scroll-behavior: auto !important;
  }

   
  .art-skip,
  .art-header,
  .art-nav,
  .art-menu,
  .art-menu-toggle,
  .art-bottom-bar,
  .art-conductor,
  .art-btn,
  .art-motion-toggle,
  .art-lang,
  .art-consent,
  [data-print="omit"] { display: none !important; }

  

  .art-seal { display: none !important; }
  .art-document .art-seal,
  [data-report-reproduction] .art-seal { display: block !important; }

   
  .art-accordion__panel,
  details > *,
  [data-mo="disclose"] > [data-mo-panel] {
    display: block !important;
    block-size: auto !important;
    max-block-size: none !important;
    overflow: visible !important;
    visibility: visible !important;
  }
  details { display: block; }
  .art-accordion__trigger[aria-expanded="false"] + .art-accordion__panel { display: block !important; }

  

  a[href^="http"]::after {
    content: " (" attr(href) ")";
    font-size: 9pt;
    font-weight: 400;
    word-break: break-all;
  }
  a[href^="#"]::after,
  a[href^="tel:"]::after,
  a[href^="mailto:"]::after,
  .art-link-no-url::after { content: ""; }

  a { color: inherit !important; text-decoration: underline; }

   
  .art-card,
  .art-constat,
  .art-document,
  .art-frame,
  .art-empty,
  .art-verification-strip {
    border: 1pt solid var(--art-slate-1) !important;
    break-inside: avoid;
  }

  .art-constat,
  .art-corridor__station,
  figure,
  tr,
  li { break-inside: avoid; }

  h1, h2, h3, h4 { break-after: avoid; }

  .art-section { padding-block: var(--art-space-6); }

  

  .art-footer,
  .art-legal { display: block !important; break-inside: avoid; }
  .art-legal { border-top: 1pt solid var(--art-slate-1); padding-top: var(--art-space-4); }

   
  .art-echelle { border: 1pt solid var(--art-noir-lunaire) !important; }

  .art-band,
  .art-inverse {
    background: var(--art-paper) !important;
    color: var(--art-noir-lunaire) !important;
    border-block: 1pt solid var(--art-slate-1);
  }
}