/* Préférences de lecture intégrées ; commandes indépendantes du thème choisi. */
.text-dimmer{position:fixed;z-index:1000;right:max(14px,env(safe-area-inset-right));bottom:max(14px,env(safe-area-inset-bottom));width:min(320px,calc(100vw - 28px));max-height:calc(100dvh - 28px);overflow:auto;border:1px solid #ad987260;border-radius:6px;background:#191510fa;box-shadow:0 8px 30px #0006;font:14px/1.5 Arial,Helvetica,sans-serif}
body .text-dimmer,body .text-dimmer *{color:#f3dba2!important}
.text-dimmer summary{padding:12px 16px;cursor:pointer;min-height:44px;font-size:14px}
.text-dimmer-content{padding:0 16px 16px}
.text-dimmer .reading-intro,.text-dimmer .reading-storage{font:13px/1.5 Arial,Helvetica,sans-serif;margin:0 0 12px}
.text-dimmer label{display:flex;justify-content:space-between;gap:12px;margin:14px 0 6px;font:14px/1.5 Arial,Helvetica,sans-serif}
.text-dimmer input[type=range]{display:block;width:100%;height:44px;margin:0;accent-color:#eda46c;cursor:pointer}
.text-dimmer input[type=color]{display:block;width:100%;height:44px;padding:3px;border:1px solid #ad987260;border-radius:3px;background:#302013;cursor:pointer}
.text-dimmer-values{margin:12px 0;font:13px/1.5 Arial,Helvetica,sans-serif;overflow-wrap:anywhere}
.text-dimmer output{font-variant-numeric:tabular-nums}
.text-dimmer button{border:1px solid #ad987260;border-radius:3px;background:#302013;padding:9px 12px;min-height:44px;font:14px/1.5 Arial,Helvetica,sans-serif;cursor:pointer}
.text-dimmer :focus-visible{outline:2px solid #f3dba2;outline-offset:3px}
/* Les agrandissements réorganisent le texte au lieu de réduire les caractères. */
html[data-text-large] .studio-page .site-header{flex-wrap:wrap}
html[data-text-large] .primary-navigation{flex-wrap:wrap;white-space:normal}
html[data-text-large] .primary-navigation a{white-space:normal}
html[data-text-large] .section-heading h2,html[data-text-large] .expertise-block h3{white-space:normal;overflow-wrap:anywhere}
html[data-text-large] .hero-copy,html[data-text-large] .studio-project-text{overflow-wrap:anywhere}
html[data-text-large] .studio-page .sf-button{white-space:normal;overflow-wrap:anywhere}
html[data-text-large] .studio-page .site-header .signature{white-space:normal}
@media(max-width:500px){.text-dimmer{width:min(290px,calc(100vw - 28px))}}

/* Panneau sobre : surfaces neutres, couleur limitée à l’échantillon. */
.text-dimmer{border-color:#ffffff20;border-radius:2px;background:#171819;box-shadow:0 4px 16px #0003}
body .text-dimmer,body .text-dimmer *{color:#d5d6d3!important}
.text-dimmer summary{font-weight:500;border-bottom:1px solid #ffffff10}
.text-dimmer-content{padding:12px 16px 16px}
.text-dimmer .reading-intro,.text-dimmer .reading-storage{font-size:12px;line-height:1.5;opacity:.72}
.text-dimmer label{font-size:13px;margin:14px 0 2px}
.text-dimmer output{font-size:12px;opacity:.8}
.text-dimmer input[type=color]{width:64px;height:36px;border-color:#ffffff26;border-radius:2px;background:transparent;padding:3px}
.text-dimmer input[type=range]{appearance:none;-webkit-appearance:none;background:transparent;border:0;padding:0;box-shadow:none;accent-color:#b5b4ae}
.text-dimmer input[type=range]::-webkit-slider-runnable-track{height:2px;background:#626461;border:0}
.text-dimmer input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border:1px solid #dddcd5;border-radius:50%;background:#b5b4ae;margin-top:-5px}
.text-dimmer input[type=range]::-moz-range-track{height:2px;background:#626461;border:0}
.text-dimmer input[type=range]::-moz-range-thumb{width:12px;height:12px;border:1px solid #dddcd5;border-radius:50%;background:#b5b4ae}
.text-dimmer-values{font-size:12px;margin:8px 0 12px;opacity:.8}
.text-dimmer button{font-size:12px;border-color:#ffffff26;border-radius:2px;background:transparent;box-shadow:none}
.text-dimmer button:hover{background:#ffffff08;border-color:#ffffff50}
.text-dimmer :focus-visible{outline-color:#d5d6d3}
.studio-page .site-header .text-dimmer--header{width:min(300px,calc(100vw - 32px))}

/* Fond coordonné au header. */
.text-dimmer{background:#120b06}