/* Shared discovery layout for the React reader and its complete HTML fallback. */
.pw-guide-grid, .share-guide-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  column-gap: var(--spacing-xl);
}
.pw-guide-card, .share-guide-card {
  min-width: 0;
  padding-block: var(--spacing-lg);
  border-block-start: 1px solid var(--theme-border);
}
.pw-guide-card__meta, .share-guide-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-sm) var(--spacing-md);
  margin-bottom: var(--spacing-md);
  color: var(--theme-muted);
  font-size: var(--web-meta-size);
}
.pw-guide-card__meta a, .share-guide-card__meta a { color: var(--theme-accent-text); }
.pw-guide-card h3 a, .share-guide-card h3 a {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  min-height: var(--web-control-height);
  color: var(--theme-text);
  font-size: var(--web-section-title-size);
}
.pw-guide-card__basis, .share-guide-card__basis {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin-block: var(--spacing-sm) var(--spacing-md);
  color: var(--theme-muted);
  font-size: var(--web-body-small-size);
}
.pw-guide-card__preview, .share-guide-card__preview {
  list-style: none;
  padding: 0;
  margin-block: var(--spacing-md);
  color: var(--theme-text);
  font-size: var(--web-body-small-size);
}
.pw-guide-card__preview li, .share-guide-card__preview li { padding-block: var(--spacing-xs); }
.pw-guide-card__preview li > span, .share-guide-card__preview li > span {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  color: var(--theme-muted);
  font-size: var(--web-meta-size);
}
.pw-guide-card footer, .share-guide-card footer { color: var(--theme-muted); font-size: var(--web-meta-size); }
@media (max-width: 640px) {
  .pw-guide-grid, .share-guide-grid { grid-template-columns: minmax(0, 1fr); }
}
.pw-explore .pw-discovery-header, .pw-ranking-reader .pw-discovery-header,
.share-discovery-reader .share-discovery-header {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: end;
  gap: var(--spacing-xl);
  padding-block: var(--spacing-lg) var(--spacing-xl);
  border-bottom: 1px solid var(--theme-border);
}
.pw-explore h1, .pw-ranking-reader h1, .pw-city-reader h1,
.share-discovery-reader h1, .share-city-reader h1, .share-ranking-reader h1 {
  font-size: var(--web-hero-size);
  line-height: var(--web-hero-line);
  margin-bottom: var(--spacing-sm);
}
.public-share-page:has(.share-discovery-reader) { gap: 0; padding-top: 0; }
.share-discovery-reader .share-section { gap: 0; padding-top: 0; }
.pw-explore .pw-section, .share-discovery-reader .share-section { margin-top: var(--spacing-xl); }
.pw-recommendation-answer, .share-recommendation-answer { max-width: 100%; }
.pw-recommendation-controls, .share-recommendation-controls {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  margin-block: var(--spacing-lg);
}
.pw-criteria, .share-criteria, .pw-city-actions, .share-city-actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: var(--spacing-xs);
}
.pw-criteria a, .share-criteria a, .pw-city-actions a, .share-city-actions a {
  display: inline-flex;
  align-items: center;
  min-height: var(--web-control-height);
  padding: var(--spacing-sm) var(--spacing-md);
  border-radius: var(--radius-sm);
  color: var(--theme-muted);
  font-weight: 600;
}
.pw-criteria a[aria-current="page"], .share-criteria a[aria-current="page"] {
  background: var(--theme-primary-soft);
  color: var(--theme-primary);
}
.pw-criteria a:hover, .share-criteria a:hover, .pw-city-actions a:hover, .share-city-actions a:hover { background: var(--theme-surface); }
.pw-recommendation-controls .pw-recommendation-filter, .share-recommendation-controls .share-recommendation-filter { margin: 0; max-width: 100%; }
.pw-ranking-list.pw-place-list > li, .share-ranking-list.share-place-list > li {
  display: grid;
  grid-template-columns: var(--web-control-compact-height) minmax(0, 1fr);
  align-items: start;
  gap: var(--spacing-md);
  padding-block: var(--spacing-lg);
  border-bottom: 1px solid var(--theme-border);
}
.pw-ranking-list > li > span, .share-ranking-list > li > .share-list-index {
  color: var(--theme-muted);
  padding-top: var(--spacing-xs);
  font-size: var(--web-meta-size);
  font-variant-numeric: tabular-nums;
}
.pw-ranking-content, .share-ranking-content { min-width: 0; }
.pw-ranking-identity, .share-ranking-identity, .pw-ranking-footer, .share-ranking-footer {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  gap: var(--spacing-md);
}
.pw-ranking-identity h3, .share-ranking-identity h3 {
  margin-block: 0 var(--spacing-xs);
  font-size: var(--web-section-title-size);
  line-height: var(--web-section-title-line);
  overflow-wrap: anywhere;
}
.pw-ranking-average, .share-ranking-average {
  flex-shrink: 0;
  color: var(--theme-text);
  font-size: var(--web-section-title-size);
  font-weight: 800;
  font-variant-numeric: tabular-nums;
}
.pw-ranking-average small, .share-ranking-average small { font-size: var(--web-meta-size); color: var(--theme-muted); font-weight: 400; }
.pw-ranking-content > p, .share-ranking-content > p { margin-block: 0 var(--spacing-xs); font-size: var(--web-body-small-size); }
.pw-ranking-footer p, .share-ranking-footer p { margin: 0; color: var(--theme-muted); font-size: var(--web-meta-size); }
.pw-ranking-directions, .share-ranking-directions {
  display: inline-flex;
  align-items: center;
  min-height: var(--web-control-height);
  color: var(--theme-accent-text);
  font-size: var(--web-body-small-size);
  font-weight: 600;
  flex-shrink: 0;
}
.pw-ranking-detail, .share-ranking-detail { flex: 1; min-width: 0; color: var(--theme-muted); font-size: var(--web-meta-size); }
.pw-ranking-detail summary, .share-ranking-detail summary,
.pw-recommendation-method summary, .share-recommendation-method summary {
  cursor: pointer;
  display: list-item;
  min-height: var(--web-control-height);
  padding-block: var(--spacing-sm);
}
.pw-ranking-detail .pw-ranking-evidence > div, .share-ranking-detail .share-ranking-evidence > div {
  background: transparent;
  padding-inline: 0;
  border-radius: 0;
}
.pw-directory-disclosure, .share-directory-disclosure { margin-top: var(--spacing-xl); border-top: 1px solid var(--theme-border); }
.pw-directory-disclosure > summary, .share-directory-disclosure > summary {
  cursor: pointer;
  min-height: var(--web-control-height);
  padding-block: var(--spacing-lg);
  color: var(--theme-text);
  font-weight: 600;
}
.pw-recommendation-method, .share-recommendation-method { margin-block: var(--spacing-lg); color: var(--theme-muted); font-size: var(--web-body-small-size); }
.app-recommendation-preview { display: grid; gap: var(--spacing-lg); }
.app-preview-selectors { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--spacing-md); }
.app-preview-selectors label { display: grid; gap: var(--spacing-xs); color: var(--theme-muted); }
.app-preview-selectors select { width: 100%; min-height: var(--web-field-height); }
.pw-preview-coverage { display: grid; gap: var(--spacing-sm); }
.pw-preview-coverage > div { display: flex; justify-content: space-between; gap: var(--spacing-md); }
.pw-preview-coverage dd { margin: 0; color: var(--theme-text); }
@media (max-width: 720px) {
  .pw-explore .pw-discovery-header, .pw-ranking-reader .pw-discovery-header,
  .share-discovery-reader .share-discovery-header, .app-preview-selectors { grid-template-columns: minmax(0, 1fr); }
  .pw-explore h1, .pw-city-reader h1, .pw-ranking-reader h1,
  .share-discovery-reader h1, .share-city-reader h1, .share-ranking-reader h1 {
    font-size: var(--web-screen-title-size); line-height: var(--web-screen-title-line);
  }
  .pw-recommendation-controls, .share-recommendation-controls { align-items: stretch; }
  .pw-recommendation-controls .pw-recommendation-filter, .share-recommendation-controls .share-recommendation-filter { width: 100%; }
  .pw-ranking-footer, .share-ranking-footer { flex-wrap: wrap; gap: var(--spacing-xs); }
}

