.app-header{z-index:100;color:#fff;background:linear-gradient(135deg,#3c3e50 0%,#34495e 100%);padding:1rem 0;position:relative;box-shadow:0 2px 10px #0000001a}.header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem;display:flex}.logo{align-items:center;display:flex}.logo-image{object-fit:contain;filter:brightness();width:auto;height:70px}.nav-links{align-items:center;gap:2rem;display:flex}.nav-link{color:#fff;border-radius:6px;padding:.5rem 1rem;font-weight:500;text-decoration:none;transition:all .3s}.nav-link:hover{background-color:#ffffff1a;transform:translateY(-2px)}.nav-link[aria-current=page]{color:#fff;background:#7ee0cc33;box-shadow:inset 0 -2px #7ee0cc}.menu-toggle{color:#fff;min-height:44px;font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff59;border-radius:8px;align-items:center;gap:.6rem;padding:.55rem .8rem;font-weight:700;display:none}.menu-toggle:focus-visible{outline-offset:3px;outline:3px solid #7ee0cc}.nav-link:focus-visible{outline-offset:3px;outline:3px solid #7ee0cc}.logo:focus-visible{outline-offset:3px;outline:3px solid #7ee0cc}.menu-icon{gap:3px;display:grid}.menu-icon i{background:currentColor;width:18px;height:2px;display:block}.nav-link-beta span{color:#bdebdc;letter-spacing:.06em;text-transform:uppercase;vertical-align:2px;background:#15957047;border:1px solid #bdebdc59;border-radius:999px;margin-left:4px;padding:2px 5px;font-size:.58rem;font-weight:800}@media (max-width:820px){.header-content{flex-wrap:wrap;gap:.75rem;padding:0 1rem}.menu-toggle{display:inline-flex}.nav-links{border-top:1px solid #ffffff2e;align-items:stretch;gap:.25rem;width:100%;padding:.5rem 0 0;display:none}.nav-links.is-open{display:grid}.nav-link{align-items:center;min-height:44px;padding:.4rem .75rem;display:flex}.nav-link:hover{transform:none}.logo-image{height:55px}}@media (max-width:480px){.logo-image{height:45px}}
body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}
:root{--color-ink:#10283e;--color-ink-soft:#173b5f;--color-text:#27394a;--color-muted:#586b7d;--color-line:#dce4ea;--color-paper:#fff;--color-canvas:#f5f7fa;--color-accent:#087b77;--color-accent-dark:#075f65;--color-accent-light:#7ee0cc;--radius-sm:10px;--radius-md:14px;--radius-lg:18px;--shadow-panel:0 12px 30px #0b1f3a14;--content-wide:1180px}
.App{background:var(--color-canvas);flex-direction:column;min-height:100vh;display:flex}.news-sections{max-width:1400px;margin:2rem auto;padding:0 1.5rem}.refresh-panel{min-width:180px;color:var(--color-muted);flex-direction:column;align-items:flex-end;gap:.75rem;font-size:.82rem;display:flex}.refresh-panel button,.error button{color:var(--color-ink);cursor:pointer;background:#f4b942;border:0;border-radius:999px;padding:.7rem 1.1rem;font-weight:800}.refresh-panel button:disabled{opacity:.55;cursor:wait}.news-controls{grid-template-columns:minmax(0,1fr) 240px;gap:1rem;margin-bottom:2rem;display:grid}.news-control{color:#43566a;gap:.45rem;font-size:.82rem;font-weight:750;display:grid}.news-controls input,.news-controls select{box-sizing:border-box;background:var(--color-paper);color:#173047;width:100%;min-height:48px;font:inherit;border:1px solid #ccd7e0;border-radius:12px;padding:0 1rem}.news-controls input:focus,.news-controls select:focus{outline-offset:2px;outline:3px solid #13737a59}button:focus-visible{outline-offset:2px;outline:3px solid #13737a59}a:focus-visible{outline-offset:2px;outline:3px solid #13737a59}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.news-results-status{color:var(--color-muted);margin:-1rem 0 1.5rem;font-size:.9rem}.latest-grid{grid-template-columns:repeat(3,1fr);align-items:flex-start;gap:2rem;display:grid}.loading,.error,.no-news{color:#666;background:var(--color-paper);text-align:center;border-radius:12px;padding:2rem;font-size:1.2rem;box-shadow:0 2px 4px #0000001a}.error{color:#dc2626;background:#fee2e2}@media (max-width:1024px){.latest-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:700px){.news-sections{margin:1rem auto;padding:0 1rem}.latest-grid{grid-template-columns:1fr;gap:1rem}.refresh-panel{align-items:flex-start}.news-controls{grid-template-columns:1fr}}