:root{--color-background: #ffffff;--color-primary: #f68721;--color-secondary: #f4b31a;--color-accent: #333333;--color-muted: #666666;--max-content-width: 900px;--font-family-base: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif}html,body,#root{margin:0;padding:0;height:100%;font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-accent)}a{color:var(--color-primary);text-decoration:none;transition:color .2s ease}a:hover{color:var(--color-secondary)}header,footer{width:100%;background-color:var(--color-background);border-bottom:1px solid rgba(0,0,0,.05)}header nav{display:flex;justify-content:space-between;align-items:center;max-width:var(--max-content-width);margin:0 auto;padding:1rem}header img.logo{height:40px;width:auto}nav ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem}nav li{margin:0}nav a.active{font-weight:600;color:var(--color-secondary)}main{max-width:var(--max-content-width);margin:0 auto;padding:1rem;min-height:calc(100vh - 160px)}.article-card{border:1px solid rgba(0,0,0,.05);border-radius:8px;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease}.article-card:hover{box-shadow:0 4px 10px #00000014}.article-card img{width:100%;height:180px;object-fit:cover}.article-card-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.article-card h3{margin:0 0 .5rem;font-size:1.25rem;color:var(--color-accent)}.article-card p{margin:0 0 1rem;flex-grow:1;color:var(--color-muted)}.article-card a.read-more{align-self:flex-start;font-weight:600}.article-meta{color:var(--color-muted);font-size:.9rem;margin-bottom:.5rem}article h1{font-size:2rem;margin-top:0;margin-bottom:1rem}article img.article-img{max-width:100%;height:auto;margin:1rem 0;border-radius:8px}footer{margin-top:2rem;padding:1rem;text-align:center;font-size:.875rem;color:var(--color-muted);border-top:1px solid rgba(0,0,0,.05)}