/* =========================================================
   RV 101 Pages (Scoped)
   - Educational “Why Buy” pages under RV 101
   - Page layout only (no token redefinitions)
   - Keep everything scoped to .yrvb-rv101 wrappers
========================================================= */

#page .yrvb-rv101 .yrvb-rv101-hero{
  background: var(--yrvb-hero-bg);
  border-bottom: 1px solid var(--yrvb-border);
  padding: 44px 0;
}

#page .yrvb-rv101 .yrvb-rv101-hero__inner{
  display: grid;
  grid-template-columns: 1.05fr 0.95fr;
  gap: 28px;
  align-items: center;
}

#page .yrvb-rv101 .yrvb-rv101-kicker{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  font-weight: 900;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  font-size: 0.82rem;
  color: var(--yrvb-blue);
  margin-bottom: 10px;
}
#page .yrvb-rv101 .yrvb-rv101-kicker::before{
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 999px;
  background: var(--yrvb-gold);
  box-shadow: 0 0 0 4px rgba(212,168,83,0.18);
}

#page .yrvb-rv101 .yrvb-rv101-hero__copy h1{
  margin-bottom: 12px;
  color: var(--yrvb-blue);
}

#page .yrvb-rv101 .yrvb-rv101-hero__copy .yrvb-muted{
  font-size: 1.06rem;
  line-height: 1.7;
  margin-bottom: 0;
}

#page .yrvb-rv101 .yrvb-rv101-hero__media{
  order: 1;
}
#page .yrvb-rv101 .yrvb-rv101-hero__copy{
  order: 2;
}

#page .yrvb-rv101 .yrvb-rv101-hero__image{
  width: 100%;
  height: auto;
  border-radius: var(--yrvb-radius-lg);
  border: 1px solid var(--yrvb-border);
  box-shadow: var(--yrvb-shadow-soft);
  display: block;
  background: #fff;
}

#page .yrvb-rv101 .yrvb-rv101-hero__image-fallback{
  width: 100%;
  aspect-ratio: 16/10;
  border-radius: var(--yrvb-radius-lg);
  border: 1px solid var(--yrvb-border);
  box-shadow: var(--yrvb-shadow-soft);
  background: linear-gradient(135deg, rgba(10,35,66,.18), rgba(212,168,83,.18));
}

#page .yrvb-rv101 .yrvb-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin-top: 18px;
}

/* Outline button needs to be readable on light hero backgrounds */
#page .yrvb-rv101 .yrvb-rv101-hero .yrvb-btn--outline{
  background: rgba(255,255,255,0.65);
  border-color: rgba(10,35,66,.28);
  color: var(--yrvb-blue) !important;
}
#page .yrvb-rv101 .yrvb-rv101-hero .yrvb-btn--outline:hover{
  background: #fff;
  border-color: rgba(10,35,66,.55);
  color: var(--yrvb-blue) !important;
}

#page .yrvb-rv101 .yrvb-rv101-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 16px;
}

#page .yrvb-rv101 .yrvb-rv101-pill{
  display: inline-flex;
  align-items: center;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--yrvb-border);
  background: rgba(255,255,255,0.75);
  color: var(--yrvb-blue);
  font-weight: 800;
  font-size: 0.88rem;
}

/* Section headers */
#page .yrvb-rv101 .yrvb-rv101-sectionhead{
  max-width: 900px;
  margin: 0 auto 18px;
  text-align: center;
}
#page .yrvb-rv101 .yrvb-rv101-sectionhead h2{
  color: var(--yrvb-blue);
}

/* Card helpers */
#page .yrvb-rv101 .yrvb-rv101-card{
  padding: 22px;
}
#page .yrvb-rv101 .yrvb-rv101-card h3{
  color: var(--yrvb-blue);
}

/* Grids */
#page .yrvb-rv101 .yrvb-rv101-grid{
  display: grid;
  gap: 16px;
}
#page .yrvb-rv101 .yrvb-rv101-grid--2{
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
#page .yrvb-rv101 .yrvb-rv101-grid--3{
  grid-template-columns: repeat(3, minmax(0, 1fr));
}

/* Lists */
#page .yrvb-rv101 .yrvb-rv101-list{
  margin: 0;
  padding-left: 18px;
}
#page .yrvb-rv101 .yrvb-rv101-list li{
  margin: 0 0 10px;
  color: var(--yrvb-slate);
}

