/* ==========================================================================
   Попап входа и регистрации — стиль раздела ЗНАК. Фаза 10, 22.09.2026 (docs/phase-10-log.md).

   Подключается на всех страницах портала, где есть ссылки «Регистрация» / «Вход» (шаблон компонента
   system.auth.form/main). Пространство имён .znakauth — старые правила портала (.popup, #register_popap,
   body.noscroll из main/css/style.css) ничего здесь не задевают, и наоборот.

   Токены и шрифты продублированы из /contest-sign/css/znak.css: на страницах портала znak.css не подключён,
   а файлы шрифтов одни и те же (self-hosted, OFL).
   ========================================================================== */
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;
  src:url(/bitrix/templates/main/fonts/oswald-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Oswald";font-style:normal;font-weight:200 700;font-display:swap;
  src:url(/bitrix/templates/main/fonts/oswald-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(/bitrix/templates/main/fonts/manrope-cyrillic.woff2) format("woff2");
  unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:"Manrope";font-style:normal;font-weight:200 800;font-display:swap;
  src:url(/bitrix/templates/main/fonts/manrope-latin.woff2) format("woff2");
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212,U+FEFF,U+FFFD}

/* ---- слой ---- */
.znakauth-layer{position:fixed;inset:0;z-index:100050;display:flex;align-items:center;justify-content:center;
  padding:16px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}
.znakauth-layer::before{content:"";position:fixed;inset:0;background:rgba(15,16,32,.62)}
html.znakauth-open,html.znakauth-open body{overflow:hidden}

.znakauth{
  --zi:#2C2D6F; --zi2:#3B3C8C; --zpale:#D9D8EE; --zor:#FF8324; --zor2:#EE5A2A;
  --zpaper:#F7F6F2; --zink:#171622; --zmuted:#6B6A80; --zline:#E6E4DC; --zdanger:#C23A3A; --zok:#2E9E5B;
  --zdisplay:"Oswald","Arial Narrow",Impact,sans-serif; --ztext:"Manrope","Segoe UI",Arial,sans-serif;
  position:relative;z-index:1;box-sizing:border-box;width:min(560px,100%);max-height:calc(100vh - 32px);
  display:flex;flex-direction:column;background:#fff;border-radius:18px;overflow:hidden;
  box-shadow:0 24px 64px rgba(23,22,34,.28);font:400 16px/1.55 var(--ztext);color:var(--zink);text-align:left}
.znakauth *,.znakauth *::before,.znakauth *::after{box-sizing:border-box}
.znakauth--state{width:min(460px,100%)}

/* ---- шапка ---- */
.znakauth__head{flex:none;position:relative;padding:24px 64px 18px 28px;border-bottom:1px solid var(--zline)}
.znakauth__kicker{font:500 12px/1 var(--zdisplay);text-transform:uppercase;letter-spacing:.16em;color:var(--zmuted);margin-bottom:10px}
.znakauth__title{margin:0;font:700 clamp(24px,4.4vw,30px)/1.05 var(--zdisplay);text-transform:uppercase;color:var(--zink)}
.znakauth__title:focus{outline:none}
.znakauth__sub{margin:8px 0 0;font-size:14px;line-height:1.45;color:var(--zmuted)}
.znakauth a{color:var(--zi)}
.znakauth__close{position:absolute;right:18px;top:20px;width:36px;height:36px;border:0;border-radius:50%;
  background:var(--zpaper);color:var(--zi);font:400 22px/1 var(--ztext);cursor:pointer;padding:0}
.znakauth__close:hover{background:var(--zpale)}
.znakauth__close:focus-visible,.znakauth :focus-visible{outline:3px solid var(--zi);outline-offset:2px}

/* ---- тело: прокручивается, шапка и кнопка остаются ---- */
.znakauth__body{flex:1 1 auto;overflow-y:auto;padding:20px 28px 26px;margin:0}
.znakauth__text{margin:0 0 16px;font-size:16px;line-height:1.55}
.znakauth__errors{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#FDEBEB;color:var(--zdanger);
  font-size:15px;line-height:1.45}
.znakauth__done{margin:0 0 16px;padding:12px 14px;border-radius:12px;background:#EAF7EF;color:#1F7A45;font-size:15px;line-height:1.45}
.znakauth [hidden]{display:none !important}

.znakauth__grid{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}
.znakauth__f{margin-bottom:16px;min-width:0}
.znakauth__f label{display:block;font:600 13px/1.2 var(--ztext);color:var(--zmuted);margin-bottom:6px}
.znakauth__req{color:var(--zor2)}
.znakauth__f input[type=text],.znakauth__f input[type=email],.znakauth__f input[type=password],
.znakauth__f input[type=tel],.znakauth__f select,.znakauth__f textarea{
  width:100%;height:48px;padding:0 14px;border:1.5px solid var(--zline);border-radius:10px;background:#fff;
  font:500 16px/1.4 var(--ztext);color:var(--zink);outline:none;-webkit-appearance:none;appearance:none;
  transition:border-color .12s,box-shadow .12s}
.znakauth__f select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath fill='%232C2D6F' d='M1 1l5 5 5-5'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px;padding-right:36px}
.znakauth__f textarea{height:auto;min-height:104px;padding:12px 14px;line-height:1.5;resize:vertical}
.znakauth__f input:focus,.znakauth__f select:focus,.znakauth__f textarea:focus{border-color:var(--zi);box-shadow:0 0 0 3px var(--zpale)}
.znakauth__f.is-invalid input,.znakauth__f.is-invalid select{border-color:var(--zdanger)}
.znakauth__hint{display:block;margin-top:5px;font-size:13px;line-height:1.4;color:var(--zmuted)}
.znakauth__f.is-invalid .znakauth__hint{color:var(--zdanger)}

.znakauth__f--pwd{position:relative}
.znakauth__eye{position:absolute;right:8px;top:29px;height:36px;padding:0 8px;border:0;background:none;
  color:var(--zi);font:700 13px/1 var(--ztext);cursor:pointer}
.znakauth__f--pwd input{padding-right:84px}

.znakauth__bd{display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:10px}

.znakauth__more{border-top:1px solid var(--zline);margin:4px 0 18px;padding-top:14px}
.znakauth__more>summary{cursor:pointer;list-style:none;font:700 14px/1.35 var(--ztext);color:var(--zi)}
.znakauth__more>summary::-webkit-details-marker{display:none}
.znakauth__more>summary::before{content:"+ ";font-weight:800}
.znakauth__more[open]>summary::before{content:"– "}
.znakauth__more-in{padding-top:16px}

.znakauth__photo{display:flex;align-items:center;gap:14px;flex-wrap:wrap}
.znakauth__ph{width:68px;height:68px;border-radius:12px;background:var(--zpaper) center/cover no-repeat;
  border:1.5px dashed var(--zpale);flex:none}
.znakauth__file{position:relative;overflow:hidden;display:inline-flex;align-items:center;margin:0;
  background:var(--zpaper);color:var(--zi);border-radius:800px;padding:12px 18px;font:800 14px/1 var(--ztext);cursor:pointer}
.znakauth__file input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}
.znakauth__file:hover{background:var(--zpale)}

