/*
 * Editorial 2026 — scoped design layer.
 * Deliberately limited to the header and <main>.
 * The original footer markup and its original styles are untouched.
 */

/* 01 — Primary navigation */
.rev-header {
  background: #fffdf8;
  border-bottom: 1px solid #e7e9e2;
  box-shadow: 0 5px 22px rgba(20, 40, 44, .035);
  position: relative;
  isolation: isolate;
}
.rev-header .rev-header-inner {
  max-width: 1232px;
  min-height: 81px;
  padding: 13px 26px;
  gap: 25px;
}
.rev-header .rev-primary-brand {
  gap: 12px;
  border-radius: 14px;
  color: #19373a;
  letter-spacing: -.03em;
}
.rev-header .rev-primary-brand img {
  width: 42px;
  height: 42px;
  padding: 6px;
  background: #d9eee5;
  box-shadow: inset 0 0 0 1px rgba(21, 94, 83, .12);
  border-radius: 13px;
}
.rev-header .rev-primary-brand .site-brand-name {font-size: 21px;}
.rev-header .rev-primary-brand .site-brand-name strong {font-weight: 830;}
.rev-header .rev-primary-nav {gap: 4px;flex-wrap: nowrap;}
.rev-header .rev-primary-nav a {
  padding: 10px 13px;
  color: #45605e;
  font-weight: 650;
  font-size: 12px;
  letter-spacing: -.01em;
  border-radius: 999px;
  white-space: nowrap;
  transition: color .18s, background-color .18s, transform .18s;
}
.rev-header .rev-primary-nav a:hover,
.rev-header .rev-primary-nav a:focus-visible {background: #e4f1e9;color: #115a52;transform: translateY(-1px);}
.rev-header .rev-primary-nav a[aria-current="page"] {background: #14665d;color: #fff;box-shadow: 0 4px 12px rgba(20,102,93,.16);}
.rev-header .site-mobile-menu summary {background: #e8f4ed;color: #13594e;border: 1px solid #cbe4d7;border-radius: 12px;padding: 10px;}
.rev-header .site-mobile-links {border: 1px solid #dbe8de;background: #fffdf8;box-shadow: 0 18px 40px rgba(7,34,37,.16);}
.rev-header .site-mobile-links a {color: #244b49;}
.rev-header .site-mobile-links a:hover {color: #11685b;background: #e8f4ed;}
.rev-header .site-mobile-links a[aria-current="page"] {color: #0d5c52;background: #eaf2eb;}

/* 02 — Editorial foundation */
.rev-page {
  --rev-ink: #17343e;
  --rev-forest: #0c6259;
  --rev-green: #1b7569;
  --rev-accent: #bcfaab;
  --rev-cream: #f7f6ef;
  --rev-paper: #fffefb;
  --rev-line: #dfe9e1;
  --rev-muted: #647773;
  color: var(--rev-ink);
  background: var(--rev-cream);
  overflow: clip;
  min-height: 35vh;
}
.rev-page a {transition: color .18s ease, background-color .18s ease, border-color .18s ease, box-shadow .18s ease;}
.rev-page a:focus-visible {outline: 3px solid #b3e89a;outline-offset: 3px;}
.rev-page .rev-section {background: transparent;border-color: #e5eae1;}
.rev-page .rev-section:nth-of-type(even) {background: #f1f5ef;}
.rev-page .rev-section-container,
.rev-page .rev-hero-container {max-width: 1150px;}
.rev-page .rev-section h2.rev-section-title {
  font-family: Georgia, 'Times New Roman', serif;
  color: #203c3f;
  font-weight: 700;
  letter-spacing: -.025em;
  line-height: 1.17;
}
.rev-page .rev-section h2.rev-section-title:not(.text-sm):not(.text-xs) {font-size: clamp(25px, 2.6vw, 36px);}
.rev-page .rev-subtitle:not(.text-xs) {color: #294a49;font-weight: 750;}
.rev-page .rev-section p {line-height: 1.72;}
.rev-page strong.text-gray-900 {color: #243e43;}
.rev-page :is(.rev-section, .rev-legal-paper, .rev-register-hero) a:not(.rev-cta):not(.absolute):not(.rev-side-link):hover {color:#0a7f69;}
.rev-page [class*="text-[#3002B2]"] {color: #147d70;}
.rev-page [class*="border-[#3002B2]"] {border-color: #1a8774;}
.rev-page [class*="bg-[#3002B2]"] {background-color: #12685c;}
.rev-page .highlight {color: #76d5ae;}

/* 03 — Dramatic two-column hero */
.rev-page .rev-hero {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  background: radial-gradient(ellipse at 86% 18%, rgba(68, 176, 135, .27), transparent 36%),
              linear-gradient(122deg, #102d39 1%, #0c3e45 60%, #155f55 100%);
  border: 0;
  padding: 76px 0 81px;
  color: #fff;
}
.rev-page .rev-hero::after {
  content: '';
  position: absolute;
  z-index: -1;
  right: -180px;
  top: -340px;
  width: 720px;
  height: 720px;
  border: 1px solid rgba(197,244,197,.13);
  border-radius: 50%;
  box-shadow: 0 0 0 72px rgba(166,224,196,.035), 0 0 0 146px rgba(166,224,196,.028);
  pointer-events: none;
}
.rev-page .rev-hero .rev-hero-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.18fr) minmax(280px, .82fr);
  align-items: center;
  gap: clamp(28px, 6vw, 86px);
}
.rev-page .rev-hero .rev-hero-copy {min-width: 0;max-width: none;}
.rev-page .rev-hero .rev-hero-eyebrow {
  display: inline-flex;
  align-items: center;
  gap: 9px;
  margin: 0 0 20px;
  color: #c8f4d4;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 850;
  line-height: 1.4;
  letter-spacing: .18em;
}
.rev-page .rev-hero .rev-hero-eyebrow::before {
  content: '';
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #c0f78d;
  box-shadow: 0 0 0 5px rgba(185,247,139,.12);
}
.rev-page .rev-hero h1.rev-hero-title {
  color: #fff;
  font-family: Georgia, 'Times New Roman', serif;
  font-size: clamp(37px, 4.2vw, 57px);
  line-height: 1.1;
  letter-spacing: -.047em;
  max-width: 850px;
  text-wrap: balance;
  font-weight: 700;
  margin: 0 0 20px;
}
.rev-page .rev-hero .rev-hero-title .highlight {color: #a8ecaa;}
.rev-page .rev-hero p,
.rev-page .rev-hero li span,
.rev-page .rev-hero li strong,
.rev-page .rev-hero .text-gray-700,
.rev-page .rev-hero .text-gray-900 {color: #edf8f2;}
.rev-page .rev-hero li {align-items: start;gap: 12px;margin-bottom: 13px;}
.rev-page .rev-hero li svg {color: #a5e7aa;flex-shrink: 0;margin-top: 3px;}
.rev-page .rev-hero li span {font-size: 14px;line-height: 1.55;}
.rev-page .rev-hero .rev-hero-copy > .flex.flex-wrap {margin-bottom: 19px;}
.rev-page .rev-hero .rev-hero-copy > .flex.flex-wrap span,
.rev-page .rev-hero [class*="bg-white"].rounded-full {
  background: rgba(255,255,255,.095);
  border: 1px solid rgba(213,255,220,.24);
  color: #effcf4;
  backdrop-filter: blur(5px);
}
.rev-page .rev-hero .rev-hero-copy > .flex.flex-col.gap-2 {margin-top: 18px;}
.rev-page .rev-hero .rev-hero-copy > .flex.flex-col.gap-2 > span {color: #b9dfd3;}
.rev-page .rev-hero .rev-hero-copy img[src*="payment/"] {opacity: 1;max-width: 72px;filter: brightness(0) invert(1);}
.rev-page .rev-hero .rev-hero-copy .flex.items-center.gap-3.flex-wrap {gap: 16px;}
.rev-page .rev-hero-aside {
  position: relative;
  min-height: 355px;
  padding: 33px 35px 30px;
  border-radius: 27px;
  color: #153e3b;
  background: linear-gradient(150deg, #d6f0dc, #f2f4d9 80%);
  box-shadow: 0 28px 65px rgba(1,25,28,.16), inset 0 1px 0 #fff;
  overflow: hidden;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-end;
}
.rev-page .rev-side-marker {position:absolute;top:30px;left:35px;font-size:11px;font-weight:850;letter-spacing:.16em;color:#31655b;}
.rev-page .rev-hero-illustration {
  position: absolute;
  width: 178px;
  height: 178px;
  border: 30px solid rgba(13,112,90,.18);
  border-radius: 50%;
  right: -19px;
  top: -13px;
  box-shadow: 0 0 0 19px rgba(13,112,90,.055), inset 0 0 0 12px rgba(255,255,255,.35);
  transform: rotate(-18deg);
}
.rev-page .rev-hero-illustration::after {
  content: '✦';
  position: absolute;
  font-size: 70px;
  color: #2d8570;
  top: 25px;
  left: 39px;
  opacity: .66;
}
.rev-page .rev-side-title {position:relative;font:700 34px/1.05 Georgia,serif;letter-spacing:-.035em;margin:0 0 14px;max-width:300px;color:#154e46;}
.rev-page .rev-side-description {position:relative;color:#45665c!important;max-width:300px;font-size:13px;line-height:1.6!important;margin:0 0 22px;}
.rev-page .rev-side-link {position:relative;display:inline-flex;text-decoration:none;background:#134f46;color:white!important;font-size:13px;font-weight:800;border-radius:100px;padding:13px 19px;}
.rev-page .rev-side-link:hover {background:#0c7663;}
.rev-page .rev-hero-media {border-radius:24px;overflow:hidden;box-shadow:0 25px 60px rgba(2,31,30,.22);border:1px solid rgba(243,255,241,.18);}
.rev-page .rev-hero-media img {width:100%;height:auto;object-fit:cover;}

/* 04 — Trust ribbon & category introductions */
.rev-page .rev-breadcrumb {background:#f2f6ef;border-color:#e1ebe2;}
.rev-page .rev-breadcrumb .site-breadcrumb-inner {max-width: 1150px;color:#50726c;padding-top:15px;padding-bottom:15px;}
.rev-page .rev-breadcrumb a {color:#206b60;}
.rev-page .rev-trust-strip {background:#e8f2e9;border-bottom:1px solid #d9e7dc;}
.rev-page .rev-trust-strip .max-w-5xl {max-width:1150px;}
.rev-page .rev-trust-strip [class*="text-gray-"] {color:#2a5850;}
.rev-page .rev-trust-strip svg {color:#247e69;}
.rev-page .rev-trust-strip > div {padding-top:18px;padding-bottom:18px;}
.rev-page .rev-section:not(.rev-ranking):not(.rev-editor-choice) {padding-top:58px;padding-bottom:59px;}
.rev-page .rev-section .max-w-5xl {max-width:1150px;}
.rev-page .rev-info-card {
  border:1px solid #e1e9e0;
  background: #fffefa;
  border-radius:17px;
  box-shadow: 0 8px 20px rgba(33,68,54,.035);
  padding: 21px;
}
.rev-page .rev-info-card:hover {border-color:#b7d8c5;box-shadow:0 12px 28px rgba(29,95,80,.075);}

/* 05 — Distinct ranking tiles */
.rev-page .rev-ranking {background:#f7f6ef;padding-top:65px;padding-bottom:66px;}
.rev-page .rev-ranking .rev-ranking-list {display:flex;flex-direction:column;gap:20px;}
.rev-page .rev-ranking .rev-rank-card {
  border:1px solid #d7e6dc;
  border-radius:24px;
  overflow:hidden;
  background:#fffefb;
  box-shadow:0 9px 26px rgba(11,52,48,.07);
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease;
}
.rev-page .rev-ranking .rev-rank-card:hover {transform:translateY(-3px);border-color:#79b8a6;box-shadow:0 17px 35px rgba(9,57,50,.115);}
.rev-page .rev-ranking .rev-rank-card[data-rev-position="1"] {border:2px solid #168072;box-shadow:0 12px 34px rgba(9,82,72,.115);}
.rev-page .rev-ranking .rev-rank-card[data-rev-position="1"] > div:first-child {background:#126d5e;color:#fff;letter-spacing:.14em;padding:11px 18px;}
.rev-page .rev-rank-card [class*="bg-[#F5F5F5]"] {background:#f0f6ed;}
.rev-page .rev-rank-card [class*="bg-[#FAFAFA]"] {background:#f5f8f2;}
.rev-page .rev-rank-card [class*="bg-[#FFF8E1]"] {background:#fff3d7;color:#7b580a;}
.rev-page .rev-ranking [class*="ring-[#3002B2]"] {--tw-ring-color:rgba(17,123,105,.18);}
.rev-page .rev-cta {
  background: #0d6b5f;
  background-image: linear-gradient(110deg, #0d6b5f, #208c71);
  color:#fff;
  border-radius:13px;
  padding:12px 20px;
  box-shadow:0 8px 18px rgba(16,103,86,.19);
  font-weight:750;
  text-decoration:none;
}
.rev-page .rev-cta:hover {background:#124f48;background-image:linear-gradient(110deg,#124f48,#126d60);color:#fff;box-shadow:0 10px 24px rgba(16,103,86,.25);}
.rev-page .rev-matrix-section {background:#eaf2eb;}
.rev-page .rev-matrix-section .rev-table-viewport {border-radius:20px;border-color:#d3e3d7;}
.rev-page .rev-data-table {border-collapse:separate;border-spacing:0;min-width:620px;}
.rev-page .rev-data-table th {background:#183e40;color:#f3fbf7;font-weight:800;}
.rev-page .rev-data-table td {border-color:#e1eae3;}
.rev-page .rev-data-table tbody tr:nth-child(even) {background:#f3f8f3;}
.rev-page .rev-data-table tbody tr:hover {background:#eaf4ec;}
.rev-page .rev-table-viewport:has(>table) {overflow-x:auto;max-width:100%;}
.rev-page .rev-editor-choice {background:#e9f3ea;padding-top:60px;padding-bottom:60px;}
.rev-page .rev-editor-choice h2 {color:#174f47;}

/* 06 — Long-form guides, insights and reference data */
.rev-page .rev-section :is(article,blockquote) {border-color:#dae7dc;}
.rev-page .rev-section blockquote {background:#edf5ed;border-left:4px solid #2a9c78;padding:16px 20px;border-radius:0 12px 12px 0;}
.rev-page .rev-section [class*="bg-gray-50"] {background:#eef4ed;}
.rev-page .rev-section [class*="bg-gray-100"] {background:#e7f0e8;}
.rev-page .rev-section [class*="text-[#3002B2]"] {color:#147d70;}
.rev-page .rev-register-hero {background:linear-gradient(115deg,#102f39,#0b6056);color:white;padding:60px 0 62px;}
.rev-page .rev-register-hero h1 {color:#fff;}
.rev-page .rev-register-hero p {color:#e3f4ed;}
.rev-page .rev-register-hero nav a {color:#c5f6dc;}
.rev-page .rev-register-hero nav span {color:#d8e9e2;}
.rev-page .rev-register-hero .rev-stat-grid {gap:15px;margin-top:30px;}
.rev-page .rev-register-hero .rev-stat-tile {background:#f1f9ed;border:1px solid #d4ead7;border-radius:16px;color:#174940;box-shadow:0 12px 23px rgba(0,0,0,.07);}
.rev-page .rev-register-hero .rev-stat-tile * {color:#174940;}
.rev-page .rev-register-table {background:#fffefa;}

/* 07 — Legal and informational pages as a distinct reading experience */
.rev-page.rev-informational {background:#f1f5ed;}
.rev-page .rev-legal-stage {
  background: radial-gradient(circle at 8% 0%,#dbeee2,transparent 32%),#f1f5ed;
  padding:65px 18px 80px;
}
.rev-page .rev-legal-paper {
  max-width:900px;
  padding:60px clamp(24px,6vw,84px) 68px;
  background:#fffefa;
  border-radius:26px;
  border:1px solid #e1e9e0;
  box-shadow:0 20px 62px rgba(24,71,52,.075);
}
.rev-page .rev-legal-overline {color:#0e8772;font-size:11px;font-weight:850;letter-spacing:.2em;margin-bottom:17px;}
.rev-page .rev-legal-heading {
  font-family:Georgia,'Times New Roman',serif;
  color:#1d4040;
  font-size:clamp(34px,4.1vw,51px);
  line-height:1.1;
  letter-spacing:-.035em;
  margin-bottom:14px;
}
.rev-page .rev-legal-paper .prose {line-height:1.8;color:#52655c;}
.rev-page .rev-legal-paper .rev-legal-article {border-top:1px solid #e1ece3;padding-top:23px;margin-top:27px;}
.rev-page .rev-legal-paper h2 {font:700 25px/1.2 Georgia,'Times New Roman',serif;color:#1c4e49;letter-spacing:-.015em;}
.rev-page .rev-legal-paper a {color:#0d7968;text-underline-offset:3px;}
.rev-page .rev-legal-paper ul {padding-left:24px;}
.rev-page .rev-legal-paper ul li {margin-bottom:8px;}

@media(max-width:1180px) {
  .rev-header .rev-header-inner {padding-left:20px;padding-right:20px;}
  .rev-header .rev-primary-nav a {padding:8px 10px;font-size:11.5px;}
}
@media(max-width:1090px) {
  .rev-header .rev-header-inner {min-height:72px;}
  .rev-header .rev-primary-brand img {width:39px;height:39px;}
}
@media(max-width:850px) {
  .rev-page .rev-hero {padding:52px 0 56px;}
  .rev-page .rev-hero .rev-hero-grid {grid-template-columns:1fr;gap:26px;}
  .rev-page .rev-hero .rev-hero-copy {max-width:740px;}
  .rev-page .rev-hero-aside {min-height:235px;padding:40px 30px 25px;}
  .rev-page .rev-side-title {font-size:29px;max-width:480px;}
  .rev-page .rev-hero-illustration {right:17px;top:0;}
  .rev-page .rev-hero-media {max-width:580px;}
  .rev-page .rev-section:not(.rev-ranking):not(.rev-editor-choice) {padding-top:42px;padding-bottom:44px;}
}
@media(max-width:640px) {
  .rev-page .rev-hero {padding-top:44px;padding-bottom:48px;}
  .rev-page .rev-hero h1.rev-hero-title {font-size:clamp(31px,8.4vw,42px);letter-spacing:-.035em;}
  .rev-page .rev-hero .rev-hero-eyebrow {font-size:9px;letter-spacing:.12em;}
  .rev-page .rev-hero li {margin-bottom:10px;}
  .rev-page .rev-hero-aside {min-height:240px;border-radius:19px;}
  .rev-page .rev-side-title {font-size:27px;max-width:240px;}
  .rev-page .rev-side-description {max-width:260px;}
  .rev-page .rev-ranking .rev-rank-card {border-radius:16px;}
  .rev-page .rev-legal-stage {padding:30px 12px 50px;}
  .rev-page .rev-legal-paper {padding:36px 20px 44px;border-radius:19px;}
  .rev-page .rev-legal-paper h2 {font-size:22px;}
  .rev-page .rev-section h2.rev-section-title:not(.text-sm):not(.text-xs) {font-size:27px;}
}
@media(prefers-reduced-motion:reduce) {
  .rev-page *, .rev-header * {scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;}
}


/* 16 — Readability fixes for bonus badges and quick-answer blocks */
.rev-page .rev-bonus-badge {
  background: linear-gradient(135deg, #156f61, #0f5e53) !important;
  color: #ffffff !important;
  border-color: rgba(10, 74, 65, .88) !important;
  box-shadow: 0 3px 10px rgba(12, 77, 67, .10);
}
.rev-page .rev-bonus-badge[class*="bg-[#FFF8E1]"] {
  background: linear-gradient(135deg, #9a6a00, #7d5200) !important;
  color: #ffffff !important;
  border-color: rgba(92, 61, 0, .88) !important;
}
.rev-page .rev-quick-answer {
  background: linear-gradient(135deg, #177a6d 0%, #12685c 52%, #0f5c51 100%) !important;
  border-color: rgba(27, 135, 116, .75) !important;
  box-shadow: 0 12px 28px rgba(13, 78, 67, .14);
}
.rev-page .rev-quick-answer-head,
.rev-page .rev-quick-answer-title,
.rev-page .rev-quick-answer-icon,
.rev-page .rev-quick-answer-text {
  color: #ffffff !important;
}
.rev-page .rev-quick-answer-title {
  letter-spacing: .12em;
}
.rev-page .rev-quick-answer-text {
  opacity: 1 !important;
}
