/* Shared mobile rules. Scoped specificity also wins over legacy page themes. */
html{scroll-padding-top:88px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
img,video,canvas,iframe{max-width:100%}
main,section,article,fieldset,form{min-width:0}fieldset{min-inline-size:0}
html body [hidden],.jf-premium-grid>.jf-premium-card[hidden],.jf-premium-card [data-premium-recommended][hidden]{display:none!important}
.table-wrap,.compare-table-wrap{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;-webkit-overflow-scrolling:touch}
.table-wrap:focus-visible,.compare-table-wrap:focus-visible{outline:2px solid #4ade80;outline-offset:3px}
.mobile-table-hint{display:block;margin:8px 16px;color:#b7c6d8;font-size:12px}
@media(min-width:1101px){.site-header .nav-toggle{display:none!important}.site-nav-backdrop{display:none!important}}
@media(max-width:1100px){
 body .site-header{position:sticky;top:0;z-index:100;background:#080f18!important}
 body .site-header .header-inner{min-height:64px;gap:12px;position:static}
 body .site-header .brand{flex:none;gap:8px}body .site-header .brand-home-name{white-space:nowrap;font-size:21px!important}
 body .site-header .header-status-pill{display:none!important}
 body .site-header .nav-toggle{display:grid!important;place-items:center;width:46px;height:46px;margin-left:auto;flex:none;border:1px solid #385146;background:#10221b;color:#dcfce7;border-radius:10px}
 body .site-header .nav-toggle-bar,body .site-header .nav-toggle-bar:before,body .site-header .nav-toggle-bar:after{background:#dcfce7!important}
 body .site-header .main-nav{display:none!important;position:absolute;inset:100% 0 auto;flex-direction:column;align-items:stretch;gap:4px!important;padding:12px 16px 20px;max-height:calc(100vh - 64px);max-height:calc(100dvh - 64px);overflow-y:auto;overscroll-behavior:contain;background:#0b1622!important;border-bottom:1px solid #385146;box-shadow:0 18px 30px #0006;z-index:101}
 body .site-header .main-nav.is-open{display:flex!important}
 body .site-header .main-nav .nav-link{display:flex;align-items:center;min-height:46px;width:100%;margin:0;padding:12px 16px!important;white-space:normal;color:#e2e8f0!important;font-size:15px!important}
 body .site-header .main-nav .nav-link--cta{justify-content:center;margin-top:8px;color:#042010!important}
 .site-nav-backdrop{display:none;position:fixed;inset:64px 0 0;z-index:90;background:#0009;border:0}
 .site-menu-open .site-nav-backdrop{display:block}.site-menu-open{overflow:hidden}
 body.home-page .home-hero-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
 body .server-hero-grid,body .domain-hero-grid,body .domain-search-intro,body .company-hero-grid,body .company-origin-grid,body .company-disclosure-grid,body .contact-layout-grid{grid-template-columns:minmax(0,1fr)!important;gap:28px!important}
}
@media(max-width:767px){
 html{scroll-padding-top:80px}body{background-attachment:scroll!important}
 body .container{width:calc(100% - 32px);max-width:100%;min-width:0}
 body .site-header .container{width:100%;padding-inline:16px}
 body .home-hero,body .server-hero,body .page-hero{padding-block:32px!important}
 body.home-page .home-hero h1{font-size:clamp(30px,8.2vw,42px)!important;line-height:1.13!important;letter-spacing:-1px!important}
 body .home-status-badge{max-width:100%;font-size:10px;white-space:normal;line-height:1.6}
 body h1,body h2,body h3,body summary,body dd{overflow-wrap:anywhere}
 body .section,body .home-pricing,body .jf-premium-benefits,body .jf-premium-faq{padding-block:40px!important}
 body .hero-node-card,body .home-hero-copy{min-width:0;width:100%}
 body .node-card-header,body .node-server-meta,body .node-ping-strip,body .hero-telemetry-strip{flex-wrap:wrap;gap:10px}
 body .node-card-header,body .node-card-body{padding:16px}
 body .node-title-badge{white-space:normal;overflow-wrap:anywhere;min-width:0;flex:1}
 body .node-server-name{min-width:0}body .node-server-name h3{font-size:17px!important;flex-wrap:wrap}
 body .node-metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
 body .metric-box{min-width:0;padding:12px}body .metric-box-label{flex-wrap:wrap;gap:5px;font-size:10px}body .metric-box-value{font-size:12px;overflow-wrap:anywhere}
 body .node-terminal-logs{font-size:10px;overflow-wrap:anywhere}body .log-line{white-space:normal}
 body .hero-telemetry-strip{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
 body .home-hero-actions,body .server-hero-actions{display:flex;flex-direction:column;align-items:stretch}
 body .home-hero-actions>a,body .server-hero-actions>a{justify-content:center;width:100%;min-height:46px;white-space:normal}
 body .jf-domain-search [data-home-domain-search]{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:12px!important;padding:14px!important}
 body .jf-domain-search .domain-input-box{min-width:0}
 body .jf-domain-search [data-home-domain-search] input,body .jf-domain-search [data-home-domain-search] select,body .jf-domain-search [data-home-domain-search] button{width:100%!important;max-width:100%;min-width:0!important;min-height:46px;box-sizing:border-box}
 body .domain-search-wrapper,body .domain-search-wrap{padding:20px!important;min-width:0}
 body .jf-domain-search .jf-domain-result{padding:16px;min-width:0}
 body .jf-domain-search .jf-domain-result .jf-domain-register-form{display:flex!important;flex-direction:column;align-items:stretch}
 body .jf-domain-register-form>label,body .jf-domain-register-form>button{width:100%;min-width:0}
 body .jf-domain-result-prices{grid-template-columns:minmax(0,1fr)}
 body .jf-premium-selectors{grid-template-columns:minmax(0,1fr)!important;gap:20px!important;padding:16px!important}
 body .jf-cycle-picker>div,body .jf-region-picker>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
 body .jf-premium-selectors button{min-width:0;min-height:64px!important;padding:12px 8px!important}
 body .jf-premium-grid,body .jf-catalog-grid,body .plans-grid,body .bento-grid,body .gaming-solutions-grid,body .network-showcase-grid,body .jf-contact-grid,body .server-faq-grid,body .server-choice-grid,body .domain-audience-grid,body .domain-process-grid,body .jf-premium-benefit-grid,body .footer-grid{grid-template-columns:minmax(0,1fr)!important}
 body .jf-premium-card{padding:20px!important;min-width:0}body .jf-premium-card dl>div{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
 body .jf-premium-card [data-premium-purchase]{grid-template-columns:minmax(0,1fr)!important;gap:12px!important}
 body .jf-premium-card [data-premium-purchase]>.jf-premium-system{font-size:13px!important}
 body .jf-premium-card [data-premium-purchase] select{min-height:46px;font-size:16px!important}
 body .jf-premium-card .jf-premium-cta{min-height:48px;font-size:14px!important}
 body .jf-premium-scope summary{min-height:44px;display:flex;align-items:center;font-size:13px}
 body .jf-premium-card .jf-premium-scope-body p{font-size:13px;line-height:1.7}
 body .section-header,body .home-section-head{flex-direction:column;align-items:flex-start;gap:16px}
 body .contact-form,body .contact-info-card,body .jf-contact-form{padding:20px!important;min-width:0}
 body .footer-bottom{flex-direction:column;gap:16px;align-items:flex-start}
 body .btn,body .btn-primary-glow,body .btn-glass{min-height:44px;max-width:100%;white-space:normal;text-align:center}
 body input:not([type=hidden]):not([type=checkbox]):not([type=radio]),body select,body textarea{font-size:16px!important;max-width:100%;min-width:0;box-sizing:border-box}
 body input:not([type=hidden]):not([type=checkbox]):not([type=radio]),body select{min-height:46px}
 body button,body summary,body label{touch-action:manipulation}
 body pre{max-width:100%;overflow:auto;white-space:pre-wrap;overflow-wrap:anywhere}
 body .jf-payment-panel{padding:20px;min-width:0}body .jf-payment-actions{flex-direction:column}body .jf-payment-actions>.btn,body .jf-payment-panel form,body .jf-payment-panel form>.btn{width:100%}
 body .jf-checkout-steps{gap:10px;font-size:12px}
 body.auth-body{padding:88px 16px 24px;min-height:100vh;min-height:100dvh;box-sizing:border-box;align-items:center;justify-content:flex-start;gap:18px}
 body.auth-body .auth-card{width:100%;max-width:440px;min-width:0;padding:24px 20px;box-sizing:border-box;margin:0}
 body.auth-body .auth-logo{left:16px;top:18px}body.auth-body .auth-monitor{top:28px;right:16px;font-size:10px;max-width:42%;text-align:right}
 body.auth-body .auth-back{position:static;margin:0}body.auth-body .auth-form .btn{min-height:48px;gap:10px;line-height:1.5}
 body .portal-app .portal-content{padding:16px;min-width:0}
 body .portal-app .portal-topbar{padding:10px 12px;gap:8px}body .portal-app .topbar-actions{gap:8px}
 body .portal-app .account-link .avatar{width:38px;height:38px}body .portal-app .logout{min-width:44px;min-height:44px;font-size:12px!important;padding:8px!important}body .portal-app .logout:first-letter{font-size:inherit}
 body .portal-app .breadcrumbs strong{max-width:36vw;font-size:12px}
 body .portal-app .admin-form,body .portal-app .compact-form,body .portal-app .panel-heading{padding:16px!important}
 body .portal-app .form-grid,body .portal-app .portal-grid,body .portal-app .content-grid,body .portal-app .pricing-navigation,body .portal-app .pricing-summary,body .portal-app .pricing-price-strip{grid-template-columns:minmax(0,1fr)!important}
 body .portal-app .panel-card{max-width:100%;min-width:0}body .portal-app .panel-heading,body .portal-app .welcome-row,body .portal-app .pricing-product-summary{flex-wrap:wrap;gap:14px}
 body .portal-app .portal-shortcuts,body .portal-app .inline-form,body .portal-app .pricing-tools{flex-wrap:wrap;gap:10px;min-width:0}
 body .portal-app .portal-shortcuts>.btn{flex:1 1 180px}
 body .portal-app .admin-form .btn{justify-self:stretch}
 body .portal-app .portal-table{min-width:650px}body .portal-app .portal-table .inline-form{min-width:180px}
 body .portal-app .portal-table input,body .portal-app .portal-table select{max-width:240px}
 body .portal-app .home-content-group{grid-template-columns:minmax(0,1fr);padding:16px}
 body .status-header,body .status-footer,body .status-section-heading,body .status-banner{flex-wrap:wrap;gap:14px}
}
@media(max-width:359px){body .node-metrics-grid,body .hero-telemetry-strip{grid-template-columns:minmax(0,1fr)}body .node-live-status{width:100%}body.auth-body .auth-monitor{top:62px;right:16px}body.auth-body{padding-top:98px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
