/* ==========================================================
   VIDARTICO — Writing / Investment / Countries hub
   Route-scoped extraction of the former content-hubs.css.
   Rules preserve their original cascade order.
   ========================================================== */

.content-hub,
.hub-section {
width: min(var(--vid-max-width, 1120px), calc(100% - 2rem));
  margin-inline: auto;
}

.content-hub {
padding: clamp(1.25rem, 3vw, 2.4rem) 0 clamp(3.5rem, 8vw, 7rem);
}

.content-hub__switch {
width: fit-content;
  margin: 0 auto clamp(2rem, 5vw, 3.6rem);
}

.content-hub__panel {
min-width: 0;
}

.hub-section {
width: 100%;
  margin-top: clamp(2.8rem, 6vw, 5.5rem);
}

.hub-section:first-child {
margin-top: 0;
}

.hub-chips {
display: flex;
  gap: .55rem;
  align-items: center;
  overflow-x: auto;
  padding: .1rem .05rem 1.15rem;
  margin-bottom: .85rem;
  scrollbar-width: none;
}

.hub-chips::-webkit-scrollbar {
display: none;
}

.hub-chip {
flex: 0 0 auto;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: .55rem .82rem;
  border: 1px solid rgba(148,163,184,.24);
  border-radius: 999px;
  color: var(--vid-color-text-muted, #a3afc7);
  text-decoration: none;
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .055em;
  transition: border-color .22s ease, color .22s ease, background .22s ease;
}

.hub-chip:hover,
.hub-chip:focus-visible,
.hub-chip.is-active {
border-color: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 62%, transparent);
  color: var(--vid-color-text, #f5f5f7);
  background: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 9%, transparent);
}

.hub-entry-list {
width: 100%;
}

.hub-pagination {
grid-column: 1 / -1;
}

