/*
 * Finix Blog — mise en page du contenu des articles : chargé UNIQUEMENT sur la page d'un article.
 * Fichier séparé de front.css : sans version dans l'adresse, front.css reste 30 jours dans le cache des navigateurs.
 */
.finixblog-content { --fxb-ink: #1e1e1e; --fxb-accent: #fdab02; --fxb-soft: #f7f7f5; }
.finixblog-content a { color: var(--fxb-ink); text-decoration-color: var(--fxb-accent); text-underline-offset: 3px; }
.finixblog-content ul { list-style: disc; padding-left: 1.4em; }
.finixblog-content ol { list-style: decimal; padding-left: 1.4em; }
.finixblog-content li { margin: .3em 0; }
.finixblog-content .fxb-updated { color: var(--fb-muted); font-size: .92rem; margin-bottom: 1.6em; }
.finixblog-content h2[id], .finixblog-content h3[id] { scroll-margin-top: 110px; }

.finixblog-content .fxb-toc { background: var(--fxb-soft); border-left: 4px solid var(--fxb-accent); margin: 0 0 2em; padding: 1.1em 1.3em; }
.finixblog-content .fxb-toc p { font-weight: 700; margin: 0 0 .5em; }
.finixblog-content .fxb-toc ol { margin: 0; padding-left: 1.3em; }
.finixblog-content .fxb-toc li { margin: .25em 0; }

.finixblog-content .fxb-box { border: 1px solid var(--fb-border); box-shadow: inset 0 3px 0 var(--fxb-accent); margin: 1.2em 0; padding: 1em 1.2em; }
.finixblog-content .fxb-box h3 { font-size: 1.15rem; margin: 0 0 .4em; }
.finixblog-content .fxb-box p:last-child, .finixblog-content .fxb-box ul:last-child { margin-bottom: 0; }
.finixblog-content .fxb-note { background: var(--fxb-soft); font-size: .95rem; margin: 1.4em 0; padding: .9em 1.1em; }

.finixblog-content .fxb-compare { -webkit-overflow-scrolling: touch; font-size: .95rem; line-height: 1.5; margin: 1.5em 0; }
.finixblog-content .fxb-compare th { background: var(--fxb-ink); color: #fff; text-align: left; white-space: nowrap; }
.finixblog-content .fxb-compare td { min-width: 165px; vertical-align: top; }
.finixblog-content .fxb-compare tbody th { background: var(--fxb-soft); color: var(--fxb-ink); min-width: 160px; overflow-wrap: normal; white-space: normal; }

.finixblog-content .fxb-offer { align-items: center; border: 2px solid var(--fxb-ink); display: flex; flex-wrap: wrap; gap: .8em 1.2em; justify-content: space-between; margin: 1.4em 0; padding: 1em 1.2em; }
.finixblog-content .fxb-offer-info { display: flex; flex-direction: column; }
.finixblog-content .fxb-offer-name { font-weight: 700; }
.finixblog-content .fxb-offer-price { font-size: 1.15rem; }
.finixblog-content a.fxb-btn { background: var(--fxb-ink); box-shadow: inset 0 -3px 0 var(--fxb-accent); color: #fff; display: inline-block; font-weight: 700; padding: .65em 1.3em; text-decoration: none; }
.finixblog-content a.fxb-btn:hover, .finixblog-content a.fxb-btn:focus { background: #000; color: #fff; }

@media (max-width: 575px) {
  .finixblog-content .fxb-offer { align-items: stretch; flex-direction: column; }
  .finixblog-content a.fxb-btn { text-align: center; }
}