/* Shared touch layouts; desktop keeps the reference gallery and profile styles. */
@media (min-width:621px) and (max-width:1000px) {
  .home-job-search{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-job-search .primary-button{align-self:end;margin-top:0}
}
@media (max-width:620px) {
  .site-header .nav-pill,body[data-page="company"] .nav-pill{height:50px;border-radius:17px;padding:3px}
  .site-header .nav-pill a,body[data-page="company"] .nav-pill a{min-width:0;width:calc((100vw - 40px)/3);max-width:110px;min-height:44px;border-radius:13px}
  .primary-button,.secondary-button,.profile-button,.load-more{min-height:44px}
  .home-job-search{padding:0 16px;grid-template-columns:minmax(0,1fr);gap:16px}
  .home-job-search>label,.home-job-search>.primary-button{grid-column:1}
  .job-role-filters{grid-template-columns:minmax(0,1fr);gap:16px}
  .job-role-filters>label,.job-role-filters>.employment-control,.job-role-filters>label[for="jobs-location"],.job-role-filters>label[for="jobs-company"]{grid-column:1;grid-row:auto}
  .search-field{min-height:48px}
  .search-field input,.job-filters .search-field select{font-size:16px;min-height:46px}
  .home-job-search .search-field input::placeholder,.job-role-filters .search-field input::placeholder{font-size:13px}
  .job-filters label>span,.employment-control>span{font-size:13px;color:#60646c}
  .employment-quick-filters{gap:8px}
  .employment-quick-filters button,.employment-control .employment-quick-filters button{min-height:44px;font-size:13px;flex:1;padding:10px}
  .career-row{padding:16px;align-items:flex-start}
  .job-company-link{min-height:64px;padding:16px}
  .job-company-link h2,.job-row strong{font-size:14px;line-height:1.5}
  .job-row p,.career-row p{font-size:12px;line-height:1.6;white-space:normal;overflow-wrap:anywhere}
  .job-company-group .job-row{padding-left:16px}
  .job-company-group .row-end{align-self:center}
  .job-company-more summary{min-height:48px;padding-left:16px;font-size:13px}
  .bookmark,.profile-masthead .bookmark{width:44px;height:44px;opacity:1;transform:none}
  .company-card .description,.company-card .meta{white-space:normal;overflow-wrap:anywhere}
  .company-card .meta{color:#737983;font-size:12px;line-height:1.6}
  .results-bar{align-items:center;font-size:12px}
  .results-bar .text-button,.filter-actions .text-button{min-height:44px;padding:10px 4px}
  .load-more{width:100%;max-width:360px}
  .filter-trigger{bottom:calc(16px + env(safe-area-inset-bottom,0px));min-height:48px}
  .toast{width:max-content;max-width:calc(100vw - 32px);text-align:center;bottom:calc(80px + env(safe-area-inset-bottom,0px))}
  .filter-dialog{max-height:calc(100dvh - 24px)}
  .dialog-top{padding:12px 16px}
  .dialog-top h2{font-size:17px}
  .icon-button{width:44px;height:44px;flex-shrink:0}
  .filter-body{padding:20px 16px;max-height:calc(100dvh - 190px - env(safe-area-inset-bottom,0px))}
  .filter-option{min-height:44px;display:flex;align-items:center;font-size:13px}
  .sort-options{flex-wrap:wrap;gap:4px 16px}
  .sort-options label{min-height:44px}
  .filter-actions{padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));gap:12px}
  .profile-button{height:auto}
  .profile-facts{line-height:1.6}
  .profile-fact{min-width:0;max-width:100%;overflow-wrap:anywhere}
  .profile-fact>span,.profile-fact>a{max-width:100%;flex-wrap:wrap}
  .profile-backing{white-space:normal;flex-wrap:wrap}
  .profile-investors{flex-wrap:wrap;gap:4px}
  .profile-investors>a{min-width:32px;min-height:32px;margin:0}
  .profile-investors>a.profile-investor-name{min-height:32px}
  .profile-funding-news{align-items:flex-start;padding:12px;line-height:1.6}
  .profile-job-link{gap:12px;padding:16px 12px}
  .investor-card{display:flex;align-items:center;gap:12px;padding:16px}
  .investor-card .investor-avatar{margin:0}
  .investor-card h2{font-size:14px;overflow-wrap:anywhere}
  .investor-card p{font-size:12px}
  .breadcrumbs{line-height:1.6;gap:4px 9px}
  .breadcrumbs a{min-height:32px;display:inline-flex;align-items:center}
  .category-hero .breadcrumbs{font-size:12px}
  .taxonomy-index h2{overflow-wrap:anywhere}
  .about-content{padding:0 16px;font-size:15px;line-height:1.8}
  .empty-state{padding:16px 0;min-height:260px}
  .empty-state h2{font-size:21px;line-height:1.4}
  .empty-state p{font-size:14px}
  .browse-link-group a{min-height:32px;line-height:1.5;display:flex;align-items:center;overflow-wrap:anywhere}
  .footer-vcs li{align-items:center}
  .site-footer{flex-direction:column;gap:20px;padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))}
  .site-footer>div{text-align:left}
  .site-footer>div>a{display:inline-flex;align-items:center;min-height:44px;font-size:12px}
  .footer-brand span{max-width:none}
}
@media (max-width:480px) {
  .investor-grid{grid-template-columns:minmax(0,1fr)}
  .taxonomy-index{grid-template-columns:minmax(0,1fr)}
  .taxonomy-index>a{display:grid;grid-template-columns:28px minmax(0,1fr);column-gap:16px;padding:18px;align-items:center}
  .taxonomy-index svg{grid-row:1/3}
  .taxonomy-index h2{margin:0 0 4px;font-size:17px}
  .taxonomy-index p{font-size:12px;line-height:1.5}
}