*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background-color:#0f0f13;color:#f0eff8;line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;min-height:100vh;display:flex;flex-direction:column}img{max-width:100%;height:auto;display:block}a{color:#7c5cfc;text-decoration:none}ul,ol{list-style:none}h1,h2,h3{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;color:#f0eff8;line-height:1.3;font-weight:700}h1{font-size:2.25rem;margin-bottom:1rem}h2{font-size:1.75rem;margin-bottom:.875rem}h3{font-size:1.375rem;margin-bottom:.75rem}p{margin-bottom:1.25rem}.site-container{min-height:100vh;display:flex;flex-direction:column}.container{max-width:1200px;margin:0 auto;padding:0 1.25rem;width:100%}.site-header{background:rgba(15,15,19,.95);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(42,42,54,.5);position:sticky;top:0;z-index:1000}.header-inner{display:flex;align-items:center;height:56px;gap:1.5rem}.site-branding{flex-shrink:0;margin-right:.5rem}.site-branding a{color:#f0eff8;font-size:1.25rem;font-weight:800;letter-spacing:-.5px;display:flex;align-items:center}.brand-accent{color:#7c5cfc}.main-navigation{flex:1}.main-navigation ul{display:flex;align-items:center;gap:0}.main-navigation a{color:#b7b4ca;padding:.625rem .875rem;border-radius:6px;font-size:.8125rem;font-weight:500;white-space:nowrap;transition:all .2s ease;min-height:44px;display:inline-flex;align-items:center}.header-search{flex-shrink:0;margin-left:auto}.header-search form{display:flex;align-items:center}.header-search input[type="search"]{background:#1a1a22;border:1px solid #2a2a36;color:#f0eff8;padding:.4rem .75rem;border-radius:6px 0 0 6px;font-size:.8125rem;width:160px;outline:0}.header-search button{background:#7c5cfc;color:#f0eff8;border:0;padding:.4rem .75rem;border-radius:0 6px 6px 0;font-size:.8125rem;font-weight:600;cursor:pointer}.mobile-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:40px;height:40px;padding:8px;background:0;border:1px solid rgba(124,92,252,.25);border-radius:8px;cursor:pointer;flex-shrink:0}.mobile-menu-bar{display:block;width:100%;height:2px;background:#f0eff8;border-radius:2px}.mobile-overlay{position:fixed;inset:0;z-index:1998;background:rgba(0,0,0,.6);opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}.mobile-overlay.is-open{opacity:1;visibility:visible}.mobile-drawer{position:fixed;top:0;right:0;width:300px;max-width:85vw;height:100%;z-index:1999;background:#16161e;transform:translateX(100%);transition:transform .35s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;box-shadow:-4px 0 20px rgba(0,0,0,.5)}.mobile-drawer.is-open{transform:translateX(0)}.mobile-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #2a2a36}.mobile-drawer-logo{font-size:1.25rem;font-weight:800;color:#f0eff8;text-decoration:none}.mobile-drawer-logo .brand-accent{color:#7c5cfc}.mobile-drawer-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06);border:0;border-radius:8px;color:#f0eff8;font-size:1.5rem;cursor:pointer;line-height:1}.mobile-drawer-close:hover{background:rgba(255,255,255,.12)}.mobile-drawer-search{padding:.75rem 1.25rem;border-bottom:1px solid #2a2a36}.mobile-drawer-search form{display:flex}.mobile-drawer-search input[type="search"]{flex:1;background:#1a1a22;border:1px solid #2a2a36;color:#f0eff8;padding:.5rem .75rem;border-radius:6px 0 0 6px;font-size:.875rem;outline:0}.mobile-drawer-search button{background:#7c5cfc;color:#f0eff8;border:0;padding:.5rem .75rem;border-radius:0 6px 6px 0;font-size:.875rem;font-weight:600;cursor:pointer}.mobile-drawer-nav{flex:1;overflow-y:auto;padding:.5rem 0}.mobile-nav-list{list-style:none;margin:0;padding:0}.mobile-nav-list li{border-bottom:1px solid rgba(255,255,255,.04)}.mobile-nav-list a{display:block;padding:.875rem 1.25rem;color:rgba(240,239,248,.8);font-size:.9375rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s}.mobile-nav-list a:hover{background:rgba(124,92,252,.08);color:#f0eff8}.mobile-drawer-footer{padding:1rem 1.25rem;border-top:1px solid #2a2a36;font-size:.75rem;color:#b7b4ca;text-align:center}body.mobile-menu-open{overflow:hidden}.hero{background:linear-gradient(135deg,#0f0f13 0,#161028 50%,#0f0f13 100%);padding:4rem 0;border-bottom:1px solid #22222e}.hero h1{font-size:3.5rem;max-width:700px;margin-bottom:.5rem;font-weight:800}.hero h2{font-size:1.5rem;max-width:700px;margin-bottom:1.25rem;font-weight:400;color:#c8c6d8}.hero p{font-size:1.125rem;color:#8a89a0;max-width:600px;margin-bottom:2rem}.hero-search{max-width:500px}.hero-search form{display:flex}.hero-search input[type="search"]{flex:1;background:#1a1a22;border:2px solid #2a2a36;color:#f0eff8;padding:.875rem 1.25rem;border-radius:8px 0 0 8px;font-size:1rem;outline:0}.hero-search button{background:#7c5cfc;color:#f0eff8;border:0;padding:.875rem 1.5rem;border-radius:0 8px 8px 0;font-size:1rem;font-weight:600;cursor:pointer}.fp-features{padding:2.5rem 0 0}.fp-features-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.fp-feature-card{display:flex;align-items:flex-start;gap:1rem;background:#18181f;border:1px solid #2a2a36;border-radius:12px;padding:1.25rem;text-decoration:none;color:inherit;transition:border-color .2s,box-shadow .2s}.fp-feature-icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.fp-feature-text h3{font-size:.95rem;margin-bottom:.25rem;color:#f0eff8}.fp-feature-text p{font-size:.8rem;color:#b7b4ca;line-height:1.5;margin:0}.content-area{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;padding:2.5rem 0}.content-area--full{grid-template-columns:1fr}.site-main{min-width:0}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:.75rem;border-bottom:2px solid #2a2a36}.section-title-bar{border-left:4px solid #7c5cfc;padding-left:.75rem}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem;margin-bottom:2.5rem}.page-content{max-width:100%}.mb-3{margin-bottom:1.5rem}.text-muted{color:#b7b4ca}h2.sp-section-label{font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#b7b4ca;margin-bottom:.75rem}.card-thumbnail--landscape{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:8px 8px 0 0}.card-thumbnail--landscape img{width:100%;height:100%;object-fit:cover}.card-overlay-title{position:absolute;bottom:0;left:0;right:0;padding:1.5rem .75rem .5rem;background:linear-gradient(transparent,rgba(0,0,0,.85));color:#fff;font-size:.82rem;font-weight:700;line-height:1.3;z-index:1}@media(max-width:768px){.main-navigation,.header-search{display:none}.mobile-menu-btn{display:flex;margin-left:auto}.hero{padding:2.5rem 0}.hero h1{font-size:2.5rem}.hero h2{font-size:1.2rem}.fp-features-grid{grid-template-columns:1fr}.content-area,.content-area--full{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.card-thumbnail--landscape{aspect-ratio:16/9}.card-overlay-title{font-size:.72rem;padding:.8rem .5rem .4rem}.card-title{font-size:.85rem}.card-excerpt{display:none}}
500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap');

/* ==========================================================================
   CSS RESET
   ========================================================================== */

*, *::before, *::after {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

html {
    font-size: 16px;
    scroll-behavior: smooth;
    -webkit-text-size-adjust: 100%;
}

body {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    background-color: #0F0F13;
    color: #F0EFF8;
    line-height: 1.7;
    overflow-x: hidden;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
    display: block;
}

a {
    color: #7C5CFC;
    text-decoration: none;
    transition: color 0.2s ease;
}

a:hover {
    color: #9B80FD;
}

ul, ol {
    list-style: none;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Inter', -apple-system, BlinkMacSystemFont, sans-serif;
    color: #F0EFF8;
    line-height: 1.3;
    font-weight: 700;
}

h1 { font-size: 2.25rem; margin-bottom: 1rem; }
h2 { font-size: 1.75rem; margin-bottom: 0.875rem; }
h3 { font-size: 1.375rem; margin-bottom: 0.75rem; }
h4 { font-size: 1.125rem; margin-bottom: 0.625rem; }
h5 { font-size: 1rem; margin-bottom: 0.5rem; }
h6 { font-size: 0.875rem; margin-bottom: 0.5rem; }

p {
    margin-bottom: 1.25rem;
}

blockquote {
    border-left: 4px solid #7C5CFC;
    padding: 1rem 1.5rem;
    margin: 1.5rem 0;
    background: #1A1A22;
    border-radius: 0 8px 8px 0;
}

table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 1.5rem;
}

table th,
table td {
    padding: 0.75rem 1rem;
    text-align: left;
    border-bottom: 1px solid #2A2A36;
}

table th {
    background: #1A1A22;
    color: #F0EFF8;
    font-weight: 600;
}

table tr:hover td {
    background: #22222E;
}

/* ==========================================================================
   LAYOUT
   ========================================================================== */

.site-container {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
}

.container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 1.25rem;
    width: 100%;
}

.container--narrow {
    max-width: 800px;
}

.content-area {
    display: grid;
    grid-template-columns: 1fr 340px;
    gap: 2.5rem;
    padding: 2.5rem 0;
}

.content-area--full {
    grid-template-columns: 1fr;
}

.site-main {
    min-width: 0;
}

/* ==========================================================================
   HEADER
   ========================================================================== */

.site-header {
    background: rgba(15, 15, 19, 0.95);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border-bottom: 1px solid rgba(42, 42, 54, 0.5);
    position: sticky;
    top: 0;
    z-index: 1000;
}

.header-inner {
    display: flex;
    align-items: center;
    padding: 0 0;
    height: 56px;
    gap: 1.5rem;
}

.site-branding {
    flex-shrink: 0;
    margin-right: 0.5rem;
}

.site-branding a {
    color: #F0EFF8;
    font-size: 1.25rem;
    font-weight: 800;
    letter-spacing: -0.5px;
    display: flex;
    align-items: center;
    gap: 0;
}

.brand-accent {
    color: #7C5CFC;
}

/* Nav: clean, spaced, with dropdown indicator */
.main-navigation {
    flex: 1;
}

.main-navigation ul {
    display: flex;
    align-items: center;
    gap: 0;
}

.main-navigation a {
    color: #6B6A80;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    font-weight: 500;
    letter-spacing: 0.01em;
    transition: all 0.2s ease;
    white-space: nowrap;
}

.main-navigation a:hover,
.main-navigation .current-menu-item > a {
    color: #F0EFF8;
    background: rgba(124, 92, 252, 0.08);
}

/* Dropdown arrow for parent items */
.main-navigation .menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 3.5px solid transparent;
    border-right: 3.5px solid transparent;
    border-top: 4px solid currentColor;
    margin-left: 5px;
    vertical-align: middle;
    opacity: 0.6;
    transition: transform 0.2s ease;
}

