/* ---- variante du chrome vitrine propre au portail ---- */
.docs-brand{display:inline-flex;align-items:center;gap:8px}
.docs-brand-suffix{color:var(--color-muted);font-size:12px;white-space:nowrap;border-left:1px solid var(--color-border);padding-left:10px}

/* site.css ne style que <button> dans .language-switch ; le portail utilise
   des <a> (navigation réelle) et des <span> (page FR uniquement) — on
   reproduit la même pastille pour ces deux balises. */
.language-switch{gap:2px}
.language-switch a,.language-switch span{display:inline-flex;align-items:center;justify-content:center;min-width:46px;min-height:36px;border-radius:var(--radius-medium);color:var(--color-muted);font-weight:var(--font-weight-semibold);text-decoration:none;cursor:pointer}
.language-switch a[aria-pressed="true"],.language-switch span[aria-pressed="true"]{background:var(--color-surface);color:var(--color-ink);box-shadow:0 2px 8px rgba(21,50,74,.08)}
.language-switch .lang-fr-only{color:var(--color-border-strong);cursor:not-allowed}
.header-actions .language-switch a,.header-actions .language-switch span{min-width:34px;min-height:32px;font-size:12px}
@media(max-width:800px){.docs-brand-suffix{display:none}}

/* ---- fil d'ariane ---- */
.docs-breadcrumb{padding:14px 0 0;font-size:13px;color:var(--color-muted)}
.docs-breadcrumb a{color:var(--color-muted);text-decoration:none}
.docs-breadcrumb a:hover{color:var(--color-accent-hover)}
.docs-breadcrumb .fil-sep{margin:0 6px;color:var(--color-border-strong)}
.docs-breadcrumb [aria-current]{color:var(--color-ink);font-weight:var(--font-weight-medium)}

/* ---- recherche (dans .header-actions) ---- */
.docs-search{position:relative;width:min(280px,32vw)}
.docs-search input{width:100%;padding:9px 12px;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-family);font-size:13px}
.docs-search input:focus{outline:2px solid var(--color-focus);outline-offset:1px}
.docs-search-results{position:absolute;z-index:150;top:calc(100% + 8px);left:0;right:0;max-height:70vh;overflow-y:auto;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:0 18px 40px rgba(21,50,74,.14)}
.docs-search-results[hidden]{display:none}
.docs-result{display:flex;flex-direction:column;gap:2px;padding:10px 14px;text-decoration:none;border-bottom:1px solid var(--color-surface-quiet)}
.docs-result:last-child{border-bottom:0}
.docs-result:hover,.docs-result:focus{background:var(--color-accent-soft)}
.docs-result-doc{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent-hover)}
.docs-result-titre{font-weight:var(--font-weight-semibold);color:var(--color-ink);font-size:14px}
.docs-result-extrait{font-size:12px;color:var(--color-muted)}
.docs-result-empty{padding:14px;color:var(--color-muted);font-size:13px}
.lang-fr-only{opacity:.45;cursor:not-allowed}

/* ---- menu mobile du document (< 900px) ---- */
.docs-mobile-nav{display:none;padding:14px 0 0}
.docs-mobile-nav summary{cursor:pointer;list-style:none;font-weight:var(--font-weight-semibold);color:var(--color-ink);padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-medium);background:var(--color-surface)}
.docs-mobile-nav summary::-webkit-details-marker{display:none}
.docs-mobile-nav summary::after{content:"▾";float:right;color:var(--color-accent)}
.docs-mobile-nav[open] summary::after{content:"▴"}
.docs-mobile-nav > *:not(summary){padding:12px 14px 0}

