/* Разборы норм: страница статьи и список /stati/. Макеты
   _makety/2026-10-05-stati/statya.html и spisok.html, «внедряем» владельца
   05.10.2026. Классы с приставкой s3-, общий stil.css не трогают.
   Отдельным файлом: бюджет страницы 60 КБ, а стиль кэшируется. */
.s3{--kol:64ch}
.s3 ul,.s3 ol{list-style:none}
.s3 h1,.s3 h2,.s3 h3{text-wrap:balance}
:where(.s3) :is(button,input,textarea,select){font:inherit;color:inherit}
.s3 :focus-visible{outline:3px solid var(--krasn);outline-offset:2px}
.s3-mel{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:500}
html{scroll-padding-top:24px}

/* полоса чтения: красная планка растёт, дальше пунктир недочитанного */
.s3-chit{position:fixed;inset:0 0 auto 0;height:3px;z-index:40;background:repeating-linear-gradient(90deg,var(--krasn) 0 6px,transparent 6px 12px);opacity:.9;pointer-events:none}
.s3-chit i{display:block;height:100%;width:0;background:var(--krasn)}

/* 1. Титул: заголовок и штамп сверки сеткой ячеек */
.s3-titul{padding:40px 0 64px}
.s3-kroshki{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:15px;color:var(--tusk);margin-bottom:36px}
.s3-kroshki a{text-decoration:none}
.s3-kroshki a:hover{color:var(--tma);text-decoration:underline}
.s3-kroshki span[aria-hidden]{color:var(--liniya-t)}
.s3-titul h1{font-size:56px;line-height:1.04;letter-spacing:-.03em;font-weight:300;max-width:20ch}
.s3-titul h1 b{font-weight:700;display:block}
.s3-titul__niz{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,560px);gap:56px;margin-top:40px;align-items:end}
.s3-lid{font-size:24px;line-height:1.38;font-weight:300;max-width:34ch}
.s3-shtamp{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:2px solid var(--tma)}
.s3-shtamp div{padding:14px 18px;border-right:1px solid var(--tma);border-bottom:1px solid var(--tma)}
.s3-shtamp div:nth-child(2n){border-right:0}
.s3-shtamp div:nth-child(n+3){border-bottom:0}
.s3-shtamp span{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tusk)}
.s3-shtamp b{display:block;font-size:24px;font-weight:700;letter-spacing:-.01em;margin-top:2px}
.s3-shtamp .s3-kr b{color:var(--krasn)}
@media (max-width:900px){
 .s3-titul{padding:24px 0 40px}
 .s3-kroshki{margin-bottom:22px;font-size:13px}
 .s3-titul h1{font-size:36px}
 .s3-titul__niz{grid-template-columns:minmax(0,1fr);gap:28px;margin-top:22px}
 .s3-lid{font-size:20px}
 .s3-shtamp b{font-size:20px}
 .s3-shtamp div{padding:12px 14px}
}

/* 2. Коротко: тёмная полоса, шкала оснований */
.s3-korotko{background:var(--tma);color:var(--svet);padding:56px 0 60px}
.s3-korotko__verh{display:flex;justify-content:space-between;gap:40px;align-items:baseline;flex-wrap:wrap}
.s3-korotko h2{font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:300;max-width:24ch}
.s3-korotko h2 b{font-weight:700}
.s3-korotko .s3-mel{color:var(--tusk-t)}
.s3-shkala{display:grid;gap:6px;margin-top:40px}
.s3-shkala__gr{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:6px}
.s3-seg{position:relative;min-height:150px;padding:18px 20px;display:flex;flex-direction:column;justify-content:space-between;gap:14px;overflow:hidden;background:var(--svet);color:var(--tma)}
.s3-seg--kr{background:var(--krasn);color:#fff}
.s3-seg b{font-size:20px;font-weight:700;line-height:1.2;max-width:18ch}
.s3-seg span{font-size:15px;opacity:.75}
.s3-shkala__podp{display:grid;gap:6px;margin-top:14px;font-size:15px;color:var(--tusk-t)}
.s3-shkala__podp p{border-top:1px solid var(--liniya-t);padding-top:10px}
.s3-shkala__podp p b{color:var(--svet);font-weight:500}
@media (max-width:900px){
 .s3-korotko{padding:40px 0}
 .s3-korotko h2{font-size:24px}
 .s3-shkala,.s3-shkala__gr{grid-template-columns:minmax(0,1fr)!important}
 .s3-seg{min-height:0}
 .s3-shkala__podp{display:none}
 .s3-seg span::before{content:attr(data-gr) " · ";font-weight:700}
}

/* 3. Чтение: рейка разделов слева, колонка текста */
.s3-chtenie{padding:72px 0 40px}
.s3-chtenie__setka{display:grid;grid-template-columns:240px minmax(0,1fr);gap:72px}
.s3-reyka{position:sticky;top:32px;align-self:start}
.s3-reyka .s3-mel{color:var(--tusk);display:block;margin-bottom:16px}
.s3-reyka ol{border-left:2px solid var(--liniya)}
.s3-reyka a{display:block;text-decoration:none;font-size:15px;line-height:1.35;padding:9px 0 9px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--tusk)}
.s3-reyka a:hover{color:var(--tma)}
.s3-reyka a.s3-tut{border-left-color:var(--krasn);color:var(--tma);font-weight:500}
.s3-tekst{max-width:var(--kol);line-height:1.55}
.s3-tekst>p{margin-top:18px}
.s3-tekst>p:first-child{font-size:20px;line-height:1.5;margin-top:0}
.s3-tekst h2{font-size:36px;line-height:1.12;letter-spacing:-.02em;font-weight:700;margin-top:72px;max-width:22ch;scroll-margin-top:24px}
.s3-tekst h2+p{margin-top:20px}
.s3-tekst a{text-decoration-color:var(--krasn);text-underline-offset:3px}
.s3-tekst .spis{border-top:0;margin-top:18px}
.s3-tekst .tbl{margin-top:28px}
.s3-tekst .tbl th{border-bottom:2px solid var(--tma)}
@media (max-width:1100px){.s3-chtenie__setka{grid-template-columns:minmax(0,1fr)}.s3-reyka{display:none}}
@media (max-width:900px){.s3-chtenie{padding:44px 0 24px}.s3-tekst h2{font-size:24px;margin-top:52px}}

