/* Generated from frontend/styles/encyclopedia_template.css; edit the source and rebuild. */
.ency-template-header__eyebrow {
            font-size: 0.8rem;
            color: var(--color-text-muted);
            margin-bottom: 4px;
        }
.ency-template-header__eyebrow span {
            margin-inline-start: 8px;
            padding: 2px 8px;
            border-radius: var(--radius-pill);
            background-color: var(--color-surface-alt);
            font-size: 0.75rem;
            color: var(--color-text-muted);
        }
.ency-template-header__meta {
            font-size: 0.84rem;
            color: var(--color-text-muted);
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
.ency-template-header__meta span {
            display: inline-flex;
            align-items: center;
            gap: 4px;
        }
.ency-template-sidebar {
            flex: 1.2;
        }
.ency-template-toolbar {
            margin-bottom: var(--space-md);
            display: flex;
            flex-direction: column;
            gap: var(--space-sm);
        }
.ency-template-search-row {
            display: flex;
            flex-wrap: wrap;
            gap: var(--space-sm);
            align-items: center;
        }
.ency-template-search-form .ency-template-search-input {
            flex: 1 1 360px;
            max-width: 560px;
        }
.ency-template-search-btn,
        .ency-template-reset-btn {
            min-width: 110px;
        }
.ency-template-search-row__input-wrapper {
            flex: 1 1 auto;
            min-width: 0;
        }
.ency-template-search-input {
            width: 100%;
            border-radius: var(--radius-md);
            border: 1px solid var(--color-border);
            background-color: var(--color-surface-alt);
            padding: 10px 12px;
            min-height: 44px;
            font: inherit;
            color: var(--color-text);
        }
.ency-template-search-input:focus {
            outline: none;
            border-color: var(--color-primary);
            background-color: var(--color-surface);
        }
.ency-template-search-row__button {
            flex: 0 0 auto;
            min-width: 110px;
        }
.ency-template-search-row__button .btn {
            width: 100%;
        }
.ency-template-toolbar__meta {
            font-size: 0.8rem;
            color: var(--color-text-muted);
        }
.ency-template-stats {
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            margin-bottom: var(--space-md);
        }
.ency-template-stat-chip {
            display: inline-flex;
            align-items: center;
            border: 1px solid var(--color-border);
            background: var(--color-surface-alt);
            color: var(--color-text-muted);
            border-radius: var(--radius-pill);
            padding: 6px 10px;
            font-size: 0.8rem;
            font-weight: 600;
        }
.ency-template-filters {
            display: flex;
            flex-wrap: wrap;
            gap: 6px;
        }
.ency-template-chip {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            padding: 6px 12px;
            min-height: 32px;
            border-radius: var(--radius-pill);
            border: 1px solid var(--color-border);
            background-color: var(--color-surface-alt);
            font-size: 0.8rem;
            color: var(--color-text-muted);
            cursor: pointer;
        }
.ency-template-chip--active {
            border-color: var(--color-primary);
            background-color: var(--color-primary-soft);
            color: var(--color-primary);
            font-weight: 600;
        }
.ency-template-term-card__placeholder-letter {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: 56px;
            height: 56px;
            border-radius: 999px;
            background: rgba(255, 255, 255, 0.86);
            color: var(--color-text);
            font-size: 1.3rem;
            font-weight: 800;
        }
.ency-template-term-card__meta {
            font-size: 0.8rem;
            color: var(--color-text-muted);
            display: flex;
            flex-wrap: wrap;
            gap: 8px;
            align-items: center;
        }
.ency-template-term-card__desc--muted {
            opacity: 0.86;
        }
.ency-template-term-card__badge {
            margin-inline-start: auto;
            padding: 2px 8px;
            border-radius: var(--radius-pill);
            font-size: 0.75rem;
            background-color: var(--color-surface);
            color: var(--color-text-muted);
        }
.ency-template-term-card__letter {
            font-size: 0.72rem;
            font-weight: 600;
            padding: 2px 6px;
            border-radius: var(--radius-pill);
            background-color: var(--color-surface);
            color: var(--color-text-muted);
        }
.ency-template-highlight {
            background-color: rgba(234, 179, 8, 0.2);
            border-radius: 2px;
            padding: 0 2px;
        }
.ency-template-sidebar__title {
            margin: 0 0 var(--space-xs);
            font-size: 1rem;
        }
.ency-template-sidebar__text {
            margin: 0 0 var(--space-md);
            font-size: 0.86rem;
            color: var(--color-text-muted);
            line-height: 1.9;
        }
.ency-template-sidebar__section-title {
            margin: 0 0 var(--space-xs);
            font-size: 0.9rem;
        }
.ency-template-sidebar__list {
            list-style: none;
            margin: 0;
            padding: 0;
            font-size: 0.84rem;
        }
.ency-template-sidebar__item {
            border-bottom: 1px solid var(--color-border-subtle, rgba(148,163,184,0.35));
        }
.ency-template-sidebar__item:last-child {
            border-bottom: none;
        }
.ency-template-sidebar__link {
            display: block;
            padding: 6px 0;
        }
.ency-template-sidebar__link span {
            font-size: 0.78rem;
            color: var(--color-text-muted);
        }
.ency-template-sidebar__stats {
            margin-top: var(--space-md);
            font-size: 0.8rem;
            color: var(--color-text-muted);
        }
.ency-template-sidebar__stats span {
            display: block;
            margin-bottom: 2px;
        }
.ency-template-pagination {
            margin-top: var(--space-lg);
            display: flex;
            justify-content: center;
            align-items: center;
            font-size: 0.9rem;
        }
.ency-template-pagination__list {
            display: inline-flex;
            align-items: center;
            gap: 4px;
            padding: 4px;
            border-radius: var(--radius-pill);
            background-color: var(--color-surface);
            box-shadow: var(--shadow-soft);
        }
.ency-template-pagination__link {
            min-width: 32px;
            height: 32px;
            padding: 0 10px;
            border-radius: var(--radius-pill);
            display: inline-flex;
            align-items: center;
            justify-content: center;
            border: 1px solid transparent;
            background-color: transparent;
            color: var(--color-text-muted);
        }
.ency-template-pagination__link:hover {
            border-color: var(--color-border);
            background-color: var(--color-surface-alt);
            color: var(--color-text);
        }
.ency-template-pagination__link--active {
            border-color: var(--color-primary);
            background-color: var(--color-primary);
            color: #ffffff;
            font-weight: 600;
        }
.ency-template-pagination__link--disabled {
            opacity: 0.4;
            pointer-events: none;
        }
.ency-template-load-more-wrap {
            margin-top: var(--space-lg);
            display: flex;
            justify-content: center;
        }
.ency-template-load-more {
            min-width: 180px;
            min-height: 44px;
            border: 1px solid var(--color-border);
            border-radius: var(--radius-pill);
            padding: 10px 18px;
            background: var(--color-surface);
            color: var(--color-text);
            font-weight: 700;
            cursor: pointer;
            transition: all .2s ease;
        }
.ency-template-load-more:hover {
            border-color: var(--color-primary);
            color: var(--color-primary);
        }
.ency-template-load-more.is-loading {
            opacity: .8;
            cursor: wait;
        }
.ency-template-empty {
            margin-top: var(--space-lg);
            padding: var(--space-xl) var(--space-md);
            text-align: center;
            background-color: var(--color-surface);
            border-radius: var(--radius-lg);
            box-shadow: var(--shadow-soft);
            font-size: 0.9rem;
            color: var(--color-text-muted);
        }
.ency-template-empty__title {
            margin: 0 0 var(--space-sm);
            font-size: 1.05rem;
            color: var(--color-text);
        }
@media (max-width: 767px){
.ency-template-sidebar {
                order: -1; 
            }
.ency-template-pagination {
                padding-inline: var(--space-md);
            }
.ency-template-pagination__list {
                width: 100%;
                justify-content: center;
            }
}
@media (min-width: 1024px){
.ency-template-sidebar {
                flex: 0 0 var(--site-sidebar-width, 300px);
                max-width: var(--site-sidebar-width, 300px);
                position: sticky;
                top: calc(var(--header-height-desktop) + var(--space-md));
            }
}