/* Category SEO Text – наследява шрифта и цвета на темата. Променливи за настройка:
   --cst-accent, --cst-on-accent, --cst-link-line, --cst-max
   Свиването/разгъването е само CSS (скрит checkbox + label); JS е по желание (скрива ненужния бутон при къс текст) и е вграден във футъра.
   --cst-max е по желание: по подразбиране няма ограничение на ширината (блокът е колкото контейнера на темата). */
.cst-seo{--cst-h:180px;margin:48px 0 0;padding:40px 0 56px;border-top:1px solid rgba(128,128,128,.28);scroll-margin-top:100px;box-sizing:border-box}
.cst-seo *,.cst-seo *::before,.cst-seo *::after{box-sizing:border-box}
.cst-seo__body{position:relative;max-width:var(--cst-max,none)}

/* скрит, но фокусируем checkbox (състоянието на блока) */
.cst-seo__check{position:absolute;left:0;bottom:0;width:1px;height:1px;margin:0;padding:0;border:0;opacity:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.cst-seo__check[hidden]{display:none}

.cst-seo__content{position:relative;overflow:hidden;font-size:1em;line-height:1.7;color:inherit}

/* свито състояние: височина + избледняване (маска – работи върху всеки фон) */
.cst-seo.is-collapsible .cst-seo__check:not(:checked) ~ .cst-seo__content{max-height:var(--cst-h);-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 72px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 72px),transparent)}
/* фокус (Tab) към линк в скритата част отваря блока */
.cst-seo.is-collapsible .cst-seo__check:not(:checked) ~ .cst-seo__content:focus-within{max-height:none;-webkit-mask-image:none;mask-image:none}

.cst-seo__content>:first-child{margin-top:0}
.cst-seo__content>:last-child{margin-bottom:0}
.cst-seo__content h2,.cst-seo__content h3{line-height:1.25;text-transform:none}
.cst-seo__content h2{font-size:1.7em;margin:1.5em 0 .5em}
.cst-seo__content h3{font-size:1.3em;margin:1.4em 0 .4em}
.cst-seo__content p{margin:0 0 1em}
.cst-seo__content ul,.cst-seo__content ol{margin:0 0 1em;padding-left:1.3em}
.cst-seo__content ul{list-style:disc}
.cst-seo__content ol{list-style:decimal}
.cst-seo__content li{margin:0 0 .35em}
.cst-seo__content strong,.cst-seo__content b{font-weight:600}
.cst-seo__content{overflow-wrap:break-word;word-wrap:break-word}
.cst-seo__content img,.cst-seo__content video,.cst-seo__content iframe{max-width:100%;height:auto}
.cst-seo__content table{display:block;max-width:100%;overflow-x:auto;border-collapse:collapse;margin:0 0 1em}
.cst-seo__content th,.cst-seo__content td{padding:.4em .7em;border:1px solid rgba(128,128,128,.35);text-align:left}
.cst-seo__content blockquote{margin:0 0 1em;padding-left:1em;border-left:3px solid rgba(128,128,128,.4)}
.cst-seo__content pre{max-width:100%;overflow-x:auto}
.cst-seo__content hr{margin:1.5em 0;border:0;border-top:1px solid rgba(128,128,128,.35)}
.cst-seo__content a{color:inherit;text-decoration:underline;text-decoration-color:var(--cst-link-line,currentColor);text-underline-offset:3px}
.cst-seo__content a:hover{color:var(--cst-link-line,inherit)}

/* бутон (label към checkbox-а) */
.cst-seo__toggle{display:inline-flex;align-items:center;gap:10px;margin:24px 0 0;padding:14px 26px;border:1px solid currentColor;border-radius:0;background:transparent;color:inherit;font:inherit;font-size:11px;line-height:1;letter-spacing:.18em;text-transform:uppercase;cursor:pointer;user-select:none;-webkit-tap-highlight-color:transparent;transition:background-color .2s,color .2s,border-color .2s}
.cst-seo__toggle[hidden]{display:none}
.cst-seo__toggle:hover{background:var(--cst-accent,#222);border-color:var(--cst-accent,#222);color:var(--cst-on-accent,#fff)}
.cst-seo__check:focus-visible ~ .cst-seo__toggle{outline:2px solid var(--cst-link-line,currentColor);outline-offset:3px}
.cst-seo__toggle svg{width:12px;height:12px;flex:none;transition:transform .25s}
.cst-seo__less{display:none}
.cst-seo__check:checked ~ .cst-seo__toggle .cst-seo__more{display:none}
.cst-seo__check:checked ~ .cst-seo__toggle .cst-seo__less{display:inline}
.cst-seo__check:checked ~ .cst-seo__toggle svg{transform:rotate(180deg)}

@media (max-width:600px){
.cst-seo{margin-top:40px;padding:32px 0 44px}
.cst-seo__content{font-size:.95em}
.cst-seo__content h2{font-size:1.5em}
.cst-seo__content h3{font-size:1.2em}
.cst-seo__toggle{display:flex;justify-content:center;width:100%}
.cst-seo__toggle[hidden]{display:none}
}
@media (prefers-reduced-motion:reduce){.cst-seo__toggle svg{transition:none}}