/* blog-nav-v1 (task 441): journal filters, new rubrics, partners, view counts. Loaded after the page's own styles.
   The sticky header lives in /assets/type-v3.css (sticky-header-v1) and is not touched here. */
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.side [hidden]{display:none!important}

/* new rubric icons, same rounded tiles as the rest of the menu */
.side [data-category="Аналитика"] i{background:linear-gradient(145deg,#8d9ab8,#4f5a73 72%);color:#fff}
.side [data-category="Юнит-экономика"] i{background:linear-gradient(145deg,#4b566e,#2e3546 72%);color:#F2653D}

/* filters above the feed */
.feed-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;margin:0 0 18px;padding:10px 0;border-bottom:1px solid var(--line,#e5e3df)}
.feed-tools .seg{display:inline-flex;padding:4px;background:#F3F5FB;border:1px solid var(--line,#e5e3df);border-radius:12px}
.feed-tools .seg button{min-height:40px;padding:8px 16px;border:0;border-radius:9px;background:transparent;color:#2E3546;font:500 15px/1.2 var(--body,Golos),sans-serif}
.feed-tools .seg button[aria-pressed=true]{background:#2E3546;color:#fff}
.feed-tools .seg button:not([aria-pressed=true]):hover{background:#fff}
.feed-tools .rubric-pick select{min-height:46px;max-width:100%;padding:10px 38px 10px 14px;border:1px solid var(--line,#e5e3df);border-radius:12px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%232E3546' stroke-width='1.6'/%3E%3C/svg%3E") no-repeat right 14px center;-webkit-appearance:none;appearance:none;color:#2E3546;font:400 15px/1.2 var(--body,Golos),sans-serif;cursor:pointer}
.views-how{margin-left:auto;padding:6px 0;border:0;background:none;color:#5B6680;font:400 13px/1.3 var(--body,Golos),sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.views-how:hover{color:#B83F1A}
.views-note{flex-basis:100%;margin:0;padding:12px 14px;background:#F3F5FB;border-radius:12px;color:#2E3546;font-size:14px;line-height:1.5}
.article .meta .views-how{margin-left:10px;font-size:12px}
.article .views-note{margin:-8px 0 18px}

/* right column: «С чего начать» stays, partners below; the column is taller than a screen, so it scrolls with the page */
.right.side{position:static}
.partners h3{margin-bottom:6px}
.partners>.muted{font-size:13px;line-height:1.45;margin:0 0 6px;color:#5B6680}
.partner-list{list-style:none;margin:0;padding:0}
.partner-list li{padding:13px 0;border-bottom:1px solid var(--line,#e5e3df)}
.partner-list li:last-child{border-bottom:0}
.partner-list b{display:block;font:700 15px/1.3 var(--body,Golos),sans-serif;color:#2E3546}
.partner-list span{display:block;margin-top:3px;font-size:13px;line-height:1.4;color:#5B6680}
.partner-list p{display:flex;gap:14px;margin:6px 0 0}
.partner-list a{color:#B83F1A;font-size:13px;font-weight:500;text-decoration:underline;text-underline-offset:3px}

/* below 1100 px the right column used to disappear; now it goes under the feed so partners stay reachable */
@media(max-width:1100px){.right.side{display:block;grid-column:2;margin-top:10px}}
@media(max-width:760px){.right.side{margin-top:24px}}

/* the left menu got two rubrics longer: keep it inside the screen on short laptops */
@media(min-width:761px){.side:not(.right){max-height:calc(100vh - 104px);overflow:auto}}
@media(max-width:760px){
  .feed-tools{gap:10px}
  .feed-tools .seg{flex:1 1 auto}
  .feed-tools .seg button{flex:1 1 50%}
  .feed-tools .rubric-pick{flex:1 1 100%}
  .feed-tools .rubric-pick select{width:100%}
  .views-how{margin-left:0}
}