:root{--bg:#282828;--bg1:#3c3836;--bg2:#504945;--fg:#ebdbb2;--fg2:#d5c4a1;--fg4:#a89984;--orange:#fe8019;--orange-dim:#d65d0e;--yellow:#fabd2f;--border-color:#504945;--text-color:var(--fg);--secondary-text-color:var(--fg4);--link-color:var(--orange);--link-hover-color:var(--orange-dim);--code-bg-color:var(--bg1)}.archive h2{margin:0 0 1.5rem;color:var(--fg)}.post-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.25rem;margin:1.25rem 0 2.5rem}.post-card{display:flex;min-height:18rem;position:relative;overflow:hidden;border:1px solid var(--border-color);border-radius:1rem;background:var(--bg1);box-shadow:0 .6rem 1.5rem rgba(0,0,0,.18);transition:transform .18s ease,border-color .18s ease}.post-card:hover{transform:translateY(-3px);border-color:var(--orange)}.post-card__media{position:absolute;inset:0;aspect-ratio:4/3}.post-card__media img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.post-card__media--placeholder{background:radial-gradient(circle at 20% 20%,rgba(250,189,47,.45),transparent 28%),radial-gradient(circle at 80% 10%,rgba(254,128,25,.38),transparent 30%),linear-gradient(135deg,var(--bg1),var(--bg2))}.post-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(40,40,40,0) 25%,rgba(40,40,40,.35) 52%,var(--bg) 100%)}.post-card__body{position:relative;z-index:1;margin-top:auto;width:100%;padding:5rem 1rem 1rem;background:linear-gradient(to bottom,transparent,rgba(40,40,40,.9) 58%,var(--bg) 100%)}.post-card h3{margin:0 0 .35rem;color:var(--fg);font-size:1rem;line-height:1.3}.post-card time{color:var(--fg4);font-size:.85rem}.post-group h3{color:var(--yellow)}@media(max-width:980px){.post-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.post-grid{grid-template-columns:1fr}.post-card{min-height:16rem}}