/* UrbFact v2 overrides for inner pages. Loaded after style.css and uf2.css.
   Goal: monochrome, black text, Inter Tight display, 6px radius, full-bleed photo heroes. */
:root{
  --uf-blue:#0f172a; --uf-blue-dark:#0b1220; --uf-blue-deeper:#0b1220; --uf-blue-light:#f1f5f9;
  --uf-navy:#0f172a; --uf-navy-light:#1e293b;
  --uf-text:#0f172a; --uf-text-secondary:#0f172a;
  --uf-bg:#ffffff; --uf-bg-alt:#f6f8fa; --uf-bg-warm:#f6f8fa;
  --uf-border:#e2e8f0; --uf-border-light:#eef2f6;
  --uf-font:Inter,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;
  --uf-radius:6px; --uf-radius-sm:4px; --uf-radius-lg:8px; --uf-radius-xl:10px;
  --uf-shadow:none; --uf-shadow-md:0 1px 0 rgba(0,0,0,0); --uf-shadow-lg:0 24px 60px rgba(0,0,0,.12); --uf-shadow-xl:0 30px 80px rgba(0,0,0,.18);
}
body.u2-page{font-size:16px;color:var(--ink)}
.u2-page main p{margin:0 0 1rem}
.u2-page main h1,.u2-page main h2,.u2-page main h3,.u2-page main h4{font-family:var(--display);letter-spacing:-.025em;color:var(--ink)}
.u2-page main h1{font-weight:600}
.u2-page main h2{font-size:clamp(1.7rem,2.6vw,2.6rem);font-weight:600;margin-bottom:.6em}
.u2-page main h3{font-size:1.25rem;font-weight:600;margin-bottom:.5em}
.u2-page main a{color:var(--ink)}
.u2-page main [style*="color:#2563eb"],.u2-page main [style*="color: #2563eb"],.u2-page main [style*="color:#1e3a5f"],.u2-page main [style*="color:#64748b"],.u2-page main [style*="color:#94a3b8"],.u2-page main [style*="color:#475569"]{color:var(--ink)!important}
.u2-page main [style*="opacity:.7"],.u2-page main [style*="opacity:0.7"],.u2-page main [style*="opacity:.72"],.u2-page main [style*="opacity:.8"],.u2-page main [style*="opacity:0.8"]{opacity:1!important}

