:root{--sb-accent:#8B7A3A;--sb-light:#FBF6E6;--sb-text:#1A1040}
/* seo-blog-engine enrichment blocks (1.10.1). Scoped to .sb-*; a site can override any rule.
   --sb-accent / --sb-light / --sb-text come from site.yaml enrich.palette (prepended above).
   Every box sets BOTH its background and its text colour: most of our sites are dark-themed, and
   a box that inherits the page's light text onto a light fill is unreadable (found 2026-10-05,
   before the first enriched article). No prefers-color-scheme rules for the same reason — the
   site's own theme, not the OS setting, decides the page colours. */
.sb-meta{margin:0 0 1rem;font-size:.875rem;opacity:.75}
.sb-answer{margin:0 0 2rem;padding:1.25rem 1.5rem;border-radius:16px;background:var(--sb-light);color:var(--sb-text);border-left:5px solid var(--sb-accent)}
.sb-answer *{color:inherit}
.sb-answer-label{margin:0 0 .35rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sb-accent)!important}
.sb-answer-text{margin:0 0 1rem;font-size:1.0625rem;line-height:1.55;font-weight:500}
.sb-takeaways{margin:0;padding-left:1.15rem}
.sb-takeaways li{margin:.3rem 0;line-height:1.5}
.sb-callout{margin:1.5rem 0;padding:1rem 1.25rem;border-radius:12px;background:var(--sb-light);color:var(--sb-text);border:1px solid var(--sb-accent)}
.sb-callout *{color:inherit}
.sb-callout a{text-decoration:underline}
.sb-callout>p{margin:.25rem 0}
.sb-callout::before{display:block;margin-bottom:.25rem;font-size:.75rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;content:attr(aria-label);color:var(--sb-accent)}
.sb-callout-warning{background:#fff8e1;color:#3d2f00;border-color:#e0a100}
.sb-callout-warning::before{color:#8a6100}
.sb-callout-mistake{background:#fdecec;color:#3d1010;border-color:#e05252}
.sb-callout-mistake::before{color:#a12626}
.sb-steps{counter-reset:sb-step;list-style:none;padding-left:0}
.sb-steps>li{counter-increment:sb-step;position:relative;margin:.75rem 0;padding-left:2.75rem;min-height:2rem;line-height:1.55}
.sb-steps>li::before{content:counter(sb-step);position:absolute;left:0;top:0;width:2rem;height:2rem;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;color:#fff;background:var(--sb-accent)}
.sb-figure{margin:2rem 0;text-align:center}
.sb-figure img{display:block;width:100%;max-width:800px;height:auto;margin:0 auto;border-radius:16px}
.sb-figure figcaption{margin-top:.6rem;font-size:.875rem;opacity:.8}
.sb-related{margin:2.5rem 0 1rem;padding-top:1.5rem;border-top:1px solid color-mix(in srgb,currentColor 20%,transparent)}
.sb-related ul{list-style:none;padding:0;display:grid;gap:.6rem}
.sb-related a{display:block;padding:.85rem 1rem;border-radius:12px;background:var(--sb-light);color:var(--sb-text);text-decoration:none;font-weight:600}
.sb-related a:hover{outline:2px solid var(--sb-accent)}
@media (max-width:600px){.sb-answer{padding:1rem 1.1rem}.sb-steps>li{padding-left:2.4rem}}