@font-face{font-family:'LtSerif';src:url('/assets/fonts/ltserif-var.woff2')format('woff2-variations');
  font-weight:300 700;font-display:swap}
@font-face{font-family:'LtSans';src:url('/assets/fonts/ltsans-var.woff2')format('woff2-variations');
  font-weight:200 800;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f7f3e8;color:#443f36;
  font:400 17px/1.7 'LtSans',system-ui,sans-serif}
img{max-width:100%;height:auto}
a{color:#2f5d43;text-underline-offset:3px}
a:hover{color:#244934}
:focus-visible{outline:2px solid #2f5d43;outline-offset:3px}

.lt-skip{position:absolute;left:-9999px}
.lt-skip:focus{left:10px;top:10px;z-index:99;background:#1f1c17;color:#f7f3e8;
  padding:10px 15px;font-family:'LtSerif',serif;font-size:14px}

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

.lt-top{border-bottom:1px solid #ded7c6}
.lt-top__in{max-width:1040px;margin:0 auto;padding:16px 22px;display:flex;
  flex-wrap:wrap;gap:8px 22px;align-items:baseline;justify-content:space-between}
.lt-mark{font-family:'LtSerif',serif;font-weight:600;font-size:20px;
  letter-spacing:.01em;color:#1f1c17;text-decoration:none}
.lt-mark:hover{color:#2f5d43}
.lt-nav{display:flex;flex-wrap:wrap;gap:4px 16px;font-size:14px}
.lt-nav a{color:#615a4c;text-decoration:none;padding:2px 0;
  border-bottom:1px solid transparent}
.lt-nav a:hover{color:#1f1c17;border-bottom-color:#ded7c6}
.lt-nav a[aria-current]{color:#1f1c17;border-bottom-color:#2f5d43}

.lt-open{padding-top:52px;padding-bottom:20px;text-align:center}
.lt-open h1{font-family:'LtSerif',serif;font-weight:600;
  font-size:clamp(30px,4.6vw,50px);line-height:1.14;color:#1f1c17;
  margin:0 auto 18px;max-width:20ch;letter-spacing:.005em}
.lt-open__d{font-size:18.5px;line-height:1.6;color:#615a4c;
  margin:0 auto;max-width:54ch}

/* --- КРУГ: полярная раскладка, он же оглавление --------------------
   Собрание показано не списком, а годовым кругом: сектор на раздел,
   радиус пропорционален числу материалов. Названия набраны ПО ДУГЕ.
   Рядом стоит обычный перечень — он виден без стилей и читается
   вспомогательными технологиями. */
.lt-wheel{padding-top:16px;padding-bottom:34px;display:flex;
  justify-content:center}
.lt-wheel svg{width:min(88vw,620px);height:auto;display:block}
.lt-sector{cursor:pointer;transition:opacity .18s}
.lt-sector:hover .lt-sector__fill{opacity:.82}
.lt-sector__fill{transition:opacity .18s}
.lt-sector__t{font-family:'LtSerif',serif;font-weight:600;font-size:12px;
  fill:#1f1c17;letter-spacing:.06em}
.lt-sector__n{font-family:'LtSans',sans-serif;font-size:11px;fill:#1f1c17;
  opacity:.72}
.lt-hub{font-family:'LtSerif',serif;font-weight:600;fill:#1f1c17}
.lt-hub__s{font-family:'LtSans',sans-serif;font-size:11px;fill:#615a4c;
  letter-spacing:.1em}

/* Перечень разделов рядом с кругом: доступный дублёр навигации. */
.lt-plain{padding-bottom:44px}
.lt-plain__t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:#615a4c;margin:0 0 12px;text-align:center}
.lt-plain ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;
  justify-content:center;gap:8px 10px}
.lt-plain li a{display:block;padding:7px 14px;border:1px solid #ded7c6;
  text-decoration:none;color:#443f36;font-size:14px;background:#f7f3e8}
.lt-plain li a:hover{border-color:#2f5d43;color:#2f5d43}

.lt-index{border-top:1px solid #ded7c6;padding-top:40px;padding-bottom:52px}
.lt-set{margin:0 0 34px}
.lt-set__h{display:flex;flex-wrap:wrap;align-items:baseline;gap:5px 14px;
  padding-bottom:7px;margin:0 0 8px;border-bottom:1px solid #1f1c17}
.lt-set__h h2{font-family:'LtSerif',serif;font-weight:600;font-size:22px;
  color:#1f1c17;margin:0}
.lt-set__h h2 a{color:#1f1c17;text-decoration:none}
.lt-set__h h2 a:hover{color:#2f5d43}
.lt-set__n{font-size:12.5px;color:#615a4c;letter-spacing:.08em}
.lt-set__d{font-size:16px;line-height:1.55;color:#615a4c;margin:0 0 12px;max-width:70ch}
.lt-set ul{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:0 28px}
.lt-row{padding:8px 0;border-bottom:1px solid #ded7c6}
.lt-row a{display:block;text-decoration:none;color:#1f1c17;font-size:16px;line-height:1.35}
.lt-row a:hover{color:#2f5d43;text-decoration:underline}

/* Дуга положения на страницах материалов: где этот лист в круге. */
.lt-arc{display:flex;justify-content:center;padding-top:26px}
.lt-arc svg{width:190px;height:34px;display:block}
.lt-arc__bg{stroke:#ded7c6;fill:none;stroke-width:3}
.lt-arc__on{stroke:#2f5d43;fill:none;stroke-width:3;stroke-linecap:round}

.lt-doc{padding-top:22px;padding-bottom:58px}
.lt-crumb{font-size:13px;color:#615a4c;margin:0 0 16px;text-align:center}
.lt-crumb a{color:#615a4c;text-decoration:none}
.lt-crumb a:hover{color:#2f5d43}
.lt-h1{font-family:'LtSerif',serif;font-weight:600;
  font-size:clamp(27px,4vw,40px);line-height:1.16;color:#1f1c17;
  margin:0 0 16px;text-align:center}
.lt-lede{font-size:18.5px;line-height:1.6;color:#615a4c;margin:0 0 14px;text-align:center}
.lt-meta{font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;
  color:#615a4c;margin:0 0 34px;padding-bottom:14px;
  border-bottom:1px solid #ded7c6;text-align:center}

.lt-body p{margin:0 0 19px}
.lt-body h2{font-family:'LtSerif',serif;font-weight:600;
  font-size:clamp(20px,2.6vw,25px);line-height:1.26;color:#1f1c17;
  margin:36px 0 13px;padding-top:13px;border-top:1px solid #ded7c6}
.lt-body h3{font-family:'LtSerif',serif;font-weight:600;font-size:18px;
  color:#1f1c17;margin:24px 0 9px}
.lt-body ul,.lt-body ol{margin:0 0 19px;padding-left:22px}
.lt-body li{margin:0 0 8px}
.lt-body strong{font-weight:700;color:#1f1c17}
.lt-body em{font-style:italic}
.lt-body blockquote{margin:0 0 19px;padding:0 0 0 17px;
  border-left:2px solid #2f5d43;color:#615a4c}
.lt-body code{font-family:ui-monospace,monospace;font-size:.88em;
  background:#efe9da;padding:1px 5px}

.lt-next{margin:44px 0 0;padding-top:16px;border-top:1px solid #1f1c17}
.lt-next__t{font-size:11px;letter-spacing:.14em;text-transform:uppercase;
  color:#615a4c;margin:0 0 11px}
.lt-next ul{list-style:none;margin:0;padding:0;
  display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:0 24px}
.lt-next li{padding:7px 0;border-bottom:1px solid #ded7c6;line-height:1.35}
.lt-next li a{color:#443f36;text-decoration:none;font-size:15.5px}
.lt-next li a:hover{color:#2f5d43}

.lt-hubpg{padding-top:22px;padding-bottom:50px}
.lt-hubpg__c{font-size:12.5px;letter-spacing:.1em;color:#615a4c;
  margin:0 0 24px;padding-bottom:12px;border-bottom:1px solid #1f1c17;text-align:center}
.lt-item{padding:14px 0;border-bottom:1px solid #ded7c6}
.lt-item h2{font-family:'LtSerif',serif;font-weight:600;font-size:19px;
  line-height:1.3;margin:0 0 6px}
.lt-item h2 a{color:#1f1c17;text-decoration:none}
.lt-item h2 a:hover{color:#2f5d43}
.lt-item p{margin:0;font-size:15.5px;line-height:1.55;color:#615a4c}

.lt-foot{border-top:1px solid #ded7c6;padding-top:32px;padding-bottom:42px;
  margin-top:10px}
.lt-foot__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:20px 28px}
.lt-foot__t{font-family:'LtSerif',serif;font-weight:600;font-size:14px;
  color:#1f1c17;margin:0 0 9px}
.lt-foot ul{list-style:none;margin:0;padding:0}
.lt-foot li{margin:0 0 5px}
.lt-foot li a{font-size:14px;color:#615a4c;text-decoration:none}
.lt-foot li a:hover{color:#2f5d43}
.lt-foot__note{font-size:13px;line-height:1.62;color:#615a4c;margin:26px 0 0;
  padding-top:15px;border-top:1px solid #ded7c6;max-width:80ch}

@media(max-width:620px){
  .lt-open,.lt-h1,.lt-lede,.lt-meta,.lt-crumb{text-align:left}
  .lt-open h1{margin-left:0}
}
@media(prefers-reduced-motion:reduce){#lt-wheel-g{transform:none!important}}


/* Practical guide pages */
.lt-context{padding-left:14px;border-left:2px solid #8bb091}
.lt-context--source{font-size:.96em;color:#615a4c;border-left-color:#ded7c6}
.lt-guides-home{padding-top:34px;padding-bottom:40px;border-top:1px solid #ded7c6}
.lt-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:26px 0 38px}
.lt-guide-card{padding:20px;border:1px solid #ded7c6;background:#fbf8ef}
.lt-guide-card__n{margin:0 0 8px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:#2f5d43}
.lt-guide-card h2{font-family:'LtSerif',serif;font-size:21px;line-height:1.25;margin:0 0 10px;border:0;padding:0}
.lt-guide-card h2 a{color:#1f1c17;text-decoration:none}
.lt-guide-card h2 a:hover{color:#2f5d43;text-decoration:underline}
.lt-guide-card p{margin:0;color:#615a4c;font-size:15px;line-height:1.55}
.lt-table-wrap{overflow-x:auto;margin:0 0 28px}
.lt-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.45}
.lt-table th,.lt-table td{padding:10px 9px;border:1px solid #ded7c6;text-align:left;vertical-align:top}
.lt-table th{background:#e9e3d5;color:#1f1c17}
.lt-review{margin:0 0 28px}
@media(max-width:620px){.lt-guide-grid{grid-template-columns:1fr}.lt-table{min-width:720px}.lt-guide-card{padding:16px}}