html{scroll-padding-top:16px;-webkit-text-size-adjust:100%;text-size-adjust:100%}
body{overflow-wrap:break-word}
img,svg,video{max-width:100%}
main,section,article,form,fieldset,.panel,.brand>div,.hero>div,.table-scroll,.table-wrap{min-width:0}
fieldset{max-width:100%}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #26734d;outline-offset:3px}
.table-scroll,.table-wrap{max-width:100%;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch}
.mobile-scroll-hint{font-size:12px;color:#526174;margin:8px 0;line-height:1.5}
.mobile-scroll-hint[hidden]{display:none}
dialog{max-width:calc(100vw - 24px);max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain}
@media(max-width:1024px){
  .topbar{flex-wrap:wrap;gap:16px}
  .archive-controls,.account-actions,.table-actions{flex-wrap:wrap;gap:10px}
  .hero{gap:24px}
  .hero>div,.home-round-preview{min-width:0}
  .settings-plan{grid-template-columns:minmax(0,2fr) minmax(0,1fr) minmax(0,1fr);align-items:end}
  .settings-plan>*{min-width:0}
  .filters{grid-template-columns:repeat(2,minmax(0,1fr))}
  .compare-form fieldset{min-width:0;flex-wrap:wrap}
  .lab-grid,.research-grid{grid-template-columns:minmax(0,1fr)}
}
@media(max-width:760px){
  body{font-size:15px}
  .shell,.account-shell{width:calc(100% - 24px);max-width:100%;margin-left:auto;margin-right:auto}
  .profile-shell{padding:12px 0}
  body>nav,nav[aria-label="Main navigation"]{width:calc(100% - 24px);height:auto;min-height:72px;flex-wrap:wrap;gap:14px;padding:14px 0}
  .navlinks{display:flex;width:100%;flex-wrap:wrap;gap:8px;font-size:14px}
  .navlinks>a{display:inline-flex!important;align-items:center;min-height:44px;padding:8px 10px}
  .logo{max-width:100%;font-size:12px;letter-spacing:.035em}
  .topbar{align-items:flex-start;gap:16px;padding-bottom:20px}
  .brand{min-width:0;gap:10px}.brand-mark{flex-shrink:0}
  .brand h1{font-size:20px;line-height:1.25}
  .archive-controls,.account-actions{width:100%;display:flex;flex-wrap:wrap;align-items:center;gap:8px}
  .live-pill{flex:1 1 170px;max-width:100%}
  button,.primary,.secondary,.cta,.outline,.load-more,.text-button,summary{min-height:44px;touch-action:manipulation}
  a.primary,a.secondary,a.cta{display:inline-flex;align-items:center;justify-content:center;text-align:center}
  input:not([type=checkbox]):not([type=radio]),select,textarea{font-size:16px!important;min-height:44px;max-width:100%;min-width:0;box-sizing:border-box}
  input[type=checkbox],input[type=radio]{width:20px;height:20px;flex-shrink:0}
  label{line-height:1.5}
  .hero{width:100%;grid-template-columns:minmax(0,1fr);min-height:0;margin:20px auto;padding:24px 16px;gap:24px}
  main>.hero{width:calc(100% - 24px)}
  .shell>.hero{width:100%}
  .hero h1{font-size:clamp(34px,9vw,54px);line-height:1.08;letter-spacing:-.045em}
  .hero h2{font-size:clamp(28px,7vw,40px);line-height:1.12}
  .hero-copy>p,.hero p.hero-copy{font-size:15px;line-height:1.75}
  .hero-copy>small{display:block;font-size:12px}
  .actions{flex-wrap:wrap;gap:10px}.actions>a{flex:0 1 auto;width:100%}
  .home-round-preview{width:100%;padding:18px}.home-round-preview>strong{font-size:44px}
  .latest-orbit{width:150px;min-width:150px;margin:22px auto 0}
  .section-heading,.history-head{flex-wrap:wrap;align-items:flex-start;gap:12px}
  .section-heading h3,.history-head h2{line-height:1.35}
  .section-heading>div{min-width:0;max-width:100%}
  .section-info{min-width:44px!important;min-height:44px!important;font-size:15px}
  .metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .metrics article{padding:14px;min-width:0}.metrics strong{font-size:23px;overflow-wrap:anywhere}
  .panel,.gap-panel,.compare-panel,.lab-panel,.filters-panel,.table-panel,.chart-panel,.distribution-panel,.access-settings{padding:16px}
  .filters{grid-template-columns:minmax(0,1fr)}
  .gap-toolbar,.lab-controls,.compare-form{gap:12px}
  .gap-toolbar label,.lab-controls label,.compare-form>label{width:100%;min-width:0}
  .gap-toolbar select,.lab-controls select,.compare-form select{width:100%;min-width:0}
  .compare-form fieldset{width:100%;display:grid;grid-template-columns:minmax(0,1fr);padding:12px}
  .compare-form fieldset label{min-width:0}
  .quick-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}
  .insights-grid,.compare-summary,.lab-grid,.research-grid,.profile-grid,.payment-grid,.account-head{grid-template-columns:minmax(0,1fr)}
  .gap-table{min-width:0}.gap-table td{overflow-wrap:anywhere}
  .gap-detail{min-width:0;max-width:100%}
  .table-actions{width:100%;flex-direction:row;align-items:center;justify-content:space-between}
  .table-scroll table:not(.gap-table),.table-wrap table{font-size:13px}
  .table-scroll th,.table-scroll td,.table-wrap th,.table-wrap td{padding:12px 10px}
  .recent-strip-heading{flex-wrap:wrap;gap:10px}.recent-strip-heading>span{flex-basis:100%}
  .recent-strip-rounds,.home-round-preview ol{max-width:100%;overscroll-behavior-x:contain}
  .archive-start{width:100%;height:auto;display:grid;grid-template-columns:minmax(0,1fr)}
  .archive-view-options{flex-wrap:wrap;gap:12px}.archive-view-options button{white-space:normal}
  .control-hero{display:block;padding:22px 16px}.control-hero .radar{display:none}
  .admin-stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.admin-stats article{min-width:0;padding:14px}
  .switcher{display:flex;flex-wrap:wrap;gap:8px}.switcher button{flex:1 1 120px;white-space:normal}
  .settings-fields,.settings-plan{grid-template-columns:minmax(0,1fr)}
  .settings-wide,.settings-plan label:first-child{grid-column:auto}
  .settings-plan{padding:12px;gap:12px}.settings-check{min-height:44px}
  .settings-save button{width:100%}
  .dialog-actions{display:flex;flex-wrap:wrap;gap:10px}.dialog-actions button{flex:1 1 170px}
  dialog{width:calc(100% - 24px);padding:18px;border-radius:14px}
  .auth-shell{padding:24px 0}.auth-card{padding:10px 20px 24px}.auth-card h1{font-size:28px}
  .account-shell{margin-top:24px}.account-head{gap:20px}.account-head h1{font-size:36px}
  .pay-card,.verify-card,.history{padding:18px}.pay-details{grid-template-columns:minmax(0,1fr)}
  .pay-details strong{overflow-wrap:anywhere}.qr-shell{height:auto;min-height:245px;padding:12px}
  .qr-shell img{width:min(245px,100%);height:auto;aspect-ratio:1}
  .cards,.plans,.price-grid{grid-template-columns:minmax(0,1fr)}
  .features,.pricing,.steps,.final,.seo-section{width:calc(100% - 24px);margin:48px auto}
  .features .cards{gap:14px}.cards article,.price-grid article{padding:22px}
  .section-title h2,.final h2{font-size:30px;line-height:1.2}
  .steps{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}.steps ol{padding:0}
  .guide-article{padding:0 16px;margin:32px auto}.guide-links{flex-direction:column;align-items:flex-start}
  footer{display:flex;flex-wrap:wrap;gap:16px;line-height:1.7;padding:24px 12px}
  footer>*{max-width:100%}
}
@media(max-width:360px){.metrics,.admin-stats{grid-template-columns:minmax(0,1fr)}.auth-card{padding-left:16px;padding-right:16px}.brand h1{font-size:18px}}