:root{
--bg:#fff;
--text:#111;
--muted:#555;
--border:#e5e7eb;
--accent:#185519;
--surface-soft:rgba(0,0,0,.05);
--space-0:0;
--space-1:.25rem;
--space-2:.5rem;
--space-3:.75rem;
--space-4:1rem;
--space-5:1.25rem;
--space-6:1.5rem;
--space-7:1.75rem;
--space-8:2rem;
--space-9:2.5rem;
--space-10:3rem
}

[data-theme="dark"]{
--bg:#0f1115;
--text:#e5e7eb;
--muted:#9ca3af;
--border:#1f2937;
--accent:#ffc30b;
--surface-soft:rgba(255,255,255,.06)
}

[data-theme="dark"] .card-category,
[data-theme="dark"] .card-comments{opacity:.9}

html{font-size:16px}

body{
margin:0;
background:var(--bg);
color:var(--text);
font-family:'Oxygen',system-ui,-apple-system,sans-serif;
font-size:1rem;
line-height:1.6
}

.hidden{display:none!important}

h1,h2,h3,h4,h5,h6{
font-family:'Encode Sans Condensed',sans-serif;
font-weight:700;
line-height:1.2;
margin:0 0 .75rem
}

input,textarea,select,button{
font-family:"Oxygen",system-ui,-apple-system,sans-serif;
font-size:.9rem;
color:var(--text)
}

input::placeholder,
textarea::placeholder{color:var(--muted);opacity:.7}

[data-theme="dark"] input::placeholder,
[data-theme="dark"] textarea::placeholder{
color:rgba(255,255,255,.5);
opacity:1
}

*,*::before,*::after{box-sizing:border-box}

img{max-width:100%;height:auto;display:block}

.site-main{padding-top:var(--space-6)}

.container{
max-width:71.25rem;
margin:0 auto;
padding:0 var(--space-4)
}

@media (max-width:640px){
.container{padding:0 var(--space-2)}
}

@media (max-width:400px){
.container{padding:0 var(--space-2)}
}

a{color:var(--text);text-decoration:none;transition:.2s}
a:hover{color:var(--accent)}

.home-layout{
display:grid;
grid-template-columns:1fr 20rem;
gap:var(--space-4)
}

.content{
display:flex;
flex-direction:column;
gap:var(--space-4)
}

.sidebar{width:20rem}

.news-grid--top{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:var(--space-4)
}

.news-grid--list{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:var(--space-4)
}

@media (max-width:1023px){
.home-layout{grid-template-columns:1fr}
.sidebar{width:100%}
.news-grid--top{grid-template-columns:1fr}
.news-grid--list{grid-template-columns:repeat(2,1fr)}
}

@media (max-width:640px){
.news-grid--list{grid-template-columns:1fr}
}

main.container{margin-top:var(--space-6)}

.entry-breadcrumb{
font-size:.9rem;
margin-bottom:var(--space-3)
}

.entry-breadcrumb p{margin:0}

.entry-breadcrumb a{
color:var(--accent);
transition:.2s;
text-decoration:underline;
text-underline-offset:2px
}

.entry-breadcrumb span{color:var(--muted)}

.entry-breadcrumb strong{
color:var(--text);
font-weight:500
}

[data-theme="dark"] .entry-breadcrumb a,
[data-theme="dark"] .entry-breadcrumb span{
color:rgba(255,255,255,.5)
}

[data-theme="dark"] .entry-breadcrumb strong{
color:rgba(255,255,255,.9)
}