/* Visual skin based on the observed tinder.com homepage (2026-11-08).
   Layout, content, breakpoints and download behavior remain unchanged. */
:root{--gold:#d71910;--cream:#d71910;--text:#171717;--border:#dedede;--surface:#fff;--accent:#d71910;--muted:#65666b}
body{background:#f5f5f5;color:#171717;font-family:Arial,Helvetica,sans-serif}
main{background:#fff}
.hero{background:#fff}
.hero-photo{mask-image:linear-gradient(to right,transparent,#000 24%)}
.hero-copy{text-shadow:none}
.hero h1{font-family:Arial,Helvetica,sans-serif;font-weight:900;color:var(--accent);letter-spacing:-1.6px}
.hero p,.hero ul{color:#222}
.hero li:before{border-color:var(--accent);color:var(--accent)}
.topbar{background:#fffffff0;color:#171717}
.brand strong{font-family:Arial,Helvetica,sans-serif;font-weight:900;letter-spacing:-1.8px;color:var(--accent)}
.brand small{color:#363636}
.icon{filter:brightness(0) saturate(100%)}
.brand>.icon,.section-heading .icon{filter:brightness(0) saturate(100%) invert(15%) sepia(97%) saturate(4200%) hue-rotate(356deg) brightness(87%) contrast(105%)}
.notice i{background:var(--accent);color:#fff}
.gold{background:#101010;color:#fff;border-color:#101010;box-shadow:none}
.gold .icon{filter:brightness(0) invert(1)}
.hero .gold{font-weight:800}
.feature-nav{background:#f6f6f6;border-color:#e1e1e1;box-shadow:none;color:#222}
.feature-nav button{border-color:#d8d8d8}
.section-heading h2{font-weight:800;letter-spacing:-.5px;color:#171717}
.section-heading>button{color:#343434;font-weight:700}
.section-heading button span{color:var(--accent)}
.city{border-color:#dedede;background:#eee;color:#fff;box-shadow:none}
.city[aria-pressed=true]{outline-color:var(--accent)}
.member{background:transparent}
.member .member-photo{border-color:#e0e0e0;background:#f2f2f2;box-shadow:0 2px 8px #0000000a}
.member-brand{background:#fff;box-shadow:0 1px 5px #0002}
.member-brand img{filter:brightness(0) saturate(100%) invert(15%) sepia(97%) saturate(4200%) hue-rotate(356deg) brightness(87%) contrast(105%)}
.member-demo{background:#fff;color:#5a5a5a;box-shadow:0 1px 4px #0002}
.member .like{background:#fff;color:var(--accent);box-shadow:0 2px 6px #0002}
.member .like[aria-pressed=true]{color:var(--accent);background:#fff0ef}
.member-details strong{color:#171717;font-weight:800}
.member-details small{color:var(--muted)}
.member-more{background:#f6f6f6;border-color:#cecece;color:#171717;box-shadow:none}
.member-more .more-symbol{background:var(--accent);color:#fff;border-color:var(--accent)}
.member-more small{color:#606168}
.filters .pill{background:#fff;color:#3b3c40;border-color:#d5d6d9;box-shadow:none;font-weight:600}
.filters .active{background:#171717;color:#fff;border-color:#171717}
.moments article{border-color:#e1e1e1}.moment-like{color:#fff}
.stories article{background:#f5f5f5;border-color:#e1e1e1;color:#222;box-shadow:none}
.stories blockquote{color:#252525}
.stories cite{color:#65666b}
.plan{background:#fff;border-color:#d9d9d9;box-shadow:0 2px 8px #00000008;color:#292929}
.plan header{background:#f6f6f6;border-bottom-color:#e5e5e5}
.plan h3{color:#171717;font-weight:800}
.plan li:before{color:var(--accent)}
.premium{background:#fff;border-color:var(--accent);box-shadow:none}
.premium header{background:#fff2f0}
.premium h3{color:var(--accent)}
.popular{background:var(--accent);border-color:var(--accent);color:#fff}
.steps>div{background:#f6f6f6;border-color:#dedede;color:#282828}
.steps>div:not(:last-child):after{color:#777}
.rating span,.reviews span{color:var(--accent)}
.reviews article{background:#fff;border-color:#ddd;box-shadow:0 2px 6px #00000006;color:#292929}
.reviews img{border-color:#dedede}
.final-download{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:none}
.disclosure{color:#73747a}
.filter-status,.moment-empty{color:#606168}
dialog{background:#fff;color:#171717;border-color:#ddd;box-shadow:0 12px 50px #0003}
dialog::backdrop{background:#0008}
button:focus-visible,a:focus-visible{outline-color:var(--accent)}
@media(min-width:701px){.hero h1{font-size:39px;letter-spacing:-1.8px}.brand strong{font-size:36px}}
@media(max-width:700px){
 .hero-photo{opacity:.48;mask-image:linear-gradient(to right,transparent,#000 45%)}
 .hero h1{font-size:33px;letter-spacing:-1.5px}
 .hero-copy{text-shadow:none}
 .brand strong{font-size:27px;letter-spacing:-1.5px}
 .final-download{box-shadow:0 4px 20px #0003}
}

/* Audit fixes: opaque navigation hides baked-in image icons. */
.topbar{background:#fff}
@media(max-width:360px){
 #members>.section-heading{flex-wrap:nowrap;gap:5px}
 #members>.section-heading h2{font-size:16px;letter-spacing:-.45px;gap:5px}
 #members>.section-heading>button{font-size:11px;flex-shrink:0}
}
/* Keep keyboard-focused content clear of the persistent download bar. */
@media(max-width:700px){html{scroll-padding-bottom:110px}.like{scroll-margin-bottom:110px}}

/* Keep longer South American city names inside compact cards. */
.city strong{padding:0 3px;line-height:1.15} @media(max-width:700px){.city strong{font-size:clamp(11px,3.1vw,15px)}}