/* No-hero pages: solid header, room below it */
.u2-nohero .u2-header{position:sticky;top:0;background:#fff;color:var(--ink);box-shadow:inset 0 -1px 0 var(--line)}
.u2-nohero main{padding-top:24px}

/* Heroes: full bleed photo, bottom scrim, big display type */
.uf-hero,.uf-hero--country,.uf-hero--compare,.uf-hero--metro,.uf-hero--rankings,.uf-city-hero2--full,.uf-search-hero2,.uf-about-hero{min-height:850px;height:100svh;max-height:1100px;display:flex;align-items:flex-end;justify-content:flex-start;text-align:left;background:var(--deep);overflow:hidden}
.uf-hero__bg,.uf-city-hero2__bg,.uf-about-hero__bg{transform:none}
.uf-hero__bg::after,.uf-city-hero2__bg::after,.uf-search-hero2__overlay,.uf-about-hero__overlay{background:linear-gradient(to top,rgba(6,10,18,.9) 0%,rgba(6,10,18,.55) 40%,rgba(6,10,18,.12) 78%,rgba(6,10,18,.35) 100%)}
.uf-hero__content,.uf-city-hero2--full>.uf-container,.uf-search-hero2__content,.uf-about-hero__content,.uf-about-hero .uf-container{position:relative;z-index:2;width:100%;max-width:var(--max);margin:0;padding:0 var(--pad) clamp(56px,8vh,110px);text-align:left}
.uf-city-hero2--full>.uf-container{padding-top:120px}
.uf-search-hero2__content{padding-top:120px}
.uf-hero__title,.uf-hero2__title,.uf-search-hero2 h1,.uf-about-hero__title,.uf-hero--country .uf-hero__title{font-family:var(--display);font-weight:600;font-size:clamp(3rem,7vw,7.4rem);line-height:.96;letter-spacing:-.045em;color:#fff;margin:0 0 18px}
.uf-hero__subtitle,.uf-hero2__subtitle,.uf-search-hero2__sub,.uf-about-hero__desc,.uf-hero--country .uf-hero__subtitle{font-size:clamp(1.05rem,1.4vw,1.35rem);color:#fff;opacity:1;max-width:60ch;margin:0 0 26px;line-height:1.45}
.uf-hero2__intro{color:#fff;font-size:1.05rem;line-height:1.5;max-width:62ch}
.uf-hero2__updated{opacity:1!important}
.uf-hero__badge,.uf-about-hero__badge,.uf-hero-score{display:none!important}
.uf-breadcrumb2,.uf-breadcrumb--hero .uf-breadcrumb__list li,.uf-breadcrumb--hero .uf-breadcrumb__list li a{color:#fff;font-size:.95rem;font-weight:500}
.uf-breadcrumb--hero .uf-breadcrumb__list{justify-content:flex-start}
.uf-breadcrumb2 a:hover{color:#fff;text-decoration:underline}
.uf-hero2__main{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;flex-wrap:wrap}
.uf-hero2__left{max-width:820px}
.uf-hero2__score-block{background:rgba(255,255,255,.1);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.35);border-radius:6px;padding:20px 24px}
.uf-hero2__score-ring{--ring-color:#fff!important}
.uf-hero2__score-grade{color:#fff!important}
.uf-state-hero-stats{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.35);border-radius:6px}

/* Search inputs inside heroes */
.uf-search__wrapper{border-radius:6px!important;border:0;background:#fff;box-shadow:0 20px 60px rgba(0,0,0,.3);min-height:62px}
.uf-search__input{color:var(--ink);font-size:1.1rem}
.uf-search__input::placeholder{color:var(--ink);opacity:1}
.uf-btn--hero,.uf-btn--primary,.uf-btn--cta,.uf-btn--lg{background:var(--ink)!important;border-color:var(--ink)!important;color:#fff!important;border-radius:6px!important;font-weight:600}
.uf-btn--primary:hover,.uf-btn--cta:hover{background:var(--brand)!important;border-color:var(--brand)!important}
.uf-btn--outline{color:var(--ink)!important;border-color:var(--ink)!important;background:transparent!important;border-radius:6px!important}
.uf-btn--outline:hover{background:var(--ink)!important;color:#fff!important}
.uf-btn{border-radius:6px}
.uf-compare-form{background:transparent;border:0;box-shadow:none;padding:0;max-width:960px}
.uf-compare-form label{color:#fff}
.uf-compare-form__vs{color:#fff;font-family:var(--display);font-weight:600}

/* Stats bar */
.uf-stats-bar{background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.uf-stat-item{border-right:1px solid var(--line)!important;border-bottom:0;padding:26px 24px}
.uf-stat-item__emoji{display:none}
.uf-stat-item__number{font-family:var(--display);font-weight:600;font-size:1.9rem;letter-spacing:-.03em;color:var(--ink)}
.uf-stat-item__label{color:var(--ink);font-size:.82rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em}

/* Section titles, tags, cards, tables */
.uf-section-title{font-family:var(--display);font-weight:600;font-size:clamp(1.9rem,3vw,3rem);letter-spacing:-.03em;color:var(--ink)}
.uf-section-subtitle{color:var(--ink);font-size:1.05rem}
.uf-tag{border-radius:6px;background:#fff;border:1px solid var(--line);color:var(--ink);font-weight:500}
.uf-tag:hover{border-color:var(--ink);background:#fff;color:var(--ink)}
.uf-card,.uf-tcard,.uf-state-card,.uf-country-card,.uf-city-card,.uf-metro-card,.uf-county-card,.uf-panel,[class*="__card"],[class*="-card"]{border-radius:6px;box-shadow:none}
.uf-card,.uf-tcard,.uf-panel{border:1px solid var(--line);background:#fff}
.uf-card__emoji{display:none}
.uf-card__title,.uf-tcard__title{font-family:var(--display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.uf-data-table td,.uf-data-table th,table td,table th{color:var(--ink);border-color:var(--line)}
.uf-data__label{color:var(--ink);font-weight:500}
.uf-bar{background:var(--line);border-radius:0;height:6px}
.uf-bar__fill{background:var(--ink)!important;border-radius:0}
.uf-breadcrumb a{color:var(--ink)}
.uf-below-hero{background:#fff;border-bottom:1px solid var(--line)}
[class*="badge"],[class*="__pill"],.uf-pill{background:transparent!important;border:1px solid var(--line)!important;color:var(--ink)!important;border-radius:4px!important}
.uf-rankings-tabs a,.uf-tabs a,.uf-tab{border-radius:6px;color:var(--ink)}
.uf-rankings-tabs a.is-active,.uf-tab.is-active,.uf-tab--active{background:var(--ink);color:#fff}
.uf-featured__grid{gap:6px}
.uf-city-card{border-radius:6px}
.uf-trust,.uf-newsletter,.uf-footer__stats{display:none}
.uf-faq{border-top:1px solid var(--ink)}
.uf-about-numbers,.uf-about-scores{background:#fff;border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.uf-about-cta{background:var(--deep);color:#fff;border-radius:0}
.uf-about-cta *{color:#fff}
.uf-about-cta .uf-btn--white{background:#fff;color:var(--ink)}
.uf-about-feature__icon,[class*="__icon"]{color:var(--ink);background:transparent}

/* Auth pages */
.u2-auth{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 84px)}
.u2-auth__media{position:relative;background:var(--deep)}
.u2-auth__media img{width:100%;height:100%;object-fit:cover}
.u2-auth__panel{padding:clamp(40px,6vw,96px) var(--pad);max-width:640px;width:100%;margin:0 auto;align-self:center}
.u2-auth__panel .u2-lead{margin:16px 0 32px}
.u2-auth__google{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;border:1px solid var(--ink);border-radius:6px;font-weight:600}
.u2-auth__google:hover{background:#f1f5f9}
.u2-auth__or{display:flex;align-items:center;gap:16px;margin:24px 0;font-size:.9rem;font-weight:500}
.u2-auth__or::before,.u2-auth__or::after{content:"";flex:1;height:1px;background:var(--line)}
.u2-auth__form label{display:block;font-weight:600;font-size:.9rem;margin:0 0 6px}
.u2-auth__form input[type="email"],.u2-auth__form input[type="password"],.u2-auth__form input[type="text"]{width:100%;height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:6px;font:inherit;color:var(--ink);margin-bottom:18px}
.u2-auth__form input:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.u2-auth__form input::placeholder{color:var(--ink);opacity:.9}
.u2-auth__row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;font-size:.95rem}
.u2-auth__row a{text-decoration:underline;text-underline-offset:3px}
.u2-auth__check{display:flex;align-items:center;gap:8px;font-weight:500!important;margin:0!important}
.u2-btn--block{width:100%}
.u2-auth__alt{margin-top:22px;font-size:.95rem}
.u2-auth__alt a{text-decoration:underline;text-underline-offset:3px;font-weight:600}
@media (max-width:1100px){
  .u2-auth{grid-template-columns:1fr}
  .u2-auth__media{display:none}
}
@media (max-width:720px){
  .uf-hero,.uf-city-hero2--full,.uf-search-hero2,.uf-about-hero{min-height:0;height:auto;padding-top:120px}
  .uf-hero2__main{flex-direction:column;align-items:flex-start}
}

/* ---- pass 2 (screenshot review) ---- */
.u2-page main .uf-hero__title,.u2-page main .uf-hero2__title,.u2-page main .uf-search-hero2 h1,.u2-page main .uf-about-hero__title,.u2-page main .uf-hero--country .uf-hero__title{color:#fff!important;font-size:clamp(2.8rem,5.8vw,6.4rem);max-width:16ch}
.u2-page main .uf-hero__subtitle,.u2-page main .uf-hero2__subtitle,.u2-page main .uf-hero2__intro,.u2-page main .uf-search-hero2__sub,.u2-page main .uf-about-hero__desc,.u2-page main .uf-hero2__subtitle a{color:#fff!important}
.u2-page main .uf-breadcrumb2,.u2-page main .uf-breadcrumb2 a,.u2-page main .uf-breadcrumb--hero li,.u2-page main .uf-breadcrumb--hero a{color:#fff!important;opacity:1}
.u2-page main .uf-city-hero2--full>.uf-container[style*="text-align:center"]{text-align:left!important}
.u2-page main .uf-city-hero2--full .uf-breadcrumb2[style*="text-align:center"]{text-align:left!important}
.uf-search-hero2{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
.uf-hero--compare .uf-hero__content{max-width:var(--max)}
.uf-btn--outline-white{border-color:#fff!important;color:#fff!important;background:transparent!important;border-radius:6px!important}
.uf-btn--outline-white:hover{background:#fff!important;color:var(--ink)!important}
.uf-btn--white{border-radius:6px!important}

/* City page: stats cards, grade cards, overview */
.uf-hero2__stats{gap:6px}
.uf-hero2__card,.uf-gcard,.uf-ov-card,.uf-tcard,.uf-pop-card,.uf-score-card,.uf-grade-card,.uf-cmp-card,.uf-nearby-card,.uf-feature-card,.uf-chart-block{background:linear-gradient(180deg,#ffffff 0%,#f2f4f8 100%)!important;border:1px solid #cfd6e0!important;box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,23,42,.06),0 10px 24px rgba(15,23,42,.10)!important;border-radius:6px!important;transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.uf-hero2__card:hover,.uf-gcard:hover,.uf-ov-card:hover,.uf-tcard:hover,.uf-pop-card:hover,.uf-score-card:hover,.uf-grade-card:hover,.uf-cmp-card:hover,.uf-nearby-card:hover,.uf-feature-card:hover,.uf-chart-block:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(15,23,42,.08),0 16px 32px rgba(15,23,42,.14)!important}
.uf-hero2__card-val,.uf-gcard__num{font-family:var(--display);font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.uf-hero2__card-lbl,.uf-hero2__card-sub,.uf-gcard__label,.uf-gcard__desc,.uf-gcard__info{color:var(--ink)!important;opacity:1!important}
.uf-gcard{--gcard-color:#0f172a!important}
.uf-gcard__grade{background:var(--ink)!important;color:#fff!important;border-radius:6px!important}
.uf-gcard__fill{background:var(--ink)!important}
.uf-ov-card__grade{color:var(--ink)!important}
.uf-bar__fill[style*="background:"]{background:var(--ink)!important}
.uf-bar__avg{background:var(--ink)!important;opacity:.5}
.u2-page main [style*="color:#dc2626"],.u2-page main [style*="color:#16a34a"],.u2-page main [style*="color:#059669"],.u2-page main [style*="color:#5b9bd5"],.u2-page main [style*="color:#3b82f6"],.u2-page main [style*="color:#22c55e"],.u2-page main [style*="color:#ef4444"],.u2-page main [style*="color:#f59e0b"]{color:var(--ink)!important}
.u2-page main a[style*="background:#16a34a"],.u2-page main a[style*="background:#3b82f6"],.u2-page main a[style*="background:#1e3a5f"],.u2-page main button[style*="background:#16a34a"],.u2-page main button[style*="background:#3b82f6"],.u2-page main button[style*="background:#1e3a5f"],.u2-page main a[style*="background:#2563eb"],.u2-page main button[style*="background:#2563eb"]{background:var(--ink)!important;box-shadow:none!important;border-radius:6px!important;color:#fff!important}
.u2-page main [style*="background:#f0f7ff"],.u2-page main [style*="background:#eff6ff"],.u2-page main [style*="background:#dbeafe"],.u2-page main [style*="background:#dcfce7"],.u2-page main [style*="background:#fef3c7"],.u2-page main [style*="background:#fee2e2"]{background:#f6f8fa!important}
.uf-hero2__score-ring{--ring-color:#fff!important}
.uf-hero2__score-block{background:rgba(15,23,42,.55)!important;backdrop-filter:blur(10px)}
.uf-hero2__score-num,.uf-hero2__score-of,.uf-hero2__score-label{color:#fff!important}
.uf-city-tabs,.uf-tabs-bar{border-bottom:1px solid var(--ink)}
.uf-tab-btn,.uf-city-tab{border-radius:6px 6px 0 0}

/* About page */
.uf-about-numbers *,.uf-about-scores__text *{color:var(--ink)!important}
.uf-about-numbers__value{font-family:var(--display);font-weight:600;font-size:2.4rem;letter-spacing:-.03em}
.uf-about-mission__card{background:var(--deep)!important;border-radius:6px!important}
.uf-about-mission__card *{color:#fff!important}
.uf-about-mission__badge,.uf-about-features__badge,.uf-about-scores__badge,.uf-about-sources__badge{display:block;background:transparent!important;border:0!important;padding:0!important;font-size:.78rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)!important;border-radius:0!important}
.uf-about-scores__score-panel{background:var(--deep)!important;border-radius:6px!important}
.uf-about-scores__score-panel *{color:#fff!important}

/* Generic inline gray text to ink */
.u2-page main [style*="color:#6"],.u2-page main [style*="color:#7"],.u2-page main [style*="color:#8"],.u2-page main [style*="color:#9"],.u2-page main [style*="color:#a"],.u2-page main [style*="color:#b"],.u2-page main [style*="color:#c"],.u2-page main [style*="color: #6"],.u2-page main [style*="color: #7"],.u2-page main [style*="color: #9"]{color:var(--ink)!important}
.uf-highlight__fill{background:var(--ink)!important}
.uf-highlight__bar{background:var(--line)!important;border-radius:0!important}
.uf-highlight__diff,.uf-highlight__delta,.uf-highlight__note,.uf-highlight__cmp,.uf-highlight__sub,[class*="--up"],[class*="--down"],[class*="--good"],[class*="--bad"],[class*="--pos"],[class*="--neg"]{color:var(--ink)!important}
.uf-hero2__score-grade[style]{color:#fff!important}
.uf-btn[disabled],.uf-btn:disabled{background:rgba(255,255,255,.22)!important;color:#fff!important;border-color:transparent!important;opacity:1}
/* Short dark band heroes (county, cost category without photo) */
.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full){background:var(--deep);padding:48px 0 44px;margin-top:8px}
.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full) .uf-hero2__title{font-size:clamp(2.4rem,4.5vw,4.5rem);color:#fff!important}
.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full) .uf-hero2__subtitle,.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full) .uf-breadcrumb2,.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full) .uf-breadcrumb2 a{color:#fff!important}
/* Compare vs page */
.uf-cmp-hero__city,.uf-cmp-hero__pop,.uf-cmp-hero__breadcrumb,.uf-cmp-hero__breadcrumb a{color:#fff!important}
.uf-cmp-hero__vs{background:var(--ink)!important;color:#fff!important}
.uf-cmp-hero__overlay{background:linear-gradient(to top,rgba(6,10,18,.85),rgba(6,10,18,.1))!important}
.uf-cmp-hero__sub{font-family:var(--display);font-weight:600;letter-spacing:-.02em}
.uf-cmp-section [style*="color:#2563eb"],.uf-cmp-section [style*="color:#dc2626"],.uf-cmp-card__val,.uf-cmp-stat__val{color:var(--ink)!important}

.uf-cmp-card__label{background:var(--ink)!important;background-image:none!important;color:#fff!important;border-radius:6px 6px 0 0}
.uf-cmp-card__big,.uf-cmp-card__big--win,.uf-cmp-card__big--lose,.uf-cmp-card__big--tie{color:var(--ink)!important}
.uf-cmp-card__big--win{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.uf-cmp-card__diff,.uf-cmp-card__name{color:var(--ink)!important}
.uf-cmp-verdict{background:var(--deep)!important;border-radius:6px!important}
.uf-cmp-verdict *{color:#fff!important}
.uf-page h2{font-size:1.6rem;text-transform:none;letter-spacing:-.02em;margin-top:2em}
.uf-page{max-width:860px}
.uf-maps-sidebar,.uf-maps__sidebar,.uf-maps-side{text-align:left}
.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full){background-image:none!important}
.u2-nohero .uf-city-hero2:not(.uf-city-hero2--full) *{color:#fff!important}
@media (max-width:720px){
  .uf-city-hero2--full>.uf-container,.uf-hero__content,.uf-search-hero2__content,.uf-about-hero__content{max-width:100vw;box-sizing:border-box;overflow:hidden;text-align:left!important}
  .uf-hero2__main,.uf-hero2__left{max-width:100%;width:100%;min-width:0;text-align:left!important;align-items:flex-start}
  .uf-hero2__subtitle,.uf-hero2__intro,.uf-hero2__updated,.uf-breadcrumb2{text-align:left!important}
  .uf-hero2__left .uf-search--hero{max-width:100%!important}
  .uf-hero2__score-block{margin-top:16px}
}
.u2-page main .uf-hero2__score-grade{color:#fff!important}
.uf-search__wrapper{max-width:100%;width:100%}
.uf-search__wrapper .uf-search__input{min-width:0;flex:1 1 auto}
@media (max-width:720px){
  .uf-search__wrapper .uf-btn--hero{flex:none;padding:0 16px!important}
}
/* Metro and city photo cards: names stay white on the photo */
.u2-page main .uf-metro-card__name,.u2-page main .uf-metro-card__name span,.u2-page main .uf-city-card__name,.u2-page main .uf-city-card__name span,.u2-page main .uf-city-card__state,.u2-page main .uf-metro-card__label,.u2-page main .uf-metro-card__value,.u2-page main .uf-city-card__metric-label,.u2-page main .uf-city-card__metric-value,.u2-page main .uf-metro-card *,.u2-page main .uf-city-card *{color:#fff!important}
.u2-page main .uf-metro-card::before,.u2-page main .uf-metro-card__overlay{background:linear-gradient(to top,rgba(6,10,18,.92) 0%,rgba(6,10,18,.45) 55%,rgba(6,10,18,.25) 100%)!important}
/* Any dark or navy filled element: white text, no exceptions */
.uf-rankings-tab--active,.uf-tabs2__tab--active,.uf-finder-chip--active,.uf-sort-btn--active,.uf-pagination__btn--active,.uf-tab--active,.uf-tab.is-active,.uf-rankings-tabs a.is-active,.uf-city-tab--active,.uf-tab-btn--active,.uf-country-tab--active,.uf-letter--active,.uf-btn--primary,.uf-btn--cta,[class*="--active"]:not([class*="panel"]):not([class*="sidebar"]):not(.u2-dd),[style*="background:#1e3a5f"],[style*="background:#0f172a"],[style*="background:#162d4a"],[style*="background: #1e3a5f"],[style*="background:#0b1220"]{background:var(--ink)!important;color:#fff!important}
.uf-rankings-tab--active *,.uf-tabs2__tab--active *,.uf-finder-chip--active *,.uf-sort-btn--active *,.uf-pagination__btn--active *,[class*="--active"]:not([class*="panel"]):not([class*="sidebar"]) *,[style*="background:#1e3a5f"] *,[style*="background:#0f172a"] *,.uf-btn--primary *,.uf-btn--cta *,thead th,th,.uf-cmp-card__label *,.u2-footer *{color:#fff!important}
th{background:var(--ink)!important}
.uf-full-sidebar__link--active{background:#f1f5f9!important;color:var(--ink)!important}
.uf-full-sidebar__link--active *{color:var(--ink)!important}
.u2-footer .u2-btn--light,.u2-footer .u2-btn--light *{color:var(--ink)!important}
/* City tabs: flat underline tabs, sticky under the header */
.uf-tabs2{border-bottom:1px solid var(--ink)!important;padding-top:16px;top:84px;box-shadow:none}
.uf-tabs2__list{border-bottom:0!important;gap:clamp(10px,1.4vw,26px);padding:0;overflow-x:auto;justify-content:flex-start}
.uf-tabs2 .uf-tabs2__list .uf-tabs2__tab.uf-tabs2__tab{flex:0 0 auto;background:transparent!important;border:0!important;border-bottom:2px solid transparent!important;border-radius:0!important;color:var(--ink)!important;font-weight:500;padding:12px 2px;margin-bottom:-1px;font-size:.92rem;letter-spacing:0}
.uf-tabs2 .uf-tabs2__list .uf-tabs2__tab.uf-tabs2__tab:hover{border-bottom-color:var(--line-2)!important}
.uf-tabs2 .uf-tabs2__list .uf-tabs2__tab--active.uf-tabs2__tab{font-weight:600;border-bottom:2px solid var(--ink)!important;background:transparent!important;color:var(--ink)!important}
.uf-tabs2 .uf-tabs2__list .uf-tabs2__tab--active.uf-tabs2__tab *{color:var(--ink)!important}
.uf-dd-menu{background:#fff!important;border:1px solid var(--line)!important;border-radius:6px!important;box-shadow:0 24px 60px rgba(0,0,0,.18)!important;padding:8px 0}
.uf-dd-item{color:var(--ink)!important;padding:9px 16px;font-weight:500}
.uf-dd-item:hover{background:#f1f5f9!important}
/* Inner page sections reveal */
.u2-reveal.uf-section,.u2-reveal.uf-featured,.u2-reveal.uf-states-section,.u2-reveal.uf-countries-section,.u2-reveal.uf-data-cover,.u2-reveal.uf-faq,.u2-reveal.uf-about-mission,.u2-reveal.uf-about-sources,.u2-reveal.uf-about-features,.u2-reveal.uf-browse-section{opacity:0;transform:translateY(18px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.u2-reveal.is-in{opacity:1;transform:none}
/* Data visuals on rankings and compare pages */
.u2-viz{margin:8px 0 40px}
.u2-viz__stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--ink);border-bottom:1px solid var(--line);margin-bottom:36px}
.u2-viz__stats>div{padding:22px 24px 22px 0;border-right:1px solid var(--line);margin-right:24px;min-width:0}
.u2-viz__stats>div:last-child{border-right:0;margin-right:0}
.u2-viz__k{display:block;font-size:.74rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:10px}
.u2-viz__stats strong{display:block;font-family:var(--display);font-weight:600;font-size:clamp(1.4rem,2vw,2rem);letter-spacing:-.03em;line-height:1.05;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u2-viz__stats em{display:block;font-style:normal;font-size:.9rem;margin-top:6px}
.u2-viz__grid{display:grid;grid-template-columns:1.6fr 1fr;gap:clamp(32px,4vw,72px)}
.u2-viz h3{font-family:var(--display);font-weight:600;font-size:1.25rem;letter-spacing:-.02em;margin:0 0 14px}
.u2-viz__row,.u2-viz__srow{display:grid;grid-template-columns:28px minmax(120px,.9fr) 2fr auto;align-items:center;gap:14px;padding:7px 0;border-bottom:1px solid var(--line);color:var(--ink);opacity:0;transform:translateX(-8px);transition:opacity .5s var(--ease),transform .5s var(--ease);transition-delay:calc(var(--i,0)*40ms)}
.u2-viz__srow{grid-template-columns:44px 1fr auto}
.u2-viz.is-in .u2-viz__row,.u2-viz.is-in .u2-viz__srow{opacity:1;transform:none}
.u2-viz__rank{font-size:.8rem;font-weight:600}
.u2-viz__name{font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.u2-viz__name small{font-size:.8rem;font-weight:400;margin-left:2px}
.u2-viz__row:hover .u2-viz__name{text-decoration:underline;text-underline-offset:4px}
.u2-viz__track{display:block;height:10px;background:var(--line);position:relative}
.u2-viz__track i{position:absolute;inset:0 auto 0 0;width:0;background:var(--ink);transition:width 1s var(--ease);transition-delay:calc(var(--i,0)*40ms + .1s)}
.u2-viz.is-in .u2-viz__track i{width:var(--w)}
.u2-viz__val,.u2-viz__srow b{font-weight:600;font-size:.92rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.u2-viz__note{font-size:.88rem;margin-top:12px}
.u2-viz__lead{font-size:.95rem;font-weight:500;margin:-6px 0 18px;padding-left:14px;border-left:2px solid var(--ink)}
.u2-duel{display:grid;gap:4px;padding:6px 22px 4px}
.u2-duel span{display:block;height:8px;background:var(--line)}
.u2-duel span i{display:block;height:100%;width:0;background:var(--ink);transition:width .9s var(--ease)}
.u2-duel .u2-duel__b i{background:#b4bcc8}
.u2-duel.is-in span i{width:var(--w)}
.uf-cmp-ring{border:0!important}
.uf-cmp-ring__val,.uf-cmp-ring__val--win,.uf-cmp-ring__val--lose{color:var(--ink)!important}
.uf-cmp-ring__val--win{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media (max-width:1100px){.u2-viz__stats{grid-template-columns:1fr 1fr}.u2-viz__grid{grid-template-columns:1fr}}
@media (max-width:720px){.u2-viz__stats{grid-template-columns:1fr}.u2-viz__stats>div{border-right:0;margin-right:0;border-bottom:1px solid var(--line)}.u2-viz__row{grid-template-columns:24px 1fr auto}.u2-viz__row .u2-viz__track{grid-column:1/-1}}
@media (prefers-reduced-motion:reduce){.u2-viz__row,.u2-viz__srow{opacity:1;transform:none}.u2-viz__track i,.u2-duel span i{width:var(--w)}}

/* Auth pages on live (2026-09-05): the form partials keep their ufa- classes, mapped here to the v2 look */
.u2-nohero main:has(> .u2-auth){padding-top:0}
.u2-auth{min-height:calc(100svh - 72px)}
.u2-auth__form .ufa-auth-field{margin:0}
.u2-auth__form .ufa-label{display:block;font-weight:600;font-size:.9rem;margin:0 0 6px;color:var(--ink)}
.u2-auth__form .ufa-input{width:100%;height:52px;padding:0 16px;border:1px solid var(--line-2);border-radius:6px;font:inherit;color:var(--ink);margin-bottom:18px;background:#fff}
.u2-auth__form .ufa-input:focus{outline:2px solid var(--ink);outline-offset:1px;border-color:var(--ink)}
.u2-auth__form .ufa-auth-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 0 22px;font-size:.95rem}
.u2-auth__form .ufa-checkbox-label{display:flex;align-items:center;gap:8px;font-weight:500}
.u2-auth__form .ufa-auth-link,.u2-auth__form .ufa-auth-links a{color:var(--ink);text-decoration:underline;text-underline-offset:3px;font-weight:600}
.u2-auth__form .ufa-btn{display:flex;align-items:center;justify-content:center;width:100%;height:52px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:#fff;font:inherit;font-weight:600;cursor:pointer;margin-top:6px}
.u2-auth__form .ufa-btn:hover{background:#1e293b}
.u2-auth__form .ufa-auth-links{margin-top:22px;font-size:.95rem;color:var(--ink)}
.u2-auth__form .ufa-oauth-buttons{display:grid;gap:10px}
.u2-auth__form .ufa-oauth-btn{display:flex;align-items:center;justify-content:center;gap:12px;height:52px;border:1px solid var(--ink);border-radius:6px;font-weight:600;color:var(--ink);text-decoration:none}
.u2-auth__form .ufa-oauth-btn:hover{background:#f1f5f9}
.u2-auth__form .ufa-oauth-btn svg path{fill:currentColor}
.u2-auth__form .ufa-auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0;font-size:.9rem;font-weight:500;color:var(--ink)}
.u2-auth__form .ufa-auth-divider::before,.u2-auth__form .ufa-auth-divider::after{content:"";flex:1;height:1px;background:var(--line)}
.u2-auth__form .cf-turnstile{margin:0 0 18px}
.u2-auth__alert{padding:12px 16px;border-radius:6px;margin:0 0 20px;font-size:.95rem;font-weight:500;border:1px solid var(--ink);color:var(--ink);background:#fff}
.u2-auth__alert--error{background:#fef2f2;border-color:#991b1b;color:#7f1d1d}
.u2-auth__alert--success{background:#f0fdf4;border-color:#166534;color:#14532d}

/* Hero search: button sits inside the white box with a small inset (Gagi, 05.09.2026) */
.uf-search__wrapper .uf-btn{flex:none;margin:6px 6px 6px 0;padding:12px 26px!important}

/* City tabs: segmented bar edge to edge, hairline dividers, underline on hover and active (05.09.2026) */
.uf-tabs2__list{flex-wrap:nowrap!important;overflow:visible!important;gap:0;justify-content:flex-start}
.uf-tabs2__list>*{flex:1 1 auto!important;position:relative;text-align:center}
.uf-tabs2__list>*+*::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:16px;background:var(--line-2)}
.uf-tabs2 .uf-tabs2__list .uf-tabs2__tab.uf-tabs2__tab{flex:1 1 auto;width:100%;padding:12px 14px;text-align:center}
.uf-tabs2__list>div>.uf-dd-trigger{width:100%!important}
.uf-tabs2 .uf-tabs2__list .uf-tabs2__tab.uf-tabs2__tab:hover{border-bottom-color:var(--ink)!important}
.uf-tabs2__list>.uf-tabs2__tab:first-child{padding-left:0;text-align:left}
.uf-tabs2__list>.uf-tabs2__tab:last-child{padding-right:0;text-align:right}
@media (max-width:1400px){.uf-tabs2__list{flex-wrap:wrap!important}.uf-tabs2__list>*::before{display:none}}

/* Compare box at the bottom of city pages: no shadows, thin borders only (05.09.2026) */
.uf-compare-inline,.uf-compare-inline *{box-shadow:none!important}
.uf-compare-inline{border:1px solid var(--line)!important;border-radius:6px}
.uf-compare-inline .uf-search__wrapper{border:1px solid var(--line-2)!important;border-radius:6px!important}
.uf-compare-inline .uf-search__wrapper:focus-within{border-color:var(--ink)!important}

/* Countries directory: sire kolone, imena u jednom redu */
.uf-countries-grid--dir{grid-template-columns:repeat(auto-fill,minmax(260px,1fr))!important;gap:10px!important}
.uf-countries-grid--dir .uf-country-card{min-height:52px;align-items:center;padding:12px 16px}
.uf-countries-grid--dir .uf-country-card__name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:900px){.uf-countries-grid--dir{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))!important}}

/* Header i dropdown iznad Leaflet mapa (leaflet paneli idu do z-index 800) */
.u2-header{z-index:1200}
.u2-dd__menu{z-index:1201}
.leaflet-container{z-index:1}

/* Full city profile: kartice u istom svetlo plavom metaliku kao ostatak sajta */
.uf-full-section,
.uf-full-content [style*="background:#f8fafc"],
.uf-full-content [style*="background:#fff"]{
    background:linear-gradient(180deg,#ffffff 0%,#f2f4f8 100%)!important;
    border:1px solid #cfd6e0!important;
    box-shadow:inset 0 1px 0 #fff,0 1px 2px rgba(15,23,42,.06),0 10px 24px rgba(15,23,42,.10)!important;
    border-radius:6px!important;
}
.uf-full-section{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}
.uf-full-section:hover{box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(15,23,42,.08),0 16px 32px rgba(15,23,42,.14)!important}

/* Full profile: skok iz levog menija staje ispod heroja, ne na vrh strane */
#ufFullTop{scroll-margin-top:90px}