/* ==============================================
   Mishpacha — Responsive / Mobile-first styles
   Breakpoints: md = 768px, lg = 1024px
   ============================================== */

/* ── GLOBAL ─────────────────────────────────── */
*, *::before, *::after { box-sizing: border-box; }
img { max-width: 100%; }

/* ── HEADER ─────────────────────────────────── */
/* Header base styles live in layout.css (single top bar + drawer).
 * Below: responsive tweaks for the unified header. */

@media (max-width: 767px) {
  .mish-topbar {
    padding: 0 16px !important;
    height: 64px !important;
  }
  .mish-logo img { height: 40px !important; }
  .mish-logo-fallback { font-size: 22px !important; }

  /* Hide login icon and "Subscribe" text on mobile — drawer holds them */
  .mish-nav-actions a.mish-icon-btn[href="/login"],
  .mish-nav-actions a.mish-icon-btn[aria-label="Login"],
  .mish-subscribe { display: none !important; }

  /* Mobile search overlay — shown when .mish-search-open is on header */
  header.mish-search-open .mish-search-overlay {
    display: flex !important;
  }
  header.mish-search-open .mish-topbar > *:not(.mish-search-overlay) {
    visibility: hidden;
  }

  /* Hide secondary nav on mobile — categories live in the drawer */
  .mish-nav { display: none !important; }

  /* Drawer padding */
  .mish-drawer-inner { padding: 24px 16px 48px !important; }
  .mish-drawer-main ul { grid-template-columns: 1fr !important; column-gap: 0 !important; }
  .mish-drawer-main a { font-size: 22px !important; padding: 14px 0 !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  .mish-topbar { padding: 0 24px !important; }
  .mish-nav-inner { padding: 0 24px !important; }
  .mish-nav ul { gap: 0 !important; overflow-x: auto; justify-content: flex-start !important; }
  .mish-nav ul li a { padding: 0 8px !important; font-size: 12px !important; letter-spacing: 0.03em !important; }
  .mish-drawer-inner { padding: 24px 32px 48px !important; }
}

/* ── HERO ────────────────────────────────────── */
/* Hero is fully styled (incl. responsive) in homepage.css.
 * Legacy slider/CTA-banner rules removed when hero was rewritten in editorial style. */

/* ── PODCASTS ─────────────────────────────────── */
#section-podcasts { }

@media (max-width: 767px) {
  #section-podcasts {
    padding: 40px 0 !important;
  }
  #section-podcasts .mish-section-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Hide "view all" from header, show it after cards */
  #section-podcasts .pod-view-all { display: none !important; }
  #section-podcasts .pod-view-all-mobile {
    display: block !important;
    width: 100%;
    text-align: center;
    margin-bottom: 22px;
  }
  #section-podcasts .pod-header {
    align-items: flex-start !important;
    margin-bottom: 24px !important;
  }
  #section-podcasts .pod-row {
    flex-direction: column !important;
    align-items: stretch !important;
  }
  #section-podcasts .pod-row > a {
    width: 100% !important;
    flex-shrink: unset !important;
  }
  /* Newsletter signup mobile rules are in homepage.css (.hp-newsletter) */
}

@media (min-width: 768px) and (max-width: 1023px) {
  #section-podcasts { padding: 40px 0 !important; }
  #section-podcasts .mish-section-inner { padding-left: 24px !important; padding-right: 24px !important; }
  #section-podcasts .pod-row > a { width: calc(33.333% - 14px) !important; flex-shrink: unset !important; }
  #section-podcasts .pod-row { flex-wrap: wrap !important; }
}

/* ── COLUMNISTS ───────────────────────────────── */
#section-columnists { }

@media (max-width: 767px) {
  #section-columnists .mish-section-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  /* Hide "view all" from header, show it after cards */
  #section-columnists .col-view-all { display: none !important; }
  #section-columnists .col-view-all-mobile {
    display: block !important;
    text-align: center;
    margin-top: 24px;
  }
  #section-columnists .col-header {
    margin-bottom: 24px !important;
  }
  /* 1 card per row */
  #section-columnists .col-cards {
    display: flex !important;
    flex-direction: column !important;
    gap: 20px !important;
  }
  #section-columnists .col-cards > div {
    width: 100% !important;
    flex: none !important;
    background: #fbf7f3 !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #section-columnists .mish-section-inner { padding-left: 24px !important; padding-right: 24px !important; }
  #section-columnists .col-cards {
    flex-wrap: wrap !important;
    gap: 12px !important;
  }
  #section-columnists .col-cards > div {
    flex: 0 0 calc(33.333% - 8px) !important;
    min-width: 0 !important;
  }
}

