/**
 * Фирменная типографика темы ЦОПП Мурманской области
 * Шрифт: Segoe UI (Арктический стиль ЦОПП)
 * Основной цвет текста: #334e68
 * Заголовки и акценты: #0f4c6c
 */

html,
body,
button,
input,
select,
textarea {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

body {
    color: #334e68 !important;
}

/* Базовый контейнер контента */
.entry-content,
.page-content,
.site-main,
main,
article,
.wp-block-group,
.wp-block-columns,
.wp-block-column {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #334e68 !important;
}

/* Заголовки H1-H6 */
h1, h2, h3, h4, h5, h6,
.entry-content h1, .entry-content h2, .entry-content h3,
.entry-content h4, .entry-content h5, .entry-content h6,
.site-main h1, .site-main h2, .site-main h3,
.site-main h4, .site-main h5, .site-main h6,
.wp-block-heading {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #0f4c6c !important;
    font-weight: 800 !important;
    line-height: 1.25 !important;
    letter-spacing: -0.01em;
}

.site-main h1, .entry-content h1 { font-size: clamp(30px, 3.2vw, 42px) !important; margin: 0 0 20px !important; }
.site-main h2, .entry-content h2 { font-size: clamp(24px, 2.4vw, 34px) !important; margin: 32px 0 16px !important; }
.site-main h3, .entry-content h3 { font-size: clamp(20px, 1.8vw, 26px) !important; margin: 24px 0 12px !important; }

/* Тексты абзацев — единый размер, цвет и межстрочный интервал (как в блоке «О Центре») */
.entry-content p,
.page-content p,
.site-main p,
main p,
.wp-block-paragraph,
.copp-home-about-text,
p {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 18px !important;
    line-height: 1.62 !important;
    color: #334e68 !important;
    margin-top: 0 !important;
    margin-bottom: 18px !important;
}

/* Исключения для мелких подписей и бейджей */
.copp-about-badge,
.opk-search__head span,
.tv-search__head span,
.copp-cz-badge,
.copp-kpi-card__sub,
.copp-kpi-card__label,
.copp-card__meta,
.wp-element-caption,
figcaption {
    font-size: 13.5px !important;
    line-height: 1.4 !important;
}

/* Списки */
.entry-content ul,
.entry-content ol,
.site-main ul,
.site-main ol,
.wp-block-list {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 17.5px !important;
    line-height: 1.62 !important;
    color: #334e68 !important;
    margin: 14px 0 22px 24px !important;
}

.entry-content li,
.site-main li,
.wp-block-list li {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    margin-bottom: 8px !important;
    color: #334e68 !important;
    line-height: 1.62 !important;
}

.entry-content li strong,
.site-main li strong,
.wp-block-list li strong,
p strong,
span strong {
    color: #0f4c6c !important;
    font-weight: 700 !important;
}

/* Ссылки внутри контента */
.entry-content p a,
.entry-content li a,
.site-main p a,
.site-main li a {
    color: #005b82;
    text-decoration: underline;
    text-underline-offset: 3px;
    transition: color 0.2s ease;
}

.entry-content p a:hover,
.entry-content li a:hover,
.site-main p a:hover,
.site-main li a:hover {
    color: #0077aa;
}

/* Таблицы */
.wp-block-table,
.copp-table-czn table,
table {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.55 !important;
    color: #334e68 !important;
}

.wp-block-table th,
table th {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #0f4c6c !important;
    font-weight: 700 !important;
    background-color: #f0f7fb !important;
}

.wp-block-table td,
table td {
    color: #334e68 !important;
}

/* Кнопки возврата ("Назад") и общие кнопки темы */
.wp-block-button__link {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 15.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.01em !important;
}

.wp-block-button.is-style-outline .wp-block-button__link,
.wp-block-button.is-style-outline .wp-element-button {
    border: 1.5px solid #005b82 !important;
    color: #005b82 !important;
    background: #ffffff !important;
    border-radius: 999px !important;
    padding: 10px 24px !important;
    font-size: 15px !important;
    font-weight: 700 !important;
    text-decoration: none !important;
    box-shadow: 0 2px 8px rgba(0, 91, 130, 0.08) !important;
    transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1) !important;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover,
.wp-block-button.is-style-outline .wp-element-button:hover {
    background: #005b82 !important;
    color: #ffffff !important;
    border-color: #005b82 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 6px 18px rgba(0, 91, 130, 0.22) !important;
    text-decoration: none !important;
}

/* Карточки полезных материалов (copp-useful-grid) */
.copp-useful-grid,
.copp-useful-card,
.copp-about-feature-card,
.copp-about-metric-card,
.copp-kpi-card,
.copp-chart-card {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
}

.copp-useful-card__title,
.copp-about-feature-card__title,
.copp-chart-card__title {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #0f4c6c !important;
    font-weight: 700 !important;
}

.copp-useful-card__desc,
.copp-about-feature-card__text {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 16px !important;
    line-height: 1.6 !important;
    color: #334e68 !important;
}

/* Разделы Вакансий (ОПК и Работа в России) */
.opk-search,
.tv-search,
.opk-card,
.tv-card,
.opk-table,
.tv-table {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #334e68 !important;
}

.opk-card__title a,
.tv-card__title a {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #0f4c6c !important;
    font-weight: 700 !important;
}

.opk-card__company,
.tv-card__company {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    color: #005b82 !important;
    font-weight: 600 !important;
}

.opk-card__duty,
.tv-card__duty,
.opk-card__reqs,
.tv-card__reqs {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
    font-size: 15px !important;
    line-height: 1.55 !important;
    color: #475569 !important;
}

/* Формы поиска и фильтров */
.opk-input,
.tv-input,
.opk-select,
.tv-select,
.opk-btn,
.tv-btn {
    font-family: 'Segoe UI', -apple-system, BlinkMacSystemFont, Tahoma, Geneva, Verdana, sans-serif !important;
}

/* ==========================================================================
   Страница «О ЦОПП» (модернизация блоков и контраст)
   ========================================================================== */

/* Блок сотрудничества на единой подложке */
.copp-about-collab-block {
    background: linear-gradient(180deg, #f3f8fc 0%, #edf5fa 100%) !important;
    border: 1px solid rgba(0, 91, 130, 0.16) !important;
    border-radius: 24px !important;
    padding: 38px 36px 34px !important;
    margin: 36px 0 !important;
    box-shadow: 0 8px 28px rgba(15, 76, 108, 0.05) !important;
    box-sizing: border-box;
}

.copp-about-collab-header h2 {
    margin: 0 0 10px !important;
    color: #0f4c6c !important;
    font-size: clamp(24px, 2.4vw, 32px) !important;
    font-weight: 800 !important;
}

.copp-about-collab-subtitle {
    margin: 0 0 24px !important;
    color: #476268 !important;
    font-size: 17.5px !important;
    line-height: 1.6 !important;
}

.copp-about-collab-block .copp-about-features-grid {
    display: grid !important;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)) !important;
    gap: 18px !important;
    margin: 0 !important;
}

