.news-open { background: none; border: 0; padding: 0; color: var(--accent, #e3b341); font: inherit; text-align: left; cursor: pointer; }
.news-open:hover { text-decoration: underline; }
.news-open:focus-visible { outline: 2px solid #dfb84c; outline-offset: 4px; }
.news-card.news-enhanced { cursor: pointer; }
.news-enhanced .news-body { display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
.news-edit { margin-top: 16px; }
.news-dialog { color: #edf2fa; background: #21172e; border: 1px solid #75613b; border-radius: 16px; width: min(760px, calc(100vw - 32px)); max-height: calc(100dvh - 48px); padding: 0; }
.news-dialog::backdrop { background: rgba(0, 0, 0, .75); }
.news-dialog[open] { display: flex; flex-direction: column; }
.news-dialog-toolbar { flex: none; display: flex; justify-content: flex-end; gap: 12px; align-items: center; padding: 16px 20px; border-bottom: 1px solid #75613b; }
.news-dialog-toolbar .news-edit { margin: 0; }
.news-dialog-content { overflow-y: auto; min-height: 0; padding: 24px; overflow-wrap: anywhere; }
.news-dialog-content h2 { margin-top: 0; color: var(--accent, #e3b341); }

.news-card h3 .news-open { color: var(--accent, #e3b341); text-decoration: none; }
.news-card.news-enhanced:focus-visible { outline: 2px solid var(--accent, #e3b341); outline-offset: 4px; }

/* Keep home-card editing available only in the opened news reader. */
.news-card > .home-news-edit { display: none; }