/* Mobile Responsive v5.0 - appended to main.css */
/* Breakpoints: 1024 | 900 | 768 | 640 | 480 | 380 */

/* 1024px Tablet landscape */
@media(max-width:1024px){
.at500-topbar__tagline{display:none}
.at500-widgets{grid-template-columns:repeat(3,1fr)!important}
.at500-footer__top{grid-template-columns:1fr 1fr 1fr;gap:28px}
}

/* 900px Tablet */
@media(max-width:900px){
.at500-topbar__search{max-width:200px}
.at500-nav__links a{padding:0 10px;font-size:12.5px}
.at500-lb__row{grid-template-columns:36px 32px 1fr 90px 60px 80px!important}
}

/* 768px Tablet portrait */
@media(max-width:768px){
.at500-topbar__inner{padding:0 16px;gap:12px;height:58px}
.at500-topbar__search{display:none}
.at500-topbar__actions .at500-btn--outline{display:none}
.at500-topbar__name{font-size:13.5px}
.at500-topbar__tagline{display:none}
.at500-nav__inner{padding:0 16px;height:44px}
.at500-nav__links{display:none}
.at500-nav__ctas{display:none}
.at500-nav__hamburger{display:flex!important;flex-direction:column;justify-content:center;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:10px;margin-left:auto;width:44px;height:44px;flex-shrink:0}
.at500-nav__hamburger span{display:block;width:20px;height:1.5px;background:var(--ink-3);border-radius:2px;transition:all 0.2s ease;transform-origin:center}
.at500-nav__hamburger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}
.at500-nav__hamburger.open span:nth-child(2){opacity:0;transform:scaleX(0)}
.at500-nav__hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}
.at500-nav__links--open{
  display:flex!important;flex-direction:column;
  position:absolute;top:44px;left:0;right:0;
  background:var(--white);border-bottom:1px solid var(--border);
  box-shadow:var(--shadow-lg);z-index:9998;
  padding:8px 0 0;height:auto;max-height:calc(100vh - 44px);overflow-y:auto;
}
.at500-nav__links--open a{
  height:auto;padding:14px 20px;font-size:15px;font-weight:600;
  color:var(--ink-2);border-bottom:1px solid var(--border);
  border-left:3px solid transparent;
  display:flex;align-items:center;gap:12px;
  text-align:left;transition:background var(--t-fast);
}
.at500-nav__links--open a::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--border-strong);flex-shrink:0;
}
.at500-nav__links--open a.active{
  border-left-color:var(--accent);background:var(--accent-light);
  color:var(--accent-dark);
}
.at500-nav__links--open a.active::before{background:var(--accent)}
.at500-nav__links--open a:active{background:var(--surface)}
.at500-nav__links--open .at500-nav__mobile-actions{
  display:flex;gap:10px;padding:16px 20px 20px;
}
.at500-nav__links--open .at500-nav__mobile-actions .at500-btn{
  flex:1;justify-content:center;height:44px;font-size:14px;font-weight:700;border-radius:8px;
}
.at500-nav__links--open .at500-nav__mobile-actions .at500-btn--primary{
  background:var(--accent);color:#fff;border-color:var(--accent);
}
.at500-nav__links--open .at500-nav__mobile-actions .at500-btn--ghost{
  background:var(--white);color:var(--ink-2);border:1.5px solid var(--border-strong);
}
/* Dim page behind open drawer */
.at500-nav__links--open::after{content:none}
body:has(.at500-nav__links--open){overflow:hidden}
.at500-widgets{grid-template-columns:1fr 1fr!important}
.at500-home{padding:16px 16px 48px!important}
.at500-standings__head{flex-direction:column;align-items:flex-start;gap:6px}
.at500-standings-grid{grid-template-columns:1fr 1fr}
.at500-lb__row{grid-template-columns:36px 30px 1fr 90px 56px!important}
.at500-lb__action{display:none!important}
.at500-lb__head{flex-wrap:wrap;gap:6px;padding:10px 12px!important}
.at500-hero{padding:32px 16px 28px}
.at500-body{padding:20px 16px 48px}
.at500-hero__title{font-size:clamp(22px,6vw,36px)}
.at500-cat-grid{grid-template-columns:1fr;gap:16px}
.at500-footer{padding:36px 16px 24px}
.at500-footer__top{grid-template-columns:1fr 1fr;gap:24px}
.at500-footer__brand{grid-column:1 / -1}
.at500-breadcrumb{padding:0 16px}
.at500-table thead th:nth-child(5),.at500-table td:nth-child(5){display:none}
}

