/* Blog surfaces inherit the electric theme's fonts and editable navy/orange tokens. */
.mavi-blog { --blog-border:#e1e8f0; --blog-muted:#566a80; color:var(--el-ink); background:#fff; }
.mavi-blog .el-container { min-width:0; }
.mavi-blog .mavi-blog-label { display:flex;align-items:center;gap:9px;font:600 11px/1.6 var(--el-heading);letter-spacing:1.6px;color:var(--el-dark); }
.mavi-blog-label>span { width:7px;height:7px;background:var(--el-red);border-radius:50%;box-shadow:0 0 0 5px #ff790014; }
.mavi-blog-breadcrumbs { display:flex;align-items:center;gap:11px;min-width:0;font-size:12px;line-height:1.6;color:var(--blog-muted); }
.mavi-blog-breadcrumbs a { flex-shrink:0; }
.mavi-blog-breadcrumbs a:hover { color:var(--el-dark);text-decoration:underline;text-underline-offset:4px; }
.mavi-blog-breadcrumbs>span[aria-current] { overflow:hidden;text-overflow:ellipsis;white-space:nowrap; }
.mavi-blog-hero { position:relative;overflow:hidden;background:linear-gradient(115deg,#f2f6fb,#fafbfd 72%,#fff6ec);padding:25px 0 74px;border-bottom:1px solid var(--blog-border); }
.mavi-blog-hero__layout { display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:60px;align-items:center;padding-top:49px; }
.mavi-blog .mavi-blog-hero h1 { color:var(--el-dark);font-size:clamp(40px,5vw,64px);line-height:1.08;letter-spacing:-1.8px;margin:17px 0 22px; }
.mavi-blog .mavi-blog-intro { color:var(--blog-muted);font-size:15px;line-height:1.9;max-width:630px; }
.mavi-blog-hero__note { padding-left:38px;border-left:1px solid #d6e1ee; }
.mavi-blog-hero__symbol { width:76px;height:76px;display:grid;place-items:center;border-radius:22px;background:#fff;box-shadow:0 8px 30px #0c376e08;transform:rotate(-7deg);margin-bottom:23px; }
.mavi-blog-hero__symbol .mavi-icon { width:49px;height:49px;transform:rotate(7deg); }
.mavi-blog .mavi-blog-hero__note p { font:400 25px/1.35 var(--el-heading);color:var(--el-dark); }
.mavi-blog-hero__note strong { font-weight:600; }
.mavi-blog-hero__note>span { display:block;margin-top:18px;font-size:10px;letter-spacing:1.8px;color:var(--blog-muted); }
.mavi-blog-list__inner { padding-top:55px;padding-bottom:76px; }
.mavi-blog-featured-wrap { margin-bottom:70px; }
.mavi-blog-card { display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--blog-border);border-radius:15px;transition:box-shadow .2s,border-color .2s,transform .2s; }
.mavi-blog-card:hover { border-color:#c3d1e2;box-shadow:0 14px 35px #0c376e0a;transform:translateY(-3px); }
.mavi-blog-card__media { position:relative;display:block;overflow:hidden;aspect-ratio:16/10;background:#edf2f7; }
.mavi-blog .mavi-blog-card__image { width:100%;height:100%;object-fit:cover;transition:transform .4s; }
.mavi-blog-card:hover .mavi-blog-card__image { transform:scale(1.035); }
.mavi-blog-card__placeholder { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;width:100%;height:100%;background:radial-gradient(ellipse at top right,#285d96,var(--el-dark));color:#fff; }
.mavi-blog-card__placeholder .mavi-icon { width:76px;height:76px;--icon-ink:#fff; }
.mavi-blog-card__placeholder>span { font:500 10px/1.5 var(--el-heading);letter-spacing:2px; }
.mavi-blog-card__body { display:flex;flex:1;flex-direction:column;padding:25px 25px 22px; }
.mavi-blog-card__meta { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;margin-bottom:17px; }
.mavi-blog-category { display:inline-flex;align-items:center;padding:5px 10px;border-radius:6px;background:#fff1e4;color:#813b00!important;font-size:11px;font-weight:600;line-height:1.6; }
.mavi-blog-reading { display:inline-flex;align-items:center;gap:6px;color:var(--blog-muted);font-size:11px; }
.mavi-blog-reading .el-ui-icon { width:14px;height:14px;flex-basis:14px; }
.mavi-blog .mavi-blog-card__title { margin:0 0 14px;font-size:24px;line-height:1.28;font-weight:600;color:var(--el-dark);overflow-wrap:anywhere; }
.mavi-blog-card__title a:hover { text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px; }
.mavi-blog .mavi-blog-card__excerpt { margin:0 0 25px;color:var(--blog-muted);font-size:13px;line-height:1.85;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden; }
.mavi-blog-card__bottom { display:flex;align-items:center;justify-content:space-between;gap:10px;border-top:1px solid #edf1f6;padding-top:17px;margin-top:auto; }
.mavi-blog-card__bottom time { font-size:10px;color:var(--blog-muted); }
.mavi-blog-read-more { display:inline-flex;align-items:center;gap:9px;color:var(--el-dark);font-size:12px;font-weight:600; }
.mavi-blog-read-more .el-ui-icon { width:17px;height:17px;flex-basis:17px;transition:transform .2s; }
.mavi-blog-read-more:hover .el-ui-icon { transform:translateX(3px); }
.mavi-blog-card--featured { display:grid;grid-template-columns:1.1fr 1fr;border-radius:19px; }
.mavi-blog-card--featured .mavi-blog-card__media { aspect-ratio:auto;min-height:360px; }
.mavi-blog-card--featured .mavi-blog-card__body { padding:37px 38px 29px; }
.mavi-blog .mavi-blog-card--featured .mavi-blog-card__title { font-size:34px;line-height:1.2;margin:5px 0 18px; }
.mavi-blog .mavi-blog-card--featured .mavi-blog-card__excerpt { font-size:14px; }
.mavi-blog-featured-label { position:absolute;top:21px;left:22px;padding:7px 13px;border-radius:6px;background:#fff;color:var(--el-dark);font-size:10px;font-weight:600;letter-spacing:1.3px; }
.mavi-blog-section-heading { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:29px; }
.mavi-blog .mavi-blog-section-heading h2 { margin-top:10px;font-size:36px;line-height:1.2;color:var(--el-dark);letter-spacing:-.6px; }
.mavi-blog-result-count { color:var(--blog-muted);font-size:12px;white-space:nowrap;padding-bottom:4px; }
.mavi-blog-tools { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px;padding-bottom:25px;border-bottom:1px solid var(--blog-border); }
.mavi-blog-categories { display:flex;flex-wrap:wrap;gap:8px; }
.mavi-blog-categories a { display:inline-flex;align-items:center;min-height:42px;padding:9px 16px;border:1px solid var(--blog-border);border-radius:8px;font-size:12px;color:var(--blog-muted);white-space:nowrap;transition:background .2s,color .2s; }
.mavi-blog-categories a[aria-current],.mavi-blog-categories a:hover { background:var(--el-dark);border-color:var(--el-dark);color:#fff; }
.mavi-blog-topics{margin:-6px 0 24px}.mavi-blog-topics .mavi-blog-label{margin-bottom:10px}.mavi-blog-topics .mavi-blog-categories a{min-height:34px;padding:6px 12px;font-size:11px}.mavi-blog-faq-link{margin:0 0 25px;font-size:13px;color:var(--blog-muted)}.mavi-blog-faq-link a{color:var(--el-dark);font-weight:700;text-decoration:underline}.mavi-blog-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:16px 0}.mavi-blog-card__tags a{font-size:10px;line-height:1.4;color:var(--el-dark);border:1px solid var(--blog-border);border-radius:20px;padding:4px 9px}.mavi-blog-card__tags a:hover{background:var(--el-dark);color:#fff}
.mavi-blog-search { display:flex;align-items:center;flex:0 0 235px;border:1px solid var(--blog-border);border-radius:9px;background:#f8fafc;overflow:hidden; }
.mavi-blog-search input { background:transparent;min-width:0;width:100%;border:0;padding:11px 0 11px 14px;color:var(--el-dark);font-size:12px;line-height:1.6; }
.mavi-blog-search input:focus { outline-offset:-3px; }
.mavi-blog-search button { display:grid;place-items:center;flex:0 0 43px;min-height:43px;padding:10px;border:0;background:transparent;color:var(--el-dark); }
.mavi-blog-search button .el-ui-icon { width:19px;height:19px; }
.mavi-blog .mavi-blog-search-summary { font-size:13px;color:var(--blog-muted);margin-bottom:25px; }
.mavi-blog-search-summary a { text-decoration:underline;text-underline-offset:4px;margin-left:8px;color:var(--el-dark); }
.mavi-blog-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27px; }
.mavi-blog-pagination { display:flex;justify-content:center;align-items:center;gap:8px;flex-wrap:wrap;margin-top:42px; }
.mavi-blog-pagination .page-numbers,.mavi-blog-pagination .post-page-numbers { display:grid;place-items:center;min-width:43px;min-height:43px;padding:8px 13px;border:1px solid var(--blog-border);border-radius:8px;font-size:13px;color:var(--el-dark); }
.mavi-blog-pagination .current,.mavi-blog-pagination a:hover { background:var(--el-dark);color:#fff;border-color:var(--el-dark); }
.mavi-blog-pagination .dots { border:0; }
.mavi-blog-empty { text-align:center;padding:65px 25px;background:#f5f8fc;border:1px dashed #c7d4e4;border-radius:15px; }
.mavi-blog-empty>.mavi-icon { margin-bottom:20px; }
.mavi-blog .mavi-blog-empty h3 { font-size:27px;color:var(--el-dark);margin-bottom:15px; }
.mavi-blog .mavi-blog-empty p { color:var(--blog-muted);font-size:14px; }
.mavi-blog-empty .mavi-blog-button { margin-top:25px; }
.mavi-blog-button { display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:14px 20px;min-height:49px;border:1px solid transparent;border-radius:9px;background:var(--el-action,#ff7900);color:#fff!important;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,color .2s; }
.mavi-blog-button:hover { background:var(--el-dark);color:#fff!important; }
.mavi-blog-button .el-ui-icon { width:18px;height:18px;flex-basis:18px; }
.mavi-blog-contact-strip { display:flex;align-items:center;gap:25px;margin-top:65px;padding:30px;border:1px solid #e2e9f3;border-radius:15px;background:#f4f7fc; }
.mavi-blog-contact-strip__icon { display:grid;place-items:center;flex:0 0 65px;width:65px;height:65px;border-radius:15px;background:#fff; }
.mavi-blog-contact-strip__icon .mavi-icon { width:40px;height:40px; }
.mavi-blog-contact-strip>div { flex:1; }
.mavi-blog .mavi-blog-contact-strip h2 { font-size:25px;line-height:1.25;color:var(--el-dark);margin-bottom:8px; }
.mavi-blog .mavi-blog-contact-strip p { font-size:12px;color:var(--blog-muted); }
/* Article opening, reading column and in-page navigation. */
.mavi-blog-progress { position:fixed;top:0;left:0;right:0;height:3px;z-index:65;pointer-events:none; }
.mavi-blog-progress span { display:block;width:100%;height:100%;background:var(--el-red);transform:scaleX(0);transform-origin:left; }
.mavi-blog-article-header { background:linear-gradient(110deg,#f2f6fb,#fafbfd);padding:25px 0 80px; }
.mavi-blog-article-header__inner { max-width:900px;padding-top:35px; }
.mavi-blog-back { display:inline-block;color:var(--blog-muted)!important;font-size:12px;margin-bottom:25px; }
.mavi-blog-back:hover { text-decoration:underline; }
.mavi-blog-article-meta { display:flex;flex-wrap:wrap;align-items:center;gap:17px;margin-bottom:19px;color:var(--blog-muted);font-size:12px; }
.mavi-blog-article-meta>span { display:inline-flex;align-items:center;gap:6px; }
.mavi-blog-article-meta .el-ui-icon { width:15px;height:15px;flex-basis:15px; }
.mavi-blog .mavi-blog-article-header h1 { font-size:clamp(34px,4.5vw,55px);line-height:1.14;letter-spacing:-1.5px;color:var(--el-dark);text-wrap:balance; }
.mavi-blog .mavi-blog-article-lead { max-width:760px;font-size:16px;line-height:1.85;color:var(--blog-muted);margin-top:24px; }
.mavi-blog-publisher { display:flex;align-items:center;gap:12px;margin-top:27px; }
.mavi-blog-publisher__icon { display:grid;place-items:center;width:41px;height:41px;flex:0 0 41px;border:1px solid #dbe4f0;border-radius:50%;background:#fff;color:var(--el-dark); }
.mavi-blog-publisher__icon .el-ui-icon { width:21px;height:21px; }
.mavi-blog-publisher strong,.mavi-blog-publisher>div>span { display:block; }
.mavi-blog-publisher strong { font-size:12px;font-weight:600; }
.mavi-blog-publisher>div>span { font-size:10px;color:var(--blog-muted); }
.mavi-blog-share { margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:9px 12px;background:#fff;border:1px solid var(--blog-border);border-radius:8px;color:var(--el-dark);font-size:11px; }
.mavi-blog-share[hidden] { display:none; }
.mavi-blog-share .el-ui-icon { width:15px;height:15px;flex-basis:15px;transform:rotate(-35deg); }
.mavi-blog-article-wrap { padding-bottom:75px; }
.mavi-blog-article-cover { position:relative;margin:-35px 0 45px;overflow:hidden;border-radius:17px;background:#edf2f7; }
.mavi-blog .mavi-blog-article-cover img { width:100%;height:440px;object-fit:cover; }
.mavi-blog-article-layout { display:grid;grid-template-columns:minmax(0,1fr) 280px;grid-template-areas:'content sidebar';gap:75px;padding-top:15px;align-items:start; }
.mavi-blog-article-column { grid-area:content;min-width:0; }
.mavi-blog-sidebar { grid-area:sidebar;min-width:0;align-self:stretch; }
.mavi-blog-sidebar__sticky { position:sticky;top:25px; }
.mavi-blog-toc { border:1px solid var(--blog-border);border-radius:12px;background:#fff;overflow:hidden; }
.mavi-blog-toc summary { display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px 22px;color:var(--el-dark);font:600 18px/1.3 var(--el-heading);cursor:pointer;list-style:none; }
.mavi-blog-toc summary::-webkit-details-marker { display:none; }
.mavi-blog-toc summary .el-ui-icon { width:17px;height:17px;transform:rotate(90deg); }
.mavi-blog-toc[open] summary .el-ui-icon { transform:rotate(-90deg); }
.mavi-blog-toc nav { padding:0 16px 17px;max-height:42vh;overflow:auto;overscroll-behavior:contain; }
.mavi-blog .mavi-blog-toc ol { margin:0;padding:0;list-style:none;counter-reset:blog-section; }
.mavi-blog-toc li { margin:0; }
.mavi-blog-toc a { display:block;padding:9px 10px;border-radius:6px;font-size:12px;line-height:1.55;color:var(--blog-muted);border-left:2px solid transparent; }
.mavi-blog-toc a:hover,.mavi-blog-toc a[aria-current] { color:var(--el-dark);background:#f1f5fa;border-left-color:var(--el-red); }
.mavi-blog-toc .is-subheading a { padding-left:24px;font-size:11px; }
.mavi-blog-help { margin-top:22px;padding:26px 23px;background:#f2f6fb;border:1px solid #e2e9f2;border-radius:12px; }
.mavi-blog-help>.mavi-icon { width:44px;height:44px;margin-bottom:15px; }
.mavi-blog .mavi-blog-help .mavi-blog-label { font-size:9px;letter-spacing:1px;margin-bottom:10px; }
.mavi-blog .mavi-blog-help h2 { font-size:26px;color:var(--el-dark);margin-bottom:13px;line-height:1.2; }
.mavi-blog .mavi-blog-help>p:not(.mavi-blog-label) { font-size:12px;color:var(--blog-muted);line-height:1.85; }
.mavi-blog-help .mavi-blog-button { width:100%;margin-top:20px; }
.mavi-blog-help__phone { display:flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:600;margin-top:18px; }
.mavi-blog-help__phone .el-ui-icon { width:15px;height:15px;flex-basis:15px; }
/* Editor content: Gutenberg blocks, legacy HTML and long tables remain usable. */
.mavi-blog .mavi-blog-prose { font-size:16px;line-height:1.95;color:#41556c;overflow-wrap:anywhere; }
.mavi-blog .mavi-blog-prose>:first-child { margin-top:0; }
.mavi-blog .mavi-blog-prose p { margin:0 0 1.4em; }
.mavi-blog .mavi-blog-prose h2,.mavi-blog .mavi-blog-prose h3,.mavi-blog .mavi-blog-prose h4 { color:var(--el-dark);line-height:1.3;scroll-margin-top:30px; }
.mavi-blog .mavi-blog-prose h2 { font-size:30px;margin:1.6em 0 .65em;letter-spacing:-.4px; }
.mavi-blog .mavi-blog-prose h3 { font-size:23px;margin:1.5em 0 .65em; }
.mavi-blog .mavi-blog-prose h4 { font-size:19px;margin:1.5em 0 .65em; }
.mavi-blog .mavi-blog-prose ul,.mavi-blog .mavi-blog-prose ol { margin:0 0 1.5em;padding-left:1.4em;list-style:revert; }
.mavi-blog .mavi-blog-prose li { margin:.4em 0;padding-left:.25em; }
.mavi-blog .mavi-blog-prose a { color:var(--el-dark);text-decoration:underline;text-decoration-color:#ff790080;text-underline-offset:4px; }
.mavi-blog .mavi-blog-prose a:hover { text-decoration-color:var(--el-dark); }
.mavi-blog .mavi-blog-prose blockquote { margin:1.8em 0;padding:21px 25px;border-left:3px solid var(--el-red);background:#f3f6fb;border-radius:0 10px 10px 0;color:var(--el-dark); }
.mavi-blog .mavi-blog-prose blockquote p:last-child { margin-bottom:0; }
.mavi-blog .mavi-blog-prose figure { max-width:100%;margin:1.5em 0; }
.mavi-blog .mavi-blog-prose img { max-width:100%;height:auto;border-radius:10px; }
.mavi-blog .mavi-blog-prose figcaption { font-size:12px;color:var(--blog-muted);margin-top:10px; }
.mavi-blog .mavi-blog-prose .wp-block-table { overflow-x:auto; }
.mavi-blog .mavi-blog-prose table { display:block;max-width:100%;overflow:auto;border-collapse:collapse;font-size:14px;margin:1.25em 0 1.5em; }
.mavi-blog .mavi-blog-prose td,.mavi-blog .mavi-blog-prose th { border:1px solid var(--blog-border);padding:10px 14px;text-align:left; }
.mavi-blog .mavi-blog-prose .mavi-blog-table-hint { display:none; }
@media(max-width:760px) {
 .mavi-blog .mavi-blog-prose td,.mavi-blog .mavi-blog-prose th { min-width:160px;overflow-wrap:normal;word-break:normal;vertical-align:top; }
 .mavi-blog .mavi-blog-prose td:first-child,.mavi-blog .mavi-blog-prose th:first-child { min-width:110px; }
 .mavi-blog .mavi-blog-prose .mavi-blog-table-hint { display:block;font-size:12px;line-height:1.6;color:var(--blog-muted);margin-bottom:.5em; }
 .mavi-blog .mavi-blog-prose table { margin-top:.5em; }
}
.mavi-blog .mavi-blog-prose pre { max-width:100%;overflow:auto;padding:20px;background:#f3f6fb;border-radius:10px; }
.mavi-blog .mavi-blog-prose iframe,.mavi-blog .mavi-blog-prose video { max-width:100%; }
.mavi-blog .mavi-blog-prose .alignwide,.mavi-blog .mavi-blog-prose .alignfull { width:100%;margin-inline:0; }
.mavi-blog .mavi-blog-prose .wp-block-columns { max-width:100%; }
.mavi-blog-service-link { margin-top:36px;padding:25px 28px;border:1px solid #dce7f3;border-radius:13px;background:#f4f8fd; }
.mavi-blog .mavi-blog-service-link .mavi-blog-label { margin:0 0 9px;font-size:10px; }
.mavi-blog .mavi-blog-service-link h2 { margin:0 0 10px;color:var(--el-dark);font-size:23px;line-height:1.3; }
.mavi-blog .mavi-blog-service-link p:not(.mavi-blog-label) { margin:0 0 16px;color:var(--blog-muted);font-size:13px;line-height:1.7; }
.mavi-blog-service-link a { display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600; }
.mavi-blog-service-link .el-ui-icon { width:16px;height:16px;flex-basis:16px; }
.mavi-blog-tags { display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding-top:25px;margin-top:35px;border-top:1px solid var(--blog-border); }
.mavi-blog-tags>span { font-size:12px;font-weight:600;margin-right:7px; }
.mavi-blog-tags a { font-size:11px;padding:6px 10px;background:#f2f6fb;border-radius:5px; }
.mavi-blog-article-end { display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:35px;padding:23px 0;border-block:1px solid var(--blog-border);font-size:12px; }
.mavi-blog-article-end>span { color:var(--blog-muted); }
.mavi-blog-article-end a { display:inline-flex;align-items:center;gap:10px;font-weight:600; }
.mavi-blog-article-end .el-ui-icon { width:17px;height:17px;flex-basis:17px; }
.mavi-blog .post-navigation { margin-top:27px; }
.mavi-blog .post-navigation .nav-links { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px; }
.mavi-blog .post-navigation .nav-next { grid-column:2;text-align:right; }
.mavi-blog .post-navigation .nav-subtitle { display:block;font-size:10px;color:var(--blog-muted);margin-bottom:10px; }
.mavi-blog .post-navigation .nav-title { display:block;font:500 17px/1.5 var(--el-heading);color:var(--el-dark); }
.mavi-blog-related { padding:65px 0 75px;background:#f4f7fb;border-top:1px solid var(--blog-border); }
.mavi-blog-comments { margin-top:40px;padding-top:25px;border-top:1px solid var(--blog-border); }
.mavi-blog .mavi-blog-comments h2,.mavi-blog .mavi-blog-comments h3 { margin:15px 0;font-size:24px;color:var(--el-dark); }
.mavi-blog .mavi-blog-comments ol { padding-left:20px; }
.mavi-blog-comments input:not([type=checkbox]),.mavi-blog-comments textarea,.mavi-blog-prose .post-password-form input[type=password] { max-width:100%;width:100%;border:1px solid var(--blog-border);border-radius:7px;padding:11px;font:inherit; }
.mavi-blog-comments label { display:block;font-size:13px;margin:12px 0 5px; }
.mavi-blog-comments input[type=submit],.mavi-blog-prose .post-password-form input[type=submit] { padding:12px 20px;border:0;border-radius:7px;background:var(--el-dark);color:#fff; }
@media(min-width:981px) { .mavi-blog-card--featured .mavi-blog-card__bottom { margin-top:20px; } }
@media(max-width:1100px) { .mavi-blog-hero__layout { gap:35px;grid-template-columns:minmax(0,1fr) 235px; }.mavi-blog-hero__note { padding-left:28px; }.mavi-blog-tools { flex-wrap:wrap; }.mavi-blog-search { flex:1 1 220px;max-width:300px; }.mavi-blog-card__body { padding:22px 20px; }.mavi-blog-article-layout { gap:40px;grid-template-columns:minmax(0,1fr) 260px; } }
@media(max-width:980px) { .mavi-blog-grid { grid-template-columns:repeat(2,minmax(0,1fr));gap:24px; }.mavi-blog-card--featured .mavi-blog-card__body { padding:28px; }.mavi-blog .mavi-blog-card--featured .mavi-blog-card__title { font-size:29px; }.mavi-blog-card--featured .mavi-blog-card__media { min-height:340px; }.mavi-blog-contact-strip { flex-wrap:wrap; }.mavi-blog-contact-strip .mavi-blog-button { margin-left:90px; }.mavi-blog-article-layout { grid-template-columns:minmax(0,1fr);grid-template-areas:'sidebar' 'content';gap:30px; }.mavi-blog-sidebar__sticky { position:static; }.mavi-blog-sidebar .mavi-blog-help { display:none; }.mavi-blog-toc nav { max-height:300px; }.mavi-blog .mavi-blog-article-cover img { height:360px; }.mavi-blog-article-column { max-width:760px;width:100%;margin-inline:auto; } }
@media(max-width:760px) { .mavi-blog-hero { padding:22px 0 42px; }.mavi-blog-hero__layout { grid-template-columns:minmax(0,1fr);padding-top:32px;gap:25px; }.mavi-blog-hero__note { display:none; }.mavi-blog .mavi-blog-hero h1 { font-size:45px;letter-spacing:-1.3px;margin:16px 0 20px; }.mavi-blog .mavi-blog-intro { font-size:14px;line-height:1.85; }.mavi-blog-desktop-break { display:none; }.mavi-blog-list__inner { padding-block:30px 45px; }.mavi-blog-card--featured { grid-template-columns:minmax(0,1fr); }.mavi-blog-card--featured .mavi-blog-card__media { min-height:0;aspect-ratio:16/10; }.mavi-blog-card--featured .mavi-blog-card__body { padding:25px; }.mavi-blog-featured-wrap { margin-bottom:45px; }.mavi-blog .mavi-blog-section-heading h2 { font-size:29px; }.mavi-blog-section-heading { gap:12px;align-items:center; }.mavi-blog .mavi-blog-label { font-size:10px;letter-spacing:1.2px; }.mavi-blog-tools { display:block;margin-bottom:25px;padding-bottom:20px; }.mavi-blog-categories { flex-wrap:nowrap;overflow:auto;padding:4px 3px 10px;margin-inline:-3px;scrollbar-width:thin; }.mavi-blog-categories a { min-height:40px;padding:8px 13px; }.mavi-blog-search { width:100%;max-width:none;margin-top:10px; }.mavi-blog-grid { gap:20px; }.mavi-blog .mavi-blog-card__title { font-size:23px; }.mavi-blog-contact-strip { margin-top:40px;padding:25px;gap:18px; }.mavi-blog-contact-strip__icon { flex-basis:48px;width:48px;height:48px;border-radius:11px; }.mavi-blog-contact-strip__icon .mavi-icon { width:34px;height:34px; }.mavi-blog .mavi-blog-contact-strip h2 { font-size:23px; }.mavi-blog-contact-strip .mavi-blog-button { margin-left:0;width:100%; }.mavi-blog-article-header { padding:22px 0 60px; }.mavi-blog-article-header__inner { padding-top:26px; }.mavi-blog .mavi-blog-article-header h1 { font-size:37px;line-height:1.18;letter-spacing:-.8px; }.mavi-blog .mavi-blog-article-lead { font-size:14px;margin-top:20px; }.mavi-blog-article-meta { gap:11px;font-size:11px; }.mavi-blog-back { margin-bottom:20px; }.mavi-blog-publisher { flex-wrap:wrap;margin-top:23px; }.mavi-blog-share { padding:8px;font-size:10px;gap:5px; }.mavi-blog-article-cover { margin-top:-25px;margin-bottom:25px;border-radius:12px; }.mavi-blog .mavi-blog-article-cover img { height:auto;aspect-ratio:16/10; }.mavi-blog-article-layout { gap:25px;padding-top:10px; }.mavi-blog .mavi-blog-prose { font-size:15px;line-height:1.9; }.mavi-blog .mavi-blog-prose h2 { font-size:27px; }.mavi-blog .mavi-blog-prose h3 { font-size:22px; }.mavi-blog-article-wrap { padding-bottom:45px; }.mavi-blog-related { padding:40px 0 45px; }.mavi-blog-article-end { flex-direction:column;align-items:flex-start;gap:10px; }.mavi-blog .post-navigation .nav-links { gap:20px; }.mavi-blog .post-navigation .nav-title { font-size:15px; } }
@media(max-width:600px) { .mavi-blog .el-container { width:calc(100% - 40px); }.mavi-blog-grid { grid-template-columns:minmax(0,1fr); }.mavi-blog .mavi-blog-card__title { font-size:26px; }.mavi-blog-card__body { padding:24px; }.mavi-blog .mavi-blog-card--featured .mavi-blog-card__title { font-size:28px; }.mavi-blog-contact-strip>div { flex-basis:calc(100% - 70px); }.mavi-blog-result-count { font-size:11px; }.mavi-blog-related .mavi-blog-section-heading { align-items:flex-start;flex-direction:column;gap:17px; }.mavi-blog .mavi-blog-article-header h1 { font-size:34px; }.mavi-blog-publisher>div { flex:1; }.mavi-blog-share { margin-left:0; }.mavi-blog-breadcrumbs { font-size:11px;gap:8px; }.mavi-blog .mavi-blog-prose blockquote { padding:18px; }.mavi-blog .post-navigation .nav-links { grid-template-columns:minmax(0,1fr); }.mavi-blog .post-navigation .nav-next { grid-column:1;text-align:left; }.mavi-blog-contact-strip__icon { align-self:flex-start; } }
@media(prefers-reduced-motion:reduce) { .mavi-blog-card,.mavi-blog-card__image,.mavi-blog-button,.mavi-blog-read-more .el-ui-icon { transition:none; }.mavi-blog-card:hover { transform:none; }.mavi-blog-prose h2,.mavi-blog-prose h3 { scroll-behavior:auto; } }