/* Spix marketing foundations: local Golos Text, 5px spacing, 10px inputs.
   References: brand-style/spix/forms.md, navigation.md, spacing.md. */
:root{--spix-ui-blue:#0064e1;--spix-ui-hover:#2284ff;--spix-ui-text:#040f1d;--spix-ui-muted:#5c636d;--spix-ui-border:#d2ddeb;--spix-ui-soft:#eef2f6;--spix-site-header-height:72px}
html,body{overflow-x:clip}
.header{position:sticky!important;top:0!important;height:var(--spix-site-header-height)!important;padding-top:15px!important;padding-bottom:15px!important;z-index:60!important}
.main,.page-wrap{padding-top:0!important}
.main.index-page .welcome{padding-top:0!important}
.page-wrap{min-height:100vh}
.site-header-spacer{display:none!important}
.header .header__logo-wrapper,.header .header__links{min-width:0}
/* Shared search used by the blog, instruction catalogue and platforms. */
.spix-search,#searchBox,label[for="platSearch"]{box-sizing:border-box!important;display:flex!important;align-items:center!important;gap:15px!important;width:100%!important;max-width:640px!important;min-width:0!important;height:55px!important;margin-left:auto;margin-right:auto;padding:0 20px!important;background:#fff!important;border:1px solid var(--spix-ui-border)!important;border-radius:10px!important;box-shadow:none!important;transition:border-color .25s ease,box-shadow .25s ease!important;position:relative}
.spix-search:hover,#searchBox:hover,label[for="platSearch"]:hover{border-color:#a7b7cb!important}
.spix-search:focus-within,#searchBox:focus-within,label[for="platSearch"]:focus-within{border-color:var(--spix-ui-blue)!important;box-shadow:0 0 0 3px #0064e11f!important}
.spix-search input,#searchBox input,label[for="platSearch"] input{box-sizing:border-box!important;flex:1 1 0!important;min-width:0!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;border:0!important;border-radius:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;color:var(--spix-ui-text)!important;font-family:'Golos Text',system-ui,sans-serif!important;font-size:16px!important;font-weight:400!important;line-height:24px!important;letter-spacing:0!important}
.spix-search input::placeholder,#searchBox input::placeholder,label[for="platSearch"] input::placeholder{color:var(--spix-ui-muted)!important;opacity:1}
.spix-search>.spix-search__icon,#searchBox>svg,label[for="platSearch"]>svg{width:20px!important;height:20px!important;flex:0 0 20px!important;color:var(--spix-ui-muted)!important}
.spix-search .search-clear-btn,#searchClear{position:static!important;transform:none!important;flex:0 0 30px!important;width:30px!important;height:30px!important;padding:0!important;margin:0!important;border:0!important;border-radius:10px!important;background:var(--spix-ui-soft)!important;color:var(--spix-ui-muted)!important;align-items:center;justify-content:center;font-family:'Golos Text',system-ui,sans-serif!important;font-size:20px!important;line-height:1!important;cursor:pointer}
.spix-search .search-clear-btn:hover,#searchClear:hover{background:#d2ddeb!important;color:var(--spix-ui-text)!important}
.spix-search .search-clear-btn:focus-visible,#searchClear:focus-visible{outline:2px solid var(--spix-ui-blue)!important;outline-offset:3px!important}
#suggestBox{top:65px!important;border-radius:20px!important}
/* Prevent min-content columns from clipping cards before script startup. */
#catGrid,#platGrid{min-width:0;width:100%}
#catGrid>.cat-card,#platGrid>.cat-card{min-width:0;max-width:100%;box-sizing:border-box}
#catGrid .instr-row,#platGrid .plat-row{min-width:0}
#catGrid .instr-row>span:first-child,#platGrid .plat-row>span:first-child{min-width:0;overflow-wrap:anywhere}
#catGrid .instr-row span[style*="font-size:12px"]{color:#005bc9!important}
/* The corporate footer needs two columns on tablets, not five. */
.footer .footer__container{box-sizing:border-box;max-width:1300px!important;margin-left:auto!important;margin-right:auto!important;padding-left:25px!important;padding-right:25px!important}
.footer .footer__row,.footer .footer__col{min-width:0!important;max-width:100%}
.footer .footer__link,.footer .footer__text-link{overflow-wrap:anywhere}
@media(min-width:768px) and (max-width:1199px){.footer .footer__row{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:30px!important}.footer .footer__col:first-child{grid-column:1/-1}}
/* Long current breadcrumb labels wrap inside the container. */
.breadcrumbs ul{flex-wrap:wrap;min-width:0;gap:5px 10px}
.breadcrumbs li,.breadcrumbs .current{min-width:0;max-width:100%;white-space:normal!important;overflow-wrap:anywhere}
.analytics-page .spix-help-text{min-width:0;max-width:100%;overflow-wrap:anywhere}
.analytics-page .spix-help-card{box-sizing:border-box;max-width:100%}
.analytics-page .spix-tabs-row{scroll-padding-inline:15px}
@media(max-width:1100px){.header .menu{height:calc(100dvh - var(--spix-site-header-height));min-height:0;max-height:calc(100dvh - var(--spix-site-header-height));overflow-y:auto}.header .menu.is-open{top:var(--spix-site-header-height)!important}}
@media(max-width:767px){:root{--spix-site-header-height:64px}.header{padding:10px 15px!important}.footer .footer__container{padding-left:15px!important;padding-right:15px!important}.footer .footer__row{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:30px!important}.footer .footer__col{grid-column:auto!important}.spix-search,#searchBox,label[for="platSearch"]{padding-left:15px!important;padding-right:15px!important}}
@media(max-width:700px){#catGrid,#platGrid{grid-template-columns:minmax(0,1fr)!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* Resize must not animate layout dimensions or truncate current-page titles. */
.header{transition:background-color .25s ease,box-shadow .25s ease,color .25s ease!important}
.article-redesign .breadcrumbs,.author-page .breadcrumbs{flex-wrap:wrap!important;overflow:visible!important}
.article-redesign .breadcrumbs>.current,.author-page .breadcrumbs>.current{flex:0 1 auto!important;white-space:normal!important;overflow-wrap:anywhere}

@media(min-width:701px) and (max-width:1000px){.instr-row>span{white-space:normal!important;text-overflow:clip!important;overflow:visible!important;overflow-wrap:anywhere}}
.header:not(.header--light) .btn-secondary{color:#fff!important}.header:not(.header--light) .header__tel{color:#78b7ff!important}

.popular-card-meta{color:#5c636d!important}.header:not(.header--light) .btn-light{color:#fff!important}.analytics-card__text{color:#b6bdc7!important}

.article-card-meta,.article-card-read-time__text,.article-card-meta time{color:#5c636d!important}.header--light .btn-light{color:#005bc9!important}

/* Readable secondary text on the light templates. */
.footer--light .footer__copyright,.footer--light .footer__it-notice{color:#5c636d!important}
[itemtype="https://schema.org/BreadcrumbList"]>li:last-child [itemprop="name"]{color:#5c636d!important}
.tariff-card__info,.tariffs-intro-note{color:#5c636d!important}
.tariff-card .btn-secondary{color:#005bc9!important}
.source-badge[style*="--wb"]{background:#a234ed!important}
.contacts-icon[href*="t.me/"]{background:#0064a0!important}
html[data-instructions-view]{--spix-gray-500:#5c636d}
html[data-instructions-view] .step-note a,html[data-instructions-view] #artNext{color:#005bc9!important}

.article-grid article p a,.article-grid article .step-list a,.article-grid article .step-note a{text-decoration:underline!important;text-underline-offset:3px}

.swiper-slide .tariff-card__header .tariff-card__info{color:#5c636d!important}

.sitemap__title{font-size:clamp(28px,4vw,42px);line-height:1.15;margin:0 0 32px}.sitemap__group-title{font-size:24px;line-height:1.3;margin:36px 0 20px}