/* 3а. Цитата нормы: Literata, источник висит на поле справа */
.s3-cit{position:relative;margin:32px 0 8px;padding-left:26px;border-left:4px solid var(--tma)}
.s3-cit blockquote{font-family:var(--serif);font-size:20px;line-height:1.55}
.s3-cit figcaption{position:absolute;left:calc(100% + 32px);top:4px;width:190px;font-size:13px;line-height:1.45;color:var(--tusk);border-top:2px solid var(--krasn);padding-top:10px}
.s3-cit figcaption b{display:block;color:var(--tma);font-size:15px;font-weight:700;margin-bottom:4px}
.s3-cit figcaption span{display:block}
@media (max-width:1360px){.s3-cit figcaption{position:static;width:auto;margin-top:14px;display:flex;flex-wrap:wrap;gap:4px 14px;border-top:0;padding-top:0}.s3-cit figcaption b{margin:0;font-size:13px}}
@media (max-width:900px){.s3-cit{padding-left:16px}.s3-cit blockquote{font-size:17px}}

/* 3б. Развилка: две колонки, куда что ложится */
.s3-razbor{display:grid;grid-template-columns:2fr 1fr;margin-top:28px;border-top:2px solid var(--tma)}
.s3-razbor__kol{padding:16px 20px 20px 0}
.s3-razbor__kol+.s3-razbor__kol{padding-left:20px;padding-right:0;border-left:1px dashed var(--krasn)}
.s3-razbor h3{font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;margin-bottom:14px;line-height:1.4}
.s3-razbor__kol+.s3-razbor__kol h3{color:var(--krasn)}
.s3-razbor__kart{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.s3-osn{padding:14px 16px;background:var(--bumaga);border:1px solid var(--liniya)}
.s3-osn b{display:block;font-weight:700;line-height:1.3}
.s3-osn span{display:block;margin-top:8px;font-size:15px;color:var(--tusk)}
.s3-razbor__kol+.s3-razbor__kol .s3-osn{border:2px solid var(--krasn)}
@media (max-width:900px){.s3-razbor,.s3-razbor__kart{grid-template-columns:minmax(0,1fr)}.s3-razbor__kol{padding-right:0}.s3-razbor__kol+.s3-razbor__kol{padding-left:0;border-left:0;border-top:1px dashed var(--krasn)}}

/* 3в. Ход решения: цепочка с одной точкой срока */
.s3-hod{display:flex;align-items:stretch;margin-top:28px;font-size:15px}
.s3-hod li{flex:1;position:relative;padding:12px 14px 12px 0;border-top:2px solid var(--tma)}
.s3-hod li::before{content:"";position:absolute;top:-7px;left:0;width:12px;height:12px;background:var(--tma)}
.s3-hod li.s3-srok{border-top-color:var(--krasn)}
.s3-hod li.s3-srok::before{background:var(--krasn)}
.s3-hod li b{display:block;font-size:17px;padding-top:6px}
.s3-hod li.s3-srok b{color:var(--krasn)}
@media (max-width:900px){.s3-hod{flex-direction:column}.s3-hod li{border-top:0;border-left:2px solid var(--tma);padding:4px 0 14px 18px}.s3-hod li::before{top:4px;left:-7px}.s3-hod li.s3-srok{border-left-color:var(--krasn)}.s3-hod li b{padding-top:0}}

/* 3г. Замена: зачёркнутое и чем его заменяют */
.s3-zamena{margin-top:28px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 28px;align-items:start}
.s3-zamena__net{font-size:24px;font-weight:300;white-space:nowrap;padding-top:6px}
.s3-zamena__net s{text-decoration-color:var(--krasn);text-decoration-thickness:3px}
.s3-zamena__net small{display:block;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tusk);margin-top:4px}
.s3-zamena ul li{display:flex;gap:14px;align-items:baseline;padding:10px 0;border-bottom:1px solid var(--liniya);font-weight:500}
.s3-zamena ul li::before{content:"";flex:none;width:22px;height:2px;background:var(--tma);transform:translateY(-5px)}
.s3-zamena__norma{grid-column:2;font-size:13px;color:var(--tusk);margin-top:8px}
@media (max-width:900px){.s3-zamena{grid-template-columns:minmax(0,1fr)}.s3-zamena__net{font-size:20px;margin-bottom:8px;white-space:normal}.s3-zamena__norma{grid-column:1}}

