:root{--font-sans: "Inter", system-ui, -apple-system, sans-serif;--font-heading: "Outfit", "Inter", sans-serif;--font-serif: "Merriweather", Georgia, serif;--color-brand-red: #DC2626;--color-brand-red-hover: #B91C1C;--color-brand-red-light: #FEE2E2;--color-brand-blue: #1E3A8A;--color-brand-blue-accent: #38BDF8;--color-brand-navy: #0F172A;--bg-primary: #F8FAFC;--bg-secondary: #FFFFFF;--bg-card: #FFFFFF;--bg-header: #0F172A;--bg-topbar: #020617;--text-primary: #0F172A;--text-secondary: #334155;--text-muted: #64748B;--text-light: #F8FAFC;--border-color: #E2E8F0;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-red: 0 4px 14px 0 rgba(220, 38, 38, .35)}.dark-theme{--bg-primary: #090D16;--bg-secondary: #0F172A;--bg-card: #1E293B;--bg-header: #030712;--bg-topbar: #020617;--text-primary: #F8FAFC;--text-secondary: #CBD5E1;--text-muted: #94A3B8;--border-color: #334155;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .3);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .4);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .5)}html,body{margin:0;padding:0;overflow-x:hidden!important;max-width:100vw;font-family:var(--font-sans);background-color:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{overflow-x:hidden!important;max-width:100vw}*{box-sizing:border-box}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media (max-width: 768px){.container{padding-left:.75rem;padding-right:.75rem}}.touch-scroll-row{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none}.touch-scroll-row::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:700;border-radius:var(--radius-md);border:none;transition:all .2s ease;cursor:pointer}.btn-primary{background-color:var(--color-brand-red);color:#fff}.btn-primary:hover{background-color:var(--color-brand-red-hover);transform:translateY(-1px)}.btn-outline{background-color:transparent;border:1px solid var(--border-color);color:var(--text-primary)}.btn-outline:hover{border-color:var(--color-brand-red);color:var(--color-brand-red)}.btn-sm{padding:.4rem .85rem;font-size:.8rem}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .55rem;font-size:.7rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius-sm)}.badge-red{background-color:var(--color-brand-red);color:#fff}.badge-blue{background-color:var(--color-brand-blue);color:#fff}.badge-premium{background-color:#f59e0b;color:#000}.badge-urgent{animation:pulse 2s infinite}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}.echo-hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}@media (max-width: 960px){.echo-hero-grid{grid-template-columns:1fr!important;gap:1.25rem}}.echo-article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}@media (max-width: 960px){.echo-article-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem}}@media (max-width: 640px){.echo-article-grid{grid-template-columns:1fr!important;gap:1rem}}.echo-author-bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding:1rem 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);margin-bottom:1.75rem}@media (max-width: 640px){.echo-author-bar{flex-direction:column;align-items:flex-start;gap:.75rem}}.echo-article-title{font-family:var(--font-heading);font-size:2.3rem;font-weight:800;line-height:1.25;margin-bottom:1rem;color:var(--text-primary)}@media (max-width: 768px){.echo-article-title{font-size:1.6rem!important}}@media (max-width: 480px){.echo-article-title{font-size:1.35rem!important}}@media (max-width: 768px){.hide-on-mobile{display:none!important}}@media (min-width: 961px){.hide-on-desktop{display:none!important}}@media (max-width: 480px){.echo-header img{max-height:60px!important;width:auto!important}.badge{font-size:.65rem!important;padding:.15rem .4rem!important}h1{font-size:1.45rem!important}h2{font-size:1.25rem!important}h3{font-size:1.05rem!important}}