/* ── VIDEOS ───────────────────────────────────── */
#section-videos { }

@media (max-width: 767px) {
  #section-videos .mish-section-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #section-videos .vid-view-all { display: none !important; }
  #section-videos .vid-view-all-mobile { display: block !important; }
  #section-videos .vid-inner {
    flex-direction: column !important;
    gap: 24px !important;
  }
  #section-videos .vid-featured {
    width: 100% !important;
    height: 260px !important;
    flex-shrink: unset !important;
  }
  #section-videos .vid-side     { width: 100% !important; flex-direction: column !important; gap: 12px !important; }
  #section-videos .vid-side > a { height: auto !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #section-videos .mish-section-inner { padding-left: 24px !important; padding-right: 24px !important; }
  #section-videos .vid-inner { flex-wrap: wrap !important; }
  #section-videos .vid-featured { width: 100% !important; height: 340px !important; flex-shrink: unset !important; }
  #section-videos .vid-side { width: 100% !important; flex-direction: row !important; flex-wrap: wrap !important; gap: 12px !important; }
  #section-videos .vid-side > a { flex: 0 0 calc(50% - 6px) !important; height: 140px !important; }
}

/* ── LATEST STORIES ───────────────────────────── */
#section-latest { }

@media (max-width: 767px) {
  #section-latest .mish-section-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #lat-track {
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scroll-snap-type: x mandatory;
    transform: none !important;
    transition: none !important;
  }
  #lat-track > a { scroll-snap-align: start; width: 260px !important; }
  #lat-prev, #lat-next { display: none !important; }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #section-latest .mish-section-inner { padding-left: 24px !important; padding-right: 24px !important; }
  #lat-track > a { width: calc(50% - 12px) !important; }
}

/* ── INSIDE ───────────────────────────────────── */
#section-inside { }

@media (max-width: 767px) {
  #section-inside .mish-section-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  #section-inside .inside-view-all { display: none !important; }
  #section-inside .inside-view-all-mobile { display: block !important; }

  /* Cover + articles: stack vertically */
  #section-inside .inside-content-card {
    flex-direction: column !important;
    padding: 16px !important;
    gap: 24px !important;
  }
  #section-inside .inside-cover {
    width: 100% !important;
    height: 375px !important;
  }

  /* Article rows: tighter on mobile */
  #section-inside .inside-article-inner {
    gap: 12px !important;
  }
  #section-inside .inside-num {
    width: 41px !important;
  }
  #section-inside .inside-num span {
    font-size: 40px !important;
  }
  #section-inside .inside-divider {
    height: 80px !important;
  }

  /* Read More: below excerpt, not right-aligned */
  #section-inside .inside-article-body {
    flex-direction: column !important;
    align-items: flex-start !important;
  }
  #section-inside .inside-article-text {
    max-width: 100% !important;
  }
  #section-inside .inside-article-text p:first-child {
    font-size: 24px !important;
  }
  #section-inside .inside-read-more {
    margin-left: 0 !important;
    margin-top: 8px !important;
  }
}

@media (min-width: 768px) and (max-width: 1023px) {
  #section-inside .mish-section-inner { padding-left: 24px !important; padding-right: 24px !important; }
  #section-inside .inside-content-card { padding: 20px !important; }
  #section-inside .inside-cover { width: 280px !important; height: 340px !important; }
}

/* ── FOOTER ──────────────────────────────────── */
@media (max-width: 767px) {
  #site-footer {
    padding: 48px 24px 20px !important;
  }
  #site-footer .footer-top {
    flex-direction: column !important;
    gap: 32px !important;
  }
  #site-footer .footer-brand {
    width: 100% !important;
  }
  #site-footer .footer-nav {
    width: 100% !important;
    flex-wrap: wrap !important;
    gap: 32px !important;
  }
  #site-footer .footer-sections {
    width: 50% !important;
  }
  #site-footer .footer-company {
    width: 40% !important;
  }
  #site-footer .footer-bottom {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 8px !important;
  }
}

