/* rab:tipo — Instrument Serif (заголовки) + Plus Jakarta Sans (текст) + Space Mono (ярлыки) */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/instrumentserif-be357e3894.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: italic;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/instrumentserif-24e6c99ca0.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/instrumentserif-5f17a8dd77.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Instrument Serif';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/instrumentserif-37ddf465bb.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-42f3e90181.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-a389d97de5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-42f3e90181.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-a389d97de5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-42f3e90181.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-a389d97de5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-42f3e90181.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Plus Jakarta Sans';
  font-style: normal;
  font-weight: 800;
  font-display: swap;
  src: url(/media/rab/f/plusjakartasans-a389d97de5.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/spacemono-68c6b8516d.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(/media/rab/f/spacemono-e2ee2d370f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/media/rab/f/spacemono-646b6f2792.woff2) format('woff2');
  unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Space Mono';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(/media/rab/f/spacemono-d0c504bd8f.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* =========================================================================
   KAKI — каркас издания FIVE FOOT WAY (randomalphabets.com), префикс rab
   Блоки разметки помечены парами <!-- rab:имя --> … <!-- /rab:имя -->,
   имена секций этого файла совпадают с именами блоков.
     rab:mast     шапка-мачта          rab:nav      ряд рубрик + бургер
     rab:lead     первый экран главной rab:rule     разделитель с ярлыком
     rab:strip    полоса рубрики       rab:card     карточка материала
     rab:rail     боковая врезка       rab:list     текстовая лента
     rab:art      статья               rab:figure   фото с кредитом
     rab:toc      своё оглавление      rab:related  куст ссылок
     rab:hub      шапка рубрики        rab:foot     подвал
   ========================================================================= */

/* --- rab:tokens ---------------------------------------------------------- */
:root{
  --rab-canvas:#ece2d2;
  --rab-paper:#fffdf8;
  --rab-paper-2:#f6efe2;
  --rab-ink:#17130e;
  --rab-ink-2:#6d6358;
  --rab-ink-3:#96897a;
  --rab-line:#ddd1bd;
  --rab-line-2:#c7b89f;
  --rab-merah:#bf3826;
  --rab-merah-d:#98291a;
  --rab-pandan:#15584a;
  --rab-kunyit:#d99d21;
  --rab-night:#16120d;

  --rab-w:1120px;          /* сетка главной, хабов, шапки и подвала */
  --rab-w-text:748px;      /* текстовая колонка статьи */
  --rab-sheet:36px;        /* рабочее поле внутри листа */
  --rab-pad:20px;          /* поле полноширинных лент */
  --rab-gap:26px;          /* поле вокруг листа */

  --rab-disp:"Instrument Serif",Georgia,"Times New Roman",serif;
  --rab-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --rab-mono:"Space Mono",ui-monospace,"SFMono-Regular",Consolas,monospace;
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--rab-canvas);color:var(--rab-ink);
  font:400 17px/1.62 var(--rab-sans);
  font-feature-settings:"kern" 1;
  text-rendering:optimizeLegibility;
}
img{max-width:100%;height:auto;display:block}
/* знак без своего класса не должен растекаться на всю колонку */
svg{width:16px;height:16px;flex:0 0 auto}
a{color:var(--rab-ink);text-decoration:none}
.rab-w{max-width:var(--rab-w);margin:0 auto;padding-left:var(--rab-pad);padding-right:var(--rab-pad)}

/* микро-ярлык: манера технической подписи, узкий моношрифт вразрядку */
.rab-mk{
  font:700 11px/1.1 var(--rab-mono);letter-spacing:.16em;text-transform:uppercase;
  color:var(--rab-ink-2);          /* метка читается: на бумаге ink-3 давал 3,2:1 */
}
.rab-mk--merah{color:var(--rab-merah)}
.rab-mk--pandan{color:var(--rab-pandan)}
.rab-mk svg{width:13px;height:13px;vertical-align:-2px;margin-right:6px;opacity:.8}

