.devlog-card{background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px;flex-direction:column;transition:transform .16s,box-shadow .16s;display:flex;position:relative}.devlog-card:hover,.devlog-card:focus-within{box-shadow:var(--shadow-md);transform:translateY(-2px)}@media (hover:hover){.devlog-card:hover:after{content:"";z-index:-1;position:absolute;inset:-8px}}.devlog-card__cover{aspect-ratio:920/430;object-fit:cover;background:var(--bg-soft);border-radius:21px 21px 0 0;width:100%}.devlog-card__cover--placeholder{background-color:var(--bg);background-image:linear-gradient(90deg, var(--gingham) 50%, transparent 50%), linear-gradient(var(--gingham) 50%, transparent 50%);background-size:36px 36px;place-items:center;display:grid}.devlog-card__mark{width:clamp(4rem,30%,6rem);height:auto;filter:drop-shadow(0 3px 0 var(--line-strong));transform:rotate(-4deg)}@media (width<=559px){.devlog-card--repeat{background:linear-gradient(color-mix(in srgb, var(--devlog-accent,var(--brand)) 60%, var(--surface)), color-mix(in srgb, var(--devlog-accent,var(--brand)) 60%, var(--surface))) top/100% .75rem no-repeat padding-box, var(--surface);padding-top:.75rem}.devlog-card--repeat .devlog-card__cover{display:none}}.devlog-card__body{flex-direction:column;flex:1;gap:.5rem;padding:1rem 1.5rem 1.5rem;display:flex}.devlog-card__meta{font-size:.88rem}.devlog-card__title{margin:.25rem 0 0;font-size:1.25rem}.devlog-card__title a{color:var(--ink);text-decoration:none}.devlog-card__title a:after{content:"";position:absolute;inset:0}.devlog-card__summary{color:var(--ink-muted);margin:0}.devlog-card__foot{margin:auto 0 0;padding-top:.5rem;font-size:.88rem;overflow:hidden}.devlog-card__stats{flex-wrap:wrap;margin-left:-1.1em;display:flex}.devlog-card__stat{white-space:nowrap}.devlog-card__dot{text-align:center;width:1.1em;display:inline-block}@media (width<=839px){.grid--2>.devlog-card--repeat{background:linear-gradient(color-mix(in srgb, var(--devlog-accent,var(--brand)) 60%, var(--surface)), color-mix(in srgb, var(--devlog-accent,var(--brand)) 60%, var(--surface))) top/100% .75rem no-repeat padding-box, var(--surface);padding-top:.75rem}.grid--2>.devlog-card--repeat .devlog-card__cover{display:none}}