/* ==========================================================================
   Discovery sidebar
   ========================================================================== */

.sidebar { display: flex; flex-direction: column; gap: var(--space-4); }
@media (min-width: 992px) {
    .sidebar { position: sticky; top: calc(var(--header-height) + var(--space-4)); max-height: calc(100vh - var(--header-height) - var(--space-6)); overflow-y: auto; scrollbar-width: thin; padding-bottom: var(--space-2); }
    .admin-bar .sidebar { top: calc(var(--header-height) + 32px + var(--space-4)); }
}

.sidebar-block { padding: 22px; border: 1px solid var(--color-border); border-radius: var(--radius-xl); background: var(--color-surface); }
.sidebar-block__title,
.sidebar-block__heading { margin: 0 0 var(--space-3); font-size: 1.25rem; text-transform: lowercase; }
.sidebar-block__toggle {
    display: flex;
    align-items: center;
    gap: 10px;
    width: 100%;
    padding: 0;
    border: 0;
    background: none;
    color: var(--color-text);
    font: inherit;
    text-align: left;
    text-transform: inherit;
    cursor: default;
}
.sidebar-block__toggle > .icon {
    box-sizing: content-box;
    padding: 7px;
    border-radius: 10px;
    background: var(--color-primary-tint);
    color: var(--color-primary);
}
.sidebar-block__toggle > span:not(.sidebar-block__chevron) { flex: 1; }
.sidebar-block__chevron { display: none; }
.sidebar-block__more {
    display: inline-flex;
    align-items: center;
    gap: 4px;
    margin-top: var(--space-3);
    font-weight: 700;
    font-size: var(--fs-15);
    text-decoration: none;
    text-transform: lowercase;
}

/* Collapsible on small screens (script.js toggles .is-collapsed) */
@media (max-width: 991.98px) {
    .sidebar-block__toggle { cursor: pointer; min-height: 32px; }
    .sidebar-block__chevron { display: inline-flex; transition: transform var(--transition-fast); }
    .sidebar-block.is-collapsed .sidebar-block__title { margin-bottom: 0; }
    .sidebar-block.is-collapsed .sidebar-block__body { display: none; }
    .sidebar-block.is-collapsed .sidebar-block__chevron { transform: rotate(-90deg); }
}

/* Facts */
.facts { margin: 0; }
.facts > div { display: flex; justify-content: space-between; gap: var(--space-3); padding: 9px 0; border-bottom: 1px solid var(--color-border); font-size: var(--fs-15); }
.facts > div:last-child { border-bottom: 0; }
.facts dt { color: var(--color-muted); text-transform: lowercase; }
.facts dd { margin: 0; font-weight: 700; text-align: right; overflow-wrap: anywhere; }
.facts__ok { color: var(--color-success); }

.jump-links { margin-top: var(--space-4); padding-top: var(--space-4); border-top: 1px dashed var(--color-border-strong); }
.jump-links__title { margin: 0 0 var(--space-2); font-family: var(--font-body); font-size: var(--fs-sm); font-weight: 700; letter-spacing: 0; text-transform: lowercase; color: var(--color-muted); }
.jump-links ul { margin: 0; padding: 0; list-style: none; }
.jump-links a { display: block; padding: 6px 0; font-weight: 700; font-size: var(--fs-15); text-decoration: none; }
.jump-links a:hover { text-decoration: underline; }

/* CTA: indigo card like the newsletter band */
.sidebar-block--cta { border: 0; background: var(--band-bg); color: var(--band-text); }
.sidebar-block--cta .eyebrow { margin-bottom: var(--space-3); }
.sidebar-block__cta-title { margin: 0 0 var(--space-4); color: var(--band-text); font-size: 1.5rem; line-height: 1.1; text-transform: lowercase; }
