.home-shortcuts{display:none}
@media(max-width:760px){
  .page{width:100%;padding:20px 16px 40px}
  .header-inner{height:auto;min-height:100px;display:flex;flex-wrap:wrap;gap:0;padding:12px 16px 0}
  .header-inner>.brand{min-height:40px;flex:1 0 100%}
  .header-inner .brand-name{font-size:21px}
  .header-nav{width:100%;height:48px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
  .header-nav a{height:48px;justify-content:center;font-size:14px;padding:0 4px}
  .header-calendar-link{display:none}
  .hero{height:136px;min-height:136px;margin-bottom:12px;border-radius:10px}
  .hero-copy{padding:18px}.hero h1{font-size:23px;max-width:230px;line-height:1.25;margin:9px 0}
  .hero p{font-size:13px;max-width:235px;line-height:1.6}.hero .eyebrow{font-size:11px}
  .home-shortcuts{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:6px;margin-bottom:28px}
  .home-shortcuts a{display:flex;align-items:center;justify-content:center;min-height:44px;background:#1c2632;border:1px solid #354453;border-radius:8px;font-size:13px;font-weight:600;white-space:nowrap}
  #home-participate,#home-stock,#home-threads,#home-search{scroll-margin-top:16px}
  .participation-heading{align-items:center;gap:8px}.participation-heading h2{font-size:21px}
  .participation-heading a{font-size:12px;line-height:1.5;max-width:90px}
  .participation-help{font-size:13px;line-height:1.6;margin:8px 0 14px}
  .today-participation .opportunity-grid{display:flex;overflow-x:auto;gap:12px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#5987b5 #17222e}
  .today-participation .opportunity-card{flex:0 0 90%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always}
  .today-participation .opportunity-grid:focus-visible{outline:2px solid #66bfff;outline-offset:4px}
  .opportunity-card{padding:16px;border-radius:10px}.opportunity-card h3{font-size:18px;line-height:1.45;margin:9px 0}
  .participation-info{gap:6px}.participation-info p{font-size:14px;line-height:1.6}.participation-info small{font-size:12px}
  .participation-info .button{justify-self:stretch;margin:6px 0;min-height:46px;justify-content:center}
  .opportunity-links{gap:16px;font-size:13px}.opportunity-links a{min-height:44px}
  .stock-live{padding:16px;margin:24px 0 32px;border-radius:12px}
  .stock-heading{gap:8px;flex-direction:row;align-items:flex-start}.stock-heading>div{min-width:0}.stock-heading h2{font-size:20px;line-height:1.35}.stock-refresh{flex-shrink:0;max-width:116px}.stock-status-detail{font-size:10px}.stock-help{font-size:13px;line-height:1.6;margin:12px 0}
  .stock-live-list{display:flex;max-height:none;overflow-x:auto;overflow-y:hidden;gap:12px;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:2px 2px 12px;scrollbar-width:thin;scrollbar-color:#5987b5 #17222e}
  .stock-live-list>.stock-live-card{flex:0 0 92%;min-width:0;scroll-snap-align:start;scroll-snap-stop:always;grid-column:auto}
  .stock-live-list>.stock-empty{flex:1 0 100%}
  .stock-live-list:focus-visible{outline:2px solid #66bfff;outline-offset:4px}
  .stock-live-card{padding:14px}.stock-live-card h3{font-size:16px;margin:10px 0 6px;overflow-wrap:anywhere}
  .stock-card-top{font-size:12px;flex-wrap:wrap}.stock-card-bottom a{min-height:44px;display:flex;align-items:center}
  .stock-teaser-body{min-height:0}.stock-teaser-prompt{padding:12px 0;gap:10px}.stock-teaser-prompt strong{font-size:15px;line-height:1.5;text-align:center}
  .stock-teaser-prompt .stock-follow{font-size:14px;padding:12px 14px;line-height:1.5}.stock-teaser-prompt p{font-size:12px;line-height:1.5}
  :root .threads-live{margin:28px 0 32px}.threads-live-list{grid-template-columns:minmax(0,1fr)}
  .threads-live .results-heading h2{font-size:21px}.threads-feed-note{font-size:13px;line-height:1.6}
  .threads-more{width:100%;justify-content:center;min-height:46px}
  .workspace{display:block}.main-column{min-width:0}
  .search-form{min-height:52px;padding:4px 5px 4px 10px}.search-input{font-size:16px;min-width:0;width:100%}
  .button{min-height:44px;font-size:14px}.search-form .button{padding:8px 13px;flex-shrink:0}
  .format-tabs,.game-tabs{flex-wrap:nowrap;overflow-x:auto;max-width:100%;gap:6px;scrollbar-width:thin;padding-bottom:6px}
  .format-tab,.game-tab{flex-shrink:0;white-space:nowrap;font-size:13px;min-height:44px;padding:10px 12px}
  .mobile-filter-summary{font-size:12px}.filter-row select,.opportunity-filters input,.opportunity-filters select{font-size:16px;min-height:46px}
  .info-card{gap:12px;padding:20px 0}.info-card h3{font-size:18px;line-height:1.5}
  .card-summary{font-size:14px;line-height:1.65}.card-meta{font-size:12px;line-height:1.6;flex-wrap:wrap}.tags{font-size:12px;flex-wrap:wrap}
  .media-cover{width:72px}.media-cover.cover-short{width:64px}.card-content{min-width:0;overflow-wrap:anywhere}
  .sidebar{margin-top:28px}.side-panel h2{font-size:16px}.channel-link strong{font-size:14px}
  .footer-inner{padding-left:16px;padding-right:16px}.footer-column a,.footer-column button{min-height:44px;font-size:13px}
  .analytics-choice{bottom:max(8px,env(safe-area-inset-bottom));padding:16px;border-radius:12px;max-height:65dvh}
  .analytics-actions{gap:8px}.analytics-actions .button{flex:1;min-width:110px;justify-content:center}
  input,select,textarea{font-size:16px}
}
@media(max-width:360px){
  .page{padding-left:12px;padding-right:12px}.home-shortcuts a{font-size:12px}
  .hero h1{font-size:21px}.stock-live{padding:12px}.stock-card-bottom{gap:8px}
}
