/* Аудит 05.09.2026: общий слой для трёх опубликованных шаблонов статей. */
.wrap,.article-main,article.article{min-width:0;overflow-wrap:anywhere}
.wrap{font-family:system-ui,-apple-system,"Segoe UI",sans-serif}
.wrap h1,.wrap h2,.wrap h3{font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.28;text-wrap:pretty}
.wrap h1{font-size:clamp(1.75rem,4vw,2.15rem)}
.wrap h3{font-size:1.2rem;margin:1.6em 0 .6em}
.wrap .lead{font-family:inherit;font-size:1.16rem;line-height:1.7}
.wrap p,.wrap li{line-height:1.75}
.wrap ul,.wrap ol{padding-left:1.5rem}
.wrap li+li{margin-top:.5rem}
.wrap a{color:#914600;text-underline-offset:3px}
.wrap .cta a{box-sizing:border-box;max-width:100%;min-height:44px;white-space:normal;letter-spacing:normal;background:linear-gradient(135deg,#914600,#773900);color:#fff;font-family:inherit;font-weight:700}
.wrap .top img{max-width:100%;width:auto;height:44px}
.wrap>figure:not(.art-secfig):not(.itf-img) img{max-width:100%;height:auto}
.wrap :is(a,button,summary,input,textarea):focus-visible,.article-main :is(a,button,summary,input,textarea):focus-visible,article.article :is(a,button,summary,input,textarea):focus-visible{outline:3px solid #773900;outline-offset:3px}
.wrap :is(h2,h3),.article-main :is(h2,h3),article.article :is(h2,h3){scroll-margin-top:90px}
.wrap pre,.article-main pre,article.article pre{box-sizing:border-box;max-width:100%;min-width:0;overflow-x:auto;white-space:pre;overflow-wrap:normal;word-break:normal;tab-size:4;font-size:.9rem;line-height:1.6}
.wrap pre{padding:16px;background:#2d1200;color:#fff8f0;border-radius:10px}
.wrap code{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.9em}
.wrap :not(pre)>code,.article-main :not(pre)>code,article.article :not(pre)>code{overflow-wrap:anywhere}
.wrap pre code,.article-main pre code,article.article pre code{white-space:inherit;overflow-wrap:normal;word-break:normal}
.wrap table,.article-main table,article.article table{box-sizing:border-box;display:block;max-width:100%;overflow-x:auto;overscroll-behavior-x:contain;border-collapse:collapse}
.wrap th,.wrap td{padding:10px 12px;text-align:left;vertical-align:top;border:1px solid #dcbda0}
.wrap th{background:#914600;color:#fff}
.wrap tr:nth-child(even){background:#fff3e0}
.article-wrapper{min-width:0}
.article-main,.article-content{min-width:0;max-width:100%}
.wrap .art-secfig,.wrap .itf-img:has(img[src$=".svg"]){max-width:100%;overflow-x:auto!important;overscroll-behavior-x:contain;scrollbar-width:auto;scrollbar-color:#914600 #ffecd4}
/* Не уменьшать текст схем до 5–9 px на телефоне: прокрутка внутри фигуры. */
.wrap .art-secfig img[src$=".svg"]{display:block;width:100%;min-width:720px;max-width:none;height:auto}
.wrap .itf-img img[src$=".svg"]{display:block;width:100%;min-width:1200px;max-width:none;height:auto}
.wrap .art-secfig figcaption{box-sizing:border-box;position:sticky;left:0;max-width:100%;font-size:.9rem;line-height:1.55;background:#fff8f0}
.wrap .itf-img:has(img[src$=".svg"])::before{content:"Прокрутите схему по горизонтали →";box-sizing:border-box;display:block;position:sticky;left:0;width:100%;padding:8px 14px;color:#773900;background:#fff8f0;font-size:.9rem;line-height:1.5}
@media(max-width:759px){
 .wrap .art-secfig::before{content:"Прокрутите схему по горизонтали →";box-sizing:border-box;display:block;position:sticky;left:0;width:100%;padding:8px 14px;color:#773900;background:#fff8f0;font-size:.9rem;line-height:1.5}
 .wrap .cta{padding:20px 16px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}