/* News shares the Academy palette, spacing and type tokens. */
.news-entry{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;position:relative;max-width:100%}
.news-entry svg{width:20px;height:20px;flex:0 0 20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.news-unread-dot{display:inline-block;width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 3px color-mix(in srgb,var(--gold) 14%,transparent)}
.news-entry [hidden]{display:none}
.welcome-content>.news-entry{margin:8px auto 18px}
#modal-root .dialog.news-dialog{width:min(100%,760px)}
#modal-root .news-center{min-width:0;max-width:100%;overflow-wrap:anywhere}
#modal-root .news-center :is(p,.button,summary){font-size:var(--t-callout);line-height:var(--lh-callout)}
#modal-root .news-center .button{min-height:44px;max-width:100%;white-space:normal;overflow-wrap:anywhere}
#modal-root .news-center :focus-visible{outline:2px solid var(--gold);outline-offset:3px}
#modal-root .news-intro{color:var(--muted);margin-top:0}
#modal-root .news-toolbar{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}
#modal-root .news-status{min-height:1.4em;margin-block:12px}
#modal-root .news-status:empty{min-height:0;margin-block:0}
#modal-root .news-center .is-error{color:#ffb4ab}
#modal-root .news-feed{display:grid;gap:12px}
#modal-root .news-item{min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}
#modal-root .news-item summary{padding:16px;min-height:44px;cursor:pointer;list-style:none;display:grid;gap:9px;color:var(--text)}
#modal-root .news-item summary::-webkit-details-marker{display:none}
#modal-root .news-item summary:hover{background:var(--panel)}
#modal-root .news-item summary strong{font-size:var(--t-headline);line-height:var(--lh-headline);font-weight:600}
#modal-root .news-item-meta{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px}
#modal-root .news-item-meta time,#modal-root .news-read-label{font-size:var(--t-footnote);line-height:var(--lh-footnote);color:var(--muted)}
#modal-root .news-new{border:1px solid var(--line);border-radius:6px;padding:2px 7px;color:var(--gold);font-size:var(--t-caption);line-height:var(--lh-caption)}
#modal-root .news-read-label{color:var(--gold)}
#modal-root .news-item details[open] .news-read-label{display:none}
#modal-root .news-body{white-space:pre-wrap;overflow-wrap:anywhere;padding:16px;border-top:1px solid var(--line);font-size:var(--t-callout);line-height:var(--lh-callout)}
#modal-root .news-body a{color:var(--gold);text-decoration:underline;text-underline-offset:3px}
#modal-root .news-empty{padding:18px;border:1px dashed var(--line);border-radius:10px;color:var(--muted)}
#modal-root .news-pagination:not(:empty){display:flex;justify-content:center;margin-block:16px}
#modal-root .news-subscription{margin-top:24px;padding-top:20px;border-top:1px solid var(--line)}
#modal-root .news-subscription h3{font-size:var(--t-headline);line-height:var(--lh-headline);margin:0 0 14px}
#modal-root .news-preference-row{display:flex;gap:16px;align-items:center;justify-content:space-between}
#modal-root .news-preference-row>div{min-width:0}
#modal-root .news-preference-row p{margin:6px 0 0;color:var(--muted)}
#modal-root .news-subscription-toggle{flex-shrink:0;min-width:100px}
#modal-root .news-subscription-toggle[aria-checked=true]{border-color:var(--gold);color:var(--gold)}
#modal-root .news-note,#modal-root .news-subscription-status{font-size:var(--t-footnote);line-height:var(--lh-footnote);color:var(--muted)}
#modal-root .news-subscription-status:empty{display:none}
#modal-root .news-center [hidden]{display:none}
@media(max-width:520px){#modal-root .news-toolbar .button{flex:1 1 100%;overflow-wrap:normal;word-break:normal}#modal-root .news-item summary,#modal-root .news-body{padding:13px}#modal-root .news-preference-row{align-items:flex-start;flex-wrap:wrap}#modal-root .news-subscription-toggle{width:100%}}