/* Documentation en ligne (/docs/), en complément d'adalan.css.
   Barre latérale encre, colonne de lecture sur fond lavande, sommaire à droite sur grand écran. */

:root {
  --nav-w: 17.5rem;
  --top-h: 4rem;
}

html { scroll-padding-top: 1.5rem; }
body.docs { background: var(--ground); }

.visually-hidden {
  position: absolute !important; width: 1px; height: 1px; overflow: hidden;
  clip: rect(0 0 0 0); clip-path: inset(50%); white-space: nowrap;
}
.skip {
  position: fixed; left: 1rem; top: -4rem; z-index: 50;
  padding: 0.7rem 1rem; border-radius: var(--shape-s);
  background: var(--peach); color: var(--ink); font-weight: 600; text-decoration: none;
  transition: top 0.2s var(--ease);
}
.skip:focus { top: 1rem; }

/* --------------------------------------------------------------------------
   Barre du haut : petits écrans seulement
   -------------------------------------------------------------------------- */
.topbar {
  display: none; position: sticky; top: 0; z-index: 20;
  height: var(--top-h); align-items: center; justify-content: space-between; gap: 1rem;
  padding-inline: var(--gutter);
  background: rgb(246 245 251 / 0.82); backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  box-shadow: inset 0 -1px 0 var(--line);
}
.topbar-brand { display: flex; align-items: center; gap: 0.8rem; text-decoration: none; }
.topbar-brand img { width: 6.5rem; height: auto; }
.topbar-brand span, .nav-brand span {
  font: 500 var(--fs-micro)/1 var(--mono); letter-spacing: 0.2em; text-transform: uppercase;
}
.topbar-brand span { color: var(--peach-700); }
.topbar-menu { min-height: 2.6rem; }

/* --------------------------------------------------------------------------
   Barre latérale encre
   -------------------------------------------------------------------------- */
.docs-nav {
  position: fixed; inset: 0 auto 0 0; z-index: 30;
  width: var(--nav-w); overflow-y: auto; overscroll-behavior: contain;
  display: flex; flex-direction: column; gap: 1.4rem;
  padding: 1.4rem 0.9rem 1.4rem;
  color: var(--ink-100);
  background:
    radial-gradient(90% 40% at 100% 0%, rgb(80 64 190 / 0.45) 0%, transparent 70%),
    radial-gradient(90% 40% at 0% 100%, rgb(10 7 40 / 0.6) 0%, transparent 70%),
    url('/_adalan/motifs/topo-sur-encre.svg') 30% 20% / 260% auto no-repeat,
    var(--ink);
  scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / 0.2) transparent;
}
.docs-nav :focus-visible { outline-color: var(--peach); }
.nav-head { display: flex; align-items: flex-start; justify-content: space-between; padding: 0.2rem 0.6rem 0; }
.nav-brand { display: grid; gap: 0.65rem; text-decoration: none; }
.nav-brand img { width: 7.6rem; height: auto; }
.nav-brand span { color: var(--peach); }
.nav-close {
  display: none; place-items: center; width: 2.75rem; height: 2.75rem; margin: -0.5rem -0.4rem 0 0;
  border: 0; border-radius: var(--shape-s); background: rgb(255 255 255 / 0.06); color: #fff; cursor: pointer;
}

