/* Общая вёрстка обзоров бизнес-направлений по эталону. */
@media screen and (min-width: 801px) {
  .finance-sector-overview .screen-body > .unified-overview { display: flex; flex-direction: column; flex: 1; min-height: 0; }
  .finance-sector-overview .unified-overview > .direction-layout { flex: 1; }
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-tiles article:not(.direction-block-share) { display: grid; grid-template-rows: auto 1fr; align-content: start; gap: 5px 12px; }
  .finance-sector-overview .direction-tiles article:not(.direction-block-share) > span { align-self: start; }
  .finance-sector-overview .direction-tiles article:not(.direction-block-share) > b,
  .finance-sector-overview .direction-tiles article:not(.direction-block-share) > strong { align-self: end; }
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-visual { position: relative; height: clamp(300px, 35vw, 430px); overflow: visible; }
}
:is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-tiles article:not(.direction-block-share) > b { font-size: 17px; line-height: 1.2; }
.finance-sector-overview .direction-brand { display: flex; align-items: center; gap: 9px; min-width: 0; }
.finance-sector-overview .direction-brand > span { min-width: 0; overflow-wrap: anywhere; }
:is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-visual img { width: 100%; height: 100%; max-width: 100%; object-fit: contain; object-position: center; transform: none; }
@media screen and (min-width: 801px) {
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-visual img { position: absolute; left: 50%; top: 50%; width: min(100%, 88vh, 720px); height: auto; transform: translate(-50%, calc(-50% - 20px)); }
}
:is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-share-row span { flex: 1 1 0; min-width: 0; font-size: 14px; line-height: 1.15; gap: 4px; overflow-wrap: normal; word-break: normal; }
:is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-share-row b { font-size: 16px; line-height: 1; text-align: right; flex: none; white-space: nowrap; }
@media (max-width: 800px) {
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-visual { width: calc(100% + 40px); height: min(100vw, 420px); margin-left: -20px; overflow: hidden; }
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-share-row span { font-size: 14px; gap: 4px; }
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-share-row img { width: 18px; height: 18px; }
  :is(#banks-overview,#insurance-overview,#mfo-overview,#media-overview) .direction-share-row b { font-size: 16px; }
}
