html {
  scroll-behavior: smooth;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

:root {
  --bg: #05060a;
  --bg-elevated: #10121a;
  --bg-elevated-soft: #141724;
  --border-subtle: #272a3a;
  --text: #f5f5f7;
  --text-muted: #b3b3c2;
  --gold: #f5d27a;
  --gold-soft: rgba(245, 210, 122, 0.16);
  --ui-silver: #c9d1df;
  --ui-silver-soft: rgba(201, 209, 223, 0.12);
  --ui-silver-border: rgba(201, 209, 223, 0.28);
  --ui-silver-border-strong: rgba(201, 209, 223, 0.46);
  --ui-silver-text: rgba(225, 231, 241, 0.84);
  --danger: #ff6b6b;
  --blue: #4aa3ff;
  --radius-lg: 18px;
  --radius-md: 12px;
  --radius-sm: 999px;
  --shadow-soft: 0 18px 45px rgba(0, 0, 0, 0.55);
  --shadow-subtle: 0 10px 30px rgba(0, 0, 0, 0.4);
  --transition-fast: 160ms ease-out;
  --transition-med: 220ms ease-out;
}

html,
.brand-gold { color: var(--gold); }
.brand-white { color: #ffffff; }
.brand-wordmark { font-weight:600; letter-spacing: 0.02em; }

body {
  margin: 0;
  padding: 0;
  height: 100%;
}

body {
  font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background: radial-gradient(circle at top, #171925 0, #05060a 52%, #020307 100%);
  color: var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

a {
  color: inherit;
  text-decoration: none;
}

.page {
  max-width: 1120px;
  margin: 0 auto;
  padding: 32px 20px 72px;
}

/* Hero */

.hero {
  margin-bottom: 28px;
}

.hero-title-row {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
}

.hero-title-row .info-toggle {
  margin: 0 0 8px 0;
}

.hero h1 {
  font-size: 30px;
  letter-spacing: 0.03em;
  margin: 0;
}

.hero-text {
  max-width: 720px;
  color: var(--text-muted);
  font-size: 15px;
  line-height: 1.6;
  margin-bottom: 24px;
}



.hero-entry-block {
  margin-top: 12px;
  margin-bottom: 4px;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 16px 24px;
  max-width: 980px;
  margin-left: auto;
  margin-right: auto;
}

.hero-entry-block--duo {
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin-bottom: 8px;
  align-items: start;
}

.hero-entry {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

.hero-entry--solo {
  max-width: 620px;
  margin: 10px auto 8px;
}

.hero-entry-card .entry-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.hero-entry-card .entry-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  margin-bottom: 4px;
}

.hero-entry-card .entry-title {
  font-weight: 600;
}

.hero-entry-card .entry-sub {
  font-size: 13px;
  color: var(--text-muted);
}

.hero-entry .info-toggle {
  align-self: center;
  margin-top: 6px;
}


.entry-card--secondary {
  width: 100%;
  max-width: 620px;
}


.subsection-title--entry {
  max-width: 980px;
  margin: 22px auto 10px;
}

.subsection-title--intent {
  margin-top: 8px;
  margin-bottom: 10px;
}

.subsection-title--code {
  margin: 0 0 4px;
}

.subsection-head{
  max-width: 980px;
  margin: 22px auto 10px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
}
.subsection-head .subsection-title--entry{
  margin: 0;
}
.info-panel--section{
  max-width: 980px;
  margin: 0 auto 10px;
}
.entry-title-wrap{
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
}
.entry-mini-badges{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 6px;
}
@media (max-width: 640px){
  .subsection-head{
    flex-direction: column;
    align-items: flex-start;
  }
}

.code-section--entry {
  max-width: 980px;
  margin: 0 auto 18px;
}

@media (max-width: 820px) {
  .hero-entry-block--duo {
    grid-template-columns: 1fr;
  }

  .hero-entry--solo {
    max-width: 100%;
    margin-top: 8px;
  }
}
.hero-advanced {
  margin-top: 8px;
  margin-bottom: 12px;
}
.entry-icon.entry-icon--plain {
  background: transparent;
  border: none;
  box-shadow: none;
}
.entry-icon--large {
  width: 40px;
  height: 40px;
  font-size: 26px;
}
/* Entry cards */

/* Entry cards */

.entry-row {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;

  max-width: 980px;
  margin: 0 auto;
}

.entry-card {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  padding: 14px 16px;
  border-radius: var(--radius-lg);
  background: linear-gradient(135deg, rgba(16, 18, 26, 0.98), rgba(10, 12, 20, 0.98));
  border: 1px solid rgba(245, 210, 122, 0.3);
  box-shadow: var(--shadow-subtle);
  position: relative;
  overflow: hidden;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), border-color var(--transition-fast);
}

.entry-card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at top left, rgba(245, 210, 122, 0.24), transparent 55%);
  opacity: 0;
  transition: opacity var(--transition-fast);
}

.entry-card:hover {
  transform: translateY(-2px);
  border-color: rgba(245, 210, 122, 0.8);
  box-shadow: var(--shadow-soft);
}

.entry-card:hover::before {
  opacity: 1;
}

.entry-icon {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.7);
  display: flex;
  align-items: center;
  justify-content: center;
  background: radial-gradient(circle at 30% 0, #ffffff, #f5d27a 40%, #94631f 100%);
  box-shadow: 0 6px 14px rgba(0,0,0,.24);
}

.entry-content {
  display: flex;
  flex-direction: column;
  gap: 3px;
}

.entry-title {
  font-weight: 600;
  font-size: 15px;
}

.entry-sub {
  font-size: 14px;
  color: var(--text-muted);
}

/* Code section */

.code-section {
  margin-top:16px;
  margin-bottom: 16px;
  padding: 18px 20px 20px;
  border-radius: 20px;
  background: radial-gradient(circle at top left, rgba(245, 210, 122, 0.06), transparent 52%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.03), transparent 55%),
    linear-gradient(135deg, #151822, #05060a);
  border: 1px solid rgba(245, 210, 122, 0.28);
  box-shadow: var(--shadow-soft);
}

.code-section h2 {
  margin: 0 0 4px;
  font-size: 18px;
}

.code-section p {
  margin: 0 0 12px;
  font-size: 14px;
  color: var(--text-muted);
}

.code-row {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}

.code-section-head {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 8px;
  margin-bottom: 8px;
}

.code-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 8px;
}

.info-toggle--center {
  align-self: center;
}

.info-panel--code {
  max-width: 860px;
  margin: 0 auto 12px;
}

.code-input {
  flex: 1 1 220px;
  padding: 10px 12px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.35);
  background: rgba(3, 4, 8, 0.9);
  color: var(--text);
  font-size: 14px;
  outline: none;
  min-width: 0;
}

.code-input::placeholder {
  color: #666a7a;
}

.code-feedback {
  margin-top: 8px;
  min-height: 18px;
  font-size: 14px;
}

.code-feedback.success {
  color: var(--gold);
}

.code-feedback.error {
  color: var(--danger);
}

/* Buttons */

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
  border-radius: 999px;
  font-size: 12.5px;
  padding: 6px 13px;
  border: 1px solid transparent;
  background: transparent;
  color: var(--text);
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast), transform 120ms ease-out,
    box-shadow var(--transition-fast);
  white-space: normal;
}


.btn-gold {
  background: linear-gradient(135deg, #f5d27a, #c18a2f);
  border-color: #f5d27a;
  color: #15110b;
  font-weight: 600;
  box-shadow: 0 6px 14px rgba(0,0,0,.24);
}

.btn-gold:hover {
  box-shadow: 0 8px 18px rgba(0,0,0,.28);
  transform: translateY(-1px);
}

.btn-outline-light {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.03);
}

.btn-outline-light:hover {
  background: rgba(255, 255, 255, 0.08);
}

.btn-outline-gold {
  border-color: rgba(245, 210, 122, 0.85);
  color: var(--gold);
  background: rgba(245, 210, 122, 0.04);
}

.btn-outline-gold.locked {
  position: relative;
}

.btn-outline-gold.locked::before {
  content: "";
  display:inline-block;
  width:14px;
  height:14px;
  margin-right:6px;
  background:currentColor;
  -webkit-mask:var(--r4x-lock-mask) center/contain no-repeat;
  mask:var(--r4x-lock-mask) center/contain no-repeat;
}

.btn-outline-gold:hover {
  background: rgba(245, 210, 122, 0.12);
}

.btn-shortcut-icon {
  width: 34px;
  min-width: 34px;
  height: 34px;
  padding: 0;
  font-size: 16px;
  line-height: 1;
  font-weight: 600;
}

.btn-shortcut-icon.is-active {
  border-color: rgba(245, 210, 122, 0.85);
  color: var(--gold);
  background: rgba(245, 210, 122, 0.08);
}

/* Filters */

.filters {
  margin-top: 4px;
  margin-bottom: 9px;
}

.filters-mini-title {
  font-size: 12px;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--text-muted);
  margin: 6px 0 10px;
}

.filters-row {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 8px 14px;
}

.filters-group {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.filters-label {
  font-size: 14px;
  color: #ffffff;
  font-weight: 500;
  margin-right: 4px;
}

.filter-btn {
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.35);
  background: transparent;
  color: var(--text-muted);
  padding: 7px 13px;
  font-size: 13px;
  cursor: pointer;
  transition: background var(--transition-fast), border-color var(--transition-fast), color var(--transition-fast),
    transform 120ms ease-out;
}

.filter-btn:hover {
  border-color: rgba(245, 210, 122, 0.7);
  color: var(--text);
}

.filter-btn.active {
  background: rgba(245, 210, 122, 0.18);
  border-color: rgba(245, 210, 122, 0.9);
  color: var(--gold);
  transform: translateY(-1px);
}

.filter-btn--with-icon {
  display: inline-flex;
  align-items: center;
  gap: 6px;
}

.filter-btn-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
}

/* Tools grid */

.tools-grid {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

/* Section headers */


.tools-section-header {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 14px;
  margin: 16px auto 8px;
  width: 100%;
}

.tools-section-icon {
  width: 26px;
  height: 26px;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.85);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 16px;
  background: rgba(245, 210, 122, 0.08);
}

.tools-section-title {
  font-size: 18px;
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  padding: 4px 10px;
  border-radius: 6px;
  background-color: rgba(245, 210, 122, 0.06);
}

.tools-section-line {
  flex: 1;
  max-width: 260px;
  min-width: 80px;
  height: 2px;
  box-shadow: 0 0 12px rgba(245, 210, 122, 0.5);
}

.tools-section-line-left {
  background: linear-gradient(to left, rgba(245, 210, 122, 0.9), transparent);
}

.tools-section-line-right {
  background: linear-gradient(to right, rgba(245, 210, 122, 0.9), transparent);
}


.tool-card:hover {
  border-color: rgba(245, 210, 122, 0.7);
  box-shadow: 0 0 12px rgba(245, 210, 122, 0.25);
  transform: translateY(-2px);
}

.tool-card-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
}

.tool-card-main {
  display: block;
  min-width: 0;
}

.tool-title-wrap {
  min-width: 0;
}

.tool-kind-icon {
  width: 28px;
  height: 28px;
  aspect-ratio: 1 / 1;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.6);
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  background: radial-gradient(circle at 30% 0, #ffffff, #f5d27a 42%, #8b5a16 100%);
}

.tool-card[data-tool-id="warumKrypto"] .tool-kind-icon {
  color: var(--blue);
}

.tool-title-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.tool-kind-label {
  font-size: 11px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  color: var(--text-muted);
  margin-bottom: 2px;
}

.tool-title {
  font-weight: 560;
  font-size: 15.5px;
  line-height: 1.34;

  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.tool-badges {
  display: flex;
  align-items: center;
  gap: 4px;
}



.badge {
  font-size: 11px;
  padding: 2px 7px;
  border-radius: 999px;
  border: 1px solid transparent;
}


.badge-free {
  background: #e1e4eb;
  color: #111;
  border-color: transparent;
}




.badge-plus {
  background: var(--gold);
  color: #111;
  border-color: transparent;
}

.badge-format {
  background: rgba(255,255,255,0.04);
  color: rgba(255,255,255,0.82);
  border-color: rgba(255,255,255,0.16);
}



.tool-card-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}

.tool-card-footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-top: 8px;
}

.tool-card-footer-actions {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
  justify-content: flex-end;
}


.info-btn {
  border-color: var(--gold);
  color: var(--gold);
}



.info-btn:hover {
  background: rgba(255, 255, 255, 0.12);
  transform: translateY(-1px);
  box-shadow: 0 0 10px rgba(255, 255, 255, 0.4);
}

.tool-card-body {
  margin-top: 8px;
  font-size: 13.5px;
  line-height: 1.52;
  color: rgba(233, 236, 243, 0.86);

  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* Info panel */

.tool-info-panel {
  margin-top: 10px;
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(13, 16, 24, 0.98), rgba(7, 9, 15, 0.98));
  border: 1px solid rgba(201, 209, 223, 0.18);
  padding: 10px 12px;
  font-size: 14px;
  color: var(--text-muted);
}

.tool-info-grid {
  display: grid;
  grid-template-columns: minmax(0, 1.2fr) minmax(0, 1.1fr);
  gap: 12px 18px;
}

.tool-info-block-title {
  font-weight: 600;
  color: rgba(255, 255, 255, 0.99);
  margin-bottom: 3px;
}
.tool-info-block-title--plus {
  color: rgba(245, 210, 122, 0.98);
}

.tool-info-block p {
  margin: 0;
}
.tool-info-more {
  margin: 6px 0 0;
  color: rgba(255,255,255,0.99);
}
.tool-info-more a {
  color: rgba(245, 210, 122, 0.98);
  text-decoration: underline;
}

/* Footer */


/* Responsive */

@media (max-width: 640px) {
}

@media (max-width: 880px) {
  .desktop-nav {
    display: none;
  }
  .page {
    padding: 80px 14px 64px;
  }
  .entry-row {
    grid-template-columns: minmax(0, 1fr);
  
  max-width: 980px;
  margin: 0 auto;
}
}

@media (max-width: 640px) {
  .page { padding-top: 18px; }

  .tool-info-grid {
    grid-template-columns: minmax(0, 1fr);
  }
  .tool-card-header {
    flex-direction: column;
    align-items: flex-start;
  }
  .tool-card-actions {
    align-self: stretch;
  }
  .tool-card-footer {
    flex-wrap: wrap;
  }
  .tool-card--compact-single-action .tool-card-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 8px;
    align-items: start;
  }
  .tool-card--compact-single-action .tool-card-main {
    grid-column: 1 / 2;
    grid-row: 1;
  }
  .tool-card--compact-single-action .tool-favorite-btn {
    grid-column: 2 / 3;
    grid-row: 1;
    align-self: start;
    justify-self: end;
  }
  .tool-card--compact-single-action .tool-card-footer {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    align-items: center;
  }
  .tool-card--compact-single-action .tool-card-footer-actions {
    justify-self: end;
  }
  .tool-card--compact-single-action .tool-inline-info {
    justify-self: start;
  }
  .tool-card--compact .btn {
    padding: 6px 12px;
  }
  .code-section {
    padding: 16px 14px 18px;
  }
}


.faq-insights-btn {
  margin-top: 6px;
}



.tools-intro-subtitle {
  font-size: 14px;
  color: var(--text-muted);
}


.subsection-title {
  font-size: 20px;
  font-weight: 600;
  color: var(--gold);
  margin-top: 28px;
  margin-bottom: 14px;
  display: flex;
  align-items: center;
  gap: 10px;}

.subsection-title-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
}

.subsection-title-icon--quick {
  font-size: 19px;
  line-height: 1;
}

.subsection-title-icon--kit {
  width: 22px;
  height: 22px;
}

.subsection-title-icon--kit img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.section-title-inline-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin-right: 10px;
  font-size: 18px;
  line-height: 1;
}

.subsection-title-icon--entry {
  font-size: 18px;
  line-height: 1;
}



.tools-intro .subsection-title {
  margin-bottom: 2px;
}

.tools-intro-subtitle {
  margin-top: 0;
  margin-bottom: 16px;
}

/* Intent Router (Bevor du etwas machst) */

.intent-section {
  margin: 14px 0 24px;
  padding: 18px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(245, 210, 122, 0.10), rgba(16, 18, 26, 0.9));
  border: 1px solid rgba(245, 210, 122, 0.22);
  box-shadow: var(--shadow-subtle);
}

.intent-head {
  display: flex;
  flex-direction: column;
  gap: 4px;
  margin-bottom: 14px;
}


.intent-title {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.02em;
}

.intent-sub {
  margin: 0;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.6;
}

.intent-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 18px;
}

.intent-group {
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  background: rgba(10, 12, 18, 0.42);
  overflow: hidden;
}

.intent-group + .intent-group {
  margin-top: 10px;
}

.intent-group-summary {
  list-style: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 12px 14px;
}

.intent-group-summary::-webkit-details-marker {
  display: none;
}

.intent-group-summary:hover {
  background: rgba(255, 255, 255, 0.03);
}

.intent-group-head {
  display: grid;
  gap: 3px;
  min-width: 0;
}

.intent-group-title {
  margin: 0;
  font-size: 14px;
  line-height: 1.3;
  font-weight: 600;
  color: rgba(245, 210, 122, 0.96);
}

.intent-group-sub {
  margin: 0;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.4;
}

.intent-group-meta {
  display: flex;
  align-items: center;
  gap: 10px;
  flex: 0 0 auto;
}

.intent-group-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 28px;
  height: 24px;
  padding: 0 8px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 600;
  color: rgba(245, 245, 247, 0.95);
  border: 1px solid rgba(245, 210, 122, 0.22);
  background: rgba(245, 210, 122, 0.10);
}

.intent-group-chevron {
  font-size: 11px;
  color: rgba(245, 245, 247, 0.78);
  transition: transform var(--transition-fast);
}

.intent-group[open] .intent-group-chevron {
  transform: rotate(180deg);
}

.intent-group-body {
  padding: 0 14px 14px;
}

.intent-group-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 8px;
}

.intent-card {
  appearance: none;
  width: 100%;
  text-align: left;
  color: var(--text);
  border-radius: 12px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(16, 18, 26, 0.75);
  padding: 11px 12px;
  cursor: pointer;
  transition: border-color var(--transition-fast), background var(--transition-fast);
}

.intent-card:hover {
  border-color: rgba(245, 210, 122, 0.32);
  background: rgba(20, 23, 36, 0.88);
}

.intent-card-header {
  display: flex;
  align-items: center;
  gap: 9px;
}

.intent-card-icon {
  width: 28px;
  height: 28px;
  display: grid;
  place-items: center;
  border-radius: 10px;
  background: rgba(245, 210, 122, 0.12);
  border: 1px solid rgba(245, 210, 122, 0.18);
  font-size: 14px;
  flex: 0 0 auto;
}

.intent-card-title {
  font-weight: 600;
  font-size: 13.5px;
  line-height: 1.35;
  color: var(--text);
  flex: 1 1 auto;
  min-width: 0;
}


/* Quicklinks */
.quicklinks {
  position: relative;
  z-index: 5;
  background: transparent;
  border: 1px solid rgba(245, 210, 122, 0.18);
  border-radius: 12px;
  padding: 10px 12px;
  margin-top: 10px;
}

.quicklinks-inner {
  display: flex;
  gap: 10px;
  flex-wrap: wrap;
}

.quicklink {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.55);
  background: rgba(0, 0, 0, 0.35);
  color: rgba(245, 210, 122, 0.95);
  font-size: 12.5px;
  font-weight:600;
  text-decoration: none;
  white-space: nowrap;
}

.quicklink::after {
  content: "↘";
  font-size: 12px;
  opacity: 0.75;
}

.quicklink:hover {
  background: rgba(245, 210, 122, 0.14);
}

.quicklink:focus-visible {
  outline: 2px solid rgba(245, 210, 122, 0.75);
  outline-offset: 2px;
}

@media (max-width: 520px) {
  .quicklinks-inner {
    flex-wrap: nowrap;
    overflow-x: hidden;
    gap: 6px;
    justify-content: space-between;
  }
  .quicklink {
    flex: 1 1 0;
    justify-content: center;
    min-width: 0;
    padding: 7px 6px;
    font-size: 13px;
  }
}

@media (max-width: 360px) {
  .quicklinks-inner { gap: 4px; }
  .quicklink { padding: 7px 4px; font-size: 12.8px; }
}



/* Intent Modal */

.intent-modal {
  position: fixed;
  inset: 0;
  display: none;
  z-index: 380;
}

.intent-modal.is-open {
  display: block;
}

.intent-modal-backdrop {
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.68);
}

.intent-modal-card {
  position: relative;
  width: min(720px, calc(100% - 24px));
  margin: 84px auto 24px;
  border-radius: var(--radius-lg);
  background: rgba(10, 12, 18, 0.96);
  border: 1px solid rgba(245, 210, 122, 0.25);
  box-shadow: var(--shadow-soft);
  overflow: hidden;
  max-height: calc(100vh - 132px);
  max-height: calc(100dvh - 132px);
  display: flex;
  flex-direction: column;

}

.intent-modal-header {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  padding: 16px 16px 12px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.08);
  position: sticky;
  top: 0;
  z-index: 2;
  background: rgba(10, 12, 18, 0.96);

}

.intent-modal-kicker {
  font-size: 12px;
  color: rgba(245, 210, 122, 0.9);
  letter-spacing: 0.12em;
  text-transform: uppercase;
  margin-bottom: 4px;
}

.intent-modal-title {
  margin: 0;
  font-size: 18px;
  letter-spacing: 0.01em;
}

.intent-modal-close {
  border: 1px solid rgba(245, 210, 122, 0.28);
  background: rgba(245, 210, 122, 0.10);
  color: var(--text);
  border-radius: 12px;
  width: 36px;
  height: 36px;
  font-size: 22px;
  line-height: 1;
  cursor: pointer;
}

.intent-modal-close:hover {
  background: rgba(245, 210, 122, 0.16);
}

.intent-modal-body {
  padding:  14px 16px calc(32px + env(safe-area-inset-bottom));
  display: grid;
  gap: 12px;
  flex: 1 1 auto;
  min-height: 0;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scroll-padding-bottom: calc(28px + env(safe-area-inset-bottom));

}

.intent-block {
  border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(16, 18, 26, 0.75);
  padding: 12px;
}

.intent-block--next {
  border-color: rgba(245, 210, 122, 0.22);
  background: rgba(245, 210, 122, 0.07);
}

.intent-block-title {
  font-size: 12px;
  color: rgba(245, 210, 122, 0.95);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  margin-bottom: 2px;
}

.intent-block-text {
  margin: 0;
  color: rgba(245, 245, 247, 0.92);
  font-size: 13px;
  line-height: 1.6;
}

.intent-bullets {
  margin: 0;
  padding-left: 18px;
  color: rgba(245, 245, 247, 0.92);
  font-size: 13px;
  line-height: 1.6;
}

.intent-modal-actions {
  display: grid;
  grid-template-columns: 1fr;
  gap: 12px;
}

.intent-tool-card {
  border: 1px solid rgba(212, 175, 55, 0.22);
  background: rgba(255, 255, 255, 0.03);
  border-radius: 14px;
  padding: 12px;
}

.intent-tool-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 10px;
}

.intent-tool-card-title-wrap {
  min-width: 0;
}

.intent-tool-card-name {
  color: rgba(245, 245, 247, 0.96);
  font-weight: 600;
  font-size: 14px;
  line-height: 1.35;
}

.intent-tool-card-use {
  color: rgba(245, 245, 247, 0.78);
  font-size: 12.5px;
  line-height: 1.5;
  margin-top: 4px;
}

.intent-tool-card-badge {
  flex: 0 0 auto;
  font-size: 11px;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 999px;
  white-space: nowrap;
}

.intent-tool-card-badge.is-free {
  background: #e1e4eb;
  color: #111;
  border: 1px solid transparent;
}


.intent-tool-card-badge--small {
  padding: 4px 9px;
  font-size: 10px;
  line-height: 1;
  min-height: 22px;
}

.intent-tool-card-badge.is-plus {
  background: var(--gold);
  color: #111;
  border: 1px solid transparent;
}

.intent-deep-links {
  display: grid;
  gap: 10px;
}

.intent-deep-link {
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(16, 18, 26, 0.74);
  border-radius: 12px;
  padding: 10px;
}

.intent-deep-link-title {
  color: rgba(245, 245, 247, 0.98);
  font-weight: 600;
  font-size: 13px;
  line-height: 1.4;
  margin-bottom: 4px;
}

.intent-target-why,
.intent-target-how,
.intent-target-query {
  font-size: 12.5px;
  line-height: 1.55;
  margin: 4px 0;
}

.intent-target-query {
  color: rgba(163, 208, 255, 0.96);
}

.intent-target-query--blue {
  color: rgba(163, 208, 255, 0.96);
}

.intent-target-why {
  color: rgba(245, 245, 247, 0.94);
  font-weight: 600;
}

.intent-target-why--green {
  color: rgba(155, 226, 174, 0.96);
}


.intent-deep-link .btn {
  margin-top: 8px;
  width: 100%;
}

.intent-tool-open-link {
  appearance: none;
  border: none;
  background: transparent;
  color: #d7d7e3;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
  font-size: 12px;
  font-weight:600;
  margin-top: 10px;
  padding: 0;
}


.intent-more-tools summary {
  cursor: pointer;
  color: rgba(245, 210, 122, 0.96);
  font-size: 12px;
  font-weight:600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.intent-more-tools-body {
  display: grid;
  gap: 12px;
  margin-top: 12px;
}

.intent-modal-note {
  margin:  10px 0 14px;
  color: var(--text-muted);
  font-size: 12px;
  line-height: 1.5;
}

@media (max-width: 860px) {
  .intent-group-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 520px) {
  .intent-group-grid {
    grid-template-columns: 1fr;
  }
  .intent-modal-card {
    margin: 56px auto;
  }
}



.entry-row-wrapper {
  max-width: 980px;
  margin: 0 auto;
}

section {
  padding-top: 16px;
}


.badge-einzelkauf {
  background: var(--gold);
  color: #111;
  border-color: transparent;
}

.badge-ondemand {
  background: transparent;
  color: var(--text-muted);
  border-color: var(--border-subtle);
}

/* Info chevron */
.info-btn .info-chevron {
  display: inline-block;
  font-size: 10px;
  margin-left: 4px;
  transition: transform 0.2s ease;
}


/* Stronger card separation */
.tool-card {
  margin-top: 12px;
  padding: 12px 14px 12px;
  border-radius: var(--radius-lg);
  background: radial-gradient(circle at top left, rgba(30, 32, 46, 0.96), rgba(8, 10, 18, 0.98));
  border: 1px solid rgba(245, 210, 122, 0.18);
  box-shadow: 0 10px 26px rgba(0, 0, 0, 0.6);
}

.tool-favorite-btn {
  flex: 0 0 auto;
}

.tools-section-header + .tool-card {
  margin-top: 18px;
}

.tools-subsection-header {
  display: grid;
  gap: 8px;
  margin: 12px 0 6px;
}

.tools-subsection-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.tools-subsection-header--featured {
  padding: 14px 14px 12px;
  border-radius: 18px;
  border: 1px solid rgba(245, 210, 122, 0.18);
  background: linear-gradient(180deg, rgba(18, 16, 11, 0.78), rgba(8, 10, 18, 0.98));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03), 0 10px 24px rgba(0,0,0,0.24);
}

.tools-subsection-title {
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 6px 12px;
  border-radius: 999px;
  border: 1px solid var(--ui-silver-border);
  background: rgba(255, 255, 255, 0.025);
  color: var(--ui-silver-text);
  font-size: 13px;
  font-weight:600;
  letter-spacing: 0.015em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.tools-subsection-subtitle {
  margin: 0;
  color: rgba(255,255,255,0.82);
  font-size: 13px;
  line-height: 1.45;
  font-weight: 500;
}

.tools-subsection-header + .tool-card {
  margin-top: 12px;
}

.tools-knowledge-compact-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
  margin-top: 10px;
}

.tool-card--compact {
  margin-top: 0;
  padding: 12px 14px 11px;
  background: radial-gradient(circle at top left, rgba(24, 27, 40, 0.96), rgba(7, 9, 16, 0.98));
}

.tool-card--compact-single-action .tool-card-footer {
  margin-top: 10px;
  padding-top: 8px;
  border-top: 1px solid rgba(255, 255, 255, 0.06);
}

.tool-card--compact .tool-card-header {
  align-items: center;
}

.tool-card--compact-single-action .tool-card-header {
  align-items: flex-start;
}

.tool-card--compact .tool-card-main {
  display: flex;
  align-items: center;
  gap: 10px;
  min-width: 0;
}

.tool-card--compact .tool-kind-icon {
  flex: 0 0 28px;
}

.tool-card--compact .tool-title-row {
  gap: 0;
}

.tool-card--compact .tool-title {
  font-size: 15px;
  line-height: 1.28;
  -webkit-line-clamp: 2;
}

.tool-card--compact .tool-card-actions {
  flex-wrap: nowrap;
  justify-content: flex-end;
}

.tool-card--compact .tool-card-footer-actions .btn {
  white-space: nowrap;
}

.tool-card--compact .btn {
  padding: 6px 12px;
}

.tool-card--compact .btn-shortcut-icon {
  width: 32px;
  min-width: 32px;
  height: 32px;
}

.tool-card--compact .tool-inline-info {
  margin-top: 6px;
}

.tool-card--compact .tool-info-panel {
  margin-top: 8px;
}

@media (max-width: 860px) {
  .tools-knowledge-compact-grid {
    grid-template-columns: 1fr;
  }
}


.tools-jump-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
  margin: 14px 0 12px;
}

.tools-jump-label {
  color: rgba(255,255,255,0.72);
  font-size: 13px;
  font-weight: 600;
}

.tools-jump-link {
  display: inline-flex;
  align-items: center;
  min-height: 34px;
  padding: 7px 12px;
  border-radius: 999px;
  border: 1px solid var(--ui-silver-border);
  background: rgba(255,255,255,0.025);
  color: var(--ui-silver-text);
  text-decoration: none;
  font-size: 13px;
  font-weight:600;
  transition: background .2s ease, border-color .2s ease, color .2s ease, transform .2s ease;
}

.tools-jump-link:hover,
.tools-jump-link:focus-visible {
  background: rgba(255,255,255,0.055);
  border-color: var(--ui-silver-border-strong);
  color: #fff;
  transform: translateY(-1px);
}

.badge-separator {
  font-size: 14px;
  color: var(--text-muted);
  margin: 0 4px;
}



/* Neutral styling for Info-Button (white outline instead of gold) */
.btn.info-btn {
  border-color: rgba(255,255,255,0.7) !important;
  color: rgba(255,255,255,0.9) !important;
}

.btn.info-btn:hover {
  background: rgba(255,255,255,0.06);
  border-color: rgba(255,255,255,0.9) !important;
}



.info-toggle {
  margin-top: 6px;
  margin-bottom: 4px;
  padding: 3px 10px;
  font-size: 13px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.8);
  background: rgba(0, 0, 0, 0.4);
  color: var(--text-muted);
  cursor: pointer;
}

.info-toggle:hover {
  background: rgba(245, 210, 122, 0.09);
  color: #ffffff;
}

.info-panel {
  display: none;
  margin-top: 6px;
  margin-bottom: 10px;
  padding: 10px 14px;
  border-radius: 10px;
  border: 1px solid rgba(245, 210, 122, 0.8);
  background: radial-gradient(circle at 0 0, rgba(245, 210, 122, 0.06), #05070d 55%);
  font-size: 13px;
  line-height: 1.6;
}

.info-panel.open {
  display: block;
}

.info-panel ul {
  margin: 6px 0 0 18px;
  padding: 0;
}

.info-panel li {
  margin-bottom: 4px;
}
/* Hero & Tools intro notes */



/* Back to top button *//* Back to top button */

.back-to-top {
  position: fixed;
  right: 18px;
  bottom: 22px;
  width: 40px;
  height: 40px;
  border-radius: 999px;
  border: 1px solid var(--ui-silver-border);
  background: rgba(5, 6, 10, 0.9);
  color: var(--ui-silver-text);
  display: none;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  box-shadow: 0 8px 20px rgba(0, 0, 0, 0.6);
  font-size: 20px;
  z-index: 60;
}

.back-to-top.visible {
  display: flex;
}

.back-to-top:hover,
.back-to-top:focus-visible {
  border-color: rgba(245, 210, 122, 0.55);
  color: var(--gold);
  background: rgba(9, 11, 18, 0.96);
}


.code-lead {
  margin-top: 2px;
  margin-bottom: 10px;
  font-weight: 500;
  color: var(--text-muted);
}


.filter-status {
  margin-top: 6px;
  font-size: 12px;
  color: var(--text-muted);
  min-height: 18px;
}

.filter-status--active {
  color: var(--gold);
}

.filter-status-note {
  font-weight: 500;
}

.filter-reset-btn {
  border: none;
  background: none;
  color: var(--gold);
  font-size: 11px;
  margin-left: 8px;
  text-decoration: underline;
  cursor: pointer;
  padding: 0;
}

@media (min-width: 900px) {
  .hero-entry-block {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

.hero-entry-block .entry-icon {
  background: transparent;
  border: none;
  box-shadow: none;
}


/* Per-Bereich Varianten für visuelle Orientierung */
.tool-card--orientierung {
  background: radial-gradient(circle at top left, rgba(40, 32, 18, 0.9), rgba(8, 10, 18, 0.98));
}

.tool-card--wissen {
  background: radial-gradient(circle at top left, rgba(24, 28, 44, 0.96), rgba(8, 10, 18, 0.98));
}

.tool-card--anwendung {
  background: radial-gradient(circle at top left, rgba(30, 40, 26, 0.9), rgba(8, 10, 18, 0.98));
}

.tool-card--analyse {
  background: radial-gradient(circle at top left, rgba(44, 32, 44, 0.9), rgba(8, 10, 18, 0.98));
}


@media (min-width: 900px) {
  .intent-modal-card {
    margin: 92px auto 28px;
    max-height: calc(100vh - 140px);
    max-height: calc(100dvh - 140px);
  }
}

@media (max-width: 600px) {
  .intent-modal-card {
    margin: 16px auto;
    max-height: calc(100vh - 32px);
  }
}


/* Anchor target offset for sticky header */
.scroll-target,
#my-area, #checks-start, #intent-start, #beginner, #tools-start, #tools, #training, #selfcheck, #code-section, #unlock {
  scroll-margin-top: 112px;
}


/* Schnellzugriff Quicklinks */
.quicklinks{
  margin-top: 10px;
}
.quicklinks-label{
  font-size: 12px;
  font-weight:600;
  opacity: 0.9;
  margin-bottom: 8px;
}
.quicklinks-inner{
  display: flex;
  flex-wrap: wrap;
  column-gap: 14px;
  row-gap: 6px;
  align-items: center;
}
.quicklink{
  display: inline-flex;
  align-items: center;
  font-size: 13.25px;
  line-height: 1.2;
  font-weight:600;
  padding: 0;
  border: 0;
  background: transparent;
  text-decoration: underline;
  text-underline-offset: 3px;
  letter-spacing: -0.1px;
}
@media (max-width: 480px){
  .quicklinks-inner{
    column-gap: 12px;
    row-gap: 6px;
  }
  .quicklink{ font-size: 13px; }
}
@media (max-width: 380px){
  .quicklinks-inner{ column-gap: 10px; }
  .quicklink{ font-size: 12.6px; letter-spacing: -0.15px; }
}

/* Anchor offset for sticky header */
.hero-entry,
.scroll-target{
  scroll-margin-top: 112px;
}

/* Blink highlight when jumped to */
@keyframes r4xBlink {
  0%   { box-shadow: 0 0 0 0 rgba(212,175,55,0.0); transform: translateZ(0); }
  15%  { box-shadow: 0 0 0 2px rgba(212,175,55,0.8); }
  60%  { box-shadow: 0 0 0 6px rgba(212,175,55,0.15); }
  100% { box-shadow: 0 0 0 0 rgba(212,175,55,0.0); }
}
.hero-entry.blink .hero-entry-card{
  animation: r4xBlink 3400ms ease-out 0s 1;
}

/* Blink highlight on generic scroll targets (z.B. Tools-Sektion, Code-Sektion) */
.scroll-target.blink{
  animation: r4xBlink 3400ms ease-out 0s 1;
  border-radius: 18px;
}


/* Query hint under Nutzen */
.intent-target-query{font-size:12px;opacity:.85;margin-top:6px}

/* Intent list collapse toggle */
.intent-card-chevron{margin-left:auto;opacity:.75;font-size:12px;}


/* Mein Bereich */
.my-area-section{
  margin-top: 14px;
}
.my-area-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
  margin-bottom:10px;
}
.my-area-title{
  margin:0;
  font-size:20px;
  font-weight:600;
  line-height:1.1;
  color: var(--gold);
  display:inline-flex;
  align-items:center;
  gap:0;
  letter-spacing:0;
}
.my-area-sub{
  margin:4px 0 0;
  color:#b8b8c7;
  font-size:13px;
}
.my-area-accordion{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.my-pane{
  border:1px solid rgba(212,175,55,.24);
  border-radius:22px;
  background:linear-gradient(180deg, rgba(18,22,36,.96), rgba(10,12,20,.98));
  box-shadow:0 10px 24px rgba(0,0,0,.22);
  overflow:hidden;
  transition:border-color var(--transition-fast), box-shadow var(--transition-fast), transform var(--transition-fast);
}
.my-pane:hover{
  border-color:rgba(245,210,122,.48);
  box-shadow:0 0 12px rgba(245,210,122,.16), 0 12px 28px rgba(0,0,0,.24);
  transform:translateY(-1px);
}
.my-pane summary::-webkit-details-marker{display:none;}
.my-pane-summary{
  list-style:none;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:14px 16px;
  cursor:pointer;
}
.my-pane-icon{
  flex:0 0 auto;
  width:40px;
  height:40px;
  border-radius:14px;
  border:1px solid rgba(212,175,55,.24);
  background:rgba(255,255,255,.04);
  color:var(--gold);
  display:grid;
  place-items:center;
  font-size:18px;
  line-height:1;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
}
.my-pane-summary-main{
  min-width:0;
  flex:1 1 auto;
}
.my-pane-title-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.my-pane-kicker{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#f5d27a;
  margin-bottom:6px;
  font-weight:600;
}
.my-pane-title{
  margin:0;
  font-size:16px;
  line-height:1.4;
  font-weight:600;
}
.my-pane-count{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#b8b8c7;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.my-pane-meta{
  margin:4px 0 0;
  color:#b8b8c7;
  font-size:12px;
  line-height:1.4;
}
.my-pane-chevron{
  flex:0 0 auto;
  color:#f5d27a;
  font-size:12px;
  line-height:1;
  opacity:.75;
  transition:transform .22s ease, opacity .22s ease;
}
.my-pane[open] .my-pane-chevron{transform:rotate(180deg); opacity:1;}
.my-pane-body{
  padding:0 16px 14px;
}
.status-list,
.mini-list{
  display:flex;
  flex-direction:column;
  gap:12px;
}
.status-item,
.mini-item{
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.03);
  border-radius:16px;
  padding:12px;
  transition:border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}
.status-item:hover,
.mini-item:hover{
  border-color:rgba(245,210,122,.26);
  background:rgba(255,255,255,.04);
  box-shadow:0 0 10px rgba(245,210,122,.08);
}
.status-top,
.mini-top{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:10px;
}
.status-question,
.mini-label{
  font-weight:600;
  font-size:14px;
  line-height:1.25;
}
.status-tool,
.mini-meta,
.empty-copy{
  color:#b8b8c7;
  font-size:12px;
  line-height:1.4;
  margin-top:4px;
}
.status-result{
  color:#ececf3;
  font-size:13px;
  line-height:1.45;
  margin-top:8px;
}
.mini-kicker{
  color:#d7d7e3;
  font-size:11px;
  line-height:1.35;
  font-weight:600;
  margin-bottom:6px;
}
.status-badge{
  flex:0 0 auto;
  font-size:11px;
  font-weight:600;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
}
.status-badge.is-done{
  color:#f5d27a;
  border-color:rgba(212,175,55,.45);
  background:rgba(212,175,55,.08);
}
.status-badge.is-open{
  color:#d5d6df;
  background:rgba(255,255,255,.04);
}
.status-actions,
.mini-actions{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}
.mini-link,
.mini-button{
  appearance:none;
  border:none;
  background:transparent;
  color:#f5d27a;
  font-size:12px;
  font-weight:600;
  padding:0;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
}
.mini-button.is-secondary{
  color:#d7d7e3;
}
.mini-actions .mini-link:first-child,
.mini-actions .mini-link-button:first-child{
  color:#f5d27a;
}
.mini-actions .mini-link:not(:first-child),
.mini-actions .mini-link-button:not(:first-child),
.mini-actions .mini-button{
  color:#d7d7e3;
}
.mini-link:hover,
.mini-button:hover{opacity:.9;}
.empty-state{
  border:1px dashed rgba(255,255,255,.16);
  border-radius:16px;
  padding:14px;
  color:#d7d7e3;
}
.my-pane .mini-item .mini-actions form,
.my-pane .mini-item .mini-actions button{margin:0;}
@media (max-width: 640px){
  .my-pane-summary{
    gap:12px;
  }
  .my-pane-icon{
    width:36px;
    height:36px;
    border-radius:12px;
    font-size:16px;
  }
  .my-pane-title-row{
    flex-wrap:wrap;
  }
}

@media (min-width: 900px){
  .my-area-accordion{
    gap:14px;
  }
  .my-pane-summary,
  .my-pane-body{
    padding-left:18px;
    padding-right:18px;
  }
}


.mini-link-button {
  background: transparent;
  border: 0;
  padding: 0;
  cursor: pointer;
}


.shortcut-modal{
  position:fixed;
  inset:0;
  display:none;
  z-index:120;
}
.shortcut-modal.is-open{display:block;}
.shortcut-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,.62);
}
.shortcut-modal-card{
  position:relative;
  z-index:1;
  width:min(92vw, 520px);
  margin:12vh auto 0;
  border:1px solid rgba(212,175,55,.28);
  border-radius:20px;
  background:linear-gradient(180deg, rgba(18,22,36,.98), rgba(10,12,20,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.42);
  padding:18px;
}
.shortcut-modal-header{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
}
.shortcut-modal-kicker{
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.06em;
  color:#f5d27a;
  font-weight:600;
  margin-bottom:6px;
}
.shortcut-modal-title{
  margin:0;
  font-size:19px;
  line-height:1.25;
}
.shortcut-modal-sub{
  margin:6px 0 0;
  font-size:13px;
  line-height:1.45;
  color:#b8b8c7;
}
.shortcut-modal-sub.is-warning{
  color:#ff6b6b;
}
.shortcut-modal-close{
  appearance:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  width:34px;
  height:34px;
  border-radius:999px;
  cursor:pointer;
  font-size:20px;
  line-height:1;
}
.shortcut-modal-body{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin-top:16px;
}
.shortcut-choice{
  width:100%;
  text-align:left;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(255,255,255,.03);
  color:#fff;
  border-radius:16px;
  padding:13px 15px;
  cursor:pointer;
}
.shortcut-choice:hover{
  border-color:rgba(212,175,55,.34);
  background:rgba(212,175,55,.06);
}
.shortcut-choice-title{
  font-size:14px;
  font-weight:600;
  line-height:1.3;
}
.shortcut-choice-meta{
  margin-top:4px;
  color:#b8b8c7;
  font-size:12px;
  line-height:1.4;
}

.shortcut-choice--row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  cursor:default;
}
.shortcut-choice-main{
  min-width:0;
  flex:1 1 auto;
}
.shortcut-choice-actions{
  flex:0 0 auto;
  display:flex;
  align-items:center;
  gap:8px;
}
.shortcut-choice-badge{
  display:inline-flex;
  align-items:center;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#b8b8c7;
  font-size:11px;
  font-weight:600;
  line-height:1;
  white-space:nowrap;
}
.shortcut-choice-badge.is-saved{
  color:#f5d27a;
  border-color:rgba(212,175,55,.45);
  background:rgba(212,175,55,.08);
}
.shortcut-choice-action{
  appearance:none;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.04);
  color:#fff;
  border-radius:999px;
  padding:8px 12px;
  font-size:12px;
  font-weight:600;
  cursor:pointer;
  white-space:nowrap;
}
.shortcut-choice-action:hover{
  border-color:rgba(212,175,55,.34);
  background:rgba(212,175,55,.06);
}
.shortcut-choice-action.is-remove{
  color:#d7d7e3;
}
@media (max-width: 640px){
  .shortcut-choice--row{
    align-items:flex-start;
    flex-direction:column;
  }
  .shortcut-choice-actions{
    width:100%;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}
.shortcut-modal-footer{
  display:flex;
  justify-content:flex-end;
  gap:10px;
  margin-top:6px;
}
.shortcut-text-btn{
  appearance:none;
  border:none;
  background:transparent;
  color:#d7d7e3;
  font-size:12px;
  font-weight:600;
  text-decoration:underline;
  text-underline-offset:3px;
  cursor:pointer;
  padding:4px 0;
}
@media (max-width: 640px){
  .shortcut-modal-card{
    width:min(94vw, 520px);
    margin-top:10vh;
    padding:16px;
  }
  .shortcut-modal-title{font-size:17px;}
}


/* v17 mobile fix for quicklinks */
@media (max-width: 480px){
  .quicklinks-inner{
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 16px;
    row-gap: 8px;
    align-items: start;
  }
  .quicklink{
    min-width: 0;
    font-size: 13px;
    line-height: 1.25;
    white-space: nowrap;
  }
}
@media (max-width: 380px){
  .quicklinks-inner{
    column-gap: 12px;
    row-gap: 8px;
  }
  .quicklink{
    font-size: 12.6px;
    letter-spacing: -0.1px;
  }
}



.intent-inline-title {
  color: rgba(245, 210, 122, 0.95);
  font-size: 11px;
  font-weight:600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 8px;
}

.intent-direct-links {
  display: grid;
  gap: 8px;
}

.intent-direct-link-btn,
.intent-guide-link {
  appearance: none;
  width: 100%;
  border-radius: 10px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  background: rgba(16, 18, 26, 0.78);
  color: rgba(245, 245, 247, 0.96);
  font-size: 13px;
  font-weight: 600;
  line-height: 1.4;
  padding: 10px 12px;
  text-align: left;
  cursor: pointer;
  transition: border-color .18s ease, transform .18s ease, background .18s ease;
}

.intent-link-btn-content {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  width: 100%;
}

.intent-link-btn-label {
  min-width: 0;
}

.intent-link-btn-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 auto;
  min-width: 42px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight:600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(255, 255, 255, 0.06);
  border: 1px solid rgba(255, 255, 255, 0.12);
  color: rgba(245, 245, 247, 0.92);
}

.intent-direct-link-btn.locked .intent-link-btn-badge,
.intent-guide-link.locked .intent-link-btn-badge {
  background: rgba(212, 175, 55, 0.14);
  border-color: rgba(212, 175, 55, 0.3);
}

.intent-direct-link-btn:hover,
.intent-guide-link:hover {
  border-color: rgba(212, 175, 55, 0.34);
  background: rgba(255, 255, 255, 0.05);
}

.intent-direct-link-btn:active,
.intent-guide-link:active {
  transform: translateY(1px);
}

.intent-direct-link-btn.locked,
.intent-guide-link.locked {
  border-color: rgba(212, 175, 55, 0.34);
}

.intent-tool-card--compact {
  border-color: rgba(255, 255, 255, 0.10);
}

.intent-tool-card--compact .intent-tool-card-use {
  color: rgba(245, 245, 247, 0.74);
}


.intent-guide-title {
  color: rgba(245, 210, 122, 0.96);
  font-size: 12px;
  font-weight:600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 8px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}

.intent-guide-title-badge {
  display: inline-flex;
  align-items: center;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight:600;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  background: rgba(212, 175, 55, 0.16);
  border: 1px solid rgba(212, 175, 55, 0.28);
  color: rgba(245, 245, 247, 0.95);
}

.intent-guide-links {
  display: grid;
  gap: 8px;
}

.intent-guide-topics {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 10px;
}

.intent-guide-topic {
  display: inline-flex;
  align-items: center;
  padding: 7px 10px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 1.35;
  color: rgba(245, 245, 247, 0.92);
  background: rgba(255, 255, 255, 0.04);
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.intent-guide-note {
  font-size: 12px;
  line-height: 1.5;
  color: rgba(245, 245, 247, 0.72);
  margin-bottom: 10px;
}


.intent-action-section + .intent-action-section {
  margin-top: 14px;
}

.intent-action-section-title {
  font-size: 12px;
  color: rgba(245, 210, 122, 0.96);
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin: 0 0 8px;
  font-weight:600;
}

.intent-entry-card-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 2px;
}

.intent-entry-card-title-wrap {
  min-width: 0;
}

.intent-entry-card-tool {
  font-size: 12px;
  line-height: 1.45;
  color: rgba(245, 245, 247, 0.74);
  margin-top: 2px;
}

 .intent-entry-card-title-line {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0;
}

.intent-entry-card-icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 18px;
  height: 18px;
  flex: 0 0 18px;
  margin-right: 7px;
  font-size: 15px;
  line-height: 1;
}

.intent-entry-card-sep {
  color: rgba(245, 245, 247, 0.56);
  font-size: 13px;
  line-height: 1.4;
}

.intent-entry-card-tool--inline {
  margin-top: 0;
  font-size: 12px;
}

.intent-entry-card-badges {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
  align-self: end;
}

.intent-entry-card-type-badges {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
  flex: 0 0 auto;
  margin-left: 10px;
}

.intent-entry-card-meta-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: end;
  column-gap: 12px;
  row-gap: 6px;
  margin-top: 8px;
}

.intent-target-query--meta {
  margin-bottom: 0;
  min-width: 0;
}

.intent-entry-state-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.14);
  background: rgba(255, 255, 255, 0.06);
  color: rgba(245, 245, 247, 0.98);
  font-size: 11px;
  font-weight: 600;
  line-height: 1;
  white-space: nowrap;
}

.intent-entry-state-badge.is-locked {
  min-width: 28px;
  padding-inline: 7px;
  color: rgba(255, 215, 140, 0.98);
  border-color: rgba(212, 175, 55, 0.34);
  background: rgba(212, 175, 55, 0.16);
}

.intent-entry-state-badge.is-open {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
}

.intent-entry-state-badge.is-free-open {
  border-color: rgba(255, 255, 255, 0.22);
  background: rgba(255, 255, 255, 0.1);
  color: rgba(245, 245, 247, 0.96);
}

.intent-entry-state-badge.is-plus-open {
  border-color: rgba(212, 175, 55, 0.34);
  background: rgba(212, 175, 55, 0.16);
  color: rgba(255, 219, 122, 0.98);
}

.intent-entry-state-badge.is-clickable {
  appearance: none;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 2px;
}

.intent-entry-state-badge.is-clickable:hover {
  border-color: rgba(212, 175, 55, 0.5);
  background: rgba(212, 175, 55, 0.18);
  color: #fff;
}

.intent-entry-state-badge.is-clickable.is-free-open:hover {
  border-color: rgba(255, 255, 255, 0.28);
  background: rgba(255, 255, 255, 0.14);
  color: #fff;
}

.intent-entry-state-badge.is-clickable.is-plus-open:hover {
  border-color: rgba(212, 175, 55, 0.5);
  background: rgba(212, 175, 55, 0.22);
  color: #fff2c7;
}

.intent-entry-state-badge.is-clickable:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.22);
}

.intent-deep-link--grouped {
  padding: 12px;
}

.intent-grouped-entry-list {
  display: grid;
  gap: 10px;
}

.intent-grouped-entry-row {
  width: 100%;
  text-align: left;
  cursor: pointer;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 14, 24, 0.72);
  border-radius: 12px;
  padding: 12px;
  transition: border-color .18s ease, background .18s ease, box-shadow .18s ease;
}

.intent-grouped-entry-row:focus-visible {
  outline: none;
  box-shadow: 0 0 0 2px rgba(212, 175, 55, 0.18);
}

.intent-grouped-entry-row:hover {
  border-color: rgba(212, 175, 55, 0.32);
}

.intent-grouped-entry-row.is-selected {
  border-color: rgba(212, 175, 55, 0.44);
  background: rgba(17, 22, 34, 0.88);
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.08);
}

.intent-grouped-open-btn {
  width: 100%;
  margin-top: 12px;
  font-weight: 600;
}

.intent-deep-link .btn {
  width: 100%;
  margin-top: 10px;
}

.intent-modal-card,
.intent-modal-card * {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-shadow: none;
  backface-visibility: hidden;
}

.intent-modal-title,
.intent-deep-link-title,
.intent-target-why,
.intent-tool-card-badge,
.intent-entry-state-badge,
.intent-grouped-open-btn,
.intent-modal-close {
  text-rendering: geometricPrecision;
  font-synthesis-weight: none;
}

.intent-grouped-open-btn,
.intent-entry-state-badge,
.intent-tool-card-badge {
  letter-spacing: 0;
}


@media (max-width: 640px) {
  .intent-entry-card-meta-row {
    align-items: flex-start;
    gap: 10px;
  }

  .intent-target-query--meta {
    font-size: 12px;
    line-height: 1.45;
  }

  .intent-entry-card-badges {
    flex-direction: row;
    align-items: center;
  }
}

@media (max-width: 640px) {
  body.intent-modal-open .back-to-top {
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
    transform: translateY(10px);
  }
}



.primary-checks-section {
  margin: 14px 0 24px;
  padding: 18px;
  border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(245, 210, 122, 0.10), rgba(16, 18, 26, 0.9));
  border: 1px solid rgba(245, 210, 122, 0.22);
  box-shadow: var(--shadow-subtle);
}

.primary-checks-head {
  margin-bottom: 12px;
}

.primary-checks-sub {
  margin: 0;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.6;
}

.primary-checks-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px;
}

.primary-check-card {
  display: flex;
  flex-direction: column;
  gap: 12px;
  min-height: 100%;
  padding: 16px 18px;
  border-radius: 16px;
  border: 1px solid rgba(255, 255, 255, 0.08);
  background: rgba(10, 12, 18, 0.58);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.04);
}

.primary-check-card__top {
  display: flex;
  align-items: flex-start;
  gap: 12px;
}

.primary-check-card__icon {
  width: 34px;
  height: 34px;
  flex: 0 0 34px;
  object-fit: contain;
  margin-top: 2px;
}

.primary-check-card__copy {
  min-width: 0;
}

.primary-check-card__eyebrow {
  margin: 0 0 4px;
  color: rgba(245, 210, 122, 0.92);
  font-size: 11px;
  font-weight:600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}

.primary-check-card__title {
  margin: 0;
  font-size: 24px;
  line-height: 1.08;
  letter-spacing: -0.02em;
  color: #f4f1ea;
}

.primary-check-card__text {
  margin: 6px 0 0;
  font-size: 14px;
  line-height: 1.55;
  color: rgba(244, 241, 234, 0.82);
}

.primary-check-card__meta {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.primary-check-card__chip {
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 4px 10px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.025);
  border: 1px solid rgba(245, 210, 122, 0.16);
  font-size: 12px;
  color: rgba(244, 241, 234, 0.74);
}

.primary-check-card__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-top: auto;
}

.primary-check-card__note {
  margin: 0;
  font-size: 12px;
  line-height: 1.5;
  color: rgba(244, 241, 234, 0.58);
}

.primary-check-card__btn {
  min-height: 40px;
  padding: 8px 16px;
  font-weight:600;
}

.intent-head--compact {
  margin-bottom: 12px;
}

@media (max-width: 760px) {
  .primary-checks-grid {
    grid-template-columns: 1fr;
  }

  .primary-check-card {
    padding: 16px;
  }

  .primary-check-card__title {
    font-size: 22px;
  }

  .primary-check-card__footer {
    align-items: flex-start;
  }

  .primary-check-card__btn {
    width: 100%;
  }
}




/* Schnellzugriff as compact section cards */
.quicklinks{
  margin-top: 10px;
}
.quicklinks-label{
  font-size: 12px;
  color: rgba(255,255,255,0.82);
  font-weight:600;
  letter-spacing: 0.01em;
  margin-bottom: 10px;
}
.quicklinks-inner--cards{
  display: grid;
  grid-template-columns: repeat(7, minmax(0, 1fr));
  gap: 8px;
}
.quicklink--card{
  min-height: 38px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 7px;
  padding: 8px 10px;
  border-radius: 12px;
  border: 1px solid rgba(245,210,122,0.18);
  background: linear-gradient(180deg, rgba(16,20,31,0.86), rgba(10,12,18,0.92));
  color: #f5f7fb;
  text-decoration: none;
  font-size: 12.6px;
  font-weight:600;
  line-height: 1.05;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
  transition: transform 120ms ease-out, border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}
.quicklink--card:hover{
  transform: translateY(-1px);
  border-color: rgba(245,210,122,0.38);
  background: linear-gradient(180deg, rgba(19,24,37,0.9), rgba(11,14,22,0.96));
  box-shadow: 0 8px 18px rgba(0,0,0,0.16), inset 0 1px 0 rgba(255,255,255,0.04);
}
.quicklink--card:focus-visible{
  outline: none;
  border-color: rgba(245,210,122,0.72);
  box-shadow: 0 0 0 3px rgba(245,210,122,0.14);
}
.quicklink-icon{
  width: 16px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 13px;
  line-height: 1;
  flex: 0 0 16px;
  opacity: 0.96;
}
.quicklink-text{
  display: inline-flex;
  align-items: center;
  min-width: 0;
  white-space: nowrap;
}
@media (max-width: 1280px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  .quicklink--card{
    min-height: 42px;
    padding: 9px 11px;
    border-radius: 12px;
  }
  .quicklinks-inner--cards .quicklink--card:last-child{
    grid-column: 1 / -1;
    justify-self: center;
    width: min(100%, 176px);
  }
}

.quicklink::after,
.quicklink--card::after{
  content: none !important;
}
.quicklink--card{
  text-decoration: none !important;
}


/* Quicklinks color/underline refinement */
.quicklink--card{
  color: rgba(255,255,255,.94);
}
.quicklink--card:hover{
  color: rgba(255,255,255,.98);
}
.quicklink-text{
  text-decoration-line: underline;
  text-decoration-color: rgba(255,255,255,0.24);
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.quicklink--card:hover .quicklink-text,
.quicklink--card:focus-visible .quicklink-text{
  text-decoration-color: rgba(255,255,255,0.42);
}


/* Mein Bereich scanability refinements */
.status-item{
  padding: 11px 12px;
}
.status-item.is-done{
  background: rgba(255,255,255,.035);
}
.status-main,
.mini-main{
  display:flex;
  align-items:flex-start;
  gap:10px;
  min-width:0;
}
.status-copy,
.mini-copy{
  min-width:0;
}
.status-item-icon,
.mini-item-icon{
  width:32px;
  height:32px;
  flex:0 0 32px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border-radius:11px;
  border:1px solid rgba(245,210,122,.16);
  background: rgba(255,255,255,.03);
  font-size:16px;
  line-height:1;
  margin-top:1px;
}
.status-question{
  font-size:15px;
}
.status-tool,
.mini-meta,
.empty-copy{
  font-size:12px;
  line-height:1.35;
}
.status-result{
  color:#e8e9f2;
  font-size:12.5px;
  line-height:1.4;
  margin-top:8px;
  max-width: 82ch;
}
.status-badge{
  min-width: 72px;
  text-align:center;
  padding:6px 10px;
}
.status-badge.is-open{
  color:#cfd1dd;
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.035);
}
.status-actions{
  padding-left: 42px;
}
.mini-item{
  padding: 11px 12px;
}
.mini-actions{
  padding-left: 42px;
}
@media (max-width: 640px){
  .status-item-icon,
  .mini-item-icon{
    width:30px;
    height:30px;
    flex-basis:30px;
    border-radius:10px;
    font-size:15px;
  }
  .status-actions,
  .mini-actions{
    padding-left: 40px;
  }
  .status-badge{
    min-width: 64px;
    padding:5px 8px;
  }
}


.status-result--tools{
  color: #ececf3;
  font-size: 12px;
  line-height: 1.42;
}


/* Dashboard welcome card */
.dashboard-welcome-card{
  display: grid;
  gap: 14px;
  margin: 12px 0 14px;
  padding: 18px 20px;
  border-radius: 18px;
  border: 1px solid rgba(245,210,122,0.18);
  background: linear-gradient(180deg, rgba(18,23,36,0.92), rgba(10,12,19,0.96));
  box-shadow: 0 14px 34px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.03);
  opacity: 0;
  transform: translateY(6px);
  transition: opacity 140ms ease-out, transform 140ms ease-out;
}
.dashboard-welcome-card[hidden]{
  display: none !important;
}
.dashboard-welcome-card.is-visible{
  opacity: 1;
  transform: translateY(0);
}
.dashboard-welcome-head{
  display:flex;
  align-items:center;
  gap:14px;
}
.dashboard-welcome-logo{
  width:54px;
  height:auto;
  display:block;
  filter: drop-shadow(0 8px 18px rgba(0,0,0,0.22));
}
.dashboard-welcome-head-copy{
  display:grid;
  gap:4px;
}
.dashboard-welcome-kicker{
  color: #f5d27a;
  font-size: 12px;
  font-weight:600;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.dashboard-welcome-title{
  color:#ffffff;
  font-size:20px;
  font-weight:600;
  letter-spacing:-0.02em;
}
.dashboard-welcome-copy{
  display: grid;
  gap: 8px;
}
.dashboard-welcome-copy p{
  margin: 0;
  color: rgba(245,247,251,0.92);
  font-size: 15px;
  line-height: 1.58;
}
.dashboard-welcome-copy strong{
  color: #ffffff;
  font-weight:600;
}
.dashboard-welcome-accent{
  color:#f5d27a;
  font-weight:600;
}
.dashboard-welcome-footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  flex-wrap:wrap;
}
.dashboard-welcome-optout{
  display:inline-flex;
  align-items:center;
  gap:8px;
  color:rgba(245,247,251,0.78);
  font-size:13px;
  font-weight:600;
}
.dashboard-welcome-optout input{
  accent-color:#f0c861;
  width:16px;
  height:16px;
  margin:0;
}
.dashboard-welcome-actions{
  display: flex;
  gap: 10px;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.dashboard-welcome-btn{
  min-height: 40px;
  padding: 10px 16px;
  border-radius: 999px;
  border: 1px solid rgba(245,210,122,0.22);
  font-size: 14px;
  font-weight:600;
  line-height: 1;
  cursor: pointer;
  transition: transform 120ms ease-out, border-color var(--transition-fast), background var(--transition-fast), color var(--transition-fast), box-shadow var(--transition-fast);
}
.dashboard-welcome-btn:hover{
  transform: translateY(-1px);
}
.dashboard-welcome-btn--primary{
  background: linear-gradient(180deg, #f5d27a 0%, #e8bf56 100%);
  border-color: rgba(245,210,122,0.72);
  color: #161514;
  box-shadow: 0 10px 20px rgba(0,0,0,0.18);
}
.dashboard-welcome-btn--ghost{
  background: rgba(255,255,255,0.02);
  color: #f5f7fb;
}
.dashboard-welcome-btn--ghost:hover,
.dashboard-welcome-btn--ghost:focus-visible{
  border-color: rgba(245,210,122,0.42);
  background: rgba(255,255,255,0.04);
}
.info-panel-actions{
  margin-top:12px;
}
.info-panel-action{
  min-height:36px;
  padding:8px 14px;
  border-radius:999px;
  border:1px solid rgba(245,210,122,0.24);
  background:rgba(255,255,255,0.03);
  color:#f5f7fb;
  font-size:13px;
  font-weight:600;
  cursor:pointer;
  transition:border-color var(--transition-fast), background var(--transition-fast), transform 120ms ease-out;
}
.info-panel-action:hover,
.info-panel-action:focus-visible{
  border-color: rgba(245,210,122,0.46);
  background: rgba(255,255,255,0.05);
  transform: translateY(-1px);
}
.quicklink--card.blink{
  animation: r4xBlink 3400ms ease-out 0s 1;
}

.quicklink--card.quicklink--tour-active{
  border-color: rgba(245,210,122,0.72);
  background: linear-gradient(180deg, rgba(245,210,122,0.16), rgba(255,255,255,0.04));
  box-shadow: 0 0 0 1px rgba(245,210,122,0.22), 0 12px 24px rgba(0,0,0,0.18);
  transform: translateY(-1px);
}
.dashboard-tour-target-active{
  position: relative;
  border-radius: 18px;
  box-shadow: 0 0 0 1px rgba(245,210,122,0.18), 0 0 0 6px rgba(245,210,122,0.08), 0 18px 40px rgba(0,0,0,0.18);
}

.dashboard-tour-target-active::after{
  content: '';
  position: absolute;
  inset: 0;
  border-radius: inherit;
  pointer-events: none;
  border: 1px solid rgba(245,210,122,0.42);
}
.dashboard-tour-note{
  display:grid;
  gap:6px;
  margin-top:10px;
  padding:15px 16px;
  border-radius:14px;
  border:1px solid rgba(245,210,122,0.22);
  background:linear-gradient(180deg, rgba(18,23,36,0.92), rgba(10,12,19,0.96));
  box-shadow: 0 18px 36px rgba(0,0,0,0.22);
  backdrop-filter: blur(10px);
  opacity:0;
  transform: translateY(4px);
  transition: opacity 140ms ease-out, transform 140ms ease-out;
}
.dashboard-tour-note--inline{
  margin: 12px 0 14px;
  width: 100%;
  max-width: 100%;
}
.dashboard-tour-note.is-visible{
  opacity:1;
  transform: translateY(0);
}
.dashboard-tour-note-kicker{
  color:#f5d27a;
  font-size:11px;
  font-weight:600;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.dashboard-tour-note-title{
  color:#ffffff;
  font-size:15px;
  font-weight:600;
  line-height:1.3;
}
.dashboard-tour-note-copy{
  color:rgba(245,247,251,0.84);
  font-size:15px;
  line-height:1.58;
}
@media (max-width: 640px){
  .dashboard-welcome-card{
    gap: 10px;
    padding: 16px;
    border-radius: 16px;
  }
  .dashboard-welcome-head{
    align-items:flex-start;
  }
  .dashboard-welcome-logo{
    width:46px;
  }
  .dashboard-welcome-title{
    font-size:18px;
  }
  .dashboard-welcome-copy p{
    font-size: 14px;
    line-height: 1.5;
  }
  .dashboard-tour-note{
    padding:12px 13px;
    border-radius:12px;
  }
  .dashboard-tour-note-title{
    font-size:15px;
  }
  .dashboard-tour-note--inline{
    margin: 10px 0 12px;
  }
  .dashboard-tour-note-copy{
    font-size:14px;
  }
  .dashboard-welcome-footer{
    align-items:stretch;
  }
  .dashboard-welcome-optout{
    width:100%;
  }
  .dashboard-welcome-actions{
    justify-content: stretch;
    width:100%;
  }
  .dashboard-welcome-btn{
    width: 100%;
  }
}


:root{ --r4x-header-offset: 78px; }

.hamburger-sep{ border:0; border-top:1px solid rgba(245,210,122,.18); margin:6px 0; }

.quicklinks{
  position: sticky;
  top: calc(var(--r4x-header-offset) + 6px);
  z-index: 34;
  margin: 10px auto 12px;
  width: min(1180px, calc(100% - 24px));
  background: rgba(6,8,14,.96);
  backdrop-filter: blur(8px);
}
.quicklinks-search-wrap{ position: relative; margin-top: 10px; }
.quicklinks-search{
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(245,210,122,.22);
  background: rgba(255,255,255,.03);
  color: #fff;
  padding: 0 14px;
  font-size: 14px;
  outline: none;
}
.quicklinks-search::placeholder{ color: rgba(255,255,255,.55); }
.quicklinks-search:focus{ border-color: rgba(245,210,122,.52); box-shadow: 0 0 0 3px rgba(245,210,122,.10); }
.global-search-results{
  position: absolute;
  left: 0; right: 0; top: calc(100% + 6px);
  border: 1px solid rgba(245,210,122,.22);
  border-radius: 12px;
  background: rgba(8,10,18,.98);
  box-shadow: 0 14px 32px rgba(0,0,0,.45);
  overflow: hidden;
}
.global-search-result{
  display:block; width:100%; text-align:left; background:transparent; color:#fff; border:0; border-bottom:1px solid rgba(255,255,255,.06); padding:12px 14px; cursor:pointer;
}
.global-search-result:last-child{ border-bottom:0; }
.global-search-result:hover{ background: rgba(245,210,122,.08); }
.blink-target{ animation: r4xBlink 3.4s ease; }
@keyframes r4xBlink{ 0%,100%{ box-shadow:none; } 40%{ box-shadow:0 0 0 3px rgba(245,210,122,.28),0 0 0 7px rgba(245,210,122,.10); } }


.tool-inline-info{
  margin-top: 0;
  padding: 0;
  border: 0;
  background: transparent;
  color: var(--ui-silver-text);
  font-size: 13px;
  font-weight: 540;
  text-decoration: underline;
  text-decoration-color: rgba(201,209,223,.42);
  text-underline-offset: 2px;
  cursor: pointer;
  transition: color .18s ease, text-decoration-color .18s ease;
}
.tool-inline-info:hover{ color:#fff; text-decoration-color: rgba(255,255,255,.58); }
.tool-inline-info.is-open{ color: var(--gold); text-decoration-color: rgba(245,210,122,.55); }
.tool-inline-info--center{ display:block; width:100%; text-align:center; }
.tool-inline-info .info-chevron{ display:inline-block; transition: transform .2s ease; }
.tool-inline-info.is-open .info-chevron{ transform: rotate(180deg); }

@media (max-width: 768px){
  .quicklinks{ width: calc(100% - 20px); top: calc(var(--r4x-header-offset) + 4px); }
  .quicklinks-inner{ overflow-x:auto; flex-wrap:nowrap; padding-bottom:4px; }
}


/* v97 fix3 mobile quicklinks, search, header nav, my area tones */
.global-search-results[hidden]{ display:none !important; }
.quicklinks{
  position: sticky;
  top: var(--r4x-header-offset);
  z-index: 34;
  margin: 6px auto 12px;
  width: min(1180px, calc(100% - 24px));
  background: rgba(6,8,14,.97);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(245,210,122,.14);
  border-radius: 16px;
  padding: 10px 12px;
}
.quicklinks-search-wrap{ position: relative; margin-top: 8px; }
.quicklinks-search-toggle{
  display:none;
  min-height: 36px;
  border-radius: 10px;
  border: 1px solid rgba(245,210,122,.20);
  background: rgba(255,255,255,.03);
  color: #f5d27a;
  font-size: 13px;
  font-weight:600;
  padding: 0 12px;
}
.quicklinks-search-panel{ position: relative; }
.quicklinks-search{ min-height: 40px; }
.global-search-results{ max-height: min(46vh, 320px); overflow: auto; }
.my-pane--status{
  border-color: rgba(212,175,55,.20);
  background: linear-gradient(180deg, rgba(24,20,9,.88), rgba(9,9,8,.97));
}
.my-pane--tools{
  border-color: rgba(84,138,255,.20);
  background: linear-gradient(180deg, rgba(10,16,32,.90), rgba(8,10,18,.98));
}
.my-pane--recent{
  border-color: rgba(66,166,112,.20);
  background: linear-gradient(180deg, rgba(8,18,13,.90), rgba(7,12,9,.98));
}
.my-pane--status .my-pane-icon{ color: rgba(245,210,122,.88); border-color: rgba(245,210,122,.22); }
.my-pane--tools .my-pane-icon{ color: rgba(245,210,122,.88); border-color:rgba(245,210,122,.22); }
.my-pane--recent .my-pane-icon{ color:#77c791; border-color:rgba(66,166,112,.18); }
@media (max-width: 768px){
  .r4x-nav .nav-btn[href="https://dashboard.ready4nexxt.com/"]{ display:none !important; }
  .quicklinks{
    width: calc(100% - 12px);
    top: var(--r4x-header-offset);
    margin: 4px auto 8px;
    padding: 6px;
    border-radius: 14px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    align-items: stretch;
    position: sticky;
  }
  .quicklinks-inner--cards{ display: contents; }
  .quicklink--card{
    width: 100%;
    min-height: 42px;
    padding: 0;
    font-size: 0;
    justify-content: center;
    border-radius: 12px;
  }
  .quicklink-icon{
    font-size: 18px;
    margin: 0;
  }
  .quicklink-text{ display:none; }
  .quicklinks-search-wrap{
    margin-top: 0;
    position: static;
    width: 100%;
  }
  .quicklinks-search-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width: 100%;
    min-height: 42px;
    margin-left: 0;
    font-size: 0;
    padding: 0;
    border-radius: 12px;
  }
  .quicklinks-search-toggle::before{
    content: "🔎";
    font-size: 18px;
    line-height: 1;
  }
  .quicklinks-search-panel{
    display:none;
    position: relative;
    top: auto;
    right: auto;
    width: 100%;
    grid-column: 1 / -1;
    padding: 0;
    z-index: 40;
    margin-top: 6px;
  }
  .quicklinks-search-wrap.is-open{ grid-column: 1 / -1; }
  .quicklinks-search-wrap.is-open .quicklinks-search-toggle{ margin-bottom: 6px; }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{ display:block; }
  .quicklinks-search{
    min-height: 40px;
    background: rgba(8,10,18,.98);
  }
  .global-search-results{
    margin-top: 6px;
    background: rgba(8,10,18,.98);
    border: 1px solid rgba(245,210,122,.14);
    border-radius: 12px;
    max-height: min(46vh, 260px);
  }
}
@media (max-width: 520px){
  .quicklinks{ padding: 5px; gap: 5px; }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 40px;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{ font-size: 17px; }
}

@media (max-width: 768px){
  .hero-title-row h1{
    font-size: clamp(26px, 7.6vw, 36px);
    line-height: 1.08;
    letter-spacing: -0.02em;
    margin-bottom: 2px;
  }
  .hero-title-row{
    gap: 8px;
  }
  .hero .info-toggle{
    font-size: 12px;
    min-height: 30px;
    padding: 0 10px;
  }
}


/* v97 fix4c mobile quicklinks horizontal rail */
@media (max-width: 768px){
  .quicklinks{
    display:flex;
    align-items:center;
    gap:8px;
    width: calc(100% - 12px);
    top: var(--r4x-header-offset);
    margin: 4px auto 8px;
    padding: 6px;
    border-radius: 14px;
    position: sticky;
    overflow: visible;
  }
  .quicklinks-inner--cards{
    display:flex !important;
    flex:1 1 auto;
    flex-wrap:nowrap;
    gap:6px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    padding-bottom: 0;
  }
  .quicklinks-inner--cards::-webkit-scrollbar{ display:none; }
  .quicklink--card{
    flex:0 0 44px;
    width:44px;
    min-width:44px;
    min-height:44px;
    height:44px;
    padding:0;
    border-radius:12px;
    justify-content:center;
  }
  .quicklink-icon{
    font-size:18px;
    margin:0;
  }
  .quicklink-text{ display:none !important; }
  .quicklinks-search-wrap{
    flex:0 0 44px;
    width:44px;
    margin-top:0;
    position:relative;
  }
  .quicklinks-search-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:44px;
    min-width:44px;
    min-height:44px;
    height:44px;
    padding:0;
    font-size:0;
    border-radius:12px;
  }
  .quicklinks-search-toggle::before{
    content:"🔎";
    font-size:18px;
    line-height:1;
  }
  .quicklinks-search-panel{
    display:none;
    position:absolute;
    right:0;
    top:calc(100% + 8px);
    width:min(320px, calc(100vw - 24px));
    z-index:40;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{ display:block; }
  .quicklinks-search-wrap.is-open .quicklinks-search-toggle{ margin-bottom:0; }
  .quicklinks-search{ min-height:42px; }
  .global-search-results{
    max-height:min(46vh,260px);
  }
}
@media (max-width: 520px){
  .quicklinks{
    gap:4px;
    padding:4px;
    width: calc(100% - 8px);
    margin: 3px auto 6px;
    border-radius: 12px;
  }
  .quicklinks-inner--cards{
    gap:4px;
  }
  .quicklink--card,
  .quicklinks-search-wrap,
  .quicklinks-search-toggle{
    flex-basis:38px;
    width:38px;
    min-width:38px;
    min-height:38px;
    height:38px;
    border-radius:10px;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{ font-size:17px; }
}
@media (max-width: 390px){
  .quicklinks{
    gap:3px;
    padding:4px 3px;
  }
  .quicklinks-inner--cards{ gap:3px; }
  .quicklink--card,
  .quicklinks-search-wrap,
  .quicklinks-search-toggle{
    flex-basis:36px;
    width:36px;
    min-width:36px;
    min-height:36px;
    height:36px;
    border-radius:10px;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{ font-size:16px; }
}

.hamburger-group-title{ display:block; padding:8px 12px 4px; font-size:12px; font-weight:600; letter-spacing:.04em; color: rgba(245,210,122,.92); text-transform:uppercase; }
.hamburger-subnav{ padding-left:18px !important; }
.hamburger-menu a.is-current{ color:#fff; background: rgba(245,210,122,.12); border-radius:10px; }
@media (max-width: 768px) {
  .tools-subsection-header--featured {
    padding: 12px 12px 11px;
    border-radius: 16px;
  }
  .tools-subsection-subtitle {
    font-size: 13.5px;
    line-height: 1.4;
  }
  .tools-jump-row {
    gap: 8px;
    margin: 12px 0 10px;
  }
  .tools-jump-label,
  .tools-jump-link {
    font-size: 12.5px;
  }
}

.quicklink--card.is-current{ color:#f5d27a; border-color: rgba(245,210,122,.68); box-shadow: 0 0 0 2px rgba(245,210,122,.12), inset 0 1px 0 rgba(255,255,255,.05); background: linear-gradient(180deg, rgba(28,22,12,.92), rgba(12,12,14,.98)); }
.quicklink--card.is-current .quicklink-text{ text-decoration-color: rgba(245,210,122,.72); }
.tools-kind-group{ border:1px solid rgba(245,210,122,.14); border-radius:18px; background:linear-gradient(180deg, rgba(11,13,21,.90), rgba(8,10,18,.97)); margin: 0 0 16px; overflow:hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.02); }
.tools-kind-summary{ list-style:none; display:flex; align-items:center; justify-content:space-between; gap:12px; padding:15px 18px; cursor:pointer; }
.tools-kind-summary::-webkit-details-marker{ display:none; }
.tools-kind-summary-main{ display:flex; align-items:center; gap:11px; min-width:0; }
.tools-kind-summary-icon{ font-size:17px; opacity:.95; }
.tools-kind-summary-title{ font-size:15px; font-weight:600; letter-spacing:.01em; color:rgba(255,255,255,.95); }
.tools-kind-summary-meta{ display:flex; align-items:center; gap:10px; }
.tools-kind-summary-count{ min-width:30px; height:30px; padding:0 9px; border-radius:999px; display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--ui-silver-border); color:var(--ui-silver-text); font-weight:600; font-size:13px; background:rgba(255,255,255,.02); }
.tools-kind-summary-chevron{ color: var(--ui-silver-text); transition: transform .2s ease, color .2s ease; }
.tools-kind-group[open] .tools-kind-summary-chevron{ transform: rotate(180deg); }
.tools-kind-group[open] .tools-kind-summary{ background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,0)); }
.tools-kind-group[open] .tools-kind-summary-count,
.tools-kind-group[open] .tools-kind-summary-chevron{ color: var(--gold); border-color: rgba(245,210,122,.32); }
.tools-kind-summary:hover{ background: linear-gradient(180deg, rgba(255,255,255,.015), rgba(0,0,0,0)); }
.tools-kind-body{ padding: 0 16px 16px; }
.tools-kind-body .tools-subsection-header:first-child{ margin-top: 8px; }

.tools-kind-summary{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:14px;
  padding:15px 18px;
}
.tools-kind-summary-main{
  justify-self:center;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  width:min(72%, calc(100% - 108px));
  min-width:0;
}
.tools-kind-summary-main::before,
.tools-kind-summary-main::after{
  content:"";
  display:block;
  height:1px;
  flex:1 1 auto;
  min-width:92px;
  pointer-events:none;
}
.tools-kind-summary-main::before{
  background:linear-gradient(90deg, rgba(245,210,122,0) 0%, rgba(245,210,122,.10) 30%, rgba(245,210,122,.34) 100%);
}
.tools-kind-summary-main::after{
  background:linear-gradient(90deg, rgba(245,210,122,.34) 0%, rgba(245,210,122,.10) 70%, rgba(245,210,122,0) 100%);
}
.tools-kind-summary-title{
  text-align:center;
  white-space:nowrap;
}
.tools-kind-summary-meta{
  justify-self:end;
}
@media (max-width: 899px) {
  .tools-kind-summary{
    gap:10px;
    padding:14px 16px;
  }
  .tools-kind-summary-main{
    gap:10px;
    width:calc(100% - 88px);
  }
  .tools-kind-summary-main::before,
  .tools-kind-summary-main::after{
    min-width:18px;
  }
  .tools-kind-summary-title{
    font-size:14px;
  }
}
@media (min-width: 900px) {
  .tools-kind-summary-main{
    width:min(78%, calc(100% - 132px));
  }
  .tools-kind-summary-main::before,
  .tools-kind-summary-main::after{
    min-width:160px;
  }
}

.hero-entry-block--single {
  grid-template-columns: minmax(0, 1fr);
}
.hero-entry--single,
.hero-entry--solo {
  max-width: 620px;
  margin: 10px auto 8px;
}
.subsection-title--subordinate {
  font-size: 17px;
  font-weight: 600;
  color: rgba(245, 210, 122, 0.96);
  margin-top: 18px;
  margin-bottom: 12px;
  padding-left: 34px;
  gap: 0;
}
.subsection-title--subordinate .subsection-title-icon {
  display: none;
}
.hero-entry-block--single .info-toggle,
.hero-entry--single .info-toggle,
.hero-entry--solo .info-toggle {
  align-self: center;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 899px) {
  .hero-entry-block--duo {
    grid-template-columns: 1fr;
  }
  .hero-entry--single,
  .hero-entry--solo {
    max-width: none;
  }
}


.hero-entry-block--single .hero-entry-card .entry-inner,
.hero-entry--single .hero-entry-card .entry-inner,
.hero-entry--solo .hero-entry-card .entry-inner {
  align-items: center;
  text-align: center;
}
.hero-entry-block--single .hero-entry-card .entry-sub,
.hero-entry--single .hero-entry-card .entry-sub,
.hero-entry--solo .hero-entry-card .entry-sub {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  max-width: 620px;
}

.hero-entry--single .entry-header{
  justify-content:center;
}
.hero-entry--single .entry-title{
  text-align:center;
}
.back-to-top.footer-hidden{
  opacity:0 !important;
  pointer-events:none !important;
  transform:translateY(10px) !important;
}

/* v98 arch3 structure5 keep single-card text centered when info opens */
.hero-entry--single,
.hero-entry--solo {
  width: min(100%, 620px);
}
.hero-entry--single .entry-card,
.hero-entry--solo .entry-card {
  width: 100%;
  justify-content: center;
}
.hero-entry--single .hero-entry-card .entry-inner,
.hero-entry--solo .hero-entry-card .entry-inner {
  width: 100%;
  align-items: center;
  text-align: center;
}
.hero-entry--single .hero-entry-card .entry-sub,
.hero-entry--solo .hero-entry-card .entry-sub {
  width: 100%;
  text-align: center;
}


/* v165a equalize beginner duo card widths */
.hero-entry-block--duo > .hero-entry {
  width: 100%;
  max-width: none;
  margin: 0;
}
.hero-entry-block--duo > .hero-entry .entry-card {
  width: 100%;
  max-width: none;
}

/* v98 fix27 equalize hero card heights */
.hero-entry-card {
  height: 100%;
}
.hero-entry-card .entry-inner {
  min-height: 118px;
  justify-content: center;
}
.hero-entry-block--duo .hero-entry-card .entry-inner {
  min-height: 128px;
}
.hero-entry-block--single .hero-entry-card .entry-inner,
.hero-entry--single .hero-entry-card .entry-inner,
.hero-entry--solo .hero-entry-card .entry-inner {
  min-height: 116px;
}
@media (max-width: 899px) {
  .hero-entry-card .entry-inner,
  .hero-entry-block--duo .hero-entry-card .entry-inner,
  .hero-entry-block--single .hero-entry-card .entry-inner,
  .hero-entry--single .hero-entry-card .entry-inner,
  .hero-entry--solo .hero-entry-card .entry-inner {
    min-height: auto;
  }
}


/* v98 fix28 mobile quicklinks spacing + typography polish */
:root{
  --r4x-sans: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}
html, body, button, input, select, textarea{
  font-family: var(--r4x-sans);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-kerning: normal;
  font-synthesis: none;
}

.tools-section-title,
.tools-subsection-title,
.tool-kind-label,
.tool-title,
.tool-card-body,
.tool-info-panel,
.tool-info-panel *,
.tool-card,
.tool-card *,
.tool-inline-info,
.filter-chip,
.filter-select,
.badge,
.btn,
.info-toggle,
.my-pane,
.my-pane *{
  text-shadow: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.tool-title{
  font-weight: 560;
  letter-spacing: -0.008em;
}
.tool-kind-label{
  color: rgba(255,255,255,0.74);
  letter-spacing: 0.05em;
}
.tool-card-body,
.tool-info-panel{
  color: rgba(233,236,243,0.92);
}
.tool-info-block-title,
.tools-subsection-title,
.tools-section-title{
  letter-spacing: 0.02em;
}
.tool-info-panel .tool-info-block-title{
  color: rgba(255,255,255,0.99);
}
.tool-info-panel .tool-info-block-title--plus{
  color: rgba(245,210,122,0.98);
}
.tool-info-panel .tool-info-more{
  color: rgba(255,255,255,0.99);
}
.badge,
.btn,
.info-toggle,
.tool-inline-info{
  font-weight: 550;
}

@media (max-width: 768px){
  .quicklinks{
    display:grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px !important;
    align-items: stretch;
    width: calc(100% - 12px);
    margin: 4px auto 8px;
    padding: 6px;
    border-radius: 14px;
    overflow: visible;
  }
  .quicklinks-inner--cards,
  .quicklinks-search-wrap{
    display: contents !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 12px;
    justify-content: center;
    margin: 0 !important;
    box-sizing: border-box;
  }
  .quicklink--card{
    flex: initial !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 18px !important;
    line-height: 1;
    margin: 0 !important;
  }
  .quicklink-text{
    display: none !important;
  }
  .quicklinks-search-toggle{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
    font-size: 0 !important;
  }
  .quicklinks-search-toggle::before{
    content: "🔎";
  }
  .quicklinks-search-panel{
    display: none;
    position: relative !important;
    top: auto !important;
    right: auto !important;
    width: 100% !important;
    grid-column: 1 / -1;
    margin-top: 6px;
    z-index: 40;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{
    display: block;
  }
  .quicklinks-search{
    min-height: 42px;
    background: rgba(8,10,18,.98);
  }
}
@media (max-width: 520px){
  .quicklinks{
    width: calc(100% - 8px);
    gap: 4px !important;
    padding: 4px;
    border-radius: 12px;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 38px !important;
    height: 38px !important;
    border-radius: 10px;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 17px !important;
  }
}


.quicklink--card{
  font-size: 12.35px;
  font-weight: 600;
  letter-spacing: 0.005em;
  border-color: rgba(245,210,122,0.14);
  background: linear-gradient(180deg, rgba(14,18,28,0.84), rgba(9,11,18,0.92));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.025);
}
.quicklink--card:hover{
  border-color: rgba(245,210,122,0.28);
  background: linear-gradient(180deg, rgba(17,21,33,0.88), rgba(10,13,21,0.95));
  box-shadow: 0 6px 14px rgba(0,0,0,0.14), inset 0 1px 0 rgba(255,255,255,0.03);
}
.quicklink-text{
  text-decoration: none;
}
.quicklink--card.is-current{
  border-color: rgba(245,210,122,.56);
  box-shadow: 0 0 0 1px rgba(245,210,122,.10), inset 0 1px 0 rgba(255,255,255,.05);
  background: linear-gradient(180deg, rgba(26,22,14,.86), rgba(11,12,16,.98));
}
.quicklinks-search{
  border-color: rgba(245,210,122,.16);
  background: rgba(255,255,255,.025);
  color: rgba(245,247,251,.96);
}
.quicklinks-search::placeholder{
  color: rgba(255,255,255,.50);
}
.tools-kind-group{
  border-color: rgba(245,210,122,.12);
  background: linear-gradient(180deg, rgba(10,12,20,.88), rgba(8,10,18,.97));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018);
}
.tools-kind-summary{
  padding: 15px 18px;
}
.tools-kind-summary-title{
  font-size: 14.5px;
  font-weight: 600;
  letter-spacing: .005em;
  color: rgba(255,255,255,.94);
}
.tools-kind-summary-icon{
  font-size: 16px;
  opacity: .9;
}
.tools-kind-summary-count{
  font-weight:600;
}
.tool-kind-label{
  font-size: 10.5px;
  font-weight: 600;
  color: rgba(255,255,255,.68);
  letter-spacing: 0.045em;
}
.tool-title{
  font-weight: 600;
}
.tool-card-body,
.tool-info-panel{
  color: rgba(225,229,236,.90);
}
@media (max-width: 768px){
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 40px !important;
    height: 40px !important;
  }
}
@media (max-width: 520px){
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 37px !important;
    height: 37px !important;
  }
}


/* obsolete mobile quicklink fallback chain removed in v228 */

/* v98 fix39 global card polish for mobile and premium hierarchy */
.tool-card-aside {
  display: flex;
  align-items: flex-start;
  justify-content: flex-end;
  gap: 8px;
  flex-wrap: wrap;
  flex: 0 0 auto;
  min-width: 0;
}

.tool-card-aside .tool-card-actions {
  justify-content: flex-end;
  align-self: flex-start;
}

.tool-card-aside .tool-favorite-btn {
  align-self: flex-start;
}

.tool-card .tool-action-btn {
  max-width: 100%;
}

.tool-title {
  font-weight: 560;
  letter-spacing: -0.007em;
}

.btn,
.tool-inline-info,
.info-toggle {
  font-weight: 530;
  letter-spacing: 0;
}

.badge {
  font-weight: 540;
}

.tool-card-body {
  color: rgba(231, 235, 242, 0.9);
}

@media (max-width: 640px) {
  .tool-card {
    padding: 12px 12px 11px;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-header {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 10px 8px;
    align-items: start;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-main {
    grid-column: 1 / 2;
    grid-row: 1;
    min-width: 0;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-aside {
    display: contents;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-aside .tool-favorite-btn {
    grid-column: 2 / 3;
    grid-row: 1;
    align-self: start;
    justify-self: end;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-aside .tool-card-actions {
    grid-column: 1 / -1;
    grid-row: 2;
    width: 100%;
    margin-top: 2px;
    justify-content: flex-start;
    gap: 8px;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-body {
    margin-top: 10px;
    font-size: 13.2px;
    line-height: 1.5;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-footer {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px 10px;
    align-items: center;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-actions .btn {
    padding: 6px 12px;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-title-row {
    gap: 5px;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-title {
    font-size: 15px;
    line-height: 1.3;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-badges {
    gap: 4px;
  }

  .tool-card:not(.tool-card--compact-single-action) .badge {
    font-size: 10.5px;
    padding: 2px 7px;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-inline-info {
    justify-self: start;
    text-align: left;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-inline-info--center {
    grid-column: 1 / -1;
    justify-self: center;
    text-align: center;
  }
}

@media (max-width: 420px) {
  .tool-card:not(.tool-card--compact-single-action) .tool-card-actions {
    gap: 7px;
  }

  .tool-card:not(.tool-card--compact-single-action) .tool-card-actions .btn {
    font-size: 12px;
    padding: 6px 11px;
  }

  .tool-card:not(.tool-card--compact-single-action) .btn-shortcut-icon {
    width: 33px;
    min-width: 33px;
    height: 33px;
  }
}

.tool-favorite-btn.btn-outline-light {
  border-color: var(--ui-silver-border);
  color: var(--ui-silver-text);
  background: rgba(255,255,255,0.025);
}

.tool-favorite-btn.btn-outline-light:hover {
  border-color: var(--ui-silver-border-strong);
  background: rgba(255,255,255,0.055);
  color: #fff;
}

.tool-favorite-btn.is-active {
  border-color: rgba(245, 210, 122, 0.72);
  color: var(--gold);
  background: rgba(245, 210, 122, 0.08);
}

.btn.info-btn {
  border-color: var(--ui-silver-border) !important;
  color: var(--ui-silver-text) !important;
  background: rgba(255,255,255,0.025);
}

.btn.info-btn:hover {
  background: rgba(255,255,255,0.06);
  border-color: var(--ui-silver-border-strong) !important;
}

@media (min-width: 641px) {
  .tool-card .tool-card-actions .btn {
    font-weight: 520;
  }

  .tool-card .badge {
    font-weight: 530;
  }
}


/* v98 fix42 desktop footer divider across all tool cards */
@media (min-width: 641px) {
  .tool-card .tool-card-footer {
    margin-top: 10px;
    padding-top: 8px;
    border-top: 1px solid rgba(255, 255, 255, 0.06);
  }
}


/* Relevant news */
.news-section {
  margin: 0 auto 30px;
  padding: 18px 20px 20px;
  border-radius: 20px;
  background: radial-gradient(circle at top left, rgba(245, 210, 122, 0.08), transparent 52%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.03), transparent 58%),
    linear-gradient(135deg, #11141d, #05060a);
  border: 1px solid rgba(245, 210, 122, 0.18);
  box-shadow: var(--shadow-subtle);
}

.news-section-head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 14px;
  margin-bottom: 14px;
}

.news-section-sub {
  margin: 0;
  max-width: 700px;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.55;
}

.news-section-status {
  flex: 0 0 auto;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(201, 209, 223, 0.2);
  background: rgba(255, 255, 255, 0.03);
  color: var(--ui-silver-text);
  font-size: 12px;
  white-space: nowrap;
}

.news-section-status.is-error {
  color: #ffd6d6;
  border-color: rgba(255, 107, 107, 0.35);
  background: rgba(255, 107, 107, 0.08);
}

.news-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
}

.news-card {
  min-width: 0;
  padding: 14px 16px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(16, 18, 26, 0.96), rgba(8, 10, 16, 0.98));
  border: 1px solid rgba(255, 255, 255, 0.08);
}

.news-card-head {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 10px;
}

.news-card-title {
  margin: 0;
  font-size: 17px;
}

.news-card-meta {
  font-size: 12px;
  color: var(--text-muted);
  text-align: right;
}

.news-list {
  display: flex;
  flex-direction: column;
}

.news-item {
  display: block;
  padding: 10px 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.06);
  transition: opacity var(--transition-fast), transform var(--transition-fast);
}

.news-item:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.news-item:hover {
  opacity: 0.94;
  transform: translateY(-1px);
}

.news-item-title {
  font-size: 14px;
  line-height: 1.5;
  color: #ffffff;
}

.news-item-meta {
  margin-top: 4px;
  font-size: 12px;
  color: var(--text-muted);
}

.news-empty {
  padding: 10px 0 4px;
  color: var(--text-muted);
  font-size: 13px;
}

@media (max-width: 820px) {
  .news-section-head {
    flex-direction: column;
  }

  .news-section-status {
    white-space: normal;
  }

  .news-grid {
    grid-template-columns: 1fr;
  }
}


/* --- News readability refinement v101 --- */
.news-section {
  padding: 20px 22px 22px;
}

.news-section-sub {
  color: rgba(236, 241, 248, 0.86);
  font-size: 15px;
  line-height: 1.65;
}

.news-section-status {
  padding: 8px 12px;
  border-color: rgba(245, 210, 122, 0.22);
  background: rgba(255, 255, 255, 0.045);
  color: rgba(245, 248, 252, 0.92);
  font-size: 12.5px;
  font-weight: 500;
}

.news-grid {
  gap: 18px;
}

.news-card {
  padding: 16px 18px;
  border-color: rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.news-card-head {
  margin-bottom: 12px;
}

.news-card-title {
  font-size: 18px;
  font-weight:600;
  letter-spacing: -0.01em;
}

.news-card-meta {
  font-size: 12.5px;
  color: rgba(226, 232, 240, 0.76);
}

.news-item {
  padding: 12px 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.news-item:hover {
  opacity: 1;
  transform: translateY(-1px);
}

.news-item-title {
  font-size: 15px;
  line-height: 1.58;
  font-weight: 560;
  color: rgba(255,255,255,0.98);
}

.news-item-meta {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.4;
  color: rgba(222, 228, 238, 0.82);
}

.news-empty {
  padding: 12px 0 6px;
  color: rgba(222, 228, 238, 0.76);
  font-size: 13px;
}

@media (max-width: 820px) {
  .news-section {
    padding: 18px 16px 18px;
  }

  .news-card {
    padding: 15px 14px;
  }
}


.news-section--featured{
  position: relative;
  overflow: hidden;
}
.news-section--featured::before{
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(245,210,122,0), rgba(245,210,122,0.55), rgba(245,210,122,0));
  pointer-events: none;
}

.news-section {
  margin: 0 auto 32px;
  padding: 22px 24px 24px;
  border-radius: 22px;
  background:
    radial-gradient(circle at top left, rgba(245, 210, 122, 0.10), transparent 50%),
    radial-gradient(circle at bottom right, rgba(255, 255, 255, 0.04), transparent 58%),
    linear-gradient(135deg, #11141d, #05060a);
  border: 1px solid rgba(245, 210, 122, 0.20);
  box-shadow: 0 16px 40px rgba(0,0,0,0.22), inset 0 1px 0 rgba(255,255,255,0.03);
}

.news-section-head {
  gap: 16px;
  margin-bottom: 16px;
}

.news-section-sub {
  max-width: 760px;
  color: rgba(236, 241, 248, 0.88);
  font-size: 15px;
  line-height: 1.68;
}

.news-section-status {
  padding: 8px 12px;
  border-color: rgba(245, 210, 122, 0.22);
  background: rgba(255, 255, 255, 0.05);
  color: rgba(245, 248, 252, 0.94);
  font-size: 12.5px;
  font-weight: 600;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.news-grid {
  gap: 18px;
  align-items: start;
}

.news-card {
  padding: 17px 18px;
  border-radius: 18px;
  background: linear-gradient(135deg, rgba(16, 18, 26, 0.98), rgba(8, 10, 16, 1));
  border: 1px solid rgba(255, 255, 255, 0.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.03);
}

.news-card-head {
  margin-bottom: 13px;
}

.news-card-title {
  font-size: 18px;
  font-weight:600;
  letter-spacing: -0.01em;
  color: rgba(255,255,255,0.98);
}

.news-card-meta {
  font-size: 12.5px;
  color: rgba(226, 232, 240, 0.78);
}

.news-list {
  gap: 0;
}

.news-item {
  padding: 12px 0;
  border-bottom-color: rgba(255, 255, 255, 0.08);
}

.news-item:hover {
  opacity: 1;
}

.news-item-title {
  font-size: 15px;
  line-height: 1.6;
  font-weight: 560;
  color: rgba(255,255,255,0.99);
}

.news-item-meta {
  margin-top: 6px;
  font-size: 13px;
  line-height: 1.42;
  color: rgba(222, 228, 238, 0.84);
}

.news-empty {
  padding: 12px 0 6px;
  color: rgba(222, 228, 238, 0.76);
  font-size: 13px;
}

@media (max-width: 820px) {
  .news-section {
    padding: 18px 16px 18px;
  }

  .news-card {
    padding: 15px 14px;
  }

  .news-section-sub {
    font-size: 14px;
    line-height: 1.62;
  }
}


/* --- v103 stronger news clarity and quicklinks layout --- */
.quicklinks-inner--cards{
  grid-template-columns: repeat(8, minmax(0, 1fr));
  gap: 9px;
}

.quicklink--card{
  min-height: 42px;
  padding: 9px 10px;
}

.quicklink-text{
  font-size: 12.3px;
}

@media (max-width: 1180px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(8, minmax(0, 1fr));
  }
  .quicklink-text{
    font-size: 11.7px;
  }
}

@media (max-width: 860px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
  }
  .quicklink--card{
    min-height: 44px;
    padding: 9px 8px;
  }
  .quicklink-text{
    font-size: 12px;
  }
}

@media (max-width: 520px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 8px;
  }
  .quicklink--card{
    min-height: 46px;
    padding: 8px 6px;
    flex-direction: column;
    gap: 4px;
  }
  .quicklink-icon{
    width: auto;
    flex: 0 0 auto;
    font-size: 14px;
  }
  .quicklink-text{
    font-size: 10.8px;
    line-height: 1.05;
    white-space: nowrap;
  }
  .quicklinks-inner--cards .quicklink--card:last-child{
    grid-column: auto;
    justify-self: stretch;
    width: auto;
  }
}

.news-section-head{
  align-items: center;
  margin-bottom: 18px;
}

.news-section-sub{
  max-width: 720px;
}

.news-card{
  position: relative;
  overflow: hidden;
}

.news-card::before{
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  height: 3px;
  opacity: .95;
}

.news-card--crypto::before{
  background: linear-gradient(90deg, rgba(245,210,122,0.95), rgba(245,210,122,0.18));
}

.news-card--market::before{
  background: linear-gradient(90deg, rgba(95,159,255,0.96), rgba(95,159,255,0.18));
}

.news-card-head{
  align-items: flex-start;
}

.news-card-title{
  display: flex;
  align-items: center;
}

.news-card-title-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 18px;
  font-weight:600;
  letter-spacing: -0.02em;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
  position: relative;
  text-decoration: none;
  white-space: nowrap;
  -webkit-font-smoothing: antialiased;
  text-rendering: geometricPrecision;
}
.news-card-title-badge::after{
  content: "";
  position: absolute;
  left: 12px;
  right: 12px;
  bottom: 6px;
  height: 2px;
  border-radius: 999px;
  opacity: 0.98;
  pointer-events: none;
}

.news-card-title-badge--crypto{
  background: linear-gradient(180deg, rgba(245,210,122,0.18), rgba(245,210,122,0.06));
  border: 1px solid rgba(245,210,122,0.30);
  color: rgba(255,247,221,0.98);
}
.news-card-title-badge--crypto::after{
  background: rgba(245,210,122,0.94);
  box-shadow: 0 0 8px rgba(245,210,122,0.18);
}

.news-card-title-badge--market{
  background: linear-gradient(180deg, rgba(95,159,255,0.18), rgba(95,159,255,0.06));
  border: 1px solid rgba(95,159,255,0.34);
  color: rgba(238,245,255,0.99);
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.05);
}
.news-card-title-badge--market::after{
  background: rgba(111,172,255,0.94);
  box-shadow: 0 0 8px rgba(111,172,255,0.18);
}

.news-card-meta{
  margin-top: 7px;
  font-size: 12px;
  font-weight: 600;
  letter-spacing: 0.01em;
}

.news-item-title{
  font-size: 15.5px;
  line-height: 1.58;
  font-weight:600;
}

.news-item-meta{
  margin-top: 7px;
}

@media (max-width: 860px){
  .news-card-title-badge{
    font-size: 17px;
    min-height: 31px;
  }
}

@media (max-width: 520px){
  .news-section-head{
    align-items: flex-start;
  }
  .news-card-title-badge{
    font-size: 16px;
    min-height: 30px;
    padding: 0 11px;
  }
  .news-card-meta{
    font-size: 11.6px;
  }
  .news-item-title{
    font-size: 15px;
  }
}


/* --- v104 premium news headings + tighter mobile quicklinks --- */
.news-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:12px;
  margin-bottom:16px;
}

.news-card-title{
  display:flex;
  align-items:center;
  min-height:auto;
}

.news-card-title-badge{
  position:relative;
  display:inline-flex;
  align-items:center;
  padding:0 0 8px;
  min-height:auto;
  border:none;
  border-radius:0;
  background:none;
  box-shadow:none;
  color:rgba(248,250,252,0.98);
  font-size:21px;
  font-weight:600;
  letter-spacing:-0.02em;
  line-height:1.05;
}

.news-card-title-badge::after{
  content:"";
  position:absolute;
  left:0;
  right:auto;
  bottom:0;
  width:100%;
  height:2px;
  border-radius:999px;
  opacity:0.92;
}

.news-card-title-badge--crypto::after{
  background:linear-gradient(90deg, rgba(245,210,122,0.9), rgba(245,210,122,0.28));
}

.news-card-title-badge--market::after{
  background:linear-gradient(90deg, rgba(111,172,255,0.92), rgba(111,172,255,0.30));
}

.news-card-title-badge--crypto,
.news-card-title-badge--market{
  border:none;
  background:none;
}

.news-card-meta{
  margin-top:2px;
  font-size:12.5px;
  font-weight:600;
  color:rgba(225,232,243,0.72);
  white-space:nowrap;
}

.news-card::before{
  height:1px;
  opacity:0.85;
}

.news-item-title{
  font-size:15.6px;
  font-weight:640;
  line-height:1.6;
  color:rgba(255,255,255,0.985);
}

.news-item-meta{
  font-size:13px;
  color:rgba(222,228,238,0.80);
}

/* Desktop / larger screens: keep quicklinks in one row */
.quicklinks-inner--cards{
  grid-template-columns:repeat(8, minmax(0, 1fr));
  gap:8px;
}

.quicklink--card{
  min-height:40px;
  padding:8px 8px;
}

.quicklink-text{
  font-size:12px;
}

/* Tablet */
@media (max-width: 980px){
  .quicklinks-inner--cards{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:8px;
  }
}

/* Mobile: exactly two rows with compact icon cards */
@media (max-width: 520px){
  .quicklinks-search-wrap{
    display:none;
  }

  .quicklinks-inner--cards{
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:6px;
  }

  .quicklink--card{
    min-height:34px;
    padding:4px 2px;
    border-radius:10px;
    justify-content:center;
  }

  .quicklink-icon{
    width:auto;
    flex:0 0 auto;
    font-size:15px;
  }

  .quicklink-text{
    display:none;
  }

  .quicklinks-inner--cards .quicklink--card:last-child{
    grid-column:auto;
    justify-self:stretch;
    width:auto;
  }

  .news-card-head{
    gap:10px;
    margin-bottom:14px;
  }

  .news-card-title-badge{
    font-size:20px;
    padding-bottom:7px;
  }

  .news-card-meta{
    font-size:11.8px;
    line-height:1.3;
  }
}


/* --- v110 news section hard override: premium clean layout --- */
.subsection-title-icon--news {
  width: auto !important;
  height: auto !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

.news-section {
  padding: 18px 20px 20px !important;
}

.news-section-head {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 16px !important;
}

.news-section-status {
  padding: 7px 12px !important;
  border-radius: 999px !important;
  border: 1px solid rgba(245, 210, 122, 0.22) !important;
  background: rgba(255,255,255,0.035) !important;
  color: rgba(245,248,252,0.94) !important;
  font-size: 12.5px !important;
  font-weight: 600 !important;
}

.news-grid {
  display: grid !important;
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  gap: 16px !important;
  align-items: start !important;
}

.news-card {
  min-width: 0 !important;
  padding: 14px 14px 12px !important;
  border-radius: 16px !important;
  background: linear-gradient(180deg, rgba(10, 13, 21, 0.98), rgba(6, 8, 14, 1)) !important;
  border: 1px solid rgba(255,255,255,0.09) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.02) !important;
}

.news-card::before {
  display: none !important;
  content: none !important;
}

.news-card-head {
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  margin-bottom: 12px !important;
}

.news-card-title {
  margin: 0 !important;
}

.news-card-title-badge {
  display: inline-block !important;
  min-height: 0 !important;
  padding: 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: rgba(248,250,252,0.98) !important;
  font-size: 18px !important;
  font-weight:600 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

.news-card-title-badge::after {
  content: "" !important;
  display: block !important;
  width: 56px !important;
  height: 1px !important;
  margin-top: 8px !important;
  border-radius: 999px !important;
}

.news-card-title-badge--crypto::after {
  background: rgba(245, 210, 122, 0.62) !important;
}

.news-card-title-badge--market::after {
  background: rgba(111, 172, 255, 0.62) !important;
}

.news-card-meta {
  margin-top: 1px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  color: rgba(226,232,240,0.74) !important;
  text-align: right !important;
  white-space: nowrap !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
}

.news-list {
  display: flex !important;
  flex-direction: column !important;
  gap: 10px !important;
}

.news-item {
  display: block !important;
  padding: 12px 13px !important;
  border: 1px solid rgba(255,255,255,0.08) !important;
  border-radius: 14px !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.015)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.015) !important;
  transition: border-color .18s ease, background .18s ease, transform .18s ease !important;
}

.news-item:last-child {
  padding-bottom: 12px !important;
}

.news-item:hover {
  opacity: 1 !important;
  transform: translateY(-1px) !important;
  border-color: rgba(245,210,122,0.22) !important;
  background: linear-gradient(180deg, rgba(255,255,255,0.035), rgba(255,255,255,0.02)) !important;
}

.news-item-title {
  font-size: 15px !important;
  font-weight:600 !important;
  line-height: 1.48 !important;
  color: rgba(255,255,255,0.985) !important;
  text-shadow: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  text-rendering: optimizeLegibility !important;
}

.news-item-meta {
  margin-top: 7px !important;
  font-size: 12.5px !important;
  line-height: 1.35 !important;
  color: rgba(222,228,238,0.78) !important;
  text-shadow: none !important;
}

@media (max-width: 820px) {
  .news-grid {
    grid-template-columns: 1fr !important;
  }
  .news-section-head {
    align-items: flex-start !important;
    flex-direction: column !important;
  }
  .news-card-title-badge {
    font-size: 17px !important;
  }
  .news-item-title {
    font-size: 14.6px !important;
  }
}




@media (max-width: 420px){
  .quicklinks{
    gap: 5px !important;
    padding: 5px !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 36px !important;
    border-radius: 11px !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 15px !important;
  }
}


/* --- v112 hero title centered and stacked --- */
.hero {
  margin-bottom: 34px !important;
}

.hero-title-row {
  display: flex !important;
  flex-direction: column !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  text-align: center !important;
  margin: 4px auto 18px !important;
}

.hero-title-row .info-toggle {
  margin: 0 !important;
  align-self: center !important;
}

.hero h1 {
  font-size: 34px !important;
  line-height: 1.06 !important;
  letter-spacing: -0.01em !important;
  margin: 0 !important;
  text-align: center !important;
}

.brand-wordmark--r4x {
  display: inline-flex !important;
  align-items: baseline !important;
  gap: 0 !important;
}

@media (max-width: 640px) {
  .hero {
    margin-bottom: 30px !important;
  }

  .hero-title-row {
    gap: 10px !important;
    margin: 2px auto 16px !important;
  }

  .hero h1 {
    font-size: 31px !important;
    line-height: 1.08 !important;
  }
}


/* --- v113 spacing-only refinement for central hero --- */
.hero {
  padding-top: 18px !important;
}

.hero-title-row,
.hero-title-row--center,
.hero-title-wrap,
.page-hero,
.page-hero--center {
  margin-bottom: 8px !important;
}

.hero-title-row h1,
.hero-title-row--center h1,
.page-hero h1,
.page-hero--center h1 {
  margin-bottom: 6px !important;
}

.hero-title-row .tool-inline-info,
.hero-title-row--center .tool-inline-info,
.page-hero .tool-inline-info,
.page-hero--center .tool-inline-info {
  margin-top: 0 !important;
}

.quicklinks + main .hero,
.quicklinks + .page .hero,
.quicklinks + main .page-hero,
.quicklinks + .page .page-hero {
  margin-top: 8px !important;
}

.hero + .my-area-section,
.page-hero + .my-area-section,
.hero + #my-area,
.page-hero + #my-area {
  margin-top: 8px !important;
}


/* --- v115 section fixes: analyse lines, status lighter, wording --- */
.my-pane--status {
  border-color: rgba(245,210,122,0.26) !important;
  background: linear-gradient(180deg, rgba(34,28,14,0.90), rgba(14,12,8,0.98)) !important;
}

.my-pane--status .my-pane-icon {
  border-color: rgba(245,210,122,0.30) !important;
  background: rgba(255,255,255,0.05) !important;
}

.tools-kind-group[data-kind="analyse"] .tools-section-header {
  gap: 10px !important;
}

.tools-kind-group[data-kind="analyse"] .tools-section-title {
  font-size: 16px !important;
  padding: 4px 8px !important;
}

.tools-kind-group[data-kind="analyse"] .tools-section-line {
  min-width: 64px !important;
  max-width: none !important;
  height: 2px !important;
  box-shadow: 0 0 12px rgba(245, 210, 122, 0.45) !important;
  opacity: 1 !important;
}

.tools-kind-group[data-kind="analyse"] .tools-section-line-left {
  background: linear-gradient(to left, rgba(245, 210, 122, 0.88), transparent) !important;
}

.tools-kind-group[data-kind="analyse"] .tools-section-line-right {
  background: linear-gradient(to right, rgba(245, 210, 122, 0.88), transparent) !important;
}


/* --- v117 hero spacing hard tighten --- */
.page {
  padding-top: 0 !important;
}

.quicklinks {
  margin-bottom: 0 !important;
}

.quicklinks + main,
.quicklinks + .page {
  margin-top: 0 !important;
}

.quicklinks + main .hero,
.quicklinks + .page .hero,
.quicklinks + main .page-hero,
.quicklinks + .page .page-hero {
  margin-top: 0 !important;
}

.hero,
.page-hero {
  padding-top: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
}

.hero-title-row,
.hero-title-row--center,
.hero-title-wrap,
.page-hero,
.page-hero--center {
  margin: 0 auto 2px !important;
  gap: 6px !important;
}

.hero h1,
.page-hero h1,
.hero-title-row h1,
.hero-title-row--center h1 {
  margin: 0 !important;
}

.hero-title-row .info-toggle,
.hero-title-row--center .info-toggle,
.page-hero .info-toggle,
.page-hero--center .info-toggle {
  margin: 0 !important;
}

.hero + .my-area-section,
.page-hero + .my-area-section,
.hero + #my-area,
.page-hero + #my-area,
.my-area-section {
  margin-top: 0 !important;
}

.my-area-head {
  margin-top: 0 !important;
}

@media (max-width: 640px) {
  .page {
    padding-top: 0 !important;
  }

  .hero,
  .page-hero {
    padding-top: 0 !important;
    margin-bottom: 6px !important;
  }

  .hero-title-row,
  .hero-title-row--center,
  .hero-title-wrap,
  .page-hero,
  .page-hero--center {
    margin: 0 auto 1px !important;
    gap: 4px !important;
  }
}


/* --- v118 my area hierarchy refinement --- */
.my-pane-body {
  padding-top: 14px;
}

.status-list,
.mini-list {
  display: grid;
  gap: 14px;
}

.my-item-card {
  position: relative;
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.022)) !important;
  border-radius: 18px !important;
  padding: 14px 14px 12px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.my-item-card::before {
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 2px;
  border-radius: 999px;
  background: rgba(245,210,122,.22);
}

.my-pane--tools .my-item-card::before { background: rgba(84,138,255,.22); }
.my-pane--recent .my-item-card::before { background: rgba(66,166,112,.22); }

.my-item-head {
  gap: 12px !important;
  align-items: flex-start !important;
}

.my-item-main {
  gap: 12px !important;
  min-width: 0;
}

.status-copy,
.mini-copy {
  display: grid;
  gap: 0;
  min-width: 0;
}

.status-item-icon,
.mini-item-icon {
  width: 36px !important;
  height: 36px !important;
  flex-basis: 36px !important;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 12px !important;
  border: 1px solid rgba(245,210,122,.22) !important;
  background: rgba(255,255,255,.04) !important;
  font-size: 17px !important;
  line-height: 1;
  margin-top: 0 !important;
}

.status-question,
.mini-label {
  font-size: 16px !important;
  line-height: 1.32 !important;
  font-weight:600 !important;
  color: #fff !important;
  margin: 0 !important;
}

.status-tool,
.mini-kicker {
  margin-top: 4px !important;
  font-size: 12px !important;
  line-height: 1.35 !important;
  color: rgba(226,232,240,.78) !important;
  font-weight: 600 !important;
}

.mini-meta,
.status-result,
.status-result--tools {
  margin-top: 7px !important;
  font-size: 12.5px !important;
  line-height: 1.45 !important;
  color: rgba(235,239,247,.88) !important;
  max-width: 80ch;
}

.status-badge {
  min-width: 78px !important;
  padding: 6px 10px !important;
  align-self: flex-start;
  margin-top: 2px;
}

.status-actions,
.mini-actions {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  margin-top: 12px !important;
  padding-top: 10px !important;
  padding-left: 48px !important;
  border-top: 1px solid rgba(255,255,255,.06);
}

.mini-link,
.mini-button {
  font-size: 12px !important;
  font-weight:600 !important;
}

@media (max-width: 640px) {
  .my-pane-body {
    padding-top: 12px;
  }
  .status-list,
  .mini-list {
    gap: 12px;
  }
  .my-item-card {
    padding: 12px 12px 11px !important;
    border-radius: 16px !important;
  }
  .my-item-card::before {
    top: 12px;
    bottom: 12px;
  }
  .status-item-icon,
  .mini-item-icon {
    width: 34px !important;
    height: 34px !important;
    flex-basis: 34px !important;
  }
  .status-question,
  .mini-label {
    font-size: 15px !important;
  }
  .status-actions,
  .mini-actions {
    padding-left: 46px !important;
  }
}


/* --- v125 one-pass UI sync --- */
/* Hero spacing: same calm gap above and below */
.quicklinks + main .hero,
.quicklinks + .page .hero,
.quicklinks + main .page-hero,
.quicklinks + .page .page-hero {
  margin-top: 28px !important;
}

.hero,
.page-hero {
  margin-bottom: 28px !important;
}

.hero-title-row,
.hero-title-row--center,
.hero-title-wrap,
.page-hero,
.page-hero--center {
  margin: 0 auto 10px !important;
}

.hero + .my-area-section,
.page-hero + .my-area-section,
.hero + #my-area,
.page-hero + #my-area {
  margin-top: 28px !important;
}

/* News slightly smaller */
.news-item-title {
  font-size: 13px !important;
  line-height: 1.52 !important;
}

/* Mein Bereich inner cards darker, no intrusive curve line */
.status-item,
.mini-item {
  border: 1px solid rgba(255,255,255,.09) !important;
  background: linear-gradient(180deg, rgba(8,10,16,.84), rgba(5,7,12,.92)) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}

.status-item:hover,
.mini-item:hover {
  border-color: rgba(245,210,122,.20) !important;
  background: linear-gradient(180deg, rgba(10,13,20,.88), rgba(7,9,15,.95)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02), 0 0 10px rgba(245,210,122,.05) !important;
}

.status-item::before,
.mini-item::before {
  content: none !important;
  display: none !important;
}

@media (max-width: 640px) {
  .quicklinks + main .hero,
  .quicklinks + .page .hero,
  .quicklinks + main .page-hero,
  .quicklinks + .page .page-hero {
    margin-top: 22px !important;
  }

  .hero,
  .page-hero {
    margin-bottom: 22px !important;
  }

  .hero + .my-area-section,
  .page-hero + .my-area-section,
  .hero + #my-area,
  .page-hero + #my-area {
    margin-top: 22px !important;
  }

  .news-item-title {
    font-size: 12.8px !important;
  }

  .status-item,
  .mini-item {
    border-radius: 16px !important;
    padding: 13px 14px !important;
  }
}


/* --- v126 hard sync: enforce latest Mein-Bereich cards --- */
.my-area-section .status-item,
.my-area-section .mini-item,
#my-area .status-item,
#my-area .mini-item {
  position: relative !important;
  border: 1px solid rgba(255,255,255,.085) !important;
  background: linear-gradient(180deg, rgba(7,9,14,.86), rgba(4,6,11,.94)) !important;
  border-radius: 18px !important;
  padding: 14px 16px !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.018) !important;
}
.my-area-section .status-item:hover,
.my-area-section .mini-item:hover,
#my-area .status-item:hover,
#my-area .mini-item:hover {
  border-color: rgba(245,210,122,.19) !important;
  background: linear-gradient(180deg, rgba(9,11,18,.90), rgba(5,7,12,.96)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.024), 0 0 10px rgba(245,210,122,.045) !important;
}
.my-area-section .status-item::before,
.my-area-section .mini-item::before,
#my-area .status-item::before,
#my-area .mini-item::before {
  content: none !important;
  display: none !important;
}


/* --- v129 clean dashboard quicklinks, search and news --- */
.global-search-results[hidden]{ display:none !important; }

.quicklinks{
  position: sticky;
  top: var(--r4x-header-offset);
  z-index: 34;
  margin: 6px auto 12px;
  width: min(1180px, calc(100% - 24px));
  background: rgba(6,8,14,.97);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(245,210,122,.14);
  border-radius: 16px;
  padding: 10px 12px;
}
.quicklinks-inner--cards{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: stretch;
}
.quicklink--card{
  min-height: 42px;
}
.quicklink--news{
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  box-shadow: none;
}
.quicklink--news:hover{
  border-color: rgba(245,210,122,.34);
  background: rgba(212,175,55,.06);
}
.quicklink--news .quicklink-icon{
  font-size: inherit;
  opacity: .96;
}
.quicklinks-search-wrap{
  position: relative;
  margin-top: 8px;
}
.quicklinks-search-toggle{
  display: none;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(245,210,122,.20);
  background: rgba(255,255,255,.03);
  color: #f5d27a;
  font-size: 13px;
  font-weight:600;
  padding: 0 12px;
}
.quicklinks-search-panel{
  position: relative;
}
.quicklinks-search{
  width: 100%;
  min-height: 42px;
  border-radius: 12px;
  border: 1px solid rgba(245,210,122,.22);
  background: rgba(255,255,255,.03);
  color: #fff;
  padding: 0 14px;
  font-size: 14px;
  outline: none;
}
.quicklinks-search::placeholder{ color: rgba(255,255,255,.55); }
.quicklinks-search:focus{ border-color: rgba(245,210,122,.52); box-shadow: 0 0 0 3px rgba(245,210,122,.10); }
.global-search-results{
  position: absolute;
  left: 0;
  right: 0;
  top: calc(100% + 6px);
  border: 1px solid rgba(245,210,122,.22);
  border-radius: 12px;
  background: rgba(8,10,18,.98);
  box-shadow: 0 14px 32px rgba(0,0,0,.45);
  overflow: auto;
  max-height: min(46vh, 320px);
}
.news-card-actions{
  margin-top: 12px;
}
.news-more-btn{
  appearance: none;
  border: 1px solid rgba(245,210,122,.20);
  background: rgba(255,255,255,.03);
  color: #f5d27a;
  border-radius: 12px;
  min-height: 38px;
  padding: 0 14px;
  font-size: 13px;
  font-weight:600;
  cursor: pointer;
}
.news-more-btn:hover{
  border-color: rgba(245,210,122,.34);
  background: rgba(245,210,122,.08);
}
.news-item-topline{
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 8px;
}
.news-item-badge{
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 0 9px;
  border-radius: 999px;
  font-size: 11px;
  font-weight:600;
  letter-spacing: .01em;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.05);
  color: rgba(235,240,248,.92);
}
.news-item-badge--report{
  border-color: rgba(111,172,255,.28);
  background: rgba(111,172,255,.10);
  color: rgba(209,228,255,.95);
}
.news-item-badge--macro{
  border-color: rgba(245,210,122,.28);
  background: rgba(245,210,122,.10);
  color: rgba(255,236,186,.96);
}
.news-modal-card{
  width: min(92vw, 720px);
  max-height: min(82vh, 860px);
  display: flex;
  flex-direction: column;
}
.news-modal-body{
  overflow: auto;
  padding-right: 2px;
}
body.news-modal-open{
  overflow: hidden;
}
@media (max-width: 768px){
  .quicklinks{
    width: calc(100% - 12px);
    margin: 4px auto 8px;
    padding: 6px;
    border-radius: 14px;
  }
  .quicklinks-inner--cards{
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 6px;
    width: 100%;
  }
  .quicklink--card{
    width: 100%;
    min-height: 42px;
    padding: 0;
    border-radius: 12px;
    justify-content: center;
    font-size: 0;
  }
  .quicklink-icon{
    font-size: 18px;
    margin: 0;
  }
  .quicklink-text{
    display: none !important;
  }
  .quicklinks-search-wrap{
    margin-top: 0;
    width: 100%;
    position: relative;
  }
  .quicklinks-search-wrap.is-open{
    grid-column: 1 / -1;
  }
  .quicklinks-search-toggle{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    min-height: 42px;
    padding: 0;
    font-size: 0;
  }
  .quicklinks-search-toggle::before{
    content: "🔎";
    font-size: 18px;
    line-height: 1;
  }
  .quicklinks-search-panel{
    display: none;
    position: static;
    width: 100%;
    margin-top: 6px;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{
    display: block;
  }
  .global-search-results{
    position: static;
    margin-top: 6px;
    max-height: min(46vh, 260px);
  }
  .news-modal-card{
    width: min(94vw, 720px);
    max-height: min(88vh, 860px);
    margin-top: 6vh;
    padding: 16px;
  }
}
@media (max-width: 520px){
  .quicklinks{
    gap: 5px;
    padding: 5px;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 40px;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 17px;
  }
}

/* r4x-v210-cleanup-search-icon wave 1 layout stabilization */
.quicklinks{
  width: min(1240px, calc(100% - 24px)) !important;
}
.quicklinks-inner--cards{
  width: 100%;
}
@media (min-width: 769px){
  .quicklinks-inner--cards{
    display: grid !important;
    grid-template-columns: repeat(8, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }
  .quicklinks-search-wrap{
    width: 100%;
    margin-top: 10px;
    position: relative;
  }
  .quicklinks-search-panel{
    position: relative;
    width: 100%;
    max-width: 100%;
  }
}

.news-grid{
  align-items: stretch !important;
}
.news-card{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
}
.news-list{
  flex: 1 1 auto !important;
}
.news-card-actions{
  margin-top: auto !important;
  padding-top: 12px;
}
.news-more-btn{
  width: 100%;
}

@media (max-width: 768px){
  .quicklinks{
    width: calc(100% - 12px) !important;
    margin: 4px auto 8px !important;
    padding: 6px !important;
    border-radius: 14px !important;
    overflow: visible !important;
  }
  .quicklinks-inner--cards{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 6px !important;
    width: 100% !important;
    overflow: visible !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 38px !important;
    height: 38px !important;
    padding: 0 !important;
    border-radius: 10px !important;
  }
  .quicklink--card{
    border-width: 1px !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 17px !important;
  }
  .quicklinks-search-wrap{
    width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    position: static !important;
  }
  .quicklinks-search-wrap.is-open{
    grid-column: 1 / -1 !important;
  }
  .quicklinks.is-search-open{
    align-items: start;
  }
  .quicklinks-search-toggle{
    display: inline-flex !important;
    align-items: center;
    justify-content: center;
  }
  .quicklinks-search-panel{
    position: static !important;
    display: none;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 6px !important;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{
    display: block !important;
  }
  .quicklinks-search{
    min-height: 40px !important;
    width: 100% !important;
  }
  .global-search-results{
    position: static !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    margin-top: 6px !important;
    max-height: min(46vh, 260px) !important;
  }
}

@media (max-width: 420px){
  .quicklinks{
    width: calc(100% - 8px) !important;
    padding: 4px !important;
    gap: 4px !important;
  }
  .quicklinks-inner--cards{
    gap: 4px !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 36px !important;
    height: 36px !important;
    border-radius: 10px !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 16px !important;
  }
}


/* r4x-v210-cleanup-search-icon wave 2 mobile quicklinks + news visual polish */
@media (max-width: 768px){
  .quicklinks{
    display: block !important;
    width: calc(100% - 14px) !important;
    margin: 4px auto 10px !important;
    padding: 7px !important;
    border-radius: 16px !important;
    overflow: visible !important;
  }
  .quicklinks-inner--cards{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
    align-items: stretch !important;
  }
  .quicklink--card,
  .quicklinks-search-wrap,
  .quicklinks-search-toggle{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 42px !important;
    height: 42px !important;
    padding: 0 !important;
    border-radius: 11px !important;
    border-width: 1px !important;
  }
  .quicklink--card{
    box-shadow: inset 0 1px 0 rgba(255,255,255,.035) !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 17px !important;
    line-height: 1 !important;
  }
  .quicklinks-search-wrap{
    margin-top: 0 !important;
    position: relative !important;
    display: block !important;
    grid-column: auto / span 1 !important;
  }
  .quicklinks-search-wrap.is-open{
    grid-column: 1 / -1 !important;
  }
  .quicklinks-search-toggle{
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
  }
  .quicklinks-search-panel{
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 7px !important;
    padding: 0 !important;
    overflow: visible !important;
    box-sizing: border-box !important;
  }
  .quicklinks-search{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    min-height: 42px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
  }
  .global-search-results{
    position: static !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    margin-top: 7px !important;
    max-height: min(44vh, 260px) !important;
  }
}
@media (max-width: 420px){
  .quicklinks{
    width: calc(100% - 10px) !important;
    padding: 6px !important;
  }
  .quicklinks-inner--cards{
    gap: 6px !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height: 40px !important;
    height: 40px !important;
    border-radius: 10px !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{
    font-size: 16px !important;
  }
}

.news-card{
  overflow: hidden;
}
.news-list{
  gap: 11px !important;
}
.news-item{
  position: relative;
  opacity: .94;
  border-color: rgba(255,255,255,.075) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.013)) !important;
}
.news-item::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,0));
  opacity: .7;
}
.news-item--alt{
  background: linear-gradient(180deg, rgba(16,22,34,.52), rgba(8,12,20,.32)) !important;
}
.news-item--lead{
  opacity: 1;
  border-color: rgba(245,210,122,.26) !important;
  background: linear-gradient(180deg, rgba(245,210,122,.085), rgba(255,255,255,.022)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.news-item--lead .news-item-title{
  color: #ffffff !important;
  font-weight:600 !important;
}
.news-item--lead .news-item-meta{
  color: rgba(237,229,203,.86) !important;
}
.news-item:hover{
  border-color: rgba(245,210,122,.24) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.020)) !important;
}
.news-item-title{
  position: relative;
  z-index: 1;
}
.news-item-meta,
.news-item-topline{
  position: relative;
  z-index: 1;
}
.news-item-topline{
  margin-bottom: 6px;
}
.news-item-badge{
  display: inline-block;
  min-height: auto;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 11.5px;
  font-weight:600;
  letter-spacing: .02em;
}
.news-item-badge--report{
  color: rgba(171,205,255,.94);
}
.news-item-badge--macro{
  color: rgba(255,224,147,.96);
}
@media (min-width: 821px){
  .news-grid{
    align-items: stretch !important;
  }
  .news-card{
    min-height: 100% !important;
  }
}
@media (max-width: 768px){
  .news-list{
    gap: 9px !important;
  }
  .news-item{
    padding: 11px 12px !important;
    border-radius: 13px !important;
  }
  .news-item-title{
    font-size: 14.3px !important;
    line-height: 1.44 !important;
  }
  .news-item-meta{
    margin-top: 6px !important;
    font-size: 12.2px !important;
  }
  .news-item-badge{
    font-size: 11px;
  }
}


/* r4x-v210-cleanup-search-icon news premium equal-height pass */
.news-modal{ z-index: 420 !important; }
.news-modal .shortcut-modal-card{
  width: min(92vw, 760px);
}
.news-modal .shortcut-modal-header{
  position: sticky;
  top: 0;
  z-index: 3;
  padding-bottom: 10px;
  background: linear-gradient(180deg, rgba(18,22,36,.985), rgba(18,22,36,.95) 74%, rgba(18,22,36,0));
}
.news-modal .shortcut-modal-close{
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  border-color: rgba(245,210,122,.24);
  background: rgba(8,10,18,.88);
  color: rgba(255,255,255,.96);
  box-shadow: 0 6px 18px rgba(0,0,0,.22);
}
.news-modal-body{ padding-top: 2px; }
.news-card,
.news-item,
.news-item-title,
.news-item-meta,
.news-item-badge,
.news-card-title-badge,
.news-more-btn{
  text-shadow: none !important;
}
.news-card-head{
  align-items: baseline;
}
.news-card,
.news-grid{ align-items: stretch !important; }
.news-card{
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  overflow: hidden;
}
.news-list{
  flex: 1 1 auto !important;
  gap: 11px !important;
}
.news-card-actions{
  margin-top: auto !important;
  padding-top: 12px !important;
}
.news-more-btn{ width: 100%; }
.news-item{
  position: relative;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  min-height: 120px;
  padding: 13px 14px !important;
  opacity: .96;
  border-color: rgba(255,255,255,.075) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.013)) !important;
}
.news-item::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  border-radius: inherit;
  background: linear-gradient(180deg, rgba(255,255,255,.020), rgba(255,255,255,0));
  opacity: .68;
}
.news-item--alt{
  background: linear-gradient(180deg, rgba(16,22,34,.52), rgba(8,12,20,.32)) !important;
}
.news-item--lead{
  opacity: 1;
  border-color: rgba(245,210,122,.26) !important;
  background: linear-gradient(180deg, rgba(245,210,122,.085), rgba(255,255,255,.022)) !important;
  box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.news-item--lead .news-item-title{
  color: #ffffff !important;
}
.news-item:hover{
  border-color: rgba(245,210,122,.24) !important;
  background: linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.020)) !important;
}
.news-item-topline,
.news-item-title,
.news-item-meta{
  position: relative;
  z-index: 1;
}
.news-item-topline{
  min-height: 15px;
  margin-bottom: 8px;
}
.news-item-badge{
  display: inline-flex;
  align-items: center;
  min-height: 15px;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 12px;
  font-weight:600;
  letter-spacing: 0;
  line-height: 1.08;
  opacity: 1;
  text-rendering: geometricPrecision;
}
.news-item-badge--crypto{ color: rgba(232,236,244,.92); }
.news-item-badge--report{ color: rgba(180,210,255,.96); }
.news-item-badge--macro{ color: rgba(255,224,147,.98); }
.news-item-title{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: 4.25em;
  margin: 0;
  font-size: 14px !important;
  line-height: 1.42 !important;
  font-weight: 625 !important;
  letter-spacing: -0.01em;
}
.news-item-meta{
  margin-top: auto !important;
  padding-top: 10px;
  font-size: 12.5px !important;
  line-height: 1.3 !important;
  font-weight: 500 !important;
}
@media (min-width: 769px){
  .news-grid{
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    align-items: stretch !important;
  }
  .news-item{
    min-height: 122px;
  }
}
@media (max-width: 768px){
  .quicklinks{
    width: calc(100% - 14px) !important;
    padding: 7px !important;
  }
  .quicklinks-inner--cards{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    width: 100% !important;
  }
  .quicklinks-search-wrap{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    display: block !important;
    margin-top: 0 !important;
    position: static !important;
  }
  .quicklinks-search-wrap.is-open{
    background: linear-gradient(180deg, rgba(16,20,31,.92), rgba(9,11,18,.96));
    border: 1px solid rgba(245,210,122,.14);
    border-radius: 12px;
    padding: 6px;
  }
  .quicklinks-search-toggle{
    width: 100% !important;
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
    background: rgba(255,255,255,.03) !important;
  }
  .quicklinks-search-panel{
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 6px !important;
    padding: 0 !important;
    background: transparent !important;
    display: none;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{ display: block !important; }
  .quicklinks-search{
    width: 100% !important;
    min-height: 42px !important;
    background: rgba(8,10,18,.985) !important;
    border-color: rgba(245,210,122,.22) !important;
  }
  .global-search-results{
    background: rgba(8,10,18,.995) !important;
    border: 1px solid rgba(245,210,122,.18) !important;
  }
  .news-item{
    min-height: 102px;
    padding: 12px 12px !important;
  }
  .news-item-title{
    min-height: 4.05em;
    font-size: 14.1px !important;
    font-weight:600 !important;
  }
  .news-item-meta{
    font-size: 12.2px !important;
  }
  .news-modal .shortcut-modal-card{
    width: min(94vw, 760px);
    max-height: calc(100vh - 24px);
    margin-top: 12px;
    margin-bottom: 12px;
    padding: 16px 14px 14px;
  }
}


/* r4x-v210-cleanup-search-icon mobile grid + info tile + news modal card fix */
.quicklink--info .quicklink-icon,
.quicklink-icon--info{
  color: var(--gold) !important;
  font-weight:600 !important;
  font-style: normal;
  font-family: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  text-transform: none;
}
.quicklink--info:hover .quicklink-icon,
.quicklink--info:focus-visible .quicklink-icon{
  color: #ffe7a5 !important;
}
@media (min-width: 769px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(9, minmax(0, 1fr)) !important;
  }
}
@media (max-width: 768px){
  .quicklinks{
    display: grid !important;
    grid-template-columns: repeat(5, minmax(0, 1fr)) !important;
    gap: 7px !important;
    align-items: stretch !important;
    overflow: visible !important;
  }
  .quicklinks-inner--cards{
    display: contents !important;
  }
  .quicklink--card,
  .quicklinks-search-wrap,
  .quicklinks-search-toggle{
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
  }
  .quicklinks-search-wrap{
    position: static !important;
    margin: 0 !important;
    grid-column: auto !important;
    display: block !important;
    width: 100% !important;
  }
  .quicklinks-search-wrap.is-open{
    background: transparent !important;
    border: 0 !important;
    padding: 0 !important;
  }
  .quicklinks-search-toggle{
    min-height: 42px !important;
    height: 42px !important;
    border-radius: 11px !important;
  }
  .quicklinks-search-panel{
    position: absolute !important;
    left: 7px !important;
    right: 7px !important;
    top: calc(100% + 8px) !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    margin-top: 0 !important;
    z-index: 64 !important;
    display: none;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{
    display: block !important;
  }
  .quicklinks-search,
  .global-search-results{
    box-shadow: 0 16px 34px rgba(0,0,0,.32);
  }
  .quicklinks-search{
    background: rgba(8,10,18,.99) !important;
  }
  .global-search-results{
    position: static !important;
    margin-top: 6px !important;
    background: rgba(8,10,18,.99) !important;
  }
}
@media (max-width: 420px){
  .quicklinks-search-panel{
    left: 6px !important;
    right: 6px !important;
  }
}
.news-modal-body .news-item{
  min-height: 0 !important;
  height: auto !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-start !important;
  overflow: hidden !important;
}
.news-modal-body .news-item-title{
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  min-height: 0 !important;
}
.news-modal-body .news-item-meta{
  margin-top: 10px !important;
  padding-top: 0 !important;
}
.news-modal-body .news-item-topline{
  min-height: 0 !important;
  margin-bottom: 8px !important;
}


/* r4x-v210-cleanup-search-icon wave1 info + modal fixes */
.quicklink--info .quicklink-text{
  white-space: nowrap;
}
.news-modal-body .news-item--modal{
  min-height: 0 !important;
  height: auto !important;
  display: block !important;
  padding: 12px 14px !important;
  overflow: visible !important;
}
.news-modal-body .news-item--modal .news-item-topline{
  display: flex !important;
  min-height: 0 !important;
  margin-bottom: 8px !important;
}
.news-modal-body .news-item--modal .news-item-title{
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: initial !important;
  overflow: visible !important;
  min-height: 0 !important;
  max-height: none !important;
  margin: 0 !important;
  color: #ffffff !important;
}
.news-modal-body .news-item--modal .news-item-meta{
  display: block !important;
  margin-top: 8px !important;
  padding-top: 0 !important;
  color: rgba(226, 231, 240, 0.82) !important;
}
@media (max-width: 768px){
  .news-modal-body .news-item--modal{
    padding: 11px 12px !important;
    border-radius: 13px !important;
  }
  .news-modal-body .news-item--modal .news-item-title{
    font-size: 14.5px !important;
    line-height: 1.42 !important;
    font-weight:600 !important;
  }
  .news-modal-body .news-item--modal .news-item-meta{
    font-size: 12.3px !important;
    line-height: 1.32 !important;
  }
}


/* r4x-v210-cleanup-search-icon modal cards fix */
.news-modal-body{
  display: flex;
  flex-direction: column;
  gap: 10px;
  overflow: auto;
}
.news-modal-entry{
  display: block;
  padding: 12px 14px;
  border: 1px solid rgba(255,255,255,0.08);
  border-radius: 14px;
  background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0.015));
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.015);
  text-decoration: none;
  color: inherit;
  overflow: hidden;
}
.news-modal-entry--alt{
  background: linear-gradient(180deg, rgba(16,22,34,.52), rgba(8,12,20,.32));
}
.news-modal-entry--lead{
  border-color: rgba(245,210,122,.26);
  background: linear-gradient(180deg, rgba(245,210,122,.085), rgba(255,255,255,.022));
  box-shadow: 0 10px 24px rgba(0,0,0,.20), inset 0 1px 0 rgba(255,255,255,.05);
}
.news-modal-entry-topline{
  margin-bottom: 8px;
}
.news-modal-entry-badge{
  display: inline-block;
  font-size: 12px;
  font-weight:600;
  line-height: 1.08;
  letter-spacing: 0;
}
.news-modal-entry-badge--crypto{ color: rgba(232,236,244,.92); }
.news-modal-entry-badge--report{ color: rgba(180,210,255,.96); }
.news-modal-entry-badge--macro{ color: rgba(255,224,147,.98); }
.news-modal-entry-title{
  display: block;
  margin: 0;
  font-size: 15px;
  line-height: 1.42;
  font-weight: 625;
  color: rgba(255,255,255,0.985);
  text-shadow: none;
  white-space: normal;
  overflow: visible;
  word-break: break-word;
}
.news-modal-entry-meta{
  display: block;
  margin-top: 8px;
  font-size: 12.5px;
  line-height: 1.35;
  font-weight: 500;
  color: rgba(222,228,238,0.78);
}
@media (max-width: 768px){
  .news-modal-body{
    gap: 9px;
  }
  .news-modal-entry{
    padding: 11px 12px;
    border-radius: 13px;
  }
  .news-modal-entry-title{
    font-size: 14.5px;
    line-height: 1.42;
    font-weight:600;
  }
  .news-modal-entry-meta{
    font-size: 12.3px;
    line-height: 1.32;
  }
}


/* r4x-v210-cleanup-search-icon modal content hardening */
.news-modal-body{
  display:flex !important;
  flex-direction:column !important;
  gap:10px !important;
}
.news-modal-entry{
  display:block !important;
  overflow:visible !important;
}
.news-modal-entry-inner{
  display:flex !important;
  flex-direction:column !important;
  width:100% !important;
  min-width:0 !important;
}
.news-modal-entry-title,
.news-modal-entry-meta{
  position:static !important;
  transform:none !important;
  max-height:none !important;
  -webkit-line-clamp:unset !important;
  white-space:normal !important;
  overflow:visible !important;
  text-indent:0 !important;
  opacity:1 !important;
}
.news-modal-entry-title{
  color:rgba(255,255,255,0.985) !important;
}
.news-modal-entry-meta{
  color:rgba(222,228,238,0.78) !important;
}


/* r4x-v210-cleanup-search-icon mobile search close button + orientation header sync */
.quicklinks-search-toggle-row{
  display: block;
}
.quicklinks-search-close{
  display: none;
}
@media (max-width: 768px){
  .quicklinks-search-toggle-row{
    display: grid;
    grid-template-columns: 1fr auto;
    gap: 6px;
    align-items: stretch;
  }
  .quicklinks-search-close{
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 42px;
    width: 42px;
    min-height: 42px;
    height: 42px;
    border-radius: 11px;
    border: 1px solid rgba(245,210,122,.18);
    background: rgba(255,255,255,.03);
    color: rgba(255,255,255,.92);
    font-size: 16px;
    font-weight:600;
    padding: 0;
    cursor: pointer;
  }
  .quicklinks-search-wrap:not(.is-open) .quicklinks-search-close{
    display: none !important;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-toggle{
    width: 100% !important;
  }
}


/* r4x-v210-cleanup-search-icon inline search close affordance */
.quicklinks-search-close{ display:none !important; }
@media (max-width: 768px){
  .quicklinks-search-toggle-row{
    display:block !important;
  }
  .quicklinks-search-toggle{
    position: relative;
    width: 100% !important;
    justify-content: flex-start !important;
    padding: 0 40px 0 16px !important;
    font-size: 0 !important;
  }
  .quicklinks-search-toggle::before{
    content: "🔎";
    position: absolute;
    left: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 17px !important;
    line-height: 1;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-toggle::after{
    content: "✕";
    position: absolute;
    right: 14px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 14px;
    line-height: 1;
    color: rgba(255,255,255,.9);
    font-weight:600;
  }
}


/* --- v192 News polish clean --- */
.news-section-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  margin-bottom:16px;
}
.news-section-status{
  display:inline-flex;
  align-items:center;
  min-height:42px;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(245,210,122,.24);
  background:rgba(255,255,255,.02);
  font-weight:700;
  color:#f5f5f7;
}
.news-card-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:16px;
}
.news-card-head-main{
  display:flex;
  flex-direction:column;
  gap:4px;
  min-width:0;
}
.news-card-subline{
  margin:0;
  color:rgba(222,228,238,.74);
  font-size:12px;
  line-height:1.45;
}
.news-card-meta{
  color:rgba(222,228,238,.74);
  font-size:12px;
  white-space:nowrap;
}
.news-item{
  transition:border-color .16s ease, transform .16s ease, background .16s ease;
}
.news-item--lead{
  border-color:rgba(245,210,122,.20) !important;
  background:linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,.008)) !important;
}
.news-item--lead .news-item-title{
  font-size:1.04rem;
  line-height:1.48;
}
.news-item-topline{
  margin-bottom:10px;
}
.news-item-badge{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 10px;
  border-radius:999px;
  font-size:11px;
  font-weight:700;
}
.news-more-btn{
  width:100%;
}
@media (max-width: 900px){
  .news-card-head{
    flex-direction:column;
    align-items:flex-start;
  }
  .news-card-meta{
    white-space:normal;
  }
}


/* --- v193 news header cleanup --- */
.news-card-subline{
  white-space: nowrap;
}

.news-item--lead{
  border: 2px solid rgba(245,210,122,.48) !important;
  box-shadow: 0 0 0 1px rgba(245,210,122,.08) inset;
  background: linear-gradient(180deg, rgba(255,255,255,.02), rgba(255,255,255,.01)) !important;
}

.news-item--lead .news-item-title{
  font-weight: 800;
}

@media (max-width: 900px){
  .news-card-subline{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%;
  }
}


/* --- v194 Guides card topic structure --- */
.tool-card--guides{
  min-height: 0;
}

.tool-card--guides .tool-card-body{
  margin-bottom: 10px;
}

.tool-card-topics{
  margin: 2px 0 6px;
  padding-top: 12px;
  border-top: 1px solid rgba(255,255,255,.07);
}

.tool-card-topics-label{
  margin-bottom: 10px;
  color: rgba(245,210,122,.92);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .01em;
}

.tool-card-topics-list{
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.tool-card-topic-chip{
  display: inline-flex;
  align-items: center;
  min-height: 28px;
  padding: 5px 10px;
  border-radius: 999px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  color: rgba(244,246,250,.93);
  font-size: 12.5px;
  line-height: 1.25;
  font-weight: 600;
}

.tool-card--guides .tool-card-footer{
  margin-top: 2px;
}

@media (max-width: 860px){
  .tool-card-topic-chip{
    font-size: 12px;
    min-height: 27px;
    padding: 5px 9px;
  }
}

/* v197 Investmentbereich Quicklinks: 10 Einträge sauber als 2 x 5 auf Desktop und 5 x 2 auf Mobile */
@media (min-width: 1281px){
  .quicklinks-inner--cards{
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
}
@media (max-width: 640px){
  .quicklinks-inner--cards .quicklink--card:last-child{
    grid-column: auto;
    justify-self: stretch;
    width: auto;
  }
}

/* r4x-v210-cleanup-search-icon · R4X wordmark accent in dashboard */
.r4x-brand-mark{color:#d8bd75;font-weight:inherit;white-space:nowrap;}
.r4x-brand-mark .r4x-brand-letter{color:#d8bd75;}
.r4x-brand-mark .r4x-brand-four{color:#fff;}

/* v203 quick access layout: desktop 2 rows including search, mobile 2 rows closed / 3 rows open */
@media (min-width: 769px){
  .quicklinks{
    display:grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap:8px !important;
    align-items:stretch !important;
    padding:10px 12px !important;
  }
  .quicklinks-inner--cards{ display:contents !important; }
  .quicklink--card{
    width:100% !important;
    min-width:0 !important;
    min-height:42px !important;
    height:auto !important;
    padding:8px 10px !important;
    justify-content:center !important;
  }
  .quicklinks-search-wrap{
    grid-column: span 2 !important;
    width:100% !important;
    margin-top:0 !important;
    position:relative !important;
    min-width:0 !important;
  }
  .quicklinks-search-toggle-row{ display:none !important; }
  .quicklinks-search-panel{
    display:block !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    padding:0 !important;
  }
  .quicklinks-search{ min-height:42px !important; }
}
@media (max-width: 768px){
  .quicklinks{
    display:grid !important;
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
    gap:4px !important;
    width: calc(100% - 8px) !important;
    margin:3px auto 6px !important;
    padding:4px !important;
    border-radius:12px !important;
    overflow:visible !important;
    align-items:stretch !important;
  }
  .quicklinks-inner--cards{
    display:contents !important;
    overflow:visible !important;
    padding:0 !important;
  }
  .quicklink--card{
    flex:none !important;
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 !important;
    border-radius:10px !important;
    justify-content:center !important;
  }
  .quicklink-icon{
    font-size:17px !important;
    margin:0 !important;
  }
  .quicklink-text{ display:none !important; }
  .quicklinks-search-wrap{
    grid-column:auto !important;
    flex:none !important;
    width:100% !important;
    min-width:0 !important;
    margin:0 !important;
    position:relative !important;
  }
  .quicklinks-search-wrap.is-open{ grid-column:1 / -1 !important; }
  .quicklinks-search-toggle-row{ display:contents !important; }
  .quicklinks-search-toggle{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    width:100% !important;
    min-width:0 !important;
    min-height:40px !important;
    height:40px !important;
    padding:0 !important;
    border-radius:10px !important;
    font-size:0 !important;
    margin:0 !important;
  }
  .quicklinks-search-toggle::before{
    content:"🔎" !important;
    font-size:17px !important;
    line-height:1 !important;
  }
  .quicklinks-search-panel{
    display:none !important;
    position:relative !important;
    top:auto !important;
    right:auto !important;
    width:100% !important;
    margin-top:6px !important;
    padding:0 !important;
    grid-column:1 / -1 !important;
  }
  .quicklinks-search-wrap.is-open .quicklinks-search-panel{ display:block !important; }
  .quicklinks-search{ min-height:40px !important; }
}
@media (max-width: 390px){
  .quicklinks{
    gap:3px !important;
    padding:4px 3px !important;
  }
  .quicklink--card,
  .quicklinks-search-toggle{
    min-height:38px !important;
    height:38px !important;
  }
  .quicklink-icon,
  .quicklinks-search-toggle::before{ font-size:16px !important; }
}

/* r4x-v210-cleanup-search-icon plus status indicator in Mein Status */
.plus-status-card{
  border-color: rgba(245,210,122,.22) !important;
  background: linear-gradient(180deg, rgba(24,20,9,.84), rgba(10,10,10,.96)) !important;
}
.plus-status-card .status-item-icon{
  color:#f5d27a;
  border-color: rgba(245,210,122,.24);
}
.plus-status-card .status-tool{ color: rgba(240,237,228,.82); }

/* v207 quick access: 12 Elemente als 2x6, Mobile Tap-Feedback */
@media (min-width: 769px){
  .quicklinks-search-wrap{
    grid-column: auto !important;
  }
  .quicklinks-search{
    font-size: 13px !important;
    padding: 0 10px !important;
    min-width: 0 !important;
  }
}
@media (max-width: 768px){
  .quicklinks{
    grid-template-columns: repeat(6, minmax(0, 1fr)) !important;
  }
  .quicklinks-search-wrap.is-open{
    grid-column: 1 / -1 !important;
  }
}
.quicklink--recent.is-disabled{
  opacity: .72;
}
.quicklink-tap-toast{
  position: absolute;
  left: 50%;
  top: calc(100% + 7px);
  transform: translate(-50%, -4px);
  z-index: 80;
  pointer-events: none;
  opacity: 0;
  padding: 8px 12px;
  border-radius: 999px;
  border: 1px solid rgba(245,210,122,.46);
  background: rgba(8,9,12,.94);
  color: #f5d27a;
  font-size: 12.5px;
  font-weight: 800;
  line-height: 1.2;
  box-shadow: 0 12px 30px rgba(0,0,0,.36);
  transition: opacity .18s ease, transform .18s ease;
  max-width: calc(100vw - 32px);
  white-space: nowrap;
}
.quicklink-tap-toast.is-visible{
  opacity: 1;
  transform: translate(-50%, 0);
}

/* R4X v210 cleanup: desktop search icon */
@media (min-width: 769px) {
  .quicklinks-search-panel {
    position: relative;
  }
  .quicklinks-search-panel::before {
    content: "🔎";
    position: absolute;
    left: 16px;
    top: 50%;
    transform: translateY(-50%);
    font-size: 15px;
    line-height: 1;
    opacity: .72;
    pointer-events: none;
    z-index: 2;
  }
  .quicklinks-search {
    padding-left: 44px !important;
  }
}


/* --- R4X Kompass Plus V1 --- */
.my-pane--compass{
  border-color: rgba(245,210,122,.24) !important;
  background: radial-gradient(circle at 28% 18%, rgba(245,210,122,.08), transparent 34%), linear-gradient(180deg, rgba(13,17,27,.96), rgba(6,8,13,.99)) !important;
}
.my-pane--compass .my-pane-icon{
  color:#f5d27a;
  border-color: rgba(245,210,122,.32);
  background: rgba(245,210,122,.055);
}
.r4x-compass-root{
  display:block;
}
.r4x-compass-free-card,
.r4x-compass-plus-shell{
  border:1px solid rgba(245,210,122,.22);
  background: radial-gradient(circle at top left, rgba(245,210,122,.08), transparent 40%), linear-gradient(180deg, rgba(12,15,22,.96), rgba(5,7,12,.98));
  border-radius:20px;
  padding:18px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035), 0 16px 36px rgba(0,0,0,.24);
}
.r4x-compass-free-card{
  display:grid;
  gap:14px;
}
.r4x-compass-free-top{
  display:flex;
  align-items:center;
  gap:12px;
}
.r4x-compass-free-icon,
.r4x-compass-focus-icon{
  width:42px;
  height:42px;
  border-radius:14px;
  display:grid;
  place-items:center;
  border:1px solid rgba(245,210,122,.26);
  background: rgba(255,255,255,.035);
  color:#f5d27a;
  font-size:20px;
}
.r4x-compass-free-title,
.r4x-compass-kicker{
  color:#f5d27a;
  font-weight:700;
  letter-spacing:.04em;
}
.r4x-compass-free-copy{
  color:rgba(240,237,228,.74);
  font-size:13px;
  margin-top:3px;
}
.r4x-compass-free-visual{
  width:126px;
  height:126px;
  border-radius:50%;
  display:grid;
  place-items:center;
  justify-self:center;
  background: conic-gradient(from -90deg, rgba(245,210,122,.9) 0 22%, rgba(132,154,194,.42) 22% 46%, rgba(255,255,255,.06) 46% 100%);
  position:relative;
  box-shadow:0 0 22px rgba(245,210,122,.10);
}
.r4x-compass-free-visual::after{
  content:"";
  position:absolute;
  inset:25px;
  border-radius:50%;
  background:linear-gradient(180deg, rgba(10,12,18,.96), rgba(5,7,12,.98));
  border:1px solid rgba(245,210,122,.20);
}
.r4x-compass-free-visual span,
.r4x-compass-free-visual small{
  position:relative;
  z-index:1;
}
.r4x-compass-free-visual span{
  align-self:end;
  color:#f5d27a;
  font-weight:800;
  font-size:30px;
  line-height:1;
}
.r4x-compass-free-visual small{
  align-self:start;
  color:rgba(240,237,228,.72);
  font-size:11px;
  margin-top:2px;
}
.r4x-compass-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.r4x-compass-chip-row span{
  border:1px solid rgba(255,255,255,.11);
  background: rgba(255,255,255,.035);
  color:rgba(240,237,228,.78);
  border-radius:999px;
  padding:6px 9px;
  font-size:11px;
  font-weight:650;
}
.r4x-compass-head{
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:flex-start;
  margin-bottom:14px;
}
.r4x-compass-head h4{
  margin:4px 0 0;
  color:#f5d27a;
  font-size:20px;
  line-height:1.18;
}
.r4x-compass-score{
  flex:0 0 auto;
  min-width:94px;
  padding:8px 11px;
  border-radius:16px;
  border:1px solid rgba(245,210,122,.22);
  background:rgba(255,255,255,.035);
  text-align:center;
}
.r4x-compass-score strong{
  display:block;
  color:#f5d27a;
  font-size:24px;
  line-height:1;
}
.r4x-compass-score span{
  display:block;
  color:rgba(240,237,228,.70);
  font-size:11px;
  line-height:1.25;
  margin-top:3px;
}
.r4x-compass-layout{
  display:grid;
  grid-template-columns:minmax(270px,.9fr) minmax(300px,1.1fr);
  gap:18px;
  align-items:stretch;
}
.r4x-compass-visual{
  position:relative;
  display:grid;
  justify-items:center;
  align-content:center;
  gap:10px;
  min-height:320px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.07);
  background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));
  padding:16px 10px;
}
.r4x-compass-pie-wrap{
  position:relative;
  width:min(330px, 100%);
  aspect-ratio:1;
}
.r4x-compass-pie{
  width:100%;
  height:100%;
  display:block;
  filter: drop-shadow(0 18px 22px rgba(0,0,0,.28));
}
.r4x-pie-segment{ cursor:pointer; outline:none; }
.r4x-pie-segment path{
  stroke:rgba(245,210,122,.20);
  stroke-width:1.05;
  transition:fill .22s ease, stroke .22s ease, transform .22s ease, filter .22s ease;
  transform-origin:center;
}
.r4x-pie-segment .r4x-pie-icon{
  pointer-events:none;
  font-size:15px;
  fill:rgba(240,237,228,.88);
  opacity:.8;
}
.r4x-pie-segment.is-offen path{ fill:rgba(255,255,255,.05); }
.r4x-pie-segment.is-begonnen path{ fill:rgba(130,100,25,.38); stroke:rgba(160,120,30,.35); stroke-width:1.2; }
.r4x-pie-segment.is-in_arbeit path{ fill:rgba(212,175,55,.60); stroke:rgba(230,195,70,.55); stroke-width:1.8; }
.r4x-pie-segment.is-geklart path,
.r4x-pie-segment.is-geklaert path{ fill:rgba(245,210,122,.93); stroke:rgba(255,235,150,.88); stroke-width:2.2; filter:drop-shadow(0 0 8px rgba(245,210,122,.4)); }
.r4x-pie-segment.is-active path,
.r4x-pie-segment:focus-visible path{
  stroke:#f5d27a;
  stroke-width:2.8;
  filter:drop-shadow(0 0 14px rgba(245,210,122,.55));
}
.r4x-pie-segment.is-active .r4x-pie-icon{ opacity:1; fill:#fff; }
.r4x-compass-center{
  position:absolute;
  inset:50%;
  width:112px;
  height:112px;
  transform:translate(-50%, -50%);
  border-radius:50%;
  display:grid;
  place-items:center;
  text-align:center;
  background:linear-gradient(180deg, rgba(10,12,18,.98), rgba(5,7,12,.99));
  border:1px solid rgba(245,210,122,.26);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03), 0 0 18px rgba(245,210,122,.10);
}
.r4x-compass-center strong{
  color:#f5d27a;
  font-size:24px;
  line-height:1;
  display:block;
}
.r4x-compass-center strong span{
  color:#f1f2f6;
  font-size:14px;
  font-weight:650;
}
.r4x-compass-center small{
  display:block;
  margin-top:4px;
  color:#f5d27a;
  font-size:12px;
  line-height:1;
}
.r4x-compass-legend{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:10px 14px;
  color:rgba(240,237,228,.70);
  font-size:11px;
}
.r4x-compass-legend span{
  display:inline-flex;
  align-items:center;
  gap:6px;
  white-space:nowrap;
}
.r4x-compass-legend i{
  width:10px;
  height:10px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.22);
  flex-shrink:0;
}
.r4x-compass-legend .is-cleared{ width:13px; height:13px; background:#f5d27a; border-color:#f5d27a; box-shadow:0 0 6px rgba(245,210,122,.4); }
.r4x-compass-legend .is-progress{ background:rgba(212,175,55,.60); border-color:rgba(230,195,70,.55); }
.r4x-compass-legend .is-started{ background:rgba(130,100,25,.55); border-color:rgba(160,120,30,.45); }
.r4x-compass-legend .is-open{ background:rgba(255,255,255,.06); }
.r4x-compass-note{
  color:rgba(240,237,228,.62);
  font-size:11px;
  text-align:center;
}
.r4x-compass-focus{
  border:1px solid rgba(245,210,122,.22);
  background:linear-gradient(180deg, rgba(14,17,24,.96), rgba(6,8,12,.98));
  border-radius:20px;
  padding:17px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.028);
}
.r4x-compass-focus-head{
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:11px;
  align-items:start;
}
.r4x-compass-focus-head h4{
  margin:0;
  color:#f5d27a;
  font-size:19px;
  line-height:1.15;
}
.r4x-compass-focus-head p{
  margin:4px 0 0;
  color:rgba(240,237,228,.64);
  font-size:12px;
  line-height:1.35;
}
.r4x-compass-status-pill{
  border:1px solid rgba(255,255,255,.13);
  background:rgba(255,255,255,.035);
  color:rgba(240,237,228,.72);
  border-radius:999px;
  padding:5px 8px;
  font-size:10px;
  font-weight:700;
  white-space:nowrap;
}
.r4x-compass-status-pill.is-geklaert{ color:#f5d27a; border-color:rgba(245,210,122,.48); background:rgba(245,210,122,.08); }
.r4x-compass-question{
  margin:18px 0 14px;
  color:#f5f5f7;
  font-size:19px;
  line-height:1.28;
  font-weight:750;
  letter-spacing:-.01em;
}
.r4x-compass-mission-title{
  color:#f5d27a;
  font-size:12px;
  font-weight:800;
  margin-bottom:8px;
}
.r4x-compass-mission-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:9px;
}
.r4x-compass-mission{
  width:100%;
  min-height:104px;
  display:grid;
  grid-template-columns:30px 1fr;
  align-items:start;
  gap:9px;
  border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.025);
  color:#f4f4f7;
  border-radius:14px;
  padding:10px 11px;
  text-align:left;
  cursor:default;
  transition:border-color .18s ease, background .18s ease, transform .18s ease;
}
.r4x-compass-mission:hover,
.r4x-compass-mission:focus-visible{
  border-color:rgba(245,210,122,.34);
  background:rgba(245,210,122,.055);
  outline:none;
}
.r4x-mission-marker{
  width:24px;
  height:24px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#f5d27a;
  border:1px solid rgba(245,210,122,.26);
  font-size:12px;
  margin-top:1px;
}
.r4x-compass-mission.is-started .r4x-mission-marker,
.r4x-compass-mission.is-complete .r4x-mission-marker{
  background:rgba(245,210,122,.16);
}
.r4x-mission-body{
  min-width:0;
  display:grid;
  gap:7px;
}
.r4x-mission-copy strong{
  display:block;
  font-size:12.5px;
  line-height:1.22;
  overflow-wrap:anywhere;
}
.r4x-mission-copy small{
  display:block;
  margin-top:2px;
  font-size:11px;
  line-height:1.25;
  color:rgba(240,237,228,.58);
  overflow-wrap:anywhere;
}
.r4x-mission-meta{
  display:flex;
  justify-content:space-between;
  gap:10px;
  color:rgba(240,237,228,.64);
  font-size:10.5px;
  font-weight:750;
}
.r4x-mission-progress{
  width:100%;
  height:6px;
  border-radius:999px;
  overflow:hidden;
  background:rgba(255,255,255,.075);
  border:1px solid rgba(255,255,255,.055);
}
.r4x-mission-progress span{
  display:block;
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(245,210,122,.55), rgba(245,210,122,.92));
  transition:width .22s ease;
}
.r4x-compass-mission.is-open .r4x-mission-progress span{
  background:rgba(255,255,255,.16);
}
.r4x-mission-actions{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  align-items:center;
  margin-top:1px;
}
.r4x-mission-open-btn,
.r4x-mission-complete-btn{
  border-radius:999px;
  min-height:28px;
  padding:6px 10px;
  font-size:11px;
  font-weight:800;
  line-height:1;
  cursor:pointer;
  transition:border-color .18s ease, background .18s ease, color .18s ease;
}
.r4x-mission-open-btn{
  border:1px solid rgba(245,210,122,.32);
  background:rgba(245,210,122,.08);
  color:#f5d27a;
}
.r4x-mission-open-btn:hover,
.r4x-mission-open-btn:focus-visible{
  border-color:rgba(245,210,122,.55);
  background:rgba(245,210,122,.13);
  outline:none;
}
.r4x-mission-complete-btn{
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.035);
  color:rgba(240,237,228,.72);
}
.r4x-mission-complete-btn:hover,
.r4x-mission-complete-btn:focus-visible{
  border-color:rgba(245,210,122,.34);
  color:#f5d27a;
  outline:none;
}
.r4x-mission-complete-state{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  border-radius:999px;
  padding:6px 10px;
  border:1px solid rgba(245,210,122,.24);
  color:rgba(245,210,122,.92);
  background:rgba(245,210,122,.075);
  font-size:11px;
  font-weight:800;
  line-height:1;
}
.r4x-compass-field-progress{
  margin:9px 0 0;
  color:rgba(240,237,228,.58);
  font-size:11px;
}
.r4x-compass-minor-actions{
  display:flex;
  justify-content:space-between;
  gap:12px;
  margin-top:13px;
}
.r4x-compass-minor-actions button{
  border:0;
  background:transparent;
  color:rgba(245,210,122,.86);
  font-size:12px;
  font-weight:700;
  cursor:pointer;
  padding:4px 0;
}
.r4x-compass-field-rail{
  display:grid;
  grid-template-columns:repeat(6, minmax(0,1fr));
  gap:8px;
  margin-top:14px;
}
.r4x-compass-field-chip{
  min-height:44px;
  display:flex;
  align-items:center;
  gap:8px;
  border:1px solid rgba(255,255,255,.09);
  border-left:3px solid transparent;
  border-radius:13px;
  background:rgba(255,255,255,.025);
  color:rgba(240,237,228,.72);
  padding:8px 9px;
  cursor:pointer;
  text-align:left;
  transition:border-color .18s, background .18s;
}
.r4x-compass-field-chip.is-begonnen{ border-left-color:rgba(180,140,40,.5); }
.r4x-compass-field-chip.is-in_arbeit{ border-left-color:rgba(245,210,122,.7); }
.r4x-compass-field-chip.is-geklaert{ border-left-color:#f5d27a; }
.r4x-compass-field-chip strong{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11.5px;
}
.r4x-compass-field-chip.is-active{
  color:#f5d27a;
  border-color:rgba(245,210,122,.44);
  background:rgba(245,210,122,.065);
}
.r4x-compass-field-chip.is-geklaert{
  border-color:rgba(245,210,122,.30);
}
@media (max-width: 900px){
  .r4x-compass-layout{
    grid-template-columns:1fr;
  }
  .r4x-compass-visual{
    min-height:auto;
  }
  .r4x-compass-pie-wrap{
    width:min(300px, 100%);
  }
  .r4x-compass-field-rail{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
  .r4x-compass-mission-list{
    grid-template-columns:1fr;
  }
}
@media (max-width: 640px){
  .r4x-compass-free-card,
  .r4x-compass-plus-shell{
    padding:14px;
    border-radius:18px;
  }
  .r4x-compass-head{
    align-items:flex-start;
  }
  .r4x-compass-head h4{
    font-size:17px;
  }
  .r4x-compass-score{
    min-width:78px;
    padding:7px 8px;
  }
  .r4x-compass-score strong{ font-size:20px; }
  .r4x-compass-pie-wrap{
    width:min(260px, 94vw);
  }
  .r4x-compass-center{
    width:96px;
    height:96px;
  }
  .r4x-compass-center strong{ font-size:21px; }
  .r4x-compass-question{
    font-size:17px;
  }
  .r4x-compass-mission{
    min-height:98px;
    padding:10px;
  }
  .r4x-mission-open-btn,
  .r4x-mission-complete-btn,
  .r4x-mission-complete-state{
    width:100%;
    justify-content:center;
  }
  .r4x-compass-focus-head{
    grid-template-columns:auto 1fr;
  }
  .r4x-compass-status-pill{
    grid-column:2;
    justify-self:start;
    margin-top:-4px;
  }
  .r4x-compass-field-rail{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
  .r4x-compass-minor-actions{
    align-items:flex-start;
  }
}

/* --- R4X Kompass Plus V214 polish --- */
.r4x-compass-unlock-btn{
  width:100%;
  min-height:42px;
  border-radius:14px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-weight:800;
  letter-spacing:.01em;
  text-decoration:none;
}
.r4x-compass-free-card{
  border-color:rgba(245,210,122,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 42px rgba(0,0,0,.30);
}
.r4x-compass-plus-shell{
  border-color:rgba(245,210,122,.30);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 18px 46px rgba(0,0,0,.32);
}
.r4x-compass-visual,
.r4x-compass-focus{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 14px 34px rgba(0,0,0,.26);
}
.r4x-compass-focus{
  border-color:rgba(245,210,122,.30);
}
.r4x-compass-mission{
  background:linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018));
  border-color:rgba(255,255,255,.115);
}
.r4x-compass-mission.is-complete{
  border-color:rgba(245,210,122,.30);
}
.r4x-compass-mission:hover,
.r4x-compass-mission:focus-visible{
  transform:translateY(-1px);
}
.r4x-compass-field-chip{
  background:linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
}
.r4x-compass-field-chip:hover,
.r4x-compass-field-chip:focus-visible{
  border-color:rgba(245,210,122,.34);
  color:#f5d27a;
  outline:none;
}

/* --- Dashboard V214 clarity polish --- */
html, body{
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
.my-pane,
.tool-card,
.investment-tool-card,
.news-card,
.intent-group,
.code-section{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035), 0 18px 44px rgba(0,0,0,.22);
}
.my-item-card,
.mini-item,
.status-item{
  border-color:rgba(255,255,255,.085);
  background:linear-gradient(180deg, rgba(9,12,19,.96), rgba(5,7,12,.98));
}
.mini-link,
.mini-link-button{
  text-underline-offset:4px;
}

/* v224 curated context chips */
.context-links {
  max-width: 980px;
  margin: 12px auto 28px;
  padding: 14px;
  border-radius: 20px;
  border: 1px solid rgba(245, 210, 122, 0.16);
  background:
    radial-gradient(circle at 0% 0%, rgba(245, 210, 122, 0.08), transparent 34%),
    rgba(8, 11, 18, 0.58);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.04),
    0 18px 42px rgba(0, 0, 0, 0.18);
}
.context-links__head {
  display: flex;
  align-items: center;
  gap: 10px;
  margin: 0 0 12px;
}
.context-links__kicker {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.22);
  color: rgba(245, 210, 122, 0.94);
  background: rgba(245, 210, 122, 0.07);
  font-size: 11px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  white-space: nowrap;
}
.context-links__line {
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, rgba(245, 210, 122, 0.34), rgba(245, 210, 122, 0));
}
.context-links__grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 10px;
  list-style: none;
  padding: 0;
  margin: 0;
}
.context-links__item {
  min-width: 0;
  margin: 0;
}
.context-link {
  position: relative;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  min-width: 0;
  min-height: 74px;
  height: 100%;
  padding: 12px 12px;
  border-radius: 16px;
  color: inherit;
  text-decoration: none;
  border: 1px solid rgba(255, 255, 255, 0.085);
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.038), rgba(255, 255, 255, 0.018));
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.035);
  overflow: hidden;
  transition: transform 0.16s ease, border-color 0.16s ease, background 0.16s ease, box-shadow 0.16s ease;
}
.context-link::before {
  content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 3px;
  background: linear-gradient(180deg, rgba(245, 210, 122, 0.85), rgba(245, 210, 122, 0.18));
  opacity: 0.72;
}
.context-link:hover,
.context-link:focus-visible {
  transform: translateY(-1px);
  border-color: rgba(245, 210, 122, 0.36);
  background: linear-gradient(180deg, rgba(245, 210, 122, 0.08), rgba(255, 255, 255, 0.022));
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.05),
    0 12px 28px rgba(0, 0, 0, 0.18);
  outline: none;
}
.context-link__badge {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  max-width: 112px;
  padding: 4px 8px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.24);
  color: rgba(245, 210, 122, 0.96);
  background: rgba(245, 210, 122, 0.08);
  font-size: 10px;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  line-height: 1.1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.context-link__badge--free {
  color: rgba(244, 241, 234, 0.92);
  border-color: rgba(255, 255, 255, 0.18);
  background: rgba(255, 255, 255, 0.055);
}
.context-link__badge--plus {
  color: #14120d;
  border-color: rgba(245, 210, 122, 0.68);
  background: linear-gradient(180deg, #f6d77f, #c99734);
}
.context-link__main {
  position: relative;
  z-index: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
}
.context-link__title {
  display: block;
  color: rgba(255, 255, 255, 0.95);
  font-size: 14px;
  line-height: 1.25;
  font-weight: 800;
  overflow-wrap: anywhere;
}
.context-link__desc {
  display: block;
  margin: 0;
  color: rgba(244, 241, 234, 0.66);
  font-size: 12px;
  line-height: 1.35;
  overflow-wrap: anywhere;
}
.context-link__arrow {
  position: relative;
  z-index: 1;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 24px;
  height: 24px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.18);
  color: rgba(245, 210, 122, 0.88);
  background: rgba(245, 210, 122, 0.055);
  font-size: 19px;
  line-height: 1;
}
.context-link.is-locked .context-link__title::after {
  content:"";
  display:inline-block;
  width:12px;
  height:12px;
  margin-left:6px;
  opacity:.9;
  background:currentColor;
  -webkit-mask:var(--r4x-lock-mask) center/contain no-repeat;
  mask:var(--r4x-lock-mask) center/contain no-repeat;
}
@media (max-width: 1040px) {
  .context-links__grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 699px) {
  .context-links {
    margin: 10px auto 24px;
    padding: 12px;
    border-radius: 18px;
  }
  .context-links__head {
    margin-bottom: 10px;
  }
  .context-links__grid {
    grid-template-columns: 1fr;
    gap: 9px;
  }
  .context-link {
    grid-template-columns: auto minmax(0, 1fr) auto;
    min-height: 68px;
    padding: 11px 11px;
  }
  .context-link__badge {
    max-width: 96px;
    font-size: 9px;
  }
  .context-link__title {
    font-size: 13.5px;
  }
  .context-link__desc {
    font-size: 11.5px;
  }
}
@media (max-width: 420px) {
  .context-link {
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
  }
  .context-link__badge {
    grid-column: 1 / -1;
    justify-self: start;
    max-width: 100%;
  }
  .context-link__main {
    grid-column: 1;
  }
  .context-link__arrow {
    grid-column: 2;
    align-self: center;
  }
}

/* Zentrale V2 Struktur und Rollenlogik */
.zentrale-section {
  margin: 34px auto 42px;
  max-width: 1120px;
}
.zentrale-section-head {
  max-width: 980px;
  margin: 0 auto 16px;
}
.zentrale-section-head .subsection-title {
  margin-bottom: 8px;
}
.zentrale-section-copy,
.work-path__head > p:not(.subsection-title) {
  margin: 0;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.55;
}
.route-grid {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  max-width: 980px;
  margin: 0 auto;
}
.route-grid--two {
  grid-template-columns: repeat(2, minmax(0, 1fr));
}
.route-card {
  min-width: 0;
}
.route-card__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 178px;
  padding: 17px 17px 16px;
  border-radius: var(--radius-lg);
  border: 1px solid rgba(201, 209, 223, 0.16);
  background: linear-gradient(145deg, rgba(18, 21, 32, 0.98), rgba(8, 10, 18, 0.98));
  box-shadow: 0 14px 34px rgba(0,0,0,0.32);
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}
.route-card__link:hover,
.route-card__link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(245, 210, 122, 0.42);
  box-shadow: 0 18px 42px rgba(0,0,0,0.42);
  outline: none;
}
.route-card--primary .route-card__link {
  border-color: rgba(245, 210, 122, 0.32);
  background: linear-gradient(145deg, rgba(24, 22, 15, 0.98), rgba(11, 12, 18, 0.98));
}
.route-card__eyebrow {
  align-self: flex-start;
  display: inline-flex;
  align-items: center;
  min-height: 22px;
  padding: 3px 9px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.24);
  background: rgba(245, 210, 122, 0.08);
  color: var(--gold);
  font-size: 11px;
  font-weight: 700;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 12px;
}
.route-card__top {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 8px;
}
.route-card__icon {
  flex: 0 0 auto;
  width: 36px;
  height: 36px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 14px;
  background: rgba(245, 210, 122, 0.08);
  border: 1px solid rgba(245, 210, 122, 0.17);
  font-size: 22px;
}
.route-card h3 {
  margin: 0;
  font-size: 17px;
  line-height: 1.22;
  color: var(--text);
}
.route-card p {
  margin: 0 0 14px;
  color: var(--text-muted);
  font-size: 13px;
  line-height: 1.55;
}
.route-card__cta {
  margin-top: auto;
  display: inline-flex;
  align-self: flex-start;
  align-items: center;
  gap: 6px;
  color: var(--gold);
  font-size: 13px;
  font-weight: 700;
}
.route-card__cta::after { content: "›"; font-size: 18px; line-height: 1; }
.route-card .info-toggle {
  display: block;
  margin: 8px auto 0;
}
.work-paths {
  max-width: 980px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 28px;
}
.work-path {
  padding: 18px;
  border-radius: calc(var(--radius-lg) + 4px);
  border: 1px solid rgba(201, 209, 223, 0.12);
  background: rgba(8, 10, 18, 0.38);
}
.work-path__head {
  margin-bottom: 14px;
}
.work-path__head .subsection-title {
  margin: 0 0 6px;
}
.primary-checks-grid--v2 {
  max-width: none;
  margin: 0;
}
.market-zone {
  margin-top: 38px;
}
.market-grid {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, 330px);
  gap: 18px;
  align-items: start;
}
.market-grid .news-section {
  margin: 0;
}
.market-hub-card {
  border-radius: calc(var(--radius-lg) + 4px);
  border: 1px solid rgba(245,210,122,0.20);
  background: linear-gradient(145deg, rgba(19, 18, 13, 0.92), rgba(7, 9, 16, 0.96));
  padding: 12px;
  box-shadow: 0 18px 42px rgba(0,0,0,0.34);
}
.market-hub-card .entry-card {
  width: 100%;
  min-height: 174px;
}
.plus-zone {
  margin-bottom: 34px;
}
.plus-value-card {
  max-width: 980px;
  margin: 0 auto 14px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 16px;
  padding: 18px 20px;
  border-radius: calc(var(--radius-lg) + 4px);
  border: 1px solid rgba(245,210,122,0.28);
  background: linear-gradient(145deg, rgba(245,210,122,0.10), rgba(12,14,22,0.95));
  box-shadow: 0 18px 45px rgba(0,0,0,0.34);
}
.plus-value-card h3 {
  margin: 0 0 5px;
  font-size: 18px;
}
.plus-value-card p {
  margin: 0;
  color: var(--text-muted);
  line-height: 1.55;
  font-size: 13.5px;
}
[data-context-plus-link].is-locked .route-card__cta::after,
[data-context-plus-link].is-locked::after {
  content: "";
}
[data-context-plus-link].is-locked .route-card__cta {
  color: var(--gold);
}
[data-context-plus-link].is-locked .route-card__cta::before {
  content:"";
  display:inline-block;
  width:14px;
  height:14px;
  background:currentColor;
  -webkit-mask:var(--r4x-lock-mask) center/contain no-repeat;
  mask:var(--r4x-lock-mask) center/contain no-repeat;
}
@media (max-width: 980px) {
  .route-grid,
  .route-grid--two {
    grid-template-columns: 1fr;
  }
  .market-grid {
    grid-template-columns: 1fr;
  }
  .market-hub-card {
    max-width: 640px;
    width: 100%;
    margin: 0 auto;
  }
  .plus-value-card {
    flex-direction: column;
    align-items: flex-start;
  }
}
@media (max-width: 640px) {
  .zentrale-section {
    margin: 26px auto 32px;
  }
  .zentrale-section-head,
  .work-paths,
  .route-grid {
    max-width: 100%;
  }
  .work-path {
    padding: 14px;
    border-radius: 18px;
  }
  .route-card__link {
    min-height: 0;
    padding: 15px;
  }
  .route-card h3 {
    font-size: 16px;
  }
  .route-card p {
    font-size: 13px;
  }
  .plus-value-card {
    padding: 16px;
  }
}


/* v227 Zentrale Flow + Grundlagencheck */
.market-stack {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  gap: 18px;
}
.market-hub-card--hero {
  max-width: 1120px;
  width: 100%;
  margin: 0 auto;
  padding: 14px;
  border-radius: 26px;
  border: 1px solid rgba(245,210,122,0.26);
  background:
    radial-gradient(620px 180px at 8% 0%, rgba(245,210,122,.14), transparent 62%),
    linear-gradient(145deg, rgba(22, 20, 14, 0.96), rgba(7, 9, 16, 0.98));
  box-shadow: 0 22px 58px rgba(0,0,0,0.42);
}
.market-hub-hero-link {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  min-height: 176px;
  padding: 22px 24px;
  border-radius: 22px;
  border: 1px solid rgba(245,210,122,0.20);
  background:
    linear-gradient(135deg, rgba(245,210,122,0.08), rgba(245,210,122,0.015) 42%, rgba(255,255,255,0.035)),
    rgba(8,10,18,0.56);
  color: var(--text);
  text-decoration: none;
  transition: transform var(--transition-fast), border-color var(--transition-fast), box-shadow var(--transition-fast);
}
.market-hub-hero-link:hover,
.market-hub-hero-link:focus-visible {
  transform: translateY(-2px);
  border-color: rgba(245,210,122,0.44);
  box-shadow: 0 18px 42px rgba(0,0,0,0.34);
  outline: none;
}
.market-hub-hero-main {
  display: flex;
  align-items: center;
  gap: 18px;
  min-width: 0;
}
.market-hub-hero-icon {
  flex: 0 0 auto;
  width: 64px;
  height: 64px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 22px;
  border: 1px solid rgba(245,210,122,0.24);
  background: rgba(245,210,122,0.09);
  font-size: 34px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.08);
}
.market-hub-hero-kicker {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin-bottom: 8px;
  color: rgba(245,245,247,.72);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: .04em;
  text-transform: uppercase;
}
.market-hub-hero-copy h3 {
  margin: 0 0 6px;
  font-size: clamp(22px, 2.6vw, 30px);
  line-height: 1.12;
  letter-spacing: -0.02em;
}
.market-hub-hero-copy p {
  max-width: 670px;
  margin: 0;
  color: var(--text-muted);
  font-size: 14px;
  line-height: 1.55;
}
.market-hub-feature-row {
  margin-top: 14px;
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
.market-hub-feature-row span {
  display: inline-flex;
  align-items: center;
  min-height: 30px;
  padding: 6px 10px;
  border-radius: 999px;
  border: 1px solid rgba(245,210,122,0.18);
  background: rgba(245,210,122,0.07);
  color: rgba(245,245,247,0.88);
  font-size: 12px;
  font-weight: 700;
}
.market-hub-hero-cta {
  flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 44px;
  padding: 10px 16px;
  border-radius: 999px;
  background: linear-gradient(180deg, #f3d580 0%, #bd8426 100%);
  color: #15120b;
  font-size: 13px;
  font-weight: 800;
  box-shadow: 0 14px 28px rgba(245,210,122,0.18);
  white-space: nowrap;
}
.market-hub-card--hero .info-toggle {
  display: block;
  margin: 10px auto 0;
}
.market-stack .news-section {
  width: 100%;
  margin: 0;
}
.route-grid--training {
  grid-template-columns: repeat(3, minmax(0, 1fr));
}
#standort .route-card__link[href*="grundlagencheck"] {
  border-color: rgba(245,210,122,0.22);
}
#standort .route-card__link[href*="grundlagencheck"] .route-card__eyebrow {
  color: rgba(245,245,247,.84);
}
@media (max-width: 980px) {
  .market-hub-hero-link {
    align-items: flex-start;
    flex-direction: column;
    min-height: 0;
  }
  .market-hub-hero-cta {
    width: 100%;
  }
  .route-grid--training {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 640px) {
  .market-hub-card--hero {
    padding: 10px;
    border-radius: 22px;
  }
  .market-hub-hero-link {
    padding: 18px;
    gap: 16px;
  }
  .market-hub-hero-main {
    align-items: flex-start;
    gap: 12px;
  }
  .market-hub-hero-icon {
    width: 48px;
    height: 48px;
    border-radius: 18px;
    font-size: 28px;
  }
  .market-hub-feature-row {
    gap: 6px;
  }
  .market-hub-feature-row span {
    font-size: 11.5px;
    min-height: 28px;
    padding: 5px 8px;
  }
}


/* v228 Navigation layout, anchors and work hierarchy cleanup */
.quicklinks{
  width:min(1180px, calc(100% - 24px)) !important;
  margin:8px auto 12px !important;
  padding:8px !important;
  border-radius:18px !important;
  border:1px solid rgba(245,210,122,.14) !important;
  background:rgba(7,9,15,.78) !important;
  backdrop-filter:blur(16px) !important;
  overflow:visible !important;
}
.quicklinks-inner--cards{
  display:grid !important;
  grid-template-columns:repeat(7, minmax(0,1fr)) !important;
  gap:7px !important;
  align-items:stretch !important;
  overflow:visible !important;
  padding:0 !important;
}
.quicklink--card,
.quicklinks-search-toggle{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  width:100% !important;
  min-width:0 !important;
  height:36px !important;
  min-height:36px !important;
  margin:0 !important;
  padding:0 8px !important;
  border-radius:12px !important;
  border:1px solid rgba(245,210,122,.15) !important;
  background:linear-gradient(180deg, rgba(14,18,28,.86), rgba(8,10,17,.94)) !important;
  color:rgba(245,247,251,.94) !important;
  font-size:11.7px !important;
  font-weight:650 !important;
  line-height:1.05 !important;
  text-decoration:none !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.quicklink--card:hover,
.quicklink--card:focus-visible,
.quicklinks-search-toggle:hover,
.quicklinks-search-toggle:focus-visible{
  border-color:rgba(245,210,122,.38) !important;
  color:#fff !important;
  outline:none !important;
}
.quicklink--card.is-current{
  color:#f5d27a !important;
  border-color:rgba(245,210,122,.68) !important;
  background:linear-gradient(180deg, rgba(31,25,13,.92), rgba(10,11,15,.98)) !important;
  box-shadow:0 0 0 1px rgba(245,210,122,.13), inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.quicklink-icon,
.quicklinks-search-toggle .quicklink-icon{
  flex:0 0 16px !important;
  width:16px !important;
  height:16px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  font-size:15px !important;
  line-height:1 !important;
  margin:0 !important;
}
.quicklink-text{
  display:inline-flex !important;
  min-width:0 !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  text-decoration:none !important;
}
.quicklinks-search-wrap{
  position:relative !important;
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
}
.quicklinks-search-toggle-row{display:block !important;}
.quicklinks-search-toggle{cursor:pointer !important;}
.quicklinks-search-panel{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  width:min(420px, calc(100vw - 28px)) !important;
  z-index:80 !important;
  padding:8px !important;
  border-radius:16px !important;
  border:1px solid rgba(245,210,122,.22) !important;
  background:rgba(5,7,12,.98) !important;
  box-shadow:0 18px 44px rgba(0,0,0,.42) !important;
}
.quicklinks-search-panel[hidden]{display:none !important;}
.quicklinks-search{
  width:100% !important;
  min-height:40px !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.035) !important;
}
@media (max-width: 920px){
  .quicklinks{width:calc(100% - 12px) !important; padding:6px !important;}
  .quicklinks-inner--cards{grid-template-columns:repeat(7, minmax(0,1fr)) !important; gap:5px !important;}
  .quicklink--card,
  .quicklinks-search-toggle{height:38px !important; min-height:38px !important; padding:0 !important; border-radius:11px !important;}
  .quicklink-text{display:none !important;}
  .quicklink-icon,
  .quicklinks-search-toggle .quicklink-icon{font-size:17px !important; width:18px !important; height:18px !important; flex-basis:18px !important;}
}
@media (max-width: 390px){
  .quicklinks{width:calc(100% - 8px) !important; padding:4px !important;}
  .quicklinks-inner--cards{gap:4px !important;}
  .quicklink--card,
  .quicklinks-search-toggle{height:36px !important; min-height:36px !important; border-radius:10px !important;}
  .quicklink-icon,
  .quicklinks-search-toggle .quicklink-icon{font-size:16px !important;}
}
.zentrale-section--work > .zentrale-section-head{
  max-width:1120px;
  margin:0 auto 20px;
  padding:20px 22px;
  border-radius:26px;
  border:1px solid rgba(245,210,122,.20);
  background:linear-gradient(145deg, rgba(245,210,122,.085), rgba(8,10,18,.64));
  box-shadow:0 18px 44px rgba(0,0,0,.28);
}
#work-title{
  margin-bottom:8px !important;
  font-size:clamp(24px, 3.1vw, 34px) !important;
  letter-spacing:-.035em !important;
}
.zentrale-section--work > .zentrale-section-head .zentrale-section-copy{
  max-width:760px;
  color:rgba(233,236,243,.88);
}
.work-path{
  border-color:rgba(201,209,223,.14);
  background:linear-gradient(180deg, rgba(11,13,22,.66), rgba(7,9,16,.76));
}
.work-path__head .subsection-title{
  font-size:clamp(18px, 2.1vw, 23px) !important;
  letter-spacing:-.018em !important;
}
.work-path__head p:not(.subsection-title){
  margin-top:4px;
  color:rgba(215,221,233,.82);
}
.route-grid{
  align-items:start !important;
  overflow:visible !important;
}
.route-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  position:relative !important;
}
.route-card__link{height:auto !important; min-height:178px !important;}
.route-card .info-panel{
  width:100% !important;
  margin:10px 0 0 !important;
  position:static !important;
  z-index:auto !important;
}
.route-card .info-panel.open{
  display:block !important;
}
.work-path:has(.info-panel.open){
  padding-bottom:24px !important;
}
.work-path + .work-path{
  margin-top:6px !important;
}


/* v229 final polish: stable 2-row quick access, premium work hero, equal work cards */
:root{
  --r4x-quick-cols-desktop: 7;
  --r4x-quick-cols-mobile: 7;
}
body .quicklinks{
  width:min(1120px, calc(100% - 28px)) !important;
  max-width:1120px !important;
  margin:8px auto 14px !important;
  padding:8px !important;
  border-radius:18px !important;
  display:block !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards{
  display:grid !important;
  grid-template-columns:repeat(var(--r4x-quick-cols-desktop), minmax(0,1fr)) !important;
  grid-auto-rows:36px !important;
  gap:7px !important;
  align-items:stretch !important;
  justify-items:stretch !important;
  width:100% !important;
  max-width:100% !important;
  padding:0 !important;
  margin:0 !important;
  overflow:visible !important;
  box-sizing:border-box !important;
}
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklink--card,
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklinks-search-wrap,
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklinks-search-wrap > .quicklinks-search-toggle-row,
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklinks-search-wrap > .quicklinks-search-toggle-row > .quicklinks-search-toggle{
  min-width:0 !important;
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  box-sizing:border-box !important;
}
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklink--card,
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklinks-search-toggle{
  height:36px !important;
  min-height:36px !important;
  max-height:36px !important;
  padding:0 7px !important;
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:center !important;
  gap:5px !important;
  line-height:1.05 !important;
  white-space:nowrap !important;
}
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklink-icon{
  flex:0 0 16px !important;
  width:16px !important;
  height:16px !important;
  font-size:15px !important;
  line-height:1 !important;
}
body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklink-text{
  display:block !important;
  min-width:0 !important;
  max-width:100% !important;
  overflow:hidden !important;
  text-overflow:ellipsis !important;
  white-space:nowrap !important;
  font-size:11.4px !important;
  line-height:1.05 !important;
}
body .quicklinks-search-panel{
  position:absolute !important;
  top:calc(100% + 8px) !important;
  right:0 !important;
  left:auto !important;
  z-index:250 !important;
}
@media (max-width: 760px){
  body .quicklinks{
    width:calc(100% - 10px) !important;
    padding:5px !important;
    margin:4px auto 10px !important;
    border-radius:16px !important;
  }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards{
    grid-template-columns:repeat(var(--r4x-quick-cols-mobile), minmax(0,1fr)) !important;
    grid-auto-rows:34px !important;
    gap:4px !important;
  }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklink--card,
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklinks-search-toggle{
    height:34px !important;
    min-height:34px !important;
    max-height:34px !important;
    padding:0 !important;
    border-radius:10px !important;
  }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklink-text{
    display:none !important;
  }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklink-icon{
    flex:0 0 18px !important;
    width:18px !important;
    height:18px !important;
    font-size:16px !important;
  }
  body .quicklinks-search-panel{
    right:0 !important;
    width:calc(100vw - 22px) !important;
  }
}
@media (max-width: 380px){
  body .quicklinks{ width:calc(100% - 8px) !important; padding:4px !important; }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards{ grid-auto-rows:32px !important; gap:3px !important; }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards > .quicklink--card,
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklinks-search-toggle{ height:32px !important; min-height:32px !important; max-height:32px !important; }
  body .quicklinks > .quicklinks-inner.quicklinks-inner--cards .quicklink-icon{ font-size:15px !important; }
}

.zentrale-section--work > .zentrale-section-head.work-decision-hero{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(0, 1.35fr) minmax(260px, .85fr);
  gap:20px;
  align-items:end;
  max-width:1120px;
  margin:0 auto 22px;
  padding:28px 30px;
  border-radius:30px;
  border:1px solid rgba(245,210,122,.24);
  background:
    radial-gradient(circle at 9% 20%, rgba(245,210,122,.18), transparent 28%),
    radial-gradient(circle at 94% 10%, rgba(245,210,122,.12), transparent 30%),
    linear-gradient(145deg, rgba(245,210,122,.075), rgba(13,16,26,.78) 48%, rgba(5,7,13,.88));
  box-shadow:0 24px 70px rgba(0,0,0,.35), inset 0 1px 0 rgba(255,255,255,.05);
}
.zentrale-section--work > .zentrale-section-head.work-decision-hero::before{
  content:"";
  position:absolute;
  inset:auto 28px 0 28px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,210,122,.68), transparent);
  opacity:.72;
}
.work-decision-hero__content{position:relative; z-index:1;}
.work-decision-hero__kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin:0 0 8px;
  padding:6px 10px;
  border-radius:999px;
  border:1px solid rgba(245,210,122,.24);
  background:rgba(245,210,122,.075);
  color:#f5d27a;
  font-size:11px;
  font-weight:800;
  line-height:1;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.work-decision-hero #work-title{
  margin:0 0 10px !important;
  font-size:clamp(25px, 3.2vw, 38px) !important;
  line-height:1.05 !important;
  letter-spacing:-.045em !important;
}
.work-decision-hero .zentrale-section-copy{
  margin:0;
  max-width:760px;
  color:rgba(239,242,248,.9);
  font-size:15px;
  line-height:1.65;
}
.work-decision-hero__rail{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:8px;
  align-self:center;
}
.work-decision-hero__rail span{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:7px 10px;
  border-radius:12px;
  border:1px solid rgba(245,210,122,.14);
  background:rgba(5,7,13,.46);
  color:rgba(246,248,252,.86);
  font-size:12px;
  font-weight:750;
  letter-spacing:.01em;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
}
.work-decision-hero__rail span:first-child{
  border-color:rgba(245,210,122,.34);
  color:#f5d27a;
  background:rgba(245,210,122,.08);
}
@media (max-width: 860px){
  .zentrale-section--work > .zentrale-section-head.work-decision-hero{
    grid-template-columns:1fr;
    padding:22px 20px;
    border-radius:24px;
  }
  .work-decision-hero__rail{
    grid-template-columns:repeat(3, minmax(0,1fr));
  }
}
@media (max-width: 560px){
  .zentrale-section--work > .zentrale-section-head.work-decision-hero{ padding:20px 16px; }
  .work-decision-hero__rail{ grid-template-columns:repeat(2, minmax(0,1fr)); gap:6px; }
  .work-decision-hero__rail span{ min-height:30px; font-size:11.5px; padding:6px 7px; }
}

.zentrale-section--work .work-path{
  overflow:visible !important;
}
.zentrale-section--work .route-grid{
  align-items:stretch !important;
}
.zentrale-section--work .route-card{
  height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
}
.zentrale-section--work .route-card__link{
  flex:1 1 auto !important;
  height:100% !important;
  min-height:194px !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  gap:0 !important;
  padding:22px 18px !important;
  box-sizing:border-box !important;
}
.zentrale-section--work .route-card__eyebrow{
  min-height:22px !important;
  display:inline-flex !important;
  align-items:center !important;
  margin-bottom:14px !important;
}
.zentrale-section--work .route-card__top{
  min-height:42px !important;
  align-items:center !important;
  margin-bottom:12px !important;
}
.zentrale-section--work .route-card__link > p{
  min-height:58px !important;
  margin:0 0 14px !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
}
.zentrale-section--work .route-card__cta{
  margin-top:auto !important;
  padding-top:8px !important;
}
.zentrale-section--work .route-card > .info-toggle{
  align-self:center !important;
  margin:8px auto 0 !important;
  flex:0 0 auto !important;
}
.zentrale-section--work .route-grid--two .route-card__link{ min-height:184px !important; }
@media (max-width: 760px){
  .zentrale-section--work .route-card__link{
    min-height:188px !important;
    padding:20px 17px !important;
  }
  .zentrale-section--work .route-card__link > p{
    min-height:auto !important;
    -webkit-line-clamp:4;
  }
}


/* r4x-v235-collection-action-rows · finale Zentrale-Komponentenlogik */
:root{
  --r4x-zentrale-max: 1120px;
  --r4x-card-min: 226px;
}

/* Schnellzugriff: exakt 14 Slots als 2 x 7, Suche als Overlay statt neue Zeile */
.quicklinks{
  display:block !important;
  width:min(var(--r4x-zentrale-max), calc(100% - 32px)) !important;
  margin:8px auto 14px !important;
  padding:9px !important;
  border-radius:18px !important;
  overflow:visible !important;
  background:rgba(7,9,15,.82) !important;
  border:1px solid rgba(245,210,122,.18) !important;
  box-shadow:0 16px 42px rgba(0,0,0,.34) !important;
}
.quicklinks-inner--cards{
  display:grid !important;
  grid-template-columns:repeat(7, minmax(0, 1fr)) !important;
  gap:8px !important;
  overflow:visible !important;
  padding:0 !important;
  width:100% !important;
  align-items:stretch !important;
}
.quicklinks-inner--cards .quicklink--card,
.quicklinks-search-toggle{
  width:100% !important;
  min-width:0 !important;
  min-height:38px !important;
  height:38px !important;
  padding:0 8px !important;
  border-radius:11px !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  font-size:12px !important;
  line-height:1.1 !important;
  text-align:center !important;
  white-space:nowrap !important;
}
.quicklink-icon{ margin:0 !important; font-size:15px !important; line-height:1 !important; }
.quicklink-text{ display:inline !important; overflow:hidden !important; text-overflow:ellipsis !important; }
.quicklinks-search-wrap{
  grid-column:auto !important;
  position:relative !important;
  width:100% !important;
  min-width:0 !important;
  margin:0 !important;
  display:block !important;
}
.quicklinks-search-toggle-row{ display:block !important; }
.quicklinks-search-toggle::before,
.quicklinks-search-toggle::after{ content:none !important; }
.quicklinks-search-panel{
  position:absolute !important;
  right:0 !important;
  top:calc(100% + 10px) !important;
  z-index:120 !important;
  width:min(420px, calc(100vw - 32px)) !important;
  padding:10px !important;
  border-radius:16px !important;
  border:1px solid rgba(245,210,122,.22) !important;
  background:rgba(6,8,14,.98) !important;
  box-shadow:0 22px 54px rgba(0,0,0,.46) !important;
}
.quicklinks-search-wrap:not(.is-open) .quicklinks-search-panel{ display:none !important; }
.quicklinks-search-wrap.is-open .quicklinks-search-panel{ display:block !important; }
.quicklinks-search{ min-height:42px !important; width:100% !important; padding:0 13px !important; }

/* Arbeitsfeld-Hero: hochwertiger Abschnittseinstieg statt bloß großer Titel */
.work-decision-hero{
  position:relative !important;
  overflow:hidden !important;
  display:grid !important;
  grid-template-columns:minmax(0, 1.2fr) minmax(280px, .8fr) !important;
  gap:20px !important;
  align-items:center !important;
  max-width:var(--r4x-zentrale-max) !important;
  padding:26px 28px !important;
  border-radius:28px !important;
  border:1px solid rgba(245,210,122,.24) !important;
  background:
    radial-gradient(720px 220px at 7% 0%, rgba(245,210,122,.14), transparent 62%),
    radial-gradient(520px 220px at 98% 12%, rgba(115,139,190,.10), transparent 64%),
    linear-gradient(145deg, rgba(18,20,28,.98), rgba(6,8,14,.98)) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.38), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.work-decision-hero::after{
  content:"";
  position:absolute;
  left:28px;
  right:28px;
  bottom:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(245,210,122,.65), transparent);
  opacity:.8;
}
.work-decision-hero__kicker{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:4px 10px;
  margin-bottom:10px;
  border-radius:999px;
  border:1px solid rgba(245,210,122,.28);
  background:rgba(245,210,122,.08);
  color:var(--gold);
  font-size:11px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.work-decision-hero .subsection-title{
  margin:0 0 10px !important;
  font-size:clamp(27px, 3vw, 38px) !important;
  line-height:1.08 !important;
  letter-spacing:-.035em !important;
}
.work-decision-hero .zentrale-section-copy{
  max-width:720px;
  font-size:14.5px;
  line-height:1.62;
  color:rgba(232,236,244,.78);
}
.work-decision-hero__rail{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
  gap:8px !important;
  align-content:center !important;
}
.work-decision-hero__rail span{
  min-height:34px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(255,255,255,.035);
  color:rgba(245,245,247,.88);
  font-size:12px;
  font-weight:750;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
.work-decision-hero__rail span:first-child,
.work-decision-hero__rail span:nth-child(2){
  border-color:rgba(245,210,122,.24);
  color:var(--gold);
  background:rgba(245,210,122,.055);
}

/* Einheitliche Route Cards */
.route-grid,
.route-grid--two,
.route-grid--knowledge{
  display:grid !important;
  gap:14px !important;
  align-items:stretch !important;
}
.route-grid--knowledge{ grid-template-columns:repeat(4, minmax(0, 1fr)) !important; }
.route-card{
  display:flex !important;
  flex-direction:column !important;
  min-width:0 !important;
  height:100% !important;
}
.route-card__link{
  flex:1 1 auto !important;
  display:flex !important;
  flex-direction:column !important;
  min-height:var(--r4x-card-min) !important;
  height:100% !important;
  padding:17px !important;
}
.route-card__eyebrow{ margin-bottom:13px !important; }
.route-card__top{
  min-height:44px !important;
  margin-bottom:10px !important;
  align-items:center !important;
}
.route-card h3{
  min-height:22px !important;
  display:flex !important;
  align-items:center !important;
}
.route-card__link > p{
  min-height:64px !important;
  margin-bottom:16px !important;
  overflow:hidden !important;
  display:-webkit-box !important;
  -webkit-line-clamp:3 !important;
  -webkit-box-orient:vertical !important;
}
.route-card__cta{ margin-top:auto !important; }
.route-card .info-toggle{
  flex:0 0 auto !important;
  margin:9px auto 0 !important;
  min-height:28px !important;
  padding:4px 12px !important;
}
.route-card .info-toggle.is-active{
  color:#111 !important;
  background:linear-gradient(180deg,#f4d477,#c99934) !important;
  border-color:rgba(245,210,122,.72) !important;
}
.route-card > .info-panel{ display:none !important; }
.route-card > .info-panel.open{
  display:block !important;
  width:100% !important;
  margin:10px 0 0 !important;
  padding:14px 15px !important;
  border-radius:16px !important;
  border:1px solid rgba(201,209,223,.17) !important;
  background:linear-gradient(145deg, rgba(15,18,28,.98), rgba(6,8,14,.99)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.route-info-drawer{
  display:none;
  grid-column:1 / -1;
  margin:14px 0 2px;
  padding:16px 18px;
  border-radius:18px;
  border:1px solid rgba(245,210,122,.22);
  background:linear-gradient(145deg, rgba(20,20,17,.96), rgba(7,9,15,.98));
  box-shadow:0 18px 44px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.035);
  color:rgba(236,240,248,.88);
  font-size:13.5px;
  line-height:1.58;
}
.route-info-drawer.is-open{ display:block; animation:r4xInfoDrawerIn .16s ease-out; }
.route-info-drawer p{ margin:0 0 8px; }
.route-info-drawer p:last-child{ margin-bottom:0; }
.route-info-drawer .info-panel-actions{ margin-top:12px; }
@keyframes r4xInfoDrawerIn{ from{ opacity:0; transform:translateY(-5px); } to{ opacity:1; transform:translateY(0); } }

/* Unterbereiche konsistenter als Arbeitskarten */
.work-path{
  border-color:rgba(201,209,223,.14) !important;
  background:linear-gradient(180deg, rgba(11,14,22,.56), rgba(6,8,14,.42)) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.work-path__head{
  padding-bottom:12px;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.work-path__head .subsection-title{
  font-size:clamp(21px, 2.2vw, 26px) !important;
  letter-spacing:-.025em !important;
}
.work-path__head > p:not(.subsection-title){ max-width:760px; }

/* Alte Chip-Reste werden nicht mehr für echte Inhalte verwendet */
.compact-link-row{ display:none !important; }

@media (max-width: 1120px){
  .route-grid--knowledge{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 900px){
  .work-decision-hero{ grid-template-columns:1fr !important; padding:22px 20px !important; }
  .work-decision-hero__rail{ grid-template-columns:repeat(3, minmax(0, 1fr)) !important; }
}
@media (max-width: 768px){
  .quicklinks{
    width:calc(100% - 10px) !important;
    margin:4px auto 8px !important;
    padding:5px !important;
    border-radius:13px !important;
  }
  .quicklinks-inner--cards{ grid-template-columns:repeat(7, minmax(0, 1fr)) !important; gap:4px !important; }
  .quicklinks-inner--cards .quicklink--card,
  .quicklinks-search-toggle{
    min-height:36px !important;
    height:36px !important;
    padding:0 !important;
    border-radius:9px !important;
  }
  .quicklink-icon{ font-size:16px !important; }
  .quicklink-text{ display:none !important; }
  .quicklinks-search-panel{
    position:absolute !important;
    right:0 !important;
    top:calc(100% + 8px) !important;
    width:min(360px, calc(100vw - 20px)) !important;
  }
  .work-decision-hero{ border-radius:22px !important; padding:20px 16px !important; }
  .work-decision-hero__rail{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; }
  .route-grid,
  .route-grid--two,
  .route-grid--knowledge{ grid-template-columns:1fr !important; }
  .route-card__link{ min-height:200px !important; }
  .route-card__link > p{ min-height:auto !important; -webkit-line-clamp:unset !important; }
  .route-info-drawer{ padding:14px 15px; }
}
@media (max-width: 390px){
  .quicklinks-inner--cards{ gap:3px !important; }
  .quicklinks-inner--cards .quicklink--card,
  .quicklinks-search-toggle{ min-height:34px !important; height:34px !important; }
  .quicklink-icon{ font-size:15px !important; }
}


/* r4x-v235-collection-action-rows · ruhiges Premium-Farb- und Badge-Audit */
:root{
  --gold: #e7c76f;
  --gold-soft: rgba(231,199,111,.11);
  --r4x-gold-line: rgba(231,199,111,.34);
  --r4x-gold-border: rgba(231,199,111,.22);
  --r4x-gold-border-strong: rgba(231,199,111,.38);
  --r4x-silver-line: rgba(201,209,223,.18);
  --r4x-card-bg: linear-gradient(145deg, rgba(15,18,28,.96), rgba(7,9,16,.98));
}

/* Quick Access ruhig, 2 Zeilen bleiben geschlossen stabil */
.quicklinks{
  border-color: rgba(201,209,223,.15) !important;
  background: rgba(6,8,14,.88) !important;
  box-shadow: 0 14px 36px rgba(0,0,0,.32), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.quicklink--card,
.quicklinks-search-toggle{
  border-color: rgba(201,209,223,.13) !important;
  background: linear-gradient(180deg, rgba(16,19,30,.84), rgba(8,10,17,.94)) !important;
  color: rgba(238,242,248,.88) !important;
}
.quicklink--card:hover,
.quicklink--card:focus-visible,
.quicklinks-search-toggle:hover,
.quicklinks-search-toggle:focus-visible{
  border-color: rgba(201,209,223,.30) !important;
  background: linear-gradient(180deg, rgba(21,25,38,.90), rgba(9,11,18,.96)) !important;
  color: #fff !important;
}
.quicklink--card.is-current{
  color: #f2d98f !important;
  border-color: rgba(231,199,111,.42) !important;
  background: linear-gradient(180deg, rgba(26,22,13,.78), rgba(9,11,17,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.quicklinks-search-panel{
  border-color: rgba(201,209,223,.18) !important;
  background: rgba(5,7,12,.985) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.48) !important;
}
.quicklinks-search{
  padding: 0 42px 0 13px !important;
  border-color: rgba(201,209,223,.20) !important;
  background: rgba(255,255,255,.035) !important;
  color: rgba(248,250,252,.96) !important;
}
.quicklinks-search:focus{
  border-color: rgba(201,209,223,.38) !important;
  box-shadow: 0 0 0 3px rgba(201,209,223,.08) !important;
}
.quicklinks-search-close{
  position:absolute;
  top:50%;
  right:18px;
  transform:translateY(-50%);
  width:28px;
  height:28px;
  border:0;
  border-radius:999px;
  background:transparent;
  color:rgba(232,238,248,.84);
  font-size:24px;
  line-height:1;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
.quicklinks-search-close:hover,
.quicklinks-search-close:focus-visible{
  color:#fff;
  background:rgba(255,255,255,.06);
  outline:none;
}
.global-search-result:hover{ background: rgba(201,209,223,.08) !important; }
@media (max-width:768px){
  .quicklinks-search-panel{ right:0 !important; width:min(360px, calc(100vw - 20px)) !important; }
}

/* Badges: Free = Silber, Plus = Gold, Mischformen getrennt statt komplett Gold */
.route-card__eyebrow{
  gap:5px !important;
  min-height:22px !important;
  padding:3px 8px !important;
  border-color: rgba(201,209,223,.20) !important;
  background: rgba(201,209,223,.055) !important;
  color: rgba(231,236,246,.86) !important;
  box-shadow:none !important;
}
.route-card__eyebrow--free,
.r4x-mini-badge--free,
.badge-free{
  border-color: rgba(201,209,223,.26) !important;
  background: rgba(201,209,223,.07) !important;
  color: rgba(238,243,250,.92) !important;
}
.route-card__eyebrow--plus,
.r4x-mini-badge--plus,
.badge-plus{
  border-color: rgba(231,199,111,.40) !important;
  background: rgba(231,199,111,.115) !important;
  color: #f2d98f !important;
}
.route-card__eyebrow--guide,
.route-card__eyebrow--neutral,
.badge-format{
  border-color: rgba(201,209,223,.22) !important;
  background: rgba(201,209,223,.055) !important;
  color: rgba(231,236,246,.86) !important;
}
.route-card__eyebrow--mixed{
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  gap:6px !important;
}
.r4x-mini-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:22px;
  padding:3px 8px;
  border-radius:999px;
  border:1px solid;
  font-size:10.5px;
  line-height:1;
  font-weight:600;
  letter-spacing:.045em;
  text-transform:uppercase;
}
.intent-tool-card-badge.is-free,
.intent-entry-state-badge.is-free-open{
  border-color: rgba(201,209,223,.26) !important;
  background: rgba(201,209,223,.065) !important;
  color: rgba(238,243,250,.92) !important;
}
.intent-tool-card-badge.is-plus,
.intent-entry-state-badge.is-plus-open,
.intent-entry-state-badge.is-locked{
  border-color: rgba(231,199,111,.36) !important;
  background: rgba(231,199,111,.10) !important;
  color:#f2d98f !important;
}

/* Karten, Icons, CTA: weniger Blink, klarere Lesbarkeit */
.route-card__link{
  border-color: rgba(201,209,223,.14) !important;
  background: var(--r4x-card-bg) !important;
  box-shadow: 0 12px 30px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.route-card__link:hover,
.route-card__link:focus-visible{
  border-color: rgba(201,209,223,.28) !important;
  box-shadow: 0 16px 36px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.route-card--primary .route-card__link,
#standort .route-card__link[href*="grundlagencheck"]{
  border-color: rgba(231,199,111,.24) !important;
  background: linear-gradient(145deg, rgba(20,19,15,.96), rgba(8,10,17,.98)) !important;
}
.route-card__icon{
  border-color: rgba(201,209,223,.15) !important;
  background: rgba(201,209,223,.055) !important;
  box-shadow:none !important;
}
.route-card--primary .route-card__icon{
  border-color: rgba(231,199,111,.22) !important;
  background: rgba(231,199,111,.08) !important;
}
.route-card__cta,
[data-context-plus-link].is-locked .route-card__cta{
  color:#f1d482 !important;
  font-weight:500 !important;
}
.info-toggle,
.tool-inline-info{
  border-color: rgba(201,209,223,.24) !important;
  color: rgba(238,243,250,.88) !important;
  background: rgba(255,255,255,.025) !important;
  box-shadow:none !important;
}
.info-toggle:hover,
.info-toggle:focus-visible,
.tool-inline-info:hover,
.tool-inline-info:focus-visible{
  border-color: rgba(231,199,111,.38) !important;
  color:#fff !important;
  background: rgba(255,255,255,.045) !important;
}
.route-card .info-toggle.is-active{
  color:#17130a !important;
  background: linear-gradient(180deg,#ead083,#caa24c) !important;
  border-color: rgba(231,199,111,.50) !important;
}
.route-info-drawer{
  border-color: rgba(201,209,223,.17) !important;
  background: linear-gradient(145deg, rgba(15,18,28,.98), rgba(6,8,14,.99)) !important;
  box-shadow: 0 16px 40px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.work-path{
  border-color: rgba(201,209,223,.13) !important;
  background: linear-gradient(180deg, rgba(10,13,21,.58), rgba(5,7,12,.48)) !important;
}
.work-path__head{ border-bottom-color: rgba(201,209,223,.08) !important; }

/* Arbeitsfeld-Hero ruhiger und edler */
.zentrale-section--work > .zentrale-section-head.work-decision-hero,
.work-decision-hero{
  border-color: rgba(201,209,223,.18) !important;
  background:
    radial-gradient(720px 220px at 8% 0%, rgba(231,199,111,.09), transparent 62%),
    radial-gradient(520px 220px at 98% 12%, rgba(115,139,190,.095), transparent 64%),
    linear-gradient(145deg, rgba(16,19,29,.98), rgba(5,7,13,.98)) !important;
  box-shadow: 0 22px 60px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.035) !important;
}
.work-decision-hero::after,
.zentrale-section--work > .zentrale-section-head.work-decision-hero::before{
  background: linear-gradient(90deg, transparent, rgba(201,209,223,.28), transparent) !important;
  opacity:.85 !important;
}
.work-decision-hero__kicker{
  border-color: rgba(201,209,223,.20) !important;
  background: rgba(201,209,223,.055) !important;
  color: rgba(237,242,249,.86) !important;
}
.work-decision-hero__rail span{
  border-color: rgba(201,209,223,.14) !important;
  background: rgba(255,255,255,.028) !important;
  color: rgba(238,242,248,.84) !important;
}
.work-decision-hero__rail span:first-child,
.work-decision-hero__rail span:nth-child(2){
  border-color: rgba(231,199,111,.24) !important;
  background: rgba(231,199,111,.055) !important;
  color:#f2d98f !important;
}

/* Investment Hub und News: Premium ja, aber ruhiger */
.market-hub-card--hero,
.news-section{
  border-color: rgba(201,209,223,.16) !important;
  box-shadow: 0 18px 46px rgba(0,0,0,.30), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.market-hub-card--hero{
  background: radial-gradient(620px 180px at 8% 0%, rgba(231,199,111,.09), transparent 62%), linear-gradient(145deg, rgba(16,18,26,.96), rgba(7,9,16,.98)) !important;
}
.market-hub-hero-link{
  border-color: rgba(201,209,223,.16) !important;
  background: linear-gradient(135deg, rgba(231,199,111,.045), rgba(255,255,255,.025)), rgba(8,10,18,.56) !important;
}
.market-hub-hero-link:hover,
.market-hub-hero-link:focus-visible{ border-color: rgba(231,199,111,.32) !important; }
.market-hub-hero-icon,
.market-hub-feature-row span{
  border-color: rgba(201,209,223,.17) !important;
  background: rgba(201,209,223,.055) !important;
}
.market-hub-hero-cta{
  background: linear-gradient(180deg,#ead083,#caa24c) !important;
  box-shadow:none !important;
}
.news-section-status{ border-color: rgba(201,209,223,.19) !important; }
.news-item:hover{ border-color: rgba(201,209,223,.22) !important; }

/* Plus und Codes: ruhiger Mehrwertblock, Button klar aber nicht grell */
.plus-value-card{
  border-color: rgba(201,209,223,.16) !important;
  background: linear-gradient(145deg, rgba(19,21,29,.94), rgba(7,9,15,.98)) !important;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.btn.btn-gold.plus-shop-btn{
  min-height:42px;
  padding:10px 18px;
  border-radius:999px;
  background: linear-gradient(180deg,#ead083,#caa24c) !important;
  color:#17130a !important;
  border:1px solid rgba(231,199,111,.48) !important;
  box-shadow:none !important;
  font-weight:600 !important;
  letter-spacing:0 !important;
  white-space:nowrap;
}
.btn.btn-gold.plus-shop-btn:hover,
.btn.btn-gold.plus-shop-btn:focus-visible{
  filter:brightness(1.04);
  transform:translateY(-1px);
}
.btn-gold:not(.plus-shop-btn){ box-shadow:none !important; }
.btn-outline-gold{
  border-color: rgba(201,209,223,.24) !important;
  color:rgba(239,243,250,.88) !important;
  background:rgba(255,255,255,.025) !important;
}
.btn-outline-gold:hover,
.btn-outline-gold:focus-visible{
  border-color: rgba(231,199,111,.38) !important;
  color:#fff !important;
}

/* Globale Gold-Entschärfung für dekorative Linien und Status, ohne Lesbarkeit zu verlieren */
.zentrale-section-head,
.code-section,
.tool-card,
.intent-entry-card,
.entry-card{
  border-color: rgba(201,209,223,.14);
}
.my-pane--status{
  border-color: rgba(201,209,223,.16) !important;
  background: linear-gradient(180deg, rgba(17,19,28,.94), rgba(8,10,16,.98)) !important;
}
.tool-favorite-btn.is-active{
  border-color: rgba(231,199,111,.42) !important;
  color:#f2d98f !important;
  background: rgba(231,199,111,.075) !important;
}
@media (max-width:640px){
  .btn.btn-gold.plus-shop-btn{ width:100%; justify-content:center; }
  .quicklinks-search-panel{ padding:8px !important; }
  .quicklinks-search-close{ right:16px; }
}

/* v231 hotfix: close X inside search field must override old hidden rule */
.quicklinks-search-panel .quicklinks-search-close{
  display:inline-flex !important;
}
.quicklinks-search-panel .quicklinks-search-close{
  top:31px !important;
  transform:translateY(-50%) !important;
}
@media (max-width:640px){
  .quicklinks-search-panel .quicklinks-search-close{ top:29px !important; }
}

/* r4x-v235-collection-action-rows · Sammelkarten als klare Aktionszeilen */
.route-card--collection .route-card__link--collection{
  cursor:default !important;
}
.route-card--collection .route-card__link--collection:hover,
.route-card--collection .route-card__link--collection:focus-visible{
  transform:none !important;
}
.route-card-actions{
  margin-top:auto;
  display:grid;
  gap:9px;
  padding-top:6px;
}
.route-card-action{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:10px 11px 10px 12px;
  border-radius:14px;
  border:1px solid rgba(201,209,223,.18);
  background:linear-gradient(180deg, rgba(255,255,255,.042), rgba(255,255,255,.018));
  color:rgba(245,247,252,.95);
  text-decoration:none;
  font-size:12.8px;
  font-weight:500;
  line-height:1.18;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.035);
  transition:border-color .16s ease, background .16s ease, transform .16s ease, box-shadow .16s ease;
}
.route-card-action:hover,
.route-card-action:focus-visible{
  border-color:rgba(231,199,111,.34);
  background:linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.026));
  transform:translateY(-1px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045), 0 8px 18px rgba(0,0,0,.16);
  outline:none;
}
.route-card-action__label{
  min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:normal;
}
.route-card-action small{
  flex:0 0 auto;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:20px;
  padding:2px 7px;
  border-radius:999px;
  border:1px solid rgba(201,209,223,.24);
  background:rgba(201,209,223,.055);
  color:rgba(238,243,250,.88);
  font-size:9.5px;
  font-weight:600;
  letter-spacing:.05em;
  text-transform:uppercase;
}
.route-card-action--plus small{
  border-color:rgba(231,199,111,.42);
  background:rgba(231,199,111,.085);
  color:#efd58d;
}
.route-card-action__arrow{
  flex:0 0 auto;
  color:rgba(231,199,111,.82);
  font-size:19px;
  line-height:1;
  font-weight:800;
  transform:translateY(-1px);
}
.route-card-action[data-context-plus-link].is-locked{
  border-color:rgba(231,199,111,.25);
  color:rgba(245,247,252,.94);
}
.route-card-action[data-context-plus-link].is-locked small{
  display:inline-flex;
  color:#efd58d;
  border-color:rgba(231,199,111,.42);
  background:rgba(231,199,111,.085);
}
@media (max-width:768px){
  .route-card-actions{gap:9px; padding-top:8px;}
  .route-card-action{min-height:46px; padding:10px 12px; font-size:13.2px;}
  .route-card-action small{font-size:9.2px; padding-inline:7px;}
  .route-card-action__arrow{font-size:20px;}
}

/* r4x-v245-cta-reset · obsolete v236 CTA block removed. Active CTA system lives in shared/r4x-global-polish-v245.css. */

/* r4x-v238-mobile-info-origin-links · Info-Panels öffnen direkt unter der geklickten Karte */
.route-card > .info-panel.open p{
  margin:0 0 8px !important;
}
.route-card > .info-panel.open p:last-child{
  margin-bottom:0 !important;
}

/* r4x-v242-gold-chevrons · Arbeitsfeld-Pills als ruhige Intent-Links mit Richtungssymbol */
.work-decision-hero__rail a,
.work-decision-hero__rail .work-intent-link{
  min-height:34px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  border-radius:999px !important;
  border:1px solid rgba(201,209,223,.16) !important;
  background:rgba(255,255,255,.026) !important;
  color:rgba(238,242,248,.86) !important;
  font-size:12px !important;
  font-weight:750 !important;
  line-height:1.1 !important;
  text-align:center !important;
  text-decoration:none !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
  cursor:pointer !important;
  transition:transform .16s ease, border-color .16s ease, background .16s ease, color .16s ease, box-shadow .16s ease !important;
  -webkit-tap-highlight-color:transparent !important;
}
.work-decision-hero__rail a:first-child,
.work-decision-hero__rail a:nth-child(2),
.work-decision-hero__rail .work-intent-link:first-child,
.work-decision-hero__rail .work-intent-link:nth-child(2){
  border-color:rgba(201,209,223,.16) !important;
  background:rgba(255,255,255,.026) !important;
  color:rgba(238,242,248,.86) !important;
}
.work-decision-hero__rail a:hover,
.work-decision-hero__rail .work-intent-link:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(231,199,111,.42) !important;
  background:rgba(231,199,111,.07) !important;
  color:#f2d98f !important;
  box-shadow:0 10px 24px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.04) !important;
}
.work-decision-hero__rail a:focus-visible,
.work-decision-hero__rail .work-intent-link:focus-visible{
  outline:2px solid rgba(245,210,122,.72) !important;
  outline-offset:3px !important;
  border-color:rgba(245,210,122,.58) !important;
  color:#f5d27a !important;
}
.work-decision-hero__rail a:active,
.work-decision-hero__rail .work-intent-link:active{
  transform:translateY(0) scale(.99) !important;
}
@media (max-width: 560px){
  .work-decision-hero__rail a,
  .work-decision-hero__rail .work-intent-link{
    min-height:30px !important;
    font-size:11.5px !important;
    padding:6px 7px !important;
  }
}
.work-decision-hero__rail a.is-current,
.work-decision-hero__rail .work-intent-link.is-current{
  border-color:rgba(231,199,111,.40) !important;
  background:rgba(231,199,111,.075) !important;
  color:#f2d98f !important;
}

/* r4x-v242-gold-chevrons · kein aktives Leuchten im Situationsrouter */
.work-decision-hero__rail .work-intent-link,
.work-decision-hero__rail .work-intent-link:visited,
.work-decision-hero__rail .work-intent-link.is-current{
  justify-content:center !important;
  gap:7px !important;
  border-color:rgba(201,209,223,.16) !important;
  background:rgba(255,255,255,.026) !important;
  color:rgba(238,242,248,.86) !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03) !important;
}
.work-decision-hero__rail .work-intent-link::after{
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-left:1px;
  color:#f2d98f;
  font-size:18px;
  font-weight:700;
  line-height:1;
  transform:translateY(-.5px);
}
.work-decision-hero__rail .work-intent-link:hover{
  transform:translateY(-1px) !important;
  border-color:rgba(201,209,223,.28) !important;
  background:rgba(255,255,255,.05) !important;
  color:#ffffff !important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05) !important;
}
.work-decision-hero__rail .work-intent-link:hover::after,
.work-decision-hero__rail .work-intent-link:focus-visible::after{
  color:#f2d98f;
}
.work-decision-hero__rail .work-intent-link:focus-visible{
  outline:2px solid rgba(238,242,248,.56) !important;
  outline-offset:3px !important;
  border-color:rgba(238,242,248,.32) !important;
  color:#ffffff !important;
}

/* r4x-v242-gold-chevrons · Zentrale-Chevrons vereinheitlicht */
.zentrale-section .route-card__cta::after,
.zentrale-section .route-card-action__arrow,
.zentrale-section .info-panel-action::after,
.zentrale-section--work .primary-check-card__btn::after,
.work-decision-hero__rail .work-intent-link::after{
  color:#f2d98f !important;
}
.zentrale-section .route-card__cta::after{
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  line-height:1;
  margin-left:1px;
  transform:translateY(-.5px);
}
.zentrale-section--work .primary-check-card__btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:7px !important;
}
.zentrale-section--work .primary-check-card__btn::after{
  content:"›";
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:18px;
  font-weight:700;
  line-height:1;
  transform:translateY(-.5px);
}
.zentrale-section .route-card-action__arrow{
  color:#f2d98f !important;
}
.route-card-action--plus.is-plus-unlock .route-card-action__arrow,
.route-card-action--plus.is-locked .route-card-action__arrow{
  color:#f2d98f !important;
}


/* r4x-v258-stable-section-state · Guides und Nachschlagewerke als Sammelkarten mit sichtbaren Themenfeldern */
.route-card--topic-overview .route-card__link{
  min-height:228px !important;
}
.route-card-topic-fields{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:0 0 15px;
  padding-top:11px;
  border-top:1px solid rgba(255,255,255,.07);
}
.route-card-topic-fields span{
  display:inline-flex;
  align-items:center;
  min-height:25px;
  padding:4px 8px;
  border-radius:999px;
  border:1px solid rgba(201,209,223,.16);
  background:rgba(255,255,255,.035);
  color:rgba(236,242,250,.88);
  font-family:"Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-size:11.4px;
  line-height:1.15;
  font-weight:500;
  letter-spacing:0;
  white-space:nowrap;
}
.route-card--topic-overview .route-card__cta{
  margin-top:auto !important;
}
.route-card__link--section-jump{
  cursor:pointer;
}
@media (max-width:1120px){
  .route-card--topic-overview .route-card__link{ min-height:220px !important; }
}
@media (max-width:768px){
  .route-card-topic-fields{ gap:8px; margin-bottom:16px; }
  .route-card-topic-fields span{ font-size:12px; min-height:27px; padding:5px 9px; }
}


/* r4x-v258-stable-section-state · Einheitlicher Plus-Freischalten-Hinweis beim Codefeld */

/* r4x-v258-stable-section-state · interne Zentrale-Spruenge schreiben echte Verlaufsschritte fuer Browser-Zurueck */

/* r4x-v258-stable-section-state · Desktop Suche volle Breite ohne Icon/Text-Überlappung */
@media (min-width: 769px) {
  .quicklinks.is-search-open .quicklinks-inner--cards {
    align-items: stretch !important;
  }
  .quicklinks.is-search-open .quicklinks-search-wrap {
    grid-column: 1 / -1 !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    margin-top: 0 !important;
  }
  .quicklinks.is-search-open .quicklinks-search-toggle-row {
    display: none !important;
  }
  .quicklinks.is-search-open .quicklinks-search-panel {
    display: block !important;
    position: relative !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }
  .quicklinks.is-search-open .quicklinks-search-panel::before {
    left: 18px !important;
    z-index: 2 !important;
    pointer-events: none !important;
  }
  .quicklinks.is-search-open .quicklinks-search {
    width: 100% !important;
    max-width: 100% !important;
    min-width: 0 !important;
    box-sizing: border-box !important;
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .quicklinks.is-search-open .global-search-results {
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    box-sizing: border-box !important;
  }
  .quicklinks.is-search-open .quicklinks-search-panel .quicklinks-search-close {
    display: inline-flex !important;
    top: 50% !important;
    right: 12px !important;
    transform: translateY(-50%) !important;
  }
}

/* r4x-v258-stable-section-state · Schnellzugriff Reihenfolge und ruhigere Hash-Rueckkehr */


/* v290 Zentrale Investmentbereich: Investment Hub unter der Bereichsüberschrift konsolidiert */
#investment > .market-hub-card--hero{
  max-width:none;
  margin:0 0 18px;
}
#investment > .route-grid--tools{
  margin-top:0;
}


/* --- v293 dashboard typography sharpness pass ---
   Cause: multiple historical News CSS layers used non-standard font weights (625/650/800) and late-loaded font imports.
   Fix: force the News feed to the canonical Open Sans weights and remove opacity/transform/filter effects that can soften text rendering. */
html, body{
  font-family:"Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  font-synthesis: none;
}
.news-section,
.news-section *,
.news-card,
.news-card *,
.news-item,
.news-item *,
.news-modal,
.news-modal *{
  font-family:"Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  text-shadow:none !important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
  font-synthesis:none;
}
.news-card,
.news-item,
.news-item:hover,
.news-item--lead,
.news-item--alt{
  opacity:1 !important;
  transform:none !important;
  filter:none !important;
  backdrop-filter:none !important;
  -webkit-backdrop-filter:none !important;
}
.news-item-title,
.news-modal-entry-title{
  font-weight:600 !important;
  letter-spacing:0 !important;
  color:rgba(255,255,255,.96) !important;
}
.news-item--lead .news-item-title,
.news-modal-entry--lead .news-modal-entry-title{
  font-weight:700 !important;
}
.news-item-meta,
.news-modal-entry-meta,
.news-card-meta,
.news-card-subline{
  font-weight:500 !important;
  opacity:1 !important;
  color:rgba(222,228,238,.78) !important;
}
.news-item-badge,
.news-card-title-badge,
.news-modal-entry-badge,
.news-more-btn,
.news-section-status{
  font-weight:600 !important;
  opacity:1 !important;
  letter-spacing:0 !important;
}

/* --- Compass: Primary mission (Nächste Mission) --- */
.r4x-compass-mission.is-primary{
  border-color:rgba(245,210,122,.55);
  background:linear-gradient(135deg, rgba(245,210,122,.11), rgba(245,210,122,.04));
  box-shadow:inset 4px 0 0 #f5d27a, 0 4px 16px rgba(245,210,122,.1);
}
/* Primary hero - rendered above the grid, full width */
.r4x-compass-next-mission{
  margin-bottom:10px;
}
.r4x-compass-next-mission .r4x-compass-mission{
  border-color:rgba(245,210,122,.55);
  background:linear-gradient(135deg, rgba(245,210,122,.11), rgba(245,210,122,.04));
  box-shadow:inset 4px 0 0 #f5d27a, 0 4px 16px rgba(245,210,122,.1);
  display:grid;
  grid-template-columns:30px 1fr;
  gap:9px;
}
.r4x-mission-eyebrow{
  display:inline-block;
  margin-bottom:5px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:#f5d27a;
  text-shadow:0 0 8px rgba(245,210,122,.4);
}

/* Focus box: inline progress bar under header */
.r4x-compass-focus-progress-bar{
  width:100%;
  height:4px;
  border-radius:999px;
  background:rgba(255,255,255,.07);
  margin:12px 0 14px;
  overflow:hidden;
}
.r4x-compass-focus-progress-bar-fill{
  height:100%;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(212,175,55,.55), #f5d27a);
  transition:width .35s ease;
}

/* --- Compass: difficulty badge --- */
.r4x-compass-difficulty{
  display:inline-block;
  padding:2px 7px;
  border-radius:999px;
  font-size:9.5px;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  border:1px solid;
  white-space:nowrap;
}
.r4x-compass-difficulty.is-einsteiger{ color:#6ed97a; border-color:rgba(110,217,122,.35); background:rgba(110,217,122,.1); }
.r4x-compass-difficulty.is-fortgeschritten{ color:#f5b44a; border-color:rgba(245,180,74,.35); background:rgba(245,180,74,.1); }
.r4x-compass-difficulty.is-experte{ color:#c87add; border-color:rgba(200,122,221,.35); background:rgba(200,122,221,.1); }

/* --- Compass: Undo snackbar --- */
.r4x-compass-undo-snack{
  position:fixed;
  bottom:1.5rem;
  left:50%;
  transform:translate(-50%, 12px);
  z-index:9999;
  display:inline-flex;
  align-items:center;
  gap:12px;
  padding:10px 14px 10px 16px;
  border-radius:999px;
  border:1px solid rgba(245,210,122,.38);
  background:rgba(10,12,18,.96);
  color:#f0ede4;
  font-size:13px;
  font-weight:600;
  box-shadow:0 8px 28px rgba(0,0,0,.45);
  opacity:0;
  pointer-events:none;
  transition:opacity .2s ease, transform .2s ease;
  white-space:nowrap;
  max-width:calc(100vw - 2rem);
}
.r4x-compass-undo-snack.is-visible{
  opacity:1;
  transform:translate(-50%, 0);
  pointer-events:auto;
}
.r4x-compass-undo-snack button{
  border:1px solid rgba(245,210,122,.38);
  background:rgba(245,210,122,.1);
  color:#f5d27a;
  border-radius:999px;
  padding:4px 12px;
  font-size:12px;
  font-weight:800;
  cursor:pointer;
  transition:background .15s;
}
.r4x-compass-undo-snack button:hover{ background:rgba(245,210,122,.2); }

/* --- Compass: Field cleared toast --- */
.r4x-compass-cleared-toast{
  position:fixed;
  top:50%;
  left:50%;
  transform:translate(-50%, -50%) scale(.88);
  z-index:9999;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:28px 36px;
  border-radius:24px;
  border:1px solid rgba(245,210,122,.45);
  background:linear-gradient(160deg,rgba(16,20,28,.98),rgba(10,12,18,.99));
  box-shadow:0 24px 60px rgba(0,0,0,.55), 0 0 0 1px rgba(245,210,122,.15);
  color:#f0ede4;
  text-align:center;
  opacity:0;
  pointer-events:none;
  transition:opacity .28s ease, transform .28s cubic-bezier(.34,1.56,.64,1);
  max-width:90vw;
}
.r4x-compass-cleared-toast.is-visible{
  opacity:1;
  transform:translate(-50%, -50%) scale(1);
}
.r4x-compass-cleared-toast-icon{ font-size:2.8rem; line-height:1; }
.r4x-compass-cleared-toast-title{
  font-size:1.2rem;
  font-weight:800;
  color:#f5d27a;
  letter-spacing:-.01em;
}
.r4x-compass-cleared-toast-sub{
  font-size:.9rem;
  color:rgba(240,237,228,.7);
}

/* --- Compass: focus head difficulty --- */
.r4x-compass-focus-head-meta{
  display:flex;
  align-items:center;
  gap:7px;
  flex-wrap:wrap;
  margin-top:5px;
}


/* v390: Quicklink jump highlight should mark the visible section title consistently */
.subsection-title.blink,
.tools-subsection-title.blink{
  animation: r4xTitleBlink 3400ms ease-out 0s 1;
  border-radius: 16px;
  padding: 7px 10px;
  margin-left: -10px;
  width: fit-content;
  max-width: 100%;
}
@keyframes r4xTitleBlink{
  0%{
    background: rgba(245,210,122,0.00);
    box-shadow: 0 0 0 0 rgba(245,210,122,0.00);
  }
  16%{
    background: rgba(245,210,122,0.12);
    box-shadow: 0 0 0 1px rgba(245,210,122,0.42), 0 0 0 6px rgba(245,210,122,0.10);
  }
  72%{
    background: rgba(245,210,122,0.07);
    box-shadow: 0 0 0 1px rgba(245,210,122,0.24), 0 0 0 9px rgba(245,210,122,0.045);
  }
  100%{
    background: rgba(245,210,122,0.00);
    box-shadow: 0 0 0 0 rgba(245,210,122,0.00);
  }
}
@media (max-width: 768px){
  .subsection-title.blink,
  .tools-subsection-title.blink{
    padding: 6px 8px;
    margin-left: -8px;
  }
}

/* v442 before-click modal rebuild */
.intent-modal-actions { gap: 14px; }
.r4x-intent-section-v441 { display: grid; gap: 10px; }
.r4x-intent-section-title-v441 {
  font-size: 12px;
  color: rgba(245, 210, 122, 0.96);
  letter-spacing: 0.10em;
  text-transform: uppercase;
  font-weight: 700;
  margin-top: 2px;
}
.r4x-intent-section-grid-v441 { display: grid; gap: 10px; }
.r4x-intent-card-v441 {
  border: 1px solid rgba(255,255,255,0.10);
  background: linear-gradient(145deg, rgba(18,21,31,0.92), rgba(13,15,22,0.94));
  border-radius: 14px;
  padding: 11px;
}
.r4x-intent-section-v441:first-child .r4x-intent-card-v441 {
  border-color: rgba(245,210,122,0.36);
  background: linear-gradient(145deg, rgba(245,210,122,0.10), rgba(18,21,31,0.94));
}
.r4x-intent-card-head-v441 {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 8px;
}
.r4x-intent-card-title-wrap-v441 { min-width: 0; }
.r4x-intent-card-title-wrap-v441 h4 {
  margin: 0;
  color: rgba(245,245,247,0.98);
  font-size: 14px;
  line-height: 1.35;
  font-weight: 700;
}
.r4x-intent-card-title-wrap-v441 p {
  margin: 4px 0 0;
  color: rgba(230,234,244,0.82);
  font-size: 12.5px;
  line-height: 1.48;
}
.r4x-intent-badges-v441 { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
.r4x-intent-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 22px;
  padding: 3px 8px;
  border-radius: 999px;
  font-size: 10px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  white-space: nowrap;
}
.r4x-intent-badge--plus { color: #111; background: var(--gold); border: 1px solid rgba(245,210,122,0.7); }
.r4x-intent-badge--free { color: rgba(245,245,247,0.92); background: rgba(160,170,190,0.12); border: 1px solid rgba(190,198,215,0.45); }
.r4x-intent-chip-row-v441 { display: flex; flex-wrap: wrap; gap: 7px; margin: 7px 0 9px; }
.r4x-intent-chip-v441 {
  border-radius: 999px;
  padding: 6px 9px;
  font-size: 11px;
  font-weight: 700;
  cursor: pointer;
  border: 1px solid rgba(255,255,255,0.16);
  background: rgba(255,255,255,0.045);
  color: rgba(245,245,247,0.9);
}
.r4x-intent-chip-v441.is-plus { border-color: rgba(245,210,122,0.45); color: rgba(245,210,122,0.95); }
.r4x-intent-chip-v441:hover { background: rgba(255,255,255,0.08); }
.r4x-intent-tier-list-v441 { display: grid; gap: 8px; }
.r4x-intent-tier-row {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  align-items: center;
  gap: 10px;
  padding: 9px;
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,0.08);
  background: rgba(255,255,255,0.035);
}
.r4x-intent-tier-row--plus { border-color: rgba(245,210,122,0.22); background: rgba(245,210,122,0.055); }
.r4x-intent-tier-copy { min-width: 0; }
.r4x-intent-tier-label {
  color: rgba(245,210,122,0.96);
  font-size: 10.5px;
  font-weight: 800;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-bottom: 3px;
}
.r4x-intent-tier-row--free .r4x-intent-tier-label { color: rgba(210,217,230,0.86); }
.r4x-intent-tier-copy p {
  margin: 0;
  color: rgba(235,238,246,0.86);
  font-size: 12.2px;
  line-height: 1.45;
}
.r4x-intent-action-btn {
  min-height: 34px;
  border-radius: 999px;
  padding: 7px 12px;
  font-size: 12px;
  font-weight: 800;
  cursor: pointer;
  white-space: nowrap;
}
.r4x-intent-action-btn--plus {
  color: #111;
  background: var(--gold);
  border: 1px solid rgba(245,210,122,0.75);
}
.r4x-intent-action-btn--free {
  color: rgba(245,245,247,0.95);
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(225,229,239,0.28);
}
.r4x-intent-action-btn:hover { filter: brightness(1.05); }
@media (max-width: 620px) {
  .r4x-intent-tier-row { grid-template-columns: 1fr; }
  .r4x-intent-action-btn { width: 100%; }
  .r4x-intent-card-head-v441 { align-items: flex-start; }
}

/* v442 before-click clarity anchors */
.r4x-intent-benefit-v442 {
  color: rgba(230,234,244,0.84);
}
.r4x-intent-benefit-label-v442 {
  color: rgba(92, 214, 136, 0.96);
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  margin-right: 5px;
}
.r4x-intent-card--emergency-v442 {
  border-color: rgba(255, 105, 105, 0.34);
  background: linear-gradient(145deg, rgba(92, 17, 20, 0.28), rgba(13,15,22,0.94));
}
.r4x-intent-card--emergency-v442 .r4x-intent-card-title-wrap-v441 h4 {
  color: rgba(255, 232, 232, 0.98);
}
.r4x-intent-card--emergency-v442 .r4x-intent-tier-row--plus {
  border-color: rgba(255, 105, 105, 0.24);
  background: rgba(255, 105, 105, 0.065);
}
.intent-bullets li::marker {
  color: rgba(245,210,122,0.98);
}

/* v444 before-click modal UX refinement */
.intent-block-head-v443 {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 6px;
}
.intent-modal-access-status-v443 {
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 7px;
  flex-wrap: wrap;
}
.intent-modal-access-status-v443 .r4x-intent-badge {
  min-height: 24px;
  padding: 4px 9px;
}
.r4x-intent-status-unlock-v443 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 24px;
  padding: 4px 10px;
  border-radius: 999px;
  border: 1px solid rgba(245, 210, 122, 0.58);
  background: rgba(245, 210, 122, 0.14);
  color: rgba(245, 210, 122, 0.98);
  font-size: 10.5px;
  font-weight: 850;
  letter-spacing: 0.035em;
  text-transform: uppercase;
  cursor: pointer;
  white-space: nowrap;
}
.r4x-intent-status-unlock-v443:hover {
  background: rgba(245, 210, 122, 0.22);
}
.intent-modal-actions {
  gap: 12px;
}
.r4x-intent-section-v441 {
  gap: 8px;
}
.r4x-intent-section-title-v441 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11.5px;
  letter-spacing: 0.095em;
}
.r4x-intent-section-grid-v441 {
  gap: 9px;
}
.r4x-intent-card-v441 {
  padding: 10px;
  border-color: rgba(255,255,255,0.085);
  background: linear-gradient(145deg, rgba(15,18,27,0.92), rgba(11,13,19,0.94));
}
.r4x-intent-section--recommended-v443 .r4x-intent-card-v441 {
  padding: 11px;
  border-color: rgba(245,210,122,0.48);
  background: linear-gradient(145deg, rgba(245,210,122,0.115), rgba(18,21,31,0.94));
  box-shadow: 0 0 0 1px rgba(245,210,122,0.10) inset;
}
.r4x-intent-section--supplements-v443 .r4x-intent-card-v441,
.r4x-intent-section--deepen-v443 .r4x-intent-card-v441 {
  padding: 9px 10px;
}
.r4x-intent-card-head-v441 {
  margin-bottom: 6px;
}
.r4x-intent-card-title-wrap-v441 h4 {
  font-size: 13.8px;
}
.r4x-intent-card-title-wrap-v441 p {
  margin-top: 3px;
  font-size: 12.15px;
  line-height: 1.43;
}
.r4x-intent-card-head-v441 {
  justify-content: flex-start;
}
.r4x-intent-badges-v441 {
  display: none;
}
.r4x-intent-chip-row-v441 {
  gap: 6px;
  margin: 5px 0 7px;
}
.r4x-intent-chip-v441 {
  padding: 4px 8px;
  font-size: 10.5px;
  font-weight: 750;
  border-color: rgba(255,255,255,0.12);
  background: rgba(255,255,255,0.035);
  color: rgba(230,234,244,0.78);
}
.r4x-intent-chip-v441.is-plus {
  border-color: rgba(245,210,122,0.28);
  color: rgba(245,210,122,0.78);
  background: rgba(245,210,122,0.045);
}
.r4x-intent-tier-list-v441 {
  gap: 6px;
}
.r4x-intent-tier-row {
  gap: 8px;
  padding: 7px 8px;
  border-radius: 11px;
  background: rgba(255,255,255,0.026);
}
.r4x-intent-tier-row--plus {
  border-color: rgba(245,210,122,0.16);
  background: rgba(245,210,122,0.038);
}
.r4x-intent-tier-label {
  font-size: 10px;
  margin-bottom: 2px;
}
.r4x-intent-tier-copy p {
  font-size: 11.8px;
  line-height: 1.38;
}
.r4x-intent-action-btn {
  min-height: 32px;
  padding: 6px 11px;
  font-size: 11.8px;
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--free {
  color: #111;
  background: var(--gold);
  border-color: rgba(245,210,122,0.78);
}
.r4x-intent-section--supplements-v443 .r4x-intent-action-btn--plus,
.r4x-intent-section--deepen-v443 .r4x-intent-action-btn--plus {
  background: rgba(245,210,122,0.88);
}
.intent-modal-note[hidden] {
  display: none !important;
}
@media (max-width: 620px) {
  .intent-block-head-v443 {
    align-items: flex-start;
  }
  .intent-modal-access-status-v443 {
    justify-content: flex-end;
    max-width: 54%;
  }
  .r4x-intent-section--supplements-v443 .r4x-intent-card-v441,
  .r4x-intent-section--deepen-v443 .r4x-intent-card-v441 {
    padding: 9px;
  }
  .r4x-intent-tier-row {
    gap: 7px;
  }
}


/* v444: single modal access state, only in the short intro header */
.intent-modal-access-status-v443 {
  flex-shrink: 0;
}
.intent-modal-access-status-v443 .r4x-intent-badge--plus {
  box-shadow: 0 0 0 1px rgba(245,210,122,0.10) inset;
}
@media (max-width: 620px) {
  .intent-modal-access-status-v443 {
    max-width: none;
    justify-content: flex-start;
  }
}

/* v445 before-click CTA/access cleanup
   - Plus/Free state appears once at the intro header.
   - Locked Plus CTAs keep the real action wording and add a lock icon.
   - Gold is reserved for access state, recommended action, and subtle section cues. */
.r4x-intent-status-unlock-v443 {
  gap: 5px;
  color: rgba(245, 210, 122, 0.96);
  background: rgba(245, 210, 122, 0.075);
  border-color: rgba(245, 210, 122, 0.36);
  text-transform: none;
  letter-spacing: 0.01em;
  font-weight: 800;
}
.r4x-intent-status-unlock-v443:hover {
  background: rgba(245, 210, 122, 0.13);
  border-color: rgba(245, 210, 122, 0.52);
}
.r4x-intent-section-title-v441 {
  color: rgba(245, 210, 122, 0.88);
}
.r4x-intent-section--recommended-v443 .r4x-intent-card-v441 {
  border-color: rgba(245,210,122,0.42);
  background: linear-gradient(145deg, rgba(245,210,122,0.085), rgba(16,19,28,0.94));
  box-shadow: 0 0 0 1px rgba(245,210,122,0.075) inset;
}
.r4x-intent-section--supplements-v443 .r4x-intent-card-v441,
.r4x-intent-section--deepen-v443 .r4x-intent-card-v441 {
  border-color: rgba(255,255,255,0.07);
  background: linear-gradient(145deg, rgba(13,16,24,0.94), rgba(9,11,17,0.96));
}
.r4x-intent-chip-v441,
.r4x-intent-chip-v441.is-plus {
  border-color: rgba(205,213,228,0.14);
  background: rgba(255,255,255,0.028);
  color: rgba(220,226,238,0.76);
}
.r4x-intent-chip-v441:hover,
.r4x-intent-chip-v441.is-plus:hover {
  border-color: rgba(245,210,122,0.24);
  background: rgba(245,210,122,0.055);
  color: rgba(245,245,247,0.9);
}
.r4x-intent-tier-row--plus {
  border-color: rgba(245,210,122,0.12);
  background: rgba(245,210,122,0.022);
}
.r4x-intent-tier-label {
  color: rgba(245,210,122,0.82);
}
.r4x-intent-action-btn--plus {
  color: rgba(245,210,122,0.98);
  background: rgba(245,210,122,0.055);
  border: 1px solid rgba(245,210,122,0.34);
}
.r4x-intent-action-btn--plus:hover {
  background: rgba(245,210,122,0.105);
  border-color: rgba(245,210,122,0.48);
  filter: none;
}
.r4x-intent-action-btn--plus.is-locked-plus {
  color: rgba(245,210,122,0.94);
  background: rgba(245,210,122,0.045);
  border-color: rgba(245,210,122,0.30);
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn,
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--free,
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--plus {
  color: #111;
  background: var(--gold);
  border-color: rgba(245,210,122,0.76);
}
.r4x-intent-card--emergency-v442 .r4x-intent-action-btn--plus {
  color: rgba(255,232,232,0.96);
  background: rgba(255,105,105,0.06);
  border-color: rgba(255,105,105,0.32);
}
.r4x-intent-card--emergency-v442 .r4x-intent-section--recommended-v443 .r4x-intent-action-btn--plus {
  color: #111;
  background: var(--gold);
  border-color: rgba(245,210,122,0.76);
}


/* v446 before-click readability and gold reduction */
.intent-modal-card {
  border-color: rgba(255,255,255,0.12);
}
.intent-modal-kicker,
.intent-block-title,
.r4x-intent-section-title-v441 {
  color: rgba(245,210,122,0.78);
}
.intent-block--next {
  border-color: rgba(245,210,122,0.16);
  background: rgba(245,210,122,0.045);
}
.r4x-intent-section--recommended-v443 .r4x-intent-card-v441 {
  border-color: rgba(245,210,122,0.36);
  background: linear-gradient(145deg, rgba(245,210,122,0.065), rgba(16,19,28,0.94));
  box-shadow: 0 0 0 1px rgba(245,210,122,0.055) inset;
}
.r4x-intent-tier-row--plus {
  border-color: rgba(245,210,122,0.10);
  background: rgba(245,210,122,0.018);
}
.r4x-intent-tier-label {
  color: rgba(245,210,122,0.76);
}
.r4x-intent-section--supplements-v443 .r4x-intent-action-btn--plus,
.r4x-intent-section--deepen-v443 .r4x-intent-action-btn--plus {
  color: rgba(245,210,122,0.96);
  background: rgba(245,210,122,0.045);
  border-color: rgba(245,210,122,0.30);
}
.r4x-intent-section--supplements-v443 .r4x-intent-action-btn--plus:hover,
.r4x-intent-section--deepen-v443 .r4x-intent-action-btn--plus:hover {
  color: rgba(255,236,185,0.98);
  background: rgba(245,210,122,0.085);
  border-color: rgba(245,210,122,0.42);
  filter: none;
}
.r4x-intent-section--supplements-v443 .r4x-intent-action-btn--plus.is-locked-plus,
.r4x-intent-section--deepen-v443 .r4x-intent-action-btn--plus.is-locked-plus {
  color: rgba(245,210,122,0.90);
  background: rgba(245,210,122,0.035);
  border-color: rgba(245,210,122,0.24);
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn,
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--free,
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--plus {
  color: #111;
  background: var(--gold);
  border-color: rgba(245,210,122,0.72);
}
.r4x-intent-chip-v441,
.r4x-intent-chip-v441.is-plus {
  border-color: rgba(205,213,228,0.12);
  background: rgba(255,255,255,0.022);
  color: rgba(220,226,238,0.72);
}


/* v447 before-click modal polish
   - Recommended CTAs use the same lighter action style as the other cards.
   - Section labels are centered.
   - Mobile access badges wrap below the intro title instead of pushing outside the box.
   - Plus unlock jumps to the visible "Plus und Codes" section title, not directly into the input field. */
.r4x-intent-section-title-v441 {
  text-align: center;
  justify-self: center;
  width: 100%;
  margin: 2px auto 0;
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn,
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--free {
  color: rgba(245,245,247,0.95);
  background: rgba(255,255,255,0.045);
  border: 1px solid rgba(225,229,239,0.28);
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--free:hover {
  background: rgba(255,255,255,0.075);
  border-color: rgba(225,229,239,0.40);
  filter: none;
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--plus {
  color: rgba(245,210,122,0.96);
  background: rgba(245,210,122,0.045);
  border: 1px solid rgba(245,210,122,0.30);
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--plus:hover {
  color: rgba(255,236,185,0.98);
  background: rgba(245,210,122,0.085);
  border-color: rgba(245,210,122,0.42);
  filter: none;
}
.r4x-intent-section--recommended-v443 .r4x-intent-action-btn--plus.is-locked-plus {
  color: rgba(245,210,122,0.90);
  background: rgba(245,210,122,0.035);
  border-color: rgba(245,210,122,0.24);
}
@media (max-width: 620px) {
  .intent-block-head-v443 {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 8px;
  }
  .intent-modal-access-status-v443 {
    width: 100%;
    justify-content: flex-start;
    gap: 6px;
  }
  .intent-modal-access-status-v443 .r4x-intent-badge,
  .r4x-intent-status-unlock-v443 {
    max-width: 100%;
  }
  .r4x-intent-status-unlock-v443 {
    min-width: 0;
    white-space: normal;
    line-height: 1.2;
    text-align: center;
  }
}
@media (max-width: 420px) {
  .intent-modal-body {
    padding-left: 12px;
    padding-right: 12px;
  }
  .intent-block {
    padding: 11px;
  }
  .r4x-intent-section-title-v441 {
    letter-spacing: 0.075em;
  }
}


/* v449 before-click tool icons and cleanup baseline */
.r4x-intent-card-title-v449 {
  display: flex;
  align-items: center;
  gap: 7px;
}
.r4x-intent-card-tool-icon-v449 {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 20px;
  height: 20px;
  flex: 0 0 20px;
  font-size: 16px;
  line-height: 1;
  filter: saturate(1.02);
}
.r4x-intent-card-title-text-v449 {
  min-width: 0;
}
@media (max-width: 420px) {
  .r4x-intent-card-title-v449 {
    gap: 6px;
  }
  .r4x-intent-card-tool-icon-v449 {
    width: 19px;
    height: 19px;
    flex-basis: 19px;
    font-size: 15px;
  }
}

/* Mobile before-click modal title visibility
   The shared header has a higher z-index than the dashboard modal. On mobile the modal card
   must therefore start below the shared header, otherwise the modal title/kicker is clipped. */
@media (max-width: 600px) {
  .intent-modal-card {
    width: min(720px, calc(100% - 12px));
    margin-top: calc(var(--r4x-shared-header-height, 68px) + 8px + env(safe-area-inset-top, 0px));
    margin-bottom: calc(10px + env(safe-area-inset-bottom, 0px));
    max-height: calc(100vh - var(--r4x-shared-header-height, 68px) - 18px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
    max-height: calc(100dvh - var(--r4x-shared-header-height, 68px) - 18px - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px));
  }
  .intent-modal-header {
    flex: 0 0 auto;
  }
  .intent-modal-title {
    line-height: 1.22;
  }
}


/* R4X v454: Situations-Router visuell zurücknehmen, andere Icon-Rolle */
.intent-section--router {
  position: relative;
  margin-top: 10px;
  padding: 16px;
  border-color: rgba(255, 255, 255, 0.10);
  background:
    radial-gradient(circle at 8% 0%, rgba(245, 210, 122, 0.055), transparent 30%),
    linear-gradient(180deg, rgba(13, 15, 22, 0.92), rgba(10, 12, 18, 0.96));
  box-shadow: 0 10px 24px rgba(0, 0, 0, 0.18);
  overflow: hidden;
}
.intent-section--router::before {
  content: "";
  position: absolute;
  inset: 0 0 auto 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(245, 210, 122, 0.48), rgba(245, 210, 122, 0.05));
  pointer-events: none;
}
.intent-router-hero {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: 12px;
  align-items: start;
  margin-bottom: 16px;
  padding: 12px 14px;
  border: 1px solid rgba(255, 255, 255, 0.10);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.035), rgba(13, 15, 22, 0.72));
}
.intent-router-hero__icon {
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 13px;
  border: 1px solid rgba(245, 210, 122, 0.16);
  background: rgba(245, 210, 122, 0.055);
  font-size: 18px;
  line-height: 1;
}
.intent-router-hero__copy {
  min-width: 0;
}
.intent-router-kicker {
  margin: 0 0 2px;
  color: rgba(245, 210, 122, 0.86);
  font-size: 10.5px;
  line-height: 1.3;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  font-weight: 700;
}
.intent-router-hero h3 {
  margin: 0 0 5px;
  color: rgba(255, 255, 255, 0.92);
  font-size: clamp(17px, 1.55vw, 20px);
  line-height: 1.18;
  font-weight: 700;
}
.intent-router-hero p:not(.intent-router-kicker) {
  margin: 0;
  color: rgba(244, 241, 234, 0.76);
  font-size: 13px;
  line-height: 1.5;
}
.intent-router-hero p + p:not(.intent-router-kicker) {
  margin-top: 4px;
}
.intent-router-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin-top: 10px;
}
.intent-router-badges span {
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 4px 9px;
  border-radius: 999px;
  border: 1px solid rgba(255, 255, 255, 0.12);
  background: rgba(255, 255, 255, 0.035);
  color: rgba(244, 241, 234, 0.78);
  font-size: 11.5px;
  font-weight: 650;
  line-height: 1.2;
}
.intent-section--router .intent-grid {
  gap: 12px;
}
.intent-section--router .intent-group {
  border-color: rgba(255, 255, 255, 0.11);
  background: rgba(9, 11, 17, 0.62);
  transition: border-color var(--transition-fast), background var(--transition-fast), box-shadow var(--transition-fast);
}
.intent-section--router .intent-group[open] {
  border-color: rgba(245, 210, 122, 0.34);
  background: rgba(14, 16, 22, 0.84);
  box-shadow: inset 3px 0 0 rgba(245, 210, 122, 0.62);
}
.intent-section--router .intent-group-summary {
  padding: 14px 16px;
}
.intent-group-title {
  display: flex;
  align-items: center;
  gap: 8px;
}
.intent-group-title-icon {
  width: 28px;
  height: 28px;
  display: inline-grid;
  place-items: center;
  flex: 0 0 auto;
  border-radius: 10px;
  border: 1px solid rgba(245, 210, 122, 0.18);
  background: rgba(245, 210, 122, 0.09);
  font-size: 14px;
  line-height: 1;
}
.intent-section--router .intent-group[open] .intent-group-title-icon {
  border-color: rgba(245, 210, 122, 0.34);
  background: rgba(245, 210, 122, 0.13);
}
.intent-section--router .intent-group-title {
  color: rgba(245, 210, 122, 0.98);
  font-size: 15px;
}
.intent-section--router .intent-group-sub {
  padding-left: 36px;
  color: rgba(244, 241, 234, 0.68);
}
.intent-section--router .intent-group-count {
  color: rgba(245, 210, 122, 0.96);
  border-color: rgba(245, 210, 122, 0.28);
  background: rgba(245, 210, 122, 0.09);
}
.intent-section--router .intent-group[open] .intent-group-count {
  background: rgba(245, 210, 122, 0.16);
}
.intent-section--router .intent-card {
  border-color: rgba(255, 255, 255, 0.11);
  background: rgba(17, 20, 30, 0.82);
}
.intent-section--router .intent-card:hover,
.intent-section--router .intent-card:focus-visible {
  border-color: rgba(245, 210, 122, 0.38);
  background: rgba(22, 25, 36, 0.94);
}
.intent-section--router .intent-card-icon {
  background: rgba(245, 210, 122, 0.10);
  border-color: rgba(245, 210, 122, 0.18);
}
@media (max-width: 760px) {
  .intent-section--router {
    padding: 14px;
  }
  .intent-router-hero {
    grid-template-columns: 1fr;
    gap: 10px;
    padding: 14px;
  }
  .intent-router-hero__icon {
    width: 34px;
    height: 34px;
    border-radius: 12px;
    font-size: 17px;
  }
  .intent-router-badges {
    gap: 6px;
  }
  .intent-router-badges span {
    font-size: 11.5px;
    padding: 5px 8px;
  }
  .intent-section--router .intent-group-summary {
    align-items: flex-start;
    padding: 13px 14px;
  }
  .intent-section--router .intent-group-sub {
    padding-left: 36px;
  }
}


/* R4X v467: unify Wofür-ist-das CTAs for project check, buy check and situations router */
.primary-check-card > .info-toggle,
.intent-section--router > .info-toggle{
  display:block !important;
  width:max-content !important;
  margin:9px auto 0 !important;
  min-height:28px !important;
  padding:4px 12px !important;
  align-self:center !important;
}
.primary-check-card > .info-toggle.is-active,
.intent-section--router > .info-toggle.is-active{
  color:#17130a !important;
  background: linear-gradient(180deg,#ead083,#caa24c) !important;
  border-color: rgba(231,199,111,.50) !important;
}
.primary-check-card > .info-panel.open,
.intent-section--router > .info-panel.open{
  display:block !important;
  width:100% !important;
  margin:10px 0 0 !important;
  padding:14px 15px !important;
  border-radius:16px !important;
  border:1px solid rgba(201,209,223,.17) !important;
  background:linear-gradient(145deg, rgba(15,18,28,.98), rgba(6,8,14,.99)) !important;
  box-shadow:0 14px 34px rgba(0,0,0,.28), inset 0 1px 0 rgba(255,255,255,.025) !important;
}
.primary-check-card > .info-panel.open p,
.intent-section--router > .info-panel.open p{
  margin:0 0 8px !important;
}
.primary-check-card > .info-panel.open p:last-child,
.intent-section--router > .info-panel.open p:last-child{
  margin-bottom:0 !important;
}


/* ==========================================================================
   R4X v469 Portfolio Tracker tool layout
   Migrated from /tools/portfolio-tracker/styles.v491.css into the shared root stylesheet.
   Regeln sind auf body[data-nav-tool="Portfolio Tracker"] und pt-* Klassen begrenzt.
   ========================================================================== */
:root{
  --pt-bg:#05080d;
  --pt-bg-2:#080d14;
  --pt-surface:#0d131d;
  --pt-surface-2:#111923;
  --pt-surface-3:#151f2c;
  --pt-line:rgba(255,255,255,.115);
  --pt-line-soft:rgba(255,255,255,.075);
  --pt-text:#f5f7fb;
  --pt-soft:#dde5f2;
  --pt-muted:#9ca8b9;
  --pt-gold:#d2a638;
  --pt-gold-2:#f0cf73;
  --pt-gold-dark:#8c6613;
  --pt-green:#49d18c;
  --pt-red:#ff6262;
  --pt-blue:#5ea5ff;
  --pt-radius:24px;
  --pt-shadow:0 24px 70px rgba(0,0,0,.36);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body[data-nav-tool="Portfolio Tracker"]{
  margin:0;
  min-height:100vh;
  color:var(--pt-text);
  font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 18% -12%,rgba(210,166,56,.18),transparent 30%),
    radial-gradient(circle at 90% 8%,rgba(94,165,255,.08),transparent 28%),
    linear-gradient(180deg,#03060a 0%,#07101a 46%,#04070c 100%);
}
body[data-nav-tool="Portfolio Tracker"] button,body[data-nav-tool="Portfolio Tracker"] input{font:inherit}
body[data-nav-tool="Portfolio Tracker"] button{cursor:pointer}
body[data-nav-tool="Portfolio Tracker"] button:disabled{cursor:not-allowed;opacity:.58}
.pt-page{width:min(1280px,calc(100% - 28px));margin:0 auto;padding:22px 0 42px}
.pt-shell-head,.pt-card,.pt-summary-card,.pt-note{
  position:relative;
  border:1px solid var(--pt-line);
  border-radius:var(--pt-radius);
  background:linear-gradient(180deg,rgba(255,255,255,.046),rgba(255,255,255,.018));
  box-shadow:var(--pt-shadow);
}
.pt-shell-head:before,.pt-card:before,.pt-summary-card:before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,207,115,.62),transparent);pointer-events:none;
}
.pt-shell-head{display:flex;justify-content:space-between;align-items:flex-start;gap:18px;padding:22px 24px;margin-bottom:14px;overflow:hidden}
.pt-kicker{margin:0 0 5px;font-size:10.5px;letter-spacing:.13em;font-weight:800;text-transform:uppercase;color:var(--pt-gold-2)}
.pt-shell-head h1{margin:0 0 8px;font-size:clamp(2rem,4.4vw,3.2rem);line-height:1.03;letter-spacing:-.05em}
.pt-lede{max-width:780px;margin:0;color:#d9e0eb;font-size:1.01rem;line-height:1.55}
.pt-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end;margin-top:3px}
.pt-currency-switch{display:inline-grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:4px;border:1px solid rgba(240,207,115,.22);border-radius:14px;background:rgba(255,255,255,.03)}
.pt-currency-switch button{min-height:34px;min-width:58px;border:0;border-radius:10px;background:transparent;color:#c7d0de;font-weight:850}
.pt-currency-switch button.is-active{background:rgba(210,166,56,.18);box-shadow:inset 0 0 0 1px rgba(240,207,115,.28);color:#fff}
.pt-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;border-radius:13px;border:1px solid transparent;padding:10px 15px;font-weight:800;text-decoration:none;white-space:nowrap;transition:transform .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease;color:var(--pt-text)}
.pt-btn:hover{transform:translateY(-1px)}
.pt-btn--primary{color:#1b1405;background:linear-gradient(180deg,#f0c85a,#bc8413);box-shadow:0 14px 28px rgba(210,166,56,.22)}
.pt-btn--secondary{background:rgba(255,255,255,.035);border-color:rgba(240,207,115,.28);color:#fff}
.pt-btn--ghost{background:rgba(255,255,255,.02);border-color:rgba(255,255,255,.12);color:#dce4f0}
.pt-btn--danger{background:rgba(255,98,98,.08);border-color:rgba(255,98,98,.35);color:#ff8989}
.pt-summary-strip{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin:0 0 14px}
.pt-summary-card{padding:16px;min-height:106px;overflow:hidden}
.pt-summary-icon{width:34px;height:34px;border-radius:13px;display:inline-grid;place-items:center;margin-bottom:10px;border:1px solid rgba(240,207,115,.27);background:rgba(210,166,56,.12);color:var(--pt-gold-2)}
.pt-summary-label{font-size:.74rem;color:#b6c0ce;font-weight:750;margin-bottom:4px}
.pt-summary-value{font-size:clamp(1.15rem,1.7vw,1.55rem);line-height:1.1;font-weight:850;letter-spacing:-.025em;white-space:nowrap}
.pt-summary-sub{margin-top:7px;font-size:.78rem;color:#8f9cad;line-height:1.35}.pt-summary-sub .pt-trend{font-weight:800}
.pt-mobile-tabs{display:none}
.pt-main-grid{display:grid;grid-template-columns:1fr;gap:14px;align-items:start;margin-bottom:14px}
.pt-card{padding:18px;overflow:hidden}
.pt-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px}
.pt-card-head--manage{align-items:center}
.pt-manage-text{margin:8px 0 0;color:#c0cad8;max-width:780px;line-height:1.45}
.pt-manage-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.pt-manage-body{margin-top:8px}
.pt-card-head h2{margin:0;font-size:1.32rem;letter-spacing:-.02em;line-height:1.2}.pt-muted-count{font-size:.75rem;color:#d7dded;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.08);border-radius:999px;padding:4px 8px;vertical-align:middle;margin-left:7px}
.pt-position-list{display:grid;gap:9px}
.pt-empty{border:1px dashed rgba(255,255,255,.16);border-radius:18px;padding:20px;color:#b8c1cf;background:rgba(255,255,255,.025);line-height:1.5}
.pt-position-head,.pt-position-row{display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(120px,.8fr) 88px;gap:12px;align-items:center}
.pt-position-list--manage{display:grid;gap:10px}
.pt-position-head--manage{padding-right:0}
.pt-position-head{padding:0 10px 8px;color:#95a2b4;font-size:.73rem;font-weight:800;text-transform:none;border-bottom:1px solid var(--pt-line-soft)}
.pt-position-row{min-height:66px;padding:12px 10px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.014)}
.pt-position-row--manage{grid-template-columns:minmax(220px,1.4fr) minmax(110px,.7fr) minmax(120px,.8fr) 88px}
.pt-position-row:hover{background:rgba(255,255,255,.032)}
.pt-asset-cell,.pt-position-asset{display:flex;gap:10px;align-items:center;min-width:0}.pt-asset-name{font-weight:850;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pt-asset-meta{font-size:.76rem;color:#9ca8b8;margin-top:2px}.pt-cell-label{display:none}.pt-cell-value{font-weight:760;color:#f3f6fb}.pt-cell-value.is-muted{color:#c5cfdd}.pt-row-actions{display:flex;gap:7px;justify-content:flex-end}.pt-mini-btn,.pt-icon-btn{border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.035);color:#edf3ff;border-radius:10px;min-width:32px;min-height:32px;font-weight:800}.pt-mini-btn:hover,.pt-icon-btn:hover{border-color:rgba(240,207,115,.35)}.pt-mini-btn.is-danger{border-color:rgba(255,98,98,.28);color:#ff8282}.pt-logo{position:relative;flex:0 0 auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,255,255,.15);background:linear-gradient(135deg,rgba(210,166,56,.85),rgba(94,165,255,.65));box-shadow:0 8px 18px rgba(0,0,0,.25)}
.pt-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background:#0c131e}.pt-logo span{position:relative;z-index:1;font-size:.64rem;font-weight:900;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.7)}
.pt-logo img + span{display:none}
.pt-trend{font-weight:850}.pt-trend.is-positive{color:var(--pt-green)}.pt-trend.is-negative{color:var(--pt-red)}.pt-trend.is-neutral{color:#d3dbe7}
.pt-card--distribution{min-height:100%}.pt-chart{margin-bottom:16px}.pt-chart-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:28px;align-items:center}.pt-donut-wrap{position:relative;width:210px;height:210px}.pt-donut{width:210px;height:210px;border-radius:50%;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 15px 32px rgba(0,0,0,.28)}.pt-donut-wrap:after{content:"";position:absolute;inset:54px;border-radius:50%;background:linear-gradient(180deg,#111923,#090e16);box-shadow:inset 0 0 0 1px rgba(255,255,255,.1)}.pt-donut-center{position:absolute;z-index:2;inset:0;display:grid;place-items:center;text-align:center;pointer-events:none;padding:0 28px}.pt-donut-center strong{display:block;font-size:1.48rem;line-height:1.05;letter-spacing:-.03em}.pt-donut-center span{display:block;font-size:.8rem;line-height:1.25;color:#9faabc;margin-top:5px}.pt-legend{display:grid;gap:10px}.pt-legend-row{display:grid;grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:center;font-size:.95rem;color:#cbd4e1}.pt-legend-row strong{color:#fff}.pt-dot{width:10px;height:10px;border-radius:3px;display:inline-block}.pt-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pt-fact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:center;border:1px solid var(--pt-line-soft);background:rgba(255,255,255,.026);border-radius:16px;padding:14px}.pt-fact--statement{display:flex;align-items:flex-start;gap:12px;color:#dce4f0}.pt-fact-text{min-width:0;line-height:1.45}.pt-fact-icon{flex:0 0 auto;width:22px;height:22px;border-radius:999px;display:grid;place-items:center;border:1px solid rgba(94,165,255,.32);color:#8dbfff;font-size:.72rem;margin-top:1px}.pt-fact-label{font-size:.84rem;color:#c9d2df;font-weight:760}.pt-fact-value{font-weight:900;color:#fff}.pt-fact-sub{grid-column:1/-1;font-size:.75rem;color:#8e9baf}.pt-card--movement{margin-bottom:14px}.pt-table-wrap{overflow:visible}.pt-movement-head,.pt-movement-row{display:grid;grid-template-columns:minmax(190px,1.4fr) minmax(120px,.85fr) minmax(135px,.95fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(90px,.7fr) minmax(80px,.55fr);gap:12px;align-items:center}.pt-movement-head{padding:0 10px 9px;border-bottom:1px solid var(--pt-line-soft);color:#99a5b6;font-size:.73rem;font-weight:850}.pt-movement-row{min-height:64px;padding:12px 10px;border:1px solid rgba(255,255,255,.06);border-radius:16px;background:rgba(255,255,255,.012)}.pt-cell-value--stack{display:grid;gap:3px;justify-items:end}.pt-cell-value--large{font-size:1.02rem;font-weight:860}.pt-source{margin:14px 0 0;color:#8e9baf;font-size:.82rem;line-height:1.45}.pt-card--manage{margin-bottom:14px}
.pt-card--manage.is-collapsed .pt-manage-body{display:none}
.pt-card--data{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:14px}.pt-data-copy{display:flex;gap:13px;align-items:center}.pt-data-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:13px;color:var(--pt-gold-2);border:1px solid rgba(240,207,115,.24);background:rgba(210,166,56,.1);font-size:1.2rem}.pt-data-copy h2{margin:0;font-size:1.18rem}.pt-data-copy p:not(.pt-kicker){margin:4px 0 0;color:#a6b2c2}.pt-data-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.pt-import{cursor:pointer}.pt-note{padding:12px 14px;color:#d6dbea;border-color:rgba(240,207,115,.18);background:rgba(210,166,56,.055);font-size:.9rem;line-height:1.45}
.pt-modal[hidden]{display:none}.pt-modal{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:18px}.pt-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.65);backdrop-filter:blur(10px)}.pt-modal-card{position:relative;z-index:1;width:min(880px,100%);max-height:min(760px,calc(100vh - 36px));overflow:auto;border:1px solid var(--pt-line);border-radius:26px;background:linear-gradient(180deg,#101823,#070d15);box-shadow:0 35px 100px rgba(0,0,0,.55);padding:18px}.pt-modal-head{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;margin-bottom:16px}.pt-modal-head h2{margin:0}.pt-icon-btn{font-size:1.4rem;line-height:1}.pt-form-grid-main{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px}.pt-form-step{border:1px solid var(--pt-line-soft);border-radius:18px;background:rgba(255,255,255,.022);padding:14px}.pt-step-label{margin:0 0 12px;color:#dce3ed;font-weight:850}.pt-field{display:grid;gap:7px;margin-bottom:12px}.pt-field span,.pt-mode>span{font-size:.78rem;color:#b9c4d3;font-weight:760}.pt-field input{width:100%;min-height:42px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#060b12;color:#fff;padding:10px 12px;outline:none}.pt-field input:focus{border-color:rgba(240,207,115,.48);box-shadow:0 0 0 3px rgba(210,166,56,.12)}.pt-chip-grid{display:flex;flex-wrap:wrap;gap:7px;margin:2px 0 12px}.pt-chip-grid button{min-height:30px;border:1px solid rgba(255,255,255,.12);border-radius:10px;background:rgba(255,255,255,.035);color:#e9eef7;font-weight:820;font-size:.78rem;padding:6px 10px}.pt-chip-grid button:hover{border-color:rgba(240,207,115,.4);background:rgba(210,166,56,.11)}.pt-results{display:grid;gap:6px;margin-top:8px}.pt-result-btn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;border:1px solid rgba(255,255,255,.09);border-radius:12px;background:rgba(255,255,255,.024);color:#fff;text-align:left;padding:7px 10px}.pt-result-btn:hover{border-color:rgba(240,207,115,.32);background:rgba(210,166,56,.08)}.pt-result-main{display:flex;align-items:center;gap:10px;min-width:0}.pt-result-name{font-weight:850}.pt-result-meta{color:#8f9cad;font-size:.76rem}.pt-selected{min-height:44px;border:1px dashed rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.018);color:#9ca8b9;padding:11px;margin-top:10px}.pt-selected.is-active{display:flex;gap:10px;align-items:center;border-style:solid;border-color:rgba(240,207,115,.25);background:rgba(210,166,56,.06);color:#fff}.pt-mode{display:grid;gap:7px;margin-bottom:12px}.pt-mode-buttons{display:grid;grid-template-columns:1fr 1fr;border:1px solid rgba(255,255,255,.12);border-radius:12px;overflow:hidden;background:#060b12}.pt-mode-buttons button{min-height:40px;border:0;border-right:1px solid rgba(255,255,255,.08);background:transparent;color:#c7d0de;font-weight:820}.pt-mode-buttons button:last-child{border-right:0}.pt-mode-buttons button.is-active{background:linear-gradient(180deg,#d8a93d,#9a6d14);color:#1b1405}.pt-modal-actions{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center}.pt-feedback{min-height:20px;margin:10px 0 0;font-size:.86rem;color:#c1cbd9;line-height:1.4}.pt-feedback.is-error{color:#ff9b9b}.pt-feedback.is-success{color:#7be0aa}
body[data-nav-tool="Portfolio Tracker"].pt-modal-open{overflow:hidden}
@media (max-width:1120px){
  .pt-summary-strip{grid-template-columns:repeat(3,minmax(0,1fr))}.pt-main-grid{grid-template-columns:1fr}.pt-card--distribution{min-height:auto}.pt-chart-layout{grid-template-columns:1fr;gap:18px}.pt-donut-wrap{margin:0 auto}.pt-legend{max-width:460px;margin:0 auto}.pt-facts{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .pt-page{width:min(100% - 22px,560px);padding:12px 0 32px}
  .pt-shell-head{display:block;padding:18px;margin-bottom:10px}
  .pt-shell-head h1{font-size:1.75rem}
  .pt-lede{font-size:.92rem}
  .pt-head-actions{justify-content:stretch;margin-top:14px}
  .pt-currency-switch{width:100%}
  .pt-head-actions .pt-btn{flex:1}
  .pt-mobile-tabs{position:sticky;top:calc(var(--r4x-shared-header-height,64px) + 6px);z-index:35;display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 10px;padding:5px;border:1px solid var(--pt-line);border-radius:999px;background:rgba(8,13,20,.96);backdrop-filter:blur(12px)}
  .pt-mobile-tabs button{min-height:38px;border:0;border-radius:999px;background:transparent;color:#aab5c5;font-weight:850}
  .pt-mobile-tabs button.is-active{background:rgba(210,166,56,.18);color:#fff;box-shadow:inset 0 0 0 1px rgba(240,207,115,.25)}
  .pt-summary-strip{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}
  .pt-summary-card{min-height:76px;padding:10px 11px}
  .pt-summary-card:last-child{grid-column:1/-1}
  .pt-summary-icon{width:24px;height:24px;margin-bottom:6px}
  .pt-summary-label{font-size:.68rem}
  .pt-summary-value{font-size:1.2rem}
  .pt-summary-sub{margin-top:4px;font-size:.7rem}
  .pt-card{padding:14px;border-radius:20px}
  .pt-card-head{align-items:flex-start;margin-bottom:12px}
  .pt-card-head h2{font-size:1.12rem}
  .pt-card-head--manage{display:block}
  .pt-manage-actions{display:grid;grid-template-columns:1fr;gap:8px;margin-top:12px}
  .pt-card-head--manage .pt-btn{width:100%;margin-top:0}
  .pt-card--positions,.pt-card--distribution,.pt-card--movement{display:none;margin-bottom:12px}
  body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="positions"] .pt-card--positions,body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="distribution"] .pt-card--distribution,body[data-nav-tool="Portfolio Tracker"][data-pt-active-tab="movement"] .pt-card--movement{display:block}
  .pt-card--data{display:block}
  .pt-data-actions{justify-content:stretch;margin-top:12px}
  .pt-data-actions .pt-btn{width:100%}
  .pt-position-head{display:none}
  .pt-position-row,.pt-position-row--manage{display:grid;grid-template-columns:1fr auto;gap:10px;padding:12px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.043),rgba(255,255,255,.015))}
  .pt-position-row>.pt-position-asset{grid-column:1/2}
  .pt-position-row>.pt-cell,.pt-position-row>.pt-row-actions{grid-column:1/-1}
  .pt-position-row>.pt-cell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
  .pt-cell-label{display:block;color:#8f9cad;font-size:.75rem;padding-right:8px}
  .pt-row-actions{justify-content:flex-end}
  .pt-chart-layout{grid-template-columns:1fr;gap:18px}
  .pt-donut-wrap,.pt-donut{width:220px;height:220px}
  .pt-donut-wrap:after{inset:56px}
  .pt-donut-center strong{font-size:1.5rem}
  .pt-donut-center span{font-size:.78rem}
  .pt-legend{max-width:340px;margin:0 auto}
  .pt-legend-row{font-size:.92rem}
  .pt-facts{grid-template-columns:1fr}
  .pt-fact{grid-template-columns:minmax(0,1fr) auto}
  .pt-fact--statement{display:flex;align-items:flex-start;gap:12px}
  .pt-fact-text{line-height:1.45}
  .pt-movement-head{display:none}
  .pt-movement-row{display:grid;grid-template-columns:1fr auto;gap:10px;border-radius:18px;margin-bottom:10px;padding:14px;background:linear-gradient(180deg,rgba(255,255,255,.043),rgba(255,255,255,.015))}
  .pt-movement-row .pt-asset-cell{grid-column:1/2;min-width:0}
  .pt-movement-row .pt-mobile-main{grid-column:2/3;grid-row:1/2;display:grid;justify-items:end;align-content:start;gap:4px;text-align:right}
  .pt-movement-row .pt-mobile-main .pt-cell-label{display:block}
  .pt-movement-row .pt-cell{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
  .pt-movement-row .pt-cell-value{text-align:right}
  .pt-movement-row .pt-cell-value--stack{justify-items:end}
  .pt-form-grid-main{grid-template-columns:1fr}
  .pt-modal{align-items:end;padding:10px}
  .pt-modal-card{width:100%;max-height:calc(100vh - 18px);border-radius:24px 24px 18px 18px}
  .pt-modal-actions{grid-template-columns:1fr}
  .pt-mode-buttons button{font-size:.76rem}
  .pt-note{font-size:.82rem}
}
@media (max-width:390px){.pt-head-actions{display:grid}.pt-btn{width:100%}.pt-chart-layout{gap:12px}.pt-donut,.pt-donut-wrap{width:196px;height:196px}.pt-donut-wrap:after{inset:50px}.pt-summary-strip{grid-template-columns:1fr 1fr}.pt-summary-card:last-child{grid-column:1/-1}}

/* v471 Portfolio Tracker refinements */
.pt-page{width:min(1210px,calc(100% - 32px));padding:18px 0 38px}
.pt-shell-head{padding:19px 22px;margin-bottom:12px}
.pt-shell-head h1{font-size:clamp(1.86rem,3.45vw,2.7rem)}
.pt-lede{font-size:.96rem;line-height:1.48;max-width:720px}
.pt-card{padding:16px}
.pt-summary-strip{gap:10px;margin-bottom:12px}
.pt-summary-card{min-height:94px;padding:14px}
.pt-summary-icon{width:30px;height:30px;margin-bottom:8px}
.pt-summary-value{font-size:clamp(1.08rem,1.45vw,1.42rem)}
.pt-summary-sub{margin-top:5px}
.pt-main-grid{gap:12px;margin-bottom:12px}
.pt-card-head{margin-bottom:13px}
.pt-donut-wrap,.pt-donut{width:222px;height:222px}
.pt-donut-wrap:after{inset:66px}
.pt-donut-center{padding:0 42px}
.pt-donut-center strong{font-size:1.28rem;white-space:nowrap}
.pt-donut-center span{font-size:.76rem}
.pt-chart-layout{grid-template-columns:236px minmax(0,1fr);gap:24px}
.pt-movement-head,.pt-movement-row{grid-template-columns:minmax(174px,1.35fr) minmax(98px,.78fr) minmax(112px,.86fr) minmax(98px,.78fr) minmax(116px,.84fr) minmax(76px,.58fr) minmax(76px,.58fr) minmax(76px,.58fr) minmax(68px,.48fr);gap:10px}
.pt-movement-head{font-size:.69rem;padding-left:12px;padding-right:12px}
.pt-movement-row{min-height:62px;padding:10px 12px}
.pt-movement-row .pt-cell{text-align:right;min-width:0}
.pt-movement-row .pt-asset-cell{text-align:left}
.pt-result-cell .pt-cell-value--stack,.pt-cell-value--stack{display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1.18}
.pt-source{font-size:.79rem;margin-top:12px}
.pt-mobile-tabs{border-color:rgba(240,207,115,.34)!important;box-shadow:0 12px 32px rgba(0,0,0,.22), inset 0 0 0 1px rgba(240,207,115,.08)}
.pt-back-top{position:fixed;right:22px;bottom:22px;z-index:80;width:46px;height:46px;border-radius:999px;border:1px solid rgba(240,207,115,.44);background:linear-gradient(180deg,rgba(20,27,38,.96),rgba(8,13,20,.96));color:#f2cf64;font-size:1.2rem;font-weight:900;box-shadow:0 18px 42px rgba(0,0,0,.38);opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .18s ease,transform .18s ease,border-color .18s ease}
.pt-back-top.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
.pt-back-top:hover{border-color:rgba(240,207,115,.75)}

@media (max-width:1120px){
  .pt-page{width:min(100% - 28px,1040px)}
  .pt-movement-head,.pt-movement-row{grid-template-columns:minmax(168px,1.25fr) repeat(8,minmax(74px,.7fr));gap:8px}
}
@media (max-width:760px){
  .pt-page{width:min(100% - 22px,560px);padding:12px 0 32px}
  .pt-shell-head{padding:17px 18px}
  .pt-shell-head h1{font-size:1.72rem}
  .pt-mobile-tabs{border-color:rgba(240,207,115,.42)!important;background:rgba(8,13,20,.97)!important}
  .pt-summary-strip{grid-template-columns:1fr 1fr;gap:8px}
  .pt-summary-card{min-height:72px;padding:9px 10px}
  .pt-summary-icon{width:22px;height:22px;margin-bottom:5px}
  .pt-summary-label{font-size:.66rem}
  .pt-summary-value{font-size:1.08rem;white-space:normal}
  .pt-summary-sub{font-size:.68rem}
  .pt-donut-wrap,.pt-donut{width:224px;height:224px}
  .pt-donut-wrap:after{inset:68px}
  .pt-donut-center{padding:0 46px}
  .pt-donut-center strong{font-size:1.18rem}
  .pt-movement-row{grid-template-columns:1fr auto!important;gap:10px;padding:13px}
  .pt-movement-row .pt-cell{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;text-align:right;border-top:1px solid rgba(255,255,255,.06);padding-top:8px}
  .pt-movement-row .pt-mobile-main{grid-column:2/3;grid-row:1/2;border-top:0;padding-top:0}
  .pt-result-cell .pt-cell-value--stack{align-items:flex-end}
  .pt-back-top{right:16px;bottom:16px;width:44px;height:44px}
}
@media (max-width:390px){
  .pt-donut-wrap,.pt-donut{width:202px;height:202px}
  .pt-donut-wrap:after{inset:62px}
  .pt-donut-center{padding:0 40px}
  .pt-donut-center strong{font-size:1.05rem}
}


/* Portfolio Tracker overlap fixes */
.pt-page{width:min(1160px,calc(100% - 36px));padding:16px 0 36px}
.pt-shell-head{padding:18px 22px;margin-bottom:10px}
.pt-shell-head h1{font-size:clamp(1.82rem,3.1vw,2.52rem)}
.pt-lede{font-size:.94rem;max-width:700px}
.pt-card,.pt-summary-card{border-radius:22px}
.pt-card{padding:15px}
.pt-summary-card{min-height:88px;padding:13px}
.pt-summary-value{font-size:clamp(1.03rem,1.3vw,1.34rem)}
.pt-main-grid,.pt-summary-strip{gap:10px}
.pt-exit-slot{margin-top:14px;max-width:420px}
.r4x-tool-exit-bar.pt-exit-inline{width:100%;max-width:none;margin:0;padding:0;border:0;background:transparent;box-shadow:none;justify-content:flex-start}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__copy{display:none}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button{min-height:44px;padding:10px 16px;border-radius:14px;border-color:rgba(255,255,255,.18);background:rgba(255,255,255,.03)}
.r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button:hover{background:rgba(255,255,255,.06)}

.pt-chart-layout{grid-template-columns:248px minmax(0,1fr);gap:26px;align-items:start}
.pt-donut-wrap,.pt-donut{width:236px;height:236px}
.pt-donut-wrap:after{inset:70px}
.pt-donut-center{padding:0 48px}
.pt-donut-center strong{font-size:clamp(1.02rem,1.65vw,1.26rem);line-height:1.05;max-width:100%;overflow-wrap:anywhere}
.pt-donut-center span{font-size:.74rem;margin-top:4px}
.pt-legend{display:grid;gap:9px;align-content:start;min-width:0}
.pt-legend-row{grid-template-columns:10px minmax(0,1fr) auto;gap:10px;align-items:start}
.pt-legend-name{min-width:0;white-space:normal;overflow-wrap:anywhere;line-height:1.24}
.pt-legend-value{white-space:nowrap;align-self:start}

.pt-movement-head,.pt-movement-row{grid-template-columns:minmax(188px,1.42fr) minmax(98px,.72fr) minmax(108px,.84fr) minmax(98px,.72fr) minmax(116px,.86fr) minmax(80px,.56fr) minmax(80px,.56fr) minmax(80px,.56fr) minmax(72px,.5fr);gap:12px}
.pt-movement-head{padding:0 12px 9px}
.pt-movement-head>.pt-move-head{text-align:right;justify-self:stretch}
.pt-movement-head>.pt-move-head--asset{text-align:left}
.pt-movement-row{padding:11px 12px}
.pt-movement-row>.pt-asset-cell{justify-self:stretch;text-align:left}
.pt-movement-row>.pt-cell{justify-self:stretch;text-align:right;min-width:0}
.pt-movement-row>.pt-cell .pt-cell-value,.pt-movement-row>.pt-cell .pt-cell-value--stack{display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-start;width:100%;text-align:right}
.pt-movement-row>.pt-cell .pt-cell-value:not(.pt-cell-value--stack){display:block}

@media (max-width:1120px){
  .pt-page{width:min(100% - 28px,1024px)}
  .pt-movement-head,.pt-movement-row{grid-template-columns:minmax(176px,1.26fr) repeat(8,minmax(76px,.66fr));gap:10px}
}
@media (max-width:760px){
  .pt-page{width:min(100% - 22px,560px);padding:12px 0 30px}
  .pt-shell-head{padding:16px 18px}
  .pt-exit-slot{max-width:none;margin-top:12px}
  .r4x-tool-exit-bar.pt-exit-inline .r4x-tool-exit-bar__button{width:100%}
  .pt-mobile-tabs{border-color:rgba(240,207,115,.46)!important;box-shadow:0 12px 30px rgba(0,0,0,.24), inset 0 0 0 1px rgba(240,207,115,.1)}
  .pt-chart-layout{grid-template-columns:1fr;gap:14px}
  .pt-donut-wrap,.pt-donut{width:232px;height:232px}
  .pt-donut-wrap:after{inset:68px}
  .pt-donut-center{padding:0 44px}
  .pt-legend{max-width:none;width:100%}
  .pt-legend-row{gap:8px;font-size:.88rem}
  .pt-legend-name{font-size:.88rem}
  .pt-legend-value{font-size:.88rem}
  .pt-movement-row{grid-template-columns:1fr auto!important;gap:10px;padding:13px}
  .pt-movement-row .pt-cell{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;border-top:1px solid rgba(255,255,255,.06);padding-top:8px;text-align:right}
  .pt-movement-row .pt-mobile-main{grid-column:2/3;grid-row:1/2;border-top:0;padding-top:0}
}
@media (max-width:390px){
  .pt-donut-wrap,.pt-donut{width:214px;height:214px}
  .pt-donut-wrap:after{inset:64px}
  .pt-donut-center{padding:0 42px}
  .pt-donut-center strong{font-size:.98rem}
}


/* v473 Portfolio Tracker Plus, snapshot, narrative and mobile movement fixes */
.pt-hub-link{white-space:nowrap}
.pt-btn.is-disabled,.pt-btn:disabled{opacity:.48;cursor:not-allowed;filter:saturate(.75);box-shadow:none!important}
.pt-limit-box{margin:12px 0 0}
.pt-lock-note{display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid rgba(240,207,115,.22);border-radius:16px;background:rgba(210,166,56,.055);padding:12px 14px;color:#dce5f3;line-height:1.42}
.pt-lock-note strong{color:#fff}
.pt-plus-cta{margin-left:auto;white-space:nowrap}

.pt-plus-section{margin-top:16px}
.pt-plus-block,.pt-plus-locked{border:1px solid var(--pt-line-soft);border-radius:18px;background:rgba(255,255,255,.022);padding:15px}
.pt-plus-locked{display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,rgba(255,255,255,.026),rgba(255,255,255,.012))}
.pt-plus-locked h3,.pt-plus-block h3{margin:0 0 6px;font-size:1.04rem}
.pt-plus-locked p,.pt-plus-block p{margin:0;color:#aeb9c8;line-height:1.45}
.pt-plus-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:12px}
.pt-narrative-list{display:grid;gap:10px}
.pt-narrative-row{display:grid;grid-template-columns:minmax(190px,.9fr) minmax(160px,1fr) auto;gap:12px;align-items:center}
.pt-narrative-label{min-width:0}
.pt-narrative-label span{display:block;font-weight:850;color:#f7f9fc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-narrative-label small{display:block;margin-top:2px;color:#8f9cad;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-narrative-bar{height:9px;border-radius:999px;background:rgba(255,255,255,.075);overflow:hidden}
.pt-narrative-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#d8a93d,#f2cf64)}
.pt-narrative-row strong{white-space:nowrap;color:#fff;text-align:right}
.pt-snapshot-compare{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.pt-snapshot-compare>div{border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022);padding:12px}
.pt-snapshot-compare span{display:block;color:#9faabc;font-size:.78rem;margin-bottom:6px}
.pt-snapshot-compare strong{color:#fff;font-size:1.02rem}
.pt-snapshot-meta{margin-top:10px!important;font-size:.8rem!important}
.pt-muted{color:#9faabc!important}

@media (max-width:760px){
  .pt-head-actions{display:grid;grid-template-columns:1fr;gap:10px}
  .pt-hub-link{width:100%;justify-content:center}
  .pt-lock-note{display:grid;grid-template-columns:1fr;gap:10px}
  .pt-plus-cta{margin-left:0;width:100%;justify-content:center}
  .pt-plus-locked{display:grid;grid-template-columns:1fr;gap:10px}
  .pt-plus-locked .pt-btn{width:100%;justify-content:center}
  .pt-plus-head{display:grid;grid-template-columns:1fr;gap:10px}
  .pt-plus-head .pt-btn{width:100%;justify-content:center}
  .pt-narrative-row{grid-template-columns:1fr auto;gap:8px 10px}
  .pt-narrative-label{grid-column:1/2}
  .pt-narrative-bar{grid-column:1/-1;grid-row:2}
  .pt-narrative-row strong{grid-column:2/3;grid-row:1}
  .pt-snapshot-compare{grid-template-columns:1fr}
  .pt-movement-row{grid-template-columns:1fr!important}
  .pt-movement-row .pt-asset-cell{grid-column:1/-1!important}
  .pt-movement-row .pt-mobile-main{grid-column:1/-1!important;grid-row:auto!important;border-top:1px solid rgba(255,255,255,.06)!important;padding-top:8px!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;justify-items:stretch!important;align-items:start!important;text-align:right!important}
  .pt-movement-row .pt-mobile-main .pt-cell-label{display:block;text-align:left}
  .pt-movement-row .pt-mobile-main .pt-cell-value{justify-self:end}
  .pt-movement-row .pt-cell{grid-template-columns:minmax(0,1fr) auto!important}
}


/* v474 Snapshot comparison rebuild */
.pt-snapshot-help{margin:.25rem 0 0!important;color:#9faabc!important;line-height:1.45!important;max-width:760px}
.pt-last-snapshot{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:12px 0}
.pt-last-snapshot>div,.pt-compare-card{border:1px solid rgba(255,255,255,.075);border-radius:14px;background:rgba(255,255,255,.022);padding:12px;min-width:0}
.pt-last-snapshot span,.pt-compare-card>span{display:block;color:#9faabc;font-size:.78rem;margin-bottom:6px}
.pt-last-snapshot strong{display:block;color:#fff;font-size:.96rem;line-height:1.25;overflow-wrap:anywhere}
.pt-snapshot-info{border:1px solid rgba(240,207,115,.2);border-radius:16px;background:rgba(210,166,56,.055);padding:13px 14px;color:#cfd8e6;line-height:1.45;margin-top:12px}
.pt-snapshot-info strong{color:#fff}
.pt-snapshot-compare-wrap{margin-top:14px}
.pt-snapshot-compare-wrap h4,.pt-snapshot-narratives h4{margin:0 0 10px;color:#fff;font-size:.96rem}
.pt-snapshot-compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.pt-compare-flow{display:flex;align-items:center;gap:8px;min-width:0;margin:2px 0 8px}
.pt-compare-flow b{min-width:0;color:#fff;font-size:.9rem;line-height:1.25;overflow-wrap:anywhere}
.pt-compare-flow em{font-style:normal;color:#f2cf64;opacity:.8;flex:0 0 auto}
.pt-compare-card>strong{display:block;color:#f2cf64;font-size:.92rem;line-height:1.25}
.pt-snapshot-narratives{margin-top:14px;border-top:1px solid rgba(255,255,255,.075);padding-top:14px}
.pt-snapshot-narrative-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:12px;align-items:center;border:1px solid rgba(255,255,255,.065);background:rgba(255,255,255,.018);border-radius:13px;padding:10px 12px;margin-top:8px}
.pt-snapshot-narrative-row span{font-weight:800;color:#fff;min-width:0;overflow-wrap:anywhere}
.pt-snapshot-narrative-row b{font-weight:760;color:#cbd5e1;white-space:nowrap}
.pt-snapshot-narrative-row strong{color:#f2cf64;white-space:nowrap;text-align:right}
@media (max-width:900px){
  .pt-last-snapshot{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pt-snapshot-compare{grid-template-columns:1fr}
}
@media (max-width:760px){
  .pt-last-snapshot{grid-template-columns:1fr}
  .pt-compare-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:start}
  .pt-compare-flow b:last-child{text-align:right}
  .pt-snapshot-narrative-row{grid-template-columns:1fr;gap:5px}
  .pt-snapshot-narrative-row b,.pt-snapshot-narrative-row strong{white-space:normal;text-align:left}
}

/* v475 structure, snapshot and delta refinements */
.pt-chart-layout{grid-template-columns:250px minmax(0,1fr);align-items:start}
.pt-legend{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:9px;align-content:start}
.pt-legend-row{min-width:0}
.pt-fact{background:linear-gradient(180deg,rgba(255,255,255,.044),rgba(255,255,255,.018));border-color:rgba(240,207,115,.16);box-shadow:inset 3px 0 0 rgba(240,207,115,.18)}
.pt-fact--statement{background:linear-gradient(180deg,rgba(94,165,255,.06),rgba(255,255,255,.018));border-color:rgba(94,165,255,.18);box-shadow:inset 3px 0 0 rgba(94,165,255,.2)}
.pt-fact-value .pt-trend{font-size:1.02rem;font-weight:950}
.pt-plus-head{align-items:flex-start}
.pt-plus-head .pt-btn{white-space:normal;text-align:center;line-height:1.25;max-width:320px}
.pt-snapshot-list{display:grid;gap:12px;margin-top:14px}
.pt-snapshot-item{border:1px solid rgba(255,255,255,.085);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.032),rgba(255,255,255,.014));overflow:hidden}
.pt-snapshot-item>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 15px;border-bottom:1px solid transparent}
.pt-snapshot-item>summary::-webkit-details-marker{display:none}
.pt-snapshot-item>summary span{color:#f2cf64;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;font-weight:950}
.pt-snapshot-item>summary strong{color:#fff;font-size:.96rem}
.pt-snapshot-item[open]>summary{border-bottom-color:rgba(255,255,255,.075)}
.pt-snapshot-summary-grid{margin:12px!important;padding:0!important;grid-template-columns:repeat(3,minmax(0,1fr))!important}
.pt-snapshot-summary-grid>div{background:rgba(255,255,255,.024)}
.pt-snapshot-compare-wrap{padding:0 12px 14px}
.pt-compare-card>strong.pt-delta,.pt-snapshot-narrative-row strong.pt-delta{font-size:.92rem;line-height:1.25;color:#cfd8e6}
.pt-delta.is-positive{color:#24e6a1!important}
.pt-delta.is-negative{color:#ff5252!important}
.pt-delta.is-neutral{color:#cfd8e6!important}
.pt-compare-flow em{color:#c8a94e}
.pt-snapshot-narrative-row strong.pt-delta{white-space:nowrap;text-align:right}

@media (min-width:980px){
  .pt-chart-layout{grid-template-columns:250px minmax(0,1fr)}
  .pt-legend{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .pt-chart-layout{grid-template-columns:1fr}
  .pt-legend{grid-template-columns:1fr;max-width:none;margin:0;width:100%}
  .pt-plus-head .pt-btn{width:100%;max-width:none;display:flex;justify-content:center;white-space:normal;padding-left:12px;padding-right:12px;overflow-wrap:anywhere}
  .pt-snapshot-summary-grid{grid-template-columns:1fr!important;margin:10px!important}
  .pt-snapshot-item>summary{align-items:flex-start;display:grid;grid-template-columns:1fr;gap:4px}
  .pt-snapshot-compare-wrap{padding:0 10px 12px}
  .pt-fact{padding:13px}
}


/* v476 snapshot cards, typography and mobile switch refinement */
body[data-nav-tool="Portfolio Tracker"],body[data-nav-tool="Portfolio Tracker"] .pt-page,body[data-nav-tool="Portfolio Tracker"] .pt-page *{
  font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}
.pt-shell-head h1,.pt-summary-value,.pt-fact-value,.pt-cell-value,.pt-asset-name,.pt-snapshot-item strong,.pt-compare-card strong{font-weight:800!important;letter-spacing:-.018em}
.pt-kicker,.pt-btn,.pt-mobile-tabs button,.pt-fact-label,.pt-snapshot-title{font-weight:800!important}
.pt-donut,.pt-donut-wrap{transform:translateZ(0);backface-visibility:hidden}
.pt-donut-center strong{font-weight:800!important;letter-spacing:-.018em}
.pt-fact-value .pt-trend{font-weight:800!important}
.pt-fact--statement .pt-fact-text{font-weight:600;color:#eef4ff}
.pt-fact--statement{border-color:rgba(94,165,255,.34);background:linear-gradient(180deg,rgba(94,165,255,.085),rgba(255,255,255,.018))}
.pt-snapshot-item>summary{position:relative;display:grid!important;grid-template-columns:auto minmax(92px,auto) minmax(0,1fr) 24px!important;align-items:center!important;gap:12px!important;padding:14px 16px!important}
.pt-snapshot-item>summary .pt-snapshot-title{color:#f2cf64;text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;white-space:nowrap}
.pt-snapshot-item>summary strong{color:#fff;font-size:1.03rem;white-space:nowrap;text-align:right}
.pt-snapshot-item>summary small{min-width:0;color:#aeb8c8;font-size:.83rem;text-align:right;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-snapshot-item>summary i{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:#f2cf64;border:1px solid rgba(240,207,115,.32);font-style:normal;transition:transform .16s ease,background .16s ease}
.pt-snapshot-item[open]>summary i{transform:rotate(180deg);background:rgba(210,166,56,.1)}
@media (max-width:760px){
  .pt-mobile-tabs{border:1.5px solid rgba(255,216,93,.82)!important;background:linear-gradient(180deg,rgba(12,17,25,.985),rgba(8,13,20,.965))!important;box-shadow:0 0 0 1px rgba(255,216,93,.22),0 14px 34px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,244,185,.08)!important}
  .pt-mobile-tabs button.is-active{background:linear-gradient(180deg,rgba(255,221,103,.30),rgba(155,112,24,.30))!important;box-shadow:inset 0 0 0 1px rgba(255,232,142,.46),0 0 14px rgba(240,207,115,.12)!important;color:#fff!important}
  .pt-snapshot-item>summary{grid-template-columns:1fr auto 24px!important;gap:8px!important}
  .pt-snapshot-item>summary .pt-snapshot-title{grid-column:1/2}
  .pt-snapshot-item>summary strong{grid-column:2/3;text-align:right}
  .pt-snapshot-item>summary small{grid-column:1/3;grid-row:2/3;text-align:left;white-space:normal}
  .pt-snapshot-item>summary i{grid-column:3/4;grid-row:1/3;align-self:center}
}

/* v477 visual density + sharper typography refinement */
body[data-nav-tool="Portfolio Tracker"],body[data-nav-tool="Portfolio Tracker"] .pt-page,body[data-nav-tool="Portfolio Tracker"] .pt-page *{font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-rendering:optimizeLegibility;font-synthesis-weight:none}
.pt-plus-block,.pt-plus-locked{padding:13px 14px}
.pt-plus-locked h3,.pt-plus-block h3{font-size:1rem;line-height:1.2}
.pt-plus-locked p,.pt-plus-block p{font-size:.92rem;line-height:1.42}
.pt-narrative-list{gap:8px}
.pt-narrative-row{grid-template-columns:minmax(180px,.88fr) minmax(150px,1fr) auto;gap:10px;align-items:center}
.pt-narrative-label span{font-size:.98rem;font-weight:700;color:#f4f7fb}
.pt-narrative-label small{font-size:.74rem;color:#95a2b3}
.pt-narrative-bar{height:8px;background:rgba(255,255,255,.065)}
.pt-narrative-row strong{font-size:.94rem;font-weight:700}
.pt-card--movement .pt-card-head h2{font-size:1.18rem;letter-spacing:-.015em}
.pt-card--movement .pt-kicker{font-size:10px}
.pt-card--movement .pt-movement-head{font-size:.69rem;padding:0 10px 8px}
.pt-card--movement .pt-movement-row{min-height:58px;padding:10px 10px}
.pt-card--movement .pt-asset-name{font-size:1rem;font-weight:700}
.pt-card--movement .pt-asset-meta{font-size:.73rem}
.pt-card--movement .pt-cell-value{font-size:.95rem;font-weight:700}
.pt-card--movement .pt-cell-value--large{font-size:.96rem;font-weight:700}
.pt-card--movement .pt-cell-value--stack{gap:2px}
.pt-card--movement .pt-trend{font-weight:700}
.pt-card--movement .pt-source{font-size:.8rem;margin-top:12px}
.pt-card--movement .pt-logo{width:34px;height:34px}
.pt-snapshot-item>summary{padding:12px 14px!important;gap:10px!important}
.pt-snapshot-item>summary strong{font-size:.98rem;font-weight:700}
.pt-snapshot-item>summary small{font-size:.8rem}
.pt-snapshot-item>summary .pt-snapshot-title{font-size:.7rem}
.pt-snapshot-help{font-size:.9rem!important;line-height:1.42!important;max-width:700px}
.pt-fact{padding:13px}
.pt-fact-label{font-size:.82rem;font-weight:700}
.pt-fact-value{font-size:.98rem;font-weight:700}
.pt-fact-value .pt-trend{font-size:.98rem!important;font-weight:700!important}
.pt-fact-sub{font-size:.73rem}
.pt-fact--statement .pt-fact-text{font-weight:600}
@media (max-width: 980px){
  .pt-plus-block,.pt-plus-locked{padding:12px}
  .pt-card--movement .pt-movement-row{padding:12px}
  .pt-card--movement .pt-cell-value,.pt-card--movement .pt-cell-value--large{font-size:.94rem}
  .pt-narrative-row{grid-template-columns:1fr auto;gap:8px 10px}
}

/* v477 override over previous sharpness block */
.pt-card--movement .pt-asset-name,.pt-card--movement .pt-cell-value,.pt-card--movement .pt-cell-value--large,.pt-card--movement .pt-trend,.pt-snapshot-item>summary strong,.pt-fact-value,.pt-fact-value .pt-trend{font-weight:700!important}
.pt-card--movement .pt-asset-name{letter-spacing:-.01em!important}


/* v478 final balance pass: calmer Plus area, denser movement, refined data card */
.pt-main-grid{gap:12px}
.pt-card--distribution{padding-bottom:14px}
.pt-plus-section{margin-top:12px}
.pt-plus-block,.pt-plus-locked{border-radius:16px;padding:12px 14px;background:linear-gradient(180deg,rgba(255,255,255,.021),rgba(255,255,255,.010));border-color:rgba(255,255,255,.072)}
.pt-plus-head{gap:12px;align-items:flex-start}
.pt-plus-head .pt-btn{min-height:40px;padding:9px 14px;font-weight:700}
.pt-plus-block h3,.pt-plus-locked h3{font-size:.98rem;margin-bottom:5px;font-weight:700;letter-spacing:-.01em}
.pt-plus-block p,.pt-plus-locked p{font-size:.88rem;line-height:1.4;color:#a3afbf}
.pt-snapshot-help{font-size:.86rem!important;line-height:1.38!important;max-width:680px;color:#9ba7b8!important}
.pt-narrative-list{gap:7px;margin-top:4px}
.pt-narrative-row{grid-template-columns:minmax(176px,.9fr) minmax(155px,1fr) minmax(58px,auto);gap:10px;min-height:36px}
.pt-narrative-label span{font-size:.94rem;font-weight:700;line-height:1.14;color:#f0f4fa}
.pt-narrative-label small{font-size:.71rem;margin-top:1px;color:#8996a8}
.pt-narrative-bar{height:7px;background:rgba(255,255,255,.058)}
.pt-narrative-row strong{font-size:.9rem;font-weight:700}
.pt-snapshot-list{gap:9px;margin-top:12px}
.pt-snapshot-item{border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.010));border-color:rgba(255,255,255,.074)}
.pt-snapshot-item>summary{min-height:46px;padding:10px 13px!important;gap:9px!important}
.pt-snapshot-item>summary .pt-snapshot-title{font-size:.66rem;letter-spacing:.08em}
.pt-snapshot-item>summary strong{font-size:.92rem!important;font-weight:700!important}
.pt-snapshot-item>summary small{font-size:.76rem;color:#a0acbc}
.pt-snapshot-item>summary i{width:22px;height:22px;font-size:.78rem}
.pt-card--movement{padding:14px 15px;margin-bottom:12px}
.pt-card--movement .pt-card-head{margin-bottom:11px}
.pt-card--movement .pt-card-head h2{font-size:1.1rem;font-weight:700;letter-spacing:-.01em}
.pt-card--movement .pt-kicker{font-size:9.5px;letter-spacing:.12em}
.pt-card--movement .pt-movement-head{font-size:.66rem;font-weight:700;padding:0 8px 7px;color:#95a2b4}
.pt-card--movement .pt-movement-row{min-height:54px;padding:8px 9px;border-radius:14px;gap:9px}
.pt-card--movement .pt-movement-head,.pt-card--movement .pt-movement-row{grid-template-columns:minmax(178px,1.32fr) minmax(86px,.62fr) minmax(95px,.72fr) minmax(88px,.62fr) minmax(102px,.76fr) minmax(68px,.48fr) minmax(68px,.48fr) minmax(68px,.48fr) minmax(58px,.42fr)}
.pt-card--movement .pt-logo{width:32px;height:32px}
.pt-card--movement .pt-asset-cell{gap:9px}
.pt-card--movement .pt-asset-name{font-size:.95rem!important;font-weight:700!important;letter-spacing:-.008em!important}
.pt-card--movement .pt-asset-meta{font-size:.7rem;margin-top:1px}
.pt-card--movement .pt-cell-value,.pt-card--movement .pt-cell-value--large,.pt-card--movement .pt-trend{font-size:.88rem!important;font-weight:700!important;letter-spacing:-.006em}
.pt-card--movement .pt-cell-value--stack{gap:1px;line-height:1.18}
.pt-card--movement .pt-source{font-size:.75rem;line-height:1.38;margin-top:10px;color:#8996a8}
.pt-card--data{padding:14px 15px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.022),rgba(255,255,255,.010));align-items:center}
.pt-data-copy{gap:11px}
.pt-data-icon{width:30px;height:30px;border-radius:11px;font-size:1rem;background:rgba(210,166,56,.07)}
.pt-data-copy h2{font-size:1.03rem;font-weight:700;letter-spacing:-.01em}
.pt-data-copy p:not(.pt-kicker){font-size:.88rem;line-height:1.38;color:#9aa6b6}
.pt-data-actions{gap:8px}
.pt-data-actions .pt-btn{min-height:38px;padding:8px 12px;font-weight:700;border-radius:12px}
.pt-note{font-size:.84rem;padding:11px 13px}
.pt-fact{border-radius:15px;background:linear-gradient(180deg,rgba(255,255,255,.024),rgba(255,255,255,.012))}
@media (max-width:1120px){
  .pt-card--movement .pt-movement-head,.pt-card--movement .pt-movement-row{grid-template-columns:minmax(170px,1.2fr) repeat(8,minmax(64px,.56fr));gap:8px}
}
@media (max-width:760px){
  .pt-plus-head{display:grid;grid-template-columns:1fr;gap:10px}
  .pt-plus-head .pt-btn{width:100%}
  .pt-narrative-row{grid-template-columns:1fr auto;min-height:0;padding:2px 0}
  .pt-narrative-label span{font-size:.92rem}
  .pt-narrative-bar{height:7px}
  .pt-card--movement{padding:13px}
  .pt-card--movement .pt-movement-row{padding:11px;gap:9px}
  .pt-card--movement .pt-cell-value,.pt-card--movement .pt-cell-value--large,.pt-card--movement .pt-trend{font-size:.9rem!important}
  .pt-card--data{display:grid;gap:13px;padding:14px}
  .pt-data-actions{justify-content:stretch;display:grid;grid-template-columns:1fr}
  .pt-data-actions .pt-btn{width:100%}
}

/* v479 Market-Cap structure block */
.pt-cap-block{margin-top:12px}
.pt-cap-block--free .pt-plus-head{align-items:center}
.pt-cap-summary{margin:.15rem 0 0!important;color:#d9e2ee!important;font-size:.92rem!important;line-height:1.42!important;max-width:780px}
.pt-cap-legend{display:flex;flex-wrap:wrap;gap:6px 10px;margin:10px 0 11px;color:#93a0b2;font-size:.72rem;line-height:1.35}
.pt-cap-legend span{display:inline-flex;gap:4px;align-items:center;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.018);border-radius:999px;padding:4px 8px}
.pt-cap-legend strong{color:#dfe7f2;font-weight:700}
.pt-cap-list{display:grid;gap:8px}
.pt-cap-row{display:grid;grid-template-columns:minmax(150px,.75fr) minmax(160px,1fr) auto;gap:10px;align-items:center;border:1px solid rgba(255,255,255,.055);background:rgba(255,255,255,.014);border-radius:13px;padding:9px 10px}
.pt-cap-label{min-width:0}
.pt-cap-label span{display:block;color:#f4f7fb;font-size:.95rem;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-cap-label small{display:block;margin-top:2px;color:#8f9cad;font-size:.72rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-cap-bar{height:8px;border-radius:999px;background:rgba(255,255,255,.06);overflow:hidden}
.pt-cap-bar span{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,rgba(240,207,115,.78),rgba(255,231,145,.92))}
.pt-cap-row>strong{white-space:nowrap;color:#fff;text-align:right;font-size:.92rem;font-weight:700}
@media (max-width:760px){
  .pt-cap-row{grid-template-columns:1fr auto;gap:8px 10px;padding:9px 10px}
  .pt-cap-label{grid-column:1/2}
  .pt-cap-row>strong{grid-column:2/3;grid-row:1;text-align:right}
  .pt-cap-bar{grid-column:1/-1;grid-row:2}
  .pt-cap-legend{display:grid;grid-template-columns:1fr;gap:6px;font-size:.72rem}
  .pt-cap-legend span{justify-content:flex-start;border-radius:12px}
}


/* v480 Plus CTA consolidation + Plus structure polish */
.pt-plus-locked{display:block!important;position:relative;border-color:rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(255,255,255,.010))}
.pt-lock-line{display:inline-flex;align-items:center;gap:7px;margin-top:9px;padding:6px 9px;border:1px solid rgba(240,207,115,.20);border-radius:999px;background:rgba(210,166,56,.055);color:#d8e1ee;font-size:.76rem;line-height:1.2;font-weight:650}
.pt-lock-line span:first-child{font-size:.82rem;color:#f2cf64}
.pt-plus-unlock-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px;border:1px solid rgba(240,207,115,.20);border-radius:17px;background:linear-gradient(180deg,rgba(210,166,56,.075),rgba(255,255,255,.012));padding:13px 14px}
.pt-plus-unlock-summary h3{margin:0 0 4px;font-size:1rem;font-weight:700;letter-spacing:-.01em;color:#fff}
.pt-plus-unlock-summary p{margin:0;color:#aeb9c8;font-size:.88rem;line-height:1.38;max-width:760px}
.pt-plus-unlock-summary .pt-btn{flex:0 0 auto;min-height:40px;padding:9px 14px;font-weight:750}
.pt-lock-note .pt-btn::first-letter{ }
.pt-plus-section .pt-plus-block:not(.pt-cap-block--free){border-color:rgba(240,207,115,.12);background:linear-gradient(180deg,rgba(255,255,255,.030),rgba(255,255,255,.012));box-shadow:inset 3px 0 0 rgba(240,207,115,.18)}
.pt-plus-section .pt-plus-block:not(.pt-cap-block--free) h3{color:#fff;font-weight:750}
.pt-plus-section .pt-plus-block:not(.pt-cap-block--free) .pt-kicker{color:#f2cf64}
.pt-narrative-row,.pt-cap-row{border-color:rgba(255,255,255,.070);background:linear-gradient(180deg,rgba(255,255,255,.020),rgba(255,255,255,.009))}
.pt-narrative-label span,.pt-cap-label span{font-weight:720;color:#f5f8fd}
.pt-narrative-row strong,.pt-cap-row>strong{font-weight:760;color:#fff}
.pt-cap-summary{font-weight:600;color:#dfe7f2!important}
.pt-cap-legend{font-size:.66rem!important;gap:5px 8px!important;margin:8px 0 10px!important;color:#8794a6!important}
.pt-cap-legend span{padding:3px 7px!important;border-color:rgba(255,255,255,.055)!important;background:rgba(255,255,255,.012)!important}
.pt-cap-legend strong{font-weight:650!important;color:#cfd8e6!important}
@media (max-width:760px){
  .pt-plus-unlock-summary{display:grid;grid-template-columns:1fr;gap:10px;padding:12px}
  .pt-plus-unlock-summary .pt-btn{width:100%;justify-content:center}
  .pt-lock-line{border-radius:12px;white-space:normal;align-items:flex-start}
  .pt-cap-legend{font-size:.65rem!important}
}


/* v481 Plus structure accordions */
.pt-plus-accordion{border:1px solid var(--pt-line-soft);border-radius:18px;background:rgba(255,255,255,.022);overflow:hidden}
.pt-plus-accordion+ .pt-plus-accordion{margin-top:12px}
.pt-plus-accordion>summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 15px}
.pt-plus-accordion>summary::-webkit-details-marker{display:none}
.pt-plus-accordion>summary h3{margin:0;font-size:1rem;line-height:1.2;display:flex;align-items:center;gap:7px}
.pt-plus-accordion>summary .pt-kicker{margin-bottom:4px}
.pt-plus-accordion>summary i{width:24px;height:24px;border-radius:999px;display:grid;place-items:center;color:#f2cf64;border:1px solid rgba(240,207,115,.32);font-style:normal;flex:0 0 auto;transition:transform .16s ease,background .16s ease}
.pt-plus-accordion[open]>summary{border-bottom:1px solid rgba(255,255,255,.075)}
.pt-plus-accordion[open]>summary i{transform:rotate(180deg);background:rgba(210,166,56,.1)}
.pt-plus-accordion-body{padding:13px 15px 15px}
.pt-plus-accordion-body>p:first-child{margin-top:0}
.pt-plus-lock-dot{font-size:.86rem;line-height:1}
.pt-plus-accordion.pt-plus-locked{background:rgba(255,255,255,.018)}
.pt-plus-accordion.pt-plus-block[open]{border-color:rgba(240,207,115,.2);background:linear-gradient(180deg,rgba(255,255,255,.034),rgba(255,255,255,.018))}
.pt-plus-accordion .pt-cap-summary{margin:0 0 11px;font-size:.9rem;color:#d7e0ec;line-height:1.38}
.pt-plus-accordion .pt-cap-legend{font-size:.72rem;line-height:1.32;gap:6px 12px;margin-bottom:12px;color:#9ca8b8}
.pt-plus-accordion .pt-cap-legend strong{font-size:.72rem;color:#d4dce9;font-weight:700}
.pt-plus-accordion .pt-narrative-list,.pt-plus-accordion .pt-cap-list{margin-top:0}
@media (max-width:760px){
  .pt-plus-accordion>summary{padding:13px 14px}
  .pt-plus-accordion-body{padding:12px 14px 14px}
  .pt-plus-accordion>summary h3{font-size:.98rem}
}


/* v482 free locked card visible copy */
.pt-plus-accordion>summary .pt-plus-summary-copy{
  margin:6px 0 0;
  color:#aeb9c8;
  font-size:.9rem;
  line-height:1.42;
  max-width:760px;
}
.pt-plus-accordion.pt-plus-locked>summary .pt-plus-summary-copy{
  color:#b6c1d0;
}
.pt-plus-accordion.pt-plus-locked .pt-plus-accordion-body{
  padding-top:0;
}
.pt-plus-accordion.pt-plus-locked .pt-lock-line{
  margin-top:10px;
}
@media (max-width:760px){
  .pt-plus-accordion>summary .pt-plus-summary-copy{
    font-size:.86rem;
  }
}

/* v483 distribution ordering + premium plus cards */
.pt-legend--columns{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  column-gap:56px;
  row-gap:0;
  align-items:start;
}
.pt-legend-col{
  display:grid;
  gap:10px;
  align-content:start;
  min-width:0;
}
.pt-legend--columns .pt-legend-row{
  grid-template-columns:10px minmax(0,1fr) auto;
  gap:10px;
  padding-right:4px;
}
.pt-legend--columns .pt-legend-name{
  padding-right:10px;
}
.pt-legend--columns .pt-legend-value{
  min-width:52px;
  text-align:right;
}

.pt-plus-accordion.pt-plus-block.pt-plus-block--premium{
  border-color:rgba(240,207,115,.16);
  background:
    radial-gradient(circle at top right, rgba(240,207,115,.08), transparent 34%),
    linear-gradient(180deg, rgba(17,24,35,.96), rgba(10,15,23,.96));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.03), 0 16px 34px rgba(0,0,0,.18);
}
.pt-plus-accordion.pt-plus-block.pt-plus-block--premium[open]{
  border-color:rgba(240,207,115,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04), 0 18px 38px rgba(0,0,0,.22);
}
.pt-plus-block--premium > summary{
  padding:16px 18px;
}
.pt-plus-block--premium > summary h3{
  font-size:1.06rem;
  font-weight:760;
}
.pt-plus-block--premium > summary i{
  width:30px;
  height:30px;
  border-radius:999px;
  border:1px solid rgba(240,207,115,.28);
  display:grid;
  place-items:center;
  color:#f2cf64;
  background:rgba(240,207,115,.05);
}
.pt-plus-block--premium .pt-plus-accordion-body{
  padding:0 18px 18px;
}
.pt-plus-panel-intro{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 12px;
  margin:0 0 14px;
  padding:10px 12px;
  border:1px solid rgba(255,255,255,.06);
  border-radius:14px;
  background:rgba(255,255,255,.02);
}
.pt-plus-panel-intro p{
  margin:0;
  color:#b8c4d3;
  font-size:.88rem;
  line-height:1.42;
}
.pt-plus-panel-badge{
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:5px 9px;
  border-radius:999px;
  border:1px solid rgba(240,207,115,.18);
  background:rgba(240,207,115,.07);
  color:#f2cf64;
  font-size:.72rem;
  font-weight:760;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.pt-plus-block--premium .pt-narrative-list,
.pt-plus-block--premium .pt-cap-list{
  gap:12px;
}
.pt-plus-block--premium .pt-narrative-row,
.pt-plus-block--premium .pt-cap-row{
  border-radius:14px;
  border-color:rgba(255,255,255,.065);
  background:linear-gradient(180deg, rgba(255,255,255,.028), rgba(255,255,255,.012));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
  padding:11px 12px;
}
.pt-plus-block--premium .pt-narrative-label span,
.pt-plus-block--premium .pt-cap-label span{
  font-weight:760;
  letter-spacing:-.01em;
}
.pt-plus-block--premium .pt-narrative-label small,
.pt-plus-block--premium .pt-cap-label small{
  margin-top:4px;
  color:#8d9bae;
}
.pt-plus-block--premium .pt-narrative-bar,
.pt-plus-block--premium .pt-cap-bar{
  height:10px;
  background:rgba(255,255,255,.08);
}
.pt-plus-block--premium .pt-narrative-bar span,
.pt-plus-block--premium .pt-cap-bar span{
  box-shadow:0 0 14px rgba(240,207,115,.18);
}
.pt-plus-block--premium .pt-cap-summary{
  margin-bottom:12px;
  font-size:.92rem;
  color:#dbe4f0;
}
.pt-plus-block--premium .pt-cap-legend{
  font-size:.69rem;
  gap:6px 10px;
  margin-bottom:14px;
}
.pt-plus-block--premium .pt-cap-legend span{
  display:inline-flex;
  align-items:center;
  padding:5px 8px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.06);
  background:rgba(255,255,255,.02);
}

@media (max-width:760px){
  .pt-legend--columns{
    grid-template-columns:1fr;
    column-gap:0;
    row-gap:8px;
  }
  .pt-legend-col{
    gap:8px;
  }
  .pt-plus-block--premium > summary{
    padding:14px 14px;
  }
  .pt-plus-block--premium .pt-plus-accordion-body{
    padding:0 14px 14px;
  }
  .pt-plus-panel-intro{
    padding:9px 10px;
    gap:8px;
  }
}


/* v488 portfolio CTA typography isolation + import feedback + delete clear guard */
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page label.pt-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page button.pt-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-currency-switch button,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-mobile-tabs button,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-icon-btn,
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-mini-btn{
  font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:700!important;
  letter-spacing:0!important;
  line-height:1.15!important;
  text-transform:none!important;
  text-shadow:none!important;
  font-synthesis:none!important;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-btn--primary{font-weight:750!important;}
body[data-nav-tool="Portfolio Tracker"] .pt-page .pt-data-actions .pt-btn{font-size:.96rem!important;}
.pt-data-feedback{
  flex-basis:100%;
  margin:2px 0 0;
  padding:10px 12px;
  border-radius:13px;
  border:1px solid rgba(94,165,255,.30);
  background:rgba(94,165,255,.075);
  color:#dceaff;
  font-size:.88rem;
  line-height:1.42;
}
.pt-data-feedback[hidden]{display:none!important;}
.pt-data-feedback.is-warning{border-color:rgba(240,207,115,.34);background:rgba(210,166,56,.085);color:#f5df9b;}
.pt-data-feedback.is-error{border-color:rgba(255,98,98,.38);background:rgba(255,98,98,.085);color:#ff9b9b;}
.pt-data-feedback.is-success{border-color:rgba(73,209,140,.32);background:rgba(73,209,140,.075);color:#b8f3d2;}


/* v490 legal hint, compact valuation copy and search logo hydration */
.pt-mode-hint{margin:8px 0 2px;color:#aeb8c8;font-size:.82rem;line-height:1.42}
.pt-result-btn .pt-logo{background:linear-gradient(135deg,rgba(210,166,56,.82),rgba(94,165,255,.58))}
.pt-logo span{pointer-events:none}



/* ============================================================
   R4X v470 · Portfolio Klarheit migrated from tools/portfolio-klarheit/styles.css
   Scoped to body[data-nav-tool="Portfolio Klarheit"]
   ============================================================ */
body[data-nav-tool="Portfolio Klarheit"]{
  --pk-bg:#0b0c0f;--pk-bg-card:#181a20;--pk-bg-deeper:#0f1013;--pk-bg-input:#1c1f26;--pk-border:rgba(212,175,55,.14);--pk-border-line:#1f2229;--pk-border-soft:#262931;--pk-text:#ece8dd;--pk-muted:#918b7c;--pk-dim:#5f5a4f;--pk-gold:#c9a961;--pk-gold-bright:#d8bd75;--pk-gold-soft:#a8884a;--pk-warn:#c46a5c;--pk-check:#7ba07a;--pk-max-content:720px;--pk-max-wide:880px;
}
body[data-nav-tool="Portfolio Klarheit"] *{box-sizing:border-box}
body[data-nav-tool="Portfolio Klarheit"] [hidden]{display:none!important}
body[data-nav-tool="Portfolio Klarheit"]{scroll-behavior:smooth}
body[data-nav-tool="Portfolio Klarheit"]{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at 20% 0%,rgba(201,169,97,.04),transparent 50%),radial-gradient(ellipse at 80% 100%,rgba(201,169,97,.025),transparent 50%),var(--pk-bg);background-attachment:fixed;color:var(--pk-text);font-family:"Open Sans",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
body[data-nav-tool="Portfolio Klarheit"]::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.022;z-index:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='200' height='200' filter='url(%23n)'/%3E%3C/svg%3E")}
body[data-nav-tool="Portfolio Klarheit"] a{color:inherit}body[data-nav-tool="Portfolio Klarheit"] .pk-main{position:relative;z-index:1;flex:1 0 auto;width:100%}body[data-nav-tool="Portfolio Klarheit"] .pk-screen{max-width:var(--pk-max-content);margin:0 auto;padding:3rem 1.5rem 4.5rem}body[data-nav-tool="Portfolio Klarheit"] .pk-screen[hidden]{display:none!important}body[data-nav-tool="Portfolio Klarheit"] .pk-start{padding-top:4.5rem}body[data-nav-tool="Portfolio Klarheit"] .pk-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pk-gold);font-weight:700;margin-bottom:1.4rem;display:flex;align-items:center;gap:.7rem}body[data-nav-tool="Portfolio Klarheit"] .pk-eyebrow::before{content:"";width:24px;height:1px;background:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-start h1{font-weight:650;font-size:clamp(2.15rem,5.2vw,3.25rem);line-height:1.08;letter-spacing:-.04em;margin:0 0 1.45rem;color:var(--pk-text)}body[data-nav-tool="Portfolio Klarheit"] .pk-lede{font-size:1.06rem;line-height:1.72;color:var(--pk-text);max-width:56ch;margin:0 0 1.3rem;opacity:.93}body[data-nav-tool="Portfolio Klarheit"] .pk-note{font-size:.95rem;line-height:1.65;color:var(--pk-muted);max-width:56ch;margin:0 0 2.4rem}body[data-nav-tool="Portfolio Klarheit"] .pk-what-you-get{border-top:1px solid var(--pk-border-line);border-bottom:1px solid var(--pk-border-line);padding:1.85rem 0;margin-bottom:2.25rem}body[data-nav-tool="Portfolio Klarheit"] .pk-mini-label{font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;color:var(--pk-muted);font-weight:700;margin-bottom:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-what-you-get ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 2rem}body[data-nav-tool="Portfolio Klarheit"] .pk-what-you-get li{font-size:.94rem;color:var(--pk-text);padding-left:1.2rem;position:relative;opacity:.9}body[data-nav-tool="Portfolio Klarheit"] .pk-what-you-get li::before{content:"";position:absolute;left:0;top:.78em;width:6px;height:1px;background:var(--pk-gold-soft)}body[data-nav-tool="Portfolio Klarheit"] .pk-disclaimer{background:var(--pk-bg-deeper);border:1px solid var(--pk-border-line);border-left:2px solid var(--pk-gold-soft);padding:1.05rem 1.25rem;font-size:.86rem;line-height:1.6;color:var(--pk-muted);margin-bottom:2.25rem;border-radius:4px}body[data-nav-tool="Portfolio Klarheit"] .pk-disclaimer strong{color:var(--pk-text);font-weight:700;display:block;margin-bottom:.25rem;font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}body[data-nav-tool="Portfolio Klarheit"] .pk-cta-row{display:flex;gap:1rem;flex-wrap:wrap;align-items:center}body[data-nav-tool="Portfolio Klarheit"] .pk-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:inherit;font-size:.92rem;font-weight:650;padding:.92rem 1.55rem;border-radius:5px;border:1px solid transparent;cursor:pointer;transition:.18s ease;text-decoration:none}body[data-nav-tool="Portfolio Klarheit"] .pk-btn:disabled{opacity:.45;cursor:not-allowed}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-primary{background:var(--pk-gold);color:var(--pk-bg);border-color:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-primary:hover:not(:disabled){background:var(--pk-gold-bright);border-color:var(--pk-gold-bright);transform:translateY(-1px)}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-ghost{background:transparent;color:var(--pk-text);border-color:var(--pk-border-soft)}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-ghost:hover{border-color:var(--pk-gold-soft);color:var(--pk-gold-bright)}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-link{background:transparent;color:var(--pk-muted);padding:.92rem .5rem;border:none}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-link:hover{color:var(--pk-gold-bright)}body[data-nav-tool="Portfolio Klarheit"] .pk-storage-note,body[data-nav-tool="Portfolio Klarheit"] .pk-start-saved{font-size:.84rem;color:var(--pk-muted);font-style:italic;margin:1rem 0 0}body[data-nav-tool="Portfolio Klarheit"] .pk-start-saved{margin-bottom:.65rem;color:var(--pk-gold-bright);font-style:normal}
body[data-nav-tool="Portfolio Klarheit"] .pk-question-screen{padding-top:2.5rem;max-width:var(--pk-max-content)}body[data-nav-tool="Portfolio Klarheit"] .pk-progress-bar{margin:0 auto 2.2rem}body[data-nav-tool="Portfolio Klarheit"] .pk-progress-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:.85rem;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--pk-muted);font-weight:700}body[data-nav-tool="Portfolio Klarheit"] .pk-step{color:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-count{color:var(--pk-dim);text-transform:none;letter-spacing:0;font-size:.9rem}body[data-nav-tool="Portfolio Klarheit"] .pk-count strong{color:var(--pk-text)}body[data-nav-tool="Portfolio Klarheit"] .pk-progress-track{height:2px;background:var(--pk-border-line);border-radius:2px;overflow:hidden}body[data-nav-tool="Portfolio Klarheit"] .pk-progress-fill{height:100%;width:0%;background:linear-gradient(to right,var(--pk-gold-soft),var(--pk-gold));border-radius:2px;transition:width .2s ease}body[data-nav-tool="Portfolio Klarheit"] .pk-step-indicator{display:flex;justify-content:center;gap:.45rem;margin-bottom:2.1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-step-dot{width:22px;height:2px;background:var(--pk-border-line);border-radius:1px}body[data-nav-tool="Portfolio Klarheit"] .pk-step-dot.done{background:var(--pk-gold-soft)}body[data-nav-tool="Portfolio Klarheit"] .pk-step-dot.active{background:var(--pk-gold);width:32px}body[data-nav-tool="Portfolio Klarheit"] .pk-question-card{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:6px;padding:2.35rem 2.15rem;position:relative}body[data-nav-tool="Portfolio Klarheit"] .pk-question-card::before{content:"";position:absolute;top:0;left:0;width:60px;height:1px;background:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-question-num{font-style:italic;font-size:.9rem;color:var(--pk-gold);margin-bottom:.6rem;letter-spacing:.04em}body[data-nav-tool="Portfolio Klarheit"] .pk-question-title{font-weight:650;font-size:1.75rem;line-height:1.25;letter-spacing:-.025em;margin:0 0 1.5rem;color:var(--pk-text)}body[data-nav-tool="Portfolio Klarheit"] .pk-question-help{font-size:.92rem;color:var(--pk-muted);font-style:italic;margin:0 0 1.8rem;padding-left:.9rem;border-left:1px solid var(--pk-gold-soft);line-height:1.6}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-list{display:flex;flex-direction:column;gap:.62rem}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.15rem;background:var(--pk-bg-deeper);border:1px solid var(--pk-border-line);border-radius:5px;cursor:pointer;transition:.18s ease;font-size:.95rem;color:var(--pk-text);text-align:left}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option:hover{border-color:var(--pk-gold-soft);background:var(--pk-bg-input)}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option.selected{border-color:var(--pk-gold);background:rgba(201,169,97,.055)}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-marker{width:16px;height:16px;border-radius:50%;border:1px solid var(--pk-border-soft);flex:0 0 16px;position:relative}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option.selected .pk-answer-marker{border-color:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option.selected .pk-answer-marker::after{content:"";position:absolute;inset:3px;border-radius:50%;background:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option.multi .pk-answer-marker{border-radius:4px}body[data-nav-tool="Portfolio Klarheit"] .pk-answer-option.multi.selected .pk-answer-marker::after{border-radius:2px}body[data-nav-tool="Portfolio Klarheit"] .pk-question-footer{margin-top:2.25rem;display:flex;justify-content:space-between;align-items:center;gap:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-back{background:transparent;color:var(--pk-muted);border:none;font:inherit;font-size:.9rem;cursor:pointer;padding:.5rem .2rem;transition:color .18s ease}body[data-nav-tool="Portfolio Klarheit"] .pk-btn-back:hover{color:var(--pk-gold-bright)}body[data-nav-tool="Portfolio Klarheit"] .pk-loading{max-width:640px}body[data-nav-tool="Portfolio Klarheit"] .pk-loading-card{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:8px;padding:2.5rem;text-align:center}body[data-nav-tool="Portfolio Klarheit"] .pk-loading-card .pk-eyebrow{justify-content:center}body[data-nav-tool="Portfolio Klarheit"] .pk-loading-card .pk-eyebrow::before{display:none}body[data-nav-tool="Portfolio Klarheit"] .pk-loading-card h2{margin:.5rem 0 1rem;font-size:1.75rem;line-height:1.2}body[data-nav-tool="Portfolio Klarheit"] .pk-loading-card p{margin:0;color:var(--pk-muted)}
body[data-nav-tool="Portfolio Klarheit"] .pk-result-screen,body[data-nav-tool="Portfolio Klarheit"] .pk-history-screen{max-width:var(--pk-max-wide);padding-top:3rem}body[data-nav-tool="Portfolio Klarheit"] .pk-result-eyebrow{font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:var(--pk-gold);font-weight:700;margin-bottom:.85rem;text-align:center}body[data-nav-tool="Portfolio Klarheit"] .pk-result-title{font-weight:650;font-size:2.25rem;line-height:1.15;text-align:center;margin:0 0 .7rem;color:var(--pk-text);letter-spacing:-.035em}body[data-nav-tool="Portfolio Klarheit"] .pk-result-subtitle{text-align:center;font-size:.96rem;color:var(--pk-muted);margin:0 0 3rem;font-style:italic}body[data-nav-tool="Portfolio Klarheit"] .pk-score-block{display:flex;align-items:center;justify-content:center;gap:3rem;padding:2.7rem 2rem;background:linear-gradient(to bottom,var(--pk-bg-card),var(--pk-bg-deeper));border:1px solid var(--pk-border-line);border-radius:8px;margin-bottom:1rem;position:relative;overflow:hidden}body[data-nav-tool="Portfolio Klarheit"] .pk-score-block::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:80px;height:1px;background:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-score-ring{position:relative;width:170px;height:170px;flex:0 0 170px}body[data-nav-tool="Portfolio Klarheit"] .pk-score-ring svg{width:100%;height:100%;transform:rotate(-90deg)}body[data-nav-tool="Portfolio Klarheit"] .pk-ring-bg{fill:none;stroke:var(--pk-border-line);stroke-width:4}body[data-nav-tool="Portfolio Klarheit"] .pk-ring-fill{fill:none;stroke:url(#pkGoldGradient);stroke-width:4;stroke-linecap:round}body[data-nav-tool="Portfolio Klarheit"] .pk-score-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}body[data-nav-tool="Portfolio Klarheit"] .pk-score-number{font-weight:650;font-size:3.45rem;line-height:1;color:var(--pk-text);letter-spacing:-.04em}body[data-nav-tool="Portfolio Klarheit"] .pk-score-max{font-style:italic;font-size:.85rem;color:var(--pk-dim);margin-top:.2rem}body[data-nav-tool="Portfolio Klarheit"] .pk-score-meta{flex:1;max-width:340px}body[data-nav-tool="Portfolio Klarheit"] .pk-score-band{font-style:italic;font-size:1.35rem;color:var(--pk-gold);margin-bottom:.7rem;letter-spacing:.005em}body[data-nav-tool="Portfolio Klarheit"] .pk-score-text{font-size:.95rem;line-height:1.6;color:var(--pk-text);opacity:.92;margin:0}body[data-nav-tool="Portfolio Klarheit"] .pk-score-disclaimer{text-align:center;font-size:.82rem;color:var(--pk-dim);font-style:italic;max-width:600px;margin:0 auto 3.3rem;line-height:1.55}body[data-nav-tool="Portfolio Klarheit"] .pk-section{margin-bottom:3.4rem}body[data-nav-tool="Portfolio Klarheit"] .pk-section-h{font-weight:650;font-size:1.45rem;margin:0 0 1.35rem;color:var(--pk-text);display:flex;align-items:baseline;gap:.7rem;letter-spacing:-.02em}body[data-nav-tool="Portfolio Klarheit"] .pk-section-h .num{font-style:italic;font-size:.95rem;color:var(--pk-gold);font-weight:500}body[data-nav-tool="Portfolio Klarheit"] .pk-profile-card{background:var(--pk-bg-card);border:1px solid var(--pk-border);border-radius:6px;padding:1.75rem 1.85rem;position:relative}body[data-nav-tool="Portfolio Klarheit"] .pk-profile-card::before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:linear-gradient(to bottom,var(--pk-gold),transparent);border-radius:6px 0 0 6px}body[data-nav-tool="Portfolio Klarheit"] .pk-profile-name{font-style:italic;font-size:1.28rem;color:var(--pk-gold-bright);margin:0 0 .85rem;line-height:1.25}body[data-nav-tool="Portfolio Klarheit"] .pk-profile-text{font-size:.96rem;line-height:1.7;color:var(--pk-text);margin:0;opacity:.92}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-list{display:flex;flex-direction:column;gap:1.3rem}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-item{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:5px;padding:1.25rem 1.45rem}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:.85rem;gap:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-name{font-size:1rem;font-weight:650;color:var(--pk-text);letter-spacing:.005em}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-score{font-size:1.45rem;color:var(--pk-gold);font-weight:650;line-height:1}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-score .of{font-style:italic;font-size:.78rem;color:var(--pk-dim);margin-left:.15rem;font-weight:400}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-bar-track{height:3px;background:var(--pk-border-line);border-radius:2px;overflow:hidden;margin-bottom:.85rem}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-bar-fill{height:100%;background:linear-gradient(to right,var(--pk-gold-soft),var(--pk-gold));border-radius:2px}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-bar-fill.low{background:linear-gradient(to right,var(--pk-warn),#d68575);opacity:.75}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-bar-fill.mid{background:linear-gradient(to right,var(--pk-gold-soft),var(--pk-gold-bright));opacity:.85}body[data-nav-tool="Portfolio Klarheit"] .pk-dim-text{font-size:.88rem;line-height:1.6;color:var(--pk-muted);margin:0;font-style:italic}body[data-nav-tool="Portfolio Klarheit"] .pk-two-col{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:3.4rem}body[data-nav-tool="Portfolio Klarheit"] .pk-col-card{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:6px;padding:1.55rem 1.65rem}body[data-nav-tool="Portfolio Klarheit"] .pk-col-h{font-size:1.15rem;font-weight:650;margin:0 0 1.1rem;display:flex;align-items:center;gap:.65rem}body[data-nav-tool="Portfolio Klarheit"] .pk-col-card.clear .ic{color:var(--pk-check)}body[data-nav-tool="Portfolio Klarheit"] .pk-col-card.check .ic{color:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-col-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.85rem}body[data-nav-tool="Portfolio Klarheit"] .pk-col-list li{font-size:.92rem;line-height:1.55;color:var(--pk-text);padding-left:1.25rem;position:relative;opacity:.92}body[data-nav-tool="Portfolio Klarheit"] .pk-col-list li::before{content:"·";position:absolute;left:0;top:-.43em;font-size:1.5rem;font-weight:700;color:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-col-card.clear .pk-col-list li::before{color:var(--pk-check)}body[data-nav-tool="Portfolio Klarheit"] .pk-action-list{display:flex;flex-direction:column;gap:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-action-card{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:6px;padding:1.45rem 1.65rem;display:grid;grid-template-columns:1fr auto;gap:1.5rem;align-items:center;transition:border-color .18s ease}body[data-nav-tool="Portfolio Klarheit"] .pk-action-card:hover{border-color:var(--pk-gold-soft)}body[data-nav-tool="Portfolio Klarheit"] .pk-action-body h4{font-weight:650;font-size:1.08rem;margin:0 0 .45rem;color:var(--pk-text)}body[data-nav-tool="Portfolio Klarheit"] .pk-action-body p{font-size:.88rem;line-height:1.55;color:var(--pk-muted);margin:0}body[data-nav-tool="Portfolio Klarheit"] .pk-action-cta{font-size:.85rem;font-weight:650;color:var(--pk-gold);text-decoration:none;white-space:nowrap;border:1px solid var(--pk-gold-soft);padding:.6rem 1.05rem;border-radius:4px;transition:.18s ease}body[data-nav-tool="Portfolio Klarheit"] .pk-action-cta:hover{background:var(--pk-gold);color:var(--pk-bg);border-color:var(--pk-gold)}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-intro{font-size:.96rem;line-height:1.65;color:var(--pk-muted);margin:0 0 1.55rem;font-style:italic}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-card{background:var(--pk-bg-deeper);border:1px solid var(--pk-border-line);border-radius:5px;padding:1.25rem 1.35rem;text-decoration:none;transition:.18s ease}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-card:hover{border-color:var(--pk-gold-soft);transform:translateY(-1px)}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-name{font-weight:650;font-size:1.06rem;color:var(--pk-text);margin-bottom:.4rem}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-name .pin{font-style:italic;color:var(--pk-gold);font-weight:650}body[data-nav-tool="Portfolio Klarheit"] .pk-eco-desc{font-size:.85rem;line-height:1.5;color:var(--pk-muted);margin:0}body[data-nav-tool="Portfolio Klarheit"] .pk-result-footer{margin-top:4rem;padding-top:2.5rem;border-top:1px solid var(--pk-border-line);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-saved{font-size:.85rem;color:var(--pk-muted);font-style:italic}body[data-nav-tool="Portfolio Klarheit"] .pk-saved::before{content:"✓";color:var(--pk-check);margin-right:.5rem;font-style:normal}body[data-nav-tool="Portfolio Klarheit"] .pk-plus-note{font-size:.84rem;color:var(--pk-muted);margin:.75rem 0 0;font-style:italic}body[data-nav-tool="Portfolio Klarheit"] .pk-history-list{display:grid;gap:1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-history-card{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:6px;padding:1.35rem 1.5rem;display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:center}body[data-nav-tool="Portfolio Klarheit"] .pk-history-date{font-size:.78rem;color:var(--pk-muted);letter-spacing:.08em;text-transform:uppercase;font-weight:700}body[data-nav-tool="Portfolio Klarheit"] .pk-history-score{font-size:1.4rem;color:var(--pk-gold);font-weight:700;margin:.25rem 0}body[data-nav-tool="Portfolio Klarheit"] .pk-history-profile{font-size:.9rem;color:var(--pk-text)}body[data-nav-tool="Portfolio Klarheit"] .pk-history-meta{font-size:.84rem;color:var(--pk-muted);margin-top:.35rem}body[data-nav-tool="Portfolio Klarheit"] .pk-history-empty{background:var(--pk-bg-card);border:1px solid var(--pk-border-line);border-radius:6px;padding:1.6rem;color:var(--pk-muted)}
body[data-nav-tool="Portfolio Klarheit"] .page-footer{margin-top:auto;padding:26px 16px 18px;background:#05070b;border-top:1px solid rgba(201,163,74,.14);color:#d8dbe2}body[data-nav-tool="Portfolio Klarheit"] .page-footer::before{content:"";display:block;width:min(720px,calc(100% - 40px));height:3px;margin:0 auto 14px;border-radius:999px;background:rgba(201,163,74,.92)}body[data-nav-tool="Portfolio Klarheit"] .page-footer-inner{max-width:980px;margin:0 auto;text-align:center}body[data-nav-tool="Portfolio Klarheit"] .page-footer-disclaimer{margin:0 auto 12px;max-width:980px;font-size:11.5px;line-height:1.35;color:#cfd4de}body[data-nav-tool="Portfolio Klarheit"] .page-footer-meta{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:11.5px;color:#cfd4de}body[data-nav-tool="Portfolio Klarheit"] .page-footer-copy{color:#cfd4de}body[data-nav-tool="Portfolio Klarheit"] .page-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}body[data-nav-tool="Portfolio Klarheit"] .page-footer a{color:#fff;text-decoration:underline;text-underline-offset:2px}body[data-nav-tool="Portfolio Klarheit"] .page-footer a:hover{color:#f0dda1}
@media(max-width:720px){body[data-nav-tool="Portfolio Klarheit"] .pk-screen{padding-left:1.1rem;padding-right:1.1rem}body[data-nav-tool="Portfolio Klarheit"] .pk-what-you-get ul{grid-template-columns:1fr}body[data-nav-tool="Portfolio Klarheit"] .pk-question-card{padding:1.8rem 1.35rem}body[data-nav-tool="Portfolio Klarheit"] .pk-question-title{font-size:1.45rem}body[data-nav-tool="Portfolio Klarheit"] .pk-progress-meta{align-items:flex-start;gap:.7rem}body[data-nav-tool="Portfolio Klarheit"] .pk-count{white-space:nowrap}body[data-nav-tool="Portfolio Klarheit"] .pk-score-block{flex-direction:column;gap:2rem;padding:2.15rem 1.4rem;text-align:center}body[data-nav-tool="Portfolio Klarheit"] .pk-score-meta{text-align:center}body[data-nav-tool="Portfolio Klarheit"] .pk-two-col,body[data-nav-tool="Portfolio Klarheit"] .pk-eco-grid{grid-template-columns:1fr}body[data-nav-tool="Portfolio Klarheit"] .pk-action-card,body[data-nav-tool="Portfolio Klarheit"] .pk-history-card{grid-template-columns:1fr}body[data-nav-tool="Portfolio Klarheit"] .pk-action-cta{justify-self:start}body[data-nav-tool="Portfolio Klarheit"] .pk-start h1{font-size:2rem}body[data-nav-tool="Portfolio Klarheit"] .pk-result-title{font-size:1.85rem}body[data-nav-tool="Portfolio Klarheit"] .page-footer-break{display:none}}


body[data-nav-tool="Portfolio Klarheit"] .pk-action-card{
  grid-template-columns: auto 1fr auto;
}
body[data-nav-tool="Portfolio Klarheit"] .pk-tool-icon{
  width: 38px;
  height: 38px;
  border-radius: 11px;
  border: 1px solid rgba(201, 169, 97, .22);
  background: rgba(201, 169, 97, .065);
  color: var(--pk-gold);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 38px;
  font-size: 1.18rem;
  line-height: 1;
}
body[data-nav-tool="Portfolio Klarheit"] .pk-tool-icon img{
  width: 23px;
  height: 23px;
  object-fit: contain;
  display: block;
}
body[data-nav-tool="Portfolio Klarheit"] .pk-eco-head{
  display: flex;
  align-items: center;
  gap: .85rem;
  margin-bottom: .55rem;
}
body[data-nav-tool="Portfolio Klarheit"] .pk-eco-head .pk-tool-icon{
  width: 34px;
  height: 34px;
  flex-basis: 34px;
  border-radius: 10px;
  font-size: 1.08rem;
}
body[data-nav-tool="Portfolio Klarheit"] .pk-eco-head .pk-tool-icon img{
  width: 21px;
  height: 21px;
}
body[data-nav-tool="Portfolio Klarheit"] .pk-eco-head .pk-eco-name{
  margin-bottom: 0;
}
@media(max-width:720px){
  body[data-nav-tool="Portfolio Klarheit"] .pk-action-card{
    grid-template-columns: auto 1fr;
  }
  body[data-nav-tool="Portfolio Klarheit"] .pk-action-card .pk-action-cta{
    grid-column: 2;
  }}


body[data-nav-tool="Portfolio Klarheit"] .r4x-brand-mark{color:#d8bd75;font-weight:inherit;white-space:nowrap;}
body[data-nav-tool="Portfolio Klarheit"] .r4x-brand-mark .r4x-brand-letter{color:#d8bd75;}
body[data-nav-tool="Portfolio Klarheit"] .r4x-brand-mark .r4x-brand-four{color:#fff;}

/* ============================================================
   R4X v470 · Web3 Monitor migrated from tools/web3-monitor/css/styles.v388.css
   Scoped to body[data-nav-tool="R4X Web3 Monitor"]
   ============================================================ */


body[data-nav-tool="R4X Web3 Monitor"]{
  --bg: #06080b;
  --panel: #0d1118;
  --panel-soft: #111720;
  --panel-lift: #161d27;
  --line: rgba(231,199,111,.18);
  --line-soft: rgba(255,255,255,.08);
  --line-strong: rgba(231,199,111,.42);
  --line-teal: rgba(100,210,195,.2);
  --gold: #e7c76f;
  --gold-bright: #f2d882;
  --gold-soft: rgba(231,199,111,.12);
  --gold-faint: rgba(231,199,111,.06);
  --text: #f0ece0;
  --text-soft: #d4cfc0;
  --muted: #9ea8b5;
  --muted-2: #6e7a88;
  --teal: #7dd4c8;
  --teal-soft: rgba(125,212,200,.1);
  --blue: #8bb8e8;
  --blue-soft: rgba(139,184,232,.1);
  --ok: #7ecf8e;
  --ok-soft: rgba(126,207,142,.1);
  --ok-line: rgba(126,207,142,.28);
  --warn: #f0c060;
  --warn-soft: rgba(240,192,96,.1);
  --warn-line: rgba(240,192,96,.28);
  --danger: #f09080;
  --danger-soft: rgba(240,144,128,.1);
  --danger-line: rgba(240,144,128,.28);
  --none: #6e7a88;
  --none-soft: rgba(110,122,136,.1);
  --radius-sm: 10px;
  --radius-md: 16px;
  --radius-lg: 22px;
  --radius-xl: 28px;
  --radius-pill: 999px;
  --shadow-sm: 0 4px 16px rgba(0,0,0,.28);
  --shadow-md: 0 12px 40px rgba(0,0,0,.36);
  --shadow-lg: 0 24px 72px rgba(0,0,0,.44);
  --t: .18s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] *,body[data-nav-tool="R4X Web3 Monitor"] *::before,body[data-nav-tool="R4X Web3 Monitor"] *::after{box-sizing:border-box}
body[data-nav-tool="R4X Web3 Monitor"]{scroll-behavior:smooth}
body[data-nav-tool="R4X Web3 Monitor"]{
  margin:0;
  background:var(--bg);
  background-image:
    radial-gradient(ellipse 60% 40% at 0% 0%,rgba(231,199,111,.08) 0%,transparent 60%),
    radial-gradient(ellipse 40% 30% at 100% 80%,rgba(100,180,220,.05) 0%,transparent 50%);
  color:var(--text);
  font-family:'DM Sans','Open Sans',Arial,sans-serif;
  font-size:15px;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}


body[data-nav-tool="R4X Web3 Monitor"] .web3-monitor-shell{
  width:min(1220px,calc(100% - 32px));
  margin:0 auto;
  padding:28px 0 64px;
  display:flex;
  flex-direction:column;
  gap:14px;
}


body[data-nav-tool="R4X Web3 Monitor"] .tool-kicker,body[data-nav-tool="R4X Web3 Monitor"] .section-kicker{
  margin:0 0 8px;
  color:var(--gold);
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-weight:700;
  display:flex;
  align-items:center;
  gap:8px;
}
body[data-nav-tool="R4X Web3 Monitor"] .section-kicker::before{
  content:"";
  display:inline-block;
  width:14px;height:1px;
  background:var(--gold);opacity:.6;
}


body[data-nav-tool="R4X Web3 Monitor"] .monitor-hero{
  position:relative;overflow:hidden;
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(231,199,111,.07),rgba(16,21,30,.6));
  border-radius:var(--radius-xl);
  padding:44px 40px 40px;
  box-shadow:var(--shadow-lg);
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-hero::after{
  content:"";position:absolute;top:-60px;right:-60px;
  width:320px;height:320px;border-radius:50%;
  background:radial-gradient(circle,rgba(231,199,111,.08) 0%,transparent 70%);
  pointer-events:none;
}
body[data-nav-tool="R4X Web3 Monitor"] .hero-inner{
  position:relative;
  display:grid;
  grid-template-columns:1fr auto;
  gap:32px;align-items:start;
}
body[data-nav-tool="R4X Web3 Monitor"] .hero-content{max-width:760px;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-hero h1{
  margin:0 0 16px;
  font-family:'Cormorant Garamond','Times New Roman',serif;
  font-size:clamp(38px,5vw,68px);
  font-weight:600;line-height:1.0;letter-spacing:-.03em;
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-hero h1 em{font-style:normal;color:var(--gold-bright);}
body[data-nav-tool="R4X Web3 Monitor"] .hero-lead{margin:0 0 24px;color:var(--muted);font-size:16px;line-height:1.75;max-width:680px;}
body[data-nav-tool="R4X Web3 Monitor"] .hero-tag-row{display:flex;gap:8px;flex-wrap:wrap;}
body[data-nav-tool="R4X Web3 Monitor"] .hero-tag{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,.04);
  border-radius:var(--radius-pill);
  padding:6px 12px;font-size:12px;color:var(--muted);
}
body[data-nav-tool="R4X Web3 Monitor"] .hero-meta{display:flex;flex-direction:column;gap:10px;min-width:180px;}
body[data-nav-tool="R4X Web3 Monitor"] .hero-stat{
  border:1px solid var(--line-soft);
  background:rgba(255,255,255,.03);
  border-radius:var(--radius-md);
  padding:14px 16px;text-align:right;
}
body[data-nav-tool="R4X Web3 Monitor"] .hero-stat span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-2);margin-bottom:5px;}
body[data-nav-tool="R4X Web3 Monitor"] .hero-stat strong{
  display:block;
  font-family:'Cormorant Garamond',serif;
  font-size:26px;font-weight:600;
  color:var(--gold-bright);letter-spacing:-.02em;
}


body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav{
  position:sticky;top:76px;z-index:20;
  display:flex;gap:6px;align-items:center;
  justify-content:center;flex-wrap:wrap;
  padding:8px 10px;
  border:1px solid rgba(231,199,111,.16);
  border-radius:var(--radius-pill);
  background:rgba(6,8,11,.9);
  backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);
  box-shadow:0 8px 32px rgba(0,0,0,.32);
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav button{
  border:1px solid transparent;background:transparent;
  color:var(--muted);border-radius:var(--radius-pill);
  padding:8px 14px;font-family:inherit;font-weight:600;
  font-size:12px;letter-spacing:.04em;cursor:pointer;transition:var(--t);
  text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px;
  text-decoration-color:rgba(231,199,111,.45);
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav button:hover{
  border-color:rgba(231,199,111,.3);
  background:rgba(231,199,111,.08);color:var(--gold-bright);
  text-decoration-color:rgba(231,199,111,.9);
}


body[data-nav-tool="R4X Web3 Monitor"] .section-surface{
  position:relative;overflow:hidden;
  border-radius:var(--radius-xl);
  border:1px solid var(--line-soft);
}
body[data-nav-tool="R4X Web3 Monitor"] .section-surface::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.014),rgba(255,255,255,0));
}
body[data-nav-tool="R4X Web3 Monitor"] .section-surface--workspace{
  background:linear-gradient(150deg,rgba(231,199,111,.065),rgba(13,17,24,.9));
  border-color:var(--line);padding:28px;
}
body[data-nav-tool="R4X Web3 Monitor"] .section-surface--summary{
  background:linear-gradient(150deg,rgba(100,155,230,.05),rgba(13,17,24,.95));
  border-color:rgba(100,155,230,.15);padding:14px;
}
body[data-nav-tool="R4X Web3 Monitor"] .section-surface--understanding{background:rgba(13,17,24,.7);padding:0;}
body[data-nav-tool="R4X Web3 Monitor"] .section-surface--limit{
  background:linear-gradient(150deg,rgba(240,144,128,.05),rgba(13,17,24,.9));
  border-color:rgba(240,144,128,.18);padding:20px 24px;
}


body[data-nav-tool="R4X Web3 Monitor"] .workspace-head{
  display:flex;justify-content:space-between;
  gap:18px;align-items:flex-start;margin-bottom:22px;
}
body[data-nav-tool="R4X Web3 Monitor"] .workspace-head h2{
  margin:0 0 4px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(26px,3vw,38px);
  font-weight:600;letter-spacing:-.03em;line-height:1.1;
}
body[data-nav-tool="R4X Web3 Monitor"] .workspace-head p{margin:0;color:var(--muted);font-size:14px;max-width:480px;line-height:1.6;}


body[data-nav-tool="R4X Web3 Monitor"] .path-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;margin:0 0 20px;
}
body[data-nav-tool="R4X Web3 Monitor"] .path-card{
  display:flex;flex-direction:column;text-align:left;
  gap:10px;padding:20px;
  border:1px solid var(--line-soft);border-radius:var(--radius-lg);
  background:rgba(10,13,20,.7);color:var(--text);
  cursor:pointer;
  transition:border-color var(--t),transform var(--t),background var(--t),box-shadow var(--t);
  min-height:152px;
}
body[data-nav-tool="R4X Web3 Monitor"] .path-card:hover{border-color:rgba(231,199,111,.3);transform:translateY(-2px);box-shadow:var(--shadow-sm);}
body[data-nav-tool="R4X Web3 Monitor"] .path-card.is-active{
  border-color:var(--gold);
  background:linear-gradient(145deg,rgba(231,199,111,.14),rgba(16,21,30,.8));
  box-shadow:0 0 0 1px rgba(231,199,111,.15),var(--shadow-sm);
}
body[data-nav-tool="R4X Web3 Monitor"] .path-card-icon{
  width:36px;height:36px;border-radius:10px;
  border:1px solid var(--line-soft);
  display:grid;place-items:center;
  background:rgba(255,255,255,.04);flex-shrink:0;
  transition:border-color var(--t),background var(--t);
  color:var(--gold);
}
body[data-nav-tool="R4X Web3 Monitor"] .path-card.is-active .path-card-icon{border-color:var(--line);background:var(--gold-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .path-card-num{font-size:10px;font-weight:800;letter-spacing:.12em;color:var(--muted-2);text-transform:uppercase;}
body[data-nav-tool="R4X Web3 Monitor"] .path-card.is-active .path-card-num{color:var(--gold);}
body[data-nav-tool="R4X Web3 Monitor"] .path-card strong{font-size:16px;font-weight:700;letter-spacing:-.02em;display:block;}
body[data-nav-tool="R4X Web3 Monitor"] .path-card small{color:var(--muted);font-size:13px;line-height:1.55;}


body[data-nav-tool="R4X Web3 Monitor"] .mode-hint{
  display:flex;gap:14px;align-items:flex-start;
  margin:0 0 18px;
  border:1px solid var(--line-teal);
  background:linear-gradient(145deg,var(--teal-soft),rgba(255,255,255,.012));
  border-radius:var(--radius-md);padding:14px 16px;
  animation:fadeSlideIn .22s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-icon{
  width:32px;height:32px;border-radius:8px;
  background:rgba(125,212,200,.12);border:1px solid var(--line-teal);
  display:grid;place-items:center;flex-shrink:0;color:var(--teal);
}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint strong{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;color:var(--teal);margin-bottom:4px;}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint span{font-size:14px;color:var(--text-soft);line-height:1.58;}


body[data-nav-tool="R4X Web3 Monitor"] .monitor-search{
  border:1px solid var(--line-soft);background:rgba(6,8,12,.7);
  border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:12px;
  transition:border-color var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-search:focus-within{border-color:rgba(231,199,111,.35);}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-search label{
  display:block;font-size:11px;font-weight:700;
  letter-spacing:.14em;text-transform:uppercase;
  color:var(--gold);margin-bottom:10px;
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-search-row{display:flex;gap:10px;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-search input{
  min-width:0;flex:1;
  border:1px solid rgba(255,255,255,.1);
  background:rgba(10,13,18,.9);color:var(--text);
  border-radius:var(--radius-pill);padding:12px 18px;
  font-family:inherit;font-size:15px;
  transition:border-color var(--t);outline:none;
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-search input::placeholder{color:var(--muted-2);}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-search input:focus{border-color:rgba(231,199,111,.4);}


body[data-nav-tool="R4X Web3 Monitor"] .btn-primary{
  border:1px solid var(--line-strong);
  background:linear-gradient(145deg,rgba(231,199,111,.22),rgba(231,199,111,.08));
  color:#ffe9a8;border-radius:var(--radius-pill);
  padding:12px 20px;font-family:inherit;font-weight:700;font-size:14px;
  cursor:pointer;white-space:nowrap;transition:var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .btn-primary:hover{
  background:linear-gradient(145deg,rgba(231,199,111,.32),rgba(231,199,111,.14));
  box-shadow:0 0 20px rgba(231,199,111,.12);
}
body[data-nav-tool="R4X Web3 Monitor"] .btn-ghost{
  border:1px solid var(--line-soft);background:transparent;color:var(--muted);
  border-radius:var(--radius-pill);padding:10px 16px;
  font-family:inherit;font-weight:600;font-size:13px;cursor:pointer;
  white-space:nowrap;transition:var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .btn-ghost:hover{border-color:var(--line);color:var(--text-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .btn-retry{
  display:inline-flex;align-items:center;gap:8px;
  margin-top:14px;
  border:1px solid rgba(231,199,111,.3);
  background:rgba(231,199,111,.08);color:#ffe9a8;
  border-radius:var(--radius-pill);padding:10px 18px;
  font-family:inherit;font-weight:700;font-size:13px;cursor:pointer;transition:var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .btn-retry:hover{background:rgba(231,199,111,.14);}


body[data-nav-tool="R4X Web3 Monitor"] .state-bar{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  border:1px solid var(--line-soft);background:rgba(255,255,255,.03);
  border-radius:var(--radius-md);padding:10px 14px;margin-bottom:12px;
  color:var(--muted);font-size:13px;animation:fadeSlideIn .2s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .state-bar span strong{color:var(--text);}
body[data-nav-tool="R4X Web3 Monitor"] .state-bar button{
  border:1px solid var(--line-soft);background:transparent;color:var(--muted);
  border-radius:var(--radius-pill);padding:6px 12px;
  font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .state-bar button:hover{color:var(--text);border-color:var(--line);}


body[data-nav-tool="R4X Web3 Monitor"] .active-result{min-height:160px;}
body[data-nav-tool="R4X Web3 Monitor"] .empty-result{
  border:1px dashed rgba(255,255,255,.1);
  background:rgba(255,255,255,.02);
  border-radius:var(--radius-lg);padding:36px 28px;text-align:center;
}
body[data-nav-tool="R4X Web3 Monitor"] .empty-result h2{
  margin:10px 0 8px;
  font-family:'Cormorant Garamond',serif;
  font-size:28px;font-weight:500;color:var(--muted);
}
body[data-nav-tool="R4X Web3 Monitor"] .empty-result p{margin:0;color:var(--muted-2);font-size:14px;line-height:1.7;}


body[data-nav-tool="R4X Web3 Monitor"] .result-card{
  border:1px solid var(--line-strong);
  background:linear-gradient(145deg,rgba(231,199,111,.07),rgba(13,17,24,.9));
  border-radius:var(--radius-xl);padding:28px;
  box-shadow:var(--shadow-lg);
  animation:fadeSlideIn .25s ease;
}


body[data-nav-tool="R4X Web3 Monitor"] .signal-row{
  display:flex;gap:10px;flex-wrap:wrap;
  margin-bottom:20px;
  padding-bottom:18px;
  border-bottom:1px solid var(--line-soft);
}
body[data-nav-tool="R4X Web3 Monitor"] .signal{
  display:flex;align-items:center;gap:9px;
  border:1px solid var(--line-soft);
  border-radius:var(--radius-md);
  padding:10px 14px;
  background:rgba(0,0,0,.2);
  flex:1;min-width:120px;
  transition:border-color var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--ok{ border-color:var(--ok-line); background:rgba(126,207,142,.06); }
body[data-nav-tool="R4X Web3 Monitor"] .signal--warn{ border-color:var(--warn-line); background:rgba(240,192,96,.06); }
body[data-nav-tool="R4X Web3 Monitor"] .signal--none{ border-color:rgba(110,122,136,.2); background:rgba(110,122,136,.04); }
body[data-nav-tool="R4X Web3 Monitor"] .signal-dot{
  width:10px;height:10px;border-radius:50%;flex-shrink:0;
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--ok .signal-dot{ background:var(--ok); box-shadow:0 0 6px rgba(126,207,142,.5); }
body[data-nav-tool="R4X Web3 Monitor"] .signal--warn .signal-dot{ background:var(--warn); box-shadow:0 0 6px rgba(240,192,96,.4); }
body[data-nav-tool="R4X Web3 Monitor"] .signal--none .signal-dot{ background:var(--none); }
body[data-nav-tool="R4X Web3 Monitor"] .signal-body{}
body[data-nav-tool="R4X Web3 Monitor"] .signal-label{
  display:block;font-size:10px;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;
  color:var(--muted-2);margin-bottom:3px;
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--ok .signal-label{ color:var(--ok); }
body[data-nav-tool="R4X Web3 Monitor"] .signal--warn .signal-label{ color:var(--warn); }
body[data-nav-tool="R4X Web3 Monitor"] .signal-value{
  display:block;font-family:'Cormorant Garamond',serif;
  font-size:17px;font-weight:600;letter-spacing:-.01em;
  color:var(--text);
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--none .signal-value{ color:var(--muted-2);font-family:inherit;font-size:13px;font-weight:600; }
body[data-nav-tool="R4X Web3 Monitor"] .signal-status{
  display:block;font-size:11px;color:var(--muted-2);margin-top:1px;
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--ok .signal-status{ color:var(--ok); }
body[data-nav-tool="R4X Web3 Monitor"] .signal--warn .signal-status{ color:var(--warn); }


body[data-nav-tool="R4X Web3 Monitor"] .datenlage-row{
  display:flex;gap:6px;flex-wrap:wrap;align-items:center;
  margin-bottom:14px;
  padding:10px 14px;
  border:1px solid var(--line-soft);
  border-radius:var(--radius-md);
  background:rgba(0,0,0,.15);
}
body[data-nav-tool="R4X Web3 Monitor"] .datenlage-row-label{
  font-size:10px;font-weight:700;letter-spacing:.12em;
  text-transform:uppercase;color:var(--muted-2);
  margin-right:4px;flex-shrink:0;
}
body[data-nav-tool="R4X Web3 Monitor"] .dp{
  display:inline-flex;align-items:center;gap:4px;
  border-radius:var(--radius-pill);padding:4px 8px;
  font-size:11px;font-weight:600;
}
body[data-nav-tool="R4X Web3 Monitor"] .dp--ok{background:rgba(126,207,142,.1);color:var(--ok);border:1px solid var(--ok-line);}
body[data-nav-tool="R4X Web3 Monitor"] .dp--miss{background:rgba(110,122,136,.08);color:var(--muted-2);border:1px solid rgba(110,122,136,.15);}
body[data-nav-tool="R4X Web3 Monitor"] .dp svg{flex-shrink:0;}


body[data-nav-tool="R4X Web3 Monitor"] .result-head{
  display:flex;align-items:flex-start;justify-content:space-between;
  gap:20px;margin-bottom:20px;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-title h2{
  margin:0 0 4px;
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(30px,4vw,48px);
  font-weight:600;letter-spacing:-.04em;line-height:1.05;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-sub{color:var(--muted);font-size:13px;margin-top:6px;}
body[data-nav-tool="R4X Web3 Monitor"] .result-badges{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px;}
body[data-nav-tool="R4X Web3 Monitor"] .result-actions{
  display:flex;gap:8px;flex-wrap:wrap;
  justify-content:flex-end;flex-shrink:0;
}


body[data-nav-tool="R4X Web3 Monitor"] .badge{
  display:inline-flex;align-items:center;gap:5px;
  border:1px solid var(--line-soft);border-radius:var(--radius-pill);
  padding:5px 10px;background:rgba(0,0,0,.2);
  font-size:11px;font-weight:600;color:var(--muted);
}
body[data-nav-tool="R4X Web3 Monitor"] .badge--gold{color:#ffe8a8;border-color:var(--line-strong);background:var(--gold-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .badge--ok{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .badge--warn{color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .badge--danger{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft);}


body[data-nav-tool="R4X Web3 Monitor"] .befund-block{
  border-left:3px solid var(--gold);
  background:linear-gradient(145deg,rgba(231,199,111,.07),rgba(255,255,255,.015));
  border:1px solid rgba(231,199,111,.18);border-left:3px solid var(--gold);
  border-radius:var(--radius-md);padding:18px 20px;margin:18px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .befund-block p{margin:0;color:var(--text-soft);font-size:15px;line-height:1.78;}


body[data-nav-tool="R4X Web3 Monitor"] .next-step-panel{
  display:flex;align-items:center;justify-content:space-between;
  gap:16px;padding:16px 18px;
  border:1px solid var(--line-teal);
  background:linear-gradient(145deg,var(--teal-soft),rgba(255,255,255,.01));
  border-radius:var(--radius-md);margin:16px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .next-step-panel strong{
  display:block;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-bottom:5px;
}
body[data-nav-tool="R4X Web3 Monitor"] .next-step-panel p{margin:0;color:var(--text-soft);line-height:1.58;font-size:14px;}
body[data-nav-tool="R4X Web3 Monitor"] .next-step-actions{display:flex;gap:8px;flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;}


body[data-nav-tool="R4X Web3 Monitor"] .data-link{
  display:inline-flex;align-items:center;gap:6px;
  border:1px solid var(--line-soft);background:rgba(255,255,255,.04);
  color:var(--muted);border-radius:var(--radius-pill);
  padding:9px 14px;font-family:inherit;font-weight:600;font-size:13px;
  text-decoration:none;cursor:pointer;transition:var(--t);white-space:nowrap;
}
body[data-nav-tool="R4X Web3 Monitor"] .data-link:hover{border-color:var(--line);color:var(--text-soft);background:rgba(255,255,255,.07);}
body[data-nav-tool="R4X Web3 Monitor"] .data-link--primary{
  border-color:var(--line-strong);
  background:linear-gradient(145deg,rgba(231,199,111,.2),rgba(231,199,111,.07));
  color:#ffe8a8;
}
body[data-nav-tool="R4X Web3 Monitor"] .data-link--primary:hover{
  background:linear-gradient(145deg,rgba(231,199,111,.28),rgba(231,199,111,.1));
  box-shadow:0 0 16px rgba(231,199,111,.1);
}


body[data-nav-tool="R4X Web3 Monitor"] .tip-wrap{
  position:relative;
  display:inline-flex;align-items:center;gap:4px;
}
body[data-nav-tool="R4X Web3 Monitor"] .tip-icon{
  width:14px;height:14px;border-radius:50%;
  border:1px solid var(--muted-2);color:var(--muted-2);
  display:inline-grid;place-items:center;
  font-size:9px;font-weight:800;cursor:help;
  flex-shrink:0;transition:border-color var(--t),color var(--t);
  user-select:none;
}
body[data-nav-tool="R4X Web3 Monitor"] .tip-wrap:hover .tip-icon,body[data-nav-tool="R4X Web3 Monitor"] .tip-wrap.is-open .tip-icon{
  border-color:var(--gold);color:var(--gold);
}
body[data-nav-tool="R4X Web3 Monitor"] .tip-bubble{
  display:none;
  position:absolute;bottom:calc(100% + 8px);left:50%;
  transform:translateX(-50%);
  width:220px;
  border:1px solid var(--line);
  background:var(--panel);
  border-radius:var(--radius-md);
  padding:12px 14px;
  font-size:12px;line-height:1.6;color:var(--text-soft);
  font-family:'DM Sans',sans-serif;font-weight:400;
  z-index:100;
  box-shadow:var(--shadow-md);
  pointer-events:none;
}
body[data-nav-tool="R4X Web3 Monitor"] .tip-bubble strong{
  display:block;color:var(--gold);font-size:11px;
  font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;margin-bottom:5px;
}
body[data-nav-tool="R4X Web3 Monitor"] .tip-bubble::after{
  content:"";position:absolute;top:100%;left:50%;transform:translateX(-50%);
  border:5px solid transparent;border-top-color:var(--line);
}
body[data-nav-tool="R4X Web3 Monitor"] .tip-wrap:hover .tip-bubble,body[data-nav-tool="R4X Web3 Monitor"] .tip-wrap.is-open .tip-bubble{display:block;animation:fadeIn .15s ease;}


body[data-nav-tool="R4X Web3 Monitor"] .result-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:10px;margin:16px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .detail-metric{
  border:1px solid var(--line-soft);background:rgba(0,0,0,.25);
  border-radius:var(--radius-md);padding:14px 14px 12px;
  transition:border-color var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .detail-metric:hover{border-color:var(--line);}
body[data-nav-tool="R4X Web3 Monitor"] .detail-metric .metric-head{
  display:flex;align-items:center;gap:5px;margin-bottom:7px;
}
body[data-nav-tool="R4X Web3 Monitor"] .detail-metric .metric-head span{
  color:var(--muted-2);font-size:10px;
  text-transform:uppercase;letter-spacing:.12em;font-weight:700;
}
body[data-nav-tool="R4X Web3 Monitor"] .detail-metric strong{
  font-family:'Cormorant Garamond',serif;
  font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--text);display:block;
}
body[data-nav-tool="R4X Web3 Monitor"] .metric-change{font-size:12px;font-family:'DM Sans',sans-serif;margin-top:3px;font-weight:600;}
body[data-nav-tool="R4X Web3 Monitor"] .metric-change.up{color:var(--ok);}
body[data-nav-tool="R4X Web3 Monitor"] .metric-change.down{color:var(--danger);}


body[data-nav-tool="R4X Web3 Monitor"] .check-panel{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px;}
body[data-nav-tool="R4X Web3 Monitor"] .check-box{
  border:1px solid var(--line-soft);background:rgba(255,255,255,.025);
  border-radius:var(--radius-md);padding:16px;
}
body[data-nav-tool="R4X Web3 Monitor"] .check-box h3{
  margin:0 0 10px;font-size:12px;font-weight:700;
  letter-spacing:.07em;text-transform:uppercase;color:var(--gold);
}
body[data-nav-tool="R4X Web3 Monitor"] .check-box ul{margin:0;padding-left:16px;color:var(--muted);font-size:13px;line-height:1.72;}
body[data-nav-tool="R4X Web3 Monitor"] .check-box ul li+li{margin-top:5px;}


body[data-nav-tool="R4X Web3 Monitor"] .chain-share-list{display:flex;flex-direction:column;gap:9px;margin:14px 0;}
body[data-nav-tool="R4X Web3 Monitor"] .chain-share-item{
  display:grid;grid-template-columns:130px minmax(0,1fr) 52px;
  gap:10px;align-items:center;font-size:13px;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-share-item span{font-weight:600;color:var(--text-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .share-track{height:6px;border-radius:var(--radius-pill);background:rgba(255,255,255,.07);overflow:hidden;}
body[data-nav-tool="R4X Web3 Monitor"] .share-fill{
  height:100%;
  background:linear-gradient(90deg,rgba(231,199,111,.8),rgba(231,199,111,.25));
  border-radius:inherit;transition:width .5s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-share-item strong{text-align:right;color:var(--text-soft);font-weight:700;}


body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-list{display:flex;flex-direction:column;gap:8px;margin-top:2px;}
body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-item{display:grid;grid-template-columns:minmax(0,1fr) 90px;gap:8px;align-items:center;}
body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-item-name{font-size:13px;font-weight:600;color:var(--text-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-item-cat{font-size:11px;color:var(--muted-2);margin-top:1px;}
body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-track{
  height:5px;border-radius:var(--radius-pill);
  background:rgba(255,255,255,.07);overflow:hidden;margin-top:4px;
}
body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-fill{
  height:100%;
  background:linear-gradient(90deg,rgba(125,212,200,.7),rgba(125,212,200,.2));
  border-radius:inherit;transition:width .5s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .protocol-bar-val{text-align:right;font-size:13px;font-weight:700;color:var(--text);white-space:nowrap;}


body[data-nav-tool="R4X Web3 Monitor"] .summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card{
  position:relative;
  border:1px solid var(--line-soft);background:rgba(13,17,24,.8);
  border-radius:var(--radius-lg);padding:18px 18px 16px;overflow:hidden;
  transition:border-color var(--t),transform var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card:hover{border-color:var(--line);transform:translateY(-1px);}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card--primary{
  border-color:var(--line);
  background:linear-gradient(145deg,rgba(231,199,111,.09),rgba(13,17,24,.9));
}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card-icon{
  width:32px;height:32px;border-radius:9px;
  background:rgba(231,199,111,.1);border:1px solid rgba(231,199,111,.2);
  display:grid;place-items:center;margin-bottom:12px;color:var(--gold);
}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card span{display:block;color:var(--muted-2);font-size:10px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:4px;}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card strong{
  display:block;font-family:'Cormorant Garamond',serif;
  font-size:clamp(22px,2.4vw,32px);font-weight:600;
  letter-spacing:-.02em;margin:2px 0 5px;color:var(--text);
}
body[data-nav-tool="R4X Web3 Monitor"] .summary-card small{display:block;color:var(--muted-2);font-size:12px;line-height:1.5;}


body[data-nav-tool="R4X Web3 Monitor"] .understanding-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-article{
  padding:18px 20px;border-right:1px solid var(--line-soft);
  transition:background var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-article:last-child{border-right:none;}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-article:hover{background:rgba(255,255,255,.02);}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-icon{width:30px;height:30px;border-radius:8px;display:grid;place-items:center;margin-bottom:10px;}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-icon--gold{background:rgba(231,199,111,.1);color:var(--gold);}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-icon--teal{background:rgba(125,212,200,.1);color:var(--teal);}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-icon--blue{background:rgba(139,184,232,.1);color:var(--blue);}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-icon--warn{background:rgba(240,192,96,.1);color:var(--warn);}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-article strong{display:block;font-size:13px;font-weight:700;color:var(--text-soft);margin-bottom:5px;}
body[data-nav-tool="R4X Web3 Monitor"] .understanding-article span{display:block;color:var(--muted);font-size:12px;line-height:1.6;}


body[data-nav-tool="R4X Web3 Monitor"] .monitor-card{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(255,255,255,.032),rgba(13,17,24,.9));
  border-radius:var(--radius-xl);padding:24px;box-shadow:var(--shadow-md);
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-card--secondary{border-color:var(--line-soft);background:rgba(13,17,24,.7);box-shadow:none;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-card-head h2{
  margin:0 0 4px;font-family:'Cormorant Garamond',serif;
  font-size:26px;font-weight:600;letter-spacing:-.03em;line-height:1.1;
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-card-head h3{
  margin:0 0 4px;font-family:'Cormorant Garamond',serif;
  font-size:22px;font-weight:600;letter-spacing:-.025em;
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-card-head p:not(.section-kicker){margin:0;color:var(--muted);font-size:13px;line-height:1.55;max-width:420px;}
body[data-nav-tool="R4X Web3 Monitor"] .card-help{margin:6px 0 0;color:var(--muted);font-size:13px;line-height:1.55;max-width:380px;}


body[data-nav-tool="R4X Web3 Monitor"] .range-tabs{display:flex;gap:4px;flex-wrap:wrap;justify-content:flex-end;}
body[data-nav-tool="R4X Web3 Monitor"] .range-tabs button{
  border:1px solid var(--line-soft);background:transparent;color:var(--muted);
  border-radius:var(--radius-pill);padding:7px 13px;
  font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .range-tabs button:hover{color:var(--text-soft);border-color:var(--line);}
body[data-nav-tool="R4X Web3 Monitor"] .range-tabs button.is-active{background:var(--gold-soft);border-color:var(--line-strong);color:var(--gold-bright);}


body[data-nav-tool="R4X Web3 Monitor"] .chart-box{
  height:320px;border:1px solid rgba(255,255,255,.07);
  border-radius:var(--radius-md);background:rgba(6,8,12,.8);
  padding:14px 10px 10px;overflow:hidden;position:relative;
}
body[data-nav-tool="R4X Web3 Monitor"] .chart-box > svg{width:100%;height:100%;display:block;}
body[data-nav-tool="R4X Web3 Monitor"] .chart-grid{stroke:rgba(255,255,255,.06);stroke-width:1;}
body[data-nav-tool="R4X Web3 Monitor"] .chart-line{fill:none;stroke:var(--gold);stroke-width:2.5;vector-effect:non-scaling-stroke;}
body[data-nav-tool="R4X Web3 Monitor"] .chart-axis{fill:var(--muted-2);font-size:11px;font-family:'DM Sans',sans-serif;}
body[data-nav-tool="R4X Web3 Monitor"] .chart-empty{
  display:flex;align-items:center;justify-content:center;
  height:100%;color:var(--muted);font-size:14px;text-align:center;padding:20px;
}


body[data-nav-tool="R4X Web3 Monitor"] .r4x-befund{
  position:relative;margin-top:16px;
  border:1px solid var(--line);background:var(--gold-faint);
  border-radius:var(--radius-md);padding:18px 18px 16px;
  color:#fff4c8;font-size:14px;line-height:1.72;
}
body[data-nav-tool="R4X Web3 Monitor"] .r4x-befund::before{
  content:"Befund";position:absolute;top:-9px;left:14px;
  background:var(--panel);border:1px solid var(--line);
  border-radius:var(--radius-pill);padding:2px 10px;
  font-size:10px;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--gold);
}


body[data-nav-tool="R4X Web3 Monitor"] .explain-slot{margin-top:16px;}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion{
  border:1px solid var(--line-soft);border-radius:var(--radius-md);
  overflow:hidden;background:rgba(0,0,0,.14);
}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion summary{
  list-style:none;display:flex;align-items:center;gap:10px;
  cursor:pointer;padding:12px 14px;
  color:var(--gold-bright);font-weight:700;font-size:13px;
  letter-spacing:.04em;transition:background var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion summary::-webkit-details-marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion summary:hover{background:rgba(231,199,111,.05);}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion summary::after{content:"Erklärung anzeigen";margin-left:auto;color:var(--muted-2);font-weight:600;font-size:11px;letter-spacing:.06em;}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion[open]{border-color:rgba(231,199,111,.24);}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion[open] summary::after{content:"Erklärung schließen";}
body[data-nav-tool="R4X Web3 Monitor"] .explain-accordion[open]{background:linear-gradient(145deg,rgba(231,199,111,.04),rgba(255,255,255,.01));}
body[data-nav-tool="R4X Web3 Monitor"] .explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 14px 14px;}
body[data-nav-tool="R4X Web3 Monitor"] .explain-grid article{border:1px solid var(--line-soft);border-radius:var(--radius-sm);padding:12px;background:rgba(255,255,255,.022);}
body[data-nav-tool="R4X Web3 Monitor"] .explain-grid strong{display:block;color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:6px;}
body[data-nav-tool="R4X Web3 Monitor"] .explain-grid p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;}


body[data-nav-tool="R4X Web3 Monitor"] .rankings-section{padding:22px;}
body[data-nav-tool="R4X Web3 Monitor"] .rankings-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:18px;}
body[data-nav-tool="R4X Web3 Monitor"] .rankings-head h2{margin:0;font-family:'Cormorant Garamond',serif;font-size:clamp(24px,2.8vw,36px);font-weight:600;letter-spacing:-.03em;}
body[data-nav-tool="R4X Web3 Monitor"] .rankings-head p{margin:0;color:var(--muted);font-size:13px;max-width:420px;line-height:1.55;text-align:right;}
body[data-nav-tool="R4X Web3 Monitor"] .rankings-note{display:block;margin:14px 0 0;color:var(--muted-2);font-size:12px;line-height:1.6;font-style:italic;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-grid{display:grid;gap:12px;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-grid--two{grid-template-columns:repeat(2,minmax(0,1fr));}


body[data-nav-tool="R4X Web3 Monitor"] .data-list{display:flex;flex-direction:column;gap:7px;}
body[data-nav-tool="R4X Web3 Monitor"] .data-row{
  display:grid;
  grid-template-columns:24px minmax(0,1.6fr) minmax(90px,.6fr) minmax(70px,.5fr) auto;
  gap:10px;align-items:center;
  border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.03);
  border-radius:var(--radius-md);padding:11px 12px;
  transition:border-color var(--t),background var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .data-row:hover{border-color:rgba(255,255,255,.12);background:rgba(255,255,255,.05);}
body[data-nav-tool="R4X Web3 Monitor"] .data-row:nth-child(n+6){display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .data-rank{font-size:11px;font-weight:800;color:var(--muted-2);text-align:center;}
body[data-nav-tool="R4X Web3 Monitor"] .data-row:nth-child(1) .data-rank{color:var(--gold);}
body[data-nav-tool="R4X Web3 Monitor"] .data-row:nth-child(2) .data-rank{color:var(--muted);}
body[data-nav-tool="R4X Web3 Monitor"] .data-row:nth-child(3) .data-rank{color:var(--muted-2);}
body[data-nav-tool="R4X Web3 Monitor"] .data-name{font-weight:700;font-size:14px;letter-spacing:-.01em;color:var(--text);}
body[data-nav-tool="R4X Web3 Monitor"] .data-sub{color:var(--muted-2);font-size:11px;margin-top:2px;}
body[data-nav-tool="R4X Web3 Monitor"] .data-value{font-weight:700;font-family:'Cormorant Garamond',serif;font-size:17px;letter-spacing:-.01em;text-align:right;color:var(--text);}
body[data-nav-tool="R4X Web3 Monitor"] .data-extra{color:var(--muted-2);font-size:11px;text-align:right;}
body[data-nav-tool="R4X Web3 Monitor"] .data-bar{height:4px;background:rgba(255,255,255,.07);border-radius:var(--radius-pill);overflow:hidden;margin-top:4px;}
body[data-nav-tool="R4X Web3 Monitor"] .data-bar-fill{height:100%;background:linear-gradient(90deg,rgba(231,199,111,.65),rgba(231,199,111,.2));border-radius:inherit;transition:width .5s ease;}


body[data-nav-tool="R4X Web3 Monitor"] .error-card{
  border:1px solid var(--danger-line);
  background:linear-gradient(145deg,var(--danger-soft),rgba(13,17,24,.9));
  border-radius:var(--radius-lg);padding:24px 28px;
  animation:fadeSlideIn .2s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .error-card-icon{
  width:40px;height:40px;border-radius:12px;
  background:rgba(240,144,128,.12);border:1px solid var(--danger-line);
  display:grid;place-items:center;color:var(--danger);margin-bottom:14px;
}
body[data-nav-tool="R4X Web3 Monitor"] .error-card h2{margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;color:var(--text);}
body[data-nav-tool="R4X Web3 Monitor"] .error-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;}
body[data-nav-tool="R4X Web3 Monitor"] .error-card .error-detail{
  margin-top:10px;
  border:1px solid rgba(240,144,128,.15);
  background:rgba(240,144,128,.05);
  border-radius:var(--radius-sm);padding:10px 12px;
  font-size:12px;color:var(--danger);font-family:monospace;word-break:break-all;
}
body[data-nav-tool="R4X Web3 Monitor"] .timeout-card{
  border:1px solid var(--warn-line);
  background:linear-gradient(145deg,var(--warn-soft),rgba(13,17,24,.9));
  border-radius:var(--radius-lg);padding:24px 28px;
  animation:fadeSlideIn .2s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .timeout-card h2{margin:0 0 8px;font-family:'Cormorant Garamond',serif;font-size:26px;font-weight:600;}
body[data-nav-tool="R4X Web3 Monitor"] .timeout-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7;}


body[data-nav-tool="R4X Web3 Monitor"] .data-error-banner{
  display:flex;align-items:flex-start;gap:14px;
  border:1px solid var(--danger-line);
  background:var(--danger-soft);
  border-radius:var(--radius-md);padding:16px 18px;
  margin:8px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .data-error-banner svg{flex-shrink:0;color:var(--danger);margin-top:2px;width:16px;height:16px;display:block;}
body[data-nav-tool="R4X Web3 Monitor"] .data-error-banner > div{min-width:0;}
body[data-nav-tool="R4X Web3 Monitor"] .data-error-banner div strong{display:block;color:var(--danger);font-size:13px;margin-bottom:4px;}
body[data-nav-tool="R4X Web3 Monitor"] .data-error-banner div p{margin:0;color:var(--muted);font-size:13px;line-height:1.6;overflow-wrap:anywhere;word-break:normal;}
body[data-nav-tool="R4X Web3 Monitor"] .chart-box .data-error-banner{width:100%;max-width:100%;}
body[data-nav-tool="R4X Web3 Monitor"] .chart-box .data-error-banner svg{width:16px!important;height:16px!important;min-width:16px;flex:0 0 16px;}


body[data-nav-tool="R4X Web3 Monitor"] .monitor-note{display:grid;grid-template-columns:auto 1fr;gap:16px;align-items:start;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-note-icon{
  width:38px;height:38px;border-radius:10px;
  background:rgba(240,144,128,.1);border:1px solid rgba(240,144,128,.25);
  display:grid;place-items:center;color:var(--danger);flex-shrink:0;
}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-note strong{display:block;color:var(--danger);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:7px;}
body[data-nav-tool="R4X Web3 Monitor"] .monitor-note p{margin:0;color:var(--muted);font-size:13px;line-height:1.7;}


body[data-nav-tool="R4X Web3 Monitor"] .integration-strip{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:0;border-radius:var(--radius-xl);overflow:hidden;
  border:1px solid var(--line-soft);background:rgba(13,17,24,.6);
}
body[data-nav-tool="R4X Web3 Monitor"] .integration-card{padding:22px 24px;border-right:1px solid var(--line-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .integration-card:last-child{border-right:none;}
body[data-nav-tool="R4X Web3 Monitor"] .integration-card-icon{
  width:36px;height:36px;border-radius:10px;
  border:1px solid var(--line-soft);display:grid;
  place-items:center;margin-bottom:14px;
}
body[data-nav-tool="R4X Web3 Monitor"] .integration-card h3{margin:0 0 8px;font-size:16px;font-weight:700;letter-spacing:-.02em;}
body[data-nav-tool="R4X Web3 Monitor"] .integration-card p{margin:0 0 14px;color:var(--muted);font-size:13px;line-height:1.65;}
body[data-nav-tool="R4X Web3 Monitor"] .integration-card p:last-child{margin-bottom:0;}


body[data-nav-tool="R4X Web3 Monitor"] .is-loading{opacity:.65;pointer-events:none;}
body[data-nav-tool="R4X Web3 Monitor"] .loading-pulse{animation:pulse 1.4s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:.65}50%{opacity:.35}}


@keyframes fadeSlideIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}


@media(max-width:960px){
  body[data-nav-tool="R4X Web3 Monitor"] .web3-monitor-shell{width:min(100% - 20px,1220px);padding-top:20px;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-hero{padding:28px 24px;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-inner{grid-template-columns:1fr;gap:20px;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-meta{flex-direction:row;min-width:0;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-stat{flex:1;text-align:left;}
  body[data-nav-tool="R4X Web3 Monitor"] .section-surface--workspace{padding:20px;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-grid--two{grid-template-columns:1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .result-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-nav-tool="R4X Web3 Monitor"] .check-panel{grid-template-columns:1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .result-head{flex-direction:column;}
  body[data-nav-tool="R4X Web3 Monitor"] .result-actions{justify-content:flex-start;flex-wrap:wrap;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-search-row{flex-direction:column;}
  body[data-nav-tool="R4X Web3 Monitor"] .btn-primary{width:100%;}
  body[data-nav-tool="R4X Web3 Monitor"] .workspace-head{flex-direction:column;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-card-head{flex-direction:column;}
  body[data-nav-tool="R4X Web3 Monitor"] .rankings-head{flex-direction:column;}
  body[data-nav-tool="R4X Web3 Monitor"] .rankings-head p{text-align:left;}
  body[data-nav-tool="R4X Web3 Monitor"] .chart-box{height:270px;}
  body[data-nav-tool="R4X Web3 Monitor"] .data-row{grid-template-columns:22px minmax(0,1fr) auto;}
  body[data-nav-tool="R4X Web3 Monitor"] .data-extra{display:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .data-link{grid-column:1/-1;text-align:center;justify-content:center;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav{top:60px;border-radius:20px;}
  body[data-nav-tool="R4X Web3 Monitor"] .integration-strip{grid-template-columns:1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .integration-card{border-right:none;border-bottom:1px solid var(--line-soft);}
  body[data-nav-tool="R4X Web3 Monitor"] .integration-card:last-child{border-bottom:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .next-step-panel{flex-direction:column;align-items:flex-start;}
  body[data-nav-tool="R4X Web3 Monitor"] .next-step-actions{width:100%;}
  body[data-nav-tool="R4X Web3 Monitor"] .next-step-actions .data-link{flex:1;justify-content:center;}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-strip{grid-template-columns:repeat(2,1fr);}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-article:nth-child(2){border-right:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-article:nth-child(3){border-top:1px solid var(--line-soft);}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-article:nth-child(4){border-top:1px solid var(--line-soft);border-right:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
  body[data-nav-tool="R4X Web3 Monitor"] .signal-row{flex-direction:column;gap:8px;}
  body[data-nav-tool="R4X Web3 Monitor"] .signal{flex:none;width:100%;}
  body[data-nav-tool="R4X Web3 Monitor"] .tip-bubble{width:180px;}}

@media(max-width:640px){
  
  body[data-nav-tool="R4X Web3 Monitor"] .section-surface--workspace{
    display:flex;flex-direction:column;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .workspace-head{ order:0; }
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-search{ order:2; }
  
  body[data-nav-tool="R4X Web3 Monitor"] .path-grid{
    order:2;
    display:flex;overflow-x:auto;flex-wrap:nowrap;
    gap:8px;margin-bottom:14px;
    padding-bottom:4px;
    scrollbar-width:none;-ms-overflow-style:none;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .path-grid::-webkit-scrollbar{display:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .path-card{
    min-width:160px;flex-shrink:0;
    min-height:auto;padding:14px;flex-direction:row;
    align-items:flex-start;gap:10px;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .path-card-icon{flex-shrink:0;}
  body[data-nav-tool="R4X Web3 Monitor"] .path-card small{display:none;} 
  body[data-nav-tool="R4X Web3 Monitor"] .mode-hint{order:3;}
  body[data-nav-tool="R4X Web3 Monitor"] .state-bar{order:4;}
  body[data-nav-tool="R4X Web3 Monitor"] .active-result{order:5;}

  
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-hero h1{font-size:34px;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-meta{flex-direction:column;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-stat{text-align:left;}
  body[data-nav-tool="R4X Web3 Monitor"] .summary-grid{grid-template-columns:1fr 1fr;gap:8px;}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-strip{grid-template-columns:1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-article{border-right:none;border-bottom:1px solid var(--line-soft);}
  body[data-nav-tool="R4X Web3 Monitor"] .understanding-article:last-child{border-bottom:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .result-title h2{font-size:30px;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-card{padding:18px;}
  body[data-nav-tool="R4X Web3 Monitor"] .result-card{padding:20px;}
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav{
    position:static;
    display:grid;
    grid-template-columns:repeat(2,1fr);
    gap:6px;padding:8px;
    border-radius:var(--radius);
    overflow:visible;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav button{
    white-space:normal;
    display:flex;flex-direction:column;
    align-items:center;justify-content:center;
    gap:3px;
    padding:10px 6px;
    border:1px solid rgba(231,199,111,.14);
    background:rgba(255,255,255,.03);
    border-radius:var(--radius);
    font-size:11px;line-height:1.3;
    text-align:center;min-height:52px;
    letter-spacing:.02em;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .monitor-section-nav button:hover{
    background:rgba(231,199,111,.1);
    border-color:rgba(231,199,111,.3);
    color:var(--gold-bright);
  }
  body[data-nav-tool="R4X Web3 Monitor"] .chart-box{height:240px;}
  body[data-nav-tool="R4X Web3 Monitor"] .data-row{padding:10px;}
  body[data-nav-tool="R4X Web3 Monitor"] .result-grid{grid-template-columns:1fr 1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .detail-metric strong{font-size:19px;}
  body[data-nav-tool="R4X Web3 Monitor"] .datenlage-row{flex-wrap:wrap;}
  body[data-nav-tool="R4X Web3 Monitor"] .tip-bubble{
    left:auto;right:0;transform:none;
    bottom:calc(100% + 8px);
  }
  body[data-nav-tool="R4X Web3 Monitor"] .tip-bubble::after{left:auto;right:14px;transform:none;}}

@media(max-width:400px){
  body[data-nav-tool="R4X Web3 Monitor"] .path-card{min-width:140px;}
  body[data-nav-tool="R4X Web3 Monitor"] .summary-grid{grid-template-columns:1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-tag{display:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .hero-tag:first-child{display:inline-flex;}}




body[data-nav-tool="R4X Web3 Monitor"] .g-link{
  color: var(--gold);
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: rgba(231,199,111,.45);
  text-underline-offset: 3px;
  cursor: pointer;
  transition: color var(--t), text-decoration-color var(--t);
  font-weight: inherit;
}
body[data-nav-tool="R4X Web3 Monitor"] .g-link:hover{
  color: var(--gold-bright);
  text-decoration-style: solid;
  text-decoration-color: rgba(231,199,111,.7);
}
body[data-nav-tool="R4X Web3 Monitor"] .g-link-icon{
  display: inline-block;
  margin-left: 2px;
  vertical-align: middle;
  opacity: .55;
  transition: opacity var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .g-link:hover .g-link-icon{ opacity: 1; }


body[data-nav-tool="R4X Web3 Monitor"] .explain-grid p .g-link{ font-size: inherit; }



body[data-nav-tool="R4X Web3 Monitor"] .zone-separator{
  display: flex;
  align-items: center;
  gap: 14px;
  padding: 6px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-line{
  flex: 1;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--line-soft), transparent);
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-label{
  display: flex;
  align-items: center;
  gap: 8px;
  border: 1px solid var(--line-soft);
  background: rgba(13,17,24,.85);
  border-radius: var(--radius-pill);
  padding: 7px 14px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted-2);
  white-space: nowrap;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-label svg{ color: var(--muted-2); opacity: .7; }


body[data-nav-tool="R4X Web3 Monitor"] .market-zone{
  display: flex;
  flex-direction: column;
  gap: 14px;
  position: relative;
}

body[data-nav-tool="R4X Web3 Monitor"] .market-zone::before{
  content: "";
  position: absolute;
  left: -16px;
  top: 0;
  bottom: 0;
  width: 2px;
  background: linear-gradient(180deg, transparent, rgba(139,184,232,.2) 20%, rgba(139,184,232,.2) 80%, transparent);
  border-radius: 2px;
  pointer-events: none;
}


body[data-nav-tool="R4X Web3 Monitor"] .result-card-zone-label{
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-bottom: 16px;
  border: 1px solid var(--line);
  background: var(--gold-faint);
  border-radius: var(--radius-pill);
  padding: 5px 12px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--gold);
}


body[data-nav-tool="R4X Web3 Monitor"] .result-market-note{
  margin-top: 16px;
  padding: 10px 14px;
  border: 1px solid var(--line-soft);
  border-radius: var(--radius-md);
  background: rgba(139,184,232,.04);
  font-size: 12px;
  color: var(--muted-2);
  line-height: 1.6;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-market-note strong{ color: var(--blue); font-weight: 600; }


body[data-nav-tool="R4X Web3 Monitor"] .chain-share-title{
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--muted-2);
  margin: 0 0 10px;
}


body[data-nav-tool="R4X Web3 Monitor"] .signal-row-label{
  width: 100%;
  font-size: 10px;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted-2);
  margin-bottom: 4px;
}


body[data-nav-tool="R4X Web3 Monitor"] .summary-zone-label{
  grid-column: 1 / -1;
  padding: 0 2px 4px;
  font-size: 11px;
  font-weight: 700;
  letter-spacing: .12em;
  text-transform: uppercase;
  color: var(--muted-2);
  display: flex;
  align-items: center;
  gap: 8px;
}
body[data-nav-tool="R4X Web3 Monitor"] .summary-zone-label::after{
  content: "";
  flex: 1;
  height: 1px;
  background: var(--line-soft);
}


body[data-nav-tool="R4X Web3 Monitor"] .explain-grid p{ font-size: 13px; line-height: 1.65; }
body[data-nav-tool="R4X Web3 Monitor"] .explain-grid p a{ font-size: 13px; }




body[data-nav-tool="R4X Web3 Monitor"] .data-link.is-plus-locked,body[data-nav-tool="R4X Web3 Monitor"] .g-link.is-plus-locked{
  border-color:rgba(231,199,111,.38);
  background:rgba(231,199,111,.10);
  color:#f4d88e;
}
body[data-nav-tool="R4X Web3 Monitor"] .data-link.is-plus-locked:hover,body[data-nav-tool="R4X Web3 Monitor"] .g-link.is-plus-locked:hover{
  border-color:rgba(231,199,111,.62);
  background:rgba(231,199,111,.16);
}
body[data-nav-tool="R4X Web3 Monitor"] .link-lock{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:6px;
  font-size:12px;
  line-height:1;
  transform:translateY(-.5px);
}
body[data-nav-tool="R4X Web3 Monitor"] .g-link .link-lock{margin-right:4px;font-size:10px;}
body[data-nav-tool="R4X Web3 Monitor"] .zone-separator{
  margin:36px 0 26px;
  padding:12px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-label{
  border:1px solid rgba(231,199,111,.34);
  background:linear-gradient(135deg,rgba(231,199,111,.16),rgba(255,255,255,.045));
  box-shadow:0 14px 38px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08);
  color:#fff1bd;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
  padding:12px 18px;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-label svg{
  color:var(--gold);
  opacity:1;
}
body[data-nav-tool="R4X Web3 Monitor"] .market-zone{
  border-color:rgba(231,199,111,.24);
  background:linear-gradient(180deg,rgba(231,199,111,.045),rgba(255,255,255,.014));
}
body[data-nav-tool="R4X Web3 Monitor"] .market-zone::before{
  opacity:.95;
  width:3px;
}



body[data-nav-tool="R4X Web3 Monitor"] .access-status{display:flex;align-items:center;justify-content:space-between;gap:14px;margin:0 0 18px;border:1px solid rgba(231,199,111,.26);background:linear-gradient(145deg,rgba(231,199,111,.09),rgba(255,255,255,.018));border-radius:var(--radius-lg);padding:14px 16px;box-shadow:0 10px 26px rgba(0,0,0,.18);}
body[data-nav-tool="R4X Web3 Monitor"] .access-status strong{display:block;color:var(--gold-bright);font-size:12px;letter-spacing:.11em;text-transform:uppercase;margin-bottom:3px;}
body[data-nav-tool="R4X Web3 Monitor"] .access-status span{display:block;color:var(--muted);font-size:13px;line-height:1.55;}
body[data-nav-tool="R4X Web3 Monitor"] .access-status a{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line-strong);background:rgba(231,199,111,.1);color:#ffe8a8;border-radius:var(--radius-pill);padding:8px 13px;font-size:12px;font-weight:700;text-decoration:none;white-space:nowrap;}
body[data-nav-tool="R4X Web3 Monitor"] .access-status.is-plus{border-color:rgba(126,207,142,.3);background:linear-gradient(145deg,rgba(126,207,142,.08),rgba(255,255,255,.018));}
body[data-nav-tool="R4X Web3 Monitor"] .access-status.is-plus strong{color:var(--ok);}body[data-nav-tool="R4X Web3 Monitor"] .access-status.is-plus a{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .access-status.is-limit{border-color:var(--warn-line);background:linear-gradient(145deg,var(--warn-soft),rgba(255,255,255,.018));}
body[data-nav-tool="R4X Web3 Monitor"] .result-access-note{display:inline-flex;align-items:center;gap:6px;margin:0 0 12px;border:1px solid rgba(231,199,111,.22);background:rgba(231,199,111,.08);color:#ffe8a8;border-radius:var(--radius-pill);padding:6px 10px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;}
body[data-nav-tool="R4X Web3 Monitor"] .plus-depth-panel,body[data-nav-tool="R4X Web3 Monitor"] .limit-panel{margin:16px 0;border:1px solid rgba(231,199,111,.28);background:linear-gradient(145deg,rgba(231,199,111,.085),rgba(255,255,255,.016));border-radius:var(--radius-lg);padding:18px 20px;}
body[data-nav-tool="R4X Web3 Monitor"] .plus-depth-panel strong,body[data-nav-tool="R4X Web3 Monitor"] .limit-panel strong{display:block;color:var(--gold-bright);font-size:13px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px;}
body[data-nav-tool="R4X Web3 Monitor"] .plus-depth-panel p,body[data-nav-tool="R4X Web3 Monitor"] .limit-panel p{margin:0;color:var(--muted);font-size:13px;line-height:1.68;}
body[data-nav-tool="R4X Web3 Monitor"] .plus-depth-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px;}
body[data-nav-tool="R4X Web3 Monitor"] .limit-panel{border-color:var(--warn-line);background:linear-gradient(145deg,var(--warn-soft),rgba(13,17,24,.9));}body[data-nav-tool="R4X Web3 Monitor"] .limit-panel strong{color:var(--warn);}
@media(max-width:640px){body[data-nav-tool="R4X Web3 Monitor"] .access-status{flex-direction:column;align-items:flex-start;}body[data-nav-tool="R4X Web3 Monitor"] .access-status a{width:100%;}body[data-nav-tool="R4X Web3 Monitor"] .plus-depth-actions{width:100%;}body[data-nav-tool="R4X Web3 Monitor"] .plus-depth-actions .data-link{width:100%;justify-content:center;}}




body[data-nav-tool="R4X Web3 Monitor"] .signal--missing{
  border-color:rgba(110,122,136,.14);
  background:rgba(110,122,136,.025);
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--missing .signal-dot{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .signal--missing .signal-dash{
  font-size:20px;line-height:1;color:var(--muted-2);
  flex-shrink:0;padding:0 4px;margin-right:6px;align-self:center;
  font-weight:300;letter-spacing:0;
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--missing .signal-label{color:var(--muted-2);}
body[data-nav-tool="R4X Web3 Monitor"] .signal--missing .signal-value{
  color:var(--muted-2);font-size:12px;font-weight:400;
  font-family:inherit;line-height:1.45;
}
body[data-nav-tool="R4X Web3 Monitor"] .signal--missing .signal-status{color:var(--muted-2);opacity:.7;}


body[data-nav-tool="R4X Web3 Monitor"] .entity-type-badge{
  display:inline-block;
  font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;
  padding:1px 5px;border-radius:3px;
  margin-left:5px;vertical-align:middle;
  line-height:1.6;flex-shrink:0;
}
body[data-nav-tool="R4X Web3 Monitor"] .entity-type-badge--cex{
  color:rgba(240,192,96,.9);
  background:rgba(240,192,96,.1);
  border:1px solid rgba(240,192,96,.22);
}
body[data-nav-tool="R4X Web3 Monitor"] .entity-type-badge--stable{
  color:rgba(100,180,220,.9);
  background:rgba(100,180,220,.08);
  border:1px solid rgba(100,180,220,.2);
}
body[data-nav-tool="R4X Web3 Monitor"] .entity-type-badge--chain{
  color:rgba(126,207,142,.85);
  background:rgba(126,207,142,.07);
  border:1px solid rgba(126,207,142,.18);
}
body[data-nav-tool="R4X Web3 Monitor"] .data-name-wrap{display:flex;align-items:center;gap:0;flex-wrap:wrap;}
body[data-nav-tool="R4X Web3 Monitor"] .rankings-category-note{
  margin-top:10px;padding:8px 10px;
  border-radius:6px;
  background:rgba(110,122,136,.06);
  border:1px solid rgba(110,122,136,.12);
  font-size:11px;color:var(--muted-2);line-height:1.55;
}


body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details{
  border:none;background:none;padding:0;margin:0;width:100%;
}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details summary{
  display:flex;align-items:flex-start;gap:8px;
  cursor:pointer;list-style:none;
  -webkit-user-select:none;user-select:none;
}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details summary::-webkit-details-marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details summary::marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details .hint-summary-text{flex:1;}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details .hint-toggle-icon{
  margin-left:auto;flex-shrink:0;margin-top:1px;
  font-size:10px;color:var(--muted-2);font-weight:600;
  letter-spacing:.04em;padding:2px 6px;
  border:1px solid rgba(110,122,136,.2);border-radius:4px;
  background:rgba(110,122,136,.06);white-space:nowrap;
  transition:opacity .15s;
}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details:not([open]) .hint-toggle-icon::after{content:"anzeigen";}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details[open] .hint-toggle-icon::after{content:"ausblenden";}
body[data-nav-tool="R4X Web3 Monitor"] .mode-hint-details .hint-text{
  margin-top:8px;padding-top:8px;
  border-top:1px solid rgba(110,122,136,.12);
}


body[data-nav-tool="R4X Web3 Monitor"] .metric-ratio-note{
  margin-top:5px;font-size:11px;color:var(--muted-2);
  line-height:1.5;font-style:italic;
}


body[data-nav-tool="R4X Web3 Monitor"] .no-proto-hint{
  padding:12px 14px;
  background:rgba(110,122,136,.06);
  border:1px solid rgba(110,122,136,.14);
  border-radius:8px;
}
body[data-nav-tool="R4X Web3 Monitor"] .no-proto-hint p{
  margin:0 0 6px;font-size:13px;color:var(--muted-2);line-height:1.6;
}
body[data-nav-tool="R4X Web3 Monitor"] .no-proto-hint p:last-child{margin-bottom:0;}




body[data-nav-tool="R4X Web3 Monitor"] .path-select{ display: none; }

@media(max-width:640px){
  
  body[data-nav-tool="R4X Web3 Monitor"] .path-grid{ display: none !important; }

  body[data-nav-tool="R4X Web3 Monitor"] .path-select{
    display: block;
    width: 100%;
    order: 1;
    padding: 13px 14px;
    font-size: 14px;
    font-weight: 600;
    color: var(--text);
    background: var(--surface-2);
    border: 1px solid var(--line);
    border-radius: var(--radius);
    cursor: pointer;
    appearance: none;
    -webkit-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23888' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 14px center;
    padding-right: 38px;
    transition: border-color .18s;
    margin-bottom: 2px;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .path-select:focus{
    outline: none;
    border-color: var(--gold);
  }
  body[data-nav-tool="R4X Web3 Monitor"] .path-select option{
    background: #131720;
    color: var(--text);
  }

  
  body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-label{
    white-space: normal !important;
    text-align: center;
    font-size: 10px !important;
    padding: 8px 12px !important;
    line-height: 1.5;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .zone-separator{
    gap: 8px;
  }}

@media(max-width:400px){
  body[data-nav-tool="R4X Web3 Monitor"] .zone-separator-label{
    font-size: 9px !important;
    padding: 7px 10px !important;
  }}


body[data-nav-tool="R4X Web3 Monitor"] .market-tile{
  display:flex;align-items:center;gap:14px;
  width:100%;padding:16px 20px;
  border:1px solid rgba(231,199,111,.22);
  border-left:3px solid rgba(231,199,111,.7);
  border-radius:var(--radius);
  background:linear-gradient(120deg,rgba(231,199,111,.07) 0%,rgba(231,199,111,.02) 100%);
  cursor:pointer;text-align:left;
  font-family:inherit;color:var(--text);
  transition:border-color .18s,background .18s,box-shadow .18s;
  box-shadow:0 2px 12px rgba(231,199,111,.06);
}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile:hover{
  border-color:rgba(231,199,111,.5);
  border-left-color:var(--gold);
  background:linear-gradient(120deg,rgba(231,199,111,.11) 0%,rgba(231,199,111,.04) 100%);
  box-shadow:0 4px 20px rgba(231,199,111,.12);
}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile-icon{
  flex-shrink:0;width:36px;height:36px;
  border-radius:9px;
  background:rgba(231,199,111,.12);
  border:1px solid rgba(231,199,111,.28);
  display:flex;align-items:center;justify-content:center;
  color:var(--gold);
  box-shadow:0 0 12px rgba(231,199,111,.1);
}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile-text{display:flex;flex-direction:column;gap:3px;flex:1;}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile-text strong{
  font-size:15px;font-weight:700;
  color:var(--gold-bright);letter-spacing:-.01em;
}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile-text span{font-size:12px;color:var(--muted);line-height:1.45;}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile-arrow{
  color:rgba(231,199,111,.5);flex-shrink:0;
  transition:transform .18s, color .18s;
}
body[data-nav-tool="R4X Web3 Monitor"] .market-tile:hover .market-tile-arrow{
  color:var(--gold);
  transform:translateY(3px);
}

@media(max-width:640px){
  body[data-nav-tool="R4X Web3 Monitor"] .market-tile{padding:13px 15px;gap:12px;}
  body[data-nav-tool="R4X Web3 Monitor"] .market-tile-text strong{font-size:14px;}}




body[data-nav-tool="R4X Web3 Monitor"] .access-status{
  margin:0 0 0;          
  border-radius:var(--radius);
  font-size:13px;
}


body[data-nav-tool="R4X Web3 Monitor"] .workspace-divider{
  height:1px;
  background:linear-gradient(90deg,transparent,var(--line-soft) 20%,var(--line-soft) 80%,transparent);
  margin:20px 0 20px;
}


body[data-nav-tool="R4X Web3 Monitor"] .workspace-block{
  display:flex;
  flex-direction:column;
  gap:0;
}
body[data-nav-tool="R4X Web3 Monitor"] .workspace-block-kicker{
  font-size:10px;
  font-weight:800;
  letter-spacing:.13em;
  text-transform:uppercase;
  color:var(--muted-2);
  margin:0 0 8px;
  padding:0;
}


body[data-nav-tool="R4X Web3 Monitor"] .workspace-or{
  display:flex;
  align-items:center;
  gap:10px;
  margin:20px 0;
}
body[data-nav-tool="R4X Web3 Monitor"] .workspace-or::before,body[data-nav-tool="R4X Web3 Monitor"] .workspace-or::after{
  content:'';
  flex:1;
  height:1px;
  background:var(--line-soft);
}
body[data-nav-tool="R4X Web3 Monitor"] .workspace-or span{
  font-size:10px;
  font-weight:700;
  color:var(--muted-2);
  letter-spacing:.1em;
  text-transform:uppercase;
  padding:0 6px;
  background:var(--surface);
  border:1px solid var(--line-soft);
  border-radius:var(--radius-pill);
  line-height:1.8;
}


body[data-nav-tool="R4X Web3 Monitor"] .monitor-search{
  margin-top:0 !important;
}

@media(max-width:640px){
  body[data-nav-tool="R4X Web3 Monitor"] .workspace-divider{margin:14px 0 14px;}
  body[data-nav-tool="R4X Web3 Monitor"] .workspace-or{margin:14px 0;}}


body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer{
  margin-top:20px;
  border-top:1px solid var(--line-soft);
  padding-top:16px;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary{
  display:flex;align-items:center;gap:7px;
  cursor:pointer;list-style:none;
  -webkit-user-select:none;user-select:none;
  font-size:12px;font-weight:700;
  letter-spacing:.05em;text-transform:uppercase;
  color:var(--muted-2);
  padding:4px 0;
  transition:color .15s;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary::-webkit-details-marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary::marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary svg{flex-shrink:0;opacity:.7;}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary::after{
  content:"anzeigen";
  margin-left:auto;
  font-size:10px;font-weight:600;
  color:var(--muted-2);
  border:1px solid var(--line-soft);
  border-radius:var(--radius-pill);
  padding:2px 8px;
  letter-spacing:.04em;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer[open] summary::after{content:"ausblenden";}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary:hover{color:var(--text);}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer summary:hover::after{border-color:rgba(231,199,111,.3);color:var(--muted);}

body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
  margin-top:14px;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid article{
  padding:12px 14px;
  background:rgba(255,255,255,.025);
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid article strong{
  display:block;
  font-size:11px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);margin-bottom:5px;
}
body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid article p{
  margin:0;font-size:12px;
  color:var(--muted);line-height:1.58;
}

@media(max-width:960px){
  body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:640px){
  body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid{grid-template-columns:1fr 1fr;gap:8px;}
  body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid article{padding:10px 11px;}
  body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid article p{font-size:11px;}}
@media(max-width:400px){
  body[data-nav-tool="R4X Web3 Monitor"] .zone-a-explainer-grid{grid-template-columns:1fr;}}


body[data-nav-tool="R4X Web3 Monitor"] .result-explainer{
  margin:18px 0 0;
  border-top:1px solid var(--line-soft);
  padding-top:14px;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer summary{
  display:flex;align-items:center;gap:7px;
  cursor:pointer;list-style:none;
  -webkit-user-select:none;user-select:none;
  font-size:11px;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase;
  color:var(--muted-2);padding:4px 0;
  transition:color .15s;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer summary::-webkit-details-marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer summary::marker{display:none;}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer summary svg{flex-shrink:0;opacity:.7;}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer summary::after{
  content:"anzeigen";margin-left:auto;
  font-size:10px;font-weight:600;color:var(--muted-2);
  border:1px solid var(--line-soft);border-radius:var(--radius-pill);
  padding:2px 8px;letter-spacing:.04em;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer[open] summary::after{content:"ausblenden";}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer summary:hover{color:var(--text);}

body[data-nav-tool="R4X Web3 Monitor"] .result-explainer-grid{
  display:grid;grid-template-columns:repeat(3,1fr);
  gap:8px;margin-top:12px;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer-grid article{
  padding:10px 12px;
  background:rgba(255,255,255,.022);
  border:1px solid var(--line-soft);
  border-radius:var(--radius);
}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer-grid article strong{
  display:block;font-size:10px;font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--gold);margin-bottom:4px;
}
body[data-nav-tool="R4X Web3 Monitor"] .result-explainer-grid article p{
  margin:0;font-size:12px;color:var(--muted);line-height:1.55;
}


body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta{margin-top:18px;}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta-link{
  display:block;
  font-size:13px;font-weight:500;
  color:var(--muted);
  text-decoration:none;
  padding:0;border:none;background:none;
  transition:color .15s;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta-link:hover{color:var(--gold-bright);}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta-link .link-arrow,body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta-link .link-lock{
  margin-left:4px;
}


body[data-nav-tool="R4X Web3 Monitor"] .chain-depth-protocols{margin-top:16px;}
body[data-nav-tool="R4X Web3 Monitor"] .chain-depth-protocols h3{
  font-size:13px;font-weight:700;
  color:var(--muted);margin:0 0 10px;
  letter-spacing:-.01em;
}

@media(max-width:640px){
  body[data-nav-tool="R4X Web3 Monitor"] .result-explainer-grid{grid-template-columns:1fr 1fr;}}
@media(max-width:400px){
  body[data-nav-tool="R4X Web3 Monitor"] .result-explainer-grid{grid-template-columns:1fr;}}



body[data-nav-tool="R4X Web3 Monitor"] .web3-search-match{
  margin-top:14px;
  border:1px solid rgba(231,199,111,.18);
  background:rgba(10,13,18,.82);
  border-radius:var(--radius-md);
  padding:12px;
  box-shadow:0 14px 38px rgba(0,0,0,.24);
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-search-match[hidden]{display:none!important;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin:0 0 10px;
  color:var(--muted-2);
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
  text-transform:uppercase;
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-head strong{
  color:var(--gold);
  font-size:11px;
  letter-spacing:.04em;
  text-transform:none;
  max-width:45%;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-list{display:flex;flex-direction:column;gap:8px;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-item{
  width:100%;
  border:1px solid rgba(255,255,255,.08);
  background:rgba(255,255,255,.035);
  color:var(--text);
  border-radius:14px;
  padding:12px 13px;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:12px;
  align-items:center;
  text-align:left;
  cursor:pointer;
  font:inherit;
  transition:border-color .16s ease, background .16s ease, transform .16s ease;
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-item:hover,body[data-nav-tool="R4X Web3 Monitor"] .web3-match-item:focus-visible{
  outline:none;
  border-color:rgba(231,199,111,.38);
  background:rgba(231,199,111,.06);
  transform:translateY(-1px);
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-main{min-width:0;display:flex;flex-direction:column;gap:2px;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-main strong{font-size:14px;font-weight:800;color:var(--text);line-height:1.25;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-main small{font-size:12px;color:var(--muted);line-height:1.35;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-main em{font-style:normal;font-size:12px;color:var(--muted-2);line-height:1.42;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badges{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end;align-items:center;max-width:260px;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid var(--line-soft);
  border-radius:var(--radius-pill);
  padding:4px 8px;
  font-size:10px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  color:var(--muted);
  background:rgba(0,0,0,.18);
  white-space:nowrap;
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge.is-protocol{color:#ffe8a8;border-color:rgba(231,199,111,.34);background:rgba(231,199,111,.1);}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge.is-chain{color:var(--ok);border-color:var(--ok-line);background:var(--ok-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge.is-stablecoin{color:var(--blue);border-color:rgba(139,184,232,.28);background:var(--blue-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge.is-cex{color:var(--warn);border-color:var(--warn-line);background:var(--warn-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge.is-data{color:var(--teal);border-color:var(--line-teal);background:var(--teal-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badge--none{color:var(--danger);border-color:var(--danger-line);background:var(--danger-soft);}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-score{font-size:10px;color:var(--muted-2);white-space:nowrap;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-loading,body[data-nav-tool="R4X Web3 Monitor"] .web3-match-empty{
  border:1px dashed rgba(255,255,255,.1);
  border-radius:12px;
  padding:12px;
  color:var(--muted);
  font-size:13px;
  background:rgba(255,255,255,.025);
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-empty p{margin:8px 0 0;line-height:1.55;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-match-empty .web3-match-tip{color:var(--muted-2);font-size:12px;}
@media(max-width:720px){
  body[data-nav-tool="R4X Web3 Monitor"] .web3-match-item{grid-template-columns:1fr;}
  body[data-nav-tool="R4X Web3 Monitor"] .web3-match-badges{justify-content:flex-start;max-width:none;}
  body[data-nav-tool="R4X Web3 Monitor"] .web3-match-head{align-items:flex-start;flex-direction:column;gap:3px;}
  body[data-nav-tool="R4X Web3 Monitor"] .web3-match-head strong{max-width:100%;}}



body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top{
  position:fixed;
  right:clamp(16px,3vw,30px);
  bottom:clamp(18px,4vw,34px);
  z-index:60;
  width:46px;
  height:46px;
  border-radius:50%;
  border:1px solid rgba(231,199,111,.42);
  background:rgba(13,17,24,.92);
  color:var(--gold-bright);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  box-shadow:0 14px 34px rgba(0,0,0,.36),0 0 0 1px rgba(255,255,255,.03) inset;
  cursor:pointer;
  opacity:0;
  transform:translateY(10px) scale(.96);
  pointer-events:none;
  transition:opacity var(--t),transform var(--t),border-color var(--t),background var(--t),box-shadow var(--t);
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top:hover,body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top:focus-visible{
  outline:none;
  border-color:rgba(231,199,111,.72);
  background:rgba(231,199,111,.12);
  box-shadow:0 16px 38px rgba(0,0,0,.42),0 0 0 1px rgba(231,199,111,.1) inset;
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top.is-visible{
  opacity:1;
  transform:translateY(0) scale(1);
  pointer-events:auto;
}
body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top[hidden]{display:none!important;}
body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top svg{display:block;}
@media(max-width:640px){
  body[data-nav-tool="R4X Web3 Monitor"] .web3-back-top{
    width:44px;
    height:44px;
    right:16px;
    bottom:18px;
  }}


body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent{
  margin-top:18px;
  padding:18px 20px;
  border:1px solid rgba(231,199,111,.38);
  border-radius:22px;
  background:linear-gradient(135deg,rgba(231,199,111,.12),rgba(17,22,31,.72));
  box-shadow:0 18px 45px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.04);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent strong{
  display:block;
  color:#fff;
  font-size:15px;
  margin-bottom:5px;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent p{
  margin:0;
  color:var(--muted);
  max-width:700px;
  line-height:1.55;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent .next-step-actions{
  flex:0 0 auto;
  display:flex;
  justify-content:flex-end;
}
body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent .chain-navigator-cta-link{
  white-space:nowrap;
  min-height:42px;
  align-items:center;
}
@media(max-width:760px){
  body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent{
    flex-direction:column;
    align-items:stretch;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent .next-step-actions,body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent .chain-navigator-cta-link{
    width:100%;
  }
  body[data-nav-tool="R4X Web3 Monitor"] .chain-navigator-cta--prominent .chain-navigator-cta-link{
    justify-content:center;
    white-space:normal;
    text-align:center;
  }}

/* R4X v471: Glossar tools consolidated from assets/r4x-glossar.v305.css */
body.r4x-glossar-origin-shell{
  --r4x-gold:#d6aa2b;
  --r4x-gold-deep:#8b6714;
  --r4x-ink:#171717;
  --r4x-text:#2b2823;
  --r4x-muted:#6f6a62;
  --r4x-bg:#f7f3ec;
  --r4x-surface:#fffefb;
  --r4x-soft:#fbf8f1;
  --r4x-line:#e5d8c2;
  --r4x-line-strong:#d2b76c;
  --r4x-graphite:#151515;
  --r4x-radius:18px;
  --r4x-shadow:0 14px 34px rgba(33,25,14,.06);
  --r4x-soft-shadow:0 8px 18px rgba(33,25,14,.04);
}
body.r4x-glossar-origin-shell *{box-sizing:border-box}
body.r4x-glossar-origin-shell{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body.r4x-glossar-origin-shell{
  margin:0;
  background:linear-gradient(180deg,#fbfaf7 0%,#f7f3ec 100%);
  color:var(--r4x-text);
  font-family:"Open Sans",Arial,sans-serif;
  font-synthesis:none;
  font-size:15px;
  line-height:1.55;
  font-weight:400;
}
body.r4x-glossar-origin-shell button, body.r4x-glossar-origin-shell input{font-family:"Open Sans",Arial,sans-serif;font-synthesis:none}
body.r4x-glossar-origin-shell button{cursor:pointer}
body.r4x-glossar-origin-shell button:focus-visible, body.r4x-glossar-origin-shell input:focus-visible{outline:2px solid rgba(214,170,43,.65);outline-offset:2px}
body.r4x-glossar-origin-shell .r4x-shell{min-height:100vh}
body.r4x-glossar-origin-shell .r4x-page{max-width:1120px;margin:0 auto;padding:18px 18px 56px}
body.r4x-glossar-origin-shell .r4x-tool-body{padding-top:10px}
body.r4x-glossar-origin-shell .r4x-hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:end;
  margin:0 0 12px;
  padding:0 2px;
}
body.r4x-glossar-origin-shell .r4x-kicker{
  margin:0 0 3px;
  color:#7c5e18;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:.66rem;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-hero h1{
  margin:0;
  color:#151515;
  font-size:clamp(1.22rem,1.42vw,1.48rem);
  line-height:1.16;
  letter-spacing:-.012em;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-hero p{
  margin:5px 0 0;
  max-width:600px;
  color:#514c45;
  font-size:.88rem;
  line-height:1.48;
}
body.r4x-glossar-origin-shell .r4x-stats{display:flex;gap:8px;justify-content:flex-end;align-items:center;flex-wrap:wrap}
body.r4x-glossar-origin-shell .r4x-stat{
  position:relative;
  min-width:112px;
  background:rgba(255,255,255,.92);
  border:1px solid var(--r4x-line);
  border-radius:14px;
  padding:10px 12px 10px 38px;
  box-shadow:0 10px 22px rgba(33,25,14,.055);
  overflow:hidden;
}
body.r4x-glossar-origin-shell .r4x-stat-icon{
  position:absolute;
  left:12px;
  top:50%;
  transform:translateY(-50%);
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  border-radius:999px;
  background:rgba(214,170,43,.12);
  color:#a47a18;
  font-size:.62rem;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-stat b{display:block;color:#151515;font-size:1.04rem;line-height:1.05;font-weight:700;letter-spacing:-.01em}
body.r4x-glossar-origin-shell .r4x-stat span{display:block;margin-top:4px;color:#6c675f;font-size:.68rem}
body.r4x-glossar-origin-shell .r4x-plus-hint{
  margin:0 0 12px;
  padding:10px 12px;
  border:1px solid rgba(214,170,43,.36);
  border-radius:14px;
  background:linear-gradient(180deg,#fffdf7,#fff9ed);
  color:#38342d;
  box-shadow:var(--r4x-soft-shadow);
}
body.r4x-glossar-origin-shell .r4x-plus-hint strong{font-weight:700;color:#70530f}
body.r4x-glossar-origin-shell .r4x-plus-hint span{font-size:.84rem}
body.r4x-glossar-origin-shell .r4x-workbench{
  margin-bottom:14px;
  padding:13px;
  border:1px solid rgba(214,190,139,.72);
  border-radius:22px;
  background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,252,246,.92));
  box-shadow:0 18px 40px rgba(33,25,14,.075);
}
body.r4x-glossar-origin-shell .r4x-mode-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}
body.r4x-glossar-origin-shell .r4x-tab{
  border:1px solid var(--r4x-line);
  background:#fffefb;
  color:#1d1b18;
  border-radius:999px;
  padding:8px 13px;
  font-weight:700;
  font-size:.78rem;
  line-height:1;
  box-shadow:0 5px 12px rgba(33,25,14,.035);
  transition:border-color .16s,background .16s,color .16s,transform .16s;
}
body.r4x-glossar-origin-shell .r4x-tab:hover{border-color:var(--r4x-line-strong);transform:translateY(-1px)}
body.r4x-glossar-origin-shell .r4x-tab.is-active{background:#151515;color:#fff;border-color:#151515;box-shadow:0 10px 18px rgba(0,0,0,.12)}
body.r4x-glossar-origin-shell .r4x-search-panel{
  position:relative;
  overflow:hidden;
  background:linear-gradient(135deg,#171717 0%,#202020 58%,#171717 100%);
  border:1px solid rgba(214,170,43,.40);
  border-radius:18px;
  padding:11px;
  box-shadow:0 18px 36px rgba(0,0,0,.14), inset 0 1px 0 rgba(255,255,255,.05);
}
body.r4x-glossar-origin-shell .r4x-search-panel::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  top:0;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(214,170,43,0),rgba(214,170,43,.82),rgba(214,170,43,0));
}
body.r4x-glossar-origin-shell .r4x-search-panel > *{position:relative;z-index:1}
body.r4x-glossar-origin-shell .r4x-search-topline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:10px;
  align-items:center;
}
body.r4x-glossar-origin-shell .r4x-search-wrap{position:relative;min-width:0}
body.r4x-glossar-origin-shell .r4x-search-input{
  width:100%;
  min-height:42px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:13px;
  background:#222;
  color:#fff;
  padding:0 42px 0 14px;
  outline:none;
  font-weight:600;
  font-size:.9rem;
  letter-spacing:0;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.04);
}
body.r4x-glossar-origin-shell .r4x-search-input::placeholder{color:#aaa59e;font-weight:400}
body.r4x-glossar-origin-shell .r4x-search-input:focus{border-color:rgba(214,170,43,.82);box-shadow:0 0 0 3px rgba(214,170,43,.14),inset 0 1px 0 rgba(255,255,255,.04)}
body.r4x-glossar-origin-shell .r4x-clear-btn{
  position:absolute;
  right:8px;
  top:50%;
  transform:translateY(-50%);
  display:none;
  align-items:center;
  justify-content:center;
  width:27px;
  height:27px;
  border:0;
  border-radius:999px;
  background:#333;
  color:#fff;
  font-size:1rem;
  line-height:1;
}
body.r4x-glossar-origin-shell .r4x-clear-btn.is-visible{display:flex}
body.r4x-glossar-origin-shell .r4x-result-note{
  color:#f5efe2;
  font-size:.78rem;
  line-height:1.2;
  white-space:nowrap;
  text-align:right;
  font-weight:600;
}
body.r4x-glossar-origin-shell .r4x-search-bottomline{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:10px;
  margin-top:9px;
}
body.r4x-glossar-origin-shell .r4x-search-actions{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.r4x-glossar-origin-shell .r4x-reset-btn, body.r4x-glossar-origin-shell .r4x-filter-toggle{
  min-height:30px;
  border-radius:999px;
  padding:0 11px;
  font-weight:700;
  font-size:.7rem;
  line-height:1;
  white-space:nowrap;
}
body.r4x-glossar-origin-shell .r4x-reset-btn{
  display:none;
  border:1px solid rgba(214,170,43,.68);
  background:transparent;
  color:#f2d77a;
}
body.r4x-glossar-origin-shell .r4x-reset-btn.is-visible{display:inline-flex;align-items:center}
body.r4x-glossar-origin-shell .r4x-reset-btn:hover{background:rgba(214,170,43,.1)}
body.r4x-glossar-origin-shell .r4x-filter-toggle{border:1px solid rgba(255,255,255,.18);background:#242424;color:#f7f3e8}
body.r4x-glossar-origin-shell .r4x-filter-toggle.is-active{border-color:var(--r4x-gold);background:#fffaf0;color:#161616}
body.r4x-glossar-origin-shell .r4x-filter-drawer{display:block;margin-top:12px;padding-top:12px;border-top:1px solid #eee5d5}
body.r4x-glossar-origin-shell .r4x-filter-bar{display:flex;align-items:center;justify-content:space-between}
body.r4x-glossar-origin-shell .r4x-filter-bar-second{margin-top:10px}
body.r4x-glossar-origin-shell .r4x-filter-label{
  display:block;
  color:#76580f;
  text-transform:uppercase;
  letter-spacing:.09em;
  font-size:.65rem;
  font-weight:700;
  margin-bottom:7px;
}
body.r4x-glossar-origin-shell .r4x-filter-section{display:flex;flex-wrap:wrap;gap:7px}
body.r4x-glossar-origin-shell .r4x-chip{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--r4x-line);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#25231f;
  padding:6px 10px;
  font-weight:600;
  font-size:.77rem;
  line-height:1;
  box-shadow:0 4px 10px rgba(33,25,14,.024);
  transition:background .16s,border-color .16s,color .16s,transform .16s;
}
body.r4x-glossar-origin-shell .r4x-chip:hover{border-color:var(--r4x-line-strong);transform:translateY(-1px)}
body.r4x-glossar-origin-shell .r4x-chip.is-active{background:#151515;color:#fff;border-color:var(--r4x-gold);box-shadow:0 8px 15px rgba(0,0,0,.11)}
body.r4x-glossar-origin-shell .r4x-chip-icon, body.r4x-glossar-origin-shell .r4x-category-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:18px;
  height:18px;
  min-width:18px;
  border-radius:999px;
  background:color-mix(in srgb, var(--cat-accent, #d6aa2b) 14%, white);
  color:var(--cat-accent, #9a7315);
  border:1px solid color-mix(in srgb, var(--cat-accent, #d6aa2b) 28%, white);
  font-weight:700;
  font-size:.62rem;
  line-height:1;
}
body.r4x-glossar-origin-shell .r4x-chip.is-active .r4x-chip-icon{
  background:color-mix(in srgb, var(--cat-accent, #d6aa2b) 85%, #151515);
  border-color:rgba(255,255,255,.25);
  color:#fff;
}
body.r4x-glossar-origin-shell .r4x-letter-chip{min-width:34px;justify-content:center;padding-left:0;padding-right:0}
body.r4x-glossar-origin-shell .r4x-list{display:grid;gap:10px}
body.r4x-glossar-origin-shell .r4x-card{
  border:1px solid var(--r4x-line);
  border-radius:17px;
  background:rgba(255,255,255,.92);
  overflow:hidden;
  box-shadow:var(--r4x-soft-shadow);
  transition:border-color .16s,box-shadow .16s,transform .16s;
}
body.r4x-glossar-origin-shell .r4x-card:hover{border-color:#dbc788;box-shadow:0 13px 30px rgba(33,25,14,.065)}
body.r4x-glossar-origin-shell .r4x-card.is-open{border-color:var(--r4x-line-strong);box-shadow:0 14px 34px rgba(33,25,14,.08)}
body.r4x-glossar-origin-shell .r4x-card.is-highlight{box-shadow:0 0 0 3px rgba(214,170,43,.22),0 14px 34px rgba(33,25,14,.08)}
body.r4x-glossar-origin-shell .r4x-card-main{padding:13px 14px;outline:none}
body.r4x-glossar-origin-shell .r4x-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
body.r4x-glossar-origin-shell .r4x-term-meta{min-width:0}
body.r4x-glossar-origin-shell .r4x-category{
  display:inline-flex;
  align-items:center;
  gap:6px;
  max-width:100%;
  margin-bottom:7px;
  border:1px solid #e8decc;
  border-radius:999px;
  background:#fbfaf6;
  color:#302b22;
  padding:5px 9px;
  font-size:.67rem;
  font-weight:700;
  line-height:1;
  white-space:nowrap;
}
body.r4x-glossar-origin-shell .r4x-card h2{
  margin:0;
  color:#191919;
  font-size:.98rem;
  line-height:1.24;
  font-weight:700;
  letter-spacing:-.008em;
}
body.r4x-glossar-origin-shell .r4x-term-en{margin-top:3px;color:#746d63;font-size:.76rem;font-weight:600}
body.r4x-glossar-origin-shell .r4x-preview{margin:8px 0 0;color:#4d4942;font-size:.84rem;line-height:1.45;max-width:980px}
body.r4x-glossar-origin-shell .r4x-card-controls{display:flex;align-items:center;gap:7px;flex:0 0 auto}
body.r4x-glossar-origin-shell .r4x-open-indicator, body.r4x-glossar-origin-shell .r4x-fav-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:29px;
  height:29px;
  border:1px solid #d7bf79;
  border-radius:999px;
  background:#fffefb;
  color:#151515;
  font-weight:700;
  font-size:.88rem;
  line-height:1;
}
body.r4x-glossar-origin-shell .r4x-fav-btn.is-active{background:#fff7d7;color:#78570e}
body.r4x-glossar-origin-shell .r4x-detail{border-top:1px solid #eee5d5;padding:12px 14px 13px;background:#fffefb}
body.r4x-glossar-origin-shell .r4x-depth{margin:0 0 7px;padding:9px 10px;border-left:3px solid #ddd;border-radius:11px}
body.r4x-glossar-origin-shell .r4x-depth h4, body.r4x-glossar-origin-shell .r4x-meta-block h4{margin:0 0 4px;font-size:.72rem;line-height:1.25;font-weight:700}
body.r4x-glossar-origin-shell .r4x-depth p{margin:0;color:#26231f;font-size:.86rem;line-height:1.52}
body.r4x-glossar-origin-shell .r4x-depth-kurz{border-left-color:#3a72e8;background:#f5f7ff}
body.r4x-glossar-origin-shell .r4x-depth-kurz h4{color:#255ccf}
body.r4x-glossar-origin-shell .r4x-depth-einfach{border-left-color:#d6aa2b;background:#fff9ec}
body.r4x-glossar-origin-shell .r4x-depth-einfach h4{color:#82600f}
body.r4x-glossar-origin-shell .r4x-depth-wo{border-left-color:#1495d1;background:#f3fbff}
body.r4x-glossar-origin-shell .r4x-depth-wo h4{color:#0875a7}
body.r4x-glossar-origin-shell .r4x-depth-warum{border-left-color:#7d60dd;background:#f7f4ff}
body.r4x-glossar-origin-shell .r4x-depth-warum h4{color:#6240c2}
body.r4x-glossar-origin-shell .r4x-depth-schief{border-left-color:#e24a5f;background:#fff6f7}
body.r4x-glossar-origin-shell .r4x-depth-schief h4{color:#bd2e43}
body.r4x-glossar-origin-shell .r4x-depth-blick{border-left-color:#1aa99c;background:#f2fcfa}
body.r4x-glossar-origin-shell .r4x-depth-blick h4{color:#0d7b72}
body.r4x-glossar-origin-shell .r4x-depth-verw{border-left-color:#b7791f;background:#fff9e8}
body.r4x-glossar-origin-shell .r4x-depth-verw h4{color:#83500c}
body.r4x-glossar-origin-shell .r4x-meta-block{margin-top:11px}
body.r4x-glossar-origin-shell .r4x-meta-block + .r4x-meta-block{margin-top:9px}
body.r4x-glossar-origin-shell .r4x-tag-row{display:flex;flex-wrap:wrap;gap:6px}
body.r4x-glossar-origin-shell .r4x-tag{
  display:inline-flex;
  align-items:center;
  border:1px solid #e2dacd;
  background:#f8f7f4;
  color:#2c2822;
  border-radius:999px;
  padding:5px 9px;
  font-size:.72rem;
  line-height:1.15;
}
body.r4x-glossar-origin-shell .r4x-tag-link{border-color:rgba(214,170,43,.66);background:#fffaf0;color:#76580f}
body.r4x-glossar-origin-shell .r4x-tag-link:hover{background:#fff3c4}
body.r4x-glossar-origin-shell .r4x-free-upgrade{
  display:flex;
  flex-wrap:wrap;
  gap:4px 7px;
  margin-top:9px;
  border:1px dashed rgba(214,170,43,.66);
  border-radius:12px;
  background:#fffdf5;
  padding:8px 10px;
  color:#333;
  font-size:.81rem;
}
body.r4x-glossar-origin-shell .r4x-free-upgrade strong{color:#73550f}
body.r4x-glossar-origin-shell .r4x-loadmore-wrap{display:flex;justify-content:center;padding:8px 0 0}
body.r4x-glossar-origin-shell .r4x-loadmore{
  border:1px solid var(--r4x-line-strong);
  background:#fffaf0;
  color:#151515;
  border-radius:999px;
  padding:9px 15px;
  font-weight:700;
  font-size:.82rem;
  box-shadow:var(--r4x-soft-shadow);
}
body.r4x-glossar-origin-shell .r4x-loadmore span{margin-left:8px;color:#73550f;font-weight:600}
body.r4x-glossar-origin-shell .r4x-empty{border:1px dashed var(--r4x-line);border-radius:18px;background:#fff;padding:24px;text-align:center;color:#666}
body.r4x-glossar-origin-shell .r4x-empty strong{display:block;color:#222;margin-bottom:4px}
body.r4x-glossar-origin-shell .r4x-footer{margin-top:26px;text-align:center;color:#736d63;font-size:.79rem}
body.r4x-glossar-origin-shell .r4x-error{max-width:720px;margin:80px auto;background:#fff;border:1px solid #f1c9c9;border-radius:18px;padding:24px;color:#8a1515;box-shadow:var(--r4x-shadow)}
body.r4x-glossar-origin-shell .r4x-landing{max-width:900px;margin:0 auto;padding:58px 18px}
body.r4x-glossar-origin-shell .r4x-landing-card{background:#fff;border:1px solid var(--r4x-line);border-radius:24px;box-shadow:var(--r4x-shadow);padding:25px}
body.r4x-glossar-origin-shell .r4x-landing-logo{width:58px;height:58px;object-fit:contain}
body.r4x-glossar-origin-shell .r4x-landing-card h1{margin:6px 0 10px;font-size:2rem;line-height:1.1}
body.r4x-glossar-origin-shell .r4x-landing-card p{color:#444;max-width:680px}
body.r4x-glossar-origin-shell .r4x-landing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:20px}
body.r4x-glossar-origin-shell .r4x-landing-link{display:block;text-decoration:none;border:1px solid var(--r4x-line);border-radius:18px;background:#fbfaf7;padding:18px;color:inherit}
body.r4x-glossar-origin-shell .r4x-landing-link strong{display:block;font-size:1.04rem;margin-bottom:5px}
body.r4x-glossar-origin-shell .r4x-landing-link span{color:#666;font-size:.9rem}
body.r4x-glossar-origin-shell .r4x-landing-link:hover{border-color:var(--r4x-gold)}
@media(min-width:681px){
body.r4x-glossar-origin-shell .r4x-filter-toggle{display:none}
body.r4x-glossar-origin-shell .r4x-filter-drawer{display:block!important}
}
@media(max-width:860px){
body.r4x-glossar-origin-shell .r4x-page{padding-top:14px}
body.r4x-glossar-origin-shell .r4x-hero{grid-template-columns:1fr;gap:10px;align-items:start}
body.r4x-glossar-origin-shell .r4x-stats{justify-content:flex-start}
body.r4x-glossar-origin-shell .r4x-search-topline{grid-template-columns:1fr}
body.r4x-glossar-origin-shell .r4x-result-note{text-align:left}
body.r4x-glossar-origin-shell .r4x-search-bottomline{align-items:flex-start}
body.r4x-glossar-origin-shell .r4x-search-actions{margin-left:auto}
body.r4x-glossar-origin-shell .r4x-filter-toggle{display:inline-flex;align-items:center;justify-content:center}
}
@media(max-width:680px){
body.r4x-glossar-origin-shell{font-size:14px;background:#f7f3ec}
body.r4x-glossar-origin-shell .r4x-page{padding:12px 10px 42px}
body.r4x-glossar-origin-shell .r4x-tool-body{padding-top:6px}
body.r4x-glossar-origin-shell .r4x-hero{margin-bottom:9px}
body.r4x-glossar-origin-shell .r4x-kicker{font-size:.6rem;margin-bottom:2px;letter-spacing:.11em}
body.r4x-glossar-origin-shell .r4x-hero h1{font-size:1.12rem;line-height:1.18}
body.r4x-glossar-origin-shell .r4x-hero p{font-size:.79rem;line-height:1.42;margin-top:4px}
body.r4x-glossar-origin-shell .r4x-stats{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
body.r4x-glossar-origin-shell .r4x-stat{padding:8px 10px;border-radius:13px}
body.r4x-glossar-origin-shell .r4x-stat b{font-size:.98rem}
body.r4x-glossar-origin-shell .r4x-stat span{font-size:.64rem}
body.r4x-glossar-origin-shell .r4x-plus-hint{padding:9px 10px;border-radius:13px;margin-bottom:10px}
body.r4x-glossar-origin-shell .r4x-plus-hint span{font-size:.76rem}
body.r4x-glossar-origin-shell .r4x-workbench{padding:9px;border-radius:17px;margin-bottom:12px}
body.r4x-glossar-origin-shell .r4x-mode-tabs{gap:6px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;margin-bottom:8px;scrollbar-width:none}
body.r4x-glossar-origin-shell .r4x-mode-tabs::-webkit-scrollbar{display:none}
body.r4x-glossar-origin-shell .r4x-tab{flex:0 0 auto;padding:7px 10px;font-size:.71rem}
body.r4x-glossar-origin-shell .r4x-search-panel{padding:8px;border-radius:15px;box-shadow:0 10px 22px rgba(0,0,0,.11)}
body.r4x-glossar-origin-shell .r4x-search-input{min-height:40px;font-size:.8rem;padding-left:12px;border-radius:12px}
body.r4x-glossar-origin-shell .r4x-search-bottomline{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;margin-top:8px}
body.r4x-glossar-origin-shell .r4x-search-actions{display:flex;justify-content:flex-end;gap:6px;margin-left:0}
body.r4x-glossar-origin-shell .r4x-reset-btn, body.r4x-glossar-origin-shell .r4x-filter-toggle{min-height:29px;font-size:.67rem;padding:0 9px}
body.r4x-glossar-origin-shell .r4x-result-note{font-size:.71rem;white-space:normal}
body.r4x-glossar-origin-shell .r4x-filter-drawer{display:none;margin-top:8px;padding-top:8px}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{display:block}
body.r4x-glossar-origin-shell .r4x-filter-label{font-size:.6rem;margin-bottom:6px}
body.r4x-glossar-origin-shell .r4x-filter-bar-second{margin-top:8px}
body.r4x-glossar-origin-shell .r4x-filter-section{flex-wrap:nowrap;overflow-x:auto;gap:6px;padding-bottom:4px;scrollbar-width:none}
body.r4x-glossar-origin-shell .r4x-filter-section::-webkit-scrollbar{display:none}
body.r4x-glossar-origin-shell .r4x-chip{flex:0 0 auto;font-size:.69rem;padding:6px 8px}
body.r4x-glossar-origin-shell .r4x-letter-chip{min-width:30px}
body.r4x-glossar-origin-shell .r4x-list{gap:9px}
body.r4x-glossar-origin-shell .r4x-card{border-radius:15px}
body.r4x-glossar-origin-shell .r4x-card-main{padding:11px}
body.r4x-glossar-origin-shell .r4x-category{font-size:.6rem;margin-bottom:6px;max-width:calc(100vw - 112px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:5px 8px}
body.r4x-glossar-origin-shell .r4x-card h2{font-size:.93rem}
body.r4x-glossar-origin-shell .r4x-preview{font-size:.8rem;line-height:1.44;margin-top:7px}
body.r4x-glossar-origin-shell .r4x-open-indicator, body.r4x-glossar-origin-shell .r4x-fav-btn{width:28px;height:28px}
body.r4x-glossar-origin-shell .r4x-detail{padding:10px 11px 12px}
body.r4x-glossar-origin-shell .r4x-depth{padding:8px 9px;margin-bottom:7px}
body.r4x-glossar-origin-shell .r4x-depth h4, body.r4x-glossar-origin-shell .r4x-meta-block h4{font-size:.68rem}
body.r4x-glossar-origin-shell .r4x-depth p{font-size:.8rem}
body.r4x-glossar-origin-shell .r4x-tag{font-size:.68rem}
body.r4x-glossar-origin-shell .r4x-landing-grid{grid-template-columns:1fr}
}
body.r4x-glossar-origin-shell .r4x-search-bottomline{justify-content:flex-end;margin-top:8px}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-search-bottomline{margin-top:7px;display:flex;justify-content:flex-end}
}
body.r4x-glossar-origin-shell .r4x-glossar-switch{
  display:flex;
  justify-content:flex-end;
  margin:-4px 2px 10px;
}
body.r4x-glossar-origin-shell .r4x-switch-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border-radius:999px;
  border:1px solid var(--r4x-line-strong);
  background:#fffaf0;
  color:#161616;
  text-decoration:none;
  font-size:.78rem;
  font-weight:700;
  box-shadow:var(--r4x-soft-shadow);
}
body.r4x-glossar-origin-shell .r4x-switch-link:hover{background:#fff3d2;border-color:var(--r4x-gold)}
body.r4x-glossar-origin-shell .r4x-loadmore-wrap{display:none!important}
body.r4x-glossar-origin-shell .r4x-backtop{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:20;
  width:42px;
  height:42px;
  border-radius:999px;
  border:1px solid var(--r4x-line-strong);
  background:#151515;
  color:#fff;
  box-shadow:0 14px 30px rgba(0,0,0,.18);
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .16s, transform .16s;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-backtop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-glossar-switch{justify-content:flex-start;margin:0 0 10px}
body.r4x-glossar-origin-shell .r4x-switch-link{min-height:32px;font-size:.72rem;padding:0 11px}
body.r4x-glossar-origin-shell .r4x-backtop{right:12px;bottom:14px;width:39px;height:39px}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{display:block}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{
    flex-wrap:wrap;
    overflow:visible;
    padding-bottom:0;
  }
.r4x-filter-drawer.is-open .r4x-chip,
  .r4x-filter-drawer.is-open
}
body.r4x-glossar-origin-shell .r4x-active-filters{
  display:none;
  align-items:flex-start;
  gap:8px;
  margin-top:10px;
  padding:9px 10px;
  border:1px solid #eadfce;
  border-radius:15px;
  background:rgba(255,253,248,.82);
}
body.r4x-glossar-origin-shell .r4x-active-filters.is-visible{display:flex}
body.r4x-glossar-origin-shell .r4x-active-label{
  flex:0 0 auto;
  color:#76580f;
  font-size:.68rem;
  font-weight:700;
  letter-spacing:.06em;
  text-transform:uppercase;
  padding-top:6px;
}
body.r4x-glossar-origin-shell .r4x-active-list{display:flex;flex-wrap:wrap;gap:6px}
body.r4x-glossar-origin-shell .r4x-active-chip{
  display:inline-flex;
  align-items:center;
  gap:6px;
  min-height:28px;
  border:1px solid color-mix(in srgb, var(--cat-accent, #d6aa2b) 22%, #e7ddcc);
  border-radius:999px;
  background:#fffefb;
  color:#2b2823;
  padding:0 9px;
  font-size:.7rem;
  font-weight:700;
  line-height:1;
}
body.r4x-glossar-origin-shell .r4x-active-chip i{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:16px;
  height:16px;
  border-radius:999px;
  background:color-mix(in srgb, var(--cat-accent, #d6aa2b) 14%, white);
  color:var(--cat-accent, #9a7315);
  font-style:normal;
  font-size:.58rem;
}
body.r4x-glossar-origin-shell .r4x-active-chip span{color:#8a6a20;font-weight:700}
body.r4x-glossar-origin-shell .r4x-active-chip:hover{border-color:var(--r4x-line-strong);background:#fff8e8}
body.r4x-glossar-origin-shell .r4x-depth{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.62);
}
body.r4x-glossar-origin-shell .r4x-depth h4{letter-spacing:.01em}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-active-filters{display:none;flex-direction:column;gap:7px;padding:8px 9px;border-radius:13px}
body.r4x-glossar-origin-shell .r4x-active-filters.is-visible{display:flex}
body.r4x-glossar-origin-shell .r4x-active-label{padding-top:0;font-size:.6rem}
body.r4x-glossar-origin-shell .r4x-active-list{gap:5px}
body.r4x-glossar-origin-shell .r4x-active-chip{font-size:.66rem;min-height:26px;padding:0 8px}
body.r4x-glossar-origin-shell .r4x-stat{padding-left:34px}
body.r4x-glossar-origin-shell .r4x-stat-icon{left:10px}
}
body.r4x-glossar-origin-shell .r4x-card{
  position:relative;
  border-color:#e7ddcc;
  background:rgba(255,255,255,.95);
  box-shadow:0 7px 17px rgba(33,25,14,.035);
  transition:border-color .16s, box-shadow .16s, transform .16s;
}
body.r4x-glossar-origin-shell .r4x-card::before{
  content:"";
  position:absolute;
  left:0;
  top:0;
  bottom:0;
  width:3px;
  background:var(--cat-accent, #d6aa2b);
  opacity:.74;
}
body.r4x-glossar-origin-shell .r4x-card:hover{
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 34%, #e7ddcc);
  box-shadow:0 16px 34px rgba(33,25,14,.085);
  transform:translateY(-1px);
}
body.r4x-glossar-origin-shell .r4x-card.is-open{
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 45%, #d6c49c);
  box-shadow:0 18px 38px rgba(33,25,14,.09);
}
body.r4x-glossar-origin-shell .r4x-card.is-highlight{
  box-shadow:0 0 0 3px color-mix(in srgb, var(--cat-accent, #d6aa2b) 28%, transparent),0 18px 38px rgba(33,25,14,.09);
}
body.r4x-glossar-origin-shell .r4x-card-main{padding-left:16px}
body.r4x-glossar-origin-shell .r4x-category{
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 22%, #eadfce);
  background:linear-gradient(180deg,#fffdf8,color-mix(in srgb, var(--cat-accent, #d6aa2b) 7%, #fbf8f1));
  color:#3e3527;
  padding-left:6px;
}
body.r4x-glossar-origin-shell .r4x-open-indicator, body.r4x-glossar-origin-shell .r4x-fav-btn{
  box-shadow:0 5px 12px rgba(33,25,14,.04);
}
body.r4x-glossar-origin-shell .r4x-card.is-open .r4x-open-indicator{
  background:#151515;
  color:#fff;
  border-color:#151515;
}
body.r4x-glossar-origin-shell .r4x-workbench{
  position:sticky;
  top:var(--r4x-glossar-sticky-top, 10px);
  z-index:35;
  transition:box-shadow .18s ease, border-color .18s ease, transform .18s ease, background .18s ease;
}
body.r4x-glossar-origin-shell .r4x-workbench.is-stuck{
  border-color:rgba(214,170,43,.78);
  background:rgba(255,253,248,.96);
  box-shadow:0 20px 44px rgba(33,25,14,.14),0 0 0 1px rgba(214,170,43,.12);
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
body.r4x-glossar-origin-shell .r4x-search-identity{
  display:none;
  min-width:0;
  color:#fff7e3;
  line-height:1.15;
}
body.r4x-glossar-origin-shell .r4x-search-identity strong{
  display:block;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.02em;
}
body.r4x-glossar-origin-shell .r4x-search-identity span{
  display:block;
  margin-top:2px;
  color:#d8cda9;
  font-size:.68rem;
  font-weight:600;
}
body.r4x-glossar-origin-shell .r4x-collapse-toggle{
  min-height:30px;
  border-radius:999px;
  padding:0 11px;
  font-weight:700;
  font-size:.7rem;
  line-height:1;
  white-space:nowrap;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.055);
  color:#f7f3e8;
}
body.r4x-glossar-origin-shell .r4x-collapse-toggle:hover{border-color:rgba(214,170,43,.55);background:rgba(255,255,255,.09)}
body.r4x-glossar-origin-shell .r4x-collapse-toggle.is-collapsed{background:#fffaf0;color:#151515;border-color:var(--r4x-gold)}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed{padding:9px 10px;border-radius:18px}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-mode-tabs, body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-filter-drawer, body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-active-filters{display:none!important}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-panel{padding:9px 10px;border-radius:15px}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-topline{grid-template-columns:minmax(0,1fr) auto;gap:10px}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-identity{display:block}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-wrap{display:none}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-result-note{text-align:right;align-self:center}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-bottomline{margin-top:7px;justify-content:flex-end}
body.r4x-glossar-origin-shell .r4x-float-actions{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:60;
  display:flex;
  align-items:center;
  gap:8px;
  opacity:0;
  pointer-events:none;
  transform:translateY(10px);
  transition:opacity .16s ease, transform .16s ease;
}
body.r4x-glossar-origin-shell .r4x-float-actions.is-visible{opacity:1;pointer-events:auto;transform:translateY(0)}
body.r4x-glossar-origin-shell .r4x-float-filter{
  min-height:42px;
  padding:0 14px;
  border-radius:999px;
  border:1px solid rgba(214,170,43,.82);
  background:#fffaf0;
  color:#151515;
  box-shadow:0 14px 30px rgba(0,0,0,.15);
  font-size:.78rem;
  font-weight:700;
  line-height:1;
}
body.r4x-glossar-origin-shell .r4x-float-filter.has-active{
  background:#151515;
  color:#fff;
  border-color:var(--r4x-gold);
}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{
  position:static;
  right:auto;
  bottom:auto;
  opacity:1;
  pointer-events:auto;
  transform:none;
  flex:0 0 auto;
}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-workbench{
    top:var(--r4x-glossar-sticky-top-mobile, 7px);
    max-height:calc(100vh - 12px);
    overflow:auto;
    -webkit-overflow-scrolling:touch;
  }
body.r4x-glossar-origin-shell .r4x-workbench.is-stuck{box-shadow:0 16px 34px rgba(33,25,14,.16),0 0 0 1px rgba(214,170,43,.14)}
body.r4x-glossar-origin-shell .r4x-collapse-toggle{min-height:29px;font-size:.67rem;padding:0 9px}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-topline{grid-template-columns:minmax(0,1fr) auto}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-result-note{font-size:.68rem;white-space:nowrap}
body.r4x-glossar-origin-shell .r4x-search-identity strong{font-size:.72rem}
body.r4x-glossar-origin-shell .r4x-search-identity span{font-size:.63rem}
body.r4x-glossar-origin-shell .r4x-float-actions{right:12px;bottom:14px;gap:7px}
body.r4x-glossar-origin-shell .r4x-float-filter{min-height:39px;padding:0 12px;font-size:.72rem;box-shadow:0 12px 26px rgba(0,0,0,.17)}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{width:39px;height:39px}
}
body.r4x-glossar-origin-shell .r4x-search-topline{
  display:block;
}
body.r4x-glossar-origin-shell .r4x-search-bottomline{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  margin-top:9px;
}
body.r4x-glossar-origin-shell .r4x-result-note{
  text-align:left;
  white-space:nowrap;
  color:#f5efe2;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-search-actions{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
  margin-left:0;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  border-color:rgba(214,170,43,.72);
  background:#fffaf0;
  color:#151515;
  min-height:32px;
  padding:0 13px;
  box-shadow:0 8px 18px rgba(0,0,0,.10);
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.is-active{
  background:#151515;
  color:#fff;
  border-color:var(--r4x-gold);
  box-shadow:0 10px 22px rgba(0,0,0,.15);
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.has-active:not(.is-active){
  border-color:var(--r4x-gold);
  background:#fff4cb;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer{
  display:none!important;
  margin-top:12px;
  padding-top:12px;
  border-top:1px solid #eee5d5;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{display:block!important}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{
  flex-wrap:wrap;
  overflow:visible;
  padding-bottom:0;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open 
.r4x-collapse-toggle{display:none!important}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-mode-tabs, body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-filter-drawer, body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-active-filters{display:inherit}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-wrap{display:block}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-topline{display:block}
body.r4x-glossar-origin-shell .r4x-workbench.is-collapsed .r4x-search-bottomline{display:grid}
body.r4x-glossar-origin-shell .r4x-search-identity{display:none!important}
body.r4x-glossar-origin-shell .r4x-float-actions{
  right:18px;
  bottom:18px;
  flex-direction:column;
  align-items:flex-end;
  gap:9px;
}
body.r4x-glossar-origin-shell .r4x-float-filter{
  min-height:40px;
  padding:0 14px;
  border-color:rgba(214,170,43,.82);
  background:#fffaf0;
  color:#151515;
}
body.r4x-glossar-origin-shell .r4x-float-filter.is-open{
  background:#151515;
  color:#fff;
  border-color:var(--r4x-gold);
}
body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open){
  background:#fff4cb;
  border-color:var(--r4x-gold);
}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{
  width:42px;
  height:42px;
}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-search-panel{padding:9px;border-radius:16px}
body.r4x-glossar-origin-shell .r4x-search-bottomline{
    grid-template-columns:minmax(0,1fr) auto;
    align-items:center;
    gap:8px;
    margin-top:8px;
  }
body.r4x-glossar-origin-shell .r4x-search-actions{gap:6px}
body.r4x-glossar-origin-shell .r4x-reset-btn, body.r4x-glossar-origin-shell .r4x-filter-toggle{min-height:30px;font-size:.67rem;padding:0 9px}
body.r4x-glossar-origin-shell .r4x-result-note{font-size:.72rem;white-space:nowrap}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{
    flex-wrap:wrap;
    overflow:visible;
    padding-bottom:0;
  }
body.r4x-glossar-origin-shell .r4x-float-actions{right:12px;bottom:14px;gap:8px;align-items:flex-end}
body.r4x-glossar-origin-shell .r4x-float-filter{min-height:37px;padding:0 11px;font-size:.7rem}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{width:39px;height:39px}
}
body.r4x-glossar-origin-shell .r4x-filter-toggle, body.r4x-glossar-origin-shell .r4x-float-filter{
  -webkit-font-smoothing:antialiased;
  text-shadow:none;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle{
  min-width:126px;
  border-color:rgba(214,170,43,.68);
  background:linear-gradient(180deg,#fffdf5,#fff2cc);
  color:#1b1710;
  box-shadow:0 9px 20px rgba(33,25,14,.12);
}
body.r4x-glossar-origin-shell .r4x-filter-toggle:hover{border-color:var(--r4x-gold);box-shadow:0 12px 26px rgba(33,25,14,.16)}
body.r4x-glossar-origin-shell .r4x-filter-toggle.is-active, body.r4x-glossar-origin-shell .r4x-filter-toggle.has-active:not(.is-active){
  background:linear-gradient(180deg,#202020,#111);
  color:#fff!important;
  border-color:var(--r4x-gold);
  box-shadow:0 12px 26px rgba(0,0,0,.20),0 0 0 1px rgba(214,170,43,.12);
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.has-active:not(.is-active)::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:7px;
  border-radius:999px;
  background:var(--r4x-gold);
  box-shadow:0 0 0 3px rgba(214,170,43,.16);
}
body.r4x-glossar-origin-shell .r4x-float-actions{
  filter:drop-shadow(0 10px 22px rgba(0,0,0,.12));
}
body.r4x-glossar-origin-shell .r4x-float-filter{
  position:relative;
  min-width:132px;
  justify-content:center;
  border:1px solid rgba(214,170,43,.76)!important;
  background:linear-gradient(180deg,#fffdf5,#fff2cc)!important;
  color:#1b1710!important;
  box-shadow:0 16px 34px rgba(0,0,0,.18),0 0 0 1px rgba(255,255,255,.62) inset!important;
}
body.r4x-glossar-origin-shell .r4x-float-filter:hover{transform:translateY(-1px)}
body.r4x-glossar-origin-shell .r4x-float-filter.is-open, body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open){
  background:linear-gradient(180deg,#202020,#111)!important;
  color:#fff!important;
  border-color:var(--r4x-gold)!important;
  box-shadow:0 18px 38px rgba(0,0,0,.26),0 0 0 1px rgba(214,170,43,.16) inset!important;
}
body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open)::before{
  content:"";
  display:inline-block;
  width:7px;
  height:7px;
  margin-right:7px;
  border-radius:999px;
  background:var(--r4x-gold);
  box-shadow:0 0 0 3px rgba(214,170,43,.18);
}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{
  background:linear-gradient(180deg,#191919,#050505);
  border-color:rgba(214,170,43,.58);
  box-shadow:0 16px 34px rgba(0,0,0,.22),0 0 0 1px rgba(255,255,255,.08) inset;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip:not([data-category="all"]){
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 20%, #e8decc);
  background:linear-gradient(180deg,#fffefb,#fffdf8);
  color:#2b2823;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip:not([data-category="all"]):hover{
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 52%, #d9ccb9);
  background:linear-gradient(180deg,#fffefb,color-mix(in srgb, var(--cat-accent, #d6aa2b) 8%, #fffaf0));
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip.is-active:not([data-category="all"]){
  background:linear-gradient(180deg,color-mix(in srgb, var(--cat-accent, #d6aa2b) 16%, white),color-mix(in srgb, var(--cat-accent, #d6aa2b) 8%, #fffaf0));
  color:#181511;
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 70%, #cbb987);
  box-shadow:0 8px 18px rgba(33,25,14,.07),0 0 0 1px color-mix(in srgb, var(--cat-accent, #d6aa2b) 16%, transparent) inset;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip.is-active:not([data-category="all"]) .r4x-chip-icon{
  background:linear-gradient(180deg,color-mix(in srgb, var(--cat-accent, #d6aa2b) 92%, white),var(--cat-accent, #d6aa2b));
  color:#fff;
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 70%, #fff);
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip[data-category="all"].is-active, body.r4x-glossar-origin-shell .r4x-letter-chip.is-active, body.r4x-glossar-origin-shell .r4x-active-filters{
  background:linear-gradient(180deg,#fffefb,#fffaf2);
  border-color:#e8d9bc;
  box-shadow:0 10px 24px rgba(33,25,14,.055);
}
body.r4x-glossar-origin-shell .r4x-active-chip{
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 32%, #e5d8c2);
  background:linear-gradient(180deg,#fffefb,color-mix(in srgb, var(--cat-accent, #d6aa2b) 7%, #fff8ea));
  color:#241f18;
  box-shadow:0 4px 10px rgba(33,25,14,.03);
}
body.r4x-glossar-origin-shell .r4x-active-chip:hover{
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 62%, #d5c190);
  background:linear-gradient(180deg,#fffefb,color-mix(in srgb, var(--cat-accent, #d6aa2b) 12%, #fff4d5));
}
body.r4x-glossar-origin-shell .r4x-active-chip span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:17px;
  height:17px;
  border-radius:999px;
  background:rgba(0,0,0,.06);
  color:#5b4420;
  margin-left:2px;
}
body.r4x-glossar-origin-shell .r4x-card::before{opacity:.58;width:4px}
body.r4x-glossar-origin-shell .r4x-card.is-open::before{opacity:.78}
body.r4x-glossar-origin-shell .r4x-category{
  background:linear-gradient(180deg,#fffefb,color-mix(in srgb, var(--cat-accent, #d6aa2b) 6%, #fbf8f1));
  border-color:color-mix(in srgb, var(--cat-accent, #d6aa2b) 26%, #e8decc);
}
body.r4x-glossar-origin-shell .r4x-category-icon{
  background:color-mix(in srgb, var(--cat-accent, #d6aa2b) 16%, white);
  color:var(--cat-accent, #9a7315);
}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-filter-toggle{min-width:116px;padding:0 10px}
body.r4x-glossar-origin-shell .r4x-float-filter{min-width:122px;padding:0 12px;font-size:.7rem}
body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open)::before{width:6px;height:6px;margin-right:6px}
}
body.r4x-glossar-origin-shell{
  --r4x-bg:#f8f5ee;
  --r4x-surface:#fffefb;
  --r4x-text:#211f1b;
  --r4x-muted:#5f5a52;
  --r4x-line:#dfd0b8;
  --r4x-line-soft:#eee5d6;
  --r4x-gold:#d2a72c;
  --r4x-gold-deep:#8a6514;
  --r4x-crisp-shadow:0 1px 2px rgba(26,22,14,.08),0 10px 22px rgba(26,22,14,.055);
  --r4x-card-shadow:0 1px 2px rgba(26,22,14,.075),0 8px 18px rgba(26,22,14,.045);
}
body.r4x-glossar-origin-shell{
  -webkit-font-smoothing:auto;
  -moz-osx-font-smoothing:auto;
  text-rendering:auto;
}
body.r4x-glossar-origin-shell{
  background:#f8f5ee;
  color:var(--r4x-text);
  font-size:15.5px;
  line-height:1.5;
  letter-spacing:0;
}
body.r4x-glossar-origin-shell button, body.r4x-glossar-origin-shell input{font-weight:600;letter-spacing:0;text-shadow:none!important}
body.r4x-glossar-origin-shell .r4x-page{max-width:1120px;padding:16px 18px 56px}
body.r4x-glossar-origin-shell .r4x-tool-body{padding-top:6px}
body.r4x-glossar-origin-shell .r4x-hero{align-items:center;margin-bottom:10px;gap:14px}
body.r4x-glossar-origin-shell .r4x-kicker{font-size:.64rem;letter-spacing:.11em;margin-bottom:2px;color:#755812}
body.r4x-glossar-origin-shell .r4x-hero h1{font-size:clamp(1.18rem,1.30vw,1.40rem);line-height:1.16;font-weight:700;letter-spacing:-.01em}
body.r4x-glossar-origin-shell .r4x-hero p{font-size:.85rem;line-height:1.42;margin-top:4px;color:#4f4a43;max-width:560px}
body.r4x-glossar-origin-shell .r4x-stats{gap:7px}
body.r4x-glossar-origin-shell .r4x-stat{
  min-width:108px;
  border-color:#ddcdae;
  border-radius:13px;
  padding:9px 11px 9px 35px;
  background:#fffefb;
  box-shadow:0 1px 2px rgba(26,22,14,.07),0 8px 16px rgba(26,22,14,.04);
}
body.r4x-glossar-origin-shell .r4x-stat b{font-size:1rem;font-weight:700;letter-spacing:-.006em}
body.r4x-glossar-origin-shell .r4x-stat span{font-size:.67rem;color:#635d55}
body.r4x-glossar-origin-shell .r4x-stat-icon{left:11px;width:17px;height:17px;background:#fff6df;border:1px solid #ead49f;color:#956c12}
body.r4x-glossar-origin-shell .r4x-glossar-switch{margin:0 0 10px;display:flex;justify-content:flex-end}
body.r4x-glossar-origin-shell .r4x-switch-link{
  display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 13px;border-radius:999px;
  border:1px solid #d2aa39;background:#fff7dc;color:#17140f;text-decoration:none;font-size:.76rem;font-weight:700;
  box-shadow:0 1px 2px rgba(26,22,14,.08),0 7px 14px rgba(26,22,14,.045);
}
body.r4x-glossar-origin-shell .r4x-switch-link:hover{background:#fff1c3;border-color:#bd8e1e}
body.r4x-glossar-origin-shell .r4x-workbench{
  padding:12px;
  border-radius:18px;
  border-color:#d9c698;
  background:#fffefb;
  box-shadow:var(--r4x-crisp-shadow);
}
body.r4x-glossar-origin-shell .r4x-workbench.is-stuck{
  border-color:#cfa32a;
  background:#fffefb;
  box-shadow:0 1px 3px rgba(26,22,14,.10),0 10px 24px rgba(26,22,14,.085);
  backdrop-filter:none!important;
}
body.r4x-glossar-origin-shell .r4x-mode-tabs{gap:7px;margin-bottom:9px}
body.r4x-glossar-origin-shell .r4x-tab{
  min-height:34px;padding:0 12px;font-size:.76rem;font-weight:700;border-color:#ddd0bb;background:#fffefb;
  box-shadow:0 1px 1px rgba(26,22,14,.045);
}
body.r4x-glossar-origin-shell .r4x-tab:hover{transform:none;border-color:#cda742;background:#fffaf0}
body.r4x-glossar-origin-shell .r4x-tab.is-active{background:#161616;border-color:#161616;color:#fff;box-shadow:0 1px 2px rgba(0,0,0,.16)}
body.r4x-glossar-origin-shell .r4x-search-panel{
  border-radius:16px;
  padding:10px;
  background:#151515;
  border:1px solid #2d2a23;
  box-shadow:0 1px 3px rgba(0,0,0,.22),0 8px 18px rgba(0,0,0,.12);
}
body.r4x-glossar-origin-shell .r4x-search-panel::before{left:11px;right:11px;height:1px;background:linear-gradient(90deg,transparent,#d2a72c,transparent);opacity:.85}
body.r4x-glossar-origin-shell .r4x-search-input{
  min-height:41px;border-radius:11px;background:#222; border-color:#3d3d3d;color:#fff;padding-left:13px;
  font-size:.88rem;font-weight:500;box-shadow:inset 0 1px 0 rgba(255,255,255,.03);
}
body.r4x-glossar-origin-shell .r4x-search-input::placeholder{color:#a8a29a;font-weight:400}
body.r4x-glossar-origin-shell .r4x-search-input:focus{border-color:#d2a72c;box-shadow:0 0 0 2px rgba(210,167,44,.20)}
body.r4x-glossar-origin-shell .r4x-search-bottomline{margin-top:8px;gap:8px}
body.r4x-glossar-origin-shell .r4x-result-note{font-size:.76rem;color:#fbf2dc;font-weight:700}
body.r4x-glossar-origin-shell .r4x-search-actions{gap:7px}
body.r4x-glossar-origin-shell .r4x-reset-btn, body.r4x-glossar-origin-shell .r4x-filter-toggle{min-height:31px;font-size:.69rem;font-weight:700;padding:0 11px}
body.r4x-glossar-origin-shell .r4x-reset-btn{border-color:#cfa32a;color:#f4d76e;background:rgba(255,255,255,.02)}
body.r4x-glossar-origin-shell .r4x-reset-btn:hover{background:rgba(210,167,44,.10)}
body.r4x-glossar-origin-shell .r4x-filter-toggle{
  min-width:124px;background:#fff7dc!important;color:#18140e!important;border-color:#d2a72c!important;
  box-shadow:0 1px 2px rgba(0,0,0,.18)!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.is-active, body.r4x-glossar-origin-shell .r4x-filter-toggle.has-active:not(.is-active){
  background:#181818!important;color:#fff!important;border-color:#d2a72c!important;
  box-shadow:0 1px 3px rgba(0,0,0,.28)!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.has-active:not(.is-active)::before{box-shadow:none;width:6px;height:6px;background:#d2a72c}
body.r4x-glossar-origin-shell .r4x-filter-drawer{margin-top:10px;padding-top:10px;border-top:1px solid #eadfcc}
body.r4x-glossar-origin-shell .r4x-filter-label{font-size:.64rem;letter-spacing:.08em;color:#745813;margin-bottom:6px}
body.r4x-glossar-origin-shell .r4x-filter-section, body.r4x-glossar-origin-shell .r4x-chip, body.r4x-glossar-origin-shell .r4x-chip:hover, body.r4x-glossar-origin-shell .r4x-chip.is-active, body.r4x-glossar-origin-shell .r4x-chip-icon, body.r4x-glossar-origin-shell .r4x-category-icon{width:17px;height:17px;min-width:17px;font-size:.58rem;border-width:1px}
body.r4x-glossar-origin-shell .r4x-letter-chip{min-width:33px;padding:0}
body.r4x-glossar-origin-shell .r4x-active-filters{
  margin-top:10px;border-radius:14px;background:#fffdf8;border:1px solid #e4d4b5;box-shadow:0 1px 2px rgba(26,22,14,.05);
  padding:9px 10px;
}
body.r4x-glossar-origin-shell .r4x-active-filters strong{font-size:.66rem;color:#765812;letter-spacing:.08em}
body.r4x-glossar-origin-shell .r4x-active-chip{min-height:28px;font-size:.71rem;font-weight:600;box-shadow:none}
body.r4x-glossar-origin-shell .r4x-list{gap:10px}
body.r4x-glossar-origin-shell .r4x-card{
  border-color:#dfd0b8;background:#fffefb;border-radius:16px;box-shadow:var(--r4x-card-shadow);
  transition:border-color .14s ease,box-shadow .14s ease;
}
body.r4x-glossar-origin-shell .r4x-card:hover{transform:none;border-color:#cfae59;box-shadow:0 1px 3px rgba(26,22,14,.085),0 10px 22px rgba(26,22,14,.065)}
body.r4x-glossar-origin-shell .r4x-card.is-open{border-color:#cfa32a;box-shadow:0 1px 3px rgba(26,22,14,.095),0 12px 26px rgba(26,22,14,.075)}
body.r4x-glossar-origin-shell .r4x-card-main{padding:13px 14px 12px 15px}
body.r4x-glossar-origin-shell .r4x-category{padding:5px 8px;font-size:.66rem;margin-bottom:7px;border-color:#e2d5c0;background:#fbfaf6;font-weight:700}
body.r4x-glossar-origin-shell .r4x-card h2{font-size:1rem;line-height:1.24;font-weight:700;color:#161616;letter-spacing:-.006em}
body.r4x-glossar-origin-shell .r4x-term-en{font-size:.75rem;color:#675f55;font-weight:600}
body.r4x-glossar-origin-shell .r4x-preview{font-size:.84rem;line-height:1.45;color:#46423c;margin-top:7px}
body.r4x-glossar-origin-shell .r4x-open-indicator, body.r4x-glossar-origin-shell .r4x-fav-btn{
  width:29px;height:29px;border-color:#d2aa39;background:#fffefb;box-shadow:0 1px 2px rgba(26,22,14,.06);font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-card.is-open .r4x-open-indicator{background:#151515;color:#fff;border-color:#151515}
body.r4x-glossar-origin-shell .r4x-detail{padding:11px 14px 13px;background:#fffefb;border-top-color:#eadfcc}
body.r4x-glossar-origin-shell .r4x-depth{margin-bottom:7px;border-radius:10px;padding:8px 10px;border-left-width:3px;background-clip:padding-box}
body.r4x-glossar-origin-shell .r4x-depth h4, body.r4x-glossar-origin-shell .r4x-meta-block h4{font-size:.70rem;font-weight:700;margin-bottom:4px}
body.r4x-glossar-origin-shell .r4x-depth p{font-size:.84rem;line-height:1.48;color:#26231f}
body.r4x-glossar-origin-shell .r4x-tag{font-size:.71rem;min-height:27px;padding:0 9px;background:#fbfaf6;border-color:#ded2be}
body.r4x-glossar-origin-shell .r4x-tag-link{background:#fff8e8;border-color:#d5ae45;color:#72540f}
body.r4x-glossar-origin-shell .r4x-free-upgrade{font-size:.80rem;border-radius:11px;background:#fffdf5}
body.r4x-glossar-origin-shell .r4x-float-actions{right:18px;bottom:18px;gap:8px;filter:none!important}
body.r4x-glossar-origin-shell .r4x-float-filter{
  min-width:128px;min-height:39px;background:#fff7dc!important;color:#17140e!important;border-color:#d2a72c!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18),0 8px 16px rgba(0,0,0,.12)!important;font-size:.74rem;
}
body.r4x-glossar-origin-shell .r4x-float-filter:hover{transform:none}
body.r4x-glossar-origin-shell .r4x-float-filter.is-open, body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open){
  background:#161616!important;color:#fff!important;border-color:#d2a72c!important;box-shadow:0 1px 3px rgba(0,0,0,.26),0 10px 20px rgba(0,0,0,.18)!important;
}
body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open)::before{box-shadow:none;width:6px;height:6px;background:#d2a72c}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{width:41px;height:41px;background:#111;border-color:#d2a72c;box-shadow:0 1px 3px rgba(0,0,0,.25),0 9px 18px rgba(0,0,0,.16)}
body.r4x-glossar-origin-shell .r4x-footer{font-size:.73rem;color:#6a6259;margin-top:20px}
@media(min-width:681px){
body.r4x-glossar-origin-shell .r4x-filter-drawer{display:none!important}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{display:block!important}
}
@media(max-width:680px){
body.r4x-glossar-origin-shell{font-size:15px;background:#f8f5ee}
body.r4x-glossar-origin-shell .r4x-page{padding:10px 10px 48px;max-width:430px}
body.r4x-glossar-origin-shell .r4x-hero{display:block;margin-bottom:9px;padding:0 2px}
body.r4x-glossar-origin-shell .r4x-kicker{font-size:.62rem;margin-bottom:2px}
body.r4x-glossar-origin-shell .r4x-hero h1{font-size:1.24rem;line-height:1.16}
body.r4x-glossar-origin-shell .r4x-hero p{font-size:.82rem;line-height:1.39;margin-top:4px}
body.r4x-glossar-origin-shell .r4x-stats{justify-content:flex-start;margin-top:10px;display:grid;grid-template-columns:1fr 1fr;gap:8px}
body.r4x-glossar-origin-shell .r4x-stat{min-width:0;padding:9px 10px 9px 34px;border-radius:13px}
body.r4x-glossar-origin-shell .r4x-glossar-switch{justify-content:flex-start;margin-bottom:9px}
body.r4x-glossar-origin-shell .r4x-switch-link{min-height:33px;font-size:.74rem;padding:0 12px}
body.r4x-glossar-origin-shell .r4x-workbench{padding:10px;border-radius:17px;top:6px;max-height:calc(100vh - 10px)}
body.r4x-glossar-origin-shell .r4x-mode-tabs{gap:6px;margin-bottom:8px}
body.r4x-glossar-origin-shell .r4x-tab{min-height:32px;padding:0 10px;font-size:.72rem}
body.r4x-glossar-origin-shell .r4x-search-panel{padding:9px;border-radius:15px}
body.r4x-glossar-origin-shell .r4x-search-input{min-height:40px;font-size:.84rem;border-radius:10px;padding-left:12px}
body.r4x-glossar-origin-shell .r4x-search-bottomline{grid-template-columns:minmax(0,1fr) auto;gap:7px;margin-top:8px}
body.r4x-glossar-origin-shell .r4x-result-note{font-size:.70rem}
body.r4x-glossar-origin-shell .r4x-search-actions{gap:6px}
body.r4x-glossar-origin-shell .r4x-reset-btn, body.r4x-glossar-origin-shell .r4x-filter-toggle{min-height:30px;font-size:.66rem;padding:0 9px}
body.r4x-glossar-origin-shell .r4x-filter-toggle{min-width:112px}
body.r4x-glossar-origin-shell .r4x-filter-drawer{margin-top:9px;padding-top:9px}
body.r4x-glossar-origin-shell .r4x-filter-label{font-size:.61rem;margin-bottom:6px}
body.r4x-glossar-origin-shell .r4x-filter-section, body.r4x-glossar-origin-shell .r4x-chip, body.r4x-glossar-origin-shell .r4x-letter-chip{min-width:31px;padding:0}
body.r4x-glossar-origin-shell .r4x-list{gap:9px}
body.r4x-glossar-origin-shell .r4x-card{border-radius:15px}
body.r4x-glossar-origin-shell .r4x-card-main{padding:12px 12px 11px 14px}
body.r4x-glossar-origin-shell .r4x-category{font-size:.62rem;margin-bottom:7px;max-width:245px;overflow:hidden;text-overflow:ellipsis}
body.r4x-glossar-origin-shell .r4x-card h2{font-size:.98rem;line-height:1.25}
body.r4x-glossar-origin-shell .r4x-preview{font-size:.82rem;line-height:1.43;margin-top:7px}
body.r4x-glossar-origin-shell .r4x-card-controls{gap:6px}
body.r4x-glossar-origin-shell .r4x-open-indicator, body.r4x-glossar-origin-shell .r4x-fav-btn{width:28px;height:28px}
body.r4x-glossar-origin-shell .r4x-detail{padding:10px 12px 12px}
body.r4x-glossar-origin-shell .r4x-depth{padding:8px 9px;margin-bottom:7px}
body.r4x-glossar-origin-shell .r4x-depth p{font-size:.82rem;line-height:1.47}
body.r4x-glossar-origin-shell .r4x-float-actions{right:11px;bottom:13px;gap:7px}
body.r4x-glossar-origin-shell .r4x-float-filter{min-width:118px;min-height:37px;font-size:.68rem;padding:0 10px}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{width:39px;height:39px}
}
body.r4x-glossar-origin-shell .r4x-visually-hidden{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}
body.r4x-glossar-origin-shell .r4x-hero h1{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:.22em;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-title-icon{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin-right:.16em;
  line-height:1;
  filter:saturate(.95);
}
body.r4x-glossar-origin-shell .r4x-title-plus{
  color:var(--r4x-gold-deep);
  text-shadow:0 1px 0 rgba(255,255,255,.65);
}
body.r4x-glossar-origin-shell .r4x-search-topline{display:block}
body.r4x-glossar-origin-shell .r4x-search-row{
  display:grid;
  grid-template-columns:142px minmax(0,1fr);
  gap:9px;
  align-items:center;
}
body.r4x-glossar-origin-shell .r4x-search-mode-select-wrap{display:block;min-width:0}
body.r4x-glossar-origin-shell .r4x-search-mode-select{
  width:100%;
  min-height:41px;
  border:1px solid rgba(210,167,44,.72);
  border-radius:11px;
  background:#181818;
  color:#fff;
  padding:0 34px 0 12px;
  font-family:"Open Sans",Arial,sans-serif;
  font-size:.80rem;
  font-weight:700;
  line-height:1;
  appearance:none;
  -webkit-appearance:none;
  cursor:pointer;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045),0 1px 2px rgba(0,0,0,.18);
  background-image:
    linear-gradient(45deg,transparent 50%,#d2a72c 50%),
    linear-gradient(135deg,#d2a72c 50%,transparent 50%);
  background-position:
    calc(100% - 17px) 50%,
    calc(100% - 12px) 50%;
  background-size:5px 5px,5px 5px;
  background-repeat:no-repeat;
}
body.r4x-glossar-origin-shell .r4x-search-mode-select:hover{border-color:#e0bd55;background-color:#1c1c1c}
body.r4x-glossar-origin-shell .r4x-search-mode-select:focus{outline:2px solid rgba(210,167,44,.28);outline-offset:2px;border-color:#d2a72c}
body.r4x-glossar-origin-shell .r4x-filter-drawer{border-top:1px solid #eadfcc}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-bar:first-child{margin-top:0}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-search-row{grid-template-columns:108px minmax(0,1fr);gap:7px}
body.r4x-glossar-origin-shell .r4x-search-mode-select{min-height:40px;font-size:.72rem;padding-left:10px;padding-right:28px;background-position:calc(100% - 15px) 50%,calc(100% - 10px) 50%}
body.r4x-glossar-origin-shell .r4x-hero h1{gap:.18em}
body.r4x-glossar-origin-shell .r4x-title-icon{margin-right:.10em}
}
body.r4x-glossar-origin-shell .r4x-filter-drawer{display:none!important}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{display:block!important}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-section{display:flex!important;flex-wrap:wrap!important;gap:8px!important;overflow:visible!important;padding-bottom:0!important;align-items:flex-start}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip{display:inline-flex!important;visibility:visible!important;opacity:1!important;min-height:34px!important}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip{min-width:34px!important;justify-content:center!important}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-section{gap:7px!important}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip{min-height:32px!important}
}
body.r4x-glossar-origin-shell .r4x-filter-drawer{
  display:none!important;
  margin-top:10px;
  padding-top:12px;
  border-top:1px solid #eadfcc;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  height:auto!important;
  max-height:none!important;
  overflow:visible!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-section, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:flex-start!important;
  gap:8px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  padding:0 0 2px 0!important;
  margin:0!important;
  visibility:visible!important;
  opacity:1!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-bar{
  display:flex!important;
  align-items:center!important;
  min-height:auto!important;
  margin:0 0 7px!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-bar-second{margin-top:12px!important;}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-chip{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
  position:relative!important;
  flex:0 0 auto!important;
  width:auto!important;
  max-width:none!important;
  height:auto!important;
  min-height:32px!important;
  overflow:visible!important;
  align-items:center!important;
  justify-content:center!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-chip{
  min-width:34px!important;
  padding:0 10px!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-category-chip{
  min-width:auto!important;
  padding:7px 11px!important;
  white-space:nowrap!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-chip-icon, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-icon{
  width:17px!important;
  height:17px!important;
  min-width:17px!important;
}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-filter-section, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{gap:7px!important;}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-category-chip{white-space:normal!important;text-align:left!important;justify-content:flex-start!important;}
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip[data-category="all"], body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip[data-letter="all"]{
  color:#1a1711!important;
  background:linear-gradient(180deg,#fffefb,#fffaf1)!important;
  border-color:#dfc98a!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip[data-category="all"].is-active, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip[data-letter="all"].is-active{
  color:#ffffff!important;
  background:linear-gradient(180deg,#1b1b1b,#050505)!important;
  border-color:#d6aa2b!important;
  box-shadow:0 9px 18px rgba(0,0,0,.14),0 0 0 1px rgba(214,170,43,.26) inset!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip[data-category="all"].is-active .r4x-chip-icon, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip[data-category="all"].is-active .r4x-category-icon{
  background:#d6aa2b!important;
  color:#17130a!important;
  border-color:#f2dc89!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-category-chip[data-category="all"].is-active *, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip[data-letter="all"].is-active *{
  color:inherit!important;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked{
  overflow:hidden!important;
  overscroll-behavior:none;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked{
  width:100%;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-workbench{
  max-height:var(--r4x-filter-panel-max-height, calc(100dvh - 18px));
  overflow-y:auto;
  overscroll-behavior:contain;
  -webkit-overflow-scrolling:touch;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-filter-drawer.is-open{
  overflow:visible;
  overscroll-behavior:contain;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-filter-section{
  overflow:visible;
}
@media(max-width:680px){
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-workbench{
    max-height:var(--r4x-filter-panel-max-height, calc(100dvh - 12px));
  }
}
body.r4x-glossar-origin-shell .r4x-locked-card{
  max-width:720px;
  margin:34px auto 0;
  padding:24px;
  border:1px solid rgba(214,170,43,.36);
  border-radius:22px;
  background:linear-gradient(180deg,#fffefb,#fff9ee);
  box-shadow:0 18px 42px rgba(33,25,14,.08);
}
body.r4x-glossar-origin-shell .r4x-locked-card h1{
  display:flex;
  align-items:center;
  gap:.18em;
  margin:0 0 10px;
  color:#171717;
  font-size:clamp(1.28rem,2vw,1.72rem);
  line-height:1.16;
  font-weight:700;
  letter-spacing:-.015em;
}
body.r4x-glossar-origin-shell .r4x-locked-card p{
  margin:0;
  max-width:620px;
  color:#4f4a43;
  font-size:.94rem;
  line-height:1.55;
}
body.r4x-glossar-origin-shell .r4x-locked-actions{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:18px;
}
body.r4x-glossar-origin-shell .r4x-secondary-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:8px 14px;
  border:1px solid var(--r4x-line);
  border-radius:999px;
  background:#fffefb;
  color:#1d1b18;
  text-decoration:none;
  font-size:.82rem;
  font-weight:700;
}
body.r4x-glossar-origin-shell .r4x-secondary-link:hover{border-color:var(--r4x-line-strong)}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9990;
  background:rgba(17,17,17,.22);
}
body.r4x-glossar-origin-shell .r4x-filter-drawer{
  display:none!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
  display:block!important;
  position:fixed!important;
  z-index:9999!important;
  left:50%!important;
  right:auto!important;
  top:calc(env(safe-area-inset-top, 0px) + 14px)!important;
  transform:translateX(-50%)!important;
  width:min(760px, calc(100vw - 28px))!important;
  max-height:min(var(--r4x-filter-panel-max-height, calc(100dvh - 28px)), calc(100dvh - 28px))!important;
  overflow:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  margin:0!important;
  padding:16px!important;
  border:1px solid rgba(210,167,44,.52)!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#fffdf8 0%,#fbf7ee 100%)!important;
  box-shadow:0 24px 70px rgba(21,18,12,.24),0 0 0 1px rgba(255,255,255,.72) inset!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 0 12px!important;
  margin:0 0 14px!important;
  border-bottom:1px solid #eadfcc!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer-head strong{
  font-size:.88rem!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
  color:#5f4711!important;
  font-weight:700!important;
}
body.r4x-glossar-origin-shell .r4x-filter-close{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:34px!important;
  padding:0 14px!important;
  border-radius:999px!important;
  border:1px solid #d2a72c!important;
  background:#151515!important;
  color:#fffaf0!important;
  font:700 .74rem/1 "Open Sans",Arial,sans-serif!important;
  cursor:pointer!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{
  display:flex!important;
  flex-wrap:wrap!important;
  gap:8px!important;
  overflow:visible!important;
  padding-bottom:0!important;
  align-items:flex-start!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-bar{
  display:flex!important;
  margin:0 0 8px!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-bar-second{
  margin-top:16px!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-chip{
  display:inline-flex!important;
  visibility:visible!important;
  opacity:1!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.is-active, body.r4x-glossar-origin-shell .r4x-float-filter.is-open{
  background:#151515!important;
  color:#fffaf0!important;
  border-color:#d2a72c!important;
}
@media (max-width: 720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
    top:calc(env(safe-area-inset-top, 0px) + 10px)!important;
    width:calc(100vw - 20px)!important;
    max-height:calc(100dvh - 20px)!important;
    border-radius:20px!important;
    padding:14px!important;
  }
body.r4x-glossar-origin-shell .r4x-filter-drawer-head{margin-bottom:12px!important;padding-bottom:10px!important;}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-section{gap:7px!important;}
body.r4x-glossar-origin-shell .r4x-filter-close{min-height:32px;padding:0 12px;font-size:.7rem!important;}
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked{
  overflow:hidden!important;
  overscroll-behavior:none!important;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:9990;
  background:rgba(17,17,17,.22);
  pointer-events:none;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
  z-index:10000!important;
  filter:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  max-height:min(var(--r4x-filter-panel-max-height, calc(100dvh - 28px)), calc(100dvh - 28px))!important;
  overflow-y:auto!important;
  overscroll-behavior:contain!important;
  -webkit-overflow-scrolling:touch!important;
  touch-action:pan-y!important;
}
body.r4x-glossar-origin-shell .r4x-workbench.is-stuck, body.r4x-glossar-origin-shell .r4x-workbench, body.r4x-glossar-origin-shell .r4x-float-actions{
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
@media (max-width:720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
    max-height:calc(100dvh - 20px)!important;
  }
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked::before{
  content:none!important;
  display:none!important;
  background:transparent!important;
  opacity:0!important;
  pointer-events:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  filter:none!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer-head{align-items:center!important;}
body.r4x-glossar-origin-shell .r4x-filter-drawer-actions{
  display:flex!important;align-items:center!important;gap:8px!important;flex-wrap:wrap!important;justify-content:flex-end!important;
}
body.r4x-glossar-origin-shell .r4x-panel-reset{
  display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:34px!important;padding:0 13px!important;
  border-radius:999px!important;border:1px solid #d2a72c!important;background:#fff8e7!important;color:#5f4308!important;
  font:700 .72rem/1 "Open Sans",Arial,sans-serif!important;cursor:pointer!important;white-space:nowrap!important;
}
body.r4x-glossar-origin-shell .r4x-panel-reset:hover:not(:disabled){background:#fff0c9!important;border-color:#bd8f13!important;}
body.r4x-glossar-origin-shell .r4x-panel-reset:disabled, body.r4x-glossar-origin-shell .r4x-panel-reset.is-disabled{
  opacity:.45!important;cursor:not-allowed!important;background:#fbf7ed!important;color:#8c806d!important;border-color:#e0d3bd!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip.is-active{
  color:#fffaf0!important;background:linear-gradient(180deg,#1b1b1b,#050505)!important;border-color:#d6aa2b!important;
  box-shadow:0 9px 18px rgba(0,0,0,.14),0 0 0 1px rgba(214,170,43,.26) inset!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip.is-active, body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip.is-active *{
  color:#fffaf0!important;-webkit-text-fill-color:#fffaf0!important;opacity:1!important;visibility:visible!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer .r4x-letter-chip:not(.is-active){color:#1a1711!important;-webkit-text-fill-color:#1a1711!important;}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-filter-drawer-head{gap:10px!important;}
body.r4x-glossar-origin-shell .r4x-filter-drawer-actions{gap:7px!important;}
body.r4x-glossar-origin-shell .r4x-panel-reset, body.r4x-glossar-origin-shell .r4x-filter-close{min-height:32px!important;padding:0 10px!important;font-size:.66rem!important;}
}
body.r4x-glossar-origin-shell .r4x-stat-icon{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  line-height:1!important;
  padding:0!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-label{
  font-size:.70rem!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-chip{
  font-size:.82rem!important;
}
@media (max-width:720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-label{
    font-size:.69rem!important;
  }
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-chip, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-chip{
    font-size:.80rem!important;
  }
}
body.r4x-glossar-origin-shell .r4x-filter-icon{
  width:16px;
  height:16px;
  display:inline-block;
  flex:0 0 auto;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle{
  gap:7px!important;
  white-space:nowrap!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle .r4x-filter-icon{
  width:15px;
  height:15px;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle .r4x-filter-count{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:18px;
  height:18px;
  padding:0 5px;
  border-radius:999px;
  background:#d2a72c;
  color:#111;
  font:700 .68rem/1 "Open Sans",Arial,sans-serif;
}
body.r4x-glossar-origin-shell .r4x-float-filter, body.r4x-glossar-origin-shell .r4x-float-filter.has-active, body.r4x-glossar-origin-shell .r4x-float-filter.is-open, body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open){
  position:relative!important;
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  font-size:0!important;
  line-height:1!important;
  background:#111!important;
  color:#fffaf0!important;
  border:1px solid #d2a72c!important;
  box-shadow:0 1px 3px rgba(0,0,0,.24),0 10px 20px rgba(0,0,0,.16)!important;
  overflow:visible!important;
}
body.r4x-glossar-origin-shell .r4x-float-filter:hover{transform:none!important;}
body.r4x-glossar-origin-shell .r4x-float-filter.is-open{
  background:#fff7d7!important;
  color:#111!important;
  border-color:#b78912!important;
  box-shadow:0 1px 3px rgba(0,0,0,.18),0 10px 22px rgba(183,137,18,.20)!important;
}
body.r4x-glossar-origin-shell .r4x-float-filter .r4x-filter-icon{
  width:19px!important;
  height:19px!important;
}
body.r4x-glossar-origin-shell .r4x-float-filter .r4x-filter-badge{
  position:absolute;
  top:-7px;
  right:-7px;
  min-width:19px;
  height:19px;
  padding:0 5px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#d2a72c;
  color:#111;
  border:2px solid #fffdf7;
  font:700 .67rem/1 "Open Sans",Arial,sans-serif;
  box-shadow:0 3px 9px rgba(0,0,0,.18);
}
body.r4x-glossar-origin-shell .r4x-float-filter::before{
  content:none!important;
  display:none!important;
}
@media(max-width:720px){
body.r4x-glossar-origin-shell .r4x-float-filter, body.r4x-glossar-origin-shell .r4x-float-filter.has-active, body.r4x-glossar-origin-shell .r4x-float-filter.is-open, body.r4x-glossar-origin-shell .r4x-float-filter.has-active:not(.is-open){
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
  }
body.r4x-glossar-origin-shell .r4x-float-filter .r4x-filter-icon{width:18px!important;height:18px!important;}
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-section{
  display:grid!important;
  grid-template-columns:repeat(7, max-content)!important;
  justify-content:start!important;
  align-content:start!important;
  gap:8px!important;
  width:auto!important;
  max-width:100%!important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-chip{
  justify-content:center!important;
}
@media(max-width:720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-section{
    gap:7px!important;
  }
}
@media (min-width:721px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-section{
    display:flex!important;
    flex-wrap:wrap!important;
    grid-template-columns:none!important;
    justify-content:flex-start!important;
    gap:8px!important;
  }
}
@media (max-width:720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-letter-section{
    display:grid!important;
    grid-template-columns:repeat(7, max-content)!important;
    justify-content:start!important;
    align-content:start!important;
    gap:7px!important;
    width:auto!important;
    max-width:100%!important;
  }
}
body.r4x-glossar-origin-shell .r4x-filter-toggle.has-active:not(.is-active)::before{
  content:none!important;
  display:none!important;
  width:0!important;
  height:0!important;
  margin:0!important;
  box-shadow:none!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle{
  gap:5px!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle .r4x-filter-icon{
  width:14px!important;
  height:14px!important;
}
body.r4x-glossar-origin-shell .r4x-filter-toggle .r4x-filter-count{
  min-width:17px!important;
  height:17px!important;
  padding:0 5px!important;
  font-size:.64rem!important;
}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-search-bottomline{
    grid-template-columns:minmax(0, auto) minmax(0, 1fr)!important;
    column-gap:9px!important;
  }
body.r4x-glossar-origin-shell .r4x-search-actions{
    justify-content:flex-end!important;
    min-width:0!important;
    gap:5px!important;
  }
body.r4x-glossar-origin-shell .r4x-reset-btn{
    min-height:30px!important;
    padding:0 9px!important;
    font-size:.64rem!important;
  }
body.r4x-glossar-origin-shell .r4x-filter-toggle{
    min-width:0!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:.64rem!important;
  }
}
body.r4x-glossar-origin-shell .r4x-active-filters.is-compact .r4x-active-list{
  flex-wrap:nowrap!important;
  overflow:hidden!important;
  min-width:0!important;
}
body.r4x-glossar-origin-shell .r4x-active-more{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 10px;
  border:1px solid #d2a72c;
  border-radius:999px;
  background:#fff8df;
  color:#5b420d;
  font:700 .71rem/1 "Open Sans",Arial,sans-serif;
  cursor:pointer;
  white-space:nowrap;
  box-shadow:0 4px 10px rgba(33,25,14,.035);
}
body.r4x-glossar-origin-shell .r4x-active-more:hover{background:#fff0bd;border-color:#bd8f13;}
@media(max-width:680px){
body.r4x-glossar-origin-shell .r4x-active-more{min-height:26px;padding:0 9px;font-size:.68rem;}
body.r4x-glossar-origin-shell .r4x-active-filters.is-compact .r4x-active-list .r4x-active-chip{max-width:calc(100vw - 170px);overflow:hidden;text-overflow:ellipsis;}
}
body.r4x-glossar-origin-shell .r4x-active-more.is-collapse{
  background:#fffefb;
  color:#5b420d;
}
body.r4x-glossar-origin-shell .r4x-active-more.is-collapse:hover{
  background:#fff5d4;
}
body.r4x-glossar-origin-shell .r4x-glossar-origin-shell .r4x-page{padding-top:18px;}
body.r4x-glossar-origin-shell .r4x-action-icon{
  width:19px;
  height:19px;
  display:block;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
  fill:none;
}
body.r4x-glossar-origin-shell .r4x-float-search, body.r4x-glossar-origin-shell .r4x-focus-toggle{
  width:42px!important;
  height:42px!important;
  min-width:42px!important;
  min-height:42px!important;
  max-width:42px!important;
  padding:0!important;
  border-radius:999px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  background:#111!important;
  color:#fffaf0!important;
  border:1px solid #d2a72c!important;
  box-shadow:0 1px 3px rgba(0,0,0,.24),0 10px 20px rgba(0,0,0,.16)!important;
}
body.r4x-glossar-origin-shell .r4x-float-search.is-open, body.r4x-glossar-origin-shell .r4x-focus-toggle.is-active{
  background:#fff7d7!important;
  color:#111!important;
  border-color:#b78912!important;
}
body.r4x-glossar-origin-shell .r4x-float-search.has-active::after{
  content:"";
  position:absolute;
  top:4px;
  right:5px;
  width:7px;
  height:7px;
  border-radius:999px;
  background:#d2a72c;
  border:1px solid #111;
}
body.r4x-glossar-origin-shell .r4x-float-actions{
  flex-direction:column!important;
  align-items:flex-end!important;
  gap:7px!important;
  z-index:10020!important;
}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop, body.r4x-glossar-origin-shell .r4x-float-filter, body.r4x-glossar-origin-shell .r4x-float-search, body.r4x-glossar-origin-shell .r4x-focus-toggle{order:initial;}
body.r4x-glossar-origin-shell .r4x-float-filter{order:1;}
body.r4x-glossar-origin-shell .r4x-float-search{order:2;}
body.r4x-glossar-origin-shell .r4x-float-actions .r4x-backtop{order:3;}
body.r4x-glossar-origin-shell .r4x-focus-toggle{order:4;}
body.r4x-glossar-origin-shell .r4x-float-search-panel{
  position:fixed;
  right:70px;
  bottom:72px;
  z-index:10019;
  width:min(560px, calc(100vw - 92px));
  opacity:0;
  pointer-events:none;
  transform:translateY(8px);
  transition:opacity .14s ease, transform .14s ease;
}
body.r4x-glossar-origin-shell .r4x-float-search-panel.is-open{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
body.r4x-glossar-origin-shell .r4x-float-search-inner{
  display:grid;
  grid-template-columns:128px minmax(0,1fr) 34px;
  gap:8px;
  align-items:center;
  padding:9px;
  border:1px solid rgba(210,167,44,.58);
  border-radius:18px;
  background:#151515;
  box-shadow:0 18px 42px rgba(0,0,0,.22);
}
body.r4x-glossar-origin-shell .r4x-float-search-inner .r4x-search-input{min-height:40px;}
body.r4x-glossar-origin-shell .r4x-float-search-inner .r4x-clear-btn{
  position:static!important;
  opacity:1!important;
  pointer-events:auto!important;
  width:32px!important;
  height:32px!important;
  transform:none!important;
  justify-self:center;
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-header, body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-hero, body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-glossar-switch, body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-plus-hint, body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-footer{
  display:none!important;
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-workbench{
  position:static!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-workbench .r4x-mode-tabs, body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-workbench .r4x-search-panel, body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-workbench .r4x-active-filters{
  display:none!important;
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode{
  background:#f7f3ec;
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-page{
  padding-top:12px!important;
}
@media(max-width:720px){
body.r4x-glossar-origin-shell .r4x-float-actions{right:11px!important;bottom:13px!important;gap:7px!important;}
body.r4x-glossar-origin-shell .r4x-float-search, body.r4x-glossar-origin-shell .r4x-focus-toggle{
    width:40px!important;
    height:40px!important;
    min-width:40px!important;
    min-height:40px!important;
    max-width:40px!important;
  }
body.r4x-glossar-origin-shell .r4x-float-search-panel{
    right:58px;
    bottom:64px;
    width:calc(100vw - 74px);
  }
body.r4x-glossar-origin-shell .r4x-float-search-inner{
    grid-template-columns:106px minmax(0,1fr) 32px;
    gap:7px;
    padding:8px;
    border-radius:16px;
  }
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-float-actions{
  display:flex!important;
  position:fixed!important;
  opacity:1!important;
  pointer-events:auto!important;
  transform:translateY(0)!important;
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-float-search-panel.is-open{
  opacity:1!important;
  pointer-events:auto!important;
}
body.r4x-glossar-origin-shell .r4x-workbench{
  top:calc(var(--r4x-shared-header-height, 88px) + 10px)!important;
}
@media(max-width:720px){
body.r4x-glossar-origin-shell .r4x-workbench{
    top:calc(var(--r4x-shared-header-height, 68px) + 7px)!important;
  }
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-workbench{
  top:0!important;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-search, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-backtop, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-focus-toggle, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-search, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-backtop, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-focus-toggle{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-filter, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-filter{
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-actions, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-actions{
  opacity: 1 !important;
  pointer-events: auto !important;
  transform: translateY(0) !important;
}
body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-search-panel, body.r4x-glossar-origin-shell.r4x-filter-scroll-locked .r4x-float-search-panel{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-drawer-head{
  position: sticky !important;
  top: -16px !important;
  z-index: 10002 !important;
  margin: -16px -16px 14px !important;
  padding: 16px 16px 12px !important;
  background: linear-gradient(180deg, rgba(255,253,248,.98) 0%, rgba(251,247,238,.98) 100%) !important;
  border-bottom: 1px solid #eadfcc !important;
  border-radius: 22px 22px 0 0 !important;
  backdrop-filter: blur(8px);
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-drawer-actions{
  align-items: center !important;
}
@media (max-width:720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-drawer-head{
    top: -14px !important;
    margin: -14px -14px 12px !important;
    padding: 14px 14px 10px !important;
    border-radius: 20px 20px 0 0 !important;
  }
}
@media (max-width:680px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-drawer-head{
    display: block !important;
  }
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-drawer-head strong{
    display: block !important;
    margin-bottom: 8px !important;
  }
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-drawer-actions{
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 8px !important;
    width: 100% !important;
  }
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-panel-reset, body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open .r4x-filter-close{
    width: 100% !important;
    min-width: 0 !important;
    min-height: 36px !important;
    padding: 0 10px !important;
    font-size: .70rem !important;
    white-space: normal !important;
  }
}
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
  top:calc(var(--r4x-shared-header-height, 88px) + env(safe-area-inset-top, 0px) + 10px)!important;
  max-height:calc(100dvh - var(--r4x-shared-header-height, 88px) - env(safe-area-inset-top, 0px) - 20px)!important;
}
@media(max-width:720px){
body.r4x-glossar-origin-shell .r4x-filter-drawer.is-open{
    top:calc(var(--r4x-shared-header-height, 88px) + env(safe-area-inset-top, 0px) + 8px)!important;
    max-height:calc(100dvh - var(--r4x-shared-header-height, 88px) - env(safe-area-inset-top, 0px) - 16px)!important;
  }
}
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-filter-drawer.is-open{
  top:calc(env(safe-area-inset-top, 0px) + 10px)!important;
  max-height:calc(100dvh - env(safe-area-inset-top, 0px) - 20px)!important;
}
@media(max-width:720px){
body.r4x-glossar-origin-shell.r4x-glossar-focus-mode .r4x-filter-drawer.is-open{
    top:calc(env(safe-area-inset-top, 0px) + 8px)!important;
    max-height:calc(100dvh - env(safe-area-inset-top, 0px) - 16px)!important;
  }
}


/* R4X v474 FAQ tools consolidated from faq.v312.css, generated from v472 golden source */
body.r4x-faq-origin-shell{
  --gold: #d4af37;
  --bg: #ffffff;
  --bg-elevated: #ffffff;
  --bg-soft: #f9f7f0;
  --text: #121212;
  --muted: #616161;
  --border: #e9e9e9;
  --chip-border: #d0d0d0;
  --z-header: 200;
  --z-toolbar: 300;
  --z-overlay: 500;
  --z-modal: 1000;
  --z-fab: 1200;
}


body.r4x-faq-origin-shell *, body.r4x-faq-origin-shell *::before, body.r4x-faq-origin-shell *::after{
  box-sizing: border-box;
}

body.r4x-faq-origin-shell{
  margin: 0;
  font-family: "Open Sans", "Segoe UI", Arial, sans-serif;
  background: var(--bg);
  color: var(--text);
}


body.r4x-faq-origin-shell a{
  color: var(--gold);
  text-decoration: none;
}

body.r4x-faq-origin-shell a:hover{
  text-decoration: underline;
}

body.r4x-faq-origin-shell .container{
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}



body.r4x-faq-origin-shell header{
  position: sticky;
  top: 0;
  z-index: var(--z-header);
  background: #ffffff;
  backdrop-filter: blur(10px);
  border-bottom: 1px solid var(--border);
}

body.r4x-faq-origin-shell .header-wrap{
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0.6rem 0.75rem 0.6rem 0;
}

body.r4x-faq-origin-shell .brand{
  display: flex;
  align-items: center;
  gap: 0.6rem;
  font-size: 0.9rem;
}

body.r4x-faq-origin-shell .brand img{
  height: 28px;
}

body.r4x-faq-origin-shell .brand b{
  color: var(--gold);
}

body.r4x-faq-origin-shell .nav{
  display: flex;
  gap: 0.75rem;
  font-size: 0.8rem;
  margin-left: auto;
}

body.r4x-faq-origin-shell .nav a{
  color: var(--muted);
}

body.r4x-faq-origin-shell .nav a:hover{
  color: var(--gold);
}



body.r4x-faq-origin-shell .toolbar{
  position: sticky;
  top: 85px;
  z-index: var(--z-toolbar);
  background: #ffffff;
  border-bottom: 1px solid var(--border);
  padding-top: 0.4rem;
  padding-bottom: 0.5rem;
}

body.r4x-faq-origin-shell .search-block{
  padding: 0.4rem 0 0.5rem;
}

body.r4x-faq-origin-shell .search-inline{
  display: flex;
  gap: 0.75rem;
  align-items: center;
}

body.r4x-faq-origin-shell .search-field{
  flex: 1;
}

body.r4x-faq-origin-shell #searchInput{
  width: 100%;
  padding: 0.55rem 0.9rem;
  border-radius: 999px;
  border: 1px solid #000;
  background: #141414;
  color: #ffffff;
  font-size: 0.85rem;
}

body.r4x-faq-origin-shell #searchInput::placeholder{
  color: rgba(255, 255, 255, 0.65);
}

body.r4x-faq-origin-shell .filter-panel{
  padding-bottom: 0.35rem;
}

body.r4x-faq-origin-shell .filter-row-main{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
}

body.r4x-faq-origin-shell .view-tabs{
  display: flex;
  gap: 0.55rem;
}

body.r4x-faq-origin-shell .tab-button{
  border-radius: 999px;
  border: 1px solid var(--gold);
  background: #ffffff;
  color: #000000;
  font-size: 0.78rem;
  padding: 0.3rem 0.85rem;
  cursor: pointer;
}

body.r4x-faq-origin-shell .tab-button.active{
  border-color: var(--gold);
  background: rgba(249, 225, 139, 0.18);
  color: var(--gold);
}

body.r4x-faq-origin-shell .btn, body.r4x-faq-origin-shell #fabFilters{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  border: 1px solid var(--gold);
  background: #ffffff;
  color: #000;
  font-size: 0.78rem;
  padding: 0.3rem 0.85rem;
  cursor: pointer;
  transition: background 0.2s ease, transform 0.08s ease;
}

body.r4x-faq-origin-shell .btn:hover, body.r4x-faq-origin-shell #fabFilters:hover{
  background: #fff9e6;
}

body.r4x-faq-origin-shell .btn.active, body.r4x-faq-origin-shell #fabFilters.active{
  background: var(--gold);
  color: #000;
  border-color: var(--gold);
  box-shadow: 0 0 18px rgba(212, 175, 55, 0.9);
}



body.r4x-faq-origin-shell #filters{
  display: none;
  margin-top: 0.45rem;
}

body.r4x-faq-origin-shell #filters.active{
  display: block;
}

body.r4x-faq-origin-shell #filters .inner{
  background: var(--bg-elevated);
  border-radius: 1rem;
  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.9);
  padding: 0.6rem 0.75rem 0.75rem;
}

body.r4x-faq-origin-shell #filters .row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
  align-items: center;
}

body.r4x-faq-origin-shell .category-row{
  align-items: flex-start;
}

body.r4x-faq-origin-shell .category-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 0.45rem;
}


body.r4x-faq-origin-shell .topic-row{
  margin-top: 0.4rem;
  align-items: flex-start;
}

body.r4x-faq-origin-shell .filter-label{
  font-size: 0.75rem;
  opacity: 0.8;
  margin-right: 0.4rem;
  margin-top: 0.1rem;
}

body.r4x-faq-origin-shell .topic-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 0.35rem;
}


body.r4x-faq-origin-shell .related-row{
  margin-top: 0.35rem;
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
}

body.r4x-faq-origin-shell .filter-chip.related-chip{
  font-size: 0.7rem;
  border-color: var(--gold);
  background: transparent;
}
body.r4x-faq-origin-shell .filter-chip{
  border-radius: 999px;
  padding: 0.3rem 0.8rem;
  border: 1px solid var(--chip-border);
  background: var(--chip);
  font-size: 0.75rem;
  cursor: pointer;
  color: #000;
}

body.r4x-faq-origin-shell .filter-chip:hover{
  border-color: var(--gold);
}

body.r4x-faq-origin-shell .filter-chip.active{
  border-color: var(--gold);
  background: var(--gold);
  color: #121212;
}



body.r4x-faq-origin-shell main{
  padding-top: 0.6rem;
  padding-bottom: 2.5rem;
}

body.r4x-faq-origin-shell .iod-section{
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 55, 0.5);
  padding: 0.9rem 1rem;
  margin-bottom: 1.2rem;
  background: linear-gradient(135deg, #fffaf0, #ffffff);
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

body.r4x-faq-origin-shell .iod-label{
  font-size: 0.8rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gold);
  margin-bottom: 0.4rem;
  font-weight: 700;
}

body.r4x-faq-origin-shell .lists-wrapper{
  border-radius: 16px;
  border: 1px solid var(--border);
  padding: 0.9rem 1rem 1.1rem;
  background: var(--bg-elevated);
}

body.r4x-faq-origin-shell .results-header{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.75rem;
  margin-bottom: 0.6rem;
}

body.r4x-faq-origin-shell #count{
  font-size: 0.8rem;
  color: var(--muted);
}

body.r4x-faq-origin-shell .results-right{
  display: flex;
  align-items: center;
  gap: 0.75rem;
}

body.r4x-faq-origin-shell .results-right h2{
  margin: 0;
  font-size: 0.95rem;
}

body.r4x-faq-origin-shell .list-actions{
  display: flex;
  gap: 0.55rem;
}

body.r4x-faq-origin-shell .btn-clear{
  border-radius: 999px;
  border: 1px solid var(--border);
  background: transparent;
  color: var(--muted);
  font-size: 0.72rem;
  padding: 0.25rem 0.65rem;
  cursor: pointer;
  display: none;
}

body.r4x-faq-origin-shell .btn-clear:hover{
  border-color: var(--gold);
  color: var(--gold);
}



body.r4x-faq-origin-shell .grid{
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr));
  gap: 0.75rem;
}

body.r4x-faq-origin-shell .insight-card{
  position: relative;
  border-radius: 16px;
  border: 1px solid var(--border);
  padding: 0.75rem 0.9rem;
  padding-right: 3.2rem;
  background: #ffffff;
  display: flex;
  flex-direction: column;
  gap: 0.55rem;
  cursor: pointer;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06);
}

body.r4x-faq-origin-shell .insight-card:hover{
  border-color: var(--gold);
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25);
}


body.r4x-faq-origin-shell .card-footer{
  display: flex;
  justify-content: flex-end;
  margin-top: 0.45rem;
}

body.r4x-faq-origin-shell .card-open-indicator{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.2rem 0.75rem;
  border-radius: 999px;
  border: 1px solid var(--gold);
  background: #fffaf0;
  color: #000;
  font-size: 0.75rem;
  cursor: pointer;
}

body.r4x-faq-origin-shell .card-open-indicator .icon{
  font-size: 0.95rem;
  color: var(--gold);
}

body.r4x-faq-origin-shell .insight-card:hover .card-open-indicator{
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.3);
}


body.r4x-faq-origin-shell .insight-question{
  font-size: 0.9rem;
  font-weight: 600;
  color: #000000;
}

body.r4x-faq-origin-shell .insight-preview{
  font-size: 0.78rem;
  color: var(--muted);
  line-height: 1.4;
}

body.r4x-faq-origin-shell .badge-row{
  display: flex;
  flex-wrap: wrap;
  gap: 0.3rem;
  margin-top: 0.25rem;
}

body.r4x-faq-origin-shell .badge{
  font-size: 0.65rem;
  padding: 0.15rem 0.5rem;
  border-radius: 999px;
  border: 1px solid var(--chip-border);
  background: #f3f3f3;
}



body.r4x-faq-origin-shell .badge.featured{
  border-color: var(--gold);
  color: var(--gold);
}


body.r4x-faq-origin-shell .favorite-indicator{
  margin-left: auto;
  font-size: 0.9rem;
  color: var(--gold);
}



body.r4x-faq-origin-shell .modal{
  position: fixed;
  inset: 0;
  z-index: var(--z-modal);
  display: flex;
  align-items: center;
  justify-content: center;
}

body.r4x-faq-origin-shell .modal.hidden{
  display: none;
}

body.r4x-faq-origin-shell .modal-backdrop{
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.78);
  backdrop-filter: blur(4px);
  z-index: var(--z-modal);
}

body.r4x-faq-origin-shell .modal-dialog{
  position: relative;
  max-width: 720px;
  width: 100%;
  margin: 1rem;
  max-height: calc(100vh - 2rem);
  overflow: hidden;
  border-radius: 1rem;
  border: 1px solid rgba(249, 225, 139, 0.7);
  background: var(--bg-soft);
  box-shadow: 0 24px 60px rgba(0, 0, 0, 0.9);
  z-index: calc(var(--z-modal) + 1);
}

body.r4x-faq-origin-shell .modal-content{
  padding: 1rem 1.1rem 1.2rem;
  overflow-y: auto;
  max-height: calc(100vh - 2rem);
}

body.r4x-faq-origin-shell .modal-close{
  position: absolute;
  top: 0.55rem;
  right: 0.55rem;
  border-radius: 999px;
  border: 1px solid var(--chip-border);
  width: 1.9rem;
  height: 1.9rem;
  background: #ffffff;
  color: var(--text);
  cursor: pointer;
  font-size: 1.1rem;
  box-shadow: 0 4px 14px rgba(0,0,0,0.25);
}

body.r4x-faq-origin-shell .modal h2{
  margin-top: 0.2rem;
  margin-bottom: 0.3rem;
  font-size: 1.05rem;
}

body.r4x-faq-origin-shell .modal-meta{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.5rem;
  margin-bottom: 0.6rem;
}

body.r4x-faq-origin-shell .favorite-btn{
  border-radius: 999px;
  border: 1px solid var(--chip-border);
  padding: 0.25rem 0.7rem;
  background: #ffffff;
  color: var(--text);
  font-size: 0.75rem;
  cursor: pointer;
  white-space: nowrap;
}

body.r4x-faq-origin-shell .favorite-btn.active{
  border-color: var(--gold);
  color: #000;
  background: var(--gold);
}

body.r4x-faq-origin-shell .modal-section{
  margin-top: 0.6rem;
}

body.r4x-faq-origin-shell .modal-section h3{
  margin: 0 0 0.2rem;
  font-size: 0.85rem;
  color: var(--gold);
}

body.r4x-faq-origin-shell .modal-section p{
  margin: 0;
  font-size: 0.8rem;
  line-height: 1.45;
}


body.r4x-faq-origin-shell .modal-answer{
  margin-top: 0.8rem;
}

body.r4x-faq-origin-shell .modal-callout{
  margin-top: 0.7rem;
  border-radius: 12px;
  padding: 0.6rem 0.75rem;
  background: var(--bg-soft);
  border: 1px solid rgba(0, 0, 0, 0.03);
}

body.r4x-faq-origin-shell .modal-callout h3{
  margin-bottom: 0.25rem;
}

body.r4x-faq-origin-shell .modal-praxis{
  border-left: 3px solid #3b82f6;
}

body.r4x-faq-origin-shell .modal-error{
  border-left: 3px solid #ef4444;
}

body.r4x-faq-origin-shell .modal-bestpractice{
  border-left: 3px solid var(--gold);
}

body.r4x-faq-origin-shell .active-search{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin: 0.4rem 0 0.5rem;
  font-size: 0.78rem;
}

body.r4x-faq-origin-shell .active-search.hidden{
  display: none;
}

body.r4x-faq-origin-shell .active-search .label{
  opacity: 0.8;
}

body.r4x-faq-origin-shell #activeSearchChip{
  border-radius: 999px;
  border: 1px solid var(--gold);
  background: #fffaf0;
  padding: 0.2rem 0.7rem;
  font-size: 0.78rem;
  cursor: pointer;
}

body.r4x-faq-origin-shell .btn-clear-search{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 4px 12px;
  border-radius: 999px;
  border: 1px solid var(--gold);
  background: #ffffff;
  font-size: 0.75rem;
  cursor: pointer;
  color: #000000;
  opacity: 1;
}

body.r4x-faq-origin-shell .btn-clear-search:hover{
  background: #fff9e6;
}


body.r4x-faq-origin-shell .fab{
  position: fixed;
  right: 16px;
  bottom: 16px;
  z-index: 70;
  display: flex;
  flex-direction: column;
  gap: 10px;
}

body.r4x-faq-origin-shell .pill{
  padding: 10px 14px;
  border-radius: 999px;
  background: rgba(255, 250, 240, 0.9);
  border: 1px solid var(--gold);
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.55);
  cursor: pointer;
  font-size: 0.75rem;
  color: #000;
}

body.r4x-faq-origin-shell .pill.active{
  background: var(--gold);
  color: #000;
  border-color: var(--gold);
  box-shadow: 0 0 14px rgba(212, 175, 55, 0.8);
}

body.r4x-faq-origin-shell .circle{
  width: 44px;
  height: 44px;
  border-radius: 999px;
  background: #050509;
  border: 1px solid rgba(249, 225, 139, 0.9);
  color: var(--gold);
display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: 0 0 12px rgba(249, 225, 139, 0.6);
  cursor: pointer;
}



body.r4x-faq-origin-shell footer:not(.r4x-shared-footer){
  border-top: 1px solid var(--border);
  padding: 1.2rem 0 1.4rem;
  margin-top: 1.2rem;
  font-size: 0.78rem;
  color: var(--muted);
}

body.r4x-faq-origin-shell footer:not(.r4x-shared-footer) a{
  color: var(--muted);
}

body.r4x-faq-origin-shell footer:not(.r4x-shared-footer) a:hover{
  color: var(--gold);
}



@media (max-width: 720px){
  body.r4x-faq-origin-shell .header-wrap{
    flex-direction: column;
    align-items: flex-start;
    gap: 0.55rem;
  }

  body.r4x-faq-origin-shell .nav{
    font-size: 0.78rem;
  }

  body.r4x-faq-origin-shell .filter-row-main{
    flex-direction: column;
    align-items: flex-start;
  }

  body.r4x-faq-origin-shell .results-header{
    flex-direction: column;
    align-items: flex-start;
  }

  body.r4x-faq-origin-shell .grid{
    grid-template-columns: 1fr;
  }

  body.r4x-faq-origin-shell .modal-dialog{
    margin: 0.6rem;
    max-height: calc(100vh - 1.2rem);
  }

  body.r4x-faq-origin-shell .modal-content{
    padding: 0.8rem 0.85rem 1rem;
  }
}

body.r4x-faq-origin-shell #backToTopBtn{
  position: fixed;
  right: 1.2rem;
  bottom: 1.2rem;
  z-index: var(--z-fab);
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.9);
  background: radial-gradient(circle at 30% 0%, rgba(249,225,139,0.4), #ffffff);
  color: #000;
  cursor: pointer;
  font-size: 1.1rem;
  display: none;
  align-items: center;
  justify-content: center;
}
body.r4x-faq-origin-shell #backToTopBtn.visible{
  display: flex;
}
@media (max-width: 640px){
  body.r4x-faq-origin-shell #backToTopBtn{
    bottom: 4.5rem;
  }
}

body.r4x-faq-origin-shell .iod-card .insight-question{
  font-size: 1rem;
  font-weight: 600;
}

body.r4x-faq-origin-shell .iod-card{
  border-width: 1px;
  border-color: var(--gold);
  box-shadow: 0 0 0 1px rgba(212,175,55,0.25);
}

body.r4x-faq-origin-shell mark.highlight{ background: var(--gold); color: #000; padding: 0 0.05em; border-radius: 2px; }

body.r4x-faq-origin-shell .favorite-btn .star-icon, body.r4x-faq-origin-shell .card-fav-button .star-icon{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.35rem;
  height: 1.35rem;
  border-radius: 999px;
  border: 1px solid var(--border);
  margin-right: 0.3rem;
  background: #ffffff;
  color: #000;
  font-size: 0.9rem;
}

body.r4x-faq-origin-shell .favorite-btn.active .star-icon, body.r4x-faq-origin-shell .card-fav-button.active .star-icon{
  border-color: var(--gold);
  background: var(--gold);
  color: #000;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5);
}

body.r4x-faq-origin-shell .card-fav-button{
  border: none;
  background: transparent;
  padding: 0;
  cursor: pointer;
}

body.r4x-faq-origin-shell .card-fav-button .star-icon{
  margin-right: 0;
}

body.r4x-faq-origin-shell .card-actions{
  position: absolute;
  top: 0.4rem;
  right: 0.5rem;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.25rem;
}

body.r4x-faq-origin-shell.modal-open header{ display: none; }

body.r4x-faq-origin-shell .modal-content > h2{
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.25;
  padding-right: 3.4rem;
  word-break: break-word;
}



body.r4x-faq-origin-shell .fab{
  align-items: flex-end;
}

body.r4x-faq-origin-shell #fabFilters.faq-float-filter, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.active, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.has-active, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.is-open{
  position: relative !important;
  width: 42px !important;
  height: 42px !important;
  min-width: 42px !important;
  min-height: 42px !important;
  max-width: 42px !important;
  padding: 0 !important;
  border-radius: 999px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  font-size: 0 !important;
  line-height: 1 !important;
  background: #111 !important;
  color: #fffaf0 !important;
  border: 1px solid #d2a72c !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.24), 0 10px 20px rgba(0,0,0,.16) !important;
  overflow: visible !important;
}

body.r4x-faq-origin-shell #fabFilters.faq-float-filter:hover{
  transform: none !important;
  background: #111 !important;
}

body.r4x-faq-origin-shell #fabFilters.faq-float-filter.is-open, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.active.is-open{
  background: #fff7d7 !important;
  color: #111 !important;
  border-color: #b78912 !important;
  box-shadow: 0 1px 3px rgba(0,0,0,.18), 0 10px 22px rgba(183,137,18,.20) !important;
}

body.r4x-faq-origin-shell #fabFilters.faq-float-filter .faq-filter-icon{
  width: 19px !important;
  height: 19px !important;
  display: inline-block;
  flex: 0 0 auto;
  stroke: currentColor;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
  fill: none;
}

body.r4x-faq-origin-shell #fabFilters.faq-float-filter .faq-filter-badge{
  position: absolute;
  top: -7px;
  right: -7px;
  min-width: 19px;
  height: 19px;
  padding: 0 5px;
  border-radius: 999px;
  background: #d2a72c;
  color: #111;
  border: 1px solid #111;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font: 700 .68rem/1 "Open Sans", Arial, sans-serif;
  box-shadow: 0 3px 8px rgba(0,0,0,.22);
}

body.r4x-faq-origin-shell #fabFilters.faq-float-filter[hidden]{
  display: none !important;
}

@media (max-width: 680px){
  body.r4x-faq-origin-shell #fabFilters.faq-float-filter, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.active, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.has-active, body.r4x-faq-origin-shell #fabFilters.faq-float-filter.is-open{
    width: 39px !important;
    height: 39px !important;
    min-width: 39px !important;
    min-height: 39px !important;
    max-width: 39px !important;
  }

  body.r4x-faq-origin-shell #fabFilters.faq-float-filter .faq-filter-icon{
    width: 18px !important;
    height: 18px !important;
  }
}



body.r4x-faq-origin-shell .modal-actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.45rem;
  flex-wrap: wrap;
}

body.r4x-faq-origin-shell .focus-mode-btn.active{
  border-color: var(--gold);
  background: #111111;
  color: #fffaf0;
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.24);
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-backdrop{
  background: rgba(0, 0, 0, 0.88);
  backdrop-filter: blur(8px);
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-dialog{
  max-width: 820px;
  border-color: rgba(212, 175, 55, 0.72);
  background: #ffffff;
  box-shadow: 0 28px 72px rgba(0, 0, 0, 0.92);
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-content{
  padding: 1.65rem 1.85rem 1.9rem;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-content > h2{
  font-size: 1.48rem;
  line-height: 1.28;
  margin-bottom: 0.65rem;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-meta{
  padding-bottom: 0.7rem;
  border-bottom: 1px solid rgba(212, 175, 55, 0.24);
}

body.r4x-faq-origin-shell .modal.focus-mode #modalCategories, body.r4x-faq-origin-shell .modal.focus-mode #relatedTagsSection{
  display: none !important;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-section h3{
  font-size: 0.9rem;
  letter-spacing: 0.01em;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-section p{
  font-size: 0.92rem;
  line-height: 1.68;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-callout{
  background: #fffaf0;
  border-top: 1px solid rgba(212, 175, 55, 0.18);
  border-right: 1px solid rgba(212, 175, 55, 0.18);
  border-bottom: 1px solid rgba(212, 175, 55, 0.18);
}

body.r4x-faq-origin-shell .related-question-list{
  display: grid;
  gap: 0.45rem;
}

body.r4x-faq-origin-shell .related-question-btn{
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 12px;
  border: 1px solid rgba(212, 175, 55, 0.34);
  background: #ffffff;
  color: #111111;
  padding: 0.55rem 0.7rem;
  cursor: pointer;
  font-size: 0.78rem;
  line-height: 1.35;
}

body.r4x-faq-origin-shell .related-question-btn:hover{
  border-color: var(--gold);
  background: #fffaf0;
}

body.r4x-faq-origin-shell .related-question-title{
  display: block;
  font-weight: 600;
}

body.r4x-faq-origin-shell .modal.focus-mode .related-question-list{
  margin-top: 0.2rem;
}

@media (max-width: 720px){
  body.r4x-faq-origin-shell .modal-actions{
    justify-content: flex-start;
    width: 100%;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-dialog{
    margin: 0;
    width: 100%;
    max-height: 100vh;
    border-radius: 0;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-content{
    max-height: 100vh;
    padding: 1.15rem 1rem 1.35rem;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-content > h2{
    font-size: 1.2rem;
    padding-right: 2.6rem;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-section p{
    font-size: 0.88rem;
    line-height: 1.62;
  }
}



body.r4x-faq-origin-shell .focus-mode-btn{
  display: inline-flex;
  align-items: center;
  gap: 0.42rem;
}

body.r4x-faq-origin-shell .focus-btn-icon{
  font-size: 0.95rem;
  line-height: 1;
}

body.r4x-faq-origin-shell .focus-mode-btn.active{
  background: linear-gradient(180deg, #111111 0%, #1d1d1d 100%);
  color: #fffaf0;
  border-color: rgba(212, 175, 55, 0.88);
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.18), 0 10px 24px rgba(0,0,0,0.22);
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-backdrop{
  background: rgba(0, 0, 0, 0.93);
  backdrop-filter: blur(10px) saturate(0.9);
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-dialog{
  width: min(980px, calc(100vw - 1.75rem));
  max-width: 980px;
  border-radius: 22px;
  border: 1px solid rgba(212, 175, 55, 0.72);
  background: linear-gradient(180deg, #fffdf7 0%, #f7f3e7 100%);
  box-shadow: 0 26px 72px rgba(0, 0, 0, 0.55), 0 0 0 1px rgba(212, 175, 55, 0.14) inset;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-content{
  padding: 1.75rem 1.95rem 2rem;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-content > h2{
  font-size: 1.62rem;
  line-height: 1.24;
  margin-bottom: 0.85rem;
  max-width: 85%;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-meta{
  align-items: center;
  padding-bottom: 0.85rem;
  margin-bottom: 0.2rem;
  border-bottom: 1px solid rgba(212, 175, 55, 0.28);
}

body.r4x-faq-origin-shell .modal.focus-mode #modalCategories, body.r4x-faq-origin-shell .modal.focus-mode #relatedTagsSection, body.r4x-faq-origin-shell .modal.focus-mode #relatedQuestionsSection{
  display: none !important;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-section{
  margin-top: 1rem;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-section h3{
  font-size: 0.95rem;
  letter-spacing: 0.01em;
  margin-bottom: 0.4rem;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-section p{
  font-size: 1rem;
  line-height: 1.78;
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-callout{
  border-width: 1px;
  border-radius: 16px;
  background: rgba(255, 255, 255, 0.7);
}

body.r4x-faq-origin-shell .modal.focus-mode .modal-answer{
  padding: 1.1rem 1.15rem 0.2rem;
  background: rgba(255,255,255,0.55);
  border-radius: 16px;
  border: 1px solid rgba(212,175,55,0.18);
}

body.r4x-faq-origin-shell .related-question-list{
  display: grid;
  gap: 0.7rem;
}

body.r4x-faq-origin-shell .related-question-btn{
  display: block;
  width: 100%;
  text-align: left;
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 55, 0.28);
  background: linear-gradient(180deg, #ffffff 0%, #fffaf0 100%);
  color: #111111;
  padding: 0.85rem 0.95rem 0.9rem;
  cursor: pointer;
  box-shadow: 0 8px 22px rgba(17,17,17,0.06);
  transition: transform 0.18s ease, box-shadow 0.18s ease, border-color 0.18s ease, background 0.18s ease;
}

body.r4x-faq-origin-shell .related-question-btn:hover{
  transform: translateY(-1px);
  border-color: rgba(212, 175, 55, 0.78);
  background: linear-gradient(180deg, #fffdf8 0%, #fff5da 100%);
  box-shadow: 0 12px 26px rgba(17,17,17,0.10);
}

body.r4x-faq-origin-shell .related-question-top{
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 0.75rem;
}

body.r4x-faq-origin-shell .related-question-title{
  display: block;
  font-size: 0.98rem;
  line-height: 1.42;
  font-weight: 700;
}

body.r4x-faq-origin-shell .related-question-arrow{
  flex: 0 0 auto;
  font-size: 1.15rem;
  line-height: 1;
  color: var(--gold);
  margin-top: 0.1rem;
}

body.r4x-faq-origin-shell .related-question-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 0.4rem;
  margin-top: 0.65rem;
}

body.r4x-faq-origin-shell .related-question-badge{
  display: inline-flex;
  align-items: center;
  gap: 0.3rem;
  padding: 0.24rem 0.56rem;
  border-radius: 999px;
  background: #fff;
  border: 1px solid rgba(212, 175, 55, 0.22);
  color: #444;
  font-size: 0.72rem;
  line-height: 1.2;
}

@media (max-width: 720px){
  body.r4x-faq-origin-shell .modal.focus-mode .modal-dialog{
    width: 100vw;
    max-width: 100vw;
    min-height: 100vh;
    border-radius: 0;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-content{
    padding: 1.2rem 1rem 1.45rem;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-content > h2{
    max-width: calc(100% - 2.6rem);
    font-size: 1.28rem;
  }

  body.r4x-faq-origin-shell .modal.focus-mode .modal-section p{
    font-size: 0.94rem;
    line-height: 1.68;
  }

  body.r4x-faq-origin-shell .related-question-btn{
    padding: 0.78rem 0.82rem 0.82rem;
  }

  body.r4x-faq-origin-shell .related-question-title{
    font-size: 0.92rem;
  }
}



body.r4x-faq-origin-shell .focus-btn-icon{
  width: 1rem;
  height: 1rem;
  display: inline-block;
  vertical-align: middle;
  flex: 0 0 auto;
}

body.r4x-faq-origin-shell .focus-btn-icon path, body.r4x-faq-origin-shell .focus-btn-icon circle{
  fill: none;
  stroke: currentColor;
  stroke-width: 1.8;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.r4x-faq-origin-shell .focus-mode-btn span:last-child{
  white-space: nowrap;
}

@media (max-width: 720px){
  body.r4x-faq-origin-shell .focus-mode-btn span:last-child{
    max-width: 9.5rem;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}


body.r4x-faq-origin-shell #relatedTagsSection{
  margin-top: 0.9rem;
  border-radius: 16px;
  border: 1px solid rgba(212, 175, 55, 0.36);
  background: linear-gradient(180deg, #fffdf8 0%, #fff7df 100%);
  padding: 0.72rem 0.78rem 0.82rem;
  box-shadow: 0 8px 22px rgba(17,17,17,0.055);
}

body.r4x-faq-origin-shell #relatedTagsSection h3{
  color: #b98e12;
  margin-bottom: 0.45rem;
}

body.r4x-faq-origin-shell #relatedTagsSection .badge-row{
  gap: 0.48rem;
}

body.r4x-faq-origin-shell #relatedTagsSection .filter-chip.related-chip{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.35rem;
  min-height: 32px;
  border-radius: 999px;
  border: 1px solid rgba(183, 137, 18, 0.82);
  background: #111111;
  color: #fffaf0;
  font-weight: 700;
  font-size: 0.75rem;
  padding: 0.38rem 0.78rem;
  box-shadow: 0 8px 18px rgba(17,17,17,0.13);
}

body.r4x-faq-origin-shell #relatedTagsSection .filter-chip.related-chip::after{
  content: "→";
  color: #d4af37;
  font-weight: 800;
  line-height: 1;
  margin-left: 0.1rem;
}

body.r4x-faq-origin-shell #relatedTagsSection .filter-chip.related-chip:hover{
  border-color: var(--gold);
  background: #1c1c1c;
  transform: translateY(-1px);
  text-decoration: none;
}

body.r4x-faq-origin-shell #relatedQuestionsSection{
  margin-top: 0.85rem;
}

body.r4x-faq-origin-shell #relatedQuestionsSection h3{
  color: #b98e12;
  opacity: 0.94;
}

body.r4x-faq-origin-shell .related-question-list{
  gap: 0.52rem;
}

body.r4x-faq-origin-shell .related-question-btn{
  border-radius: 14px;
  background: #ffffff;
  padding: 0.7rem 0.78rem 0.74rem;
  box-shadow: 0 5px 14px rgba(17,17,17,0.045);
}

body.r4x-faq-origin-shell .related-question-title{
  font-size: 0.9rem;
  line-height: 1.36;
}

body.r4x-faq-origin-shell .related-question-meta{
  margin-top: 0.52rem;
}

body.r4x-faq-origin-shell .related-question-badge{
  font-size: 0.68rem;
  opacity: 0.9;
}

@media (max-width: 720px){
  body.r4x-faq-origin-shell #relatedTagsSection{
    padding: 0.68rem 0.68rem 0.76rem;
  }

  body.r4x-faq-origin-shell #relatedTagsSection .filter-chip.related-chip{
    width: 100%;
    justify-content: space-between;
    min-height: 34px;
    font-size: 0.75rem;
  }

  body.r4x-faq-origin-shell .related-question-btn{
    padding: 0.68rem 0.72rem 0.72rem;
  }
}



body.r4x-faq-origin-shell{
  --r4x-header-height: 76px;
  --r4x-toolbar-height: 128px;
}

body.r4x-faq-origin-shell .faq-plus-accent{
  color: var(--gold);
}


body.r4x-faq-origin-shell .faq-hero-wrap{
  position: relative;
  z-index: 1;
  background: #ffffff;
  padding-top: 0.35rem;
}

body.r4x-faq-origin-shell .faq-hero{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin-bottom: 0.85rem;
  padding: 1rem 1.05rem;
  border: 1px solid rgba(212, 175, 55, 0.28);
  border-radius: 18px;
  background: linear-gradient(180deg, #fffefb 0%, #fff9ea 100%);
  box-shadow: 0 10px 28px rgba(17, 17, 17, 0.05);
}

body.r4x-faq-origin-shell .faq-hero-main{
  display: flex;
  align-items: flex-start;
  gap: 0.85rem;
  min-width: 0;
}

body.r4x-faq-origin-shell .faq-hero-icon{
  width: 2.3rem;
  height: 2.3rem;
  flex: 0 0 auto;
  border-radius: 14px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: rgba(212, 175, 55, 0.14);
  border: 1px solid rgba(212, 175, 55, 0.28);
  font-size: 1.18rem;
  line-height: 1;
}

body.r4x-faq-origin-shell .faq-hero-copy h1{
  margin: 0 0 0.18rem;
  font-size: 1.65rem;
  line-height: 1.15;
  color: #111111;
}

body.r4x-faq-origin-shell .faq-hero-copy p{
  margin: 0;
  max-width: 48rem;
  color: #4a3a1e;
  font-size: 0.96rem;
  line-height: 1.45;
}

body.r4x-faq-origin-shell .faq-hero-stats{
  display: flex;
  align-items: stretch;
  gap: 0.75rem;
  flex: 0 0 auto;
}

body.r4x-faq-origin-shell .faq-stat-box{
  min-width: 108px;
  padding: 0.7rem 0.86rem 0.62rem;
  border-radius: 15px;
  border: 1px solid rgba(212, 175, 55, 0.38);
  background: #ffffff;
  box-shadow: 0 6px 18px rgba(17, 17, 17, 0.045);
}

body.r4x-faq-origin-shell .faq-stat-box strong{
  display: block;
  color: #111111;
  font-size: 1.55rem;
  line-height: 1;
  font-weight: 800;
  margin-bottom: 0.24rem;
}

body.r4x-faq-origin-shell .faq-stat-box span{
  display: block;
  color: #6b5730;
  font-size: 0.78rem;
  line-height: 1.2;
}


body.r4x-faq-origin-shell .toolbar{
  position: sticky !important;
  top: var(--r4x-header-height) !important;
  z-index: 360 !important;
  background: #ffffff !important;
  border-bottom: 1px solid rgba(17, 17, 17, 0.08) !important;
  padding: 0 !important;
  box-shadow: 0 12px 28px rgba(17, 17, 17, 0.08);
}

body.r4x-faq-origin-shell .toolbar .container{
  padding-top: 0.45rem;
  padding-bottom: 0.62rem;
}

body.r4x-faq-origin-shell .sticky-search-shell{
  position: relative !important;
  top: auto !important;
  z-index: auto !important;
  background: transparent !important;
  padding: 0 !important;
  border-bottom: 0 !important;
  box-shadow: none !important;
}

body.r4x-faq-origin-shell .sticky-search-shell .search-block{
  position: static !important;
  top: auto !important;
  background: transparent !important;
  border-bottom: 0 !important;
  padding: 0 0 0.48rem !important;
  margin-bottom: 0 !important;
}

body.r4x-faq-origin-shell .sticky-search-shell .filter-panel{
  position: relative;
  z-index: 2;
  background: transparent;
  padding-bottom: 0;
  margin-bottom: 0;
}

body.r4x-faq-origin-shell main.container{
  padding-top: 0.72rem !important;
}

body.r4x-faq-origin-shell .view-tabs{
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

body.r4x-faq-origin-shell .tab-button{
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.85);
  background: #ffffff;
  color: #111111;
  box-shadow: 0 4px 12px rgba(17, 17, 17, 0.04);
  transition: background .18s ease, border-color .18s ease, color .18s ease, box-shadow .18s ease, transform .18s ease;
}

body.r4x-faq-origin-shell .tab-button:hover{
  background: #fff9e6;
  transform: translateY(-1px);
}

body.r4x-faq-origin-shell .tab-button.active{
  background: linear-gradient(180deg, #fff8dc 0%, #fff0bd 100%);
  color: #111111;
  border-color: rgba(212, 175, 55, 0.95);
  box-shadow: 0 8px 18px rgba(212, 175, 55, 0.18);
  font-weight: 700;
}

body.r4x-faq-origin-shell .filter-main-btn{
  position: relative;
  display: inline-flex;
  align-items: center;
  gap: 0.58rem;
  min-height: 42px;
  padding: 0.45rem 0.92rem 0.45rem 0.72rem;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.9);
  background: #ffffff;
  color: #111111;
  box-shadow: 0 6px 16px rgba(17, 17, 17, 0.05);
  transition: transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease, border-color .18s ease;
}

body.r4x-faq-origin-shell .filter-main-btn:hover{
  transform: translateY(-1px);
  background: #fff9e6;
  box-shadow: 0 10px 22px rgba(17, 17, 17, 0.08);
}

body.r4x-faq-origin-shell .filter-main-btn .filter-main-icon-wrap{
  width: 1.65rem;
  height: 1.65rem;
  flex: 0 0 auto;
  border-radius: 999px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #111111;
  color: #ffffff;
  box-shadow: inset 0 0 0 1px rgba(212, 175, 55, 0.18);
}

body.r4x-faq-origin-shell .filter-main-btn .faq-filter-icon{
  width: 0.98rem;
  height: 0.98rem;
}

body.r4x-faq-origin-shell .filter-main-btn .faq-filter-icon path, body.r4x-faq-origin-shell .filter-main-btn .faq-filter-icon circle{
  fill: none;
  stroke: currentColor;
  stroke-width: 1.85;
  stroke-linecap: round;
  stroke-linejoin: round;
}

body.r4x-faq-origin-shell .filter-main-btn .filter-main-text{
  font-weight: 700;
  font-size: 0.84rem;
  line-height: 1.1;
  white-space: nowrap;
  color: inherit;
}

body.r4x-faq-origin-shell .filter-main-badge{
  min-width: 1.35rem;
  height: 1.35rem;
  padding: 0 0.34rem;
  border-radius: 999px;
  background: #111111;
  color: #ffffff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-size: 0.74rem;
  font-weight: 800;
  line-height: 1;
}

body.r4x-faq-origin-shell .filter-main-btn.has-active, body.r4x-faq-origin-shell .filter-main-btn.active{
  background: linear-gradient(180deg, #fff8dc 0%, #fff0bd 100%);
  color: #111111;
  border-color: rgba(212, 175, 55, 0.95);
  box-shadow: 0 8px 18px rgba(212, 175, 55, 0.18);
}

body.r4x-faq-origin-shell .filter-main-btn.has-active .filter-main-icon-wrap, body.r4x-faq-origin-shell .filter-main-btn.active .filter-main-icon-wrap, body.r4x-faq-origin-shell .filter-main-btn.has-active .filter-main-badge, body.r4x-faq-origin-shell .filter-main-btn.active .filter-main-badge{
  background: #111111;
  color: #ffffff;
}


body.r4x-faq-origin-shell #filters{
  display: none;
  margin: 0;
}


body.r4x-faq-origin-shell #filters.active{
  position: fixed;
  left: 50%;
  top: calc(var(--r4x-header-height) + var(--r4x-toolbar-height) + 0.65rem);
  transform: translateX(-50%);
  z-index: 1240;
  display: block;
  width: min(820px, calc(100vw - 2rem));
  max-height: calc(100dvh - var(--r4x-header-height) - var(--r4x-toolbar-height) - 1.3rem);
  background: transparent;
  overflow: visible;
}

body.r4x-faq-origin-shell #filters.active .inner{
  width: 100%;
  max-height: calc(100dvh - var(--r4x-header-height) - var(--r4x-toolbar-height) - 1.3rem);
  overflow-y: auto;
  overflow-x: hidden;
  overscroll-behavior: contain;
  -webkit-overflow-scrolling: touch;
  border: 1px solid rgba(212, 175, 55, 0.55);
  border-radius: 22px;
  background: linear-gradient(180deg, #fffdf8 0%, #fffaf0 100%);
  box-shadow: 0 24px 54px rgba(17, 17, 17, 0.24), 0 0 0 1px rgba(212, 175, 55, 0.14) inset;
  padding: 0 0.9rem 1rem;
}

body.r4x-faq-origin-shell .filter-sheet-head{
  position: sticky;
  top: 0;
  z-index: 6;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  margin: 0 -0.9rem 0.82rem;
  padding: 0.9rem 0.9rem 0.78rem;
  background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,240,0.98) 100%);
  border-bottom: 1px solid rgba(212, 175, 55, 0.25);
  border-radius: 22px 22px 0 0;
  backdrop-filter: blur(8px);
}

body.r4x-faq-origin-shell .filter-sheet-kicker{
  font-size: 0.78rem;
  color: #8f6f16;
  text-transform: uppercase;
  letter-spacing: 0.12em;
  font-weight: 800;
  margin: 0;
}

body.r4x-faq-origin-shell .filter-sheet-actions{
  display: inline-flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.6rem;
  flex-wrap: nowrap;
  flex: 0 0 auto;
}

body.r4x-faq-origin-shell .filter-sheet-reset, body.r4x-faq-origin-shell .filter-sheet-close{
  min-height: 40px;
  height: auto;
  padding: 0.62rem 1.05rem;
  border-radius: 999px;
  font-size: 0.86rem;
  line-height: 1.05;
  font-weight: 700;
  white-space: nowrap;
  letter-spacing: 0;
  cursor: pointer;
}

body.r4x-faq-origin-shell .filter-sheet-reset{
  border: 1px solid rgba(212, 175, 55, 0.95);
  background: linear-gradient(180deg, #fff8dc 0%, #fff0bd 100%);
  color: #111111;
  box-shadow: 0 7px 18px rgba(212, 175, 55, 0.16);
}

body.r4x-faq-origin-shell .filter-sheet-reset:disabled, body.r4x-faq-origin-shell .filter-sheet-reset[aria-disabled="true"]{
  background: #f3f0e8;
  color: #b3aa98;
  border-color: rgba(160, 150, 130, 0.38);
  box-shadow: none;
  cursor: not-allowed;
  opacity: 0.72;
  transform: none;
}

body.r4x-faq-origin-shell .filter-sheet-close{
  min-width: 118px;
  justify-content: center;
  border: 1px solid rgba(212, 175, 55, 0.95);
  background: #111111;
  color: #ffffff;
  box-shadow: 0 7px 16px rgba(17,17,17,0.16);
}

body.r4x-faq-origin-shell #filters.active .row{
  align-items: flex-start;
  width: 100%;
}

body.r4x-faq-origin-shell #filters.active .filter-label{
  display: block;
  width: 100%;
  margin: 0 0 0.55rem;
  font-size: 0.78rem;
  font-weight: 800;
  letter-spacing: 0.02em;
  color: #6b5730;
  opacity: 1;
}

body.r4x-faq-origin-shell #filters.active .category-chips, body.r4x-faq-origin-shell #filters.active .topic-chips{
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  width: 100%;
}

body.r4x-faq-origin-shell #filters.active .topic-row{
  margin-top: 0.92rem;
}

body.r4x-faq-origin-shell #filters.active .filter-chip{
  min-height: 32px;
  padding: 0.35rem 0.82rem;
  background: #ffffff;
  border-color: rgba(17, 17, 17, 0.18);
  color: #111111;
}

body.r4x-faq-origin-shell #filters.active .filter-chip:hover{
  border-color: rgba(212, 175, 55, 0.9);
  background: #fff9e6;
}

body.r4x-faq-origin-shell #filters.active .filter-chip.active{
  background: #111111;
  border-color: rgba(212, 175, 55, 0.95);
  color: #ffffff;
  box-shadow: 0 6px 14px rgba(17,17,17,0.18), 0 0 0 1px rgba(212,175,55,0.2) inset;
}


@media (max-width: 900px){
  body.r4x-faq-origin-shell.faq-filters-open{
    overflow: hidden;
    height: 100dvh;
    touch-action: none;
  }

  body.r4x-faq-origin-shell #filters.active{
    position: fixed !important;
    inset: 0 !important;
    z-index: 1350 !important;
    display: block !important;
    width: 100vw !important;
    max-width: 100vw !important;
    height: 100dvh !important;
    max-height: 100dvh !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
    background: rgba(255, 250, 240, 0.98) !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }

  body.r4x-faq-origin-shell #filters.active .inner{
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    max-width: 100% !important;
    height: 100% !important;
    max-height: 100% !important;
    margin: 0 !important;
    padding: 0 1rem calc(1.25rem + env(safe-area-inset-bottom)) !important;
    overflow-y: auto !important;
    overflow-x: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, #fffdf8 0%, #fffaf0 100%) !important;
    box-shadow: none !important;
    overscroll-behavior: contain !important;
    -webkit-overflow-scrolling: touch !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-head{
    position: sticky !important;
    top: 0 !important;
    z-index: 6 !important;
    margin: 0 -1rem 0.95rem !important;
    padding: 1rem 1rem 0.9rem !important;
    border-radius: 0 !important;
    background: linear-gradient(180deg, rgba(255,255,255,0.98) 0%, rgba(255,250,240,0.98) 100%) !important;
    border-bottom: 1px solid rgba(212, 175, 55, 0.25) !important;
    backdrop-filter: blur(8px) !important;
    align-items: stretch !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-actions{
    width: 100% !important;
    display: grid !important;
    grid-template-columns: 1fr 1fr !important;
    gap: 0.72rem !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-reset, body.r4x-faq-origin-shell .filter-sheet-close{
    width: 100% !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 46px !important;
    padding: 0.72rem 0.75rem !important;
    font-size: 0.9rem !important;
    line-height: 1.08 !important;
    text-align: center !important;
    justify-content: center !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-reset{
    white-space: normal !important;
  }

  body.r4x-faq-origin-shell #filters.active .filter-chip{
    min-height: 32px !important;
    padding: 0.34rem 0.78rem !important;
  }

  body.r4x-faq-origin-shell #filters.active .topic-row{
    margin-bottom: 5.5rem !important;
  }

  body.r4x-faq-origin-shell .faq-hero-wrap, body.r4x-faq-origin-shell .toolbar, body.r4x-faq-origin-shell main.container{
    position: relative;
  }
}

@media (max-width: 960px){
  body.r4x-faq-origin-shell .faq-hero{
    flex-direction: column;
    align-items: flex-start;
  }

  body.r4x-faq-origin-shell .faq-hero-stats{
    width: 100%;
  }

  body.r4x-faq-origin-shell .faq-stat-box{
    min-width: 0;
    flex: 1 1 0;
  }
}

@media (max-width: 720px){
  body.r4x-faq-origin-shell .faq-hero-wrap{
    padding-top: 0.25rem;
  }

  body.r4x-faq-origin-shell .faq-hero{
    padding: 0.88rem 0.82rem;
    margin-bottom: 0.62rem;
    border-radius: 16px;
  }

  body.r4x-faq-origin-shell .faq-hero-copy h1{
    font-size: 1.34rem;
  }

  body.r4x-faq-origin-shell .faq-hero-copy p{
    font-size: 0.88rem;
  }

  body.r4x-faq-origin-shell .faq-hero-icon{
    width: 2.05rem;
    height: 2.05rem;
    border-radius: 12px;
    font-size: 1.02rem;
  }

  body.r4x-faq-origin-shell .toolbar .container{
    padding-top: 0.38rem;
    padding-bottom: 0.52rem;
  }

  body.r4x-faq-origin-shell .sticky-search-shell .search-block{
    padding-bottom: 0.42rem !important;
  }

  body.r4x-faq-origin-shell .sticky-search-shell .filter-row-main{
    gap: 0.65rem;
  }

  body.r4x-faq-origin-shell .sticky-search-shell .view-tabs{
    width: 100%;
  }

  body.r4x-faq-origin-shell .sticky-search-shell .filter-main-btn{
    width: 100%;
    justify-content: center;
  }

  body.r4x-faq-origin-shell main.container{
    padding-top: 0.55rem !important;
  }
}



body.r4x-faq-origin-shell .fab{ z-index: 1400 !important; }



@media (max-width: 900px){
  body.r4x-faq-origin-shell .filter-sheet-head{
    display: block !important;
    box-sizing: border-box !important;
    margin: 0 -1rem 0.9rem !important;
    padding: 0.82rem 0.9rem 0.78rem !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-head-left{
    margin-bottom: 0.55rem !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-kicker{
    font-size: 0.76rem !important;
    line-height: 1 !important;
    letter-spacing: 0.12em !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-actions{
    width: 100% !important;
    display: flex !important;
    align-items: center !important;
    gap: 0.55rem !important;
    box-sizing: border-box !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-reset, body.r4x-faq-origin-shell .filter-sheet-close{
    flex: 1 1 0 !important;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 0.58rem 0.55rem !important;
    font-size: 0.82rem !important;
    line-height: 1.08 !important;
    border-radius: 999px !important;
    box-sizing: border-box !important;
    white-space: normal !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
  }

  body.r4x-faq-origin-shell .filter-sheet-close{
    font-weight: 700 !important;
  }
}



body.r4x-faq-origin-shell.faq-filters-open #toTop{
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}

body.r4x-faq-origin-shell.faq-filters-open #fabFilters{
  display: inline-flex !important;
  opacity: 1 !important;
  pointer-events: auto !important;
}



body.r4x-faq-origin-shell .faq-empty-state{
  grid-column: 1 / -1;
  width: 100%;
  border: 1px solid rgba(212, 175, 55, 0.36);
  border-radius: 20px;
  background: linear-gradient(180deg, #fffefb 0%, #fff8e8 100%);
  box-shadow: 0 14px 34px rgba(17, 17, 17, 0.06);
  padding: 1.2rem 1.15rem 1.15rem;
  color: #111111;
}

body.r4x-faq-origin-shell .faq-empty-eyebrow{
  display: inline-flex;
  align-items: center;
  min-height: 24px;
  padding: 0.22rem 0.58rem;
  border-radius: 999px;
  border: 1px solid rgba(212, 175, 55, 0.45);
  background: #ffffff;
  color: #8f6f16;
  font-size: 0.72rem;
  line-height: 1;
  font-weight: 800;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  margin-bottom: 0.7rem;
}

body.r4x-faq-origin-shell .faq-empty-state h3{
  margin: 0;
  max-width: 46rem;
  font-size: 1.08rem;
  line-height: 1.28;
  font-weight: 800;
  color: #111111;
}

body.r4x-faq-origin-shell .faq-empty-state p{
  margin: 0.48rem 0 0;
  max-width: 48rem;
  font-size: 0.88rem;
  line-height: 1.55;
  color: #5f5542;
}

body.r4x-faq-origin-shell .faq-empty-actions{
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
  margin-top: 0.95rem;
}

body.r4x-faq-origin-shell .faq-empty-btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 36px;
  padding: 0.52rem 0.88rem;
  border-radius: 999px;
  font-size: 0.82rem;
  line-height: 1;
  font-weight: 800;
  cursor: pointer;
  transition: transform 0.16s ease, box-shadow 0.16s ease, background 0.16s ease, border-color 0.16s ease;
}

body.r4x-faq-origin-shell .faq-empty-btn:hover{
  transform: translateY(-1px);
}

body.r4x-faq-origin-shell .faq-empty-btn-primary{
  border: 1px solid rgba(212, 175, 55, 0.92);
  background: #111111;
  color: #fffaf0;
  box-shadow: 0 8px 18px rgba(17,17,17,0.14);
}

body.r4x-faq-origin-shell .faq-empty-btn-secondary{
  border: 1px solid rgba(212, 175, 55, 0.82);
  background: #ffffff;
  color: #111111;
  box-shadow: 0 5px 12px rgba(17,17,17,0.04);
}

body.r4x-faq-origin-shell .faq-empty-btn-secondary:hover{
  background: #fff8df;
}

@media (max-width: 720px){
  body.r4x-faq-origin-shell .faq-empty-state{
    padding: 1rem 0.9rem 1rem;
    border-radius: 18px;
  }

  body.r4x-faq-origin-shell .faq-empty-state h3{
    font-size: 0.98rem;
  }

  body.r4x-faq-origin-shell .faq-empty-state p{
    font-size: 0.82rem;
  }

  body.r4x-faq-origin-shell .faq-empty-actions{
    display: grid;
    grid-template-columns: 1fr;
    gap: 0.5rem;
  }

  body.r4x-faq-origin-shell .faq-empty-btn{
    width: 100%;
  }
}


body.r4x-faq-origin-shell{
  --r4x-font-main: "Open Sans", "Segoe UI", Arial, sans-serif;
}

html body.r4x-faq-origin-shell, body.r4x-faq-origin-shell, body.r4x-faq-origin-shell button, body.r4x-faq-origin-shell input, body.r4x-faq-origin-shell select, body.r4x-faq-origin-shell textarea{
  font-family: var(--r4x-font-main) !important;
  font-synthesis: none !important;
}

html body.r4x-faq-origin-shell, body.r4x-faq-origin-shell{
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}

body.r4x-faq-origin-shell strong, body.r4x-faq-origin-shell b{
  font-weight: 700;
}

body.r4x-faq-origin-shell .modal-section h3, body.r4x-faq-origin-shell #relatedTagsSection h3, body.r4x-faq-origin-shell #relatedQuestionsSection h3, body.r4x-faq-origin-shell .faq-empty-state h3{
  font-weight: 700 !important;
}

body.r4x-faq-origin-shell .modal-section p, body.r4x-faq-origin-shell .insight-preview, body.r4x-faq-origin-shell .faq-empty-state p{
  font-weight: 400 !important;
}



body.r4x-faq-origin-shell .grid{
  display: grid !important;
  grid-template-columns: repeat(auto-fill, minmax(260px, 1fr)) !important;
  gap: 0.75rem !important;
}

body.r4x-faq-origin-shell .insight-card{
  position: relative !important;
  border-radius: 16px !important;
  border: 1px solid var(--border) !important;
  padding: 0.75rem 0.9rem !important;
  padding-right: 3.2rem !important;
  background: #ffffff !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.55rem !important;
  cursor: pointer !important;
  box-shadow: 0 6px 16px rgba(0, 0, 0, 0.06) !important;
  min-height: unset !important;
}

body.r4x-faq-origin-shell .insight-card:hover{
  border-color: var(--gold) !important;
  box-shadow: 0 8px 20px rgba(212, 175, 55, 0.25) !important;
}

body.r4x-faq-origin-shell .card-footer{
  display: flex !important;
  justify-content: flex-end !important;
  margin-top: 0.45rem !important;
  padding-top: 0 !important;
}

body.r4x-faq-origin-shell .card-open-indicator{
  display: inline-flex !important;
  align-items: center !important;
  gap: 0.3rem !important;
  padding: 0.2rem 0.75rem !important;
  min-height: unset !important;
  border-radius: 999px !important;
  border: 1px solid var(--gold) !important;
  background: #fffaf0 !important;
  color: #000 !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  cursor: pointer !important;
  box-shadow: none !important;
}

body.r4x-faq-origin-shell .card-open-indicator .icon{
  font-size: 0.95rem !important;
  color: var(--gold) !important;
}

body.r4x-faq-origin-shell .insight-card:hover .card-open-indicator{
  box-shadow: 0 0 0 1px rgba(212, 175, 55, 0.3) !important;
}

body.r4x-faq-origin-shell .insight-question{
  max-width: none !important;
  font-size: 0.9rem !important;
  line-height: normal !important;
  font-weight: 600 !important;
  color: #000000 !important;
  letter-spacing: 0 !important;
  margin-bottom: 0 !important;
}

body.r4x-faq-origin-shell .insight-preview{
  max-width: none !important;
  font-size: 0.78rem !important;
  color: var(--muted) !important;
  line-height: 1.4 !important;
  font-weight: 400 !important;
  display: block !important;
  -webkit-line-clamp: unset !important;
  -webkit-box-orient: unset !important;
  overflow: visible !important;
  margin-top: 0 !important;
}

body.r4x-faq-origin-shell .badge-row{
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 0.3rem !important;
  margin-top: 0.25rem !important;
  row-gap: 0.3rem !important;
}

body.r4x-faq-origin-shell .badge{
  font-size: 0.65rem !important;
  line-height: normal !important;
  font-weight: 600 !important;
  padding: 0.15rem 0.5rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--chip-border) !important;
  background: #f3f3f3 !important;
  color: inherit !important;
  box-shadow: none !important;
  max-width: none !important;
}

body.r4x-faq-origin-shell .badge.featured{
  border-color: var(--gold) !important;
  color: var(--gold) !important;
}


body.r4x-faq-origin-shell .favorite-indicator{
  margin-left: auto !important;
  font-size: 0.9rem !important;
  color: var(--gold) !important;
}

body.r4x-faq-origin-shell .star-icon, body.r4x-faq-origin-shell .card-fav-button .star-icon{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 1.35rem !important;
  height: 1.35rem !important;
  border-radius: 999px !important;
  border: 1px solid var(--border) !important;
  margin-right: 0 !important;
  background: #ffffff !important;
  color: #000 !important;
  font-size: 0.9rem !important;
  box-shadow: none !important;
}

body.r4x-faq-origin-shell .favorite-btn.active .star-icon, body.r4x-faq-origin-shell .card-fav-button.active .star-icon{
  border-color: var(--gold) !important;
  background: var(--gold) !important;
  color: #000 !important;
  box-shadow: 0 0 10px rgba(212, 175, 55, 0.5) !important;
}

body.r4x-faq-origin-shell .card-fav-button{
  border: none !important;
  background: transparent !important;
  padding: 0 !important;
  cursor: pointer !important;
}

body.r4x-faq-origin-shell .card-actions{
  position: absolute !important;
  top: 0.4rem !important;
  right: 0.5rem !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 0.25rem !important;
}

@media (max-width: 560px){
  body.r4x-faq-origin-shell .grid{
    grid-template-columns: 1fr !important;
  }
}


body.r4x-faq-origin-shell .r4x-faq-origin-shell footer{
  margin-top: 26px;
  padding: 22px 0 22px 0;
  font-size: 0.92rem;
  color: #202020;
  text-align: center;
  background: transparent;
  border-top: 0;
}

body.r4x-faq-origin-shell .r4x-faq-origin-shell .footer-inner{
  max-width: 980px;
  margin: 0 auto;
  padding: 0 1rem;
}

body.r4x-faq-origin-shell .r4x-faq-origin-shell .footer-divider{
  width: min(520px, 72%);
  height: 4px;
  background: #111111;
  margin: 0 auto 14px auto;
  border-radius: 999px;
}

body.r4x-faq-origin-shell .r4x-faq-origin-shell .footer-disclaimer{
  margin: 0 auto 12px auto;
  max-width: 980px;
  line-height: 1.35;
  color: #303030;
  font-size: 0.92rem;
}

body.r4x-faq-origin-shell .r4x-faq-origin-shell .footer-meta{
  color: #3a3a3a;
  line-height: 1.45;
  font-size: 0.9rem;
}

body.r4x-faq-origin-shell .r4x-faq-origin-shell .footer-meta a{
  color: #3a3a3a;
  text-decoration: none;
}

body.r4x-faq-origin-shell .r4x-faq-origin-shell .footer-meta a:hover{
  text-decoration: underline;
}



/* R4X v474 FAQ consolidation guard */
body.r4x-faq-origin-shell{
  font-family:"Open Sans","Segoe UI",Arial,sans-serif !important;
  background:#ffffff !important;
  color:#121212 !important;
}
body.r4x-faq-origin-shell .r4x-header{
  background:#ffffff !important;
  border-bottom:1px solid var(--gold,#d4af37) !important;
}
body.r4x-faq-origin-shell .r4x-header::after{
  background:var(--gold,#d4af37) !important;
}
body.r4x-faq-origin-shell .toolbar,
body.r4x-faq-origin-shell .faq-hero-wrap{
  background:#ffffff !important;
}
body.r4x-faq-origin-shell main.container,
body.r4x-faq-origin-shell .faq-grid,
body.r4x-faq-origin-shell .category-section{
  background:transparent !important;
}
body.r4x-faq-origin-shell .faq-card,
body.r4x-faq-origin-shell .daily-card,
body.r4x-faq-origin-shell .category-section{
  font-family:"Open Sans","Segoe UI",Arial,sans-serif !important;
}
body.r4x-faq-origin-shell .faq-card p,
body.r4x-faq-origin-shell .daily-card p{
  color:#444 !important;
}

/* R4X v474 FAQ final visual guard: keep FAQ typography aligned with original FAQ CSS */
body.r4x-faq-origin-shell,
body.r4x-faq-origin-shell *:not(.r4x-logo):not(svg):not(path){
  font-family:"Open Sans","Segoe UI",Arial,sans-serif !important;
}
body.r4x-faq-origin-shell h1,
body.r4x-faq-origin-shell h2,
body.r4x-faq-origin-shell h3,
body.r4x-faq-origin-shell h4,
body.r4x-faq-origin-shell p,
body.r4x-faq-origin-shell button,
body.r4x-faq-origin-shell input{
  font-family:"Open Sans","Segoe UI",Arial,sans-serif !important;
}


/* ===== R4X v475 consolidated Blockchain Navigator styles. Scoped to body[data-nav-tool="Blockchain Navigator"]. Source kept functionally intact. ===== */
/* ═══════════════════════════════════════════════════════════
   R4X Blockchain Navigator · Origin Integration
   Typography: Open Sans systemweit, Beginner-Inhalte bleiben separat.
   ═══════════════════════════════════════════════════════════ */

body[data-nav-tool="Blockchain Navigator"] {
  --bg: #050507;
  --panel: #0c0c10;
  --panel-2: #111116;
  --surface: #16161c;
  --text: #f0ede8;
  --text-bright: #ffffff;
  --muted: rgba(240,237,232,0.72);
  --muted-2: rgba(240,237,232,0.52);
  --muted-3: rgba(240,237,232,0.32);
  --line: rgba(240,237,232,0.08);
  --line-2: rgba(240,237,232,0.12);
  --line-3: rgba(240,237,232,0.18);
  --gold: #c9a84c;
  --gold-soft: #d4b85e;
  --gold-glow: rgba(201,168,76,0.15);
  --gold-border: rgba(201,168,76,0.35);
  --danger: #e05252;
  --danger-soft: rgba(224,82,82,0.12);
  --green: #5cb88a;
  --green-soft: rgba(92,184,138,0.12);
  --blue: #6b9fff;
  --blue-soft: rgba(107,159,255,0.10);
  --purple: #a87ee6;
  --purple-soft: rgba(168,126,230,0.10);

  --font-display: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-body: "Open Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  --radius-xl: 20px;
  --radius-lg: 16px;
  --radius-md: 12px;
  --radius-sm: 8px;
  --radius-pill: 999px;

  --shadow-card: 0 2px 8px rgba(0,0,0,0.3), 0 12px 40px rgba(0,0,0,0.25);
  --shadow-card-hover: 0 4px 16px rgba(0,0,0,0.4), 0 20px 60px rgba(0,0,0,0.35);
  --shadow-dialog: 0 24px 80px rgba(0,0,0,0.6), 0 0 0 1px rgba(201,168,76,0.15);
  --shadow-btn: 0 2px 8px rgba(0,0,0,0.35);
  --shadow-glow: 0 0 24px rgba(201,168,76,0.08);
  --shadow-soft: 0 10px 30px rgba(0,0,0,0.45);

  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);
}

body[data-nav-tool="Blockchain Navigator"] *, body[data-nav-tool="Blockchain Navigator"] *::before, body[data-nav-tool="Blockchain Navigator"] *::after { box-sizing: border-box; }

body[data-nav-tool="Blockchain Navigator"], body[data-nav-tool="Blockchain Navigator"] {
  margin: 0;
  padding: 0;
  background: var(--bg);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 15px;
  line-height: 1.55;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

body[data-nav-tool="Blockchain Navigator"] a { color: inherit; }

body[data-nav-tool="Blockchain Navigator"] .wrap {
  max-width: 1240px;
  margin: 0 auto;
  padding: 20px 20px 32px;
}

body[data-nav-tool="Blockchain Navigator"] .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;
}


/* ═════ TOOLBAR ═════ */

body[data-nav-tool="Blockchain Navigator"] .toolbar {
  background: linear-gradient(180deg, rgba(201,168,76,0.07) 0%, transparent 70%);
  border: 1px solid var(--line-2);
  border-radius: var(--radius-xl);
  padding: 22px 22px 16px;
}

body[data-nav-tool="Blockchain Navigator"] .toolbar-top { display: grid; grid-template-columns: 1fr; gap: 14px; }

body[data-nav-tool="Blockchain Navigator"] .tool-name {
  font-family: var(--font-display);
  font-weight: 700; font-size: 1.55rem; line-height: 1.15;
  letter-spacing: 0.3px; color: var(--text-bright);
}

body[data-nav-tool="Blockchain Navigator"] .tool-sub {
  margin-top: 4px; color: var(--muted); font-size: 0.88rem;
  line-height: 1.5; max-width: 60ch;
}
body[data-nav-tool="Blockchain Navigator"] .tool-sub strong { color: var(--gold-soft); font-weight: 700; }

body[data-nav-tool="Blockchain Navigator"] .controls { display: flex; gap: 10px; flex-wrap: wrap; align-items: center; }

body[data-nav-tool="Blockchain Navigator"] .search {
  flex: 1 1 260px; min-width: 220px; padding: 11px 16px;
  border-radius: var(--radius-pill); border: 1px solid var(--line-2);
  background: rgba(0,0,0,0.4); color: var(--text);
  font-family: var(--font-body); font-size: 0.88rem; outline: none;
  transition: all 0.25s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .search::placeholder { color: var(--muted-3); }
body[data-nav-tool="Blockchain Navigator"] .search:focus {
  border-color: rgba(201,168,76,0.5);
  box-shadow: 0 0 0 3px rgba(201,168,76,0.1), 0 0 20px rgba(201,168,76,0.06);
  background: rgba(0,0,0,0.55);
}


/* ═════ BUTTONS ═════ */

body[data-nav-tool="Blockchain Navigator"] .btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  padding: 9px 14px; border-radius: var(--radius-pill);
  border: 1px solid var(--line-2); background: rgba(0,0,0,0.35);
  color: var(--text); font-family: var(--font-body); font-weight: 600;
  font-size: 0.84rem; letter-spacing: 0.2px; cursor: pointer;
  box-shadow: var(--shadow-btn); user-select: none; text-decoration: none;
  transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .btn:hover { border-color: var(--gold-border); background: rgba(201,168,76,0.06); }
body[data-nav-tool="Blockchain Navigator"] .btn:active { transform: translateY(1px); }

body[data-nav-tool="Blockchain Navigator"] .btn--gold {
  border-color: rgba(201,168,76,0.5);
  background: linear-gradient(135deg, rgba(201,168,76,0.18) 0%, rgba(0,0,0,0.5) 100%);
  color: var(--text-bright);
}
body[data-nav-tool="Blockchain Navigator"] .btn--gold:hover {
  border-color: rgba(201,168,76,0.7);
  background: linear-gradient(135deg, rgba(201,168,76,0.25) 0%, rgba(0,0,0,0.5) 100%);
  box-shadow: var(--shadow-btn), var(--shadow-glow);
}
body[data-nav-tool="Blockchain Navigator"] .btn--ghost { background: transparent; box-shadow: none; }
body[data-nav-tool="Blockchain Navigator"] .btn--ghost:hover { background: rgba(201,168,76,0.06); }
body[data-nav-tool="Blockchain Navigator"] .btn--mini { padding: 7px 10px; font-size: 0.8rem; }
body[data-nav-tool="Blockchain Navigator"] .btn--small { padding: 8px 12px; font-size: 0.84rem; }
body[data-nav-tool="Blockchain Navigator"] .controls #reset { display: none; }
body[data-nav-tool="Blockchain Navigator"] .btn[aria-pressed="true"] { border-color: rgba(201,168,76,0.8); box-shadow: 0 0 0 3px rgba(201,168,76,0.1); }


/* ═════ COUNT ═════ */

body[data-nav-tool="Blockchain Navigator"] .count { color: var(--muted-2); font-size: 0.82rem; font-weight: 500; }
body[data-nav-tool="Blockchain Navigator"] .count.is-filtered { color: rgba(240,237,232,0.88); }
body[data-nav-tool="Blockchain Navigator"] .filter-badge {
  display: inline-flex; align-items: center; gap: 6px; margin-left: 8px;
  padding: 3px 9px; border-radius: var(--radius-pill);
  border: 1px solid rgba(201,168,76,0.35); background: rgba(201,168,76,0.08);
  color: var(--gold-soft); font-size: 0.72rem; font-weight: 700;
  letter-spacing: 0.5px; text-transform: uppercase;
}


/* ═════ LEGEND ═════ */

body[data-nav-tool="Blockchain Navigator"] .legend {
  margin-top: 14px; padding: 10px 14px; border-radius: var(--radius-md);
  border: 1px solid var(--line); background: rgba(0,0,0,0.2);
  display: flex; gap: 16px; flex-wrap: wrap; align-items: center;
  color: var(--muted-2); font-size: 0.8rem; font-weight: 500;
}
body[data-nav-tool="Blockchain Navigator"] .legend b { color: var(--text); font-weight: 700; }
body[data-nav-tool="Blockchain Navigator"] .legend-item { display: inline-flex; align-items: center; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .legend-dot { width: 10px; height: 10px; border-radius: var(--radius-pill); display: inline-block; border: 1px solid var(--line-2); }
body[data-nav-tool="Blockchain Navigator"] .legend-dot--gold { background: var(--gold); border-color: var(--gold); }
body[data-nav-tool="Blockchain Navigator"] .legend-dot--red { background: var(--danger); border-color: var(--danger); }


/* ═════ CHIP STRIP ═════ */

body[data-nav-tool="Blockchain Navigator"] .chip-strip {
  margin-top: 14px; padding: 12px 14px 8px;
  border: 1px solid rgba(201,168,76,0.14); border-radius: var(--radius-md);
  background: rgba(201,168,76,0.03);
}
body[data-nav-tool="Blockchain Navigator"] .chip-label {
  font-size: 0.76rem; font-weight: 700; letter-spacing: 0.6px;
  text-transform: uppercase; color: var(--muted-2); margin-bottom: 8px;
}
body[data-nav-tool="Blockchain Navigator"] .chips-wrap { display: flex; align-items: center; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .chips {
  display: flex; gap: 8px; overflow-x: auto; -webkit-overflow-scrolling: touch;
  padding-bottom: 6px; scroll-behavior: smooth;
}

body[data-nav-tool="Blockchain Navigator"] .chip-nav {
  flex: 0 0 auto; width: 32px; height: 32px; border-radius: var(--radius-pill);
  border: 1px solid var(--gold-border); background: rgba(0,0,0,0.4);
  color: var(--text); font-weight: 900; font-size: 1.1rem; line-height: 1;
  cursor: pointer; display: inline-flex; align-items: center; justify-content: center;
  transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .chip-nav:hover { background: rgba(201,168,76,0.1); border-color: rgba(201,168,76,0.55); }
body[data-nav-tool="Blockchain Navigator"] .chip-nav:disabled { opacity: 0.3; cursor: default; }

body[data-nav-tool="Blockchain Navigator"] #useCaseChips { flex: 1 1 auto; cursor: grab; padding-bottom: 2px; scrollbar-width: none; }
body[data-nav-tool="Blockchain Navigator"] #useCaseChips::-webkit-scrollbar { height: 0; }
body[data-nav-tool="Blockchain Navigator"] #useCaseChips.is-dragging { cursor: grabbing; user-select: none; }

body[data-nav-tool="Blockchain Navigator"] .scroll-indicator { margin-top: 6px; padding: 0 2px; }
body[data-nav-tool="Blockchain Navigator"] .scroll-track {
  height: 5px; border-radius: var(--radius-pill);
  background: rgba(240,237,232,0.06); border: 1px solid rgba(201,168,76,0.15); overflow: hidden;
}
body[data-nav-tool="Blockchain Navigator"] .scroll-thumb {
  height: 100%; width: 42px; border-radius: var(--radius-pill);
  background: linear-gradient(90deg, var(--gold) 0%, var(--gold-soft) 100%);
  transform: translateX(0); cursor: grab; user-select: none; touch-action: none;
}
body[data-nav-tool="Blockchain Navigator"] .scroll-thumb.is-dragging { cursor: grabbing; }
body[data-nav-tool="Blockchain Navigator"] .scroll-indicator.is-static .scroll-thumb { width: 100%; opacity: 0.4; }

body[data-nav-tool="Blockchain Navigator"] .chip {
  flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px;
  padding: 8px 14px; border-radius: var(--radius-pill);
  border: 1px solid var(--gold-border); background: rgba(0,0,0,0.35);
  color: var(--text); font-family: var(--font-body); font-weight: 600;
  font-size: 0.82rem; cursor: pointer; white-space: nowrap;
  transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .chip:hover { border-color: rgba(201,168,76,0.6); background: rgba(201,168,76,0.08); }
body[data-nav-tool="Blockchain Navigator"] .chip[aria-pressed="true"] {
  border-color: var(--gold); background: rgba(201,168,76,0.14);
  color: var(--text-bright); box-shadow: 0 0 0 3px rgba(201,168,76,0.08);
}
body[data-nav-tool="Blockchain Navigator"] .chip--all { border-color: var(--line-2); }


/* ═════ ACTIVE FILTERS ═════ */

body[data-nav-tool="Blockchain Navigator"] .active { margin-top: 12px; display: flex; flex-wrap: wrap; align-items: center; }
body[data-nav-tool="Blockchain Navigator"] .active-filters { margin-top: 12px; }
body[data-nav-tool="Blockchain Navigator"] .active-none { color: var(--muted-3); font-size: 0.82rem; font-weight: 500; }
body[data-nav-tool="Blockchain Navigator"] .active-head { display: flex; flex-direction: column; gap: 6px; }
body[data-nav-tool="Blockchain Navigator"] .active-row { display: flex; align-items: center; justify-content: space-between; gap: 10px; flex-wrap: wrap; }
body[data-nav-tool="Blockchain Navigator"] .active-title { color: var(--text-bright); font-size: 0.88rem; font-weight: 800; letter-spacing: 0.2px; }
body[data-nav-tool="Blockchain Navigator"] .active-hint { color: var(--muted-2); font-size: 0.76rem; font-weight: 500; }
body[data-nav-tool="Blockchain Navigator"] .active-tokens { margin-top: 10px; display: flex; flex-wrap: wrap; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .active-tokens .token { margin: 0; border: 1px solid rgba(201,168,76,0.28); background: rgba(201,168,76,0.06); }

body[data-nav-tool="Blockchain Navigator"] .active.active--on {
  position: relative; display: block; padding: 14px 14px 12px 20px;
  border-radius: var(--radius-md); border: 1px solid rgba(201,168,76,0.4);
  background: linear-gradient(135deg, rgba(201,168,76,0.08) 0%, rgba(0,0,0,0.15) 100%);
  box-shadow: 0 0 0 1px rgba(201,168,76,0.1) inset;
}
body[data-nav-tool="Blockchain Navigator"] .active--on::before {
  content: ""; position: absolute; left: 8px; top: 12px; bottom: 12px;
  width: 3px; border-radius: 8px; background: var(--gold);
}

body[data-nav-tool="Blockchain Navigator"] .token {
  display: inline-flex; align-items: center; padding: 5px 11px;
  border-radius: var(--radius-pill); border: 1px solid var(--line-2);
  background: rgba(0,0,0,0.25); color: rgba(240,237,232,0.82);
  font-size: 0.76rem; font-weight: 600; margin-right: 6px; margin-top: 6px;
}


/* ═════ GRID ═════ */

body[data-nav-tool="Blockchain Navigator"] .grid { margin-top: 18px; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }

@keyframes cardIn {
  from { opacity: 0; transform: translateY(12px); }
  to { opacity: 1; transform: translateY(0); }
}

body[data-nav-tool="Blockchain Navigator"] .card {
  border: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(240,237,232,0.025) 0%, rgba(0,0,0,0.1) 100%), var(--panel);
  border-radius: var(--radius-lg); padding: 16px;
  box-shadow: var(--shadow-card); min-height: 170px;
  display: flex; flex-direction: column; position: relative;
  transition: all 0.3s var(--ease-out);
  animation: cardIn 0.4s var(--ease-out) both;
}

body[data-nav-tool="Blockchain Navigator"] .card:nth-child(1) { animation-delay: 0ms; }
body[data-nav-tool="Blockchain Navigator"] .card:nth-child(2) { animation-delay: 40ms; }
body[data-nav-tool="Blockchain Navigator"] .card:nth-child(3) { animation-delay: 80ms; }
body[data-nav-tool="Blockchain Navigator"] .card:nth-child(4) { animation-delay: 100ms; }
body[data-nav-tool="Blockchain Navigator"] .card:nth-child(5) { animation-delay: 120ms; }
body[data-nav-tool="Blockchain Navigator"] .card:nth-child(6) { animation-delay: 140ms; }
body[data-nav-tool="Blockchain Navigator"] .card:nth-child(n/**/+7) { animation-delay: 160ms; }

body[data-nav-tool="Blockchain Navigator"] .card:hover {
  border-color: var(--line-3); box-shadow: var(--shadow-card-hover);
  transform: translateY(-3px);
}
body[data-nav-tool="Blockchain Navigator"] .card::after {
  content: ""; position: absolute; inset: 0; border-radius: var(--radius-lg);
  background: linear-gradient(180deg, rgba(201,168,76,0.04) 0%, transparent 40%);
  opacity: 0; transition: opacity 0.3s ease; pointer-events: none;
}
body[data-nav-tool="Blockchain Navigator"] .card:hover::after { opacity: 1; }

body[data-nav-tool="Blockchain Navigator"] .card-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 10px; }

body[data-nav-tool="Blockchain Navigator"] .card-title {
  font-family: var(--font-display); font-weight: 700;
  font-size: 1.2rem; line-height: 1.2; color: var(--text-bright); letter-spacing: 0.2px;
}
body[data-nav-tool="Blockchain Navigator"] .card-sub { margin-top: 4px; color: var(--muted-2); font-size: 0.82rem; }
body[data-nav-tool="Blockchain Navigator"] .card-meta { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-start; margin-top: 6px; }
body[data-nav-tool="Blockchain Navigator"] .card-right { display: flex; align-items: center; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .card-fit {
  margin-top: 12px; color: var(--muted); font-size: 0.86rem; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}


/* ═════ TAGS ═════ */

body[data-nav-tool="Blockchain Navigator"] .tag {
  display: inline-flex; align-items: center; padding: 4px 10px;
  border-radius: var(--radius-pill); border: 1px solid var(--line-2);
  background: rgba(0,0,0,0.3); color: var(--muted);
  font-size: 0.72rem; font-weight: 600; white-space: nowrap; letter-spacing: 0.2px;
}
body[data-nav-tool="Blockchain Navigator"] .tag--gold { border-color: rgba(240,237,232,0.22); color: rgba(240,237,232,0.82); background: transparent; }
body[data-nav-tool="Blockchain Navigator"] .tag--risk { border-color: rgba(224,82,82,0.45); color: rgba(240,237,232,0.88); }
body[data-nav-tool="Blockchain Navigator"] .tag--hint { border-color: rgba(224,82,82,0.3); background: rgba(224,82,82,0.05); color: rgba(240,237,232,0.82); }
body[data-nav-tool="Blockchain Navigator"] .tag--meta { color: var(--muted-2); white-space: normal; max-width: 100%; word-break: break-word; line-height: 1.2; font-size: 0.72rem; }
body[data-nav-tool="Blockchain Navigator"] .tag--muted { color: var(--muted-3); border-color: var(--line); }

body[data-nav-tool="Blockchain Navigator"] .tag-wrap { margin-top: 12px; display: grid; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .tag-row { display: grid; grid-template-columns: 128px 1fr; gap: 8px; align-items: start; }
body[data-nav-tool="Blockchain Navigator"] .tag-row .lbl, body[data-nav-tool="Blockchain Navigator"] .tag-k {
  color: var(--muted-2); font-size: 0.74rem; font-weight: 600;
  padding-top: 2px; line-height: 1.15; white-space: normal;
  overflow-wrap: anywhere; max-width: 100%; letter-spacing: 0.3px; text-transform: uppercase;
}
body[data-nav-tool="Blockchain Navigator"] .tag-row .vals, body[data-nav-tool="Blockchain Navigator"] .tag-v { display: flex; flex-wrap: wrap; gap: 6px; min-width: 0; }
body[data-nav-tool="Blockchain Navigator"] .tags { display: flex; flex-wrap: wrap; gap: 6px; }


/* ═════ CARD ACTIONS ═════ */

body[data-nav-tool="Blockchain Navigator"] .card-actions {
  margin-top: auto; padding-top: 14px; display: flex; gap: 8px;
  align-items: center; justify-content: space-between; flex-wrap: wrap;
}
body[data-nav-tool="Blockchain Navigator"] .link-btns { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }
body[data-nav-tool="Blockchain Navigator"] .card-links { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }

body[data-nav-tool="Blockchain Navigator"] .link, body[data-nav-tool="Blockchain Navigator"] .link-pill {
  display: inline-flex; align-items: center; justify-content: center;
  padding: 7px 12px; border-radius: var(--radius-pill);
  border: 1px solid var(--line-2); background: rgba(0,0,0,0.2);
  color: var(--text); text-decoration: none; font-size: 0.8rem; font-weight: 600;
  transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .link:hover, body[data-nav-tool="Blockchain Navigator"] .link-pill:hover { border-color: var(--gold-border); background: rgba(201,168,76,0.06); }
body[data-nav-tool="Blockchain Navigator"] .link-pill[aria-disabled="true"] { opacity: 0.35; cursor: not-allowed; }

body[data-nav-tool="Blockchain Navigator"] .fav {
  width: 36px; height: 36px; border-radius: var(--radius-pill);
  border: 1px solid var(--line-2); background: transparent;
  color: var(--muted-2); cursor: pointer; display: inline-flex;
  align-items: center; justify-content: center; font-size: 1.2rem; line-height: 1;
  transition: all 0.25s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .fav:hover { border-color: var(--gold-border); color: var(--gold-soft); }
body[data-nav-tool="Blockchain Navigator"] .fav[aria-pressed="true"] { border-color: rgba(201,168,76,0.6); color: var(--gold); }


/* ═════ MATURITY ═════ */

body[data-nav-tool="Blockchain Navigator"] .maturity-row { margin-top: 12px; display: flex; align-items: center; justify-content: space-between; gap: 12px; }
body[data-nav-tool="Blockchain Navigator"] .maturity-label { font-size: 0.74rem; color: var(--muted-2); font-weight: 600; white-space: nowrap; letter-spacing: 0.2px; }
body[data-nav-tool="Blockchain Navigator"] .maturity-bar { flex: 1 1 auto; display: grid; grid-template-columns: repeat(3, 1fr); gap: 5px; }
body[data-nav-tool="Blockchain Navigator"] .maturity-seg {
  height: 6px; border-radius: var(--radius-pill);
  border: 1px solid rgba(240,237,232,0.1); background: rgba(240,237,232,0.04);
  transition: all 0.3s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .maturity-seg.is-active { border-color: transparent; }
body[data-nav-tool="Blockchain Navigator"] .maturity--Etabliert .maturity-seg.is-active { background: linear-gradient(90deg, rgba(92,184,138,0.5), rgba(92,184,138,0.7)); box-shadow: 0 0 8px rgba(92,184,138,0.2); }
body[data-nav-tool="Blockchain Navigator"] .maturity--Wachstum .maturity-seg.is-active { background: linear-gradient(90deg, rgba(201,168,76,0.55), rgba(201,168,76,0.75)); box-shadow: 0 0 8px rgba(201,168,76,0.15); }
body[data-nav-tool="Blockchain Navigator"] .maturity--Neu_Experimentell .maturity-seg.is-active { background: linear-gradient(90deg, rgba(255,153,102,0.5), rgba(255,153,102,0.7)); box-shadow: 0 0 8px rgba(255,153,102,0.15); }


/* ═════ EMPTY ═════ */

body[data-nav-tool="Blockchain Navigator"] .empty {
  margin-top: 18px; border: 1px solid var(--line); border-radius: var(--radius-lg);
  padding: 40px 24px; color: var(--muted); background: var(--panel); text-align: center;
}
body[data-nav-tool="Blockchain Navigator"] .empty-box { display: flex; flex-direction: column; gap: 8px; align-items: center; }
body[data-nav-tool="Blockchain Navigator"] .empty-box strong { font-family: var(--font-display); font-size: 1.15rem; color: var(--text); }
body[data-nav-tool="Blockchain Navigator"] .empty .small { color: var(--muted-2); font-size: 0.84rem; }


/* ═════ FOOTER ═════ */


/* ═════ ORIGIN FOOTER ═════ */
body[data-nav-tool="Blockchain Navigator"] .page-footer {margin-top:auto;padding:26px 16px 18px;background:#05070b;border-top:1px solid rgba(201,163,74,.14);color:#d8dbe2}
body[data-nav-tool="Blockchain Navigator"] .page-footer::before {content:"";display:block;width:min(720px,calc(100% - 40px));height:3px;margin:0 auto 14px;border-radius:999px;background:rgba(201,163,74,.92)}
body[data-nav-tool="Blockchain Navigator"] .page-footer-inner {max-width:980px;margin:0 auto;text-align:center}
body[data-nav-tool="Blockchain Navigator"] .page-footer-disclaimer {margin:0 auto 12px;max-width:980px;font-size:11.5px;line-height:1.35;color:#cfd4de}
body[data-nav-tool="Blockchain Navigator"] .page-footer-meta {display:flex;flex-wrap:wrap;justify-content:center;gap:6px;font-size:11.5px;color:#cfd4de}
body[data-nav-tool="Blockchain Navigator"] .page-footer-copy {color:#cfd4de}
body[data-nav-tool="Blockchain Navigator"] .page-footer-links {display:flex;flex-wrap:wrap;justify-content:center;gap:6px}
body[data-nav-tool="Blockchain Navigator"] .page-footer a {color:#fff;text-decoration:underline;text-underline-offset:2px}
body[data-nav-tool="Blockchain Navigator"] .page-footer a:hover {color:#f0dda1}
@media (max-width:720px) {body[data-nav-tool="Blockchain Navigator"] .page-footer-break {display:none}}



/* ═════ DIALOGS ═════ */

body[data-nav-tool="Blockchain Navigator"] .dialog {
  width: min(920px, calc(100vw - 28px));
  border: 1px solid rgba(201,168,76,0.22); border-radius: var(--radius-xl);
  background: #08080c; color: var(--text); box-shadow: var(--shadow-dialog); padding: 0;
}
body[data-nav-tool="Blockchain Navigator"] .dialog::backdrop { background: rgba(0,0,0,0.75); backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px); }
body[data-nav-tool="Blockchain Navigator"] .dialog--detail { width: min(1000px, calc(100vw - 28px)); }

body[data-nav-tool="Blockchain Navigator"] .dialog-head {
  display: flex; align-items: flex-start; justify-content: space-between; gap: 16px;
  padding: 18px 20px 14px; border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(201,168,76,0.05) 0%, transparent 100%);
}

body[data-nav-tool="Blockchain Navigator"] .dialog-title {
  font-family: var(--font-display); font-weight: 700;
  font-size: 1.3rem; line-height: 1.2; color: var(--text-bright);
}
body[data-nav-tool="Blockchain Navigator"] .dialog-sub { margin-top: 5px; color: var(--muted-2); font-size: 0.84rem; line-height: 1.4; }
body[data-nav-tool="Blockchain Navigator"] .dialog-meta { margin-top: 4px; color: var(--muted-2); font-size: 0.84rem; }
body[data-nav-tool="Blockchain Navigator"] .dialog-body { padding: 16px 20px 20px; }
body[data-nav-tool="Blockchain Navigator"] .dialog-actions {
  margin-top: 16px; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; flex-wrap: wrap; padding-top: 14px; border-top: 1px solid var(--line);
}


/* ═════ DETAIL ═════ */

body[data-nav-tool="Blockchain Navigator"] #dMeta { display: flex; flex-wrap: wrap; gap: 6px 10px; align-items: center; }
body[data-nav-tool="Blockchain Navigator"] #dMeta .meta-item { white-space: nowrap; font-weight: 500; }
body[data-nav-tool="Blockchain Navigator"] #dMeta .meta-sep { opacity: 0.3; margin: 0 2px; }

@media (max-width: 560px) {
  body[data-nav-tool="Blockchain Navigator"] #dMeta { flex-direction: column; align-items: flex-start; gap: 6px; }
  body[data-nav-tool="Blockchain Navigator"] #dMeta .meta-item { white-space: normal; }
  body[data-nav-tool="Blockchain Navigator"] #dMeta .meta-sep { display: none; }
}

body[data-nav-tool="Blockchain Navigator"] .detail-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

body[data-nav-tool="Blockchain Navigator"] .detail-box {
  margin-top: 12px; border: 1px solid var(--line); border-radius: var(--radius-md);
  padding: 16px 16px 14px; background: rgba(0,0,0,0.2); transition: border-color 0.2s ease;
}
body[data-nav-tool="Blockchain Navigator"] .detail-box:hover { border-color: var(--line-2); }

body[data-nav-tool="Blockchain Navigator"] .detail-k {
  font-weight: 800;
  font-size: 0.64rem;
  letter-spacing: 0.09em;
  text-transform: uppercase;
  color: var(--gold);
  margin-bottom: 8px;
  padding-bottom: 6px;
  border-bottom: 1px solid rgba(201,168,76,0.18);
}
body[data-nav-tool="Blockchain Navigator"] .detail-v { color: var(--muted); line-height: 1.55; font-size: 0.9rem; }

body[data-nav-tool="Blockchain Navigator"] .detail-v--meta {
  margin-top: 10px; color: var(--muted-2); font-size: 0.84rem;
  padding-top: 8px; border-top: 1px solid var(--line);
}
body[data-nav-tool="Blockchain Navigator"] .detail-v--meta + .detail-v--meta { margin-top: 6px; border-top: none; padding-top: 0; }

body[data-nav-tool="Blockchain Navigator"] .link-row { display: flex; flex-wrap: wrap; gap: 8px; }

/* Detail box colors */
body[data-nav-tool="Blockchain Navigator"] .detail-box--narrative { border-color: rgba(107,159,255,0.2); background: linear-gradient(135deg, rgba(107,159,255,0.06), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--short { border-color: rgba(107,159,255,0.15); background: linear-gradient(135deg, rgba(107,159,255,0.04), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--sectors { border-color: rgba(168,126,230,0.2); background: linear-gradient(135deg, rgba(168,126,230,0.06), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--why { border-color: rgba(92,184,138,0.22); background: linear-gradient(135deg, rgba(92,184,138,0.05), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--fit { border-color: rgba(92,184,138,0.22); background: linear-gradient(135deg, rgba(92,184,138,0.05), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--contra { border-color: rgba(224,82,82,0.2); background: linear-gradient(135deg, rgba(224,82,82,0.04), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--wallets { border-color: rgba(205,165,120,0.2); background: linear-gradient(135deg, rgba(205,165,120,0.05), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--usecases { border-color: rgba(201,168,76,0.15); background: linear-gradient(135deg, rgba(201,168,76,0.04), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--risk { border-color: rgba(224,82,82,0.25); background: linear-gradient(135deg, rgba(224,82,82,0.04), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--steps { border-color: rgba(150,180,255,0.14); background: linear-gradient(135deg, rgba(150,180,255,0.04), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--links { border-color: rgba(90,220,200,0.16); background: linear-gradient(135deg, rgba(90,220,200,0.04), rgba(0,0,0,0.25)); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--notfit { border-color: var(--line); background: rgba(0,0,0,0.2); }
body[data-nav-tool="Blockchain Navigator"] .detail-box--use { border-color: rgba(201,168,76,0.15); background: rgba(0,0,0,0.2); }


/* ═════ WALLETS ═════ */

body[data-nav-tool="Blockchain Navigator"] .wallet-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
body[data-nav-tool="Blockchain Navigator"] .wallet-col { border: 1px solid var(--line); border-radius: var(--radius-sm); padding: 12px; background: rgba(0,0,0,0.15); }
body[data-nav-tool="Blockchain Navigator"] .wallet-k { color: var(--muted-2); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 6px; }
body[data-nav-tool="Blockchain Navigator"] .wallet-v { color: var(--text); font-weight: 700; font-size: 0.92rem; }
@media (max-width: 640px) { body[data-nav-tool="Blockchain Navigator"] .wallet-grid { grid-template-columns: 1fr; } }


/* ═════ RISKS ═════ */

body[data-nav-tool="Blockchain Navigator"] .risk-list { margin: 0; padding-left: 0; list-style: none; color: var(--muted); }
body[data-nav-tool="Blockchain Navigator"] .risk-list li {
  margin: 8px 0; padding: 10px 14px; border-radius: var(--radius-sm);
  background: rgba(0,0,0,0.15); border-left: 3px solid rgba(224,82,82,0.4);
  font-size: 0.88rem; line-height: 1.45;
}
body[data-nav-tool="Blockchain Navigator"] .risk-list li.risk-note { border-left-color: rgba(201,168,76,0.4); color: var(--muted); }
body[data-nav-tool="Blockchain Navigator"] .risk-list li.risk-note strong { font-weight: 700; }
body[data-nav-tool="Blockchain Navigator"] .risk-list li strong { font-weight: 700; color: var(--text); }
body[data-nav-tool="Blockchain Navigator"] .risk-list--muted li { border-left-color: rgba(240,237,232,0.12); }

body[data-nav-tool="Blockchain Navigator"] .risk-scope-label {
  margin-top: 4px; font-size: 0.76rem; font-weight: 600;
  color: var(--muted-2); letter-spacing: 0.3px; text-transform: uppercase; margin-bottom: 4px;
}

body[data-nav-tool="Blockchain Navigator"] .risk-toggle {
  width: 100%; display: flex; align-items: center; justify-content: space-between;
  gap: 10px; padding: 10px 14px; margin-top: 8px;
  border: 1px solid var(--gold-border); border-radius: var(--radius-pill);
  background: rgba(201,168,76,0.06); color: var(--text);
  font-family: var(--font-body); font-weight: 700; font-size: 0.84rem;
  cursor: pointer; transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .risk-toggle:hover { background: rgba(201,168,76,0.1); border-color: rgba(201,168,76,0.5); }
body[data-nav-tool="Blockchain Navigator"] .risk-toggle__label { text-align: left; }
body[data-nav-tool="Blockchain Navigator"] .risk-toggle__caret { font-size: 1rem; opacity: 0.8; transition: transform 0.25s var(--ease-out); }
body[data-nav-tool="Blockchain Navigator"] .risk-toggle[aria-expanded="true"] .risk-toggle__caret { transform: rotate(180deg); }

body[data-nav-tool="Blockchain Navigator"] .global-risks {
  margin-top: 10px; padding: 12px;
  border: 1px solid rgba(201,168,76,0.12); border-radius: var(--radius-md);
  background: rgba(0,0,0,0.15);
}


/* ═════ STEPS ═════ */

body[data-nav-tool="Blockchain Navigator"] .steps { margin: 0; padding-left: 0; list-style: none; counter-reset: step; color: var(--muted); }
body[data-nav-tool="Blockchain Navigator"] .steps li {
  counter-increment: step; margin: 6px 0; padding: 10px 14px 10px 42px;
  border-radius: var(--radius-sm); background: rgba(0,0,0,0.12);
  position: relative; font-size: 0.88rem; line-height: 1.45;
}
body[data-nav-tool="Blockchain Navigator"] .steps li::before {
  content: counter(step); position: absolute; left: 12px; top: 10px;
  width: 22px; height: 22px; border-radius: var(--radius-pill);
  background: rgba(201,168,76,0.12); border: 1px solid var(--gold-border);
  color: var(--gold-soft); font-size: 0.72rem; font-weight: 700;
  display: flex; align-items: center; justify-content: center;
}


/* ═════ FILTER DIALOG ═════ */

body[data-nav-tool="Blockchain Navigator"] .filters-grid { margin-top: 12px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }

body[data-nav-tool="Blockchain Navigator"] .filter-group {
  border: 1px solid var(--line-2); border-radius: var(--radius-md);
  overflow: hidden; background: transparent;
}

/* Group header: gold left accent + display font title */
body[data-nav-tool="Blockchain Navigator"] .filter-group-header {
  padding: 11px 14px 10px;
  border-bottom: 1px solid var(--line);
  border-left: 3px solid rgba(201,168,76,0.55);
  background: rgba(201,168,76,0.03);
  display: flex; flex-direction: column; gap: 3px;
}
body[data-nav-tool="Blockchain Navigator"] .filter-title {
  font-family: var(--font-display);
  font-size: 1.05rem; font-weight: 700;
  letter-spacing: 0.1px; color: var(--text-bright); margin: 0; line-height: 1.2;
}
body[data-nav-tool="Blockchain Navigator"] .filter-help {
  font-size: 0.74rem; line-height: 1.45;
  color: var(--muted-2); margin: 0;
}
body[data-nav-tool="Blockchain Navigator"] .filter-pills-wrap { padding: 11px 14px; }

body[data-nav-tool="Blockchain Navigator"] .pills { display: flex; flex-wrap: wrap; gap: 6px; }
body[data-nav-tool="Blockchain Navigator"] .pills button {
  border: 1px solid var(--line-2); background: rgba(0,0,0,0.3);
  color: var(--muted); border-radius: var(--radius-pill); padding: 5px 10px;
  font-family: var(--font-body); font-weight: 600; font-size: 0.76rem;
  cursor: pointer; transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .pills button:hover { border-color: var(--gold-border); background: rgba(201,168,76,0.06); color: var(--text); }
body[data-nav-tool="Blockchain Navigator"] .pills button[aria-pressed="true"] {
  border-color: rgba(201,168,76,0.7); color: var(--text-bright);
  background: rgba(201,168,76,0.1); box-shadow: 0 0 0 2px rgba(201,168,76,0.08);
}


/* ═════ TOAST ═════ */

body[data-nav-tool="Blockchain Navigator"] .toast {
  position: fixed; left: 16px; right: 16px; bottom: 16px; margin: 0 auto;
  max-width: 720px; border: 1px solid rgba(224,82,82,0.4); background: #0c0508;
  color: var(--text); border-radius: var(--radius-md); padding: 14px 16px;
  display: none; z-index: 50; box-shadow: 0 12px 40px rgba(0,0,0,0.5);
}
body[data-nav-tool="Blockchain Navigator"] .toast strong { display: block; font-weight: 700; }
body[data-nav-tool="Blockchain Navigator"] .toast .small { color: var(--muted-2); font-size: 0.84rem; margin-top: 4px; }
body[data-nav-tool="Blockchain Navigator"] .toast.show { display: block; animation: cardIn 0.3s var(--ease-out); }


/* ═════ TO TOP ═════ */

body[data-nav-tool="Blockchain Navigator"] .to-top {
  position: fixed; right: 18px; bottom: 18px; width: 44px; height: 44px;
  border-radius: var(--radius-pill); display: flex; align-items: center; justify-content: center;
  background: rgba(12,12,16,0.85); border: 1px solid var(--gold-border);
  color: var(--gold); box-shadow: 0 8px 24px rgba(0,0,0,0.4);
  opacity: 0; transform: translateY(10px); pointer-events: none;
  transition: all 0.25s var(--ease-out); z-index: 9999;
  backdrop-filter: blur(8px); -webkit-backdrop-filter: blur(8px);
}
body[data-nav-tool="Blockchain Navigator"] .to-top.is-visible { opacity: 1; transform: translateY(0); pointer-events: auto; }
body[data-nav-tool="Blockchain Navigator"] .to-top:hover { background: rgba(12,12,16,0.95); box-shadow: 0 8px 24px rgba(0,0,0,0.5), var(--shadow-glow); }
body[data-nav-tool="Blockchain Navigator"] .to-top:active { transform: translateY(0) scale(0.96); }


/* ═════ MISC ═════ */

body[data-nav-tool="Blockchain Navigator"] .ver {
  display: inline-flex; align-items: center; margin-left: 6px; padding: 3px 8px;
  border-radius: var(--radius-pill); border: 1px solid var(--gold-border);
  color: var(--muted); font-size: 0.72rem; font-weight: 700; background: rgba(0,0,0,0.35);
}

body[data-nav-tool="Blockchain Navigator"] .icon-btn {
  width: 36px; height: 36px; border-radius: var(--radius-pill);
  border: 1px solid var(--line-2); background: transparent;
  color: var(--text); cursor: pointer; display: inline-flex;
  align-items: center; justify-content: center; font-size: 1.2rem; line-height: 1;
  transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .icon-btn:hover { border-color: var(--gold-border); }

body[data-nav-tool="Blockchain Navigator"] .meta { display: flex; gap: 6px; flex-wrap: wrap; justify-content: flex-end; }

body[data-nav-tool="Blockchain Navigator"] .fit {
  color: var(--muted); font-size: 0.86rem; line-height: 1.4;
  display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;
}

body[data-nav-tool="Blockchain Navigator"] .section { margin-top: 14px; }
body[data-nav-tool="Blockchain Navigator"] .section h3 { margin: 0 0 6px; font-family: var(--font-display); font-size: 1rem; font-weight: 600; color: var(--text); }
body[data-nav-tool="Blockchain Navigator"] .section p { margin: 0; color: var(--muted); line-height: 1.55; }

body[data-nav-tool="Blockchain Navigator"] .dialog-links { margin-top: 12px; display: flex; flex-wrap: wrap; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .dialog-links a { text-decoration: none; }

body[data-nav-tool="Blockchain Navigator"] .filter-box { border: 1px solid var(--line); border-radius: var(--radius-md); padding: 12px; background: rgba(240,237,232,0.015); }
body[data-nav-tool="Blockchain Navigator"] .filter-box .t { font-weight: 700; font-size: 0.84rem; color: var(--text); margin-bottom: 8px; }

body[data-nav-tool="Blockchain Navigator"] .chips-row { margin-top: 14px; }
body[data-nav-tool="Blockchain Navigator"] .row-label { font-size: 0.8rem; color: var(--muted-2); margin-bottom: 6px; }
body[data-nav-tool="Blockchain Navigator"] .status-row { margin-top: 8px; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px; }


/* ═════ RESPONSIVE ═════ */

@media (max-width: 980px) { body[data-nav-tool="Blockchain Navigator"] .grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }

@media (max-width: 640px) {
  body[data-nav-tool="Blockchain Navigator"] .wrap { padding: 12px 12px 20px; }
  body[data-nav-tool="Blockchain Navigator"] .tool-name { font-size: 1.35rem; }
  body[data-nav-tool="Blockchain Navigator"] .tool-sub { display: block; font-size: 0.84rem; line-height: 1.4; max-width: none; }
  body[data-nav-tool="Blockchain Navigator"] .grid { grid-template-columns: 1fr; }
  body[data-nav-tool="Blockchain Navigator"] .tag-row { grid-template-columns: 1fr; gap: 4px; }
  body[data-nav-tool="Blockchain Navigator"] .tag-k { padding-top: 0; line-height: 1.15; word-break: break-word; }
  body[data-nav-tool="Blockchain Navigator"] .filters-grid { grid-template-columns: 1fr; }
  body[data-nav-tool="Blockchain Navigator"] .detail-grid { grid-template-columns: 1fr; }

  body[data-nav-tool="Blockchain Navigator"] .controls { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; align-items: stretch; }
  body[data-nav-tool="Blockchain Navigator"] .search { grid-column: 1 / -1; width: 100%; min-width: 0; }
  body[data-nav-tool="Blockchain Navigator"] .controls .btn { width: 100%; padding: 8px 10px; font-size: 0.8rem; }
  body[data-nav-tool="Blockchain Navigator"] .controls .count { grid-column: 1 / -1; text-align: right; font-size: 0.76rem; padding-right: 2px; }

  body[data-nav-tool="Blockchain Navigator"] .legend { font-size: 0.72rem; gap: 8px; }
  body[data-nav-tool="Blockchain Navigator"] .legend-dot { width: 8px; height: 8px; }
  body[data-nav-tool="Blockchain Navigator"] .tag { white-space: normal; max-width: 100%; line-height: 1.15; }

  body[data-nav-tool="Blockchain Navigator"] .card-actions { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; justify-content: initial; }
  body[data-nav-tool="Blockchain Navigator"] .card-actions .btn { width: 100%; min-width: 0; }
}


/* ═══ v2: Maturity top line ═══ */
body[data-nav-tool="Blockchain Navigator"] .card::before {
  content: ""; position: absolute; top: 0; left: 0; right: 0;
  height: 3px; border-radius: var(--radius-lg) var(--radius-lg) 0 0;
  background: transparent;
}
body[data-nav-tool="Blockchain Navigator"] .card.mat--established::before { background: linear-gradient(90deg, rgba(92,184,138,0.9) 0%, rgba(92,184,138,0.2) 55%, transparent 100%); }
body[data-nav-tool="Blockchain Navigator"] .card.mat--growth::before { background: linear-gradient(90deg, rgba(201,168,76,0.9)  0%, rgba(201,168,76,0.2)  55%, transparent 100%); }
body[data-nav-tool="Blockchain Navigator"] .card.mat--new::before { background: linear-gradient(90deg, rgba(255,110,70,0.9)  0%, rgba(255,110,70,0.2)  55%, transparent 100%); }

/* ═══ v2: Compare button ═══ */
body[data-nav-tool="Blockchain Navigator"] .btn--compare-card { padding: 9px 12px; font-size: 0.82rem; }
body[data-nav-tool="Blockchain Navigator"] .btn--compare-card.is-selected {
  border-color: var(--gold-border);
  background: rgba(201,168,76,0.1);
  color: var(--gold);
}

/* ═══ v2: Compare bar ═══ */
body[data-nav-tool="Blockchain Navigator"] .compare-bar {
  position: fixed; bottom: -110px; left: 0; right: 0; z-index: 200;
  background: linear-gradient(180deg, rgba(10,10,16,0.97) 0%, rgba(6,6,12,0.99) 100%);
  border-top: 1px solid var(--gold-border);
  box-shadow: 0 -4px 32px rgba(0,0,0,.7), 0 0 24px rgba(201,168,76,.05);
  padding: 12px 24px; display: flex; align-items: center; gap: 12px; flex-wrap: wrap;
  transition: bottom 0.35s cubic-bezier(0.16,1,0.3,1);
}
body[data-nav-tool="Blockchain Navigator"] .compare-bar--visible { bottom: 0; }
body[data-nav-tool="Blockchain Navigator"] .compare-bar-label {
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.09em;
  text-transform: uppercase; color: var(--gold); white-space: nowrap; flex-shrink: 0;
}
body[data-nav-tool="Blockchain Navigator"] .compare-slots { display: flex; gap: 8px; flex-wrap: wrap; flex: 1; }
body[data-nav-tool="Blockchain Navigator"] .compare-slot {
  display: inline-flex; align-items: center; gap: 6px;
  padding: 5px 10px 5px 13px; border-radius: var(--radius-pill);
  border: 1px solid var(--gold-border); background: rgba(201,168,76,0.07);
  font-size: 0.8rem; font-weight: 600; color: var(--text);
}
body[data-nav-tool="Blockchain Navigator"] .compare-slot-rm {
  background: transparent; border: none; color: var(--muted-2);
  font-size: 0.9rem; line-height: 1; padding: 0 2px; cursor: pointer;
  transition: color 0.12s;
}
body[data-nav-tool="Blockchain Navigator"] .compare-slot-rm:hover { color: var(--danger); }
body[data-nav-tool="Blockchain Navigator"] .compare-bar-actions { display: flex; gap: 8px; flex-shrink: 0; }

/* ═══ v2: Compare dialog ═══ */
body[data-nav-tool="Blockchain Navigator"] .dialog--compare { max-width: min(1060px, 95vw); }
body[data-nav-tool="Blockchain Navigator"] .compare-grid { display: grid; gap: 16px; padding: 16px 20px 4px; }
body[data-nav-tool="Blockchain Navigator"] .compare-grid--2 { grid-template-columns: 1fr 1fr; }
body[data-nav-tool="Blockchain Navigator"] .compare-grid--3 { grid-template-columns: 1fr 1fr 1fr; }
@media (max-width: 680px) { body[data-nav-tool="Blockchain Navigator"] .compare-grid--2, body[data-nav-tool="Blockchain Navigator"] .compare-grid--3 { grid-template-columns: 1fr; } }
body[data-nav-tool="Blockchain Navigator"] .compare-col { display: flex; flex-direction: column; gap: 8px; }
body[data-nav-tool="Blockchain Navigator"] .compare-col-head { padding-bottom: 10px; border-bottom: 1px solid var(--gold-border); margin-bottom: 2px; }
body[data-nav-tool="Blockchain Navigator"] .compare-col-name { font-family: var(--font-display); font-size: 1.25rem; font-weight: 700; color: var(--text-bright); letter-spacing: -0.01em; }
body[data-nav-tool="Blockchain Navigator"] .compare-col-sub { font-size: 0.72rem; font-weight: 700; letter-spacing: 0.05em; text-transform: uppercase; margin-top: 3px; }
body[data-nav-tool="Blockchain Navigator"] .compare-row { background: rgba(255,255,255,0.025); border: 1px solid var(--line); border-radius: var(--radius-md); padding: 9px 12px; }
body[data-nav-tool="Blockchain Navigator"] .compare-row-k { font-size: 0.62rem; font-weight: 700; text-transform: uppercase; letter-spacing: 0.08em; color: var(--gold); margin-bottom: 4px; }
body[data-nav-tool="Blockchain Navigator"] .compare-row-v { font-size: 0.83rem; color: var(--text); line-height: 1.5; display: flex; flex-wrap: wrap; gap: 5px; }


/* ═══ v2: Sort select ═══ */
body[data-nav-tool="Blockchain Navigator"] .sort-select {
  height: 40px;
  padding: 0 32px 0 12px;
  background: rgba(0,0,0,0.35) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a09070' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 10px center;
  border: 1px solid var(--line-2);
  border-radius: var(--radius-pill);
  color: var(--text);
  font-family: var(--font-body);
  font-size: 0.82rem;
  font-weight: 600;
  cursor: pointer;
  appearance: none;
  transition: border-color 0.2s;
  white-space: nowrap;
}
body[data-nav-tool="Blockchain Navigator"] .sort-select:hover { border-color: var(--gold-border); }
body[data-nav-tool="Blockchain Navigator"] .sort-select:focus { outline: none; border-color: var(--gold-border); }
body[data-nav-tool="Blockchain Navigator"] .sort-select option { background: #14100a; color: var(--text); }

/* ═══ v2: Beginner toggle ═══ */
body[data-nav-tool="Blockchain Navigator"] #beginnerOnly[aria-pressed="true"] {
  border-color: rgba(92,184,138,0.5);
  background: rgba(92,184,138,0.08);
  color: var(--green);
}

/* ═══ v2: Similar chains in detail dialog ═══ */
body[data-nav-tool="Blockchain Navigator"] .similar-chain-btn {
  padding: 7px 12px;
  font-size: 0.82rem;
  font-weight: 600;
  transition: all 0.2s var(--ease-out);
}
body[data-nav-tool="Blockchain Navigator"] .similar-chain-btn:hover {
  border-color: var(--gold-border);
  background: rgba(201,168,76,0.06);
}
body[data-nav-tool="Blockchain Navigator"] .detail-box--similar { grid-column: 1 / -1; }
body[data-nav-tool="Blockchain Navigator"] .similar-chains-wrap { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 4px; }

/* r4x-v252-blockchain-navigator-origin */

/* R4X Web3 data context */
body[data-nav-tool="Blockchain Navigator"] .detail-box--web3 {border-color:rgba(201,168,76,0.28);background:linear-gradient(135deg,rgba(201,168,76,0.07),rgba(0,0,0,0.25))}
body[data-nav-tool="Blockchain Navigator"] .web3-chain-copy {font-size:0.88rem;line-height:1.58;color:var(--text);margin-bottom:11px}
body[data-nav-tool="Blockchain Navigator"] .web3-chain-metrics {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
body[data-nav-tool="Blockchain Navigator"] .web3-chain-metric {border:1px solid rgba(240,237,232,0.10);background:rgba(255,255,255,0.035);border-radius:12px;padding:8px 9px;min-width:0}
body[data-nav-tool="Blockchain Navigator"] .web3-chain-label {display:block;font-size:0.56rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-nav-tool="Blockchain Navigator"] .web3-chain-value {display:block;margin-top:4px;font-size:0.78rem;font-weight:700;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:620px) {body[data-nav-tool="Blockchain Navigator"] .web3-chain-metrics {grid-template-columns:1fr}}


/* ===== R4X v475 consolidated dApps Radar styles. Scoped to body[data-nav-tool="R4X dApps Radar"]. Source kept functionally intact. ===== */
/* build:r4x-v276-dapps-starter-box */
/* ═══════════════════════════════════════════════════════
   R4X dApps Radar — Premium v2
   Cormorant Garamond (Display) + DM Sans (Body)
   ═══════════════════════════════════════════════════════ */



body[data-nav-tool="R4X dApps Radar"] {
  --bg:          #04040a;
  --panel:       #0a0a14;
  --surface:     #111120;
  --surface-2:   #191928;
  --surface-3:   #222235;
  --text:        #f0ece2;
  --text-bright: #faf6ee;
  --muted:       rgba(240,236,226,0.78);
  --muted-2:     rgba(240,236,226,0.52);
  --muted-3:     rgba(240,236,226,0.30);
  --line:        rgba(240,236,226,0.09);
  --line-2:      rgba(240,236,226,0.15);
  --line-3:      rgba(240,236,226,0.24);
  --gold:        #d4aa42;
  --gold-soft:   #e8c55a;
  --gold-dim:    rgba(212,170,66,0.22);
  --gold-border: rgba(212,170,66,0.40);
  --gold-glow:   rgba(212,170,66,0.12);
  --green:       #4caf7d;
  --green-dim:   rgba(76,175,125,0.12);
  --green-border:rgba(76,175,125,0.30);
  --amber:       #d4943a;
  --amber-dim:   rgba(212,148,58,0.12);
  --amber-border:rgba(212,148,58,0.30);
  --red:         #d95f5f;
  --red-dim:     rgba(217,95,95,0.12);
  --red-border:  rgba(217,95,95,0.30);
  --blue:        #6b9fff;
  --blue-dim:    rgba(107,159,255,0.10);
  --font-display: "Cormorant Garamond", Georgia, serif;
  --font-body:    "DM Sans", system-ui, sans-serif;
  --r-sm:6px; --r-md:12px; --r-lg:16px; --r-xl:22px; --r-pill:999px;
  --shadow-sm:   0 1px 4px rgba(0,0,0,0.4);
  --shadow-md:   0 4px 20px rgba(0,0,0,0.5);
  --shadow-lg:   0 8px 40px rgba(0,0,0,0.6);
  --shadow-gold: 0 0 20px rgba(200,164,74,0.12);
  --ease: cubic-bezier(0.16,1,0.3,1);
}

body[data-nav-tool="R4X dApps Radar"] *, body[data-nav-tool="R4X dApps Radar"] *::before, body[data-nav-tool="R4X dApps Radar"] *::after {box-sizing:border-box}
body[data-nav-tool="R4X dApps Radar"], body[data-nav-tool="R4X dApps Radar"] {margin:0;padding:0;background:var(--bg);background-image:radial-gradient(ellipse 80% 40% at 50% -5%, rgba(200,164,74,0.05) 0%, transparent 70%);color:var(--text);font-family:var(--font-body);font-size:14px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body[data-nav-tool="R4X dApps Radar"] a {color:inherit;text-decoration:none}
body[data-nav-tool="R4X dApps Radar"] button {font-family:inherit;cursor:pointer}
body[data-nav-tool="R4X dApps Radar"] .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}

/* ── LAYOUT ── */
body[data-nav-tool="R4X dApps Radar"] .wrap {max-width:1240px;margin:0 auto;padding:20px 20px 100px}

/* ── TOOLBAR / HERO ── */
body[data-nav-tool="R4X dApps Radar"] .tool-hero {margin-bottom:20px;background:linear-gradient(180deg,rgba(212,170,66,0.09) 0%,rgba(0,0,0,0) 70%);border:1px solid var(--line-3);border-radius:var(--r-xl);padding:20px 22px 16px}
body[data-nav-tool="R4X dApps Radar"] .tool-hero__top {margin-bottom:14px}
body[data-nav-tool="R4X dApps Radar"] .tool-hero h1 {font-family:var(--font-display);font-size:1.9rem;font-weight:700;color:var(--text-bright);letter-spacing:-0.01em;line-height:1.1;margin:0 0 6px}
body[data-nav-tool="R4X dApps Radar"] .tool-hero__sub {color:var(--muted);font-size:0.85rem;line-height:1.55;margin:0;max-width:600px}
body[data-nav-tool="R4X dApps Radar"] .tool-hero__sub strong {color:var(--gold-soft);font-weight:600}

/* Search + fav row */
body[data-nav-tool="R4X dApps Radar"] .header-bottom {margin-bottom:12px}
body[data-nav-tool="R4X dApps Radar"] .search-wrap {display:flex;gap:8px;align-items:center;flex-wrap:wrap}
body[data-nav-tool="R4X dApps Radar"] #search {flex:1 1 260px;min-width:200px;height:38px;padding:0 14px 0 36px;background:var(--surface) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23696980' stroke-width='2.2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='8'/%3E%3Cpath d='m21 21-4.35-4.35'/%3E%3C/svg%3E") no-repeat 12px center;border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--text);font-family:inherit;font-size:0.85rem;transition:border-color .15s,box-shadow .15s;outline:none}
body[data-nav-tool="R4X dApps Radar"] #search::placeholder {color:var(--muted-3)}
body[data-nav-tool="R4X dApps Radar"] #search:focus {border-color:var(--gold-border);box-shadow:0 0 0 3px var(--gold-glow)}
body[data-nav-tool="R4X dApps Radar"] .match-count {font-size:0.76rem;color:var(--muted-2);white-space:nowrap;padding:0 4px}
body[data-nav-tool="R4X dApps Radar"] .match-count.is-filtered {color:var(--gold-soft)}

/* ── BUTTONS ── */
body[data-nav-tool="R4X dApps Radar"] .btn {display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 16px;border-radius:var(--r-pill);border:1px solid var(--gold-border);background:rgba(212,170,66,0.14);color:var(--gold-soft);font-family:inherit;font-size:0.82rem;font-weight:600;cursor:pointer;transition:all .15s;white-space:nowrap}
body[data-nav-tool="R4X dApps Radar"] .btn:hover {background:var(--gold-soft);color:#06060f;border-color:var(--gold-soft);box-shadow:0 2px 16px rgba(212,170,66,.4)}
body[data-nav-tool="R4X dApps Radar"] .btn--ghost {background:transparent;border-color:var(--line-3);color:var(--muted-2)}
body[data-nav-tool="R4X dApps Radar"] .btn--ghost:hover {background:var(--surface-2);border-color:var(--line-3);color:var(--text)}
body[data-nav-tool="R4X dApps Radar"] .fav-only[aria-pressed="true"] {border-color:var(--gold-border);background:var(--gold-dim);color:var(--gold-soft)}
body[data-nav-tool="R4X dApps Radar"] #beginnerToggle {border-color:rgba(76,175,125,0.35);color:var(--muted-2)}
body[data-nav-tool="R4X dApps Radar"] #beginnerToggle:hover {border-color:var(--green-border);color:var(--green);background:var(--green-dim)}
body[data-nav-tool="R4X dApps Radar"] #beginnerToggle[aria-pressed="true"] {border-color:var(--green-border);background:var(--green-dim);color:var(--green);font-weight:700}

/* ── FILTERS ── */
body[data-nav-tool="R4X dApps Radar"] .filters {display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;align-items:center}
body[data-nav-tool="R4X dApps Radar"] .filters + .filters {margin-top:6px}
body[data-nav-tool="R4X dApps Radar"] .filter-row-label {font-size:0.6rem;font-weight:700;text-transform:uppercase;letter-spacing:0.07em;color:var(--muted-3);white-space:nowrap;flex-shrink:0;padding:2px 0}

body[data-nav-tool="R4X dApps Radar"] .filter-btn {
  display:inline-flex;align-items:center;
  padding:4px 11px;
  border-radius:var(--r-pill);
  border:1px solid rgba(240,236,226,0.12);
  background:rgba(240,236,226,0.04);
  color:var(--muted-2);
  font-family:inherit;font-size:0.76rem;font-weight:500;
  white-space:nowrap;cursor:pointer;
  transition:border-color .15s,background .15s,color .15s;
}
body[data-nav-tool="R4X dApps Radar"] .filter-btn:hover {
  border-color:rgba(240,236,226,0.22);
  background:rgba(240,236,226,0.08);
  color:var(--text);
}
body[data-nav-tool="R4X dApps Radar"] .filter-btn[aria-pressed="true"] {
  background:rgba(212,170,66,0.15);
  border-color:rgba(212,170,66,0.45);
  color:var(--gold-soft);
  font-weight:600;
}


/* Chain filter: smaller label */
body[data-nav-tool="R4X dApps Radar"] .filters-chains {margin-top:0;padding-top:8px;border-top:1px solid var(--line-2)}
body[data-nav-tool="R4X dApps Radar"] .filters-wi .filter-btn {font-size:0.72rem;background:transparent;border-color:rgba(168,126,230,0.12);color:var(--muted-3)}
body[data-nav-tool="R4X dApps Radar"] .filters-wi .filter-btn:hover {border-color:rgba(168,126,230,0.30);color:var(--muted)}
body[data-nav-tool="R4X dApps Radar"] .filters-wi .filter-btn[aria-pressed="true"] {background:rgba(168,126,230,0.10);border-color:rgba(168,126,230,0.40);color:rgba(168,126,230,0.9);font-weight:600}
body[data-nav-tool="R4X dApps Radar"] .filters-chains .filter-btn {font-size:0.74rem;background:rgba(107,159,255,0.06);border-color:rgba(107,159,255,0.18);color:var(--muted-2)}
body[data-nav-tool="R4X dApps Radar"] .filters-chains .filter-btn:hover {border-color:rgba(107,159,255,0.40);color:var(--text)}
body[data-nav-tool="R4X dApps Radar"] .filters-chains .filter-btn[aria-pressed="true"] {background:rgba(107,159,255,0.12);border-color:rgba(107,159,255,0.50);color:var(--blue);font-weight:600}

/* Sort select */
body[data-nav-tool="R4X dApps Radar"] .sort-select {height:36px;padding:0 28px 0 10px;background:var(--surface-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%23a09070' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E") no-repeat right 8px center;border:1px solid var(--line-2);border-radius:var(--r-pill);color:var(--muted);font-family:inherit;font-size:0.76rem;font-weight:600;cursor:pointer;appearance:none;transition:border-color .15s;outline:none}
body[data-nav-tool="R4X dApps Radar"] .sort-select:hover {border-color:var(--gold-border)}
body[data-nav-tool="R4X dApps Radar"] .sort-select option {background:#14141e;color:var(--text)}

/* ── ACTIVE FILTER BAR ── */
body[data-nav-tool="R4X dApps Radar"] .active {margin-top:10px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);padding:10px 14px}
body[data-nav-tool="R4X dApps Radar"] .active-head {display:flex;flex-direction:column;gap:4px}
body[data-nav-tool="R4X dApps Radar"] .active-row {display:flex;align-items:center;justify-content:space-between;gap:10px}
body[data-nav-tool="R4X dApps Radar"] .active-title {font-size:0.72rem;font-weight:700;color:var(--gold-soft);text-transform:uppercase;letter-spacing:0.05em}
body[data-nav-tool="R4X dApps Radar"] .active-hint {font-size:0.74rem;color:var(--muted-2)}
body[data-nav-tool="R4X dApps Radar"] .active-tokens {display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
body[data-nav-tool="R4X dApps Radar"] .token {display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--gold-border);background:var(--gold-dim);color:var(--gold-soft);font-size:0.74rem;font-weight:500}

/* ── GRID ── */
body[data-nav-tool="R4X dApps Radar"] .grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
@media (max-width:980px) {body[data-nav-tool="R4X dApps Radar"] .grid {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px) {body[data-nav-tool="R4X dApps Radar"] .grid {grid-template-columns:1fr}}

/* ── CARD ── */
body[data-nav-tool="R4X dApps Radar"] .card {background:var(--surface);border:1px solid var(--line-3);border-radius:var(--r-xl);overflow:hidden;display:flex;flex-direction:column;transition:border-color .2s,box-shadow .2s,transform .2s var(--ease);box-shadow:var(--shadow-sm);position:relative}
body[data-nav-tool="R4X dApps Radar"] .card:hover {border-color:var(--gold-border);box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-2px)}



body[data-nav-tool="R4X dApps Radar"] .card-header {display:flex;align-items:flex-start;justify-content:space-between;gap:10px;padding:14px 16px 0}
body[data-nav-tool="R4X dApps Radar"] .card-title {font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--text-bright);letter-spacing:-0.01em;line-height:1.2;flex:1;min-width:0}
body[data-nav-tool="R4X dApps Radar"] .card-sub {font-size:0.68rem;font-weight:700;color:var(--muted-3);letter-spacing:0.07em;text-transform:uppercase;margin-top:2px}

body[data-nav-tool="R4X dApps Radar"] .fav {background:transparent;border:none;color:var(--muted-3);font-size:1rem;padding:2px 4px;line-height:1;transition:color .15s,transform .15s;flex-shrink:0}
body[data-nav-tool="R4X dApps Radar"] .fav:hover {color:var(--gold-soft);transform:scale(1.15)}
body[data-nav-tool="R4X dApps Radar"] .fav[aria-pressed="true"] {color:var(--gold)}

body[data-nav-tool="R4X dApps Radar"] .card-desc {
  margin:10px 12px 0;
  padding:10px 12px;
  font-size:0.9rem;
  color:var(--text);
  line-height:1.65;
  display:-webkit-box;
  -webkit-line-clamp:3;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-weight:400;
  background:rgba(4,4,10,0.72);
  border-left:2px solid var(--gold);
  border-radius:0 var(--r-sm) var(--r-sm) 0;
}

/* Pill list (chain + category) */
body[data-nav-tool="R4X dApps Radar"] .pill-list {display:flex;flex-wrap:wrap;gap:5px;padding:8px 16px 0;list-style:none;margin:0}
body[data-nav-tool="R4X dApps Radar"] .pill-list li {display:inline-flex;align-items:center;padding:3px 9px;border-radius:var(--r-pill);border:1px solid var(--line-3);background:var(--surface-2);color:var(--muted);font-size:0.71rem;font-weight:500}

/* Wallet interaction badges */
body[data-nav-tool="R4X dApps Radar"] .wi-row {display:flex;flex-wrap:wrap;gap:4px;padding:6px 16px 0}
body[data-nav-tool="R4X dApps Radar"] .wi-tag {display:inline-flex;align-items:center;padding:2px 7px;border-radius:var(--r-pill);border:1px solid rgba(237,233,224,0.18);color:rgba(237,233,224,0.78);font-size:0.68rem;font-weight:600}

/* Card actions */
body[data-nav-tool="R4X dApps Radar"] .card-ctas {display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:10px 16px 14px;border-top:1px solid var(--line-2);margin-top:10px}
body[data-nav-tool="R4X dApps Radar"] .link-btn, body[data-nav-tool="R4X dApps Radar"] .link {display:inline-flex;align-items:center;justify-content:center;width:100%;padding:6px 14px;border-radius:var(--r-pill);border:1px solid var(--line-2);background:transparent;color:var(--muted);font-family:inherit;font-size:0.78rem;font-weight:600;text-decoration:none;cursor:pointer;transition:all .15s;white-space:nowrap}
body[data-nav-tool="R4X dApps Radar"] .link-btn:hover, body[data-nav-tool="R4X dApps Radar"] .link:hover {border-color:var(--line-3);color:var(--text)}
body[data-nav-tool="R4X dApps Radar"] .link-btn.details, body[data-nav-tool="R4X dApps Radar"] .website {border-color:var(--gold-border);background:var(--gold-dim);color:var(--gold-soft)}
body[data-nav-tool="R4X dApps Radar"] .link-btn.details:hover, body[data-nav-tool="R4X dApps Radar"] .website:hover {background:var(--gold);color:#0a0a10;border-color:var(--gold)}

/* ── MODAL ── */
body[data-nav-tool="R4X dApps Radar"] #infoModal {width:min(860px,calc(100vw - 20px));border:1.5px solid var(--gold-border);border-radius:var(--r-xl);background:var(--surface);color:var(--text);box-shadow:0 24px 80px rgba(0,0,0,.75),0 0 0 1px var(--gold-border);padding:0}
body[data-nav-tool="R4X dApps Radar"] #infoModal::backdrop {background:rgba(0,0,0,0.72);backdrop-filter:blur(4px)}

body[data-nav-tool="R4X dApps Radar"] .modal {display:flex;flex-direction:column;max-height:92vh;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--line-3) transparent}
body[data-nav-tool="R4X dApps Radar"] .modal::-webkit-scrollbar {width:5px}
body[data-nav-tool="R4X dApps Radar"] .modal::-webkit-scrollbar-thumb {background:var(--line-3);border-radius:3px}

body[data-nav-tool="R4X dApps Radar"] .modal-header {display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:18px 22px 14px;border-bottom:1px solid var(--line-3);position:sticky;top:0;background:var(--surface);z-index:2}
body[data-nav-tool="R4X dApps Radar"] .modal-header h3 {font-family:var(--font-display);font-size:1.5rem;font-weight:700;color:var(--text-bright);letter-spacing:-0.01em;margin:0}
body[data-nav-tool="R4X dApps Radar"] .modal-subtitle {font-size:0.82rem;color:var(--muted);margin:4px 0 0;line-height:1.5}
body[data-nav-tool="R4X dApps Radar"] .close {width:34px;height:34px;border-radius:50%;border:1px solid var(--line-3);background:transparent;color:var(--muted);font-size:1.3rem;line-height:1;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;transition:border-color .15s,color .15s}
body[data-nav-tool="R4X dApps Radar"] .close:hover {border-color:var(--gold-border);color:var(--gold-soft)}

body[data-nav-tool="R4X dApps Radar"] #modalBody {padding:14px 22px 18px;display:flex;flex-direction:column;gap:12px}

/* Meta row */
body[data-nav-tool="R4X dApps Radar"] .detail-meta {display:grid;grid-template-columns:1fr 1fr;gap:10px}
body[data-nav-tool="R4X dApps Radar"] .meta-item {background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-md);padding:10px 14px}
body[data-nav-tool="R4X dApps Radar"] .meta-item.meta-blue {border-color:rgba(107,159,255,0.2);background:linear-gradient(180deg,rgba(107,159,255,0.06),rgba(0,0,0,0.2))}
body[data-nav-tool="R4X dApps Radar"] .meta-label {font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.09em;color:var(--gold);margin-bottom:4px}
body[data-nav-tool="R4X dApps Radar"] .meta-value {font-size:0.9rem;font-weight:700;color:var(--text-bright)}

/* Official domains + fake hint */
body[data-nav-tool="R4X dApps Radar"] .domain-box {background:var(--surface-2);border:1px solid var(--green-border);border-radius:var(--r-md);padding:12px 14px}
body[data-nav-tool="R4X dApps Radar"] .domain-box-domains {display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
body[data-nav-tool="R4X dApps Radar"] .domain-tag {display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--green-border);background:var(--green-dim);color:var(--green);font-size:0.76rem;font-weight:700}
body[data-nav-tool="R4X dApps Radar"] .domain-tag::before {content:"✓";font-size:0.7rem}

body[data-nav-tool="R4X dApps Radar"] .fake-hint-box {background:var(--red-dim);border:1px solid var(--red-border);border-radius:var(--r-md);padding:10px 14px;font-size:0.82rem;color:var(--text);line-height:1.55}
body[data-nav-tool="R4X dApps Radar"] .fake-hint-box::before {content:"⚠ ";color:var(--red);font-weight:800}

/* Risk box */
body[data-nav-tool="R4X dApps Radar"] .risk-box {background:var(--amber-dim);border:1px solid var(--amber-border);border-radius:var(--r-md);padding:10px 14px;font-size:0.82rem;color:var(--text);line-height:1.55}
body[data-nav-tool="R4X dApps Radar"] .risk-box-title {font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.09em;color:var(--amber);margin-bottom:5px}

/* Wallet interaktion tags */
body[data-nav-tool="R4X dApps Radar"] .wi-modal-row {display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
body[data-nav-tool="R4X dApps Radar"] .wi-modal-tag {display:inline-flex;align-items:center;padding:3px 10px;border-radius:var(--r-pill);border:1px solid var(--line-3);background:var(--surface-3);color:var(--muted);font-size:0.74rem;font-weight:600}

/* Detail grid */
body[data-nav-tool="R4X dApps Radar"] .detail-grid {display:grid;grid-template-columns:1fr 1fr;gap:10px}
@media (max-width:620px) {body[data-nav-tool="R4X dApps Radar"] .detail-grid {grid-template-columns:1fr}}

body[data-nav-tool="R4X dApps Radar"] .detail-section {background:var(--surface-2);border:1px solid var(--line-2);border-radius:var(--r-lg);padding:14px}
body[data-nav-tool="R4X dApps Radar"] .detail-section.section-green {border-color:var(--green-border);background:linear-gradient(180deg,var(--green-dim),rgba(0,0,0,0.25))}
body[data-nav-tool="R4X dApps Radar"] .detail-section.section-brown {border-color:var(--amber-border);background:linear-gradient(180deg,var(--amber-dim),rgba(0,0,0,0.25))}
body[data-nav-tool="R4X dApps Radar"] .detail-section h4 {font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.09em;color:var(--gold);margin:0 0 10px;padding-bottom:7px;border-bottom:1px solid rgba(200,164,74,0.18)}

/* Steps (numbered actions) */
body[data-nav-tool="R4X dApps Radar"] .steps-ol {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:7px;counter-reset:step}
body[data-nav-tool="R4X dApps Radar"] .steps-ol li {display:flex;align-items:flex-start;gap:10px;font-size:0.84rem;color:var(--text);line-height:1.5;counter-increment:step}
body[data-nav-tool="R4X dApps Radar"] .steps-ol li::before {content:counter(step);display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--gold-dim);border:1px solid var(--gold-border);color:var(--gold-soft);font-size:0.68rem;font-weight:800;flex-shrink:0;margin-top:2px}

/* Benefit list */
body[data-nav-tool="R4X dApps Radar"] .benefit-list {list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}
body[data-nav-tool="R4X dApps Radar"] .benefit-list li {font-size:0.84rem;color:var(--text);line-height:1.5;padding-left:14px;position:relative}
body[data-nav-tool="R4X dApps Radar"] .benefit-list li::before {content:"›";position:absolute;left:0;color:var(--gold-soft);font-weight:800}

/* Wallet section */
body[data-nav-tool="R4X dApps Radar"] .wallet-grid--flat {display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line-2);border-radius:var(--r-md);overflow:hidden;background:rgba(0,0,0,0.2)}
body[data-nav-tool="R4X dApps Radar"] .wallet-col--flat {padding:12px 14px}
body[data-nav-tool="R4X dApps Radar"] .wallet-col--flat+.wallet-col--flat {border-left:1px solid var(--line-2)}
body[data-nav-tool="R4X dApps Radar"] .wallet-label {font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.09em;color:var(--gold);margin-bottom:4px}
body[data-nav-tool="R4X dApps Radar"] .wallet-name {font-size:0.9rem;font-weight:700;color:var(--text-bright);margin-bottom:4px}
body[data-nav-tool="R4X dApps Radar"] .wallet-why {font-size:0.78rem;color:var(--muted);line-height:1.5}

/* Modal links */
body[data-nav-tool="R4X dApps Radar"] .detail-links {display:flex;flex-wrap:wrap;gap:8px;padding-top:12px;border-top:1px solid var(--line-2)}
body[data-nav-tool="R4X dApps Radar"] .detail-links .link {border-color:var(--gold-border);background:var(--gold-dim);color:var(--gold-soft);font-size:0.78rem}
body[data-nav-tool="R4X dApps Radar"] .detail-links .link:hover {background:var(--gold);color:#0a0a10;border-color:var(--gold)}

/* ── EMPTY STATE ── */
body[data-nav-tool="R4X dApps Radar"] .empty {margin-top:14px;border:1px dashed var(--line-2);border-radius:var(--r-xl);padding:32px;color:var(--muted);text-align:center}
body[data-nav-tool="R4X dApps Radar"] .empty strong {display:block;color:var(--text);margin-bottom:6px}

/* ── BOTTOM HINT ── */
body[data-nav-tool="R4X dApps Radar"] .bottom-hint {margin-top:24px}
body[data-nav-tool="R4X dApps Radar"] .hint-box {border:1px solid var(--line-2);border-radius:var(--r-md);padding:12px 16px;background:var(--surface);font-size:0.8rem;color:var(--muted-2);line-height:1.55}
body[data-nav-tool="R4X dApps Radar"] .hint-box strong {display:block;color:var(--text);margin-bottom:4px;font-size:0.82rem}

/* ── SCROLL TO TOP ── */
body[data-nav-tool="R4X dApps Radar"] #scrollTopBtn {position:fixed;right:20px;bottom:24px;z-index:90;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-2);background:var(--surface-2);color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .25s,transform .25s,border-color .15s;box-shadow:var(--shadow-md);font-size:1.1rem}
body[data-nav-tool="R4X dApps Radar"] #scrollTopBtn.show {opacity:1;pointer-events:auto}
body[data-nav-tool="R4X dApps Radar"] #scrollTopBtn:hover {border-color:var(--gold-border);color:var(--gold-soft)}


/* ── RESPONSIVE ── */
@media (max-width:640px) {
  body[data-nav-tool="R4X dApps Radar"] .tool-hero {padding:14px 14px 12px}
  body[data-nav-tool="R4X dApps Radar"] .tool-hero h1 {font-size:1.5rem}
  body[data-nav-tool="R4X dApps Radar"] .detail-meta {grid-template-columns:1fr}
  body[data-nav-tool="R4X dApps Radar"] .wallet-grid--flat {grid-template-columns:1fr}
  body[data-nav-tool="R4X dApps Radar"] .wallet-col--flat+.wallet-col--flat {border-left:none;border-top:1px solid var(--line-2)}
  body[data-nav-tool="R4X dApps Radar"] #infoModal {max-height:96vh}
}

/* Category count badge */
body[data-nav-tool="R4X dApps Radar"] .filter-btn .count-badge {
  display:inline-flex;align-items:center;justify-content:center;
  margin-left:4px;min-width:16px;height:14px;padding:0 3px;
  border-radius:var(--r-pill);background:transparent;
  font-size:0.6rem;font-weight:700;color:var(--muted-3);
  vertical-align:middle;letter-spacing:0;
}
body[data-nav-tool="R4X dApps Radar"] .filter-btn[aria-pressed="true"] .count-badge {
  color:rgba(212,170,66,0.7);
}

/* Recently viewed */
body[data-nav-tool="R4X dApps Radar"] .recently-viewed {
  margin-top:12px;padding:10px 12px;
  background:var(--surface);border:1px solid var(--line-2);
  border-radius:var(--r-md);display:flex;align-items:center;gap:10px;flex-wrap:wrap;
}
body[data-nav-tool="R4X dApps Radar"] .recently-label {
  font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.08em;
  color:var(--muted-3);white-space:nowrap;flex-shrink:0;
}
body[data-nav-tool="R4X dApps Radar"] .recently-item {
  display:inline-flex;align-items:center;padding:4px 11px;
  border-radius:var(--r-pill);border:1px solid var(--line-3);
  background:transparent;color:var(--muted-2);font-family:inherit;
  font-size:0.76rem;font-weight:600;cursor:pointer;transition:all .15s;
}
body[data-nav-tool="R4X dApps Radar"] .recently-item:hover {border-color:var(--gold-border);color:var(--gold-soft);background:var(--gold-dim)}

/* ── More filters — always collapsed until toggled (desktop + mobile) ── */
body[data-nav-tool="R4X dApps Radar"] .btn--more-filters {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  margin-top: 10px;
  font-size: 0.78rem;
  font-weight: 500;
  padding: 6px 14px;
  border-radius: var(--r-pill);
  border: 1px solid var(--line-3);
  background: transparent;
  color: var(--muted-2);
  cursor: pointer;
  transition: all .15s;
  font-family: inherit;
}
body[data-nav-tool="R4X dApps Radar"] .btn--more-filters:hover {
  border-color: var(--gold-border);
  color: var(--gold-soft);
  background: var(--gold-dim);
}
body[data-nav-tool="R4X dApps Radar"] .btn--more-filters[aria-expanded="true"] {
  border-color: var(--gold-border);
  color: var(--gold-soft);
  background: var(--gold-dim);
}
body[data-nav-tool="R4X dApps Radar"] .btn--more-filters.has-active {
  border-color: var(--gold-border);
  color: var(--gold-soft);
  background: var(--gold-dim);
  font-weight: 700;
}

body[data-nav-tool="R4X dApps Radar"] .extra-filters {
  display: none;
  flex-direction: column;
  gap: 0;
  margin-top: 0;
  padding-top: 4px;
  border-top: 1px solid var(--line-2);
}
body[data-nav-tool="R4X dApps Radar"] .extra-filters.extra-open { display: flex; }

/* Safety Tools standalone button — neutral, no gold color */
body[data-nav-tool="R4X dApps Radar"] .filter-btn--safety-standalone {
  border-color: rgba(240,236,226,0.18);
  color: var(--muted);
}
body[data-nav-tool="R4X dApps Radar"] .filter-btn--safety-standalone:hover {
  border-color: rgba(240,236,226,0.28);
  color: var(--text);
  background: rgba(240,236,226,0.06);
}
body[data-nav-tool="R4X dApps Radar"] .filter-btn--safety-standalone[aria-pressed="true"] {
  border-color: rgba(240,236,226,0.35);
  background: rgba(240,236,226,0.10);
  color: var(--text-bright);
  font-weight: 600;
}


/* ── ORIGIN FOOTER ── */
body[data-nav-tool="R4X dApps Radar"] .page-footer {position:relative;margin-top:18px;padding:26px 16px 18px;background:#05070b;border-top:1px solid rgba(245,210,122,.14);color:#d8dbe2;flex-shrink:0}
body[data-nav-tool="R4X dApps Radar"] .page-footer::before {content:"";display:block;width:min(720px,calc(100% - 40px));height:2px;margin:0 auto 14px;border-radius:999px;background:rgba(245,210,122,.82)}
body[data-nav-tool="R4X dApps Radar"] .page-footer-inner {max-width:980px;margin:0 auto;text-align:center}
body[data-nav-tool="R4X dApps Radar"] .page-footer-disclaimer {margin:0 auto 12px;max-width:980px;font-size:11.5px;line-height:1.35;color:#cfd4de;text-wrap:balance}
body[data-nav-tool="R4X dApps Radar"] .page-footer-meta {display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:11.5px;line-height:1.25;color:#cfd4de}
body[data-nav-tool="R4X dApps Radar"] .page-footer-copy {white-space:nowrap}
body[data-nav-tool="R4X dApps Radar"] .page-footer-links {display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
body[data-nav-tool="R4X dApps Radar"] .page-footer a {color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
body[data-nav-tool="R4X dApps Radar"] .page-footer a:hover {color:var(--gold-soft)}
@media (max-width:640px) {body[data-nav-tool="R4X dApps Radar"] .page-footer {margin-top:16px;padding:22px 14px 16px}body[data-nav-tool="R4X dApps Radar"] .page-footer::before {width:min(520px,calc(100% - 28px));margin-bottom:12px}body[data-nav-tool="R4X dApps Radar"] .page-footer-disclaimer, body[data-nav-tool="R4X dApps Radar"] .page-footer-meta {font-size:11px;line-height:1.35}body[data-nav-tool="R4X dApps Radar"] .page-footer-copy {white-space:normal}body[data-nav-tool="R4X dApps Radar"] .page-footer-break {display:none}}

/* ── STARTER BOX ── */
body[data-nav-tool="R4X dApps Radar"] .starter-box {
  margin:0 0 18px;
  background:var(--surface);
  border:1px solid var(--line-3);
  border-radius:var(--r-xl);
  overflow:hidden;
  box-shadow:var(--shadow-sm);
}
body[data-nav-tool="R4X dApps Radar"] .starter-toggle {
  width:100%;
  min-height:44px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:11px 16px;
  border:0;
  background:rgba(25,25,40,0.72);
  color:var(--text-bright);
  font-family:inherit;
  font-size:0.88rem;
  font-weight:800;
  text-align:left;
}
body[data-nav-tool="R4X dApps Radar"] .starter-toggle:hover {
  background:rgba(31,31,50,0.9);
}
body[data-nav-tool="R4X dApps Radar"] .starter-toggle__icon {
  flex:0 0 auto;
  font-size:1rem;
  line-height:1;
}
body[data-nav-tool="R4X dApps Radar"] .starter-toggle__label {
  flex:1 1 auto;
  min-width:0;
}
body[data-nav-tool="R4X dApps Radar"] .starter-toggle__caret {
  flex:0 0 auto;
  color:var(--muted-2);
  font-size:0.92rem;
  transition:transform .18s ease,color .18s ease;
}
body[data-nav-tool="R4X dApps Radar"] .starter-toggle[aria-expanded="true"] .starter-toggle__caret {
  color:var(--muted);
}
body[data-nav-tool="R4X dApps Radar"] .starter-content {
  border-top:1px solid var(--line-2);
  padding:14px 16px 16px;
  background:rgba(17,17,32,0.56);
}
body[data-nav-tool="R4X dApps Radar"] .starter-intro {
  margin:0 0 14px;
  color:var(--text-bright);
  font-size:0.88rem;
  line-height:1.65;
  max-width:1080px;
}
body[data-nav-tool="R4X dApps Radar"] .starter-section-label {
  margin:0 0 9px;
  color:var(--gold-soft);
  font-size:0.62rem;
  line-height:1.2;
  font-weight:900;
  letter-spacing:0.1em;
  text-transform:uppercase;
}
body[data-nav-tool="R4X dApps Radar"] .starter-cards {
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:8px;
}
body[data-nav-tool="R4X dApps Radar"] .starter-card {
  min-width:0;
  display:flex;
  align-items:center;
  gap:10px;
  padding:12px 13px;
  min-height:68px;
  border:1px solid var(--line-3);
  border-radius:var(--r-md);
  background:rgba(240,236,226,0.035);
  color:var(--text);
  text-align:left;
  transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease;
}
body[data-nav-tool="R4X dApps Radar"] .starter-card:hover {
  border-color:var(--gold-border);
  background:var(--gold-dim);
  box-shadow:var(--shadow-gold);
  transform:translateY(-1px);
}
body[data-nav-tool="R4X dApps Radar"] .starter-card__icon {
  flex:0 0 auto;
  width:26px;
  height:26px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:1.05rem;
  line-height:1;
}
body[data-nav-tool="R4X dApps Radar"] .starter-card__body {
  display:flex;
  flex-direction:column;
  gap:1px;
  min-width:0;
}
body[data-nav-tool="R4X dApps Radar"] .starter-card__name {
  color:var(--text-bright);
  font-size:0.84rem;
  font-weight:800;
  line-height:1.25;
}
body[data-nav-tool="R4X dApps Radar"] .starter-card__desc {
  color:var(--muted-2);
  font-size:0.74rem;
  line-height:1.35;
}

@media (max-width:980px) {
  body[data-nav-tool="R4X dApps Radar"] .starter-cards {grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px) {
  body[data-nav-tool="R4X dApps Radar"] .starter-box {margin:0 0 16px;border-radius:var(--r-lg)}
  body[data-nav-tool="R4X dApps Radar"] .starter-toggle {min-height:44px;padding:11px 14px;font-size:0.86rem}
  body[data-nav-tool="R4X dApps Radar"] .starter-content {padding:15px 16px 17px}
  body[data-nav-tool="R4X dApps Radar"] .starter-intro {font-size:0.88rem;line-height:1.65;margin-bottom:14px}
  body[data-nav-tool="R4X dApps Radar"] .starter-cards {grid-template-columns:1fr;gap:8px}
  body[data-nav-tool="R4X dApps Radar"] .starter-card {min-height:54px;padding:10px 12px;border-radius:var(--r-md)}
  body[data-nav-tool="R4X dApps Radar"] .starter-card__desc {font-size:0.73rem}
}

/* R4X Web3 data context */
body[data-nav-tool="R4X dApps Radar"] .web3-data-box {background:linear-gradient(180deg,rgba(200,164,74,0.08),rgba(0,0,0,0.22));border:1px solid var(--gold-border);border-radius:var(--r-lg);padding:13px 14px}
body[data-nav-tool="R4X dApps Radar"] .web3-data-box h4 {font-size:0.62rem;font-weight:800;text-transform:uppercase;letter-spacing:0.09em;color:var(--gold);margin:0 0 9px;padding-bottom:7px;border-bottom:1px solid rgba(200,164,74,0.18)}
body[data-nav-tool="R4X dApps Radar"] .web3-data-copy {font-size:0.83rem;line-height:1.58;color:var(--text);margin:0}
body[data-nav-tool="R4X dApps Radar"] .web3-data-metrics {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:11px}
body[data-nav-tool="R4X dApps Radar"] .web3-data-metric {border:1px solid var(--line-2);background:rgba(255,255,255,0.035);border-radius:var(--r-md);padding:8px 9px;min-width:0}
body[data-nav-tool="R4X dApps Radar"] .web3-data-label {display:block;font-size:0.56rem;text-transform:uppercase;letter-spacing:0.08em;color:var(--muted-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
body[data-nav-tool="R4X dApps Radar"] .web3-data-value {display:block;margin-top:4px;font-size:0.78rem;font-weight:800;color:var(--text-bright);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:620px) {body[data-nav-tool="R4X dApps Radar"] .web3-data-metrics {grid-template-columns:repeat(2,minmax(0,1fr))}}


/* R4X v476 · Investment Hub CSS consolidated from tools/investment-hub/css/app.v2_82.css */
body[data-nav-tool="Investment Hub"]{
  --ticker-duration: 22s;
  --bg: #030304;
  --bg2:#07080b;
  --card:#0b0d11;
  --card2:#0f1218;
  --border: rgba(212,175,55,.10);
  --border2: rgba(255,255,255,.10);

  --text:#f4f4f6;
  --muted: rgba(244,244,246,.70);
  --muted2: rgba(244,244,246,.55);

  --gold:#d4af37;
  --gold2:#e6c75a;
  --gold-soft:#e6c75a;
  /* Section headings should be less yellow (more bronze).
     Keep --gold unchanged because the global header uses it. */
  --section-gold:#c7a23a;
  --section-gold-soft: rgba(199,162,58,.92);
  --shadow-soft: 0 10px 30px rgba(0, 0, 0, 0.06);
  --radius-md: 10px;

  --good:#21c16b;
  --bad:#ff5c5c;

  --r: 18px;
  --r2: 14px;

  --shadow: 0 18px 60px rgba(0,0,0,.45);

  --max: 1100px;
  --pad: 14px;
  --gap: 14px;
}

body[data-nav-tool="Investment Hub"] *{ box-sizing:border-box; }
body[data-nav-tool="Investment Hub"], body[data-nav-tool="Investment Hub"]{ height:100%; }
body[data-nav-tool="Investment Hub"]{
  margin:0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  /* R4X clean dark base – no gold shimmer in page background */
  background: radial-gradient(circle at top, rgba(230,199,90,.045), transparent 22%), var(--bg);
  color:var(--text);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-variant-numeric: tabular-nums;
}

body[data-nav-tool="Investment Hub"] a{ color:inherit; text-decoration:none; }
body[data-nav-tool="Investment Hub"] a:focus-visible, body[data-nav-tool="Investment Hub"] button:focus-visible, body[data-nav-tool="Investment Hub"] input:focus-visible, body[data-nav-tool="Investment Hub"] select:focus-visible{
  outline: 2px solid rgba(212,175,55,.6);
  outline-offset: 2px;
  border-radius: 10px;
}

body[data-nav-tool="Investment Hub"] .page{
  max-width: var(--max);
  margin: 0 auto;
  padding: var(--pad) var(--pad) 60px;
}

body[data-nav-tool="Investment Hub"] .hub-disclaimer{
  max-width: var(--max);
  margin: 0 auto;
  padding: 10px var(--pad) 0;
}

body[data-nav-tool="Investment Hub"] .hub-disclaimer__inner{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  flex-wrap:wrap;
  text-align:center;
  min-height:34px;
  padding:6px 12px;
  border:1px solid rgba(212,175,55,.14);
  border-radius:14px;
  background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.015));
}

body[data-nav-tool="Investment Hub"] .hub-disclaimer__label{
  color: rgba(230,199,90,.96);
  font-size: 11px;
  font-weight:700;
  letter-spacing:.02em;
  text-transform:uppercase;
}

body[data-nav-tool="Investment Hub"] .hub-disclaimer__text{
  color: rgba(244,244,246,.74);
  font-size:11.5px;
  line-height:1.45;
}

body[data-nav-tool="Investment Hub"] .hub-disclaimer__info{ flex:0 0 auto; }

body[data-nav-tool="Investment Hub"] .hide-sm{ display:inline-flex; }
@media (max-width: 720px){
  body[data-nav-tool="Investment Hub"] .hide-sm{ display:none !important; }
}


@media (max-width: 640px){
  body[data-nav-tool="Investment Hub"] .quick-nav{
    align-items:flex-start;
    gap:10px 8px;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__top{
    width:100%;
    justify-content:flex-start;
    flex-wrap:nowrap;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__links{
    width:100%;
    gap:8px;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__caption{
    width:100%;
    min-height:auto;
    padding:0;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__caption::after{
    flex:1;
    width:auto;
    height:1px;
    margin-left:10px;
  }
  body[data-nav-tool="Investment Hub"] .tool-context{
    flex:0 1 auto;
    min-width:0;
  }
  body[data-nav-tool="Investment Hub"] .right-controls{
    flex:0 0 auto;
    margin-right:0;
  }
  body[data-nav-tool="Investment Hub"] .tool-context__label{
    min-height:auto;
    padding:0;
    font-size:12.5px;
  }
  body[data-nav-tool="Investment Hub"] .tool-context__label::after{ display:none; }
  body[data-nav-tool="Investment Hub"] .hub-disclaimer{ padding-top:8px; }
  body[data-nav-tool="Investment Hub"] .hub-disclaimer__inner{ gap:6px; padding:8px 10px; border-radius:12px; }
  body[data-nav-tool="Investment Hub"] .hub-disclaimer__text{ font-size:11px; }
}

/* Header (Ready4Nexxt Standard) */
/* =========================
   Daily Check
========================= */
body[data-nav-tool="Investment Hub"] .card.daily{ padding-bottom: 12px; }

body[data-nav-tool="Investment Hub"] .daily-pulse{
  margin-top: 8px;
}

body[data-nav-tool="Investment Hub"] .daily-top-row{
  display:grid;
  grid-template-columns: 1fr 260px 320px;
  /* News groß, BTC/ETH Prices in der Mitte, BTC Dominance rechts */
  gap: var(--gap);
}

body[data-nav-tool="Investment Hub"] .btcdom-small{ min-height: 152px; }

body[data-nav-tool="Investment Hub"] .daily-mini-row{
  display:grid;
  /* Auto-fit so rows fill full width even if only 3 tiles are present */
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
  gap: var(--gap);
  margin-top: var(--gap);
}

body[data-nav-tool="Investment Hub"] .pulse-card{
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 16px;
  padding: 12px 12px 10px;
  min-height: 74px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}

body[data-nav-tool="Investment Hub"] .pulse-card.mini{ min-height: 66px; }

body[data-nav-tool="Investment Hub"] .news-card{ min-height: 152px; }
body[data-nav-tool="Investment Hub"] .news-meta{ margin-bottom: 8px; }
/* DE news list (preferred). Falls hidden wird TradingView Widget gezeigt. */
body[data-nav-tool="Investment Hub"] .news-list{ margin-top: 6px; }
body[data-nav-tool="Investment Hub"] .news-items{ list-style: none; padding: 0; margin: 8px 0 0; display:flex; flex-direction: column; gap: 8px; }
body[data-nav-tool="Investment Hub"] .news-item{ display:flex; gap: 10px; align-items: baseline; }
body[data-nav-tool="Investment Hub"] .news-time{ flex: 0 0 auto; font-size: 12px; color: rgba(255,255,255,.55); }
body[data-nav-tool="Investment Hub"] .news-links{ display:flex; flex-direction:column; gap:6px; margin-top:8px; }
body[data-nav-tool="Investment Hub"] .news-link{ display:inline-flex; align-items:center; gap:6px; width: fit-content; max-width: 100%; padding:7px 10px; border-radius:12px; border:1px solid rgba(212,175,55,.14); background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)); color: rgba(249,249,251,.94); text-decoration: none; font-size: 12px; font-weight: 600; line-height: 1.18; box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
body[data-nav-tool="Investment Hub"] .news-link:hover{ text-decoration: underline; }
body[data-nav-tool="Investment Hub"] .news-link .ext{ font-size: 12px; opacity:.9; }

/* BTC/ETH Prices tile */
body[data-nav-tool="Investment Hub"] .prices-card{ min-height: 152px; }
body[data-nav-tool="Investment Hub"] .prices-grid{ display:flex; flex-direction: column; gap: 10px; margin-top: 8px; }
body[data-nav-tool="Investment Hub"] .price-row{ display:grid; grid-template-columns: 1fr auto; align-items:center; gap: 10px; padding: 10px 12px; border-radius: 16px; border: 1px solid rgba(255,255,255,.11); background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.02)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
body[data-nav-tool="Investment Hub"] .price-meta{ display:flex; flex-direction:column; align-items:flex-end; gap:4px; min-width:0; }
body[data-nav-tool="Investment Hub"] .coin-badge{ display:flex; align-items:center; gap: 8px; min-width: 0; }
body[data-nav-tool="Investment Hub"] .coin-ico{ width: 18px; height: 18px; border-radius: 999px; background: rgba(255,255,255,.08); flex: 0 0 auto; }
body[data-nav-tool="Investment Hub"] .coin-sym{ font-weight: 800; letter-spacing: .01em; font-size: 1.06rem; }
body[data-nav-tool="Investment Hub"] .price-val{ font-weight: 800; font-size: 1.08rem; white-space: nowrap; display:inline-flex; align-items: baseline; justify-content:flex-end; }
body[data-nav-tool="Investment Hub"] .price-cur{ opacity: .92; font-weight: 900; }
body[data-nav-tool="Investment Hub"] .price-cur.before{ margin-right: 6px; }
body[data-nav-tool="Investment Hub"] .price-cur.after{ margin-left: 6px; }
body[data-nav-tool="Investment Hub"] .price-chg{ font-weight: 900; font-size: 12px; padding: 2px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); white-space: nowrap; align-self:flex-end; }
body[data-nav-tool="Investment Hub"] .price-chg.up{ color: rgba(97, 232, 148, .95); border-color: rgba(97, 232, 148, .25); background: rgba(97, 232, 148, .08); }
body[data-nav-tool="Investment Hub"] .price-chg.down{ color: rgba(255, 107, 107, .95); border-color: rgba(255, 107, 107, .25); background: rgba(255, 107, 107, .08); }
body[data-nav-tool="Investment Hub"] .price-chg.neutral{ color: rgba(255,255,255,.55); }

/* RSI tile */
body[data-nav-tool="Investment Hub"] .rsi-card .rsi-head{ display:flex; justify-content:flex-end; margin-top: -2px; margin-bottom: 6px; }
body[data-nav-tool="Investment Hub"] .seg-mini{ display:inline-flex; align-items:center; gap: 6px; padding: 2px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); }
body[data-nav-tool="Investment Hub"] .seg-btn--mini{ padding: 4px 8px; font-size: 11px; line-height: 1; border-radius: 999px; }

@media (max-width: 980px){
  body[data-nav-tool="Investment Hub"] .daily-top-row{ grid-template-columns: 1fr; }
}

@media (max-width: 820px){
  body[data-nav-tool="Investment Hub"] .daily-mini-row{ grid-template-columns: repeat(2, 1fr); }
}

body[data-nav-tool="Investment Hub"] .pulse-row{ display:flex; align-items: baseline; justify-content: space-between; gap: 8px; }
body[data-nav-tool="Investment Hub"] .pulse-delta{ font-size: 12px; line-height: 1; min-width: 58px; text-align: right; }
body[data-nav-tool="Investment Hub"] .pulse-delta--under{ text-align:left; min-width:auto; margin-top:6px; display:block; min-height:18px; }

body[data-nav-tool="Investment Hub"] .kpi-delta{ display:inline-flex; align-items:center; gap: 6px; padding: 2px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); color: rgba(244,244,246,.85); font-weight: 700; }
body[data-nav-tool="Investment Hub"] .kpi-delta.up{ color: rgba(97, 232, 148, .95); border-color: rgba(97, 232, 148, .25); background: rgba(97, 232, 148, .08); }
body[data-nav-tool="Investment Hub"] .kpi-delta.down{ color: rgba(255, 107, 107, .95); border-color: rgba(255, 107, 107, .25); background: rgba(255, 107, 107, .08); }
body[data-nav-tool="Investment Hub"] .kpi-delta.neutral{ color: rgba(255,255,255,.55); border-color: rgba(255,255,255,.12); background: rgba(255,255,255,.03); }

body[data-nav-tool="Investment Hub"] .pulse-label{ font-size: 0.76rem; color: rgba(244,244,246,.66); margin-bottom: 5px; letter-spacing: .01em; }
body[data-nav-tool="Investment Hub"] .pulse-value{ font-size: 1.32rem; font-weight: 800; letter-spacing: -.02em; line-height: 1.05; }
body[data-nav-tool="Investment Hub"] .pulse-sub{ margin-top: 4px; }

body[data-nav-tool="Investment Hub"] .tv-quote{ margin-top: 2px; }
body[data-nav-tool="Investment Hub"] .tv-quote .tradingview-widget-container{ width:100%; min-height: 110px; }
/* Keep TradingView quote compact but fully visible */
body[data-nav-tool="Investment Hub"] #btcdom-card{ text-align:left; }
body[data-nav-tool="Investment Hub"] #btcdom-card .tv-quote{ overflow: hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.09); background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
body[data-nav-tool="Investment Hub"] #btcdom-card .btcdom-meta{ margin-top: 2px; }
body[data-nav-tool="Investment Hub"] #btcdom-card .btcdom-sym{ font-weight: 700; letter-spacing: .01em; font-size: 0.92rem; }
body[data-nav-tool="Investment Hub"] #btcdom-card .btcdom-desc{ color: rgba(244,244,246,.62); font-size: 0.77rem; margin-top: 3px; }
body[data-nav-tool="Investment Hub"] #btcdom-card .tv-quote--compact .tradingview-widget-container{ min-height: 78px; }

body[data-nav-tool="Investment Hub"] #stabledom-card{ text-align:left; }
body[data-nav-tool="Investment Hub"] #stabledom-card .tv-quote{ overflow: hidden; border-radius: 14px; border: 1px solid rgba(255,255,255,.09); background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.018)); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
body[data-nav-tool="Investment Hub"] #stabledom-card .btcdom-meta{ margin-top: 2px; }
body[data-nav-tool="Investment Hub"] #stabledom-card .btcdom-sym{ font-weight: 700; letter-spacing: .01em; font-size: 0.92rem; }
body[data-nav-tool="Investment Hub"] #stabledom-card .btcdom-desc{ color: rgba(244,244,246,.62); font-size: 0.77rem; margin-top: 3px; }
body[data-nav-tool="Investment Hub"] #stabledom-card .tv-quote--compact .tradingview-widget-container{ min-height: 78px; }

body[data-nav-tool="Investment Hub"] .mini-kpi-center{ display:flex; flex-direction:column; justify-content:center; }
body[data-nav-tool="Investment Hub"] .mini-kpi-center .pulse-label{ text-align:center; margin-bottom: 10px; }
body[data-nav-tool="Investment Hub"] .mini-kpi-center .pulse-row{ justify-content:center; }
body[data-nav-tool="Investment Hub"] .mini-kpi-center .pulse-value{ text-align:center; }
body[data-nav-tool="Investment Hub"] .mini-kpi-center .tiny, body[data-nav-tool="Investment Hub"] .mini-kpi-center .pulse-sub, body[data-nav-tool="Investment Hub"] .mini-kpi-center .pulse-delta--under{ text-align:center; }
body[data-nav-tool="Investment Hub"] .mini-kpi-center .pulse-delta--under{ display:flex; justify-content:center; align-items:center; }

body[data-nav-tool="Investment Hub"] .daily-fng{ margin-top: 10px; padding: 10px; border: 1px solid var(--border2); border-radius: var(--r2); background: rgba(255,255,255,.02); }
body[data-nav-tool="Investment Hub"] .daily-fng-head{ display:flex; align-items:center; justify-content: space-between; gap: 10px; margin-bottom: 8px; }
body[data-nav-tool="Investment Hub"] .daily-fng-title{ font-weight: 800; letter-spacing: .2px; }

body[data-nav-tool="Investment Hub"] .daily-watchlist{ margin-top: 12px; }
body[data-nav-tool="Investment Hub"] #watchlist{ scroll-margin-top: 112px; }
body[data-nav-tool="Investment Hub"] .daily-watchlist-head{
  display:flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 10px;
  margin: 6px 0 10px;
}
body[data-nav-tool="Investment Hub"] .daily-watchlist-title{ font-weight: 800; letter-spacing: .01em; color: rgba(230,199,90,.96); font-size: 16px; }
body[data-nav-tool="Investment Hub"] .wl-subtitle{ font-weight: 400; color: var(--section-gold-soft); }


body[data-nav-tool="Investment Hub"] .wl-controls{ display:flex; align-items:flex-end; justify-content:flex-end; gap: 12px; margin: 0 0 10px; }
body[data-nav-tool="Investment Hub"] .wl-controls--grid{ display:grid; grid-template-columns: 1fr auto 1fr; align-items:end; gap: 12px; }

body[data-nav-tool="Investment Hub"] .wl-sort{ display:flex; flex-direction: column; gap: 6px; width: 240px; flex: 0 0 auto; }

body[data-nav-tool="Investment Hub"] .wl-sort-label{ font-size: 12px; font-weight: 800; color: rgba(244,244,246,.92); }

body[data-nav-tool="Investment Hub"] .select-wrap{ position: relative; display: inline-block; width: 100%; }
body[data-nav-tool="Investment Hub"] .select-wrap::after{
  content: "▼";
  position: absolute;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 11px;
  color: rgba(244,244,246,.65);
  pointer-events: none;
}
body[data-nav-tool="Investment Hub"] .select-wrap .select{ padding-right: 28px; }

/* Center the count + expand button as requested */
body[data-nav-tool="Investment Hub"] .wl-mid{ flex: 1 1 auto; display:flex; align-items:center; justify-content:center; gap: 12px; }

body[data-nav-tool="Investment Hub"] .narr-badge{ display:inline-flex; align-items:center; padding: 2px 8px; border-radius: 999px; border: 1px solid rgba(255,255,255,.10); background: rgba(255,255,255,.03); color: rgba(244,244,246,.75); font-size: 11px; line-height: 1.4; }

body[data-nav-tool="Investment Hub"] .tr-group td{ padding: 10px 10px; font-weight: 800; letter-spacing: .2px; color: rgba(244,244,246,.85); background: rgba(255,255,255,.03); border-top: 1px solid rgba(255,255,255,.10); border-bottom: 1px solid rgba(255,255,255,.10); }

@media (max-width: 860px){
  body[data-nav-tool="Investment Hub"] .wl-controls{ align-items: stretch; flex-direction: column; }
  body[data-nav-tool="Investment Hub"] .wl-controls--grid{ display:flex; flex-direction: column; }
  body[data-nav-tool="Investment Hub"] .wl-sort{ width: 100%; }
  body[data-nav-tool="Investment Hub"] .wl-mid{ justify-content:center; }
}

/* Live Bar (Ticker Mode) */
body[data-nav-tool="Investment Hub"] .livebar{
  display:flex;
  align-items:center;
  gap: 10px;
  padding: 8px 10px;
  border: 1px solid var(--border2);
  border-radius: var(--r2);
  background: rgba(255,255,255,.02);
  margin-top: 8px;
}
body[data-nav-tool="Investment Hub"] .livebar-label{
  font-weight: 800;
  font-size: 12px;
  padding: 3px 10px;
  border-radius: 999px;
  border: 1px solid rgba(212,175,55,.35);
  background: rgba(212,175,55,.10);
  color: rgba(244,244,246,.92);
  flex: 0 0 auto;
}
body[data-nav-tool="Investment Hub"] .ticker-shell.slim{ height: 34px; overflow:hidden; border-radius: 10px; flex: 1 1 auto; padding: 0 12px; }
body[data-nav-tool="Investment Hub"] .ticker-shell.slim .ticker-track{ height: 34px; display:flex; align-items:center; padding: 0; gap: 18px; }
body[data-nav-tool="Investment Hub"] .ticker-shell.slim .ticker-item{ font-size: 12px; }
body[data-nav-tool="Investment Hub"] .ticker-shell.slim .ticker-item img{ width: 16px; height: 16px; }
body[data-nav-tool="Investment Hub"] .livebar-upd{ flex: 0 0 auto; white-space: nowrap; }

/* Mobile: make live bar more visible and move updated time to the next line */
@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .livebar{
    flex-wrap: wrap;
    gap: 8px;
    padding: 10px 10px;
  }
  body[data-nav-tool="Investment Hub"] .ticker-shell.slim{ height: 40px; padding: 0 10px; }
  body[data-nav-tool="Investment Hub"] .ticker-shell.slim .ticker-track{ height: 40px; padding: 0; gap: 16px; }
  body[data-nav-tool="Investment Hub"] .ticker-shell.slim .ticker-item{ font-size: 13px; }
  body[data-nav-tool="Investment Hub"] .livebar-upd{
    flex: 1 1 100%;
    order: 10;
    text-align: right;
    font-size: 12px;
    opacity: .92;
  }
}

/* Select dropdown readability (options were white on white in some browsers) */
body[data-nav-tool="Investment Hub"] .select{ background: rgba(20,20,20,.92); color: rgba(244,244,246,.92); border: 1px solid rgba(255,255,255,.14); }
body[data-nav-tool="Investment Hub"] .select option{ background: #0f0f10; color: rgba(244,244,246,.95); }

/* Watchlist sort select: visually match the ghost button style */
body[data-nav-tool="Investment Hub"] .daily-watchlist .select{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-nav-tool="Investment Hub"] .daily-watchlist .select:hover, body[data-nav-tool="Investment Hub"] .daily-watchlist .select:focus{
  border-color: rgba(212,175,55,.25);
  background: rgba(255,255,255,.08);
}
body[data-nav-tool="Investment Hub"] .daily-watchlist .select-wrap::after{
  color: rgba(244,244,246,.82);
}

body[data-nav-tool="Investment Hub"] .sym-wrap{ display:flex; align-items:center; gap: 10px; min-width: 0; }
body[data-nav-tool="Investment Hub"] .mini-ico{ width: 18px; height: 18px; border-radius: 999px; }
body[data-nav-tool="Investment Hub"] .sym-main{ font-weight: 800; }

@media (max-width: 980px){
  body[data-nav-tool="Investment Hub"] .daily-top-row{ grid-template-columns: 1fr; }
  body[data-nav-tool="Investment Hub"] .daily-mini-row{ grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .daily-mini-row{ grid-template-columns: 1fr; }
}

/* Buttons */
body[data-nav-tool="Investment Hub"] .btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap: 8px;
  padding: 10px 12px;
  font-size: 13px;
  border-radius: 12px;
  background: linear-gradient(180deg, rgba(212,175,55,.95), rgba(212,175,55,.82));
  color: #111;
  border: 1px solid rgba(0,0,0,.30);
  box-shadow: 0 10px 24px rgba(212,175,55,.12);
  cursor:pointer;
  user-select:none;
  white-space: nowrap;
}
body[data-nav-tool="Investment Hub"] .btn:hover{ filter: brightness(1.03); }
body[data-nav-tool="Investment Hub"] .btn:active{ transform: translateY(1px); }

body[data-nav-tool="Investment Hub"] .btn.ghost{
  background: rgba(255,255,255,.06);
  color: var(--text);
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: none;
}
body[data-nav-tool="Investment Hub"] .btn.ghost:hover{ border-color: rgba(212,175,55,.25); background: rgba(255,255,255,.08); }

body[data-nav-tool="Investment Hub"] .icon-btn{
  width: 42px;
  height: 42px;
  border-radius: 14px;
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:center;
}
body[data-nav-tool="Investment Hub"] .icon-btn:hover{ border-color: rgba(212,175,55,.25); background: rgba(255,255,255,.08); }
body[data-nav-tool="Investment Hub"] .icon-lines{
  width: 18px;
  height: 12px;
  display:block;
  position:relative;
  background: rgba(244,244,246,.92);
  border-radius: 2px;
  top: 0;
  box-shadow: 0 5px 0 rgba(244,244,246,.92), 0 10px 0 rgba(244,244,246,.92);
}
body[data-nav-tool="Investment Hub"] .icon-x{
  width: 18px;
  height: 18px;
  position:relative;
  display:block;
}
body[data-nav-tool="Investment Hub"] .icon-x::before, body[data-nav-tool="Investment Hub"] .icon-x::after{
  content:"";
  position:absolute;
  left:50%; top:50%;
  width:18px; height:2px;
  background: rgba(244,244,246,.92);
  border-radius:2px;
  transform-origin:center;
}
body[data-nav-tool="Investment Hub"] .icon-x::before{ transform: translate(-50%,-50%) rotate(45deg); }
body[data-nav-tool="Investment Hub"] .icon-x::after{ transform: translate(-50%,-50%) rotate(-45deg); }

/* Drawer */
body[data-nav-tool="Investment Hub"] .drawer-backdrop{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.55);
  z-index: 60;
  opacity: 0;
  transition: opacity .18s ease;
}
body[data-nav-tool="Investment Hub"] .drawer-backdrop.show{ opacity: 1; }
body[data-nav-tool="Investment Hub"] .drawer{
  position:fixed;
  top: 0;
  right: 0;
  width: min(380px, 92vw);
  height: 100%;
  background: rgba(10,10,12,.96);
  border-left: 1px solid var(--border);
  box-shadow: var(--shadow);
  z-index: 70;
  display:flex;
  flex-direction:column;
  transform: translateX(100%);
  transition: transform .18s ease;
}
body[data-nav-tool="Investment Hub"] .drawer.open{ transform: translateX(0); }
body[data-nav-tool="Investment Hub"] .drawer-head{
  padding: 14px 14px 10px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body[data-nav-tool="Investment Hub"] .drawer-title{ font-weight: 700; letter-spacing: .2px; }
body[data-nav-tool="Investment Hub"] .drawer-nav{
  padding: 10px 14px;
  display:flex;
  flex-direction:column;
  gap: 8px;
}
body[data-nav-tool="Investment Hub"] .drawer-nav a{
  padding: 10px 10px;
  border-radius: 12px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(244,244,246,.92);
}
body[data-nav-tool="Investment Hub"] .drawer-nav a:hover{ border-color: rgba(212,175,55,.22); background: rgba(255,255,255,.06); }
body[data-nav-tool="Investment Hub"] .drawer-divider{
  height: 1px;
  background: rgba(255,255,255,.08);
  margin: 6px 14px;
}
body[data-nav-tool="Investment Hub"] .drawer-foot{
  margin-top: auto;
  padding: 12px 14px 16px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Cards */
body[data-nav-tool="Investment Hub"] .card{
  background:
    radial-gradient(circle at top right, rgba(230,199,90,.06), transparent 26%),
    linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.022));
  border: 1px solid rgba(255,255,255,.11);
  border-radius: 20px;
  padding: 14px 14px;
  box-shadow: 0 18px 60px rgba(0,0,0,.26), inset 0 1px 0 rgba(255,255,255,.04);
}

/* Clear section separation */
body[data-nav-tool="Investment Hub"] .page > section.card{
  margin: 18px 0;
  position: relative;
}
body[data-nav-tool="Investment Hub"] .page > section.card::before{
  content: "";
  position: absolute;
  left: 16px;
  right: 16px;
  top: 0;
  height: 1px;
  background: linear-gradient(90deg,
    rgba(212,175,55,0),
    rgba(212,175,55,.38),
    rgba(212,175,55,0)
  );
  pointer-events: none;
}
body[data-nav-tool="Investment Hub"] .page > section.card::after{
  content: "";
  position: absolute;
  left: 0;
  top: 14px;
  bottom: 14px;
  width: 2px;
  border-radius: 2px;
  background: linear-gradient(180deg, rgba(212,175,55,.06), rgba(212,175,55,.28), rgba(212,175,55,.06));
  pointer-events: none;
}
body[data-nav-tool="Investment Hub"] .card-inner{
  padding: 12px 12px;
}
body[data-nav-tool="Investment Hub"] .section-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
  padding-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.07);
  margin-bottom: 14px;
}
body[data-nav-tool="Investment Hub"] .section-title{
  margin:0;
  font-size: 16px;
  letter-spacing: .01em;
  font-weight: 800;
  color: rgba(230,199,90,.96);
}
body[data-nav-tool="Investment Hub"] .section-actions{
  display:flex;
  align-items:center;
  gap: 8px;
}
body[data-nav-tool="Investment Hub"] .lead{
  margin:0;
  color: rgba(244,244,246,.78);
  line-height: 1.5;
  font-size: 13.5px;
}
body[data-nav-tool="Investment Hub"] .intro{ padding-bottom: 16px; }

/* Quick nav */
body[data-nav-tool="Investment Hub"] .quick-nav{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px 14px;
  flex-wrap: wrap;
  margin: 8px 0 18px;
  padding: 10px 12px;
  border: 1px solid rgba(255,255,255,.075);
  border-radius: 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.018));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-nav-tool="Investment Hub"] .quick-nav__top{
  display:flex;
  align-items:center;
  gap:10px;
  flex:0 1 auto;
  min-width:0;
}
body[data-nav-tool="Investment Hub"] .quick-nav__links{
  display:flex;
  align-items:center;
  gap:8px;
  flex:1 1 auto;
  flex-wrap:wrap;
  min-width:0;
}
body[data-nav-tool="Investment Hub"] .quick-nav__caption{
  display:inline-flex;
  align-items:center;
  min-height:32px;
  padding:0 8px 0 2px;
  color:rgba(244,244,246,.62);
  font-size:11px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
  white-space:nowrap;
}
body[data-nav-tool="Investment Hub"] .quick-nav__caption::after{
  content:"";
  width:1px;
  height:18px;
  margin-left:10px;
  background:linear-gradient(180deg, rgba(212,175,55,.12), rgba(212,175,55,.46), rgba(212,175,55,.12));
}
body[data-nav-tool="Investment Hub"] .tool-context{
  display:flex;
  align-items:center;
  margin-right:0;
}
body[data-nav-tool="Investment Hub"] .tool-context__label{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 2px;
  color: rgba(230,199,90,.92);
  font-size:13px;
  font-weight:600;
  letter-spacing:.03em;
  white-space:nowrap;
}
body[data-nav-tool="Investment Hub"] .tool-context__label::after{
  content:"";
  width:1px;
  height:18px;
  margin-left:12px;
  background: linear-gradient(180deg, rgba(212,175,55,.18), rgba(212,175,55,.45), rgba(212,175,55,.18));
}

body[data-nav-tool="Investment Hub"] .right-controls{
  margin-left:0;
  display:flex;
  align-items:center;
  gap: 8px;
  flex-wrap: wrap;
}
body[data-nav-tool="Investment Hub"] .quick-nav__links > .pill{ white-space: nowrap; }

body[data-nav-tool="Investment Hub"] .currency-toggle{
  display:inline-flex;
  align-items:center;
  gap: 3px;
  padding: 3px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}

body[data-nav-tool="Investment Hub"] .seg-btn{
  appearance: none;
  border: 1px solid transparent;
  background: transparent;
  color: rgba(244,244,246,.90);
  font-size: 12px;
  font-weight: 700;
  padding: 7px 10px;
  border-radius: 999px;
  cursor: pointer;
  transition: background .12s ease, border-color .12s ease, transform .08s ease;
}

body[data-nav-tool="Investment Hub"] .seg-btn:hover{ background: rgba(255,255,255,.06); }
body[data-nav-tool="Investment Hub"] .seg-btn:active{ transform: translateY(0); }

body[data-nav-tool="Investment Hub"] .seg-btn.active{
  background: rgba(212,175,55,.18);
  border-color: rgba(212,175,55,.30);
  color: rgba(230,199,90,1);
}
body[data-nav-tool="Investment Hub"] .pill{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 8px 11px;
  border-radius: 999px;
  font-size: 12px;
  font-weight:700;
  background: linear-gradient(180deg, rgba(255,255,255,.058), rgba(255,255,255,.026));
  border: 1px solid rgba(255,255,255,.11);
  color: rgba(244,244,246,.94);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-nav-tool="Investment Hub"] .pill:hover{ border-color: rgba(212,175,55,.34); background: rgba(212,175,55,.075); color:rgba(249,249,251,.98); }

@media (max-width: 640px){
  body[data-nav-tool="Investment Hub"] .quick-nav{
    align-items:flex-start;
    gap:10px 8px;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__top{
    width:100%;
    justify-content:flex-start;
    flex-wrap:nowrap;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__links{
    width:100%;
    gap:8px;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__caption{
    width:100%;
    min-height:auto;
    padding:0;
  }
  body[data-nav-tool="Investment Hub"] .quick-nav__caption::after{
    flex:1;
    width:auto;
    height:1px;
    margin-left:10px;
  }
}

body[data-nav-tool="Investment Hub"] .status{
  display:flex;
  align-items:center;
  gap: 8px;
  padding: 8px 10px;
  border-radius: 999px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
}
body[data-nav-tool="Investment Hub"] .dot{
  width: 8px;
  height: 8px;
  border-radius: 999px;
  background: rgba(244,244,246,.35);
  box-shadow: 0 0 0 3px rgba(244,244,246,.06);
}
body[data-nav-tool="Investment Hub"] .dot.ok{ background: var(--good); box-shadow: 0 0 0 3px rgba(33,193,107,.18); }
body[data-nav-tool="Investment Hub"] .dot.bad{ background: var(--bad); box-shadow: 0 0 0 3px rgba(255,92,92,.16); }

body[data-nav-tool="Investment Hub"] .tiny{ font-size: 11px; }
body[data-nav-tool="Investment Hub"] .muted{ color: var(--muted); }
body[data-nav-tool="Investment Hub"] .dot-sep{ color: rgba(244,244,246,.45); padding: 0 8px; }

/* Chips */
body[data-nav-tool="Investment Hub"] .chip{
  background: rgba(255,255,255,.06);
  border: 1px solid rgba(255,255,255,.10);
  color: rgba(244,244,246,.92);
  border-radius: 999px;
  padding: 8px 10px;
  font-size: 12px;
  cursor:pointer;
}
body[data-nav-tool="Investment Hub"] .chip:hover{ border-color: rgba(212,175,55,.25); background: rgba(255,255,255,.08); }
body[data-nav-tool="Investment Hub"] .chip:disabled{ opacity:.55; cursor:not-allowed; }

/* Info button */
body[data-nav-tool="Investment Hub"] .info-btn{
  width: 28px;
  height: 28px;
  border-radius: 10px;
  background: rgba(212,175,55,.10);
  border: 1px solid rgba(212,175,55,.22);
  color: rgba(230,199,90,.95);
  font-weight: 700;
  font-size: 13px;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
}
body[data-nav-tool="Investment Hub"] .info-btn:hover{ background: rgba(212,175,55,.14); border-color: rgba(212,175,55,.35); }
body[data-nav-tool="Investment Hub"] .kpi-info{ width: 24px; height: 24px; border-radius: 9px; font-size: 12px; }

/* Ticker */
body[data-nav-tool="Investment Hub"] .ticker-shell{
  /* IMPORTANT: padding must live on the shell (viewport), not on the track.
     Otherwise the -50% translate midpoint won't align with the start of the
     duplicated list and the animation will visibly "reset" every few seconds,
     especially on mobile. */
  overflow:hidden;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  padding: 0 14px;
}
body[data-nav-tool="Investment Hub"] .ticker-track{
  display:inline-flex;
  align-items:center;
  gap: 26px;
  padding: 12px 0;
  white-space: nowrap;
  will-change: transform;
  animation: ticker-move var(--ticker-duration, 36s) linear infinite;
}
body[data-nav-tool="Investment Hub"] .ticker-item{
  display:inline-flex;
  align-items:center;
  gap: 8px;
  font-size: 13px;
  color: rgba(244,244,246,.92);
}
body[data-nav-tool="Investment Hub"] .ticker-item img{
  width: 18px; height: 18px; border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
}
body[data-nav-tool="Investment Hub"] .ticker-dot{
  width: 18px;
  height: 18px;
  border-radius: 50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size: 11px;
  font-weight: 800;
  color: rgba(244,244,246,.92);
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
}
body[data-nav-tool="Investment Hub"] .badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding: 3px 7px;
  border-radius: 999px;
  font-size: 11px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}
body[data-nav-tool="Investment Hub"] .badge.up{ border-color: rgba(33,193,107,.25); color: rgba(33,193,107,.98); background: rgba(33,193,107,.08); }
body[data-nav-tool="Investment Hub"] .badge.down{ border-color: rgba(255,92,92,.25); color: rgba(255,92,92,.98); background: rgba(255,92,92,.08); }

@keyframes ticker-move{
  from{ transform: translateX(0); }
  to{ transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce){
  body[data-nav-tool="Investment Hub"] .ticker-track{ animation: none; }
}

/* Overview layout */
body[data-nav-tool="Investment Hub"] .overview{
  display:grid;
  grid-template-columns: 1.1fr .9fr;
  gap: var(--gap);
  margin-top: var(--gap);
}
@media (max-width: 920px){
  body[data-nav-tool="Investment Hub"] .overview{ grid-template-columns: 1fr; }
}

body[data-nav-tool="Investment Hub"] .tiles{
  display:grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 10px;
}
@media (max-width: 560px){
  body[data-nav-tool="Investment Hub"] .tiles{ grid-template-columns: repeat(2, 1fr); }
}
body[data-nav-tool="Investment Hub"] .tile{
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  padding: 12px 12px;
}
body[data-nav-tool="Investment Hub"] .tile-top{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
}
body[data-nav-tool="Investment Hub"] .tile-img{
  width: 26px;
  height: 26px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.04);
}
body[data-nav-tool="Investment Hub"] .tile-sym{
  font-weight: 800;
  letter-spacing: .4px;
  font-size: 12px;
  color: rgba(244,244,246,.92);
}
body[data-nav-tool="Investment Hub"] .tile-price{
  margin-top: 10px;
  font-size: 15px;
  font-weight: 800;
}
body[data-nav-tool="Investment Hub"] .tile-chg{
  margin-top: 6px;
  font-size: 12px;
}
body[data-nav-tool="Investment Hub"] .tile-chg.up{ color: rgba(33,193,107,.98); }
body[data-nav-tool="Investment Hub"] .tile-chg.down{ color: rgba(255,92,92,.98); }

body[data-nav-tool="Investment Hub"] .cmc-wrap{
  margin-top: 12px;
  border-top: 1px solid rgba(255,255,255,.08);
  padding-top: 12px;
}
body[data-nav-tool="Investment Hub"] .cmc-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
body[data-nav-tool="Investment Hub"] .cmc-title{ font-size: 12px; color: rgba(244,244,246,.78); }
body[data-nav-tool="Investment Hub"] .cmc-placeholder{
  border-radius: 14px;
  border: 1px dashed rgba(255,255,255,.14);
  background: rgba(0,0,0,.18);
  padding: 14px;
  min-height: 110px;
  display:flex;
  align-items:center;
  justify-content:center;
}
@media (max-width: 860px){
  body[data-nav-tool="Investment Hub"] .cmc-wrap{ display:none; }
}

body[data-nav-tool="Investment Hub"] .kpis{
  display:grid;
  grid-template-columns: 1fr;
  gap: 10px;
}
body[data-nav-tool="Investment Hub"] .kpi{ padding: 16px 16px; border-radius: 18px; background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018)); border: 1px solid rgba(255,255,255,.10); box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }
body[data-nav-tool="Investment Hub"] .kpi-head{
  display:flex;
  align-items:flex-start;
  justify-content:flex-start;
  gap: 10px;
  margin-bottom: 8px;
}
body[data-nav-tool="Investment Hub"] .kpi-label{
  font-size: 12.5px;
  color: rgba(244,244,246,.84);
  display:flex;
  align-items:center;
  gap: 8px;
  font-weight: 600;
}
body[data-nav-tool="Investment Hub"] .kpi-value{
  font-size: 34px;
  font-weight: 800;
  letter-spacing: -.03em;
  line-height: 1.04;
}
body[data-nav-tool="Investment Hub"] .kpi-sub{ margin-top: 7px; color: rgba(244,244,246,.66); }
body[data-nav-tool="Investment Hub"] .kpi-note{ background: rgba(212,175,55,.06); border-color: rgba(212,175,55,.20); }

/* Tools */
body[data-nav-tool="Investment Hub"] .search{ min-width: 210px; }
@media (max-width: 560px){
  body[data-nav-tool="Investment Hub"] .search{ min-width: 100%; }
  body[data-nav-tool="Investment Hub"] .section-actions{ flex-wrap: wrap; justify-content:flex-end; }
}
body[data-nav-tool="Investment Hub"] .tools-grid{
  display:grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
}
@media (max-width: 720px){
  body[data-nav-tool="Investment Hub"] .tools-grid{ grid-template-columns: 1fr; }
}
body[data-nav-tool="Investment Hub"] .tool-item{
  display:flex;
  gap: 10px;
  align-items:stretch;
}
body[data-nav-tool="Investment Hub"] .tool-btn{
  flex: 1;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
  padding: 13px 14px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.03);
}
body[data-nav-tool="Investment Hub"] .tool-btn:hover{ border-color: rgba(212,175,55,.22); background: rgba(255,255,255,.05); }
body[data-nav-tool="Investment Hub"] .tool-name{ font-weight: 700; font-size: 13px; }
body[data-nav-tool="Investment Hub"] .ext{ color: rgba(244,244,246,.55); }
body[data-nav-tool="Investment Hub"] #toolsCount{ margin-top: 10px; }



/* v2.82 Markteinordnung thematisch gruppiert */
body[data-nav-tool="Investment Hub"] .tools-grid.tools-clusters{
  display:grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 14px;
}
body[data-nav-tool="Investment Hub"] .tool-cluster{
  border: 1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 10% 0%, rgba(212,175,55,.08), transparent 34%),
    linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  border-radius: 20px;
  padding: 14px;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-nav-tool="Investment Hub"] .tool-cluster-head{
  display:flex;
  align-items:flex-start;
  gap: 11px;
  padding: 1px 2px 12px;
  margin-bottom: 12px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body[data-nav-tool="Investment Hub"] .tool-cluster-icon{
  width: 34px;
  height: 34px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  flex: 0 0 auto;
  border-radius: 13px;
  border: 1px solid rgba(212,175,55,.28);
  background: rgba(212,175,55,.09);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.04);
  font-size: 16px;
  line-height: 1;
}
body[data-nav-tool="Investment Hub"] .tool-cluster-title{
  margin: 0;
  color: var(--gold);
  font-size: 14px;
  line-height: 1.18;
  letter-spacing: -.01em;
}
body[data-nav-tool="Investment Hub"] .tool-cluster-copy{
  margin: 4px 0 0;
  color: rgba(244,244,246,.66);
  font-size: 12px;
  line-height: 1.32;
}
body[data-nav-tool="Investment Hub"] .tool-cluster-list{
  display:grid;
  gap: 9px;
}
body[data-nav-tool="Investment Hub"] .tools-clusters .tool-item{
  gap: 9px;
  align-items: stretch;
}
body[data-nav-tool="Investment Hub"] .tools-clusters .tool-btn{
  min-height: 48px;
  padding: 11px 13px;
  border-radius: 15px;
}
body[data-nav-tool="Investment Hub"] .tools-clusters .tool-name{
  line-height: 1.22;
}
body[data-nav-tool="Investment Hub"] .tools-clusters .tool-info{
  align-self:center;
  flex: 0 0 auto;
}
@media (max-width: 860px){
  body[data-nav-tool="Investment Hub"] .tools-grid.tools-clusters{
    grid-template-columns: 1fr;
  }
}
@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .tool-cluster{
    padding: 12px;
    border-radius: 18px;
  }
  body[data-nav-tool="Investment Hub"] .tool-cluster-head{
    gap: 10px;
    margin-bottom: 10px;
    padding-bottom: 10px;
  }
  body[data-nav-tool="Investment Hub"] .tool-cluster-icon{
    width: 32px;
    height: 32px;
  }
  body[data-nav-tool="Investment Hub"] .tools-clusters .tool-btn{
    min-height: 46px;
    padding: 10px 12px;
  }
}

/* Inputs */
body[data-nav-tool="Investment Hub"] .input, body[data-nav-tool="Investment Hub"] .select{
  width: 100%;
  padding: 12px 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.12);
  background: rgba(0,0,0,.18);
  color: rgba(244,244,246,.92);
  font-size: 13px;
}
body[data-nav-tool="Investment Hub"] .select{ appearance:none; }
body[data-nav-tool="Investment Hub"] .label{
  font-size: 12px;
  color: var(--muted);
  margin-bottom: 6px;
  display:block;
}
body[data-nav-tool="Investment Hub"] .field{ min-width: 0; }
body[data-nav-tool="Investment Hub"] .converter{
  display:grid;
  grid-template-columns: 1.2fr 1fr 1fr auto;
  gap: 10px;
  align-items:end;
}
@media (max-width: 860px){
  body[data-nav-tool="Investment Hub"] .converter{ grid-template-columns: 1fr 1fr; }
}
body[data-nav-tool="Investment Hub"] .result{
  margin-top: 12px;
  padding: 12px;
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.03);
  font-weight: 800;
  letter-spacing: .2px;
}
body[data-nav-tool="Investment Hub"] .table-actions{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

body[data-nav-tool="Investment Hub"] .table-actions--split{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap: 10px;
}
body[data-nav-tool="Investment Hub"] .table-actions--split .spacer{height:1px;}
body[data-nav-tool="Investment Hub"] .table-actions--split .center{
  display:flex;
  align-items:center;
  justify-content:center;
  gap: 10px;
  flex-wrap: wrap;
}
body[data-nav-tool="Investment Hub"] .table-actions--split #topUpdated{
  justify-self:end;
}


@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .table-actions--split{
    align-items:flex-start;
  }
  }

/* Fear Greed */
body[data-nav-tool="Investment Hub"] .fng{
  padding-top: 4px;
}
body[data-nav-tool="Investment Hub"] .fng-bar{
  height: 12px;
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(255,92,92,.95), rgba(230,199,90,.95), rgba(33,193,107,.95));
  border: 1px solid rgba(255,255,255,.12);
}
body[data-nav-tool="Investment Hub"] .fng-pointer{
  width: 2px;
  height: 18px;
  background: rgba(244,244,246,.92);
  border-radius: 2px;
  margin-top: 8px;
  margin-left: 0%;
  box-shadow: 0 0 0 3px rgba(244,244,246,.08);
}
body[data-nav-tool="Investment Hub"] .fng-meta{
  margin-top: 10px;
  display:flex;
  align-items:baseline;
  justify-content:flex-start;
  gap: 10px;
}
body[data-nav-tool="Investment Hub"] .fng-val{ font-weight: 900; font-size: 16px; }

/* Collapsible */
body[data-nav-tool="Investment Hub"] .collapsible{ padding: 0; overflow:hidden; }
body[data-nav-tool="Investment Hub"] .collapsible-toggle{
  width: 100%;
  padding: 14px 14px;
  background: transparent;
  border: none;
  color: inherit;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
  cursor:pointer;
}
body[data-nav-tool="Investment Hub"] .toggle-left{ display:flex; flex-direction:column; gap: 4px; }
body[data-nav-tool="Investment Hub"] .toggle-title{ font-weight: 800; font-size: 13.5px; }
body[data-nav-tool="Investment Hub"] .toggle-right{ display:flex; align-items:center; gap: 10px; }
body[data-nav-tool="Investment Hub"] .chev{
  width: 10px;
  height: 10px;
  border-right: 2px solid rgba(244,244,246,.80);
  border-bottom: 2px solid rgba(244,244,246,.80);
  transform: rotate(45deg);
  transition: transform .18s ease;
  margin-right: 2px;
}
body[data-nav-tool="Investment Hub"] .collapsible.open .chev{ transform: rotate(-135deg); }

body[data-nav-tool="Investment Hub"] .collapsible-body{
  padding: 0 14px 14px;
  border-top: 1px solid rgba(255,255,255,.08);
}

/* Table */
body[data-nav-tool="Investment Hub"] .table-wrap{
  overflow:auto;
  -webkit-overflow-scrolling: touch;
  max-height: 560px; /* keep the page compact; table scrolls internally */
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,0,0,.18));
  box-shadow: inset 0 1px 0 rgba(255,255,255,.025);
}
body[data-nav-tool="Investment Hub"] .table{
  width: 100%;
  border-collapse: collapse;
  min-width: 980px;
}
body[data-nav-tool="Investment Hub"] .table th, body[data-nav-tool="Investment Hub"] .table td{
  padding: 11px 12px;
  border-bottom: 1px solid rgba(255,255,255,.055);
  font-size: 12.5px;
}
body[data-nav-tool="Investment Hub"] .table th{
  text-align:left;
  color: rgba(244,244,246,.82);
  font-weight: 700;
  position: sticky;
  top: 0;
  background: rgba(8,8,10,.94);
  backdrop-filter: blur(12px);
  letter-spacing: .01em;
}
body[data-nav-tool="Investment Hub"] .table td.num, body[data-nav-tool="Investment Hub"] .table th.num{ text-align:right; }

body[data-nav-tool="Investment Hub"] .table tbody tr:nth-child(even){ background: rgba(255,255,255,.012); }
body[data-nav-tool="Investment Hub"] .table tbody tr:hover{ background: rgba(255,255,255,.026); }
body[data-nav-tool="Investment Hub"] .sym-main{ font-weight: 700; letter-spacing: .01em; }
body[data-nav-tool="Investment Hub"] .narr-badge{ box-shadow: inset 0 1px 0 rgba(255,255,255,.03); }


@media (max-width: 860px){
  /* tighter table on mobile */
  body[data-nav-tool="Investment Hub"] .table{ min-width: 900px; }
  body[data-nav-tool="Investment Hub"] .table th, body[data-nav-tool="Investment Hub"] .table td{ padding: 8px 8px; font-size: 11px; }
}

@media (max-width: 520px){
  /* Make the watchlist table much denser on mobile */
  /* Keep horizontal scroll available on mobile */
  body[data-nav-tool="Investment Hub"] .table{ width: max-content; min-width: 520px; }
  body[data-nav-tool="Investment Hub"] .table th, body[data-nav-tool="Investment Hub"] .table td{ padding: 4px 5px; font-size: 9.5px; }
  body[data-nav-tool="Investment Hub"] .sym-wrap{ gap: 6px; }
  body[data-nav-tool="Investment Hub"] .mini-ico{ width: 14px; height: 14px; }
  body[data-nav-tool="Investment Hub"] .sym-main{ font-size: 10.5px; }
  body[data-nav-tool="Investment Hub"] .sym .tiny.muted{ display:none; } /* hide coin name to reduce width */
  body[data-nav-tool="Investment Hub"] .narr-badge{ padding: 1px 6px; font-size: 9.5px; }
  body[data-nav-tool="Investment Hub"] .badge{ padding: 2px 6px; font-size: 9.5px; }

  /* Keep 7d + Marktkap visible; swipe right to see all columns */

  /* Ensure the table area remains scrollable even when dense */
  body[data-nav-tool="Investment Hub"] .table-wrap{ max-height: 62vh; }
}
body[data-nav-tool="Investment Hub"] .row-name{
  display:flex;
  align-items:center;
  gap: 8px;
}
body[data-nav-tool="Investment Hub"] .row-name img{
  width: 18px; height:18px; border-radius:50%;
  border: 1px solid rgba(255,255,255,.10);
}
body[data-nav-tool="Investment Hub"] .pct.up{ color: rgba(33,193,107,.98); font-weight: 700; }
body[data-nav-tool="Investment Hub"] .pct.down{ color: rgba(255,92,92,.98); font-weight: 700; }

body[data-nav-tool="Investment Hub"] .spark{
  width: 100px;
  height: 32px;
}

/* Widgets */
body[data-nav-tool="Investment Hub"] .widgets{
  display:grid;
  grid-template-columns: 1fr;
  gap: 12px;
}
body[data-nav-tool="Investment Hub"] .widget-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap: 10px;
  margin-bottom: 10px;
}

/* TradingView controls */
body[data-nav-tool="Investment Hub"] .tv-controls{
  display:flex;
  align-items:center;
  gap: 10px;
}
body[data-nav-tool="Investment Hub"] .tv-interval{
  display:flex;
  align-items:center;
  gap: 8px;
}
body[data-nav-tool="Investment Hub"] .tv-int[aria-pressed="true"]{
  border-color: rgba(212,175,55,.35);
  box-shadow: 0 0 0 2px rgba(212,175,55,.12) inset;
}

/* Simple modal */
body[data-nav-tool="Investment Hub"] .modal{ display:none; }
body[data-nav-tool="Investment Hub"] .modal.open{
  display:block;
  position: fixed;
  inset: 0;
  z-index: 300;
}
body[data-nav-tool="Investment Hub"] .modal-backdrop{
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.65);
}
body[data-nav-tool="Investment Hub"] .modal-card{
  position: absolute;
  inset: 28px;
  border-radius: 18px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(18,18,18,.92);
  box-shadow: 0 20px 60px rgba(0,0,0,.55);
  display:flex;
  flex-direction: column;
  overflow: hidden;
}
body[data-nav-tool="Investment Hub"] .modal-head{
  display:flex;
  align-items:center;
  justify-content: space-between;
  padding: 12px 14px;
  border-bottom: 1px solid rgba(255,255,255,.08);
}
body[data-nav-tool="Investment Hub"] .modal-title{ font-weight: 800; font-size: 13px; }
body[data-nav-tool="Investment Hub"] .modal-body{ padding: 0; flex:1; }
body[data-nav-tool="Investment Hub"] .modal-body .tv-slot{ min-height: 100%; height: 100%; }

@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .tv-controls{ gap: 8px; }
  body[data-nav-tool="Investment Hub"] .tv-interval{ gap: 6px; }
  body[data-nav-tool="Investment Hub"] .modal-card{ inset: 12px; }
}
body[data-nav-tool="Investment Hub"] .widget-title{
  font-weight: 800;
  font-size: 13px;
}
body[data-nav-tool="Investment Hub"] .widget-slot{
  border-radius: 14px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  padding: 12px;
  min-height: 120px;
}


/* TradingView chart slot */
body[data-nav-tool="Investment Hub"] .tv-slot{
  padding: 0;
  min-height: 560px;
}
@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .tv-slot{ min-height: 420px; }
}

/* Footer */
body[data-nav-tool="Investment Hub"] .footer{
  margin-top: 16px;
  padding: 12px 0 0;
  color: rgba(244,244,246,.55);
}
body[data-nav-tool="Investment Hub"] .footer a{ color: rgba(230,199,90,.92); }
body[data-nav-tool="Investment Hub"] .footer a:hover{ color: rgba(230,199,90,1); }

/* Back to top */
body[data-nav-tool="Investment Hub"] .back-to-top{
  position: fixed;
  right: 16px;
  bottom: 16px;
  width: 44px;
  height: 44px;
  border-radius: 999px;
  border: 1px solid rgba(199,162,58,.35);
  background: rgba(0,0,0,.55);
  color: var(--section-gold);
  cursor:pointer;
  opacity: 0;
  transform: translateY(8px);
  pointer-events: none;
  transition: opacity .18s ease, transform .18s ease;
  z-index: 45;
}
body[data-nav-tool="Investment Hub"] .back-to-top.show{
  opacity: 1;
  transform: translateY(0);
  pointer-events: auto;
}
body[data-nav-tool="Investment Hub"] .back-to-top:hover{ border-color: rgba(199,162,58,.55); background: rgba(0,0,0,.68); }

/* Tooltip */
body[data-nav-tool="Investment Hub"] .tooltip{
  position: fixed;
  z-index: 200;
  max-width: 320px;
  border-radius: 14px;
  padding: 10px 10px;
  background: rgba(10,10,12,.98);
  border: 1px solid rgba(212,175,55,.22);
  box-shadow: 0 18px 60px rgba(0,0,0,.55);
  transform: translateY(6px);
  opacity: 0;
  pointer-events:none;
  transition: opacity .12s ease, transform .12s ease;
}
body[data-nav-tool="Investment Hub"] .tooltip.show{
  opacity: 1;
  transform: translateY(0);
  pointer-events:auto;
}
body[data-nav-tool="Investment Hub"] .tooltip-title{
  font-weight: 900;
  font-size: 12px;
  color: rgba(230,199,90,.98);
  margin-bottom: 4px;
}
body[data-nav-tool="Investment Hub"] .tooltip-body{
  font-size: 12px;
  line-height: 1.35;
  color: rgba(244,244,246,.86);
}

/* Inline info button for KPI labels */
body[data-nav-tool="Investment Hub"] .info-btn--inline{
  margin-left: 6px;
  width: 18px;
  height: 18px;
  min-width: 18px;
  border-radius: 999px;
  font-size: 12px;
  line-height: 18px;
  padding: 0;
  display: inline-flex;
  align-items: center;
  justify-content: center;
}

/* Ensure select/dropdown is readable (options) */
body[data-nav-tool="Investment Hub"] select, body[data-nav-tool="Investment Hub"] option{
  color: var(--text);
  background: #0b0b0f;
}


body[data-nav-tool="Investment Hub"] .tiny-link{ margin-left: 10px; font-size: 11px; color: rgba(212,175,55,.95); text-decoration: none; }
body[data-nav-tool="Investment Hub"] .tiny-link:hover{ text-decoration: underline; }

@media (max-width: 520px){
  body[data-nav-tool="Investment Hub"] .section-title, body[data-nav-tool="Investment Hub"] .daily-watchlist-title{ font-size: 15px; }
  body[data-nav-tool="Investment Hub"] .pulse-value{ font-size: 1.22rem; }
  body[data-nav-tool="Investment Hub"] .kpi-value{ font-size: 31px; }
  body[data-nav-tool="Investment Hub"] .news-link{ font-size: 11px; }
}

/* Origin-ready CTA bridge */
body[data-nav-tool="Investment Hub"] .next-step-grid{
  display:grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: 16px;
  align-items:start;
}
body[data-nav-tool="Investment Hub"] .next-step-copy{
  display:flex;
  flex-direction:column;
  gap: 6px;
}
body[data-nav-tool="Investment Hub"] .next-step-eyebrow{
  color: rgba(230,199,90,.92);
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .03em;
  text-transform: uppercase;
}
body[data-nav-tool="Investment Hub"] .next-step-title{
  margin:0;
  font-size: 17px;
  font-weight: 850;
  color: rgba(249,249,251,.96);
}
body[data-nav-tool="Investment Hub"] .next-step-text{
  margin:0;
  max-width: 720px;
  color: rgba(244,244,246,.72);
  font-size: 13px;
  line-height: 1.45;
}
body[data-nav-tool="Investment Hub"] .next-step-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:flex-end;
  gap: 8px;
}
body[data-nav-tool="Investment Hub"] .next-step-actions .btn{
  text-decoration:none;
}
body[data-nav-tool="Investment Hub"] .next-step-actions .btn.ghost{
  color: rgba(244,244,246,.92);
}
body[data-nav-tool="Investment Hub"] .data-source-line{
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid rgba(255,255,255,.07);
  color: rgba(244,244,246,.55);
  font-size: 11px;
  line-height: 1.35;
}
body[data-nav-tool="Investment Hub"] .data-source-line a{
  color: rgba(230,199,90,.92);
  text-decoration:none;
}
body[data-nav-tool="Investment Hub"] .data-source-line a:hover{ text-decoration: underline; }
body[data-nav-tool="Investment Hub"] .news-link--primary{
  border-color: rgba(212,175,55,.30);
  background: linear-gradient(180deg, rgba(212,175,55,.15), rgba(212,175,55,.055));
  color: rgba(249,249,251,.98);
}
@media (max-width: 780px){
  body[data-nav-tool="Investment Hub"] .next-step-grid{ grid-template-columns: 1fr; }
  body[data-nav-tool="Investment Hub"] .next-step-actions{ justify-content:flex-start; }
  body[data-nav-tool="Investment Hub"] .next-step-actions .btn{ width:100%; white-space: normal; }
}

/* Aufmerksamkeits-Radar */
body[data-nav-tool="Investment Hub"] .attention-radar .section-head{
  align-items:flex-start;
}
body[data-nav-tool="Investment Hub"] .radar-lead{
  margin:6px 0 0;
  max-width: 820px;
  color: rgba(244,244,246,.72);
  font-size: 13px;
  line-height: 1.45;
}
body[data-nav-tool="Investment Hub"] .radar-meta-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:10px;
  margin: 0 0 12px;
}
body[data-nav-tool="Investment Hub"] .attention-grid{
  display:grid;
  grid-template-columns: minmax(0, 1.15fr) minmax(0, .95fr) minmax(0, .95fr);
  gap:12px;
}
body[data-nav-tool="Investment Hub"] .trend-panel, body[data-nav-tool="Investment Hub"] .trend-checkout{
  min-width:0;
  border:1px solid rgba(255,255,255,.09);
  border-radius:16px;
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.018));
}
body[data-nav-tool="Investment Hub"] .trend-panel{
  padding:12px;
}
body[data-nav-tool="Investment Hub"] .trend-panel--coins{
  grid-column:1;
  grid-row:1;
  border-color: rgba(212,175,55,.16);
  background: radial-gradient(circle at top right, rgba(212,175,55,.065), transparent 38%), linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
}
body[data-nav-tool="Investment Hub"] .trend-panel--nfts{
  grid-column:2;
  grid-row:1;
}
body[data-nav-tool="Investment Hub"] .trend-panel--categories{
  grid-column:3;
  grid-row:1;
}
body[data-nav-tool="Investment Hub"] .trend-panel-head{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:8px;
  padding-bottom:10px;
  border-bottom:1px solid rgba(255,255,255,.07);
  margin-bottom:8px;
}
body[data-nav-tool="Investment Hub"] summary.trend-panel-head{
  list-style:none;
  cursor:pointer;
}
body[data-nav-tool="Investment Hub"] summary.trend-panel-head::-webkit-details-marker{
  display:none;
}
body[data-nav-tool="Investment Hub"] .trend-panel-head h3{
  margin:0;
  font-size:13px;
  line-height:1.2;
  color: rgba(249,249,251,.96);
  font-weight:800;
}
body[data-nav-tool="Investment Hub"] .trend-panel--collapsible .trend-panel-head::after{
  content:"";
  display:none;
  margin-left:auto;
  width:8px;
  height:8px;
  border-right:1.5px solid rgba(230,199,90,.9);
  border-bottom:1.5px solid rgba(230,199,90,.9);
  transform: rotate(45deg) translateY(-2px);
  transition: transform .18s ease;
}
body[data-nav-tool="Investment Hub"] .trend-panel--collapsible[open] .trend-panel-head::after{
  transform: rotate(225deg) translateY(-1px);
}
body[data-nav-tool="Investment Hub"] .trend-list{
  display:flex;
  flex-direction:column;
  gap:6px;
}
body[data-nav-tool="Investment Hub"] .trend-item{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
  padding:7px 8px;
  border:1px solid rgba(255,255,255,.075);
  border-radius:13px;
  background: rgba(255,255,255,.028);
}
body[data-nav-tool="Investment Hub"] .trend-main{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
}
body[data-nav-tool="Investment Hub"] .trend-icon{
  width:28px;
  height:28px;
  border-radius:999px;
  flex:0 0 auto;
  object-fit:cover;
  background: rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.09);
}
body[data-nav-tool="Investment Hub"] .trend-icon--blank, body[data-nav-tool="Investment Hub"] .trend-icon--category{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color: rgba(230,199,90,.96);
  font-size:13px;
  font-weight:900;
}
body[data-nav-tool="Investment Hub"] .trend-copy{
  min-width:0;
}
body[data-nav-tool="Investment Hub"] .trend-name{
  color: rgba(249,249,251,.95);
  font-size:12.5px;
  font-weight:750;
  line-height:1.2;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 190px;
}
body[data-nav-tool="Investment Hub"] .trend-sub{
  color: rgba(244,244,246,.58);
  font-size:10.8px;
  line-height:1.25;
  margin-top:2px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
  max-width: 190px;
}
body[data-nav-tool="Investment Hub"] .trend-badge{
  flex:0 0 auto;
  color: rgba(230,199,90,.96);
  border:1px solid rgba(212,175,55,.18);
  background: rgba(212,175,55,.08);
  border-radius:999px;
  padding:4px 7px;
  font-size:10.5px;
  font-weight:800;
  line-height:1;
  white-space:nowrap;
}
body[data-nav-tool="Investment Hub"] .trend-badge.up{ color: var(--good); border-color: rgba(33,193,107,.18); background: rgba(33,193,107,.075); }
body[data-nav-tool="Investment Hub"] .trend-badge.down{ color: var(--bad); border-color: rgba(255,92,92,.18); background: rgba(255,92,92,.075); }
body[data-nav-tool="Investment Hub"] .trend-empty{
  color: rgba(244,244,246,.56);
  font-size:12px;
  padding:12px 4px;
}
body[data-nav-tool="Investment Hub"] .trend-checkout{
  grid-column:1 / -1;
  grid-row:2;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:13px 14px;
  border-color: rgba(212,175,55,.16);
  background: radial-gradient(circle at top left, rgba(212,175,55,.075), transparent 42%), linear-gradient(180deg, rgba(255,255,255,.038), rgba(255,255,255,.016));
}
body[data-nav-tool="Investment Hub"] .trend-checkout-copy{
  margin:0;
  max-width: 760px;
  color: rgba(244,244,246,.72);
  font-size:12.2px;
  line-height:1.42;
}
body[data-nav-tool="Investment Hub"] .trend-actions{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:8px;
  flex:0 0 auto;
}
body[data-nav-tool="Investment Hub"] .btn.btn-sm{
  padding:8px 10px;
  font-size:12px;
  border-radius:11px;
}
@media (max-width: 980px){
  body[data-nav-tool="Investment Hub"] .attention-grid{ grid-template-columns: 1fr; }
  body[data-nav-tool="Investment Hub"] .trend-panel--coins, body[data-nav-tool="Investment Hub"] .trend-panel--nfts, body[data-nav-tool="Investment Hub"] .trend-panel--categories, body[data-nav-tool="Investment Hub"] .trend-checkout{
    grid-column:auto;
    grid-row:auto;
  }
  body[data-nav-tool="Investment Hub"] .trend-panel--coins{ order:1; }
  body[data-nav-tool="Investment Hub"] .trend-checkout{ order:2; }
  body[data-nav-tool="Investment Hub"] .trend-panel--nfts{ order:3; }
  body[data-nav-tool="Investment Hub"] .trend-panel--categories{ order:4; }
  body[data-nav-tool="Investment Hub"] .trend-name, body[data-nav-tool="Investment Hub"] .trend-sub{ max-width: none; }
  body[data-nav-tool="Investment Hub"] .trend-checkout{
    align-items:flex-start;
    flex-direction:column;
  }
}
@media (max-width: 640px){
  body[data-nav-tool="Investment Hub"] .attention-radar .section-head{
    align-items:flex-start;
  }
  body[data-nav-tool="Investment Hub"] .radar-meta-row{
    align-items:flex-start;
    flex-direction:column;
  }
  body[data-nav-tool="Investment Hub"] .radar-meta-row .chip{
    width:100%;
  }
  body[data-nav-tool="Investment Hub"] .trend-checkout{
    padding:12px;
  }
  body[data-nav-tool="Investment Hub"] .trend-actions{
    width:100%;
  }
  body[data-nav-tool="Investment Hub"] .trend-actions .btn{
    width:100%;
    white-space:normal;
  }
  body[data-nav-tool="Investment Hub"] .trend-panel--collapsible .trend-panel-head::after{
    display:block;
  }
  body[data-nav-tool="Investment Hub"] .trend-panel--collapsible:not([open]){
    padding-bottom:4px;
  }
  body[data-nav-tool="Investment Hub"] .trend-panel--collapsible:not([open]) .trend-panel-head{
    margin-bottom:0;
    border-bottom:0;
    padding-bottom:0;
  }
}


/* v2.76 Origin Newsfeed preview */
body[data-nav-tool="Investment Hub"] .news-feed-status{
  margin-top:6px;
}
body[data-nav-tool="Investment Hub"] .news-feed-preview{
  display:grid;
  grid-template-columns: 1fr;
  gap:8px;
  margin-top:10px;
}
body[data-nav-tool="Investment Hub"] .r4x-news-item{
  display:block;
  min-width:0;
  padding:10px 11px;
  border:1px solid rgba(212,175,55,.18);
  border-radius:14px;
  background: linear-gradient(180deg, rgba(255,255,255,.045), rgba(255,255,255,.018));
  color: rgba(249,249,251,.96);
  text-decoration:none;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.035);
}
body[data-nav-tool="Investment Hub"] .r4x-news-item:hover{
  border-color: rgba(212,175,55,.32);
  background: linear-gradient(180deg, rgba(212,175,55,.085), rgba(255,255,255,.02));
}
body[data-nav-tool="Investment Hub"] .r4x-news-kicker{
  display:block;
  color: rgba(230,199,90,.95);
  font-size:10.5px;
  font-weight:850;
  letter-spacing:.02em;
  margin-bottom:5px;
}
body[data-nav-tool="Investment Hub"] .r4x-news-title{
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  overflow:hidden;
  font-size:12.5px;
  line-height:1.28;
  font-weight:750;
}
body[data-nav-tool="Investment Hub"] .r4x-news-meta{
  display:block;
  margin-top:7px;
  color: rgba(244,244,246,.58);
  font-size:11px;
  font-weight:650;
}
body[data-nav-tool="Investment Hub"] .news-feed-empty{
  color: rgba(244,244,246,.62);
  font-size:12px;
  line-height:1.4;
  padding:10px 2px;
}
body[data-nav-tool="Investment Hub"] .news-actions{
  margin-top:10px;
}
body[data-nav-tool="Investment Hub"] .news-external{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07);
}
body[data-nav-tool="Investment Hub"] .news-external-title{
  color: rgba(244,244,246,.56);
  font-size:10.5px;
  font-weight:700;
  margin-bottom:7px;
}
body[data-nav-tool="Investment Hub"] .news-external-links{
  display:grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap:6px;
}
body[data-nav-tool="Investment Hub"] .news-external-links .news-source-card{
  width:100%;
  min-width:0;
  align-items:flex-start;
  justify-content:flex-start;
  flex-direction:column;
  gap:3px;
  padding:7px 8px;
  font-size:11px;
  text-align:left;
}
body[data-nav-tool="Investment Hub"] .news-source-main{
  color: rgba(249,249,251,.96);
  font-size:11px;
  font-weight:700;
  line-height:1.16;
}
body[data-nav-tool="Investment Hub"] .news-source-meta{
  color: rgba(244,244,246,.55);
  font-size:10.25px;
  font-weight:600;
  line-height:1.15;
}
body[data-nav-tool="Investment Hub"] .news-source-action{
  display:none;
}
body[data-nav-tool="Investment Hub"] .trend-checkout{
  margin-top:11px;
  padding-top:10px;
  border-top:1px solid rgba(255,255,255,.07);
}
body[data-nav-tool="Investment Hub"] .trend-checkout-copy{
  margin:0 0 9px;
  color: rgba(244,244,246,.66);
  font-size:11.5px;
  line-height:1.35;
}
@media (max-width: 640px){
  body[data-nav-tool="Investment Hub"] .news-external-links .news-source-card, body[data-nav-tool="Investment Hub"] .news-actions .news-link{
    width:100%;
  }
  body[data-nav-tool="Investment Hub"] .news-actions .news-link{
    justify-content:center;
  }
}

body[data-nav-tool="Investment Hub"] .news-source-meta span{
  color: rgba(212,175,55,.9);
  margin-left:3px;
}

/* v2.82 Markteinordnung-Gruppen; v2.81 Kategorie-Karten: Namen bis 2 Zeilen, Prozentwert in Meta-Zeile, kein Mobile-Expand */
body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-list{
  gap:7px;
}
body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-item--category{
  display:grid;
  grid-template-columns:28px minmax(0, 1fr);
  align-items:flex-start;
  justify-content:flex-start;
  gap:10px;
  cursor:default;
}
body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-category-body{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
}
body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-name--category{
  max-width:none;
  white-space:normal;
  overflow:hidden;
  text-overflow:clip;
  display:-webkit-box;
  -webkit-line-clamp:2;
  -webkit-box-orient:vertical;
  line-height:1.22;
}
body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-category-meta{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:6px;
  margin-top:4px;
  color:rgba(244,244,246,.58);
  font-size:10.8px;
  line-height:1.2;
}
body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-category-meta .trend-badge{
  padding:3px 6px;
  font-size:10.4px;
}
@media (max-width:640px){
  body[data-nav-tool="Investment Hub"] .trend-panel--categories .trend-item--category{
    padding:9px;
  }
}


/* Ready4nexxt Origin Footer */
body[data-nav-tool="Investment Hub"] .page-footer{position:relative;margin:42px calc(-1 * var(--pad)) -60px;padding:26px 16px 18px;background:#05070b;border-top:1px solid rgba(212,175,55,.14);color:#d8dbe2}
body[data-nav-tool="Investment Hub"] .page-footer::before{content:"";display:block;width:min(720px,calc(100% - 40px));height:2px;margin:0 auto 14px;border-radius:999px;background:rgba(255,255,255,.86)}
body[data-nav-tool="Investment Hub"] .page-footer-inner{max-width:980px;margin:0 auto;text-align:center}
body[data-nav-tool="Investment Hub"] .page-footer-disclaimer{margin:0 auto 12px;max-width:980px;font-size:11.5px;line-height:1.35;color:#cfd4de;text-wrap:balance}
body[data-nav-tool="Investment Hub"] .page-footer-meta{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:11.5px;line-height:1.25;color:#cfd4de}
body[data-nav-tool="Investment Hub"] .page-footer-copy{white-space:nowrap}
body[data-nav-tool="Investment Hub"] .page-footer-links{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px}
body[data-nav-tool="Investment Hub"] .page-footer a{color:#fff;text-decoration:underline;text-underline-offset:2px;text-decoration-thickness:1px}
body[data-nav-tool="Investment Hub"] .page-footer a:hover{color:var(--gold-soft)}
@media (max-width:640px){body[data-nav-tool="Investment Hub"] .page-footer{margin-top:32px;padding:22px 14px 16px}body[data-nav-tool="Investment Hub"] .page-footer::before{width:min(520px,calc(100% - 28px));margin-bottom:12px}body[data-nav-tool="Investment Hub"] .page-footer-disclaimer, body[data-nav-tool="Investment Hub"] .page-footer-meta{font-size:11px;line-height:1.35}body[data-nav-tool="Investment Hub"] .page-footer-copy{white-space:normal}body[data-nav-tool="Investment Hub"] .page-footer-break{display:none}}