@media (max-width:768px){
html,body{width:100%;overflow-x:hidden !important;}
header,.top-bar{flex-direction:column !important;width:100% !important;}
.logo{font-size:clamp(18px,5vw,22px) !important;line-height:1.32 !important;text-align:center !important;white-space:normal !important;overflow-wrap:break-word !important;word-break:keep-all !important;}
.nav-links{display:flex !important;flex-wrap:nowrap !important;justify-content:flex-start !important;gap:8px !important;position:static !important;transform:none !important;height:auto !important;max-width:100% !important;overflow-x:auto !important;overflow-y:hidden !important;white-space:nowrap !important;box-shadow:none !important;-webkit-overflow-scrolling:touch !important;scrollbar-width:none !important;}
.nav-links::-webkit-scrollbar{display:none !important;}
.nav-links li{flex:0 0 auto !important;margin:0 !important;}
.auth-buttons{flex-wrap:wrap !important;justify-content:center !important;}
.container{width:95% !important;padding:0 10px !important;}
img,.carousel img{max-width:100% !important;height:auto !important;}
.main-grid,.features-grid{grid-template-columns:1fr !important;}
}
.content img,
.detail-content img,
.message-content img,
.warn-content img,
.rte-editor img,
.article-content img,
.editor-content img {
    max-width: 100% !important;
    height: auto !important;
    display: block;
}
.unified-back,
.back-link,
.page-back {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #2c68e0;
    text-decoration: none;
    font-weight: 600;
    margin: 0 0 18px;
}
.unified-back:hover,
.back-link:hover,
.page-back:hover { text-decoration: underline; }
.edit-btn,
.btn-edit {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    color: #2c68e0;
    background: none;
    border: none;
    cursor: pointer;
    text-decoration: none;
    font: inherit;
}

@media (max-width:768px){
    header,
    .header,
    .header-container,
    .nav-wrapper,
    .navbar,
    .top-bar,
    .header-top,
    .brand-block,
    .v13-site-brand{
        max-width:100% !important;
    }
    .brand-block,
    .v13-site-brand{
        min-width:0 !important;
        overflow:hidden !important;
        align-items:flex-start !important;
    }
    .national-title,
    .brand-block .logo,
    .v13-brand-main,
    .v13-brand-sub{
        display:block !important;
        width:100% !important;
        max-width:calc(100vw - 36px) !important;
        margin-left:0 !important;
        margin-right:0 !important;
        text-align:left !important;
        white-space:normal !important;
        overflow-wrap:anywhere !important;
        word-break:normal !important;
        line-height:1.28 !important;
        letter-spacing:0 !important;
    }
    .national-title,
    .v13-brand-main{
        font-size:clamp(17px,4.6vw,19px) !important;
    }
    .brand-block .logo,
    .v13-brand-sub{
        font-size:clamp(13px,3.6vw,15px) !important;
    }
    .mobile-title-break{
        display:block !important;
    }
    .mobile-title-line{
        display:block !important;
    }
    .v13-global-search-item{
        flex:0 1 100% !important;
        width:100% !important;
        max-width:100% !important;
        margin:6px 0 0 !important;
        padding-left:0 !important;
        border-left:0 !important;
        justify-content:center !important;
    }
    .v13-global-search-form{
        width:min(330px,calc(100vw - 44px)) !important;
        max-width:calc(100vw - 44px) !important;
    }
}