/* Match grounded-v3 container width + theme font. font-size omitted so the theme/body default carries through; only h2/h3 sizes set explicitly. */ .onlyf-loc-panel{max-width:1140px;margin:0 auto 24px;padding:28px 24px;box-sizing:border-box;color:inherit;background:#fff;border-radius:12px} .onlyf-loc-panel-h2{font-size:22px;font-weight:800;letter-spacing:-.03em;line-height:1.2;margin:0 0 14px} .onlyf-loc-panel-h3{font-size:18px;font-weight:700;line-height:1.25;margin:24px 0 12px} .onlyf-loc-panel-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin:0 0 6px} .onlyf-loc-card{background:#f4f8fd;border:1px solid #cfdcec;border-radius:8px;padding:14px 16px;display:flex;flex-direction:column;gap:4px} .onlyf-loc-card-label{font-size:12px;color:#5a6c84;font-weight:600;text-transform:uppercase;letter-spacing:.04em} .onlyf-loc-card-num{font-size:24px;font-weight:800;line-height:1.1} .onlyf-loc-tablewrap{overflow-x:auto;margin-bottom:6px} .onlyf-loc-table{width:100%;border-collapse:collapse;background:#fff;border:1px solid #e6eaf0;border-radius:8px;overflow:hidden} .onlyf-loc-table th{text-align:left;padding:10px 14px;background:#f6f8fb;color:#3b4658;font-weight:700;border-bottom:1px solid #e6eaf0;white-space:nowrap;font-size:.92em} .onlyf-loc-table td{padding:9px 14px;border-bottom:1px solid #eef2f7;line-height:1.45} .onlyf-loc-table tr:last-child td{border-bottom:none} .onlyf-loc-table tr:hover td{background:#f9fbfd} .onlyf-loc-table a{color:#0051AD;text-decoration:none} .onlyf-loc-table a:hover{text-decoration:underline} .onlyf-loc-siblings{list-style:none;padding:0;margin:6px 0 14px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px} .onlyf-loc-siblings li{padding:10px 14px;background:#f4f8fd;border:1px solid #cfdcec;border-radius:6px;display:flex;justify-content:space-between;gap:12px} .onlyf-loc-siblings li a{color:inherit;text-decoration:none;font-weight:600} .onlyf-loc-siblings li a:hover{color:#0051AD} .onlyf-loc-siblings li span{color:#5a6c84} .onlyf-loc-panel-source{margin-top:18px;color:#7b8797;line-height:1.5;font-size:.85em} @media (max-width:767px){ .onlyf-loc-panel{padding:18px 16px} .onlyf-loc-panel-h2{font-size:20px} } *,*::before,*::after{box-sizing:border-box} html{-webkit-text-size-adjust:100%;text-size-adjust:100%} body{margin:0;font-family:system-ui,-apple-system,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";line-height:1.5;color:#222;background:#018cf1!important} main.site-main,main#main{background:#fff;width:100%;max-width:1280px;margin:0 auto;box-sizing:border-box;border-radius:12px;overflow:hidden;padding:24px} @media(max-width:1279px){main.site-main,main#main{max-width:100%;border-radius:0;padding:16px}} /* Four siblings live directly under on a blue background: 1. — the model cards 2. — Pages / locations sitemap (mu-plugin) 3. — About + FAQ + featured aside 4. — per-location stats snapshot (mu-plugin) Out of the box they have wildly different max-widths (1280 / 1140 / none) and inconsistent vertical spacing. Force them all into the same 1280px centered band with the same 24px top margin so they read as a stack of matched cards. */ .nls-explore,.og-grounded-bottom,.onlyf-loc-panel{max-width:1280px!important;width:100%;margin:24px auto 0!important;box-sizing:border-box;background:#fff;border-radius:12px!important} .nls-explore{overflow:hidden} @media(max-width:1279px){.nls-explore,.og-grounded-bottom,.onlyf-loc-panel{max-width:100%!important;border-radius:0!important}} html,body{overflow-x:clip;max-width:100vw} @supports not (overflow-x:clip){.site-footer-sticky{overflow-x:hidden}} .main_warp{max-width:100%;width:100%;box-sizing:border-box;margin:0 auto} #onlyf_models_data,.cards{max-width:100%;width:100%;box-sizing:border-box} .onlyf_card{box-sizing:border-box} img,video,iframe{max-width:100%} img,svg,video{max-width:100%;height:auto;display:block} a{color:#0a6abd;text-decoration:none} a:hover,a:focus-visible{text-decoration:underline} button,input,select,textarea{font:inherit;color:inherit} h1,h2,h3,h4{line-height:1.2;margin:0 0 .5em} ul{margin:0;padding:0;list-style:none} :focus-visible{outline:3px solid #0a6abd;outline-offset:2px;border-radius:3px} .screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden;white-space:nowrap;border:0;padding:0} .skip-link:focus{position:absolute!important;top:0;left:0;clip:auto;width:auto;height:auto;padding:.75rem 1rem;background:#fff;color:#0a6abd;font-weight:600;z-index:9999} /* Header structure (matches header.php): full-width dark FIXED background, always visible max-width:1280px centered flex container flag image, left location / tag / gender dropdowns spyglass that reveals the nls-bar (onlyf-nl-search JS injects .nls-bar here too; hidden by default, shown when body.nls-search-open via the spyglass click) Fixed (not sticky) so it survives every scroll context. Body gets a matching padding-top so content starts below it. */ .site-header-bg{background:#282828;color:#fff;position:fixed;top:0;left:0;right:0;z-index:1000;width:100%;min-height:60px;box-shadow:0 1px 0 rgba(255,255,255,.04)} body{padding-top:60px} .site-header{display:flex;align-items:center;gap:10px;max-width:1280px;margin:0 auto;padding:8px 12px;flex-wrap:nowrap;min-height:60px;color:#fff;box-sizing:border-box;position:relative} .site-flag{flex:0 0 auto;display:inline-flex;align-items:center} .site-flag img{width:42px;height:28px;display:block;object-fit:contain} .site-logo{flex:0 0 auto;display:inline-flex;align-items:center;color:#fff;text-decoration:none} .site-logo img{max-height:36px;width:auto;height:auto;display:block} /* Filter dropdowns: location / tag / gender. Each is a