.nav-group ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 2px; }
.nav-label {
  margin: 0 0 0.55rem 0.7rem;
  font: 500 var(--fs-micro)/1 var(--mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--ink-300);
}
.nav-lock { display: inline-flex; vertical-align: -0.15em; margin-left: 0.5em; }
.nav-lock svg { width: 0.85rem; height: 0.85rem; }
.nav-group a {
  position: relative; display: block; padding: 0.5rem 1.8rem 0.5rem 0.7rem;
  border-radius: var(--shape-s);
  color: var(--ink-100); text-decoration: none;
  font-size: 0.95rem; font-weight: 470; line-height: 1.3;
  transition: background-color 0.2s ease, color 0.2s ease;
}
.nav-group a:hover { background: rgb(255 255 255 / 0.06); color: #fff; }
.nav-group a[aria-current='page'] { background: rgb(255 255 255 / 0.1); color: #fff; font-weight: 620; }
.nav-group a[aria-current='page']::after {
  content: ''; position: absolute; right: 0.8rem; top: 50%; width: 0.45rem; height: 0.45rem;
  transform: translateY(-50%); background: var(--peach); border-radius: 4px 1px 4px 1px;
}
.nav-cta { margin-top: auto; justify-content: center; }

/* Recherche */
.search { position: relative; }
.search > svg {
  position: absolute; left: 0.8rem; top: 1.3rem; transform: translateY(-50%);
  width: 1.05rem; height: 1.05rem; color: var(--ink-300); pointer-events: none;
}
.search input {
  width: 100%; min-height: 2.6rem; padding: 0.55rem 2.4rem 0.55rem 2.35rem;
  border: 0; border-radius: var(--shape-s);
  background: rgb(255 255 255 / 0.07); color: #fff;
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.14);
  font: 420 0.95rem/1.3 var(--font);
  transition: box-shadow 0.2s ease, background-color 0.2s ease;
}
.search input::placeholder { color: var(--ink-300); }
.search input:focus { outline: none; background: rgb(255 255 255 / 0.1); box-shadow: inset 0 0 0 2px var(--peach), 0 0 0 4px rgb(249 166 107 / 0.18); }
.search input::-webkit-search-cancel-button { filter: invert(1); opacity: 0.6; }
.search kbd {
  position: absolute; right: 0.6rem; top: 1.3rem; transform: translateY(-50%);
  padding: 0.15rem 0.45rem; border-radius: 5px 2px 5px 2px;
  font: 500 0.72rem/1.2 var(--mono); color: var(--ink-300);
  box-shadow: inset 0 0 0 1px rgb(255 255 255 / 0.18);
}
.search input:focus ~ kbd, .search input:not(:placeholder-shown) ~ kbd { display: none; }
.search-results {
  position: absolute; left: 0; top: calc(100% + 0.5rem); z-index: 5;
  width: 100%; max-height: min(65vh, 34rem); overflow-y: auto; overscroll-behavior: contain;
  padding: 0.4rem; border-radius: var(--shape-md);
  background: var(--paper); color: var(--ink); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-2);
}
.search-results a {
  display: block; padding: 0.6rem 0.75rem; border-radius: var(--shape-s);
  color: var(--ink); text-decoration: none; line-height: 1.35;
}
.search-results a + a { margin-top: 2px; }
.search-results a strong { display: block; font-weight: 620; }
.search-results a small { display: block; margin-top: 0.15rem; font: 400 var(--fs-micro)/1.3 var(--mono); color: var(--text-3); }
.search-results a span { display: block; margin-top: 0.25rem; font-size: 0.87rem; color: var(--text-2); }
.search-results a:hover, .search-results a:focus-visible, .search-results a.is-selected { background: var(--peach-100); outline: none; }
.search-results b { font-weight: 650; color: var(--peach-700); }
.search-empty { padding: 0.8rem; font-size: 0.9rem; color: var(--text-3); }

/* --------------------------------------------------------------------------
   Contenu
   -------------------------------------------------------------------------- */
.docs-main { margin-left: var(--nav-w); min-height: 100vh; min-height: 100dvh; display: flex; flex-direction: column; outline: none; }
.page {
  flex: 1; display: grid; grid-template-columns: minmax(0, var(--col)); justify-content: center; gap: 4rem;
  padding: clamp(2rem, 1rem + 3vw, 4rem) var(--gutter) 3rem;
}
.article { min-width: 0; }
.article-head { padding-bottom: 1.8rem; box-shadow: inset 0 -1px 0 var(--line); }
.article-title {
  margin-top: 1rem; color: var(--text); text-wrap: balance;
  font-size: clamp(2rem, 1.35rem + 2.3vw, 3.15rem); font-weight: 780; font-stretch: 112%;
  line-height: 1.04; letter-spacing: -0.03em;
}
.article-title em { font-style: normal; color: var(--peach-600); }
.article-head .lead { margin-top: 1rem; }

