/* /add-to-your-ai-v4/ (SOCLE, 12/11/2026). DA V4 : rien que les jetons et composants de /assets/systeme-v4/uncook-v4.css
   (assets/brand/systeme-v4/LISEZMOI.md) — Jakarta pour les titres, DM Sans pour le texte, pastilles d'IA à deux lettres
   (.uck-ia[data-ia]), un seul bouton principal (Copy de l'adresse). Aucune couleur en dur : var(--uck-…). Mise en page seulement. */
@font-face{font-family:AYMono;font-weight:400;font-display:swap;src:url('/assets/polices/jetbrainsmono-v24-tDbY2o-flEEny0FZhsfKu5WU4zr3E_BX0PnT8RD8yKxTOlOV.woff2') format('woff2')}
.ay{--ay-mono:AYMono,ui-monospace,SFMono-Regular,Consolas,monospace;--ay-gouttiere:16px;color:var(--uck-ink);font:var(--uck-fw-body) var(--uck-fs-body)/var(--uck-lh-body) var(--uck-font-body);padding-block:56px 96px}
.ay *,.ay *::before,.ay *::after{box-sizing:border-box}
.ay [hidden]{display:none!important}
.ay-cadre{width:min(1120px,100% - var(--ay-gouttiere)*2);margin-inline:auto}

/* Hero */
.ay-hero{text-align:center}
.ay-kicker{margin:0 0 var(--uck-space-4)}
.ay-titre{max-width:16ch;margin:0 auto var(--uck-space-4)}
.ay-desc{margin:0 auto var(--uck-space-6);max-width:60ch;font-size:18px;line-height:1.55;color:var(--uck-ink-muted)}
.ay-lede{margin:0 auto var(--uck-space-3);max-width:56ch;font:var(--uck-fw-strong) var(--uck-fs-h2)/var(--uck-lh-h2) var(--uck-font-body);color:var(--uck-ink)}
.ay-aide{margin:0 auto var(--uck-space-8);max-width:62ch;color:var(--uck-ink-muted);font-size:var(--uck-fs-lead)}
.ay-mono{font-family:var(--ay-mono);font-weight:400;letter-spacing:0;font-variant-ligatures:none}
.ay-adresse{display:inline-flex;align-items:center;gap:var(--uck-space-3);max-width:100%;padding:8px 8px 8px 20px;border:1px solid var(--uck-line-strong);border-radius:var(--uck-radius-pill);background:var(--uck-surface);box-shadow:var(--uck-shadow-card)}
.ay-adresse code{font-size:16px;overflow-wrap:break-word;text-align:left;color:var(--uck-ink)}
.ay-adresse .uck-btn{border-radius:var(--uck-radius-pill);flex:none}
.ay-signin{margin:var(--uck-space-5) auto 0;max-width:62ch}
.ay-ferme{margin:0 auto;max-width:56ch}
.ay-ferme-texte{margin:0 0 var(--uck-space-4);color:var(--uck-ink-muted);font-size:var(--uck-fs-lead)}
.ay-ferme-texte b{display:block;margin-bottom:var(--uck-space-1);font:var(--uck-fw-head) var(--uck-fs-h2)/var(--uck-lh-h2) var(--uck-font-head);color:var(--uck-ink)}
.ay-ferme p:last-child{margin:0}

