:root{
      --ink:#181719;
      --muted:#5f6168;
      --soft:#f6f2ed;
      --line:#ddd5cd;
      --red:#a61116;
      --red-dark:#7d0d12;
      --night:#171417;
      --paper:#fff;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.56}
    a{color:inherit}

    .shell-topbar{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line,#ded8d1)}
    .shell-topbar__inner{max-width:1180px;margin:0 auto;min-height:72px;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}
    .shell-brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink,#171719);font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:15px;text-decoration:none;white-space:nowrap}
    .shell-brand::before{content:"";display:block;width:22px;height:22px;background:linear-gradient(135deg,var(--red,#a61116) 0 49%,transparent 50%),#171417;border-radius:4px}
    .shell-nav{display:flex;align-items:center;gap:18px;min-width:0;color:#4d4e52;font-size:14px}
    .shell-nav a{display:inline-flex;align-items:center;color:inherit;text-decoration:none;white-space:nowrap}
    .shell-nav a[aria-current="page"]{color:var(--red,#a61116);font-weight:800}
    .shell-action{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 13px;border-radius:6px;background:var(--red,#a61116);color:#fff!important;font-weight:800}
    .shell-footer{background:#161417;color:#fff;padding:52px 24px}
    .shell-footer__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.25fr repeat(4,minmax(0,1fr));gap:32px}
    .shell-footer__brand strong{display:block;font-size:18px;text-transform:uppercase;letter-spacing:.08em}
    .shell-footer__brand p,.shell-footer__cta p{margin:12px 0 0;color:#cfc8c5;font-size:14px;line-height:1.55}
    .shell-footer h3{margin:0 0 12px;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.08em}
    .shell-footer a{display:block;color:#d9d4d0;text-decoration:none;font-size:14px;line-height:1.35;margin-bottom:9px}
    .shell-footer a:hover{color:#fff}
    .shell-footer__cta a{display:inline-flex;margin-top:14px;margin-bottom:0;padding:10px 13px;border-radius:6px;background:var(--red,#a61116);color:#fff;font-weight:800}
    @media (max-width:920px){
      .shell-topbar{position:static}
      .shell-topbar__inner{min-height:0;padding:16px 18px;align-items:flex-start;flex-direction:column}
      .shell-nav{width:100%;flex-wrap:wrap;gap:12px}
      .shell-action{width:100%;max-width:320px}
      .shell-footer__inner{grid-template-columns:1fr;gap:24px}
    }

    .hero{padding:36px 24px 46px;background:linear-gradient(124deg,#171417 0%,#1c1a1e 58%,#2d1418 100%);color:#fff}
    .hero__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.32fr);gap:28px;align-items:end}
    .breadcrumbs{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:26px;color:#e9c7c3;font-size:14px}
    .breadcrumbs a{text-decoration:none;color:#fff;font-weight:800}
    .eyebrow{margin:0 0 14px;color:#f0c6c3;font-size:13px;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
    h1{max-width:900px;margin:0;font-size:clamp(38px,5.2vw,68px);line-height:1.02;letter-spacing:0}
    .hero__lead{max-width:820px;margin:18px 0 0;color:#e6ded9;font-size:19px;line-height:1.52}
    .hero-card{padding:22px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-left:5px solid var(--red);border-radius:8px}
    .hero-card strong{display:block;font-size:44px;line-height:1}
    .hero-card span{display:block;margin-top:8px;color:#d9d1cd;font-weight:800}
    .progress{height:8px;margin-top:18px;border-radius:999px;background:#342d31;overflow:hidden}
    .progress i{display:block;height:100%;width:var(--lesson-progress,0%);background:var(--red)}
    .quick{background:#fff;border-bottom:1px solid var(--line)}
    .quick__inner{max-width:1180px;margin:0 auto;padding:14px 24px;display:flex;gap:10px;overflow:auto}
    .quick a{display:inline-flex;align-items:center;min-height:38px;padding:0 13px;border:1px solid var(--line);border-radius:999px;color:#4e5056;text-decoration:none;font-weight:800;white-space:nowrap}
    .layout{max-width:1180px;margin:0 auto;padding:54px 24px 82px;display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:34px;align-items:start}
    .article{min-width:0}
    .lesson-block,.task-block,.answer-block,.law-note,.thesis-block{margin-bottom:22px}
    .lesson-block{padding:28px;background:#fff;border:1px solid var(--line);border-radius:8px}
    .lesson-block--heading{padding:0;border:0;background:transparent}
    .lesson-block--heading h2{font-size:34px}
    .lesson-block--media{display:grid;grid-template-columns:minmax(0,.85fr) minmax(360px,.9fr);gap:26px;align-items:start}
    .lesson-block--figure{padding:18px}
    .law-note{padding:34px 42px;background:#f3f3f3;border-radius:0}
    .law-note__quote{margin:0 0 26px;font-size:23px;line-height:1.25;font-style:italic;font-weight:800}
    .law-note__quote:last-child{margin-bottom:0}
    .thesis-block{display:grid;grid-template-columns:minmax(220px,.42fr) minmax(0,1fr);gap:36px;align-items:start;padding:28px 0;background:#fff}
    .thesis-block__term{padding-top:18px;border-top:5px solid #111;font-size:22px;line-height:1.35;font-style:italic;font-weight:800}
    .thesis-block__body{font-size:19px}
    h2{margin:0 0 14px;font-size:28px;line-height:1.14}
    .rich-text{color:#292a2f;font-size:18px}
    .rich-text p{margin:0 0 14px}
    .rich-text br{line-height:1.9}
    .rich-text a{color:var(--red);font-weight:800;text-decoration-thickness:1px;text-underline-offset:3px}
    .rich-text strong,.rich-text b{font-weight:900}
    .rich-text ul,.rich-text ol{padding-left:24px}
    .rich-text li+li{margin-top:8px}
    .task-block,.answer-block{padding:26px;border-radius:8px}
    .task-block{background:#f3e8e5;border:1px solid #e9cbc5}
    .answer-block{background:#eef3f0;border:1px solid #cbded4}
    .answer-block summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none}
    .answer-block summary::-webkit-details-marker{display:none}
    .answer-block summary::after{content:'Показать';flex:0 0 auto;padding:8px 12px;border:1px solid #b9d1c5;border-radius:6px;color:#0f766e;font-size:13px;font-weight:900}
    .answer-block[open] summary{margin-bottom:16px}
    .answer-block[open] summary::after{content:'Скрыть'}
    .answer-block summary strong{font-size:22px;line-height:1.2}
    .block-label{margin:0 0 12px;color:var(--red);font-size:12px;font-weight:900;letter-spacing:.13em;text-transform:uppercase}
    .answer-block summary .block-label{margin:0}
    .answer-block .block-label{color:#0f766e}
    .lesson-figure{margin:0}
    .image-zoom{position:relative;display:block;width:100%;padding:0;border:0;border-radius:8px;background:#f3f0eb;cursor:zoom-in;text-align:inherit}
    .image-zoom img{display:block;width:100%;height:auto;max-height:680px;object-fit:contain;border-radius:8px;background:#f3f0eb;border:1px solid var(--line)}
    .lesson-block--figure .image-zoom img{max-height:760px}
    .image-zoom:focus-visible{outline:3px solid rgba(166,17,22,.45);outline-offset:3px}
    .lesson-figure figcaption,.gallery-grid figcaption{margin-top:9px;color:#6b6d73;font-size:14px}
    .table-wrap{overflow:auto;border:1px solid var(--line);border-radius:8px;background:#fff}
    table{width:100%;border-collapse:collapse;min-width:640px}
    td{padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top;font-size:16px}
    tr:last-child td{border-bottom:0}
    td+td{border-left:1px solid var(--line)}
    .qa-list{display:grid;gap:12px}
    .qa-card{padding:22px;background:#fff;border:1px solid var(--line);border-radius:8px}
    .qa-card h3{margin:0 0 12px;color:var(--red);font-size:20px;line-height:1.25}
    .gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
    .sidebar{position:sticky;top:92px}
    .side-card{padding:22px;background:var(--night);color:#fff;border-radius:8px;margin-bottom:14px}
    .side-card h2{font-size:24px}
    .side-card p{margin:12px 0 0;color:#d9d1cd}
    .side-card a{display:inline-flex;align-items:center;justify-content:center;min-height:42px;margin-top:16px;padding:0 13px;border-radius:6px;background:var(--red);color:#fff;text-decoration:none;font-weight:900}
    .lesson-nav{display:grid;gap:8px}
    .lesson-nav a{display:grid;grid-template-columns:38px minmax(0,1fr);gap:10px;align-items:center;padding:10px;border:1px solid var(--line);border-radius:8px;text-decoration:none;background:#fff}
    .lesson-nav a[aria-current="page"]{border-color:var(--red);box-shadow:inset 4px 0 0 var(--red)}
    .lesson-nav span{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:6px;background:var(--night);color:#fff;font-weight:900}
    .lesson-nav strong{font-size:13px;line-height:1.25}
    .prev-next{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:30px}
    .prev-next a{padding:20px;background:var(--soft);border:1px solid var(--line);border-radius:8px;text-decoration:none}
    .prev-next span{display:block;color:var(--red);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
    .prev-next strong{display:block;margin-top:8px;font-size:20px;line-height:1.2}
    .source-note{max-width:1180px;margin:0 auto;padding:0 24px 42px;color:#8a817c;font-size:13px}
    body.lightbox-open{overflow:hidden}
    .image-lightbox[hidden]{display:none}
    .image-lightbox{position:fixed;inset:0;z-index:200;display:grid;grid-template-rows:auto minmax(0,1fr) auto;background:rgba(14,12,14,.92);color:#fff}
    .image-lightbox__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 18px;border-bottom:1px solid rgba(255,255,255,.14)}
    .image-lightbox__tools{display:flex;align-items:center;gap:8px}
    .image-lightbox button{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.08);color:#fff;border-radius:6px;min-width:38px;height:38px;font:inherit;font-weight:900;cursor:pointer}
    .image-lightbox__close{padding:0 12px}
    .image-lightbox__stage{overflow:auto;padding:18px;display:grid;place-items:center}
    .image-lightbox__stage img{display:block;width:100%;max-width:1200px;max-height:82vh;height:auto;object-fit:contain;transform-origin:center top}
    .image-lightbox__caption{min-height:46px;margin:0;padding:12px 18px;color:#e4dcda;border-top:1px solid rgba(255,255,255,.14)}
    @media (max-width:1040px){
      .hero__inner,.layout{grid-template-columns:1fr}
      .sidebar{position:static}
      .lesson-nav{grid-template-columns:repeat(2,minmax(0,1fr))}
      .lesson-block--media,.thesis-block{grid-template-columns:1fr}
      .thesis-block{gap:18px}
    }
    @media (max-width:720px){
      .hero{padding:36px 18px 42px}
      h1{font-size:38px}
      .layout{padding:42px 18px 64px}
      .lesson-block,.task-block,.answer-block,.law-note{padding:20px}
      .law-note__quote{font-size:20px}
      .thesis-block{padding:20px 0}
      .lesson-nav,.prev-next,.gallery-grid{grid-template-columns:1fr}
      .quick__inner{padding:12px 18px}
      .source-note{padding:0 18px 34px}
      .image-lightbox__stage{padding:10px}
    }