.pw-explore .pw-guide-grid, .share-discovery-reader .share-guide-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
.pw-food-spotlights, .share-food-spotlights { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--spacing-xl); }
.pw-food-spotlights--rail, .share-food-spotlights--rail { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc((100% - var(--spacing-xl) * 2) / 3); overflow-x: auto; scroll-snap-type: x proximity; padding-bottom: var(--spacing-sm); }
.pw-food-spotlights--grid, .share-food-spotlights--grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.pw-explore-food { position: relative; }
.pw-explore-food:has(.pw-food-rail-controls) .pw-section-heading { padding-right: calc(var(--web-control-height) * 2 + var(--spacing-md)); min-height: var(--web-control-height); align-items: center; }
.pw-food-rail-controls { position: absolute; right: 0; top: 0; display: flex; justify-content: flex-end; gap: var(--spacing-xs); margin: 0; }
.pw-food-rail-controls button { min-width: var(--web-control-height); }
.pw-food-spotlight, .share-food-spotlight { min-width: 0; border-bottom: 1px solid var(--theme-border); }
.pw-food-spotlight__photo, .share-food-spotlight__photo { display: block; overflow: hidden; border-radius: var(--radius-sm); }
.pw-food-spotlight__photo img, .share-food-spotlight__photo img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.pw-food-spotlight__body, .share-food-spotlight__body { padding-block: var(--spacing-md) var(--spacing-lg); }
.pw-food-spotlight__body h3, .share-food-spotlight__body h3 { margin-block: 0 var(--spacing-xs); font-size: var(--web-section-title-size); line-height: var(--web-section-title-line); overflow-wrap: anywhere; }
.pw-food-spotlight__body h3 a, .share-food-spotlight__body h3 a { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; min-height: var(--web-control-height); }
.pw-food-spotlight__body p, .share-food-spotlight__body p { margin-block: 0 var(--spacing-xs); color: var(--theme-muted); font-size: var(--web-body-small-size); }
.pw-food-spotlight__body p a, .share-food-spotlight__body p a { display: inline-flex; align-items: center; min-height: var(--web-control-height); color: var(--theme-accent-text); }
.pw-food-spotlight__body .pw-food-spotlight__city, .share-food-spotlight__body .share-food-spotlight__city { font-size: var(--web-meta-size); }
.pw-food-spotlight__city a, .share-food-spotlight__city a { color: var(--theme-muted); }
.pw-food-spotlight__body blockquote, .share-food-spotlight__body blockquote { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; margin: var(--spacing-xs) 0 var(--spacing-sm); font-size: var(--web-body-small-size); line-height: var(--web-body-small-line); color: var(--theme-muted); }
.pw-food-spotlight footer, .share-food-spotlight footer { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--spacing-xs) var(--spacing-sm); margin-top: var(--spacing-sm); font-size: var(--web-meta-size); color: var(--theme-muted); }
.pw-food-spotlight footer strong, .share-food-spotlight footer strong { color: var(--theme-text); font-variant-numeric: tabular-nums; }
.pw-ranking-photo, .share-ranking-photo { display: block; margin-bottom: var(--spacing-md); overflow: hidden; border-radius: var(--radius-sm); }
.pw-ranking-photo img, .share-ranking-photo img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; }
.pw-ranking-photo .pw-source-photo-failed { aspect-ratio: 16 / 9; }
.pw-source-gallery { position: relative; display: block; width: 100%; padding: 0; border: 0; border-radius: var(--radius-sm); overflow: hidden; background: var(--theme-surface); color: var(--theme-text); cursor: zoom-in; }
.pw-source-gallery img, .pw-source-photo-failed { display: block; width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; }
.pw-source-photo-failed { display: grid; place-items: center; font-size: var(--web-body-small-size); color: var(--theme-muted); background: var(--theme-surface); }
.pw-source-gallery__count { position: absolute; bottom: var(--spacing-sm); right: var(--spacing-sm); padding: var(--spacing-xs) var(--spacing-sm); border-radius: var(--radius-sm); background: var(--theme-background); color: var(--theme-text); font-size: var(--web-meta-size); font-weight: 600; }
.pw-source-gallery:focus-visible, .pw-photo-viewer button:focus-visible, .pw-explore-subjects a:focus-visible, .pw-city-search__choices a:focus-visible { outline: 3px solid var(--theme-accent-border); outline-offset: 2px; }
.pw-photo-viewer { width: min(calc(100% - var(--spacing-lg) * 2), 960px); max-height: calc(100dvh - var(--spacing-lg) * 2); padding: 0; border: 1px solid var(--theme-border); border-radius: var(--radius-md); background: var(--theme-background); color: var(--theme-text); }
.pw-photo-viewer::backdrop { background: var(--theme-overlay); }
.pw-photo-viewer__surface { padding: var(--spacing-md); }
.pw-photo-viewer header, .pw-photo-viewer footer { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-sm); }
.pw-photo-viewer header strong { min-width: 0; overflow-wrap: anywhere; font-size: var(--web-body-small-size); }
.pw-photo-viewer header button { flex-shrink: 0; }
.pw-photo-viewer__surface > img, .pw-photo-viewer__surface > .pw-source-photo-failed { display: block; width: 100%; height: min(65dvh, 680px); object-fit: contain; margin-block: var(--spacing-sm); }
.pw-photo-viewer footer button { min-width: var(--web-control-height); }
.share-source-photos summary { min-height: var(--web-control-height); align-content: center; cursor: pointer; font-size: var(--web-meta-size); }
.share-source-photos img { width: 100%; height: auto; margin-bottom: var(--spacing-sm); }
.pw-explore-subjects, .share-explore-subjects { display: flex; gap: var(--spacing-xs); padding: var(--spacing-xs); margin-top: var(--spacing-lg); background: var(--theme-surface); border-radius: var(--radius-sm); }
.pw-explore-subjects a, .share-explore-subjects a { flex: 1; display: flex; align-items: center; justify-content: center; min-height: var(--web-control-height); padding-inline: var(--spacing-sm); color: var(--theme-muted); border-radius: var(--radius-sm); font-size: var(--web-body-small-size); font-weight: 600; }
.pw-explore-subjects a[aria-current="page"], .share-explore-subjects a[aria-current="page"] { background: var(--theme-background); color: var(--theme-text); }
.pw-city-search { position: relative; }
.pw-city-search__choices { position: absolute; z-index: 2; left: 0; right: 0; top: 100%; list-style: none; padding: var(--spacing-xs); margin: var(--spacing-xs) 0 0; background: var(--theme-background); border: 1px solid var(--theme-border); border-radius: var(--radius-sm); }
.pw-city-search__choices a { display: flex; align-items: center; justify-content: space-between; gap: var(--spacing-sm); min-height: var(--web-control-height); padding: var(--spacing-sm); }
.pw-city-search__choices a:hover { background: var(--theme-surface); }
.pw-city-search__choices strong, .pw-city-search__choices small { display: block; }
.pw-city-search__choices small { color: var(--theme-muted); font-size: var(--web-meta-size); }
.pw-place-foods, .share-place-foods { margin-block: var(--spacing-sm); }
.pw-place-foods p, .share-place-foods p { margin: 0; color: var(--theme-muted); font-size: var(--web-meta-size); }
.pw-place-foods ul, .share-place-foods ul { list-style: none; display: flex; flex-wrap: wrap; gap: 0 var(--spacing-md); margin: 0; padding: 0; }
.pw-place-foods a, .share-place-foods a { display: inline-flex; align-items: center; min-height: var(--web-control-height); color: var(--theme-accent-text); font-weight: 600; font-size: var(--web-body-small-size); }
.pw-guide-card__photo, .share-guide-card__photo { display: block; grid-column: 3; grid-row: 1 / 4; align-self: start; width: calc(var(--spacing-xl) * 3); height: calc(var(--spacing-xl) * 3); aspect-ratio: 1; object-fit: cover; border-radius: var(--radius-sm); }
.pw-soft-panel[id^="food-item-"], .share-entry-details article[id^="food-item-"] { scroll-margin-top: calc(var(--web-control-height) * 2); }
.pw-soft-panel[id^="food-item-"] > img, .share-entry-details article[id^="food-item-"] > img { display: block; width: 100%; height: auto; border-radius: var(--radius-sm); margin-bottom: var(--spacing-md); }
.pw-explore-intro, .share-explore-intro {
  margin: 0;
  font-size: var(--web-body-size);
  line-height: var(--web-body-line);
  color: var(--theme-muted);
}
.pw-explore-basis, .share-explore-basis {
  max-width: 65ch;
  margin-bottom: var(--spacing-lg);
  font-size: var(--web-body-small-size);
  color: var(--theme-muted);
}
.pw-guide-card--city, .share-guide-card--city {
  padding: 0;
}
.pw-guide-card__link, .share-guide-card__link {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: var(--spacing-xs) var(--spacing-sm);
  min-width: 0;
  padding-block: var(--spacing-lg);
}
.pw-guide-card__link:has(.pw-guide-card__photo), .share-guide-card__link:has(.share-guide-card__photo) { grid-template-columns: minmax(0, 1fr) auto calc(var(--spacing-xl) * 3); }
.pw-guide-card__geography, .share-guide-card__geography {
  grid-column: 1;
  grid-row: 2;
  margin: 0;
  color: var(--theme-muted);
  font-size: var(--web-meta-size);
  overflow-wrap: anywhere;
}
.pw-guide-card--city h3, .share-guide-card--city h3 {
  grid-column: 1 / -1;
  grid-row: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: var(--spacing-md);
  margin: 0;
  color: var(--theme-text);
  font-size: var(--web-section-title-size);
  line-height: var(--web-section-title-line);
  letter-spacing: -.015em;
  overflow-wrap: anywhere;
}
.pw-guide-card--city h3 > span, .share-guide-card--city h3 > span {
  color: var(--theme-accent-text);
  font-size: var(--web-section-title-size);
  flex-shrink: 0;
}
.pw-guide-card__link:has(.pw-guide-card__photo) h3, .share-guide-card__link:has(.share-guide-card__photo) h3,
.pw-guide-card__link:has(.pw-guide-card__photo) .pw-guide-card__preview, .share-guide-card__link:has(.share-guide-card__photo) .share-guide-card__preview { grid-column: 1 / 3; }
.pw-guide-card--city .pw-guide-card__preview, .share-guide-card--city .share-guide-card__preview {
  grid-column: 1 / -1;
  grid-row: 3;
  margin: var(--spacing-xs) 0 0;
  color: var(--theme-muted);
  line-height: var(--web-body-small-line);
  overflow-wrap: anywhere;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.pw-guide-card--city .pw-guide-card__preview li, .share-guide-card--city .share-guide-card__preview li { display: inline; padding: 0; }
.pw-guide-card--city .pw-guide-card__preview li:not(:last-child)::after, .share-guide-card--city .share-guide-card__preview li:not(:last-child)::after { content: " · "; }
.pw-guide-card--city footer, .share-guide-card--city footer {
  grid-column: 2;
  grid-row: 2;
  white-space: nowrap;
}
.pw-explore--answer, .share-discovery-reader--answer { max-width: 800px; margin-inline: auto; }
.pw-explore-back a, .share-explore-back a, .pw-explore-directory a, .share-explore-directory a {
  display: inline-flex;
  align-items: center;
  min-height: var(--web-control-height);
  color: var(--theme-accent-text);
  font-size: var(--web-body-small-size);
  font-weight: 600;
}
.pw-explore-directory, .share-explore-directory {
  margin-top: var(--spacing-xl);
  padding-top: var(--spacing-md);
  border-top: 1px solid var(--theme-border);
}
.pw-explore--answer .pw-discovery-header, .share-discovery-reader--answer .share-discovery-header {
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
}
.pw-change-city, .share-change-city { min-width: 0; }
.pw-change-city summary, .share-change-city summary {
  min-height: var(--web-control-height);
  display: list-item;
  align-content: center;
  cursor: pointer;
  color: var(--theme-accent-text);
  font-weight: 600;
}
.pw-change-city[open], .share-change-city[open] { width: min(100%, 360px); }
.pw-change-city .pw-search, .share-change-city .share-city-search { margin-top: var(--spacing-sm); }
.pw-explore--answer .pw-ranking-identity h3, .share-discovery-reader--answer .share-ranking-identity h3 {
  font-size: var(--web-screen-title-size);
  line-height: var(--web-screen-title-line);
}
.pw-place-list.pw-place-list--unranked > li, .share-place-list.share-place-list--unranked > li {
  grid-template-columns: minmax(0, 1fr);
}
.pw-explore--answer .pw-ranking-list, .share-discovery-reader--answer .share-ranking-list { border-top: 1px solid var(--theme-border); }
.pw-explore--answer .pw-section-heading, .share-discovery-reader--answer .share-section-heading { align-items: flex-start; }
.pw-explore--answer .pw-section-heading p, .share-discovery-reader--answer .share-section-heading p {
  max-width: 60ch;
  margin-top: var(--spacing-sm);
  font-size: var(--web-body-small-size);
  line-height: var(--web-body-line);
}
@media (max-width: 720px) {
  .pw-explore .pw-guide-grid, .share-discovery-reader .share-guide-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pw-food-spotlights, .share-food-spotlights { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .pw-food-spotlights--rail, .share-food-spotlights--rail { grid-template-columns: none; grid-auto-columns: calc((100% - var(--spacing-xl)) / 2); }
}
@media (max-width: 480px) {
  .pw-explore .pw-guide-grid, .share-discovery-reader .share-guide-grid { grid-template-columns: minmax(0, 1fr); }
  .pw-explore { width: calc(100% - var(--spacing-lg) * 2); padding-block: var(--spacing-lg) calc(var(--spacing-xl) * 2); }
  .is-public-page .app-main:has(.share-discovery-reader) { padding-top: var(--spacing-lg); }
  .pw-explore .pw-discovery-header, .share-discovery-reader .share-discovery-header {
    padding-block: 0 var(--spacing-lg);
    gap: var(--spacing-lg);
  }
  .pw-explore-intro, .share-explore-intro { font-size: var(--web-body-small-size); line-height: var(--web-body-line); }
  .pw-explore .pw-search label, .share-discovery-reader .share-city-search label { margin-bottom: var(--spacing-xs); }
  .pw-explore .pw-search input, .share-discovery-reader .share-city-search input { min-width: 0; font-size: max(1rem, var(--web-body-size)); }
  .share-discovery-reader .share-city-search { padding: 0; background: transparent; gap: 0; }
  .share-discovery-reader .share-city-search > div { grid-template-columns: minmax(0, 1fr) auto; }
  .pw-explore .pw-section-heading, .share-discovery-reader .share-section-heading { margin-bottom: var(--spacing-sm); }
  .pw-explore-basis, .share-explore-basis { margin-bottom: var(--spacing-md); line-height: var(--web-body-small-line); }
  .pw-food-spotlights--rail, .share-food-spotlights--rail { grid-template-columns: none; grid-auto-flow: column; grid-auto-columns: calc(100% - var(--spacing-xl) * 2); gap: var(--spacing-md); overflow-x: auto; padding-bottom: var(--spacing-sm); scroll-snap-type: x proximity; }
  .pw-food-spotlights--grid, .share-food-spotlights--grid { grid-template-columns: minmax(0, 1fr); }
  .pw-food-spotlight, .share-food-spotlight { scroll-snap-align: start; }
  .pw-food-spotlight--photo .pw-food-spotlight__body, .share-food-spotlight--photo .share-food-spotlight__body { padding-block: var(--spacing-sm) var(--spacing-lg); }
  .pw-explore--answer .pw-discovery-header, .share-discovery-reader--answer .share-discovery-header { grid-template-columns: minmax(0, 1fr) auto; gap: var(--spacing-sm); }
  .pw-explore--answer .pw-discovery-header > div, .share-discovery-reader--answer .share-discovery-header > div { min-width: 0; }
  .pw-explore--answer h1, .share-discovery-reader--answer h1 { margin-bottom: 0; overflow-wrap: anywhere; text-wrap: initial; }
  .pw-change-city summary, .share-change-city summary { white-space: nowrap; font-size: var(--web-body-small-size); }
  .pw-change-city[open], .share-change-city[open] { grid-column: 1 / -1; width: 100%; }
  .pw-explore--answer .pw-section-heading, .share-discovery-reader--answer .share-section-heading { display: flex; flex-direction: row; gap: var(--spacing-sm); }
  .pw-explore--answer .pw-section-heading > div, .share-discovery-reader--answer .share-section-heading > div { min-width: 0; }
  .pw-explore--answer .pw-section-heading > span, .share-discovery-reader--answer .share-section-heading > span { white-space: nowrap; }
  .pw-explore--answer .pw-ranking-identity h3, .share-discovery-reader--answer .share-ranking-identity h3 { font-size: var(--web-section-title-size); line-height: var(--web-section-title-line); }
  .pw-explore--answer .pw-ranking-list:not(.pw-place-list--unranked) > li, .share-discovery-reader--answer .share-ranking-list:not(.share-place-list--unranked) > li { grid-template-columns: calc(var(--spacing-lg) * 2) minmax(0, 1fr); }
  .pw-explore--answer .pw-ranking-footer, .share-discovery-reader--answer .share-ranking-footer { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: var(--spacing-sm); align-items: start; }
  .pw-explore--answer .pw-ranking-directions, .share-discovery-reader--answer .share-ranking-directions { padding-inline: var(--spacing-xs); }
}