.znakauth__check{display:flex;gap:11px;align-items:flex-start;margin:14px 0;font-size:15px;line-height:1.45;cursor:pointer}
.znakauth__check input{margin:2px 0 0;width:20px;height:20px;flex:none;accent-color:var(--zi)}
.znakauth__check--company{background:var(--zpaper);border-radius:14px;padding:14px 16px;margin-top:18px}
.znakauth__x{display:block;margin-top:4px;font-size:13px;line-height:1.45;color:var(--zmuted)}
.znakauth__check.is-invalid{color:var(--zdanger)}

.znakauth__submit{display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin-top:8px;
  border:0;border-radius:800px;background:var(--zor);color:var(--zi);font:800 16px/1.2 var(--ztext);
  text-align:center;text-decoration:none;cursor:pointer;padding:8px 20px}
.znakauth__submit:hover{background:var(--zor2);color:var(--zink)}
.znakauth__submit[disabled]{opacity:.65;cursor:progress}
.znakauth__ghost{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;margin-top:10px;
  border:0;border-radius:800px;background:transparent;color:var(--zi);box-shadow:inset 0 0 0 1.5px var(--zpale);
  font:800 15px/1.2 var(--ztext);text-decoration:none;cursor:pointer;padding:8px 20px}
.znakauth__ghost:hover{box-shadow:inset 0 0 0 1.5px var(--zi)}
.znakauth__captcha{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--zmuted);text-align:center}

