/* 07/10 (decision Mahe) : les deux boutons de telechargement, facon Cluely. Windows : fond noir, logo blanc.
   Mac : fond blanc, bord fin, logo noir. Couleurs FIXES (pas de variable de theme) : le contraste reste le
   meme en clair comme en sombre. Le systeme du visiteur (html[data-os], pose par le script du <head>) met
   son bouton en premier et affiche la note Linux ou telephone. Fragment : content/marketing/_partial-download-buttons.html */
.dl-cta{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-top:18px}
.dl-buttons{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:12px}
.dl-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:0 22px;border-radius:10px;border:1px solid #000;font-size:15px;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap;box-sizing:border-box;transition:background-color .15s,box-shadow .15s}
.dl-btn svg{width:18px;height:18px;flex:none;fill:currentColor}
.dl-btn.dl-win{background:#000;color:#fff}
.dl-btn.dl-win:hover{background:#262626}
.dl-btn.dl-mac{background:#fff;color:#000;border-color:#c9c7bd}
.dl-btn.dl-mac:hover{background:#f4f4f2;border-color:#8f8d84}
.dl-btn:focus-visible{outline:2px solid #000;outline-offset:3px}
.dl-note{margin:0;font-size:13px;color:#4d4c44}
.dl-other{display:none;margin:0;max-width:46ch;font-size:13px;line-height:1.5;color:#20201d}
html[data-os=mac] .dl-mac{order:-1}
html[data-os=linux] .dl-other-linux,html[data-os=mobile] .dl-other-mobile{display:block}
/* Hero : les boutons a la place de l'ancien « Start 14-day free trial ». */
.actions.dl-actions{flex-direction:column}
.dl-actions .dl-cta{align-items:center;margin-top:0}.dl-actions .dl-buttons{justify-content:center}.dl-actions .dl-note,.dl-actions .dl-other{text-align:center}
/* Cartes de prix : pleine largeur, empiles, dans la rangee de l'ancien lien « Try 14 days, no card ». */
.launch-plan .dl-cta{align-self:start;align-items:stretch;margin-top:10px;gap:8px;min-width:0}
.launch-plan .dl-buttons{flex-direction:column;gap:8px}
.launch-plan .dl-btn{min-height:40px;font-size:14px;padding:0 14px;width:100%}
.launch-plan .dl-btn svg{width:16px;height:16px}
.launch-plan .dl-note{font-size:12px}
.launch-plan .dl-other{display:none}
/* Comparatifs : le bloc de texte suit les boutons sur sa propre ligne. */
.compare-cta .dl-cta{margin-top:0;flex-basis:100%}
@media(max-width:520px){.dl-cta,.dl-actions .dl-cta{align-items:stretch;align-self:stretch}.dl-buttons{flex-direction:column}.dl-btn{width:100%}}
/* Page /download : le titre des etapes (un h2 de page, pas une etiquette de formulaire). */
.dl-steps-title{margin:28px 0 0;font-size:17px;font-weight:600;line-height:1.3;letter-spacing:0;color:#20201d}
/* Page /download : les memes boutons que l accueil, empiles a largeur egale dans la carte etroite (GetAppSteps, prop direct). */
.dl-buttons.dl-page{flex-direction:column;justify-content:center;align-items:stretch;margin:18px 0 6px}.dl-page .dl-btn{width:100%}
/* 08/10 (revue Codex P2 sur #498) : un installateur non publie n'a pas de bouton public (html[data-dl-off], PUBLIES_SCRIPT). */
html[data-dl-off~=windows] a.dl-win[href^="/download?os="],html[data-dl-off~=mac] a.dl-mac[href^="/download?os="]{display:none}
/* 2e revue Codex (P2) : ferme par defaut. En attente : invisibles sans decalage ; en echec : retires, et le repli
   renvoie vers /download (qui lit la publication cote serveur). Rien de publie : le repli aussi. */
html[data-dl-etat=attente] a.dl-btn[href^="/download?os="]{visibility:hidden}
/* 3e revue Codex (P2) : sans JavaScript (aucun etat pose), meme traitement que l'echec. */
html:not([data-dl-etat]) a.dl-btn[href^="/download?os="],html[data-dl-etat=echec] a.dl-btn[href^="/download?os="]{display:none}
.dl-repli{display:none}
html:not([data-dl-etat]) .dl-repli,html[data-dl-etat=echec] .dl-repli,html[data-dl-off="windows mac"] .dl-repli{display:block}