/* ── GENERIC SECTION UTILS ───────────────────── */
@media (max-width: 767px) {
  .mish-section-inner {
    padding-left: 16px !important;
    padding-right: 16px !important;
    max-width: 100% !important;
  }
}

/* ── PODCAST SINGLE PAGE ─────────────────────── */

/* Tablet: collapse sidebar below episodes */
@media (max-width: 1000px) {
  .ps-main-grid {
    grid-template-columns: 1fr !important;
    gap: 48px !important;
  }
  .ps-sidebar {
    position: static !important;
  }
}

/* Tablet: hero 1-col */
@media (max-width: 880px) {
  .ps-hero-grid {
    grid-template-columns: 1fr !important;
    gap: 32px !important;
    justify-items: center !important;
    text-align: center !important;
  }
  .ps-hero-cov {
    width: 220px !important;
    height: 220px !important;
  }
  .ps-hero-eye,
  .ps-hero-tags,
  .ps-hero-meta,
  .ps-hero-cta { justify-content: center !important; }
  .ps-hero-tag { margin-left: auto !important; margin-right: auto !important; }
  .ps-hstats {
    grid-template-columns: repeat(2, 1fr) !important;
    text-align: left !important;
  }
  .ps-other-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
  /* Mini player: hide right side + progress bar on small screens */
  .ps-mini-in {
    grid-template-columns: 1fr auto !important;
  }
  .ps-mini-r { display: none !important; }
  .ps-mini-c { min-width: 0 !important; }
  .ps-mini-bar-row { display: none !important; }
}

/* Mobile: full collapse */
@media (max-width: 640px) {
  .ps-wrap { padding: 0 20px !important; }

  .ps-hero { padding: 40px 0 32px !important; }
  .ps-hero-h { font-size: 40px !important; }
  .ps-hero-cta { flex-direction: column !important; align-items: center !important; }
  .ps-btn-primary,
  .ps-btn-ghost { width: 100% !important; justify-content: center !important; }

  .ps-hstats { grid-template-columns: repeat(2, 1fr) !important; }

  .ps-plats-row { gap: 10px !important; }
  .ps-plat { font-size: 12px !important; padding: 8px 12px !important; }

  .ps-ep-filter {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 10px !important;
  }
  .ps-ep-search { width: 100% !important; }

  .ps-ep-item {
    grid-template-columns: 52px 1fr !important;
    gap: 14px !important;
    padding: 16px 12px !important;
    margin: 0 -12px !important;
  }
  .ps-ep-side { display: none !important; }
  .ps-ep-cov { width: 52px !important; height: 52px !important; }

  .ps-rel-grid {
    grid-template-columns: 1fr !important;
    gap: 24px !important;
  }

  .ps-other-grid {
    grid-template-columns: 1fr !important;
  }
}

/* ── SEARCH RESULTS PAGE ─────────────────────── */

/* Tablet (768–1023px) */
@media (min-width: 768px) and (max-width: 1023px) {
  .sr-wrap      { padding: 0 24px !important; }
  .sr-ftabs     { padding: 0 24px !important; }
  .sr-hero      { padding: 40px 0 24px !important; }

  /* Collapse 2-col layout to 1-col; sidebar drops below */
  .sr-layout {
    grid-template-columns: 1fr !important;
    gap: 40px !important;
  }
  .sr-sidebar   { position: static !important; }

  /* Issue grid: 3 columns */
  .sr-issue-grid { grid-template-columns: repeat(3, 1fr) !important; }

  /* Chips: wrap, allow more overflow */
  .sr-chips { flex-wrap: wrap !important; }
}