/* Brand tags */
#page .yrvb-rv101 .yrvb-rv101-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin-top: 14px;
}
#page .yrvb-rv101 .yrvb-rv101-tag{
  display: inline-flex;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--yrvb-border);
  background: #fff;
  color: var(--yrvb-blue);
  font-weight: 800;
  font-size: 0.88rem;
  text-decoration: none;
}
#page .yrvb-rv101 .yrvb-rv101-tag:hover{
  background: rgba(10,35,66,.08);
  text-decoration: none;
}

/* Comparison table */
#page .yrvb-rv101 .yrvb-rv101-table-wrap{
  overflow: auto;
  border-radius: var(--yrvb-radius-lg);
  border: 1px solid var(--yrvb-border);
  background: #fff;
  box-shadow: var(--yrvb-shadow-soft);
}
#page .yrvb-rv101 .yrvb-rv101-table{
  width: 100%;
  border-collapse: collapse;
  min-width: 760px;
}
#page .yrvb-rv101 .yrvb-rv101-table th,
#page .yrvb-rv101 .yrvb-rv101-table td{
  padding: 14px 16px;
  border-bottom: 1px solid var(--yrvb-border);
  vertical-align: top;
}
#page .yrvb-rv101 .yrvb-rv101-table th{
  background: rgba(10,35,66,.10);
  color: var(--yrvb-blue);
  font-weight: 900;
}
#page .yrvb-rv101 .yrvb-rv101-table td{
  color: var(--yrvb-slate);
}
#page .yrvb-rv101 .yrvb-rv101-table td strong{
  color: var(--yrvb-blue);
}

/* FAQ (no JS) */
#page .yrvb-rv101 .yrvb-rv101-faq{
  display: grid;
  gap: 12px;
  max-width: 980px;
  margin: 0 auto;
}
#page .yrvb-rv101 .yrvb-rv101-faq details{
  border: 1px solid var(--yrvb-border);
  border-radius: var(--yrvb-radius);
  background: #fff;
  box-shadow: 0 8px 18px rgba(16,24,40,.06);
  overflow: hidden;
}
#page .yrvb-rv101 .yrvb-rv101-faq summary{
  cursor: pointer;
  padding: 16px 18px;
  font-weight: 900;
  color: var(--yrvb-blue);
  list-style: none;
}
#page .yrvb-rv101 .yrvb-rv101-faq summary::-webkit-details-marker{
  display: none;
}
#page .yrvb-rv101 .yrvb-rv101-faq details[open] summary{
  border-bottom: 1px solid var(--yrvb-border);
}
#page .yrvb-rv101 .yrvb-rv101-faq .yrvb-rv101-faq__body{
  padding: 16px 18px;
  color: var(--yrvb-slate);
}

/* Final CTA */
#page .yrvb-rv101 .yrvb-rv101-cta{
  background: linear-gradient(135deg, rgba(10,35,66,.95), rgba(128,0,32,.92));
  padding: 64px 0;
}
#page .yrvb-rv101 .yrvb-rv101-cta .yrvb-container{
  text-align: center;
  max-width: 920px;
}
#page .yrvb-rv101 .yrvb-rv101-cta h2{
  color: #fff;
}
#page .yrvb-rv101 .yrvb-rv101-cta p{
  color: rgba(255,255,255,0.92);
  font-size: 1.06rem;
  line-height: 1.7;
}

/* Hub cards */
#page .yrvb-rv101 .yrvb-rv101-hub-grid{
  display: grid;
  gap: 16px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#page .yrvb-rv101 .yrvb-rv101-hub-card{
  padding: 22px;
  height: 100%;
}
#page .yrvb-rv101 .yrvb-rv101-hub-card a{
  text-decoration: none;
}
#page .yrvb-rv101 .yrvb-rv101-hub-title{
  font-weight: 900;
  color: var(--yrvb-blue);
  margin: 0 0 10px;
  font-size: 1.2rem;
  line-height: 1.2;
}
#page .yrvb-rv101 .yrvb-rv101-hub-desc{
  color: var(--yrvb-slate);
  margin: 0;
}

/* Responsive */
@media (max-width: 980px){
  #page .yrvb-rv101 .yrvb-rv101-hero__inner{
    grid-template-columns: 1fr;
  }
  #page .yrvb-rv101 .yrvb-rv101-hero__media{ order: 1; }
  #page .yrvb-rv101 .yrvb-rv101-hero__copy{ order: 2; }

  #page .yrvb-rv101 .yrvb-rv101-grid--2,
  #page .yrvb-rv101 .yrvb-rv101-grid--3{
    grid-template-columns: 1fr;
  }

  #page .yrvb-rv101 .yrvb-rv101-table{
    min-width: 640px;
  }

  #page .yrvb-rv101 .yrvb-rv101-hub-grid{
    grid-template-columns: 1fr;
  }
}