.main-layout{--main-layout-width:90ch;max-inline-size:var(--main-layout-width);margin-inline:auto;padding-inline:1rem}.main-layout__header{margin-block:1.5rem 2.75rem}.main-layout__header h1{font-size:3.5rem}.main-layout__description{color:var(--c-text-muted)}.tag{isolation:isolate;color:var(--c-text);border-color:var(--c-border-strong);padding-block:.15em;padding-inline:.75em;text-decoration:none;display:inline-block;position:relative}.tag:before{content:"";z-index:-1;background-color:var(--c-bg-muted);border:1px solid;border-color:inherit;border-radius:var(--radius-sm);transition:transform var(--duration-fast) ease;position:absolute;inset:0}.tag:hover:before{background-color:var(--c-bg-hover);transform:scale(1.08)}.tag:active:before{background-color:var(--c-bg-active);transform:scale(.96)}.post-list{gap:2rem;padding:0;list-style:none;display:grid}.post-item article{gap:.5rem;display:grid}.post-item__title{font-size:1.25rem}.post-item__title a{color:var(--c-accent)}.post-item__title a:hover{text-decoration:underline}.post-item__description,.post-item__metadata{color:var(--c-text-muted)}.post-item__metadata,.post-item__tags{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.post-item__metadata{font-size:.875rem}