/* Articles interactifs du blog (07/11/2026). Blanc / noir / gris, bleu discret, cartes avec ombre douce (--card-shadow). */
.blb-body{min-width:0}
.blb{margin:0 0 clamp(36px,5vw,56px);min-width:0}
.blb h2{font-family:Outfit,Arial,sans-serif;font-size:clamp(26px,2.6vw,36px);letter-spacing:-.035em;line-height:1.13;margin:0 0 14px;color:#111}
.blb p{font-size:15px;line-height:1.75;color:#444;margin:0 0 14px;max-width:68ch}
.blb-kicker{font-size:10.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#6a6a6a;margin:0 0 12px!important}
.blb-intro{max-width:62ch}
.blb-note{font-size:12.5px!important;color:#666!important;margin-top:14px!important}
.blb-list{margin:0 0 16px;padding-left:1.2em;display:grid;gap:8px;color:#444;font-size:15px;line-height:1.65}
.blb-callout{padding:22px 24px;border-radius:18px;background:#f6f7f8;box-shadow:var(--card-shadow,0 8px 24px #0000000a)}
.blb-callout strong{display:block;font-family:Outfit,Arial,sans-serif;font-size:18px;color:#111;margin-bottom:6px}
.blb-callout p{margin:0}

.blb-figure{margin:0 0 clamp(36px,5vw,56px)}
.blb-figure img{display:block;width:100%;height:auto;border-radius:18px;background:#111}
.blb-figure figcaption{font-size:12.5px;color:#666;margin-top:10px}
.blb-figure small{color:#888}

/* guide */
.blb-guide,.blb-compare,.blb-checklist,.blb-ordinal{padding:clamp(20px,3vw,32px);border-radius:22px;background:#fff;box-shadow:var(--card-shadow,0 12px 32px #0000000d);border:1px solid #ececec}
.blb-guide fieldset{border:0;margin:0 0 18px;padding:0;min-width:0}
.blb-guide legend{font-weight:600;font-size:15px;color:#111;margin:0 0 10px;padding:0}
.blb label{display:flex;gap:12px;align-items:flex-start;padding:13px 14px;border:1px solid #e3e3e3;border-radius:12px;margin:0 0 8px;cursor:pointer;font-size:14px;line-height:1.5;color:#333;background:#fff;transition:border-color .2s,background .2s}
.blb label:hover{border-color:#bcbcbc}
.blb label:has(input:checked){border-color:#73a8c5;background:#f2f8fc}
.blb input[type=radio],.blb input[type=checkbox]{margin-top:2px;accent-color:#111;flex:none;width:17px;height:17px}
.blb label:has(input:focus-visible){outline:2px solid #111;outline-offset:2px}
.blb-result{margin-top:8px;padding:20px;border-radius:16px;background:#f6f7f8}
.blb-result-empty{margin:0!important;color:#666!important}
.blb-outcome strong{display:block;font-family:Outfit,Arial,sans-serif;font-size:20px;color:#111;margin-bottom:8px}

/* comparateur */
.blb-pick{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.blb-pick label{margin:0;padding:9px 14px;border-radius:999px;font-weight:500}
.blb-table{overflow-x:auto;border:1px solid #e6e6e6;border-radius:16px}
.blb-table table{width:100%;border-collapse:collapse;font-size:13.5px;line-height:1.6;min-width:520px}
.blb-table th,.blb-table td{text-align:left;vertical-align:top;padding:14px;border-bottom:1px solid #ececec;color:#444}
.blb-table thead th{background:#111;color:#fff;font-weight:500;font-size:12px}
.blb-table tbody th{color:#111;font-weight:600;width:22%}
.blb-table tbody tr:last-child>*{border-bottom:0}
.blb [data-col][hidden]{display:none}
.blb-chart{margin-top:24px;padding-top:20px;border-top:1px solid #ececec}
.blb-chart-title{font-weight:600;color:#111!important;margin-bottom:12px!important}
.blb-chart-title small{font-weight:400;color:#777}
.blb-chart-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.blb-chart-tabs button,.blb-checklist-bar button{font:500 13px Poppins,Arial,sans-serif;padding:10px 16px;border-radius:999px;border:1px solid #d5d5d5;background:#fff;color:#111;cursor:pointer;min-height:44px}
.blb-chart-tabs button[aria-selected=true]{background:#111;color:#fff;border-color:#111}
.blb-chart-tabs button:hover,.blb-checklist-bar button:hover{border-color:#111}
.blb-bars-q{font-weight:500;color:#111!important;margin-bottom:10px!important}
.blb-bar{display:grid;grid-template-columns:minmax(110px,.9fr) 2.4fr minmax(70px,.7fr);align-items:center;gap:12px;margin:0 0 10px}
.blb-bar-name{font-size:13.5px;color:#222;line-height:1.35}
.blb-bar-track{display:block;height:14px;border-radius:999px;background:#ececec;overflow:hidden}
.blb-bar-track i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#3a88b5,#111);transition:width .5s ease}
.blb-bar-level{font-size:12.5px;color:#555}

/* frise */
.blb-steps{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.blb-steps li{position:relative}
.blb-steps details{border:1px solid #e6e6e6;border-radius:14px;background:#fff;box-shadow:var(--card-shadow,0 8px 22px #00000008)}
.blb-steps summary{display:flex;align-items:center;gap:14px;padding:16px 18px;cursor:pointer;list-style:none;font-weight:600;color:#111;font-size:15px;min-height:44px}
.blb-steps summary::-webkit-details-marker{display:none}
.blb-step-dot{width:20px;height:20px;border-radius:50%;border:1.6px solid #111;flex:none;position:relative}
.blb-steps details[open] .blb-step-dot{background:#111}
.blb-steps summary em{margin-left:auto;font-style:normal;font-weight:500;font-size:11.5px;color:#555;border:1px solid #dcdcdc;border-radius:999px;padding:3px 10px}
.blb-steps details p{padding:0 18px 18px 52px;margin:0}

/* liste à cocher */
.blb-checklist-bar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px}
.blb-checklist-bar strong{font-size:14px;margin-right:auto;color:#111}
.blb-copied{font-size:12.5px;color:#1a6b3a}
.blb-checklist .blb-intro span{color:#777}

/* idées reçues, questions */
.blb-myth,.blb-faq details{border:1px solid #e6e6e6;border-radius:14px;margin:0 0 10px;background:#fff}
.blb-myth summary,.blb-faq summary{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:16px 18px;cursor:pointer;list-style:none;font-weight:600;font-size:15px;color:#111;min-height:44px}
.blb-myth summary::-webkit-details-marker,.blb-faq summary::-webkit-details-marker{display:none}
.blb-faq summary::after{content:'+';font-weight:300;font-size:22px;color:#555}
.blb-faq details[open] summary::after{content:'−'}
.blb-myth em{font-style:normal;font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px;background:#f0f0f0;color:#333;flex:none}
.blb-myth em.v-faux{background:#fbeaea;color:#8a2b2b}.blb-myth em.v-vrai{background:#e8f4ec;color:#1f6b3b}.blb-myth em.v-nuance{background:#fdf3e1;color:#7a5200}
.blb-myth p,.blb-faq details p{padding:0 18px 18px;margin:0}
.blb-sources ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.blb-sources a{font-size:13.5px;color:#222}

@media(max-width:700px){
  .blb-bar{grid-template-columns:1fr auto;gap:6px 10px}
  .blb-bar-track{grid-column:1/-1;order:3}
  .blb-steps details p{padding-left:18px}
}
@media(prefers-reduced-motion:reduce){.blb-bar-track i{transition:none}.blb label{transition:none}}
@media print{.blb-checklist-bar,.quickbook,.bl-toc,.bl-side,header,footer,nav{display:none!important}.blb{break-inside:avoid;box-shadow:none}}

/* 08/11 : pas de bleu sur le blog (demande du propriétaire) */
.blb-pick label{border-color:#d6d6d6}