/* ==========================================================================
   TopCardX — AGY Visual Refinement Layer (Final Authority)
   Strictly scoped under body[data-design="agy"][data-page][data-lang]
   Loading order: site.css -> agy.css -> agy-pages.css -> (page css) -> ux.css -> refinement.css
   ========================================================================== */

/* Shared neutral palette; scoped to the active AGY page after legacy component styles. */
body[data-design="agy"][data-page][data-lang] {
  color-scheme: dark;
  --canvas: #10151b;
  --paper: #181f28;
  --canvas-elevated: #202a36;
  --paper-hover: #252f3c;
  --line: #303b49;
  --surface-border: #303b49;
  --surface-border-hover: #52647b;
  --ink: #edf2f8;
  --ink-secondary: #c7d0dd;
  --muted: #afbccc;
  --subtle: #9baabe;
  --accent: #afc4f1;
  --accent-hover: #c8d8f8;
  --accent-ink: #101b30;
  --ux-bg: var(--canvas);
  --ux-surface: var(--paper);
  --ux-line: var(--line);
  --ux-accent: var(--accent);
  --ux-ink: var(--ink);
  --ux-muted: var(--muted);
  --ux-subtle: var(--subtle);
  --banner-bg: #151d26;
  --banner-border: #303b49;
  background-color: var(--canvas);
  color: var(--ink);
}

body[data-design="agy"][data-page][data-lang] :focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: 3px;
}

/* 2. Header & Detail Nav: Remove Blur, Background Gradients & Shadows */
body[data-design="agy"][data-page][data-lang] .header {
  background: var(--canvas);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-bottom: 1px solid var(--line);
}

body[data-design="agy"][data-page][data-lang] .detail-section-nav {
  background: var(--canvas);
  backdrop-filter: none;
  -webkit-backdrop-filter: none;
  box-shadow: none;
  border-bottom: 1px solid var(--line);
}

body[data-design="agy"][data-page][data-lang] .detail-section-nav a[data-detail-section] {
  color: var(--muted);
  font-size: 14px;
  min-height: 44px;
  border: 0;
  border-bottom: 2px solid transparent;
  border-radius: 0;
  padding-inline: 0;
  background: transparent;
}

body[data-design="agy"][data-page][data-lang] .detail-section-nav a[data-detail-section]:hover {
  color: var(--ink);
  background: var(--canvas-elevated);
}

body[data-design="agy"][data-page][data-lang] .detail-section-nav a[data-detail-section].is-active,
body[data-design="agy"][data-page][data-lang] .detail-section-nav a[data-detail-section][aria-current="location"] {
  color: var(--ink);
  background: transparent;
  border: 0;
  border-bottom: 2px solid var(--accent);
  font-weight: 600;
}

/* 3. 3 Brand Banners: Restrained Background, Original Artwork & Brand CTAs */
body[data-design="agy"][data-page][data-lang] .offers {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 12px;
}

