:root{--bg: #dae0e6;--card: #ffffff;--text: #1c1c1c;--muted: #787c7e;--accent: #ff4500;--border: #edeff1;--radius: 6px;--max-width: 960px}body{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol;background:var(--bg);color:var(--text);line-height:1.5}a{text-decoration:none;color:inherit}ul{list-style:none}img{display:block;max-width:100%}header{background:#cf683c;padding:.75rem 1.5rem;position:sticky;top:0;z-index:100}.title{color:#fff;font-size:2rem;font-weight:800;max-width:var(--max-width);margin:0 auto}nav{display:flex;flex-wrap:wrap;gap:.25rem;justify-content:center;padding:.6rem 1rem;background:var(--card);border-bottom:1px solid var(--border)}nav a{padding:.4rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600;color:var(--muted);text-transform:capitalize}nav a:hover{background:var(--bg);color:var(--text)}.article-list{max-width:var(--max-width);margin:1.5rem auto;padding:0 1rem}.article-list h2{font-size:1.25rem;font-weight:700;margin-bottom:.75rem;text-transform:capitalize}.sorting{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;background:var(--card);padding:.6rem 1rem;border-radius:var(--radius);font-size:.85rem;color:var(--muted)}.sorting select{padding:.35rem .6rem;border:1px solid #ccc;border-radius:4px;font-size:.85rem}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem}.article-grid>li{background:var(--card);border-radius:var(--radius);overflow:hidden;box-shadow:0 1px 3px #00000014;transition:box-shadow .2s,transform .15s}.article-grid>li:hover{box-shadow:0 2px 8px #0000001f;transform:translateY(-2px)}.article-card img{width:100%;height:180px;object-fit:cover}.article-card{padding:.85rem 1rem}.article-card h3{font-size:.95rem;font-weight:600;margin-bottom:.3rem}.article-card p{font-size:.78rem;color:var(--muted)}.article-card span{font-size:.72rem;font-weight:700;text-transform:uppercase;color:var(--accent)}.single-article{max-width:720px;margin:1.5rem auto;padding:0 1rem}.single-article>span{font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--accent)}.single-article-title{font-size:1.6rem;font-weight:800;margin-bottom:.5rem}.single-article-meta{font-size:.85rem;color:var(--muted);margin-bottom:1rem}.single-article-img{width:100%;max-height:420px;object-fit:cover;border-radius:var(--radius);margin-bottom:1.25rem}.single-article-body{font-size:1rem;line-height:1.75;margin-bottom:1.25rem}.single-article-stats{display:flex;align-items:center;gap:1.25rem;padding:.75rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:1.5rem;font-size:.85rem;color:var(--muted)}.vote-controls{display:flex;align-items:center;gap:.4rem}.vote-controls button{background:none;border:1px solid var(--border);border-radius:4px;cursor:pointer;padding:.25rem .5rem;font-size:1rem;color:var(--muted)}.vote-controls button:hover{color:var(--accent);border-color:var(--accent)}.comment-card{background:var(--card);padding:1rem;border-radius:var(--radius);margin-bottom:.6rem}.comment-card .comment-author{font-size:.78rem;font-weight:700;color:#4a69bd;margin-bottom:.25rem}.add-comment textarea{width:100%;min-height:80px;padding:.75rem;border:1px solid #ccc;border-radius:var(--radius);font-size:.9rem;resize:vertical;margin-bottom:.5rem}.add-comment button{background:var(--accent);color:#fff;border:none;padding:.5rem 1.25rem;border-radius:20px;font-weight:700;cursor:pointer}