/* Accueil : l'en-tête devient une plaque encre avec ses courbes de niveau */
.docs--home .article-head {
  position: relative; isolation: isolate; overflow: hidden;
  padding: clamp(1.8rem, 1rem + 3.2vw, 3.2rem);
  border-radius: var(--shape-ink); background: var(--ink); box-shadow: var(--shadow-2);
  --text: #fff; --text-2: var(--ink-200); --kicker: var(--peach);
}
.docs--home .article-head::before {
  content: ''; position: absolute; inset: -8% -6%; z-index: -1; pointer-events: none;
  background: url('/_adalan/motifs/topo-sur-encre.svg') center / cover no-repeat;
  animation: topo-drift 36s ease-in-out infinite alternate;
}
.docs--home .article-head::after {
  content: ''; position: absolute; inset: 0; z-index: -2; pointer-events: none;
  background:
    radial-gradient(80% 90% at 90% 0%, rgb(80 64 190 / 0.5) 0%, transparent 62%),
    radial-gradient(70% 80% at 0% 100%, rgb(10 7 40 / 0.7) 0%, transparent 70%);
}
.docs--home .article-title { font-size: var(--fs-xl); max-width: 16ch; }
.docs--home .article-title em { color: var(--peach); }

.doc { padding-top: 0.4rem; }
.doc > * + * { margin-top: 1.1rem; }
.doc h2 {
  position: relative; margin-top: 3.2rem; color: var(--text); text-wrap: balance;
  font-size: clamp(1.45rem, 1.2rem + 1vw, 1.95rem); font-weight: 750; font-stretch: 110%;
  line-height: 1.12; letter-spacing: -0.024em;
}
.doc h3 {
  position: relative; margin-top: 2.2rem; color: var(--text);
  font-size: 1.22rem; font-weight: 710; font-stretch: 106%; line-height: 1.2; letter-spacing: -0.012em;
}
.doc > h2:first-child, .doc > h3:first-child { margin-top: 1.6rem; }
.doc h2 + *, .doc h3 + * { margin-top: 0.8rem; }
.anchor { margin-left: 0.35em; text-decoration: none; opacity: 0; transition: opacity 0.15s ease; }
.anchor::before { content: '#'; color: var(--peach-700); font-weight: 500; }
h2:hover > .anchor, h3:hover > .anchor, .anchor:focus-visible { opacity: 1; }