.copp-about-collab-block .copp-about-feature-card {
    background: #ffffff !important;
    border: 1px solid #d8e8f2 !important;
    border-radius: 16px !important;
    padding: 24px 22px !important;
    box-shadow: 0 4px 14px rgba(15, 76, 108, 0.04) !important;
    display: flex;
    flex-direction: column;
    gap: 10px;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease;
}

.copp-about-collab-block .copp-about-feature-card:hover {
    transform: translateY(-3px) !important;
    border-color: #005b82 !important;
    box-shadow: 0 10px 26px rgba(0, 91, 130, 0.12) !important;
}

.copp-about-feature-card__icon {
    width: 48px;
    height: 48px;
    border-radius: 12px;
    background: #e8f4f9;
    color: #005b82;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 6px;
    flex-shrink: 0;
}

.copp-about-feature-card__icon svg {
    width: 26px;
    height: 26px;
    stroke: #005b82;
    fill: none;
}

.copp-about-feature-card__title {
    margin: 0 !important;
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #0f4c6c !important;
    line-height: 1.3 !important;
}

.copp-about-feature-card__text {
    margin: 0 !important;
    font-size: 15px !important;
    line-height: 1.58 !important;
    color: #476268 !important;
}

/* Контрастная кнопка «Связаться с нами» на темном баннере */
.copp-about-cta {
    background: linear-gradient(135deg, #0a3348 0%, #0f4c6c 50%, #1b7fae 100%) !important;
    border-radius: 22px !important;
    padding: 38px 40px !important;
    color: #ffffff !important;
    margin: 40px 0 20px !important;
    box-shadow: 0 14px 34px rgba(15, 76, 108, 0.18) !important;
}

.copp-about-cta h3 {
    margin: 0 0 12px !important;
    color: #ffffff !important;
    font-size: clamp(24px, 2.5vw, 32px) !important;
    font-weight: 800 !important;
}

.copp-about-cta p {
    margin: 0 0 22px !important;
    color: #e2f1f8 !important;
    font-size: 16.5px !important;
    line-height: 1.6 !important;
}

.copp-about-cta-contacts {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 26px !important;
}

.copp-about-cta-contacts span {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #ffffff;
    font-size: 15px;
    font-weight: 600;
}

.copp-about-cta-contacts span svg {
    width: 18px;
    height: 18px;
    stroke: #38bdf8;
    fill: none;
    flex-shrink: 0;
}

/* Яркая контрастная белая кнопка на темном фоне */
.copp-about-cta .wp-block-button__link,
.copp-about-cta .wp-element-button,
.copp-about-cta a.wp-block-button__link {
    background: #ffffff !important;
    background-color: #ffffff !important;
    color: #0f4c6c !important;
    border: 2px solid #ffffff !important;
    font-weight: 800 !important;
    font-size: 16px !important;
    padding: 13px 32px !important;
    border-radius: 999px !important;
    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.28) !important;
    display: inline-flex !important;
    align-items: center !important;
    gap: 8px !important;
    text-decoration: none !important;
    transition: all 0.25s ease !important;
}