/* Mobile (≤767px) */
@media (max-width: 767px) {
  /* Wrapper & tabs */
  .sr-wrap    { padding: 0 16px !important; }
  .sr-ftabs   { padding: 0 16px !important; }

  /* Hero */
  .sr-hero    { padding: 32px 0 20px !important; }
  .sr-h1      { font-size: 26px !important; }
  .sr-sub     { font-size: 15px !important; margin-bottom: 20px !important; }
  .sr-form-input { font-size: 15px !important; padding: 14px 0 !important; }
  .sr-form-btn   { padding: 0 18px !important; font-size: 13px !important; }

  /* Filter tabs: allow horizontal scroll, no wrap */
  .sr-ftabs { flex-wrap: nowrap !important; }
  .sr-ftab  { padding: 13px 14px !important; font-size: 12px !important; }

  /* Toolbar: stack chips + sort, hide chips on mobile */
  .sr-toolbar  { flex-direction: column !important; align-items: flex-start !important; gap: 10px !important; }
  .sr-chips    { display: none !important; }
  .sr-sort-row { width: 100% !important; justify-content: flex-start !important; }
  .sr-sort-select { flex: 1 !important; }

  /* Layout: single column */
  .sr-layout  { grid-template-columns: 1fr !important; gap: 32px !important; }
  .sr-sidebar { position: static !important; }

  /* Top result: stack image above text */
  .sr-top-result  { grid-template-columns: 1fr !important; }
  .sr-tr-img      { min-height: 200px !important; order: -1 !important; }
  .sr-tr-body     { padding: 22px 18px !important; }
  .sr-tr-title    { font-size: 22px !important; }
  .sr-tr-deck     { font-size: 15px !important; display: none !important; }

  /* Article cards: smaller thumb */
  .sr-rcard            { grid-template-columns: 80px 1fr !important; gap: 12px !important; padding: 16px 0 !important; }
  .sr-rcard-title      { font-size: 16px !important; }
  .sr-rcard-deck       { display: none !important; }
  .sr-rcard-pub        { display: none !important; }

  /* Podcast cards: smaller cover, no play button */
  .sr-podcard  { grid-template-columns: 60px 1fr !important; gap: 12px !important; padding: 12px 10px !important; margin: 0 -10px !important; }
  .sr-pod-cover { width: 60px !important; font-size: 20px !important; }
  .sr-pod-play  { display: none !important; }
  .sr-pod-title { font-size: 15px !important; }

  /* Author grid: 1 column */
  .sr-author-grid { grid-template-columns: 1fr !important; }

  /* Issue grid: 2 columns */
  .sr-issue-grid  { grid-template-columns: repeat(2, 1fr) !important; gap: 12px !important; }
  .sr-issue-name  { font-size: 12px !important; }

  /* Pagination: tighter */
  .sr-pagination  { padding: 28px 0 8px !important; gap: 4px !important; }
  .sr-pg-btn      { width: 34px !important; height: 34px !important; font-size: 12px !important; }
  .sr-pg-info     { display: none !important; }

  /* Sidebar: neutral card spacing */
  .sr-sb-card { padding: 18px !important; }

  /* Group headers */
  .sr-group-h   { margin: 32px 0 14px !important; }
  .sr-gh-title  { font-size: 19px !important; }
}

/* ══════════════════════════════════════════════
   CATEGORY PAGE
   ══════════════════════════════════════════════ */

/* ── Tablet: hero stats stack, sidebar hides ──── */
@media (max-width: 1100px) {
  .cat-main-layout  { grid-template-columns: 1fr !important; }
  .cat-sidebar      { position: static !important; }
}

/* ── Medium: columns grid 2-col, hero stats ───── */
@media (max-width: 960px) {
  .cat-cols-grid       { grid-template-columns: repeat(2, 1fr) !important; }
  .cat-hero-in         { grid-template-columns: 1fr !important; gap: 24px !important; align-items: start !important; }
  .cat-stats           { gap: 24px !important; }
  .cat-stat-n          { font-size: 34px !important; }
  .cat-feat-article    { grid-template-columns: 1fr !important; }
  .cat-feat-body       { padding: 32px !important; }
  .cat-feat-img        { min-height: 240px; order: -1; }
}