.doc p, .doc li { color: var(--text-2); max-width: 66ch; }
.doc strong { color: var(--ink); }
/* L'emphase passe par la graisse, jamais par l'italique */
.doc em { font-style: normal; font-weight: 620; color: var(--ink); }
.doc a:not(.card):not(.btn):not(.anchor) {
  color: var(--ink); font-weight: 560;
  text-decoration: underline; text-decoration-color: var(--peach); text-decoration-thickness: 2px; text-underline-offset: 3px;
  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.doc a:not(.card):not(.btn):not(.anchor):hover { color: var(--peach-700); text-decoration-color: var(--peach-700); }

/* Listes : puces en petits carrés pêche, en diagonale */
.doc ul:not([class]), .doc ol:not([class]) { padding-left: 1.4rem; }
.doc ul:not([class]) { list-style: none; }
.doc ul:not([class]) > li { position: relative; }
.doc ul:not([class]) > li::before {
  content: ''; position: absolute; left: -1.05rem; top: 0.62em;
  width: 0.42rem; height: 0.42rem; background: var(--peach); border-radius: 3px 1px 3px 1px;
}
.doc ol:not([class]) > li::marker { font: 500 0.9em var(--mono); color: var(--peach-700); }
.doc li + li { margin-top: 0.45rem; }
.doc li > ul, .doc li > ol, .doc li > pre, .doc li > p { margin-top: 0.5rem; }

/* Code */
.doc code, .doc kbd, .doc samp { font-family: var(--mono); font-feature-settings: 'calt' 1; }
.doc :not(pre) > code {
  padding: 0.08em 0.36em; border-radius: 5px 2px 5px 2px;
  font-size: 0.86em; color: var(--ink); background: var(--ink-50); box-shadow: inset 0 0 0 1px var(--line);
  overflow-wrap: anywhere;
}
.doc var { font-style: normal; font-family: var(--mono); color: var(--peach-700); }
.doc pre {
  position: relative; overflow-x: auto;
  padding: 1rem 1.2rem; border-radius: var(--shape-md);
  background: var(--ink-900); color: var(--ink-100); box-shadow: var(--shadow-1);
  font: 400 0.86rem/1.65 var(--mono); tab-size: 4;
  scrollbar-width: thin; scrollbar-color: rgb(255 255 255 / 0.2) transparent;
}
.doc pre code { white-space: pre; }
.doc pre var { color: var(--peach); text-decoration: underline dotted rgb(249 166 107 / 0.6); text-underline-offset: 3px; }
.doc pre .c { color: var(--ink-300); }
.doc pre[data-label]::before {
  content: attr(data-label); display: block; margin-bottom: 0.6rem;
  font: 500 var(--fs-micro)/1 var(--mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--ink-300);
}
.doc pre.is-copyable { padding-right: 5.6rem; }
.copy {
  position: absolute; top: 0.55rem; right: 0.55rem;
  display: inline-flex; align-items: center; gap: 0.35rem;
  min-height: 2rem; padding: 0.3rem 0.65rem;
  border: 0; border-radius: var(--shape-xs); cursor: pointer;
  background: rgb(255 255 255 / 0.08); color: var(--ink-100);
  font: 500 0.74rem/1 var(--mono);
  opacity: 0; transition: opacity 0.15s ease, background-color 0.15s ease;
}
.copy svg { width: 0.95rem; height: 0.95rem; }
.doc pre:hover .copy, .copy:focus-visible, .copy.is-done { opacity: 1; }
.copy:hover { background: rgb(255 255 255 / 0.16); }
.copy.is-done { background: var(--peach); color: var(--ink); }
@media (hover: none) { .copy { opacity: 1; } }
.doc kbd {
  padding: 0.1em 0.42em; border-radius: 5px 2px 5px 2px;
  font-size: 0.82em; font-weight: 500; color: var(--ink); background: var(--paper);
  box-shadow: inset 0 0 0 1px var(--line-2), 0 1px 0 var(--line-2);
}

/* Tableaux : filets entre les lignes, pas de grille */
.doc .table {
  overflow-x: auto; border-radius: var(--shape-md);
  background: var(--paper); box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1);
}
.doc table { width: 100%; border-collapse: collapse; font-size: 0.94rem; line-height: 1.45; }
.doc th {
  padding: 0.75rem 1rem; text-align: left; vertical-align: bottom;
  font-size: 0.84rem; font-weight: 600; color: var(--text-3); box-shadow: inset 0 -1px 0 var(--line-2);
}
.doc td { padding: 0.7rem 1rem; vertical-align: top; color: var(--text-2); box-shadow: inset 0 -1px 0 var(--line); }
.doc tr:last-child td { box-shadow: none; }
.doc td:first-child { color: var(--ink); font-weight: 520; }
.doc td code { font-size: 0.84em; }

