/* szo-bm.ru — основная тема */
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#f1f1f1;font:13px/1.55 Roboto,Arial,Helvetica,sans-serif;color:#333}
a{color:#7b6fd6;text-decoration:none}
a:hover{color:#d4952a}
img{max-width:100%;height:auto;display:block}
.page{max-width:1010px;margin:0 auto;background:#fff;box-shadow:0 0 6px rgba(0,0,0,.06)}

/* header */
.site-header{display:flex;align-items:center;gap:14px;padding:22px 30px 18px}
.logo img{border-radius:2px}
.site-name{font:700 22px/1.1 "Trebuchet MS",Arial,sans-serif;color:#8a3fc7;letter-spacing:.2px}
.site-name:hover{color:#8a3fc7;opacity:.85}
.site-desc{font-size:12px;color:#e09a2c;margin-top:4px}
.site-desc span{color:#e09a2c}

/* nav */
.main-nav{background:#d4952a;border-top:1px solid #c88a22;border-bottom:1px solid #b97c18;margin:0 0 22px}
.main-nav ul{list-style:none;margin:0;padding:0 18px;display:flex;flex-wrap:wrap}
.main-nav li a{display:block;padding:14px 13px;color:#fff;font-size:12px}
.main-nav li a:hover{background:#c4861f;color:#fff}
.main-nav li.current a{background:#e6aa48;box-shadow:inset 0 -2px 0 #c4861f}
.nav-toggle{display:none;background:none;border:0;color:#fff;font:500 14px Roboto,Arial;padding:12px 18px;cursor:pointer}

/* layout */
.wrap{display:flex;gap:34px;padding:0 30px 30px}
.content{flex:1;min-width:0}
.sidebar{width:255px;flex:0 0 255px}

/* lead */
.lead-post{border-bottom:1px solid #eee;padding-bottom:14px;margin-bottom:22px}
.lead-post h2{font:700 15px/1.3 Roboto,Arial;margin:0 0 8px}
.lead-post h2 a{color:#222}
.lead-post .p-excerpt{color:#555;font-size:12px}

/* post cards */
.post{display:grid;grid-template-columns:225px 1fr;column-gap:22px;padding-bottom:12px;margin-bottom:26px;border-bottom:1px solid #f0f0f0}
.post .thumb{grid-row:1/3}
.post .thumb img{width:225px;height:141px;object-fit:cover}
.p-title{font:700 15px/1.3 Roboto,Arial;margin:0 0 9px}
.p-title a{color:#222}
.p-title a:hover{color:#7b6fd6}
.p-excerpt{font-size:12px;color:#555;line-height:1.55}
.p-meta{grid-column:2;display:flex;justify-content:space-between;align-items:end;font-size:11px;color:#bbb;margin-top:12px}
.p-meta a{color:#bbb}
.p-meta a:hover{color:#d4952a}
.cm{display:inline-flex;align-items:center;gap:4px;color:#aaa;font-size:11px}

/* blocks on home */
.block-t{font:700 14px Roboto,Arial;color:#222;border-bottom:2px solid #d4952a;padding-bottom:6px;margin:6px 0 16px;display:flex;justify-content:space-between;align-items:baseline}
.block-t a{font:400 11px Roboto,Arial;color:#7b6fd6}
.partners{background:#fbf6ee;border:1px solid #efe3cf;padding:18px 20px 6px;margin:0 0 28px}
.partners .intro{font-size:12px;color:#555;margin:0 0 14px}
.partner{display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:14px 0;border-top:1px dashed #e5d6bb}
.partner:first-of-type{border-top:0}
.partner .plogo{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #eee;height:92px;padding:8px}
.partner .plogo img{max-height:74px;width:auto}
.partner .pname{font:700 13px Roboto,Arial;color:#222;margin:0 0 4px}
.partner p{margin:0;font-size:12px;color:#555}
.rubgrid{display:grid;grid-template-columns:1fr 1fr;gap:22px 26px;margin-bottom:30px}
.rub h3{font:700 13px Roboto,Arial;margin:0 0 10px;padding-bottom:5px;border-bottom:1px solid #eee}
.rub h3 a{color:#d4952a}
.rub ul{list-style:none;margin:0;padding:0}
.rub li{padding:5px 0 5px 12px;position:relative;font-size:12px;border-bottom:1px dotted #eee}
.rub li:before{content:"›";position:absolute;left:0;color:#d4952a}
.rub .first{display:flex;gap:10px;margin-bottom:6px}
.rub .first img{width:96px;height:60px;object-fit:cover;flex:0 0 96px}
.rub .first a.t{font-weight:700;color:#222;font-size:12px;line-height:1.35}
.minis{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.minis.three{grid-template-columns:repeat(3,1fr)}
.mini img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;margin-bottom:6px}
.mini-t{font:500 12px/1.35 Roboto,Arial;color:#222}
.mini-t:hover{color:#7b6fd6}
.tips{counter-reset:t;margin:0 0 30px;padding:0;list-style:none}
.tips li{position:relative;padding:10px 0 10px 44px;border-bottom:1px solid #f0f0f0;font-size:12.5px;color:#444}
.tips li:before{counter-increment:t;content:counter(t);position:absolute;left:0;top:10px;width:30px;height:30px;border-radius:50%;background:#d4952a;color:#fff;font:700 13px/30px Roboto;text-align:center}
.popular{margin:0 0 30px;padding:0;list-style:none}
.popular li{display:flex;gap:12px;align-items:baseline;padding:8px 0;border-bottom:1px dotted #e6e6e6;font-size:12.5px}
.popular .v{flex:0 0 auto;font-size:11px;color:#aaa}
.textblock{font-size:12.5px;color:#444;margin-bottom:30px}
.textblock h2{font:700 15px Roboto,Arial;color:#222;margin:0 0 10px}
.textblock p{margin:0 0 10px}

/* sidebar */
.widget{margin-bottom:28px;font-size:12px}
.w-title{font:700 12px Roboto,Arial;color:#222;margin-bottom:10px}
.search{display:flex;border:1px solid #ddd}
.search input{flex:1;border:0;padding:7px 8px;font:12px Roboto,Arial;min-width:0;outline:0}
.search button{border:0;background:#fff;padding:0 9px;cursor:pointer}
.arrows{list-style:none;margin:0;padding:0}
.arrows li{position:relative;padding:7px 0 7px 14px;border-bottom:1px solid #f0f0f0;line-height:1.4}
.arrows li:before{content:"";position:absolute;left:2px;top:13px;width:0;height:0;border:4px solid transparent;border-left-color:#d4952a}
.arrows a{color:#7b8ee0}
.arrows a:hover{color:#d4952a}
.arrows .cnt{color:#aaa}
.tree{margin:0;padding-left:16px}
.tree li{padding:2px 0;list-style:disc;color:#7b8ee0}
.tree ul{padding-left:18px;margin:2px 0}
.tree ul li{list-style:circle}
.w-tip p{background:#fbf6ee;border-left:3px solid #d4952a;padding:10px 12px;margin:0;color:#555}

/* single */
.crumbs{font-size:11px;color:#999;margin-bottom:14px}
.crumbs a{color:#999}
.crumbs span{color:#bbb}
.single h1,.arch-t{font:700 22px/1.25 Roboto,Arial;color:#222;margin:0 0 10px}
.s-meta{font-size:11px;color:#aaa;margin-bottom:16px;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.s-meta a{color:#aaa}
.s-meta .cm{margin-left:auto}
.s-img img{width:100%;margin-bottom:16px}
.lead{font-size:14px;color:#444;font-style:italic;border-left:3px solid #d4952a;padding-left:12px}
.entry{font-size:14px;line-height:1.7;color:#333}
.entry h2{font:700 18px/1.3 Roboto,Arial;color:#222;margin:28px 0 12px}
.entry h3{font:700 15px Roboto,Arial;margin:22px 0 10px}
.entry p{margin:0 0 14px}
.entry ul,.entry ol{margin:0 0 16px;padding-left:22px}
.entry li{margin-bottom:6px}
.entry ul li::marker{color:#d4952a}
.note{background:#fbf6ee;border:1px solid #efe3cf;border-left:4px solid #d4952a;padding:12px 16px;margin:0 0 18px;font-size:13.5px}
.tbl{overflow-x:auto;margin:0 0 18px}
.tbl table{border-collapse:collapse;width:100%;font-size:13px}
.tbl th{background:#d4952a;color:#fff;text-align:left;padding:8px 10px;font-weight:500}
.tbl td{border:1px solid #eee;padding:7px 10px;vertical-align:top}
.tbl tr:nth-child(even) td{background:#fafafa}
.toc{background:#f7f7f7;border:1px solid #eee;padding:12px 18px;margin:18px 0 20px;display:inline-block;min-width:60%}
.toc-t{font-weight:700;margin-bottom:6px;font-size:13px}
.toc ol{margin:0;padding-left:20px;font-size:13px}
.toc li{margin:3px 0}
.share{margin:24px 0;padding:12px 16px;background:#f7f7f7;font-size:12px;color:#666}
.related{margin:24px 0}
.rel-t{font:700 15px Roboto,Arial;color:#222;margin-bottom:14px;border-bottom:2px solid #d4952a;padding-bottom:6px}
.arch-d{font-size:12.5px;color:#666;margin:0 0 24px;padding-bottom:16px;border-bottom:1px solid #eee}
.pager{display:flex;gap:6px;margin:10px 0 20px}
.pager a,.pager span{display:inline-block;min-width:30px;text-align:center;padding:6px 8px;border:1px solid #e3e3e3;font-size:12px}
.pager .cur{background:#d4952a;color:#fff;border-color:#d4952a}

/* static pages */
.static{font-size:14px;line-height:1.7}
.static h2{font:700 17px Roboto,Arial;color:#222;margin:26px 0 10px}
.static h3{font:700 14px Roboto,Arial;margin:18px 0 8px}
.static p{margin:0 0 12px}
.static ul,.static ol{padding-left:22px;margin:0 0 14px}
.static li{margin-bottom:5px}
.gloss dt{font-weight:700;color:#222;margin-top:14px}
.gloss dd{margin:3px 0 0;color:#444}
.letters{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 20px}
.letters a{padding:4px 9px;border:1px solid #e3e3e3;font-size:12px}
.faq details{border-bottom:1px solid #eee;padding:10px 0}
.faq summary{cursor:pointer;font-weight:700;color:#222;font-size:14px}
.faq details p{margin:8px 0 0}
.news-item{border-bottom:1px solid #eee;padding:14px 0}
.news-item h2{font:700 15px Roboto,Arial;margin:0 0 6px}
.news-item .tag{display:inline-block;font-size:10.5px;background:#f3e4c9;color:#8a5a12;padding:1px 7px;margin-bottom:6px}
.sitemap ul{columns:1}
.sitemap h2 a{color:#222}
.calc{background:#f7f7f7;border:1px solid #eee;padding:16px 18px;margin:0 0 22px}
.calc h2{margin-top:0}
.calc .grid{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px}
.calc label{font-size:12px;color:#555;display:block}
.calc input,.calc select{width:100%;padding:7px 8px;border:1px solid #ddd;font:13px Roboto,Arial;margin-top:3px;background:#fff}
.calc .res{margin-top:12px;padding:10px 12px;background:#fff;border-left:4px solid #d4952a;font-size:13.5px}
.team{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 0 20px}
.team .m{border:1px solid #eee;padding:14px}
.team .ava{width:54px;height:54px;border-radius:50%;background:#d4952a;color:#fff;font:700 20px/54px Roboto;text-align:center;margin-bottom:8px}
.team b{display:block;color:#222}
.team span{font-size:12px;color:#888}

/* forms */
.js-form textarea,.js-form input[type=text],.js-form input[type=email],.js-form select{width:100%;border:1px solid #ddd;padding:9px 10px;font:13px Roboto,Arial;margin-bottom:10px;background:#fff}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.consent{margin:4px 0 12px}
.chk{display:flex;gap:8px;align-items:flex-start;font-size:12px;color:#555;cursor:pointer}
.chk input{width:14px;height:14px;margin:2px 0 0;flex:0 0 14px}
.f-submit{display:flex;gap:14px;align-items:center;flex-wrap:wrap}
.btn{background:#d4952a;color:#fff;border:0;padding:10px 20px;font:500 13px Roboto,Arial;cursor:pointer}
.btn:hover{background:#c4861f}
.btn:disabled{background:#e3c592;cursor:not-allowed}
.f-legal{font-size:11px;color:#999;flex:1;min-width:200px}
.f-ok{margin-top:12px;padding:10px 12px;background:#eef7e9;border-left:4px solid #7aae5a;font-size:13px}
.f-err{color:#c0392b;font-size:12px;margin-top:6px}
.comments{margin-top:28px}
.c-note{font-size:12px;color:#888}
.contact-box{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:0 0 22px}
.contact-box div{background:#fbf6ee;border:1px solid #efe3cf;padding:14px}
.contact-box b{display:block;color:#222;margin-bottom:4px}

/* 404 */
.e404{text-align:center;padding:30px 0 40px}
.e404 .big{font:700 110px/1 "Trebuchet MS",Arial;color:#d4952a}
.e404 p{font-size:14px;color:#555}

/* footer */
.site-footer{background:#3a3a3a;color:#bbb;padding:24px 30px 18px;font-size:12px}
.foot-cols{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:30px;margin-bottom:16px}
.foot-title{color:#fff;font-weight:700;margin-bottom:8px}
.site-footer ul{list-style:none;margin:0;padding:0}
.site-footer li{padding:2px 0}
.site-footer a{color:#e6aa48}
.site-footer p{margin:0}
.copy{border-top:1px solid #4d4d4d;padding-top:14px;color:#999;font-size:11.5px}

/* cookie */
.cookie{position:fixed;left:16px;right:16px;bottom:16px;max-width:760px;margin:0 auto;background:#fff;border:1px solid #e3d2b4;border-top:4px solid #d4952a;box-shadow:0 4px 18px rgba(0,0,0,.15);padding:14px 18px;display:flex;gap:16px;align-items:center;z-index:50;font-size:12.5px}
.cookie[hidden]{display:none}
.cookie p{margin:0;color:#444}
.cookie button{background:#d4952a;color:#fff;border:0;padding:9px 18px;cursor:pointer;font:500 13px Roboto,Arial;flex:0 0 auto}

/* search results */
.sres{list-style:none;padding:0}
.sres li{padding:10px 0;border-bottom:1px solid #eee}
.sres b{display:block;font-size:14px}
.sres span{font-size:12px;color:#777}

@media (max-width:860px){
  .wrap{flex-direction:column;padding:0 16px 24px}
  .sidebar{width:auto;flex:auto}
  .site-header{padding:16px}
  .main-nav ul{display:none;flex-direction:column;padding:0}
  .main-nav.open ul{display:flex}
  .nav-toggle{display:block}
  .foot-cols{grid-template-columns:1fr}
  .site-footer{padding:20px 16px}
}
@media (max-width:600px){
  .post{grid-template-columns:1fr}
  .post .thumb{grid-row:auto;margin-bottom:10px}
  .post .thumb img{width:100%;height:auto}
  .p-meta{grid-column:1}
  .rubgrid,.minis,.minis.three,.calc .grid,.team,.contact-box,.row2{grid-template-columns:1fr 1fr}
  .rubgrid,.calc .grid,.team,.contact-box,.row2{grid-template-columns:1fr}
  .partner{grid-template-columns:1fr}
  .cookie{flex-direction:column;align-items:stretch}
  .site-name{font-size:19px}
}