/* Provider-review hero (LivePanthers, 3 Nov 2026).
   On tablets and desktops the studio logo is larger and centred both ways in its column, on the hero's own background
   (no tinted panel: owner, 3 Nov), instead of a 64px logo pinned to the top-left corner; the jump menu keeps a gap above the stats.
   Phones keep the compact logo strip set in reader-experience.css and first-screen-grid.css.
   Applies to every .provider-hero-card: single-lp_provider.php and page-lucky-streak.php. */
@media (min-width: 768px) {
  html body .page-hero.section-brutal .provider-hero-card { align-items: stretch !important; }
  html body .page-hero.section-brutal .provider-hero-card .provider-hero-logo {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    align-self: stretch !important;
    width: 18rem !important;
    height: auto !important;
    max-height: none !important;
    padding: 24px !important;
    background: transparent !important;
    border: 0 !important;
  }
  html body .page-hero.section-brutal .provider-hero-card .provider-hero-logo img {
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 128px !important;
    box-shadow: 0 6px 18px rgba(0, 0, 0, .28);
  }
  html body .page-hero.section-brutal .provider-hero-card .lp-reader-sections { margin-bottom: 14px !important; }
}
/* Tablets: a narrower panel so the review text keeps room beside it. */
@media (min-width: 768px) and (max-width: 1023px) {
  html body .page-hero.section-brutal .provider-hero-card .provider-hero-logo { width: 11rem !important; padding: 16px !important; }
  html body .page-hero.section-brutal .provider-hero-card .provider-hero-logo img { max-height: 88px !important; }
}