[x-cloak] { display:none!important; }

* { box-sizing:border-box; }

html, body {
    margin:0;
    padding:0;
    min-height:100%;
}

body {
    background:var(--bg-primary);
    color:var(--text-primary);
    font-family:"Inter", Arial, sans-serif;
    transition:background-color .25s ease,color .25s ease;
}

.actor-navbar {
    position:sticky;
    top:0;
    z-index:5000;
    width:100%;
    min-height:64px;
    background:var(--bg-primary);
    border-top:3px solid var(--text-primary);
    border-bottom:1px solid var(--border);
    transition:background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease;
}

.actor-nav-inner {
    min-height:61px;
    display:flex;
    align-items:center;
    gap:28px;
    padding-top: 12px;
    padding-bottom: 12px;
}

.actor-brand {
    flex:0 0 auto;
    width:190px;
    color:var(--text-primary);
    text-decoration:none;
    display:inline-flex;
    flex-direction:column;
    justify-content:center;
}

.actor-brand-name {
    font-family:Georgia,"Times New Roman",serif;
    font-size:33px;
    line-height:.8;
    letter-spacing:-1.7px;
    font-weight:500;
}

.actor-brand-tagline {
    margin-top:5px;
    font-family:Georgia,"Times New Roman",serif;
    font-size:12px;
    line-height:1;
    letter-spacing:.8px;
    text-transform:uppercase;
    color:var(--text-secondary);
}

.actor-desktop-nav {
    display:flex;
    align-items:center;
    gap:30px;
    flex:0 0 auto;
}

.actor-desktop-nav a {
    position:relative;
    padding:8px 0;
    color:var(--text-primary);
    text-decoration:none;
    font-size:16px;
    font-weight:500;
    white-space:nowrap;
}

.actor-desktop-nav a:hover { color:var(--accent); }

.actor-nav-right {
    margin-left:auto;
    display:flex;
    align-items:center;
    gap:16px;
    min-width:0;
}

.actor-search {
    width:375px;
    height:34px;
    display:flex;
    align-items:center;
    padding:0 11px;
    border-radius:8px;
    background:var(--bg-secondary);
    color:var(--text-secondary);
}

.actor-search input {
    width:100%;
    min-width:0;
    border:0;
    outline:0;
    background:transparent;
    color:var(--text-primary);
    font-size:15px;
    padding-left:9px;
}

.actor-search input::placeholder { color:var(--text-secondary); }

.actor-icon-btn,
.actor-theme-btn {
    border:0;
    padding:0;
    background:transparent;
    color:var(--text-primary);
    cursor:pointer;
    display:inline-flex;
    align-items:center;
    justify-content:center;
}

.actor-icon-btn { width:25px; height:34px; font-size:17px; }
.actor-theme-btn { width:28px; height:34px; font-size:15px; }

.actor-icon-btn:hover,
.actor-theme-btn:hover { color:var(--accent); }

.actor-profile {
    width:34px;
    height:34px;
    border-radius:50%;
    overflow:hidden;
    flex:0 0 auto;
    border:1px solid var(--border);
}

.actor-profile img {
    width:100%;
    height:100%;
    object-fit:cover;
}

.actor-cta {
    min-height:34px;
    padding:0 15px;
    border:1px solid var(--accent);
    border-radius:4px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    background:var(--accent);
    color:#fff;
    text-decoration:none;
    font-size:14px;
    font-weight:600;
    white-space:nowrap;
}

.actor-cta:hover { background:transparent; color:var(--accent); }

.actor-mobile-toggle {
    display:none;
    width:36px;
    height:36px;
    border:1px solid var(--border);
    border-radius:5px;
    background:var(--bg-secondary);
    color:var(--text-primary);
    align-items:center;
    justify-content:center;
    font-size:18px;
}

.actor-mobile-panel {
    position:absolute;
    top:100%;
    left:0;
    right:0;
    background:var(--bg-primary);
    border-bottom:1px solid var(--border);
    box-shadow:0 10px 25px rgba(0,0,0,.08);
}

.actor-mobile-panel-inner { padding:12px 16px 18px; }

.actor-mobile-link {
    display:block;
    padding:12px 0;
    color:var(--text-primary);
    text-decoration:none;
    border-bottom:1px solid var(--border);
    font-size:13px;
}

