.pub{background:var(--surface-page);min-height:100vh}.pub-marque{min-height:100vh}.pub-entete{background:var(--surface-card);border-bottom:1px solid var(--border-hairline);align-items:center;gap:12px;padding:16px 20px;display:flex}.pub-logo{background:var(--ink-900);color:#fff;width:34px;height:34px;font:800 12px/1 var(--font-display);border-radius:9px;flex:none;justify-content:center;align-items:center;display:flex}.pub-org{font:700 14px/18px var(--font-body);color:var(--text-strong)}.pub-contenu{max-width:480px;margin:0 auto;padding:0 20px 60px}.pub-contenu[data-barre=true]{padding-bottom:120px}.pub-hero{background:var(--ink-900);color:#fff;border-radius:20px;margin-top:22px;padding:30px 26px}.pub-carte{background:var(--surface-card);box-shadow:var(--shadow-hairline);border-radius:16px;margin-top:18px;padding:24px}.pub-panneau{background:var(--surface-panel);border-radius:16px;margin-top:16px;padding:24px}.pub-barre{padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--surface-card);border-top:1px solid var(--border-hairline);position:fixed;bottom:0;left:0;right:0}.pub-barre>div{max-width:440px;margin:0 auto}.pub-etape{gap:14px;display:flex}.pub-etape-num{background:var(--ink-900);color:#fff;width:26px;height:26px;font:800 12px/1 var(--font-display);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.pub-etape-texte{font:500 14px/22px var(--font-body);color:var(--text-body)}.pub .btn{min-height:44px}.pub .coche{align-items:flex-start;min-height:44px;padding-top:12px}.pub .coche-case{margin-top:1px}.pub .btn-icone{width:44px;height:44px}.pub-marque .pub-logo:not([data-logo=true]),.pub-marque .pub-hero,.pub-marque .btn-primary,.pub-marque .coche input:checked+.coche-case{background:var(--marque-principale);color:var(--marque-principale-texte)}.pub-marque .btn-primary:hover:not(:disabled),.pub-marque .btn-primary:active:not(:disabled){background:var(--marque-principale);color:var(--marque-principale-texte);filter:brightness(.92)}.pub-marque .pub-etape-num{background:var(--marque-secondaire);color:var(--marque-secondaire-texte)}.pub-marque .coche input:focus-visible+.coche-case{box-shadow:inset 0 0 0 1px var(--marque-principale), var(--shadow-focus)}.pub-marque .pub-accent-secondaire{background:var(--marque-secondaire);color:var(--marque-secondaire-texte)}.pub-marque .pub-accent-principale{background:var(--marque-principale);color:var(--marque-principale-texte)}
