/* Экран-уведомление (404, «ссылка устарела»). Разметка — vk_render_notice() в inc/notice.php. */

.vk-nf{padding:96px var(--pad) 40px;background:var(--canvas)}
.vk-nf__in{max-width:640px;margin:0 auto;text-align:center}
.vk-nf__eyebrow{margin-bottom:14px}
.vk-nf__title{font:500 52px/1.05 var(--ff-serif);letter-spacing:-.01em;margin:0 0 16px;color:var(--graphite)}
.vk-nf__text{font:400 16px/1.6 var(--ff-sans);color:var(--ink-65);margin:0 auto 32px;max-width:46ch}

.vk-nf__search{
  display:flex;align-items:center;gap:10px;background:var(--surface);
  border:1.5px solid var(--line-14);border-radius:12px;padding:8px 8px 8px 16px;
  max-width:460px;margin:0 auto 24px;
}
.vk-nf__input{
  flex:1;min-width:0;border:0;background:transparent;outline:none;padding:8px 0;
  font:400 15px var(--ff-sans);color:var(--graphite);
}
.vk-nf__input::placeholder{color:var(--ink-45)}
.vk-nf__search .vk-btn{flex:none;border:0}

.vk-nf__actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

.vk-nf__links{
  display:flex;gap:10px 28px;justify-content:center;flex-wrap:wrap;
  padding:0 var(--pad) 88px;background:var(--canvas);
}
.vk-nf__link{
  font:500 14px var(--ff-golos);color:var(--ink-6);
  border-bottom:1px solid transparent;transition:color .15s,border-color .15s;
}
.vk-nf__link:hover{color:var(--terracotta-ink);border-bottom-color:var(--terracotta)}

@media (max-width:1024px){
  .vk-nf{padding:72px 32px 32px}
  .vk-nf__title{font-size:44px}
  .vk-nf__links{padding:0 32px 72px}
}
@media (max-width:600px){
  .vk-nf{padding:52px 20px 28px}
  .vk-nf__title{font-size:34px}
  .vk-nf__text{font-size:15px;margin-bottom:26px}
  .vk-nf__search{flex-wrap:wrap;padding:12px;gap:8px}
  .vk-nf__search .vk-btn{width:100%}
  .vk-nf__actions .vk-btn{width:100%}
  .vk-nf__links{padding:0 20px 56px;gap:8px 20px}
}