/* ---- mise en page à colonnes (largeur/centrage : .container de site.css) ---- */
.docs-shell{display:grid;grid-template-columns:240px minmax(0,720px) 200px;gap:var(--space-10);padding:var(--space-6) 0 var(--space-16);justify-content:center}
.docs-shell.no-page-nav{grid-template-columns:240px minmax(0,720px)}
.docs-sidebar{position:sticky;top:calc(72px + var(--space-6));align-self:start;font-size:13px;max-height:calc(100vh - 100px);overflow-y:auto}
.docs-nav-home{display:inline-block;color:var(--color-muted);text-decoration:none;font-size:12px;margin-bottom:var(--space-3)}
.docs-nav-home:hover{color:var(--color-accent-hover)}
.docs-nav-doc-title{font-weight:var(--font-weight-semibold);font-size:15px;color:var(--color-ink);margin-bottom:var(--space-2)}
.docs-nav-doc-title a{color:inherit;text-decoration:none}
.docs-nav-sections{list-style:none;margin:0 0 var(--space-5);padding:0}
.docs-nav-sections li{margin:1px 0}
.docs-nav-sections a{display:flex;align-items:baseline;gap:8px;padding:6px 8px;border-radius:var(--radius-small);text-decoration:none;color:var(--color-ink-secondary);line-height:1.3}
.docs-nav-sections a:hover{background:var(--color-accent-soft)}
.docs-nav-sections li.actif a{background:var(--color-accent-soft);color:var(--color-accent-hover);font-weight:var(--font-weight-semibold)}
.docs-nav-badge{font-size:11px;color:var(--color-accent);flex:none}
.docs-nav-other{border-top:1px solid var(--color-border);padding-top:var(--space-3)}
.docs-nav-other-title{display:block;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-2)}
.docs-nav-other ul{list-style:none;margin:0;padding:0}
.docs-nav-other a{color:var(--color-ink-secondary);text-decoration:none;font-size:13px;display:block;padding:4px 0}
.docs-nav-other a:hover{color:var(--color-accent-hover)}
.docs-nav-simple{list-style:none;margin:0;padding:0}
.docs-nav-simple li{margin:2px 0}
.docs-nav-simple a{display:block;padding:6px 8px;border-radius:var(--radius-small);text-decoration:none;color:var(--color-ink-secondary)}
.docs-nav-simple a:hover{background:var(--color-accent-soft)}
.docs-nav-simple li.actif a{background:var(--color-accent-soft);color:var(--color-accent-hover);font-weight:var(--font-weight-semibold)}

.docs-main{min-width:0}
.docs-eyebrow{font-size:12px;letter-spacing:.07em;text-transform:uppercase;color:var(--color-accent-hover);margin-bottom:var(--space-3);display:flex;align-items:center;gap:10px}
.docs-badge-protege{background:var(--color-warning-soft);color:var(--color-warning);border-radius:var(--radius-round);padding:2px 10px;font-size:11px;letter-spacing:.02em;text-transform:none}
.docs-main article>h1{font-size:clamp(1.7rem,3vw,2.3rem);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-ink);margin:0 0 var(--space-5)}
.docs-main h2{font-size:1.4rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:2em 0 .6em;border-bottom:2px solid var(--color-surface-quiet);padding-bottom:.35em}
.docs-main h3{font-size:1.1rem;font-weight:var(--font-weight-semibold);color:var(--color-ink);margin:1.6em 0 .5em;scroll-margin-top:96px}
.docs-main h4{font-weight:var(--font-weight-semibold);font-size:1rem;color:var(--color-ink-secondary);margin:1.3em 0 .4em}
.docs-main p{margin:.6em 0 .9em;max-width:70ch;color:var(--color-ink-secondary)}
.docs-main ul,.docs-main ol{margin:.5em 0 .9em;padding-left:1.4em;color:var(--color-ink-secondary)}
.docs-main li{margin:.3em 0}
.docs-main code{font-family:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;font-size:.88em;background:var(--color-surface-quiet);border:1px solid var(--color-border);border-radius:4px;padding:.1em .4em;color:var(--color-ink)}
.docs-main pre{background:var(--color-ink);color:#dbe6ee;border-radius:var(--radius-medium);padding:1em 1.2em;overflow-x:auto;font-size:.85rem;margin:1em 0}
.docs-main pre code{background:none;border:none;color:inherit;padding:0}
.docs-main blockquote{background:var(--color-canvas);border-left:3px solid var(--color-border);border-radius:0 var(--radius-medium) var(--radius-medium) 0;padding:.7em 1.1em;margin:1em 0;color:var(--color-muted);font-style:italic}
.docs-main blockquote p{margin:0;max-width:none}

ol.steps{counter-reset:s;list-style:none;padding-left:0;margin:1em 0 1.3em}
ol.steps>li{counter-increment:s;position:relative;padding:.32em 0 .32em 2.6em;margin:0}
ol.steps>li::before{content:counter(s);position:absolute;left:0;top:.22em;width:1.7em;height:1.7em;border-radius:var(--radius-round);background:var(--color-accent-soft);color:var(--color-accent-hover);font-size:.78rem;display:flex;align-items:center;justify-content:center;font-weight:var(--font-weight-semibold)}

figure{margin:1.2em 0 1.4em}
figure img{border:1px solid var(--color-border);border-radius:var(--radius-medium);box-shadow:0 2px 10px rgba(21,50,74,.08)}
figcaption{font-size:.82rem;color:var(--color-muted);margin-top:.5em}
figcaption::before{content:"◆ ";color:var(--color-accent)}

aside.note,aside.warn{border-radius:var(--radius-medium);padding:.9em 1.1em;margin:1.1em 0;font-size:.92rem}
aside.note{background:var(--color-success-soft);border-left:3px solid var(--color-success)}
aside.warn{background:var(--color-warning-soft);border-left:3px solid var(--color-warning)}
aside.note p,aside.warn p{margin:0;max-width:none}

.table-scroll{overflow-x:auto;margin:1em 0 1.3em}
.docs-main table{border-collapse:collapse;width:100%;font-size:.9rem;min-width:420px}
.docs-main th{text-align:left;font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-muted);border-bottom:2px solid var(--color-border);padding:.55em .8em .55em 0}
.docs-main td{border-bottom:1px solid var(--color-surface-quiet);padding:.6em .8em .6em 0;vertical-align:top}