.hub-notice {
display: grid;
  grid-template-columns: auto 1fr;
  gap: .8rem;
  align-items: start;
  margin: 0 0 clamp(2.4rem, 5vw, 4.5rem);
  padding: 1rem 1.1rem;
  border: 1px solid color-mix(in srgb, var(--vid-color-accent, #d4b06a) 30%, rgba(148,163,184,.22));
  border-radius: var(--vid-radius-md, 16px);
  background: color-mix(in srgb, var(--vid-color-accent, #d4b06a) 5%, rgba(15,23,42,.36));
  color: var(--vid-color-text-muted, #a3afc7);
}

.hub-notice span {
color: var(--vid-color-accent, #d4b06a);
}

.hub-notice p {
margin: 0; line-height: 1.65; font-size: .88rem;
}

.hub-mini-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 1rem;
}

.hub-mini-card {
position: relative;
  min-width: 0;
  padding: 1.2rem 1.2rem 1.3rem;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--vid-radius-md, 16px);
  background: linear-gradient(145deg, rgba(255,255,255,.035), rgba(255,255,255,.012));
}

.hub-mini-card::before {
content: "";
  position: absolute;
  inset: 0 auto 0 0;
  width: 1px;
  background: linear-gradient(180deg, transparent, var(--vid-color-accent, #d4b06a), transparent);
  opacity: .6;
}

.hub-mini-card__meta,
.hub-mini-card > p:first-child {
margin: 0 0 .55rem;
  color: var(--vid-color-text-muted, #a3afc7);
  font-size: .68rem;
  letter-spacing: .08em;
  text-transform: uppercase;
}

.hub-mini-card h3 {
margin: 0 0 .65rem; font-size: 1.16rem;
}

.hub-mini-card h3 a {
color: inherit; text-decoration: none;
}

.hub-mini-card > p:last-child {
margin: 0; color: var(--vid-color-text-muted, #a3afc7); line-height: 1.62; font-size: .88rem;
}

.hub-method {
margin: -1rem 0 1.2rem;
  border-bottom: 1px solid rgba(148,163,184,.2);
  color: var(--vid-color-text-muted, #a3afc7);
}

.hub-method summary {
cursor: pointer;
  width: fit-content;
  padding: .7rem 0;
  color: var(--vid-color-accent, #d4b06a);
  font-size: .72rem;
  font-weight: 700;
  letter-spacing: .09em;
  text-transform: uppercase;
}

.hub-method p {
max-width: 78ch; margin: 0 0 1rem; line-height: 1.7; font-size: .88rem;
}

.ranking-card {
position: relative;
  overflow: hidden;
  padding: clamp(1rem, 2vw, 1.35rem);
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--vid-radius-lg, 24px);
  background:
    linear-gradient(135deg, color-mix(in srgb, var(--vid-color-accent, #d4b06a) 4%, transparent), transparent 40%),
    rgba(10,16,31,.44);
}

.ranking-card__rank {
line-height: 1;
}

.ranking-card h3 {
margin: 0; font-size: clamp(1.14rem, 2vw, 1.4rem);
}

.ranking-card__score {
display: inline-flex;
  align-items: baseline;
  gap: .15rem;
  color: var(--vid-color-text, #fff);
  font-size: clamp(1.45rem, 3vw, 2rem);
  white-space: nowrap;
}

.score-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: .75rem 1rem;
  margin-top: 1.15rem;
  padding-top: 1rem;
  border-top: 1px solid rgba(148,163,184,.16);
}

.score-item {
display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .3rem .65rem;
  align-items: center;
}

.score-item span {
color: var(--vid-color-text-muted, #a3afc7); font-size: .72rem;
}

.score-item b {
font-size: .73rem; font-variant-numeric: tabular-nums;
}

.score-item i {
grid-column: 1 / -1;
  display: block;
  height: 2px;
  overflow: hidden;
  background: rgba(148,163,184,.18);
  border-radius: 999px;
}

.score-item i::after {
content: "";
  display: block;
  width: var(--score, 0%);
  height: 100%;
  background: var(--vid-color-accent, #d4b06a);
  border-radius: inherit;
}

.portfolio-model-grid {
display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 1rem;
}

.portfolio-model-card {
padding: 1.25rem;
  border: 1px solid rgba(148,163,184,.22);
  border-radius: var(--vid-radius-lg, 24px);
  background: rgba(10,16,31,.38);
}

.portfolio-model-card__eyebrow {
margin: 0 0 .55rem; color: var(--vid-color-accent,#d4b06a); font-size: .66rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase;
}

.portfolio-model-card h3 {
margin: 0 0 .6rem;
}

.portfolio-model-card > p:not(.portfolio-model-card__eyebrow) {
color: var(--vid-color-text-muted,#a3afc7); font-size: .86rem; line-height: 1.58;
}

.portfolio-model-card ul {
list-style: none; margin: 1rem 0 0; padding: 0; border-top: 1px solid rgba(148,163,184,.16);
}

.portfolio-model-card li {
display: flex; justify-content: space-between; gap: 1rem; padding: .62rem 0; border-bottom: 1px solid rgba(148,163,184,.12); font-size: .82rem;
}

.portfolio-model-card li span {
color: var(--vid-color-text-muted,#a3afc7);
}

.portfolio-model-card li b {
color: var(--vid-color-text,#fff);
}

.writing-hub__switch {
width: min(100%, 760px);
  max-width: none;
  display: grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap: 0;
  padding: 4px;
  border-radius: 15px;
}

.writing-hub__switch .vid-view-switch__btn {
min-width: 0;
  border-radius: 11px;
  padding: .68rem .75rem;
  letter-spacing: .075em;
  white-space: nowrap;
}

.writing-hub__switch .vid-view-switch__btn + .vid-view-switch__btn {
border-left: 1px solid rgba(148,163,184,.13);
}

.writing-hub__switch .vid-view-switch__btn.is-active + .vid-view-switch__btn,
.writing-hub__switch .vid-view-switch__btn + .vid-view-switch__btn.is-active {
border-left-color: transparent;
}

.writing-hub__switch .vid-view-switch__btn > span {
font-family:"Cormorant Garamond",Georgia,serif;
  font-size:1rem;
  line-height:1;
  opacity:.7;
}

.hub-dual {
display:grid;
  align-items:start;
  gap:clamp(2.2rem,5vw,5rem);
}

.hub-dual--invest {
grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);
}

.hub-dual--countries {
grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
}

.hub-column {
min-width:0;
}

.hub-column + .hub-column {
position:relative;
  padding-left:clamp(1.4rem,3vw,2.7rem);
}

.hub-column + .hub-column::before {
content:"";
  position:absolute;
  top:0;
  bottom:0;
  left:0;
  width:1px;
  background:linear-gradient(180deg,transparent,rgba(148,163,184,.22) 6%,rgba(148,163,184,.22) 94%,transparent);
}

.hub-column .hub-section {
margin-top:clamp(2rem,4vw,3.5rem);
}

.hub-column .hub-section:first-child {
margin-top:0;
}

.hub-column .section-title-row {
display:block;
  margin-bottom:1.15rem;
}

.hub-column .section-title-caption {
max-width:48ch;
  margin-top:.42rem;
  line-height:1.55;
}

.hub-dual--invest .hub-column--primary .hub-mini-grid,
.hub-dual--countries .country-writing-grid {
grid-template-columns:1fr;
}

.hub-dual--invest .asset-card-grid,
.hub-dual--invest .portfolio-model-grid {
grid-template-columns:1fr;
}

.hub-dual--countries .travel-index-grid {
grid-template-columns:1fr;
}

.hub-mini-card--flagged {
display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.9rem;
  align-items:start;
}

.hub-mini-card--flagged .hub-mini-card__flag {
display:grid;
  place-items:center;
  min-width:38px;
  min-height:30px;
  font-size:1.75rem;
  line-height:1;
}

.hub-mini-card--flagged > div > p:last-child {
margin:0; color:var(--vid-color-text-muted,#a3afc7); line-height:1.62; font-size:.88rem;
}

.hub-dual--countries .atlas-grid {
grid-template-columns:1fr;
  gap:1rem;
  padding-left:2.3rem;
}

.hub-dual--countries .atlas-grid::before {
left:.65rem;
  transform:none;
}

.hub-dual--countries .atlas-card,
.hub-dual--countries .atlas-card:nth-child(even) {
transform:none;
}

.hub-dual--countries .atlas-card::after,
.hub-dual--countries .atlas-card:nth-child(odd)::after,
.hub-dual--countries .atlas-card:nth-child(even)::after {
left:-1.7rem;
  right:auto;
  width:1.7rem;
}

.asset-card-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}

.asset-score-card {
min-width:0;
}

.asset-score-card__top,
.country-rank-card__top {
  display:grid;
  gap:.75rem;
  align-items:center;
}

.asset-score-card__top .ranking-card__rank {
justify-self:start;
}

.asset-score-card__desc,
.country-rank-card__desc {
margin:.48rem 0 0; color:var(--vid-color-text-muted,#a3afc7); font-size:.84rem; line-height:1.55;
}

.portfolio-model-card__head {
display:flex; align-items:center; gap:.75rem; margin-bottom:.8rem;
}

.portfolio-model-card__head .portfolio-model-card__eyebrow {
margin:0;
}

.hub-icon--portfolio {
width:40px; height:40px; border-radius:50%;
}

.atlas-note {
display:grid;
  grid-template-columns:auto minmax(0,1fr);
  gap:.8rem;
  align-items:start;
  max-width:86ch;
  margin:-.7rem 0 1.6rem;
  padding:.85rem 0 .95rem;
  border-bottom:1px solid rgba(148,163,184,.18);
  color:var(--vid-color-text-muted,#a3afc7);
}

.atlas-note > span {
color:var(--vid-color-accent,#d4b06a);
}

.atlas-note p {
margin:0; font-size:.86rem; line-height:1.65;
}

.atlas-note a {
color:var(--vid-color-accent,#d4b06a); text-decoration:none; font-weight:700;
}

.atlas-grid {
position:relative;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.1rem 3.5rem;
  padding-block:.25rem 2.25rem;
}

.atlas-grid::before {
content:"";
  position:absolute;
  top:.5rem;
  bottom:1.4rem;
  left:50%;
  width:1px;
  transform:translateX(-50%);
  background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--vid-color-accent,#d4b06a) 50%,transparent) 10%,rgba(148,163,184,.2) 90%,transparent);
}

.atlas-card {
position:relative;
  min-width:0;
  padding:1.2rem 1.25rem 1.25rem;
  border:1px solid rgba(148,163,184,.2);
  border-radius:var(--vid-radius-lg,24px);
  background:
    radial-gradient(circle at 82% 14%,color-mix(in srgb,var(--vid-color-accent,#d4b06a) 9%,transparent),transparent 30%),
    rgba(10,16,31,.36);
}

.atlas-card:nth-child(even) {
transform:translateY(2rem);
}

.atlas-card::after {
content:"";
  position:absolute;
  top:42px;
  width:1.75rem;
  height:1px;
  background:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 38%,rgba(148,163,184,.25));
}

.atlas-card:nth-child(odd)::after {
right:-1.76rem;
}

.atlas-card:nth-child(even)::after {
left:-1.76rem;
}

.atlas-card__head {
display:flex; justify-content:space-between; align-items:start; gap:1rem;
}

.atlas-card__flag,
.country-rank-card__flag {
display:grid;
  place-items:center;
  min-width:48px;
  min-height:36px;
  font-size:2rem;
  line-height:1;
  filter:saturate(.92);
}

.atlas-card__coord {
display:flex; align-items:baseline; gap:.45rem; color:var(--vid-color-text-muted,#a3afc7);
}

.atlas-card__coord small {
font-size:.58rem; font-weight:700; letter-spacing:.1em; text-transform:uppercase;
}

.atlas-card__coord b {
color:var(--vid-color-accent,#d4b06a);
}

.atlas-card__theme {
margin:1rem 0 .2rem; color:var(--vid-color-accent,#d4b06a); font-size:.64rem; font-weight:700; letter-spacing:.12em; text-transform:uppercase;
}

.atlas-card h3 {
margin:.15rem 0 .55rem; font-size:clamp(1.25rem,2.2vw,1.55rem);
}

.atlas-card__desc {
margin:0; color:var(--vid-color-text-muted,#a3afc7); font-size:.85rem; line-height:1.62;
}

.atlas-axis {
margin-top:1.15rem; padding-top:.8rem; border-top:1px solid rgba(148,163,184,.13);
}

.atlas-axis__labels {
display:flex; justify-content:space-between; gap:1rem; margin-bottom:.48rem; color:var(--vid-color-text-muted,#a3afc7); font-size:.6rem; letter-spacing:.055em; text-transform:uppercase;
}

.atlas-axis__line {
position:relative; height:1px; background:rgba(148,163,184,.24);
}

.atlas-axis__line i {
position:absolute; left:var(--atlas-pos,50%); top:50%; width:9px; height:9px; transform:translate(-50%,-50%); border:2px solid var(--vid-color-accent,#d4b06a); border-radius:50%; background:var(--vid-color-bg,#07101f); box-shadow:0 0 0 4px color-mix(in srgb,var(--vid-color-accent,#d4b06a) 9%,transparent);
}

.atlas-card__link,
.country-rank-card__link {
display:inline-block; margin-top:1rem; color:var(--vid-color-accent,#d4b06a); text-decoration:none; font-size:.74rem; font-weight:700;
}

.travel-index-grid {
display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem;
}

.country-rank-card__top .ranking-card__rank {
justify-self:start;
}

html[data-vid-theme="light"] .hub-mini-card,
html[data-vid-theme="light"] .portfolio-model-card {
background: rgba(255,255,255,.72);
  border-color: rgba(71,85,105,.18);
}

/* 1.4.53 — Investment Corner + Dream Atlas score cards use the same warm editorial cream language. */
html[data-vid-theme="light"] .ranking-card {
  background:linear-gradient(145deg,rgba(247,240,229,.98),rgba(241,232,218,.96));
  border-color:rgba(190,156,95,.34);
  box-shadow:0 10px 28px rgba(72,52,38,.055),inset 0 1px 0 rgba(255,255,255,.78);
}
html[data-vid-theme="light"] .ranking-card .score-grid {
  border-top-color:rgba(122,31,43,.13);
}

html[data-vid-theme="light"] .hub-notice {
background:rgba(212,176,106,.08); border-color:rgba(146,107,43,.25);
}

html[data-vid-theme="light"] .atlas-note {
border-color:rgba(71,85,105,.17);
}

html[data-vid-theme="light"] .atlas-card {
background:rgba(255,255,255,.76); border-color:rgba(71,85,105,.18);
}

@media (max-width: 900px) {
  .hub-dual {
grid-template-columns:1fr; gap:2.6rem;
  }

  .hub-column + .hub-column {
padding-left:0;
  }

  .hub-column + .hub-column::before {
display:none;
  }

  .hub-dual--countries .atlas-grid {
padding-left:2.3rem;
  }

  .hub-mini-grid,
.portfolio-model-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .score-grid {
grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .atlas-grid {
gap:1rem 2.5rem;
  }

  .atlas-card:nth-child(odd)::after {
right:-1.26rem; width:1.25rem;
  }

  .atlas-card:nth-child(even)::after {
left:-1.26rem; width:1.25rem;
  }
}

@media (max-width: 720px) {
  .content-hub,
.hub-section {
width:min(100% - 1.15rem, var(--vid-max-width,1120px));
  }

  .content-hub__switch {
width:100%; overflow-x:auto; justify-content:flex-start;
  }

  .content-hub__switch .vid-view-switch__btn {
flex:0 0 auto; min-width:max-content;
  }

  .writing-hub__switch {
display:flex; width:100%; border-radius:14px; scrollbar-width:none;
  }

  .writing-hub__switch::-webkit-scrollbar {
display:none;
  }

  .writing-hub__switch .vid-view-switch__btn {
flex:1 0 148px; min-width:148px;
  }

  .hub-mini-grid,
.portfolio-model-grid {
grid-template-columns:1fr;
  }

  .ranking-card__rank {
font-size:1.35rem; padding-top:.12rem;
  }

  .ranking-card__score {
font-size:1.35rem;
  }

  .score-grid {
grid-template-columns:1fr 1fr; gap:.7rem;
  }

  .country-rank-card .ranking-card__score {
grid-column:3; justify-self:start; margin-top:.35rem;
  }

  .asset-card-grid,
.atlas-grid,
.travel-index-grid {
grid-template-columns:1fr;
  }

  .atlas-grid::before,
.atlas-card::after {
display:none;
  }

  .atlas-card:nth-child(even) {
transform:none;
  }
}

@media (max-width: 480px) {
  .score-grid {
grid-template-columns:1fr;
  }

  .ranking-card__score {
grid-column:2; justify-self:start;
  }

  .country-rank-card .ranking-card__score {
grid-column:3;
  }
}

.hub-dual--countries-v2 {
grid-template-columns:minmax(0,1.12fr) minmax(355px,.88fr);
}

.hub-dual--countries-v2 .country-writing-grid--lead {
grid-template-columns:repeat(2,minmax(0,1fr));
}

.hub-dual--countries-v2 .travel-index-grid,
.hub-dual--countries-v2 .atlas-grid--compact {
grid-template-columns:1fr;
}

.hub-dual--countries-v2 .atlas-grid--compact {
gap:.8rem;
  padding:0;
}

.hub-dual--countries-v2 .atlas-grid--compact::before,
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card::after {
display:none;
}

.hub-dual--countries-v2 .atlas-grid--compact .atlas-card,
.hub-dual--countries-v2 .atlas-grid--compact .atlas-card:nth-child(even) {
transform:none;
  padding:1rem 1.05rem 1.05rem;
  border-radius:16px;
}

.hub-dual--countries-v2 .atlas-grid--compact .atlas-card__flag {
min-width:40px; min-height:30px; font-size:1.7rem;
}

.hub-dual--countries-v2 .atlas-grid--compact .atlas-card__theme {
margin-top:.7rem;
}

.hub-dual--countries-v2 .atlas-grid--compact .atlas-card h3 {
font-size:1.22rem;
}

.vid-empty-state--ranking {
min-height:92px; display:flex; align-items:center;
}

@media (max-width:1050px) {
  .hub-dual--countries-v2 .country-writing-grid--lead {
grid-template-columns:1fr;
  }
}

@media (max-width:900px) {
  .hub-dual--countries-v2 {
grid-template-columns:1fr;
  }
}

.vid-view-switch__label--short {
display:none;
}

.ranking-card__identity {
min-width:0;
  display:flex;
  align-items:baseline;
  gap:.42rem;
  line-height:1.15;
}

.ranking-card__rank {
flex:0 0 auto;
  color:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 88%,#fff);
  font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.09em;
  font-variant-numeric:tabular-nums;
}

.ranking-card__sep {
flex:0 0 auto;
  color:color-mix(in srgb,var(--vid-color-accent,#d4b06a) 54%,var(--vid-color-text-muted,#a3afc7));
  font-size:.76rem;
}

.ranking-card__name {
min-width:0;
  overflow:hidden;
  text-overflow:ellipsis;
  color:var(--vid-color-text,#f5f5f7);
  font-size:.92rem;
  font-weight:750;
  white-space:nowrap;
}

.asset-score-card__top,
.country-rank-card__top {
margin-bottom:.2rem;
}

.asset-score-card__top {
grid-template-columns:auto minmax(0,1fr) auto;
}

.country-rank-card__top {
grid-template-columns:auto minmax(0,1fr) auto;
}

.country-rank-card__flag {
min-width:42px;
  min-height:32px;
  display:grid;
  place-items:center;
  font-size:1.75rem;
  line-height:1;
}

html[data-vid-theme="light"] .ranking-card__name {
color:#241f1a;
}

@media (max-width:640px) {
  .writing-hub__switch {
display:grid !important;
    grid-template-columns:repeat(3,minmax(0,1fr)) !important;
    width:100% !important;
    max-width:none !important;
    gap:4px !important;
    padding:4px !important;
    overflow:visible !important;
    border-radius:14px !important;
  }

  .writing-hub__switch .vid-view-switch__btn {
display:flex !important;
    flex:initial !important;
    width:100% !important;
    min-width:0 !important;
    min-height:52px;
    justify-content:center;
    align-items:center;
    gap:.3rem;
    padding:.55rem .22rem !important;
    border-radius:10px !important;
    font-size:.64rem !important;
    letter-spacing:.035em !important;
    white-space:nowrap;
  }

  .writing-hub__switch .vid-view-switch__roman {
flex:0 0 auto;
    font-family:"Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif !important;
    font-size:.67rem !important;
    font-weight:800;
    letter-spacing:0;
    opacity:.58;
  }

  .writing-hub__switch .vid-view-switch__label:not(.vid-view-switch__label--short) {
display:none;
  }

  .writing-hub__switch .vid-view-switch__label--short {
display:inline;
  }

  .ranking-card__identity {
gap:.32rem;
  }

  .ranking-card__rank {
font-size:.72rem !important; padding-top:0 !important;
  }

  .ranking-card__name {
font-size:.86rem;
  }

  .country-rank-card__flag {
min-width:38px; font-size:1.55rem;
  }
}

.atlas-card__coord b {
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .76rem !important;
  font-weight: 800 !important;
  line-height: 1 !important;
  letter-spacing: .08em !important;
  font-variant-numeric: tabular-nums;
}

.atlas-card__coord small {
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ranking-card__score {
font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-weight: 760 !important;
  letter-spacing: -.025em;
  font-variant-numeric: tabular-nums;
}

.ranking-card__score small {
margin-left: .08rem;
  color: color-mix(in srgb, var(--vid-color-text, #f5f5f7) 70%, var(--vid-color-text-muted, #a3afc7)) !important;
  font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif !important;
  font-size: .58em !important;
  font-weight: 700 !important;
  letter-spacing: 0;
}

@media (max-width: 640px) {
  .atlas-card__coord {
gap: .35rem;
  }

  .atlas-card__coord b {
font-size: .72rem !important;
  }

  .ranking-card__score {
font-size: 1.48rem !important;
  }

  .ranking-card__score small {
font-size: .56em !important;
  }
}


/* =========================================================
   1.4.54 — Finish the light editorial card parity
   Model portfolios and Dream Atlas coordinates use the same
   warm cream surface as the writing / investment score cards.
   ========================================================= */
html[data-vid-theme="light"] .content-hub .portfolio-model-card,
html[data-vid-theme="light"] .content-hub .atlas-card,
html[data-vid-theme="light"] .content-hub .atlas-card:nth-child(even) {
  background:#f3ead9 !important;
  border-color:#d7c49d !important;
  box-shadow:0 10px 28px rgba(79,58,39,.055), inset 0 1px 0 rgba(255,255,255,.58);
}
html[data-vid-theme="light"] .content-hub .portfolio-model-card ul,
html[data-vid-theme="light"] .content-hub .atlas-axis {
  border-color:rgba(122,31,43,.11);
}
html[data-vid-theme="light"] .content-hub .atlas-axis__line {
  background:rgba(122,31,43,.12);
}