.elementor-3278 .elementor-element.elementor-element-cacf1e1{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;}/* Start custom CSS for html, class: .elementor-element-7ebfeee *//* ---------------------------------------------------------

ПЕРЕМЕННЫЕ И ЛОКАЛЬНЫЙ RESET
--------------------------------------------------------- */

.ght-hub {
--ght-ink: #20303c;
--ght-muted: #60717d;

--ght-brand: #59357f;
--ght-brand-dark: #3e215e;
--ght-brand-soft: #f4eff8;

--ght-accent: #087f83;
--ght-accent-soft: #eaf7f6;

--ght-warning: #9a5a12;
--ght-warning-soft: #fff7e8;

--ght-danger: #8c2525;
--ght-danger-soft: #fff2f2;

--ght-border: #dce3e7;
--ght-surface: #ffffff;
--ght-surface-alt: #f6f8f9;

--ght-shadow: 0 14px 38px rgba(31, 49, 61, 0.09);
--ght-radius: 16px;
--ght-max-width: 1180px;

width: 100%;
max-width: none;
margin: 0;
padding: 0;

color: var(--ght-ink);
background: var(--ght-surface);

font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
font-weight: 400;
line-height: 1.6;

text-align: left;
overflow: visible;

}

.ght-hub,
.ght-hub *,
.ght-hub *::before,
.ght-hub *::after {
box-sizing: border-box;
}

.ght-hub main,
.ght-hub section,
.ght-hub article,
.ght-hub aside,
.ght-hub nav,
.ght-hub header,
.ght-hub footer {
display: block;
}

.ght-hub img,
.ght-hub svg,
.ght-hub video {
display: block;
max-width: 100%;
height: auto;
}

.ght-hub figure {
margin: 0;
}

.ght-hub p,
.ght-hub ul,
.ght-hub ol,
.ght-hub blockquote,
.ght-hub figure {
margin-top: 0;
}

.ght-hub p {
margin-bottom: 1em;
}

.ght-hub ul,
.ght-hub ol {
margin-bottom: 1em;
}

.ght-hub strong,
.ght-hub b {
font-weight: 700;
}

/* ---------------------------------------------------------
2. СБРОС ОГРАНИЧЕНИЙ ELEMENTOR
--------------------------------------------------------- */

.elementor-widget-html(.ght-hub),
.elementor-widget-html(.ght-hub) > .elementor-widget-container {
width: 100%;
max-width: none;
margin: 0;
padding: 0;
}

.elementor-element(> .elementor-widget-html .ght-hub) {
width: 100%;
max-width: none;
}

.elementor-element(.ght-hub) > .e-con-inner {
width: 100%;
max-width: none;
padding: 0;
}

.ght-hub > main {
width: 100%;
max-width: none;
margin: 0;
}

/* ---------------------------------------------------------
3. ОСНОВНОЙ КОНТЕЙНЕР
Поддерживается как .ght-container, так и старый .container
--------------------------------------------------------- */

.ght-hub .ght-container,
.ght-hub .container {
width: min(calc(100% - 32px), var(--ght-max-width));
max-width: var(--ght-max-width);
margin-right: auto;
margin-left: auto;
padding-right: 0;
padding-left: 0;
}

/* ---------------------------------------------------------
4. ССЫЛКИ
--------------------------------------------------------- */

.ght-hub a {
color: var(--ght-brand);
font-family: inherit;
text-decoration: underline;
text-decoration-thickness: 1px;
text-underline-offset: 3px;
transition:
color 0.18s ease,
background-color 0.18s ease,
border-color 0.18s ease,
box-shadow 0.18s ease,
transform 0.18s ease;
}

.ght-hub a,
.ght-hub a {
color: var(--ght-brand-dark);
}

.ght-hub a {
outline: 3px solid rgba(8, 127, 131, 0.3);
outline-offset: 3px;
}

/* ---------------------------------------------------------
5. ЗАГОЛОВКИ
--------------------------------------------------------- */

.ght-hub h1,
.ght-hub h2,
.ght-hub h3,
.ght-hub h4,
.ght-hub h5,
.ght-hub h6 {
font-family: Arial, Helvetica, sans-serif;
font-style: normal;
text-transform: none;
}

