:root {
  --ink: #172026;
  --muted: #5b6870;
  --paper: #f6f3ed;
  --card: #fffdf9;
  --line: #ded9cf;
  --teal-950: #073f3b;
  --teal-800: #0b5d56;
  --teal-650: #087c70;
  --teal-100: #dff4ef;
  --red: #b42318;
  --gold: #c98a16;
}

html { scroll-behavior: smooth; }
body {
  background:
    radial-gradient(circle at 10% 0%, rgba(8, 124, 112, .08), transparent 28rem),
    var(--paper);
  color: var(--ink);
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.site-header {
  background: var(--teal-950);
  color: white;
  border-bottom: 4px solid #d49a31;
}
.masthead {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  padding-block: .7rem;
}
.brand-lockup { display: flex; align-items: center; gap: .75rem; }
.brand-mark {
  width: 2.4rem;
  height: 2.4rem;
  display: grid;
  place-items: center;
  border-radius: .7rem;
  background: white;
  color: var(--teal-800);
  box-shadow: inset 0 0 0 1px rgba(0,0,0,.08);
}
.brand-mark { font-size: 1.35rem; font-weight: 950; }
.brand-name { font-size: 1.15rem; font-weight: 850; letter-spacing: -.025em; }
.brand-network { color: #a8d9d1; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; }
.main-nav { display: flex; align-items: center; gap: 1.35rem; font-size: .85rem; }
.main-nav a { color: #d8efea; text-decoration: none; }
.main-nav a:hover { color: white; }
.nav-disclosure {
  padding: .5rem .75rem;
  border: 1px solid rgba(255,255,255,.22);
  border-radius: 999px;
}

.hero {
  padding: .7rem 0 1rem;
  display: grid;
  grid-template-columns: minmax(0, 1.55fr) minmax(15rem, .45fr);
  gap: 2rem;
  align-items: center;
}
.eyebrow {
  color: #ffd68a;
  text-transform: uppercase;
  letter-spacing: .14em;
  font-size: .73rem;
  font-weight: 800;
}
.hero h1 {
  max-width: none;
  margin-top: .3rem;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.65rem, 2.55vw, 2.3rem);
  line-height: 1.05;
  letter-spacing: -.035em;
}
.hero-copy { margin-top: .55rem; max-width: 70ch; color: #c7e2dd; font-size: .86rem; line-height: 1.5; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }
.newsletter-form { display: grid; gap: .5rem; }
.newsletter-form-hero { max-width: 47rem; margin-top: .85rem; padding: .75rem; border: 1px solid rgba(255,255,255,.22); border-radius: .8rem; background: rgba(255,255,255,.08); }
.newsletter-copy { display: flex; align-items: baseline; gap: .55rem; }
.newsletter-copy strong { color: white; font-size: .82rem; }
.newsletter-copy span { color: #b9d8d3; font-size: .69rem; }
.newsletter-fields { display: flex; gap: .45rem; }
.newsletter-fields input[type="email"] { min-width: 0; flex: 1; border: 1px solid rgba(255,255,255,.28); border-radius: .5rem; background: white; color: var(--ink); padding: .58rem .7rem; font-size: .78rem; }
.newsletter-fields button { border: 0; border-radius: .5rem; background: #ffd68a; color: #3e2a06; padding: .58rem .8rem; font-size: .75rem; font-weight: 850; cursor: pointer; }
.newsletter-fields button:hover { background: #ffe2a9; }
.newsletter-privacy { color: #9fc9c2; font-size: .63rem; }
.hero-meta {
  border-left: 1px solid rgba(255,255,255,.2);
  padding-left: 1.5rem;
  color: #d8efea;
  font-size: .82rem;
}
.hero-meta strong { display: block; color: white; font-size: 1.1rem; margin-bottom: .15rem; }

.content-shell { max-width: 80rem; margin-inline: auto; padding: 2rem 1rem 4rem; }
.trust-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  margin-top: -1rem;
  margin-bottom: 1.5rem;
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 1rem;
  box-shadow: 0 12px 35px rgba(33, 45, 43, .08);
}
.trust-item { padding: 1rem 1.1rem; border-right: 1px solid var(--line); }
.trust-item:last-child { border-right: 0; }
.trust-link { color: inherit; text-decoration: none; transition: background .15s ease; }
.trust-link:hover { background: #edf7f4; }
.trust-label { display: block; color: var(--muted); font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.trust-value { display: block; margin-top: .2rem; font-weight: 750; font-size: .88rem; }

.safety-note {
  display: flex;
  align-items: center;
  gap: .7rem;
  background: #fff7df;
  border: 1px solid #ebd48e;
  border-radius: .8rem;
  padding: .85rem 1rem;
  margin-bottom: 1.5rem;
  color: #684b0b;
  font-size: .86rem;
}

.method-card {
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: 1rem;
  padding: 1.1rem 1.25rem;
  margin-bottom: 1.5rem;
}
.method-bottom { margin-top: 2rem; margin-bottom: 0; }
.method-disclosure summary {
  display: flex;
  align-items: center;
  gap: 1rem;
  cursor: pointer;
  list-style: none;
}
.method-disclosure summary::-webkit-details-marker { display: none; }
.method-disclosure summary::after {
  content: "+";
  margin-left: auto;
  color: var(--teal-800);
  font-size: 1.5rem;
  font-weight: 500;
}
.method-disclosure[open] summary::after { content: "–"; }
.method-summary-stamp { width: 6.5rem; height: auto; transform: rotate(-3deg); }
.method-summary-copy strong { display: block; font-size: .95rem; }
.method-summary-copy span { display: block; margin-top: .15rem; color: var(--muted); font-size: .75rem; }
.method-body { padding-top: 1rem; border-top: 1px solid var(--line); margin-top: 1rem; }
.method-explanation { max-width: 78ch; color: var(--muted); font-size: .82rem; line-height: 1.6; margin-bottom: 1rem; }
.score-bands { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .55rem; margin-top: .8rem; }
.score-band { padding: .65rem; border: 1px solid var(--line); border-radius: .6rem; background: white; font-size: .7rem; color: var(--muted); }
.score-band strong { display: block; color: var(--ink); font-size: .78rem; }
.method-caveat { margin-top: .9rem; color: #72591c; background: #fff8e6; border-radius: .55rem; padding: .7rem .8rem; font-size: .74rem; line-height: 1.5; }
.method-heading { display: flex; align-items: center; flex-wrap: wrap; gap: .85rem; margin-bottom: .85rem; }
.method-note { color: #8d2d25; background: #fceae7; border-radius: 999px; padding: .38rem .7rem; font-size: .72rem; }
.method-grid { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: .65rem; }
.method-item {
  padding: .7rem .75rem;
  border-radius: .65rem;
  background: #edf7f4;
  color: #29534e;
  font-size: .74rem;
  line-height: 1.35;
}
.method-item strong { display: block; color: var(--teal-950); font-size: .82rem; }

.picks-section { margin: 2rem 0; }
.section-kicker { color: var(--teal-650); text-transform: uppercase; letter-spacing: .12em; font-size: .7rem; font-weight: 850; }
.section-title { margin-top: .25rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.75rem; letter-spacing: -.025em; }
.section-intro { margin-top: .4rem; color: var(--muted); font-size: .88rem; }
.sponsorship-link { color: var(--teal-800); font-weight: 800; text-decoration: none; }
.sponsorship-link:hover { text-decoration: underline; }
.pick-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: .8rem; margin-top: 1rem; }
.pick-card {
  display: flex;
  flex-direction: column;
  min-height: 9.5rem;
  padding: 1rem;
  border: 1px solid var(--line);
  border-radius: .85rem;
  background: var(--card);
  color: var(--ink);
  text-decoration: none;
  box-shadow: 0 6px 20px rgba(30, 42, 40, .05);
  transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.pick-card:hover { transform: translateY(-2px); border-color: #8ebdb6; box-shadow: 0 12px 30px rgba(30,42,40,.1); }
.pick-label { color: var(--teal-650); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .08em; }
.pick-name { margin-top: .35rem; font-size: 1.05rem; font-weight: 800; }
.pick-reason { margin-top: .35rem; color: var(--muted); font-size: .78rem; line-height: 1.45; }
.pick-action { margin-top: auto; padding-top: .7rem; color: var(--teal-800); font-size: .8rem; font-weight: 800; }

.rankings-head { display: flex; align-items: end; justify-content: space-between; gap: 1rem; margin: 2.4rem 0 1rem; }
.ranking-facts { display: flex; gap: .5rem; }
.ranking-facts > span { display: grid; gap: .1rem; min-width: 9rem; padding: .55rem .7rem; border: 1px solid #b9d7d1; border-radius: .65rem; background: #e7f3f0; color: var(--teal-950); font-size: .76rem; font-weight: 850; }
.ranking-facts small { color: var(--teal-650); font-size: .59rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.controls {
  display: grid;
  grid-template-columns: minmax(20rem, 1fr) repeat(2, minmax(10rem, auto));
  align-items: end;
  gap: .65rem;
  margin-bottom: .8rem;
}
.search-wrap { display: grid; gap: .28rem; color: var(--teal-950); font-size: .68rem; font-weight: 850; text-transform: uppercase; letter-spacing: .06em; }
.search-wrap .control { border-width: 2px; border-color: #88bcb4; background: white; font-size: .88rem; text-transform: none; letter-spacing: normal; }
.control {
  width: 100%;
  min-height: 2.75rem;
  border: 1px solid #cfc9be;
  border-radius: .7rem;
  background: var(--card);
  color: var(--ink);
  padding: .65rem .8rem;
  font-size: .82rem;
  outline: none;
}
.control:focus { border-color: var(--teal-650); box-shadow: 0 0 0 3px rgba(8,124,112,.12); }
.results-count { min-height: 1.25rem; color: var(--muted); font-size: .75rem; margin-bottom: .5rem; }

.tracker-table-wrap { background: var(--card); border: 1px solid var(--line); border-radius: .9rem; overflow: auto; box-shadow: 0 9px 28px rgba(30,42,40,.06); }
.tracker-table { width: 100%; min-width: 82rem; table-layout: fixed; border-collapse: collapse; font-size: .78rem; }
.tracker-table th { position: sticky; top: 0; z-index: 10; background: var(--teal-950); color: white; padding: .75rem .7rem; text-align: left; }
.tracker-table td { padding: .85rem .7rem; border-bottom: 1px solid #ebe7df; vertical-align: top; line-height: 1.45; overflow-wrap: anywhere; }
.tracker-table th:nth-child(1), .tracker-table td:nth-child(1) { width: 2.6rem; }
.tracker-table th:nth-child(2), .tracker-table td:nth-child(2) { width: 15rem; }
.tracker-table th:nth-child(3), .tracker-table td:nth-child(3) { width: 8.75rem; min-width: 8.75rem; }
.tracker-table th:nth-child(4),
.tracker-table td:nth-child(4) {
  width: 8rem;
  min-width: 8rem;
  text-align: center;
}
.tracker-table th:nth-child(5), .tracker-table td:nth-child(5) { width: 15rem; }
.tracker-table th:nth-child(6), .tracker-table td:nth-child(6) { width: 8rem; }
.tracker-table th:nth-child(7), .tracker-table td:nth-child(7) { width: 9rem; }
.tracker-table th:nth-child(8), .tracker-table td:nth-child(8) { width: 9.25rem; }
.tracker-table th:nth-child(9), .tracker-table td:nth-child(9) { width: 7rem; }
.tracker-table tr:nth-child(even) { background: #f2f8f6; }
.tracker-table tbody tr:hover { background: #e8f5f1; }
.site-cell { min-width: 15rem; }
.site-name-button { display: inline-flex; align-items: flex-start; gap: .55rem; padding: 0; border: 0; background: none; color: var(--ink); text-align: left; font: inherit; font-size: .92rem; line-height: 1.25; font-weight: 850; cursor: pointer; }
.site-name-button:hover { color: var(--teal-650); text-decoration: underline; }
.site-mark { --site-mark-hue: 170; position: relative; display: inline-grid; flex: 0 0 auto; place-items: center; overflow: hidden; border: 1px solid hsl(var(--site-mark-hue) 32% 72%); border-radius: .38rem; background: hsl(var(--site-mark-hue) 46% 93%); box-shadow: 0 1px 2px rgba(9, 46, 43, .12); }
.site-mark-small { width: 1.5rem; height: 1.5rem; }
.site-mark-large { float: left; width: 3rem; height: 3rem; margin: 0 .8rem .4rem 0; border-radius: .62rem; }
.site-mark-fallback { color: hsl(var(--site-mark-hue) 55% 27%); font-size: .58rem; font-weight: 900; letter-spacing: -.03em; line-height: 1; }
.site-mark-large .site-mark-fallback { font-size: .9rem; }
.site-mark-image { position: absolute; inset: 0; width: 100%; height: 100%; padding: .13rem; object-fit: contain; background: white; }
.mobile-site-name { display: flex; align-items: center; gap: .5rem; }
.editor-badge { display: inline-block; margin-top: .35rem; padding: .18rem .4rem; border-radius: .3rem; background: #fff0c9; color: #76510b; font-size: .61rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.category-badge { display: inline-flex; align-items: center; min-height: 1.65rem; margin: .35rem .3rem 0 0; padding: .28rem .48rem; border: 1px solid #b9d7d1; border-radius: 999px; background: linear-gradient(180deg, #f4fbf9, #deefeb); color: #245b54; font-size: .59rem; line-height: 1.1; font-weight: 850; text-transform: uppercase; letter-spacing: .04em; white-space: nowrap; text-decoration: none; box-shadow: 0 2px 6px rgba(22, 89, 80, .08); }
.category-badge:hover { border-color: var(--teal-650); background: #d6ebe6; }
.more-detail-link { display: inline-block; margin-top: .4rem; color: var(--teal-800); font-size: .68rem; font-weight: 850; text-decoration: none; }
.more-detail-link:hover { text-decoration: underline; }
.visit-link { display: inline-flex; align-items: center; white-space: nowrap; color: var(--teal-800); font-weight: 800; text-decoration: none; }
.visit-link:hover { text-decoration: underline; }
.unsubscribe-action {
  display: block;
  width: 100%;
  max-width: 7.5rem;
  margin-top: .4rem;
  padding: .28rem .45rem;
  border-radius: .4rem;
  background: var(--teal-800);
  color: white;
  font-size: .66rem;
  font-weight: 800;
  line-height: 1.25;
  overflow-wrap: anywhere;
  text-decoration: none;
}
.unsubscribe-action.secondary { background: white; color: var(--teal-800); box-shadow: inset 0 0 0 1px #9fc3bd; }
.unsubscribe-action:hover { filter: brightness(.95); }
.inline-scamfactor-stamp { display: inline-block; width: 5.5rem; height: auto; vertical-align: middle; margin-right: .25rem; transform: rotate(-2deg); }
.tracker-table td:nth-child(4) .score-pill { min-width: 3rem; padding: .48rem .68rem; font-size: 1.02rem; line-height: 1; box-shadow: 0 2px 7px rgba(10, 54, 49, .15); }
.score-pill-featured { min-width: 3rem; padding: .48rem .68rem; font-size: 1.02rem; line-height: 1; box-shadow: 0 2px 7px rgba(10, 54, 49, .15); }

.mobile-cards { display: none; }
.mobile-card { background: var(--card); border: 1px solid var(--line); border-radius: .85rem; padding: 1rem; margin-bottom: .7rem; }
.mobile-card-head { display: flex; justify-content: space-between; gap: 1rem; align-items: start; }
.mobile-card h3 { font-size: 1rem; font-weight: 850; }
.mobile-rank { color: var(--muted); font-size: .7rem; }
.mobile-detail { display: grid; grid-template-columns: 7rem 1fr; gap: .5rem; margin-top: .7rem; font-size: .76rem; line-height: 1.45; }
.mobile-detail dt { color: var(--muted); font-weight: 750; }
.mobile-actions { display: flex; gap: .5rem; margin-top: .9rem; }
.mobile-actions button, .mobile-actions a { flex: 1; text-align: center; border-radius: .55rem; padding: .6rem; font-size: .76rem; font-weight: 800; }
.quick-review { border: 1px solid #b8ccc8; color: var(--teal-800); background: white; }
.official-link { background: var(--teal-800); color: white; text-decoration: none; }

.review-dialog { width: min(38rem, calc(100% - 2rem)); border: 0; border-radius: 1rem; padding: 0; box-shadow: 0 30px 90px rgba(0,0,0,.28); }
.review-dialog::backdrop { background: rgba(5, 24, 22, .68); }
.dialog-inner { padding: 1.35rem; }
.dialog-top { display: flex; justify-content: space-between; gap: 1rem; }
.dialog-title { font-family: Georgia, "Times New Roman", serif; font-size: 1.55rem; }
.dialog-close { width: 2rem; height: 2rem; border: 1px solid var(--line); border-radius: 999px; background: white; cursor: pointer; }
.dialog-grid { display: grid; grid-template-columns: 8rem 1fr; gap: .65rem 1rem; margin-top: 1rem; font-size: .82rem; line-height: 1.5; }
.dialog-grid dt { color: var(--muted); font-weight: 800; }
.dialog-footer { display: flex; justify-content: space-between; align-items: center; gap: 1rem; margin-top: 1.2rem; padding-top: 1rem; border-top: 1px solid var(--line); }

.review-shell { width: min(72rem, calc(100% - 2rem)); margin-inline: auto; }
.review-site-header { border-bottom-width: 3px; }
.review-masthead { min-height: 4rem; display: flex; align-items: center; justify-content: space-between; gap: 1rem; color: #b9d8d3; font-size: .78rem; }
.review-brand { color: white; font-weight: 850; text-decoration: none; }
.review-main { padding-block: 2rem 4rem; }
.review-breadcrumb { display: flex; flex-wrap: wrap; gap: .5rem; color: var(--muted); font-size: .75rem; }
.review-breadcrumb a { color: var(--teal-800); text-decoration: none; }
.review-hero { display: grid; grid-template-columns: 1fr auto; gap: 2rem; align-items: end; padding: 2rem 0 1.6rem; border-bottom: 1px solid var(--line); }
.review-hero h1 { margin-top: .25rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 5vw, 3.6rem); line-height: 1; letter-spacing: -.04em; }
.review-deck { max-width: 62ch; margin-top: .7rem; color: var(--muted); line-height: 1.55; }
.review-score-card { min-width: 15rem; padding: 1rem; border-radius: .9rem; background: var(--teal-950); color: white; text-align: center; }
.review-score-label { display: block; color: #b9d8d3; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.review-score-card strong { display: block; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; line-height: 1; margin: .25rem 0; }
.review-score-card > span:last-child { color: #b9d8d3; font-size: .7rem; }
.review-score-stamp { width: 8rem; height: auto; filter: brightness(0) invert(1); opacity: .92; transform: rotate(-3deg); }
.score-dial { position: relative; width: 12rem; height: 6rem; margin: .65rem auto .2rem; overflow: hidden; }
.score-dial-arc { position: absolute; inset: 0; border-radius: 12rem 12rem 0 0; background: conic-gradient(from 270deg at 50% 100%, #38a169 0deg, #c8b62e 52deg, #e48a2b 108deg, #d44b3e 180deg, transparent 180deg); }
.score-dial-arc::after { content: ""; position: absolute; left: 1.35rem; right: 1.35rem; bottom: 0; height: 4.65rem; border-radius: 9rem 9rem 0 0; background: var(--teal-950); }
.score-dial-needle { position: absolute; left: 50%; bottom: 0; z-index: 2; width: 4.75rem; height: .18rem; border-radius: 999px; background: white; box-shadow: 0 1px 3px rgba(0,0,0,.4); transform-origin: left center; transform: rotate(calc(-180deg + (var(--score) - 1) * 20deg)); }
.score-dial-needle::after { content: ""; position: absolute; left: -.35rem; top: -.27rem; width: .7rem; height: .7rem; border: .14rem solid white; border-radius: 50%; background: var(--teal-950); }
.score-dial-labels { display: flex; justify-content: space-between; color: #b9d8d3; font-size: .6rem; font-weight: 800; text-transform: uppercase; }
.review-layout { display: grid; grid-template-columns: minmax(0, 1fr) 18rem; gap: 2rem; align-items: start; margin-top: 1.5rem; }
.review-article { display: grid; gap: .85rem; }
.review-section { padding: 1.2rem; border: 1px solid var(--line); border-radius: .85rem; background: var(--card); }
.review-section h2 { margin-bottom: .65rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.25rem; }
.review-section p { color: #45535a; font-size: .84rem; line-height: 1.65; }
.concern-section { border-left: 4px solid #c25247; }
.review-facts { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.review-facts div { padding: .7rem; border-radius: .6rem; background: #f3f7f5; }
.review-facts dt { color: var(--muted); font-size: .66rem; font-weight: 850; text-transform: uppercase; letter-spacing: .05em; }
.review-facts dd { margin-top: .28rem; color: var(--ink); font-size: .8rem; line-height: 1.5; text-transform: capitalize; }
.review-actions { display: flex; flex-wrap: wrap; gap: .55rem; margin-top: .8rem; }
.review-button { display: inline-flex; padding: .58rem .75rem; border-radius: .5rem; background: var(--teal-800); color: white; font-size: .75rem; font-weight: 850; text-decoration: none; }
.review-button.secondary { background: white; color: var(--teal-800); box-shadow: inset 0 0 0 1px #9fc3bd; }
.text-link { display: inline-block; margin-top: .65rem; color: var(--teal-800); font-size: .78rem; font-weight: 850; text-decoration: none; }
.source-list { display: flex; flex-wrap: wrap; gap: .5rem; }
.source-list a { padding: .45rem .6rem; border-radius: .45rem; background: #e7f2ef; color: var(--teal-800); font-size: .72rem; font-weight: 800; text-decoration: none; }
.verification-note { margin-top: .8rem; font-size: .72rem !important; }
.review-sidebar { position: sticky; top: 1rem; }
.review-sidebar-card { padding: 1rem; border-radius: .85rem; background: #e8f3f0; border: 1px solid #c7ddd8; }
.review-sidebar-card h2 { font-family: Georgia, "Times New Roman", serif; font-size: 1.2rem; }
.review-sidebar-card p { margin-top: .8rem; color: var(--muted); font-size: .7rem; line-height: 1.55; }
.review-primary-action, .review-secondary-action { display: block; margin-top: .7rem; padding: .65rem .75rem; border-radius: .5rem; text-align: center; font-size: .76rem; font-weight: 850; text-decoration: none; }
.review-primary-action { background: var(--teal-800); color: white; }
.review-secondary-action { background: white; color: var(--teal-800); box-shadow: inset 0 0 0 1px #9fc3bd; }

.site-footer { background: #092e2b; color: #c8dfdb; }
.footer-grid { display: grid; grid-template-columns: 1.2fr repeat(3, .6fr); gap: 2rem; padding-block: 2.5rem; }
.footer-title { color: white; font-weight: 850; }
.footer-copy { margin-top: .55rem; max-width: 48ch; font-size: .78rem; line-height: 1.6; }
.footer-links { display: grid; gap: .45rem; margin-top: .6rem; font-size: .76rem; }
.footer-links a { color: #c8dfdb; text-decoration: none; }
.footer-links a:hover { color: white; }
.footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 1rem 0 1.5rem; font-size: .7rem; color: #94b9b3; }

.scamfactor-badge { width: 9.5rem !important; }
.scamfactor-column-badge { width: 6.75rem !important; filter: brightness(0) invert(1); opacity: .95; }

.sponsor-page { padding-top: 1.25rem; padding-bottom: 4rem; }
.sponsor-hero { max-width: 62rem; padding: 3.5rem 0 2.5rem; }
.sponsor-hero h1 { max-width: 18ch; margin-top: .45rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.4rem, 6vw, 4.8rem); line-height: .98; letter-spacing: -.045em; }
.sponsor-hero > p:last-child { max-width: 66ch; margin-top: 1.25rem; color: var(--muted); font-size: 1rem; line-height: 1.65; }
.sponsor-options { display: grid; grid-template-columns: repeat(3, 1fr); gap: .9rem; }
.sponsor-options article { min-height: 15rem; padding: 1.4rem; border: 1px solid var(--line); border-radius: 1rem; background: var(--card); }
.sponsor-option-number { color: var(--teal-650); font-size: .72rem; font-weight: 900; letter-spacing: .1em; }
.sponsor-options h2 { margin-top: 2.5rem; font-family: Georgia, "Times New Roman", serif; font-size: 1.45rem; }
.sponsor-options p { margin-top: .7rem; color: var(--muted); font-size: .84rem; line-height: 1.6; }
.sponsor-details { display: grid; grid-template-columns: 1fr 1fr; gap: 2rem; margin-top: 1rem; padding: 2rem; border-radius: 1rem; background: var(--teal-950); color: white; }
.sponsor-details h2 { margin-top: .35rem; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; }
.sponsor-details ul { display: grid; gap: .6rem; padding-left: 1.2rem; color: #c8dfdb; }
.sponsor-cta { margin-top: 1rem; padding: 2rem; border: 1px solid var(--line); border-radius: 1rem; background: #fff7df; }
.sponsor-cta h2 { margin-top: .35rem; font-family: Georgia, "Times New Roman", serif; font-size: 2rem; }
.sponsor-cta p { max-width: 70ch; margin: .7rem 0 1rem; color: var(--muted); line-height: 1.6; }
.type-intro { max-width: 68ch; margin: .7rem 0 2rem; color: var(--muted); line-height: 1.65; }
.type-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .85rem; }
.type-card { scroll-margin-top: 1rem; padding: 1.25rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--card); }
.type-card:target { border-color: var(--teal-650); box-shadow: 0 0 0 3px rgba(45, 123, 112, .15); }
.type-card h2 { font-family: Georgia, "Times New Roman", serif; font-size: 1.35rem; }
.type-card p { margin-top: .55rem; color: var(--muted); font-size: .84rem; line-height: 1.6; }
.type-examples { margin-top: .7rem; color: var(--teal-800) !important; font-size: .74rem !important; font-weight: 800; }
.winners-page { padding-top: 1.5rem; padding-bottom: 4rem; }
.winners-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(18rem, .65fr); gap: 2rem; align-items: start; padding: 2.5rem 0 2rem; }
.winners-hero h1 { margin-top: .35rem; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.3rem, 6vw, 4.5rem); line-height: .98; letter-spacing: -.045em; }
.winners-intro { max-width: 62ch; margin-top: 1rem; color: var(--muted); line-height: 1.65; }
.newsletter-card { padding: 1.2rem; border-radius: .9rem; background: var(--teal-950); color: white; }
.newsletter-card h2 { font-family: Georgia, "Times New Roman", serif; font-size: 1.45rem; }
.newsletter-card p { margin: .5rem 0 .8rem; color: #b9d8d3; font-size: .78rem; line-height: 1.5; }
.winner-list { display: grid; gap: .75rem; }
.winner-card { padding: 1.1rem 1.2rem; border: 1px solid var(--line); border-radius: .85rem; background: var(--card); }
.winner-card h2 { font-family: Georgia, "Times New Roman", serif; font-size: 1.2rem; }
.winner-meta { margin-top: .35rem; color: var(--muted); font-size: .72rem; }
.winner-source { display: inline-block; margin-top: .65rem; color: var(--teal-800); font-size: .76rem; font-weight: 850; text-decoration: none; }
.winner-source:hover { text-decoration: underline; }
.empty-winners { padding: 2rem; border: 1px solid var(--line); border-radius: .9rem; background: var(--card); text-align: center; }
.empty-winners h2 { font-family: Georgia, "Times New Roman", serif; font-size: 1.5rem; }
.empty-winners p { max-width: 56ch; margin: .7rem auto 0; color: var(--muted); line-height: 1.6; }
.source-note { margin-top: 1rem; padding: 1rem; border-radius: .75rem; background: #fff7df; color: #684b0b; font-size: .76rem; line-height: 1.55; }

@media (max-width: 900px) {
  .main-nav { display: none; }
  .hero { grid-template-columns: 1fr; gap: .9rem; padding-top: 1rem; }
  .hero-meta { border-left: 0; border-top: 1px solid rgba(255,255,255,.2); padding: 1rem 0 0; }
  .trust-grid { grid-template-columns: repeat(2, 1fr); }
  .trust-item:nth-child(2) { border-right: 0; }
  .trust-item:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .method-grid { grid-template-columns: repeat(2, 1fr); }
  .method-item:last-child { grid-column: 1 / -1; }
  .score-bands { grid-template-columns: repeat(2, 1fr); }
  .pick-grid { grid-template-columns: 1fr; }
  .pick-card { min-height: auto; }
  .controls { grid-template-columns: 1fr 1fr; }
  .controls .search-wrap { grid-column: 1 / -1; }
  .footer-grid { grid-template-columns: 1fr 1fr; }
  .review-layout { grid-template-columns: 1fr; }
  .review-sidebar { position: static; }
  .sponsor-options { grid-template-columns: 1fr; }
  .sponsor-details { grid-template-columns: 1fr; }
  .type-grid { grid-template-columns: 1fr; }
  .winners-hero { grid-template-columns: 1fr; }
}

@media (max-width: 720px) {
  .content-shell { padding-top: 1.25rem; }
  .hero h1 { font-size: 2rem; }
  .tracker-table-wrap { display: none; }
  .mobile-cards { display: block; }
  .rankings-head { align-items: start; flex-direction: column; }
  .ranking-facts { width: 100%; }
  .ranking-facts > span { flex: 1; min-width: 0; }
  .controls { grid-template-columns: 1fr; }
  .controls .search-wrap { grid-column: auto; }
  .method-heading { align-items: start; flex-direction: column; }
  .method-grid { grid-template-columns: 1fr; }
  .method-item:last-child { grid-column: auto; }
  .score-bands { grid-template-columns: 1fr; }
  .footer-grid { grid-template-columns: 1fr; }
  .review-hero { grid-template-columns: 1fr; align-items: start; }
  .review-score-card { width: 100%; }
  .review-facts { grid-template-columns: 1fr; }
  .dialog-footer { align-items: stretch; flex-direction: column; }
  .newsletter-copy { align-items: flex-start; flex-direction: column; gap: .15rem; }
  .newsletter-fields { flex-direction: column; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}