/* Sinclair client review, 16 September 2026. Scoped to the reviewed sections. */
.review-community {
  padding: 88px 0 96px;
  scroll-margin-top: 100px;
  background: radial-gradient(ellipse at 100% 0, #e4f1f3 0, transparent 48%), #f7f8f5;
  border-top: 1px solid #d8e6e8;
}
.review-community .title-area { max-width: 850px; margin: 0 auto 44px; }
.review-community .title-area .sec-text { max-width: 720px; margin: 18px auto 0; }
.review-community-grid { display: grid; grid-template-columns: 1.13fr 1fr; gap: 28px; }
.review-community-card { position: relative; padding: 36px; border-radius: 24px; box-shadow: 0 12px 36px #164b5910; }
.review-community-card--lessons { background: #fff; border: 1px solid #d9e7e9; }
.review-icon { display: inline-flex; align-items: center; justify-content: center; width: 52px; height: 52px; flex: 0 0 52px; border-radius: 16px; background: #e8f3f5; color: #0d769b; font-size: 25px; }
.review-community .review-eyebrow { font-size: 12px; font-weight: 800; letter-spacing: 1.3px; line-height: 1.5; color: #866019; margin: 24px 0 10px; }
.review-community h3 { font-size: clamp(25px, 2.5vw, 32px); line-height: 1.25; margin: 0 0 20px; color: #0a526b; }
.review-community p { font-size: 16px; line-height: 1.7; color: #435e68; }
.review-topics { display: grid; grid-template-columns: 1fr 1fr; list-style: none; padding: 0; margin: 24px 0; gap: 10px; }
.review-topics li { display: flex; align-items: center; padding: 12px 14px; border-radius: 10px; background: #edf6f7; color: #145f77; font-size: 14px; font-weight: 600; }
.review-topics li::before { content: ''; width: 6px; height: 6px; flex: 0 0 6px; border-radius: 50%; margin-right: 10px; background: #bc812c; }
.review-community .review-card-note { margin: 0; padding-top: 20px; border-top: 1px solid #e0eaec; font-size: 14px; }
.review-community-card--support { background: radial-gradient(circle at 100% 0, #27899f 0, transparent 55%), linear-gradient(145deg, #106d85, #094d65); }
.review-community-card--support .review-icon { background: #ffffff18; border: 1px solid #ffffff30; color: #f6d39a; }
.review-community-card--support .review-eyebrow { color: #f6d39a; }
.review-community-card--support h3, .review-community-card--support h4 { color: #fff; }
.review-community-card--support p { color: #e2f0f3; }
.review-support-point { margin-top: 25px; }
.review-support-point h4 { font-size: 18px; line-height: 1.4; margin-bottom: 7px; }
.review-support-point p { margin-bottom: 0; }
.review-community .review-invitation { display: flex; gap: 12px; align-items: flex-start; margin: 28px 0 0; padding-top: 24px; border-top: 1px solid #ffffff30; font-size: 14px; }
.review-invitation i { margin-top: 5px; color: #f6d39a; }
.review-community-film { display: grid; grid-template-columns: .72fr 1.28fr; gap: 36px; align-items: center; margin-top: 36px; padding: 32px; border-radius: 24px; background: #fff; border: 1px solid #d9e7e9; box-shadow: 0 10px 32px #164b590a; }
.review-film-copy { padding: 8px 0 8px 8px; }
.review-community .review-film-copy .review-eyebrow { margin-top: 0; }
.review-film-copy p { margin-bottom: 20px; }
.review-film-cue { display: inline-flex; align-items: center; gap: 9px; color: #0a526b; font-size: 14px; font-weight: 600; }
.review-film-cue i { color: #ba7d28; font-size: 20px; }
.review-film-player { margin: 0; min-width: 0; }
.review-film-player video { display: block; width: 100%; height: auto; aspect-ratio: 16/9; border-radius: 14px; background: #103f4b; }
.review-film-player figcaption { font-size: 13px; line-height: 1.5; color: #536c74; margin-top: 14px; }
/* Remove the fixed legacy price shapes so headers size to their content. */
#programme-prices { padding-bottom: 72px; }
#programme-prices > .container > .row.gy-30 { align-items: stretch; }
#programme-prices > .container > .row.gy-30 > div { display: flex; }
#programme-prices .pricing-card { width: 100%; display: flex; flex-direction: column; padding: 36px; border-radius: 24px; border: 1px solid #cbdfe5; box-shadow: 0 12px 32px #164b5910; overflow: hidden; background: #fff; }
#programme-prices .pricing-card .pricing-plan { position: relative; min-height: 0; width: 100%; padding: 0 0 25px; margin: 0 0 24px; text-align: left; border-bottom: 1px solid #d8e6eb; }
#programme-prices .pricing-card .pricing-plan .path { display: none; }
#programme-prices .pricing-card .plan { color: #0a526b; margin: 0 0 16px; font-size: 23px; line-height: 1.3; }
#programme-prices .pricing-card .price { color: #0a526b; font-size: 48px; font-weight: 800; line-height: 1.1; margin: 0 0 14px; padding: 0; }
#programme-prices .pricing-card .billing-cycle { color: #405f6c; margin: 0; max-width: none; line-height: 1.55; font-size: 15px; }
#programme-prices .pricing-card > p { color: #405f6c; margin-bottom: 0; }
#programme-prices .pricing-card .features { margin: 26px 0 30px; }
#programme-prices .pricing-card .features li { color: #355663; line-height: 1.6; }
#programme-prices .pricing-card > .theme-btn { margin-top: auto; }
#programme-prices .pricing-card:not(.review-plan-featured) > .theme-btn { background: #0d769b; color: #fff; }
#programme-prices .pricing-card.review-plan-featured { background: linear-gradient(150deg, #117a96, #08556e); border-color: #09627d; }
#programme-prices .pricing-card.review-plan-featured .pricing-plan { border-bottom-color: #ffffff35; }
#programme-prices .pricing-card.review-plan-featured :is(.plan,.price,.billing-cycle) { color: #fff; }
#programme-prices .pricing-card.review-plan-featured > p, #programme-prices .pricing-card.review-plan-featured .features li { color: #eaf5f8; }
#programme-prices .pricing-card.review-plan-featured .features .checkmark { color: #f2c785; }
#programme-prices .recommended-badge { position: static; align-self: flex-start; margin: 0 0 24px; padding: 8px 14px; border-radius: 30px; color: #714812; background: #ffe4b6; font-size: 12px; line-height: 1.4; box-shadow: none; transform: none; }
#programme-prices .pricing-card:not(.review-plan-featured) .pricing-plan { margin-top: 57px; }
#programme-prices .review-medication-disclosure { margin: 30px auto 36px; max-width: 980px; }
#programme-prices .payment-options-panel { margin-top: 32px; padding: 30px 34px; border: 1px solid #ead8ba; border-radius: 20px; background: linear-gradient(125deg,#fff9ef,#fffdf9); }
#programme-prices .payment-options-panel h3 { margin-bottom: 12px; }
#programme-prices .payment-options-panel p:last-child { margin-bottom: 0; }
/* Homepage benefits: clear full-width community inclusion and composed payment choices. */
.programme-included-card li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.programme-payment-stack .review-payment-card { justify-content: flex-start; padding: 32px; gap: 0; }
.review-payment-heading { display: flex; align-items: center; gap: 16px; }
.review-payment-heading h3 { margin: 0; }
.review-payment-card .review-payment-intro { margin: 20px 0 22px; }
.review-payment-choice { padding: 18px 0; border-top: 1px solid #cfdfe4; }
.review-payment-choice h4 { font-size: 18px; line-height: 1.4; margin: 0 0 5px; color: #0a526b; }
.review-payment-choice p { margin: 0; }
.review-payment-card .review-finance-terms { margin: 4px 0 24px; }
.review-payment-card .review-finance-terms small { margin: 0; line-height: 1.6; color: #536974; }
.review-text-link { display: inline-flex; align-items: center; justify-content: space-between; gap: 12px; padding-top: 18px; border-top: 1px solid #cfdfe4; margin-top: auto; color: #085b76; font-size: 15px; font-weight: 700; line-height: 1.5; text-decoration: underline; text-underline-offset: 4px; }
.review-text-link:focus-visible, .review-community-tile:focus-visible { outline: 3px solid #d49a45; outline-offset: 5px; }
.review-origins { padding: 32px 0; background: #fff; }
.review-origins .sec-text { max-width: 890px; margin: 0 auto; line-height: 1.7; font-size: 16px; }
.review-origins a { font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.review-origins + .home-client-update--thinking { padding-top: 72px; }
.review-community-tile .awards span { display: inline-flex; align-items: center; justify-content: center; width: 70px; height: 70px; border-radius: 22px; background: #e3f2f5; color: #0d769b; font-size: 34px; }
.review-community-tile .content p { line-height: 1.65; }
.review-team-grid { justify-content: center; }
.review-team-grid > div { display: flex; }
.review-team-grid :is(.team-card,.team-single-box) { width: 100%; }
@media (max-width: 991px) {
  .review-community { padding: 64px 0 72px; }
  .review-community-grid { gap: 20px; }
  .review-community-card { padding: 26px; }
  .review-community-film { gap: 24px; padding: 26px; }
  #programme-prices .pricing-card { padding: 28px; }
}
@media (max-width: 767px) {
  .review-community { padding: 52px 0 60px; }
  .review-community .title-area { margin-bottom: 28px; }
  .review-community-grid, .review-community-film { grid-template-columns: 1fr; }
  .review-community-card { border-radius: 20px; padding: 26px 24px; }
  .review-community-film { margin-top: 24px; padding: 24px; gap: 24px; border-radius: 20px; }
  .review-film-copy { padding: 0; }
  .review-community h3 { font-size: 26px; }
  .review-community .title-area .sec-text { margin-top: 16px; }
  .review-topics { gap: 8px; }
  .review-topics li { padding: 10px; font-size: 13px; }
  #programme-prices { padding-bottom: 48px; }
  #programme-prices .pricing-card { padding: 26px; border-radius: 20px; }
  #programme-prices .pricing-card:not(.review-plan-featured) .pricing-plan { margin-top: 0; }
  #programme-prices .payment-options-panel { padding: 24px; }
  .programme-payment-stack .review-payment-card { padding: 26px; }
  .review-payment-heading { gap: 12px; }
  .review-payment-heading h3 { font-size: 27px; }
  .review-origins { padding: 26px 8px; }
  .review-origins + .home-client-update--thinking { padding-top: 48px; }
}
@media (prefers-reduced-motion: reduce) {
  .review-community *, #programme-prices .pricing-card { transition: none; }
}

#programme-prices .pricing-card > p { text-align: left; }

.review-community-tile .info-box .content { display: flex; align-items: center; gap: 18px; }
.review-community-tile .awards { flex: 0 0 64px; }
.review-community-tile .awards span { width: 64px; height: 64px; border-radius: 18px; }
.review-community-tile .info-box .content p { margin: 0; font-size: 17px; line-height: 1.6; }
.review-community-tile .info-box .content strong { font-size: 16px; }
@media (max-width: 575px) {
  .review-community-tile .info-box .content { gap: 14px; }
  .review-community-tile .awards { flex-basis: 52px; }
  .review-community-tile .awards span { width: 52px; height: 52px; font-size: 27px; }
  .review-community-tile .info-box .content p { font-size: 15px; }
  .review-community-tile .info-box .content strong { font-size: 14px; }
}

.hero-section.style-6 .review-community-tile .info-box.style-2 .inner-box .content { width: 100%; max-width: none; }

/* Clear finance comparison: monthly amount, whole fee, and support period together. */
.review-humm-logo { width: 88px; height: auto; object-fit: contain; flex: 0 0 auto; }
.review-payment-card .review-monthly-amount { color:#085b76; font-size:46px; line-height:1.15; font-weight:800; margin:28px 0 18px; }
.review-monthly-amount > span { display:block; font-size:16px; line-height:1.5; font-weight:500; margin-bottom:6px; }
.review-monthly-amount > small { display:block; font-size:19px; line-height:1.5; margin:5px 0 0; color:#355663; }
.review-payment-card .review-finance-summary { color:#214f61; font-size:17px; line-height:1.6; margin:0 0 18px; }
.review-support-period { color:#355663; font-size:15px; line-height:1.6; padding:16px 18px; background:#e9f3f6; border-radius:12px; margin-bottom:22px; }
#programme-prices .pricing-humm-main > span { display:block; font-size:16px; line-height:1.4; font-weight:500; margin-bottom:6px; }
#programme-prices .pricing-humm-main > small { display:block; font-size:18px; line-height:1.5; margin-top:7px; font-weight:500; }
#programme-prices .billing-cycle strong { font-size:21px; line-height:1.5; }
#programme-prices .review-card-terms { color:#47626e; font-size:13px; line-height:1.6; margin:16px 0 0; }
#programme-prices .review-plan-featured .review-card-terms { color:#eaf5f8; }
.review-home-price { margin:18px 0 25px; }
.review-home-price .review-price-from, .review-home-price .review-price-month { display:block; font-size:15px; line-height:1.5; }
.pricing-title .review-home-price h2 { margin:4px 0; font-size:44px; line-height:1.15; }
.pricing-title .review-home-price p { margin:14px 0 10px; font-size:16px; line-height:1.5; }
.review-home-price small { display:block; font-size:12px; line-height:1.6; }
@media (max-width:575px) {
 .review-payment-heading { flex-wrap:wrap; gap:12px; }
 .review-payment-card .review-monthly-amount { font-size:42px; }
 #programme-prices .pricing-card .price { font-size:42px; }
}

/* Preserve readable finance details in the homepage cards' existing hover/current state. */
.pricing-section.style-3 .pricing-single-box .pricing-title .review-home-price p { background:transparent; border:0; padding:0; margin:14px 0 10px; font-size:16px; line-height:1.55; }
.pricing-section.style-3 .pricing-single-box .pricing-title .review-home-price h2 { padding:0; margin:8px 0; font-size:42px; line-height:1.15; }
.pricing-section.style-3 .pricing-single-box .pricing-title .review-home-price h2 sup { position:static; vertical-align:super; font-size:22px; line-height:1; padding:0; }
.pricing-section.style-3 .pricing-single-box:is(:hover,.current) .review-home-price :is(span,small) { color:#f2f8fa; }
.pricing-section.style-3 .pricing-single-box:is(:hover,.current) .pricing-box-right .pricing-desc,
.pricing-section.style-3 .pricing-single-box:is(:hover,.current) .pricing-box-right .pricing-list li { color:#f2f8fa; }
