/* ===== RATZ News ===== */
.nw-hero { padding-bottom: clamp(3rem, 6vw, 5rem); }
.nw-filter { margin-top: 2rem; }
.nw-list { padding-block: clamp(3rem, 6vw, 5rem) var(--section-y); background: var(--bg-sunken); border-top: 1px solid var(--line); }

.nw-grid { display: grid; gap: 1.25rem; grid-template-columns: 1fr; margin-top: 1.25rem; }
@media (min-width: 48em) { .nw-grid { grid-template-columns: repeat(2, 1fr); } }
@media (min-width: 72em) { .nw-grid { grid-template-columns: repeat(3, 1fr); } }

.nw-card { background: var(--bg-raised); border: 1px solid var(--line); transition: transform .25s var(--ease), border-color .2s; }
.nw-card:hover { transform: translateY(-4px); border-color: var(--line-strong); }
.nw-card__link { display: flex; flex-direction: column; height: 100%; color: var(--white); text-decoration: none; }
.nw-card__media { position: relative; aspect-ratio: 16 / 9; overflow: hidden; background: #0d0d11; }
.nw-card__media > img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ease); }
.nw-card:hover .nw-card__media > img { transform: scale(1.04); }
.nw-card__ph { position: absolute; inset: 0; display: grid; place-items: center; overflow: hidden;
  background: radial-gradient(circle at 75% 40%, rgba(255,90,10,.28), transparent 55%), linear-gradient(135deg, #1a1a21, #0d0d11); }
.nw-card__ph--discord { background: radial-gradient(circle at 75% 40%, rgba(88,101,242,.32), transparent 55%), linear-gradient(135deg, #1a1a24, #0d0d11); }
.nw-card__ph--liga { background: radial-gradient(circle at 75% 40%, rgba(255,90,10,.45), transparent 60%), linear-gradient(135deg, #22140c, #0d0d11); }
.nw-card__ph--community, .nw-card__ph--academy { background: radial-gradient(circle at 75% 40%, rgba(255,90,10,.2), transparent 55%), repeating-linear-gradient(135deg, #15151b 0 14px, #121217 14px 28px); }
.nw-card__ph::before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(174,178,184,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(174,178,184,.05) 1px, transparent 1px); background-size: 32px 32px; }
.nw-card__ph-word { position: absolute; left: -0.3rem; bottom: -1.6rem; font-family: var(--font-display); font-weight: 900; font-size: clamp(4rem, 9vw, 7rem); line-height: 1; color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.13); white-space: nowrap; }
.nw-card__ph img { position: relative; width: 26%; max-width: 96px; height: auto; filter: drop-shadow(0 10px 25px rgba(0,0,0,.6)); }
.nw-pin { position: absolute; top: 1rem; left: 1rem; font-family: var(--font-display); font-weight: 800; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.75rem; padding: 0.25rem 0.6rem; background: var(--orange); color: var(--anthracite); }
.nw-card__body { display: flex; flex-direction: column; gap: 0.75rem; padding: 1.5rem 1.6rem 1.75rem; flex: 1; }
.nw-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 0.4rem 1rem; margin: 0; font-size: 0.88rem; color: var(--silver); }
.nw-cat { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.14em; font-size: 0.8rem; color: var(--orange); }
.h2 .nw-card__title { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; font-size: 1.65rem; line-height: 1.05; margin: 0; }
.nw-card__text { margin: 0; color: var(--silver); line-height: 1.6; flex: 1; }
.nw-card__more { font-family: var(--font-display); font-weight: 800; text-transform: uppercase; letter-spacing: 0.08em; font-size: 0.9rem; padding-top: 0.9rem; border-top: 1px solid var(--line); }
.nw-card:hover .nw-card__more { color: var(--orange); }

@media (min-width: 64em) {
  .nw-card--big .nw-card__link { display: grid; grid-template-columns: 1.25fr 1fr; }
  .nw-card--big .nw-card__media { aspect-ratio: auto; min-height: 24rem; }
  .nw-card--big .nw-card__body { padding: 3rem; justify-content: center; gap: 1.1rem; }
  .h2 .nw-card--big .nw-card__title { font-size: clamp(2.4rem, 3.4vw, 3.4rem); line-height: 0.98; }
  .nw-card--big .nw-card__text { flex: 0; font-size: 1.1rem; }
  .nw-card--big .nw-card__more { align-self: flex-start; border-top: 0; padding-top: 0.5rem; color: var(--orange); }
}
.nw-card--big { border-color: rgba(255,90,10,.35); }

.nw-empty { padding: 4rem 2rem; text-align: center; border: 1px dashed var(--line-strong); }
.h2 .nw-empty h2 { font-size: 2.6rem; }
.nw-empty p { color: var(--silver); margin: 1rem auto 2rem; max-width: 34rem; line-height: 1.6; }
.nw-pages { display: flex; justify-content: center; align-items: center; gap: 1.5rem; margin-top: 2.5rem; color: var(--silver); }

.nw-ping { padding-block: var(--section-y); border-top: 1px solid var(--line); }
.nw-ping__grid { display: grid; gap: 2rem 5rem; grid-template-columns: 1fr; }
@media (min-width: 64em) { .nw-ping__grid { grid-template-columns: 1fr 1.1fr; } }
.nw-ping .h2-head__text { margin-top: 0; }

/* Artikel */
.nw-art__wrap { max-width: 56rem; }
.nw-art-hero { padding-bottom: 3rem; }
.nw-art__meta { margin-bottom: 1.25rem; }
.h2 .nw-art__title { font-family: var(--font-display); font-weight: 900; text-transform: uppercase; font-size: clamp(2.6rem, 6vw, 5rem); line-height: 0.92; letter-spacing: -0.01em; margin: 0; }
.nw-art__img { width: 100%; height: auto; display: block; margin: 0 0 3rem; border: 1px solid var(--line); }
.nw-prose { font-size: 1.15rem; line-height: 1.8; color: #d9dbde; padding-bottom: 2rem; }
.nw-prose > * + * { margin-top: 1.25em; }
.nw-prose p { margin: 0; }
.nw-prose > p:first-child { font-size: 1.3rem; color: var(--white); }
.nw-prose h2, .nw-prose h3 { font-family: var(--font-display); text-transform: uppercase; font-weight: 800; color: var(--white); line-height: 1.05; margin-top: 2em; }
.nw-prose h2 { font-size: 2rem; } .nw-prose h3 { font-size: 1.5rem; }
.nw-prose strong { color: var(--white); }
.nw-prose a { color: var(--orange); }
.nw-prose ul, .nw-prose ol { padding-left: 1.4rem; }
.nw-prose li + li { margin-top: 0.5rem; }
.nw-prose ul li::marker { color: var(--orange); }
.nw-prose blockquote { margin-left: 0; padding: 0.5rem 0 0.5rem 1.5rem; border-left: 3px solid var(--orange); font-size: 1.3rem; color: var(--white); }
.nw-art__foot { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; gap: 1rem; padding: 2rem 0 var(--section-y); border-top: 1px solid var(--line); }
.nw-art__foot .h2-link { margin-top: 0; }
.nw-more { padding-block: var(--section-y); background: var(--bg-sunken); border-top: 1px solid var(--line); }
.nw-filter { display: flex; flex-wrap: wrap; gap: 0.5rem; }
.nw-filter a { font-family: var(--font-display); font-weight: 700; text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.9rem; padding: 0.6rem 1rem; border: 1px solid var(--line-strong); color: var(--silver); text-decoration: none; }
.nw-filter a:hover { color: var(--white); border-color: var(--white); }
.nw-filter a[aria-current="page"] { background: var(--orange); border-color: var(--orange); color: var(--anthracite); }
.nw-prose { padding-top: 3rem; }
.nw-art__img + .nw-prose, .nw-art__wrap > .nw-art__img { margin-top: 3rem; }
.nw-prose ul { list-style: square; margin: 1.25em 0; }
.nw-prose ol { list-style: decimal; margin: 1.25em 0; }
.nw-prose ul + p, .nw-prose ol + p { margin-top: 1.25em; }