/* ---- вход ---- */
.znakauth__forgot{display:block;margin-top:14px;text-align:center;font-size:14px}
.znakauth__foot{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--zline);text-align:center;font-size:15px;color:var(--zmuted)}

/* ---- тёзки в каталоге компаний ---- */
.znakauth__dup{margin:0 0 16px;padding:14px 16px;border-radius:12px;background:var(--zpaper);
  color:var(--zink);font-size:15px;line-height:1.45}
.znakauth__dup p{margin:0 0 12px}
.znakauth__dup ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:10px}
.znakauth__dup li{display:flex;flex-wrap:wrap;align-items:center;gap:8px;justify-content:space-between}
.znakauth__dup a{font-weight:700;color:var(--zi)}
.znakauth__mini{width:auto;min-height:38px;margin:0;padding:6px 14px;font-size:14px;flex:none}

/* ---- шаги компании ---- */
.znakauth__steps{display:flex;gap:8px;align-items:center;margin-bottom:10px;
  font:500 12px/1 var(--zdisplay);text-transform:uppercase;letter-spacing:.14em;color:var(--zmuted)}
.znakauth__steps i{width:26px;height:3px;border-radius:2px;background:var(--zpale);display:block}
.znakauth__steps i.on{background:var(--zor)}

/* ---- поля карточки компании и профиля (Р16, 23.09.2026) ---- */
/* .znakauth__f label задаёт вид подписи поля — кнопке файла и флажкам внутри поля он не нужен */
.znakauth__f .znakauth__file{display:inline-flex;margin:0;font:800 14px/1 var(--ztext);color:var(--zi)}
.znakauth__f .znakauth__check{display:flex;margin:10px 0 0;font:500 14px/1.4 var(--ztext);color:var(--zink)}
.znakauth__f.is-invalid textarea{border-color:var(--zdanger)}
.znakauth__f.is-invalid .znakauth__file{box-shadow:inset 0 0 0 1.5px var(--zdanger)}
.znakauth__hint-inline{font-weight:500;color:var(--zmuted)}
.znakauth__types{border:0;padding:0;min-width:0}
.znakauth__types legend{padding:0;margin-bottom:8px;font:600 13px/1.2 var(--ztext);color:var(--zmuted)}
.znakauth__f .znakauth__chip{position:relative;display:inline-flex;margin:0 6px 8px 0;font:600 14px/1.2 var(--ztext);color:var(--zi);cursor:pointer}
.znakauth__chip input{position:absolute;opacity:0;width:1px;height:1px;pointer-events:none}
.znakauth__chip span{display:inline-block;padding:9px 14px;border-radius:800px;background:#fff;
  box-shadow:inset 0 0 0 1.5px var(--zpale);transition:background .12s,box-shadow .12s}