.main-navigation .menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
    opacity: 1;
}

/* Dropdown panel */
.main-navigation .sub-menu {
    display: none;
    position: absolute;
    top: calc(100% + 4px);
    left: 0;
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 0.375rem;
    min-width: 190px;
    flex-direction: column;
    box-shadow: 0 12px 40px rgba(0, 0, 0, 0.6), 0 0 0 1px rgba(124, 92, 252, 0.06);
    z-index: 100;
    animation: dropdownIn 0.15s ease;
}

@keyframes dropdownIn {
    from { opacity: 0; transform: translateY(-4px); }
    to { opacity: 1; transform: translateY(0); }
}

.main-navigation li {
    position: relative;
}

.main-navigation li:hover > .sub-menu {
    display: flex;
}

.main-navigation .sub-menu li {
    border-radius: 6px;
}

.main-navigation .sub-menu a {
    padding: 0.5rem 0.75rem;
    font-size: 0.8125rem;
    border-radius: 6px;
    color: #8A89A0;
}

.main-navigation .sub-menu a:hover {
    background: rgba(124, 92, 252, 0.1);
    color: #F0EFF8;
}

/* Search: compact icon-style */
.header-search {
    flex-shrink: 0;
    margin-left: auto;
}

.header-search form {
    display: flex;
    align-items: center;
}

.header-search input[type="search"] {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    color: #F0EFF8;
    padding: 0.4rem 0.75rem;
    border-radius: 6px 0 0 6px;
    font-size: 0.8125rem;
    width: 160px;
    outline: none;
    transition: all 0.2s ease;
}

.header-search input[type="search"]:focus {
    border-color: #7C5CFC;
    width: 200px;
    background: #22222E;
}

.header-search button {
    background: #7C5CFC;
    color: #F0EFF8;
    border: none;
    padding: 0.4rem 0.75rem;
    border-radius: 0 6px 6px 0;
    cursor: pointer;
    font-size: 0.8125rem;
    font-weight: 600;
    transition: background 0.2s ease;
}

.header-search button:hover {
    background: #9B80FD;
}

.menu-toggle {
    display: none;
    background: none;
    border: none;
    color: #F0EFF8;
    font-size: 1.25rem;
    cursor: pointer;
    padding: 0.5rem;
    border-radius: 6px;
    transition: background 0.2s ease;
}

.menu-toggle:hover {
    background: #22222E;
}

/* ==========================================================================
   HERO SECTION
   ========================================================================== */

.hero {
    background: linear-gradient(135deg, #0F0F13 0%, #161028 50%, #0F0F13 100%);
    padding: 4rem 0;
    border-bottom: 1px solid #22222E;
}

.hero h1 {
    font-size: 2.75rem;
    max-width: 700px;
    margin-bottom: 1.25rem;
}

.hero p {
    font-size: 1.125rem;
    color: #8A89A0;
    max-width: 600px;
    margin-bottom: 2rem;
}

.hero-search {
    max-width: 500px;
}

.hero-search form {
    display: flex;
}

.hero-search input[type="search"] {
    flex: 1;
    background: #1A1A22;
    border: 2px solid #2A2A36;
    color: #F0EFF8;
    padding: 0.875rem 1.25rem;
    border-radius: 8px 0 0 8px;
    font-size: 1rem;
    outline: none;
}

.hero-search input[type="search"]:focus {
    border-color: #7C5CFC;
}

.hero-search button {
    background: #7C5CFC;
    color: #F0EFF8;
    border: none;
    padding: 0.875rem 1.5rem;
    border-radius: 0 8px 8px 0;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    transition: background 0.2s ease;
}

.hero-search button:hover {
    background: #9B80FD;
}

/* ==========================================================================
   BREADCRUMBS
   ========================================================================== */

.breadcrumbs {
    padding: 1rem 0;
    font-size: 0.8125rem;
    color: #6B6A80;
}

.breadcrumbs a {
    color: #8A89A0;
}

.breadcrumbs a:hover {
    color: #7C5CFC;
}

.breadcrumbs .separator {
    margin: 0 0.5rem;
    color: #4A4960;
}

.breadcrumbs .current {
    color: #F0EFF8;
}

/* ==========================================================================
   CARDS - MOVIE / POST
   ========================================================================== */

.card-grid {
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
    gap: 1.5rem;
    margin-bottom: 2.5rem;
}

.card-grid--movies {
    grid-template-columns: repeat(auto-fill, minmax(180px, 1fr));
}

.card {
    background: #1A1A22;
    border-radius: 8px;
    overflow: hidden;
    border: 1px solid #2A2A36;
    transition: transform 0.2s ease, border-color 0.2s ease;
}

.card:hover {
    transform: translateY(-4px);
    border-color: #7C5CFC;
}

.card-thumbnail {
    position: relative;
    overflow: hidden;
    aspect-ratio: 2/3;
    background: #22222E;
}

.card-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: transform 0.3s ease;
}

.card:hover .card-thumbnail img {
    transform: scale(1.05);
}

.card-thumbnail--landscape {
    aspect-ratio: 3/1;
    position: relative;
}

.card-overlay-title {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 1.5rem 0.75rem 0.5rem;
    background: linear-gradient(transparent, rgba(0,0,0,.85));
    color: #fff;
    font-size: 0.82rem;
    font-weight: 700;
    line-height: 1.3;
    z-index: 1;
}

@media (max-width: 768px) {
    .card-thumbnail--landscape {
        aspect-ratio: 2.2/1;
    }
    .card-overlay-title {
        font-size: 0.78rem;
        padding: 1rem 0.6rem 0.4rem;
    }
}

.card-badge {
    position: absolute;
    top: 0.75rem;
    left: 0.75rem;
    background: #7C5CFC;
    color: #F0EFF8;
    padding: 0.25rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
}

.card-rating {
    position: absolute;
    top: 0.75rem;
    right: 0.75rem;
    background: rgba(0, 0, 0, 0.8);
    color: #f5c518;
    padding: 0.25rem 0.5rem;
    border-radius: 4px;
    font-size: 0.8125rem;
    font-weight: 700;
}

.card-body {
    padding: 1rem 1rem;
}

.card-title {
    font-size: 1rem;
    font-weight: 600;
    margin-bottom: 0.375rem;
    line-height: 1.4;
}

.card-title a {
    color: #F0EFF8;
}

.card-title a:hover {
    color: #7C5CFC;
}

.card-meta {
    font-size: 0.8125rem;
    color: #6B6A80;
    display: flex;
    gap: 0.75rem;
    flex-wrap: wrap;
}

.card-excerpt {
    font-size: 0.875rem;
    color: #8A89A0;
    margin-top: 0.625rem;
    line-height: 1.6;
}

.card-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.625rem;
}

.card-tags a {
    background: #22222E;
    color: #8A89A0;
    padding: 0.1875rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
    transition: all 0.2s ease;
}

.card-tags a:hover {
    background: #7C5CFC;
    color: #F0EFF8;
}

/* ==========================================================================
   POST / ARTICLE - SINGLE
   ========================================================================== */

.article-header {
    margin-bottom: 2rem;
    padding-bottom: 1.5rem;
    border-bottom: 1px solid #2A2A36;
}

.article-header h1 {
    font-size: 2.25rem;
    line-height: 1.25;
    margin-bottom: 1rem;
}

.article-meta {
    display: flex;
    align-items: center;
    gap: 1.25rem;
    color: #6B6A80;
    font-size: 0.875rem;
    flex-wrap: wrap;
}

.article-meta a {
    color: #8A89A0;
}

.article-meta a:hover {
    color: #7C5CFC;
}

.article-content {
    font-size: 1.0625rem;
    line-height: 1.8;
}

.article-content h2 {
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2A2A36;
}

.article-content h3 {
    margin-top: 2rem;
    margin-bottom: 0.75rem;
}

.article-content ul,
.article-content ol {
    margin: 1.25rem 0;
    padding-left: 1.5rem;
}

.article-content ul {
    list-style: disc;
}

.article-content ol {
    list-style: decimal;
}

.article-content li {
    margin-bottom: 0.5rem;
    color: #C5C4D6;
}

.article-content a {
    text-decoration: none;
}

.article-content img {
    border-radius: 8px;
    margin: 1.5rem 0;
}

.article-content .wp-block-image {
    margin: 2rem 0;
}

.article-featured-image {
    margin-bottom: 2rem;
    border-radius: 10px;
    overflow: hidden;
}

.article-featured-image img {
    width: 100%;
    border-radius: 10px;
}

/* Blog post movie entry card */
.blog-movie-entry {
    display: flex;
    gap: 20px;
    margin: 1.5rem 0 2rem;
    padding: 20px;
    background: rgba(255,255,255,0.03);
    border: 1px solid #2A2A36;
    border-radius: 12px;
}
.blog-movie-entry .blog-movie-poster {
    flex-shrink: 0;
    width: 120px;
}
.blog-movie-entry .blog-movie-poster img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    margin: 0;
}
.blog-movie-entry .blog-movie-body {
    flex: 1;
    min-width: 0;
}
.blog-movie-entry .blog-movie-body h3 {
    margin: 0 0 4px;
    font-size: 1.15rem;
}
.blog-movie-entry .blog-movie-platform {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 3px 10px;
    border-radius: 999px;
    font-size: 0.78rem;
    font-weight: 600;
    color: #1D9E75;
    background: rgba(29,158,117,0.1);
    border: 1px solid rgba(29,158,117,0.2);
    margin-bottom: 10px;
}
.blog-movie-entry .blog-movie-body p {
    margin: 0;
    color: #B0AFC4;
    font-size: 0.94rem;
    line-height: 1.75;
}
@media (max-width: 600px) {
    .blog-movie-entry { flex-direction: column; align-items: center; text-align: center; }
    .blog-movie-entry .blog-movie-poster { width: 140px; }
}

/* Blog FAQ accordion */
.article-content details {
    background: #13131B;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    margin-bottom: 8px;
    overflow: hidden;
}
.article-content summary {
    padding: 14px 18px;
    cursor: pointer;
    font-weight: 600;
    color: #F0EFF8;
    font-size: 0.92rem;
    list-style: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.article-content summary::after {
    content: '+';
    font-size: 1.1rem;
    color: #7C5CFC;
    flex-shrink: 0;
    margin-left: 12px;
}
.article-content details[open] summary::after { content: '\2212'; }
.article-content details > div {
    padding: 0 18px 14px;
    color: #8A89A0;
    line-height: 1.7;
    font-size: 0.88rem;
}

/* Blog streaming table */
.article-content table {
    width: 100%;
    border-collapse: collapse;
    margin: 1.5rem 0;
    font-size: 0.9rem;
}
.article-content th {
    background: rgba(124,92,252,0.1);
    color: #C5C4D6;
    font-weight: 600;
    text-align: left;
    padding: 10px 14px;
    border-bottom: 2px solid #2A2A36;
}
.article-content td {
    padding: 10px 14px;
    border-bottom: 1px solid #1E1E2A;
    color: #B0AFC4;
}
.article-content tr:last-child td { border-bottom: none; }

/* Hero image for blog posts */
.blog-hero-image {
    margin: -1rem 0 2rem;
    border-radius: 14px;
    overflow: hidden;
    aspect-ratio: 21/9;
}
.blog-hero-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    margin: 0;
}

