/* ===== п.47: раздел «Статьи» по образцу agentregistrator.ru/znaniya (колонка 944px, карточки с обложкой, «Кратко», «Содержание», FAQ, «Читайте также») ===== */
main.stati-hub,main.stati-article{width:min(944px,calc(100% - 32px))!important;max-width:none!important;margin-inline:auto!important;padding:36px 0 72px!important;font-size:17px;line-height:1.7}
.stati-hub>*,.stati-article>*,.stati-article article>*{max-width:none}
.sp-crumbs{font-size:14px;color:var(--muted);margin:0}
.sp-crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:0 8px;padding:0;margin:0}
.sp-crumbs li{display:inline-flex;align-items:center;min-height:44px}
.sp-crumbs li+li::before{content:"›";margin-right:8px;color:var(--muted)}
.sp-crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.sp-crumbs [aria-current]{color:var(--ink)}
.stati-hub h1,.stati-article h1{font-size:clamp(34px,4.2vw,54px);line-height:1.12;font-weight:300!important;margin:16px 0 20px;letter-spacing:-.015em}
.stati-hub>.lead{font-size:17px;line-height:1.7;color:var(--ink-2);margin:0 0 8px;max-width:none}
.stati-hub>h2,.stati-article article h2,.stati-article .see-also h2{font-size:30px;line-height:1.2;font-weight:400!important;margin:44px 0 16px;letter-spacing:-.01em}
.stati-article article h3{font-size:21px;line-height:1.3;font-weight:400!important;margin:28px 0 10px}
.stati-article article p,.stati-article article li{font-size:17px;line-height:1.7;max-width:none}
.stati-article .sp-meta,.stati-hub .sp-meta{font-size:14px;color:var(--muted);margin:14px 0}
/* карточки хаба: 2 колонки, обложка 7:4, заголовок-ссылка, описание, «Обновлено» */
.sp-cards{list-style:none;padding:0;margin:17px 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sp-cards>li{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;min-width:0}
.sp-cards>li>a{color:#ffaba1;font-size:24px;line-height:1.25;font-weight:400;text-decoration:none}
.sp-cards>li>a:hover{text-decoration:underline;text-underline-offset:4px}
.sp-cards>li>p{color:var(--ink-2);font-size:17px;line-height:1.7;margin:14px 0}
.sp-cards>li>.sp-meta{margin:auto 0 0}
.stati-hub .sp-cards>li>.sp-meta{display:block;padding-top:4px}
@media(max-width:700px){.sp-cards{grid-template-columns:1fr}}
/* обложка (без растров-фото): ромбовая сетка, красный луч, знак RANLEX, рубрика */
.stati-cover{position:relative;display:block;aspect-ratio:7/4;border-radius:18px;overflow:hidden;border:1px solid var(--line);margin:-8px -8px 20px;
 background:linear-gradient(135deg,transparent 30%,rgba(223,13,14,.55) 31% 35%,transparent 36%),linear-gradient(135deg,transparent 46%,rgba(122,10,16,.6) 47% 53%,transparent 54%),radial-gradient(circle,rgba(255,121,107,.35) 1px,transparent 1.3px) 0 0/25.456px 25.456px,radial-gradient(circle,rgba(255,121,107,.35) 1px,transparent 1.3px) 12.728px 12.728px/25.456px 25.456px,#0d0b0e}
.stati-cover img{position:absolute;right:8%;top:50%;height:58%;width:auto;transform:translateY(-50%);filter:drop-shadow(0 0 22px rgba(70,170,255,.45))}
.stati-cover-label{position:absolute;left:20px;bottom:16px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#ffaba1;font-family:ui-monospace,SFMono-Regular,Consolas,monospace}
.stati-cover[data-rubric=klienty]{background-color:#0c0d12}.stati-cover[data-rubric=fajly]{background-color:#0e0c0c}
.zp-hero{margin:24px 0 32px}.zp-hero .stati-cover{margin:0;border-radius:18px}
/* «Кратко» и «Содержание» */
.stati-article .sp-summary{background:var(--card);border:1px solid var(--line);border-left:4px solid #df0d0e;border-radius:16px;padding:22px;margin:24px 0}
.stati-article .sp-summary h2,.stati-article .sp-toc h2{font-size:22px!important;margin:0 0 12px!important;font-weight:600!important}
.stati-article .sp-summary p:last-child,.stati-article .sp-summary ul:last-child{margin-bottom:0}
.stati-article .sp-toc{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:22px;margin:24px 0}
.stati-article .sp-toc ol{margin:0;padding-left:24px}
.stati-article .sp-toc li{margin:0;line-height:1.7}
.stati-article .sp-toc a{color:#ffaba1;display:inline-flex;align-items:center;min-height:30px}
/* врезки, таблицы, рисунки */
.stati-article .sp-note,.stati-article aside.sp-note{background:#211b20;border:1px solid var(--line);border-radius:12px;padding:12px 16px;font-size:15px;margin:20px 0}
.stati-article aside.sp-note p{font-size:15px;margin:0 0 8px}.stati-article aside.sp-note p:last-child{margin:0}
.stati-article .sp-table-wrap{margin:16px 0;border-radius:12px}
.stati-article table{width:100%;border-collapse:collapse;font-size:15px}
.stati-article th,.stati-article td{border:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.stati-article thead th{background:#211b20}
.stati-article figure{margin:24px 0}.stati-article figcaption{font-size:14px;color:var(--ink-2);margin-top:12px}
/* призыв, FAQ, источники */
.stati-article .sp-cta{border:1px solid var(--line);border-radius:16px;padding:18px 22px;margin:28px 0;background:linear-gradient(90deg,rgba(70,170,255,.08),transparent 60%),var(--card)}
.stati-article .sp-cta p{margin:0}
.stati-article .sp-faq details{border-bottom:1px solid var(--line);padding:4px 0}
.stati-article .sp-faq summary{cursor:pointer;font-weight:600;min-height:44px;display:flex;align-items:center;list-style-position:inside}
.stati-article .sp-faq details p{margin:4px 0 14px}
.stati-article .sp-sources{font-size:15px;padding-left:24px}.stati-article .sp-sources li{font-size:15px;margin-bottom:6px;word-break:break-word}
/* «Читайте также» */
.see-also{margin-top:8px}
.sp-cards-compact>li{padding:18px 20px}
.sp-cards-compact>li>a{font-size:19px}
/* п.48: компактный подвал */
.footer.footer-compact{padding-block:20px!important;font-size:14px}
.footer-grid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 40px;align-items:center}
.footer-compact p{margin:0;line-height:1.5}
.footer-brandline{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.footer-compact .brand{font-size:20px;font-weight:600;letter-spacing:.04em;color:var(--ink);display:inline}
.footer-compact .tm{font-size:.5em;vertical-align:super;line-height:0;margin-left:1px;font-weight:400;letter-spacing:0}
.footer-compact .footer-tag{color:var(--ink-2)}
.footer-compact .footer-req{margin-top:4px}
.footer-compact .footer-req a{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle}
.footer-compact .footer-note{color:var(--muted);font-size:13px}
.footer-docs{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 18px;max-width:430px}
.footer-docs a{display:inline-flex;align-items:center;min-height:44px}
@media(max-width:899px){.footer-grid{grid-template-columns:1fr}.footer-docs{justify-content:flex-start;max-width:none;gap:0 16px}}
@media(max-width:599px){.footer.footer-compact{padding-block:12px!important;font-size:13px}.footer-grid{gap:0}
 .footer-compact .footer-tag{display:none}.footer-compact .brand{font-size:18px}
 .footer-compact .footer-req,.footer-compact .footer-note{font-size:13px;line-height:1.45}
 .footer-compact .footer-req a{min-height:40px}
 .footer-docs{gap:0 14px;order:2}.footer-docs a{min-height:44px;font-size:14px}}
@media(max-width:599px){.footer-compact .footer-req a{display:inline-block;min-height:0;padding:12px 0;margin:-12px 0;vertical-align:baseline}
 .footer-compact .footer-req,.footer-compact .footer-note{line-height:1.4}.footer-compact .footer-brandline{line-height:1.2}}
.footer-compact .footer-docs{margin:0!important;padding:0!important}.footer-compact .wrap>*{margin-block:0}
@media(max-width:599px){.footer-compact .footer-docs{margin-top:2px!important}}
/* ===== п.69: раздел «Статьи» — форм-фактор как вкладка «Журнал» новой версии Регистратора (127.0.0.1:8768/znaniya) ===== */
main.sp-main.stati-hub{width:auto!important;max-width:1240px!important;margin-inline:auto!important;padding:20px 24px 40px!important;box-sizing:border-box;font-size:16px;line-height:1.5}
.stati-hub .sp-crumbs{margin:0 0 8px}
.stati-hub .hub-intro{margin:16px 0 24px}
.stati-hub .hub-intro h1{margin:0 0 10px!important;font-size:clamp(26px,3vw,36px)!important;line-height:1.2!important;font-weight:600!important;letter-spacing:-.01em}
.stati-hub .hub-intro p{max-width:900px;margin:0;color:var(--ink-2);font-size:16px;line-height:1.5}
.stati-hub .hub-categories{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.stati-hub .hub-categories a{display:inline-flex;align-items:center;min-height:30px;padding:5px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);color:var(--ink);font-size:13px;line-height:1.4;text-decoration:none}
.stati-hub .hub-categories a:hover{color:#ffaba1;text-decoration:underline}
.stati-hub .hub-category-title{margin:0 0 14px!important;font-size:24px!important;font-weight:600!important;line-height:1.25}
.stati-hub .hub-cards{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;margin:0;padding:0;list-style:none}
@media(min-width:600px){.stati-hub .hub-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1100px){.stati-hub .hub-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}
.stati-hub .hub-cards>.hub-card{min-width:0;min-height:0!important;padding:0!important;border:1px solid var(--line);border-radius:8px!important;background:var(--card);display:block}
.stati-hub .hub-card-link{display:grid;grid-template-columns:110px minmax(0,1fr);gap:12px;height:100%;padding:12px;border-radius:8px;color:var(--ink);text-decoration:none!important;font-size:inherit!important;font-weight:400!important;line-height:inherit!important}
@media(max-width:599px){.stati-hub .hub-card-link{grid-template-columns:96px minmax(0,1fr)}main.sp-main.stati-hub{padding:16px 16px 32px!important}}
.stati-hub .hub-card-link:hover .hub-card-title{color:#ffaba1;text-decoration:underline}
.stati-hub .hub-card-link:focus-visible{outline:3px solid #ff9c93;outline-offset:3px}
.stati-hub .hub-card-image.stati-cover{display:block;aspect-ratio:1;margin:0!important;border-radius:6px;min-width:0}
.stati-hub .hub-card-image.stati-cover img{height:62%;right:50%;transform:translate(50%,-50%)}
.stati-hub .hub-card-image .stati-cover-label{display:none!important}
.stati-hub .hub-card-body{min-width:0}
.stati-hub .hub-card-title{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;max-height:3.9em;margin:0!important;font-size:17px!important;line-height:1.3!important;font-weight:600!important;color:var(--ink)}
@media(max-width:599px){.stati-hub .hub-card-title{font-size:16px!important}}
.stati-hub .hub-card-description{margin:6px 0!important;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;color:var(--ink-2);font-size:14px!important;line-height:1.4!important}
.stati-hub .hub-card-meta{display:block;margin:0!important;color:var(--muted);font-size:13px!important;line-height:1.3!important}
.stati-hub .hub-cards>.hub-card::before{border-radius:8px}
/* статья: колонка 720px (main 768 с полями 24), блоки с левой кромкой 3px */
main.sp-main.stati-article{width:auto!important;max-width:768px!important;margin-inline:auto!important;padding:24px 24px 48px!important;box-sizing:border-box}
@media(max-width:599px){main.sp-main.stati-article{padding:20px 18px 40px!important}}
.stati-article .sp-crumbs{margin:0 0 20px;font-size:13px}
.stati-article article h1{font-size:36px!important;line-height:1.18!important;font-weight:600!important;margin:0 0 14px!important}
@media(max-width:599px){.stati-article article h1{font-size:28px!important}}
.stati-article .sp-meta{font-size:13px!important;color:var(--ink-2);margin:0 0 20px!important}
.stati-article .zp-hero{margin:20px 0!important}
.stati-article .zp-hero .stati-cover{aspect-ratio:7/4;max-height:360px;width:100%;border-radius:6px!important}
.stati-article article>p,.stati-article .article-body>p,.stati-article article li{font-size:17px!important;line-height:1.65!important}
.stati-article article>p,.stati-article .article-body>p{margin:0 0 14.45px!important}
@media(max-width:599px){.stati-article article>p,.stati-article .article-body>p,.stati-article article li{font-size:16px!important}}
.stati-article .sp-summary{background:var(--card)!important;border:0!important;border-left:3px solid #df0d0e!important;border-radius:0 6px 6px 0!important;padding:12px 16px!important;margin:20px 0!important}
.stati-article .sp-toc{background:transparent!important;border:0!important;border-left:3px solid var(--line)!important;border-radius:0 6px 6px 0!important;padding:12px 16px!important;margin:18px 0!important}
.stati-article .sp-summary h2,.stati-article .sp-toc h2{font-size:18px!important;font-weight:600!important;margin:0 0 8px!important}
.stati-article .sp-toc li{font-size:16px!important;line-height:1.6!important}
.stati-article article h2,.stati-article .article-body>h2,.stati-article .sp-faq h2,.stati-article #sources h2{font-size:25px!important;font-weight:600!important;margin:50px 0 15px!important;line-height:1.3}
@media(max-width:599px){.stati-article article h2,.stati-article .article-body>h2,.stati-article .sp-faq h2,.stati-article #sources h2{font-size:23px!important;margin:46px 0 13.8px!important}}
.stati-article .sp-note,.stati-article aside.sp-note,.stati-article .sp-cta{background:var(--card)!important;border:0!important;border-left:3px solid #df0d0e!important;border-radius:0 6px 6px 0!important;padding:12px 16px!important;font-size:16px!important;margin:20px 0!important}
.stati-article .sp-faq summary{font-size:17px!important;font-weight:600!important}
.stati-article .sp-sources li{font-size:13px!important}
.stati-article .see-also{margin-top:32px}
.stati-article .see-also ul{margin:0;padding-left:22px}
.stati-article .see-also li{font-size:17px;line-height:1.65;padding:0;border:0}
.stati-hub .hub-card-meta{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.stati-cover img{background:none!important;padding:0!important;border:0!important;width:auto!important;max-width:none!important;box-shadow:none!important;border-radius:0!important;margin:0!important}
.stati-article .sp-summary p,.stati-article .sp-summary li{font-size:16px!important;line-height:1.5!important;margin:0 0 6px!important}
.stati-article .zp-hero>img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain;border-radius:6px}