/* ── Mobile ───────────────────────────────────── */
@media (max-width: 640px) {
  .cat-hero            { padding: 32px 0 24px !important; }
  .cat-cols-strip      { padding: 40px 0 24px !important; }
  .cat-cols-grid       { grid-template-columns: 1fr !important; }
  .cat-subcols         { padding: 0 20px !important; }
  .cat-subcols-in      { padding: 0 4px !important; border-radius: 10px !important; }
  .cat-subcol-tab      { padding: 12px 12px !important; font-size: 12px !important; }
  .cat-feat-strip      { padding: 24px 0 8px !important; }
  .cat-feat-body       { padding: 24px !important; }
  .cat-feat-title      { font-size: 28px !important; }
  .cat-feat-deck       { font-size: 15px !important; }
  .art-row             { grid-template-columns: 96px 1fr !important; gap: 14px !important; }
  .art-row-title       { font-size: 18px !important; }
  .art-row-deck        { -webkit-line-clamp: 2; font-size: 13px !important; }
  .cat-filter-chips    { gap: 6px !important; }
  .cat-chip            { font-size: 12px !important; padding: 6px 12px !important; }
  .cat-pagination      { padding: 32px 0 8px !important; gap: 4px !important; }
  .cat-pg-btn          { width: 34px !important; height: 34px !important; font-size: 12px !important; }
  .cat-pg-info         { display: none !important; }
  .cat-sb-card         { padding: 18px !important; }
}

/* ══════════════════════════════════════════════
   COLUMN PAGE
   ══════════════════════════════════════════════ */

@media (max-width: 1100px) {
  .col-main-layout  { grid-template-columns: 1fr !important; }
  .col-sidebar      { }
}

@media (max-width: 1000px) {
  .col-hero-in      { grid-template-columns: 1fr !important; gap: 32px !important; padding: 48px 0 !important; }
  .col-hero-art     { min-height: 300px !important; }
  .col-latest-feat  { grid-template-columns: 1fr !important; gap: 0 !important; }
  .col-latest-feat-body { padding: 32px !important; order: 2; }
  .col-latest-feat-img  { margin: 0 !important; border-radius: 0 !important; aspect-ratio: 16/9; order: 1; }
}

