/* Compact hub layout on phones; preserve desktop brand presentation. */
@media (max-width: 600px) {
  .resource-hub {font-size:13px;height:100dvh;overflow:hidden}
  .resource-hub .hub-header {gap:8px;padding:10px 12px;flex-shrink:0}
  .resource-hub .hub-header h2 {font-size:17px;flex:1;margin:0}
  .resource-hub .hub-tabs {order:3;width:100%;gap:8px}
  .resource-hub .hub-tabs button {flex:1}
  .resource-hub button {padding:8px 10px;min-height:40px;font-size:13px}
  .resource-hub .hub-back {font-size:12px}
  .resource-hub .hub-layout {display:flex;flex-direction:column;overflow:hidden;min-width:0}
  .resource-hub .hub-filters {display:flex;flex-shrink:0;gap:6px;padding:8px 12px;overflow-x:auto}
  .resource-hub .hub-filters button {flex:0 0 auto;width:auto;white-space:nowrap;margin:0;min-height:40px}
  .resource-hub .hub-main {flex:1;min-height:0;min-width:0;padding:10px 12px;overflow:auto;overscroll-behavior:contain}
  .resource-hub .hub-search {padding:10px;font-size:16px}
  .resource-hub .hub-count {margin:10px 0;font-size:12px}
  .resource-hub .hub-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .resource-hub .hub-card {padding:12px;min-height:0;gap:8px;min-width:0;overflow-wrap:anywhere}
  .resource-hub .hub-card strong {font-size:14px;line-height:1.35}
  .resource-hub .hub-card small {font-size:12px;line-height:1.45}
  .resource-hub .hub-icon {width:40px;height:40px;min-height:40px;padding:6px;border-radius:8px}
  .resource-hub .hub-icon-pair {width:72px}
  .resource-hub .hub-card .hub-commerce-logo {height:64px;min-height:64px;width:100%;padding:0}
  .resource-hub .hub-card:has(.hub-commerce-logo) {min-height:0;gap:8px}
  .resource-hub .hub-card:has(.hub-commerce-logo)>strong {font-size:14px}
  .resource-hub .hub-tag {font-size:10px;line-height:1.4;padding:3px 5px}
  .resource-hub .hub-pricing {padding-top:7px;gap:4px;box-sizing:border-box}
  .resource-hub .hub-detail {flex:0 1 auto;min-height:0;max-height:42dvh;overflow:auto;padding:14px;border-left:0;border-top:1px solid #dce3ef;overscroll-behavior:contain}
  .resource-hub .hub-detail:not(:has(.hub-icon)) {display:none}
  .resource-hub .hub-detail h3 {font-size:18px;margin:8px 0}
  .resource-hub .hub-detail .hub-commerce-logo {width:150px;max-width:100%;height:80px;min-height:80px}
  .resource-hub .hub-detail input,.resource-hub .hub-detail select {font-size:16px}
  .resource-hub .hub-detail .hub-add {margin-top:12px;min-height:44px}
  .resource-hub .hub-footer {padding:7px 12px;padding-bottom:max(7px,env(safe-area-inset-bottom));font-size:11px;line-height:1.4;flex-shrink:0}
}
@media (max-width: 350px) {
  .resource-hub .hub-grid {grid-template-columns:minmax(0,1fr)}
}