.container { width:100%; max-width:var(--container-max); margin:0 auto; padding:0 var(--container-padding); }
.container-narrow { max-width:760px; }
.container-wide   { max-width:1400px; }
#page { display:flex; flex-direction:column; min-height:100vh; }
#content { flex:1; }
.site-content-area { display:grid; gap:var(--content-gap); padding:var(--space-3xl) 0; }
.layout-default .site-content-area        { grid-template-columns:1fr; }
.layout-sidebar-right .site-content-area  { grid-template-columns:1fr var(--sidebar-width); }
.layout-sidebar-left .site-content-area   { grid-template-columns:var(--sidebar-width) 1fr; }
.layout-sidebar-left #primary             { order:2; }
.layout-sidebar-left #secondary           { order:1; }
.layout-full-width .site-content-area     { grid-template-columns:1fr; max-width:100%; }
.layout-boxed #page                       { max-width:var(--container-max); margin:0 auto; box-shadow:var(--shadow-lg); }
.posts-grid { display:grid; gap:var(--space-xl); grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); }
.posts-list { display:flex; flex-direction:column; gap:var(--space-xl); }
.card { background:var(--color-bg); border:1px solid var(--color-border); border-radius:var(--radius-lg); overflow:hidden; transition:box-shadow var(--transition-base),transform var(--transition-base); }
.card:hover { box-shadow:var(--shadow-lg); transform:translateY(-2px); }
.card-image img { width:100%; aspect-ratio:16/9; object-fit:cover; }
.section { padding:var(--space-4xl) 0; }
.pagination { display:flex; gap:var(--space-sm); justify-content:center; margin-top:var(--space-3xl); }
.page-numbers { display:inline-flex; align-items:center; justify-content:center; width:40px; height:40px; border:1px solid var(--color-border); border-radius:var(--radius-md); font-size:var(--font-size-sm); color:var(--color-text); transition:all var(--transition-fast); }
.page-numbers:hover,.page-numbers.current { background:var(--color-primary); border-color:var(--color-primary); color:#fff; }
.widget { background:var(--color-bg-alt); border-radius:var(--radius-lg); padding:var(--space-lg); margin-bottom:var(--space-xl); }
.widget-title { font-size:var(--font-size-base); font-weight:var(--font-weight-bold); margin-bottom:var(--space-md); padding-bottom:var(--space-sm); border-bottom:2px solid var(--color-primary); text-transform:uppercase; letter-spacing:.05em; }
.alignleft  { float:left; margin:0 var(--space-xl) var(--space-md) 0; }
.alignright { float:right; margin:0 0 var(--space-md) var(--space-xl); }
.aligncenter { display:block; margin:0 auto var(--space-md); }
.alignfull  { margin-left:calc(50% - 50vw); margin-right:calc(50% - 50vw); width:100vw; max-width:100vw; }
@supports (width:100dvw) { .alignfull { margin-left:calc(50% - 50dvw); margin-right:calc(50% - 50dvw); width:100dvw; max-width:100dvw; } }
.entry-content h2,.entry-content h3 { margin:var(--space-xl) 0 var(--space-md); }
.entry-content blockquote { border-left:4px solid var(--color-primary); padding:var(--space-md) var(--space-lg); margin:var(--space-xl) 0; background:var(--color-bg-alt); font-style:italic; color:var(--color-text-muted); }
.entry-content pre { background:var(--color-bg-dark); color:#e2e8f0; padding:var(--space-lg); border-radius:var(--radius-md); overflow-x:auto; font-size:var(--font-size-sm); }
@media(max-width:1024px) { .layout-sidebar-right .site-content-area,.layout-sidebar-left .site-content-area { grid-template-columns:1fr; } }
@media(max-width:768px)  { .posts-grid { grid-template-columns:1fr; } h1 { font-size:var(--font-size-3xl); } .section { padding:var(--space-3xl) 0; } }