.feature-center-help { margin: .7rem 0 1rem; color: var(--text); font-size: .86rem; line-height: 1.75; }
.site-session-locked .feature-access-scope .feature-card-link,
.site-session-locked .feature-access-scope .feature-card.is-public .feature-card-link { opacity: .45; filter: saturate(.4); pointer-events: none; }
.home-actions { flex-wrap: wrap; }
.home-actions button:disabled { opacity: .45; filter: saturate(.4); cursor: not-allowed; transform: none; }
.changelog-dialog { position: fixed; inset: 0; margin: auto; width: min(640px, calc(100% - 3rem)); max-width: none; height: min(420px, calc(100dvh - 4rem)); max-height: none; box-sizing: border-box; padding: 0; color: var(--text); background: var(--panel, var(--bg)); border: 1px solid var(--border); border-radius: 12px; box-shadow: 0 20px 64px rgba(0,0,0,.22); overflow: hidden; }
.changelog-dialog[open] { display: flex; flex-direction: column; }
html.changelog-open { overflow: hidden; }
.changelog-dialog::backdrop { background: rgba(0,0,0,.55); }
.changelog-heading { display: flex; align-items: center; justify-content: space-between; flex: 0 0 auto; gap: 1rem; padding: 1.1rem 1.4rem; border-bottom: 1px solid var(--border); }
.changelog-heading h2 { margin: 0; padding-left: .7rem; border-left: 3px solid var(--purple); font-family: var(--font-serif); font-size: 1.25rem; line-height: 1.6; }
.changelog-heading button { background: transparent; color: inherit; border: 1px solid var(--border); border-radius: 6px; padding: .5rem .85rem; min-height: 44px; font: inherit; font-size: .9rem; cursor: pointer; }
.changelog-heading button:hover { background: var(--panel-soft); }
.changelog-body { flex: 1; min-height: 0; overflow-y: auto; padding: 1.5rem; overscroll-behavior: contain; }
.changelog-empty { margin: 3rem 0; text-align: center; color: var(--muted, var(--text)); font-size: .95rem; }
@media (max-width: 600px) {
  .changelog-dialog { inset: 0; margin: 0; width: 100vw; height: 100dvh; border: 0; border-radius: 0; }
  .changelog-heading { padding: calc(1rem + env(safe-area-inset-top, 0px)) max(1rem, env(safe-area-inset-right, 0px)) 1rem max(1rem, env(safe-area-inset-left, 0px)); }
  .changelog-body { padding-bottom: calc(1.5rem + env(safe-area-inset-bottom, 0px)); }
  .feature-center-help { font-size: .82rem; }
}