.ght-hub h1 {
max-width: 800px;
margin: 0 0 18px;

color: inherit;

font-size: clamp(2.2rem, 5vw, 4rem);
font-weight: 700;
line-height: 1.08;
letter-spacing: -0.025em;

}

.ght-hub h2 {
margin: 48px 0 18px;

color: var(--ght-brand-dark);

font-size: clamp(1.55rem, 3vw, 2.15rem);
font-weight: 700;
line-height: 1.22;
letter-spacing: normal;

}

.ght-hub h3 {
margin: 0 0 9px;

color: var(--ght-ink);

font-size: 1.13rem;
font-weight: 700;
line-height: 1.3;

}

.ght-hub h4 {
margin: 24px 0 10px;

color: var(--ght-ink);

font-size: 1rem;
font-weight: 700;
line-height: 1.35;

}

.ght-hub .section-lead {
max-width: 800px;
margin-top: -7px;
margin-bottom: 24px;
color: var(--ght-muted);
}

/* ---------------------------------------------------------
6. ХЛЕБНЫЕ КРОШКИ
--------------------------------------------------------- */

.ght-hub .breadcrumb {
padding-top: 18px;
padding-bottom: 18px;

color: var(--ght-muted);

font-size: 0.9rem;

}

.ght-hub .breadcrumb ol {
display: flex;
flex-wrap: wrap;
gap: 8px;

margin: 0;
padding: 0;

list-style: none;

}

.ght-hub .breadcrumb li {
margin: 0;
padding: 0;
}

.ght-hub .breadcrumb li + li::before {
content: "›";
margin-right: 8px;
color: #96a3ab;
}

/* ---------------------------------------------------------
7. HERO
--------------------------------------------------------- */

.ght-hub .hero {
position: relative;
width: 100%;
overflow: hidden;

color: #ffffff;

background:
    radial-gradient(
        circle at 86% 18%,
        rgba(8, 127, 131, 0.24),
        transparent 30%
    ),
    linear-gradient(
        135deg,
        #273b49,
        var(--ght-brand)
    );

}

.ght-hub .hero .ght-container,
.ght-hub .hero .container {
display: grid;
grid-template-columns:
minmax(0, 1.55fr)
minmax(280px, 0.65fr);
align-items: center;
gap: 52px;

padding-top: 72px;
padding-bottom: 72px;

}

.ght-hub .eyebrow {
margin: 0 0 12px;

color: #d8fbf9;

font-size: 0.8rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: 0.12em;
text-transform: uppercase;

}

.ght-hub .hero h1 {
color: #ffffff;
}

.ght-hub .hero-intro {
max-width: 780px;
margin: 0;

color: #f1edf5;

font-size: 1.16rem;
line-height: 1.65;

}

.ght-hub .hero-card {
padding: 25px;

color: #ffffff;

border: 1px solid rgba(255, 255, 255, 0.27);
border-radius: var(--ght-radius);

background: rgba(255, 255, 255, 0.1);

-webkit-backdrop-filter: blur(8px);
backdrop-filter: blur(8px);

}

.ght-hub .hero-card strong {
display: block;
margin-bottom: 10px;

color: #ffffff;

font-size: 1.05rem;
font-weight: 700;

}

.ght-hub .hero-card p {
color: #ffffff;
}

.ght-hub .hero-card ul,
.ght-hub .hero-card ol {
margin: 0;
padding-left: 20px;
}

.ght-hub .hero-card li {
margin-bottom: 5px;
color: #ffffff;
}

.ght-hub .hero-card a {
color: #ffffff;
font-weight: 700;
}

/* ---------------------------------------------------------
8. ОСНОВНАЯ СЕТКА СТРАНИЦЫ
--------------------------------------------------------- */

.ght-hub .page-layout {
display: grid;
grid-template-columns:
minmax(0, 1fr)
300px;
align-items: start;
gap: 52px;

padding-top: 54px;
padding-bottom: 80px;

}

.ght-hub .page-layout > article {
min-width: 0;
}

.ght-hub .page-layout > aside {
min-width: 0;
}

/* ---------------------------------------------------------
9. ВВОДНЫЙ БЛОК
--------------------------------------------------------- */

.ght-hub .intro-box {
padding: 28px;

border-left: 5px solid var(--ght-accent);
border-radius:
    0
    var(--ght-radius)
    var(--ght-radius)
    0;

background: var(--ght-accent-soft);

}

