/* New-release card — shared by the home page and /links (needs the --fg / --mute / --line colours both pages define).
   Layout adapts to the width it is placed in: compact on /links and phones, roomier on the home page. */
[hidden]{display:none!important}
.rel{container-type:inline-size;display:block}
.rel-in{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"art title" "art sub" "btns btns";gap:0 1rem;align-items:center;padding:.75rem;border:1px solid var(--line);border-radius:14px;background:#111}
.rel-art{grid-area:art;width:112px;aspect-ratio:1;border-radius:8px;overflow:hidden;background:#1a1a1a}
.rel-art img{display:block;width:100%;height:100%;object-fit:cover}
.rel-art.empty{background:#161616 url(/icon.svg) center/46% no-repeat}
.rel-body{display:contents}
.rel-title{grid-area:title;align-self:end;font-size:1rem;font-weight:700;text-transform:uppercase;letter-spacing:.01em;line-height:1.25}
.rel-sub{grid-area:sub;align-self:start;color:var(--mute);font-size:.8125rem;line-height:1.4;margin-top:.15rem}
.rel-btns{grid-area:btns;display:flex;flex-direction:column;gap:.5rem;margin-top:.9rem}
.rel-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--fg);color:#000;font-weight:700;font-size:.75rem;line-height:1.2;letter-spacing:.06em;text-transform:uppercase;text-align:center;padding:.65rem 1rem;border-radius:8px;transition:background .2s}
.rel-btn svg{width:16px;height:16px;flex:none}
a.rel-btn:hover{background:#d9d9d9}
.rel-btn.is-off{background:transparent;color:var(--mute);border:1px solid var(--line)}
@container (max-width:340px){.rel-art{width:88px}.rel-in{column-gap:.75rem}}
@container (min-width:600px){
  .rel-in{display:flex;gap:clamp(1.5rem,4cqw,2.5rem);padding:1.25rem}
  .rel-body{display:flex;flex-direction:column;min-width:0;flex:1}
  .rel-art{flex:none;width:clamp(180px,26cqw,260px);border-radius:10px}
  .rel-title{align-self:auto;font-size:clamp(1.5rem,4.2cqw,2.5rem);letter-spacing:-.01em}
  .rel-sub{align-self:auto;font-size:.9375rem;margin-top:.35rem}
  .rel-btns{flex-direction:row;flex-wrap:wrap;gap:.75rem;margin-top:1.5rem}
  .rel-btn{font-size:.8125rem;padding:.8rem 1.4rem}
}