:root {
    --mk-black: #080705;
    --mk-charcoal: #11100d;
    --mk-panel: #191713;
    --mk-panel-2: #211d17;
    --mk-gold: #d8ad58;
    --mk-gold-light: #f2d590;
    --mk-saffron: #ef8b2c;
    --mk-red: #8f241d;
    --mk-cream: #f6eddc;
    --mk-muted: #b9af9f;
    --mk-line: rgba(216, 173, 88, .22);
    --mk-shadow: 0 24px 70px rgba(0, 0, 0, .34);
    --mk-radius: 18px;
}

* { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
    background: var(--mk-black);
    color: var(--mk-cream);
    font-family: Georgia, "Times New Roman", serif;
    margin: 0;
    padding-top: 78px;
}

body::before {
    background-image: radial-gradient(circle at 12% 15%, rgba(239, 139, 44, .07), transparent 28%), radial-gradient(circle at 88% 12%, rgba(143, 36, 29, .1), transparent 26%);
    content: "";
    inset: 0;
    pointer-events: none;
    position: fixed;
    z-index: -1;
}

body, button, input, select, textarea { font-family: Inter, Arial, sans-serif; }
h1, h2, h3, .brand-word { font-family: Georgia, "Times New Roman", serif; }
a { color: inherit; }
img { max-width: 100%; }

.site-container { max-width: 1460px; padding-inline: clamp(20px, 4vw, 64px); }

.skip-link {
    background: var(--mk-gold);
    color: #120d06;
    left: 16px;
    padding: 10px 16px;
    position: fixed;
    top: -80px;
    z-index: 2000;
}
.skip-link:focus { top: 12px; }

