/* Lab Grotesque, файлы клиента: сабсет под русский текст, woff2 */
/* Light по брендбуку только для справочного и юридического текста */
@font-face{font-family:'Lab Grotesque';src:url('../art/fonts/labgrotesque-300.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Lab Grotesque';src:url('../art/fonts/labgrotesque-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lab Grotesque';src:url('../art/fonts/labgrotesque-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Lab Grotesque';src:url('../art/fonts/labgrotesque-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Lab Grotesque Mono';src:url('../art/fonts/labgrotesque-mono-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Lab Grotesque Mono';src:url('../art/fonts/labgrotesque-mono-700.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
b,strong{font-weight:700}
:root{/* бренд-палитра Финтабло 1.1 12.22 */
--blue:#2951CA;--blue-hi:#1E8BF2;--blue-soft:#E4EAFB;--navy:#141418;--logo:#142969;
--paper:#F5F7FD;--card:#FFF;--ink:#141418;--ink-2:#4A4E5C;--ink-3:#7E86A3;--ink-3t:#6B728B;/* тёмный вариант для мелкого текста: 4,77:1 против 3,60:1 */
--line:#E1E6F3;--line-2:#C7CFE4;--green:#01B554;--red:#FF3A1D;
--mono:'Lab Grotesque Mono','Lab Grotesque',ui-monospace,monospace;--maxw:min(100% - 48px,820px);--gut:24px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Lab Grotesque',-apple-system,sans-serif;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:'Lab Grotesque',sans-serif;font-weight:700;letter-spacing:-0.02em;line-height:1.14;margin:0;text-wrap:balance}
h1{font-size:clamp(28px,4vw,42px);letter-spacing:-0.03em;margin-bottom:16px}
h2{font-size:clamp(21px,2.4vw,27px);margin:34px 0 12px}
h3{font-size:19px;margin:26px 0 9px}
p,li{color:var(--ink-2);text-wrap:pretty}p{margin:0 0 15px}
ul,ol{padding-left:22px;margin:0 0 16px}li{margin-bottom:8px}
a{color:var(--blue);text-decoration:none}a:hover{color:var(--blue-hi)}
strong{color:var(--ink)}
.wrap{width:min(100% - var(--gut)*2,var(--maxw));margin-inline:auto}
header{position:sticky;top:0;z-index:50;background:rgba(244,247,255,.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hbar{display:flex;align-items:center;justify-content:space-between;height:56px;width:min(100% - 48px,1180px);margin-inline:auto}
.brand{display:flex;align-items:center}
.brand img{display:block;height:28px;width:auto}
.hcta{background:var(--blue);color:#fff;border-radius:10px;padding:9px 16px;font-size:13.5px;font-weight:500}
.hcta:hover{background:var(--blue-hi);color:#fff}
article{padding:40px 0 20px}
.crumbs{font-size:13.5px;color:var(--ink-3t);margin-bottom:16px}.crumbs a{color:var(--ink-3t)}
.meta{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3t);margin-bottom:14px}
.note,.disclaimer{font-weight:300}
.lead{font-size:19px;color:var(--ink-2);margin-bottom:26px}
.callout{background:var(--card);border:1px solid var(--line);border-left:3px solid var(--blue);border-radius:0 14px 14px 0;padding:16px 18px;margin:22px 0}
.callout p{margin:0;font-size:16px}
.tool{background:var(--navy);border-radius:14px;padding:24px;margin:30px 0;color:#E7E9F2}
.tool h3{color:#fff;font-size:19px;margin:0 0 8px}
.tool p{color:#A9AEC2;font-size:16px;margin:0 0 16px}
.tool a{display:inline-flex;align-items:center;gap:8px;background:var(--blue);color:#fff;border-radius:10px;padding:12px 20px;font-weight:500;font-size:16px}
.tool a:hover{background:var(--blue-hi);color:#fff}
table{width:100%;border-collapse:collapse;font-size:16px;margin:22px 0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden}
th,td{padding:12px 15px;text-align:left;border-bottom:1px solid var(--line)}
th{font-family:var(--mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3t);font-weight:400;background:var(--paper)}
tr:last-child td{border-bottom:0}
.next{border-top:1px solid var(--line);margin-top:40px;padding-top:26px}
.next h2{margin-top:0;font-size:21px}
.next a{display:block;background:var(--card);border:1px solid var(--line);border-radius:14px;padding:16px 18px;margin-bottom:10px;font-weight:500;color:var(--ink)}
.next a:hover{border-color:var(--blue);color:var(--blue)}
footer{background:var(--navy);color:#A9AEC2;padding:34px 0;font-size:14.5px;margin-top:40px}
footer a{color:#6FA8F5}

/* широкая таблица прокручивается, а не сжимает колонки в лапшу */
.tw{overflow-x:auto;margin:22px 0;-webkit-overflow-scrolling:touch;border-radius:14px}
.tw table{margin:0;min-width:560px}
td{vertical-align:top}
th[scope=row]{font-family:'Lab Grotesque',sans-serif;font-size:16px;font-weight:700;
  letter-spacing:0;text-transform:none;color:var(--ink);background:var(--card);vertical-align:top}
/* «Коротко»: ответ для быстрого чтения и для голосовых ассистентов */
.short{background:var(--blue-soft);border:1px solid #CBD8F7;border-radius:16px;padding:22px 24px;margin:36px 0 8px}
.short-t{font-family:var(--mono);font-size:10.5px;letter-spacing:.11em;text-transform:uppercase;color:var(--blue);margin-bottom:12px}
.short ul{margin:0;padding-left:20px}
.short li{font-size:16px}
.short li:last-child{margin-bottom:0}
/* доступность: ссылка «к содержимому» и видимый фокус */
.skip{position:absolute;left:-9999px}
.skip:focus{left:16px;top:10px;z-index:99;background:#fff;color:var(--blue);padding:10px 14px;border-radius:9px;border:2px solid var(--blue)}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}
footer .disclaimer{font-size:13px;color:#8E9AC4;margin-top:12px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}}
/* на мобильном текстовым ссылкам крошек и подвала нужна площадь под палец */
@media (max-width:680px){
  .crumbs a,footer .wrap a{display:inline-block;padding:6px 0}
  .short,.callout{padding-left:16px;padding-right:16px}
}
/* вторая кнопка в блоке .tool: приглушённая, чтобы не спорить с первой */
.tool a.alt{background:transparent;border:1px solid rgba(255,255,255,.28);color:#E7E9F2;margin-left:10px}
.tool a.alt:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.5);color:#fff}
@media (max-width:520px){ .tool a.alt{margin:10px 0 0;display:flex;justify-content:center} }