/* Tablet fixes (768-1100 px), identical in every city. Load after type.css. */

/* Ads: a tablet column fits the 728x90 leaderboard, so 300x250 is only for phones */
@media(min-width:764px) and (max-width:900px){
  html body .ad-slot .ad-surface,html body .ad-slot.ad-wide .ad-surface{width:728px!important;height:90px!important}
  html body .ad-slot .ad-surface::after,html body .ad-slot.ad-wide .ad-surface::after{content:"728\d7 90"}
}
/* The article column is narrower than 728 on tablets, so its ads stay 300x250 */
@media(min-width:764px) and (max-width:900px){
  html body #ad-article-mid .ad-surface,html body #ad-article-end .ad-surface{width:300px!important;height:250px!important}
  html body #ad-article-mid .ad-surface::after,html body #ad-article-end .ad-surface::after{content:"300\d7 250"}
}
/* Home "city" block: lead card full width, the two others side by side */
@media(min-width:764px) and (max-width:900px){
  html body .city-grid{grid-template-columns:1fr 1fr;align-items:start}
  html body .city-grid>:first-child{grid-column:1/-1}
}
/* Navigation and footer links: 44px tap targets on tablets */
@media(min-width:744px) and (max-width:1100px){
  html body .nav a{display:inline-flex;align-items:center;min-height:44px}
  html body .footer .footer-links a{display:inline-flex;align-items:center;min-height:36px}
}
/* Touch targets for headline links in lists: the hit area grows by 10px above and below,
   the negative margin keeps the layout unchanged. Gaps between list rows are 20px or more, so areas do not overlap. */
@media(pointer:coarse),(max-width:1100px){
  html body a.news-headline{padding-block:10px;margin-block:-10px}
}

/* Placement only, following HANDOFF §14. Typography belongs to type.css and
   theme.css; do not create an alternate date style here. */
html body .top-grid>.lead>.meta{margin-top:0;margin-bottom:8px;padding-top:0}
@media(max-width:900px){
  html body .top-grid>.lead>.meta{order:0}
  html body .top-grid>.secondary article,
  html body .top-grid>.secondary article+article{grid-template-rows:auto 1fr}
  html body .top-grid>.secondary article>.meta{grid-column:1;grid-row:1;margin:0 0 4px}
  html body .top-grid>.secondary article>h2,
  html body .top-grid>.secondary article>h3{grid-column:1;grid-row:2}
}

/* Owner-approved shared compact cards, 2026-10-26: a larger right thumbnail
   and a slightly smaller headline. Keep the full headline and let rows grow. */
@media(max-width:900px){
  html body .top-grid>.secondary article,
  html body .top-grid>.secondary article+article{grid-template-columns:minmax(0,1fr) 112px}
  html body .top-grid>.secondary .art,
  html body .top-grid>.secondary article+article .art{width:112px;height:112px}
  html body .top-grid>.secondary h2,
  html body .top-grid>.secondary h3,
  html body .top-grid>.secondary article+article h2,
  html body .top-grid>.secondary article+article h3{font-size:16px;line-height:1.3}
}