.post{position:relative;display:grid;gap:.75rem;padding:clamp(1.5rem,1.25rem + 1.5vw,2.25rem);border:1px solid rgb(var(--border)/.8);border-radius:var(--radius-panel);background:rgb(var(--surface));box-shadow:var(--shadow-panel);transition:background var(--dur-hover) var(--ease-out)}.post:hover{background:rgb(var(--surface-muted))}.post__link{color:rgb(var(--fg))}.post__link:after{content:"";position:absolute;inset:0;border-radius:var(--radius-panel)}.post__link:hover{text-decoration:underline;text-underline-offset:4px}@supports selector(:has(*)){.post:has(.post__link:focus-visible){outline:2px solid rgb(var(--focus));outline-offset:3px}.post__link:focus-visible{outline:none}}.post__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1.25rem;margin-top:.75rem;padding-top:1.25rem;border-top:1px solid rgb(var(--border))}.article{display:grid;gap:1.25rem;max-width:var(--prose);margin-inline:auto}.article__head{display:grid;gap:.75rem}.article__foot{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;margin-top:1rem;padding-top:1.5rem;border-top:1px solid rgb(var(--border))}