body[data-design="agy"][data-page][data-lang] .offer-slide {
  --offer-stage: #352922;
  position: relative;
  isolation: isolate;
  background: var(--paper);
}
body[data-design="agy"][data-page][data-lang] .offer-mint { --offer-stage: #183439; }
body[data-design="agy"][data-page][data-lang] #offer-etherfi { --offer-stage: #302b43; }
body[data-design="agy"][data-page][data-lang] .offer-slide::before {
  content: "";
  position: absolute;
  inset: 0 0 0 auto;
  width: 43%;
  background: var(--offer-stage);
  clip-path: polygon(18% 0, 100% 0, 100% 100%, 0 100%);
  z-index: -1;
}
body[data-design="agy"][data-page][data-lang] .offer-copy { max-width: 69ch; }
body[data-design="agy"][data-page][data-lang] .offer-art { z-index: 1; }


body[data-design="agy"][data-page][data-lang] .offer-title {
  color: var(--ink);
}

body[data-design="agy"][data-page][data-lang] .offer-description {
  color: var(--ink-secondary);
  font-size: 16.5px;
}

body[data-design="agy"][data-page][data-lang] .offer-terms {
  color: var(--muted);
  font-size: 14.5px;
  line-height: 1.6;
}

/* 4. Cockpit Toolrow (Filters) */
body[data-design="agy"][data-page][data-lang] .home-search,
body[data-design="agy"][data-page][data-lang] .home-select,
body[data-design="agy"][data-page][data-lang] .search-field,
body[data-design="agy"][data-page][data-lang] .select-field {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 6px;
  height: 46px;
}

body[data-design="agy"][data-page][data-lang] .home-search:focus-within,
body[data-design="agy"][data-page][data-lang] .home-select:focus-within,
body[data-design="agy"][data-page][data-lang] .search-field:focus-within,
body[data-design="agy"][data-page][data-lang] .select-field:focus-within {
  border-color: var(--accent);
  box-shadow: 0 0 0 1px var(--accent);
}

body[data-design="agy"][data-page][data-lang] .home-search input,
body[data-design="agy"][data-page][data-lang] .home-select select,
body[data-design="agy"][data-page][data-lang] .search-field input,
body[data-design="agy"][data-page][data-lang] .select-field select {
  color: var(--ink);
  font-size: 15px;
}

body[data-design="agy"][data-page][data-lang] .home-search input::placeholder,
body[data-design="agy"][data-page][data-lang] .search-field input::placeholder {
  color: var(--subtle);
}

body[data-design="agy"][data-page][data-lang] .search-shortcut {
  color: var(--subtle);
  border: 1px solid var(--line);
  background: transparent;
}

body[data-design="agy"][data-page][data-lang] .home-reset,
body[data-design="agy"][data-page][data-lang] .reset-link {
  color: var(--muted);
  font-size: 14px;
}

body[data-design="agy"][data-page][data-lang] .feed-toolbar {
  border-bottom: 1px solid var(--line);
}

body[data-design="agy"][data-page][data-lang] .feed-topics button {
  color: var(--muted);
  font-size: 15px;
}

body[data-design="agy"][data-page][data-lang] .feed-topics button:hover {
  color: var(--ink);
}

body[data-design="agy"][data-page][data-lang] .feed-topics button.selected {
  color: #ffffff;
}

body[data-design="agy"][data-page][data-lang] .feed-topics button.selected::after {
  background: #ffffff;
}

body[data-design="agy"][data-page][data-lang] .feed-stats select,
body[data-design="agy"][data-page][data-lang] .feed-count {
  color: var(--muted);
  font-size: 14px;
}

body[data-design="agy"][data-page][data-lang] .feed-sort { position: relative; display: flex; align-items: center; }
body[data-design="agy"][data-page][data-lang] .feed-sort-icon { display: none; }

/* 5. Homepage Discovery Cards & Tactile Apply Action */
body[data-design="agy"][data-page][data-lang] .discovery-card {
  background: var(--paper);
  border: 1px solid #293341;
  border-radius: 12px;
  box-shadow: none;
  transform: none;
  transition: border-color 0.15s ease;
}

body[data-design="agy"][data-page][data-lang] .discovery-card:hover {
  border-color: var(--surface-border-hover);
  box-shadow: none;
  transform: none;
}

/* Card Artwork: proportions preserved, hover transform removed */
body[data-design="agy"][data-page][data-lang] a.card-art-link,
body[data-design="agy"][data-page][data-lang] a.card-art-link:hover {
  transform: none;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-brand-title {
  color: var(--ink);
  font-size: 21px;
  font-weight: 600;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-variant-name {
  color: var(--muted);
  font-size: 15px;
  font-weight: 500;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-meta-line {
  color: var(--subtle);
  font-size: 14px;
}

/* The primary benefit is the first reading anchor. */
body[data-design="agy"][data-page][data-lang] .card-feature-lead {
  border-bottom: 1px solid var(--line);
}

body[data-design="agy"][data-page][data-lang] .card-feature-lead .feature-val {
  color: var(--ink);
  font-size: 23px;
  font-weight: 650;
  letter-spacing: -0.025em;
  font-variant-numeric: tabular-nums;
}

body[data-design="agy"][data-page][data-lang] .card-feature-lead .feature-note {
  color: var(--muted);
  font-size: 15px;
  line-height: 1.55;
}

/* Secondary Feature Rows: 16px value, minimum 14px notes */
body[data-design="agy"][data-page][data-lang] .card-feature-row .feature-label {
  color: var(--muted);
  font-size: 14.5px;
  font-weight: 500;
}

body[data-design="agy"][data-page][data-lang] .card-feature-row .feature-val {
  color: var(--ink);
  font-size: 16px;
  font-weight: 550;
  font-variant-numeric: tabular-nums;
}

body[data-design="agy"][data-page][data-lang] .card-feature-row .feature-note {
  color: var(--subtle);
  font-size: 15px;
  line-height: 1.6;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-eligibility {
  color: var(--subtle);
  font-size: 15px;
}

body[data-design="agy"][data-page][data-lang] .card-eligibility-val {
  color: var(--ink-secondary);
  font-size: 15px;
  font-weight: 500;
}

body[data-design="agy"][data-page][data-lang] .card-eligibility-note {
  color: var(--subtle);
  font-size: 15px;
}

/* Apply button: Text-width neutral thin border button (44px min-height) */
body[data-design="agy"][data-page][data-lang] .discovery-card .card-actions {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 12px;
  padding-top: 0;
  border-top: 0;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-apply-link {
  flex: 0 1 auto;
  width: auto;
  min-height: 44px;
  height: 44px;
  padding: 0 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  background: #222f44;
  color: var(--accent);
  font-size: 14.5px;
  font-weight: 550;
  border-radius: 6px;
  border: 1px solid #3b4d69;
  box-shadow: none;
  transition: border-color 0.15s ease, background-color 0.15s ease, color 0.15s ease;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-apply-link:hover {
  background: var(--canvas-elevated);
  border-color: var(--accent);
  color: #ffffff;
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-apply-link svg {
  display: inline-block;
  width: 14px;
  height: 14px;
  color: var(--accent);
}

body[data-design="agy"][data-page][data-lang] .discovery-card .card-partner-note {
  color: var(--subtle);
  font-size: 12.5px;
  margin: 8px 0 0;
  text-align: left;
}

/* 6. Country Directory: Compact Row-style Layout */
body[data-design="agy"][data-page][data-lang] .countries-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 0 20px;
  margin-bottom: 48px;
}

body[data-design="agy"][data-page][data-lang] .country-tile {
  display: flex;
  align-items: center;
  gap: 10px;
  min-height: 50px;
  height: auto;
  padding: 12px 6px;
  background: transparent;
  border: 0;
  border-bottom: 1px solid var(--line);
  border-radius: 0;
  box-shadow: none;
  transform: none;
  transition: background-color 0.1s ease, color 0.1s ease;
}

body[data-design="agy"][data-page][data-lang] .country-tile:hover {
  background: var(--paper);
  transform: none;
}

body[data-design="agy"][data-page][data-lang] .country-tile:focus-visible {
  outline: 2px solid var(--accent);
  outline-offset: -2px;
}

body[data-design="agy"][data-page][data-lang] .country-tile .country-flag {
  font-size: 20px;
  line-height: 1;
  flex-shrink: 0;
}

body[data-design="agy"][data-page][data-lang] .country-tile .country-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: row;
  align-items: center;
}

body[data-design="agy"][data-page][data-lang] .country-tile .country-info h3 {
  font-size: 14.5px;
  font-weight: 500;
  color: var(--ink);
  white-space: normal;
  overflow-wrap: anywhere;
  margin: 0;
}

body[data-design="agy"][data-page][data-lang] .country-tile:hover .country-info h3 {
  color: #ffffff;
}

/* The page introduction explains eligibility; individual links only need the country name. */
body[data-design="agy"][data-page][data-lang] .country-tile .country-info span,
body[data-design="agy"][data-page][data-lang] .country-tile .chevron {
  display: none;
}

@media (max-width: 1100px) {
  body[data-design="agy"][data-page][data-lang] .countries-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}
@media (max-width: 768px) {
  body[data-design="agy"][data-page][data-lang] .countries-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 480px) {
  body[data-design="agy"][data-page][data-lang] .countries-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 7. Guides (Collections) Page: Flat Clean Entries without decorative pedestal */
body[data-design="agy"][data-page][data-lang] .collections-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 16px;
  margin-bottom: 32px;
}

body[data-design="agy"][data-page][data-lang] .guide-card {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  padding: 20px 22px;
  min-height: auto;
  background: var(--paper);
  border: 1px solid #293341;
  border-radius: 8px;
  box-shadow: none;
  transform: none;
  transition: border-color 0.15s ease, background-color 0.15s ease;
}

body[data-design="agy"][data-page][data-lang] .guide-card:hover {
  background: var(--canvas-elevated);
  border-color: var(--surface-border-hover);
  box-shadow: none;
  transform: none;
}

body[data-design="agy"][data-page][data-lang] .guide-icon {
  display: none;
}

body[data-design="agy"][data-page][data-lang] .guide-info h3 {
  font-size: 17.5px;
  font-weight: 650;
  color: var(--ink);
  margin: 0;
}

body[data-design="agy"][data-page][data-lang] .guide-info p {
  font-size: 14.5px;
  line-height: 1.55;
  color: var(--muted);
  margin: 0;
}

body[data-design="agy"][data-page][data-lang] .guide-read {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  font-size: 14px;
  font-weight: 500;
  color: var(--accent);
  margin-top: 4px;
  min-height: 32px;
}

@media (max-width: 900px) {
  body[data-design="agy"][data-page][data-lang] .collections-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 560px) {
  body[data-design="agy"][data-page][data-lang] .collections-grid {
    grid-template-columns: minmax(0, 1fr);
  }
}

/* 8. Comparison Table: Neutral Matrix with Intuitive Status Signals */
body[data-design="agy"][data-page][data-lang] .comparison-table td,
body[data-design="agy"][data-page][data-lang] .quick-table td {
  background: var(--paper);
  border-bottom: 1px solid var(--line);
  border-right: 1px solid var(--line);
  color: var(--ink);
}

body[data-design="agy"][data-page][data-lang] .comparison-table thead th,
body[data-design="agy"][data-page][data-lang] .quick-table thead th {
  background: var(--canvas-elevated);
  border-bottom: 2px solid var(--line);
  border-right: 1px solid var(--line);
  color: var(--ink);
}

body[data-design="agy"][data-page][data-lang] .comparison-table tbody th,
body[data-design="agy"][data-page][data-lang] .quick-table tbody th {
  background: var(--canvas);
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  box-shadow: 1px 0 0 var(--line);
}

body[data-design="agy"][data-page][data-lang] .comparison-table .col-card,
body[data-design="agy"][data-page][data-lang] .quick-table thead th:first-child {
  background: var(--canvas-elevated);
}

/* Quiet emphasis for the decision columns. */
body[data-design="agy"][data-page][data-lang] .comparison-table td.is-emphasis,
body[data-design="agy"][data-page][data-lang] .quick-table td.is-emphasis {
  background: #19222d;
}

body[data-design="agy"][data-page][data-lang] .comparison-table tbody tr:hover td,
body[data-design="agy"][data-page][data-lang] .quick-table tbody tr:hover td {
  background: var(--canvas-elevated);
}

body[data-design="agy"][data-page][data-lang] .dense-val {
  color: var(--ink);
  font-size: 14px;
  font-weight: 600;
}

body[data-design="agy"][data-page][data-lang] td.is-emphasis .dense-val {
  color: var(--ink);
  font-weight: 650;
}

body[data-design="agy"][data-page][data-lang] .dense-note {
  color: var(--subtle);
  font-size: 12.5px;
}

/* Green Checkmark for Support: Intuitive & accessible, no neon ring */
body[data-design="agy"][data-page][data-lang] [data-support="yes"] {
  --support-bg: #15803d;
  --support-ink: #ffffff;
  --support-ring: transparent;
}

body[data-design="agy"][data-page][data-lang] [data-support="no"] {
  --support-bg: #3c2328;
  --support-ink: #e89ea8;
  --support-ring: transparent;
}

body[data-design="agy"][data-page][data-lang] :is([data-support="conditional"], [data-support="paused"]) {
  --support-bg: #3d311f;
  --support-ink: #eec170;
  --support-ring: transparent;
}

body[data-design="agy"][data-page][data-lang] .support-caption {
  color: var(--muted);
  font-size: 12.5px;
}

/* Popover Terms Dialog */
body[data-design="agy"][data-page][data-lang] .compare-terms:popover-open {
  background: var(--paper);
  border: 1px solid var(--line);
  border-radius: 10px;
  box-shadow: 0 16px 48px rgba(0, 0, 0, 0.8);
  color: var(--ink);
}

body[data-design="agy"][data-page][data-lang] .compare-terms::backdrop {
  background: rgba(0, 0, 0, 0.7);
  backdrop-filter: none;
}

body[data-design="agy"][data-page][data-lang] .compare-terms-card {
  color: var(--muted);
  font-size: 13.5px;
}

body[data-design="agy"][data-page][data-lang] .compare-terms h2 {
  color: var(--ink);
  font-size: 20px;
  font-weight: 700;
}

body[data-design="agy"][data-page][data-lang] .dense-full-val {
  color: var(--ink);
  font-size: 15.5px;
  font-weight: 600;
}

body[data-design="agy"][data-page][data-lang] .dense-full-note {
  color: var(--ink-secondary);
  font-size: 14.5px;
  line-height: 1.6;
}

body[data-design="agy"][data-page][data-lang] .compare-terms-close {
  width: 44px;
  height: 44px;
  color: var(--muted);
  font-size: 24px;
  border-radius: 6px;
}

body[data-design="agy"][data-page][data-lang] .compare-terms-close:hover {
  background: var(--canvas-elevated);
  color: var(--ink);
}

/* 9. Detail Page Fact Rows */
body[data-design="agy"][data-page][data-lang] .detail-tags .category,
body[data-design="agy"][data-page][data-lang] .detail-tags .network-badge,
body[data-design="agy"][data-page][data-lang] .variant-badge {
  background: var(--canvas-elevated);
  border: 1px solid var(--line);
  color: var(--ink-secondary);
  font-size: 13.5px;
  font-weight: 500;
  padding: 3px 9px;
}

body[data-design="agy"][data-page][data-lang] .variant-heading {
  border-bottom: 1px solid var(--line);
}

body[data-design="agy"][data-page][data-lang] .variant-jumps a {
  background: var(--paper);
  border: 1px solid var(--line);
  color: var(--ink-secondary);
  font-size: 14.5px;
  border-radius: 6px;
}

body[data-design="agy"][data-page][data-lang] .variant-jumps a:hover {
  background: var(--canvas-elevated);
  border-color: var(--surface-border-hover);
  color: #ffffff;
}

body[data-design="agy"][data-page][data-lang] .variant-jumps a[aria-selected="true"] {
  background: var(--canvas-elevated);
  border-color: var(--accent);
  color: #ffffff;
  box-shadow: inset 0 -2px var(--accent);
}

body[data-design="agy"][data-page][data-lang] .variant-header {
  border-bottom: 1px solid var(--line);
}

body[data-design="agy"][data-page][data-lang] .variant-fact-section h4 {
  background: transparent;
  border-bottom: 1px solid var(--line);
  color: var(--ink);
  font-size: 18px;
  padding: 18px 0 14px;
  margin-bottom: 4px;
}

body[data-design="agy"][data-page][data-lang] .variant-fact {
  border-bottom: 1px solid var(--line);
  padding-inline: 0;
}

body[data-design="agy"][data-page][data-lang] .variant-fact .fact-lbl {
  color: var(--muted);
  font-size: 14.5px;
  font-weight: 500;
}

body[data-design="agy"][data-page][data-lang] .variant-fact dd strong {
  color: var(--ink);
  font-size: 16px;
  font-weight: 600;
}

body[data-design="agy"][data-page][data-lang] .variant-fact .fact-cond {
  color: var(--ink-secondary);
  font-size: 15px;
  line-height: 1.65;
}

/* 10. Notices, Buttons & Editorial Prose */
body[data-design="agy"][data-page][data-lang] .notice {
  background: var(--canvas-elevated);
  border: 1px solid var(--line);
  border-left: 3px solid var(--accent);
  border-radius: 6px;
  color: var(--ink-secondary);
  font-size: 14.5px;
}

body[data-design="agy"][data-page][data-lang] .button.primary {
  background: var(--accent);
  color: var(--accent-ink);
  font-size: 14.5px;
  font-weight: 600;
  border-radius: 6px;
}

body[data-design="agy"][data-page][data-lang] .button.secondary {
  background: var(--paper);
  border: 1px solid var(--line);
  color: var(--ink);
  font-size: 14.5px;
  border-radius: 6px;
}

body[data-design="agy"][data-page][data-lang] .button.secondary:hover {
  background: var(--canvas-elevated);
  border-color: var(--surface-border-hover);
  color: #ffffff;
}

body[data-design="agy"][data-page][data-lang] .prose {
  max-width: 740px;
}

body[data-design="agy"][data-page][data-lang] .prose p {
  font-size: 16px;
  line-height: 1.75;
  color: var(--ink-secondary);
}

/* Keep small screens legible without triggering input zoom on mobile Safari. */
@media (max-width: 799px) {
  body[data-design="agy"][data-page][data-lang] .card-feature-lead .feature-val { font-size: 22px; }
  body[data-design="agy"][data-page][data-lang] :is(.home-search input, .home-select select, .search-field input, .select-field select) { font-size: 16px; }
}
body[data-design="agy"][data-page][data-lang] :is(.home-select select, .select-field select) { background: transparent; border: 0; }
body[data-design="agy"][data-page][data-lang] .discovery-card .card-apply-link { transform: none; }
body[data-design="agy"][data-page][data-lang] :is(.guide-info p, .card-eligibility) { font-size: 15px; }
body[data-design="agy"][data-page][data-lang] .country-tile .country-info h3 { font-size: 16px; }
body[data-design="agy"][data-page][data-lang] .guide-info p { margin-top: 8px; }
body[data-design="agy"][data-page][data-lang] .guide-card { padding: 24px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: transparent; }
body[data-design="agy"][data-page][data-lang] .guide-card:hover { background: transparent; border-color: var(--accent); }
body[data-design="agy"][data-page][data-lang] .variant-fact-section > h4 { background: transparent; }
body[data-design="agy"][data-page][data-lang] .footer { background: var(--canvas); border-color: var(--line); }
@media (prefers-reduced-motion: reduce) {
  body[data-design="agy"][data-page][data-lang] :is(.discovery-card, .card-apply-link, .country-tile, .guide-card) { transition: none; }
}

/* Shared reading rhythm: brand artwork carries the color, controls stay quiet. */
body[data-design="agy"][data-page][data-lang] .desktop-nav a.active::after,
body[data-design="agy"][data-page][data-lang] .feed-topics button.selected::after {
  background: var(--accent);
}
body[data-design="agy"][data-page][data-lang] .desktop-nav a { padding-inline: 4px; }
body[data-design="agy"][data-page][data-lang] .language {
  border: 1px solid var(--line);
  border-radius: 7px;
  min-height: 36px;
  padding: 0 10px;
}
body[data-design="agy"][data-page][data-lang] .offer-title { letter-spacing: -.035em; }
body[data-design="agy"][data-page][data-lang] .offer-dot[aria-current="true"] span {
  width: 22px;
  border-radius: 4px;
  background: var(--ink);
}
body[data-design="agy"][data-page][data-lang] .feed-toolbar { margin-bottom: 18px; }
body[data-design="agy"][data-page][data-lang] .card-feature-row { column-gap: 14px; }
body[data-design="agy"][data-page][data-lang] .card-eligibility { line-height: 1.65; }
body[data-design="agy"][data-page][data-lang] :is(.home-search, .home-select, .search-field, .select-field) { border-radius: 8px; }
body[data-design="agy"][data-page][data-lang] :is(.country-picker-btn, .country-picker-search-input) { border-radius: 8px; }
body[data-design="agy"][data-page][data-lang] .country-picker-popover { border-color: var(--surface-border-hover); }
body[data-design="agy"][data-page][data-lang] .country-picker-header { display: flex; align-items: center; justify-content: space-between; gap: 12px; padding-left: 4px; }
body[data-design="agy"][data-page][data-lang] .country-picker-title { margin: 0; font-size: 17px; font-weight: 600; color: var(--ink); }
body[data-design="agy"][data-page][data-lang] .country-picker-close { width: 44px; height: 44px; flex: 0 0 44px; border: 0; border-radius: 8px; background: transparent; color: var(--muted); font: inherit; font-size: 25px; cursor: pointer; }
body[data-design="agy"][data-page][data-lang] .country-picker-close:hover { background: var(--canvas-elevated); color: var(--ink); }

/* Continuous detail reading; section hierarchy comes from type and rules. */
body[data-design="agy"][data-page][data-lang] .detail-hero h1 { letter-spacing: -.035em; }
body[data-design="agy"][data-page][data-lang] .detail-section-nav { padding-inline: 0; gap: 20px; }
/* Root scroll padding already reserves 100px; avoid doubling the anchor offset. */
body[data-design="agy"][data-page][data-lang] [data-variant-reader] [id^="variant-"],
body[data-design="agy"][data-page][data-lang] #card-comparison { scroll-margin-top: 28px; }
body[data-design="agy"][data-page][data-lang] .detail-section-nav { flex-wrap: nowrap; }
body[data-design="agy"][data-page][data-lang] .variant-fact-section { margin-top: 24px; }
body[data-design="agy"][data-page][data-lang] .variant-fact dd { gap: 24px; }
body[data-design="agy"][data-page][data-lang] .variant-fact .fact-cond { max-width: 74ch; }
body[data-design="agy"][data-page][data-lang] .application-checklist { border-bottom: 1px solid var(--line); }
body[data-design="agy"][data-page][data-lang] .application-checklist h5 { font-size: 15px; color: var(--accent); padding-top: 14px; }
body[data-design="agy"][data-page][data-lang] .application-checklist dl > div + div { border-top: 1px solid var(--line); }
body[data-design="agy"][data-page][data-lang] .application-checklist p { font-size: 14px; line-height: 1.75; }
body[data-design="agy"][data-page][data-lang] .checklist-sources summary { font-size: 13px; min-height: 32px; padding-block: 5px; }

/* Dense comparisons share the same surface and clear, quiet row tracking. */
body[data-design="agy"][data-page][data-lang] :is(.comparison-table, .quick-table) td { border-right-color: #26313e; }
body[data-design="agy"][data-page][data-lang] :is(.comparison-table, .quick-table) tbody tr:hover th { background: var(--canvas-elevated); }
body[data-design="agy"][data-page="compare"][data-lang] .compare-heading h1 { font-size: 24px; }
body[data-design="agy"][data-page][data-lang] .fee-table tbody th a span { color: var(--muted); }
body[data-design="agy"][data-page][data-lang] .fee-table tbody tr:hover > * { background: var(--canvas-elevated); }
body[data-design="agy"][data-page][data-lang] .fee-table thead th { background: var(--paper); }
body[data-design="agy"][data-page][data-lang] .fee-table .fee-total { background: #19222d; }
body[data-design="agy"][data-page][data-lang] .fee-table .fee-total strong { color: var(--ink); }
body[data-design="agy"][data-page][data-lang] .footer-links a:hover { color: var(--accent); }

@media (min-width: 800px) {
  body[data-design="agy"][data-page][data-lang] .offer-slide { padding: 30px 40px 48px; gap: 40px; }
  body[data-design="agy"][data-page][data-lang] .offer-art { width: min(100%, 316px); }
  body[data-design="agy"][data-page][data-lang] .variant-fact { grid-template-columns: 180px minmax(0, 1fr); }
  body[data-design="agy"][data-page][data-lang] .application-checklist dl > div { grid-template-columns: 180px minmax(0, 1fr); }
}
@media (min-width: 861px) {
  body[data-design="agy"][data-page][data-lang] .home-cockpit { position: sticky; top: 64px; z-index: 20; background: var(--canvas); padding-block: 12px; margin-top: -12px; }
  body[data-design="agy"][data-page][data-lang] .home-cockpit .home-filters { margin-bottom: 0; }
}
@media (max-width: 799px) {
  body[data-design="agy"][data-page][data-lang] .feed-toolbar { margin-bottom: 14px; }
  body[data-design="agy"][data-page][data-lang] .offer-slide::before { width: 38%; opacity: .65; }
  body[data-design="agy"][data-page][data-lang] .offer-art .designed-card { transform: rotate(-6deg); }
  body[data-design="agy"][data-page][data-lang] .detail-section-nav { column-gap: 18px; row-gap: 0; }
  body[data-design="agy"][data-page][data-lang] .variant-fact-section h4 { font-size: 18px; padding-top: 14px; }
  body[data-design="agy"][data-page][data-lang] .application-checklist dl > div { grid-template-columns: 1fr; gap: 5px; }
  body[data-design="agy"][data-page][data-lang] .application-checklist dt { font-size: 14px; }
  body[data-design="agy"][data-page][data-lang] .language { border-color: transparent; padding-inline: 4px; }
  body[data-design="agy"][data-page][data-lang] .checklist-sources summary { min-height: 44px; padding-block: 10px; }
  body[data-design="agy"][data-page][data-lang] .mobile-nav-fallback { position: static; border-top: 1px solid var(--line); border-bottom: 0; }
  body[data-design="agy"][data-page="compare"][data-lang] .comparison-table { --col-card-w: 152px; }
  body[data-design="agy"][data-page="compare"][data-lang] .compare-product-name :is(strong, span) {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    white-space: normal;
    overflow-wrap: anywhere;
    text-overflow: clip;
    max-height: 36px;
  }
}
@media (max-width: 480px) {
  body[data-design="agy"][data-page][data-lang] .home-filters { position: relative; grid-template-columns: repeat(2, minmax(0, 1fr)); }
  body[data-design="agy"][data-page][data-lang] .home-search-wrap { grid-column: 1 / -1; margin-right: 76px; }
  body[data-design="agy"][data-page][data-lang] .home-reset { position: absolute; top: 0; right: 0; padding-inline: 2px; }
  body[data-design="agy"][data-page][data-lang] .offer-slide { padding: 16px 16px 42px; gap: 8px 14px; }
  body[data-design="agy"][data-page][data-lang] .offer-title-mobile { font-size: 25px; }
  body[data-design="agy"][data-page][data-lang] .offer-terms { font-size: 14px; line-height: 1.55; }
  body[data-design="agy"][data-page][data-lang] .offer-controls { bottom: 2px; }
  body[data-design="agy"][data-page][data-lang] .feed-toolbar { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 8px; padding-block: 0 4px; }
  body[data-design="agy"][data-page][data-lang] .feed-topics { min-width: 0; gap: 12px; padding-bottom: 0; scrollbar-width: none; }
  body[data-design="agy"][data-page][data-lang] .feed-topics button { font-size: 14px; }
  body[data-design="agy"][data-page][data-lang] .feed-stats { width: auto; gap: 4px; }
  body[data-design="agy"][data-page][data-lang] .feed-count { font-size: 13px; }
  body[data-design="agy"][data-page][data-lang] .feed-count-label { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
  body[data-design="agy"][data-page][data-lang] .feed-sort { width: 44px; height: 44px; justify-content: center; border-radius: 6px; color: var(--muted); }
  body[data-design="agy"][data-page][data-lang] .feed-sort:is(.is-selected, :hover) { color: var(--accent); }
  body[data-design="agy"][data-page][data-lang] .feed-sort:focus-within { outline: 2px solid var(--accent); outline-offset: 2px; }
  body[data-design="agy"][data-page][data-lang] .feed-sort-icon { display: block; width: 20px; height: 20px; }
  body[data-design="agy"][data-page][data-lang] .feed-sort select { display: block; position: absolute; inset: 0; width: 100%; height: 100%; min-height: 44px; opacity: 0; padding: 0; }
}