/* Inform.kg Frontend v2 — shared responsive inner-page theme.
   Companion to responsive-v2.css. Existing CMS markup remains functional. */
@media (max-width: 1180px) {
  .he-v2-inner-shell .he-v2-inner-home {
    display: inline-flex;
    min-height: 39px;
    padding: 8px 14px;
    align-items: center;
    border-radius: 10px;
    border: 1px solid #e3ecf3;
    color: #275879;
    font-size: 12px;
    font-weight: 800;
    background: #f3f8fb;
  }
  .he-v2-inner-shell .he-v2-inner-menu-title {
    font-size: 15px;
    margin: 0 0 15px;
    font-weight: 850;
    color: #234b66;
  }
  .he-v2-inner-shell .he-v2-inner-main {
    max-width: 1180px;
    margin: 0 auto;
    padding: 22px 28px 56px;
  }
  .he-v2-inner-shell .he-v2-inner-top-links {
    display: flex;
    gap: 9px;
    overflow-x: auto;
    scrollbar-width: none;
    padding: 0 0 16px;
  }
  .he-v2-inner-shell .he-v2-inner-masthead {
    background: linear-gradient(115deg, #174463 0%, #287fa7 100%);
    color: white;
    border-radius: 19px;
    box-shadow: 0 12px 24px rgba(15, 68, 100, .13);
    padding: 27px 28px 24px;
  }
  .he-v2-inner-shell .he-v2-inner-crumbs {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    font-size: 11px;
    line-height: 1.45;
    color: #c2e4f3;
  }
  .he-v2-inner-shell .he-v2-inner-crumbs a {
    color: #d6eefb !important;
    text-decoration: underline;
    text-underline-offset: 3px;
  }
  .he-v2-inner-shell .he-v2-inner-crumbs span:last-child {
    overflow-wrap: anywhere;
  }
  .he-v2-inner-shell .he-v2-inner-masthead h1 {
    margin: 13px 0 20px;
    color: #fff;
    font-size: clamp(22px, 3.3vw, 30px);
    line-height: 1.28;
    font-weight: 850;
    letter-spacing: -.025em;
    overflow-wrap: anywhere;
  }
  .he-v2-inner-shell .he-v2-inner-search {
    display: flex;
    gap: 0;
    max-width: 670px;
    min-height: 47px;
    background: #fff;
    color: #1d425c;
    border-radius: 10px;
    padding: 3px;
    overflow: hidden;
  }
  .he-v2-inner-shell .he-v2-inner-search select {
    max-width: 155px;
    min-width: 100px;
    padding: 7px 9px;
    border: none;
    border-right: 1px solid #dce8ef;
    background: #f6f9fb;
    font-size: 12px;
    color: #44647c;
  }
  .he-v2-inner-shell .he-v2-inner-search input {
    flex: 1 1 0;
    min-width: 0;
    border: 0;
    padding: 8px 12px;
    outline-offset: -3px;
    color: #18364d;
    font-size: 13px;
  }
  .he-v2-inner-shell .he-v2-inner-search button {
    min-width: 83px;
    border: 0;
    border-radius: 7px;
    background: #f3a252;
    color: #173d59;
    font-size: 12px;
    font-weight: 850;
    padding: 7px 15px;
  }
  .he-v2-inner-shell .he-v2-inner-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 245px;
    gap: 20px;
    margin-top: 19px;
    align-items: start;
  }
  .he-v2-inner-shell .he-v2-inner-content {
    min-width: 0;
    max-width: 100%;
    overflow: hidden;
    background: #fff;
    border: 1px solid #e1ebf2;
    border-radius: 17px;
    padding: 20px 22px 25px;
    box-shadow: var(--he-shadow);
    color: #304e61;
    font-size: 13px;
    line-height: 1.55;
    overflow-wrap: anywhere;
  }
  /* Keep true CMS DOM, including article body, forms and image galleries.
     Tables are constrained inside content; no replacement HTML/duplicate IDs. */
  .he-v2-inner-shell .he-v2-inner-content table {
    width: 100% !important;
    max-width: 100% !important;
    height: auto;
    border-collapse: collapse;
    table-layout: auto;
  }
  .he-v2-inner-shell .he-v2-inner-content td,
  .he-v2-inner-shell .he-v2-inner-content th {
    max-width: 100%;
    min-width: 0;
    overflow-wrap: anywhere;
    box-sizing: border-box;
    vertical-align: top;
    font-size: 13px;
    line-height: 1.6;
  }
  .he-v2-inner-shell .he-v2-inner-content img {
    max-width: 100%;
    height: auto;
    object-fit: contain;
  }
  .he-v2-inner-shell .he-v2-inner-content iframe,
  .he-v2-inner-shell .he-v2-inner-content video,
  .he-v2-inner-shell .he-v2-inner-content embed,
  .he-v2-inner-shell .he-v2-inner-content object {
    max-width: 100%;
  }
  .he-v2-inner-shell .he-v2-inner-content pre,
  .he-v2-inner-shell .he-v2-inner-content textarea {
    max-width: 100%;
    overflow-x: auto;
    white-space: pre-wrap;
    overflow-wrap: anywhere;
  }
  .he-v2-inner-shell .he-v2-inner-content input:not([type=hidden]),
  .he-v2-inner-shell .he-v2-inner-content select,
  .he-v2-inner-shell .he-v2-inner-content textarea {
    max-width: 100%;
    box-sizing: border-box;
  }
  .he-v2-inner-shell .he-v2-inner-content input[type=text],
  .he-v2-inner-shell .he-v2-inner-content input[type=password],
  .he-v2-inner-shell .he-v2-inner-content input[type=email],
  .he-v2-inner-shell .he-v2-inner-content textarea,
  .he-v2-inner-shell .he-v2-inner-content select {
    min-height: 36px;
    border: 1px solid #d5e4ed;
    border-radius: 7px;
    padding: 7px 9px;
    background-color: #fff;
    color: #2d536c;
    font-size: 13px;
  }
  .he-v2-inner-shell .he-v2-inner-content input[type=submit],
  .he-v2-inner-shell .he-v2-inner-content button {
    max-width: 100%;
    min-height: 38px;
    padding: 6px 10px;
    border-radius: 7px;
    font-size: 12px;
  }
  .he-v2-inner-shell .he-v2-inner-content a {
    color: #246e9a;
  }
  .he-v2-inner-shell .he-v2-inner-content a:hover {
    color: #c87429;
  }
  .he-v2-inner-shell .he-v2-inner-content h1,
  .he-v2-inner-shell .he-v2-inner-content h2,
  .he-v2-inner-shell .he-v2-inner-content h3 {
    color: #194963;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
  .he-v2-inner-shell .he-v2-inner-content p {
    max-width: 100%;
  }
  .he-v2-inner-shell .he-v2-inner-sidebar {
    display: flex;
    flex-direction: column;
    gap: 16px;
    min-width: 0;
  }
  .he-v2-inner-shell .he-v2-inner-panel {
    border-radius: 14px;
    padding: 17px 16px;
    border: 1px solid #e0eaf0;
    background: #fff;
    box-shadow: var(--he-shadow);
  }
  .he-v2-inner-shell .he-v2-inner-panel h2 {
    margin: 0 0 12px;
    padding-bottom: 9px;
    border-bottom: 1px solid #e7eff4;
    color: #19465f;
    font-size: 15px;
    line-height: 1.35;
  }
  .he-v2-inner-shell .he-v2-inner-side-link {
    display: block;
    color: #326885;
    font-size: 12px;
    padding: 8px 0;
    border-bottom: 1px solid #edf2f5;
    overflow-wrap: anywhere;
  }
  .he-v2-inner-shell .he-v2-inner-side-link:last-child {
    border-bottom: 0;
  }
}

@media (max-width: 960px) {
  .he-v2-inner-shell .he-v2-inner-layout {
    grid-template-columns: minmax(0,1fr);
  }
  .he-v2-inner-shell .he-v2-inner-sidebar {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
}

@media (max-width: 640px) {
  .he-v2-inner-shell .he-v2-header-inner {
    height: 66px;
    padding: 6px 14px;
  }
  .he-v2-inner-shell .he-v2-brand-logo {
    width: 116px;
    height: 43px;
  }
  .he-v2-inner-shell .he-v2-brand-sub,
  .he-v2-inner-shell .he-v2-inner-home {
    display: none;
  }
  .he-v2-inner-shell .he-v2-inner-menu-title {
    margin: 0 0 12px;
  }
  .he-v2-inner-shell .he-v2-inner-main {
    padding: 14px 12px 35px;
  }
  .he-v2-inner-shell .he-v2-inner-masthead {
    border-radius: 15px;
    padding: 20px 18px;
  }
  .he-v2-inner-shell .he-v2-inner-masthead h1 {
    font-size: 23px;
    line-height: 1.25;
    margin: 12px 0 16px;
  }
  .he-v2-inner-shell .he-v2-inner-search {
    flex-wrap: wrap;
    padding: 4px;
    border-radius: 9px;
    min-height: unset;
  }
  .he-v2-inner-shell .he-v2-inner-search select {
    flex: 0 0 115px;
    max-width: 115px;
    border-radius: 5px;
    min-height: 42px;
    font-size: 11px;
  }
  .he-v2-inner-shell .he-v2-inner-search input {
    flex-basis: calc(100% - 115px);
    min-height: 42px;
  }
  .he-v2-inner-shell .he-v2-inner-search button {
    flex-basis: 100%;
    min-height: 38px;
  }
  .he-v2-inner-shell .he-v2-inner-layout {
    margin-top: 14px;
    gap: 15px;
  }
  .he-v2-inner-shell .he-v2-inner-content {
    padding: 13px 12px 20px;
    border-radius: 13px;
    font-size: 13px;
  }
  /* Stack the table-based article/layout columns on narrow devices.
     Keep each real form/anchor node, instead of copying its HTML. */
  .he-v2-inner-shell .he-v2-inner-content table,
  .he-v2-inner-shell .he-v2-inner-content tbody,
  .he-v2-inner-shell .he-v2-inner-content thead,
  .he-v2-inner-shell .he-v2-inner-content tfoot,
  .he-v2-inner-shell .he-v2-inner-content tr,
  .he-v2-inner-shell .he-v2-inner-content td {
    display: block;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box;
    min-width: 0 !important;
    height: auto !important;
  }
  .he-v2-inner-shell .he-v2-inner-content td + td {
    margin-top: 5px;
  }
  .he-v2-inner-shell .he-v2-inner-content img[align=left],
  .he-v2-inner-shell .he-v2-inner-content img[align=right] {
    float: none !important;
    margin: 8px 0 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table[align=center] {
    margin-left: auto;
    margin-right: auto;
  }
  .he-v2-inner-shell .he-v2-inner-content td[background] {
    background-size: cover;
  }
  .he-v2-inner-shell .he-v2-inner-sidebar {
    grid-template-columns: minmax(0,1fr);
  }
  .he-v2-inner-shell .he-v2-inner-panel {
    padding: 15px;
  }
}
@media (max-width: 365px) {
  .he-v2-inner-shell .he-v2-inner-main {
    padding: 10px 9px 30px;
  }
  .he-v2-inner-shell .he-v2-inner-masthead {
    padding: 17px 14px;
  }
  .he-v2-inner-shell .he-v2-inner-content {
    padding: 10px;
  }
}

/* Remove empty 2-pixel border/spacer tables; keep meaningful images. */
@media (max-width: 1180px) {
  .he-v2-inner-shell .he-v2-inner-content .he-v2-inner-decoration {
    display: none !important;
  }
  .he-v2-inner-shell .he-v2-inner-content td.razdel_name,
  .he-v2-inner-shell .he-v2-inner-content td[background*="kat_bg.gif"] {
    border-radius: 8px;
    border: 0;
    padding: 10px 12px !important;
    background: #eaf4fa !important;
    background-image: none !important;
    color: #1d597b !important;
    font-weight: 850;
    font-size: 14px;
  }
  .he-v2-inner-shell .he-v2-inner-content td.razdel_name a {
    color: #19557b !important;
    font-size: 14px;
  }
  .he-v2-inner-shell .he-v2-inner-content h1 {
    margin: 16px 0 14px;
    font-size: clamp(19px,2.4vw,25px);
  }
  .he-v2-inner-shell .he-v2-inner-content .a_menu_left_vibor {
    font-size: 13px;
    line-height: 1.55;
    color: #205e82;
  }
  .he-v2-inner-shell .he-v2-inner-content .a_razd_text {
    font-size: 13px;
    line-height: 1.65;
  }
}
@media (max-width: 640px) {
  .he-v2-inner-shell .he-v2-inner-content td[width="50%"] {
    border: 1px solid #e6eff4;
    border-radius: 9px;
    background: #fbfdfe !important;
    padding: 12px !important;
    margin: 8px 0;
  }
  .he-v2-inner-shell .he-v2-inner-content td[align="right"] {
    text-align: left !important;
  }
  .he-v2-inner-shell .he-v2-inner-content td.razdel_name {
    width: 100% !important;
    margin: 5px 0;
  }
}

/* The legacy Events Calendar is a real seven-column widget, not an article
   layout table. Undo only the generic mobile table-stacking rules for it. */
@media (max-width: 640px) {
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder {
    display: block;
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    overflow: visible;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar {
    display: table !important;
    width: 100% !important;
    max-width: 260px !important;
    margin: 0 auto !important;
    height: auto !important;
    table-layout: fixed;
    border-collapse: collapse;
    box-sizing: border-box;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar caption {
    display: table-caption !important;
    caption-side: top;
    max-width: 100%;
    height: auto;
    padding: 9px 2px !important;
    font-size: 13px;
    line-height: 1.5;
    font-weight: 750;
    color: #1e5a7e;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar caption a {
    display: inline-block;
    padding: 2px 5px;
    font-size: 13px;
    line-height: 1.4;
    color: #1b6996;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar tbody {
    display: table-row-group !important;
    width: auto !important;
    height: auto !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar tr {
    display: table-row !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: auto !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar td,
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar th {
    display: table-cell !important;
    width: 14.2857% !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 34px !important;
    padding: 1px 0 !important;
    margin: 0 !important;
    box-sizing: border-box;
    font-size: 12px;
    font-weight: 500;
    text-align: center !important;
    vertical-align: middle;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar td a {
    display: block;
    padding: 7px 0;
    font-size: 12px;
    line-height: 1.25;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar td.selected {
    background-color: #ffe39a;
    color: #194c70;
    font-weight: 850;
  }
}

/* The old calendar also emits a THEAD; it must participate in table layout. */
@media (max-width: 640px) {
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar thead {
    display: table-header-group !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder table.calendar tfoot {
    display: table-footer-group !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
  }
}

/* INFORM.KG Frontend v2: accessible replacement for the historic 160px
   currency/horoscope/weather tab widget, in mobile view only. */
.he-v2-live-informers {
  display: none;
}
@media (max-width: 1180px) {
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content .he-v2-old-informer-widget {
    display: none !important;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content .he-v2-live-informers {
    display: block !important;
    width: 100%;
    max-width: 520px;
    margin: 12px auto 18px;
    padding: 0;
    overflow: hidden;
    border: 1px solid #dce9f2;
    border-radius: 15px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(20, 63, 91, .06);
    color: #1f4761;
    font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;
    font-size: 13px;
    line-height: 1.5;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-panel[hidden] {
    display: none !important;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-tabs {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
    padding: 6px;
    background: #edf5fa;
    border-bottom: 1px solid #e2edf4;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-tab {
    width: 100%;
    min-height: 39px;
    padding: 9px 5px;
    margin: 0;
    font-size: 12px;
    line-height: 1.25;
    font-weight: 750;
    text-align: center;
    white-space: nowrap;
    color: #53768c;
    border: 0;
    background: transparent;
    border-radius: 9px;
    cursor: pointer;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-tab.is-active {
    background: #1e608b;
    color: white;
    box-shadow: 0 2px 6px rgba(23, 73, 105, .13);
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-tab:focus-visible,
  .he-v2-inner-shell .he-v2-live-informers a:focus-visible,
  .he-v2-inner-shell .he-v2-live-informers button:focus-visible {
    outline: 3px solid #88bfe0;
    outline-offset: 2px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-panel {
    padding: 18px;
    min-width: 0;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-heading {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    gap: 10px;
    padding-bottom: 13px;
    margin-bottom: 5px;
    border-bottom: 1px solid #edf2f6;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-heading h2 {
    padding: 0;
    margin: 0;
    font-size: 17px;
    font-weight: 820;
    line-height: 1.3;
    color: #164968;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-date {
    color: #7991a2;
    font-size: 11px;
    white-space: nowrap;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-list {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    min-height: 61px;
    padding: 10px 2px;
    border-bottom: 1px solid #edf2f6;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency:last-child {
    border-bottom: 0;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity {
    min-width: 0;
    display: flex;
    flex-direction: column;
    gap: 2px;
    justify-content: center;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity strong {
    font-size: 14px;
    font-weight: 850;
    letter-spacing: .02em;
    color: #215c7d;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity small {
    font-size: 11px;
    line-height: 1.35;
    color: #7a8f9e;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-numbers {
    flex: 0 0 auto;
    text-align: right;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: flex-end;
    gap: 1px;
    font-variant-numeric: tabular-nums;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-value {
    display: flex;
    align-items: baseline;
    gap: 5px;
    white-space: nowrap;
    color: #1e465d;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-value strong {
    font-size: 19px;
    font-weight: 850;
    line-height: 1.35;
    letter-spacing: -.02em;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-value span {
    color: #78909e;
    font-size: 11px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-change {
    display: inline-flex;
    align-items: center;
    gap: 3px;
    font-size: 11px;
    font-weight: 780;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-trend-up {
    color: #16865d;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-trend-down {
    color: #d65c4d;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-trend-flat {
    color: #78909e;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
    padding: 11px 0 0;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-item {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-width: 0;
    min-height: 88px;
    padding: 12px;
    background: #f6fafc;
    border: 1px solid #e5eef3;
    border-radius: 12px;
    color: #285979;
    transition: border-color .15s ease, background-color .15s ease;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-item:hover {
    background: #edf6fb;
    border-color: #c1dfef;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-featured {
    background: #e9f4fa;
    border-color: #d1e6f3;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-city-name {
    font-size: 12px;
    font-weight: 750;
    line-height: 1.35;
    overflow-wrap: anywhere;
    color: #315c77;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-detail {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    margin-top: 10px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-detail strong {
    flex: 0 0 auto;
    font-size: 17px;
    font-weight: 820;
    line-height: 1;
    color: #1b5c85;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-detail img {
    flex: 0 0 29px;
    width: 29px !important;
    height: 29px !important;
    max-width: 29px !important;
    object-fit: contain;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-extra {
    display: none;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-grid.expanded .he-v2-informer-weather-extra {
    display: flex;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-more-button {
    display: block;
    width: 100%;
    min-height: 42px;
    margin-top: 13px;
    padding: 9px;
    border: 1px solid #d9e8f2;
    background: #f0f7fb;
    border-radius: 9px;
    font-size: 12px;
    font-weight: 800;
    color: #256d94;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-horoscope-links {
    display: grid;
    grid-template-columns: repeat(2, minmax(0,1fr));
    gap: 9px;
    padding-top: 12px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-horoscope-link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 41px;
    padding: 8px 9px;
    border-radius: 9px;
    border: 1px solid #ddebf3;
    background: #f5f9fc;
    color: #286b92;
    font-size: 12px;
    font-weight: 730;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-horoscope-link:hover {
    background: #e6f4fc;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-more {
    display: inline-block;
    margin-top: 15px;
    font-size: 12px;
    font-weight: 790;
    color: #2675a1;
  }
}
@media (max-width: 365px) {
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-panel {
    padding: 13px 12px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-grid {
    gap: 7px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-item {
    padding: 10px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-detail strong {
    font-size: 15px;
  }
}

/* When the legacy content still has a narrow right-hand sidebar at tablet
   widths, keep the modern widget readable without overflowing that column. */
@media (min-width: 641px) and (max-width: 1180px) {
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-tabs {
    gap: 1px;
    padding: 4px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-tab {
    font-size: 10px;
    padding: 9px 1px;
    min-height: 36px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-panel {
    padding: 9px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-heading {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1px;
    padding-bottom: 7px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-heading h2 {
    font-size: 14px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-date {
    font-size: 10px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency {
    gap: 6px;
    min-height: 50px;
    padding: 7px 0;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity small {
    display: none;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity strong {
    font-size: 12px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-value strong {
    font-size: 15px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-value span {
    display: none;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-change {
    font-size: 10px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-grid {
    grid-template-columns: minmax(0,1fr);
    gap: 7px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-item {
    min-height: 65px;
    padding: 9px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-weather-detail {
    margin-top: 3px;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-horoscope-links {
    grid-template-columns: minmax(0,1fr);
    gap: 6px;
  }
}

/* Keep the new mobile informer typographically independent from legacy
   global anchor/button styles inherited from 2000s PHP modules. */
@media (max-width: 1180px) {
  .he-v2-inner-shell .he-v2-inner-content .he-v2-live-informers,
  .he-v2-inner-shell .he-v2-inner-content .he-v2-live-informers * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
  }
}
@media (min-width: 641px) and (max-width: 1180px) {
  /* Narrow old sidebar: show four locations initially, remaining cities
     expand with the same "Все города" control. */
  .he-v2-inner-shell .he-v2-inner-content .he-v2-informer-weather-grid:not(.expanded)
    > .he-v2-informer-weather-item:nth-child(n+5) {
    display: none !important;
  }
}

/* 2026-10-09: Left-align every currency ticker symbol and full title on
   the same vertical guide; override inherited center alignment from
   the historical CMS without touching the numbers on the right. */
@media (max-width: 1180px) {
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity {
    flex: 1 1 0;
    align-items: flex-start;
    text-align: left !important;
  }
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity strong,
  .he-v2-inner-shell .he-v2-live-informers .he-v2-informer-currency-identity small {
    display: block;
    width: 100%;
    text-align: left !important;
  }
}

/* 2026-10-09 — House-style organization account card.
   Visual-only enhancement of the real server-rendered login form:
   preserve original action, POST fields, hidden captcha value, and image. */
.he-v2-captcha-label {
  display: none;
}
@media (max-width: 1180px) {
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading {
    display: table !important;
    width: 100% !important;
    max-width: 520px !important;
    height: auto !important;
    margin: 19px auto 0 !important;
    border: 1px solid #dfebf3 !important;
    border-bottom: 0 !important;
    border-radius: 15px 15px 0 0;
    background: #fff !important;
    box-shadow: 0 6px 20px rgba(19, 68, 101, .045);
    overflow: hidden;
    border-collapse: separate;
    border-spacing: 0;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading tbody,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading tbody {
    display: table-row-group !important;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading tr,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading tr {
    display: table-row !important;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading td,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading td {
    display: table-cell !important;
    width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 16px 19px 10px !important;
    border: 0 !important;
    background: #fff !important;
    background-image: none !important;
    box-sizing: border-box;
    color: #174765 !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    font-size: 17px !important;
    font-weight: 810 !important;
    line-height: 1.35;
    text-align: left !important;
  }

  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-container {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto 8px !important;
    padding: 0 0 17px !important;
    background: white !important;
    border: 1px solid #dfebf3 !important;
    border-top: 0 !important;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 9px 25px rgba(19, 68, 101, .055);
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-container > tbody,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-container > tbody > tr,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-container > tbody > tr > td {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    background: white !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form {
    display: block;
    width: 100%;
    margin: 0 !important;
    padding: 0 19px 8px !important;
    background: transparent !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form > table,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form > table > tbody,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form > table > tbody > tr,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form > table > tbody > tr > td {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    background: white !important;
    border: 0 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form > table > tbody > tr > td.autor {
    margin: 7px 0 5px !important;
    color: #5b7487 !important;
    font-size: 12px !important;
    font-weight: 750;
    line-height: 1.4;
    text-align: left;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="login_username"],
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="secretkey"] {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: 44px !important;
    min-height: 44px !important;
    padding: 10px 12px !important;
    margin: 0 0 12px !important;
    background: #f8fbfe !important;
    color: #244c67 !important;
    border: 1px solid #d9e6ef !important;
    border-radius: 9px !important;
    outline-offset: 2px;
    font-size: 14px !important;
    font-weight: 500;
    text-align: left !important;
    box-shadow: inset 0 1px 2px rgba(26, 62, 89, .025);
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="login_username"]:focus,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="secretkey"]:focus,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="ciferki"]:focus {
    border-color: #76b4db !important;
    box-shadow: 0 0 0 3px rgba(71, 153, 199, .12);
    outline: none;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form .he-v2-captcha-label {
    display: block;
    margin: 4px 0 7px;
    font-size: 12px;
    font-weight: 750;
    color: #5b7487;
  }
  /* The 150x26px captcha consists of a background tile and a transparent
     foreground. Both layers need their original dimensions. */
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row {
    display: table !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 48px !important;
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: separate;
    margin: 0 auto 14px !important;
    background: transparent !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody {
    display: table-row-group !important;
    width: auto !important;
    height: auto !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr {
    display: table-row !important;
    width: auto !important;
    height: 48px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr > td {
    display: table-cell !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    height: 48px !important;
    padding: 0 8px 0 0 !important;
    margin: 0 !important;
    vertical-align: middle !important;
    background: transparent !important;
    text-align: left !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr > td:first-child {
    width: 155px !important;
    min-width: 155px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-image {
    display: table !important;
    width: 150px !important;
    max-width: 150px !important;
    height: 26px !important;
    margin: 0 !important;
    border: 0 !important;
    border-collapse: collapse !important;
    table-layout: fixed;
    background: transparent !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-image > tbody {
    display: table-row-group !important;
    width: auto !important;
    height: 26px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-image tr {
    display: table-row !important;
    width: auto !important;
    height: 26px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-image td {
    display: table-cell !important;
    width: 150px !important;
    max-width: 150px !important;
    min-width: 150px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    background-size: 150px 26px !important;
    background-repeat: no-repeat !important;
    background-position: left center !important;
    vertical-align: middle !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-image img {
    display: block !important;
    width: 150px !important;
    max-width: 150px !important;
    height: 26px !important;
    min-height: 26px !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: fill !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="ciferki"] {
    display: block !important;
    width: 76px !important;
    max-width: 76px !important;
    min-width: 64px !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 9px 10px !important;
    margin: 0 0 0 auto !important;
    border: 1px solid #d9e6ef !important;
    background: #f8fbfe !important;
    border-radius: 9px !important;
    font-size: 16px !important;
    font-variant-numeric: tabular-nums;
    text-align: center !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[type="submit"] {
    display: block !important;
    width: 100% !important;
    min-height: 44px !important;
    padding: 10px 16px !important;
    margin: 5px 0 1px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: #1f6794 !important;
    color: #fff !important;
    cursor: pointer;
    font-size: 13px !important;
    font-weight: 820 !important;
    text-align: center !important;
    box-shadow: 0 3px 8px rgba(20, 84, 122, .11);
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[type="submit"]:hover {
    background: #174f75 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-container > tbody > tr > td > table:not(.he-v2-login-register) {
    display: none !important; /* Empty legacy spacer tables only. */
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register {
    display: block !important;
    width: auto !important;
    margin: 7px 19px 0 !important;
    padding: 12px 0 0 !important;
    border-top: 1px solid #e7eff4;
    background: #fff !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register tbody,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register tr,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register td {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
    border: none !important;
    background: white !important;
    text-align: left !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register a {
    display: block;
    padding: 12px 13px;
    border: 1px solid #e0ebf3;
    border-radius: 9px;
    background: #f3f8fc;
    color: #246e98 !important;
    font-size: 12px !important;
    font-weight: 750;
    line-height: 1.45;
    text-align: left !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register a::after {
    content: '  ↗';
    font-weight: 850;
    color: #e59b5b;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register img[src*="kabinet.jpg"] {
    display: none !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register font,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register .a_menu_left {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    color: #246e98 !important;
    font-size: 12px !important;
  }
}
@media (max-width: 365px) {
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-register {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr > td:first-child {
    width: 150px !important;
    min-width: 150px !important;
  }
}

/* 2026-10-09 — Events calendar visual update, retaining the existing
   fcp calendar logic, links, month/year controls, and selected day. */
@media (max-width: 1180px) {
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content .he-v2-event-calendar-body {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 520px !important;
    margin: 0 auto 19px !important;
    padding: 3px 16px 17px !important;
    background: #fff !important;
    border: 1px solid #dfebf3 !important;
    border-top: 0 !important;
    border-radius: 0 0 15px 15px;
    box-shadow: 0 9px 25px rgba(19, 68, 101, .055);
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    padding: 4px 0 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
    border: none !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar {
    display: table !important;
    width: 100% !important;
    max-width: 360px !important;
    min-width: 0 !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background: #fff !important;
    border: 0 !important;
    border-collapse: separate !important;
    border-spacing: 3px !important;
    table-layout: fixed;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar caption {
    display: table-caption !important;
    caption-side: top;
    width: auto;
    max-width: 100%;
    padding: 10px 6px !important;
    margin: 0 0 10px !important;
    border: 0 !important;
    border-radius: 10px;
    background: #edf5fa !important;
    color: #205c7e !important;
    text-align: center;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: normal;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    font-size: 13px !important;
    font-weight: 800;
    line-height: 1.6 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar caption a {
    display: inline-block !important;
    min-width: 22px;
    padding: 1px 4px !important;
    border-radius: 5px;
    color: #2b719a !important;
    font-family: inherit !important;
    font-size: 14px !important;
    line-height: 1.6 !important;
    font-weight: 800;
    text-decoration: none;
    vertical-align: middle;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar caption a:hover,
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar caption a:focus-visible {
    background: #dcebf5;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar thead {
    display: table-header-group !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar tbody {
    display: table-row-group !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar tr {
    display: table-row !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td,
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar th {
    display: table-cell !important;
    box-sizing: border-box;
    width: 14.2857% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 37px !important;
    min-height: 37px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    border: 0 !important;
    border-radius: 8px;
    text-align: center !important;
    vertical-align: middle !important;
    color: #57758c !important;
    font-size: 12px !important;
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
    line-height: 1.3 !important;
    white-space: nowrap;
    overflow-wrap: normal;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar thead td,
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar thead th {
    color: #7390a1 !important;
    background: #f4f8fb !important;
    font-weight: 760 !important;
    font-size: 11px !important;
    height: 31px !important;
    min-height: 31px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td.in_month {
    color: #2e6285 !important;
    background: #f6fafc !important;
    transition: background-color .15s ease;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td.in_month:hover {
    background: #eaf3fa !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td.selected {
    background: #226b97 !important;
    color: #fff !important;
    font-weight: 850 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td.selected a {
    color: #fff !important;
    font-weight: 850 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td a {
    display: flex !important;
    align-items: center;
    justify-content: center;
    width: 100% !important;
    height: 100% !important;
    margin: 0 !important;
    padding: 5px 0 !important;
    font-size: 12px !important;
    line-height: 1.35 !important;
    color: #316f97 !important;
    font-weight: 650;
    text-decoration: none;
  }
}
@media (max-width: 365px) {
  .he-v2-inner-shell .he-v2-inner-content .he-v2-event-calendar-body {
    padding-left: 9px !important;
    padding-right: 9px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar {
    border-spacing: 2px !important;
  }
  .he-v2-inner-shell .he-v2-inner-content #cal_placeholder.he-v2-calendar-enhanced table.calendar td {
    height: 33px !important;
    min-height: 33px !important;
    font-size: 11px !important;
  }
}

/* Correct the 3-cell decorative title table: only the title cell matters.
   The default table layout stretched empty border cells to 400px tall. */
@media (max-width: 1180px) {
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading {
    display: block !important;
    width: 100% !important;
    max-width: 520px !important;
    height: auto !important;
    min-height: 0 !important;
    overflow: hidden;
    box-sizing: border-box;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading > tbody,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading > tbody > tr,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading > tbody,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading > tbody > tr {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading td:not(.razdel_name),
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading td:not(.razdel_name) {
    display: none !important;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-login-heading td.razdel_name,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-heading td.razdel_name {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 17px 19px 10px !important;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    color: #184e71 !important;
    font-size: 17px !important;
  }
  /* Only the table which contains #cal_placeholder is part of the
     calendar card. Its parent DIV also contains other site widgets. */
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-outer {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 520px !important;
    min-width: 0 !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto 19px !important;
    padding: 3px 16px 17px !important;
    border: 1px solid #dfebf3 !important;
    border-top: 0 !important;
    border-radius: 0 0 15px 15px;
    background: #fff !important;
    box-shadow: 0 9px 25px rgba(19, 68, 101, .055);
  }
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-outer > tbody,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-outer > tbody > tr,
  .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-outer td.he-v2-event-calendar-cell {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-width: 100% !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-event-calendar-outer
    > tbody > tr > td:not(.he-v2-event-calendar-cell) {
    display: none !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form * {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif !important;
  }
}

/* 641–1180px: the old sidebar is only ~230px wide. Keep the
   original 150px CAPTCHA image at native resolution and stack the
   answer field beneath it instead of pushing outside the card. */
@media (min-width: 641px) and (max-width: 1180px) {
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr > td,
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form table.he-v2-login-captcha-row > tbody > tr > td:first-child {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    padding: 0 !important;
    margin: 0 !important;
  }
  .he-v2-inner-shell .he-v2-inner-content form.he-v2-legacy-login-form input[name="ciferki"] {
    width: 100% !important;
    max-width: 100% !important;
    margin: 9px 0 13px !important;
    text-align: left !important;
  }
}

/* 2026-10-09: Tablet article feeds mirror the phone layout.
   Applies ONLY to verified two-column CMS article summary grids.
   Phones <=640px already have this design; desktop >1180px is untouched. */
@media (min-width: 641px) and (max-width: 1180px) {
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-article-list,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-article-list > tbody,
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-article-list > tbody > tr {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
  }

  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-article-list > tbody > tr > td.he-v2-article-card {
    display: block !important;
    box-sizing: border-box;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 8px 0 !important;
    padding: 12px !important;
    border: 1px solid #e6eff4 !important;
    border-radius: 9px;
    background: #fbfdfe !important;
    text-align: left !important;
    overflow-wrap: anywhere;
  }

  /* Phone-style images and descriptions; not a separate tablet design. */
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-article-list > tbody > tr > td.he-v2-article-card img[align="left"],
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content table.he-v2-article-list > tbody > tr > td.he-v2-article-card img[align="right"] {
    float: none !important;
    margin: 8px 0 !important;
  }
}

/* Business profile OpenLayers raster tile images are absolute-positioned.
   Generic responsive max-width:100% collapses their computed width to zero. */
@media (max-width: 1180px) {
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content #map {
    display: block;
    width: 100% !important;
    max-width: 100%;
    min-height: 350px;
    overflow: hidden;
    border-radius: 11px;
    border: 1px solid #d7e6ef;
    background: #f0f5f8;
  }
  body.he-v2-inner-ready .he-v2-inner-shell .he-v2-inner-content #map img {
    max-width: none !important;
    object-fit: fill !important;
  }
}

@media (max-width:1180px) {
  .he-v2-inner-shell .he-v2-profile-organizations h2 {
    margin-bottom: 5px;
    padding-bottom: 0;
    border-bottom: 0;
  }
  .he-v2-inner-shell .he-v2-profile-organizations-category {
    margin: 0 0 12px;
    padding-bottom: 12px;
    border-bottom: 1px solid #e7eff4;
    color: #19465f;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.35;
    overflow-wrap: anywhere;
  }
}

@media (max-width:1180px) {
  .he-v2-inner-shell .he-v2-profile-organizations .he-v2-current-organization {
    margin: 4px 0;
    padding: 10px 12px;
    border: 1px solid #b7dbe9;
    border-left: 4px solid #2189a8;
    border-radius: 8px;
    background: #eaf5fa;
    color: #19465f;
    font-weight: 700;
  }
}

@media (max-width:1180px) {
  .he-v2-inner-shell .he-v2-organization-scroll {
    position: relative;
    max-height: 60vh;
    max-height: 60dvh;
    overflow-y: auto;
    overscroll-behavior-y: contain;
    scrollbar-width: thin;
    scrollbar-color: #8bb5c7 #f1f6f9;
    padding-right: 6px;
  }
  .he-v2-inner-shell .he-v2-organization-scroll:focus-visible {outline:2px solid #2189a8;outline-offset:3px;}
  .he-v2-inner-shell .he-v2-organization-details summary {
    cursor: pointer;
    padding: 10px 0;
    color: #246e9a;
    font-size: 14px;
    font-weight: 700;
  }
}
@media (min-width:641px) and (max-width:1180px) {
  .he-v2-inner-shell .he-v2-profile-sidebar {
    position: sticky;
    top: 16px;
    align-self: start;
  }
  .he-v2-inner-shell .he-v2-organization-details > summary {display:none;}
  .he-v2-inner-shell .he-v2-organization-details > .he-v2-organization-scroll {display:block;}
}
@media (max-width:640px) {
  .he-v2-inner-shell .he-v2-organization-scroll {max-height:50vh;max-height:50dvh;}
}

@media(max-width:1180px){
.he-v2-inner-shell .he-v2-inner-side-link.he-v2-current-category{
 display:block;background:#e8f4f9;border:1px solid #badbe7;border-left:4px solid #2189a8;border-radius:10px;
 padding:12px 10px;margin:4px 0;color:#19465f;font-weight:700;
}
}

@media(max-width:1180px){.he-v2-category-scroll{max-height:60dvh;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@media(max-width:640px){.he-v2-category-scroll{max-height:45dvh}}