.copp-about-cta .wp-block-button__link:hover,
.copp-about-cta .wp-element-button:hover,
.copp-about-cta a.wp-block-button__link:hover {
    background: #e8f4f9 !important;
    background-color: #e8f4f9 !important;
    color: #005b82 !important;
    border-color: #e8f4f9 !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.36) !important;
}

@media (max-width: 768px) {
    .copp-about-collab-block {
        padding: 24px 20px !important;
    }
    .copp-about-cta {
        padding: 26px 20px !important;
    }
}

/* ==========================================================================
   Исключения для темных баннеров и Hero-секций (белый текст)
   ========================================================================== */
.site-banner,
.site-banner-inner,
.site-banner-title,
.site-banner h1,
.site-banner h2,
.site-banner h3,
.site-banner p,
body .site-banner .site-banner-title,
body .site-banner h1,
body .site-banner-title,
.copp-banner-carousel .site-banner-title,
.copp-proforient-hero h1,
.copp-proforient-final h2,
.copp-about-cta h3,
.copp-target-banner,
.copp-target-banner h2,
body .copp-target-banner h2,
.entry-content .copp-target-banner h2,
.site-main .copp-target-banner h2,
.copp-front-activity-banner,
.copp-front-activity-banner-title,
body .copp-front-activity-banner-title,
.copp-front-activity-banner h2,
body .copp-front-activity-banner h2,
.copp-surface-block--contrast .copp-surface-block__title,
body .copp-surface-block--contrast .copp-surface-block__title {
    color: #ffffff !important;
}

