/* "Calm" look (proposal, loaded after styles.css).
   Modeled on how Apple, Stripe, Linear, Vercel, Tesla, NVIDIA, Coinbase, Airbnb, Cloudflare and Palantir use colour:
   1. one accent (our orange), only for the primary action, key numbers and the brand
   2. neutrals do the rest: near-black surfaces, off-white / grey text, translucent white borders
   3. sale / lease / hosting told apart by label text, not by colour
   4. red = banned / errors only; no decorative greens, yellows, blues or violets
   5. third-party buttons (WhatsApp, Telegram) are neutral with monochrome icons
   6. no neon glows; the globe is the one visual centrepiece, in accent + neutrals */

:root {
  --text: #ededf0; --muted: #c4c8d0; --dim: #8d93a0;
  --line: rgba(255,255,255,.08); --line-hi: rgba(255,255,255,.16);
  --btc-glow: transparent; --cyan-glow: transparent; --yellow-glow: transparent; --violet-glow: transparent;
  --lease-glow: transparent; --wa-glow: transparent; --red-glow: transparent;
  /* former accents collapse into neutrals */
  --cyan: #ededf0; --cyan-hi: #ffffff;
  --yellow: #c4c8d0; --lease: #c4c8d0; --sale: #ededf0; --violet: #c4c8d0;
  --wa: #ededf0; --wa-hi: #ffffff;
  --globe-line: linear-gradient(90deg, rgba(255,148,22,0), #ff9416 50%, rgba(255,148,22,0));
}

/* no neon: glows and glitch effects off */
*, *::before, *::after { text-shadow: none !important; }
/* the hero glitch stays (it's part of the brand), in the new palette: white + orange slices instead of cyan + yellow */
.glitch::before { color: #ffffff; }
.glitch::after { color: var(--btc); }
.hero::before { opacity: .35; }

/* gradient rules → one thin accent line */
.panel::before, .modal-in::before { background: var(--btc) !important; }

/* buttons: one accent (primary), everything else neutral */
.btn-dark { background: #ededf0; color: #0a0b0f; }
.btn-dark:hover { background: #fff; filter: none; }
/* ghost buttons: an even, visible outline in both themes (kept on hover) */
:root { --edge: rgba(255,255,255,.34); --tint: rgba(255,255,255,.07); }
html[data-theme="light"] { --edge: rgba(12,14,20,.4); --tint: rgba(12,14,20,.05); }
.btn-ghost, .btn-line { background: linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(var(--edge), var(--edge)) border-box !important; }
.btn-ghost:hover, .btn-line:hover { color: var(--text) !important; background: linear-gradient(var(--tint), var(--tint)) padding-box, linear-gradient(var(--bg), var(--bg)) padding-box, linear-gradient(var(--text), var(--text)) border-box !important; }
a.stat:hover, a.stat:focus-visible { border-color: var(--btc) !important; }
.nav a:not(.btn) { white-space: nowrap; }
.btn-tg, .btn-wa { background: transparent !important; color: var(--text) !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.22); }
.btn-tg:hover, .btn-wa:hover { background: rgba(255,255,255,.07) !important; filter: none !important; }
.btn-primary:hover { filter: none; }

/* header: "Highlighted" link no longer green */
.nav a.nav-hl { color: inherit; }
.nav a.nav-hl:hover { color: var(--btc-hi); }   /* brighter orange on hover, readable in both themes */

/* ticker */
.ticker-dot { background: var(--dim); box-shadow: none; }

/* listing cards */
.card:hover { filter: none; }
.card:hover::after { background: linear-gradient(rgba(255,255,255,.28), rgba(255,255,255,.28)) border-box !important; }
.card-hl, .card-hl::after { filter: none !important; }
.card-hl::after { background: linear-gradient(135deg, var(--btc), rgba(255,148,22,.12) 35%, rgba(255,255,255,.08) 60%) border-box !important; }
.plaque, .plaque.sale, .plaque.lease, .plaque.hosting, .plaque.inquiry, .plaque.both .p-sale, .plaque.both .p-lease {
  background: rgba(8,9,12,.78) !important; color: #fff !important; box-shadow: inset 0 0 0 1px rgba(255,255,255,.25) !important;
  backdrop-filter: blur(4px); -webkit-backdrop-filter: blur(4px);
}
.plaque.both { box-shadow: none !important; gap: 1px; }
.new-badge { background: #ededf0; color: #0a0b0f; animation: none; }
.card-mw { text-shadow: 0 2px 10px rgba(0,0,0,.7) !important; }
.card-id { color: var(--dim); }
.card-loc svg { color: var(--dim); }
.card-broker { color: var(--dim); }
.spec:nth-child(2) .spec-v { color: var(--text); }
.spec:nth-child(3) .spec-v { color: var(--btc); }          /* the price is the one coloured number */
.photo-gate:hover { background: rgba(255,255,255,.12); border-color: rgba(255,255,255,.5); }
.tg-logo { background: rgba(255,255,255,.14); box-shadow: none; }

/* section headings: words stay white; the accent is kept for the hero line only */
.section-head h2 em, .alerts-intro h2 em, html[data-page="hosting"] .desk-hero h1 em { color: inherit !important; font-style: normal; }
.estate .eyebrow::before, .quick .eyebrow, .quick .eyebrow::before { color: var(--dim) !important; }
.hero h1 .glow, .about-hero h1 em { color: var(--btc); }

/* filters: active = white, not a colour per type */
.seg button[aria-pressed="true"], .seg button[data-type][aria-pressed="true"] { background: #ededf0 !important; color: #0a0b0f !important; box-shadow: none !important; }
.seg button[data-type="featured"] { color: inherit; }
.pk[aria-pressed="true"] { background: #ededf0 !important; color: #0a0b0f !important; border-color: #ededf0 !important; }

/* country chips */
.chip .n, .chip.hosting .n, .chip.active .n { color: var(--dim); }
.chip.sites .n { color: var(--btc); }
.chip.sites { box-shadow: none; border-color: rgba(255,148,22,.5); }
.chip.hosting, .chip.active { border-color: var(--line-hi); }

/* quick deals + highlighted rail: neutral with the accent edge */
.qcard { background: var(--panel); }
.qcard::after { background: linear-gradient(135deg, rgba(255,148,22,.7), rgba(255,255,255,.08) 40%) border-box !important; }
.qcard:hover { filter: none; }
.hl-kicker, .hl-all { color: var(--btc) !important; }
.hl-item:hover, .hl-item:focus-visible { background: rgba(255,255,255,.04); border-color: var(--line-hi); }
.hl-item.svc-sale, .hl-item.svc-lease, .hl-item.svc-both, .hl-item.svc-hosting { border-left-color: var(--line-hi); }
.mini.svc-lease, .mini.svc-hosting { border-left-color: var(--line-hi); }
.q-head .q-badge.svc-lease, .q-head .q-badge.svc-hosting, .q-head .q-badge.svc-both { background: #ededf0 !important; color: #0a0b0f !important; box-shadow: none !important; }
.tag.host { background: transparent; }

/* globe: accent for countries with sites, neutral steps for the rest, red only for bans */
.map-card .graticule { stroke: rgba(255,255,255,.07) !important; filter: none !important; stroke-dasharray: none; }
.map-card .graticule-major { stroke: rgba(255,255,255,.18) !important; filter: none !important; }
.map-card .country.tier-sites, .map-card .tops .country.tier-sites { fill: rgba(255,148,22,.55) !important; stroke: #ffb04a !important; animation: none !important; filter: none !important; }
.map-card .country.tier-hosting, .map-card .tops .country.tier-hosting { fill: rgba(237,237,240,.28) !important; stroke: rgba(255,255,255,.7) !important; filter: none !important; }
.map-card .country.tier-active, .map-card .tops .country.tier-active { fill: rgba(237,237,240,.1) !important; stroke: rgba(255,255,255,.35) !important; filter: none !important; }
.map-card .country.tier-banned, .map-card .tops .country.tier-banned { fill: rgba(255,42,61,.12) !important; stroke: rgba(255,77,94,.55) !important; filter: none !important; }
.map-card .country:hover { filter: none !important; }
.b-core { fill: #fff; stroke: var(--btc); filter: none; }
.b-ring { stroke: rgba(255,255,255,.6); }
/* globe gradients (drawn by app.js; CSS beats SVG presentation attributes) */
#beam stop { stop-color: #ffffff; }
#ocean stop:nth-child(1) { stop-color: #1a1d24; }
#ocean stop:nth-child(2) { stop-color: #0c0e12; }
#ocean stop:nth-child(3) { stop-color: #ffffff; stop-opacity: .06; }
#shine stop { stop-color: #ffffff; }
.map-card { border-color: var(--line-hi) !important; }
.map-card .country.tier-sites, .map-card .tops .country.tier-sites { fill: rgba(255,148,22,.42) !important; }

/* NEW and Highlighted keep the accent: orange means "look here" (price goes back to white) */
.spec:nth-child(3) .spec-v { color: var(--text); font-weight: 700; }
.new-badge { background: var(--btc) !important; color: #0a0500 !important; animation: newPulse 2.4s ease-in-out infinite; }
@keyframes newPulse { 50% { box-shadow: 0 0 0 4px rgba(255,148,22,.25); } }
.ticker-item .up, .ticker-item .new { color: var(--btc); }
.card-hl::after { background: linear-gradient(var(--btc), var(--btc)) border-box !important; }
.card-art .q-tag, .q-tag { background: var(--btc) !important; color: #0a0500 !important; border-color: var(--btc) !important; box-shadow: none !important; font-weight: 700; }
.q-tag svg { display: none; }
.q-tag::before { content: "★"; margin-right: 2px; }
/* the one green on the site: the WhatsApp Quick inquiry button (instantly read as "chat now") */
.card-wa, .q-main.btn-wa { background: #1daa61 !important; color: #ffffff !important; box-shadow: none !important; }   /* WhatsApp's own button: its green, white text */
.card-wa:hover, .q-main.btn-wa:hover { background: #25d366 !important; }
.nav a.nav-hl { color: var(--btc); }
.seg button[data-type="featured"]:not([aria-pressed="true"]) { color: var(--btc); }
@media (prefers-reduced-motion: reduce) { .new-badge { animation: none; } }

/* ======================= Light theme (html[data-theme="light"], set by the header switch) =======================
   Same rules as dark: one orange accent, neutral greys, green only on the WhatsApp button, red only for bans.
   Orange is a step deeper so it keeps contrast on white. Photos keep their dark overlays (white text on photos). */
html[data-theme="light"] {
  color-scheme: light;
  --void: #f3f4f6; --bg: #f7f8fa; --panel: #ffffff; --panel-2: #fbfbfc;
  --line: rgba(12,14,20,.10); --line-hi: rgba(12,14,20,.18);
  --text: #121419; --muted: #3c414b; --dim: #6a707c;
  --btc: #e67800; --btc-hi: #ff8a0a;
  --cyan: #121419; --cyan-hi: #000000; --sale: #121419;
  --yellow: #3c414b; --lease: #3c414b; --violet: #3c414b;
  --wa: #121419; --wa-hi: #000000;
  --land: #e4e6ea;
}
html[data-theme="light"] body::after { background: none; }                 /* no CRT scanlines / vignette */
html[data-theme="light"] .hero::before { background: linear-gradient(rgba(12,14,20,.07) 1px, transparent 1px) 0 0 / 60px 60px, linear-gradient(90deg, rgba(12,14,20,.07) 1px, transparent 1px) 0 0 / 60px 60px; }
html[data-theme="light"] .hero::after { background: radial-gradient(closest-side, rgba(255,148,22,.16), transparent 75%); }
html[data-theme="light"] .site-header, html[data-theme="light"] .filters.is-stuck { background: rgba(255,255,255,.86); }
html[data-theme="light"] .ticker { background: #ffffff; }
html[data-theme="light"] .stat, html[data-theme="light"] a.stat:hover, html[data-theme="light"] a.stat:focus-visible { background: #ffffff; }
html[data-theme="light"] .estate { background: var(--bg); }
html[data-theme="light"] .site-footer { background: #eceef1; }
html[data-theme="light"] .mobile-cta { background: rgba(255,255,255,.94); }
html[data-theme="light"] .map-tools button, html[data-theme="light"] .map-hint, html[data-theme="light"] .map-tip,
html[data-theme="light"] .hl-gate, html[data-theme="light"] .nav-toggle { background: rgba(255,255,255,.92); color: var(--text); border-color: var(--line-hi); }
html[data-theme="light"] .nav-drawer, html[data-theme="light"] .nav-dd-menu { background: #ffffff; border-color: var(--line-hi); }
html[data-theme="light"] .nav-toggle span { background: var(--text); }
html[data-theme="light"] .qcard { background: #ffffff; }
html[data-theme="light"] .q-minimap { background: #eef0f3; border-color: var(--line-hi); }
html[data-theme="light"] .hl-item img, html[data-theme="light"] .hl-noimg { background: #e4e6ea; }
html[data-theme="light"] .select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23121419' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); }
html[data-theme="light"] .seg button[aria-pressed="true"], html[data-theme="light"] .pk[aria-pressed="true"] { background: #121419 !important; color: #ffffff !important; border-color: #121419 !important; }
html[data-theme="light"] .btn-dark { background: #121419; color: #ffffff; }
html[data-theme="light"] .btn-dark:hover { background: #000; }
html[data-theme="light"] .btn-tg, html[data-theme="light"] .btn-wa:not(.card-wa):not(.q-main) { box-shadow: inset 0 0 0 1px rgba(12,14,20,.28); }
html[data-theme="light"] .new-badge, html[data-theme="light"] .q-tag, html[data-theme="light"] .card-art .q-tag { color: #ffffff !important; }
html[data-theme="light"] .btn-primary, html[data-theme="light"] .chip[aria-pressed="true"] { color: #ffffff; }
html[data-theme="light"] .glitch::before { color: #121419; }
html[data-theme="light"] .card:hover::after { background: linear-gradient(rgba(12,14,20,.3), rgba(12,14,20,.3)) border-box !important; }
html[data-theme="light"] .specs { background: #f5f6f8; }
html[data-theme="light"] .photo-gate { color: #fff; }
/* globe on light: pale sea, grey land, orange sites */
html[data-theme="light"] #ocean stop:nth-child(1) { stop-color: #ffffff; stop-opacity: .9; }
html[data-theme="light"] #ocean stop:nth-child(2) { stop-color: #eef0f3; stop-opacity: .9; }
html[data-theme="light"] #ocean stop:nth-child(3) { stop-color: #121419; stop-opacity: .08; }
html[data-theme="light"] #beam stop { stop-color: #e67800; }
html[data-theme="light"] .map-card { background: #f7f8fa; }
html[data-theme="light"] .map-card .graticule { stroke: rgba(12,14,20,.08) !important; }
html[data-theme="light"] .map-card .graticule-major { stroke: rgba(12,14,20,.16) !important; }
html[data-theme="light"] .map-card .country, html[data-theme="light"] .map-card .country.tier-active, html[data-theme="light"] .map-card .tops .country.tier-active { fill: #dfe2e7 !important; stroke: rgba(12,14,20,.28) !important; }
html[data-theme="light"] .map-card .country.tier-hosting, html[data-theme="light"] .map-card .tops .country.tier-hosting { fill: #a9aeb8 !important; stroke: #6a707c !important; }
html[data-theme="light"] .map-card .country.tier-sites, html[data-theme="light"] .map-card .tops .country.tier-sites { fill: rgba(230,120,0,.6) !important; stroke: #b35c00 !important; }
html[data-theme="light"] .map-card .country.tier-banned, html[data-theme="light"] .map-card .tops .country.tier-banned { fill: rgba(220,40,60,.14) !important; stroke: rgba(200,30,50,.5) !important; }
html[data-theme="light"] .g-back path { opacity: .35; }
html[data-theme="light"] .b-core { fill: #e67800; stroke: #fff; }

/* the header switch */
.theme-switch { display: inline-grid; place-items: center; width: 38px; height: 38px; padding: 0; border: 1px solid var(--line-hi); background: transparent; color: var(--text); cursor: pointer; flex: none; }
.theme-switch:hover { background: rgba(127,127,127,.12); }
.theme-switch:focus-visible { outline: 2px solid var(--btc); outline-offset: 2px; }
.theme-switch svg { width: 18px; height: 18px; }
.theme-switch .ts-moon { display: none; }                 /* the icon shows where a tap takes you */
html[data-theme="light"] .theme-switch .ts-moon { display: block; }
html[data-theme="light"] .theme-switch .ts-sun { display: none; }
/* room for the theme switch in mid-width headers */
@media (min-width: 820px) and (max-width: 1120px) {
  .nav a:not(.btn) { padding: 10px 8px; letter-spacing: .06em; font-size: 12px; }
  .nav { gap: 2px; }
  .theme-switch { width: 34px; height: 34px; margin: 0 4px; }
}
.site-header .brand { margin-right: 12px; }
/* globe halo + glow layer in the new palette */
.map-frame { filter: none; }
.glow-layer .tier-hosting { fill: #ededf0; opacity: .35; }
.glow-layer .tier-active { fill: #ededf0; opacity: .15; }
html[data-theme="light"] .glow-layer { display: none; }
html[data-theme="light"] .map-card .tops { filter: none; }
html[data-theme="light"] .map-card .country.tier-banned, html[data-theme="light"] .map-card .tops .country.tier-banned { fill: rgba(220,40,60,.07) !important; stroke: rgba(200,30,50,.35) !important; }
html[data-theme="light"] .map-card .country.tier-sites, html[data-theme="light"] .map-card .tops .country.tier-sites { fill: #f0a24a !important; stroke: #b35c00 !important; }
/* alerts block: no yellow / cyan wash */
.alerts-card { background: radial-gradient(80% 110% at 0% 0%, rgba(255,148,22,.07), transparent 60%), var(--panel); }
.alerts-mini { border-color: var(--line-hi); color: var(--text); }
.alerts-mini:hover { background: var(--tint); }
.alerts-points li::before { color: var(--btc); }
.alerts-tg { background: var(--panel-2) !important; border-color: var(--line-hi) !important; box-shadow: none !important; }
html[data-theme="light"] select { background-repeat: no-repeat !important; background-position: right 14px center !important; }
html[data-theme="light"] .alerts-row .select { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23121419' stroke-width='1.6' fill='none'/%3E%3C/svg%3E"); }
/* bands that stay dark in the light theme (deliberate contrast strips): dark tokens scoped to them */
html[data-theme="light"] .cta-band {
  --text: #ededf0; --muted: #c4c8d0; --dim: #8d93a0; --bg: #0b0d12; --panel: #0b0f19; --panel-2: #0e1320;
  --line: rgba(255,255,255,.08); --line-hi: rgba(255,255,255,.16); --edge: rgba(255,255,255,.34); --tint: rgba(255,255,255,.07);
  --cyan: #ededf0; --btc: #ff9416; color: var(--text);
}
/* light globe backdrop: a plotting-table look (soft centre light, faint graphite grid) so the space isn't empty */
html[data-theme="light"] .map-card {
  background:
    radial-gradient(70% 75% at 50% 48%, rgba(255,255,255,.95), rgba(255,255,255,0) 70%),
    radial-gradient(120% 100% at 50% 50%, transparent 55%, rgba(12,14,20,.06)),
    linear-gradient(rgba(12,14,20,.06) 1px, transparent 1px) 0 0 / 28px 28px,
    linear-gradient(90deg, rgba(12,14,20,.06) 1px, transparent 1px) 0 0 / 28px 28px,
    #eceef2 !important;
}
/* Instagram: no rainbow gradient, a neutral outline like the other third-party buttons */
.btn-ig { background: transparent !important; color: var(--text) !important; box-shadow: inset 0 0 0 1px var(--edge); }
.btn-ig:hover { background: var(--tint) !important; filter: none !important; }
/* listing popup: one accent for the location, whatever the deal type */
dialog.qmodal, dialog.qmodal:has(.q-badge.svc-hosting), dialog.qmodal:has(.q-badge.svc-sale),
dialog.qmodal:has(.q-badge.svc-lease), dialog.qmodal:has(.q-badge.svc-both) { --svc: #ff9416; --svc-a: rgba(255,148,22,.26); --svc-b: rgba(255,148,22,.06); }
.q-loc { color: var(--dim); }
.q-loc-text { background: var(--panel-2) !important; border-color: var(--line-hi) !important; }
.q-minimap { border-color: var(--line-hi) !important; }
.mm-grid { stroke: rgba(255,255,255,.07); }
/* light: the mini map becomes a pale map with graphite borders */
html[data-theme="light"] dialog.qmodal { --svc: #e67800; --svc-a: rgba(230,120,0,.22); }
html[data-theme="light"] .q-minimap { background: #eceef2 !important; }
html[data-theme="light"] .mm-land { fill: #ffffff !important; stroke: rgba(12,14,20,.22) !important; }
html[data-theme="light"] .mm-grid { stroke: rgba(12,14,20,.06); }
html[data-theme="light"] .mm-dot { fill: #ffffff; }
.svc-txt, .svc-txt.svc-sale, .svc-txt.svc-lease, .svc-txt.svc-hosting, .svc-txt.svc-both { color: var(--text) !important; }
/* popup map: the listing's state / country outlined in our orange (both themes) */
.mm-home { fill: rgba(255,148,22,.10); stroke: #ff9416; stroke-width: 1.8; stroke-linejoin: round; }
html[data-theme="light"] .mm-home { fill: rgba(230,120,0,.10); stroke: #e67800; }
.mm-target { stroke: #ff9416 !important; stroke-width: 1.8; }
/* Listings desk: one accent on every tab (no yellow / blue / cyan per desk) */
html[data-page] .desk-hero h1 em { color: var(--btc) !important; }
.dt, .dt-hosting, .dt-lease, .dt-buy, .dt-list { --dc: var(--btc); }
.dt[aria-selected="true"] { color: #0a0500; }
html[data-desk] .desk-form .btn-primary { background: var(--btc) !important; color: #0a0500 !important; }
html[data-theme="light"] .dt[aria-selected="true"], html[data-theme="light"][data-desk] .desk-form .btn-primary { color: #ffffff !important; }
.clear-filters { border-color: var(--line-hi); color: var(--text); }
.clear-filters:hover { background: var(--tint); border-color: var(--text); color: var(--text); }

/* wider layout on desktop: 1240 → 1440px content column (1640px on very wide screens) */
@media (min-width: 1400px) { :root { --max: 1440px; --gutter: 40px; } }
/* very wide screens: 1640px and 4 cards per row (each card about as wide as before) */
@media (min-width: 1760px) { :root { --max: 1640px; } .grid { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
/* About: warm glow instead of cyan / yellow; cards on the one accent */
.about-hero::after { background: radial-gradient(closest-side, rgba(255,148,22,.14), transparent 75%); }
html[data-theme="light"] .about-hero::after { background: radial-gradient(closest-side, rgba(255,148,22,.10), transparent 75%); }
.ab-card { --ac: var(--btc) !important; }
.ab-lease .ab-go, .ab-go { color: var(--btc) !important; }
.ab-tag, .ab-lease .ab-tag { color: #0a0500 !important; }
html[data-theme="light"] .ab-tag, html[data-theme="light"] .ab-lease .ab-tag { color: #ffffff !important; }
.ab-owner { background: radial-gradient(80% 140% at 0% 0%, rgba(255,148,22,.08), transparent 60%), var(--panel) !important; border-left-color: var(--btc) !important; }
.ab-owner .ab-tag { --ac: var(--btc); background: var(--btc) !important; }
/* desk box + currency badge: no cyan / green */
.desk-max { background: radial-gradient(90% 110% at 0% 0%, rgba(255,148,22,.07), transparent 60%), var(--panel); }
.currency-note .cn-ico { background: rgba(255,148,22,.14); color: var(--btc); }
/* phones: switch in the slide-out menu instead of the header */
@media (max-width: 819px) { .nav > .theme-switch { display: none; } }
.nd-theme { display: flex; align-items: center; gap: 10px; margin: 8px 16px; padding: 12px 14px; background: transparent; border: 1px solid var(--line-hi); color: var(--text); font: 600 13px var(--mono); letter-spacing: .08em; text-transform: uppercase; cursor: pointer; }
.nd-theme .ndt-dark { display: none; }
html[data-theme="light"] .nd-theme .ndt-dark { display: inline; }
html[data-theme="light"] .nd-theme .ndt-light { display: none; }
@media (min-width: 820px) { .nd-theme { display: none; } }
/* "N highlighted" tag in the country bar: highlighted = orange, like the cards */
.tag.hl { background: var(--btc) !important; color: #0a0500 !important; border-color: var(--btc) !important; box-shadow: none !important; }
html[data-theme="light"] .tag.hl { color: #ffffff !important; }

/* header links: an orange underline grows from the centre on hover; "Highlighted" also glows and grows a little */
.nav a:not(.btn) { position: relative; transition: color .2s, transform .2s, text-shadow .2s; }
.nav a:not(.btn)::after { content: ""; position: absolute; left: 50%; right: 50%; bottom: 4px; height: 2px; background: var(--btc); transition: left .22s ease, right .22s ease; pointer-events: none; }
.nav a:not(.btn):hover::after, .nav a:not(.btn):focus-visible::after { left: 8px; right: 8px; }
.nav .nav-dd-menu a::after { display: none; }   /* dropdown items keep their own hover */
.nav a.nav-hl { display: inline-block; }
.nav a.nav-hl:hover, .nav a.nav-hl:focus-visible { transform: scale(1.08); text-shadow: 0 0 12px rgba(255,148,22,.6), 0 0 2px rgba(255,148,22,.4) !important; }
html[data-theme="light"] .nav a.nav-hl:hover, html[data-theme="light"] .nav a.nav-hl:focus-visible { text-shadow: 0 0 10px rgba(230,120,0,.35) !important; }
@media (prefers-reduced-motion: reduce) { .nav a:not(.btn), .nav a:not(.btn)::after { transition: none; } .nav a.nav-hl:hover { transform: none; } }
.nav > .btn + .theme-switch { margin-left: 8px; }

/* X: neutral outline like Instagram */
.btn-x { background: transparent; color: var(--text); box-shadow: inset 0 0 0 1px var(--edge); }
.btn-x:hover { background: var(--tint); }
.btn-x svg { width: 16px; height: 16px; }
.follow-btn.f-x:hover { border-color: var(--text); background: var(--tint); }