/* 640px Large phone */
@media(max-width:640px){
.at500-topbar__logo-box{width:34px;height:34px}
.at500-topbar__logo-box .l-num{font-size:14px}
.at500-widgets{grid-template-columns:1fr!important}
.at500-standings-grid{grid-template-columns:1fr!important}
.at500-standings__title{font-size:17px}
.at500-lb__row{grid-template-columns:32px 28px 1fr 80px!important}
.at500-lb__bar-track{display:none}
.at500-lb__change{display:none!important}
.at500-lb__count{display:none}
.at500-hero__title{font-size:clamp(20px,7vw,32px)}
.at500-hero__sub{font-size:14px}
.at500-hero{padding:28px 16px 24px}
.at500-home{padding:12px 12px 40px!important}
.at500-body{padding:16px 12px 40px}
.at500-table thead th:nth-child(4),.at500-table td:nth-child(4){display:none}
.at500-score-track{width:36px}
.at500-footer__top{grid-template-columns:1fr;gap:20px}
.at500-footer__bottom{flex-direction:column;text-align:center;gap:8px}
.at500-footer__links{justify-content:center}
.at500-cat-card__top{padding:14px 16px 12px}
.at500-cat-card__row{padding:9px 16px}
.at500-cat-card__foot{padding:10px 16px}
.at500-getlisted{padding:24px 20px;flex-direction:column;text-align:center}
.at500-getlisted .at500-btn--primary{width:100%;justify-content:center}
}

/* 480px Small phone */
@media(max-width:480px){
.at500-topbar__inner{height:54px;padding:0 12px}
.at500-topbar__name{font-size:12.5px}
.at500-topbar__logo-box{width:30px;height:30px}
.at500-topbar__logo-box .l-num{font-size:12px}
.at500-topbar__logo-box .l-ai,.at500-topbar__logo-box .l-tools{font-size:5px}
.at500-announce{font-size:11px;padding:7px 12px}
.at500-lb__row{grid-template-columns:28px 26px 1fr 68px!important}
.at500-lb__rank{font-size:11.5px}
.at500-lb__name{font-size:12.5px;padding:8px 6px}
.at500-lb__score{font-size:12px}
.at500-wrow{padding:8px 12px!important;gap:8px!important}
.at500-widget__head{padding:10px 12px 8px}
}

/* 380px Very small phones (iPhone SE) */
@media(max-width:380px){
.at500-topbar__logo-box{display:none}
.at500-topbar__inner{gap:8px}
.at500-nav__inner{padding:0 12px}
.at500-hero__title{font-size:20px}
.at500-lb__row{grid-template-columns:24px 24px 1fr 58px!important}
}

/* Touch devices - always show action buttons */
@media(hover:none){
.at500-lb__recognize{opacity:1!important}
.at500-profile-btn{opacity:1!important}
.at500-lb__row:hover{background:var(--white)!important}
.at500-lb__row:active{background:var(--accent-light)!important}
.at500-table tbody tr:hover{background:var(--white)!important}
.at500-table tbody tr:active{background:var(--accent-light)!important}
.at500-wrow:hover{background:var(--white)!important}
.at500-wrow:active{background:var(--surface)!important}
}
/* Blog post layout - stack on mobile */
@media(max-width:960px){
.at500-post-grid{grid-template-columns:1fr!important;padding:20px 16px 48px!important;gap:24px!important}
.at500-post-sidebar{position:static!important;top:auto!important}
}
@media(max-width:640px){
.at500-post-grid{padding:16px 12px 40px!important;gap:20px!important}
}
@media(max-width:960px){.at500-post-body{grid-template-columns:1fr!important;padding:24px 16px 48px!important}.at500-post-body aside{position:static!important;order:2}.at500-post-body main{order:1}}
@media(max-width:640px){.at500-post-body{padding:16px 12px 40px!important}}
/* Responsive grid utility overrides */
@media(max-width:960px){
.at500-2col-340,.at500-2col-300{grid-template-columns:1fr!important;gap:24px!important}
.at500-vs-grid{grid-template-columns:1fr!important}
}
@media(max-width:768px){
.at500-grid-2{grid-template-columns:1fr!important;gap:16px!important}
.at500-grid-4{grid-template-columns:1fr 1fr!important;gap:12px!important}
}
@media(max-width:480px){
.at500-grid-4{grid-template-columns:1fr!important}
}
@media(max-width:900px){.at500-blog-grid-3{grid-template-columns:1fr 1fr!important;gap:24px 16px!important}}
@media(max-width:600px){.at500-blog-grid-3{grid-template-columns:1fr!important}}
/* Explainer hero mobile tuning */
@media(max-width:768px){
.at500-explainer{padding:28px 16px 24px}
.at500-explainer__title{font-size:22px;line-height:1.25}
.at500-explainer__sub{font-size:13.5px}
.at500-explainer__stats{gap:20px}
.at500-explainer__stat strong{font-size:19px}
}
@media(max-width:480px){
.at500-explainer__stats{gap:16px}
.at500-explainer__stat strong{font-size:17px}
.at500-explainer__stat span{font-size:10.5px}
}
/* Trending widget score visibility on mobile */
@media(max-width:480px){
.at500-wrow__score{font-size:12px}
.at500-wrow__up,.at500-wrow__down{font-size:11px;min-width:32px;text-align:right}
}
/* Standings + findtool box refinement at smallest breakpoints */
@media(max-width:480px){
.at500-standings-subbox{padding:14px!important}
.at500-standings-catgroup__label{font-size:14px!important;gap:6px!important}
.at500-standings-subbox__pname{font-size:13px!important}
.at500-standings-subbox__pscore{font-size:13px!important;min-width:28px!important}
}
@media(max-width:380px){
.at500-standings-subbox{padding:12px!important}
.at500-standings-subbox__row{gap:7px!important}
}