.znakauth__chip span::before{content:"+ ";font-weight:800}
.znakauth__chip:hover span{box-shadow:inset 0 0 0 1.5px var(--zi)}
.znakauth__chip input:checked+span{background:var(--zi);color:#fff;box-shadow:none}
.znakauth__chip input:checked+span::before{content:"✓ "}
.znakauth__chip input:focus-visible+span{outline:3px solid var(--zi);outline-offset:2px}

/* ---- личный кабинет ---- */
.znakauth__who{display:flex;align-items:center;gap:14px}
.znakauth__avatar{width:52px;height:52px;border-radius:50%;flex:none;display:flex;align-items:center;justify-content:center;
  background:var(--zpale) center/cover no-repeat;color:var(--zi);font:700 22px/1 var(--zdisplay)}
.znakauth__who .znakauth__sub{margin-top:4px;word-break:break-word}
.znakauth__sec{margin:0 0 22px}
.znakauth__sech{margin:0 0 12px;font:600 13px/1 var(--zdisplay);text-transform:uppercase;letter-spacing:.14em;color:var(--zmuted)}
.znakauth__company{display:flex;align-items:center;gap:14px;padding:14px;border-radius:14px;background:var(--zpaper)}
.znakauth__clogo{width:64px;height:64px;border-radius:10px;flex:none;background:#fff center/contain no-repeat;
  box-shadow:inset 0 0 0 1px var(--zline)}
.znakauth__cinfo{min-width:0}
.znakauth__cname{font:700 18px/1.25 var(--ztext);color:var(--zink);word-break:break-word}
.znakauth__cmeta{margin-top:4px;font-size:14px;line-height:1.4;color:var(--zmuted)}
.znakauth__cmeta b{color:var(--zdanger);font-weight:600}
.znakauth__row{display:flex;gap:10px;flex-wrap:wrap;margin:4px 0 16px}
.znakauth__row .znakauth__submit,.znakauth__row .znakauth__ghost{flex:1 1 180px;width:auto;margin-top:8px}
.znakauth__dl{display:grid;grid-template-columns:auto 1fr;gap:6px 16px;margin:0 0 6px;font-size:15px;line-height:1.45}
.znakauth__dl dt{color:var(--zmuted)}
.znakauth__dl dd{margin:0;min-width:0;word-break:break-word}
.znakauth__muted{color:var(--zmuted)}

/* ---- телефон ---- */
@media (max-width:620px){
  .znakauth__grid{grid-template-columns:1fr;gap:0}
  .znakauth__bd{grid-template-columns:1fr}
}
@media (max-width:700px){
  .znakauth-layer{padding:0;align-items:stretch}
  .znakauth{width:100%;max-height:none;min-height:100%;border-radius:0}
  .znakauth__head{padding:20px 58px 14px 18px}
  .znakauth__close{right:12px;top:14px}
  .znakauth__body{padding:18px 18px 24px}
}
@media (prefers-reduced-motion:reduce){
  .znakauth,.znakauth *{transition:none !important;animation:none !important}
}

/* ---- работа в каталоге лучших работ — /auth/znak_work.php (фаза 14, шаг 8а, 02.10.2026) ---- */
.znakauth--wide{width:min(680px,100%)}
.znakauth__f input[type=url]{width:100%;height:48px;padding:0 14px;border:1.5px solid var(--zline);border-radius:10px;background:#fff;
  font:500 16px/1.4 var(--ztext);color:var(--zink);outline:none;-webkit-appearance:none;appearance:none}
.znakauth__f input[type=url]:focus{border-color:var(--zi);box-shadow:0 0 0 3px var(--zpale)}
.znakauth__f.is-invalid input[type=url]{border-color:var(--zdanger)}
.znakauth__ph--43{width:120px;height:90px}
.znakauth__f input[type=file][multiple]{display:block;max-width:100%;font:500 14px/1.4 var(--ztext)}
.znakauth__thumbs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:10px}
.znakauth__f .znakauth__thumb{display:flex;flex-direction:column;gap:4px;margin:0;font:500 13px/1.2 var(--ztext);color:var(--zmuted);cursor:pointer}
.znakauth__thumb span{display:block;width:96px;height:72px;border-radius:8px;background:var(--zpaper) center/cover no-repeat}
.znakauth__thumb input{margin:0 4px 0 0;vertical-align:-2px}
.znakauth__works{list-style:none;margin:0 0 12px;padding:0}
.znakauth__works li{display:flex;align-items:center;gap:12px;padding:8px 0;border-top:1px solid var(--zline)}
.znakauth__works li:first-child{border-top:0}
.znakauth__works .znakauth__wph{width:64px;height:48px;border-radius:6px;background:var(--zpaper) center/cover no-repeat;flex:none}
.znakauth__works a{flex:1;min-width:0;font:600 14px/1.35 var(--ztext);color:var(--zink);text-decoration:none}
.znakauth__works a:hover{color:var(--zi)}
.znakauth__works button{flex:none;border:0;background:none;padding:6px 4px;font:700 13px/1 var(--ztext);color:var(--zi);cursor:pointer}
.znakauth__clogo--43{width:96px;height:72px;background-size:cover}
.znakauth__sech--sub{margin-top:18px}