.actor-mobile-actions {
    display:flex;
    align-items:center;
    gap:10px;
    padding-top:15px;
}

.actor-mobile-actions .actor-cta { flex:1; }

@media (max-width:1180px) {
    .actor-nav-inner { gap:18px; }
    .actor-brand { width:155px; }
    .actor-desktop-nav { gap:20px; }
    .actor-search { width:210px; }
    .actor-nav-right { gap:11px; }
    .actor-cta { padding-inline:11px; }
}

@media (max-width:1020px) {
    .actor-desktop-nav { gap:15px; }
    .actor-desktop-nav a { font-size:11px; }
    .actor-search { width:185px; }
}

@media (max-width:900px) {
    .actor-desktop-nav,
    .actor-search { display:none; }

    .actor-nav-right {
        margin-left:auto;
        gap:9px;
    }

    /* Keep the navigation utility icons visible on responsive screens. */
    .actor-icon-btn,
    .actor-profile,
    .actor-cta,
    .actor-theme-btn {
        display:inline-flex;
    }

    .actor-cta {
        min-height:34px;
        padding-inline:11px;
        font-size:10px;
    }

    .actor-mobile-toggle {
        display:inline-flex;
    }

    .actor-brand { width:auto; }
}

@media (max-width:680px) {
    .actor-nav-right { gap:6px; }

    .actor-cta {
        display:none;
    }

    .actor-profile {
        width:32px;
        height:32px;
    }

    .actor-icon-btn {
        width:23px;
    }
}

@media (max-width:575px) {
    .actor-navbar { border-top-width:2px; }
    .actor-nav-inner { min-height:59px; }
    .actor-brand-name { font-size:29px; }
    .actor-brand-tagline { font-size:6px; }
    .actor-theme-btn {
        width:27px;
        display:inline-flex;
    }
}

@media (max-width:390px) {
    .actor-icon-btn {
        display:none;
    }

    .actor-nav-right {
        gap:5px;
    }

    .actor-profile {
        width:30px;
        height:30px;
    }
}


/* =========================================================
   DARK NAVBAR
   ========================================================= */

[data-theme="dark"] .actor-navbar {
    background: var(--dark-bg);
    color: var(--dark-heading);
    border-top-color: var(--dark-border);
    border-bottom-color: var(--dark-border);
    box-shadow: 0 8px 24px rgba(0,0,0,.22);
}

[data-theme="dark"] .actor-brand,
[data-theme="dark"] .actor-desktop-nav a,
[data-theme="dark"] .actor-icon-btn,
[data-theme="dark"] .actor-theme-btn,
[data-theme="dark"] .actor-mobile-toggle {
    color: var(--dark-heading);
}

[data-theme="dark"] .actor-brand-tagline,
[data-theme="dark"] .actor-search,
[data-theme="dark"] .actor-search input,
[data-theme="dark"] .actor-search input::placeholder {
    color: var(--dark-muted);
}

[data-theme="dark"] .actor-search,
[data-theme="dark"] .actor-mobile-toggle {
    background: var(--dark-card);
}

[data-theme="dark"] .actor-search {
    border: 1px solid var(--dark-border);
}

[data-theme="dark"] .actor-icon-btn:hover,
[data-theme="dark"] .actor-theme-btn:hover,
[data-theme="dark"] .actor-desktop-nav a:hover {
    color: var(--dark-accent-2);
}

[data-theme="dark"] .actor-cta {
    background: var(--dark-accent);
    border-color: var(--dark-accent);
    color: #080B0B;
}

[data-theme="dark"] .actor-cta:hover {
    background: transparent;
    color: var(--dark-accent-2);
    border-color: var(--dark-accent-2);
}

[data-theme="dark"] .actor-profile {
    border-color: var(--dark-border);
}

[data-theme="dark"] .actor-mobile-panel {
    background: var(--dark-bg);
    border-color: var(--dark-border);
    box-shadow: 0 10px 25px rgba(0,0,0,.35);
}

[data-theme="dark"] .actor-mobile-link {
    color: var(--dark-heading);
    border-color: var(--dark-border);
}

[data-theme="dark"] .actor-mobile-link:hover {
    color: var(--dark-accent-2);
}