.site-header {
    background: rgba(8, 7, 5, .9);
    border-bottom: 1px solid var(--mk-line);
    backdrop-filter: blur(18px);
    min-height: 78px;
    z-index: 1050;
}
.navbar { min-height: 77px; }
.brand-lockup { align-items: center; color: var(--mk-cream); display: inline-flex; gap: 11px; text-decoration: none; }
.brand-mark {
    align-items: center;
    background: linear-gradient(145deg, #b43827, #6d1715);
    border: 1px solid rgba(242, 213, 144, .35);
    border-radius: 50%;
    box-shadow: 0 0 0 4px rgba(216, 173, 88, .08);
    color: var(--mk-gold-light);
    display: inline-flex;
    font-family: Georgia, serif;
    font-size: 1.1rem;
    font-weight: 800;
    height: 42px;
    justify-content: center;
    width: 42px;
}
.brand-word { font-size: 1.04rem; font-weight: 700; letter-spacing: .12em; }
.navbar-dark .navbar-nav .nav-link { color: #d9d0c0; font-size: .88rem; letter-spacing: .04em; padding: 12px 14px; }
.navbar-dark .navbar-nav .nav-link:hover, .navbar-dark .navbar-nav .nav-link.active { color: var(--mk-gold-light); }
.navbar-dark .navbar-nav .nav-link.active::after { background: var(--mk-gold); content: ""; display: block; height: 1px; margin-top: 4px; }

.header-search { border: 1px solid var(--mk-line); border-radius: 999px; display: flex; overflow: visible; position: relative; }
.header-search input { background: transparent; border: 0; color: #fff; font-size: .82rem; min-width: 180px; outline: 0; padding: 9px 4px 9px 14px; }
.header-search input::placeholder { color: #998f80; }
.header-search button { background: transparent; border: 0; color: var(--mk-gold-light); font-size: .72rem; font-weight: 700; padding: 8px 12px; text-transform: uppercase; }
.search-suggestions { background: #17140f; border: 1px solid var(--mk-line); border-radius: 12px; box-shadow: var(--mk-shadow); left: 0; min-width: 300px; overflow: hidden; position: absolute; right: 0; top: calc(100% + 8px); z-index: 1100; }
.search-suggestions a { border-bottom: 1px solid rgba(255,255,255,.06); display: block; font-size: .82rem; padding: 10px 12px; text-decoration: none; }
.search-suggestions a:hover { background: rgba(216,173,88,.08); color: var(--mk-gold-light); }
.btn-language { border-color: var(--mk-line); color: #e5dbcb; font-size: .78rem; }
.btn-language:hover { border-color: var(--mk-gold); color: var(--mk-gold-light); }
.btn-subscribe, .btn-gold { background: linear-gradient(135deg, var(--mk-gold-light), var(--mk-gold)); border: 0; color: #1a1208; font-weight: 800; }
.btn-subscribe { border-radius: 999px; font-size: .8rem; padding: 10px 17px; }
.btn-subscribe:hover, .btn-gold:hover { background: #f8dfa2; color: #1a1208; transform: translateY(-1px); }
.btn-outline-gold { border: 1px solid var(--mk-gold); color: var(--mk-gold-light); }
.btn-outline-gold:hover { background: var(--mk-gold); color: #160f07; }

.hero {
    background: linear-gradient(100deg, rgba(8,7,5,.98) 0%, rgba(8,7,5,.87) 48%, rgba(45,23,16,.64) 100%);
    border-bottom: 1px solid var(--mk-line);
    min-height: calc(100vh - 78px);
    overflow: hidden;
    position: relative;
}
.hero::before { background: repeating-linear-gradient(90deg, transparent 0, transparent 79px, rgba(216,173,88,.045) 80px), repeating-linear-gradient(0deg, transparent 0, transparent 79px, rgba(216,173,88,.035) 80px); content: ""; inset: 0; position: absolute; }
.hero::after { border: 1px solid rgba(216,173,88,.12); border-radius: 50%; content: ""; height: 740px; position: absolute; right: -310px; top: -340px; width: 740px; }
.hero-inner { align-items: center; display: grid; gap: clamp(36px, 6vw, 90px); grid-template-columns: minmax(0, .9fr) minmax(430px, 1.1fr); min-height: calc(100vh - 78px); padding-block: clamp(50px, 8vw, 110px); position: relative; z-index: 1; }
.hero-inner > * { min-width: 0; }
.eyebrow { color: var(--mk-gold); font-size: .76rem; font-weight: 800; letter-spacing: .18em; margin: 0 0 14px; text-transform: uppercase; }
.hero h1 { font-size: clamp(3.7rem, 7vw, 7.5rem); font-weight: 500; letter-spacing: -.045em; line-height: .88; margin: 0; }
.hero h1 span { color: var(--mk-gold-light); display: block; font-size: .22em; letter-spacing: .2em; line-height: 1.5; margin-top: 16px; text-transform: uppercase; }
.hero-copy { color: var(--mk-muted); font-size: clamp(1rem, 1.5vw, 1.22rem); line-height: 1.8; margin: 26px 0; max-width: 650px; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.hero-actions .btn { border-radius: 999px; padding: 13px 22px; }
.hero-facts { display: flex; flex-wrap: wrap; gap: 25px; margin-top: 36px; }
.hero-fact strong { color: var(--mk-gold-light); display: block; font-family: Georgia, serif; font-size: 1.65rem; }
.hero-fact span { color: #8e8679; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.hero-feature { position: relative; }
.hero-feature::before { border: 1px solid var(--mk-gold); content: ""; inset: -14px 28px 24px -14px; opacity: .28; position: absolute; }
.hero-caption { align-items: flex-start; background: rgba(17,16,13,.93); border: 1px solid var(--mk-line); border-top: 0; display: flex; gap: 20px; justify-content: space-between; padding: 18px 20px; position: relative; }
.hero-caption h2 { font-size: 1.12rem; line-height: 1.35; margin: 0; }
.hero-caption p { color: var(--mk-muted); font-size: .78rem; margin: 6px 0 0; }

.lite-youtube { aspect-ratio: 16 / 9; background: #000; box-shadow: var(--mk-shadow); overflow: hidden; position: relative; width: 100%; }
.lite-youtube.is-short { aspect-ratio: 9 / 16; margin-inline: auto; max-height: 74vh; max-width: 420px; }
.lite-youtube > img, .lite-youtube > iframe { height: 100%; inset: 0; object-fit: cover; position: absolute; width: 100%; }
.lite-youtube > iframe { border: 0; }
.lite-youtube.is-short > img { object-position: center; }
.lite-overlay { background: linear-gradient(180deg, rgba(0,0,0,.08), rgba(0,0,0,.36)); inset: 0; position: absolute; }
.lite-play { align-items: center; background: rgba(8,7,5,.84); border: 1px solid var(--mk-gold); border-radius: 999px; color: var(--mk-cream); display: flex; gap: 11px; left: 50%; padding: 11px 18px 11px 12px; position: absolute; top: 50%; transform: translate(-50%, -50%); white-space: nowrap; }
.lite-play span { align-items: center; background: var(--mk-gold); border-radius: 50%; color: #160f07; display: inline-flex; height: 35px; justify-content: center; padding-left: 2px; width: 35px; }
.lite-play strong { font-size: .78rem; letter-spacing: .04em; }
.lite-play:hover { background: var(--mk-gold); color: #160f07; }
.playlist-stage-art { align-items: center; background: radial-gradient(circle at center, rgba(216,173,88,.16), transparent 45%), linear-gradient(135deg, #1b1510, #090806); display: flex; flex-direction: column; height: 100%; justify-content: center; width: 100%; }
.playlist-stage-art span { color: var(--mk-gold-light); font-family: Georgia, serif; font-size: clamp(2rem, 6vw, 5rem); letter-spacing: .14em; }
.playlist-stage-art small { color: var(--mk-muted); letter-spacing: .22em; text-transform: uppercase; }

.content-section { padding-block: clamp(64px, 8vw, 112px); }
.content-section.is-alt { background: #0e0c09; border-block: 1px solid rgba(216,173,88,.1); }
.section-heading { align-items: end; display: flex; gap: 24px; justify-content: space-between; margin-bottom: 34px; }
.section-heading h2 { font-size: clamp(2rem, 4vw, 3.7rem); font-weight: 500; letter-spacing: -.03em; margin: 0; }
.section-link { color: var(--mk-gold-light); font-size: .8rem; font-weight: 700; letter-spacing: .09em; padding-bottom: 8px; text-decoration: none; text-transform: uppercase; }
.section-link:hover { color: #fff; }

.content-card { background: var(--mk-panel); border: 1px solid rgba(216,173,88,.14); border-radius: var(--mk-radius); height: 100%; overflow: hidden; transition: border-color .2s ease, transform .2s ease, box-shadow .2s ease; }
.content-card:hover { border-color: rgba(216,173,88,.46); box-shadow: 0 20px 50px rgba(0,0,0,.28); transform: translateY(-5px); }
.card-media { aspect-ratio: 16 / 9; background: #111; display: block; overflow: hidden; position: relative; }
.card-media img { height: 100%; object-fit: cover; transition: transform .45s ease; width: 100%; }
.content-card:hover .card-media img { transform: scale(1.035); }
.content-card-short .card-media { aspect-ratio: 9 / 16; max-height: 560px; }
.content-card-short .card-media img { object-position: center; }
.media-shade { background: linear-gradient(180deg, transparent 45%, rgba(0,0,0,.76)); inset: 0; position: absolute; }
.card-play { align-items: center; background: rgba(8,7,5,.78); border: 1px solid var(--mk-gold); border-radius: 50%; color: var(--mk-gold-light); display: flex; height: 52px; justify-content: center; left: 50%; opacity: 0; padding-left: 3px; position: absolute; top: 50%; transform: translate(-50%,-44%); transition: .2s ease; width: 52px; }
.content-card:hover .card-play { opacity: 1; transform: translate(-50%,-50%); }
.content-type, .duration-badge { background: rgba(8,7,5,.82); border: 1px solid rgba(216,173,88,.32); color: var(--mk-gold-light); font-size: .63rem; font-weight: 800; letter-spacing: .11em; padding: 6px 8px; position: absolute; text-transform: uppercase; top: 12px; }
.content-type { left: 12px; }
.duration-badge { right: 12px; }
.card-content { display: flex; flex-direction: column; min-height: 230px; padding: 22px; }
.content-meta { color: var(--mk-gold); display: flex; flex-wrap: wrap; font-size: .68rem; font-weight: 800; gap: 8px 16px; letter-spacing: .08em; margin-bottom: 12px; text-transform: uppercase; }
.content-card h3 { font-size: 1.12rem; line-height: 1.45; margin: 0 0 10px; }
.content-card h3 a { text-decoration: none; }
.content-card h3 a:hover { color: var(--mk-gold-light); }
.content-card p { color: var(--mk-muted); font-size: .85rem; line-height: 1.65; }
.card-footer-actions { align-items: center; border-top: 1px solid rgba(216,173,88,.1); color: #8f877a; display: flex; font-size: .7rem; gap: 10px; justify-content: space-between; margin-top: auto; padding-top: 15px; }
.card-footer-actions div { display: flex; gap: 12px; }
.card-footer-actions a, .text-action { background: none; border: 0; color: var(--mk-gold-light); font-size: .7rem; font-weight: 800; padding: 0; text-decoration: none; text-transform: uppercase; }
.playlist-art { align-items: center; background: radial-gradient(circle at 70% 20%, rgba(216,173,88,.2), transparent 30%), linear-gradient(135deg,#2a1d13,#0d0a07); display: flex; height: 100%; justify-content: center; width: 100%; }
.playlist-art span { color: var(--mk-gold-light); font-family: Georgia,serif; font-size: 1.7rem; letter-spacing: .17em; }

.topic-grid { display: grid; gap: 18px; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.topic-card { background: linear-gradient(145deg, rgba(216,173,88,.09), rgba(143,36,29,.08)), var(--mk-panel); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); display: block; min-height: 240px; overflow: hidden; padding: 30px; position: relative; text-decoration: none; }
.topic-card::after { border: 1px solid rgba(216,173,88,.12); border-radius: 50%; bottom: -100px; content: ""; height: 230px; position: absolute; right: -70px; width: 230px; }
.topic-card span { color: var(--mk-gold); font-size: .7rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.topic-card h3 { font-size: 2rem; margin: 64px 0 8px; }
.topic-card p { color: var(--mk-muted); font-size: .83rem; margin: 0; max-width: 90%; }
.topic-card:hover { border-color: var(--mk-gold); color: var(--mk-gold-light); transform: translateY(-3px); }

.page-hero { background: radial-gradient(circle at 75% 0%, rgba(143,36,29,.18), transparent 34%), #0c0a07; border-bottom: 1px solid var(--mk-line); padding-block: clamp(64px,8vw,108px); }
.page-hero h1 { font-size: clamp(2.8rem,6vw,6rem); letter-spacing: -.04em; margin: 0 0 16px; }
.page-hero p { color: var(--mk-muted); font-size: 1.05rem; line-height: 1.75; max-width: 760px; }
.filter-panel { background: var(--mk-panel); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); margin-top: -34px; padding: 20px; position: relative; z-index: 2; }
.filter-grid { align-items: end; display: grid; gap: 14px; grid-template-columns: 2fr repeat(4, 1fr) auto; }
.filter-grid-compact { grid-template-columns: minmax(220px, 360px) auto; justify-content: start; }
.filter-panel label { color: #9d9487; display: block; font-size: .66rem; font-weight: 800; letter-spacing: .1em; margin-bottom: 7px; text-transform: uppercase; }
.language-menu { max-height: min(70vh, 520px); overflow-y: auto; }
.form-control, .form-select { background-color: #0d0b08; border-color: rgba(216,173,88,.22); color: var(--mk-cream); }
.form-control:focus, .form-select:focus { background-color: #0d0b08; border-color: var(--mk-gold); box-shadow: 0 0 0 .2rem rgba(216,173,88,.12); color: #fff; }
.form-select option { background: #15120e; }
.pagination-links { align-items: center; display: flex; gap: 12px; justify-content: center; margin-top: 38px; }
.pagination-links a, .pagination-links span { border: 1px solid var(--mk-line); border-radius: 999px; color: var(--mk-gold-light); padding: 9px 15px; text-decoration: none; }
.pagination-links span { color: var(--mk-muted); }
.load-status { color: var(--mk-muted); min-height: 60px; padding: 24px; text-align: center; }

.breadcrumbs { color: #9c9386; font-size: .75rem; margin-bottom: 24px; }
.breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.breadcrumbs li:not(:last-child)::after { color: var(--mk-gold); content: "›"; margin-left: 8px; }
.breadcrumbs a { text-decoration: none; }
.breadcrumbs a:hover { color: var(--mk-gold-light); }
.watch-page { padding-block: 38px 90px; }
.watch-layout { align-items: start; display: grid; gap: clamp(30px,5vw,70px); grid-template-columns: minmax(0, 1.6fr) minmax(300px, .7fr); }
.watch-player-wrap { background: #000; border: 1px solid var(--mk-line); padding: 10px; }
.watch-info h1 { font-size: clamp(2.1rem,4vw,4.6rem); letter-spacing: -.035em; line-height: 1.08; margin: 12px 0 18px; }
.meta-pills { display: flex; flex-wrap: wrap; gap: 8px; }
.meta-pills a, .meta-pills span { background: rgba(216,173,88,.08); border: 1px solid var(--mk-line); border-radius: 999px; color: var(--mk-gold-light); font-size: .7rem; padding: 7px 11px; text-decoration: none; }
.watch-description { color: #d0c6b6; font-size: .98rem; line-height: 1.8; white-space: pre-wrap; }
.watch-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-block: 24px; }
.watch-actions .btn { border-radius: 999px; }
.side-panel { background: var(--mk-panel); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); padding: 24px; position: sticky; top: 104px; }
.side-panel h2 { font-size: 1.45rem; }
.side-panel p { color: var(--mk-muted); font-size: .84rem; line-height: 1.65; }
.share-bar { align-items: center; border-block: 1px solid var(--mk-line); display: flex; flex-wrap: wrap; gap: 8px 15px; margin-top: 28px; padding-block: 16px; }
.share-bar > span { color: #999083; font-size: .68rem; font-weight: 800; letter-spacing: .12em; text-transform: uppercase; }
.share-bar a, .share-bar button { background: none; border: 0; color: var(--mk-gold-light); font-size: .75rem; padding: 0; text-decoration: none; }
.detail-block { background: var(--mk-panel); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); margin-top: 28px; padding: clamp(24px,4vw,42px); }
.detail-block h2 { font-size: 1.8rem; }
.detail-block p, .detail-block li { color: var(--mk-muted); line-height: 1.8; }
.series-nav { display: grid; gap: 14px; grid-template-columns: 1fr 1fr; margin-top: 28px; }
.series-nav a { background: var(--mk-panel); border: 1px solid var(--mk-line); border-radius: 14px; padding: 18px; text-decoration: none; }
.series-nav a:last-child { text-align: right; }
.series-nav small { color: var(--mk-gold); display: block; font-size: .64rem; letter-spacing: .11em; margin-bottom: 6px; text-transform: uppercase; }

.search-main { min-height: 60vh; }
.search-hero-form { display: flex; gap: 10px; max-width: 820px; }
.search-hero-form input { border-radius: 999px; font-size: 1rem; padding: 14px 20px; }
.search-hero-form button { border-radius: 999px; padding-inline: 24px; }
.search-summary { color: var(--mk-muted); margin-bottom: 28px; }

.prose-page { padding-block: clamp(60px,8vw,100px); }
.prose-shell { display: grid; gap: 50px; grid-template-columns: minmax(0, 1fr) 280px; }
.prose-content { max-width: 840px; }
.prose-content h1 { font-size: clamp(2.7rem,6vw,5.5rem); margin-bottom: 26px; }
.prose-content h2 { color: var(--mk-gold-light); font-size: 1.75rem; margin: 42px 0 14px; }
.prose-content p, .prose-content li { color: #c8beae; line-height: 1.85; }
.prose-aside { border-left: 1px solid var(--mk-line); color: var(--mk-muted); padding-left: 24px; }
.prose-aside a { color: var(--mk-gold-light); display: block; margin-bottom: 12px; text-decoration: none; }

.empty-state { background: linear-gradient(135deg, rgba(216,173,88,.07), transparent), var(--mk-panel); border: 1px solid var(--mk-line); border-radius: var(--mk-radius); padding: clamp(35px,6vw,70px); text-align: center; }
.empty-state h2 { font-size: clamp(1.8rem,4vw,3rem); }
.empty-state p { color: var(--mk-muted); margin: 0 auto 24px; max-width: 620px; }
.empty-kicker { color: var(--mk-gold); font-size: .68rem; font-weight: 800; letter-spacing: .2em; }

.site-footer { background: #050403; border-top: 1px solid var(--mk-line); padding: 66px 0 26px; }
.footer-grid { display: grid; gap: 44px; grid-template-columns: 2fr repeat(3, 1fr); }
.footer-brand p { color: var(--mk-gold-light); margin: 18px 0 6px; }
.footer-note { color: #8f8678 !important; font-size: .82rem; line-height: 1.65; max-width: 420px; }
.footer-grid h2 { color: var(--mk-gold-light); font-family: Inter,Arial,sans-serif; font-size: .7rem; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.footer-grid > div > a:not(.brand-lockup) { color: #a79e90; display: block; font-size: .83rem; margin: 11px 0; text-decoration: none; }
.footer-grid > div > a:hover { color: var(--mk-gold-light); }
.footer-bottom { border-top: 1px solid rgba(216,173,88,.1); color: #746d63; display: flex; font-size: .72rem; justify-content: space-between; margin-top: 48px; padding-top: 24px; }
.footer-bottom a { color: #9f9688; text-decoration: none; }
.mobile-subscribe { display: none; }
.cookie-notice { align-items: center; background: #17130e; border: 1px solid var(--mk-gold); border-radius: 16px; bottom: 20px; box-shadow: var(--mk-shadow); display: flex; gap: 20px; justify-content: space-between; left: 20px; max-width: 580px; padding: 16px 18px; position: fixed; z-index: 1300; }
.cookie-notice[hidden] { display: none; }
.cookie-notice p { color: #cfc4b3; font-size: .78rem; line-height: 1.5; margin: 0; }

.quick-watch { align-items: center; background: rgba(0,0,0,.84); display: flex; inset: 0; justify-content: center; padding: 20px; position: fixed; z-index: 1600; }
.quick-watch-panel { background: #0b0907; border: 1px solid var(--mk-line); max-height: 92vh; max-width: 430px; padding: 12px; position: relative; width: 100%; }
.quick-watch-panel iframe { aspect-ratio: 9 / 16; border: 0; display: block; max-height: 82vh; width: 100%; }
.quick-watch-close { background: var(--mk-gold); border: 0; border-radius: 50%; color: #111; font-size: 1rem; height: 36px; position: absolute; right: -14px; top: -14px; width: 36px; z-index: 2; }

/* Private studio */
.admin-site { background: #f4f1e9; color: #1d1b18; padding-top: 70px; }
.admin-header { background: #0c0a07; border-bottom: 1px solid rgba(216,173,88,.3); height: 70px; left: 0; padding-block: 13px; position: fixed; right: 0; top: 0; z-index: 1050; }
.admin-private-label { color: #9f9688; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; }
.admin-site .brand-word small { color: var(--mk-gold); font-family: Inter,Arial,sans-serif; font-size: .6rem; }
.auth-shell { align-items: center; display: flex; min-height: calc(100vh - 70px); padding-block: 48px; }
.auth-card { background: #fff; border: 1px solid #ddd5c6; border-radius: 18px; box-shadow: 0 20px 60px rgba(44,33,20,.1); padding: clamp(28px,5vw,48px); }
.admin-site .form-control, .admin-site .form-select { background: #fff; border-color: #d4cbbd; color: #211e19; }
.admin-site .form-control:focus, .admin-site .form-select:focus { background: #fff; color: #211e19; }
.dashboard-command { background: linear-gradient(120deg,#11100d,#2a1b12 64%,#591a17); color: #fff; padding-block: 54px; }
.dashboard-command h1 { font-size: clamp(2.5rem,5vw,4.8rem); }
.dashboard-metric-grid { display: grid; gap: 14px; grid-template-columns: repeat(4,minmax(0,1fr)); }
.command-metric { background: rgba(255,255,255,.08); border: 1px solid rgba(216,173,88,.22); border-radius: 14px; padding: 18px; }
.command-metric span { color: var(--mk-gold-light); display: block; font-family: Georgia,serif; font-size: 2rem; }
.command-metric small { color: #c7bdae; }
.dashboard-panel { background: #fff; border: 1px solid #ddd5c6; border-radius: 16px; box-shadow: 0 14px 40px rgba(44,33,20,.06); padding: 24px; }
.dashboard-panel h2 { color: #211e19; }
.dashboard-panel .eyebrow { color: #8f241d; }
.dashboard-form { position: sticky; top: 94px; }
.dashboard-table { color: #29251f; }
.dashboard-table thead th { color: #756b5d; font-size: .68rem; letter-spacing: .08em; text-transform: uppercase; }
.admin-table-thumb { aspect-ratio: 16/9; border-radius: 8px; object-fit: cover; width: 92px; }
.live-preview { align-items: center; background: #f6f2e9; border: 1px solid #ddd5c6; border-radius: 12px; display: flex; gap: 12px; padding: 10px; }
.live-preview img { aspect-ratio: 16/9; border-radius: 8px; object-fit: cover; width: 96px; }
.health-row { align-items: center; background: #faf8f3; border: 1px solid #e4ded2; border-radius: 12px; display: flex; gap: 12px; padding: 12px; }
.health-dot { border-radius: 50%; height: 11px; width: 11px; }
.health-dot.is-ok { background: #31765a; }
.health-dot.is-warn { background: #d57b24; }
.score-badge { border-radius: 999px; display: inline-block; font-size: .7rem; font-weight: 800; padding: 6px 9px; }
.score-good { background: #dff3e8; color: #236044; }
.score-warn { background: #fff0d5; color: #8c5417; }
.score-critical { background: #f9dddd; color: #8f241d; }

@media (max-width: 1199.98px) {
    .navbar-collapse { background: #0c0a07; border: 1px solid var(--mk-line); margin-top: 10px; padding: 18px; }
    .header-search { width: 100%; }
    .header-search input { flex: 1; min-width: 0; }
    .hero-inner { grid-template-columns: 1fr; }
    .hero { min-height: auto; }
    .hero-inner { min-height: auto; }
    .hero-feature { max-width: 880px; }
    .filter-grid { grid-template-columns: repeat(3,1fr); }
    .filter-search { grid-column: 1 / -1; }
    .watch-layout { grid-template-columns: 1fr; }
    .side-panel { position: static; }
}

@media (max-width: 991.98px) {
    .topic-grid { grid-template-columns: 1fr 1fr; }
    .footer-grid { grid-template-columns: 1.5fr 1fr 1fr; }
    .footer-grid > div:last-child { grid-column: 2 / 4; }
    .prose-shell { grid-template-columns: 1fr; }
    .prose-aside { border-left: 0; border-top: 1px solid var(--mk-line); padding: 24px 0 0; }
    .dashboard-metric-grid { grid-template-columns: repeat(2,1fr); }
}

@media (max-width: 767.98px) {
    body { padding-bottom: 54px; padding-top: 68px; }
    .site-header, .navbar { min-height: 68px; }
    .brand-mark { height: 36px; width: 36px; }
    .brand-word { font-size: .9rem; }
    .site-container { padding-inline: 18px; }
    .hero-inner { gap: 42px; padding-block: 50px 70px; }
    .hero h1 { font-size: clamp(2.65rem,14vw,4.3rem); }
    .hero h1 span { font-size: .19em; }
    .hero-feature::before { display: none; }
    .hero-caption { display: block; }
    .hero-facts { gap: 18px; }
    .section-heading { align-items: flex-start; flex-direction: column; }
    .topic-grid { grid-template-columns: 1fr; }
    .topic-card { min-height: 210px; }
    .filter-grid { grid-template-columns: 1fr; }
    .filter-search { grid-column: auto; }
    .watch-player-wrap { margin-inline: -18px; padding: 0; }
    .watch-info h1 { font-size: 2.35rem; }
    .series-nav { grid-template-columns: 1fr; }
    .series-nav a:last-child { text-align: left; }
    .footer-grid { grid-template-columns: 1fr 1fr; }
    .footer-brand { grid-column: 1 / -1; }
    .footer-grid > div:last-child { grid-column: auto; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 12px; }
    .mobile-subscribe { background: linear-gradient(135deg,var(--mk-gold-light),var(--mk-gold)); bottom: 0; color: #171006; display: block; font-size: .78rem; font-weight: 900; left: 0; padding: 14px; position: fixed; right: 0; text-align: center; text-decoration: none; z-index: 1200; }
    .cookie-notice { bottom: 66px; flex-direction: column; left: 12px; right: 12px; }
    .search-hero-form { flex-direction: column; }
    .dashboard-metric-grid { grid-template-columns: 1fr 1fr; }
    .admin-private-label { display: none; }
}

@media (max-width: 389.98px) {
    .hero-actions .btn { width: 100%; }
    .hero-fact { flex: 1 1 40%; }
    .card-content { padding: 18px; }
    .dashboard-metric-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after { scroll-behavior: auto !important; transition: none !important; }
}

:focus-visible { outline: 3px solid var(--mk-gold-light); outline-offset: 3px; }