/* Shared responsive layer: homepage, product pages, solutions and content pages. */
@media (max-width:800px){
  html,body{max-width:100%;overflow-x:hidden}
  img,video,canvas,svg{max-width:100%;height:auto}
  .unified-nav{height:auto!important;position:sticky!important;top:0}
  .unified-wrap{width:100%!important;min-height:62px;padding:0 16px!important;gap:12px!important;flex-wrap:wrap}
  .unified-brand{font-size:24px!important;flex:none}
  .unified-cta{margin-left:auto;padding:9px 11px!important;font-size:12px!important}
  .unified-links{order:3;display:flex!important;justify-content:flex-start!important;gap:0!important;flex:0 0 calc(100% + 32px)!important;width:calc(100% + 32px)!important;margin:0 -16px!important;padding:0 16px 10px!important;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .unified-links::-webkit-scrollbar{display:none}
  .unified-links>a,.unified-drop{height:38px!important;flex:none}
  .unified-links>a,.unified-drop>button{font-size:13px!important;padding:0 10px!important}
  .unified-drop{position:static!important}
  .unified-drop:hover .unified-panel,.unified-drop:focus-within .unified-panel{display:none!important}
  .unified-drop>button:focus + .unified-panel{display:grid!important;position:fixed!important;top:100px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100vh - 116px)!important;padding:14px!important;overflow:auto!important;z-index:80!important;border-radius:14px!important;grid-template-columns:1fr 1fr!important;box-shadow:0 22px 55px #0f1b332e!important}
  .unified-panel>section{padding:10px!important}
  .unified-panel>section>b{font-size:12px!important}
  .unified-panel section>a{padding:7px 4px!important;font-size:12px!important}
  .unified-panel small{font-size:10px!important}
  .unified-panel .panel-focus{grid-column:span 2}
  .section,.sd-section,.detail-main,.plugin-library{padding-top:54px!important;padding-bottom:54px!important}
  .section-head{gap:15px!important}
  .section-head h2{font-size:32px!important}
  .case-grid,.cases-grid,.feature-grid,.cards-grid{grid-template-columns:1fr!important}
}
@media (max-width:430px){
  .unified-brand small{font-size:6px!important}
  .unified-cta{font-size:11px!important}
  .unified-drop>button:focus + .unified-panel{grid-template-columns:1fr!important}
  .unified-panel .panel-focus{grid-column:auto}
  .hero-actions .button{width:100%}
}

.detail-qr-image{display:block;width:min(170px,100%);margin:0 auto;aspect-ratio:1;object-fit:contain;background:#fff}.banner-visual[style]{background-color:#eaf0ff}@media(max-width:800px){.detail-qr-image{max-width:145px}}

/* Additional mobile coverage for newer detail and content sections. */
@media(max-width:800px){
  .hero-banner-image{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;object-fit:contain!important;object-position:center!important}
  .hero:has(.hero-banner-image){min-height:0!important}
  .hero-carousel:has(.hero-banner-image){min-height:0!important}
  .banner-slide{padding:0!important;min-height:0!important}
  .banner-slide.active{display:block!important}
  .banner-slide .hero-copy{display:block!important;width:100%!important;padding-bottom:28px!important}
  .banner-slide .banner-visual{display:flex!important;width:100%!important}
  .hero-carousel{width:100%!important;max-width:100%!important;overflow:hidden!important}
  .banner-slide{width:100%!important;max-width:100%!important;min-width:0!important;overflow:hidden!important}
  .banner-slide>*{min-width:0!important;max-width:100%!important}
  .hero-copy{overflow-wrap:anywhere!important}
  .banner-visual{width:100%!important;max-width:100%!important;min-width:0!important;min-height:300px!important}
  .visual-window{width:calc(100% - 32px)!important;max-width:calc(100% - 32px)!important}
  .chain,.growth-orbits,.fast-cards,.alliance-nodes{max-width:calc(100% - 28px)!important;transform:scale(.82);transform-origin:top center}
  .unified-wrap{flex-wrap:wrap!important;align-content:center!important}
  .unified-links{flex-wrap:nowrap!important;white-space:nowrap!important;overflow-x:auto!important;overflow-y:hidden!important;scroll-snap-type:x proximity!important}
  .unified-links>a,.unified-links>.unified-drop{display:flex!important;align-items:center!important;height:42px!important;flex:0 0 auto!important;white-space:nowrap!important;line-height:1!important;box-sizing:border-box!important}
  .unified-links>a{scroll-snap-align:start}
  .unified-drop>button{display:flex!important;align-items:center!important;height:42px!important;white-space:nowrap!important;line-height:1!important}
  .unified-panel{white-space:normal!important}
  .unified-drop[data-open="1"] .unified-panel{display:grid!important;position:fixed!important;top:100px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100vh - 116px)!important;padding:14px!important;overflow:auto!important;z-index:80!important;border-radius:14px!important;grid-template-columns:1fr 1fr!important;box-shadow:0 22px 55px #0f1b332e!important}
  .sg-hero{min-height:0!important;padding:58px 22px!important}
  .sg-hero h1{font-size:40px!important;line-height:1.2!important;word-break:break-word}
  .sg-hero p{font-size:15px!important;line-height:1.8!important}
  .sg-wrap{width:calc(100% - 32px)!important;margin:0 auto!important}
  .sg-title h2{font-size:27px!important;line-height:1.3!important}
  .sg-rules{grid-template-columns:1fr!important;gap:12px!important}
  .sg-rules article,.sg-settings{padding:20px!important}
  .sg-flow li{grid-template-columns:1fr!important;gap:14px!important;padding:16px!important}
  .sg-flow li img{width:100%!important;max-height:220px!important}
  .sg-settings{grid-template-columns:1fr!important}
  .case-grid,.case-list,.news-grid,.article-grid,.solution-cards{grid-template-columns:1fr!important}
  table{display:block!important;width:100%!important;overflow-x:auto!important;white-space:nowrap}
  .content-wrap,.article-content,.news-detail,.case-detail{padding-left:16px!important;padding-right:16px!important}
  .detail-layout{grid-template-columns:1fr!important;gap:28px!important}
  .detail-main{width:calc(100% - 32px)!important;padding-top:48px!important}
  .plugin-header{padding:16px!important}
  .plugin-header nav{gap:9px!important}
  .plugin-header nav a{font-size:12px!important}
}
@media(max-width:480px){
  .sg-hero h1{font-size:34px!important}
  .sg-title span{font-size:10px!important}
  .sg-flow ol{padding-left:0!important}
  .plugin-search input{min-width:0!important;width:100%!important}
  .plugin-hot-links{gap:8px!important}
  .plugin-hot-links a{font-size:12px!important}
}