/* Compact content cards; navigation, forms and article layouts keep their sizing. */
.guide-grid,.home-guide-grid,.guide-related-photos .guide-grid,
.site-list,.place-list,.home-brand-grid,.home-place-grid,.home-city-grid,
.city-grid,.category-grid,.category-guide-grid,.glossary-grid,.resource-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px;
}
.guide-card,.site-card,.place-card,.home-brand-card,.home-place-card,
.home-city-card,.city-card,.category-card,.glossary-card,.resource-grid article {
  min-width:0;
  overflow-wrap:anywhere;
}
.guide-card__body,.home-guide-grid .guide-card__body,.guide-related-photos .guide-card__body,.guide-grid--text .guide-card__body {
  padding:18px;
}
.guide-card h3,.home-guide-grid .guide-card h3,.guide-related-photos .guide-card h3,.guide-grid--text .guide-card h3 {
  font-size:24px;
  line-height:1.15;
  margin:8px 0 12px;
}
.guide-card p {font-size:14px;line-height:1.55}
.guide-card__meta {gap:10px;flex-wrap:wrap;margin-top:16px;font-size:11px;letter-spacing:.06em}
.guide-grid--text .guide-card {min-height:220px}
.site-card {padding:16px;gap:12px}
.site-card h2 {font-size:23px;line-height:1.15}
.site-card p,.place-card>p {font-size:14px;line-height:1.55}
.site-card__actions {gap:10px;margin-top:14px}
.place-card {padding:18px}
.place-card__head {gap:10px;padding-bottom:14px}
.place-card h2 {font-size:24px;line-height:1.15}
.place-card>p {margin:14px 0}
.place-card dl {margin-bottom:16px}
.place-card dl div {padding:7px 0}
.place-card dd {font-size:14px;line-height:1.5}
.place-card .btn {max-width:100%;white-space:normal;min-height:44px;padding:10px 12px;font-size:12px;letter-spacing:.03em}
.home-brand-card {padding:18px}
.home-brand-card h3 {font-size:24px;margin:16px 0 10px}
.home-brand-card p,.home-place-card p,.home-city-card p {font-size:14px;line-height:1.55;margin-bottom:16px}
.home-brand-card .site-logo,.home-place-card .site-logo {width:52px;height:52px;flex-basis:52px}
.home-place-card {grid-template-columns:52px minmax(0,1fr);gap:12px;padding:18px}
.home-place-card h3 {font-size:24px;margin:10px 0}
.home-city-card>div {padding:18px}
.home-city-card h3 {font-size:26px;margin:10px 0}
.city-card {height:330px;min-height:330px;max-height:330px}
.city-card__copy {left:18px;right:18px;bottom:18px}
.city-card h2 {font-size:32px;line-height:1.1}
.city-card__copy p {font-size:14px;line-height:1.5}
.category-card {min-height:185px;padding:18px}
.category-card h3 {font-size:24px;line-height:1.15}
.category-card p {font-size:14px;line-height:1.5}
.category-guide-grid {gap:1px}
.category-guide-grid article {padding:18px;min-height:250px;min-width:0;overflow-wrap:anywhere}
.category-guide-grid h3 {font-size:24px;line-height:1.15;margin:12px 0}
.category-guide-grid p {font-size:14px;line-height:1.55}
.glossary-card,.resource-grid article {padding:18px}
.glossary-card h3,.resource-grid h2 {font-size:24px;line-height:1.2;margin:0 0 12px}
.glossary-card p,.resource-grid p {font-size:14px;line-height:1.55}
.home-intents>a,.place-guide-grid article,.directory-explain article {padding:18px;min-width:0}
.home-intents h3,.place-guide-grid h3,.directory-explain h3 {font-size:24px;line-height:1.15;margin:12px 0}
.home-intents p,.place-guide-grid p,.directory-explain p {font-size:14px;line-height:1.55;min-height:0}
@media(min-width:1200px) {
  .guide-grid,.home-guide-grid,.guide-related-photos .guide-grid,
  .site-list,.place-list,.home-brand-grid,.home-place-grid,.home-city-grid,
  .city-grid,.category-grid,.category-guide-grid,.glossary-grid,.resource-grid {
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
  /* Directory results share the desktop width with a filter sidebar. */
  .site-card {grid-template-columns:minmax(0,1fr)}
  .site-card__actions {flex-direction:column;align-items:stretch}
  .site-card__actions .site-external-link {width:100%}
  .home-place-card {grid-template-columns:minmax(0,1fr)}
}
@media(max-width:700px) {
  .guide-grid,.home-guide-grid,.guide-related-photos .guide-grid,
  .site-list,.place-list,.home-brand-grid,.home-place-grid,.home-city-grid,
  .city-grid,.category-grid,.category-guide-grid,.glossary-grid,.resource-grid {
    grid-template-columns:minmax(0,1fr);
  }
  .city-card {height:300px;min-height:300px;max-height:300px}
  .category-guide-grid article {min-height:0}
}