@media (max-width: 640px) {
  .col-hero-wrap,
  .col-latest-wrap,
  .col-archive-wrap { padding: 0 20px !important; }
  .col-hero-name    { font-size: 42px !important; }
  .col-hero-desc    { font-size: 16px !important; }
  .col-stats        { flex-wrap: wrap; gap: 14px !important; padding: 16px 0 !important; }
  .col-stat         { border-right: 0 !important; padding-right: 0 !important; margin-right: 0 !important; }
  .col-stat-n       { font-size: 28px !important; }
  .col-author-card  { flex-wrap: wrap; }
  .col-author-link  { width: 100%; justify-content: center; order: 3; }
  .col-year-num     { font-size: 42px !important; }
  .col-inst-row     { grid-template-columns: 80px 1fr !important; gap: 14px !important; }
  .col-inst-num-wrap { display: none !important; }
  .col-inst-title   { font-size: 18px !important; }
  .col-inst-deck    { display: none !important; }
  .col-sb-card      { padding: 18px !important; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Contributors page — page-contributors.php
   ════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  #page-contributors .ctr-feat-grid { grid-template-columns: repeat(2, 1fr); }
  #page-contributors .ctr-hero-stats { gap: 24px; }
}

@media (max-width: 960px) {
  #page-contributors .ctr-hero { padding: 40px 0 28px; }
  #page-contributors .ctr-hero-in { grid-template-columns: 1fr; gap: 24px; align-items: start; }
  #page-contributors .ctr-hero::before { font-size: 220px; right: 0; top: -20px; }
  #page-contributors .ctr-hs-n { font-size: 36px; }
  #page-contributors .ctr-search-inp { width: 180px; }
  #page-contributors .ctr-controls-in { gap: 10px; }
}

@media (max-width: 760px) {
  #page-contributors .ctr-hero-wrap,
  #page-contributors .ctr-controls-wrap,
  #page-contributors .ctr-feat-wrap,
  #page-contributors .ctr-az-wrap { padding: 0 20px; }
  #page-contributors .ctr-hero-stats { gap: 16px; }
  #page-contributors .ctr-hs-n { font-size: 28px; }
  #page-contributors .ctr-feat-grid { grid-template-columns: 1fr; }
  #page-contributors .ctr-author-row { grid-template-columns: 48px 1fr; gap: 14px; }
  #page-contributors .ctr-author-av { width: 48px; height: 48px; }
  #page-contributors .ctr-author-right { display: none; }
  #page-contributors .ctr-author-name { font-size: 17px; }
  #page-contributors .ctr-letter-anchor { font-size: 40px; }
  #page-contributors .ctr-search-box { flex: 1; }
  #page-contributors .ctr-search-inp { width: 100%; min-width: 0; }
  #page-contributors .ctr-divider { display: none; }
  #page-contributors .ctr-sort-wrap { width: 100%; justify-content: flex-end; }
  #page-contributors .ctr-az-letter { width: 28px; height: 28px; font-size: 12px; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Single contributor page — taxonomy-contributors.php
   ════════════════════════════════════════════════════════════════════════════ */

@media (max-width: 1100px) {
  #page-contributor .ctrp-main-layout { grid-template-columns: 1fr; }
}

@media (max-width: 880px) {
  #page-contributor .ctrp-hero-in { grid-template-columns: 1fr; gap: 32px; }
  #page-contributor .ctrp-photo-col { max-width: 280px; }
  #page-contributor .ctrp-hero::before { font-size: 320px; }
  #page-contributor .ctrp-quotes-grid { grid-template-columns: 1fr; }
  #page-contributor .ctrp-stats { gap: 28px; }
  #page-contributor .ctrp-stat-n { font-size: 28px; }
  #page-contributor .ctrp-latest-feat { grid-template-columns: 1fr; }
  #page-contributor .ctrp-latest-feat-body { padding: 28px; order: 2; }
  #page-contributor .ctrp-latest-feat-img { aspect-ratio: 16/9; order: 1; }
  #page-contributor .ctrp-latest-feat-deck { font-size: 15px; }
}

@media (max-width: 760px) {
  #page-contributor .ctrp-wrap { padding: 0 20px; }
  #page-contributor .ctrp-hero { padding: 36px 0 32px; }
  #page-contributor .ctrp-name { font-size: clamp(36px, 8vw, 56px) !important; }
  #page-contributor .ctrp-bio { font-size: 16px; }
  #page-contributor .ctrp-art-row { grid-template-columns: 1fr; gap: 12px; }
  #page-contributor .ctrp-art-img { order: -1; aspect-ratio: 16/9; }
  #page-contributor .ctrp-art-row-stat { display: none; }
  #page-contributor .ctrp-art-title { font-size: 18px; }
  #page-contributor .ctrp-arch-tools { width: 100%; }
  #page-contributor .ctrp-ai-section { padding: 24px; border-radius: 12px; }
  #page-contributor .ctrp-ai-body { font-size: 16px; }
  #page-contributor .ctrp-quote-text { font-size: 18px; }
  #page-contributor .ctrp-latest-head { flex-direction: column; align-items: flex-start; gap: 10px; }
  #page-contributor .ctrp-latest-link { font-size: 11px; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Sign In page — page-sign-in.php
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 980px) {
  #page-signin .si-page-grid { grid-template-columns: 1fr; }
  #page-signin .si-form-panel { padding: 40px 24px 64px; }
  #page-signin .si-value-panel { padding: 48px 24px 64px; }
  #page-signin .si-nav { padding: 0 20px; }
}

@media (max-width: 560px) {
  #page-signin .si-h-title { font-size: 34px; }
  #page-signin .si-nav-help-lnk span { display: none; }
  #page-signin .si-testimonial-quote { font-size: 17px; }
  #page-signin .si-mode-btn { font-size: 11px; padding: 8px 4px; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Subscribe page — page-subscribe.php
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 880px) {
  #page-subscribe .sb-benefits { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 760px) {
  #page-subscribe .sb-paths { grid-template-columns: 1fr; }
  #page-subscribe .sb-path-card { padding: 28px 24px; }
  #page-subscribe .sb-hero { padding: 56px 0 80px; }
  #page-subscribe .sb-ben-h-sub { text-align: left; }
  #page-subscribe .sb-help-row { grid-template-columns: 1fr; padding: 28px 24px; }
}

@media (max-width: 640px) {
  #page-subscribe .sb-wrap { padding: 0 20px; }
}

@media (max-width: 520px) {
  #page-subscribe .sb-benefits { grid-template-columns: 1fr; }
  #page-subscribe .sb-stepper { gap: 8px; font-size: 11px; }
  #page-subscribe .sb-step-line { width: 16px; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Subscribe US/CA — page-subscribe-usca.php
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  #page-usca .usca-help-band { flex-direction: column; align-items: flex-start; }
  #page-usca .usca-help-band-r { width: 100%; }
}

@media (max-width: 640px) {
  #page-usca .usca-wrap { padding: 0 20px; }
  #page-usca .usca-card-head { padding: 16px 20px; }
  #page-usca .usca-card-body { padding: 20px; }
  #page-usca .usca-order-grid { grid-template-columns: 1fr; }
  #page-usca .usca-order-price { text-align: left; }
  #page-usca .usca-order-price-n { justify-content: flex-start; }
}

@media (max-width: 540px) {
  #page-usca .usca-billing-opts { grid-template-columns: 1fr; }
  #page-usca .usca-fields { grid-template-columns: 1fr; }
  #page-usca .usca-nz-frame-stage { min-height: 1000px; }
  #page-usca .usca-nz-frame { height: 1000px; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Subscribe International — page-subscribe-international.php
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 760px) {
  #page-intl .intl-help-band { flex-direction: column; align-items: flex-start; }
  #page-intl .intl-help-band-r { width: 100%; }
}

@media (max-width: 640px) {
  #page-intl .intl-wrap { padding: 0 20px; }
  #page-intl .intl-card-head { padding: 16px 20px; }
  #page-intl .intl-card-body { padding: 20px; }
  #page-intl .intl-gf-wrap { padding: 22px; }
  #page-intl .intl-totals-grid { grid-template-columns: 1fr; }
  #page-intl .intl-totals-price { text-align: left; }
  #page-intl .intl-totals-price-n { justify-content: flex-start; }
}

@media (max-width: 560px) {
  #page-intl .intl-region-opts { grid-template-columns: 1fr; }
}

/* ════════════════════════════════════════════════════════════════════════════
   Videos page — page-videos.php
   ════════════════════════════════════════════════════════════════════════════ */
@media (max-width: 1100px) {
  #page-videos .v-layout { grid-template-columns: 1fr; }
  #page-videos .v-sidebar { position: static; }
}

@media (max-width: 1000px) {
  #page-videos .v-shows-grid { grid-template-columns: repeat(3, 1fr); }
  #page-videos .v-vgrid { grid-template-columns: repeat(4, 1fr); }
  #page-videos .vcard { grid-column: span 2; }
  #page-videos .vcard--feat { grid-column: span 4; grid-row: auto; }
  #page-videos .vcard--wide { grid-column: span 2; }
}

@media (max-width: 880px) {
  #page-videos .v-hero-in { grid-template-columns: 1fr; gap: 32px; padding: 36px 0 40px; }
  #page-videos .v-player-play { width: 64px; height: 64px; }
  #page-videos .v-cw-grid { grid-template-columns: repeat(2, 1fr); }
  #page-videos .v-vgrid { grid-template-columns: repeat(2, 1fr); }
  #page-videos .vcard { grid-column: span 1; }
  #page-videos .vcard--feat { grid-column: span 2; grid-row: auto; }
  #page-videos .vcard--wide { grid-column: span 2; }
  #page-videos .v-fsbox { min-width: 160px; }
  #page-videos .v-fviews { display: none; }
}

@media (max-width: 760px) {
  #page-videos .v-hero-wrap,
  #page-videos .v-wrap { padding: 0 20px; }
  #page-videos .v-shows-grid { grid-template-columns: repeat(2, 1fr); }
  #page-videos .v-cw-grid { grid-template-columns: 1fr; }
}

@media (max-width: 540px) {
  #page-videos .v-vgrid { grid-template-columns: 1fr; }
  #page-videos .vcard,
  #page-videos .vcard--feat,
  #page-videos .vcard--wide { grid-column: span 1; }
  #page-videos .v-vgrid--list .vcard { grid-template-columns: 1fr; }
  #page-videos .v-v-gridlist .vthumb { aspect-ratio: 16/9; }
}