.prev-next{display:flex;justify-content:space-between;gap:var(--space-5);margin-top:2.6em;padding-top:1.4em;border-top:1px solid var(--color-border)}
.prev-next-lien{flex:1;display:flex;flex-direction:column;gap:.25em;text-decoration:none;padding:.9em 1.1em;border:1px solid var(--color-border);border-radius:var(--radius-medium);color:var(--color-ink-secondary)}
.prev-next-lien:hover{border-color:var(--color-accent);background:var(--color-accent-soft)}
.prev-next-lien.next{text-align:right;margin-left:auto}
.prev-next-dir{font-size:.68rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-accent-hover)}
.prev-next-titre{font-weight:var(--font-weight-semibold);color:var(--color-ink)}

.docs-page-nav{position:sticky;top:calc(72px + var(--space-6));align-self:start;font-size:.84rem;max-height:calc(100vh - 100px);overflow-y:auto}
.docs-page-nav-titre{font-size:.68rem;letter-spacing:.06em;text-transform:uppercase;color:var(--color-muted);margin-bottom:.7em}
.docs-page-nav ul{list-style:none;margin:0;padding:0;border-left:2px solid var(--color-surface-quiet)}
.docs-page-nav a{display:block;padding:.3em .8em;text-decoration:none;color:var(--color-muted)}
.docs-page-nav a:hover{color:var(--color-accent-hover)}

/* ---- bannière de traduction manquante ---- */
.translation-banner{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-3);margin:0 0 1.6em;padding:.9em 1.1em;border-radius:var(--radius-medium);background:var(--color-premium-soft);border-left:3px solid var(--color-premium);color:var(--color-ink)}
.translation-banner a{color:var(--color-accent-hover);font-weight:var(--font-weight-medium)}

