:root{
	--bg:#fff;
	--text:#111;
	--muted:#555;
	--border:#e5e7eb;
	--accent:#f44b00;
	--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)
}
