/* Local review overlay. The original page, content and typography are retained. */
:root {
  --polish-group-gap: 32px;
  --polish-section-gap: 48px;
  --polish-section-wide: 64px;
}
.hero {
  position: relative;
  isolation: isolate;
  padding-block: 64px;
  column-gap: 64px;
  background-color: #f8f4eb;
}
.hero::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: url("engraved-pathways.svg") no-repeat center / 100% 100%;
}
.hero .eyebrow { margin-bottom: 24px; }
.hero-actions { margin-top: var(--polish-group-gap); }
.database-stage {
  padding-block: var(--polish-section-wide);
  background-color: #e9e6dc;
  background-image: url("fine-grain.svg"), url("pathway-lines.svg");
  background-size: 240px, cover;
  background-position: left top, center;
}
.database-workspace, .plan-app { padding-bottom: 20px; }
.scale-band { padding-block: 40px; }
.landscape-section { padding-block: 48px 40px; }
.editorial-row { padding-block: var(--polish-section-gap); }
.pathway-section {
  padding-block: 48px 40px;
  background-image: url("fine-grain.svg");
  background-size: 240px;
  background-blend-mode: multiply;
}
.audience-tabs { margin-top: var(--polish-group-gap); }
.plan-app { margin-top: 24px; }
.fund-section { padding-block: 48px 40px; }
.pricing-section { padding-block: 40px 32px; }
.pricing-heading { margin-bottom: 24px; }
.faq-section { padding-block: 32px 48px; }
.closing > .wrap { padding-block: 40px; }
.site-header, .hero, .evidence-section, .closing {
  background-image: url("fine-grain.svg");
  background-size: 240px;
}
.site-header { background-color: #f8f4eb; }
.site-header .brand img { width: 164px; height: auto; }
.evidence-provider .tlcom-logo { width: 40px; height: 40px; object-fit: contain; }
#profile-initials:has(img) { background: transparent; }
#profile-initials img { width: 100%; height: 100%; object-fit: contain; }
.contact-card .person-portrait { width: 72px; height: 80px; object-fit: cover; object-position: center top; border-radius: 4px; flex-shrink: 0; }
.contact-card .provider-identity h3 { font-size: 18px; }
.contact-card .provider-identity .small { font-size: 13px; }
.person-remit { margin-top: 18px; font-size: 13px; line-height: 1.55; }
.person-experience { display: grid; gap: 6px; margin-top: 16px; font-size: 13px; }
.person-experience > span { font-size: 11px; color: #6f7579; }
.person-experience > strong { font-weight: 500; line-height: 1.5; }
.contact-card .icon-line { flex-wrap: wrap; }
.person-source-link { display: inline-block; margin-top: 20px; font-size: 12px; line-height: 1.6; text-decoration: underline; text-underline-offset: 3px; }
.texture-off .hero::before { display: none; }
.texture-off .site-header, .texture-off .hero, .texture-off .database-stage,
.texture-off .pathway-section, .texture-off .evidence-section, .texture-off .closing {
  background-image: none;
}
@media (min-width: 1700px) {
  .hero { padding-block: 80px 72px; }
}
@media (max-width: 1150px) {
  .hero { column-gap: 40px; padding-block: 48px; }
  .database-stage { padding-block: 48px; }
}
@media (max-width: 900px) {
  .hero { padding-block: 40px; gap: 32px; }
  .hero-actions { margin-top: 24px; }
  .editorial-row { padding-block: 36px; }
  .landscape-section { padding-block: 36px 32px; }
}
@media (max-width: 650px) {
  .site-header .brand img { width: 144px; height: auto; }
  .hero { padding-block: 32px 40px; gap: 28px; }
  .hero .eyebrow { margin-bottom: 20px; }
  .hero-actions { margin-top: 24px; gap: 20px; }
  .hero::before { opacity: 1; background-image: url("engraved-pathways-mobile.svg"); background-size: 100% 100%; }
  .database-stage { padding: 32px 14px; }
  .database-workspace, .plan-app { padding-bottom: 16px; }
  .scale-band { padding-block: 32px; }
  .editorial-row { padding-block: 36px; }
  .pathway-section { padding-block: 36px 32px; }
  .audience-tabs { margin-top: 24px; }
  .plan-app { margin-top: 20px; }
  .fund-section { padding-block: 36px; }
  .pricing-section { padding-block: 32px 24px; }
  .faq-section { padding-block: 28px 36px; }
  .closing > .wrap { padding-block: 32px; }
}