/* dayfell.com — news posts on the Updates page. Uses the palette from site.css. */
.posts { display: grid; gap: 18px; max-width: 860px; }
.post { background: var(--panel); clip-path: var(--notch-lg); box-shadow: inset 0 0 0 2px var(--line); overflow: hidden; scroll-margin-top: 100px; }
.post-img { width: 100%; margin: 4px 0 16px; overflow: hidden; clip-path: var(--notch); box-shadow: inset 0 0 0 2px var(--line); line-height: 0; }
.post-img img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 7; object-fit: cover; }
.post-in { padding: clamp(20px, 3vw, 32px); }
.post-meta { display: flex; align-items: center; gap: 10px; margin: 0 0 10px; font-size: 14px; color: var(--dim); }
.post-tag { font: 700 10px/1 var(--hud); letter-spacing: .08em; text-transform: uppercase; padding: 5px 7px 6px; clip-path: var(--notch); color: #1b1616; background: var(--amber); }
.post-tag.t-devlog { background: var(--changed); } .post-tag.t-platform { background: var(--bone); } .post-tag.t-event { background: var(--gold); }
.post-body { color: #ddd2b8; }
.post-body p { margin: 0 0 12px; } .post-body ul { margin: 0 0 12px; padding-left: 22px; } .post-body li::marker { color: var(--amber); }
.post-body > :last-child { margin-bottom: 0; }
.sec-gap { height: clamp(48px, 7vw, 88px); }
.note-img { display: block; width: 100%; max-width: 100%; height: auto; aspect-ratio: 16 / 7; object-fit: cover; margin: 4px 0 8px; clip-path: var(--notch); }

/* Updates page: one centred column for the headings, news posts and patch notes */
.updates .sec > .wrap { max-width: calc(900px + 2 * var(--gut)); }
.updates .sec-head, .updates .posts, .updates .notes { max-width: none; }
.updates .sec-head p:not(.eyebrow) { max-width: 640px; }