.news-intro-row { display:flex; align-items:center; justify-content:space-between; gap:1rem; margin:.7rem 0 1.5rem; }
.news-intro-row .home-intro { flex:1; min-width:0; margin:0; }
.news-intro-row .filter-dropdown-container { flex:0 0 auto; }
.news-intro-row .icon-btn { display:flex; align-items:center; justify-content:center; width:44px; height:44px; }
.news-intro-row .filter-popover { width:280px; min-width:0; max-width:calc(100vw - 40px); }
.about-dialog { position:fixed; inset:0; width:min(660px,calc(100% - 32px)); max-height:calc(100% - 32px); max-height:calc(100dvh - 32px); margin:auto; padding:clamp(1.2rem,4vw,2rem); border:1px solid var(--border-color); border-radius:20px; color:var(--text-dark); background:var(--white); box-shadow:0 16px 60px #00285540; overflow:auto; overscroll-behavior:contain; }
.about-dialog::backdrop { background:rgba(7,24,43,.48); backdrop-filter:blur(7px); -webkit-backdrop-filter:blur(7px); }
.about-dialog-heading { display:flex; align-items:flex-start; justify-content:space-between; gap:1rem; margin-bottom:1.2rem; }
.about-dialog h2 { margin:0; color:var(--primary-blue); font-size:1.5rem; line-height:1.25; }
.about-dialog h3 { margin:1.5rem 0 .8rem; font-size:1.15rem; color:var(--text-dark); }
.about-dialog p, .about-dialog li { line-height:1.65; font-size:1rem; }
.about-dialog p { margin:0; }
.about-dialog ul { padding-left:1.3rem; margin:0; }
.about-dialog li + li { margin-top:1rem; }
.about-dialog a { color:var(--link-color,var(--primary-blue)); font-weight:700; text-decoration:underline; text-underline-offset:3px; }
.about-dialog-close { display:flex; align-items:center; justify-content:center; flex:0 0 40px; width:40px; height:40px; margin-top:-.4rem; border:0; border-radius:8px; background:transparent; color:var(--primary-blue); font:inherit; font-size:1.8rem; cursor:pointer; }
.about-dialog :focus-visible { outline:2px solid var(--primary-blue); outline-offset:3px; }
html.about-dialog-open, html.about-dialog-open body { overflow:hidden; }
@media(max-width:480px) { .news-intro-row { gap:.5rem; align-items:center; } .about-dialog h2 { font-size:1.3rem; } }