*,*::before,*::after{box-sizing:border-box}

@font-face{font-family:'UnDis';src:url('/assets/fonts/undis.woff2')format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'UnText';src:url('/assets/fonts/untext.woff2')format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'UnText';src:url('/assets/fonts/untextb.woff2')format('woff2');
  font-weight:700;font-style:normal;font-display:swap}

html{-webkit-text-size-adjust:100%;font-size:100%;background:#edf2f3}

/* Поле плоское. Различает тон: среди светлых полей серии полоса
   H 165–205 пустая. Претендовать на новый ТИП фона здесь было бы
   нечестно — плоских в наборе 64 из 70. */
body{margin:0;color:#121617;background:#edf2f3;
  font-family:'UnText',Georgia,serif;font-size:1rem;line-height:1.68;
  font-variant-numeric:tabular-nums lining-nums;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}

/* У Lustria нет полужирного. Везде, где стоит UnDis, вес 400. */
h1,h2,h3{font-family:'UnDis',Georgia,serif;font-weight:400;
  letter-spacing:0;color:#121617}
a{color:inherit}
img{max-width:100%;height:auto}

.un-wrap{max-width:43rem;margin:0 auto;padding:0 1.5rem}

.un-skip{position:absolute;left:-9999px;top:0;background:#121617;color:#edf2f3;
  padding:.6rem 1rem;z-index:20}
.un-skip:focus{left:0}

/* ------------------------------------------------ шапка сайта */
.un-nav{border-bottom:1px solid #bfcccf;background:#f6f9f9}
.un-nav__in{max-width:43rem;margin:0 auto;padding:.85rem 1.5rem;
  display:flex;flex-wrap:wrap;gap:.8rem 1.4rem;align-items:baseline}
.un-nav__b{font-family:'UnDis',Georgia,serif;font-size:1.1rem;
  text-decoration:none}
.un-nav nav{display:flex;flex-wrap:wrap;gap:.7rem 1.1rem}
.un-nav nav a{font-size:.86rem;color:#536065;text-decoration:none;
  border-bottom:1px solid transparent;padding-bottom:1px}
.un-nav nav a:hover,.un-nav nav a[aria-current]{color:#121617;
  border-bottom-color:#bfcccf}

/* ------------------------------------------------ шапка страницы */
.un-head{padding:2.6rem 0 1.6rem;border-bottom:1px solid #bfcccf}
.un-head h1{margin:0 0 .6rem;font-size:2.3rem;line-height:1.16}
.un-head__d{margin:0;font-size:1.04rem;line-height:1.6;color:#536065;
  max-width:33rem}

/* ------------------------------------------------ устройство */
.un-q{margin:1.8rem 0 0;border-top:1px solid #bfcccf}
/* Дорожка справа фиксирована, вопрос слева тянется и переносится: на
   69-м короткие тестовые значения прошли блок-тест, а корпусные фразы
   легли поверх соседней колонки. */
.un-q__r{display:grid;grid-template-columns:minmax(0,1fr) 11.5rem;
  gap:.3rem .9rem;align-items:baseline;
  padding:.55rem 0;border-bottom:1px solid #dce4e5}
.un-q__q{margin:0;font-size:.98rem;line-height:1.45}
.un-q__c{margin:.9rem 0 0;font-size:.86rem;line-height:1.55;color:#536065;
  max-width:32rem}

/* метка источника */
.un-tag{font-family:'UnText',Georgia,serif;font-weight:700;
  font-size:.68rem;line-height:1.35;letter-spacing:.08em;
  text-transform:uppercase}
.un-tag--signed{color:#2d4f76}
.un-tag--place{color:#6f2a5a}
.un-tag--practice{color:#8b4e18}
.un-tag--blank{color:#536065}

/* Черта на месте ответа, которого нет ни у кого. Это главный
   графический элемент шаблона: он несёт довод, а не разделяет блоки.
   2px, а не 1px — при уменьшении до 280px (шестая проверка) волосная
   в один пиксель пропадала, и страница читалась просто списком.
   В px, потому что это линейка: в rem она поедет вместе с кеглем. */
.un-blank{display:block;width:100%;max-width:10rem;height:2px;
  background:#6c7a7f;margin:.5rem 0 .35rem}

/* ------------------------------------------------ текст */
.un-doc{padding:1.9rem 0 3rem}
.un-crumb{margin:0 0 .5rem;font-size:.86rem;color:#536065}
.un-crumb a{text-decoration:none;border-bottom:1px solid #bfcccf}
.un-meta{margin:0 0 1.6rem;font-size:.72rem;letter-spacing:.11em;
  text-transform:uppercase;color:#536065}

.un-body{font-size:1.06rem}
.un-body p{margin:0 0 1.05rem}
.un-body a{text-decoration:none;border-bottom:1px solid #2d4f76}
.un-body a:hover{border-bottom-width:2px}
.un-body ul,.un-body ol{margin:0 0 1.15rem;padding-left:1.3rem}
.un-body li{margin:0 0 .4rem}
.un-body blockquote{margin:0 0 1.2rem;padding:.85rem 1.1rem;
  background:#f6f9f9;border-left:3px solid #bfcccf;font-size:1rem}
.un-body blockquote p:last-child{margin:0}
.un-body code{font-family:ui-monospace,monospace;font-size:.88em;
  background:#f6f9f9;padding:.08em .3em;border-radius:2px}
.un-body table{width:100%;border-collapse:collapse;margin:0 0 1.3rem;
  font-size:.93rem}
.un-body th,.un-body td{text-align:left;vertical-align:top;
  padding:.5rem .7rem;border-bottom:1px solid #dce4e5}
.un-body th{font-weight:700;font-size:.82rem;letter-spacing:.02em;
  border-bottom:2px solid #bfcccf}

/* ------------------------------ знак раздела: H2 на бланковой строке */
.un-s{margin:0 0 1.7rem}
/* Заголовок с чертой до правого края — незаполненный остаток строки
   формы. У 71 черта была РАЗОРВАНА и разрыв ехал вниз по странице;
   здесь она не разорвана, а не дописана. */
.un-s h2{display:flex;align-items:center;gap:.85rem;
  margin:2.1rem 0 .7rem;font-size:1.4rem;line-height:1.3}
.un-s h2::after{content:"";flex:1 1 auto;height:1px;background:#bfcccf}

/* ------------------------------------------------ знаки */
.un-p{margin:0 0 1.5rem;padding:1rem 1.1rem;background:#f6f9f9;
  border:1px solid #dce4e5}
.un-p__t{margin:0 0 .8rem;font-family:'UnDis',Georgia,serif;
  font-size:1.05rem;line-height:1.3}
.un-p__n{margin:.85rem 0 0;font-size:.86rem;line-height:1.55;color:#536065}
.un-p__n b{color:#121617}

/* знак 1 — вопрос, адрес, маршрут */
.un-a__r{padding:.55rem 0;border-top:1px solid #dce4e5}
.un-a__r:first-of-type{border-top:0;padding-top:0}
.un-a__h{display:grid;grid-template-columns:minmax(0,1fr) 11.5rem;
  gap:.3rem .9rem;align-items:baseline}
.un-a__q{margin:0;font-size:.98rem;line-height:1.45}
.un-a__w{margin:.3rem 0 0;font-size:.87rem;line-height:1.5;color:#536065}
.un-a__w b{color:#121617}

/* знак 2 — что у вас есть и как воспользоваться */
.un-w__r{display:grid;grid-template-columns:minmax(0,1fr) 10.5rem;
  gap:.25rem .9rem;align-items:baseline;
  padding:.55rem 0;border-top:1px solid #dce4e5}
.un-w__r:first-of-type{border-top:0;padding-top:0}
.un-w__k{margin:0;font-size:.96rem;line-height:1.45}
.un-w__u{grid-column:1 / -1;margin:.25rem 0 0;font-size:.87rem;
  line-height:1.5;color:#536065}
.un-w__u b{color:#121617}

/* знак 3 — шаг, что даёт, чего стоит */
.un-c__r{padding:.6rem 0;border-top:1px solid #dce4e5}
.un-c__r:first-of-type{border-top:0;padding-top:0}
.un-c__s{margin:0 0 .35rem;font-weight:700;font-size:.96rem}
.un-c__g{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:.4rem .9rem}
.un-c__h{margin:0 0 .12rem;font-size:.66rem;letter-spacing:.1em;
  text-transform:uppercase;color:#536065}
.un-c__p{margin:0;font-size:.9rem;line-height:1.5}
.un-c__t{margin:.45rem 0 0;font-size:.86rem;line-height:1.5;color:#536065}
.un-c__t b{color:#121617}

/* ------------------------------------------------ главная и хабы */
.un-open{padding:1.9rem 0 .4rem}
.un-open__d{margin:0 0 1rem;font-size:1.12rem;line-height:1.6;max-width:35rem}
.un-open__note{margin:0;font-size:.88rem;line-height:1.55;color:#536065;
  max-width:34rem}
.un-go{display:flex;flex-wrap:wrap;gap:.6rem;margin:0 0 1.1rem}
.un-go a{font-size:.9rem;text-decoration:none;padding:.42rem .85rem;
  border:1px solid #bfcccf;background:#f6f9f9}
.un-go a:hover{border-color:#121617}

.un-shown{padding:1rem 0 0}

.un-sec{padding:1.7rem 0 0}
.un-sec__k{display:flex;flex-wrap:wrap;gap:.5rem .8rem;align-items:center;
  margin:0 0 .45rem;font-size:.72rem;letter-spacing:.11em;
  text-transform:uppercase;color:#536065}
.un-sec h2{margin:0 0 .35rem;font-size:1.5rem;line-height:1.24}
.un-sec h2 a{text-decoration:none}
.un-sec h2 a:hover{border-bottom:1px solid #2d4f76}
.un-sec__d{margin:0 0 .8rem;font-size:.99rem;line-height:1.55;color:#536065;
  max-width:34rem}
.un-list{list-style:none;margin:0;padding:0;border-top:1px solid #dce4e5}
.un-list li{border-bottom:1px solid #dce4e5}
.un-list a{display:block;padding:.5rem 0 .5rem 2.4rem;position:relative;
  text-decoration:none;font-size:.99rem;line-height:1.45}
.un-list a::before{content:attr(data-n);position:absolute;left:0;top:.58rem;
  font-size:.76rem;color:#536065}
.un-list a:hover{background:#f6f9f9}

.un-hub__row{padding:.9rem 0;border-bottom:1px solid #dce4e5}
.un-hub__row h2{margin:0 0 .3rem;font-size:1.24rem;line-height:1.32}
.un-hub__row h2 a{text-decoration:none}
.un-hub__row h2 a:hover{border-bottom:1px solid #2d4f76}
.un-hub__row p{margin:0;font-size:.96rem;line-height:1.55;color:#536065}

.un-end{margin:2.2rem 0 0;padding:1.2rem 1.2rem 1.3rem;background:#f6f9f9;
  border:1px solid #dce4e5}
.un-end h2{margin:0 0 .45rem;font-size:1.32rem}
.un-end p{margin:0 0 .8rem;font-size:.99rem;line-height:1.6}
.un-end__l{list-style:none;margin:0;padding:0;display:flex;
  flex-wrap:wrap;gap:.5rem .9rem}
.un-end__l a{font-size:.9rem;text-decoration:none;
  border-bottom:1px solid #2d4f76}

.un-next{margin:2.2rem 0 0;padding-top:1.1rem;border-top:2px solid #bfcccf}
.un-next__t{margin:0 0 .6rem;font-size:.74rem;letter-spacing:.11em;
  text-transform:uppercase;color:#536065}
.un-next ul{list-style:none;margin:0;padding:0}
.un-next li{border-bottom:1px solid #dce4e5}
.un-next a{display:block;padding:.45rem 0;text-decoration:none;
  font-size:.97rem;line-height:1.45}
.un-next a:hover{color:#2d4f76}

/* ------------------------------------------------ подвал */
.un-foot{margin-top:2.6rem;border-top:1px solid #bfcccf;background:#f6f9f9}
.un-foot__in{max-width:43rem;margin:0 auto;padding:1.7rem 1.5rem 2.2rem}
.un-foot__g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1.3rem}
.un-foot__t{margin:0 0 .5rem;font-weight:700;font-size:.8rem;
  letter-spacing:.07em;text-transform:uppercase}
.un-foot__about{margin:0;font-size:.89rem;line-height:1.55;color:#536065}
.un-foot ul{list-style:none;margin:0;padding:0}
.un-foot li{margin:0 0 .32rem}
.un-foot a{font-size:.9rem;text-decoration:none;color:#536065}
.un-foot a:hover{color:#121617}
.un-foot__note{margin:1.4rem 0 0;padding-top:1rem;border-top:1px solid #dce4e5;
  font-size:.83rem;line-height:1.55;color:#536065}

@media (max-width:620px){
  .un-head h1{font-size:1.84rem}
  .un-q__r,.un-a__h{grid-template-columns:minmax(0,1fr) 8.5rem;gap:.3rem .6rem}
  .un-w__r{grid-template-columns:minmax(0,1fr) 8rem;gap:.25rem .6rem}
  .un-blank{max-width:7rem}
  .un-c__g{grid-template-columns:1fr}
  .un-foot__g{grid-template-columns:1fr}
  .un-sec h2{font-size:1.32rem}
}


/* --- comparison guides -------------------------------------------- */
.oc-guide-body{max-width:100%}
.oc-guide-body>p,.oc-guide-body>h2,.oc-guide-body>h3,.oc-guide-body>ul{max-width:42em}
.oc-table-wrap{overflow-x:auto;margin:28px 0 42px;border:1px solid #e4e4e0;border-radius:12px;background:#fff}
.oc-table{width:100%;min-width:720px;border-collapse:collapse;font-size:14px;line-height:1.45}
.oc-table th,.oc-table td{padding:13px 14px;border-bottom:1px solid #e4e4e0;text-align:left;vertical-align:top}
.oc-table th{background:#0f1115;color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.06em}
.oc-table tr:last-child td{border-bottom:0}
.oc-table td:first-child{width:38px;text-align:center;font-weight:700;color:#166534}
.oc-table td:nth-child(2){min-width:130px;font-weight:700;color:#0f1115}
.oc-tool{margin:48px 0 0;padding:30px;border:1px solid #e4e4e0;border-radius:14px;background:#fff}
.oc-tool h2{margin-top:0;max-width:none}
.oc-tool p{max-width:44em}
.oc-tool__link{margin-bottom:24px!important}
.oc-tool__link a{display:inline-block;color:#fff;background:#166534;border-radius:999px;padding:9px 15px;text-decoration:none;font-size:14px;font-weight:700}
.oc-tool__link a:hover{background:#0f1115}
.oc-context{border-left:3px solid #166534;padding-left:18px;color:#3d4450}
.oc-context--source{border-left-color:#9aa09a;font-size:.96em}
.oc-checklist{columns:2;column-gap:34px}
.oc-checklist li{break-inside:avoid}
@media(max-width:800px){.oc-tool{padding:22px 18px}.oc-table{min-width:640px}.oc-checklist{columns:1}}

/* Contextual references and three independent comparison formats */
.oc-context{border-left:4px solid #c2672d;padding:16px 19px;background:#fff4ea}.oc-context--source{border-left-color:#277f84;background:#edf8f7}.wg-home-guides{padding-top:48px;padding-bottom:48px}.wg-home-grid,.wg-hub{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:24px 0}.wg-home-card,.wg-hub-card{display:flex;flex-direction:column;gap:10px;padding:24px;background:#fff;color:#1b292c;text-decoration:none;border:1px solid #bacbcd}.wg-home-card span,.wg-hub-card>span{font:700 11px/1.2 sans-serif;letter-spacing:.09em;text-transform:uppercase}.wg-home-card strong{font-size:21px;line-height:1.25}.wg-home-card small{line-height:1.5;color:#4b5d60}.wg-home-card--field-notes,.wg-hub-card--field-notes{border-top:7px solid #c2672d}.wg-home-card--decision-board,.wg-hub-card--decision-board{border-top:7px solid #277f84}.wg-home-card--route-map,.wg-hub-card--route-map{border-top:7px solid #5d6c93}.oc-guide-body{max-width:100%}.wg-guide>p,.wg-guide>h2,.wg-guide>h3,.wg-guide>ul{max-width:48rem}.wg-guide--field-notes .wg-docket-stack{display:grid;gap:28px;margin:34px 0}.wg-guide--field-notes .wg-docket{border:1px solid #d3b8a7;background:#fff}.wg-guide--field-notes .wg-docket header{display:grid;grid-template-columns:90px 1fr auto;gap:16px;align-items:center;padding:18px 22px;background:#3d2b20;color:#fff}.wg-guide--field-notes .wg-docket header h2{margin:0;color:#fff}.wg-guide--field-notes .wg-docket header a{color:#fff}.wg-guide--field-notes .wg-docket__body{padding:22px 25px;columns:2;column-gap:36px}.wg-guide--field-notes .wg-docket__body p{break-inside:avoid;margin-top:0}.wg-guide--decision-board .wg-matrix-wrap{overflow-x:auto;margin:30px 0;border:1px solid #a8c5c7}.wg-guide--decision-board .wg-matrix{width:100%;min-width:820px;border-collapse:collapse}.wg-guide--decision-board .wg-matrix th,.wg-guide--decision-board .wg-matrix td{padding:14px;border-bottom:1px solid #d2e1e2;text-align:left;vertical-align:top}.wg-guide--decision-board .wg-matrix th{background:#277f84;color:#fff}.wg-guide--decision-board .wg-matrix-note{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:28px 0;border-top:1px solid #a8c5c7}.wg-guide--decision-board .wg-matrix-note__key{font:700 28px/1 monospace;color:#277f84}.wg-guide--route-map .wg-brief-lane{margin:38px 0}.wg-guide--route-map .wg-brief-lane>h2{padding-bottom:10px;border-bottom:4px solid #5d6c93}.wg-guide--route-map .wg-brief-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.wg-guide--route-map .wg-brief-card{padding:22px;border:1px solid #c4cbe0;background:linear-gradient(145deg,#fff,#f1f3f9)}.wg-guide--route-map .wg-brief-card>span{font:700 10px monospace;letter-spacing:.08em;color:#5d6c93}.wg-guide--route-map .wg-brief-card h3{font-size:25px;margin:8px 0}.wg-checklist{columns:2;column-gap:34px}.wg-checklist li{break-inside:avoid;margin-bottom:8px}@media(max-width:850px){.wg-home-grid,.wg-hub,.wg-guide--route-map .wg-brief-grid{grid-template-columns:1fr}.wg-guide--field-notes .wg-docket header{grid-template-columns:1fr}.wg-guide--field-notes .wg-docket__body{columns:1}.wg-guide--decision-board .wg-matrix-note{grid-template-columns:44px 1fr}.wg-checklist{columns:1}.un-nav nav{overflow-x:auto}}