/* Guides SEO Bounker (stock alimentaire) */
.seo-guide { color: #31395C; }
.seo-wrap { width: min(860px, calc(100% - 40px)); margin: 0 auto; }
.seo-hero { padding: 40px 0 28px; background: #F7F8FA; }
.seo-breadcrumb { margin: 0 0 18px; padding: 0; list-style: none; display: flex; flex-wrap: wrap; gap: 6px; font-size: 13px; color: #667085; }
.seo-breadcrumb li + li::before { content: "›"; margin-right: 6px; }
.seo-breadcrumb a { color: #31395C; text-decoration: underline; }
.seo-hero h1 { margin: 0 0 16px; font-size: 38px; line-height: 1.15; font-weight: 600; color: #31395C; }
.seo-lead { margin: 0; font-size: 18px; line-height: 1.6; color: #475467; }
.seo-article { padding: 36px 0 20px; }
.seo-article h2 { margin: 44px 0 14px; font-size: 28px; line-height: 1.25; color: #31395C; scroll-margin-top: 90px; }
.seo-article h3 { margin: 24px 0 8px; font-size: 20px; color: #31395C; }
.seo-article p, .seo-article li { font-size: 17px; line-height: 1.7; color: #344054; }
.seo-article ul, .seo-article ol { padding-left: 22px; margin-bottom: 16px; }
.seo-article a:not(.seo-btn) { color: #31395C; text-decoration: underline; text-decoration-color: #F75D1E; text-underline-offset: 3px; }
.seo-toc { margin: 0 0 8px; padding: 18px 22px; border: 1px solid #E4E7EC; border-radius: 6px; background: #fff; }
.seo-toc strong { display: block; margin-bottom: 8px; font-size: 14px; text-transform: uppercase; color: #F75D1E; }
.seo-toc ol { margin: 0; }
.seo-toc li { font-size: 15px; line-height: 1.8; }
.seo-table-wrap { margin: 18px 0 22px; overflow-x: auto; -webkit-overflow-scrolling: touch; }
.seo-table { width: 100%; min-width: 560px; border-collapse: collapse; font-size: 15px; }
.seo-table caption { padding: 0 0 8px; caption-side: top; text-align: left; font-size: 14px; color: #667085; }
.seo-table th, .seo-table td { padding: 10px 12px; border: 1px solid #E4E7EC; text-align: left; vertical-align: top; line-height: 1.5; }
.seo-table thead th { background: #31395C; color: #fff; font-weight: 600; }
.seo-table tbody tr:nth-child(even) { background: #F7F8FA; }
.seo-note { margin: 20px 0; padding: 14px 18px; border-left: 4px solid #31395C; border-radius: 0 6px 6px 0; background: #F2F4F9; }
.seo-note p { margin: 0; font-size: 15px; line-height: 1.6; }
.seo-cta { margin: 32px 0; padding: 26px; border-radius: 8px; background: #31395C; color: #fff; text-align: center; }
.seo-cta p { margin: 0 0 16px; font-size: 19px; line-height: 1.5; color: #fff; }
.seo-cta small { display: block; margin-top: 12px; color: #D0D5DD; font-size: 13px; }
.seo-btn { display: inline-flex; min-height: 50px; align-items: center; justify-content: center; padding: 0 24px; border-radius: 5px; background: #F75D1E; color: #fff; font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: none; }
.seo-btn:hover, .seo-btn:focus-visible { background: #DF4F17; color: #fff; }
.seo-faq details { margin: 0 0 10px; padding: 14px 18px; border: 1px solid #E4E7EC; border-radius: 6px; }
.seo-faq summary { cursor: pointer; font-weight: 600; font-size: 17px; color: #31395C; }
.seo-faq details p { margin: 10px 0 0; }
.seo-related { margin: 40px 0 10px; padding: 20px 22px; border-radius: 6px; background: #F7F8FA; }
.seo-related h2 { margin-top: 0; font-size: 20px; }
.seo-related ul { margin: 0; }
@media (max-width: 640px) {
  .seo-hero h1 { font-size: 29px; }
  .seo-article h2 { font-size: 23px; }
  .seo-cta { padding: 20px 16px; }
  .seo-btn { width: 100%; }
}