body.sf-page {
 --bg-dark:#020617; --bg-card:#0f172a; --text-white:#f8fafc; --text-gray:#cbd5e1;
 --sf-border:#334155; --sf-link:#93c5fd; --primary:#3b82f6;
 background:var(--bg-dark); color:var(--text-white); margin:0; line-height:1.7;
}
body.sf-page[data-theme="light"] {
 --bg-dark:#f8fafc; --bg-card:#ffffff; --text-white:#0f172a; --text-gray:#475569;
 --sf-border:#94a3b8; --sf-link:#1d4ed8; --primary:#1d4ed8; color-scheme:light;
}
body.sf-page:not([data-theme="light"]) { color-scheme:dark; }
.sf-header,.sf-header *,.sf-footer,.sf-footer * { box-sizing:border-box; }
.sf-header { position:sticky; top:0; z-index:100; border-bottom:1px solid var(--sf-border); background:var(--bg-dark); }
.sf-bar { max-width:1200px; margin:auto; padding:14px 20px; display:flex; align-items:center; gap:20px; }
.sf-brand { color:var(--text-white); font:800 23px/1.4 system-ui,sans-serif; text-decoration:none; direction:ltr; unicode-bidi:isolate; white-space:nowrap; }
.sf-brand span { color:var(--sf-link); }
.sf-navigation { display:flex; flex-wrap:wrap; gap:4px 16px; align-items:center; flex:1; }
.sf-navigation a,.sf-controls a,.sf-footer a { color:var(--text-white); text-decoration:none; min-height:44px; display:inline-flex; align-items:center; }
.sf-navigation a[aria-current="page"],.sf-footer a[aria-current="page"] { color:var(--sf-link); text-decoration:underline; text-underline-offset:6px; }
.sf-controls { display:flex; gap:12px; align-items:center; }
.sf-theme-button,.sf-menu-button { background:var(--bg-card); color:var(--text-white); border:1px solid var(--sf-border); border-radius:10px; font:inherit; padding:10px 14px; cursor:pointer; min-height:44px; }
.sf-menu-button { display:none; }
.sf-header a:focus-visible,.sf-footer a:focus-visible,.sf-header button:focus-visible,.sf-back:focus-visible { outline:3px solid var(--sf-link); outline-offset:3px; }
.sf-content { display:block; min-width:0; }
.sf-back { display:block; max-width:1160px; margin:18px auto 0; padding:0 20px; color:var(--sf-link); text-decoration:none; }
body.sf-page .page-header { margin-top:0; padding-block:36px; background:transparent; }
body.sf-page .privacy-section { padding-block:36px; }
.sf-footer { background:var(--bg-dark); border-top:1px solid var(--sf-border); margin-top:40px; }
.sf-footer-inner { max-width:1200px; margin:auto; padding:24px 20px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
.sf-footer nav { display:flex; flex-wrap:wrap; gap:6px 20px; }
.sf-footer small { color:var(--text-gray); flex-basis:100%; }
.sf-skip { position:absolute; top:0; inset-inline-start:20px; z-index:1000; padding:12px; background:#1d4ed8; color:#fff; transform:translateY(-150%); }
.sf-skip:focus { transform:none; }
body.sf-page[data-theme="light"] .card,
body.sf-page[data-theme="light"] .privacy-card,
body.sf-page[data-theme="light"] .content-card,
body.sf-page[data-theme="light"] .contact-box { border-color:var(--sf-border); background:var(--bg-card); }
body.sf-page[data-theme="light"] .section,
body.sf-page[data-theme="light"] .section-alt { background:transparent; }
body.sf-page[data-theme="light"] .btn-sub,
body.sf-page[data-theme="light"] .btn-map { color:#fff; }
@media(max-width:1100px) {
 .sf-bar { flex-wrap:wrap; gap:10px 16px; }
 .sf-controls { margin-inline-start:auto; }
 .sf-navigation { order:4; flex-basis:100%; }
 .sf-js .sf-menu-button { display:inline-flex; }
 .sf-js .sf-navigation:not(.is-open) { display:none; }
}
@media(max-width:600px) {
 .sf-bar { padding:12px; }
 .sf-brand { font-size:20px; }
 .sf-header button { padding:8px 10px; font-size:14px; }
 .sf-navigation { gap:2px 16px; }
 .sf-navigation a { font-size:15px; }
 .sf-controls { gap:10px; }
 .sf-back { margin-top:14px; }
 .sf-footer-inner { padding:20px 16px; }
}

body.sf-page[data-theme="light"] .features li strong { color:var(--text-white); }
body.sf-page[data-theme="light"] .features,
body.sf-page[data-theme="light"] .last-updated,
body.sf-page[data-theme="light"] .info-card,
body.sf-page[data-theme="light"] .about-image,
body.sf-page[data-theme="light"] .partner-badge { border-color:var(--sf-border); }
body.sf-page[data-theme="light"] .btn-sub,
body.sf-page[data-theme="light"] .btn-map { color:var(--primary); background:transparent; }
body.sf-page[data-theme="light"] .featured .btn-sub,
body.sf-page[data-theme="light"] .btn-sub:hover,
body.sf-page[data-theme="light"] .btn-map:hover { color:#fff; background:var(--primary); }