/* --- rab:mast ------------------------------------------------------------ */
.rab-mast{background:var(--rab-paper);border-bottom:1px solid var(--rab-line)}
.rab-mast__in{
  display:flex;align-items:flex-end;justify-content:space-between;gap:18px;
  padding-top:22px;padding-bottom:16px;
}
.rab-mast__brand{display:flex;align-items:center;gap:13px;min-width:0}
.rab-mast__mark{flex:0 0 auto;width:38px;height:38px;color:var(--rab-merah)}
.rab-mast__name{
  font:400 clamp(30px,5.2vw,52px)/0.92 var(--rab-disp);
  letter-spacing:-.012em;margin:0;color:var(--rab-ink);white-space:nowrap;
}
.rab-mast__name b{font-weight:400;color:var(--rab-merah)}
.rab-mast__tag{display:block;margin-top:6px}
.rab-mast__meta{text-align:right;flex:0 0 auto;padding-bottom:4px}
.rab-mast__meta span{display:block;margin-top:5px}

/* --- rab:nav ------------------------------------------------------------- */
.rab-nav{background:var(--rab-paper);border-bottom:2px solid var(--rab-ink)}
.rab-nav__in{display:flex;align-items:stretch;justify-content:space-between;gap:12px}
.rab-nav__list{display:flex;list-style:none;margin:0;padding:0;flex-wrap:wrap}
.rab-nav__list li{display:flex}
.rab-nav__list a{
  display:flex;align-items:center;gap:7px;padding:13px 13px 12px;
  font:700 12px/1 var(--rab-mono);letter-spacing:.09em;text-transform:uppercase;
  color:var(--rab-ink-2);border-right:1px solid var(--rab-line);
  transition:background .14s ease,color .14s ease;
}
.rab-nav__list li:first-child a{border-left:1px solid var(--rab-line)}
.rab-nav__list a:hover{background:var(--rab-paper-2);color:var(--rab-ink)}
.rab-nav__list a[aria-current]{color:var(--rab-merah);box-shadow:inset 0 -3px 0 var(--rab-merah)}
.rab-nav__ico{width:15px;height:15px;flex:0 0 auto;opacity:.72}
.rab-nav__all{
  display:flex;align-items:center;gap:8px;padding:13px 0 12px;white-space:nowrap;
  font:700 12px/1 var(--rab-mono);letter-spacing:.09em;text-transform:uppercase;color:var(--rab-ink-2);
}
.rab-nav__all a{color:var(--rab-ink-2)}
.rab-nav__all a:hover{color:var(--rab-merah)}
.rab-nav__all i{font-style:normal;color:var(--rab-ink-3)}   /* разделитель, не текст */
.rab-burger,.rab-nav__toggle,.rab-nav__close{display:none}

/* --- rab:page ------------------------------------------------------------ */
.rab-main{padding:var(--rab-gap) 0 54px}
.rab-sheet{
  background:var(--rab-paper);border:1px solid var(--rab-line);
  box-shadow:0 1px 0 rgba(23,19,14,.04),0 18px 44px -32px rgba(23,19,14,.45);
  max-width:calc(var(--rab-w-text) + var(--rab-sheet)*2);margin:0 auto;
  padding:var(--rab-sheet);
}
.rab-sheet--wide{max-width:calc(var(--rab-w) - var(--rab-pad)*2)}

/* --- rab:rule — разделитель с ярлыком ------------------------------------ */
.rab-rule{
  display:flex;align-items:center;gap:14px;margin:44px 0 22px;
}
.rab-rule::before,.rab-rule::after{content:"";height:1px;background:var(--rab-line-2);flex:1}
.rab-rule::before{flex:0 0 26px}
.rab-rule__t{
  font:700 12px/1 var(--rab-mono);letter-spacing:.2em;text-transform:uppercase;
  color:var(--rab-ink);white-space:nowrap;
}
.rab-rule__t i{font-style:normal;color:var(--rab-merah);margin-right:8px}