/* Encadrés : à savoir, attention, astuce */
.callout {
  position: relative; padding: 1rem 1.25rem 1rem 3.2rem;
  border-radius: var(--shape-md); background: var(--ink-50); box-shadow: inset 0 0 0 1px var(--line);
}
.callout::before {
  content: ''; position: absolute; left: 1.1rem; top: 1.08rem; width: 1.3rem; height: 1.3rem;
  background: var(--ink-500);
  -webkit-mask: var(--callout-icon) center / contain no-repeat; mask: var(--callout-icon) center / contain no-repeat;
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h.01'/%3E%3C/svg%3E");
}
.callout > * + * { margin-top: 0.5rem; }
.callout p, .callout li { max-width: none; }
.callout-title { font-weight: 650; color: var(--ink) !important; }
.callout--attention { background: var(--peach-100); box-shadow: inset 0 0 0 1px var(--peach-200); }
.callout--attention::before {
  background: var(--peach-700);
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3'/%3E%3Cpath d='M12 9v4M12 17h.01'/%3E%3C/svg%3E");
}
.callout--astuce::before {
  background: var(--peach-700);
  --callout-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='1.75' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5'/%3E%3Cpath d='M9 18h6M10 22h4'/%3E%3C/svg%3E");
}

/* Étapes numérotées : le parcours d'onboarding */
.doc ol.steps { list-style: none; margin-top: 1.6rem; padding: 0; counter-reset: step; }
.doc ol.steps > li { position: relative; max-width: none; padding: 0 0 2.4rem 3.7rem; counter-increment: step; }
.doc ol.steps > li + li { margin-top: 0; }
.doc ol.steps > li::before {
  content: counter(step, decimal-leading-zero);
  position: absolute; left: 0; top: 0; display: grid; place-items: center;
  width: 2.6rem; height: 2.6rem; border-radius: 12px 4px 12px 4px;
  background: var(--ink); color: var(--peach); font: 500 0.86rem/1 var(--mono);
}
.doc ol.steps > li::after {
  content: ''; position: absolute; left: 1.3rem; top: 3.1rem; bottom: 0.5rem; width: 1px; background: var(--line-2);
}
.doc ol.steps > li:last-child { padding-bottom: 0; }
.doc ol.steps > li:last-child::after { display: none; }
.doc ol.steps > li > * + * { margin-top: 0.8rem; }
.doc ol.steps > li > h3:first-child { margin-top: 0.45rem; }

/* Rôles : qui fait l'étape */
.roles { display: flex; flex-wrap: wrap; gap: 0.4rem; }
.role {
  display: inline-flex; align-items: center; padding: 0.32em 0.62em; border-radius: var(--shape-xs);
  font: 500 var(--fs-micro)/1 var(--mono); letter-spacing: 0.04em;
}
.role--collab { background: var(--peach-100); color: var(--peach-700); box-shadow: inset 0 0 0 1px var(--peach-200); }
.role--admin { background: var(--ink); color: #fff; }
.role--owner { color: var(--text-2); box-shadow: inset 0 0 0 1px var(--line-2); }

/* Cartes de liens */
.cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 17rem), 1fr)); gap: 1rem; }
.doc a.card {
  display: flex; flex-direction: column; gap: 0.55rem; text-decoration: none;
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.doc a.card:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow-2); }
.doc a.card > * + * { margin-top: 0; }
.card-title { display: block; font-size: 1.12rem; font-weight: 700; font-stretch: 106%; line-height: 1.2; color: var(--text); }
.doc .card p { font-size: 0.95rem; }
.doc .card .link-arrow { margin-top: auto; padding-top: 0.3rem; font-size: 0.92rem; }
.doc .card--peach p { color: var(--on-peach-2); }
.icon-badge svg { width: 1.15rem; height: 1.15rem; }

/* Définitions courtes (termes et explications) */
.doc dl { display: grid; grid-template-columns: minmax(8rem, max-content) 1fr; gap: 0.6rem 1.4rem; }
.doc dt { font-weight: 620; color: var(--ink); }
.doc dd { margin: 0; color: var(--text-2); }

/* Bloc de signature de la charte */
.doc dl.signature { grid-template-columns: 7rem 1fr; gap: 1.6rem 1rem; margin-top: 1.6rem; max-width: 30rem; }
.doc dl.signature dd { min-height: 1.6rem; box-shadow: inset 0 -1px 0 var(--line-2); }