/* ==========================================================================
   Фаза 14, шаг 8г (03.10.2026, docs/10-portal-audit.md 7ф): вид портала и страницы входа.
   Одна разметка экранов на оба вида: элементы вида портала (вкладки, «С возвращением», группы «О вас» / «Для входа»,
   «Забыли пароль?» у поля пароля) в виде ЗНАК скрыты; класс znakauth--pt (ставит /js/znak-auth.js на страницах шаблона
   portal с <body data-znakauth-look="pt">, сами страницы /auth/, /register.php?reg=YES, /forgot.php) показывает их и
   прячет элементы вида ЗНАК. Цвета вида портала — через те же переменные: графит вместо индиго, Manrope вместо Oswald.
   ========================================================================== */
.znakauth__tabs,.znakauth__t-pt,.znakauth__sub--pt,.znakauth__alt,.znakauth__forgot-pt,.znakauth__legend{display:none}
.znakauth__lrow{display:block}

.znakauth--pt{--zi:#17181B;--zi2:#34373D;--zpale:#E5E1DB;--zor:#FF8324;--zor2:#FF9747;--zpaper:#F6F4F0;--zink:#17181B;
  --zmuted:#62666E;--zline:#E5E1DB;--zdisplay:var(--ztext)}
.znakauth--pt[data-znakauth-form="login"],.znakauth--pt.znakauth--state{width:min(460px,100%)}
.znakauth--pt .znakauth__kicker,.znakauth--pt .znakauth__t-z,.znakauth--pt .znakauth__sub--z,.znakauth--pt .znakauth__forgot{display:none}
.znakauth--pt .znakauth__t-pt{display:inline}
.znakauth--pt .znakauth__sub--pt{display:block}
.znakauth--pt a{color:#A84A05}
.znakauth--pt .znakauth__head{border-bottom:0;padding:22px 64px 6px 28px}
.znakauth--pt .znakauth__title{font:800 26px/1.2 var(--ztext);letter-spacing:-.01em;text-transform:none}
.znakauth--pt .znakauth__sub{font-size:15px;line-height:1.5}
.znakauth--pt .znakauth__tabs{display:inline-flex;gap:2px;padding:4px;margin:0 0 18px;border-radius:999px;background:var(--zpaper)}
.znakauth--pt .znakauth__tabs a{padding:8px 18px;border-radius:999px;font:700 15px/1.2 var(--ztext);color:var(--zink);text-decoration:none}
.znakauth--pt .znakauth__tabs a[aria-current]{background:#fff;box-shadow:0 1px 3px rgba(23,24,27,.14)}
.znakauth--pt .znakauth__tabs a:not([aria-current]):hover{color:#A84A05}
.znakauth--pt .znakauth__f label{color:var(--zink);font-weight:700}
.znakauth--pt .znakauth__lrow{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}
.znakauth--pt .znakauth__lrow label{margin-bottom:0}
.znakauth--pt .znakauth__forgot-pt{display:inline;font:700 13px/1.2 var(--ztext);text-decoration:none;white-space:nowrap}
.znakauth--pt .znakauth__forgot-pt:hover{text-decoration:underline}
.znakauth--pt .znakauth__f input:focus,.znakauth--pt .znakauth__f select:focus,.znakauth--pt .znakauth__f textarea:focus{border-color:var(--zink);box-shadow:0 0 0 3px #FFE2C8}
.znakauth--pt .znakauth__eye{top:28px;height:38px;margin:0;border-radius:8px;background:var(--zpaper);color:var(--zink)}
.znakauth--pt .znakauth__submit{color:var(--zink)}
.znakauth--pt .znakauth__submit:hover{background:var(--zor2);color:var(--zink)}
.znakauth--pt .znakauth__alt{display:block;margin:16px 0 0;text-align:center;font-size:15px}
.znakauth--pt .znakauth__alt a{font-weight:700}
.znakauth--pt .znakauth__foot{margin:10px 0 0;padding-top:0;border-top:0;font-size:13px}
.znakauth--pt .znakauth__legend{display:block;margin:4px 0 10px;font:800 12px/1.2 var(--ztext);letter-spacing:.08em;text-transform:uppercase;color:#A84A05}
.znakauth--pt .znakauth__more{border:1px solid var(--zline);border-radius:14px;padding:14px 16px;margin:6px 0 16px}
.znakauth--pt .znakauth__more>summary{color:var(--zink)}
.znakauth--pt .znakauth__later{display:block;margin-top:2px;font-weight:500;font-size:13px;color:var(--zmuted)}
.znakauth--pt .znakauth__dash{display:none}
.znakauth--pt .znakauth__check--company{background:#FFF7F0;box-shadow:inset 0 0 0 1.5px #FFD3AE}
.znakauth--pt .znakauth__steps i.on{background:var(--zor)}
.znakauth--pt :focus-visible,.znakauth--pt .znakauth__close:focus-visible{outline-color:var(--zink)}

/* ---- страница входа, регистрации, пароля: экран прямо в странице, без слоя ---- */
.znakauth-page{display:flex;justify-content:center;padding:28px 0 56px}
.znakauth.znakauth--page{max-height:none;overflow:visible;box-shadow:0 1px 2px rgba(23,24,27,.06),0 8px 28px rgba(23,24,27,.08)}
.znakauth--page .znakauth__body{overflow:visible}
.znakauth--page .znakauth__head{padding-right:28px}
.znakauth-page__note{max-width:460px;margin:14px auto 0;font-size:14px;line-height:1.5;color:#62666E;text-align:center}
@media (max-width:700px){
  .znakauth-page{padding:12px 0 32px}
  .znakauth.znakauth--page{width:100%;min-height:0;border-radius:16px}
  .znakauth--page .znakauth__head{padding:20px 18px 6px}
}

/* ==========================================================================
   Фаза 14, шаг 8д (03.10.2026, 7у): шаг «Компания» из пяти полей — «Кто вы» карточками-переключателями, подсказка под кнопкой.
   ========================================================================== */
.znakauth__radios{border:0;padding:0;min-width:0}
.znakauth__radios legend{padding:0;margin-bottom:8px;font:600 13px/1.2 var(--ztext);color:var(--zmuted)}
.znakauth--pt .znakauth__radios legend{color:var(--zink);font-weight:700}
.znakauth__radios{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.znakauth__radios legend{grid-column:1/-1}
.znakauth__f .znakauth__radio{display:grid;grid-template-columns:auto 1fr;gap:2px 10px;align-items:start;margin:0;padding:12px 14px;
  border:1.5px solid var(--zline);border-radius:12px;background:#fff;cursor:pointer;font:500 13px/1.35 var(--ztext);color:var(--zmuted)}
.znakauth__radio input{grid-row:span 2;margin:3px 0 0;accent-color:var(--zi)}
.znakauth__radio b{font:700 15px/1.3 var(--ztext);color:var(--zink)}
.znakauth__radio:has(input:checked){border-color:var(--zi);box-shadow:inset 0 0 0 1px var(--zi)}
.znakauth__f.is-invalid .znakauth__radio{border-color:var(--zdanger)}
.znakauth__note{margin:12px 0 0;font-size:13px;line-height:1.45;color:var(--zmuted);text-align:center}
@media (max-width:560px){.znakauth__radios{grid-template-columns:1fr}}
/* заголовок экрана получает фокус программно (tabindex=-1, для экранных дикторов) — рамка фокуса вокруг него не нужна */
.znakauth .znakauth__title:focus,.znakauth .znakauth__title:focus-visible{outline:none}