/* 3д. Особые случаи: подпись на полях слева */
.s3-sluchai{margin-top:28px}
.s3-sluchai div{display:grid;grid-template-columns:210px minmax(0,1fr);gap:20px;padding:16px 0;border-top:1px solid var(--liniya)}
.s3-sluchai dt{font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding-top:3px}
@media (max-width:900px){.s3-sluchai div{grid-template-columns:minmax(0,1fr);gap:6px}}

/* 3е. Запасные пути: плюсы к перечню */
.s3-zapas{margin-top:24px;padding:20px 22px;background:var(--bumaga);border-left:4px solid var(--zel)}
.s3-zapas p{font-size:15px;color:var(--tusk)}
.s3-zapas ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.s3-zapas li{padding:6px 12px;border:1px solid var(--zel);color:var(--zel);font-weight:500;font-size:15px}
.s3-zapas li::before{content:"+ "}

/* 3ж. Фотография: угол у одних ведомств есть, у других нет */
.s3-foto{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:28px}
.s3-foto figure{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:start}
.s3-kadr{position:relative;width:96px;height:128px;background:var(--liniya);overflow:hidden}
.s3-kadr::before{content:"";position:absolute;left:50%;top:26px;width:40px;height:48px;margin-left:-20px;background:var(--tusk-t);border-radius:50% 50% 46% 46%}
.s3-kadr::after{content:"";position:absolute;left:50%;bottom:-30px;width:80px;height:66px;margin-left:-40px;background:var(--tusk-t);border-radius:50% 50% 0 0}
.s3-kadr i{position:absolute;right:0;bottom:0;width:0;height:0;border-style:solid;border-width:0 0 34px 34px;border-color:transparent transparent var(--bumaga) transparent;z-index:1}
.s3-foto figcaption b{display:block;font-size:20px;font-weight:700;line-height:1.25}
.s3-foto figcaption p{font-size:15px;color:var(--tusk);margin-top:6px}
.s3-foto figcaption ul{margin-top:10px;font-weight:500}
@media (max-width:900px){.s3-foto{grid-template-columns:minmax(0,1fr)}}

/* 3з. Где норма молчит: пустое место пунктиром */
.s3-pusto{margin-top:24px;border:2px dashed var(--krasn);padding:24px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}
.s3-status{display:inline-block;background:var(--tma);color:var(--svet);font-size:13px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:7px 12px;white-space:nowrap;justify-self:start}
@media (max-width:900px){.s3-pusto{grid-template-columns:minmax(0,1fr);padding:18px}}

