/**
 * Top Picks "WHY THIS PICK RANKED #1" — deterministic shortcode output
 * Shortcode: [underscope_why_ranked] — 2-line clamp, consistent height
 * Loads sitewide (homepage + Top Picks 2026 page).
 */

/* Isolate container — prevent layout bleed */
#gspb_container-id-gsbp-23661213-fd1f {
  contain: layout style;
}

/* Hide OLD injected why-box (theme/prior PHP injection — .us-top-picks-why) */
#gspb_container-id-gsbp-23661213-fd1f .us-top-picks-why {
  display: none !important;
}

/* OUR deterministic why-box styling (Top Picks only) */
#gspb_container-id-gsbp-23661213-fd1f .us-whybox {
  margin: 10px auto 0;
  padding: 10px 12px;
  border: 1px solid rgba(41, 107, 239, 0.25);
  border-radius: 10px;
  background: #fff;
  max-width: 92%;
}

#gspb_container-id-gsbp-23661213-fd1f .us-whybox__title {
  font-size: 11px;
  font-weight: 900;
  color: #296bef;
  letter-spacing: 0.02em;
  text-transform: uppercase;
  margin: 0 0 6px;
}

#gspb_container-id-gsbp-23661213-fd1f .us-whybox__text {
  font-size: 12px;
  line-height: 1.35;
  color: #111;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page: widen content area on desktop (page-id-1367) — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins, no sidebar */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins, no sidebar */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins, no sidebar */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins, no sidebar */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page: wider content area on desktop (less white margins) */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins, no sidebar */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}

/* Top Picks page (1367): widen content area on desktop — less white margins, no sidebar */
@media (min-width: 1025px) {
  body.page-id-1367 .rh-container,
  body.page-id-1367 .content,
  body.page-id-1367 .main-side,
  body.page-id-1367 .rh-content {
    max-width: 1360px !important;
    width: 100% !important;
    margin-left: auto !important;
    margin-right: auto !important;
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
  body.page-id-1367 .us-router,
  body.page-id-1367 .us-router .us-tiles-grid {
    width: 100% !important;
    max-width: 100% !important;
  }
}