/* --- rab:lead — первый экран главной ------------------------------------- */
.rab-lead{
  display:grid;gap:0;
  grid-template-columns:minmax(0,258px) minmax(0,1fr) minmax(0,266px);
  border-top:2px solid var(--rab-ink);
}
.rab-lead__col{padding:22px 24px;border-right:1px solid var(--rab-line);min-width:0}
.rab-lead__col:last-child{border-right:0;padding-right:0}
.rab-lead__col:first-child{padding-left:0}
.rab-lead__main{background:var(--rab-paper);border:1px solid var(--rab-line);padding:0 0 22px;margin-top:0}
.rab-lead__main .rab-figure{margin:0}
/* подпись кадра живёт на бумаге лида — отступ по колонке, а не по картинке */
.rab-lead__main .rab-figure figcaption{padding:0 26px;margin-top:11px}
.rab-lead__body{padding:18px 26px 0}
.rab-lead__h{
  font:400 clamp(26px,3.4vw,40px)/1.08 var(--rab-disp);letter-spacing:-.01em;margin:10px 0 0;
}
.rab-lead__h a:hover{color:var(--rab-merah)}
.rab-lead__d{margin:12px 0 0;color:var(--rab-ink-2);font-size:16.5px}

/* короткие анонсы левой колонки — только текст, разделены волосяной линией */
.rab-teas{padding:0 0 18px;margin:0 0 18px;border-bottom:1px solid var(--rab-line)}
.rab-teas:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}
.rab-teas__h{font:400 21px/1.2 var(--rab-disp);margin:8px 0 0}
.rab-teas__h a:hover{color:var(--rab-merah)}
.rab-teas__d{margin:8px 0 0;font-size:15px;color:var(--rab-ink-2);line-height:1.55}

/* --- rab:rail — врезка правой колонки ------------------------------------ */
.rab-rail{background:var(--rab-paper-2);border:1px solid var(--rab-line);padding:20px}
.rab-rail__h{
  display:flex;align-items:center;gap:8px;margin:0 0 14px;
  font:700 12px/1 var(--rab-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--rab-pandan);
}
.rab-rail__h svg{width:16px;height:16px}
.rab-rail ol{list-style:none;margin:0;padding:0;counter-reset:rab}
.rab-rail li{
  counter-increment:rab;display:grid;grid-template-columns:26px 1fr;gap:10px;
  padding:11px 0;border-top:1px solid var(--rab-line);
}
.rab-rail li:first-child{border-top:0;padding-top:0}
.rab-rail li::before{
  content:counter(rab,decimal-leading-zero);
  font:700 12px/1.5 var(--rab-mono);color:var(--rab-merah);
}
.rab-rail li a{font-size:15px;line-height:1.42;font-weight:500}
.rab-rail li a:hover{color:var(--rab-merah)}

/* --- rab:strip — полоса рубрики ------------------------------------------ */
.rab-strip{display:grid;grid-template-columns:minmax(0,214px) minmax(0,1fr);gap:28px;margin:0 0 10px}
.rab-strip__side{padding-top:4px}
.rab-strip__ico{
  width:46px;height:46px;color:var(--rab-merah);
  border:1px solid var(--rab-line-2);background:var(--rab-paper);padding:9px;margin-bottom:14px;
}
.rab-strip__t{font:400 27px/1.12 var(--rab-disp);margin:0 0 8px}
.rab-strip__t a:hover{color:var(--rab-merah)}
.rab-strip__d{margin:0 0 14px;font-size:14.5px;line-height:1.55;color:var(--rab-ink-2)}
.rab-strip__more{
  display:inline-flex;align-items:center;gap:7px;
  font:700 11px/1 var(--rab-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rab-pandan);
  border-bottom:1px solid var(--rab-pandan);padding-bottom:4px;
}
.rab-strip__more:hover{color:var(--rab-merah);border-color:var(--rab-merah)}
.rab-strip__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rab-line)}

/* --- rab:card ------------------------------------------------------------ */
.rab-card{background:var(--rab-paper);padding:0 0 18px;min-width:0;display:flex;flex-direction:column}
.rab-card__ph{margin:0;overflow:hidden;background:var(--rab-paper-2)}
.rab-card__ph img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s ease}
.rab-card:hover .rab-card__ph img{transform:scale(1.032)}
.rab-card__b{padding:14px 18px 0;display:flex;flex-direction:column;gap:9px}
.rab-card__h{font:400 20px/1.2 var(--rab-disp);margin:0}
.rab-card__h a:hover{color:var(--rab-merah)}
.rab-card__d{margin:0;font-size:14.5px;line-height:1.5;color:var(--rab-ink-2)}

