/* SEO text block — collapsible "Read more" behaviour.
   Reuses the theme's generic [data-accordion] JS (site.js → initAccordion),
   which toggles data-open + inline max-height on the panel. Collapsed state
   shows a clamped teaser with a fade; expanded state reveals the full text. */

.seo-collapse {
    position: relative;
    overflow: hidden;
    max-height: 15rem;
    transition: max-height .35s ease;
}

/* Fade the clipped bottom edge while collapsed. */
.seo-collapse::after {
    content: "";
    position: absolute;
    inset-inline: 0;
    bottom: 0;
    height: 5rem;
    background: linear-gradient(to bottom, transparent, var(--bg));
    pointer-events: none;
    transition: opacity .3s ease;
}

.seo-collapse[data-open="true"]::after {
    opacity: 0;
}

/* Toggle button: swap label + rotate chevron based on state. */
.seo-toggle .seo-toggle-less {
    display: none;
}

.seo-toggle[aria-expanded="true"] .seo-toggle-more {
    display: none;
}

.seo-toggle[aria-expanded="true"] .seo-toggle-less {
    display: inline;
}

.seo-toggle-chevron {
    transition: transform .3s ease;
}

.seo-toggle[aria-expanded="true"] .seo-toggle-chevron {
    transform: rotate(180deg);
}