.ag-annuaire{max-width:var(--col);margin:2.5rem auto 0}.ag-editeur{border-top:1px solid var(--mkt-border);margin-top:clamp(2.2rem,4vw,3.5rem);padding-top:clamp(1.75rem,3vw,2.5rem)}.ag-editeur:first-child{border-top:none;margin-top:0;padding-top:0}.ag-annuaire .ag-editeur-nom{text-transform:uppercase;letter-spacing:.12em;color:var(--ink-faint);text-align:left;margin:0 0 1rem;font-size:.8rem;font-weight:700;line-height:1.4}.ag-outils{background:var(--mkt-border);border:1px solid var(--mkt-border);border-radius:var(--mkt-radius);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid;overflow:hidden}@media (max-width:1023px){.ag-outils{grid-template-columns:minmax(0,1fr)}}.ag-outil{background:var(--card);text-align:left;flex-direction:column;min-width:0;padding:1.5rem;transition:background .16s;display:flex}@media (max-width:480px){.ag-outil{padding:1.25rem}}.ag-annuaire .ag-accroche,.ag-annuaire .ag-etapes,.ag-annuaire .ag-note{max-width:68ch}.ag-outil:only-child{grid-column:1/-1}@media (hover:hover) and (pointer:fine){.ag-outil:hover{background:var(--ivory-2)}}@media (hover:none) and (pointer:coarse){.ag-outil:active{background:var(--ivory-2)}}.ag-outil-en-tete{flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.65rem;display:flex}.ag-annuaire .ag-outil-en-tete b{color:var(--ink);font-size:1.125rem;font-weight:700;line-height:1.3}.ag-annuaire .ag-badge{letter-spacing:.02em;white-space:nowrap;border-radius:100px;padding:.15em .6em;font-size:.72rem;font-weight:700;line-height:1.6;display:inline-block}.ag-annuaire .ag-badge-oauth{background:var(--green-tint-2);color:var(--green-deep)}.ag-annuaire .ag-badge-cle{background:var(--mkt-border);color:var(--ink-soft)}.ag-annuaire .ag-badge-deux{background:var(--green-tint);color:var(--green);box-shadow:inset 0 0 0 1px var(--green-tint-2)}.ag-annuaire .ag-accroche{color:var(--ink-soft);text-wrap:pretty;margin:0 0 1rem;font-size:.9rem;line-height:1.55}.ag-commande{background:var(--ink);border-radius:calc(var(--mkt-radius) + 2px);margin:0 0 1rem;padding:.75rem 1rem;overflow-x:auto}.ag-annuaire .ag-commande code{font-family:var(--font-mono,monospace);color:#e8e0d4;white-space:pre;font-size:.8rem;line-height:1.6;display:block}.ag-etapes{counter-reset:ag-step;flex:0;margin:0 0 1rem;padding:0;list-style:none}.ag-annuaire .ag-etapes li{counter-increment:ag-step;color:var(--ink-soft);overflow-wrap:anywhere;margin-bottom:.45rem;padding-left:1.75em;font-size:.875rem;line-height:1.5;position:relative}.ag-etapes li:before{content:counter(ag-step);background:var(--mkt-border);text-align:center;width:1.25em;height:1.25em;color:var(--ink-soft);border-radius:50%;font-size:.72rem;font-weight:700;line-height:1.25em;position:absolute;top:.05em;left:0}.ag-annuaire .ag-bouton-ajout{border-radius:var(--mkt-radius);background:var(--green);color:#fff;cursor:pointer;border:none;align-self:flex-start;align-items:center;gap:.35em;min-height:2.75rem;margin-top:auto;padding:.6rem 1.1rem;font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.ag-annuaire .ag-bouton-ajout:focus-visible{outline:2px solid var(--green-deep);outline-offset:2px}@media (hover:hover) and (pointer:fine){.ag-annuaire .ag-bouton-ajout:hover{background:var(--green-deep);transform:translateY(-1px)}}@media (hover:none) and (pointer:coarse){.ag-annuaire .ag-bouton-ajout:active{background:var(--green-deep);transform:scale(.97)}}.ag-annuaire .ag-note{color:var(--ink-faint);margin:.85rem 0 0;font-size:.8rem;line-height:1.5}.ag-annuaire .ag-guide{margin:.35rem 0 -.625rem;font-size:.875rem;line-height:1.4}.ag-annuaire .ag-commande+.ag-guide{margin-top:-.625rem}.ag-annuaire .ag-guide .btn-text{font-size:inherit}@media (pointer:coarse){.ag-annuaire .ag-guide{margin-bottom:-.75rem}.ag-annuaire .ag-commande+.ag-guide{margin-top:-.75rem}.ag-annuaire .ag-guide .btn-text{min-height:2.75rem}}.ag-autres{background:var(--green-tint);border-radius:var(--mkt-radius);color:var(--ink-soft);text-align:left;margin-top:clamp(1.5rem,3vw,2.5rem);padding:1.25rem 1.5rem;font-size:.875rem}.ag-autres strong{color:var(--ink)}.ag-autres code{font-size:.84rem;font-family:var(--font-mono,monospace);background:var(--green-tint-2);border-radius:3px;padding:.1em .35em}