/* Cartes */
.ay-section{margin-top:var(--uck-space-16)}
.ay-section--code .uck-h1{margin:0 0 var(--uck-space-6);text-align:center}
.ay-section--code .ay-grille{grid-template-columns:repeat(2,minmax(0,1fr))}
.ay-section--code [data-ay-code=claude-code]{grid-column:1/-1}
.ay-grille{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--uck-space-5);align-items:start}
.ay-carte{display:flex;flex-direction:column;gap:var(--uck-space-4);min-width:0}
.ay-tete{display:flex;align-items:center;gap:var(--uck-space-3);min-width:0}
.ay-tete :is(h2,h3){margin:0;font:var(--uck-fw-head) var(--uck-fs-title)/var(--uck-lh-title) var(--uck-font-head);letter-spacing:var(--uck-ls-title);color:var(--uck-ink);min-width:0}
.ay-ia-neutre{background:var(--uck-tint);color:var(--uck-accent)}
.ay-etat{margin-left:auto;padding:4px 10px;border-radius:var(--uck-radius-pill);background:var(--uck-tint);color:var(--uck-ink-muted);font-size:var(--uck-fs-small);line-height:var(--uck-lh-small);white-space:nowrap}
.ay-carte[data-ay-etat=ouvert] .ay-tete{padding-bottom:var(--uck-space-3);border-bottom:1px solid var(--uck-line)}
.ay-etapes{display:flex;flex-direction:column;gap:var(--uck-space-3)}
.ay-etapes .uck-label{margin:0}
.ay-etapes p{margin:0}
.ay-liste{margin:0 0 var(--uck-space-2);padding:0;list-style:none;counter-reset:ay}
.ay-liste li{position:relative;padding-left:34px;margin:0 0 var(--uck-space-2);counter-increment:ay}
.ay-liste li::before{content:counter(ay);position:absolute;left:0;top:0;inline-size:24px;block-size:24px;border-radius:50%;background:var(--uck-tint);color:var(--uck-accent);font:var(--uck-fw-strong) var(--uck-fs-small)/24px var(--uck-font-body);text-align:center}
.ay-liste code{display:block;margin-top:var(--uck-space-1);font-size:14px;overflow-wrap:anywhere;color:var(--uck-ink)}
.ay-code{position:relative;border-radius:var(--uck-radius-row);background:var(--uck-tint)}
.ay-code pre{margin:0;padding:14px 88px 14px 16px;overflow-x:auto;font-size:13px;line-height:1.55}
.ay-code pre code{color:var(--uck-ink);white-space:pre}
.ay-code .ay-copier{position:absolute;top:8px;right:8px;min-block-size:var(--uck-btn-h-sm);padding:6px 12px;font-size:var(--uck-fs-small)}
.ay-note{color:var(--uck-ink-muted);font-size:var(--uck-fs-small);line-height:var(--uck-lh-small);overflow-wrap:anywhere}
.ay-note code{font-family:var(--ay-mono)}

/* Pas à pas (13/11, PRODUIT ; LEAD 23:30–23:35 UTC) : Nom et Adresse à copier, bouton vers les réglages, « Ce que fait Uncook », phrases. */
.ay-champs{display:flex;flex-direction:column;gap:var(--uck-space-2)}
.ay-champ{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"l b" "c c";align-items:center;column-gap:var(--uck-space-3);row-gap:2px;padding:10px 10px 10px 14px;border:1px solid var(--uck-line-strong);border-radius:var(--uck-radius-row);background:var(--uck-surface)}
.ay-champ .uck-label{grid-area:l;margin:0}
.ay-champ code{grid-area:c;font-size:15px;overflow-wrap:break-word;color:var(--uck-ink)}
.ay-champ .ay-copier,.ay-phrases .ay-copier{grid-area:b;min-block-size:var(--uck-btn-h-sm);padding:6px 12px;font-size:var(--uck-fs-small)}
.ay-reglages{margin:0}
.ay-reglages .uck-btn{inline-size:100%;justify-content:center;text-align:center}
.ay-usage{margin:var(--uck-space-12) auto 0;max-width:720px;text-align:center}
.ay-usage .uck-h2{margin:0 0 var(--uck-space-3)}
.ay-usage-texte{margin:0 0 var(--uck-space-6);color:var(--uck-ink-muted);font-size:var(--uck-fs-lead)}
.ay-usage .uck-label{margin:0 0 var(--uck-space-3)}
.ay-phrases{display:flex;flex-direction:column;gap:var(--uck-space-2);margin:0;padding:0;list-style:none;text-align:left}
.ay-phrases li{display:flex;align-items:center;justify-content:space-between;gap:var(--uck-space-3);padding:10px 10px 10px 16px;border:1px solid var(--uck-line-strong);border-radius:var(--uck-radius-row);background:var(--uck-surface)}
.ay-phrase{min-width:0;overflow-wrap:anywhere;color:var(--uck-ink);font-weight:var(--uck-fw-strong)}
.ay-phrases .ay-copier{flex:none}

@media (max-width:1000px){.ay-grille{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:680px){
  .ay{padding-block:32px 64px}
  .ay-grille,.ay-section--code .ay-grille{grid-template-columns:minmax(0,1fr)}
  .ay-section{margin-top:var(--uck-space-12)}
  .ay-aide{margin-bottom:var(--uck-space-6)}
  .ay-adresse{display:flex;flex-direction:column;align-items:stretch;border-radius:var(--uck-radius-card);padding:12px;text-align:center}
  .ay-adresse code{text-align:center}
  .ay-code pre{padding-right:16px}
  .ay-code .ay-copier{position:static;margin:0 0 10px 12px}
  .ay-champ .ay-copier,.ay-phrases .ay-copier{min-block-size:44px;padding-inline:14px}
}