/* ---- cartes de liste (runbooks/versions/téléchargements) ---- */
.docs-cards-liste{display:grid;gap:var(--space-4);margin-top:1.3em;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.docs-card-liste{display:flex;flex-direction:column;gap:.4em;padding:1em 1.1em;border:1px solid var(--color-border);border-radius:var(--radius-medium);text-decoration:none;color:var(--color-ink-secondary);background:var(--color-surface)}
.docs-card-liste:hover{border-color:var(--color-accent);box-shadow:0 6px 18px rgba(18,155,148,.1)}
.docs-card-liste-titre{font-weight:var(--font-weight-semibold);color:var(--color-ink)}
.docs-card-liste-extrait,.docs-card-liste-meta{font-size:.84rem;color:var(--color-muted)}

/* ---- accueil du portail ---- */
.docs-hero{padding:clamp(56px,7vw,96px) 0 40px}
.docs-hero-eyebrow{font-size:12px;letter-spacing:.09em;text-transform:uppercase;color:var(--color-accent-hover);margin-bottom:var(--space-3)}
.docs-hero h1{font-size:clamp(2rem,4vw,3rem);font-weight:var(--font-weight-semibold);letter-spacing:-.02em;color:var(--color-ink);max-width:16em;margin:0 0 var(--space-4)}
.docs-hero-lead{font-size:1.1rem;color:var(--color-ink-secondary);max-width:44em;margin:0 0 var(--space-3)}
.docs-hero-position{font-size:.98rem;color:var(--color-ink-secondary);max-width:60em;margin:0}
.docs-audience-switch{font-size:.86rem;color:var(--color-muted);max-width:60em;margin:var(--space-4) 0 0}
.docs-audience-switch a{color:var(--color-accent-hover);font-weight:var(--font-weight-medium);text-decoration:none;white-space:nowrap}
.docs-audience-switch a:hover{text-decoration:underline}
.docs-section-heading{font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin:var(--space-10) 0 var(--space-1)}
.docs-cards-primary{display:grid;gap:var(--space-5);grid-template-columns:repeat(3,1fr);margin:var(--space-4) 0 var(--space-6)}
.docs-cards-featured{display:grid;gap:var(--space-5);grid-template-columns:repeat(2,1fr);margin:var(--space-4) 0 var(--space-6)}
.docs-card-primary{display:flex;flex-direction:column;gap:.6em;padding:1.7em 1.6em;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-surface);text-decoration:none;color:var(--color-ink-secondary)}
.docs-card-primary:hover{border-color:var(--color-accent);box-shadow:0 10px 28px rgba(18,155,148,.12);transform:translateY(-2px)}
.docs-card-primary-kicker{font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:var(--color-muted)}
.docs-card-primary h2{font-size:1.3rem;color:var(--color-ink);margin:0;display:flex;align-items:center;gap:.4em}
.docs-card-primary p{margin:0;font-size:.94rem;color:var(--color-muted);max-width:none}
.docs-card-primary-cta{font-size:.78rem;color:var(--color-accent-hover);margin-top:.4em}
.docs-cadenas{font-size:.85em}
.docs-cards-secondary{display:grid;gap:var(--space-4);grid-template-columns:repeat(3,1fr)}
.docs-card-secondary{padding:1.3em 1.4em;border:1px solid var(--color-border);border-radius:var(--radius-large);background:var(--color-canvas);text-decoration:none;color:var(--color-ink-secondary)}
.docs-card-secondary:hover{border-color:var(--color-accent)}
.docs-card-secondary h3{margin:0 0 .3em;font-size:1.02rem;color:var(--color-ink);display:flex;align-items:center;gap:.4em}
.docs-card-secondary p{margin:0;font-size:.86rem;color:var(--color-muted)}

/* ---- responsive ---- */
@media (max-width:1080px){
  .docs-shell{grid-template-columns:220px minmax(0,1fr)}
  .docs-page-nav{display:none}
}
@media (max-width:900px){
  .docs-sidebar{display:none}
  .docs-mobile-nav{display:block}
  .docs-shell{grid-template-columns:minmax(0,1fr);padding-top:var(--space-4)}
  .docs-cards-primary,.docs-cards-secondary,.docs-cards-featured{grid-template-columns:1fr}
}
@media (max-width:800px){
  .docs-search{order:3;width:100%;margin-top:10px}
  .header-actions{flex-wrap:wrap}
}
@media (max-width:560px){
  .docs-main article>h1{font-size:1.6rem}
  .prev-next{flex-direction:column}
  .prev-next-lien.next{text-align:left;margin-left:0}
}