.ght-hub .intro-box p {
color: var(--ght-ink);
}

.ght-hub .intro-box p {
margin-bottom: 0;
}

/* ---------------------------------------------------------
10. СЕТКИ КАРТОЧЕК
--------------------------------------------------------- */

.ght-hub .feature-grid,
.ght-hub .article-grid,
.ght-hub .topic-grid,
.ght-hub .related-grid {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 18px;
}

.ght-hub .feature-card,
.ght-hub .article-card,
.ght-hub .topic-card,
.ght-hub .related-card {
position: relative;
min-width: 0;
height: 100%;
padding: 24px;

border: 1px solid var(--ght-border);
border-radius: var(--ght-radius);

background: var(--ght-surface);

box-shadow: 0 6px 18px rgba(31, 49, 61, 0.04);

}

.ght-hub .feature-card {
border-top: 5px solid var(--ght-accent);
}

.ght-hub .article-card,
.ght-hub .topic-card,
.ght-hub .related-card {
transition:
transform 0.18s ease,
box-shadow 0.18s ease,
border-color 0.18s ease;
}

.ght-hub .article-card,
.ght-hub .topic-card,
.ght-hub .related-card {
transform: translateY(-2px);
border-color: #cdd7dc;
box-shadow: var(--ght-shadow);
}

.ght-hub .feature-card p,
.ght-hub .article-card p,
.ght-hub .topic-card p,
.ght-hub .related-card p {
margin: 0 0 14px;
color: var(--ght-muted);
font-size: 0.94rem;
line-height: 1.6;
}

.ght-hub .feature-card h3,
.ght-hub .article-card h3,
.ght-hub .topic-card h3,
.ght-hub .related-card h3 {
color: var(--ght-ink);
}

.ght-hub .card-link {
display: inline;
color: var(--ght-brand);
font-weight: 700;
text-decoration: none;
}

.ght-hub .card-link::after {
content: " →";
}

.ght-hub .card-link {
color: var(--ght-brand-dark);
text-decoration: underline;
}

/* ---------------------------------------------------------
11. МЕТКИ КАРТОЧЕК
--------------------------------------------------------- */

.ght-hub .card-label {
display: inline-flex;
align-items: center;

margin-bottom: 12px;
padding: 5px 9px;

color: var(--ght-brand-dark);

border-radius: 999px;
background: var(--ght-brand-soft);

font-size: 0.76rem;
font-weight: 700;
line-height: 1.25;
letter-spacing: 0.03em;
text-transform: uppercase;

}

.ght-hub .card-label.safety {
color: #075e60;
background: var(--ght-accent-soft);
}

.ght-hub .card-label.warning {
color: var(--ght-warning);
background: var(--ght-warning-soft);
}

/* ---------------------------------------------------------
12. СПИСКИ В КОНТЕНТЕ
--------------------------------------------------------- */

.ght-hub .content-list {
margin: 0 0 1em;
padding-left: 22px;
}

.ght-hub .content-list li {
margin-bottom: 9px;
}

/* ---------------------------------------------------------
13. ШАГИ
--------------------------------------------------------- */

.ght-hub .steps {
counter-reset: ght-steps;

margin: 22px 0 0;
padding: 0;

list-style: none;

}

.ght-hub .steps li {
position: relative;
min-height: 50px;

margin-bottom: 16px;
padding-left: 62px;

counter-increment: ght-steps;

}

.ght-hub .steps li::before {
content: counter(ght-steps);

position: absolute;
top: 0;
left: 0;

display: grid;
place-items: center;

width: 42px;
height: 42px;

color: #ffffff;
background: var(--ght-brand);

border-radius: 50%;

font-size: 1rem;
font-weight: 700;
line-height: 1;

}

/* ---------------------------------------------------------
14. ИНФОРМАЦИОННЫЕ БЛОКИ
--------------------------------------------------------- */

.ght-hub .callout {
margin-top: 28px;
padding: 26px;

border: 1px solid #f0d9b8;
border-radius: var(--ght-radius);

background: var(--ght-warning-soft);

}

.ght-hub .callout h2,
.ght-hub .callout h3 {
margin-top: 0;
color: #713f09;
}

