/* «Was ist neu» (/de/neu, /en/new) – ergänzt rechtliches.css */
.news-pill{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px 0 12px;border-radius:999px;background:var(--hero);color:#5C3502;font-size:13px;font-weight:600;margin-bottom:18px}
.news-pill svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}

.release{margin-top:48px;padding-top:36px;border-top:1px solid var(--line)}
.release-head{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 16px;margin-bottom:18px}
.release-head h2{margin:0}
.release-meta{font-size:15px;font-weight:500;color:var(--muted)}
.platform{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:999px;border:1.5px solid #D6CCBB;font-size:13px;font-weight:600;color:var(--ink)}

.release-card{background:#fff;border-radius:28px;padding:clamp(20px,4vw,34px);display:flex;flex-direction:column;gap:22px}
.change{display:grid;grid-template-columns:96px minmax(0,1fr);gap:4px 16px;align-items:start}
.change h3{margin:0;font-size:18px;line-height:1.35;font-weight:600}
.change p{margin:2px 0 0;font-size:16px;line-height:1.45;color:var(--muted)}
.tag{width:96px;text-align:center;padding:3px 0;border-radius:8px;font-size:13px;font-weight:600;line-height:1.5}
.tag--new{background:#F5D188;color:#5C3502}
.tag--improved{background:#D7E7BF;color:#36501A}
.tag--fixed{background:#E6D9F8;color:#553A72}


/* Schritte: mehrere Screenshots zu einer Neuerung (am Handy zum Wischen) */
.steps{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px}
.steps li{margin:0;display:flex;flex-direction:column;gap:10px}
.steps .frame{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--hero);border-radius:20px;padding:14px}
.steps img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;border-radius:12px;box-shadow:0 8px 22px rgba(78,57,6,.18)}
.steps .step{font-size:13px;font-weight:600;color:var(--muted)}
.steps p{margin:0;font-size:15px;line-height:1.4;color:var(--ink)}
@media (max-width:560px){
  .steps{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;margin-inline:-4px;padding:0 4px 6px}
  .steps li{flex:0 0 82%;scroll-snap-align:start}
}

.release-foot{margin-top:40px;font-size:15px;color:var(--muted)}

@media (max-width:560px){
  .change{grid-template-columns:minmax(0,1fr)}
  .tag{margin-bottom:4px}
}