@layer theme,base,components,utilities;
@layer theme,base;@layer components{.app-container-narrow{max-width:48rem;margin-left:auto;margin-right:auto;padding-left:1rem;padding-right:1rem}.app-section{padding-top:4rem;padding-bottom:4rem}.app-section-alt{background-color:var(--surface-section-alt);padding-top:4rem;padding-bottom:4rem}.btn-ghost{color:var(--text-secondary);background-color:#0000}.btn-ghost:hover:not(:disabled){background-color:var(--surface-hover-subtle);color:var(--text-primary)}.sidebar{flex-direction:column;gap:2rem;display:flex}.sidebar-title{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.8125rem;font-weight:600}.sidebar-list{flex-direction:column;gap:.125rem;display:flex}.sidebar-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;justify-content:space-between;align-items:center;margin-left:-.5rem;margin-right:-.5rem;padding:.375rem .5rem;font-size:.875rem;text-decoration:none;display:flex}.sidebar-link:hover{background-color:var(--surface-hover-subtle);color:var(--text-primary)}.sidebar-count{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:.75rem}.tag{background-color:var(--tag-bg);color:var(--tag-color);transition:background-color var(--duration-fast) ease;border-radius:9999px;padding:.125rem .5rem;font-size:.75rem;font-weight:500;text-decoration:none;display:inline-block}a.tag:hover{background-color:var(--tag-bg-hover)}.content{max-width:65ch;margin-left:auto;margin-right:auto;padding:3rem 1rem}.preview-banner{border-radius:var(--radius-md);background-color:var(--preview-bg);border:1px solid var(--preview-border);color:var(--preview-color);margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.875rem}.featured-image{border-radius:var(--radius-lg);object-fit:cover;width:100%;max-height:400px;margin-bottom:2rem}.title{color:var(--text-primary);font-size:1.875rem;font-weight:700;line-height:1.2}.date{color:var(--text-muted);margin-top:.75rem;font-size:.875rem;display:block}.post-card{border-bottom:1px solid var(--border-subtle);padding-bottom:1.5rem}.post-card-title{color:var(--text-primary);transition-property:color;transition-duration:var(--duration-fast);font-size:1.25rem;font-weight:600}.post-card-title:hover{color:var(--brand-hover)}.post-card-excerpt{color:var(--text-secondary);margin-top:.5rem}.post-card-meta{color:var(--text-muted);margin-top:.25rem;font-size:.875rem}.pagination{align-items:center;gap:.5rem;padding-top:1rem;display:flex}.pagination-btn{border-radius:var(--radius-md);background-color:var(--pagination-bg);transition-property:background-color;transition-duration:var(--duration-fast);padding:.25rem .75rem;font-size:.875rem}.pagination-btn:hover{background-color:var(--pagination-bg-hover)}.pagination-info{color:var(--text-muted);padding:.25rem .75rem;font-size:.875rem}.app-wrapper{flex-direction:column;min-height:100dvh;display:flex}.app-header{z-index:50;border-bottom:1px solid var(--app-header-border,var(--border-primary));background-color:var(--app-header-bg,var(--surface-header));-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);position:sticky;top:0}.app-toolbar{height:var(--app-header-h,3.5rem);align-items:center;gap:.75rem;padding-inline:1rem;display:flex}@media (min-width:640px){.app-toolbar{padding-inline:1.5rem}}.app-main{background-color:var(--page-bg,transparent);flex:1}.app-inner{max-width:64rem;margin-inline:auto;padding-block:1.5rem;padding-inline:1rem}}@layer utilities;