.site-banner-title,
body .site-banner .site-banner-title,
body .site-banner h1,
body .site-banner-title,
.copp-target-banner h2,
body .copp-target-banner h2,
.copp-front-activity-banner-title,
body .copp-front-activity-banner-title,
.copp-front-activity-banner h2,
body .copp-front-activity-banner h2 {
    color: #ffffff !important;
    text-shadow: 0 2px 14px rgba(0, 0, 0, 0.6) !important;
}

.site-banner p,
.site-banner-inner p,
.copp-proforient-hero p,
.copp-proforient-final p,
.copp-about-cta p,
.copp-target-banner p,
body .copp-target-banner p,
.entry-content .copp-target-banner p,
.site-main .copp-target-banner p,
.copp-front-activity-banner-text,
body .copp-front-activity-banner-text,
.copp-front-activity-banner p,
body .copp-front-activity-banner p,
.copp-surface-block--contrast .copp-surface-block__text,
.copp-surface-block--contrast .copp-surface-block__text p,
.copp-surface-block--contrast .copp-surface-block__nested,
.copp-surface-block--contrast .copp-surface-block__nested p,
.copp-surface-block--contrast .copp-surface-block__nested li,
body .copp-surface-block--contrast .copp-surface-block__text,
body .copp-surface-block--contrast .copp-surface-block__text p,
body .copp-surface-block--contrast .copp-surface-block__nested,
body .copp-surface-block--contrast .copp-surface-block__nested p,
body .copp-surface-block--contrast .copp-surface-block__nested li {
    color: #f4faf7 !important;
}
.copp-target-priority__note,
.copp-target-priority__note strong,
.copp-target-priority__note span,
body .copp-target-priority__note strong,
body .copp-target-priority__note span {
    color: #ffffff !important;
    text-shadow: 0 1px 8px rgba(0, 0, 0, 0.5) !important;
}

.copp-proforient-badge {
    color: #ffffff !important;
}

.copp-proforient-badge--green {
    color: #005b82 !important;
}

.dash-card--green strong,
.dash-card--green span,
.dash-card--blue strong,
.dash-card--blue span,
.dash-card--purple strong,
.dash-card--purple span {
    color: #ffffff !important;
}

.copp-proforient-tags button.is-active,
.copp-proforient-tabs button.is-active,
.copp-proforient-mini button.is-active,
.copp-proforient-mini button.is-active strong,
.copp-proforient-mini button.is-active span {
    color: #ffffff !important;
}

/* ==========================================================================
   Фирменные блоки на подложках (Арктический стиль ЦОПП Мурманской области)
   ========================================================================== */