/* --- rab:list — текстовая лента ------------------------------------------ */
.rab-list{list-style:none;margin:0;padding:0;columns:2;column-gap:34px}
.rab-list li{break-inside:avoid;padding:10px 0;border-bottom:1px solid var(--rab-line)}
.rab-list a{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:baseline;font-size:15px}
.rab-list a:hover{color:var(--rab-merah)}
.rab-list .rab-mk{white-space:nowrap}

/* --- rab:hub — шапка рубрики --------------------------------------------- */
.rab-hub{border-top:2px solid var(--rab-ink);background:var(--rab-paper);margin-bottom:26px}
.rab-hub__in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,42%);gap:0;align-items:stretch}
.rab-hub__t{padding:30px 30px 26px}
.rab-hub__h{font:400 clamp(30px,4vw,44px)/1.06 var(--rab-disp);margin:12px 0 0;letter-spacing:-.01em}
.rab-hub__d{margin:14px 0 0;color:var(--rab-ink-2);max-width:46ch}
.rab-hub__ph{margin:0;position:relative;min-height:190px}
.rab-hub__ph img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}

/* --- rab:figure — кадр с кредитом ---------------------------------------- */
.rab-figure{margin:0 0 22px}
.rab-figure img{width:100%}
.rab-figure figcaption{
  margin-top:9px;padding:0 2px;
  font:400 12.5px/1.45 var(--rab-mono);color:var(--rab-ink-3);
}
.rab-figure figcaption b{color:var(--rab-ink-2);font-weight:700}
.rab-figure--hero img{aspect-ratio:16/8;object-fit:cover}
@media (max-width:640px){.rab-figure--hero img{aspect-ratio:4/3}}

/* --- rab:band — полоса-иллюстрация рубрики на архивном листе -------------- */
.rab-figure--band{margin:20px 0 4px}
.rab-figure--band img{aspect-ratio:16/5;object-fit:cover;filter:saturate(.92)}
@media (max-width:640px){.rab-figure--band img{aspect-ratio:16/8}}

/* --- rab:plate — рисованная шапка листа без фотографии -------------------- */
.rab-plate{
  position:relative;overflow:hidden;margin:22px 0 4px;padding:20px 22px 18px 66px;
  background:var(--rab-paper-2);border:1px solid var(--rab-line);
}
.rab-plate::after{
  content:"";position:absolute;inset:0 0 0 auto;width:120px;opacity:.16;
  background:repeating-linear-gradient(135deg,currentColor 0 2px,transparent 2px 9px);
  pointer-events:none;
}
.rab-plate--pandan{color:var(--rab-pandan)}
.rab-plate--merah{color:var(--rab-merah)}
.rab-plate__mark{
  position:absolute;left:20px;top:20px;display:flex;align-items:center;justify-content:center;
  width:32px;height:32px;border:1.5px solid currentColor;border-radius:50%;
}
.rab-plate__ico{width:17px;height:17px}
.rab-plate__l{margin:7px 0 0;color:var(--rab-ink-2);font-size:14.5px;line-height:1.55}

