*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;min-width:0;min-height:100%;margin:0;padding:0;overflow-x:hidden}body{min-height:100vh;display:block}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{overflow-x:hidden}.app{--background:#eef1f5;--card-background:#fff;--card-hover:#f7f9fc;--text:#1f2937;--secondary-text:#5f6b7a;--border:#d7dce3;--input-background:#fff;--link:#1565c0;--shadow:0 .2rem .8rem #00000014;background-color:var(--background);width:100%;min-height:100vh;color:var(--text);padding:clamp(1rem,3vw,2rem)}.app.dark{--background:#111318;--card-background:#1c1f26;--card-hover:#242832;--text:#f3f4f6;--secondary-text:#b6beca;--border:#343944;--input-background:#262a33;--link:#6fa8ff;--shadow:0 .2rem .9rem #00000059}.top-section,.article-list{width:min(92%,72rem);margin-inline:auto}.top-section{margin-bottom:2rem}.top-bar{justify-content:center;align-items:center;min-height:10rem;margin-bottom:1.5rem;display:flex;position:relative}.top-bar h1{color:var(--text);text-align:center;margin:0;font-size:clamp(3rem,6vw,5rem);line-height:1}.theme-button{position:absolute;top:50%;right:0;transform:translateY(-50%)}.theme-toggle{cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:2.75rem;height:2.75rem;padding:0;display:flex;position:absolute;right:0}.theme-toggle img{object-fit:contain;width:1.6rem;height:1.6rem}.theme-toggle:hover{transform:scale(1.08)}.filters{flex-wrap:wrap;justify-content:center;align-items:center;gap:.75rem;display:flex}.filters input{flex:20rem;min-width:0}.filters select{flex:0 12rem}.filters input,.filters select{border:.0625rem solid var(--border);background-color:var(--input-background);color:var(--text);border-radius:.5rem;padding:.75rem 1rem;font-size:1rem}.article-list{flex-direction:column;gap:1.25rem;display:flex}.article-card{border:.0625rem solid var(--border);background-color:var(--card-background);width:100%;box-shadow:var(--shadow);text-align:left;cursor:pointer;border-radius:.75rem;margin:0;padding:clamp(1.25rem,2.5vw,2rem);transition:background-color .2s,transform .2s,box-shadow .2s}.article-card:hover{background-color:var(--card-hover);transform:translateY(-.15rem);box-shadow:0 .35rem 1rem #00000026}.article-meta{color:var(--secondary-text);flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;font-size:.9rem;display:flex}.article-card h2{color:var(--text);margin:0 0 .75rem;font-size:clamp(1.25rem,2.5vw,1.75rem)}.article-card p{color:var(--secondary-text);margin:0 0 1rem;font-size:1rem;line-height:1.6}.article-card a{color:var(--link);font-weight:600;display:inline-block}