.news-surface{--news-ink:var(--text-main);--news-coral:color-mix(in srgb,#ed744e 82%,var(--news-ink));color:var(--news-ink)}.news-surface header>div>p:first-child{color:var(--news-coral)}.news-surface .news-search-button{background:var(--news-coral);color:#151319}.news-surface .news-field{position:relative;overflow:hidden;padding:clamp(1rem,2vw,1.6rem);border-radius:1rem;border-top:2px solid var(--news-coral);background:color-mix(in srgb,var(--surface) 96%,var(--news-coral))}.news-surface .news-field-mark{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem;color:var(--news-coral);font-size:.8rem;font-weight:700;letter-spacing:.14em}.news-surface .news-field:nth-child(3n+2){--news-coral:color-mix(in srgb,#51aaab 74%,var(--news-ink))}.news-surface .news-field:nth-child(3n){--news-coral:color-mix(in srgb,#c291bb 74%,var(--news-ink))}.news-surface :is(a,button,input,summary):focus-visible{outline:2px solid var(--news-coral);outline-offset:3px}.news-surface .news-topics-panel{position:fixed;inset:auto;top:max(10vh,4rem);left:50%;transform:translateX(-50%);width:min(38rem,calc(100vw - 2rem));max-height:76dvh;overflow:auto;margin:0;padding:1.25rem;color:var(--text-main);background:var(--surface);border:1px solid var(--border-soft);border-radius:1rem;box-shadow:0 1rem 4rem #0005}.news-surface .news-topics-panel::backdrop{background:#0005}