/* Brand migration responsive bridge: use the proven mobile shell on small tablets. */
.main-content>nav.user-info-navbar{display:none!important;position:static!important;height:0!important;min-height:0!important;margin:0!important;padding:0!important;transform:none!important;z-index:auto!important}
.home-brand-hero{display:flex;box-sizing:border-box;height:96px;margin:0 0 8px;padding:14px 24px;flex-direction:column;justify-content:center;border-radius:14px;background:linear-gradient(135deg,#0b1f3a,#1378c7);color:#fff}
.home-brand-hero h1{margin:0 0 6px;font-size:28px;line-height:1.25;color:#fff}
.home-brand-hero p{margin:0;color:rgba(255,255,255,.86)}
#bulletin_box{margin:0 0 6px!important;padding:8px 12px!important}
#search.s-search{margin-top:0!important;margin-bottom:8px!important;padding-top:8px!important;padding-bottom:10px!important}
.sites-list>h2:first-of-type{margin-top:2px!important;margin-bottom:12px!important}
.home-knowledge{display:grid;gap:24px;margin:28px 0 8px}
.home-info-section{margin:0;padding:24px 26px;border:1px solid #dce7f1;border-radius:12px;background:#f7fafe}
.home-info-section h2{margin:0 0 16px;color:#183b5b;font-size:22px;line-height:1.3}
.home-info-section h3{margin:0 0 8px;color:#243b53;font-size:16px;line-height:1.45}
.home-info-section p{margin:0;color:#526579;line-height:1.7}
.home-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.home-guide-grid article{padding:18px;border:1px solid #e1eaf2;border-radius:12px;background:#fff}
.home-guide-icon{display:grid;width:32px;height:32px;margin-bottom:12px;place-items:center;border-radius:9px;background:#e6f1fb;color:#1378c7;font-size:18px;font-weight:700}
.home-protocol-tags{display:flex;flex-wrap:wrap;gap:10px}
.home-protocol-tags a{display:inline-flex;align-items:center;min-height:38px;padding:8px 14px;border:1px solid #cfe0ef;border-radius:999px;background:#fff;color:#1769aa;font-weight:600}
.home-protocol-tags a:hover{border-color:#4096d8;background:#edf7ff;color:#0d568e}
.home-article-grid,.home-faq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.home-article-grid a{display:flex;flex-direction:column;gap:6px;padding:17px 18px;border:1px solid #dce7f1;border-radius:11px;background:#fff;color:#1a639c}
.home-article-grid a span{color:#60758a;line-height:1.6}
.home-faq-grid article{padding:2px 4px}
.home-about{padding-top:20px;padding-bottom:20px}
.home-about h2{margin-bottom:10px}
.home-promo{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 26px;border:1px solid #bad8ee;border-radius:12px;background:linear-gradient(135deg,#eef7ff,#f8fbff)}
.home-promo span{color:#52718a;font-size:12px;font-weight:700;letter-spacing:.06em}
.home-promo h2{margin:4px 0 6px;color:#173d5f;font-size:21px}
.home-promo p{margin:0;color:#587085;line-height:1.65}
.home-promo>a{flex:0 0 auto;padding:10px 18px;border-radius:9px;background:#1378c7;color:#fff;font-weight:700;white-space:nowrap}
@media(max-width:767px){
  .home-brand-hero{height:88px;margin-bottom:7px;padding:12px 18px}.home-brand-hero h1{font-size:22px}
  #bulletin_box{margin-bottom:4px!important;padding-top:7px!important;padding-bottom:7px!important}
  #search.s-search{margin-bottom:6px!important;padding-top:6px!important;padding-bottom:8px!important}
  .home-knowledge{gap:18px;margin-top:22px}.home-info-section{padding:20px}
  .home-guide-grid,.home-article-grid,.home-faq-grid{grid-template-columns:1fr}
  .home-promo{align-items:flex-start;flex-direction:column;padding:20px}.home-promo>a{width:100%;text-align:center}
}
@media screen and (min-width:768px) and (max-width:991px){
  .page-container{display:block;position:relative}
  .page-container .sidebar-menu,.page-container .main-content{display:block;width:100%;height:auto;position:absolute;top:60px}
  .page-container .sidebar-menu{position:fixed;z-index:999;top:0}
  .page-container .sidebar-menu .sidebar-menu-inner{position:relative}
  .page-container .sidebar-menu .sidebar-menu-inner .logo-env,.page-container .sidebar-menu .sidebar-menu-inner .main-menu{padding-left:20px;padding-right:20px}
  .page-container .sidebar-menu .sidebar-menu-inner .logo-env{margin-bottom:0;padding-top:10px;padding-bottom:10px}
  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle{display:block!important;float:right}
  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a{position:relative;display:inline-block;color:#979898;line-height:1;margin-left:20px}
  .page-container .sidebar-menu .sidebar-menu-inner .logo-env .mobile-menu-toggle a i{line-height:1;font-size:20px;position:relative;top:10px}
  .page-container .sidebar-menu .sidebar-menu-inner .main-menu{display:none}
  .page-container .sidebar-menu .sidebar-menu-inner .main-menu.mobile-is-visible{display:block}
  .page-container .main-content .navbar.user-info-navbar,.page-container .main-content .navbar.user-info-navbar.mobile-is-visible{display:none!important}
  .page-container .main-content .main-footer{position:relative;left:0;right:auto;margin-left:-15px;margin-right:-15px}
}