/* AYA · Ergänzung der vorhandenen Papierbühne, bestehende Marken-Tokens. */
.kueche-sushi { gap: .7rem; }
.ks-categories { display: flex; flex-wrap: wrap; justify-content: center; gap: .15rem 1rem; width: 100%; padding: 0 .5rem; }
.ks-categories[hidden] { display: none; }
.ks-category {
  min-height: 44px; padding: .5rem 0; border: 0; border-bottom: 1px solid transparent;
  background: transparent; color: var(--tinte-weich); font: inherit;
  font-size: clamp(.75rem, .7rem + .12vw, .84rem); line-height: 1.25;
  cursor: pointer; white-space: nowrap;
  transition: color 160ms var(--ease), border-color 160ms var(--ease), transform 120ms var(--ease);
}
.ks-category[aria-pressed="true"] { color: var(--tinte); border-bottom-color: var(--tinte); font-weight: 600; }
.ks-category:focus-visible, .ks-more:focus-visible, .ks-card-link:focus-visible { outline: 2px solid var(--tinte); outline-offset: 4px; }
.ks-category:active, .ks-btn:active { transform: scale(.97); }
.ks-card-link { display: inline-block; margin-top: .4rem; font-size: .76rem; line-height: 1.4; color: var(--tinte-weich); text-decoration: underline; text-underline-offset: .2em; }
.ks-more { max-width: 30rem; margin: .15rem .8rem 0; color: var(--tinte-weich); font-size: .78rem; line-height: 1.6; text-align: center; text-decoration: none; }
.ks-more span:first-child { border-bottom: 1px solid var(--linie); padding-bottom: .2em; }
.ks-more span:last-child { margin-left: .3em; }
.ks-text .ks-meta { color: var(--tinte-weich); }
.ks-leiste { min-height: 7rem; }
.ks-instant .ks-item, .ks-instant .ks-mandala { transition: none !important; }
.kueche-sushi:not(.ks-ready) .ks-btn, .no-js .ks-btn { display: none; }
.kueche-sushi:not(.ks-ready) .ks-text, .no-js .ks-text { grid-column: 1 / -1; }
.kueche-sushi:not(.ks-ready) .ks-item:not(.is-aktiv), .no-js .ks-item:not(.is-aktiv) { display: none; }
.kueche-sushi:not(.ks-ready) .ks-item.is-aktiv, .no-js .ks-item.is-aktiv { opacity: 1; transform: none; }
.kueche-sushi:not(.ks-ready) .ks-mandala, .no-js .ks-mandala { animation: none; }
@media (hover: hover) and (pointer: fine) {
  .ks-category:hover { color: var(--tinte); border-bottom-color: var(--linie); }
  .ks-card-link:hover, .ks-more:hover { color: var(--altgold); }
}
@media (min-width: 900px) {
  .ks-buehne { width: min(100%, max(15rem, calc(100svh - 29rem))); }
  .ks-item { inset: 10%; }
  .ks-categories { max-width: 40rem; gap: 0 1rem; }
}
@media (max-width: 899px) {
  .ks-categories { max-width: 35rem; padding-inline: var(--gutter); gap: .1rem .9rem; }
  .kueche-sushi { --s: min(70vw, 350px); }
  .ks-more { max-width: calc(100% - 2 * var(--gutter)); }
  .ks-name { font-size: clamp(1.4rem, 1rem + 1.6vw, 1.8rem); }
}
@media (prefers-reduced-motion: reduce) {
  .ks-item, .ks-mandala, .ks-category, .ks-btn { transition: none !important; animation: none !important; }
}