/* 3и. Граница: что делаем мы и чего не делаем */
.s3-granica{display:grid;grid-template-columns:1fr 1fr;margin-top:56px}
.s3-granica div{padding:20px 24px 4px 0}
.s3-granica div+div{padding-left:24px;padding-right:0;border-left:2px solid var(--tma)}
.s3-granica b{display:block;font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.s3-granica div+div b{color:var(--krasn)}
@media (max-width:900px){.s3-granica{grid-template-columns:minmax(0,1fr)}.s3-granica div+div{padding-left:0;border-left:0;border-top:2px solid var(--tma);margin-top:8px}}
/* раздел «Чего мы не утверждаем» в рамке, а не мелкой сноской */
.s3-granblok{margin-top:72px;border:2px solid var(--tma);padding:24px 28px 28px}
.s3-granblok>.s3-mel{color:var(--krasn);font-weight:700}
.s3-granblok h2{margin-top:10px}
.s3-granblok>p{margin-top:14px}
@media (max-width:900px){.s3-granblok{margin-top:52px;padding:18px}.s3-granblok h2{margin-top:8px}}

/* 4. Основание: ведомость норм с отточием */
.s3-osnovanie{background:var(--bumaga);border-block:1px solid var(--liniya);padding:64px 0}
.s3-osnovanie__setka{display:grid;grid-template-columns:320px minmax(0,1fr);gap:72px}
.s3-osnovanie h2{font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:700}
.s3-osnovanie__lev p{margin-top:16px;color:var(--tusk);font-size:15px}
.s3-vedom li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 24px;padding:18px 0;border-bottom:1px solid var(--liniya)}
.s3-vedom li:first-child{border-top:2px solid var(--tma)}
.s3-vedom__akt{font-weight:700;display:flex;gap:10px;align-items:baseline}
.s3-vedom__akt::after{content:"";flex:1;border-bottom:2px dotted var(--liniya-t);opacity:.35;transform:translateY(-4px);min-width:24px}
.s3-vedom__sost{font-size:15px;font-weight:500;max-width:22em;text-align:right}
.s3-vedom__adr{grid-column:1/-1;font-size:15px;color:var(--tusk)}
.s3-vedom .s3-spr .s3-vedom__sost{color:var(--krasn)}
@media (max-width:900px){.s3-osnovanie{padding:44px 0}.s3-osnovanie__setka{grid-template-columns:minmax(0,1fr);gap:24px}.s3-osnovanie h2{font-size:24px}.s3-vedom li{grid-template-columns:minmax(0,1fr)}.s3-vedom__akt::after{display:none}.s3-vedom__sost{text-align:left}}

/* 5. Вопросы: вопрос слева крупно, ответ справа */
.s3-voprosy{padding:72px 0}
.s3-voprosy h2{font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:300}
.s3-voprosy h2 b{font-weight:700}
.s3-vopr{margin-top:36px}
.s3-vopr div{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:40px;padding:26px 0;border-top:1px solid var(--tma)}
.s3-vopr dt{font-size:24px;line-height:1.25;letter-spacing:-.01em;font-weight:500}
.s3-vopr dd{max-width:var(--kol)}
.s3-vopr dd small{display:block;font-size:13px;color:var(--tusk);margin-top:8px}
@media (max-width:900px){.s3-voprosy{padding:44px 0}.s3-voprosy h2{font-size:24px}.s3-vopr div{grid-template-columns:minmax(0,1fr);gap:10px;padding:20px 0}.s3-vopr dt{font-size:20px}}

/* 6. Старт проверки: первый вопрос анкеты прямо в статье */
.s3-start{padding:72px 0}
.s3-start__ramka{border:2px solid var(--tma);background:var(--bumaga)}
.s3-start__shapka{display:flex;justify-content:space-between;gap:6px 20px;align-items:center;padding:14px 24px;background:var(--tma);color:var(--svet);flex-wrap:wrap}
.s3-start__shapka span{font-size:15px;color:var(--tusk-t)}
.s3-start__telo{padding:32px 24px 28px}
.s3-start__telo h2{font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:700}
.s3-start__telo>p{margin-top:10px;color:var(--tusk);max-width:var(--kol);font-size:15px}
.s3-plitki{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:24px;border-top:1px solid var(--liniya);border-left:1px solid var(--liniya)}
.s3-plitki a{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:64px;padding:12px 16px;text-decoration:none;font-weight:500;line-height:1.3;border-right:1px solid var(--liniya);border-bottom:1px solid var(--liniya)}
.s3-plitki a::after{content:"→";flex:none;font-size:20px;transition:transform .2s}
.s3-plitki a:hover{background:var(--tma);color:var(--svet)}
.s3-plitki a:hover::after{transform:translateX(6px)}
.s3-start__niz{margin-top:16px;font-size:13px!important}
@media (max-width:900px){.s3-start{padding:44px 0}.s3-start__telo{padding:22px 16px}.s3-start__telo h2{font-size:24px}.s3-plitki{grid-template-columns:minmax(0,1fr)}.s3-plitki a{min-height:52px}.s3-start__shapka{padding:12px 16px}}