.ght-hub .callout p {
margin-bottom: 0;
}

.ght-hub .red-callout {
margin-top: 28px;
padding: 26px;

border: 1px solid #e7b3b3;
border-radius: var(--ght-radius);

background: var(--ght-danger-soft);

}

.ght-hub .red-callout h2,
.ght-hub .red-callout h3 {
margin-top: 0;
color: var(--ght-danger);
}

.ght-hub .red-callout p {
margin-bottom: 0;
}

/* ---------------------------------------------------------
15. КРИЗИСНЫЙ БЛОК ДЛЯ SANTÉ MENTALE
--------------------------------------------------------- */

.ght-hub .crisis-box {
margin-top: 28px;
padding: 28px;

border: 2px solid #d99999;
border-radius: var(--ght-radius);

background: var(--ght-danger-soft);

}

.ght-hub .crisis-box h2,
.ght-hub .crisis-box h3 {
margin-top: 0;
color: var(--ght-danger);
}

.ght-hub .crisis-box .crisis-number {
display: inline-block;

margin: 5px 0 12px;

color: var(--ght-danger);

font-size: 2rem;
font-weight: 800;
line-height: 1;

}

.ght-hub .crisis-box p {
margin-bottom: 0;
}

/* ---------------------------------------------------------
16. БОКОВАЯ КОЛОНКА
--------------------------------------------------------- */

.ght-hub .sidebar {
position: sticky;
top: 24px;
}

.ght-hub .side-box {
margin-bottom: 20px;
padding: 22px;

border: 1px solid var(--ght-border);
border-radius: var(--ght-radius);

background: var(--ght-surface-alt);

}

.ght-hub .side-box h2,
.ght-hub .side-box h3 {
margin: 0 0 12px;

color: var(--ght-ink);

font-size: 1.12rem;
font-weight: 700;

}

.ght-hub .side-box ul,
.ght-hub .side-box ol {
margin: 0;
padding: 0;

list-style: none;

}

.ght-hub .side-box li {
margin: 0;
padding: 0;
}

.ght-hub .side-box li + li {
margin-top: 9px;
}

.ght-hub .side-box a {
font-size: 0.92rem;
}

.ght-hub .side-box p {
margin-bottom: 0;
}

.ght-hub .side-box.emergency,
.ght-hub .emergency {
border-color: #e7b3b3;
background: var(--ght-danger-soft);
}

.ght-hub .side-box.emergency h3,
.ght-hub .emergency h3 {
color: var(--ght-danger);
}

/* ---------------------------------------------------------
17. FAQ
--------------------------------------------------------- */

.ght-hub .faq details {
margin-bottom: 12px;
padding: 17px 19px;

border: 1px solid var(--ght-border);
border-radius: 12px;

background: var(--ght-surface);

}

.ght-hub .faq details[open] {
border-color: #c8d4d9;
box-shadow: 0 5px 15px rgba(31, 49, 61, 0.05);
}

.ght-hub .faq summary {
cursor: pointer;

color: var(--ght-brand-dark);

font-size: 1rem;
font-weight: 700;
line-height: 1.45;

}

.ght-hub .faq summary::marker {
color: var(--ght-accent);
}

.ght-hub .faq details p {
margin-top: 12px;
margin-bottom: 0;
color: var(--ght-muted);
}

/* ---------------------------------------------------------
18. ИСТОЧНИКИ И ОБНОВЛЕНИЕ
--------------------------------------------------------- */

.ght-hub .sources {
margin-top: 48px;
padding: 24px;

color: var(--ght-muted);

border-radius: var(--ght-radius);
background: var(--ght-surface-alt);

font-size: 0.92rem;

}

.ght-hub .sources h2 {
margin-top: 0;
font-size: 1.35rem;
}

.ght-hub .sources p {
margin-bottom: 0;
}

.ght-hub .updated {
color: var(--ght-muted);
font-size: 0.84rem;
}

/* ---------------------------------------------------------
19. СЛУЖЕБНЫЕ И ДОПОЛНИТЕЛЬНЫЕ ЭЛЕМЕНТЫ
--------------------------------------------------------- */

.ght-hub .visually-hidden {
position: absolute !important;

width: 1px !important;
height: 1px !important;

padding: 0 !important;
margin: -1px !important;

overflow: hidden !important;
clip: rect(0, 0, 0, 0) !important;
white-space: nowrap !important;

border: 0 !important;

}

