
@font-face{font-family:'Atkinson';src:url('/assets/fonts/atkinson-400.woff2')format('woff2');
  font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson';src:url('/assets/fonts/atkinson-700.woff2')format('woff2');
  font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Atkinson';src:url('/assets/fonts/atkinson-400i.woff2')format('woff2');
  font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Merriweather';src:url('/assets/fonts/merriweather-var.woff2')format('woff2-variations');
  font-weight:300 900;font-style:normal;font-display:swap}
@font-face{font-family:'Merriweather';src:url('/assets/fonts/merriweather-var-italic.woff2')format('woff2-variations');
  font-weight:300 900;font-style:italic;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#ffffff;color:#24262b;
  font:400 19px/1.7 'Merriweather',Georgia,serif}
img{max-width:100%;height:auto}

/* Ссылки подчёркнуты всегда: цвет не должен быть единственным признаком. */
a{color:#0b4fa8;text-decoration:underline;text-underline-offset:3px;
  text-decoration-thickness:.08em}
a:hover{color:#073a7d;text-decoration-thickness:.14em}
a:visited{color:#5c3d94}

/* Фокус виден везде и нигде не отключён. */
:focus-visible{outline:3px solid #0b4fa8;outline-offset:3px}

.uy-skip{position:absolute;left:-9999px;top:0}
.uy-skip:focus{left:0;top:0;z-index:20;display:block;
  background:#111111;color:#fff;padding:12px 18px;
  font-family:'Atkinson',sans-serif;font-size:17px;text-decoration:underline}

/* Боковые отступы задаются ТОЛЬКО здесь. Секционные классы ниже обязаны
   использовать padding-top/padding-bottom, а не сокращённую запись: при
   равной специфичности shorthand обнулит боковые отступы и на мобильном
   текст пойдёт от края до края. Эта ошибка уже случалась в ledger. */
.uy-col{max-width:44rem;margin:0 auto;padding:0 20px}
.uy-wide{max-width:64rem;margin:0 auto;padding:0 20px}

/* --- шапка --- */
.uy-head{border-bottom:2px solid #111111;background:#ffffff}
.uy-head__in{max-width:64rem;margin:0 auto;padding:16px 20px;display:flex;
  flex-wrap:wrap;gap:10px 26px;align-items:baseline;justify-content:space-between}
.uy-brand{font-family:'Atkinson',sans-serif;font-weight:700;font-size:20px;
  color:#111111;text-decoration:none}
.uy-brand:visited{color:#111111}
.uy-brand:hover{color:#073a7d;text-decoration:underline}
.uy-nav{display:flex;flex-wrap:wrap;gap:6px 22px;font-family:'Atkinson',sans-serif;
  font-size:17px}
.uy-nav a{color:#24262b;text-decoration:none;padding:4px 0;
  border-bottom:3px solid transparent}
.uy-nav a:visited{color:#24262b}
.uy-nav a:hover{color:#073a7d;border-bottom-color:#c9ccd2;
  text-decoration:underline}
.uy-nav a[aria-current]{border-bottom-color:#0b4fa8;font-weight:700}

/* --- начало главной --- */
.uy-intro{padding-top:52px;padding-bottom:40px}
.uy-intro h1{font-family:'Atkinson',sans-serif;font-weight:700;
  font-size:clamp(30px,4.4vw,46px);line-height:1.15;color:#111111;
  margin:0 0 20px;max-width:22ch}
.uy-intro__lede{font-size:20px;line-height:1.65;color:#24262b;margin:0;
  max-width:60ch}
.uy-intro__go{margin:30px 0 0;display:flex;flex-wrap:wrap;gap:12px}
.uy-intro__go a{font-family:'Atkinson',sans-serif;font-weight:700;font-size:17px;
  text-decoration:underline;padding:12px 20px;border:3px solid #0b4fa8;
  color:#0b4fa8;background:#ffffff}
.uy-intro__go a:visited{color:#0b4fa8}
.uy-intro__go a:first-child{background:#0b4fa8;color:#fff;border-color:#0b4fa8}
.uy-intro__go a:first-child:visited{color:#fff}
.uy-intro__go a:hover{background:#073a7d;border-color:#073a7d;color:#fff}

/* --- указатель: под каждым материалом его собственные тезисы ----------- */
.uy-index{border-top:2px solid #111111;padding-top:46px;padding-bottom:54px}
.uy-group{margin:0 0 46px}
.uy-group h2{font-family:'Atkinson',sans-serif;font-weight:700;font-size:26px;
  line-height:1.2;color:#111111;margin:0 0 8px;
  padding-bottom:10px;border-bottom:2px solid #c9ccd2}
.uy-group h2 a{color:#111111;text-decoration:none}
.uy-group h2 a:visited{color:#111111}
.uy-group h2 a:hover{color:#073a7d;text-decoration:underline}
.uy-group__d{font-family:'Atkinson',sans-serif;font-size:17px;line-height:1.6;
  color:#55585f;margin:0 0 26px;max-width:70ch}
.uy-cards{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fit,minmax(19rem,1fr));gap:26px 32px}
.uy-card{border:2px solid #7d838e;padding:20px;background:#ffffff}
.uy-card h3{font-family:'Atkinson',sans-serif;font-weight:700;font-size:19px;
  line-height:1.3;margin:0 0 10px}
.uy-card h3 a{color:#111111}
.uy-card h3 a:visited{color:#111111}
.uy-card h3 a:hover{color:#073a7d}
.uy-card__p{font-family:'Atkinson',sans-serif;font-size:15px;line-height:1.5;
  color:#55585f;margin:0 0 10px}
.uy-card ul{margin:0;padding-left:20px;font-family:'Atkinson',sans-serif;
  font-size:15px;line-height:1.5}
.uy-card li{margin:0 0 6px;color:#24262b}

/* --- вводный текст --- */
.uy-note{padding-top:40px;padding-bottom:50px;border-top:2px solid #111111}
.uy-note p{margin:0 0 20px}
.uy-note h2{font-family:'Atkinson',sans-serif;font-weight:700;font-size:24px;
  line-height:1.25;color:#111111;margin:34px 0 14px}
.uy-note h2:first-child{margin-top:0}
.uy-note ul,.uy-note ol{margin:0 0 20px;padding-left:24px}
.uy-note li{margin:0 0 9px}

/* --- страница материала --- */
.uy-post{padding-top:36px;padding-bottom:64px}
.uy-crumb{font-family:'Atkinson',sans-serif;font-size:17px;margin:0 0 22px}
.uy-h1{font-family:'Atkinson',sans-serif;font-weight:700;
  font-size:clamp(28px,4vw,40px);line-height:1.18;color:#111111;margin:0 0 18px}
.uy-sum{font-size:20px;line-height:1.65;color:#24262b;margin:0 0 26px}
.uy-takeaway{border:3px solid #111111;background:#eef1f6;
  padding:20px 22px;margin:0 0 34px}
.uy-takeaway h2{font-family:'Atkinson',sans-serif;font-weight:700;font-size:18px;
  margin:0 0 10px;color:#111111}
.uy-takeaway ul{margin:0;padding-left:24px;font-family:'Atkinson',sans-serif;
  font-size:17px;line-height:1.6}
.uy-takeaway li{margin:0 0 7px}

.uy-text p{margin:0 0 22px}
.uy-text h2{font-family:'Atkinson',sans-serif;font-weight:700;
  font-size:clamp(22px,3vw,28px);line-height:1.25;color:#111111;
  margin:44px 0 16px;padding-top:16px;border-top:2px solid #c9ccd2}
.uy-text h3{font-family:'Atkinson',sans-serif;font-weight:700;font-size:20px;
  color:#111111;margin:30px 0 10px}
.uy-text ul,.uy-text ol{margin:0 0 22px;padding-left:26px}
.uy-text li{margin:0 0 10px}
.uy-text strong{font-weight:700;color:#111111}
.uy-text blockquote{margin:0 0 22px;padding:4px 0 4px 20px;
  border-left:5px solid #0b4fa8;color:#24262b}
.uy-text code{font-family:'Atkinson',ui-monospace,monospace;font-size:.92em;
  background:#eef1f6;padding:2px 6px;border:1px solid #7d838e}
.uy-text figure{margin:0 0 24px}
.uy-text img{border:2px solid #7d838e}

/* --- подвал материала --- */
.uy-next{margin:48px 0 0;padding-top:22px;border-top:2px solid #111111}
.uy-next h2{font-family:'Atkinson',sans-serif;font-weight:700;font-size:19px;
  color:#111111;margin:0 0 12px}
.uy-next ul{list-style:none;margin:0;padding:0}
.uy-next li{margin:0 0 11px;font-size:18px;line-height:1.5}

/* --- страница раздела --- */
.uy-list{padding-top:36px;padding-bottom:56px}
.uy-count{font-family:'Atkinson',sans-serif;font-size:17px;color:#55585f;
  margin:0 0 30px;padding-bottom:14px;border-bottom:2px solid #111111}
.uy-item{margin:0 0 32px;padding-bottom:28px;border-bottom:2px solid #e3e6eb}
.uy-item:last-child{border-bottom:0}
.uy-item h2{font-family:'Atkinson',sans-serif;font-weight:700;font-size:24px;
  line-height:1.25;margin:0 0 10px}
.uy-item h2 a{color:#111111}
.uy-item h2 a:visited{color:#111111}
.uy-item h2 a:hover{color:#073a7d}
.uy-item p{margin:0 0 8px;font-size:18px;line-height:1.6}

/* --- подвал --- */
.uy-foot{border-top:2px solid #111111;background:#eef1f6;
  padding-top:38px;padding-bottom:44px;margin-top:10px}
.uy-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));
  gap:26px 32px}
.uy-foot h2{font-family:'Atkinson',sans-serif;font-weight:700;font-size:17px;
  color:#111111;margin:0 0 10px}
.uy-foot ul{list-style:none;margin:0;padding:0}
.uy-foot li{margin:0 0 8px}
.uy-foot li a{font-family:'Atkinson',sans-serif;font-size:17px}
.uy-foot__note{font-family:'Atkinson',sans-serif;font-size:16px;line-height:1.6;
  color:#24262b;margin:28px 0 0;padding-top:18px;
  border-top:2px solid #c9ccd2;max-width:74ch}

@media(prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;
    animation-iteration-count:1!important;transition-duration:.01ms!important;
    scroll-behavior:auto!important}
}
