/* LinkedIn Format Pro - Banque d'accroches (complète tools.css, stats.css, checklist.css et drafts.css) */
.hk-filters { display: grid; gap: var(--space-sm); margin-bottom: var(--space-sm); }
@media (min-width: 701px) { .hk-filters { grid-template-columns: 1fr 1fr 2fr; } }
.hk-select { width: 100%; box-sizing: border-box; min-height: 44px; padding: 0 var(--space-sm); font: inherit; border: 1px solid var(--border-medium); border-radius: var(--radius-md); background: var(--color-white); color: var(--text-primary); }
.hk-bar { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-sm); margin-bottom: var(--space-sm); }
.hk-bar .btn { min-height: 44px; padding: 0 var(--space-md); }
.hk-list { list-style: none; margin: 0 0 var(--space-lg); padding: 0; display: grid; gap: var(--space-sm); }
.hk-item { border: 1px solid var(--border-light); border-radius: var(--radius-lg); background: var(--color-white); overflow: hidden; }
.hk-card { width: 100%; display: flex; flex-direction: column; gap: var(--space-xxs); text-align: left; padding: var(--space-sm) var(--space-md); font: inherit; color: var(--text-primary); background: none; border: 0; cursor: pointer; min-height: 48px; }
.hk-card:hover { background: var(--color-primary-bg); }
.hk-card:focus-visible { outline: 2px solid var(--color-primary); outline-offset: -2px; }
.hk-card[aria-expanded="true"] { background: var(--color-primary-bg); }
.hk-text { line-height: 1.5; overflow-wrap: anywhere; }
.hk-meta { font-size: var(--font-size-xs); color: var(--text-secondary); font-weight: 600; }
.hk-var { display: inline-block; padding: 0 0.4em; border-radius: var(--radius-sm); background: var(--color-primary-bg); color: var(--color-primary-text, #1e7e34); font-weight: 700; }
.hk-card[aria-expanded="true"] .hk-var { background: var(--color-white); }
.hk-detail { padding: var(--space-sm) var(--space-md) var(--space-md); border-top: 1px solid var(--border-light); }
.hk-detail[hidden] { display: none; }
.hk-fields { display: grid; gap: var(--space-sm); margin-bottom: var(--space-sm); }
@media (min-width: 701px) { .hk-fields { grid-template-columns: repeat(2, 1fr); } }
.hk-label { margin: var(--space-sm) 0 var(--space-xxs); font-size: var(--font-size-sm); font-weight: 700; color: var(--text-secondary); }
.hk-preview { margin: 0; padding: var(--space-sm); border: 1px solid var(--border-medium); border-radius: var(--radius-md); background: var(--bg-secondary); line-height: 1.5; overflow-wrap: anywhere; }
.hk-hint { min-height: 1.2em; margin: var(--space-xxs) 0 0; font-size: var(--font-size-xs); color: var(--text-secondary); }
.hk-loading, .hk-error { padding: var(--space-md); border: 1px dashed var(--border-medium); border-radius: var(--radius-lg); color: var(--text-secondary); }
.hk-error { border-color: #b42318; color: #b42318; }
:root[data-theme="dark"] .hk-error { border-color: #ff9b91; color: #ff9b91; }
.hk-loading[hidden], .hk-error[hidden] { display: none; }