/* phone.css | c2b8 | 2026-11-09 MTN | v1.1 | phone-only layout: swipe rows + bottom bar (Steve "my thumb will drop off"); desktop untouched */
.phone-bar{display:none}
@media (max-width:700px){
  /* long stacks become swipe rows */
  .neighborhood-grid,.suburb-grid,#community-stories,#community-comparison-results{
    display:flex!important;flex-wrap:nowrap!important;overflow-x:auto;gap:12px;
    scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;
    margin-inline:-16px;padding:4px 16px 12px;scrollbar-width:none;grid-template-columns:none!important}
  .neighborhood-grid::-webkit-scrollbar,.suburb-grid::-webkit-scrollbar,#community-stories::-webkit-scrollbar,#community-comparison-results::-webkit-scrollbar{display:none}
  .neighborhood-grid>*,.suburb-grid>*,#community-stories>*,#community-comparison-results>*{
    flex:0 0 82%!important;max-width:82%;scroll-snap-align:start;margin:0!important}
  #community-stories>article{max-height:none}
  .neighborhood-grid>*,.suburb-grid>*,#community-stories>*{opacity:1!important;transform:none!important}
  /* pinned thumb bar */
  .phone-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1000;
    background:#141414;padding:8px 8px calc(8px + env(safe-area-inset-bottom));gap:8px;box-shadow:0 -2px 12px rgba(0,0,0,.25)}
  .phone-bar a{flex:1;min-height:48px;display:flex;align-items:center;justify-content:center;
    border-radius:10px;font-weight:700;font-size:16px;text-decoration:none;color:#fff;background:#333}
  .phone-bar a.primary{background:#c0001e}
  body{padding-bottom:72px}
  /* v1.1: shorter top photo */
  .hero .portrait{height:290px!important;width:auto!important;margin-inline:auto}
}