.hero-header{background-image:var(--banner-desktop)}
.prose{white-space:pre-line;overflow-wrap:anywhere;line-height:1.7}
.hero-card__name a{color:inherit;text-decoration:none}
.hero-card__image-wrapper>a{display:block;width:100%;height:100%}
.hero-popup{max-width:1260px}
.notice{padding:16px;background:#e9f0df;border-left:4px solid #677548;margin:16px 0}
.notice--error{background:#fae8e2;border-color:#a04732}
.pagination{display:flex;flex-wrap:wrap;gap:10px;margin:28px 0;justify-content:center}
.pagination a{padding:10px 16px;color:#3b422f;border:1px solid #9b9f8b;text-decoration:none}
.pagination [aria-current]{background:#3b422f;color:white}
.honeypot{position:absolute;left:-10000px}
.consent{display:block;font-size:14px;margin-bottom:20px}
.contacts-map iframe{width:100%;height:400px;border:0}
.search-results__more-btn{display:inline-block;text-decoration:none}
@media(max-width:1024px) and (orientation:portrait),(max-width:768px){.hero-header{background-image:var(--banner-mobile)}}
/* Отступ при переходе к содержимому: фактическую высоту шапки уточняет JS. */
#main-content{scroll-margin-top:var(--content-scroll-offset,88px)}
#main-content:focus{outline:none}

/* Переключение вида общего списка на главной и в поиске. */
[data-view-panel][hidden],[data-view-switch][hidden]{display:none!important}
.heroes-view-switch{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin:0 0 24px}
.heroes-view-switch__button{font:inherit;padding:10px 18px;border:1px solid #73785f;background:#fff;color:#373c2e;cursor:pointer;border-radius:3px}
.heroes-view-switch__button[aria-pressed="true"]{background:#373c2e;color:#fff}
.heroes-view-switch__button:hover{border-color:#373c2e}
.heroes-view-switch__button:focus-visible,.heroes-table-scroll:focus-visible{outline:3px solid #778052;outline-offset:3px}
.heroes-table-scroll{max-width:100%;overflow-x:auto;margin-bottom:24px;-webkit-overflow-scrolling:touch}
.heroes-table{width:100%;min-width:780px;border-collapse:collapse;background:#fff;text-align:left;font-size:17px;line-height:1.5}
.heroes-table th,.heroes-table td{padding:16px;vertical-align:top;border:1px solid #d1cebf;overflow-wrap:anywhere;white-space:pre-line}
.heroes-table thead th{background:#e8e3d7;color:#373c2e;font-weight:600}
.heroes-table tbody th{min-width:180px;font-weight:500}
.heroes-table tbody tr:nth-child(even){background:#f8f6ef}
.heroes-table .heroes-table__name{color:#373c2e;font-weight:700;text-decoration:none;text-underline-offset:3px}
.heroes-table [data-hero-row]{cursor:pointer}
.heroes-table [data-hero-row]:hover,.heroes-table [data-hero-row]:focus-within{background:#eee9d9}
.heroes-table [data-hero-row]:hover .heroes-table__name,.heroes-table [data-hero-row]:focus-within .heroes-table__name{text-decoration:underline}
.heroes-table__name:focus-visible{outline:2px solid #778052;outline-offset:3px}
.heroes-table .heroes-table__date{white-space:nowrap}
.heroes-table__caption{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
@media(max-width:768px){.heroes-view-switch{justify-content:flex-start;margin-bottom:18px}.heroes-table{font-size:15px}.heroes-table th,.heroes-table td{padding:12px}}