/* 7. Талон юристу: корешок с темой, линия отреза, поля */
.s3-talon-zona{background:var(--liniya);padding:72px 0}
.s3-talon{display:grid;grid-template-columns:300px minmax(0,1fr);background:var(--bumaga)}
.s3-koreshok{padding:28px 26px;border-right:2px dashed var(--tusk-t);position:relative}
.s3-koreshok .s3-mel{color:var(--tusk)}
.s3-koreshok b{display:block;font-size:24px;font-weight:700;line-height:1.15;margin-top:12px}
.s3-koreshok p{margin-top:14px;font-size:15px;color:var(--tusk)}
.s3-koreshok__cena{margin-top:22px;padding-top:14px;border-top:1px solid var(--liniya)}
.s3-koreshok__cena strong{display:block;font-size:24px;font-weight:700}
.s3-koreshok::before,.s3-koreshok::after{content:"";position:absolute;right:-13px;width:24px;height:24px;background:var(--liniya)}
.s3-koreshok::before{top:-12px}.s3-koreshok::after{bottom:-12px}
.s3-talon form{padding:28px 32px;display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-content:start}
.s3-talon h2{font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:300}
.s3-talon h2 b{font-weight:700}
.s3-pole{display:flex;flex-direction:column;gap:6px}
.s3-pole>span{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tusk);font-weight:500}
.s3-pole textarea{border:0;border-bottom:2px solid var(--tma);background:transparent;padding:10px 0;font-size:17px;border-radius:0;resize:vertical;min-height:84px}
.s3-svyaz{display:flex;align-items:stretch;border-bottom:2px solid var(--tma)}
.s3-kanal{display:flex;flex:none;border-right:1px solid var(--liniya)}
.s3-kanal button{background:none;border:0;padding:0 14px;min-height:48px;font-weight:500;color:var(--tusk);cursor:pointer}
.s3-kanal button[aria-pressed="true"]{color:var(--tma);box-shadow:inset 0 -4px 0 var(--tma)}
.s3-svyaz input{flex:1;min-width:0;border:0;background:transparent;padding:10px 0 10px 16px;font-size:17px;border-radius:0;min-height:48px}
.s3-talon__niz{display:flex;gap:16px 24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.s3-sogl{display:flex;gap:10px;align-items:flex-start;max-width:44ch;font-size:13px;color:var(--tusk);line-height:1.45;cursor:pointer}
.s3-sogl input{width:20px;height:20px;accent-color:var(--tma);margin-top:0;flex:none}
.s3 .s3-medok{position:absolute;left:-9999px;width:1px;height:1px;min-height:0;overflow:hidden}
.s3-knopka{display:inline-flex;align-items:center;gap:14px;min-height:56px;padding:0 28px;background:var(--tma);color:var(--svet);text-decoration:none;font-weight:500;border:0;cursor:pointer;white-space:nowrap}
.s3-knopka i{width:22px;height:2px;background:currentColor;transition:width .2s}
.s3-knopka:hover i{width:36px}
.s3-knopka:disabled{opacity:.6;cursor:wait}
.s3-otvet{font-size:13px;color:var(--tusk)}
.s3-otvet.net{color:var(--krasn);font-size:15px;font-weight:500}
.s3-prinyato{padding:28px 32px}
.s3-prinyato h3{font-size:36px;font-weight:700;letter-spacing:-.02em}
.s3-prinyato p{margin-top:10px;max-width:52ch}
@media (max-width:900px){.s3-talon-zona{padding:44px 0}.s3-talon{grid-template-columns:minmax(0,1fr)}.s3-koreshok{border-right:0;border-bottom:2px dashed var(--tusk-t);padding:22px 18px}.s3-koreshok::before,.s3-koreshok::after{display:none}.s3-talon form,.s3-prinyato{padding:22px 18px}.s3-talon h2,.s3-prinyato h3{font-size:24px}.s3-knopka{width:100%;justify-content:space-between}.s3-svyaz{flex-direction:column;border-bottom:0}.s3-kanal{border-right:0;border-bottom:1px solid var(--liniya)}.s3-kanal button{flex:1}.s3-svyaz input{padding-left:0;border-bottom:2px solid var(--tma)}}

/* 8. Дальше: следующий разбор во всю ширину и полка темы */
.s3-dalshe{display:block;text-decoration:none;border-bottom:1px solid var(--liniya);padding:56px 0}
.s3-dalshe .list{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:40px;align-items:end}
.s3-dalshe .s3-mel{color:var(--krasn)}
.s3-dalshe b{display:block;font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:700;margin-top:14px;max-width:20ch;text-wrap:balance}
.s3-dalshe p{margin-top:16px;color:var(--tusk);max-width:60ch}
.s3-strelka{width:120px;height:4px;background:var(--tma);position:relative;transition:width .3s,background .3s;margin:0 10px 24px 0}
.s3-strelka::after{content:"";position:absolute;right:-2px;top:-8px;width:16px;height:16px;border-top:4px solid currentColor;border-right:4px solid currentColor;transform:rotate(45deg);color:var(--tma)}
.s3-dalshe:hover .s3-strelka{width:180px;background:var(--krasn)}
.s3-dalshe:hover .s3-strelka::after{color:var(--krasn)}
.s3-polka{padding:48px 0 80px}
.s3-polka__verh{display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}
.s3-polka__verh .s3-mel{color:var(--tusk)}
.s3-polka__verh a{font-weight:500}
.s3-polka ul{display:grid;grid-template-columns:5fr 4fr 3fr;margin-top:24px;border-top:2px solid var(--tma)}
.s3-polka ul.s3-polka--2{grid-template-columns:1fr 1fr}
.s3-polka ul.s3-polka--1{grid-template-columns:minmax(0,1fr)}
.s3-polka li a{display:flex;flex-direction:column;gap:12px;height:100%;padding:20px 24px 24px 0;text-decoration:none}
.s3-polka li+li a{padding-left:24px;border-left:1px solid var(--liniya)}
.s3-polka li a:hover b{text-decoration:underline;text-decoration-color:var(--krasn);text-decoration-thickness:2px}
.s3-polka b{font-size:20px;line-height:1.3;font-weight:700}
.s3-polka span{font-size:15px;color:var(--tusk)}
.s3-polosy{display:flex;gap:3px;align-items:center;margin-top:auto}
.s3-polosy em{font-style:normal;font-size:13px;color:var(--tusk);margin-left:8px}
.s3-polosy i{width:18px;height:6px;background:var(--tma)}
@media (max-width:900px){.s3-dalshe{padding:36px 0}.s3-dalshe .list{grid-template-columns:minmax(0,1fr);gap:20px}.s3-dalshe b{font-size:24px}.s3-strelka{margin:0}.s3-polka{padding:32px 0 48px}.s3-polka ul,.s3-polka ul.s3-polka--2{grid-template-columns:minmax(0,1fr)}.s3-polka li+li a{padding-left:0;border-left:0;border-top:1px solid var(--liniya)}.s3-polka b{font-size:17px}}

/* ===== Список /stati/ ===== */

/* 1. Заголовок: крупное слово и столбец счёта, фильтр направлений */
.s3-sp-geroy{padding:48px 0 56px;border-bottom:2px solid var(--tma)}
.s3-sp-geroy__setka{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:56px;align-items:end}
.s3-sp-geroy h1{font-size:104px;line-height:.92;letter-spacing:-.045em;font-weight:800}
.s3-sp-geroy h1 span{display:block;font-weight:300;font-size:56px;letter-spacing:-.03em;line-height:1.05;margin-top:14px;max-width:16ch}
.s3-sp-geroy p{font-size:20px;max-width:52ch;margin-top:28px;color:var(--tusk)}
.s3-schet{border-left:2px solid var(--tma)}
.s3-schet div{padding:12px 0 12px 20px;border-bottom:1px solid var(--liniya)}
.s3-schet div:last-child{border-bottom:0}
.s3-schet b{display:block;font-size:36px;font-weight:700;letter-spacing:-.02em;line-height:1.1}
.s3-schet span{font-size:15px;color:var(--tusk)}
.s3-filtr{display:flex;flex-wrap:wrap;margin-top:36px;border:2px solid var(--tma);width:max-content;max-width:100%}
.s3-filtr button{border:0;background:transparent;min-height:48px;padding:0 20px;font-weight:500;cursor:pointer;display:flex;gap:10px;align-items:center}
.s3-filtr button+button{border-left:2px solid var(--tma)}
.s3-filtr button sup{font-size:13px;color:var(--tusk);vertical-align:baseline}
.s3-filtr button[aria-pressed=true]{background:var(--tma);color:var(--svet)}
.s3-filtr button[aria-pressed=true] sup{color:var(--tusk-t)}
@media (max-width:900px){
 .s3-sp-geroy{padding:28px 0 36px}
 .s3-sp-geroy__setka{grid-template-columns:minmax(0,1fr);gap:28px}
 .s3-sp-geroy h1{font-size:56px}
 .s3-sp-geroy h1 span{font-size:24px}
 .s3-sp-geroy p{font-size:17px;margin-top:18px}
 .s3-schet{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-left:0;border-top:2px solid var(--tma)}
 .s3-schet div{padding:10px 8px 0 0;border-bottom:0}
 .s3-schet b{font-size:24px}
 .s3-schet span{font-size:13px;display:block;line-height:1.3}
 .s3-filtr{width:100%;margin-top:24px}
 .s3-filtr button{flex:1;padding:0 10px;justify-content:center}
}

/* 2. Полоса: главный разбор по сезону и два рядом, как газетная страница */
.s3-polosa{padding:56px 0}
.s3-polosa__setka{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.s3-polosa a{text-decoration:none;display:block}
.s3-polosa a:hover h2,.s3-polosa a:hover h3{text-decoration:underline;text-decoration-thickness:2px;text-decoration-color:var(--krasn);text-underline-offset:6px}
.s3-glavnyy{padding-right:48px;border-right:1px solid var(--tma)}
.s3-sezon{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--krasn)}
.s3-sezon i{width:28px;height:8px;background:var(--krasn)}
.s3-glavnyy h2{font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:700;margin-top:18px}
.s3-glavnyy p{font-size:20px;line-height:1.5;margin-top:20px;max-width:56ch}
.s3-glavnyy small,.s3-vtoroy small{display:block;margin-top:18px;font-size:15px;color:var(--tusk)}
.s3-vtoroy{padding:0 0 28px 40px}
.s3-vtoroy+.s3-vtoroy{padding-top:28px;border-top:1px solid var(--tma)}
.s3-vtoroy .s3-mel{color:var(--tusk)}
.s3-vtoroy h3{font-size:24px;line-height:1.2;letter-spacing:-.01em;font-weight:700;margin-top:10px}
.s3-vtoroy p{font-size:15px;margin-top:10px;color:var(--tusk);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media (max-width:900px){
 .s3-polosa{padding:36px 0}
 .s3-polosa__setka{grid-template-columns:minmax(0,1fr)}
 .s3-glavnyy{padding:0 0 28px;border-right:0;border-bottom:1px solid var(--tma)}
 .s3-glavnyy h2{font-size:36px}
 .s3-glavnyy p{font-size:17px}
 .s3-vtoroy{padding:24px 0}
 .s3-vtoroy h3{font-size:20px}
}

/* 3. Ящик каталога: ярлык проверки прилипает слева, разборы строками */
.s3-yashchik{background:var(--bumaga);border-block:1px solid var(--liniya);padding:24px 0 64px}
.s3-gruppa{display:grid;grid-template-columns:280px minmax(0,1fr);gap:48px;padding-top:40px;scroll-margin-top:24px}
.s3-gruppa[hidden]{display:none}
.s3-yarlyk{position:sticky;top:32px;align-self:start}
.s3-yarlyk .s3-mel{color:var(--tusk)}
.s3-yarlyk b{display:block;font-size:24px;line-height:1.15;font-weight:700;letter-spacing:-.01em;margin-top:8px}
.s3-yarlyk a{display:inline-flex;gap:10px;align-items:center;margin-top:14px;font-weight:500;font-size:15px;text-decoration:none;border-bottom:2px solid var(--krasn);padding-bottom:2px}
.s3-yarlyk__n{display:block;font-size:56px;font-weight:300;letter-spacing:-.03em;line-height:1;margin-top:18px;color:var(--liniya-t)}
.s3-stroki{border-top:2px solid var(--tma)}
.s3-stroka{display:grid;grid-template-columns:minmax(0,1fr) 120px 110px;gap:24px;align-items:baseline;padding:18px 0;border-bottom:1px solid var(--liniya);text-decoration:none}
.s3-stroka:hover .s3-stroka__z{color:var(--krasn)}
.s3-stroka__z{font-size:20px;font-weight:500;line-height:1.3}
.s3-stroka__n{font-size:15px;white-space:nowrap}
.s3-stroka__n b{font-size:24px;font-weight:700;margin-right:6px}
.s3-stroka__d{font-size:15px;color:var(--tusk);text-align:right;white-space:nowrap}
@media (max-width:900px){
 .s3-yashchik{padding:8px 0 44px}
 .s3-gruppa{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:32px}
 .s3-yarlyk{position:static;display:flex;justify-content:space-between;align-items:flex-end;gap:16px}
 .s3-yarlyk__n{display:none}
 .s3-yarlyk a{margin-top:0;white-space:nowrap}
 .s3-stroka{grid-template-columns:minmax(0,1fr) auto;gap:8px 16px}
 .s3-stroka>span:first-child{grid-column:1/-1}
 .s3-stroka__z{font-size:17px}
}

/* 4. Анатомия разбора: одна цитата с выносками */
.s3-anat{padding:72px 0}
.s3-anat h2{font-size:36px;line-height:1.1;letter-spacing:-.02em;font-weight:300;max-width:22ch}
.s3-anat h2 b{font-weight:700}
.s3-anat__setka{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:56px;margin-top:40px;align-items:start}
.s3-obrazec{position:relative;padding:32px 32px 28px;background:var(--bumaga);border:1px solid var(--liniya)}
.s3-obrazec blockquote{font-family:var(--serif);font-size:24px;line-height:1.5}
.s3-obrazec__podp{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:20px;font-size:15px}
.s3-metka{display:inline-grid;place-items:center;width:24px;height:24px;background:var(--krasn);color:#fff;font-size:13px;font-weight:700;font-family:var(--sans);margin-right:8px;vertical-align:2px;font-style:normal;line-height:1}
.s3-obrazec blockquote .s3-metka{vertical-align:6px}
.s3-vynoski li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;padding:16px 0;border-top:1px solid var(--liniya)}
.s3-vynoski li:first-child{border-top:2px solid var(--tma)}
.s3-vynoski b{display:block;font-weight:700}
.s3-vynoski span{font-size:15px;color:var(--tusk)}
@media (max-width:900px){.s3-anat{padding:44px 0}.s3-anat h2{font-size:24px}.s3-anat__setka{grid-template-columns:minmax(0,1fr);gap:24px;margin-top:24px}.s3-obrazec{padding:20px 16px}.s3-obrazec blockquote{font-size:20px}}

/* 5. Нет своего случая: строка запроса на тёмном */
.s3-zapros{background:var(--tma);color:var(--svet);padding:72px 0}
.s3-zapros h2{font-size:56px;line-height:1.02;letter-spacing:-.03em;font-weight:300;max-width:24ch}
.s3-zapros h2 b{font-weight:700}
.s3-zapros .list>p{color:var(--tusk-t);margin-top:16px;max-width:56ch}
.s3-zapros form{margin-top:40px}
.s3-zapros__ryad{display:grid;grid-template-columns:minmax(0,1fr) 240px minmax(0,1.5fr) auto;border-bottom:3px solid var(--svet)}
.s3-zapros__ryad>label,.s3-zapros__kont{display:flex;flex-direction:column;gap:4px;padding:0 20px 12px 0;min-width:0}
.s3-zapros__ryad>label+label,.s3-zapros__kont{padding-left:20px;border-left:1px solid var(--liniya-t)}
.s3-zapros__ryad span:first-child{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--tusk-t)}
.s3-zapros input,.s3-zapros select{background:transparent;border:0;font-size:20px;padding:6px 0;min-height:48px;border-radius:0;width:100%;color:var(--svet)}
.s3-zapros select{cursor:pointer}
.s3-zapros select option{color:var(--tma)}
.s3-zapros input::placeholder{color:var(--tusk)}
.s3-zapros .s3-svyaz{border:0;align-items:center}
.s3-zapros .s3-kanal{border-right-color:var(--liniya-t)}
.s3-zapros .s3-kanal button{color:var(--tusk-t);padding:0 10px;font-size:15px}
.s3-zapros .s3-kanal button[aria-pressed="true"]{color:var(--svet);box-shadow:inset 0 -3px 0 var(--svet)}
.s3-zapros .s3-svyaz input{padding-left:12px}
.s3-zapros__ryad button[type=submit]{border:0;background:var(--krasn);color:#fff;font-weight:700;padding:0 28px;min-height:64px;align-self:end;margin-bottom:-3px;cursor:pointer;display:flex;gap:12px;align-items:center}
.s3-zapros__ryad button[type=submit] i{width:22px;height:2px;background:currentColor;transition:width .2s}
.s3-zapros__ryad button[type=submit]:hover i{width:36px}
.s3-zapros__ryad button:disabled{opacity:.6;cursor:wait}
.s3-zapros .s3-sogl{margin-top:16px;color:var(--tusk-t);max-width:60ch}
.s3-zapros .s3-sogl input{accent-color:var(--krasn);width:20px;min-height:0;padding:0}
.s3-zapros .s3-otvet{margin-top:10px;color:var(--tusk-t)}
.s3-zapros .s3-otvet.net{background:var(--svet);color:var(--krasn);padding:10px 14px;display:inline-block}
.s3-zapros .s3-prinyato{padding:28px 0 0;border-top:4px solid var(--svet);margin-top:40px}
@media (max-width:1100px){.s3-zapros__ryad{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:0}.s3-zapros__ryad>label,.s3-zapros__kont{padding:12px 0;border-bottom:1px solid var(--liniya-t)}.s3-zapros__ryad>label+label,.s3-zapros__kont{padding-left:0;border-left:0}.s3-zapros__ryad>label:first-child,.s3-zapros__kont{grid-column:1/-1}.s3-zapros__ryad button[type=submit]{grid-column:1/-1;justify-content:space-between;margin:16px 0 0}}
@media (max-width:900px){.s3-zapros{padding:44px 0}.s3-zapros h2{font-size:36px}.s3-zapros__ryad{grid-template-columns:minmax(0,1fr)}.s3-zapros input,.s3-zapros select{font-size:17px}.s3-zapros .s3-svyaz{flex-direction:column;align-items:stretch}.s3-zapros .s3-kanal{border-right:0;border-bottom:1px solid var(--liniya-t)}.s3-zapros .s3-svyaz input{padding-left:0;border-bottom:0}}

@media (prefers-reduced-motion:reduce){.s3 *{transition:none!important}}
/* Строка к юристу после первого раздела (ТЗ №43, макет 2026-10-27-stroka-yurista) */
.s3-k-yuristu{margin-top:40px;display:flex;align-items:baseline;gap:10px 18px;flex-wrap:wrap;padding:16px 0 16px 20px;border-left:3px solid var(--krasn);font-size:17px;line-height:1.45}
.s3-k-yuristu span{color:var(--tusk)}
.s3-k-yuristu a{color:var(--tma);font-weight:600;text-decoration:underline;text-decoration-color:var(--krasn);text-underline-offset:4px;text-decoration-thickness:2px;min-height:44px;display:inline-flex;align-items:center}
.s3-k-yuristu a:hover{color:var(--krasn)}
@media (max-width:900px){.s3-k-yuristu{margin-top:32px;padding-left:16px;font-size:16px;display:block}.s3-k-yuristu a{display:flex}}