:root{--public-blue:#2563eb;--public-navy:#102a43;--public-bg:#f6f9fc;--public-border:#e2e8f0}
body:not(.admin-page){background:var(--public-bg);color:var(--public-navy)}
body:not(.admin-page) .site-header{background:#fff;box-shadow:0 1px 0 rgba(15,23,42,.06);position:sticky;top:0;z-index:20}
body:not(.admin-page) .brand{font-size:1.3rem;letter-spacing:-.02em}
body:not(.admin-page) .main-nav a{font-size:.92rem;color:#334e68}
body:not(.admin-page) .main-nav a:hover{color:var(--public-blue)}
body:not(.admin-page) .main-nav .nav-post{padding:9px 14px;border-radius:8px;background:var(--public-blue);color:#fff}body:not(.admin-page) .main-nav .nav-post:hover{background:#1d4ed8;color:#fff}
body:not(.admin-page) .hero{border:1px solid #dbeafe;box-shadow:0 12px 32px rgba(37,99,235,.08);background:linear-gradient(135deg,#eaf2ff 0%,#fff 75%)}
body:not(.admin-page) .hero-search{background:#fff;padding:10px;border-radius:12px;box-shadow:0 8px 20px rgba(15,23,42,.08)}
body:not(.admin-page) .hero-search input,body:not(.admin-page) .hero-search select{border:0;outline:0}
body:not(.admin-page) .category-card{transition:.2s ease;border:1px solid var(--public-border);box-shadow:0 5px 18px rgba(15,23,42,.04)}
body:not(.admin-page) .category-card:hover{transform:translateY(-4px);border-color:#93c5fd;box-shadow:0 12px 24px rgba(37,99,235,.12)}
body:not(.admin-page) .card{border-color:var(--public-border);box-shadow:0 6px 20px rgba(15,23,42,.04)}
body:not(.admin-page) .listing-card{transition:.2s ease}body:not(.admin-page) .listing-card:hover{transform:translateY(-4px);box-shadow:0 12px 26px rgba(15,23,42,.1)}
body:not(.admin-page) .listing-placeholder{background:linear-gradient(135deg,#dbeafe,#eff6ff);font-weight:700}
body:not(.admin-page) .button{background:var(--public-blue);box-shadow:0 4px 10px rgba(37,99,235,.2)}
body:not(.admin-page) .site-footer{background:linear-gradient(135deg,#102a43,#0b1f33)}
body:not(.admin-page) .page-heading h1{letter-spacing:-.03em}
@media(max-width:640px){body:not(.admin-page) .main-nav{gap:10px}.hero-search{padding:8px}.hero-search input,body:not(.admin-page) .hero-search select{border:1px solid var(--public-border)}body:not(.admin-page) .footer-contact{float:none;display:block;margin-top:8px}}