.article-footer {
    margin-top: 2.5rem;
    padding-top: 1.5rem;
    border-top: 1px solid #2A2A36;
}

.article-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
    margin-bottom: 1.5rem;
}

.article-tags a {
    background: #22222E;
    color: #8A89A0;
    padding: 0.375rem 0.75rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    transition: all 0.2s ease;
}

.article-tags a:hover {
    background: #7C5CFC;
    color: #F0EFF8;
}

/* ==========================================================================
   SECTION HEADINGS
   ========================================================================== */

.section-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 1.5rem;
    padding-bottom: 0.75rem;
    border-bottom: 2px solid #2A2A36;
}

.section-header h2 {
    margin-bottom: 0;
    font-size: 1.5rem;
}

.section-header a {
    color: #8A89A0;
    font-size: 0.875rem;
    font-weight: 500;
}

.section-header a:hover {
    color: #7C5CFC;
}

.section-title-bar {
    border-left: 4px solid #7C5CFC;
    padding-left: 0.75rem;
}

/* ==========================================================================
   INFO BOXES / CALLOUTS
   ========================================================================== */

.info-box {
    padding: 1.5rem;
    border-radius: 10px;
    margin: 1.5rem 0;
}

.info-box--warning {
    background: #2A1F0F;
    border: 1px solid #5A3F0F;
}

.info-box--success {
    background: #0F1F1A;
    border: 1px solid #00C896;
}

.info-box--info {
    background: #16102A;
    border: 1px solid #7C5CFC;
}

.info-box--danger {
    background: #2A1410;
    border: 1px solid #E2533A;
}

.info-box-title {
    font-weight: 700;
    margin-bottom: 0.5rem;
    color: #F0EFF8;
}

/* ==========================================================================
   ALTERNATIVES LIST
   ========================================================================== */

.alt-list {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
}

.alt-item {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 1.5rem;
    display: grid;
    grid-template-columns: 80px 1fr auto;
    gap: 1.25rem;
    align-items: center;
    transition: border-color 0.2s ease;
}

.alt-item:hover {
    border-color: #7C5CFC;
}

.alt-item-rank {
    width: 80px;
    height: 80px;
    background: linear-gradient(135deg, #7C5CFC, #5A3FD6);
    border-radius: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.75rem;
    font-weight: 800;
    color: #F0EFF8;
    flex-shrink: 0;
}

.alt-item-content h3 {
    margin-bottom: 0.375rem;
}

.alt-item-content p {
    color: #8A89A0;
    font-size: 0.9375rem;
    margin-bottom: 0;
}

.alt-item-features {
    display: flex;
    flex-wrap: wrap;
    gap: 0.375rem;
    margin-top: 0.5rem;
}

.alt-item-features span {
    background: #22222E;
    color: #8A89A0;
    padding: 0.1875rem 0.5rem;
    border-radius: 4px;
    font-size: 0.75rem;
}

.alt-item-cta {
    flex-shrink: 0;
}

.btn {
    display: inline-block;
    padding: 0.625rem 1.5rem;
    border-radius: 6px;
    font-weight: 600;
    font-size: 0.9375rem;
    cursor: pointer;
    border: none;
    transition: all 0.2s ease;
    text-align: center;
}

.btn--primary {
    background: #7C5CFC;
    color: #F0EFF8;
}

.btn--primary:hover {
    background: #9B80FD;
    color: #F0EFF8;
}

.btn--secondary {
    background: #22222E;
    color: #F0EFF8;
    border: 1px solid #2A2A36;
}

.btn--secondary:hover {
    background: #2A2A36;
    color: #F0EFF8;
}

.btn--small {
    padding: 0.375rem 1rem;
    font-size: 0.8125rem;
}

/* ==========================================================================
   FAQ / ACCORDION
   ========================================================================== */

.faq-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.faq-item {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 8px;
    overflow: hidden;
}

.faq-question {
    width: 100%;
    background: none;
    border: none;
    color: #F0EFF8;
    padding: 1.25rem 1.5rem;
    text-align: left;
    font-size: 1rem;
    font-weight: 600;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    transition: background 0.2s ease;
}

.faq-question:hover {
    background: #22222E;
}

.faq-question::after {
    content: '+';
    font-size: 1.25rem;
    font-weight: 400;
    color: #7C5CFC;
    transition: transform 0.2s ease;
}

.faq-item.active .faq-question::after {
    content: '-';
}

.faq-answer {
    display: none;
    padding: 0 1.5rem 1.25rem;
    color: #8A89A0;
    line-height: 1.7;
}

.faq-item.active .faq-answer {
    display: block;
}

/* ==========================================================================
   SIDEBAR
   ========================================================================== */

.site-sidebar {
    display: flex;
    flex-direction: column;
    gap: 2rem;
}

.widget {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 1.25rem;
}

.widget-title {
    font-size: 1.0625rem;
    font-weight: 700;
    margin-bottom: 1rem;
    padding-bottom: 0.625rem;
    border-bottom: 2px solid #7C5CFC;
    color: #F0EFF8;
}

.widget ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.widget ul li a {
    color: #8A89A0;
    font-size: 0.9375rem;
    padding: 0.375rem 0;
    display: flex;
    justify-content: space-between;
    transition: color 0.2s ease;
}

.widget ul li a:hover {
    color: #7C5CFC;
}

.widget ul li a .count {
    color: #4A4960;
    font-size: 0.8125rem;
}

/* Trending widget */
.trending-list {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
}

.trending-item {
    display: flex;
    gap: 0.75rem;
    align-items: flex-start;
}

.trending-number {
    font-size: 1.375rem;
    font-weight: 800;
    color: #7C5CFC;
    line-height: 1;
    min-width: 1.5rem;
}

.trending-item-content {
    min-width: 0;
}

.trending-item-content a {
    color: #F0EFF8;
    font-size: 0.9375rem;
    font-weight: 500;
    line-height: 1.4;
}

.trending-item-content a:hover {
    color: #7C5CFC;
}

.trending-item-meta {
    font-size: 0.75rem;
    color: #6B6A80;
    margin-top: 0.125rem;
}

/* ==========================================================================
   PAGINATION
   ========================================================================== */

.pagination {
    display: flex;
    justify-content: center;
    gap: 0.375rem;
    margin: 2.5rem 0;
    flex-wrap: wrap;
}

.pagination a,
.pagination span {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 2.5rem;
    height: 2.5rem;
    padding: 0 0.75rem;
    border-radius: 6px;
    font-size: 0.875rem;
    font-weight: 500;
    transition: all 0.2s ease;
}

.pagination a {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    color: #8A89A0;
}

.pagination a:hover {
    background: #22222E;
    color: #F0EFF8;
    border-color: #7C5CFC;
}

.pagination .current {
    background: #7C5CFC;
    color: #F0EFF8;
    border: 1px solid #7C5CFC;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.site-footer {
    background: #0F0F13;
    border-top: 1px solid #22222E;
    margin-top: auto;
    position: relative;
    z-index: 1;
}

.footer-widgets {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 2rem;
    padding: 3rem 0;
}

.footer-col h3 {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 1rem;
    color: #F0EFF8;
}

.footer-col ul {
    display: flex;
    flex-direction: column;
    gap: 0.5rem;
}

.footer-col ul li a {
    color: #6B6A80;
    font-size: 0.875rem;
    transition: color 0.2s ease;
}

.footer-col ul li a:hover {
    color: #7C5CFC;
}

.footer-col p {
    color: #6B6A80;
    font-size: 0.875rem;
}

.footer-social {
    display: flex;
    justify-content: center;
    gap: 1.25rem;
    padding: 1.25rem 0 0.5rem;
}

.footer-social a {
    color: #6B6A80;
    display: inline-flex;
    align-items: center;
    transition: color 0.2s;
}

.footer-social a:hover {
    color: #7C5CFC;
}

.footer-bottom {
    border-top: 1px solid #22222E;
    padding: 1.5rem 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #4A4960;
    font-size: 0.8125rem;
}

.footer-bottom a {
    color: #6B6A80;
}

.footer-bottom a:hover {
    color: #7C5CFC;
}

/* ==========================================================================
   SEARCH RESULTS
   ========================================================================== */

.search-results-header {
    padding: 2rem 0 0;
}

.search-results-header h1 {
    font-size: 1.75rem;
}

.search-results-header p {
    color: #6B6A80;
}

.search-result-item {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 1.5rem;
    margin-bottom: 1.25rem;
    transition: border-color 0.2s ease;
}

.search-result-item:hover {
    border-color: #7C5CFC;
}

.search-result-item h2 {
    font-size: 1.25rem;
    margin-bottom: 0.375rem;
}

.search-result-item h2 a {
    color: #F0EFF8;
}

.search-result-item h2 a:hover {
    color: #7C5CFC;
}

.search-result-meta {
    color: #6B6A80;
    font-size: 0.8125rem;
    margin-bottom: 0.625rem;
}

.search-result-excerpt {
    color: #8A89A0;
    font-size: 0.9375rem;
}

/* ==========================================================================
   404 PAGE
   ========================================================================== */

.error-404 {
    text-align: center;
    padding: 5rem 0;
}

.error-404 h1 {
    font-size: 6rem;
    color: #7C5CFC;
    margin-bottom: 0.5rem;
}

.error-404 h2 {
    font-size: 1.5rem;
    margin-bottom: 1rem;
}

.error-404 p {
    color: #6B6A80;
    max-width: 500px;
    margin: 0 auto 2rem;
}

.error-404 .search-form {
    max-width: 400px;
    margin: 0 auto;
}

/* ==========================================================================
   TOC - TABLE OF CONTENTS
   ========================================================================== */

.toc {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    margin: 1.5rem 0 2rem;
}

.toc-title {
    font-size: 1rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #F0EFF8;
}

.toc ol {
    list-style: decimal;
    padding-left: 1.25rem;
    display: flex;
    flex-direction: column;
    gap: 0.375rem;
}

.toc ol li a {
    color: #8A89A0;
    font-size: 0.9375rem;
}

.toc ol li a:hover {
    color: #7C5CFC;
}

.toc ol ol {
    margin-top: 0.375rem;
    padding-left: 1.25rem;
    gap: 0.25rem;
}

.toc ol ol li a {
    font-size: 0.875rem;
}

/* ==========================================================================
   RELATED POSTS / INTERNAL LINKING
   ========================================================================== */

.related-posts {
    margin-top: 3rem;
    padding-top: 2rem;
    border-top: 1px solid #2A2A36;
}

.related-posts h2 {
    margin-bottom: 1.25rem;
}

.related-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 1.25rem;
}

/* ==========================================================================
   CLUSTER NAVIGATION
   ========================================================================== */