/* --- rab:art — страница материала ---------------------------------------- */
.rab-crumb{margin:0 0 16px;display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.rab-crumb a{color:var(--rab-ink-2)}
.rab-crumb a:hover{color:var(--rab-merah)}
.rab-crumb span{color:var(--rab-ink-2)}
.rab-crumb i{font-style:normal;color:var(--rab-line-2)}
.rab-art__h{font:400 clamp(28px,4.2vw,42px)/1.08 var(--rab-disp);letter-spacing:-.012em;margin:0 0 14px}
.rab-art__stand{font-size:19px;line-height:1.55;color:var(--rab-ink-2);margin:0 0 18px}
.rab-art__meta{
  display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;
  padding:12px 0;border-top:1px solid var(--rab-line);border-bottom:1px solid var(--rab-line);
  margin:0 0 24px;
}
.rab-art__meta svg{width:14px;height:14px;vertical-align:-2px;margin-right:6px;opacity:.7}
.rab-art__body{font-size:17.4px;line-height:1.72}
.rab-art__body p{margin:0 0 17px}
.rab-art__body h2{
  font:400 27px/1.18 var(--rab-disp);margin:34px 0 12px;padding-top:16px;
  border-top:1px solid var(--rab-line);
}
.rab-art__body h3{font:700 17px/1.3 var(--rab-sans);margin:24px 0 10px;letter-spacing:-.005em}
.rab-art__body ul,.rab-art__body ol{margin:0 0 18px;padding-left:22px}
.rab-art__body li{margin:0 0 8px}
.rab-art__body ul{list-style:none;padding-left:0}
.rab-art__body ul li{position:relative;padding-left:24px}
.rab-art__body ul li::before{
  content:"";position:absolute;left:2px;top:10px;width:9px;height:1px;background:var(--rab-merah);
}
.rab-art__body blockquote{
  margin:24px 0;padding:2px 0 2px 20px;border-left:3px solid var(--rab-kunyit);
  font:400 20px/1.45 var(--rab-disp);color:var(--rab-ink);
}
.rab-art__body a{color:var(--rab-pandan);border-bottom:1px solid rgba(21,88,74,.35)}
.rab-art__body a:hover{color:var(--rab-merah);border-color:var(--rab-merah)}
.rab-art__body table{width:100%;border-collapse:collapse;margin:0 0 20px;font-size:15.5px}
.rab-art__body th,.rab-art__body td{
  padding:11px 16px;border:1px solid var(--rab-line);text-align:left;vertical-align:top;
}
.rab-art__body th{background:var(--rab-paper-2);font:700 12px/1.3 var(--rab-mono);
  letter-spacing:.1em;text-transform:uppercase}
.rab-art__body img{margin:20px 0}

/* --- rab:toc — своё оглавление, свёрнутое -------------------------------- */
.rab-toc{border:1px solid var(--rab-line);background:var(--rab-paper-2);margin:0 0 26px}
.rab-toc>summary{
  list-style:none;cursor:pointer;padding:13px 16px;display:flex;align-items:center;gap:9px;
  font:700 12px/1 var(--rab-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--rab-ink-2);
}
.rab-toc>summary::-webkit-details-marker{display:none}
.rab-toc>summary svg{width:14px;height:14px;transition:transform .18s ease}
.rab-toc[open]>summary svg{transform:rotate(90deg)}
.rab-toc ol{margin:0;padding:0 16px 14px 34px;font-size:15px}
.rab-toc li{margin:0 0 7px}
.rab-toc a{color:var(--rab-pandan)}
.rab-toc a:hover{color:var(--rab-merah)}

/* --- rab:related --------------------------------------------------------- */
.rab-related{margin:34px 0 0;border-top:2px solid var(--rab-ink);padding-top:18px}
.rab-related ul{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:var(--rab-line)}
.rab-related li{background:var(--rab-paper)}
.rab-related a{
  display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;padding:13px 4px;
  font-size:15.5px;line-height:1.45;
}
.rab-related svg{width:18px;height:18px;color:var(--rab-merah);margin-top:1px}
.rab-related a:hover{color:var(--rab-merah)}

/* --- rab:note — врезка-дисклеймер ---------------------------------------- */
.rab-note{
  margin:26px 0 0;padding:16px 18px;background:var(--rab-paper-2);
  border-left:3px solid var(--rab-pandan);font-size:14.5px;line-height:1.55;color:var(--rab-ink-2);
}
.rab-note b{color:var(--rab-ink)}

/* --- rab:auto — лента анонсов автопубликаций (робот дописывает сам) ------- */
.rab-auto{margin:28px 0 0}
.rab-auto__list>div{padding-bottom:14px;border-bottom:1px solid var(--rab-line)}
.rab-auto__list>div:last-child{border-bottom:0}
.rab-auto__list h4{font:400 20px/1.25 var(--rab-disp);margin:0 0 5px}
.rab-auto__list h4 a{color:var(--rab-ink)}
.rab-auto__list h4 a:hover{color:var(--rab-merah)}
.rab-auto__list p{
  margin:0;font:400 14px/1.5 var(--rab-sans);color:var(--rab-ink-2);
}

/* --- rab:foot ------------------------------------------------------------ */
.rab-foot{background:var(--rab-night);color:#d9cfbf;margin-top:8px}
.rab-foot a{color:#d9cfbf}
.rab-foot a:hover{color:#fff}
.rab-foot__top{
  display:grid;grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr));gap:30px;
  padding-top:42px;padding-bottom:30px;
}
.rab-foot__brand{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.rab-foot__brand svg{width:32px;height:32px;color:var(--rab-kunyit)}
.rab-foot__name{font:400 28px/1 var(--rab-disp);color:#fff}
.rab-foot__about{font-size:14.5px;line-height:1.6;color:#a9a093;margin:0;max-width:40ch}
.rab-foot h3{
  font:700 11px/1 var(--rab-mono);letter-spacing:.17em;text-transform:uppercase;
  color:var(--rab-kunyit);margin:0 0 14px;
}
.rab-foot ul{list-style:none;margin:0;padding:0}
.rab-foot li{margin:0 0 10px;font-size:14.5px}
.rab-foot__bot{
  border-top:1px solid #2c251c;padding-top:18px;padding-bottom:34px;
  display:flex;flex-wrap:wrap;gap:10px 24px;justify-content:space-between;align-items:baseline;
}
.rab-foot__bot p{margin:0;font-size:13px;color:#8e8477;max-width:70ch;line-height:1.55}

/* --- rab:mobile ---------------------------------------------------------- */
@media (max-width:900px){
  :root{--rab-pad:16px;--rab-gap:14px;--rab-sheet:18px}
  .rab-mast__in{padding-top:14px;padding-bottom:12px;align-items:center}
  .rab-mast__meta{display:none}
  .rab-nav__in{position:relative;display:block}
  .rab-burger{
    display:flex;align-items:center;gap:9px;padding:12px 0;cursor:pointer;
    min-height:46px;font:700 12px/1 var(--rab-mono);letter-spacing:.14em;text-transform:uppercase;
    color:var(--rab-ink);
  }
  .rab-burger svg{width:22px;height:22px}
  .rab-nav__list{
    display:none;flex-direction:column;padding:4px 0 10px;border-top:1px solid var(--rab-line);
  }
  .rab-nav__list li{display:block}
  .rab-nav__list a{
    border-right:0;border-bottom:1px solid var(--rab-line);padding:15px 2px;min-height:48px;
  }
  .rab-nav__list li:first-child a{border-left:0}
  .rab-nav__all{padding:14px 2px;min-height:46px}
  .rab-nav__toggle:checked ~ .rab-nav__list{display:flex}
  .rab-nav__toggle:checked ~ .rab-nav__close{
    display:flex;align-items:center;justify-content:center;gap:8px;width:100%;
    min-height:46px;margin:6px 0 10px;border:1px solid var(--rab-line-2);background:var(--rab-paper-2);
    font:700 11px/1 var(--rab-mono);letter-spacing:.15em;text-transform:uppercase;color:var(--rab-ink-2);
    cursor:pointer;
  }
  .rab-lead{grid-template-columns:minmax(0,1fr);border-top-width:2px}
  .rab-lead__col{border-right:0;border-bottom:1px solid var(--rab-line);padding:18px 0}
  .rab-lead__col:last-child{border-bottom:0}
  .rab-lead__order-1{order:1}.rab-lead__order-2{order:2}.rab-lead__order-3{order:3}
  .rab-lead{display:flex;flex-direction:column}
  .rab-lead__body{padding:16px 16px 0}
  .rab-lead__main .rab-figure figcaption{padding:0 16px}
  .rab-plate{padding:18px 18px 16px 58px}
  .rab-plate::after{display:none}
  .rab-strip{grid-template-columns:minmax(0,1fr);gap:16px}
  .rab-strip__grid{grid-template-columns:minmax(0,1fr)}
  .rab-hub__in{grid-template-columns:minmax(0,1fr)}
  .rab-hub__ph{order:-1}
  .rab-hub__ph img{aspect-ratio:16/9}
  .rab-hub__t{padding:20px 16px 22px}
  .rab-list{columns:1}
  .rab-foot__top{grid-template-columns:minmax(0,1fr);gap:24px;padding-top:30px}
  .rab-art__body{font-size:17px}
  .rab-art__body table{display:block;overflow-x:auto}
}
@media (max-width:600px){
  .rab-mast__name{font-size:clamp(26px,8vw,36px)}
  .rab-sheet{padding:18px 16px}
}

/* --- rab:print ----------------------------------------------------------- */
@media print{
  .rab-nav,.rab-foot,.rab-rail,.rab-related{display:none}
  body{background:#fff}
  .rab-sheet{border:0;box-shadow:none}
}