/* Common Ground — desktop polish pass, 2 Sep 2026
   Targeted fixes from desktop QA recording. Mobile rules are intentionally untouched. */

@media (min-width: 901px) {
  /* Updates: stop the lead headline collapsing into a one-word vertical column. */
  .living-public-site.cg-route-updates main .updates-hero {
    grid-template-columns: minmax(0, 1.12fr) minmax(420px, .88fr) !important;
    gap: clamp(2.75rem, 4.5vw, 5.25rem) !important;
    align-items: center !important;
    padding-top: clamp(3.5rem, 5.5vw, 5.75rem) !important;
    padding-bottom: clamp(3.5rem, 5.5vw, 5.75rem) !important;
  }
  .living-public-site.cg-route-updates main .updates-hero > div,
  .living-public-site.cg-route-updates main .updates-hero figure {
    min-width: 0 !important;
  }
  .living-public-site.cg-route-updates main .updates-hero h1 {
    width: auto !important;
    max-width: 11.5ch !important;
    margin-top: .45rem !important;
    font-size: clamp(4rem, 5.35vw, 6.15rem) !important;
    line-height: .9 !important;
    letter-spacing: -.052em !important;
    word-break: normal !important;
    overflow-wrap: normal !important;
    hyphens: none !important;
    text-wrap: balance !important;
  }
  .living-public-site.cg-route-updates main .updates-hero figure {
    align-self: center !important;
  }
  .living-public-site.cg-route-updates main .updates-hero figure img {
    width: 100% !important;
    max-height: 590px !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
  }

  /* Stories: the hero inherited the global dark ink on a dark gallery background. */
  .living-public-site.cg-route-stories main .living-stories-hero {
    padding-top: clamp(4.75rem, 7vw, 7.25rem) !important;
    padding-bottom: clamp(4.75rem, 7vw, 7.25rem) !important;
    color: #f8f2e7 !important;
  }
  .living-public-site.cg-route-stories main .living-stories-hero h1 {
    max-width: 10.5ch !important;
    margin: .5rem 0 1.25rem !important;
    color: #fff8eb !important;
    font-size: clamp(4.5rem, 7vw, 7.45rem) !important;
    line-height: .84 !important;
    letter-spacing: -.058em !important;
    text-wrap: balance !important;
  }
  .living-public-site.cg-route-stories main .living-stories-hero .public-kicker {
    color: #d8ff4f !important;
  }
  .living-public-site.cg-route-stories main .living-stories-hero .public-lead {
    max-width: 30ch !important;
    color: rgba(255, 248, 235, .82) !important;
    font-size: clamp(1.4rem, 2vw, 2.1rem) !important;
    line-height: 1.12 !important;
  }
  .living-public-site.cg-route-stories main .living-stories-hero .public-actions a:not(.primary) {
    color: #fff8eb !important;
    border-color: rgba(255, 248, 235, .35) !important;
  }

  /* Search / Explore: keep the drawer vertical-only and prevent the bottom x-scrollbar. */
  .living-public-site .cg-find-panel {
    overflow-x: hidden !important;
    overscroll-behavior: contain !important;
  }
  .living-public-site .cg-find-panel-inner {
    width: 100% !important;
    max-width: 100% !important;
    overflow-x: hidden !important;
  }
  .living-public-site .cg-find-head,
  .living-public-site .cg-find-head > *,
  .living-public-site .cg-search-box,
  .living-public-site .cg-search-suggestions,
  .living-public-site .cg-search-meta,
  .living-public-site .cg-search-results,
  .living-public-site .cg-search-empty,
  .living-public-site .cg-search-results a,
  .living-public-site .cg-search-results a > * {
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .living-public-site .cg-search-results strong,
  .living-public-site .cg-search-results span {
    overflow-wrap: anywhere !important;
  }
}

/* Slightly compress shell chrome on laptop-height desktop viewports without removing navigation. */
@media (min-width: 1100px) and (max-height: 820px) {
  .living-public-site .public-header {
    min-height: 68px !important;
  }
  .living-public-site .cg-content-shortcuts,
  .living-public-site .cg-content-shortcuts > * {
    min-height: 40px !important;
  }
  .living-public-site .cg-page-contents {
    top: 68px !important;
    padding-top: .4rem !important;
    padding-bottom: .4rem !important;
  }
  .living-public-site [id] {
    scroll-margin-top: 136px !important;
  }
}