.copp-panel-substrate {
    background: linear-gradient(180deg, #f3f8fc 0%, #edf5fa 100%) !important;
    border: 1px solid rgba(0, 91, 130, 0.16) !important;
    border-radius: 24px !important;
    padding: 38px 36px 34px !important;
    margin: 32px 0 !important;
    box-shadow: 0 8px 28px rgba(15, 76, 108, 0.05) !important;
    box-sizing: border-box;
}

/* Автоматическая модернизация блоков Gutenberg */
.wp-block-group.has-pale-cyan-blue-background-color,
.wp-block-group.has-cyan-bluish-gray-border-color {
    background: linear-gradient(180deg, #f3f8fc 0%, #edf5fa 100%) !important;
    border: 1px solid rgba(0, 91, 130, 0.16) !important;
    border-radius: 24px !important;
    padding: 36px 34px 32px !important;
    box-shadow: 0 8px 28px rgba(15, 76, 108, 0.05) !important;
}

.copp-panel-header {
    margin-bottom: 22px !important;
}

.copp-panel-header h2,
.copp-panel-substrate > h2:first-child,
.copp-panel-substrate > .wp-block-heading:first-child {
    margin-top: 0 !important;
    margin-bottom: 12px !important;
    color: #0f4c6c !important;
    font-size: clamp(24px, 2.4vw, 32px) !important;
    font-weight: 800 !important;
}

.copp-panel-subtitle {
    margin: 0 0 22px !important;
    color: #476268 !important;
    font-size: 17px !important;
    line-height: 1.6 !important;
}

/* Сетки карточек внутри подложки */
.copp-panel-substrate .copp-useful-grid,
.copp-useful-grid {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 24px !important;
    margin-top: 20px !important;
}

@media (max-width: 992px) {
    .copp-panel-substrate .copp-useful-grid,
    .copp-useful-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 20px !important;
    }
}

@media (max-width: 640px) {
    .copp-panel-substrate .copp-useful-grid,
    .copp-useful-grid {
        grid-template-columns: 1fr !important;
        gap: 16px !important;
    }
}

.copp-panel-substrate .copp-useful-card,
.copp-useful-card {
    background: #ffffff !important;
    border: 1px solid #d8e8f2 !important;
    border-radius: 18px !important;
    padding: 26px 24px !important;
    box-shadow: 0 4px 14px rgba(15, 76, 108, 0.04) !important;
    display: flex !important;
    flex-direction: column !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
    box-sizing: border-box;
}

.copp-panel-substrate .copp-useful-card:hover,
.copp-useful-card:hover {
    transform: translateY(-4px) !important;
    border-color: #005b82 !important;
    box-shadow: 0 10px 26px rgba(0, 91, 130, 0.12) !important;
}

.copp-useful-card__title {
    margin: 0 0 10px !important;
    color: #0f4c6c !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
}

.copp-useful-card__desc {
    margin: 0 0 18px !important;
    color: #334e68 !important;
    font-size: 15.5px !important;
    line-height: 1.58 !important;
    flex-grow: 1;
}

.copp-useful-card__btn,
a.copp-useful-card__btn,
.copp-panel-substrate .copp-useful-card a.copp-useful-card__btn,
.site-main .copp-useful-card a.copp-useful-card__btn {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 10px 22px !important;
    background: #005b82 !important;
    color: #ffffff !important;
    border-radius: 999px !important;
    border: 1px solid rgba(0, 91, 130, 0.2) !important;
    font-size: 14.5px !important;
    font-weight: 700 !important;
    letter-spacing: 0.15px !important;
    text-decoration: none !important;
    align-self: flex-start !important;
    margin-top: auto !important;
    box-shadow: 0 4px 12px rgba(0, 91, 130, 0.18) !important;
    transition: background 0.2s cubic-bezier(0.4, 0, 0.2, 1), transform 0.2s cubic-bezier(0.4, 0, 0.2, 1), box-shadow 0.2s cubic-bezier(0.4, 0, 0.2, 1), color 0.2s ease !important;
    cursor: pointer !important;
}

.copp-useful-card__btn:hover,
.copp-useful-card__btn:focus-visible,
a.copp-useful-card__btn:hover,
a.copp-useful-card__btn:focus-visible,
.copp-panel-substrate .copp-useful-card a.copp-useful-card__btn:hover,
.copp-panel-substrate .copp-useful-card a.copp-useful-card__btn:focus-visible,
.site-main .copp-useful-card a.copp-useful-card__btn:hover,
.site-main .copp-useful-card a.copp-useful-card__btn:focus-visible {
    background: #1b7fae !important;
    color: #ffffff !important;
    border-color: #1b7fae !important;
    transform: translateY(-2px) !important;
    box-shadow: 0 8px 20px rgba(0, 91, 130, 0.28) !important;
    text-decoration: none !important;
}

.copp-useful-card__btn:active,
a.copp-useful-card__btn:active,
.copp-panel-substrate .copp-useful-card a.copp-useful-card__btn:active,
.site-main .copp-useful-card a.copp-useful-card__btn:active {
    transform: translateY(0) !important;
    box-shadow: 0 2px 8px rgba(0, 91, 130, 0.2) !important;
}

/* Карточки разделов / шагов внутри подложки */
.copp-step-card {
    background: #ffffff !important;
    border: 1px solid #d8e8f2 !important;
    border-radius: 18px !important;
    padding: 22px 24px !important;
    margin-bottom: 16px !important;
    box-shadow: 0 4px 14px rgba(15, 76, 108, 0.04) !important;
    transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease !important;
    box-sizing: border-box;
}

.copp-step-card:last-child {
    margin-bottom: 0 !important;
}

.copp-step-card:hover {
    transform: translateY(-2px) !important;
    border-color: #005b82 !important;
    box-shadow: 0 8px 20px rgba(0, 91, 130, 0.08) !important;
}

.copp-step-card h3 {
    margin: 0 0 8px !important;
    color: #0f4c6c !important;
    font-size: 18.5px !important;
    font-weight: 700 !important;
}

.copp-step-card p {
    margin: 0 !important;
    color: #334e68 !important;
    font-size: 16px !important;
    line-height: 1.62 !important;
}

@media (max-width: 768px) {
    .copp-panel-substrate,
    .wp-block-group.has-pale-cyan-blue-background-color,
    .wp-block-group.has-cyan-bluish-gray-border-color {
        padding: 24px 20px !important;
        margin: 22px 0 !important;
        border-radius: 18px !important;
    }
}

/* ==========================================================================
   Header Dropdown Sub-menu (.sub-menu): отступ названий от левого края (сдвиг к центру)
   ========================================================================== */
body .header-menu ul .sub-menu {
    border-radius: 14px !important;
    border: 1px solid rgba(0, 91, 130, 0.14) !important;
    box-shadow: 0 14px 38px rgba(15, 76, 108, 0.14), 0 4px 12px rgba(0, 0, 0, 0.05) !important;
    padding: 10px 8px !important;
    gap: 2px !important;
}

body .header-menu ul .sub-menu li {
    margin: 0 !important;
    padding: 0 !important;
}

body .header-menu ul .sub-menu li a {
    color: #1a2c38 !important;
    font-size: 14px !important;
    font-weight: 600 !important;
    line-height: 1.35 !important;
    padding: 10px 24px 10px 36px !important; /* Названия сдвинуты от левого края к центру */
    text-align: left !important;
    white-space: nowrap !important;
    border-radius: 8px !important;
    letter-spacing: 0.01em !important;
    transition: background-color 0.2s ease, color 0.2s ease, padding-left 0.2s ease !important;
}

body .header-menu ul .sub-menu li a:hover {
    color: #005b82 !important;
    background-color: #edf5fa !important;
    padding-left: 38px !important;
}

/* Explicit title reset for OPK and TV cards */
body .opk-card .opk-card__title a,
body .opk-card h3 a,
body .tv-card h3 a {
    background: transparent !important;
    color: #0f4c6c !important;
    padding: 0 !important;
    border: none !important;
    border-radius: 0 !important;
    white-space: normal !important;
    display: inline !important;
    box-shadow: none !important;
    transform: none !important;
    font-size: 19px !important;
    font-weight: 700 !important;
    line-height: 1.35 !important;
    word-break: break-word !important;
    overflow-wrap: break-word !important;
}
body .opk-card .opk-card__title a:hover,
body .opk-card h3 a:hover,
body .tv-card h3 a:hover {
    color: #0077aa !important;
    text-decoration: underline !important;
    background: transparent !important;
}

/* Hide empty icon boxes in collaboration section */
.copp-about-feature-card__icon {
    display: none !important;
}

/* Стиль для полосы проектов (синий контрастный фон под белые иконки) */
.copp-front-project-icon {
    background-color: #005b82 !important;
    border: 2.5px solid #38a2d5 !important;
    box-shadow: 0 4px 14px rgba(0, 91, 130, 0.25) !important;
}

.copp-front-project-item:hover .copp-front-project-icon {
    background-color: #0077aa !important;
    border-color: #5bc0eb !important;
    box-shadow: 0 8px 22px rgba(0, 91, 130, 0.35) !important;
}