.ght-hub hr {
height: 1px;
margin: 36px 0;

border: 0;
background: var(--ght-border);

}

.ght-hub blockquote {
margin: 28px 0;
padding: 20px 24px;

color: var(--ght-ink);

border-left: 5px solid var(--ght-brand);
background: var(--ght-brand-soft);

}

/* ---------------------------------------------------------
20. ПЛАНШЕТ
--------------------------------------------------------- */

@media (max-width: 900px) {

.ght-hub .hero .ght-container,
.ght-hub .hero .container {
    grid-template-columns: 1fr;
    gap: 28px;
}

.ght-hub .page-layout {
    grid-template-columns: 1fr;
    gap: 38px;
}

.ght-hub .sidebar {
    position: static;

    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 18px;
}

.ght-hub .side-box {
    height: 100%;
    margin: 0;
}

}

/* ---------------------------------------------------------
21. МОБИЛЬНЫЕ УСТРОЙСТВА
--------------------------------------------------------- */

@media (max-width: 640px) {

.ght-hub {
    font-size: 16px;
}

.ght-hub .ght-container,
.ght-hub .container {
    width: min(calc(100% - 24px), var(--ght-max-width));
}

.ght-hub .hero .ght-container,
.ght-hub .hero .container {
    padding-top: 46px;
    padding-bottom: 46px;
}

.ght-hub h1 {
    font-size: clamp(2rem, 11vw, 2.8rem);
}

.ght-hub h2 {
    margin-top: 40px;
    font-size: 1.65rem;
}

.ght-hub .hero-intro {
    font-size: 1.04rem;
}

.ght-hub .page-layout {
    gap: 30px;
    padding-top: 38px;
    padding-bottom: 56px;
}

.ght-hub .feature-grid,
.ght-hub .article-grid,
.ght-hub .topic-grid,
.ght-hub .related-grid,
.ght-hub .sidebar {
    grid-template-columns: 1fr;
}

.ght-hub .feature-card,
.ght-hub .article-card,
.ght-hub .topic-card,
.ght-hub .related-card,
.ght-hub .hero-card,
.ght-hub .intro-box,
.ght-hub .callout,
.ght-hub .red-callout,
.ght-hub .crisis-box {
    padding: 21px;
}

.ght-hub .steps li {
    padding-left: 54px;
}

.ght-hub .steps li::before {
    width: 38px;
    height: 38px;
}

.ght-hub .breadcrumb {
    padding-top: 13px;
    padding-bottom: 13px;
}

}

/* ---------------------------------------------------------
22. ОЧЕНЬ УЗКИЕ ЭКРАНЫ
--------------------------------------------------------- */

@media (max-width: 380px) {

.ght-hub .ght-container,
.ght-hub .container {
    width: min(calc(100% - 20px), var(--ght-max-width));
}

.ght-hub .feature-card,
.ght-hub .article-card,
.ght-hub .topic-card,
.ght-hub .related-card,
.ght-hub .hero-card,
.ght-hub .intro-box,
.ght-hub .callout,
.ght-hub .red-callout,
.ght-hub .crisis-box,
.ght-hub .side-box {
    padding: 18px;
}

}

/* ---------------------------------------------------------
23. ПЕЧАТЬ
--------------------------------------------------------- */

@media print {

.ght-hub {
    color: #000000;
    background: #ffffff;
}

.ght-hub .sidebar {
    display: none !important;
}

.ght-hub .page-layout {
    display: block;
    padding: 0;
}

.ght-hub .hero {
    color: #000000;
    background: #ffffff;
}

.ght-hub .hero h1,
.ght-hub .hero-intro,
.ght-hub .hero-card,
.ght-hub .hero-card p,
.ght-hub .hero-card strong,
.ght-hub .hero-card li {
    color: #000000;
}

.ght-hub .hero-card {
    border-color: #aaaaaa;
    background: #ffffff;
}

.ght-hub a {
    color: #000000;
}

.ght-hub .feature-card,
.ght-hub .article-card,
.ght-hub .topic-card,
.ght-hub .related-card {
    break-inside: avoid;
    box-shadow: none;
}

}/* End custom CSS */