.cluster-nav {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 1.25rem 1.5rem;
    margin: 2rem 0;
}

.cluster-nav-title {
    font-size: 0.9375rem;
    font-weight: 700;
    margin-bottom: 0.75rem;
    color: #F0EFF8;
}

.cluster-nav ul {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.cluster-nav ul li a {
    background: #22222E;
    color: #8A89A0;
    padding: 0.375rem 0.875rem;
    border-radius: 6px;
    font-size: 0.8125rem;
    display: inline-block;
    transition: all 0.2s ease;
}

.cluster-nav ul li a:hover {
    background: #7C5CFC;
    color: #F0EFF8;
}

/* ==========================================================================
   AUTHOR BOX
   ========================================================================== */

.author-box {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 10px;
    padding: 1.5rem;
    display: flex;
    gap: 1.25rem;
    margin: 2rem 0;
}

.author-avatar {
    flex-shrink: 0;
}

.author-avatar img {
    width: 64px;
    height: 64px;
    border-radius: 50%;
}

.author-info h4 {
    margin-bottom: 0.375rem;
}

.author-info p {
    color: #8A89A0;
    font-size: 0.875rem;
    margin-bottom: 0;
}

/* ==========================================================================
   SP AUTHOR CARD — editorial byline (inspired by markoochirma.se)
   ========================================================================== */

.sp-author-card {
    display: flex;
    gap: 1.2rem;
    align-items: flex-start;
    background: #13141f;
    border: 2px solid #7C5CFC;
    border-radius: 12px;
    padding: 1.8rem;
    margin: 2rem 0 1.5rem;
    box-shadow: 0 4px 20px rgba(124, 92, 252, 0.12);
}

.sp-author-card-avatar {
    width: 88px;
    height: 88px;
    border-radius: 50%;
    border: 3px solid #7C5CFC;
    object-fit: cover;
    flex-shrink: 0;
    display: block;
    box-shadow: 0 0 15px rgba(124, 92, 252, 0.3);
}

.sp-author-card-content {
    flex: 1;
    min-width: 0;
}

.sp-author-card-label {
    display: block;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    color: #7C5CFC;
    margin-bottom: 0.3rem;
}

.sp-author-card-name {
    font-size: 1.25rem;
    font-weight: 800;
    color: #F0EFF8;
    display: block;
    margin-bottom: 0.5rem;
    line-height: 1.2;
    text-decoration: none;
}

.sp-author-card-name:hover {
    color: #9B80FD;
}

.sp-author-card-bio {
    font-size: 0.875rem;
    color: #9AA5B4;
    line-height: 1.65;
    margin: 0 0 0.6rem;
}

.sp-author-card-meta {
    display: flex;
    align-items: center;
    gap: 0.5rem;
    font-size: 0.78rem;
    color: #6B6A80;
}

.sp-author-card-sep {
    opacity: 0.5;
}

@media (max-width: 480px) {
    .sp-author-card {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: 1.3rem;
        gap: 1rem;
    }
    .sp-author-card-meta {
        justify-content: center;
        flex-wrap: wrap;
    }
    .sp-author-card-avatar {
        width: 72px;
        height: 72px;
    }
}

/* ==========================================================================
   POST NAVIGATION (PREV/NEXT)
   ========================================================================== */

.post-navigation {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1.25rem;
    margin: 2.5rem 0;
}

.post-navigation a {
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 8px;
    padding: 1.25rem;
    transition: border-color 0.2s ease;
    display: block;
}

.post-navigation a:hover {
    border-color: #7C5CFC;
}

.post-navigation .nav-label {
    font-size: 0.75rem;
    color: #6B6A80;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.375rem;
    display: block;
}

.post-navigation .nav-title {
    color: #F0EFF8;
    font-weight: 600;
    font-size: 0.9375rem;
}

.post-navigation .nav-next {
    text-align: right;
}

/* ==========================================================================
   COMPARISON TABLE
   ========================================================================== */

.comparison-table {
    overflow-x: auto;
    margin: 2rem 0;
}

.comparison-table table {
    min-width: 600px;
}

.comparison-table th {
    background: #7C5CFC;
    color: #F0EFF8;
    font-weight: 600;
}

.comparison-table td {
    background: #1A1A22;
}

.check-yes {
    color: #00C896;
    font-weight: 700;
}

.check-no {
    color: #E2533A;
    font-weight: 700;
}

/* ==========================================================================
   RESPONSIVE
   ========================================================================== */

@media (max-width: 1024px) {
    .content-area,
    .content-area--with-toc {
        grid-template-columns: 1fr;
    }

    .toc-sidebar {
        display: none;
    }

    .footer-widgets {
        grid-template-columns: repeat(3, 1fr);
    }

    .related-grid {
        grid-template-columns: repeat(2, 1fr);
    }

    .alt-item {
        grid-template-columns: 60px 1fr;
    }

    .alt-item-cta {
        grid-column: 1 / -1;
    }
}

@media (max-width: 768px) {
    html { font-size: 15px; }

    .header-inner {
        flex-wrap: wrap;
    }

    .menu-toggle {
        display: block;
        order: 1;
    }

    .site-branding {
        order: 0;
    }

    .header-search {
        order: 2;
        width: 100%;
    }

    .header-search input[type="search"] {
        width: 100%;
    }

    .main-navigation {
        display: none;
        order: 3;
        width: 100%;
    }

    .main-navigation.toggled {
        display: block;
    }

    .main-navigation ul {
        flex-direction: column;
    }

    .main-navigation .sub-menu {
        position: static;
        box-shadow: none;
        border: none;
        padding-left: 1rem;
    }

    .main-navigation li:hover > .sub-menu {
        display: flex;
    }

    .hero {
        padding: 2.5rem 0;
    }

    .hero h1 {
        font-size: 2rem;
    }

    .article-header h1 {
        font-size: 1.75rem;
    }

    h1 { font-size: 1.75rem; }
    h2 { font-size: 1.375rem; }

    .card-grid {
        grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
    }

    .card-grid--movies {
        grid-template-columns: repeat(auto-fill, minmax(140px, 1fr));
    }

    .post-navigation {
        grid-template-columns: 1fr;
    }

    .footer-widgets {
        grid-template-columns: 1fr;
    }

    .footer-bottom {
        flex-direction: column;
        gap: 0.5rem;
        text-align: center;
    }

    .related-grid {
        grid-template-columns: 1fr;
    }

    .error-404 h1 {
        font-size: 4rem;
    }

    .comparison-table {
        margin: 1.5rem -1.25rem;
        padding: 0 1.25rem;
    }
}

@media (max-width: 480px) {
    .card-grid {
        grid-template-columns: 1fr;
    }

    .card-grid--movies {
        grid-template-columns: repeat(2, 1fr);
    }

    .alt-item {
        grid-template-columns: 1fr;
        text-align: center;
    }

    .alt-item-rank {
        width: 50px;
        height: 50px;
        font-size: 1.25rem;
        margin: 0 auto;
    }
}

/* ==========================================================================
   TOC STICKY SIDEBAR (single posts 800+ words)
   ========================================================================== */

.content-area--with-toc {
    grid-template-columns: 220px 1fr 340px;
}

.toc-sidebar {
    position: relative;
}

.toc-sticky {
    position: sticky;
    top: 5rem;
    max-height: calc(100vh - 6rem);
    overflow-y: auto;
    padding-right: 1rem;
}

.toc-sticky__title {
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 0.08em;
    color: #7C5CFC;
    margin-bottom: 0.75rem;
    padding-bottom: 0.5rem;
    border-bottom: 1px solid #2A2A36;
}

.toc-sticky__list {
    list-style: none;
    display: flex;
    flex-direction: column;
    gap: 0.25rem;
}

.toc-sticky__list li a {
    display: block;
    font-size: 0.8125rem;
    color: #6B6A80;
    padding: 0.25rem 0;
    border-left: 2px solid transparent;
    padding-left: 0.75rem;
    transition: all 0.2s ease;
    line-height: 1.4;
}

.toc-sticky__list li a:hover {
    color: #F0EFF8;
    border-left-color: #7C5CFC;
}

.toc-sticky__list li.toc-sticky__sub a {
    padding-left: 1.5rem;
    font-size: 0.75rem;
}

/* ==========================================================================
   ARTICLE HEADER BADGES
   ========================================================================== */

.article-header__badges {
    display: flex;
    gap: 0.5rem;
    margin-bottom: 0.75rem;
}

/* ==========================================================================
   CATEGORY BADGES
   ========================================================================== */

.badge {
    display: inline-block;
    padding: 0.1875rem 0.625rem;
    border-radius: 4px;
    font-size: 0.75rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.03em;
}

.badge--alternatives { background: rgba(124, 92, 252, 0.15); color: #7C5CFC; }
.badge--news { background: rgba(0, 200, 150, 0.15); color: #00C896; }
.badge--free-movies { background: rgba(226, 83, 58, 0.15); color: #E2533A; }
.badge--guides { background: rgba(138, 137, 160, 0.15); color: #8A89A0; }

/* ==========================================================================
   SEE ALSO / CALLOUT BOXES
   ========================================================================== */

.see-also {
    background: #1A1A22;
    border-left: 4px solid #7C5CFC;
    border-radius: 0 8px 8px 0;
    padding: 1rem 1.25rem;
    margin: 1.5rem 0;
}

.see-also::before {
    content: '\2192 See also';
    display: block;
    font-weight: 700;
    font-size: 0.8125rem;
    color: #7C5CFC;
    text-transform: uppercase;
    letter-spacing: 0.05em;
    margin-bottom: 0.5rem;
}

.see-also a {
    color: #F0EFF8;
    text-decoration: none;
}

.see-also a:hover {
    color: #9B80FD;
}

/* ==========================================================================
   MONOSPACE FOR URLS / DOMAINS
   ========================================================================== */

.domain-url,
code,
.article-content code {
    font-family: 'JetBrains Mono', 'Fira Code', monospace;
    font-size: 0.875em;
    background: #22222E;
    padding: 0.125rem 0.375rem;
    border-radius: 4px;
    color: #9B80FD;
}

/* ==========================================================================
   CARD META: READING TIME & LAST UPDATED
   ========================================================================== */

.card-meta .reading-time,
.card-meta .last-updated {
    font-size: 0.75rem;
    color: #6B6A80;
}

.card-meta .last-updated::before {
    content: 'Updated ';
    color: #00C896;
    font-weight: 600;
}

/* ==========================================================================
   UTILITY CLASSES
   ========================================================================== */

.sr-only {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

/* ==========================================================================
   BACK TO TOP
   ========================================================================== */

.back-to-top {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: #7C5CFC;
    color: #F0EFF8;
    border: none;
    font-size: 1.25rem;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0;
    visibility: hidden;
    transform: translateY(10px);
    transition: all 0.3s ease;
    box-shadow: 0 4px 16px rgba(124, 92, 252, 0.35);
    z-index: 999;
}

.back-to-top.visible {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
}

.back-to-top:hover {
    background: #9B80FD;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(124, 92, 252, 0.5);
}

.text-center { text-align: center; }
.text-muted { color: #6B6A80; }
.mt-1 { margin-top: 0.5rem; }
.mt-2 { margin-top: 1rem; }
.mt-3 { margin-top: 1.5rem; }
.mb-1 { margin-bottom: 0.5rem; }
.mb-2 { margin-bottom: 1rem; }
.mb-3 { margin-bottom: 1.5rem; }

/* ==========================================================================
   WORDPRESS CORE CLASSES
   ========================================================================== */

.alignleft {
    float: left;
    margin: 0 1.5rem 1rem 0;
}

.alignright {
    float: right;
    margin: 0 0 1rem 1.5rem;
}

.aligncenter {
    display: block;
    margin: 1.5rem auto;
}

.wp-caption {
    max-width: 100%;
    margin-bottom: 1rem;
}

.wp-caption-text {
    font-size: 0.8125rem;
    color: #6B6A80;
    text-align: center;
    padding: 0.5rem;
}

.gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 0.5rem;
    margin: 1.5rem 0;
}

.gallery-item {
    margin: 0;
}

.screen-reader-text {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border: 0;
}

.sticky .card {
    border-color: #7C5CFC;
}

.bypostauthor {
    border-left: 3px solid #7C5CFC;
}

/* ==========================================================================
   COOKIE CONSENT BANNER & MODAL
   ========================================================================== */

.cookie-banner {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10000;
    background: #1A1A22;
    border-top: 1px solid #2A2A36;
    box-shadow: 0 -4px 24px rgba(0, 0, 0, 0.6);
    animation: cookieSlideUp 0.4s ease;
}

@keyframes cookieSlideUp {
    from { transform: translateY(100%); opacity: 0; }
    to { transform: translateY(0); opacity: 1; }
}

.cookie-banner__inner {
    max-width: 1200px;
    margin: 0 auto;
    padding: 1.5rem 1.25rem;
    display: flex;
    align-items: center;
    gap: 2rem;
}

.cookie-banner__content {
    flex: 1;
}

.cookie-banner__title {
    font-size: 1.125rem;
    font-weight: 700;
    color: #F0EFF8;
    margin-bottom: 0.5rem;
}

.cookie-banner__text {
    font-size: 0.875rem;
    color: #8A89A0;
    line-height: 1.6;
    margin-bottom: 0;
}

.cookie-banner__text a {
    color: #7C5CFC;
    text-decoration: none;
}

.cookie-banner__actions {
    display: flex;
    gap: 0.625rem;
    flex-shrink: 0;
}

.cookie-btn {
    white-space: nowrap;
    padding: 0.625rem 1.25rem;
    font-size: 0.875rem;
    border-radius: 6px;
    font-weight: 600;
    cursor: pointer;
    transition: all 0.2s ease;
}

/* Cookie Modal */
.cookie-modal {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 10001;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1.25rem;
}

.cookie-modal__overlay {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.75);
    backdrop-filter: blur(4px);
}

.cookie-modal__dialog {
    position: relative;
    background: #1A1A22;
    border: 1px solid #2A2A36;
    border-radius: 12px;
    max-width: 640px;
    width: 100%;
    max-height: 85vh;
    display: flex;
    flex-direction: column;
    box-shadow: 0 16px 48px rgba(0, 0, 0, 0.6);
    animation: cookieModalIn 0.3s ease;
}

@keyframes cookieModalIn {
    from { transform: scale(0.95); opacity: 0; }
    to { transform: scale(1); opacity: 1; }
}

.cookie-modal__header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 1.25rem 1.5rem;
    border-bottom: 1px solid #2A2A36;
}

.cookie-modal__header h3 {
    font-size: 1.25rem;
    font-weight: 700;
    color: #F0EFF8;
    margin-bottom: 0;
}

.cookie-modal__close {
    background: none;
    border: none;
    color: #6B6A80;
    font-size: 1.75rem;
    cursor: pointer;
    padding: 0;
    line-height: 1;
    transition: color 0.2s ease;
}

.cookie-modal__close:hover {
    color: #F0EFF8;
}

.cookie-modal__body {
    padding: 1.25rem 1.5rem;
    overflow-y: auto;
    flex: 1;
}

.cookie-modal__intro {
    font-size: 0.875rem;
    color: #8A89A0;
    line-height: 1.6;
    margin-bottom: 1.25rem;
}

.cookie-modal__intro a {
    color: #7C5CFC;
    text-decoration: none;
}

.cookie-category {
    background: #22222E;
    border: 1px solid #2A2A36;
    border-radius: 8px;
    padding: 1rem 1.25rem;
    margin-bottom: 0.75rem;
}

.cookie-category--ccpa {
    border-color: #E2533A;
    background: #2A1410;
}

.cookie-category__header {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
}

.cookie-category__info {
    flex: 1;
}

.cookie-category__info h4 {
    font-size: 0.9375rem;
    font-weight: 600;
    color: #F0EFF8;
    margin-bottom: 0.375rem;
}

.cookie-category__info p {
    font-size: 0.8125rem;
    color: #6B6A80;
    line-height: 1.6;
    margin-bottom: 0;
}

.cookie-toggle {
    flex-shrink: 0;
    padding-top: 0.125rem;
}

.cookie-toggle--disabled .cookie-toggle__label {
    font-size: 0.75rem;
    color: #00C896;
    font-weight: 600;
    white-space: nowrap;
}

/* Toggle Switch */
.cookie-switch {
    position: relative;
    display: inline-block;
    width: 48px;
    height: 26px;
    cursor: pointer;
}

.cookie-switch input {
    opacity: 0;
    width: 0;
    height: 0;
}

.cookie-switch__slider {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2A2A36;
    border-radius: 26px;
    transition: background 0.2s ease;
}

.cookie-switch__slider::before {
    content: '';position:absolute;height:20px;width:20px;left:3px;bottom:3px;background:#f0eff8;border-radius:50%;transition:transform .2s ease}.cookie-switch input:checked+.cookie-switch__slider{background:#7c5cfc}.cookie-switch input:checked+.cookie-switch__slider::before{transform:translateX(22px)}.cookie-switch input:focus+.cookie-switch__slider{box-shadow:0 0 0 2px rgba(229,9,20,0.3)}.cookie-modal__footer{display:flex;gap:.625rem;justify-content:flex-end;padding:1rem 1.5rem;border-top:1px solid #2a2a36}@media(max-width:768px){.cookie-banner__inner{flex-direction:column;gap:1rem}.cookie-banner__actions{width:100%;flex-direction:column}.cookie-btn{width:100%;text-align:center}.cookie-modal__dialog{max-height:90vh}.cookie-category__header{flex-direction:column;gap:.75rem}.cookie-modal__footer{flex-direction:column}}@media print{body{background:#f0eff8;color:#000}.site-header,.site-footer,.site-sidebar,.related-posts,.post-navigation,.hero-search,.header-search,.cookie-banner,.cookie-modal{display:none}.content-area{grid-template-columns:1fr}a{color:#000;text-decoration:none}h1,h2,h3,h4,h5,h6{color:#000}}.page-content{max-width:100%}.page-content h2{margin-top:2rem;padding-bottom:.5rem;border-bottom:2px solid var(--color-primary)}.page-content h3{margin-top:1.5rem}.alert-box{border-radius:8px;padding:16px 20px;margin:24px 0;font-size:.95rem;line-height:1.6}.alert-box--warning{background:rgba(255,193,7,0.1);border-left:4px solid #ffc107;color:var(--color-text)}.alert-box a{color:var(--color-primary);font-weight:600}.domain-table{width:100%;border-collapse:collapse;margin:16px 0;border-radius:8px;overflow:hidden}.domain-table thead tr{background:var(--color-surface) !important}.domain-table th{padding:12px 16px;font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);border-bottom:2px solid var(--color-border)}.domain-table td{padding:12px 16px;border-bottom:1px solid var(--color-border)}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:20px 24px;margin-bottom:12px}.faq-item h3{margin:0 0 8px 0;font-size:1.05rem;color:var(--color-primary);border:0;padding:0}.faq-item p{margin:0;color:var(--color-text-muted);line-height:1.7}.sp-page{max-width:800px;margin:0 auto;padding:0 1.25rem 3rem}.sp-breadcrumb{display:flex;align-items:center;gap:.25rem;padding:1rem 0;font-size:.8125rem;color:#6b6a80;flex-wrap:wrap}.sp-breadcrumb a{color:#8a89a0;text-decoration:none}.sp-breadcrumb a:hover{color:#7c5cfc}.sp-breadcrumb .current{color:#f0eff8}.sp-breadcrumb .sep{width:14px;height:14px;stroke:#4a4960;flex-shrink:0}.sp-title-block{margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid #2a2a36}.sp-badges{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.sp-badge{display:inline-flex;align-items:center;padding:.25rem .75rem;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sp-badge-purple{background:rgba(124,92,252,0.12);color:#9b80fd}.sp-badge-neutral{background:rgba(138,137,160,0.1);color:#8a89a0}.sp-title-block h1{font-size:2.25rem;font-weight:800;line-height:1.2;margin-bottom:.75rem}.sp-subtitle{font-size:1.0625rem;color:#8a89a0;line-height:1.6;margin-bottom:1rem}.sp-meta{display:flex;align-items:center;gap:.4rem;font-size:.8125rem;color:#6b6a80}.sp-meta svg{flex-shrink:0}.sp-meta-sep{margin:0 .25rem}.sp-section-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:#7c5cfc;margin-bottom:1rem;padding-bottom:.5rem;border-bottom:2px solid #2a2a36}.sp-about-section{margin-bottom:2.5rem}.sp-about-text{font-size:1.0625rem;line-height:1.8;color:#c5c4d6}.sp-about-text h2{margin-top:2.5rem;margin-bottom:1rem;padding-top:1.5rem;border-top:1px solid #2a2a36;color:#f0eff8}.sp-about-text h3{margin-top:2rem;margin-bottom:.75rem;color:#f0eff8}.sp-about-text ul,.sp-about-text ol{margin:1.25rem 0;padding-left:1.5rem}.sp-about-text ul{list-style:disc}.sp-about-text ol{list-style:decimal}.sp-about-text li{margin-bottom:.5rem}.sp-about-text a{color:#7c5cfc;text-decoration:none}.sp-about-text a:hover{color:#9b80fd}.sp-about-text img{border-radius:8px;margin:1.5rem 0}.sp-about-text p{margin-bottom:1.25rem}.sp-genre-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2.5rem}.sp-genre-tags a{background:#22222e;color:#8a89a0;padding:.375rem .875rem;border-radius:6px;font-size:.8125rem;text-decoration:none;transition:background .2s,color .2s}.sp-genre-tags a:hover{background:#2a2a3a;color:#f0eff8}.sp-related-section{margin-bottom:2.5rem}.sp-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.sp-related-card{display:block;background:#18181f;border:1px solid #2a2a36;border-radius:10px;padding:1.25rem;text-decoration:none;transition:border-color .2s,box-shadow .2s}.sp-related-card:hover{border-color:#7c5cfc;box-shadow:0 4px 20px rgba(124,92,252,0.08)}.sp-rc-badge{display:inline-block;font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#9b80fd;background:rgba(124,92,252,0.1);padding:.2rem .5rem;border-radius:4px;margin-bottom:.625rem}.sp-rc-title{font-size:.9375rem;font-weight:600;color:#f0eff8;line-height:1.4;margin-bottom:.5rem}.sp-rc-meta{display:flex;align-items:center;gap:.35rem;font-size:.75rem;color:#6b6a80}.sp-rc-meta svg{width:12px;height:12px;stroke:currentColor;flex-shrink:0}.sp-pn-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:2rem;padding-top:2rem;border-top:1px solid #2a2a36}.sp-pn-card{display:flex;align-items:center;gap:.75rem;padding:1rem 1.25rem;background:#18181f;border:1px solid #2a2a36;border-radius:10px;text-decoration:none;transition:border-color .2s}.sp-pn-card:hover{border-color:#7c5cfc}.sp-pn-card svg{width:18px;height:18px;stroke:#6b6a80;flex-shrink:0}.sp-pn-next{justify-content:flex-end;text-align:right}.sp-pn-label{font-size:.6875rem;text-transform:uppercase;letter-spacing:.06em;color:#6b6a80;margin-bottom:.2rem}.sp-pn-title{font-size:.875rem;font-weight:600;color:#f0eff8;line-height:1.3}@media(max-width:768px){.sp-page{padding:0 1rem 2rem}.sp-title-block h1{font-size:1.625rem}.sp-subtitle{font-size:.9375rem}.sp-related-grid{grid-template-columns:1fr;gap:.75rem}.sp-pn-nav{grid-template-columns:1fr}.sp-about-text{font-size:1rem}}.guide-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:2.5rem}.guide-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid #2a2a36;display:block;min-height:170px;text-decoration:none;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;background:#16161c}.guide-card:hover{transform:translateY(-5px);border-color:#7c5cfc;box-shadow:0 16px 48px rgba(0,0,0,0.55),0 0 0 1px rgba(124,92,252,0.15);color:inherit}.guide-card-bg{position:absolute;inset:0;z-index:0}.guide-card-bg img{width:100%;height:100%;object-fit:cover;display:block;opacity:.55;transition:opacity .22s ease,transform .4s ease}.guide-card:hover .guide-card-bg img{opacity:.7;transform:scale(1.04)}.guide-card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(10,10,16,0.97) 0,rgba(10,10,16,0.7) 45%,rgba(10,10,16,0.15) 100%);z-index:1}.guide-card-content{position:relative;z-index:2;padding:14px 16px 16px;display:flex;flex-direction:column;justify-content:flex-end;min-height:170px}.guide-card-badge{display:inline-flex;align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.09em;text-transform:uppercase;padding:3px 10px;border-radius:999px;border:1px solid;margin-bottom:9px}.guide-card-title{font-size:1rem;font-weight:800;color:#f0eff8;line-height:1.3;margin-bottom:7px;letter-spacing:-.01em}.guide-card-meta{font-size:11px;font-weight:600;color:rgba(240,239,248,0.45);letter-spacing:.04em;display:flex;align-items:center;gap:6px}.guide-card-meta svg{opacity:.6}.guide-card-arrow{position:absolute;top:16px;right:16px;width:30px;height:30px;background:rgba(124,92,252,0.15);border:1px solid rgba(124,92,252,0.3);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#7c5cfc;opacity:0;transition:opacity .2s ease,background .2s ease}.guide-card:hover .guide-card-arrow{opacity:1;background:rgba(124,92,252,0.25)}.guide-card-bg-gradient{position:absolute;inset:0;z-index:0}@media(max-width:900px){.guide-cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.guide-cards{grid-template-columns:1fr;gap:10px}.guide-card{min-height:140px}.guide-card-content{min-height:140px;padding:12px}}.blog-page{min-height:60vh}.blog-header{background:linear-gradient(180deg,#13131a 0,#0f0f13 100%);border-bottom:1px solid #1e1e28;padding:3.5rem 1.25rem 3rem;text-align:center}.blog-header-inner{max-width:600px;margin:0 auto}.blog-header-badge{display:inline-flex;align-items:center;gap:6px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#7c5cfc;background:rgba(124,92,252,0.1);border:1px solid rgba(124,92,252,0.25);border-radius:999px;padding:5px 14px;margin-bottom:1.1rem}.blog-header h1{font-size:clamp(2rem,5vw,3rem);font-weight:800;color:#f0eff8;letter-spacing:-.03em;line-height:1.15;margin-bottom:.75rem}.blog-header p{font-size:1.05rem;color:#8a89a0;line-height:1.7;max-width:480px;margin:0 auto}.blog-container{max-width:1160px;margin:0 auto;padding:2.5rem 1.25rem 4rem}.blog-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:2rem}.blog-filter-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;font-size:.8125rem;font-weight:600;color:#8a89a0;background:#16161c;border:1px solid #2a2a36;text-decoration:none;transition:color .18s,border-color .18s,background .18s;white-space:nowrap}.blog-filter-pill:hover{color:#f0eff8;border-color:#7c5cfc;background:rgba(124,92,252,0.08)}.blog-filter-pill.active{color:#7c5cfc;border-color:#7c5cfc;background:rgba(124,92,252,0.1)}.blog-filter-count{font-size:.7rem;font-weight:700;background:#22222e;color:#6b6a80;border-radius:999px;padding:1px 7px;line-height:1.6}.blog-filter-pill.active .blog-filter-count,.blog-filter-pill:hover .blog-filter-count{background:rgba(124,92,252,0.15);color:#b49fff}.blog-pagination{margin-top:2.5rem;display:flex;justify-content:center}.blog-pagination .nav-links{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:center}.blog-pagination .page-numbers{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border-radius:8px;font-size:.875rem;font-weight:600;color:#8a89a0;background:#16161c;border:1px solid #2a2a36;text-decoration:none;transition:color .18s,border-color .18s,background .18s}.blog-pagination .page-numbers:hover{color:#f0eff8;border-color:#7c5cfc;background:rgba(124,92,252,0.08)}.blog-pagination .page-numbers.current{color:#fff;background:#7c5cfc;border-color:#7c5cfc}.blog-pagination .page-numbers.dots{background:0;border:0;color:#4a4960}@media(max-width:640px){.blog-header{padding:2.5rem 1rem 2rem}.blog-container{padding:1.75rem 1rem 3rem}}.sm-section{background:#16161e;border:1px solid #2a2a36;border-radius:12px;padding:1.5rem;margin:1.5rem 0}.sm-animate{animation:fadeInUp .4s ease both}@keyframes fadeInUp{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.sm-related-list,.sm-latest-list{list-style:none;margin:.75rem 0 0;padding:0;display:flex;flex-direction:column;gap:.5rem}.sm-related-list li a,.sm-latest-list li a{display:block;padding:.6rem .9rem;border-radius:8px;background:#1e1e28;color:#c8c6d8;font-size:.88rem;font-weight:500;text-decoration:none;border:1px solid #2a2a36;transition:background .2s,color .2s,border-color .2s}.sm-related-list li a:hover,.sm-latest-list li a:hover{background:rgba(124,92,252,0.12);color:#a78bfa;border-color:rgba(124,92,252,0.35)}.sm-latest-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.75rem;margin-top:.75rem}.sm-latest-card{display:flex;flex-direction:column;background:#1e1e28;border:1px solid #2a2a36;border-radius:10px;overflow:hidden;text-decoration:none;transition:border-color .2s,transform .2s,box-shadow .2s}.sm-latest-card:hover{border-color:rgba(124,92,252,0.5);transform:translateY(-3px);box-shadow:0 8px 24px rgba(124,92,252,0.15)}.sm-latest-card img{width:100%;height:130px;object-fit:cover;display:block}.sm-latest-card-info{padding:.6rem .7rem;display:flex;flex-direction:column;gap:.15rem;flex:1}.sm-latest-card-label{font-size:.68rem;color:#7c5cfc;font-weight:600;text-transform:uppercase;letter-spacing:.04em}.sm-latest-card-info strong{font-size:.82rem;color:#f0eff8;font-weight:700;line-height:1.3}.sm-latest-card-year{font-size:.72rem;color:#6b6a80}@media(max-width:640px){.sm-latest-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:400px){.sm-latest-grid{grid-template-columns:repeat(2,1fr)}}.sm-search-form{position:relative}.sm-search-results{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:200;background:#15151f;border:1px solid #2a2a3a;border-radius:8px;box-shadow:0 12px 32px rgba(0,0,0,.4);max-height:340px;overflow-y:auto;padding:6px}.sm-search-result{display:block;padding:9px 10px;border-radius:6px;text-decoration:none;color:#e8e8f0;font-size:.88rem;line-height:1.35}.sm-search-result:hover,.sm-search-result:focus{background:#232336}.sm-search-result-title{display:block}.sm-search-empty{padding:10px;font-size:.85rem;color:#9a9ab0}.sm-search-empty a{color:#1d9e75}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-0.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-1.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-2.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-3.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-4.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:optional;src:url(/assets/audit/fonts/inter-6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-0.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-1.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-2.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-3.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-4.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:optional;src:url(/assets/audit/fonts/inter-6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-0.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-1.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-2.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-3.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-4.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:optional;src:url(/assets/audit/fonts/inter-6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-0.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-1.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-2.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-3.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-4.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:optional;src:url(/assets/audit/fonts/inter-6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-0.woff2) format('woff2');unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-1.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-2.woff2) format('woff2');unicode-range:U+1F00-1FFF}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-3.woff2) format('woff2');unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-4.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-5.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:optional;src:url(/assets/audit/fonts/inter-6.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
.wciw-single{background:#0d0d0d;color:#e0e0e0;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh}.wciw-single *{box-sizing:border-box}.wciw-s-wrap{max-width:1100px;margin:0 auto;padding:0 24px}.wciw-s-hero{background:linear-gradient(135deg,#0d0d0d 0,#1a0800 100%);position:relative;overflow:hidden}.wciw-s-hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at 30% 0,rgba(245,197,24,.06) 0,transparent 60%)}.wciw-s-hero-inner{max-width:1100px;margin:0 auto;padding:48px 24px;display:flex;align-items:center;gap:32px;position:relative;z-index:1}.wciw-s-hero-inner--no-poster{justify-content:center;text-align:center}.wciw-s-hero-poster{width:180px;flex-shrink:0;border-radius:12px;overflow:hidden;box-shadow:0 12px 40px rgba(0,0,0,.6);border:1px solid rgba(255,255,255,.08)}.wciw-s-hero-poster img{width:100%;height:auto;display:block}.wciw-s-hero-text h1{font-size:clamp(1.6rem,4vw,2.6rem);font-weight:900;color:#fff;line-height:1.25;margin:0 0 10px;letter-spacing:-.02em}.wciw-s-hero-text h1 span{color:#f5c518}.wciw-s-hero-sub{color:rgba(255,255,255,.5);font-size:.92rem;margin:0 0 16px}.wciw-s-hero-badges{display:flex;gap:10px;flex-wrap:wrap}.wciw-s-hero-badge{padding:5px 14px;border-radius:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.wciw-s-hero-badge--type{background:rgba(229,9,20,.8);color:#fff}.wciw-s-hero-badge--year{background:rgba(255,255,255,.1);color:rgba(255,255,255,.7);border:1px solid rgba(255,255,255,.12)}.wciw-s-hero-badge--vol{background:rgba(245,197,24,.15);color:#f5c518;border:1px solid rgba(245,197,24,.25)}.wciw-s-bread{padding:20px 0 0;font-size:.82rem}.wciw-s-bread a{color:#f5c518;text-decoration:none;transition:color .2s}.wciw-s-bread a:hover{color:#e6c200;text-decoration:underline}.wciw-s-bread span{color:#555}.wciw-s-grid{display:grid;grid-template-columns:1fr 320px;gap:28px;margin-top:24px}.wciw-s-card{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:28px;margin-bottom:20px;transition:border-color .2s}.wciw-s-card:hover{border-color:#333}.wciw-s-card h2{font-size:1.25rem;font-weight:800;color:#fff;margin:0 0 14px;letter-spacing:-.01em}.wciw-s-card p,.wciw-s-card li{font-size:.9rem;color:#999;line-height:1.75}.wciw-s-card ul{padding-left:20px;margin:0}.wciw-s-card li{margin-bottom:8px}.wciw-s-card li strong{color:#e0e0e0}.wciw-s-intro-text{font-size:1rem;line-height:1.85;color:#888;margin-bottom:0}.wciw-s-intro-text strong{color:#fff}.wciw-s-platform{display:flex;align-items:center;gap:14px;padding:14px 16px;border:1px solid #2a2a2a;border-radius:10px;margin-bottom:10px;transition:border-color .2s,background .2s}.wciw-s-platform:hover{border-color:#f5c518;background:rgba(245,197,24,.03)}.wciw-s-platform-icon{width:44px;height:44px;border-radius:10px;background:#111;display:flex;align-items:center;justify-content:center;font-size:1.3rem;flex-shrink:0}.wciw-s-platform-name{font-weight:700;color:#fff;font-size:.9rem}.wciw-s-platform-note{font-size:.78rem;color:#b7b4ca}.wciw-s-platform-badge{margin-left:auto;padding:4px 12px;border-radius:6px;font-size:.7rem;font-weight:700;white-space:nowrap;letter-spacing:.03em}.wciw-s-platform-badge--sub{background:rgba(29,158,117,.15);color:#1d9e75;border:1px solid rgba(29,158,117,.25)}.wciw-s-platform-badge--rent{background:rgba(230,81,0,.12);color:#ff9800;border:1px solid rgba(230,81,0,.2)}.wciw-s-platform-badge--free{background:rgba(21,101,192,.12);color:#64b5f6;border:1px solid rgba(21,101,192,.2)}.wciw-s-sidebar{position:sticky;top:24px;align-self:start}.wciw-s-sidebar-card{background:#1a1a1a;border:1px solid #222;border-radius:12px;padding:24px;margin-bottom:20px}.wciw-s-sidebar-card h3{font-size:1rem;font-weight:700;color:#fff;margin:0 0 16px;padding-bottom:12px;border-bottom:1px solid #2a2a2a}.wciw-s-sidebar-row{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid #1e1e1e;font-size:.85rem}.wciw-s-sidebar-row:last-child{border-bottom:0}.wciw-s-sidebar-label{color:#b7b4ca}.wciw-s-sidebar-value{color:#e0e0e0;font-weight:600}.wciw-s-sidebar-cta{display:block;width:100%;text-align:center;padding:14px;background:#f5c518;color:#000;font-weight:700;font-size:.9rem;border-radius:50px;text-decoration:none;transition:background .2s;margin-top:16px;border:0;cursor:pointer}.wciw-s-sidebar-cta:hover{background:#e6c200}.wciw-s-faq summary{font-weight:700;color:#e0e0e0;font-size:.92rem;cursor:pointer;padding:14px 0;border-bottom:1px solid #222;list-style:none;display:flex;justify-content:space-between;align-items:center;transition:color .2s}.wciw-s-faq summary:hover{color:#f5c518}.wciw-s-faq summary::-webkit-details-marker{display:none}.wciw-s-faq summary::after{content:'+';font-size:1.2rem;color:#555;font-weight:400;transition:transform .2s}.wciw-s-faq details[open] summary::after{content:'\2212'}.wciw-s-faq details[open] summary{border-bottom:0;color:#f5c518}.wciw-s-faq details p{padding:0 0 16px;font-size:.88rem;color:#b7b4ca;line-height:1.7}.wciw-s-related{margin:32px 0 50px}.wciw-s-related h2{font-size:1.2rem;font-weight:800;color:#fff;margin-bottom:20px}.wciw-s-related-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.wciw-s-related-card{background:#1a1a1a;border:1px solid #222;border-radius:12px;overflow:hidden;text-decoration:none;color:inherit;transition:border-color .25s,box-shadow .25s,transform .25s}.wciw-s-related-card:hover{border-color:#f5c518;box-shadow:0 8px 28px rgba(245,197,24,.1);transform:translateY(-4px)}.wciw-s-related-card-poster{width:100%;aspect-ratio:2/3;overflow:hidden;background:#111}.wciw-s-related-card-poster img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s}.wciw-s-related-card:hover .wciw-s-related-card-poster img{transform:scale(1.04)}.wciw-s-related-card-body{padding:14px 16px 16px}.wciw-s-related-card-title{font-size:.85rem;font-weight:700;color:#e0e0e0;margin-bottom:4px;line-height:1.35}.wciw-s-related-card-vol{font-size:.72rem;color:#f5c518;font-weight:700}.wciw-s-tmdb-attr{text-align:center;padding:28px 20px;font-size:.78rem;color:#555;border-top:1px solid #1e1e1e;margin-top:12px}.wciw-s-tmdb-attr a{color:#f5c518;text-decoration:none}.wciw-s-tmdb-attr img{height:14px;vertical-align:middle;margin-left:4px;opacity:.5}@media(max-width:900px){.wciw-s-grid{grid-template-columns:1fr}.wciw-s-sidebar{position:static}}@media(max-width:640px){.wciw-s-hero-inner{flex-direction:column;text-align:center;padding:36px 20px}.wciw-s-hero-poster{width:130px}.wciw-s-hero-badges{justify-content:center}.wciw-s-hero-text h1{font-size:1.4rem}.wciw-s-related-grid{grid-template-columns:1fr 1fr}.wciw-s-card{padding:20px}}
.sx-79029816d4{display:inline-block !important;vertical-align:middle !important;margin-right:6px !important}.sx-d0466aa33f{display:none !important}.sx-24849f0025{background:linear-gradient(135deg,#16161c 0,#22222e 100%) !important}.sx-c4b11a91f2{color:#7c5cfc !important;background:#7C5CFC22 !important;border-color:#7C5CFC44 !important}.sx-1a9b0312b8{color:#e53935 !important;background:#e5393522 !important;border-color:#e5393544 !important}.sx-6fb6dc5be3{color:#f5c518 !important;background:#f5c51822 !important;border-color:#f5c51844 !important}.sx-75ef38c947{color:#2196f3 !important;background:#2196F322 !important;border-color:#2196F344 !important}.sx-5e6e8835b4{color:#00bcd4 !important;background:#00BCD422 !important;border-color:#00BCD444 !important}.sx-09adf9fe5e{color:#ff9800 !important;background:#FF980022 !important;border-color:#FF980044 !important}.sx-2c0404791e{color:#4caf50 !important;background:#4CAF5022 !important;border-color:#4CAF5044 !important}.sx-4943c23ee5{font-size:.78rem !important;color:#555 !important;margin-top:2rem !important}.sx-20d2c547e8{border-left:3px solid #7c5cfc !important;padding:.75rem 1rem !important;background:rgba(124,92,252,.08) !important;border-radius:6px !important}.sx-aa72b203e5{font-size:.875rem !important;color:#8a89a0 !important}.sx-037c6a75b9{font-size:.85em !important;color:#6c757d !important;margin-top:32px !important}.sx-8de7dcab5c{color:#8a89a0 !important;font-size:.95rem !important;line-height:1.7 !important;margin-bottom:1.5rem !important}.sx-e7eca5c04e{display:inline-flex !important;align-items:center !important;gap:6px !important;color:#7c5cfc !important;font-weight:600 !important;font-size:.95rem !important}.sx-0cbe035c55{margin:0 0 4px !important}.sx-d8fe7d6400{margin:0 !important;color:var(--sm-text-muted) !important;font-size:.95rem !important;line-height:1.7 !important}.sx-64f397eef9{white-space:nowrap !important;color:var(--sm-accent) !important;font-size:.92rem !important;font-weight:700 !important;text-decoration:none !important;flex-shrink:0 !important}.sx-4a55c4fce6{margin:0 0 4px !important;font-size:clamp(1.4rem,2.5vw,1.9rem) !important;letter-spacing:-.03em !important}.sx-341340e012{margin:0 !important;color:var(--sm-text-muted) !important;font-size:.9rem !important}.sx-861b4d2ea1{width:14px !important;height:14px !important;fill:#fff !important}.sx-86209dc9fa{color:#999 !important}.sx-e3e1d40c52{font-size:.88rem !important;color:#b7b4ca !important;margin-bottom:20px !important}.sx-b9b76fa64d{background:#21212120 !important;border:1px solid #21212140 !important}.sx-491e12d6d7{background:#212121 !important}.sx-fb44c89370{margin-left:auto !important;font-size:.75rem !important;opacity:.6 !important}.sx-1eb44efd85{color:#21212155 !important}.sx-c099499ab5{background:#b71c1c20 !important;border:1px solid #b71c1c40 !important}.sx-dbb698c3f4{background:#b71c1c !important}.sx-ed7133baaf{color:#b71c1c55 !important}.sx-174f4008b3{background:#1565c020 !important;border:1px solid #1565c040 !important}.sx-f3f9016070{background:#1565c0 !important}.sx-a129f15bc9{color:#1565c055 !important}.sx-a14f0b1dcb{background:#2e7d3220 !important;border:1px solid #2e7d3240 !important}.sx-2121af2227{background:#2e7d32 !important}.sx-703ae12dea{color:#2e7d3255 !important}.sx-bcce667bed{background:#c6282820 !important;border:1px solid #c6282840 !important}.sx-773e64c181{background:#c62828 !important}.sx-59f5f2f6b4{color:#c6282855 !important}.sx-08ff3d5e4f{padding-bottom:60px !important}.sx-ab40bc4ed6{background:linear-gradient(135deg,#1a0533 0,#3d1a6e 40%,#c0392b 100%) !important}.sx-5ac9a08851{background:linear-gradient(135deg,#0a0a1a 0,#1a1a4e 40%,#7c5cfc 100%) !important}.sx-a12b667912{background:linear-gradient(135deg,#0a0a0f 0,#1a1a2e 40%,#f5c518 60%,#1a1a0a 100%) !important}.sx-bc188930a8{background:linear-gradient(135deg,#050508 0,#111128 50%,#1a1a40 100%) !important}.sx-a4384bd4f4{background:linear-gradient(135deg,#0a1a2e 0,#16336e 50%,#7c5cfc 100%) !important}.sx-62e879e181{background:linear-gradient(135deg,#0a0a0a 0,#1a1a1a 40%,#8b0000 100%) !important}.sx-d79bb7e125{background:linear-gradient(135deg,#0f0800 0,#2e1a00 40%,#f60 100%) !important}.sx-3f27b62bd3{background:linear-gradient(135deg,#0a0a1a 0,#1a2a3a 40%,#057 100%) !important}.sx-4f79b3dcb5{background:linear-gradient(135deg,#0a150a 0,#0d2e0d 40%,#1a5c1a 100%) !important}.sx-08668b78cf{background:#6a1fa220 !important;border:1px solid #6a1fa240 !important}.sx-5812821480{background:#6a1fa2 !important}.sx-28b70b0314{color:#6a1fa255 !important}.sx-dcf2f73066{background:#00606420 !important;border:1px solid #00606440 !important}.sx-a1ae086df8{background:#006064 !important}.sx-59af448df6{color:#00606455 !important}.sx-124e61cab3{background:#e5393520 !important;border:1px solid #e5393540 !important}.sx-7b9c49efef{background:#e53935 !important}.sx-8c2d2f60ea{color:#e5393555 !important}.sx-27edac3dab{background:#1e88e520 !important;border:1px solid #1e88e540 !important}.sx-a4d0258728{background:#1e88e5 !important}.sx-8047049fa5{color:#1e88e555 !important}.sx-7a8e6051f4{background:#7b1fa220 !important;border:1px solid #7b1fa240 !important}.sx-90d2f05036{background:#7b1fa2 !important}.sx-acad193cac{color:#7b1fa255 !important}.sx-d349f96326{background:#4a148c20 !important;border:1px solid #4a148c40 !important}.sx-291dcb7a58{background:#4a148c !important}.sx-6dda52294f{color:#4a148c55 !important}.sx-edef1bfedf{background:#00695c20 !important;border:1px solid #00695c40 !important}.sx-3438b7f3f5{background:#00695c !important}.sx-aed3b38668{color:#00695c55 !important}.sx-67972d444f{margin-top:10px !important;font-size:.92rem !important}.sx-44ff7a18dc{color:rgba(255,255,255,.55) !important;font-size:.85rem !important;margin:0 0 8px !important}.sx-f7f5973890{margin:0 0 .5rem !important}.sx-c17d4159a6{text-align:center !important;color:#8a89a0 !important;font-size:.95rem !important;margin:0 0 20px !important}.sx-cfdc9bc4d7{color:rgba(255,255,255,.7) !important;font-size:.95rem !important;margin:0 0 12px !important}.sx-4ce6aec56d{border-left:4px solid #f5c518 !important;border-radius:0 12px 12px 0 !important}.sx-4b4dd3f3f6{font-size:.9rem !important;color:#fff !important;margin:14px 0 8px !important}.sx-48d79d5fa4{padding-left:18px !important;margin:0 !important}.sx-04f8166b46{color:#999 !important;font-size:.88rem !important;margin-bottom:4px !important}.sx-eedb2619ac{color:#fff !important}.sx-cdaf1f9e7a{color:#b7b4ca !important}.sx-e5ccdd0f3c{color:#b7b4ca !important;font-size:.85rem !important;margin-bottom:14px !important}.sx-8b88a064a7{background:linear-gradient(135deg,#1a1a22 0,#1a1028 100%) !important;border-color:#2a2a36 !important}.sx-8e26c5f7a1{margin-bottom:8px !important}.sx-4482dd6f63{color:#8a89a0 !important;font-size:.9rem !important;margin-bottom:14px !important}.sx-307517f73a{display:inline-flex !important;align-items:center !important;gap:6px !important;background:rgba(124,92,252,.15) !important;color:#a78bfa !important;font-size:.88rem !important;font-weight:700 !important;padding:10px 20px !important;border-radius:8px !important;text-decoration:none !important;border:1px solid rgba(124,92,252,.3) !important;transition:background .2s !important}.sx-a5e47d32fb{color:#555 !important;font-size:.78rem !important;margin-top:10px !important}.sx-bdfe08e900{font-size:1.1rem !important}.sx-3f2db58bc3{background:rgba(245,197,24,.15) !important;color:#f5c518 !important}
:root{--text-muted:#b4b2c8;--sm-text-muted:#b4bfd2;--text-secondary:#c4c1d8;--color-text-muted:#b4b2c8}[hidden]{display:none !important}html{scroll-padding-top:90px}body{overflow-x:clip}main{min-width:0}p,li,td,th{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #78e4ff !important;outline-offset:4px}.skip-link{position:fixed;top:8px;left:8px;z-index:5000;padding:12px 18px;background:#111;color:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.main-navigation a,.footer-col a,.footer-col p,.footer-bottom,.sp-meta,.sp-meta a,.card-meta,.card-excerpt,.article-meta,.article-meta a,.breadcrumbs,.breadcrumb,.ml-updated{color:#bfc0d3 !important}.brand-accent{color:#a997ff}.main-navigation a:hover,.main-navigation a[aria-current=page]{color:#fff !important}.article-content a,.page-content p a,.entry-content a,.sm-front p a,.sm-front li a,.cookie-banner a,.cookie-modal a,.audit-note a,.sp-about-text a{text-decoration:underline;text-underline-offset:.16em;color:#b9aaff}.article-content a:hover,.entry-content a:hover{color:#fff}button,input[type=submit],.mobile-menu-btn,.mobile-drawer-close{min-height:44px;min-width:44px}.header-search input{min-height:44px}.mobile-drawer:not(.is-open){visibility:hidden}.mobile-drawer.is-open{visibility:visible;transform:translateX(0)}body.mobile-menu-open,body.consent-open{overflow:hidden}.mobile-drawer a{min-height:44px}.mobile-menu-btn{width:44px;height:44px}.back-to-top{opacity:1 !important;visibility:visible !important;bottom:24px;right:24px}.cookie-banner{display:block;max-height:55vh;overflow-y:auto;z-index:2200}.cookie-modal{display:flex;z-index:2300}.cookie-modal__dialog{max-height:85vh;overflow-y:auto}.cookie-banner p,.cookie-modal p{color:#d0cee0 !important}.cookie-btn,.btn--secondary{color:#fff !important}.cookie-btn{border:1px solid #a99bea !important}.cookie-switch input:focus-visible+span{outline:3px solid #78e4ff;outline-offset:4px}.audit-note,.audit-toc{margin:24px 0;padding:20px;border:1px solid #414151;border-radius:12px;background:#1a1a22;color:#deddea}.audit-toc ul{display:flex;flex-wrap:wrap;gap:8px 22px;list-style:none;padding:0}.audit-toc a{color:#c4b7ff;text-decoration:underline}.audit-breadcrumb{margin:12px auto;max-width:1200px;padding:0 20px;font-size:.9rem;color:#c1bfd2}.audit-breadcrumb ol{display:flex;gap:8px;flex-wrap:wrap;list-style:none}.audit-breadcrumb li+li:before{content:'/';margin-right:8px}.audit-breadcrumb a{color:#c4b7ff}.watch-toggle{display:inline-flex;align-items:center;gap:8px;margin:6px 12px;color:#dedbea}.watch-toggle input{width:20px;height:20px}.audit-table{width:100%;border-collapse:collapse}.audit-table th,.audit-table td{padding:12px;text-align:left;border:1px solid #444453}.table-scroll{overflow-x:auto;max-width:100%}.contact-form{display:grid;gap:12px;max-width:650px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;padding:12px;background:#171720;color:#fff;border:1px solid #8e899e;border-radius:6px;font:inherit}.contact-form label{font-weight:600}.contact-form textarea{min-height:150px}.form-status{padding:12px;border:1px solid #b5a5ed}.honeypot{position:absolute;left:-10000px}.sm-animate{opacity:1 !important;transform:none !important}@media(max-width:800px){.header-inner{gap:8px}.header-search{display:none}.main-navigation{display:none}.mobile-menu-btn{display:flex;margin-left:auto}.cookie-banner{padding:16px}.cookie-banner__buttons{display:flex;flex-wrap:wrap}.article-content table,.sp-about-text table{display:block;overflow:auto;max-width:100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none !important;transition:none !important;scroll-behavior:auto !important}}.site-container{min-height:0;flex:1}.sp-section-label,.ml-back,.ml-item-year,.smhub-filter-label,.mo-item-year{color:#bab6ce !important}.sp-stream-cta a,.sp-about-cta a,.ml-item-cta,.smhub-card-cta{color:#13111b !important;background:#b7a5ff !important}.search-submit,.btn--primary,.smhub-filter-btn.active{background:#6340c4 !important;color:#fff !important}.article-content a,.entry-content a,.sp-about-text a,.container>a,.audit-note a{color:#c4b5ff !important;text-decoration:underline}.card-badge{background:#6340c4 !important;color:#fff !important}.sp-rc-meta,.count,.wciw-s-tmdb-attr,.sx-a5e47d32fb{color:#bdb8d0 !important}.wciw-s-platform-badge--sub{color:#67dcad !important}.smhub-card-kw{color:#bdb8d0 !important}.cookie-banner .btn--primary{background:#6340c4 !important}.cookie-banner .btn--secondary{background:#262230 !important}.smhub-no-results:not([hidden]){display:block}.visual-h3{font-size:1.375rem}.visual-h4{font-size:1.125rem}.sx-e7eca5c04e,.sp-pn-label,.sm-hub-list a,.sm-rel-list a{color:#c4b5ff !important}.smhub-btn-primary{background:#6340c4 !important;color:#fff !important}.cookie-switch input{position:absolute !important;inset:0 !important;width:100% !important;height:100% !important;margin:0 !important;opacity:0 !important;z-index:2;cursor:pointer}.cookie-switch{min-width:48px;min-height:28px}.sp-author-card-label,.sp-author-card-meta,.sp-author-card-meta span{color:#bcb9cc !important}@media(max-width:800px){.sm-front .sm-card,.site-header{-webkit-backdrop-filter:none;backdrop-filter:none}}.error-404>p{color:#bfc0d3 !important}@media(max-width:800px){.sm-front{clip-path:none}.sm-fixed-bg{position:absolute;bottom:auto;height:100vh}}.browse-by-year__list a{color:#e0ddec}.mo-film-year,.mo-stat-label,.mo-film-num,.mo-breadcrumb span,.mo-tmdb,.mo-faq summary::after{color:#b7b4ca}.mo-breadcrumb a{text-decoration:underline;text-underline-offset:.2em}.mo-wrap .mo-film-num{color:#b7b4ca !important}