/* LAST CALL mobile headers — compact, touch-friendly, never clipped. */
@media (max-width:800px){
  /* Landing: keep the wordmark centered and let the small utility links breathe. */
  .landing-nav{position:absolute;display:grid;grid-template-columns:34px 1fr auto;align-items:center;height:58px;padding:0 12px;gap:6px;overflow:hidden}
  .landing-brand{position:static;transform:none;justify-self:center;font-size:16px;letter-spacing:2.4px;white-space:nowrap}
  .landing-links{margin:0;justify-self:end;display:flex;align-items:center;gap:9px;max-width:190px;font-size:6.5px;letter-spacing:.65px;white-space:nowrap;overflow-x:auto;scrollbar-width:none}
  .landing-links::-webkit-scrollbar{display:none}
  .landing-links a{white-space:nowrap}
  .landing-links .search{font-size:15px;margin-left:1px}
  .hamburger{display:block;width:28px;line-height:1}

  /* Stories: two compact header rows. Nothing is cut off at the right edge. */
  .stories-nav{height:78px}
  .stories-nav-inner{height:100%;display:grid;grid-template-columns:auto 1fr;grid-template-rows:43px 35px;align-items:center;gap:0 9px;padding:0 9px;overflow:visible;white-space:nowrap}
  .stories-brand{grid-column:1;grid-row:1;justify-self:start;flex:0 0 auto;font-size:12px;letter-spacing:2.1px;white-space:nowrap}
  .actions{grid-column:2;grid-row:1;justify-self:end;display:flex;align-items:center;gap:3px;min-width:0;white-space:nowrap}
  .actions .btn{flex:0 0 auto;min-height:24px;padding:5px 6px;font-size:5px;white-space:nowrap}
  .navlinks{grid-column:1 / -1;grid-row:2;display:flex;align-items:center;gap:14px;margin:0;min-width:0;overflow-x:auto;overflow-y:hidden;padding:0 1px;scrollbar-width:none;-webkit-overflow-scrolling:touch;font-size:5.5px;white-space:nowrap}
  .navlinks::-webkit-scrollbar{display:none}
  .navlinks a{flex:0 0 auto;white-space:nowrap}
}
@media (max-width:380px){
  .landing-nav{grid-template-columns:30px 1fr auto;padding:0 9px;gap:4px}
  .landing-brand{font-size:14px;letter-spacing:1.8px}
  .landing-links{gap:6px;font-size:5.8px;max-width:155px}
  .landing-links .search{font-size:13px}

  .stories-nav{height:76px}
  .stories-nav-inner{grid-template-columns:auto 1fr;grid-template-rows:42px 34px;gap:0 7px;padding:0 7px}
  .stories-brand{font-size:10px;letter-spacing:1.8px}
  .actions{gap:2px}
  .actions .btn{min-height:23px;padding:4px 5px;font-size:4.6px}
  .navlinks{gap:11px;font-size:5px}
}