/* Shared article/game editorial styles. Keep site brand tokens and scoped HTML. */
:is(.lfx-content__body, .lotoflex-seo-content__body) .lfx-editorial-cta {
    display: inline-flex; align-items: center; justify-content: center; min-height: 44px;
    padding: .65rem 1rem; border: 1px solid var(--lfx-color-primary); border-radius: var(--tblr-border-radius);
    background: var(--lfx-color-primary); color: var(--lfx-color-primary-contrast); font-weight: 600;
    text-decoration: none; text-align: center; max-width: 100%; overflow-wrap: anywhere;
}
:is(.lfx-content__body, .lotoflex-seo-content__body) .lfx-editorial-cta:hover {
    background: color-mix(in srgb, var(--lfx-color-primary) 90%, var(--lfx-color-text) 10%);
    color: var(--lfx-color-primary-contrast); text-decoration: none;
}
:is(.lfx-content__body, .lotoflex-seo-content__body) :is(a, summary, .lfx-editorial-table):focus-visible {
    outline: 3px solid var(--lfx-color-focus); outline-offset: 3px;
}
:where(.lfx-content__body, .lotoflex-seo-content__body) .lfx-editorial-card {
    padding: 1.25rem; margin-block: 1.5rem; border: 1px solid var(--lfx-color-border);
    border-radius: var(--tblr-border-radius); background: var(--lfx-color-surface-2); color: var(--lfx-color-text);
    overflow-wrap: anywhere;
}
:where(.lfx-content__body, .lotoflex-seo-content__body) .lfx-editorial-card > :last-child { margin-bottom: 0; }
:where(.lfx-content__body, .lotoflex-seo-content__body) table {
    display: block; width: 100%; max-width: 100%; overflow-x: auto; border-collapse: collapse; margin-block: 1.5rem;
}
:where(.lfx-content__body, .lotoflex-seo-content__body) :is(th, td) {
    padding: .75rem; border: 1px solid var(--lfx-color-border); text-align: start; vertical-align: top;
}
:where(.lfx-content__body, .lotoflex-seo-content__body) th { background: var(--lfx-color-surface-2); font-weight: 600; }
:where(.lfx-content__body, .lotoflex-seo-content__body) caption { padding-block: .5rem; color: var(--lfx-color-text-muted); text-align: start; }
:where(.lfx-content__body, .lotoflex-seo-content__body) .lfx-editorial-table { max-width: 100%; overflow-x: auto; margin-block: 1.5rem; }
:is(.lfx-content__body, .lotoflex-seo-content__body) .lfx-editorial-table table { display: table; max-width: none; min-width: 100%; overflow: visible; margin: 0; }
:where(.lfx-content__body, .lotoflex-seo-content__body) figure { max-width: 100%; margin: 1.5rem 0; }
:where(.lfx-content__body, .lotoflex-seo-content__body) figcaption { margin-top: .5rem; color: var(--lfx-color-text-muted); font-size: .875em; line-height: 1.5; }
:where(.lfx-content__body, .lotoflex-seo-content__body) details { margin-block: 1.5rem; border: 1px solid var(--lfx-color-border); border-radius: var(--tblr-border-radius); }
:where(.lfx-content__body, .lotoflex-seo-content__body) summary { padding: 1rem; cursor: pointer; font-weight: 600; background: var(--lfx-color-surface-2); color: var(--lfx-color-text); overflow-wrap: anywhere; }
:where(.lfx-content__body, .lotoflex-seo-content__body) details[open] > summary { border-bottom: 1px solid var(--lfx-color-border); }
:where(.lfx-content__body, .lotoflex-seo-content__body) details > :not(summary) { margin: 1rem; }