/* ========================================================================== URSY ESTATE BRAND — the one ground for every property (4 Sep 2026). Source of truth: ursy.dev (tokens.css + aurora.css). Light is the default on every site; a site is dark only when it says so itself (html[data-theme="dark"], body.ursy-dark) or is dark by design (body.ueb-dark, e.g. ursy.games). Washes only, behind a veil, whole page. Never orb spheres. ========================================================================== */ :root { --ueb-bg: #fbfbfa; --ueb-ink: #131518; --ueb-ink2: #5c6167; --ueb-ink3: #686c72; --ueb-line: rgba(18, 20, 24, .08); --ueb-line2: rgba(18, 20, 24, .15); --ueb-glass: rgba(255, 255, 255, .72); --ueb-card: rgba(255, 255, 255, .82); --ueb-topline: rgba(255, 255, 255, .75); /* 1.3.4: the network strip's own ground. Near-white glass let it dissolve into the white header underneath; this is ursy.food's band tint, which reads as a separate row. */ --ueb-band: rgba(244, 246, 249, .9); --ueb-scrim: rgba(250, 250, 249, .3); --ueb-neon: #15E7F4; --ueb-o1: oklch(.76 .22 208); --ueb-o2: oklch(.66 .30 272); --ueb-o3: oklch(.86 .21 92); --ueb-o4: oklch(.66 .30 312); --ueb-vig: radial-gradient(130% 90% at 50% -22%, rgba(255, 255, 255, .6), rgba(255, 255, 255, 0) 56%), radial-gradient(130% 100% at 50% 120%, rgba(18, 20, 24, .075), rgba(18, 20, 24, 0) 52%); --ueb-field-op: .45; --ueb-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace; --ueb-ui: "Instrument Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif; } /* 1.3.60 - 11 September 2026: data-ursy-theme joins the list. ursy.fm is the only property that signals dark with THIS attribute, and until now this block could not see it - so fm flipped its own tokens while the estate kept handing out the LIGHT ones. That mattered more than it sounds, because the estate owns the page ground on every property: html { background: var(--ueb-bg) !important } body.ueb { background: transparent !important } fm's own `body { background: var(--bg) }` is overridden by that second rule, so with --ueb-bg stuck at #fbfbfa the page stayed WHITE no matter what fm's theme did - which is the white page under pale grey body text that was reported. */ html[data-theme="dark"], html[data-ursy-theme="dark"], html:not([data-theme="light"]):has(body.ueb-dark), html:not([data-theme="light"]):has(body.ursy-dark) { --ueb-bg: #050506; --ueb-ink: #f6f4f1; --ueb-ink2: #a5abb2; --ueb-ink3: #8e959d; --ueb-line: rgba(255, 255, 255, .085); --ueb-line2: rgba(255, 255, 255, .17); --ueb-glass: rgba(17, 17, 20, .7); --ueb-card: rgba(17, 17, 20, .8); --ueb-topline: rgba(255, 255, 255, .07); --ueb-band: rgba(12, 12, 15, .92); --ueb-scrim: rgba(5, 5, 6, .26); --ueb-o1: oklch(.72 .25 205); --ueb-o2: oklch(.62 .33 274); --ueb-o3: oklch(.82 .24 90); --ueb-o4: oklch(.64 .33 314); --ueb-vig: radial-gradient(130% 90% at 50% -22%, rgba(255, 255, 255, .05), rgba(255, 255, 255, 0) 56%), radial-gradient(130% 100% at 50% 120%, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0) 55%); --ueb-field-op: .38; } /* The ground: the html paints the estate ground, the body lets the field through. */ html { background: var(--ueb-bg) !important; } body.ueb { background: transparent !important; isolation: isolate; } .ueb-field { position: fixed; inset: 0; z-index: -1; overflow: hidden; pointer-events: none; contain: strict; } .ueb-field__hue { position: absolute; inset: 0; animation: uebHue 90s linear infinite; } .ueb-field__washes { position: absolute; inset: -25%; filter: blur(110px) saturate(110%); opacity: var(--ueb-field-op); } .ueb-field__washes i { position: absolute; display: block; border-radius: 50%; } .ueb-field__washes i:nth-child(1) { inset-inline-start: -5%; top: -8%; width: 64%; height: 46%; opacity: .6; background: radial-gradient(circle at 45% 40%, var(--ueb-o1) 0%, var(--ueb-o2) 52%, transparent 74%); animation: uebA 46s ease-in-out infinite; } .ueb-field__washes i:nth-child(2) { inset-inline-end: -8%; top: 12%; width: 58%; height: 40%; opacity: .5; background: radial-gradient(circle at 55% 55%, var(--ueb-o2) 0%, var(--ueb-o1) 50%, transparent 72%); animation: uebB 54s ease-in-out infinite; } .ueb-field__washes i:nth-child(3) { inset-inline-start: 20%; top: 52%; width: 60%; height: 34%; opacity: .42; background: radial-gradient(circle at 50% 50%, var(--ueb-o3) 0%, var(--ueb-o4) 48%, transparent 74%); animation: uebA 68s ease-in-out infinite reverse; } .ueb-field__washes i:nth-child(4) { inset-inline-end: 2%; bottom: -6%; width: 54%; height: 30%; opacity: .4; background: radial-gradient(circle at 45% 50%, var(--ueb-o4) 0%, var(--ueb-o2) 52%, transparent 74%); animation: uebB 76s ease-in-out infinite; } .ueb-field__veil { position: absolute; inset: 0; background: var(--ueb-scrim); } .ueb-field__vig { position: absolute; inset: 0; background: var(--ueb-vig); } .ueb-field__grain { position: absolute; inset: -4%; opacity: .04; mix-blend-mode: overlay; animation: uebGrain 7s steps(4) infinite; background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='160'%20height='160'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.82'%20numOctaves='3'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='160'%20height='160'%20filter='url(%23n)'/%3E%3C/svg%3E"); } @keyframes uebHue { 0% { filter: hue-rotate(0deg) saturate(1.15) } 25% { filter: hue-rotate(90deg) saturate(1.35) } 50% { filter: hue-rotate(180deg) saturate(1.15) } 75% { filter: hue-rotate(270deg) saturate(1.35) } 100% { filter: hue-rotate(360deg) saturate(1.15) } } @keyframes uebA { 0%, 100% { transform: translate3d(-14%, -10%, 0) scale(1.1) rotate(0deg) } 50% { transform: translate3d(16%, 12%, 0) scale(1.38) rotate(14deg) } } @keyframes uebB { 0%, 100% { transform: translate3d(12%, 14%, 0) scale(1.28) rotate(0deg) } 50% { transform: translate3d(-16%, -12%, 0) scale(1.04) rotate(-16deg) } } @keyframes uebGrain { 0% { transform: translate(0, 0) } 25% { transform: translate(-2%, 1%) } 50% { transform: translate(1%, -2%) } 75% { transform: translate(2%, 2%) } 100% { transform: translate(0, 0) } } @media (prefers-reduced-motion: reduce) { .ueb-field__hue, .ueb-field__washes i, .ueb-field__grain { animation: none; } } /* The network bar: one slim row above every header, every property, the current one lit. Scrolls sideways on phones. 1.3.4 polish (Lee, 10 Sep 2026 — "the top bar is not looking very good at all ... all ursy top nav bars should be a similar experience across the estate"): measured against ursy.food, which he gave as the reference. Food's band is 35px tall, 11px type, on a cool tint (rgba(244,246,249,.9)) with a hairline under it. Ours was 32px of 10.5px type on near-white glass, so it dissolved into the white header beneath it instead of reading as its own band. Matched to food: same height, same type size, same cool tint, hairline kept. */ .ueb-bar { position: relative; z-index: 4; display: flex; align-items: center; gap: 2px; height: 35px; padding: 0 clamp(14px, 3vw, 40px); box-sizing: border-box; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; -webkit-overflow-scrolling: touch; background: var(--ueb-band); box-shadow: inset 0 -1px 0 var(--ueb-line2); backdrop-filter: blur(20px) saturate(140%); -webkit-backdrop-filter: blur(20px) saturate(140%); font-family: var(--ueb-mono); font-size: 11px; letter-spacing: .05em; color: var(--ueb-ink2); } .ueb-bar::-webkit-scrollbar { display: none; } .ueb-bar__label { flex: none; margin-right: 10px; font-size: 9.5px; letter-spacing: .16em; color: var(--ueb-ink3); } .ueb-bar__link { flex: none; display: inline-flex; align-items: center; min-height: 24px; padding: 0 8px; border-radius: 999px; color: var(--ueb-ink2); text-decoration: none; white-space: nowrap; transition: color .15s ease, background .15s ease; } .ueb-bar__link:hover { color: var(--ueb-ink); background: var(--ueb-card); text-decoration: none; } .ueb-bar__link:focus-visible { outline: 2px solid var(--ueb-neon); outline-offset: -2px; } .ueb-bar__link.is-here { color: var(--ueb-ink); background: var(--ueb-card); box-shadow: inset 0 0 0 1px var(--ueb-line2); } /* The network footer: after the site's own footer, identical on every property. */ .ueb-foot { position: relative; z-index: 3; background: var(--ueb-glass); box-shadow: inset 0 1px 0 var(--ueb-line); backdrop-filter: blur(24px) saturate(140%); -webkit-backdrop-filter: blur(24px) saturate(140%); color: var(--ueb-ink); font-family: var(--ueb-ui); } .ueb-foot__inner { width: min(1180px, 100%); margin-inline: auto; padding: clamp(22px, 3.4vw, 34px) clamp(18px, 4vw, 44px) clamp(18px, 3vw, 26px); box-sizing: border-box; } .ueb-foot__head { margin: 0 0 14px; font-family: var(--ueb-mono); font-size: 10px; font-weight: 500; letter-spacing: .18em; color: var(--ueb-ink3); } .ueb-net { display: flex; flex-wrap: wrap; gap: 8px; } .ueb-pill { display: inline-flex; align-items: center; gap: 8px; min-height: 38px; padding: 0 15px; border-radius: 999px; font-size: 13.5px; font-weight: 500; letter-spacing: -.01em; color: var(--ueb-ink2); text-decoration: none; background: var(--ueb-card); box-shadow: inset 0 0 0 1px var(--ueb-line), inset 0 1px 0 var(--ueb-topline); transition: transform .18s ease, box-shadow .18s ease, color .18s ease; } .ueb-pill:hover { color: var(--ueb-ink); transform: translateY(-1px); box-shadow: inset 0 0 0 1px var(--ueb-line2), inset 0 1px 0 var(--ueb-topline), 0 10px 24px -16px rgba(16, 18, 22, .5); text-decoration: none; } .ueb-pill:focus-visible { outline: 2px solid var(--ueb-neon); outline-offset: 2px; } .ueb-pill.is-here { color: var(--ueb-ink); box-shadow: inset 0 0 0 1px var(--ueb-line2), inset 0 1px 0 var(--ueb-topline); } /* REVISED 11 September 2026 (1.3.47). This was color: var(--ueb-neon) - #15E7F4, which is NOT redefined in the dark register, so it is the same bright cyan whatever the page. On the footer's own near-white pill that measured 1.52:1 at 8px on ursy.io and ursy.domains: the marker telling a reader WHICH property they are on was the one word in the footer they could not read. (On ursy.games, whose footer is dark, the same cyan measures 12.43 - which is why it was never noticed.) --ueb-ink2 flips with the register, so it reads on both: 6.25 light, 8.14 dark. The pill's own ground still marks "here"; the label no longer has to do it in a colour nobody can see. */ .ueb-pill__here { font-family: var(--ueb-mono); font-size: 8px; letter-spacing: .14em; color: var(--ueb-ink2); } .ueb-foot__bottom { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 10px 24px; margin-top: 18px; padding-top: 14px; box-shadow: inset 0 1px 0 var(--ueb-line); font-family: var(--ueb-mono); font-size: 9px; letter-spacing: .2em; color: var(--ueb-ink3); padding-bottom: env(safe-area-inset-bottom); } /* Each property's OWN background field and OWN network strip give way to the estate ones (scoped by body class; no inline styles, ursy.fm's CSP forbids them). */ body.ueb-host-ursy-io :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"]) { display: none !important; } body.ueb-host-ursy-games :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"]) { display: none !important; } body.ueb-host-ursy-finance :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"]) { display: none !important; } body.ueb-host-ursy-news :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"]) { display: none !important; } body.ueb-host-ursy-domains :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"]) { display: none !important; } body.ueb-host-ursy-hosting :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"], .ursy-foot .ursy-net) { display: none !important; } body.ueb-host-ursy-email :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"], .ursy-net__head, .ursy-net__list, .ursy-net__links, .ursy-net__bar) { display: none !important; } body.ueb-host-ursy-photos :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"], .ursy-net__head, .ursy-net__list, .ursy-net__links, .ursy-net__bar) { display: none !important; } body.ueb-host-ursy-cloud :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"]) { display: none !important; } body.ueb-host-ursy-fm :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"], .u-rule:has(+ .u-chips .u-chip__domain), .u-chips:has(.u-chip__domain)) { display: none !important; } body.ueb-host-ursy-ad :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"], .ursy-net, .ursy-net__links) { display: none !important; } body.ueb-host-ursy-id :is(#ursy-aura, .ursy-field[aria-hidden="true"], .u-aurora[aria-hidden="true"], div.ursy-aurora[aria-hidden="true"], .ursy-field[aria-hidden="true"] + .ursy-aurora, .ursy-net) { display: none !important; } /* The wordmark strap (Lee, 4 Sep 2026): every property's logo carries the same estate line beneath it, set exactly as ursy.dev sets it. Each theme keeps its own wordmark colours; only the strap is added. */ .ueb-strap-inline { display: inline-block !important; line-height: 1; } .ueb-strap-grid { display: inline-grid !important; grid-template-columns: auto auto; grid-auto-flow: row; align-items: baseline; line-height: 1; } body.ueb-host-ursy-news header .un-brand, body.ueb-host-ursy-email header .ursy-brand, body.ueb-host-ursy-photos header .ursy-brand, body.ueb-host-ursy-fm header .u-brand, body.ueb-host-ursy-ad header .ursy-mark, body.ueb-host-ursy-id header .ursy-mark, body.ueb-host-ursy-finance .u-wordmark, body.ueb-host-ursy-io .wordmark-name, body.ueb-host-ursy-games .wordmark-type { display: inline-block; line-height: 1; } body.ueb-host-ursy-domains header .ursy-logo, body.ueb-host-ursy-hosting header .brand, body.ueb-host-ursy-cloud header .ursy-wordmark { display: inline-grid !important; grid-template-columns: auto auto; grid-auto-flow: row; justify-content: start; align-items: baseline; gap: 0 !important; line-height: 1; } body.ueb-host-ursy-news header .un-brand::after, body.ueb-host-ursy-email header .ursy-brand::after, body.ueb-host-ursy-photos header .ursy-brand::after, body.ueb-host-ursy-fm header .u-brand::after, body.ueb-host-ursy-ad header .ursy-mark::after, body.ueb-host-ursy-id header .ursy-mark::after, body.ueb-host-ursy-finance .u-wordmark::after, body.ueb-host-ursy-io .wordmark-name::after, body.ueb-host-ursy-games .wordmark-type::after, body.ueb-host-ursy-domains header .ursy-logo::after, body.ueb-host-ursy-hosting header .brand::after, body.ueb-host-ursy-cloud header .ursy-wordmark::after { content: "PART OF THE URSY NETWORK"; display: block; grid-column: 1 / -1; margin-top: 3px; font: 500 7.5px/1 var(--ueb-mono); letter-spacing: .2em; text-transform: uppercase; white-space: nowrap; text-align: left; color: var(--ueb-ink3); } @media (max-width: 640px) { body.ueb-host-ursy-news header .un-brand::after, body.ueb-host-ursy-email header .ursy-brand::after, body.ueb-host-ursy-photos header .ursy-brand::after, body.ueb-host-ursy-fm header .u-brand::after, body.ueb-host-ursy-ad header .ursy-mark::after, body.ueb-host-ursy-id header .ursy-mark::after, body.ueb-host-ursy-finance .u-wordmark::after, body.ueb-host-ursy-io .wordmark-name::after, body.ueb-host-ursy-games .wordmark-type::after, body.ueb-host-ursy-domains header .ursy-logo::after, body.ueb-host-ursy-hosting header .brand::after, body.ueb-host-ursy-cloud header .ursy-wordmark::after { font-size: 6.5px; letter-spacing: .16em; } } /* ========================================================================== BRAND CONSISTENCY (Lee, 4 Sep 2026 ~15:30): the ursy.games logo is the model for every property — a dark rounded tile with a U, then URSY in ink, then the domain in the property's own colour, then the estate strap. Each property keeps its own domain colour. One sign-in control everywhere. ========================================================================== */ :root { --ueb-accent: #15E7F4; } body.ueb-host-ursy-finance { --ueb-accent: #0a84ff; } body.ueb-host-ursy-news { --ueb-accent: #0a84ff; } body.ueb-host-ursy-games { --ueb-accent: #2fe673; } body.ueb-host-ursy-io { --ueb-accent: #ff6a3d; } body.ueb-host-ursy-domains { --ueb-accent: #06b6d4; } body.ueb-host-ursy-hosting { --ueb-accent: #0891b2; } body.ueb-host-ursy-email { --ueb-accent: #0aa5c2; } body.ueb-host-ursy-photos { --ueb-accent: #0ea5e9; } body.ueb-host-ursy-cloud { --ueb-accent: #0e8f96; } body.ueb-host-ursy-fm { --ueb-accent: #0aa5c2; } body.ueb-host-ursy-ad { --ueb-accent: #00a3b4; } body.ueb-host-ursy-id { --ueb-accent: #0aa5c2; } /* The wordmark elements (same list as the strap). Inline ones get the tile floated left so the strap lands under the name, to the right of the tile — exactly the games layout. */ body.ueb-host-ursy-news header .un-brand, body.ueb-host-ursy-email header .ursy-brand, body.ueb-host-ursy-photos header .ursy-brand, body.ueb-host-ursy-fm header .u-brand, body.ueb-host-ursy-ad header .ursy-mark, body.ueb-host-ursy-id header .ursy-mark, body.ueb-host-ursy-finance .u-wordmark, body.ueb-host-ursy-io .wordmark-name, body.ueb-host-ursy-games .wordmark-type { font-size: 17px !important; font-weight: 700 !important; letter-spacing: -.03em !important; color: var(--ueb-ink) !important; font-family: var(--ueb-ui) !important; text-decoration: none !important; } body.ueb-host-ursy-news header .un-brand::before, body.ueb-host-ursy-email header .ursy-brand::before, body.ueb-host-ursy-photos header .ursy-brand::before, body.ueb-host-ursy-fm header .u-brand::before, body.ueb-host-ursy-ad header .ursy-mark::before, body.ueb-host-ursy-id header .ursy-mark::before, body.ueb-host-ursy-finance .u-wordmark::before, body.ueb-host-ursy-io .wordmark-name::before, body.ueb-host-ursy-games .wordmark-type::before, body.ueb-host-ursy-domains header .ursy-logo::before, body.ueb-host-ursy-hosting header .brand::before, body.ueb-host-ursy-cloud header .ursy-wordmark::before { content: "U"; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 9px; border-radius: 9px; background: var(--ueb-ink); color: var(--ueb-bg); font: 800 15px/1 var(--ueb-ui); letter-spacing: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 6px 18px -8px var(--ueb-accent); } body.ueb-host-ursy-news header .un-brand::before, body.ueb-host-ursy-email header .ursy-brand::before, body.ueb-host-ursy-photos header .ursy-brand::before, body.ueb-host-ursy-fm header .u-brand::before, body.ueb-host-ursy-ad header .ursy-mark::before, body.ueb-host-ursy-id header .ursy-mark::before, body.ueb-host-ursy-finance .u-wordmark::before, body.ueb-host-ursy-io .wordmark-name::before, body.ueb-host-ursy-games .wordmark-type::before { float: left; } /* grid variant: tile in column 1 spanning both rows; name in 2-3; strap under the name */ body.ueb-host-ursy-domains header .ursy-logo, body.ueb-host-ursy-hosting header .brand, body.ueb-host-ursy-cloud header .ursy-wordmark { grid-template-columns: auto auto auto; font-size: 17px !important; font-weight: 700 !important; letter-spacing: -.03em !important; font-family: var(--ueb-ui) !important; color: var(--ueb-ink) !important; text-decoration: none !important; } body.ueb-host-ursy-domains header .ursy-logo::before, body.ueb-host-ursy-hosting header .brand::before, body.ueb-host-ursy-cloud header .ursy-wordmark::before { grid-column: 1; grid-row: 1 / 3; align-self: center; } body.ueb-host-ursy-domains header .ursy-logo::after, body.ueb-host-ursy-hosting header .brand::after, body.ueb-host-ursy-cloud header .ursy-wordmark::after { grid-column: 2 / -1; } body.ueb-host-ursy-domains header .ursy-logo strong, body.ueb-host-ursy-hosting header .brand strong, body.ueb-host-ursy-cloud header .ursy-wordmark strong { font-weight: 700; color: var(--ueb-ink); } /* The domain part, in the property's own colour, same weight and face as the name. */ body.ueb-host-ursy-finance .u-wordmark > span, body.ueb-host-ursy-news header .un-brand span, body.ueb-host-ursy-games .wordmark-dot, body.ueb-host-ursy-io .wordmark-name span, body.ueb-host-ursy-domains header .ursy-logo .tld, body.ueb-host-ursy-hosting header .brand .tld, body.ueb-host-ursy-email header .ursy-brand__product, body.ueb-host-ursy-photos header .ursy-brand__product, body.ueb-host-ursy-cloud header .ursy-wordmark .mono, body.ueb-host-ursy-fm header .u-brand__tld, body.ueb-host-ursy-ad header .ursy-mark span, body.ueb-host-ursy-id header .ursy-mark span { color: var(--ueb-accent) !important; font: inherit !important; font-weight: 700 !important; letter-spacing: -.03em !important; text-transform: none !important; opacity: 1 !important; margin: 0 !important; padding: 0 !important; } /* Old marks give way to the one tile. */ body.ueb-host-ursy-io .wordmark-mark, body.ueb-host-ursy-finance .u-mark, body.ueb-host-ursy-games .wordmark-mark { display: none !important; } /* One sign-in control: ink pill with the ID tile, in the network bar on every property and on the themes' own header buttons where they exist. */ .ueb-bar__auth { margin-left: auto; flex: none; display: inline-flex; align-items: center; gap: 8px; padding-left: 12px; } .ueb-signin, .ueb header a[href*="/auth/ursy-id/start"], .ueb .u-head .u-signin, .ueb .un-top .un-signin, body.ueb-host-ursy-cloud header a[href$="/login/"], body.ueb-host-ursy-id header a[href*="/account"] { display: inline-flex !important; align-items: center; gap: 7px; height: 30px; min-height: 30px; padding: 0 12px 0 5px !important; border-radius: 999px !important; background: var(--ueb-ink) !important; color: var(--ueb-bg) !important; border: 0 !important; box-shadow: none !important; text-decoration: none !important; font: 700 12.5px/1 var(--ueb-ui) !important; letter-spacing: -.005em; white-space: nowrap; text-transform: none !important; transition: transform .15s ease, opacity .15s ease; } .ueb-signin:hover, .ueb header a[href*="/auth/ursy-id/start"]:hover, .ueb .u-head .u-signin:hover, .ueb .un-top .un-signin:hover, body.ueb-host-ursy-cloud header a[href$="/login/"]:hover, body.ueb-host-ursy-id header a[href*="/account"]:hover { transform: translateY(-1px); opacity: .92; color: var(--ueb-bg) !important; } .ueb-signin:focus-visible, .ueb header a[href*="/auth/ursy-id/start"]:focus-visible { outline: 2px solid var(--ueb-accent); outline-offset: 2px; } .ueb-signin__mark, .ueb header a[href*="/auth/ursy-id/start"]::before, body.ueb-host-ursy-cloud header a[href$="/login/"]::before, body.ueb-host-ursy-id header a[href*="/account"]::before { content: "ID"; display: inline-flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 7px; flex: none; /* REVISED 11 September 2026 (1.3.48): was color: var(--ueb-ink). The tile's GROUND is --ueb-accent, which is a per-property brand colour and is bright on every property - cyan, #0a84ff blue, #2fe673 green, #ff6a3d orange, #06b6d4, #0891b2, #0aa5c2. The INK flipped with the register and the ground did not, so on every dark-rendering property the two letters went light on bright. Measured in dark: ursy.games 1.51, ursy.photos 2.52, ursy.hosting 3.35 - all failing, all passing in light. The ink is pinned dark because the ground is always bright: that gives 4.97 on the darkest accent (#0891b2) and 11.05 on the lightest (#2fe673). THE TILES WERE NEVER CHECKED BEFORE because nine of the twelve draw them with ::before, and a pseudo-element is not in querySelectorAll - every sweep walked straight past them. */ background: var(--ueb-accent); color: #131518; font: 800 9px/1 var(--ueb-mono); letter-spacing: .08em; } .ueb .u-head .u-signin::before, .ueb .un-top .un-signin::before { content: none; } /* Same pinning as above, for the themes that print their own mark element. */ .ueb .u-signin__mark, .ueb .un-signin__mark { width: 22px !important; height: 22px !important; border-radius: 7px !important; background: var(--ueb-accent) !important; color: #131518 !important; font: 800 9px/1 var(--ueb-mono) !important; } .ueb-signin--on { background: var(--ueb-card) !important; color: var(--ueb-ink) !important; box-shadow: inset 0 0 0 1px var(--ueb-line2) !important; } .ueb-bar__out { color: var(--ueb-ink3); text-decoration: none; font-size: 10.5px; } .ueb-bar__out:hover { color: var(--ueb-ink); } @media (max-width: 640px) { .ueb-bar__auth { padding-left: 8px; } .ueb-signin { height: 26px; min-height: 26px; padding-right: 9px !important; } } /* 1.2.1 (4 Sep 2026): header review fixes. Wordmarks never clip their strap; games stacks tile+name in a row like everyone else; the sign-in control in the network bar stays pinned at the right while the domain links scroll beneath it. */ body.ueb-host-ursy-news header .un-brand, body.ueb-host-ursy-email header .ursy-brand, body.ueb-host-ursy-photos header .ursy-brand, body.ueb-host-ursy-fm header .u-brand, body.ueb-host-ursy-ad header .ursy-mark, body.ueb-host-ursy-id header .ursy-mark, body.ueb-host-ursy-finance .u-brand, body.ueb-host-ursy-finance .u-wordmark, body.ueb-host-ursy-io .wordmark, body.ueb-host-ursy-io .wordmark-name, body.ueb-host-ursy-games .wordmark, body.ueb-host-ursy-games .wordmark-type, body.ueb-host-ursy-domains header .ursy-logo, body.ueb-host-ursy-hosting header .brand, body.ueb-host-ursy-cloud header .ursy-wordmark { min-width: max-content !important; max-width: none !important; overflow: visible !important; flex: none !important; white-space: nowrap; } body.ueb-host-ursy-games .wordmark { display: inline-flex !important; align-items: center !important; } body.ueb-host-ursy-games .wordmark-type, body.ueb-host-ursy-io .wordmark-name, body.ueb-host-ursy-finance .u-wordmark { display: inline-block !important; } body.ueb-host-ursy-io .wordmark, body.ueb-host-ursy-finance .u-brand { display: inline-flex !important; align-items: center !important; gap: 0 !important; } /* 1.3.4: both rules below existed ONLY to let the sticky sign-in sit flush against the right edge. The sign-in left the strip on 10 Sep 2026, so `padding-right: 0` had stopped being a fix and become a fault — the last domain ran to the very edge of the window with no air after it. The strip is symmetrical again. .ueb-bar__auth is left styled, harmlessly, so a page still cached with the old markup does not look broken before it refreshes. */ .ueb-bar__auth { margin-left: auto; padding-left: 18px; } /* 1.2.2: in the grid wordmarks the strap (spanning the name columns) was widening the URSY column and opening a gap before the dot. Name column is max-content; the domain column takes the slack; the strap only stretches it. */ body.ueb-host-ursy-domains header .ursy-logo, body.ueb-host-ursy-hosting header .brand, body.ueb-host-ursy-cloud header .ursy-wordmark { grid-template-columns: auto max-content 1fr !important; justify-items: start; } /* 1.2.3 (4 Sep 2026): the cookie/consent bar took a quarter of a phone screen (188px on io, 165px on games, buttons wrapping to 59px). One compact estate-wide treatment on phones: full-width strip at the bottom, one line of copy, two equal buttons on one row. Desktop untouched. */ @media (max-width: 640px) { .ueb .consent-bar { left: 8px !important; right: 8px !important; bottom: 8px !important; width: auto !important; max-width: none !important; transform: none !important; display: flex !important; flex-direction: column !important; align-items: stretch !important; gap: 8px !important; padding: 10px 12px !important; border-radius: 14px !important; } .ueb .consent-bar p { margin: 0 !important; font-size: 12.5px !important; line-height: 1.4 !important; max-width: none !important; } .ueb .consent-bar .consent-actions { display: flex !important; flex-direction: row !important; gap: 8px !important; width: 100% !important; } .ueb .consent-bar .consent-actions button { flex: 1 1 0 !important; min-height: 38px !important; height: 38px !important; padding: 0 10px !important; font-size: 13px !important; white-space: nowrap !important; line-height: 1 !important; } } /* 1.2.4 (4 Sep 2026): phone headers on the ursy-top family (email, photos, cloud, hosting, ad, id) overflowed the screen once the wordmark grew — email and photos even scrolled sideways. Rules: nothing may widen the page; on phones the bar carries the one sign-in so the themes' own ghost sign-in hides, the palette pill hides, buttons tighten, and the strap steps aside under 480px. Footer wordmarks are left alone. */ html { overflow-x: clip; } body.ueb-host-ursy-email footer .ursy-brand, body.ueb-host-ursy-photos footer .ursy-brand, body.ueb-host-ursy-fm footer .u-brand, body.ueb-host-ursy-ad footer .ursy-mark, body.ueb-host-ursy-news footer .un-brand { min-width: 0 !important; font-size: inherit !important; } body.ueb-host-ursy-email footer .ursy-brand::before, body.ueb-host-ursy-photos footer .ursy-brand::before, body.ueb-host-ursy-fm footer .u-brand::before, body.ueb-host-ursy-ad footer .ursy-mark::before, body.ueb-host-ursy-news footer .un-brand::before, body.ueb-host-ursy-email footer .ursy-brand::after, body.ueb-host-ursy-photos footer .ursy-brand::after, body.ueb-host-ursy-fm footer .u-brand::after, body.ueb-host-ursy-ad footer .ursy-mark::after, body.ueb-host-ursy-news footer .un-brand::after { content: none !important; display: none !important; } .ueb .ursy-foot__status { flex-wrap: wrap; white-space: normal; max-width: 100%; } /* 1.3.42. max-width:100% is 100% OF THE COLUMN, and the column was the problem. .ursy-foot__brand is a grid with no explicit columns, so its single column is sized by its widest item at max-content - here the status line "DEMO + URSY.ID SIGN-IN LIVE - ACCOUNT UPLOAD IN TESTING", which measured 423px on a 375px phone. The column became 423, and everything in it followed: the footer wordmark, whose own content is 110px wide, was stretched to 423 and clipped 66px past the viewport. Measured on ursy.photos at 375. minmax(0, 1fr) makes the column fit the footer instead of the other way round, and the items inside it wrap as they were already told to. */ .ueb .ursy-foot__brand { grid-template-columns: minmax(0, 1fr); } @media (max-width: 640px) { /* REVISED 11 September 2026 (1.3.22). This line read .ueb header a.u-btn--ghost[href*="/auth/ursy-id/start"], ... { display: none !important; } and its reason, written above, was "on phones the bar carries the one sign-in". That stopped being true in 1.3.3, when Lee moved the sign-in OUT of the top strip and into the header: the strip is estate domains and nothing else. The hide outlived its premise, so ursy.photos, ursy.email, ursy.hosting and ursy.cloud spent that time with NO visible sign-in at all below 640px - measured on ursy.photos at 375px: six sign-in links in the document, none of them drawn. The pill now collapses to its 30px ID tile below 560px and fits, so it stays shown. */ .ueb header .ursy-palette, .ueb header .ursy-palette-btn, .ueb header .u-iconbtn.ursy-desk-only { display: none !important; } .ueb .ursy-top { gap: 6px !important; padding-inline: 10px !important; } .ueb .ursy-top__actions { gap: 6px !important; flex: none !important; } /* 1.3.23: 34px here and 36px there left the collapsed ID tile a different height from the buttons beside it. One phone size for the whole control row, 36px square. */ .ueb .ursy-top .u-btn { padding: 0 10px !important; height: 36px !important; min-height: 36px !important; font-size: 12.5px !important; white-space: nowrap; } .ueb .ursy-top .u-iconbtn { width: 36px !important; height: 36px !important; } } @media (max-width: 480px) { body.ueb-host-ursy-news .un-brand::after, body.ueb-host-ursy-email header .ursy-brand::after, body.ueb-host-ursy-photos header .ursy-brand::after, body.ueb-host-ursy-fm .u-brand::after, body.ueb-host-ursy-ad .ursy-mark::after, body.ueb-host-ursy-id header .ursy-mark::after, body.ueb-host-ursy-finance .u-wordmark::after, body.ueb-host-ursy-io .wordmark-name::after, body.ueb-host-ursy-games .wordmark-type::after, body.ueb-host-ursy-domains header .ursy-logo::after, body.ueb-host-ursy-hosting header .brand::after, body.ueb-host-ursy-cloud header .ursy-wordmark::after { display: none !important; } body.ueb-host-ursy-news .un-brand::before, body.ueb-host-ursy-email header .ursy-brand::before, body.ueb-host-ursy-photos header .ursy-brand::before, body.ueb-host-ursy-fm .u-brand::before, body.ueb-host-ursy-ad .ursy-mark::before, body.ueb-host-ursy-id header .ursy-mark::before, body.ueb-host-ursy-finance .u-wordmark::before, body.ueb-host-ursy-io .wordmark-name::before, body.ueb-host-ursy-games .wordmark-type::before, body.ueb-host-ursy-domains header .ursy-logo::before, body.ueb-host-ursy-hosting header .brand::before, body.ueb-host-ursy-cloud header .ursy-wordmark::before { width: 26px; height: 26px; margin-right: 7px; font-size: 13px; } body.ueb-host-ursy-domains header .ursy-logo::before, body.ueb-host-ursy-hosting header .brand::before, body.ueb-host-ursy-cloud header .ursy-wordmark::before { grid-row: 1; } } /* 1.2.5 (4 Sep 2026): ursy.finance's inner pages (markets, money, currency, converter, London) use their own room header, so the estate wordmark never reached them. Two markup variants: the market rooms wrap the name in a span after an old three-bar mark; the money rooms put the name straight in the anchor. */ body.ueb-host-ursy-finance .u-room-brand { color: var(--ueb-ink) !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: -.03em !important; font-family: var(--ueb-ui) !important; text-decoration: none !important; gap: 0 !important; min-width: max-content; } body.ueb-host-ursy-finance .u-room-brand .u-room-mark { display: none !important; } /* market rooms: name lives in the last span */ body.ueb-host-ursy-finance .u-room-brand:has(> .u-room-mark) > span:last-child { display: inline-block; line-height: 1; } body.ueb-host-ursy-finance .u-room-brand:has(> .u-room-mark) > span:last-child::before, body.ueb-host-ursy-finance .u-room-brand:not(:has(> .u-room-mark))::before { content: "U"; float: left; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 9px; border-radius: 9px; background: var(--ueb-ink); color: var(--ueb-bg); font: 800 15px/1 var(--ueb-ui); letter-spacing: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 6px 18px -8px var(--ueb-accent); } body.ueb-host-ursy-finance .u-room-brand:has(> .u-room-mark) > span:last-child::after, body.ueb-host-ursy-finance .u-room-brand:not(:has(> .u-room-mark))::after { content: "PART OF THE URSY NETWORK"; display: block; margin-top: 3px; font: 500 7.5px/1 var(--ueb-mono); letter-spacing: .2em; text-transform: uppercase; white-space: nowrap; text-align: left; color: var(--ueb-ink3); } /* money rooms: the anchor itself is the wordmark */ body.ueb-host-ursy-finance .u-room-brand:not(:has(> .u-room-mark)) { display: inline-block !important; line-height: 1; } /* the domain, in finance blue, same weight as the name */ body.ueb-host-ursy-finance .u-room-brand > span:last-child > span, body.ueb-host-ursy-finance .u-room-brand:not(:has(> .u-room-mark)) > span { color: var(--ueb-accent) !important; font: inherit !important; font-weight: 700 !important; letter-spacing: -.03em !important; margin: 0 !important; padding: 0 !important; } @media (max-width: 480px) { body.ueb-host-ursy-finance .u-room-brand:has(> .u-room-mark) > span:last-child::after, body.ueb-host-ursy-finance .u-room-brand:not(:has(> .u-room-mark))::after { display: none; } body.ueb-host-ursy-finance .u-room-brand:has(> .u-room-mark) > span:last-child::before, body.ueb-host-ursy-finance .u-room-brand:not(:has(> .u-room-mark))::before { width: 26px; height: 26px; margin-right: 7px; font-size: 13px; } } /* 1.2.6 (4 Sep 2026): ursy.domains' tool pages run the older skin (bundle.css): header.header > a.wordmark > span.tld, and their footer carries its own network grid. Same wordmark treatment, and the estate footer replaces the grid. */ body.ueb-host-ursy-domains header.header .wordmark { display: inline-block !important; line-height: 1; color: var(--ueb-ink) !important; font-size: 17px !important; font-weight: 700 !important; letter-spacing: -.03em !important; font-family: var(--ueb-ui) !important; text-decoration: none !important; min-width: max-content; } body.ueb-host-ursy-domains header.header .wordmark::before { content: "U"; float: left; display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; margin-right: 9px; border-radius: 9px; background: var(--ueb-ink); color: var(--ueb-bg); font: 800 15px/1 var(--ueb-ui); letter-spacing: 0; box-shadow: 0 0 0 1px rgba(255, 255, 255, .06) inset, 0 6px 18px -8px var(--ueb-accent); } body.ueb-host-ursy-domains header.header .wordmark::after { content: "PART OF THE URSY NETWORK"; display: block; margin-top: 3px; font: 500 7.5px/1 var(--ueb-mono); letter-spacing: .2em; text-transform: uppercase; white-space: nowrap; text-align: left; color: var(--ueb-ink3); } body.ueb-host-ursy-domains header.header .wordmark .tld { color: var(--ueb-accent) !important; font: inherit !important; font-weight: 700 !important; letter-spacing: -.03em !important; margin: 0 !important; padding: 0 !important; } body.ueb-host-ursy-domains .footer__net { display: none !important; } @media (max-width: 480px) { body.ueb-host-ursy-domains header.header .wordmark::after { display: none; } body.ueb-host-ursy-domains header.header .wordmark::before { width: 26px; height: 26px; margin-right: 7px; font-size: 13px; } } /* the older skin also paints its own orb field; the estate field replaces it */ body.ueb-host-ursy-domains div.field:has(.field__washes) { display: none !important; } /* 1.2.7 (4 Sep 2026): the hidden attribute must win. ursy.fm showed its "Nothing matches" box beside real results because .u-empty{display:grid} outranked [hidden]. Estate-wide rule. */ .ueb [hidden]:not([hidden="until-found"]) { display: none !important; } /* 1.2.8 (4 Sep 2026): ursy.id account routes (register, sign-in, recover) render outside the theme with their own orb background and no estate chrome; the layer now reaches them. Their orbs give way to the field, the one unstyled input (recover) takes the theme's field look, and the languages page hero, whose entrance animation never finished, is simply shown. */ body.ueb-host-ursy-id .orb, body.ueb-host-ursy-id.ursy-authpage .ursy-aurora, body.ueb-host-ursy-id.ursy-authpage .ursy-field { display: none !important; } body.ueb-host-ursy-id.ursy-authpage form label { display: block; font: 500 10px/1 var(--ueb-mono); letter-spacing: .12em; text-transform: uppercase; color: var(--ueb-ink3); margin: 0 0 6px; } body.ueb-host-ursy-id.ursy-authpage form input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="hidden"]):not(.u-field) { display: block; width: 100%; height: 44px; padding: 0 13px; margin: 0 0 14px; box-sizing: border-box; border: 1px solid var(--ueb-line2); border-radius: 10px; background: rgba(255, 255, 255, .78); color: var(--ueb-ink); font: 400 14px var(--ueb-ui); outline: none; } body.ueb-host-ursy-id.ursy-authpage form input:not(.u-field):focus-visible { border-color: var(--ueb-accent); box-shadow: 0 0 0 3px rgba(21, 231, 244, .25); } body.ueb-host-ursy-id .ursy-lang__head h1, body.ueb-host-ursy-id .ursy-lang__head .ursy-lang__lead, body.ueb-host-ursy-id .ursy-lang__head .ursy-source { animation: none !important; opacity: 1 !important; transform: none !important; } /* 5 Sep 2026 (1.3.1): the footer's link to this site's twelve-room truth site. */ .ueb-foot__link{color:inherit;text-decoration:underline;text-underline-offset:2px} .ueb-foot__link:hover,.ueb-foot__link:focus-visible{text-decoration-thickness:2px} /* ===== 1.3.2, 9 Sep 2026: the advert rides in the footer ===== Lee, 5 Sep: the plate used to print between the last section and this footer as a dark band of its own on a light ground — "a new background space ... looks poo". The footer carries it now, as its first row, on the footer's own ground. This rule owns only the ROW; how the plate itself looks in here is estate-ad.css's business (.estate-ad-infoot). Nothing is printed at all when the page shows no advert, so there is no empty row to leave behind. */ /* 1.3.7 (Lee, 10 Sep 2026: "it needs to be combined at the bottom of the footer"): the plate moved from the footer's first row to its last, so the hairline that separated it from the rest has to move with it — it is now drawn ABOVE the advert, not below. Same centring, same footer ground. */ .ueb-foot__ad { display: flex; justify-content: center; margin: clamp(18px, 2.4vw, 26px) 0 0; padding-top: clamp(16px, 2.2vw, 22px); box-shadow: inset 0 1px 0 var(--ueb-line); } .ueb-foot__ad > .estate-ad { margin: 0; } @media (max-width: 560px) { .ueb-foot__ad { margin-top: 16px; padding-top: 14px; } } /* ---- 1.3.8, 10 September 2026: the header row, balanced --------------------------------------- Lee: "all ursy top nav bars should be a similar experience across the estate but also look good and be nicely balanced", naming ursy.photos as the bad example — "its not spaced out very well". Measured at 1280 before touching anything. ursy.photos carried an explicit 358px spacer element between its nav and its actions, so three links sat jammed against the wordmark with a dead zone after them; ursy.domains left a 622px void in the same place. ursy.news (19px), ursy.email (15px) and ursy.food — Lee's reference — already fill the row, food by centring its nav. So the nav takes the middle on the properties that left it hanging, which is the shape food already had, and the themes' own fixed spacers stand down. Measured after: photos 358 -> 201, domains 622 -> 427; the remainder is the honest gap between a short nav and the actions cluster, not a dead zone. Nothing here moves a site that was already balanced by more than its spacer. */ /* ---- 1.3.16: one consent bar, estate-wide ----------------------------------------------------- Lee, 10 September 2026: "a lot of the cookie warning pages are different, they need uniforming ... short and sweet and the box the same size and balanced nicely." Two bars were live with two shapes as well as two wordings — the estate's own .ueb-consent and the themes' .consent-bar on ursy.io, games, finance and news. The words are unified in PHP; this makes the box the same on both: one width, one radius, one padding, the sentence and the buttons on one balanced row, wrapping to two only when there is genuinely no room. The buttons are NOT restyled beyond their size — each theme's primary button colour is its own, and an accept button that matches its site reads as part of that site rather than as a stranger's banner. */ .ueb .ueb-consent, .ueb .consent-bar { box-sizing: border-box !important; /* 1.3.35: this was max-width, so the box shrank to whatever each theme's type happened to measure and the estate showed four different bars - 640 on ursy.io and ursy.photos, 558 on ursy.games, 546 on ursy.finance, all at 1280. Lee asked for "the box the same size and balanced nicely", so it is a WIDTH now, and the same one everywhere. The min() keeps it inside a phone. */ width: min(640px, calc(100vw - 32px)) !important; max-width: min(640px, calc(100vw - 32px)) !important; margin-inline: auto !important; display: flex !important; flex-wrap: wrap !important; align-items: center !important; justify-content: center !important; gap: 10px 16px !important; padding: 12px 16px !important; border-radius: 14px !important; } .ueb .ueb-consent > p, .ueb .consent-bar > p { margin: 0 !important; flex: 1 1 260px; min-width: 0; font-size: 13px !important; line-height: 1.45 !important; } .ueb .ueb-consent__actions, .ueb .consent-actions { display: inline-flex !important; align-items: center !important; gap: 8px !important; flex: none !important; } .ueb .ueb-consent__actions button, .ueb .consent-actions button { height: 34px !important; min-height: 34px !important; padding: 0 14px !important; border-radius: 10px !important; font-size: 13px !important; white-space: nowrap !important; } @media (max-width: 560px) { .ueb .ueb-consent, .ueb .consent-bar { padding: 11px 13px !important; gap: 9px 12px !important; } .ueb .ueb-consent > p, .ueb .consent-bar > p { flex-basis: 100%; } } /* Links the estate adds to a property's own nav (API, Under the hood). They sit among the theme's own links, so they take the theme's type and colour by inheritance rather than being told what to look like — that is what keeps them from reading as bolted on. Only the things that do not inherit are set. */ .ueb .ueb-nav-add { font: inherit; color: inherit; text-decoration: none; white-space: nowrap; } .ueb .ueb-nav-add:hover { text-decoration: none; opacity: .82; } /* IN DARK, `inherit` is not enough. Measured on ursy.photos in its dark register, 11 September 2026: the injected links computed rgb(19,21,24) — near-black on a near-black header — while the theme's own nav links beside them were rgb(92,97,103). A theme rule for anchors inside its nav outranks `color:inherit` and does not flip with the theme, so the two estate links were the only illegible thing in the row. Light is left exactly as it was, where inherit demonstrably matches the theme's own links; only the dark register is given an explicit token, and --ueb-ink2 is the same one the network strip's links use, so the two rows agree. */ html[data-theme="dark"] .ueb .ueb-nav-add, html:not([data-theme="light"]):has(body.ueb-dark) .ueb .ueb-nav-add, html:not([data-theme="light"]):has(body.ursy-dark) .ueb .ueb-nav-add { color: var(--ueb-ink2) !important; } /* The nav the estate gives a header that had none of its own (ursy.finance). It needs its own row rules, unlike the links added to a theme's existing nav, which inherit that nav's spacing: as a bare