@layer components{.post-shelf-section{padding-block-start:0}.post-shelf{grid-template-columns:repeat(auto-fill,minmax(min(100%,17rem),1fr));gap:2.5rem 1.25rem;margin:0;padding:0;list-style:none;display:grid}.post-shelf__slot{padding-block-end:.625rem;display:flex;position:relative}.post-shelf__slot:after{content:"";background:var(--delft);block-size:.625rem;box-shadow:0 8px 14px -8px color-mix(in oklab, var(--night) 55%, transparent);border-radius:2px;position:absolute;inset-block-end:0;inset-inline:-.375rem}.post-card{flex-direction:column;flex:1;gap:.625rem;padding:1.25rem 1.375rem 1.375rem;display:flex}.post-card__cover{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);width:4.5rem;box-shadow:var(--shadow-tile);margin-block-end:.5rem;padding:.1875rem;display:block;transform:rotate(-2deg)}:where([dir=rtl]) .post-card__cover{transform:rotate(2deg)}.post-card__meta{font-size:var(--text-small);color:var(--ink-muted)}.post-card__title{font-size:var(--text-h3);line-height:1.2}.post-card__link{text-decoration:none}.post-card__link:after{content:"";border-radius:inherit;position:absolute;inset:0}.post-card__link:focus-visible{box-shadow:none;outline:none}.post-card:focus-within{outline:var(--focus-ring-width) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset)}.post-card__excerpt{color:var(--ink-muted)}.post-card__more{font-size:var(--text-small);color:var(--delft);text-underline-offset:.25em;transition:text-decoration-color var(--duration-normal) var(--ease-tegel);margin-block-start:auto;padding-block-start:.5rem;font-weight:600;text-decoration-line:underline;text-decoration-color:#0000;text-decoration-thickness:1px}.post-card:hover .post-card__more{-webkit-text-decoration-color:var(--delft);text-decoration-color:var(--delft)}.post-header{justify-items:start;gap:1.25rem;padding-block:clamp(1.25rem,.75rem + 2vw,2.75rem) 1rem;display:grid}.post-header__back a{min-height:2.75rem;color:var(--delft);align-items:center;gap:.625rem;font-weight:600;text-decoration:none;display:inline-flex}.post-header__back a:before{content:"";border-block-end:1.5px solid;border-inline-start:1.5px solid;block-size:.5rem;inline-size:.5rem;transform:rotate(45deg)}:where([dir=rtl]) .post-header__back a:before{transform:rotate(-45deg)}.post-header__tiles{border:1px solid var(--line);background:var(--line);box-shadow:var(--shadow-joint);grid-template-columns:repeat(3,3.25rem);gap:1px;display:grid}.post-header__tiles>.art-tile{background:var(--surface)}.post-header__tiles>.art-tile--plain{background:var(--tile)}.post-header__tiles .art-tile__face{fill:#0000;stroke:none}.post-header__title{font-size:var(--text-display);letter-spacing:-.02em;line-height:1.04}:lang(ar) .post-header__title{letter-spacing:0;line-height:1.3}.byline{border:1px solid var(--line);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-tile);align-items:center;gap:.875rem;padding-block:.625rem;padding-inline:.625rem 2rem;display:flex;position:relative}.byline__mark{border:1.5px solid var(--delft);border-radius:var(--radius-tile);background:radial-gradient(circle at 50% 50%, transparent 0 58%, color-mix(in oklab, var(--delft) 22%, transparent) 58% 61%, transparent 61%), var(--tile);block-size:2.75rem;inline-size:2.75rem;font-family:var(--font-display);color:var(--delft);place-items:center;font-size:1.25rem;font-weight:700;display:grid}.byline__text{gap:.125rem;display:grid}.byline__author{font-weight:600}.byline__date{font-size:var(--text-small);color:var(--ink-muted)}}