/* LocalFlirt pages — same tokens as apex; unique layout (not WannaHookup) */
:root { --bg:#0b0f14; --ink:#f3f6f9; --muted:#9aabba; --acc:#f4a261; --line:rgba(255,255,255,.07); --card:#141a22; }
*{box-sizing:border-box}
body{margin:0;min-height:100vh;font-family:ui-sans-serif,system-ui,sans-serif;color:var(--ink);
background:radial-gradient(ellipse 60% 40% at 90% 10%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 55%),linear-gradient(160deg,#070a0e,#0b0f14 45%,#121820)}
a{color:var(--acc);text-decoration:none}
a:hover{text-decoration:underline}
.bar{display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,2rem);border-bottom:1px solid var(--line);gap:1rem;flex-wrap:wrap}
.brand{color:var(--ink);text-decoration:none;font-weight:800;font-size:1.05rem}
.topcta,.cta,.lf-fab{background:var(--acc);color:#111;text-decoration:none;font-weight:800;border-radius:.45rem}
.topcta{padding:.5rem 1rem;font-size:.9rem}
.cta{display:inline-flex;padding:.95rem 1.45rem}
.rail{display:flex;gap:.55rem;flex-wrap:wrap;padding:.75rem clamp(1rem,4vw,2rem);border-bottom:1px solid var(--line);background:rgba(0,0,0,.25)}
.rail a{color:var(--muted);font-size:.86rem;padding:.35rem .7rem;border:1px solid var(--line);border-radius:999px;text-decoration:none}
.rail a:hover,.rail a.on{color:#111;background:var(--acc);border-color:var(--acc);text-decoration:none}
.hero{max-width:1080px;margin:0 auto;padding:clamp(1.5rem,5vw,3.5rem) clamp(1rem,4vw,2rem);display:grid;grid-template-columns:1.05fr .95fr;gap:2rem;align-items:center}
h1{margin:0 0 .7rem;font-size:clamp(2rem,5vw,3.3rem);line-height:1.02;letter-spacing:-.03em}
.lead{color:var(--muted);font-size:1.08rem;line-height:1.55;max-width:34rem;margin:0 0 1.35rem}
.age{margin-top:1rem;color:var(--muted);font-size:.88rem}
.vis{border-radius:1.1rem;overflow:hidden;border:1px solid color-mix(in srgb,var(--acc) 35%,transparent);background:var(--card)}
.vis img{width:100%;height:auto;display:block}
.band{max-width:1080px;margin:0 auto;padding:2rem clamp(1rem,4vw,2rem) 2.5rem}
.band h2{margin:0 0 .8rem;font-size:1.45rem;letter-spacing:-.02em}
.band p.sub{color:var(--muted);margin:0 0 1.2rem;max-width:40rem}
.lf-check{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.lf-check li{background:rgba(255,255,255,.03);border:1px solid var(--line);border-radius:.8rem;padding:1rem 1.1rem}
.lf-check strong{display:block;color:var(--acc);margin-bottom:.35rem;font-size:.95rem}
.lf-check span{color:var(--muted);font-size:.92rem;line-height:1.45}
.radius{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:.8rem;overflow:hidden;margin-top:1.5rem}
.radius div{background:#0e1319;padding:1.1rem 1rem}
.radius b{display:block;font-size:1rem;margin-bottom:.25rem}
.radius span{color:var(--muted);font-size:.88rem;line-height:1.4}
.intents{display:flex;flex-direction:column;gap:.55rem;margin-top:1.2rem}
.intents a{display:flex;justify-content:space-between;align-items:center;padding:.85rem 1rem;border:1px solid var(--line);border-radius:.55rem;color:var(--ink);text-decoration:none;background:rgba(255,255,255,.02)}
.intents a:hover{border-color:var(--acc);text-decoration:none}
.intents em{color:var(--muted);font-style:normal;font-size:.85rem}
footer{padding:1.2rem clamp(1rem,4vw,2rem) 5rem;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem;display:flex;gap:1rem;flex-wrap:wrap}
footer a{color:var(--muted)}
/* dossier inner pages — unique vs WH top-hero */
.dossier{max-width:1100px;margin:0 auto;padding:1.5rem clamp(1rem,4vw,2rem) 3rem;display:grid;grid-template-columns:minmax(220px,340px) 1fr;gap:clamp(1.2rem,3vw,2.2rem);align-items:start}
.dossier-pic{position:sticky;top:1rem}
.dossier-pic .vis{margin:0}
.crumb{color:var(--muted);font-size:.85rem;margin:0 0 1rem}
.crumb a{color:var(--muted)}
.prose{max-width:40rem}
.prose h2{font-size:1.35rem;margin:1.6rem 0 .7rem;letter-spacing:-.02em}
.prose p{color:var(--ink);line-height:1.6;margin:0 0 .85rem}
.prose ol,.prose ul{margin:0 0 1rem 1.15rem;color:var(--ink)}
.prose li{margin:0 0 .45rem;line-height:1.5}
.prose details{border:1px solid var(--line);border-radius:.55rem;padding:.7rem .9rem;margin:0 0 .55rem;background:rgba(255,255,255,.02)}
.prose summary{cursor:pointer;font-weight:700}
.prose details p{margin:.55rem 0 0;color:var(--muted)}
.more{margin:2rem 0 0;padding:0;list-style:none}
.more li{margin:0 0 .4rem}
.more a{color:var(--acc)}
.lf-fab{position:fixed;right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom));z-index:1200;padding:.85rem 1.2rem;box-shadow:0 10px 28px rgba(244,162,97,.35);text-decoration:none !important}
.lf-fab:hover{filter:brightness(1.06);text-decoration:none !important}
@media(max-width:820px){
  .hero,.dossier{grid-template-columns:1fr}
  .vis,.dossier-pic{order:-1;max-width:420px;margin:0 auto}
  .dossier-pic{position:static}
  .lf-check,.radius{grid-template-columns:1fr}
  .lf-fab{left:max(1rem,env(safe-area-inset-left));right:max(1rem,env(safe-area-inset-right));text-align:center;justify-content:center}
}