/* Sommaire de la page */
.toc { display: none; position: sticky; top: 2.2rem; align-self: start; max-height: calc(100vh - 4.4rem); overflow-y: auto; font-size: 0.87rem; }
.toc-label { font: 500 var(--fs-micro)/1 var(--mono); letter-spacing: 0.16em; text-transform: uppercase; color: var(--text-3); }
.toc ol { list-style: none; margin: 0.9rem 0 0; padding: 0; box-shadow: inset 1px 0 0 var(--line-2); }
.toc a {
  display: block; padding: 0.32rem 0 0.32rem 0.95rem; line-height: 1.35;
  color: var(--text-3); text-decoration: none; transition: color 0.15s ease, box-shadow 0.15s ease;
}
.toc a:hover { color: var(--ink); }
.toc a.is-active { color: var(--ink); font-weight: 620; box-shadow: inset 2px 0 0 var(--peach-600); }

/* Pages voisines */
.pager { display: grid; grid-template-columns: 1fr 1fr; gap: 1rem; margin-top: 4rem; }
.pager a {
  display: flex; align-items: center; gap: 0.8rem; padding: 1rem 1.2rem;
  border-radius: var(--shape-md); background: var(--paper); color: var(--ink); text-decoration: none;
  font-weight: 620; line-height: 1.25; box-shadow: inset 0 0 0 1px var(--line), var(--shadow-1);
  transition: transform 0.2s var(--ease), box-shadow 0.2s var(--ease);
}
.pager a:hover { transform: translateY(-2px); box-shadow: inset 0 0 0 1px var(--line-2), var(--shadow-2); }
.pager a svg { flex: none; color: var(--peach-700); }
.pager small { display: block; margin-bottom: 0.2rem; font: 400 var(--fs-micro)/1.2 var(--mono); color: var(--text-3); }
.pager-next { grid-column: 2; justify-content: flex-end; text-align: right; }

.docs-foot {
  display: flex; flex-wrap: wrap; align-items: center; gap: 0.75rem 1.25rem;
  padding: 1.5rem var(--gutter); box-shadow: inset 0 1px 0 var(--line);
}
.docs-foot img { width: 1.9rem; height: auto; }
.docs-foot .meta:last-child { margin-left: auto; }

/* --------------------------------------------------------------------------
   Écrans moyens et petits : la barre latérale devient un tiroir
   -------------------------------------------------------------------------- */
@media (min-width: 1280px) {
  .page { grid-template-columns: minmax(0, var(--col)) 12.5rem; }
  .toc { display: block; }
}
@media (max-width: 1023px) {
  .topbar { display: flex; }
  .docs-nav {
    width: min(20rem, 86vw); visibility: hidden; transform: translateX(-100%);
    transition: transform 0.35s var(--ease), visibility 0s linear 0.35s;
  }
  body.nav-open .docs-nav { visibility: visible; transform: none; transition: transform 0.35s var(--ease); }
  body.nav-open { overflow: hidden; }
  .nav-close { display: grid; }
  .docs-main { margin-left: 0; }
  html { scroll-padding-top: calc(var(--top-h) + 1rem); }
  .scrim { position: fixed; inset: 0; z-index: 25; background: rgb(14 10 46 / 0.45); }
}
@media (min-width: 1024px) { .scrim { display: none; } }
@media (max-width: 560px) {
  .topbar-brand span { display: none; }
  .pager { grid-template-columns: 1fr; }
  .pager-next { grid-column: auto; }
  .doc dl { grid-template-columns: 1fr; gap: 0.2rem; }
  .doc dd + dt { margin-top: 0.7rem; }
  .doc ol.steps > li { padding-left: 3.2rem; }
  .docs-foot .meta:last-child { margin-left: 0; }
}

@media print {
  .docs-nav, .topbar, .toc, .pager, .copy, .anchor, .skip, .scrim { display: none !important; }
  .docs-main { margin-left: 0; }
  .page { display: block; padding: 0; }
  .doc pre { white-space: pre-wrap; box-shadow: none; }
  .docs--home .article-head { background: none; box-shadow: none; padding: 0; --text: #1f175a; --text-2: #4b467a; }
}