/* Choix site ou livret en haut des créateurs gratuits (11/11/2026), dans l'esprit de /studio */
.hk-choix{max-width:1180px;margin:0 auto;padding:34px 24px 26px;font-family:HKManrope,system-ui,Arial,sans-serif;color:#2c2a4a;box-sizing:border-box}
.hk-choix *{box-sizing:border-box}
.hk-choix .hc-k{margin:0 0 10px;font:700 12px/1.2 system-ui,Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a8794b}
.hk-choix h1{margin:0;font:400 clamp(2.3rem,5.2vw,4.2rem)/1.05 Georgia,"Times New Roman",serif;color:#303b80;letter-spacing:-.01em}
.hk-choix h1 em{color:#a8794b;font-style:italic}
.hk-choix .hc-sub{margin:12px 0 0;font-size:17px;line-height:1.5;color:#4a4866;max-width:60ch}
.hk-choix .hc-steps{display:flex;gap:8px;margin:20px 0 0;padding:0;list-style:none;flex-wrap:wrap}
.hk-choix .hc-steps li{display:flex;align-items:center;gap:7px;font:600 13px/1 system-ui,Arial,sans-serif;color:#4a4866;background:#fff;border:1px solid #e5dfd2;border-radius:999px;padding:7px 12px 7px 7px}
.hk-choix .hc-steps b{display:inline-grid;place-items:center;width:20px;height:20px;border-radius:50%;background:#303b80;color:#fff;font-size:11px}
.hk-choix .hc-cards{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.hk-choix .hc-card{position:relative;display:flex;align-items:center;gap:16px;padding:18px 20px;border-radius:18px;background:#fff;border:2px solid #e5dfd2;text-decoration:none;color:inherit;box-shadow:0 6px 18px rgba(48,59,128,.06);transition:transform .15s,border-color .15s,box-shadow .15s}
.hk-choix .hc-card:hover{transform:translateY(-2px);border-color:#303b80;box-shadow:0 10px 26px rgba(48,59,128,.14)}
.hk-choix .hc-card[aria-current]{border-color:#303b80;background:#f4f1fa}
.hk-choix .hc-ico{flex:none;display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:#fff6d6;font-size:30px}
.hk-choix .hc-card[aria-current] .hc-ico{background:#fff}
.hk-choix .hc-t{display:block;font:700 19px/1.2 system-ui,Arial,sans-serif;color:#303b80}
.hk-choix .hc-d{display:block;margin-top:4px;font-size:14px;line-height:1.4;color:#5b5975}
.hk-choix .hc-p{flex:none;margin-left:auto;align-self:center;background:#ffd84d;color:#232b6b;font:800 13px/1 system-ui,Arial,sans-serif;padding:8px 11px;border-radius:999px;white-space:nowrap}
.hk-choix .hc-ici{position:absolute;top:-11px;left:18px;background:#303b80;color:#fff;font:700 11px/1 system-ui,Arial,sans-serif;letter-spacing:.06em;text-transform:uppercase;padding:5px 9px;border-radius:999px}
.hk-choix .hc-go{display:inline-flex;align-items:center;gap:8px;margin-top:18px;background:#ffd84d;color:#232b6b;font:800 16px/1 system-ui,Arial,sans-serif;padding:15px 22px;border-radius:999px;text-decoration:none;box-shadow:0 6px 16px rgba(255,200,40,.35)}
.hk-choix .hc-go:hover{background:#ffcd1f}
.hk-choix .hc-note{display:inline-block;margin:0 0 0 14px;font-size:13px;color:#6b6d7a}
.hk-choix.hc-compact{padding-top:22px;padding-bottom:4px}
.hk-choix.hc-compact .hc-cards{margin-top:0}
@media(max-width:760px){
  .hk-choix{padding:24px 16px 18px}
  .hk-choix .hc-sub{font-size:15.5px}
  .hk-choix .hc-steps{gap:6px}
  .hk-choix .hc-steps li{font-size:12px;padding:6px 10px 6px 6px}
  .hk-choix .hc-cards{grid-template-columns:1fr;gap:16px}
  .hk-choix .hc-card{padding:16px}
  .hk-choix .hc-ico{width:48px;height:48px;font-size:25px}
  .hk-choix .hc-t{font-size:17px}
  .hk-choix .hc-go{display:flex;justify-content:center}
  .hk-choix .hc-note{display:block;margin:10px 0 0;text-align:center}
}