.scmb-mobile-menu, .scmb-mobile-menu * { box-sizing: border-box; }
.site-mobile-menu-trigger { display: none; }
dialog.scmb-mobile-menu:not([open]) { display: none; }
dialog.scmb-mobile-menu[open] { display: block; position: fixed; inset: 0 0 0 auto; width: min(430px, 100%); max-width: 100%; height: 100dvh; max-height: 100dvh; margin: 0; padding: 0; border: 0; background: #fff; color: #173b50; visibility: visible; opacity: 1; transform: none; overflow: auto; overscroll-behavior: contain; }
dialog.scmb-mobile-menu::backdrop { background: rgb(9 32 48 / 60%); }
.scmb-mobile-menu .off-canvas-menubar-body { position: static; width: 100%; max-width: none; min-height: 100%; height: auto; padding: max(24px, env(safe-area-inset-top)) 24px max(24px, env(safe-area-inset-bottom)); background: #fff; transform: none; visibility: visible; opacity: 1; overflow: visible; }
.scmb-mobile-menu .off-canvas-head { display: flex; justify-content: space-between; align-items: center; gap: 20px; margin-bottom: 28px; padding: 0 0 20px; }
.scmb-mobile-menu .off-canvas-logo img { width: 155px; height: 64px; object-fit: contain; }
.scmb-mobile-menu .off-canvas-menubar-close, .scmb-mobile-menu [data-mobile-submenu] { position: static; display: grid; place-items: center; flex: 0 0 44px; width: 44px; height: 44px; border: 1px solid #dbe6ec; border-radius: 50%; background: #f0f7fa; color: #173b50; font-size: 24px; cursor: pointer; padding: 0; }
.scmb-mobile-menu .off-canvas-menu ul { list-style: none; padding: 0; margin: 0; }
.scmb-mobile-menu .off-canvas-menu li { padding: 0; border-bottom: 1px solid #e2ebef; }
.scmb-mobile-menu .mobile-menu-row { display: flex; align-items: center; gap: 12px; padding: 8px 0; }
.scmb-mobile-menu .mobile-menu-row > a { flex: 1; min-width: 0; padding: 12px 0; font-size: 19px; line-height: 1.35; font-weight: 600; color: #173b50; overflow-wrap: anywhere; }
.scmb-mobile-menu a[aria-current="page"] { color: #007f9e; }
.scmb-mobile-menu .mobile-submenu { padding: 4px 12px 20px; border-left: 2px solid #c3e5ee; margin: 0 0 16px 6px; }
.scmb-mobile-menu .mobile-submenu[hidden] { display: none; }
.scmb-mobile-menu .mobile-submenu a, .scmb-mobile-menu .mobile-submenu span, .scmb-mobile-menu .mobile-submenu p { display: block; padding: 10px 0; margin: 0; font-size: 15px; line-height: 1.5; color: #385568; overflow-wrap: anywhere; }
.scmb-mobile-menu .mobile-submenu .mobile-group-title, .scmb-mobile-menu .mobile-submenu .mobile-tree-title { font-weight: 700; color: #173b50; }
.scmb-mobile-menu .mobile-utility { margin-top: 28px; padding-top: 24px; border-top: 2px solid #d7eaf0; }
.scmb-mobile-menu .site-utility { display: flex; flex-direction: column; align-items: stretch; gap: 24px; padding: 0; margin: 0; background: transparent; color: #173b50; }
.scmb-mobile-menu .site-utility-links, .scmb-mobile-menu .site-utility-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 14px; width: 100%; }
.scmb-mobile-menu .site-utility-tree { display: flex; flex-wrap: wrap; gap: 10px; width: 100%; }
.scmb-mobile-menu .site-utility-links a, .scmb-mobile-menu .site-utility-links span { color: #173b50; overflow-wrap: anywhere; }
.scmb-mobile-menu .site-utility-social { display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: #eaf5f9; }
.scmb-mobile-menu .site-utility-actions > a { max-width: 100%; white-space: normal; }
.scmb-mobile-menu :focus-visible, .site-mobile-menu-trigger:focus-visible { outline: 3px solid #0089b0; outline-offset: 4px; }
@media (max-width: 1024px) {
    .site-mobile-menu-trigger { display: grid; place-items: center; width: 48px; height: 48px; border: 1px solid #a2c4da; border-radius: 50%; background: #fff; color: #173b50; font-size: 22px; cursor: pointer; }
    .site-header > .site-utility, .site-desktop-nav { display: none; }
    .site-main-header { justify-content: space-between; }
    .site-main-header > .site-brand { position: static; }
}
@media (max-width: 767px) {
    .blog-card-4 .content { padding: 22px 18px !important; }
    .blog-card-4 .blog-info { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-bottom: 14px; }
    .blog-card-4 .blog-info .publisher-info, .blog-card-4 .blog-info .date { display: flex; align-items: center; gap: 7px; min-width: 0; }
    .blog-card-4 .blog-info p { font-size: 13px !important; line-height: 1.5; margin: 0; overflow-wrap: anywhere; }
    .blog-card-4 .blog-info i { font-size: 16px !important; margin: 0 !important; }
    .blog-card-4 .blog-info img { width: 24px; height: 24px; object-fit: contain; }
    .blog-card-4 .title h3, .blog-card-4 .title h3 a { font-size: clamp(21px, 5.5vw, 27px) !important; line-height: 1.3 !important; letter-spacing: -.02em; white-space: normal !important; overflow-wrap: anywhere; }
    .blog-card-4 .title h3 { margin-bottom: 12px; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; }
    .blog-card-4 .text p { font-size: 15px !important; line-height: 1.65 !important; display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; margin-bottom: 20px; }
    .blog-card-4 > div:first-child > a:has(> img) { height: auto !important; aspect-ratio: 16 / 10; }
    .blog-card-4 .read-more-btn { font-size: 14px; min-height: 44px; }
}

.scmb-mobile-menu .off-canvas-menu { padding: 0; }
.scmb-mobile-menu .off-canvas-menu a { text-transform: none; }