/* Общее для всех страниц: языки, уведомление, категории, лёгкая анимация прокрутки */
.langs{display:flex;gap:2px;font-size:14px;font-weight:700}
.langs button,.notice .ok{font:inherit;background:none;border:0;cursor:pointer}
.langs button{min-width:40px;height:40px;color:inherit;opacity:.6}
.langs button[aria-pressed=true]{opacity:1;text-decoration:underline;text-decoration-color:currentColor;text-decoration-thickness:2px;text-underline-offset:5px}

.notice{margin:auto;border:0;padding:20px 22px 22px;width:min(360px,100% - 32px);background:var(--ground);color:var(--ink);box-shadow:0 24px 70px rgba(20,12,8,.45)}
.notice::backdrop{background:rgba(30,20,14,.65)}
.notice .langs{justify-content:flex-end}
.notice .big10{font-family:var(--serif);font-weight:600;font-size:84px;line-height:1;color:var(--gold-ink);letter-spacing:-.02em;margin-top:4px}
.notice h2{font-family:var(--serif);font-weight:600;font-size:30px;line-height:1.05;margin-top:6px}
.notice h2+p{margin-top:10px;font-size:17px;line-height:1.45}
.notice .ok{width:100%;height:54px;margin-top:20px;background:var(--field);color:var(--on-field);font-weight:600;font-size:16px}

/* категории: все девять видны сразу, в несколько столбиков */
.catgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.cattile{display:flex;flex-direction:column;background:var(--ground-2);color:inherit;text-decoration:none;min-width:0}
.cattile .ph{display:block;aspect-ratio:1;overflow:hidden;background:var(--ground-2)}
.cattile img{display:block;width:100%;height:100%;object-fit:cover}
.cattile .nm{display:block;padding:9px 8px 11px;font-weight:700;font-size:13px;line-height:1.2}
.cattile:active{opacity:.8}
@media (min-width:700px){
  .cattile{flex-direction:row;align-items:center}
  .cattile .ph{flex:none;width:96px}
  .cattile .nm{padding:0 16px;font-size:16px}
}
.catnowwrap{position:sticky;z-index:20;background:var(--ground);margin-top:8px}
.catnow{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:52px;padding:8px 0;text-align:left}
.catnow b{font-family:var(--serif);font-size:24px;font-weight:600;line-height:1.05;min-width:0}
.catnow span{flex:none;font-size:14px;font-weight:600;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:4px}
.catpanel{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding-bottom:10px}
.catpanel[hidden]{display:none}
.catlink{display:flex;align-items:center;min-height:52px;padding:6px 10px;background:var(--ground-2);color:inherit;text-decoration:none;font-weight:600;font-size:13px;line-height:1.2}
.catlink.on{background:var(--field);color:var(--on-field)}
@media (min-width:700px){.catlink{font-size:15px}}

/* появление карточек считает сам браузер, без скриптов; где не поддерживается — просто без анимации */
@media (prefers-reduced-motion:no-preference){
  @supports (animation-timeline:view()){
    .fx{animation:fx-in linear both;animation-timeline:view();animation-range:entry 0% entry 35%}
    @keyframes fx-in{from{opacity:.25;transform:translateY(16px)}}
  }
}