:root {
    --bg-main: #08111f;
    --bg-main-rgb: 8, 17, 31;
    --bg-secondary: #0f1c2e;
    --bg-card: #17263a;
    --bg-elevated: #1d2f47;
    --bg-deep: #050c16;
    --bg-input: #0a1727;
    --border: #2a3b50;
    --border-rgb: 42, 59, 80;
    --primary: #f59e0b;
    --primary-rgb: 245, 158, 11;
    --primary-hover: #d97706;
    --secondary: #22d3ee;
    --secondary-rgb: 34, 211, 238;
    --text: #f8fafc;
    --text-rgb: 248, 250, 252;
    --text-soft: #e2e8f0;
    --muted: #94a3b8;
    --muted-rgb: 148, 163, 184;
    --success: #22c55e;
    --danger: #ef4444;
    --on-primary: #08111f;
    --header-bg: rgba(8, 17, 31, .90);
    --overlay-bg: rgba(2, 6, 23, .84);
    --shadow-rgb: 0, 0, 0;
    --hero-scrim: rgba(5, 13, 24, .94);
    --max-width: 1240px;
    --radius: 14px;
    color-scheme: dark;
}

html[data-site-theme="aviation-slate"] {
    --bg-main: #142235;
    --bg-main-rgb: 20, 34, 53;
    --bg-secondary: #1c3046;
    --bg-card: #263d55;
    --bg-elevated: #314b65;
    --bg-deep: #101d2d;
    --bg-input: #172b40;
    --border: #49637d;
    --border-rgb: 73, 99, 125;
    --primary: #f4a620;
    --primary-rgb: 244, 166, 32;
    --primary-hover: #d8870a;
    --secondary: #38d5ea;
    --secondary-rgb: 56, 213, 234;
    --text: #f8fafc;
    --text-rgb: 248, 250, 252;
    --text-soft: #e5edf5;
    --muted: #c2ceda;
    --muted-rgb: 194, 206, 218;
    --on-primary: #142235;
    --header-bg: rgba(20, 34, 53, .92);
    --overlay-bg: rgba(7, 18, 31, .82);
    --shadow-rgb: 0, 0, 0;
    --hero-scrim: rgba(14, 27, 43, .92);
    color-scheme: dark;
}

html[data-site-theme="cloud-cockpit"] {
    --bg-main: #eef3f7;
    --bg-main-rgb: 238, 243, 247;
    --bg-secondary: #e3ebf1;
    --bg-card: #ffffff;
    --bg-elevated: #f7fafc;
    --bg-deep: #d8e3eb;
    --bg-input: #ffffff;
    --border: #cbd5df;
    --border-rgb: 203, 213, 223;
    --primary: #c96b08;
    --primary-rgb: 201, 107, 8;
    --primary-hover: #a95505;
    --secondary: #087fa1;
    --secondary-rgb: 8, 127, 161;
    --text: #132338;
    --text-rgb: 19, 35, 56;
    --text-soft: #273b52;
    --muted: #526579;
    --muted-rgb: 82, 101, 121;
    --success: #167a3a;
    --danger: #c93636;
    --on-primary: #ffffff;
    --header-bg: rgba(255, 255, 255, .94);
    --overlay-bg: rgba(19, 35, 56, .72);
    --shadow-rgb: 15, 23, 42;
    --hero-scrim: rgba(13, 28, 46, .92);
    color-scheme: light;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--bg-main);
    color: var(--text);
    font-family: Inter, system-ui, sans-serif;
    line-height: 1.6;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.container { width: min(calc(100% - 40px), var(--max-width)); margin-inline: auto; }
.narrow { max-width: 820px; }
.mono { font-family: "JetBrains Mono", monospace; }

.site-header {
    position: sticky;
    top: 0;
    z-index: 100;
    background: var(--header-bg);
    border-bottom: 1px solid rgba(var(--border-rgb), .75);
    backdrop-filter: blur(16px);
}
.header-inner { min-height: 74px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-weight: 800; }
.brand-mark {
    width: 38px;
    height: 38px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--primary-rgb), .55);
    background: linear-gradient(145deg, rgba(var(--primary-rgb), .25), rgba(var(--secondary-rgb), .08));
    color: var(--primary);
    border-radius: 10px;
    font-family: "JetBrains Mono", monospace;
    font-size: 13px;
}
.brand-text { font-size: 20px; letter-spacing: -.6px; }
.brand-text span { color: var(--primary); }
.main-nav { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.main-nav a { padding: 9px 12px; color: var(--muted); border-radius: 8px; font-size: 14px; font-weight: 600; }
.main-nav a:hover, .main-nav a.active { color: var(--text); background: rgba(var(--text-rgb),.05); }
.main-nav a.active { color: var(--primary); }
.header-actions { display: flex; align-items: center; gap: 8px; }
.nav-toggle { display: none; margin-left: auto; background: none; color: var(--text); border: 0; font-size: 24px; }

.button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 40px;
    padding: 0 16px;
    border-radius: 9px;
    border: 1px solid transparent;
    font-weight: 700;
    font-size: 14px;
    cursor: pointer;
}
.button-primary { background: var(--primary); color: var(--on-primary); }
.button-primary:hover { background: var(--primary-hover); }
.button-secondary { color: var(--secondary); border-color: rgba(var(--secondary-rgb), .55); background: rgba(var(--secondary-rgb), .05); }
.button-ghost { color: var(--muted); }
.button-large { min-height: 50px; padding-inline: 22px; }
.text-link { color: var(--secondary); font-weight: 700; font-size: 14px; }

.hero {
    position: relative;
    padding: 90px 0 78px;
    overflow: hidden;
    background:
        radial-gradient(circle at 75% 28%, rgba(var(--secondary-rgb),.12), transparent 28%),
        radial-gradient(circle at 22% 20%, rgba(var(--primary-rgb),.10), transparent 26%),
        linear-gradient(180deg, var(--bg-main), var(--bg-deep));
}
.hero::before {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .12;
    background-image: linear-gradient(rgba(var(--text-rgb),.15) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--text-rgb),.15) 1px, transparent 1px);
    background-size: 50px 50px;
    mask-image: linear-gradient(to bottom, black, transparent 88%);
}
.hero-grid { position: relative; display: grid; grid-template-columns: 1.12fr .88fr; gap: 70px; align-items: center; }
.eyebrow, .section-kicker { color: var(--secondary); font-size: 12px; letter-spacing: 1.6px; font-weight: 800; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 28px; height: 2px; background: var(--primary); }
.hero h1 { max-width: 760px; margin: 18px 0; font-size: clamp(42px, 5.5vw, 72px); line-height: 1.03; letter-spacing: -3px; }
.hero-copy > p { max-width: 700px; color: var(--muted); font-size: 18px; }
.hero-actions { display: flex; gap: 12px; margin: 32px 0 25px; }
.safety-inline { padding: 14px 16px; border-left: 3px solid var(--primary); background: rgba(var(--primary-rgb),.07); color: var(--muted); font-size: 13px; }
.safety-inline strong { color: var(--text); }

.hero-panel { border: 1px solid var(--border); background: linear-gradient(180deg, rgba(23,38,58,.96), rgba(15,28,46,.96)); border-radius: 18px; box-shadow: 0 30px 80px rgba(var(--shadow-rgb),.3); overflow: hidden; }
.panel-topline { display: flex; align-items: center; gap: 9px; padding: 13px 16px; border-bottom: 1px solid var(--border); color: var(--muted); font-size: 11px; letter-spacing: 1.2px; }
.panel-topline .mono { margin-left: auto; color: var(--success); }
.status-dot { width: 8px; height: 8px; background: var(--success); border-radius: 50%; box-shadow: 0 0 16px var(--success); }
.aircraft-select-demo { padding: 22px; }
.label, .workspace-label { display: block; margin-bottom: 11px; color: var(--muted); font-family: "JetBrains Mono", monospace; font-size: 10px; letter-spacing: 1.2px; }
.aircraft-row { display: flex; justify-content: space-between; align-items: center; padding: 14px; border: 1px solid transparent; border-radius: 10px; color: var(--muted); }
.aircraft-row + .aircraft-row { margin-top: 7px; }
.aircraft-row.selected { background: rgba(var(--primary-rgb),.1); border-color: rgba(var(--primary-rgb),.35); color: var(--text); }
.aircraft-row .manufacturer { display: block; color: var(--secondary); font-size: 10px; letter-spacing: 1px; text-transform: uppercase; }
.panel-stats { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--border); }
.panel-stats div { padding: 18px 12px; text-align: center; }
.panel-stats div + div { border-left: 1px solid var(--border); }
.panel-stats strong, .panel-stats span { display: block; }
.panel-stats strong { color: var(--primary); }
.panel-stats span { color: var(--muted); font-size: 11px; }

.section { padding: 82px 0; }
.section-dark { background: var(--bg-secondary); border-block: 1px solid var(--border); }
.section-heading { margin-bottom: 30px; }
.section-heading h2, .trust-section h2, .workspace-header h1, .page-hero h1 { margin: 8px 0 0; font-size: clamp(31px, 4vw, 48px); line-height: 1.1; letter-spacing: -1.8px; }
.split-heading { display: flex; justify-content: space-between; align-items: end; gap: 30px; }
.ata-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 14px; }
.ata-card { position: relative; min-height: 215px; padding: 23px; border: 1px solid var(--border); background: var(--bg-card); border-radius: var(--radius); transition: .2s ease; }
.ata-card:hover { transform: translateY(-4px); border-color: var(--primary); background: var(--bg-elevated); }
.ata-number { color: var(--primary); font-family: "JetBrains Mono", monospace; font-size: 12px; }
.ata-card h3 { margin: 28px 0 8px; font-size: 18px; }
.ata-card p { color: var(--muted); font-size: 13px; }
.card-arrow { position: absolute; right: 18px; bottom: 16px; color: var(--secondary); }

.resource-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.resource-card { padding: 22px; background: linear-gradient(180deg, var(--bg-card), var(--bg-secondary)); border: 1px solid var(--border); border-radius: var(--radius); }
.resource-meta, .resource-footer { display: flex; justify-content: space-between; gap: 12px; align-items: center; }
.resource-meta { color: var(--muted); font-size: 11px; }
.resource-type { display: inline-flex; padding: 4px 8px; border-radius: 6px; background: rgba(var(--secondary-rgb),.1); color: var(--secondary); font-size: 10px; font-weight: 800; letter-spacing: 1px; }
.resource-card h3 { margin: 20px 0 10px; font-size: 18px; }
.resource-card p { color: var(--muted); font-size: 14px; }
.resource-footer { margin-top: 22px; padding-top: 15px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.empty-state { padding: 28px; border: 1px dashed var(--border); color: var(--muted); border-radius: var(--radius); }

.trust-section { background: linear-gradient(120deg, rgba(var(--primary-rgb),.09), transparent 46%), var(--bg-secondary); border-top: 1px solid var(--border); }
.trust-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 80px; }
.trust-list { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; }
.trust-list div { display: flex; gap: 14px; padding: 18px; background: rgba(var(--text-rgb),.025); border: 1px solid var(--border); border-radius: 12px; }
.trust-list span { color: var(--primary); font-family: "JetBrains Mono", monospace; }
.trust-list p { margin: 0; color: var(--muted); }

.page-hero { padding: 100px 0 65px; background: radial-gradient(circle at 70% 20%, rgba(var(--secondary-rgb),.1), transparent 30%), var(--bg-secondary); border-bottom: 1px solid var(--border); }
.page-hero.compact { padding: 70px 0 45px; }
.page-hero p, .workspace-header p { color: var(--muted); max-width: 760px; }
.prose h2 { margin-top: 38px; }
.prose p { color: var(--muted); font-size: 17px; }

.workspace-section { padding: 62px 0 90px; }
.workspace-header { display: flex; justify-content: space-between; align-items: end; gap: 30px; margin-bottom: 30px; }
.safety-badge { max-width: 420px; padding: 10px 12px; border: 1px solid rgba(var(--primary-rgb),.4); color: var(--primary); border-radius: 8px; font-family: "JetBrains Mono", monospace; font-size: 10px; text-align: center; }
.aircraft-tabs { display: flex; gap: 10px; overflow-x: auto; margin-bottom: 16px; }
.aircraft-tab { min-width: 165px; padding: 13px 16px; text-align: left; color: var(--muted); border: 1px solid var(--border); background: var(--bg-secondary); border-radius: 10px; cursor: pointer; }
.aircraft-tab small { display: block; color: var(--secondary); font-size: 9px; letter-spacing: 1px; text-transform: uppercase; }
.aircraft-tab.active { border-color: var(--primary); color: var(--text); background: rgba(var(--primary-rgb),.08); }
.tech-workspace { display: grid; grid-template-columns: 260px 310px 1fr; min-height: 650px; border: 1px solid var(--border); background: var(--bg-secondary); border-radius: 16px; overflow: hidden; }
.ata-sidebar, .chapter-overview, .resource-pane { padding: 22px; }
.ata-sidebar { border-right: 1px solid var(--border); background: var(--bg-input); }
.ata-list { display: grid; gap: 5px; max-height: 600px; overflow-y: auto; }
.ata-list a { display: grid; grid-template-columns: 34px 1fr; gap: 11px; padding: 10px; color: var(--muted); border-radius: 8px; font-size: 13px; }
.ata-list a:hover, .ata-list a.active { color: var(--text); background: rgba(var(--text-rgb),.05); }
.ata-list a.active { box-shadow: inset 3px 0 var(--primary); }
.ata-list .mono { color: var(--primary); }
.chapter-overview { border-right: 1px solid var(--border); }
.chapter-code { color: var(--primary); font-size: 12px; }
.chapter-overview h2 { margin: 15px 0 10px; font-size: 30px; line-height: 1.15; }
.chapter-overview > p { color: var(--muted); }
.applicability-note { margin-top: 30px; padding: 15px; border-left: 3px solid var(--secondary); background: rgba(var(--secondary-rgb),.06); }
.applicability-note strong, .applicability-note span { display: block; }
.applicability-note span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.resource-pane-header { display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid var(--border); }
.resource-pane-header span { color: var(--muted); font-size: 12px; }
.resource-list { display: grid; gap: 12px; margin-top: 18px; }
.resource-list-item { display: flex; justify-content: space-between; align-items: center; gap: 20px; padding: 17px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 10px; }
.resource-list-item h3 { margin: 8px 0 4px; font-size: 16px; }
.resource-list-item p, .resource-list-item small { color: var(--muted); font-size: 12px; }
.resource-list-item p { margin: 0 0 7px; }

.creator-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.creator-card { display: flex; gap: 18px; padding: 22px; border: 1px solid var(--border); background: var(--bg-card); border-radius: var(--radius); }
.creator-avatar { flex: 0 0 54px; width: 54px; height: 54px; display: grid; place-items: center; color: var(--primary); background: rgba(var(--primary-rgb),.1); border: 1px solid rgba(var(--primary-rgb),.3); border-radius: 12px; font-weight: 800; }
.creator-title { display: flex; gap: 10px; align-items: center; }
.creator-title h2 { margin: 0; font-size: 18px; }
.creator-card p { color: var(--muted); font-size: 13px; }
.verified { padding: 3px 7px; color: var(--secondary); background: rgba(var(--secondary-rgb),.1); border-radius: 6px; font-size: 10px; font-weight: 800; }
.creator-links { display: flex; gap: 12px; color: var(--secondary); font-size: 12px; font-weight: 700; }

.admin-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
.admin-stat-card { padding: 26px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }
.admin-stat-card strong, .admin-stat-card span { display: block; }
.admin-stat-card strong { color: var(--primary); font-size: 34px; }
.admin-stat-card span { color: var(--muted); }

.site-footer { padding-top: 60px; border-top: 1px solid var(--border); background: var(--bg-deep); }
.footer-grid { display: grid; grid-template-columns: 2fr 1fr 1fr; gap: 60px; }
.footer-grid p { max-width: 520px; color: var(--muted); font-size: 13px; }
.footer-grid h3 { font-size: 13px; }
.footer-grid > div:not(:first-child) a { display: block; margin: 8px 0; color: var(--muted); font-size: 13px; }
.footer-bottom { display: flex; justify-content: space-between; margin-top: 50px; padding: 18px 0; border-top: 1px solid var(--border); color: var(--muted); font-size: 12px; }

@media (max-width: 980px) {
    .header-actions { display: none; }
    .nav-toggle { display: block; }
    .main-nav { display: none; position: absolute; top: 74px; left: 20px; right: 20px; padding: 12px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 12px; }
    .main-nav.open { display: grid; }
    .hero-grid, .trust-grid { grid-template-columns: 1fr; }
    .ata-grid { grid-template-columns: repeat(2, 1fr); }
    .resource-grid { grid-template-columns: repeat(2, 1fr); }
    .tech-workspace { grid-template-columns: 220px 1fr; }
    .chapter-overview { grid-column: 2; border-right: 0; border-bottom: 1px solid var(--border); }
    .resource-pane { grid-column: 2; }
    .ata-sidebar { grid-row: span 2; }
    .creator-grid { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .container { width: min(calc(100% - 26px), var(--max-width)); }
    .hero { padding-top: 65px; }
    .hero h1 { letter-spacing: -2px; }
    .hero-actions, .split-heading, .workspace-header { align-items: stretch; flex-direction: column; }
    .ata-grid, .resource-grid, .trust-list, .admin-stat-grid { grid-template-columns: 1fr; }
    .panel-stats { grid-template-columns: 1fr; }
    .panel-stats div + div { border-left: 0; border-top: 1px solid var(--border); }
    .tech-workspace { display: block; }
    .ata-sidebar, .chapter-overview { border-right: 0; border-bottom: 1px solid var(--border); }
    .ata-list { max-height: 310px; }
    .resource-list-item { align-items: flex-start; flex-direction: column; }
    .footer-grid { grid-template-columns: 1fr; gap: 25px; }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 6px; }
}

/* TechOpsBase v0.3 — global aircraft directory */
.panel-browse-link {
    display: block;
    margin-top: 12px;
    padding: 11px 14px;
    color: var(--secondary);
    border-top: 1px solid var(--border);
    font-size: 12px;
    font-weight: 700;
}

.category-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 14px;
}
.category-card {
    display: flex;
    gap: 16px;
    min-height: 165px;
    padding: 20px;
    background: var(--bg-card);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    transition: .2s ease;
}
.category-card:hover {
    transform: translateY(-3px);
    border-color: rgba(var(--secondary-rgb), .6);
    background: var(--bg-elevated);
}
.category-icon {
    flex: 0 0 42px;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--primary);
    background: rgba(var(--primary-rgb), .1);
    border: 1px solid rgba(var(--primary-rgb), .3);
    border-radius: 10px;
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
}
.category-card h3 { margin: 0 0 6px; font-size: 17px; }
.category-card p { margin: 0 0 12px; color: var(--muted); font-size: 12px; }
.category-card div > span { color: var(--secondary); font-size: 11px; font-weight: 700; }

.contribution-section {
    background:
        radial-gradient(circle at 20% 50%, rgba(var(--primary-rgb), .11), transparent 30%),
        radial-gradient(circle at 78% 50%, rgba(var(--secondary-rgb), .09), transparent 26%),
        var(--bg-main);
}
.contribution-grid {
    display: grid;
    grid-template-columns: 1.3fr .7fr;
    gap: 60px;
    align-items: center;
}
.contribution-grid h2 { margin: 8px 0 14px; font-size: clamp(30px, 4vw, 48px); line-height: 1.1; letter-spacing: -1.6px; }
.contribution-grid p { color: var(--muted); max-width: 760px; }
.contribution-actions { display: flex; flex-direction: column; gap: 12px; }

.directory-hero-grid,
.aircraft-detail-heading {
    display: grid;
    grid-template-columns: 1.25fr .75fr;
    gap: 60px;
    align-items: end;
}
.directory-section { background: var(--bg-main); }
.directory-filter,
.workspace-filter {
    display: grid;
    grid-template-columns: 1.4fr 1fr 1fr auto;
    gap: 12px;
    align-items: end;
    padding: 18px;
    margin-bottom: 22px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
.directory-filter label,
.workspace-filter label,
.contribution-form label {
    display: grid;
    gap: 7px;
}
.directory-filter label > span,
.workspace-filter label > span,
.contribution-form label > span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}
input,
select,
textarea {
    width: 100%;
    color: var(--text);
    background: var(--bg-input);
    border: 1px solid var(--border);
    border-radius: 9px;
    outline: none;
}
input,
select { min-height: 44px; padding: 0 12px; }
textarea { padding: 12px; resize: vertical; }
input:focus,
select:focus,
textarea:focus { border-color: var(--secondary); box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), .08); }
select option,
select optgroup { color: var(--text); background: var(--bg-input); }
.filter-actions { display: flex; gap: 8px; }
.directory-result-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 24px 0 18px;
    color: var(--muted);
    font-size: 13px;
}
.directory-result-bar strong { color: var(--primary); font-size: 20px; }
.aircraft-directory-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.aircraft-directory-card {
    display: flex;
    flex-direction: column;
    min-height: 330px;
    padding: 22px;
    background: linear-gradient(180deg, var(--bg-card), var(--bg-secondary));
    border: 1px solid var(--border);
    border-radius: var(--radius);
    transition: .2s ease;
}
.aircraft-directory-card:hover { transform: translateY(-3px); border-color: rgba(var(--primary-rgb), .55); }
.aircraft-card-topline {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    color: var(--secondary);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .8px;
    text-transform: uppercase;
}
.featured-label { color: var(--primary); }
.aircraft-manufacturer { margin-top: 26px; color: var(--muted); font-size: 12px; font-weight: 700; }
.aircraft-directory-card h2 { margin: 4px 0 10px; font-size: 24px; line-height: 1.15; }
.aircraft-directory-card > p { color: var(--muted); font-size: 13px; }
.aircraft-card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: auto;
    padding-top: 18px;
    border-top: 1px solid var(--border);
}
.aircraft-card-stats span {
    padding: 6px 8px;
    color: var(--muted);
    background: rgba(var(--text-rgb),.025);
    border-radius: 6px;
    font-size: 10px;
}
.aircraft-card-stats strong { color: var(--text); }
.aircraft-card-link { margin-top: 16px; color: var(--secondary); font-size: 12px; font-weight: 800; }
.directory-empty { text-align: center; }
.directory-empty h2 { margin-top: 0; color: var(--text); }
.pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 18px;
    margin-top: 32px;
}
.pagination a { color: var(--secondary); font-weight: 700; }
.pagination span { color: var(--muted); }

.breadcrumb { display: flex; gap: 10px; margin-bottom: 24px; color: var(--muted); font-size: 12px; }
.breadcrumb a { color: var(--secondary); }
.aircraft-detail-heading { align-items: stretch; }
.aircraft-detail-heading h1 { margin: 8px 0 14px; font-size: clamp(46px, 6vw, 76px); line-height: 1; letter-spacing: -3px; }
.aircraft-detail-heading p { max-width: 760px; color: var(--muted); font-size: 17px; }
.aircraft-fact-panel {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-self: end;
    background: rgba(23, 38, 58, .85);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    overflow: hidden;
}
.aircraft-fact-panel div { padding: 17px; }
.aircraft-fact-panel div:nth-child(odd) { border-right: 1px solid var(--border); }
.aircraft-fact-panel div:nth-child(-n+2) { border-bottom: 1px solid var(--border); }
.aircraft-fact-panel span,
.aircraft-fact-panel strong { display: block; }
.aircraft-fact-panel span { color: var(--muted); font-size: 10px; text-transform: uppercase; }
.aircraft-fact-panel strong { margin-top: 4px; font-size: 13px; }
.aircraft-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 310px; gap: 28px; }
.section-description { max-width: 800px; color: var(--muted); }
.variant-list { display: grid; gap: 13px; }
.variant-card { padding: 20px; background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); }
.variant-heading { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }
.variant-heading h3 { margin: 8px 0 2px; font-size: 20px; }
.variant-heading small { color: var(--muted); }
.variant-heading > a { color: var(--secondary); font-size: 12px; font-weight: 700; white-space: nowrap; }
.status-pill { display: inline-flex; padding: 3px 7px; border-radius: 5px; font-family: "JetBrains Mono", monospace; font-size: 9px; }
.status-active { color: var(--success); background: rgba(34,197,94,.1); }
.status-legacy { color: var(--primary); background: rgba(var(--primary-rgb),.1); }
.status-proposed { color: var(--secondary); background: rgba(var(--secondary-rgb),.1); }
.status-discontinued { color: var(--danger); background: rgba(239,68,68,.1); }
.engine-option-block { margin-top: 17px; padding-top: 15px; border-top: 1px solid var(--border); }
.engine-tags { display: flex; flex-wrap: wrap; gap: 7px; }
.engine-tags span { padding: 6px 8px; color: var(--muted); background: var(--bg-input); border: 1px solid var(--border); border-radius: 6px; font-size: 10px; }
.muted-text { color: var(--muted); font-size: 12px; }
.aircraft-side-column,
.request-side-column { display: grid; align-content: start; gap: 14px; }
.side-panel { padding: 22px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); }
.side-panel h2 { margin: 8px 0 10px; font-size: 24px; }
.side-panel p { color: var(--muted); font-size: 13px; }
.safety-side-panel { border-color: rgba(var(--primary-rgb),.35); }
.safety-side-panel strong { color: var(--primary); }

.workspace-filter { grid-template-columns: .8fr .9fr 1.2fr 1fr auto; }
.workspace-family-select { min-width: 240px; }
.selected-aircraft-strip {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 20px;
    margin-bottom: 14px;
    padding: 13px 16px;
    background: rgba(var(--secondary-rgb),.04);
    border: 1px solid rgba(var(--secondary-rgb),.18);
    border-radius: 10px;
}
.selected-aircraft-strip div { display: flex; align-items: baseline; flex-wrap: wrap; gap: 8px; }
.selected-aircraft-strip span { color: var(--secondary); font-size: 11px; text-transform: uppercase; }
.selected-aircraft-strip strong { font-size: 16px; }
.selected-aircraft-strip em { color: var(--muted); font-size: 12px; font-style: normal; }
.selected-aircraft-strip a { color: var(--secondary); font-size: 12px; font-weight: 700; }
.workspace-aircraft-context { margin-top: 26px; padding: 14px; background: rgba(var(--text-rgb),.025); border: 1px solid var(--border); border-radius: 9px; }
.workspace-aircraft-context strong,
.workspace-aircraft-context small { display: block; }
.workspace-aircraft-context small { margin-top: 4px; color: var(--muted); }
.resource-list-meta { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 9px; }

.request-layout { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 30px; align-items: start; }
.contribution-form { display: grid; gap: 18px; padding: 24px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); }
.form-grid { display: grid; gap: 14px; }
.form-grid.two-columns { grid-template-columns: 1fr 1fr; }
.submission-notice { padding: 14px; background: rgba(var(--primary-rgb),.06); border-left: 3px solid var(--primary); }
.submission-notice strong { color: var(--primary); }
.submission-notice p { margin: 5px 0 0; color: var(--muted); font-size: 12px; }
.alert { display: grid; gap: 4px; margin-bottom: 16px; padding: 16px; border-radius: 10px; }
.alert strong,
.alert span { display: block; }
.alert-success { color: #d8ffe4; background: rgba(34,197,94,.1); border: 1px solid rgba(34,197,94,.35); }
.alert-danger { color: #ffe2e2; background: rgba(239,68,68,.08); border: 1px solid rgba(239,68,68,.35); }
.alert ul { margin: 8px 0 0; padding-left: 20px; }
.honeypot { position: absolute !important; left: -10000px !important; width: 1px; height: 1px; overflow: hidden; }
.review-steps { display: grid; gap: 15px; margin: 18px 0 0; padding: 0; list-style: none; }
.review-steps li { display: flex; gap: 12px; }
.review-steps li > span { color: var(--primary); font-family: "JetBrains Mono", monospace; font-size: 11px; }
.review-steps strong { display: block; font-size: 13px; }
.review-steps p { margin: 3px 0 0; }

@media (max-width: 1080px) {
    .category-grid { grid-template-columns: repeat(2, 1fr); }
    .aircraft-directory-grid { grid-template-columns: repeat(2, 1fr); }
    .directory-filter { grid-template-columns: 1fr 1fr; }
    .filter-actions { align-self: end; }
    .workspace-filter { grid-template-columns: 1fr 1fr; }
    .workspace-filter .button { min-height: 44px; }
}

@media (max-width: 820px) {
    .directory-hero-grid,
    .aircraft-detail-heading,
    .contribution-grid,
    .aircraft-detail-layout,
    .request-layout { grid-template-columns: 1fr; }
    .directory-hero-grid { align-items: start; }
    .aircraft-side-column,
    .request-side-column { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
    .category-grid,
    .aircraft-directory-grid,
    .directory-filter,
    .workspace-filter,
    .form-grid.two-columns { grid-template-columns: 1fr; }
    .directory-result-bar,
    .variant-heading,
    .selected-aircraft-strip { align-items: flex-start; flex-direction: column; }
    .filter-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .aircraft-fact-panel { grid-template-columns: 1fr; }
    .aircraft-fact-panel div { border-right: 0 !important; border-bottom: 1px solid var(--border); }
    .aircraft-fact-panel div:last-child { border-bottom: 0; }
    .aircraft-detail-heading h1 { letter-spacing: -2px; }
}
.resource-filter {
    display: grid;
    grid-template-columns: 1.2fr 1fr .8fr auto;
    gap: 12px;
    align-items: end;
    padding: 18px;
    margin-bottom: 22px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius);
}
.resource-filter label { display: grid; gap: 7px; }
.resource-filter label > span {
    color: var(--muted);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .5px;
    text-transform: uppercase;
}
@media (max-width: 980px) {
    .resource-filter { grid-template-columns: 1fr 1fr; }
}
@media (max-width: 680px) {
    .resource-filter { grid-template-columns: 1fr; }
}

/* v0.4 member accounts and moderation */
.mobile-member-link { display: none; }
.member-link { gap: 7px; color: var(--text); }
.member-dot { width: 7px; height: 7px; border-radius: 50%; background: var(--success); box-shadow: 0 0 12px rgba(34,197,94,.65); }
.logout-form { margin: 0; }
.logout-button { width: 36px; height: 36px; display: grid; place-items: center; color: var(--muted); background: transparent; border: 1px solid var(--border); border-radius: 8px; cursor: pointer; transform: rotate(90deg); }
.logout-button:hover { color: var(--danger); border-color: rgba(239,68,68,.45); }

.flash-stack { position: fixed; z-index: 150; top: 86px; left: 50%; transform: translateX(-50%); display: grid; gap: 8px; pointer-events: none; }
.flash-message { display: flex; align-items: center; justify-content: space-between; gap: 18px; min-width: min(540px, calc(100vw - 40px)); padding: 13px 15px; color: var(--text); background: #102036; border: 1px solid var(--border); border-radius: 10px; box-shadow: 0 18px 55px rgba(var(--shadow-rgb),.35); pointer-events: auto; }
.flash-message button { color: inherit; background: transparent; border: 0; font-size: 20px; cursor: pointer; }
.flash-success { border-color: rgba(34,197,94,.45); }
.flash-danger { border-color: rgba(239,68,68,.5); }
.flash-warning { border-color: rgba(var(--primary-rgb),.55); }

.auth-layout { display: grid; grid-template-columns: minmax(0, 1fr) 360px; gap: 30px; align-items: start; max-width: 1050px; }
.auth-card { min-width: 0; }
.auth-form { padding: 30px; }
.auth-aside { position: sticky; top: 100px; }
.auth-switch { margin: 0; color: var(--muted); text-align: center; font-size: 13px; }
.auth-switch a { color: var(--secondary); font-weight: 700; }
.check-row { display: flex !important; grid-template-columns: none !important; align-items: flex-start; gap: 10px; color: var(--muted); font-size: 13px; }
.check-row input { width: 18px; height: 18px; flex: 0 0 auto; margin-top: 2px; accent-color: var(--primary); }
.compact-check { margin: 0; }
code { padding: 2px 6px; background: rgba(var(--text-rgb),.06); border-radius: 5px; color: var(--secondary); }

.account-hero { display: flex; align-items: end; justify-content: space-between; gap: 25px; }
.account-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.account-grid { display: grid; grid-template-columns: 300px minmax(0, 1fr); gap: 28px; align-items: start; }
.profile-card { position: sticky; top: 100px; padding: 24px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); }
.profile-card h2 { margin: 10px 0 20px; font-size: 25px; }
.profile-role { display: inline-flex; padding: 5px 8px; color: var(--secondary); background: rgba(var(--secondary-rgb),.08); border: 1px solid rgba(var(--secondary-rgb),.2); border-radius: 6px; font-size: 10px; font-weight: 800; letter-spacing: .7px; text-transform: uppercase; }
.profile-facts { display: grid; gap: 0; margin: 0 0 20px; }
.profile-facts div { padding: 12px 0; border-bottom: 1px solid var(--border); }
.profile-facts dt { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }
.profile-facts dd { margin: 4px 0 0; font-size: 13px; }
.account-content { display: grid; gap: 26px; min-width: 0; }
.account-section { padding: 24px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); }
.account-section .section-heading h2 { font-size: 27px; }
.account-table-wrap { overflow-x: auto; }
.data-table { width: 100%; border-collapse: collapse; min-width: 720px; }
.data-table th, .data-table td { padding: 14px 12px; text-align: left; border-bottom: 1px solid var(--border); vertical-align: top; font-size: 12px; }
.data-table th { color: var(--muted); font-size: 10px; letter-spacing: .7px; text-transform: uppercase; }
.data-table td strong, .data-table td small { display: block; }
.data-table td small { margin-top: 4px; color: var(--muted); }
.status-pill { display: inline-flex; padding: 5px 8px; border-radius: 6px; background: rgba(var(--muted-rgb),.1); color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.status-published, .status-approved, .status-active { color: var(--success); background: rgba(34,197,94,.1); }
.status-pending, .status-reviewing { color: var(--primary); background: rgba(var(--primary-rgb),.1); }
.status-rejected, .status-banned, .status-suspended { color: var(--danger); background: rgba(239,68,68,.1); }
.status-duplicate, .status-archived { color: var(--muted); background: rgba(var(--muted-rgb),.1); }

.button-success { color: #dfffe8; background: rgba(34,197,94,.16); border-color: rgba(34,197,94,.45); }
.button-danger { color: #ffe0e0; background: rgba(239,68,68,.12); border-color: rgba(239,68,68,.45); }
.admin-nav { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 24px; padding: 9px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 11px; }
.admin-nav a { padding: 9px 12px; color: var(--muted); border-radius: 7px; font-size: 12px; font-weight: 700; }
.admin-nav a:hover, .admin-nav a.active { color: var(--text); background: rgba(var(--text-rgb),.05); }
.admin-panel { margin-top: 26px; padding: 24px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); }
.status-filter { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.status-filter a { padding: 8px 12px; color: var(--muted); background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 8px; font-size: 12px; font-weight: 700; }
.status-filter a.active { color: var(--primary); border-color: rgba(var(--primary-rgb),.45); background: rgba(var(--primary-rgb),.06); }
.moderation-list, .user-admin-list { display: grid; gap: 16px; }
.moderation-card, .user-admin-card { padding: 22px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: var(--radius); }
.moderation-card-head, .user-admin-summary { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; }
.moderation-card-head h2, .user-admin-summary h2 { margin: 8px 0 4px; font-size: 22px; }
.moderation-card-head p, .user-admin-summary p { margin: 0; color: var(--muted); font-size: 12px; }
.moderation-meta { display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 16px 0; padding: 12px 0; border-block: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.moderation-copy { margin: 15px 0; }
.moderation-copy strong { font-size: 12px; }
.moderation-copy p { margin: 5px 0 0; color: var(--muted); font-size: 13px; }
.moderation-form { display: grid; gap: 13px; margin-top: 18px; padding-top: 18px; border-top: 1px solid var(--border); }
.moderation-actions { display: flex; flex-wrap: wrap; gap: 8px; }
.user-admin-form { display: grid; grid-template-columns: 1fr 1fr 1fr auto; gap: 10px; align-items: end; }
.user-admin-form label, .moderation-form label { display: grid; gap: 6px; }
.user-admin-form label > span, .moderation-form label > span { color: var(--muted); font-size: 10px; font-weight: 700; text-transform: uppercase; }

@media (max-width: 980px) {
    .mobile-member-link { display: block; }
    .auth-layout, .account-grid { grid-template-columns: 1fr; }
    .auth-aside, .profile-card { position: static; }
    .user-admin-form { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
    .account-hero, .moderation-card-head, .user-admin-summary { align-items: flex-start; flex-direction: column; }
    .account-actions, .account-actions .button { width: 100%; }
    .user-admin-form { grid-template-columns: 1fr; }
    .moderation-actions { display: grid; grid-template-columns: 1fr 1fr; }
    .flash-stack { top: 82px; }
}

/* v0.5 aircraft master-data administration */
.data-admin-nav {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: -10px 0 24px;
    padding: 0 3px;
}
.data-admin-nav a {
    padding: 7px 10px;
    color: var(--muted);
    border: 1px solid transparent;
    border-radius: 7px;
    font-size: 11px;
    font-weight: 700;
}
.data-admin-nav a:hover,
.data-admin-nav a.active {
    color: var(--secondary);
    background: rgba(var(--secondary-rgb),.05);
    border-color: rgba(var(--secondary-rgb),.18);
}
.master-data-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 15px;
}
.master-data-card {
    min-height: 220px;
    padding: 22px;
    color: var(--text);
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: var(--radius);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.master-data-card:hover {
    transform: translateY(-3px);
    border-color: rgba(var(--primary-rgb),.5);
    background: var(--bg-card);
}
.master-data-card > strong {
    display: block;
    color: var(--primary);
    font-family: "JetBrains Mono", monospace;
    font-size: 34px;
}
.master-data-card h2 { margin: 14px 0 8px; font-size: 18px; }
.master-data-card p { min-height: 65px; margin: 0 0 16px; color: var(--muted); font-size: 12px; line-height: 1.65; }
.master-data-card span { color: var(--secondary); font-size: 12px; font-weight: 800; }
.master-data-notice { margin-top: 24px; }
.master-admin-layout {
    display: grid;
    grid-template-columns: minmax(310px, .72fr) minmax(0, 1.45fr);
    gap: 22px;
    align-items: start;
}
.master-form-panel { position: sticky; top: 95px; margin-top: 0; }
.master-list-panel { margin-top: 0; min-width: 0; }
.master-form { display: grid; gap: 14px; }
.master-form label { display: grid; gap: 7px; }
.master-form label > span {
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .55px;
    text-transform: uppercase;
}
.master-form-actions { display: flex; flex-wrap: wrap; gap: 8px; padding-top: 5px; }
.master-record-list { display: grid; gap: 10px; }
.master-record {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 18px;
    padding: 17px;
    background: rgba(var(--text-rgb),.018);
    border: 1px solid var(--border);
    border-radius: 10px;
}
.master-record > div:first-child { min-width: 0; flex: 1; }
.record-title-row { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; }
.record-title-row h3 { margin: 0; font-size: 15px; overflow-wrap: anywhere; }
.master-record p { margin: 7px 0 0; color: var(--muted); font-size: 12px; line-height: 1.55; }
.record-actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 7px; flex: 0 0 auto; }
.button-small { min-height: 31px; padding: 7px 10px; font-size: 10px; }
.master-search {
    display: flex;
    align-items: end;
    gap: 9px;
    margin-bottom: 18px;
    padding: 13px;
    background: var(--bg-secondary);
    border: 1px solid var(--border);
    border-radius: 10px;
}
.master-search input,
.master-search select { min-width: 0; }
.master-search input { flex: 1; }
.master-search-wide { display: grid; grid-template-columns: minmax(220px, 1.3fr) minmax(190px, 1fr) minmax(170px, 1fr) auto auto; }
.ata-record-number { margin-right: 7px; color: var(--primary); font-family: "JetBrains Mono", monospace; }

@media (max-width: 1120px) {
    .master-data-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .master-admin-layout { grid-template-columns: 1fr; }
    .master-form-panel { position: static; }
    .master-search-wide { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 680px) {
    .master-data-grid { grid-template-columns: 1fr; }
    .master-search,
    .master-search-wide { display: grid; grid-template-columns: 1fr; }
    .master-record,
    .record-title-row { align-items: flex-start; flex-direction: column; }
    .record-actions,
    .record-actions .button { width: 100%; }
    .master-form-actions { display: grid; grid-template-columns: 1fr; }
    .master-form-actions .button { width: 100%; }
}


/* v0.6 technical Q&A forum */
.forum-hero-grid { display:flex;align-items:end;justify-content:space-between;gap:30px; }
.forum-hero-actions { display:flex;flex-wrap:wrap;gap:9px; }
.forum-section { padding-top:32px; }
.forum-stat-strip { display:grid;grid-template-columns:120px 120px 120px minmax(0,1fr);gap:1px;margin-bottom:18px;overflow:hidden;background:var(--border);border:1px solid var(--border);border-radius:12px; }
.forum-stat-strip > div,.forum-stat-strip > p { margin:0;padding:18px;background:var(--bg-secondary); }
.forum-stat-strip strong { display:block;color:var(--primary);font-size:24px; }
.forum-stat-strip span { color:var(--muted);font-size:11px; }
.forum-stat-strip p { color:var(--muted);font-size:12px;line-height:1.6; }
.forum-stat-strip p strong { display:inline;color:var(--text);font-size:12px; }
.forum-filter { display:grid;grid-template-columns:minmax(220px,1.4fr) minmax(130px,.65fr) minmax(210px,1fr) minmax(180px,.9fr) minmax(125px,.55fr) auto auto;gap:9px;align-items:end;padding:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px; }
.forum-filter label { display:grid;gap:6px; }
.forum-filter label span { color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase; }
.forum-result-head { display:flex;justify-content:space-between;margin:20px 0 10px;color:var(--muted);font-size:11px; }
.question-list { display:grid;gap:10px; }
.question-card { display:grid;grid-template-columns:180px minmax(0,1fr);gap:20px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px; }
.question-card:hover { border-color:rgba(var(--secondary-rgb),.3); }
.question-card.is-solved { border-left:3px solid var(--success); }
.question-metrics { display:grid;grid-template-columns:repeat(3,1fr);gap:7px;align-self:start; }
.question-metrics div { padding:10px 5px;text-align:center;background:rgba(var(--text-rgb),.025);border:1px solid var(--border);border-radius:8px; }
.question-metrics strong,.question-metrics span { display:block; }
.question-metrics strong { font-family:"JetBrains Mono",monospace;font-size:16px; }
.question-metrics span { margin-top:3px;color:var(--muted);font-size:9px;text-transform:uppercase; }
.question-metrics .has-answers { border-color:rgba(34,197,94,.35); }
.question-main h2 { margin:8px 0;font-size:19px; }
.question-main h2 a:hover { color:var(--secondary); }
.question-main > p { margin:0;color:var(--muted);font-size:12px;line-height:1.65; }
.question-badges,.question-tags { display:flex;flex-wrap:wrap;gap:6px; }
.forum-type,.editorial-badge,.solved-badge,.question-tags span { display:inline-flex;padding:5px 7px;border-radius:5px;font-size:9px;font-weight:800;letter-spacing:.4px;text-transform:uppercase; }
.forum-type { color:var(--secondary);background:rgba(var(--secondary-rgb),.08);border:1px solid rgba(var(--secondary-rgb),.16); }
.type-career { color:#c4b5fd;background:rgba(139,92,246,.1);border-color:rgba(139,92,246,.2); }
.type-licensing { color:#93c5fd;background:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2); }
.type-safety { color:#fbbf24;background:rgba(var(--primary-rgb),.1);border-color:rgba(var(--primary-rgb),.2); }
.editorial-badge { color:var(--primary);background:rgba(var(--primary-rgb),.08);border:1px solid rgba(var(--primary-rgb),.2); }
.solved-badge { color:var(--success);background:rgba(34,197,94,.08);border:1px solid rgba(34,197,94,.2); }
.question-tags { margin-top:12px; }
.question-tags span { color:var(--muted);background:rgba(var(--text-rgb),.035);border:1px solid var(--border);text-transform:none; }
.question-author { margin-top:12px;color:var(--muted);font-size:10px; }
.question-author strong { color:var(--secondary); }
.pagination { display:flex;justify-content:center;gap:20px;margin-top:25px;color:var(--muted);font-size:12px; }
.pagination a { color:var(--secondary);font-weight:700; }
.forum-guidance { display:grid;gap:12px;margin:16px 0 0;padding-left:20px;color:var(--muted);font-size:12px;line-height:1.55; }
.question-detail-section { padding-top:45px; }
.question-detail-layout { display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:25px;align-items:start; }
.question-thread { min-width:0; }
.thread-post { display:grid;grid-template-columns:55px minmax(0,1fr);gap:18px;margin-bottom:14px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px; }
.question-post h1 { margin:12px 0;font-size:clamp(28px,4vw,44px);line-height:1.08; }
.vote-column form { display:grid;justify-items:center;gap:5px; }
.vote-column strong { font-family:"JetBrains Mono",monospace; }
.vote-button { width:34px;height:30px;color:var(--muted);background:transparent;border:1px solid var(--border);border-radius:7px;cursor:pointer; }
.vote-button:hover,.vote-button.active { color:var(--primary);border-color:rgba(var(--primary-rgb),.5);background:rgba(var(--primary-rgb),.06); }
.thread-meta { color:var(--muted);font-size:11px; }
.thread-meta strong { color:var(--secondary); }
.post-body { margin-top:22px;color:#d6e2f0;font-size:14px;line-height:1.85; }
.post-actions { display:flex;gap:15px;margin-top:22px;padding-top:14px;border-top:1px solid var(--border);font-size:11px; }
.post-actions form { margin:0; }
.post-actions a,.text-action { padding:0;color:var(--muted);background:transparent;border:0;font:inherit;cursor:pointer; }
.post-actions a:hover,.text-action:hover { color:var(--secondary); }
.safety-callout { display:flex;gap:12px;margin:16px 0 28px;padding:15px 17px;color:var(--muted);background:rgba(var(--primary-rgb),.06);border-left:3px solid var(--primary);font-size:11px;line-height:1.55; }
.safety-callout strong { color:var(--primary);white-space:nowrap; }
.answers-section { margin-top:22px; }
.accepted-answer { border-color:rgba(34,197,94,.45);box-shadow:inset 3px 0 0 var(--success); }
.accepted-mark { display:grid;place-items:center;width:32px;height:32px;margin-top:10px;color:var(--success);border:1px solid rgba(34,197,94,.35);border-radius:50%; }
.answer-author { display:flex;align-items:flex-end;justify-content:flex-end;gap:10px;margin-top:24px;color:var(--muted);font-size:10px; }
.answer-author strong { color:var(--secondary);font-size:12px; }
.answer-form-panel { margin-top:25px;padding:24px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px; }
.answer-form-panel h2 { margin:0 0 16px; }
.question-sidebar { position:sticky;top:95px;display:grid;gap:15px; }
.forum-facts { margin:10px 0 0; }
.forum-facts div { display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border);font-size:11px; }
.forum-facts dt { color:var(--muted); }.forum-facts dd { margin:0;text-align:right; }
.saved-question-list { display:grid;gap:10px; }
.saved-question { display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:11px; }
.saved-question:hover { border-color:rgba(var(--secondary-rgb),.35); }
.saved-question h2 { margin:8px 0 4px;font-size:18px; }
.saved-question p { margin:0;color:var(--muted);font-size:11px; }
.saved-metrics { text-align:center; }.saved-metrics strong,.saved-metrics span { display:block; }.saved-metrics strong { color:var(--primary);font-size:22px; }.saved-metrics span { color:var(--muted);font-size:9px;text-transform:uppercase; }
.report-target { padding:14px;background:rgba(var(--text-rgb),.03);border:1px solid var(--border);border-radius:8px;color:var(--muted); }
.narrow-wide { max-width:900px; }
@media(max-width:1120px){.forum-filter{grid-template-columns:1fr 1fr 1fr}.question-detail-layout{grid-template-columns:1fr}.question-sidebar{position:static;grid-template-columns:1fr 1fr}.forum-stat-strip{grid-template-columns:repeat(3,1fr)}.forum-stat-strip p{grid-column:1/-1}}
@media(max-width:760px){.forum-hero-grid{align-items:flex-start;flex-direction:column}.forum-hero-actions,.forum-hero-actions .button{width:100%}.forum-filter{grid-template-columns:1fr}.question-card{grid-template-columns:1fr}.question-metrics{grid-template-columns:repeat(3,1fr)}.thread-post{grid-template-columns:1fr}.vote-column form{display:flex;justify-content:flex-start}.question-sidebar{grid-template-columns:1fr}.safety-callout{align-items:flex-start;flex-direction:column}.saved-question{align-items:flex-start;flex-direction:column}.saved-metrics{text-align:left}.forum-stat-strip{grid-template-columns:1fr 1fr 1fr}.answer-author{align-items:flex-start;flex-direction:column}}


/* v0.6.1 forum vote icons and threaded answer replies */
.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;
}

.vote-button {
    display: inline-grid;
    place-items: center;
}

.vote-button svg {
    width: 17px;
    height: 17px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}

.vote-button.vote-up:hover,
.vote-button.vote-up.active {
    color: var(--secondary);
    border-color: rgba(var(--secondary-rgb), .48);
    background: rgba(var(--secondary-rgb), .07);
}

.vote-button.vote-down:hover,
.vote-button.vote-down.active {
    color: #f87171;
    border-color: rgba(248, 113, 113, .48);
    background: rgba(248, 113, 113, .07);
}

.vote-button.compact {
    width: 30px;
    height: 28px;
}

.vote-button.compact svg {
    width: 15px;
    height: 15px;
}

.answers-section h2 small {
    color: var(--muted);
    font-size: .45em;
    font-weight: 600;
}

.answer-thread {
    margin-bottom: 18px;
    scroll-margin-top: 100px;
}

.answer-thread > .thread-post {
    margin-bottom: 0;
}

.answer-replies {
    position: relative;
    display: grid;
    gap: 10px;
    margin: 10px 0 0 72px;
    padding-left: 24px;
    border-left: 2px solid rgba(var(--secondary-rgb), .18);
}

.answer-replies::before {
    content: '';
    position: absolute;
    top: 0;
    left: -2px;
    width: 2px;
    height: 28px;
    background: var(--secondary);
}

.thread-reply {
    position: relative;
    display: grid;
    grid-template-columns: 44px minmax(0, 1fr);
    gap: 15px;
    padding: 18px;
    background: rgba(15, 28, 46, .78);
    border: 1px solid var(--border);
    border-radius: 10px;
    scroll-margin-top: 100px;
}

.thread-reply::before {
    content: '';
    position: absolute;
    top: 24px;
    left: -26px;
    width: 24px;
    height: 1px;
    background: rgba(var(--secondary-rgb), .32);
}

.reply-vote-column form {
    display: grid;
    justify-items: center;
    gap: 4px;
}

.reply-vote-column strong {
    font-family: "JetBrains Mono", monospace;
    font-size: 11px;
}

.reply-context {
    margin-bottom: 8px;
    color: var(--muted);
    font-size: 10px;
}

.reply-context strong {
    color: var(--secondary);
}

.thread-reply .post-body {
    margin-top: 0;
    font-size: 13px;
    line-height: 1.75;
}

.thread-reply .answer-author {
    margin-top: 16px;
}

.thread-reply .post-actions {
    margin-top: 12px;
    padding-top: 10px;
}

.inline-reply-form {
    padding: 18px;
    background: rgba(23, 38, 58, .72);
    border: 1px solid rgba(var(--secondary-rgb), .24);
    border-radius: 10px;
}

.inline-reply-form[hidden] {
    display: none;
}

.reply-form-heading {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 15px;
    margin-bottom: 14px;
}

.reply-form-heading strong {
    color: var(--secondary);
}

.reply-cancel {
    padding: 0;
    color: var(--muted);
    background: transparent;
    border: 0;
    cursor: pointer;
}

.reply-cancel:hover {
    color: var(--text);
}

.compact-form textarea {
    min-height: 125px;
}

.form-helper {
    margin: -7px 0 17px;
    color: var(--muted);
    font-size: 11px;
    line-height: 1.6;
}

.question-metrics small {
    display: block;
    margin-top: 4px;
    color: var(--secondary);
    font-size: 8px;
    text-transform: uppercase;
}

@media (max-width: 760px) {
    .answer-replies {
        margin-left: 10px;
        padding-left: 15px;
    }

    .thread-reply {
        grid-template-columns: 1fr;
    }

    .thread-reply::before {
        left: -17px;
        width: 15px;
    }

    .reply-vote-column form {
        display: flex;
        justify-content: flex-start;
        align-items: center;
    }
}

/* v0.7 inclusive member profiles and verification */
.member-inline-link { color: var(--secondary); font-weight: 750; }
.member-inline-link:hover { color: var(--text); }
.verification-badge {
    display: inline-grid;
    place-items: center;
    min-width: 20px;
    min-height: 20px;
    padding: 2px 6px;
    margin-left: 4px;
    border: 1px solid rgba(var(--secondary-rgb), .35);
    border-radius: 999px;
    background: rgba(var(--secondary-rgb), .09);
    color: var(--secondary);
    font-size: 9px;
    font-weight: 800;
    vertical-align: middle;
}
.verification-badge.badge-professional,
.verification-badge.badge-license,
.verification-badge.badge-experience { border-color: rgba(34, 197, 94, .36); background: rgba(34, 197, 94, .09); color: var(--success); }
.verification-badge.badge-role { border-color: rgba(var(--primary-rgb), .4); background: rgba(var(--primary-rgb), .1); color: var(--primary); }
.member-title-line { display: flex; align-items: center; flex-wrap: wrap; gap: 5px; }
.profile-headline, .member-headline { color: var(--muted); }
.profile-facts dd small { display: block; margin-top: 3px; color: var(--muted); font-size: 10px; }
.verified-text { color: var(--success) !important; }
.button-block { width: 100%; margin-top: 18px; }
.settings-layout, .verification-layout, .profile-builder-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 28px; align-items: start; }
.sticky-panel { position: sticky; top: 96px; }
.aligned-check { align-self: end; min-height: 48px; }
.plain-list { margin: 20px 0 0; padding-left: 18px; color: var(--muted); }
.plain-list li + li { margin-top: 8px; }

.account-action-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.account-action-grid a { padding: 18px; border: 1px solid var(--border); border-radius: 11px; background: rgba(var(--text-rgb),.018); transition: .2s ease; }
.account-action-grid a:hover { transform: translateY(-2px); border-color: rgba(var(--secondary-rgb),.55); background: rgba(var(--secondary-rgb),.04); }
.account-action-grid strong, .account-action-grid span { display: block; }
.account-action-grid span { margin-top: 5px; color: var(--muted); font-size: 12px; }
.verification-badge-list { display: grid; gap: 10px; }
.verification-badge-list > div { display: flex; align-items: center; gap: 8px; padding: 12px; border: 1px solid var(--border); border-radius: 10px; background: rgba(var(--text-rgb),.02); }
.verification-badge-list > div strong, .verification-badge-list > div small { display: block; }
.verification-badge-list > div small { margin-left: auto; color: var(--muted); }
.verification-badge-list.compact { margin: 18px 0; }
.verification-badge-list.compact > div { padding: 9px; }

.expertise-list { display: grid; gap: 12px; margin-top: 24px; }
.expertise-card { display: flex; justify-content: space-between; gap: 20px; padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: rgba(var(--text-rgb),.018); }
.expertise-card h3 { margin: 9px 0 3px; }
.expertise-card p, .expertise-card small { color: var(--muted); }
.expertise-card small { display: block; margin-top: 8px; }
.expertise-meta { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 10px; }
.expertise-meta span, .current-pill { padding: 4px 8px; border-radius: 999px; background: rgba(var(--secondary-rgb),.08); color: var(--secondary); font-size: 10px; }
.text-danger { color: var(--danger); background: none; border: 0; cursor: pointer; font-weight: 700; }
.ata-expertise-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 24px; }
.ata-expertise-grid article { padding: 17px; border: 1px solid var(--border); border-radius: 11px; background: rgba(var(--text-rgb),.018); }
.ata-expertise-grid article > span { color: var(--primary); font-family: "JetBrains Mono", monospace; font-size: 10px; }
.ata-expertise-grid h3 { margin: 10px 0 4px; font-size: 15px; }
.ata-expertise-grid p, .ata-expertise-grid small { margin: 0; color: var(--muted); font-size: 11px; }
.ata-expertise-grid form { margin-top: 10px; }

.split-hero { display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.member-filter { grid-template-columns: 1.5fr 1fr auto auto auto; }
.directory-check { min-height: 48px; align-self: end; }
.member-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 15px; }
.member-card { min-height: 330px; display: flex; flex-direction: column; padding: 20px; border: 1px solid var(--border); border-radius: 14px; background: linear-gradient(180deg, var(--bg-card), var(--bg-secondary)); }
.member-card-top { display: flex; justify-content: space-between; align-items: start; margin-bottom: 18px; }
.member-avatar-placeholder, .member-large-avatar { display: grid; place-items: center; border: 1px solid rgba(var(--primary-rgb),.4); background: linear-gradient(145deg, rgba(var(--primary-rgb),.18), rgba(var(--secondary-rgb),.08)); color: var(--primary); font-weight: 800; }
.member-avatar-placeholder { width: 48px; height: 48px; border-radius: 12px; }
.member-card-badges { display: flex; flex-wrap: wrap; justify-content: end; }
.member-card h2 { margin: 8px 0 2px; font-size: 21px; }
.member-card h2 a:hover { color: var(--secondary); }
.member-username { color: var(--secondary) !important; font-size: 12px !important; }
.member-card > p { color: var(--muted); font-size: 13px; }
.member-card-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; margin: auto 0 16px; padding-top: 18px; border-top: 1px solid var(--border); }
.member-card-stats span { color: var(--muted); font-size: 9px; }
.member-card-stats strong { display: block; color: var(--text); font-size: 14px; }

.member-profile-hero { padding: 62px 0 45px; border-bottom: 1px solid var(--border); background: radial-gradient(circle at 78% 20%, rgba(var(--secondary-rgb),.1), transparent 28%), var(--bg-secondary); }
.member-profile-hero-grid { display: flex; justify-content: space-between; align-items: center; gap: 30px; }
.member-profile-identity { display: flex; align-items: center; gap: 22px; }
.member-large-avatar { width: 92px; height: 92px; border-radius: 22px; font-size: 34px; }
.member-profile-identity h1 { margin: 7px 0 0; font-size: clamp(36px, 5vw, 58px); line-height: 1; letter-spacing: -2px; }
.member-handle { margin: 9px 0 0; color: var(--secondary); }
.member-headline { max-width: 700px; margin: 8px 0 0; }
.member-profile-layout { display: grid; grid-template-columns: 310px minmax(0, 1fr); gap: 28px; align-items: start; }
.member-profile-sidebar { display: grid; gap: 16px; position: sticky; top: 94px; }
.profile-bio { color: var(--muted); }
.verification-detail-list { display: grid; gap: 12px; }
.verification-detail-list > div { display: flex; align-items: start; gap: 8px; }
.verification-detail-list p, .verification-detail-list small { display: block; margin: 0; }
.verification-detail-list small { margin-top: 3px; color: var(--muted); }
.trust-disclaimer { margin-top: 18px; padding-top: 16px; border-top: 1px solid var(--border); color: var(--muted); font-size: 11px; }
.member-stat-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 12px; margin-bottom: 18px; }
.member-stat-grid div { padding: 19px; border: 1px solid var(--border); background: var(--bg-card); border-radius: 12px; }
.member-stat-grid strong, .member-stat-grid span { display: block; }
.member-stat-grid strong { color: var(--primary); font-size: 26px; }
.member-stat-grid span { color: var(--muted); font-size: 11px; }
.public-expertise-grid, .compact-resource-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.public-expertise-grid article, .compact-resource-grid article { padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: rgba(var(--text-rgb),.018); }
.public-expertise-grid h3, .compact-resource-grid h3 { margin: 12px 0 4px; }
.public-expertise-grid p, .public-expertise-grid small, .compact-resource-grid p, .compact-resource-grid small { display: block; color: var(--muted); }
.expertise-title-row { display: flex; justify-content: space-between; gap: 10px; }
.compact-discussion-list, .compact-answer-list { display: grid; gap: 10px; }
.compact-discussion-list article, .compact-answer-list article { padding: 17px; border: 1px solid var(--border); border-radius: 11px; background: rgba(var(--text-rgb),.018); }
.compact-discussion-list h3, .compact-answer-list h3 { margin: 10px 0 5px; font-size: 16px; }
.compact-discussion-list p, .compact-answer-list p, .compact-answer-list small { margin: 0; color: var(--muted); font-size: 12px; }
.compact-answer-list article.accepted { border-color: rgba(34,197,94,.4); }
.compact-resource-grid .text-link { display: inline-block; margin-top: 13px; }

.verification-application-list { display: grid; gap: 12px; }
.verification-application-list article { padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: rgba(var(--text-rgb),.018); }
.verification-application-list h3 { margin: 10px 0 2px; }
.verification-application-list p { margin: 0; color: var(--muted); }
.moderator-note { margin-top: 14px; padding: 13px; border-left: 3px solid var(--secondary); background: rgba(var(--secondary-rgb),.06); }
.moderator-note p { margin: 5px 0 0; }
.status-needs_more_information { color: var(--primary); border-color: rgba(var(--primary-rgb),.35); }
.status-rejected, .status-revoked { color: var(--danger); border-color: rgba(239,68,68,.35); }
.status-approved { color: var(--success); border-color: rgba(34,197,94,.35); }

.verification-admin-stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 16px; }
.verification-admin-stats a { padding: 15px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-secondary); }
.verification-admin-stats a.active { border-color: var(--primary); background: rgba(var(--primary-rgb),.07); }
.verification-admin-stats strong, .verification-admin-stats span { display: block; }
.verification-admin-stats strong { color: var(--primary); font-size: 24px; }
.verification-admin-stats span { color: var(--muted); font-size: 10px; }
.compact-admin-filter { grid-template-columns: 320px auto; justify-content: start; margin-bottom: 18px; }
.verification-admin-layout { display: grid; grid-template-columns: 380px minmax(0, 1fr); gap: 16px; align-items: start; }
.verification-queue { display: grid; gap: 8px; max-height: 880px; overflow: auto; }
.verification-queue-item { display: flex; justify-content: space-between; gap: 12px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: var(--bg-secondary); }
.verification-queue-item.active, .verification-queue-item:hover { border-color: var(--secondary); }
.verification-queue-item h3 { margin: 8px 0 0; font-size: 15px; }
.verification-queue-item p, .verification-queue-item small { margin: 2px 0 0; color: var(--muted); font-size: 10px; }
.verification-review-panel { margin: 0; }
.verification-review-facts { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 8px; }
.verification-review-facts div { padding: 12px; border: 1px solid var(--border); border-radius: 9px; }
.verification-review-facts dt { color: var(--muted); font-size: 9px; text-transform: uppercase; }
.verification-review-facts dd { margin: 5px 0 0; }
.private-document-list { margin: 18px 0; }
.private-document-list a { display: flex; justify-content: space-between; gap: 20px; padding: 12px; border: 1px solid var(--border); border-radius: 9px; }
.private-document-list a + a { margin-top: 7px; }
.private-document-list span { color: var(--muted); font-size: 10px; }
.danger-notice { border-left-color: var(--danger); }
.moderation-actions { display: flex; flex-wrap: wrap; gap: 9px; }
.button-danger { background: rgba(239,68,68,.1); color: #fca5a5; border-color: rgba(239,68,68,.45); }
.active-badge-admin { margin-top: 22px; }
.active-badge-admin article { padding: 13px; border: 1px solid var(--border); border-radius: 9px; }
.active-badge-admin article + article { margin-top: 8px; }
.active-badge-admin article > div { display: flex; justify-content: space-between; gap: 10px; }
.active-badge-admin form { display: flex; gap: 8px; margin-top: 10px; }
.active-badge-admin input { flex: 1; }

.answer-context-label { display: inline-flex; margin: 0 0 12px; padding: 4px 8px; border: 1px solid rgba(var(--secondary-rgb),.22); border-radius: 999px; background: rgba(var(--secondary-rgb),.06); color: var(--secondary); font-size: 9px; font-weight: 800; text-transform: uppercase; letter-spacing: .6px; }
.answer-author > div { display: flex; align-items: center; flex-wrap: wrap; }
.question-author .verification-badge { transform: translateY(-1px); }

@media (max-width: 1120px) {
    .main-nav { gap: 2px; }
    .main-nav a { padding-inline: 8px; font-size: 12px; }
    .member-card-grid { grid-template-columns: repeat(2, minmax(0,1fr)); }
    .verification-admin-layout { grid-template-columns: 320px minmax(0,1fr); }
}

@media (max-width: 900px) {
    .settings-layout, .verification-layout, .profile-builder-grid, .member-profile-layout { grid-template-columns: 1fr; }
    .sticky-panel, .member-profile-sidebar { position: static; }
    .member-profile-hero-grid, .split-hero { align-items: flex-start; flex-direction: column; }
    .member-filter { grid-template-columns: 1fr 1fr; }
    .member-stat-grid { grid-template-columns: repeat(2, 1fr); }
    .verification-admin-layout { grid-template-columns: 1fr; }
    .verification-queue { max-height: none; }
}

@media (max-width: 680px) {
    .account-action-grid, .public-expertise-grid, .compact-resource-grid, .member-card-grid, .ata-expertise-grid { grid-template-columns: 1fr; }
    .member-profile-identity { align-items: flex-start; }
    .member-large-avatar { width: 68px; height: 68px; border-radius: 16px; font-size: 25px; }
    .member-profile-identity h1 { font-size: 34px; }
    .member-filter, .verification-review-facts, .verification-admin-stats { grid-template-columns: 1fr; }
    .expertise-card, .verification-queue-item, .private-document-list a { flex-direction: column; }
    .active-badge-admin form { flex-direction: column; }
}

/* TechOpsBase v0.8 — Creator Discovery Hub */
.creator-hero {
    position: relative;
    overflow: hidden;
    padding: 86px 0 76px;
    background:
        radial-gradient(circle at 78% 23%, rgba(var(--secondary-rgb),.15), transparent 27%),
        radial-gradient(circle at 18% 30%, rgba(var(--primary-rgb),.12), transparent 24%),
        linear-gradient(145deg, var(--bg-main) 0%, #0c1c30 58%, var(--bg-main) 100%);
    border-bottom: 1px solid var(--border);
}
.creator-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .09;
    background-image: linear-gradient(rgba(var(--text-rgb),.16) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--text-rgb),.16) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(90deg, transparent, black 45%, black 100%);
}
.creator-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: 1fr .92fr; gap: 68px; align-items: center; }
.creator-hero-copy h1 { max-width: 760px; margin: 14px 0 20px; font-size: clamp(44px, 5.4vw, 72px); line-height: 1.02; letter-spacing: -3px; }
.creator-hero-copy > p { max-width: 700px; color: var(--muted); font-size: 17px; }
.creator-hero-stats { display: grid; grid-template-columns: repeat(4,1fr); gap: 10px; margin-top: 30px; }
.creator-hero-stats div { padding: 14px; border: 1px solid rgba(var(--border-rgb),.9); background: rgba(var(--bg-main-rgb),.58); border-radius: 10px; }
.creator-hero-stats strong, .creator-hero-stats span { display: block; }
.creator-hero-stats strong { color: var(--primary); font-size: 23px; }
.creator-hero-stats span { color: var(--muted); font-size: 10px; text-transform: uppercase; letter-spacing: .8px; }
.creator-visual-stack { position: relative; min-height: 465px; }
.creator-visual-card { position: absolute; display: block; width: 76%; aspect-ratio: 16/9; overflow: hidden; border: 1px solid rgba(var(--border-rgb),.9); border-radius: 16px; background: var(--bg-card); box-shadow: 0 25px 60px rgba(var(--shadow-rgb),.38); transition: transform .25s ease, border-color .25s ease; }
.creator-visual-card:hover { border-color: var(--secondary); transform: translateY(-6px) rotate(0deg); z-index: 5; }
.creator-visual-card img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.82) contrast(1.05); }
.creator-visual-card::after { content:""; position:absolute; inset:0; background: linear-gradient(180deg, transparent 45%, rgba(4,10,18,.92)); }
.creator-visual-card > div { position: absolute; z-index: 2; left: 17px; right: 17px; bottom: 14px; }
.creator-visual-card strong, .creator-visual-card small { display:block; }
.creator-visual-card strong { font-size: 15px; }
.creator-visual-card small { color: var(--text-soft); font-size: 11px; }
.creator-visual-card.visual-1 { top: 0; left: 4%; transform: rotate(-3deg); }
.creator-visual-card.visual-2 { top: 112px; right: 0; transform: rotate(3deg); }
.creator-visual-card.visual-3 { top: 236px; left: 10%; transform: rotate(-1deg); }
.creator-radar { position: absolute; z-index: 6; right: 15px; bottom: 0; width: 126px; height: 126px; display: grid; place-content: center; text-align: center; border: 1px solid rgba(var(--secondary-rgb),.5); border-radius: 50%; background: rgba(var(--bg-main-rgb),.92); box-shadow: 0 0 45px rgba(var(--secondary-rgb),.12); }
.creator-radar::before, .creator-radar::after { content:""; position:absolute; border:1px solid rgba(var(--secondary-rgb),.22); border-radius:50%; inset:16px; }
.creator-radar::after { inset:34px; }
.creator-radar span { position:absolute; left:50%; top:50%; width:48%; height:1px; background:linear-gradient(90deg,var(--secondary),transparent); transform-origin:left center; animation:creatorRadar 5s linear infinite; }
.creator-radar strong { color: var(--secondary); font-family:"JetBrains Mono", monospace; font-size: 11px; letter-spacing: 1px; }
.creator-radar small { color:var(--muted); font-size:9px; }
@keyframes creatorRadar { to { transform: rotate(360deg); } }

.creator-platform-badge { position: absolute; z-index: 3; top: 12px; left: 12px; display:inline-flex; align-items:center; gap:6px; padding:5px 8px; border-radius:7px; background:rgba(5,12,22,.86); color:#fff; font-size:9px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; backdrop-filter:blur(8px); }
.creator-platform-badge.platform-youtube { box-shadow: inset 3px 0 #ff0033; }
.creator-platform-badge.platform-tiktok { box-shadow: inset 3px 0 var(--secondary); }
.creator-platform-badge.platform-instagram { box-shadow: inset 3px 0 #f472b6; }
.creator-platform-badge.platform-website { box-shadow: inset 3px 0 var(--primary); }

.creator-video-showcase { padding-top: 66px; }
.creator-video-rail { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.video-discovery-card { overflow:hidden; border:1px solid var(--border); border-radius:14px; background:linear-gradient(180deg,var(--bg-card),var(--bg-secondary)); min-width:0; }
.video-poster { position:relative; display:block; width:100%; aspect-ratio:16/9; padding:0; overflow:hidden; border:0; background:#020617; cursor:pointer; }
.video-poster img { width:100%; height:100%; object-fit:cover; transition:transform .28s ease, filter .28s ease; }
.video-poster:hover img { transform:scale(1.035); filter:brightness(.75); }
.video-poster iframe { display:block; width:100%; height:100%; border:0; }
.video-play-icon { position:absolute; z-index:3; inset:50% auto auto 50%; transform:translate(-50%,-50%); width:54px; height:54px; display:grid; place-items:center; padding-left:3px; color:var(--bg-main); background:var(--primary); border-radius:50%; box-shadow:0 12px 35px rgba(var(--shadow-rgb),.45); }
.video-discovery-body { padding:18px; }
.video-discovery-body h3 { margin:8px 0 10px; font-size:16px; line-height:1.35; }
.video-discovery-body p { color:var(--muted); font-size:12px; }
.video-creator-name { color:var(--secondary); font-size:11px; font-weight:800; }

.creator-filter-panel { display:grid; grid-template-columns:1.4fr repeat(3,1fr); gap:12px; padding:18px; margin-bottom:20px; border:1px solid var(--border); border-radius:14px; background:rgba(23,38,58,.72); }
.creator-filter-panel label { display:grid; gap:6px; }
.creator-filter-panel label > span { color:#91b4d9; font-size:9px; font-weight:800; letter-spacing:.8px; text-transform:uppercase; }
.creator-filter-panel input, .creator-filter-panel select { width:100%; min-height:44px; padding:0 12px; color:var(--text); border:1px solid var(--border); background:var(--bg-input); border-radius:8px; }
.creator-filter-panel .filter-search-wide { grid-column:span 2; }
.filter-buttons { display:flex; align-items:end; gap:8px; }
.directory-result-bar { display:flex; align-items:center; gap:5px; margin:18px 2px; color:var(--muted); font-size:12px; }
.directory-result-bar strong { color:var(--primary); font-size:18px; }
.directory-result-bar span { margin-left:auto; }
.creator-discovery-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.creator-discovery-card { position:relative; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:linear-gradient(180deg,var(--bg-elevated),var(--bg-card)); transition:.22s ease; }
.creator-discovery-card:hover { transform:translateY(-4px); border-color:rgba(var(--secondary-rgb),.55); box-shadow:0 22px 55px rgba(var(--shadow-rgb),.22); }
.creator-discovery-card.is-featured { border-color:rgba(var(--primary-rgb),.42); }
.creator-card-banner { position:relative; display:block; height:168px; overflow:hidden; background:radial-gradient(circle at 75% 15%,rgba(var(--secondary-rgb),.22),transparent 34%),linear-gradient(135deg,#102238,var(--bg-main)); }
.creator-card-banner img { width:100%; height:100%; object-fit:cover; filter:brightness(.67) saturate(.82); transition:transform .3s ease; }
.creator-discovery-card:hover .creator-card-banner img { transform:scale(1.04); }
.creator-card-banner::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent 38%,var(--bg-elevated) 100%); }
.creator-banner-pattern { display:block; position:absolute; inset:0; opacity:.18; background-image:linear-gradient(rgba(var(--text-rgb),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--text-rgb),.16) 1px,transparent 1px); background-size:28px 28px; }
.featured-ribbon { position:absolute; z-index:3; top:12px; right:12px; color:var(--primary); font:700 9px "JetBrains Mono",monospace; letter-spacing:1px; }
.creator-card-content { position:relative; padding:0 20px 20px; }
.creator-card-identity { display:flex; align-items:end; gap:14px; margin-top:-34px; position:relative; z-index:4; }
.creator-large-avatar { flex:0 0 70px; width:70px; height:70px; display:grid; place-items:center; overflow:hidden; color:var(--primary); background:var(--bg-card); border:4px solid var(--bg-elevated); border-radius:17px; font-size:20px; font-weight:800; box-shadow:0 10px 25px rgba(var(--shadow-rgb),.25); }
.creator-large-avatar img { width:100%; height:100%; object-fit:cover; }
.creator-card-identity h3 { margin:3px 0 2px; font-size:19px; line-height:1.15; }
.creator-type-label { color:var(--secondary); font-size:9px; font-weight:800; letter-spacing:.9px; text-transform:uppercase; }
.creator-tagline { min-height:48px; color:var(--muted); font-size:12px; }
.creator-status-row { display:flex; flex-wrap:wrap; gap:7px; margin:12px 0; }
.creator-status-row span { padding:4px 7px; color:#b8cadf; background:rgba(var(--text-rgb),.04); border:1px solid var(--border); border-radius:6px; font-size:9px; }
.tag-row { display:flex; flex-wrap:wrap; gap:6px; margin-top:9px; }
.tag-row span { padding:4px 7px; color:var(--text-soft); background:rgba(var(--text-rgb),.04); border:1px solid rgba(var(--border-rgb),.8); border-radius:6px; font-size:9px; }
.tag-row.ata-tags span { color:var(--secondary); background:rgba(var(--secondary-rgb),.055); }
.compact-tags { margin-top:0; }
.creator-card-metrics { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:17px; padding-top:14px; border-top:1px solid var(--border); }
.creator-card-metrics span { color:var(--muted); font-size:9px; }
.creator-card-metrics strong { display:block; color:var(--text); font-size:13px; }
.creator-open-link { display:flex; justify-content:space-between; align-items:center; margin-top:17px; color:var(--secondary); font-size:11px; font-weight:800; }
.creator-empty-state { display:grid; gap:10px; justify-items:start; }
.creator-empty-state strong { color:var(--text); }
.creator-community-cta { background:linear-gradient(110deg,rgba(var(--primary-rgb),.10),transparent 45%),var(--bg-secondary); border-top:1px solid var(--border); }
.creator-community-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:70px; align-items:center; }
.creator-community-grid h2 { margin:8px 0; font-size:clamp(30px,4vw,48px); line-height:1.08; }
.creator-community-grid p { color:var(--muted); }
.creator-cta-actions { display:flex; justify-content:flex-end; gap:10px; flex-wrap:wrap; }

.creator-profile-hero { position:relative; min-height:430px; display:flex; align-items:end; overflow:hidden; background:var(--bg-main); border-bottom:1px solid var(--border); }
.creator-profile-banner { position:absolute; inset:0; }
.creator-profile-banner img { width:100%; height:100%; object-fit:cover; filter:brightness(.5) saturate(.7); }
.creator-banner-overlay { position:absolute; inset:0; background:linear-gradient(90deg,rgba(var(--bg-main-rgb),.98) 8%,rgba(var(--bg-main-rgb),.68) 54%,rgba(var(--bg-main-rgb),.85)),linear-gradient(180deg,transparent 28%,var(--bg-main) 100%); }
.creator-profile-hero-inner { position:relative; z-index:2; display:grid; grid-template-columns:auto 1fr auto; gap:24px; align-items:end; padding-bottom:46px; }
.creator-profile-avatar { width:118px; height:118px; display:grid; place-items:center; overflow:hidden; color:var(--primary); background:linear-gradient(145deg,#182b43,var(--bg-input)); border:1px solid rgba(var(--primary-rgb),.48); border-radius:25px; font-size:34px; font-weight:800; box-shadow:0 25px 60px rgba(var(--shadow-rgb),.38); }
.creator-profile-avatar img { width:100%; height:100%; object-fit:cover; }
.creator-profile-heading h1 { margin:8px 0; font-size:clamp(38px,5vw,65px); line-height:1; letter-spacing:-2.5px; }
.creator-profile-heading > p { max-width:720px; margin:0; color:#c2d1e3; }
.creator-profile-labels, .creator-profile-meta { display:flex; flex-wrap:wrap; gap:8px; align-items:center; }
.creator-profile-labels > span:not(.creator-platform-badge), .creator-profile-meta span { padding:5px 8px; border:1px solid rgba(var(--text-rgb),.12); background:rgba(var(--bg-main-rgb),.52); color:var(--text-soft); border-radius:7px; font-size:10px; }
.creator-profile-labels .creator-platform-badge { position:static; }
.creator-profile-meta { margin-top:14px; }
.creator-profile-actions { display:flex; gap:8px; }
.creator-profile-layout { display:grid; grid-template-columns:310px 1fr; gap:28px; align-items:start; }
.creator-profile-sidebar { display:grid; gap:15px; position:sticky; top:92px; }
.creator-about-panel > p { color:var(--muted); font-size:13px; }
.creator-social-links { display:grid; gap:8px; margin-top:20px; }
.social-link { display:flex; align-items:center; gap:11px; padding:11px; border:1px solid var(--border); background:rgba(var(--text-rgb),.025); border-radius:9px; }
.social-link > span { flex:0 0 34px; width:34px; height:34px; display:grid; place-items:center; color:var(--text); background:var(--bg-input); border-radius:8px; }
.social-link strong, .social-link small { display:block; }
.social-link small { color:var(--muted); font-size:9px; }
.social-link.youtube > span { color:#ff4265; }
.social-link.tiktok > span { color:var(--secondary); }
.social-link.instagram > span { color:#f472b6; }
.social-link.website > span { color:var(--primary); }
.creator-metrics-panel { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; padding:0; overflow:hidden; background:var(--border); }
.creator-metrics-panel div { padding:16px 8px; text-align:center; background:var(--bg-card); }
.creator-metrics-panel strong, .creator-metrics-panel span { display:block; }
.creator-metrics-panel strong { color:var(--primary); font-size:21px; }
.creator-metrics-panel span { color:var(--muted); font-size:8px; text-transform:uppercase; }
.coverage-list { display:grid; margin-top:13px; }
.coverage-list a { display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid var(--border); }
.coverage-list a:last-child { border-bottom:0; }
.coverage-list strong { font-size:11px; }
.coverage-list span { color:var(--muted); font-size:9px; }
.ata-coverage-list a strong { color:var(--primary); }
.claim-panel p { color:var(--muted); font-size:12px; }
.creator-profile-content { min-width:0; }
.editorial-recommendation { display:grid; grid-template-columns:auto 1fr; gap:18px; padding:22px; margin-bottom:45px; border:1px solid rgba(var(--primary-rgb),.3); background:linear-gradient(110deg,rgba(var(--primary-rgb),.10),rgba(23,38,58,.5)); border-radius:14px; }
.recommendation-mark { width:54px; height:54px; display:grid; place-items:center; color:var(--primary); border:1px solid rgba(var(--primary-rgb),.4); border-radius:12px; font:700 13px "JetBrains Mono",monospace; }
.editorial-recommendation p { margin:8px 0 0; color:#c7d3e1; }
.featured-video-player { display:grid; grid-template-columns:1.12fr .88fr; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:var(--bg-card); }
.large-poster { aspect-ratio:16/9; min-height:360px; }
.featured-video-copy { display:flex; flex-direction:column; justify-content:center; padding:28px; }
.featured-video-copy h3 { margin:15px 0 9px; font-size:25px; line-height:1.18; }
.featured-video-copy p { color:var(--muted); }
.creator-video-library { margin-top:65px; }
.creator-video-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:17px; }
.similar-creators { margin-top:65px; }
.similar-creator-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.similar-creator-card { position:relative; min-height:170px; display:flex; align-items:end; overflow:hidden; padding:18px; border:1px solid var(--border); border-radius:13px; background:linear-gradient(135deg,#15273d,var(--bg-input)); }
.similar-creator-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.37) saturate(.75); }
.similar-creator-card::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent,var(--bg-main)); }
.similar-creator-card div { position:relative; z-index:2; }
.similar-creator-card span, .similar-creator-card strong, .similar-creator-card small { display:block; }
.similar-creator-card span { color:var(--secondary); font-size:9px; text-transform:uppercase; }
.similar-creator-card strong { margin:4px 0; font-size:17px; }
.similar-creator-card small { color:var(--muted); }

.creator-form-hero { background:radial-gradient(circle at 82% 25%,rgba(var(--primary-rgb),.12),transparent 25%),radial-gradient(circle at 20% 20%,rgba(var(--secondary-rgb),.08),transparent 28%),var(--bg-secondary); }
.header-action-group { display:flex; gap:8px; }
.admin-split-layout { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr); gap:18px; align-items:start; }
.admin-editor-card, .admin-list-card { border:1px solid var(--border); background:var(--bg-secondary); border-radius:14px; padding:20px; }
.admin-editor-card h2, .admin-list-card h2 { margin-top:0; }
.admin-form { display:grid; gap:14px; }
.admin-form label { display:grid; gap:6px; }
.admin-form label > span { color:#8eb0d4; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.7px; }
.admin-form input, .admin-form select, .admin-form textarea, .admin-list-heading input, .admin-list-heading select { width:100%; padding:11px 12px; color:var(--text); border:1px solid var(--border); background:var(--bg-input); border-radius:8px; }
.admin-form select[multiple] { min-height:190px; }
.form-grid.three-columns { grid-template-columns:repeat(3,1fr); }
.admin-check-stack { display:grid; align-content:end; gap:10px; }
.admin-inline-check { align-self:end; min-height:44px; }
.admin-form-actions { display:flex; gap:8px; flex-wrap:wrap; padding-top:8px; }
.admin-list-heading { display:flex; justify-content:space-between; gap:10px; align-items:center; margin-bottom:14px; }
.admin-list-heading form { display:flex; gap:7px; }
.admin-record-list, .admin-video-list { display:grid; gap:7px; max-height:1100px; overflow:auto; }
.admin-record-row { display:flex; justify-content:space-between; gap:10px; padding:12px; border:1px solid var(--border); border-radius:9px; background:rgba(var(--text-rgb),.02); }
.admin-record-row.active, .admin-record-row:hover { border-color:var(--secondary); }
.admin-record-row strong, .admin-record-row span, .admin-record-row small { display:block; }
.admin-record-row span, .admin-record-row small { color:var(--muted); font-size:9px; }
.admin-record-row > div:last-child { text-align:right; }
.admin-video-row { display:grid; grid-template-columns:92px 1fr auto; gap:11px; align-items:center; padding:9px; border:1px solid var(--border); border-radius:9px; }
.admin-video-row.active, .admin-video-row:hover { border-color:var(--secondary); }
.admin-video-row img, .admin-video-placeholder { width:92px; height:54px; object-fit:cover; border-radius:6px; background:#07101c; }
.admin-video-placeholder { display:grid; place-items:center; color:var(--primary); }
.admin-video-row strong, .admin-video-row span { display:block; }
.admin-video-row strong { font-size:11px; }
.admin-video-row div span { color:var(--muted); font-size:9px; }

@media (max-width: 1080px) {
    .creator-hero-grid { grid-template-columns:1fr; }
    .creator-visual-stack { max-width:720px; width:100%; margin-inline:auto; }
    .creator-filter-panel { grid-template-columns:repeat(3,1fr); }
    .creator-filter-panel .filter-search-wide { grid-column:span 2; }
    .creator-discovery-grid { grid-template-columns:repeat(2,1fr); }
    .creator-profile-layout { grid-template-columns:260px 1fr; }
    .featured-video-player { grid-template-columns:1fr; }
    .large-poster { min-height:0; }
    .admin-split-layout { grid-template-columns:1fr; }
}
@media (max-width: 760px) {
    .creator-hero { padding-top:60px; }
    .creator-hero-copy h1 { letter-spacing:-2px; }
    .creator-hero-stats { grid-template-columns:repeat(2,1fr); }
    .creator-visual-stack { min-height:360px; }
    .creator-visual-card { width:82%; }
    .creator-visual-card.visual-2 { top:85px; }
    .creator-visual-card.visual-3 { top:175px; }
    .creator-radar { width:95px; height:95px; }
    .creator-video-rail, .creator-discovery-grid, .creator-video-grid, .similar-creator-grid { grid-template-columns:1fr; }
    .creator-filter-panel { grid-template-columns:1fr; }
    .creator-filter-panel .filter-search-wide { grid-column:auto; }
    .filter-buttons { align-items:stretch; }
    .creator-community-grid { grid-template-columns:1fr; gap:25px; }
    .creator-cta-actions { justify-content:flex-start; }
    .creator-profile-hero { min-height:520px; }
    .creator-profile-hero-inner { grid-template-columns:1fr; align-items:start; padding-top:190px; }
    .creator-profile-avatar { width:90px; height:90px; }
    .creator-profile-actions { flex-wrap:wrap; }
    .creator-profile-layout { grid-template-columns:1fr; }
    .creator-profile-sidebar { position:static; }
    .featured-video-copy { padding:20px; }
    .editorial-recommendation { grid-template-columns:1fr; }
    .form-grid.three-columns { grid-template-columns:1fr; }
    .header-action-group { flex-direction:column; }
}

/* v0.8 homepage creator preview */
.creator-home-section { background:radial-gradient(circle at 12% 18%,rgba(var(--secondary-rgb),.08),transparent 24%),var(--bg-main); }
.home-creator-layout { display:grid; grid-template-columns:1.25fr .75fr; gap:20px; }
.home-creator-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.home-creator-card { overflow:hidden; border:1px solid var(--border); border-radius:14px; background:var(--bg-card); transition:.2s ease; }
.home-creator-card:hover { transform:translateY(-4px); border-color:var(--secondary); }
.home-creator-image { position:relative; height:138px; overflow:hidden; background:var(--bg-input); }
.home-creator-image img { width:100%; height:100%; object-fit:cover; filter:brightness(.66) saturate(.8); }
.home-creator-copy { padding:17px; }
.home-creator-copy > span { color:var(--secondary); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.8px; }
.home-creator-copy h3 { margin:5px 0; font-size:18px; }
.home-creator-copy p { min-height:55px; color:var(--muted); font-size:11px; }
.home-creator-copy small { display:block; margin-top:13px; color:var(--muted); font-size:9px; }
.home-video-stack { display:grid; align-content:start; gap:9px; padding:17px; border:1px solid var(--border); border-radius:14px; background:var(--bg-secondary); }
.home-video-row { display:grid; grid-template-columns:95px 1fr auto; gap:10px; align-items:center; padding:8px; border:1px solid transparent; border-radius:9px; }
.home-video-row:hover { border-color:var(--border); background:rgba(var(--text-rgb),.025); }
.home-video-row img { width:95px; height:58px; object-fit:cover; border-radius:7px; }
.home-video-row strong, .home-video-row span { display:block; }
.home-video-row strong { font-size:11px; line-height:1.25; }
.home-video-row span { color:var(--muted); font-size:9px; }
.home-video-row b { color:var(--primary); }
@media(max-width:1080px){.home-creator-layout{grid-template-columns:1fr}.home-creator-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:760px){.home-creator-grid{grid-template-columns:1fr}.home-video-row{grid-template-columns:82px 1fr auto}.home-video-row img{width:82px}}

/* v0.8.1 creator identity images and YouTube profile importer */
.creator-large-avatar,
.creator-profile-avatar { border-radius:50%; }
.creator-large-avatar { border-color:#203753; }
.creator-profile-avatar { border:3px solid rgba(248,250,252,.88); box-shadow:0 0 0 5px rgba(var(--primary-rgb),.18),0 25px 60px rgba(var(--shadow-rgb),.38); }
.creator-card-banner img.profile-derived-banner { filter:blur(16px) brightness(.48) saturate(.9); transform:scale(1.22); }
.creator-discovery-card:hover .creator-card-banner img.profile-derived-banner { transform:scale(1.27); }
.creator-profile-banner img.profile-derived-banner { filter:blur(24px) brightness(.42) saturate(.9); transform:scale(1.18); }
.home-creator-image img.profile-derived-banner { filter:blur(12px) brightness(.48) saturate(.9); transform:scale(1.18); }
.creator-profile-importer { display:grid; grid-template-columns:220px 1fr; gap:18px; padding:18px; border:1px solid rgba(var(--secondary-rgb),.28); border-radius:14px; background:linear-gradient(135deg,rgba(var(--secondary-rgb),.055),rgba(var(--primary-rgb),.035)); }
.creator-import-preview { display:flex; align-items:center; gap:14px; }
.creator-import-preview > div:last-child { min-width:0; }
.creator-import-preview strong,
.creator-import-preview small { display:block; }
.creator-import-preview small { margin-top:5px; color:var(--muted); font-size:10px; line-height:1.45; }
.creator-admin-avatar-preview { flex:0 0 92px; width:92px; height:92px; display:grid; place-items:center; overflow:hidden; border:3px solid rgba(248,250,252,.82); border-radius:50%; background:var(--bg-card); color:var(--primary); font-size:24px; font-weight:800; box-shadow:0 0 0 4px rgba(var(--primary-rgb),.13); }
.creator-admin-avatar-preview img { width:100%; height:100%; object-fit:cover; }
.creator-import-controls p { margin:7px 0 12px; color:var(--muted); font-size:11px; }
.creator-import-row { display:grid; grid-template-columns:1fr auto; gap:8px; }
.creator-import-status { min-height:18px; margin-top:9px; color:var(--muted); font-size:10px; }
.creator-import-status.is-success { color:var(--success); }
.creator-import-status.is-error { color:var(--danger); }
.creator-image-options { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.creator-image-options label { min-width:0; }
.creator-image-options small { display:block; margin-top:5px; color:var(--muted); font-size:9px; line-height:1.45; }
.creator-image-remove { grid-column:1/-1; }
.form-grid.one-column { grid-template-columns:1fr; }
@media(max-width:900px){.creator-profile-importer{grid-template-columns:1fr}.creator-image-options{grid-template-columns:1fr}}
@media(max-width:600px){.creator-import-row{grid-template-columns:1fr}.creator-import-preview{align-items:flex-start}.creator-admin-avatar-preview{width:78px;height:78px;flex-basis:78px}}


/* v0.9 following, personalized feed and notifications */
.notification-bell {
    position: relative;
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    flex: 0 0 42px;
    color: var(--muted);
    border: 1px solid var(--border);
    border-radius: 10px;
    background: rgba(var(--text-rgb),.015);
    transition: .2s ease;
}
.notification-bell:hover,
.notification-bell.active {
    color: var(--secondary);
    border-color: rgba(var(--secondary-rgb),.55);
    background: rgba(var(--secondary-rgb),.07);
}
.notification-bell svg {
    width: 19px;
    height: 19px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
}
.notification-bell > span {
    position: absolute;
    top: -6px;
    right: -6px;
    min-width: 20px;
    height: 20px;
    display: grid;
    place-items: center;
    padding: 0 5px;
    color: var(--bg-main);
    background: var(--primary);
    border: 2px solid var(--bg-main);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
}
.inline-count {
    min-width: 22px;
    height: 22px;
    display: inline-grid;
    place-items: center;
    margin-left: 7px;
    padding: 0 6px;
    color: var(--bg-main);
    background: var(--primary);
    border-radius: 999px;
    font-size: 10px;
    font-weight: 900;
}
.following-hero {
    background:
        radial-gradient(circle at 80% 30%, rgba(var(--primary-rgb),.11), transparent 24%),
        radial-gradient(circle at 17% 30%, rgba(var(--secondary-rgb),.08), transparent 28%),
        var(--bg-secondary);
}
.following-tabs {
    display: flex;
    gap: 6px;
    margin-bottom: 26px;
    padding: 8px;
    overflow-x: auto;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-secondary);
}
.following-tabs a {
    flex: 0 0 auto;
    padding: 11px 16px;
    color: var(--muted);
    border-radius: 8px;
    font-size: 12px;
    font-weight: 800;
}
.following-tabs a:hover,
.following-tabs a.active {
    color: var(--text);
    background: var(--bg-card);
}
.following-tabs a.active {
    color: var(--primary);
    box-shadow: inset 0 0 0 1px rgba(var(--primary-rgb),.18);
}
.following-summary {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 12px;
    margin-bottom: 26px;
}
.following-summary div {
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
}
.following-summary strong,
.following-summary span {
    display: block;
}
.following-summary strong {
    margin-bottom: 5px;
    color: var(--primary);
    font-size: 27px;
}
.following-summary span {
    color: var(--muted);
    font-size: 11px;
}
.following-empty {
    padding-block: 70px;
    background:
        linear-gradient(135deg, rgba(var(--secondary-rgb),.04), rgba(var(--primary-rgb),.04)),
        var(--bg-secondary);
}
.empty-actions {
    display: flex;
    justify-content: center;
    gap: 10px;
    flex-wrap: wrap;
    margin-top: 18px;
}
.personal-feed {
    display: grid;
    gap: 13px;
}
.feed-card {
    display: grid;
    grid-template-columns: 210px 1fr;
    min-height: 160px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-card);
    transition: .2s ease;
}
.feed-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--secondary-rgb),.5);
}
.feed-thumbnail {
    position: relative;
    min-height: 160px;
    overflow: hidden;
    background: #050b13;
}
.feed-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.feed-thumbnail::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, transparent, rgba(2,6,12,.45));
}
.feed-thumbnail span {
    position: absolute;
    z-index: 2;
    inset: 50% auto auto 50%;
    width: 48px;
    height: 48px;
    display: grid;
    place-items: center;
    transform: translate(-50%,-50%);
    color: var(--bg-main);
    background: var(--primary);
    border-radius: 50%;
    font-size: 16px;
}
.feed-type-mark {
    min-height: 160px;
    display: grid;
    place-items: center;
    color: var(--secondary);
    background:
        linear-gradient(rgba(var(--secondary-rgb),.04) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--secondary-rgb),.04) 1px, transparent 1px),
        var(--bg-input);
    background-size: 24px 24px;
    font: 800 18px "JetBrains Mono", monospace;
}
.feed-copy {
    display: flex;
    flex-direction: column;
    padding: 20px 22px;
}
.feed-meta {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    align-items: center;
}
.feed-meta span {
    color: var(--secondary);
    font: 800 9px "JetBrains Mono", monospace;
    text-transform: uppercase;
    letter-spacing: .6px;
}
.feed-meta em {
    padding: 4px 7px;
    color: #b7c6d7;
    border: 1px solid var(--border);
    border-radius: 5px;
    font-size: 8px;
    font-style: normal;
}
.feed-copy h2 {
    margin: 10px 0 7px;
    font-size: 20px;
    line-height: 1.25;
}
.feed-copy h2 a:hover {
    color: var(--primary);
}
.feed-copy p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
}
.feed-footer {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    margin-top: auto;
    padding-top: 13px;
    color: #7f98b4;
    font-size: 9px;
}
.following-count {
    color: var(--primary);
    font: 700 12px "JetBrains Mono", monospace;
}
.follow-grid {
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: 13px;
}
.follow-card,
.ata-follow-card {
    display: flex;
    flex-direction: column;
    min-height: 230px;
    padding: 19px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
    transition: .2s ease;
}
.follow-card:hover,
.ata-follow-card:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--secondary-rgb),.5);
}
.follow-card.is-followed,
.ata-follow-card.is-followed {
    border-color: rgba(var(--primary-rgb),.52);
    box-shadow: inset 3px 0 0 var(--primary);
}
.follow-card > span,
.ata-follow-card > span {
    color: var(--secondary);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}
.follow-card h3,
.ata-follow-card h3 {
    margin: 10px 0 8px;
    font-size: 19px;
}
.follow-card p,
.ata-follow-card p {
    color: var(--muted);
    font-size: 11px;
}
.follow-card > div {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 10px;
    margin-top: auto;
}
.ata-follow-grid {
    display: grid;
    grid-template-columns: repeat(4,1fr);
    gap: 13px;
}
.ata-follow-card {
    min-height: 250px;
}
.ata-follow-card form {
    margin-top: auto;
}
.followed-creator-grid {
    display: grid;
    gap: 12px;
}
.followed-creator-card {
    display: grid;
    grid-template-columns: 78px 1fr auto;
    gap: 17px;
    align-items: center;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
}
.followed-creator-avatar {
    width: 72px;
    height: 72px;
    display: grid;
    place-items: center;
    overflow: hidden;
    color: var(--primary);
    border: 2px solid rgba(var(--primary-rgb),.36);
    border-radius: 50%;
    background: var(--bg-input);
    font-weight: 900;
}
.followed-creator-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.followed-creator-card > div > span {
    color: var(--secondary);
    font-size: 9px;
    font-weight: 800;
    text-transform: uppercase;
}
.followed-creator-card h3 {
    margin: 4px 0 5px;
}
.followed-creator-card p,
.followed-creator-card small {
    color: var(--muted);
    font-size: 10px;
}
.settings-layout {
    max-width: 850px;
}
.notification-settings {
    display: grid;
    gap: 10px;
}
.notification-settings > label {
    display: flex;
    justify-content: space-between;
    gap: 20px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}
.notification-settings strong,
.notification-settings span {
    display: block;
}
.notification-settings span {
    margin-top: 4px;
    color: var(--muted);
    font-size: 10px;
}
.notification-settings input[type="checkbox"] {
    width: 42px;
    height: 22px;
    accent-color: var(--primary);
}
.notification-settings .button {
    justify-self: start;
    margin-top: 8px;
}
.notification-hero {
    background:
        radial-gradient(circle at 80% 20%, rgba(var(--secondary-rgb),.08), transparent 26%),
        var(--bg-secondary);
}
.notification-hero-actions {
    display: flex;
    gap: 9px;
    align-items: center;
    flex-wrap: wrap;
}
.notification-layout {
    display: grid;
    grid-template-columns: 250px 1fr;
    gap: 20px;
    align-items: start;
}
.notification-summary-card {
    position: sticky;
    top: 92px;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
}
.notification-summary-card > strong {
    display: block;
    margin: 12px 0 0;
    color: var(--primary);
    font-size: 48px;
}
.notification-summary-card p {
    color: var(--muted);
}
.notification-summary-card a {
    display: block;
    margin: 18px 0;
    color: var(--secondary);
    font-size: 11px;
    font-weight: 700;
}
.notification-summary-card form {
    padding-top: 15px;
    border-top: 1px solid var(--border);
}
.notification-list {
    display: grid;
    gap: 9px;
}
.notification-card {
    display: grid;
    grid-template-columns: 48px 1fr auto;
    gap: 14px;
    align-items: start;
    padding: 17px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(23,38,58,.68);
}
.notification-card.is-unread {
    border-color: rgba(var(--secondary-rgb),.38);
    background: linear-gradient(90deg, rgba(var(--secondary-rgb),.08), var(--bg-card) 30%);
    box-shadow: inset 3px 0 0 var(--secondary);
}
.notification-icon {
    width: 42px;
    height: 42px;
    display: grid;
    place-items: center;
    color: var(--primary);
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-input);
    font-size: 16px;
}
.notification-meta {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    color: var(--muted);
    font-size: 8px;
}
.notification-meta span {
    color: var(--secondary);
    font-weight: 800;
    letter-spacing: .5px;
}
.notification-copy h2 {
    margin: 7px 0 4px;
    font-size: 16px;
}
.notification-copy h2 a:hover {
    color: var(--primary);
}
.notification-copy p,
.notification-copy small {
    color: var(--muted);
    font-size: 10px;
}
.notification-read-button {
    width: 34px;
    height: 34px;
    color: var(--secondary);
    border: 1px solid var(--border);
    border-radius: 8px;
    background: transparent;
    cursor: pointer;
}
.notification-read-button:hover {
    border-color: var(--secondary);
    background: rgba(var(--secondary-rgb),.08);
}
.notification-read-state {
    color: #69829e;
    font-size: 9px;
}
.aircraft-follow-form {
    display: grid;
    gap: 7px;
    align-self: center;
}
.aircraft-follow-form small {
    max-width: 180px;
    color: var(--muted);
    font-size: 8px;
    line-height: 1.4;
}
.selected-aircraft-actions {
    display: flex;
    align-items: center;
    gap: 12px;
    flex-wrap: wrap;
}
.selected-aircraft-actions form {
    margin: 0;
}
.mini-follow-button {
    padding: 7px 10px;
    color: var(--secondary);
    border: 1px solid rgba(var(--secondary-rgb),.42);
    border-radius: 7px;
    background: transparent;
    cursor: pointer;
    font-size: 9px;
    font-weight: 800;
}
.mini-follow-button.active {
    color: var(--bg-main);
    border-color: var(--primary);
    background: var(--primary);
}
.chapter-follow-form {
    margin: 15px 0 5px;
}
@media (max-width: 1050px) {
    .following-summary { grid-template-columns: repeat(2,1fr); }
    .follow-grid { grid-template-columns: repeat(2,1fr); }
    .ata-follow-grid { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 760px) {
    .notification-bell { order: -1; }
    .following-summary,
    .follow-grid,
    .ata-follow-grid { grid-template-columns: 1fr; }
    .feed-card { grid-template-columns: 1fr; }
    .feed-thumbnail,
    .feed-type-mark { min-height: 190px; }
    .followed-creator-card { grid-template-columns: 64px 1fr; }
    .followed-creator-card > form { grid-column: 1/-1; }
    .followed-creator-avatar { width: 58px; height: 58px; }
    .notification-layout { grid-template-columns: 1fr; }
    .notification-summary-card { position: static; }
    .notification-card { grid-template-columns: 42px 1fr; }
    .notification-card > form,
    .notification-read-state { grid-column: 2; }
    .notification-meta { display: grid; gap: 4px; }
    .notification-settings > label { align-items: flex-start; }
    .aircraft-follow-form { grid-column: 1/-1; justify-self: start; }
}

/* =========================================================
   TechOpsBase v1.0 — global search and launch foundation
   ========================================================= */
.header-search-button {
    min-width: 126px;
    height: 40px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 8px;
    padding: 0 10px;
    border: 1px solid var(--border-color, var(--border));
    border-radius: 9px;
    background: rgba(23, 38, 58, .72);
    color: var(--text-muted, var(--muted));
    font: inherit;
    font-size: 12px;
    font-weight: 700;
    cursor: pointer;
    transition: border-color .2s ease, color .2s ease, background .2s ease;
}
.header-search-button:hover,
.header-search-button:focus-visible {
    border-color: var(--secondary, var(--secondary));
    color: var(--text-main, var(--text));
    background: var(--bg-card);
}
.header-search-button svg,
.global-search-form svg,
.search-page-form svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.9;
    stroke-linecap: round;
}
.header-search-button kbd,
.global-search-help kbd,
.search-shortcuts kbd {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-height: 22px;
    padding: 0 6px;
    border: 1px solid var(--border);
    border-bottom-color: #526981;
    border-radius: 5px;
    background: var(--bg-input);
    color: var(--muted);
    font-family: "JetBrains Mono", monospace;
    font-size: 9px;
    font-weight: 600;
}
.global-search-overlay[hidden] { display: none; }
.global-search-overlay {
    position: fixed;
    inset: 0;
    z-index: 5000;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    padding: min(12vh, 110px) 20px 40px;
    background: var(--overlay-bg);
    backdrop-filter: blur(12px);
}
body.search-open { overflow: hidden; }
.global-search-dialog {
    width: min(760px, 100%);
    max-height: min(760px, 82vh);
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--bg-secondary);
    box-shadow: 0 35px 100px rgba(var(--shadow-rgb), .55);
}
.global-search-dialog-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 20px;
    padding: 24px 26px 18px;
}
.global-search-dialog-head h2 { margin: 5px 0 0; font-size: clamp(24px, 3vw, 34px); }
.global-search-dialog-head > button {
    width: 38px;
    height: 38px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: var(--bg-deep);
    color: var(--muted);
    font-size: 24px;
    cursor: pointer;
}
.global-search-form {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    margin: 0 26px 16px;
    padding: 9px 9px 9px 15px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-main);
    color: var(--secondary);
}
.global-search-form:focus-within { border-color: var(--secondary); box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), .08); }
.global-search-form input {
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--text);
    font-size: 16px;
    outline: none;
}
.global-search-form input::placeholder { color: var(--muted); }
.global-search-suggestions {
    max-height: min(460px, 48vh);
    overflow-y: auto;
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
}
.global-search-empty {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 9px;
    padding: 24px 26px;
    color: var(--muted);
    font-size: 12px;
}
.global-search-empty a {
    padding: 7px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    color: var(--text-soft);
}
.global-search-suggestion {
    display: grid;
    grid-template-columns: 46px 1fr auto;
    align-items: center;
    gap: 13px;
    min-height: 68px;
    padding: 10px 26px;
    border-bottom: 1px solid rgba(var(--border-rgb), .65);
    color: var(--text);
    text-decoration: none;
}
.global-search-suggestion:last-child { border-bottom: 0; }
.global-search-suggestion:hover,
.global-search-suggestion.is-active { background: var(--bg-card); }
.global-search-suggestion-visual {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-deep);
    color: var(--primary);
    font: 700 10px "JetBrains Mono", monospace;
}
.global-search-suggestion-visual img { width: 100%; height: 100%; object-fit: cover; }
.global-search-suggestion strong { display: block; font-size: 14px; }
.global-search-suggestion small { display: block; margin-top: 3px; color: var(--muted); font-size: 11px; }
.global-search-suggestion > span:last-child { color: var(--secondary); font-size: 16px; }
.global-search-loading,
.global-search-no-results { padding: 25px 26px; color: var(--muted); }
.global-search-help {
    display: flex;
    gap: 18px;
    padding: 13px 26px;
    color: var(--muted);
    font-size: 10px;
}
.global-search-help span { display: inline-flex; align-items: center; gap: 5px; }

.search-hero {
    position: relative;
    overflow: hidden;
    padding: 88px 0 70px;
    border-bottom: 1px solid #253850;
    background:
        radial-gradient(circle at 75% 15%, rgba(var(--secondary-rgb), .12), transparent 34%),
        linear-gradient(135deg, var(--bg-secondary) 0%, var(--bg-main) 76%);
}
.search-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    opacity: .2;
    background-image: linear-gradient(rgba(var(--border-rgb),.45) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--border-rgb),.45) 1px, transparent 1px);
    background-size: 55px 55px;
    pointer-events: none;
}
.search-hero-inner { position: relative; z-index: 1; max-width: 980px; }
.search-hero h1 { max-width: 820px; margin: 10px 0 16px; font-size: clamp(40px, 6vw, 72px); line-height: .98; }
.search-hero p { max-width: 760px; margin: 0 0 30px; color: #a9bdd2; font-size: 17px; line-height: 1.7; }
.search-page-form {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 14px;
    max-width: 930px;
    padding: 11px 11px 11px 18px;
    border: 1px solid #3d5874;
    border-radius: 14px;
    background: rgba(var(--bg-main-rgb), .94);
    color: var(--secondary);
    box-shadow: 0 25px 60px rgba(var(--shadow-rgb), .24);
}
.search-page-form:focus-within { border-color: var(--secondary); box-shadow: 0 0 0 4px rgba(var(--secondary-rgb), .08), 0 25px 60px rgba(var(--shadow-rgb),.25); }
.search-page-form input {
    width: 100%;
    min-width: 0;
    border: 0;
    background: transparent;
    color: var(--text);
    font-size: 17px;
    outline: 0;
}
.search-shortcuts { display: flex; align-items: center; gap: 7px; margin-top: 14px; color: var(--muted); font-size: 10px; }
.search-results-section { min-height: 520px; }
.search-discovery-layout { display: grid; grid-template-columns: 1.2fr .8fr; gap: 18px; margin-bottom: 24px; }
.search-discovery-panel {
    padding: 30px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-secondary);
}
.search-discovery-panel h2 { margin: 8px 0 22px; font-size: 28px; }
.search-term-cloud { display: flex; flex-wrap: wrap; gap: 10px; }
.search-term-cloud a {
    padding: 10px 13px;
    border: 1px solid #324861;
    border-radius: 8px;
    background: #121f32;
    color: #dbe7f3;
    font-size: 12px;
}
.search-term-cloud a:hover { border-color: var(--primary); color: var(--primary); }
.popular-search-list { display: grid; gap: 7px; }
.popular-search-list a { display: flex; justify-content: space-between; gap: 18px; padding: 12px 0; border-bottom: 1px solid #27394f; color: var(--text-soft); }
.popular-search-list a:last-child { border-bottom: 0; }
.popular-search-list strong { color: var(--primary); font-family: "JetBrains Mono", monospace; }
.search-category-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.search-category-grid > a {
    min-height: 190px;
    padding: 25px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
    color: var(--text);
    transition: transform .2s ease, border-color .2s ease;
}
.search-category-grid > a:hover { transform: translateY(-3px); border-color: var(--secondary); }
.search-category-grid > a > span { display: inline-grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(var(--primary-rgb),.5); border-radius: 10px; color: var(--primary); font: 700 11px "JetBrains Mono", monospace; }
.search-category-grid h3 { margin: 25px 0 8px; }
.search-category-grid p { margin: 0; color: var(--muted); line-height: 1.55; }
.search-summary-row { display: flex; justify-content: space-between; gap: 20px; align-items: center; margin-bottom: 18px; color: var(--muted); }
.search-summary-row strong { color: var(--primary); font-size: 23px; }
.search-summary-row span { color: var(--text); }
.search-summary-row > a { color: var(--secondary); }
.search-tabs { display: flex; gap: 6px; overflow-x: auto; padding: 7px; margin-bottom: 38px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-secondary); }
.search-tabs a { white-space: nowrap; display: inline-flex; align-items: center; gap: 8px; padding: 10px 13px; border-radius: 8px; color: var(--muted); font-size: 11px; font-weight: 700; }
.search-tabs a span { min-width: 23px; padding: 3px 6px; border-radius: 999px; background: var(--bg-deep); color: var(--muted); text-align: center; font: 600 9px "JetBrains Mono", monospace; }
.search-tabs a.active { background: var(--bg-card); color: var(--text); }
.search-tabs a.active span { background: rgba(var(--primary-rgb),.15); color: var(--primary); }
.search-result-group { margin-bottom: 54px; }
.global-result-list { display: grid; gap: 10px; }
.global-result-card {
    display: grid;
    grid-template-columns: 68px minmax(0, 1fr) 36px;
    align-items: center;
    gap: 18px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: #111f32;
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}
.global-result-card:hover { transform: translateX(3px); border-color: #3e5b78; background: var(--bg-card); }
.global-result-image,
.global-result-icon { width: 68px; height: 68px; overflow: hidden; border: 1px solid #334b65; border-radius: 11px; background: var(--bg-main); }
.global-result-image img { width: 100%; height: 100%; object-fit: cover; }
.global-result-icon { display: grid; place-items: center; color: var(--primary); font: 700 11px "JetBrains Mono", monospace; }
.result-icon-ata { color: var(--secondary); }
.result-icon-forum { color: #22c55e; }
.global-result-topline { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-bottom: 6px; color: #7890a8; font-size: 10px; }
.global-result-badge { color: var(--secondary); font: 700 8px "JetBrains Mono", monospace; letter-spacing: .08em; }
.global-result-body h3 { margin: 0 0 6px; font-size: 17px; line-height: 1.3; }
.global-result-body h3 a { color: var(--text); }
.global-result-body p { margin: 0; color: #9bb0c5; font-size: 12px; line-height: 1.55; }
.global-result-body mark { padding: 0 2px; border-radius: 2px; background: rgba(var(--primary-rgb),.2); color: #ffd37a; }
.global-result-meta { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 10px; }
.global-result-meta span { padding: 4px 7px; border: 1px solid var(--border); border-radius: 5px; color: #849bb2; font-size: 9px; }
.global-result-open { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 8px; color: var(--secondary); }
.global-result-open:hover { background: rgba(var(--secondary-rgb),.08); }
.search-empty-state { max-width: 760px; margin: 70px auto; padding: 54px; border: 1px dashed var(--border); border-radius: 16px; text-align: center; }
.search-empty-icon { display: grid; place-items: center; width: 64px; height: 64px; margin: 0 auto 18px; border: 1px solid var(--primary); border-radius: 50%; color: var(--primary); font-size: 28px; }
.search-empty-state p { color: var(--muted); line-height: 1.7; }
.search-empty-state > div { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 25px; }

.resource-detail-hero { padding: 84px 0 65px; border-bottom: 1px solid var(--border); background: linear-gradient(130deg, var(--bg-secondary), var(--bg-main) 75%); }
.resource-detail-hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) 340px; gap: 65px; align-items: end; }
.resource-detail-badges { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 18px; }
.resource-context-badge { padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; color: var(--muted); font: 600 9px "JetBrains Mono", monospace; text-transform: uppercase; }
.resource-detail-hero h1 { max-width: 850px; margin: 0 0 18px; font-size: clamp(38px, 5.4vw, 66px); line-height: 1.02; }
.resource-detail-hero > .container > div > div > p { max-width: 820px; color: #a2b7cc; font-size: 16px; line-height: 1.7; }
.resource-detail-meta { display: flex; flex-wrap: wrap; gap: 9px 20px; margin-top: 24px; color: #8198af; font-size: 11px; }
.resource-detail-meta a { color: var(--secondary); }
.resource-detail-action-card { padding: 26px; border: 1px solid #39516a; border-top-color: var(--primary); border-radius: 13px; background: var(--bg-card); }
.resource-detail-action-card h2 { margin: 8px 0 10px; font-size: 22px; }
.resource-detail-action-card p { color: var(--muted); font-size: 12px; line-height: 1.65; }
.resource-detail-layout { display: grid; grid-template-columns: minmax(0, 1fr) 320px; gap: 42px; }
.resource-detail-main { padding: 35px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-secondary); }
.resource-detail-main h2 { margin: 8px 0 20px; font-size: 31px; }
.resource-detail-copy { color: #b3c5d6; line-height: 1.85; }
.applicability-panel { margin-top: 30px; padding: 25px; border: 1px solid var(--border); border-left: 3px solid var(--secondary); border-radius: 9px; background: #14263a; }
.applicability-panel h3 { margin: 7px 0 9px; }
.applicability-panel p { color: var(--muted); line-height: 1.7; }
.approved-data-notice { margin-top: 28px; padding: 20px; border-left: 3px solid var(--primary); background: rgba(var(--primary-rgb),.06); }
.approved-data-notice p { margin: 6px 0 0; color: var(--muted); line-height: 1.65; }
.resource-detail-sidebar { display: grid; align-content: start; gap: 16px; }
.resource-facts { display: grid; gap: 0; margin: 16px 0 0; }
.resource-facts > div { padding: 13px 0; border-bottom: 1px solid var(--border); }
.resource-facts > div:last-child { border-bottom: 0; }
.resource-facts dt { color: #6f879f; font: 600 8px "JetBrains Mono", monospace; text-transform: uppercase; }
.resource-facts dd { margin: 5px 0 0; color: #e6edf5; font-size: 12px; line-height: 1.5; }
.side-link-card { display: block; padding: 14px 0; border-bottom: 1px solid var(--border); }
.side-link-card:last-child { border-bottom: 0; }
.side-link-card strong { display: block; color: var(--text); font-size: 12px; }
.side-link-card span { display: block; margin-top: 4px; color: var(--secondary); font-size: 10px; }

.search-insight-grid { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; margin-top: 20px; }
.search-period-filter { margin: 18px 0; }
.search-gap-list { display: grid; gap: 8px; }
.search-gap-list article { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 14px; border: 1px solid #2d4158; border-radius: 9px; background: var(--bg-card); }
.search-gap-list strong { display: block; }
.search-gap-list span { display: block; margin-top: 4px; color: #788fa6; font-size: 10px; }
.search-gap-list article > div:last-child { display: flex; gap: 10px; }
.search-gap-list a { color: var(--secondary); font-size: 10px; }
.search-category-bars { display: grid; gap: 13px; }
.search-category-bars > div { display: grid; grid-template-columns: 150px 1fr 50px 70px; align-items: center; gap: 12px; color: var(--muted); font-size: 11px; }
.search-category-bars > div > div { height: 10px; overflow: hidden; border-radius: 999px; background: var(--bg-main); }
.search-category-bars i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--primary), var(--secondary)); }
.search-category-bars strong { color: var(--text); text-align: right; }
.search-category-bars small { color: var(--muted); text-align: right; }

.not-found-page { min-height: 70vh; display: grid; place-items: center; padding: 80px 0; background: radial-gradient(circle at center, rgba(var(--secondary-rgb),.08), transparent 45%); }
.not-found-inner { max-width: 820px; text-align: center; }
.not-found-code { color: rgba(var(--primary-rgb),.16); font: 800 clamp(110px, 22vw, 250px)/.75 Inter, sans-serif; letter-spacing: -.09em; }
.not-found-inner h1 { margin: 20px 0 12px; font-size: clamp(35px, 5vw, 58px); }
.not-found-inner > p { color: var(--muted); line-height: 1.7; }
.compact-search-form { max-width: 620px; margin: 28px auto 0; grid-template-columns: 1fr auto; }
.compact-search-form svg { display: none; }
.not-found-actions { display: flex; justify-content: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }

@media (max-width: 1260px) {
    .header-search-button { min-width: 40px; width: 40px; padding: 0; justify-content: center; }
    .header-search-button span, .header-search-button kbd { display: none; }
}
@media (max-width: 980px) {
    .search-discovery-layout,
    .resource-detail-hero-grid,
    .resource-detail-layout,
    .search-insight-grid { grid-template-columns: 1fr; }
    .search-category-grid { grid-template-columns: repeat(2, 1fr); }
    .resource-detail-action-card { max-width: 640px; }
    .header-search-button { display: none; }
}
@media (max-width: 680px) {
    .global-search-overlay { padding: 12px; align-items: flex-start; }
    .global-search-dialog { max-height: calc(100vh - 24px); border-radius: 13px; }
    .global-search-dialog-head { padding: 18px; }
    .global-search-form { grid-template-columns: auto 1fr; margin: 0 18px 12px; }
    .global-search-form .button { grid-column: 1 / -1; width: 100%; }
    .global-search-suggestion { grid-template-columns: 42px 1fr; padding: 10px 18px; }
    .global-search-suggestion > span:last-child { display: none; }
    .global-search-help { display: none; }
    .search-hero { padding: 62px 0 48px; }
    .search-page-form { grid-template-columns: auto 1fr; }
    .search-page-form .button { grid-column: 1 / -1; width: 100%; }
    .search-category-grid { grid-template-columns: 1fr; }
    .search-discovery-panel { padding: 22px; }
    .search-summary-row { align-items: flex-start; flex-direction: column; }
    .global-result-card { grid-template-columns: 52px minmax(0, 1fr); gap: 13px; padding: 13px; }
    .global-result-image, .global-result-icon { width: 52px; height: 52px; }
    .global-result-open { display: none; }
    .global-result-body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
    .search-empty-state { padding: 35px 20px; }
    .resource-detail-main { padding: 23px; }
    .search-category-bars > div { grid-template-columns: 105px 1fr 35px; }
    .search-category-bars small { display: none; }
    .search-gap-list article { align-items: flex-start; flex-direction: column; }
}

.engine-detail-hero { padding: 76px 0 58px; border-bottom: 1px solid var(--border); background: radial-gradient(circle at 15% 35%, rgba(var(--primary-rgb),.08), transparent 28%), linear-gradient(130deg, var(--bg-secondary), var(--bg-main) 75%); }
.engine-detail-hero-grid { display: grid; grid-template-columns: 105px minmax(0,1fr) auto; gap: 28px; align-items: center; }
.engine-identity-mark { width: 105px; height: 105px; display: grid; place-items: center; border: 1px solid rgba(var(--primary-rgb),.65); border-radius: 24px; background: var(--bg-card); color: var(--primary); font: 800 25px "JetBrains Mono", monospace; }
.engine-manufacturer-label { margin: 8px 0 0; color: var(--secondary); font: 700 12px "JetBrains Mono", monospace; text-transform: uppercase; }
.engine-detail-hero h1 { margin: 4px 0 13px; font-size: clamp(42px, 6vw, 72px); line-height: .98; }
.engine-hero-tags { display: flex; flex-wrap: wrap; gap: 8px; }
.engine-hero-tags span { padding: 6px 8px; border: 1px solid var(--border); border-radius: 6px; color: var(--muted); font-size: 10px; }
.engine-detail-layout { display: grid; grid-template-columns: minmax(0,1fr) 320px; gap: 34px; }
.engine-overview-card { padding: 32px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-secondary); }
.engine-overview-card h2 { margin: 8px 0 15px; font-size: 30px; }
.engine-overview-card p { color: #a8bbce; line-height: 1.8; }
.engine-aircraft-grid { display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: 12px; }
.engine-aircraft-grid article { padding: 20px; border: 1px solid var(--border); border-radius: 11px; background: var(--bg-card); }
.engine-aircraft-grid article > span { color: var(--secondary); font: 700 8px "JetBrains Mono", monospace; text-transform: uppercase; }
.engine-aircraft-grid h3 { margin: 8px 0 5px; font-size: 18px; }
.engine-aircraft-grid p { margin: 0; color: var(--muted); font-size: 11px; }
.engine-aircraft-grid small { display: block; margin-top: 8px; color: var(--muted); }
.engine-aircraft-grid a { display: inline-block; margin-top: 17px; color: var(--secondary); font-size: 10px; font-weight: 700; }
.engine-detail-sidebar { display: grid; align-content: start; gap: 16px; }
@media (max-width: 900px) { .engine-detail-hero-grid { grid-template-columns: 80px 1fr; } .engine-detail-hero-grid > .button { grid-column: 1 / -1; justify-self: start; } .engine-identity-mark { width: 80px; height: 80px; border-radius: 18px; } .engine-detail-layout { grid-template-columns: 1fr; } }
@media (max-width: 620px) { .engine-aircraft-grid { grid-template-columns: 1fr; } .engine-detail-hero-grid { grid-template-columns: 1fr; } .engine-identity-mark { width: 64px; height: 64px; } }


/* v1.0.1 responsive primary navigation */
.header-inner {
    gap: 18px;
}
.brand {
    flex: 0 0 auto;
}
.main-nav {
    min-width: 0;
}
.nav-more {
    position: relative;
    flex: 0 0 auto;
}
.nav-more-toggle {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    padding: 9px 12px;
    color: var(--muted);
    border: 0;
    border-radius: 8px;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    cursor: pointer;
}
.nav-more-toggle:hover,
.nav-more-toggle:focus-visible,
.nav-more-toggle.active,
.nav-more-toggle[aria-expanded="true"] {
    color: var(--text);
    background: rgba(var(--text-rgb),.05);
}
.nav-more-toggle.active {
    color: var(--primary);
}
.nav-more-toggle svg {
    width: 14px;
    height: 14px;
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    transition: transform .18s ease;
}
.nav-more-toggle[aria-expanded="true"] svg {
    transform: rotate(180deg);
}
.nav-more-menu[hidden] {
    display: none;
}
.nav-more-menu {
    position: absolute;
    z-index: 220;
    top: calc(100% + 12px);
    right: 0;
    width: 270px;
    padding: 8px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(15,28,46,.98);
    box-shadow: 0 24px 70px rgba(var(--shadow-rgb),.42);
    backdrop-filter: blur(18px);
}
.nav-more-menu::before {
    content: "";
    position: absolute;
    top: -6px;
    right: 24px;
    width: 11px;
    height: 11px;
    border-left: 1px solid var(--border);
    border-top: 1px solid var(--border);
    background: var(--bg-secondary);
    transform: rotate(45deg);
}
.nav-more-menu a {
    display: block;
    padding: 11px 12px;
    border-radius: 8px;
}
.nav-more-menu a:hover,
.nav-more-menu a.active {
    background: rgba(var(--text-rgb),.05);
}
.nav-more-menu strong,
.nav-more-menu small {
    display: block;
}
.nav-more-menu strong {
    color: var(--text);
    font-size: 12px;
}
.nav-more-menu small {
    margin-top: 2px;
    color: var(--muted);
    font-size: 9px;
    font-weight: 500;
    line-height: 1.4;
}
.nav-backdrop[hidden] {
    display: none;
}
.nav-backdrop {
    display: none;
}
.nav-toggle {
    width: 42px;
    height: 42px;
    padding: 0;
    place-items: center;
    gap: 4px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: rgba(var(--text-rgb),.02);
    cursor: pointer;
}
.nav-toggle span {
    display: block;
    width: 18px;
    height: 2px;
    border-radius: 999px;
    background: currentColor;
    transition: transform .2s ease, opacity .2s ease;
}
.nav-toggle[aria-expanded="true"] span:nth-child(1) {
    transform: translateY(6px) rotate(45deg);
}
.nav-toggle[aria-expanded="true"] span:nth-child(2) {
    opacity: 0;
}
.nav-toggle[aria-expanded="true"] span:nth-child(3) {
    transform: translateY(-6px) rotate(-45deg);
}

@media (max-width: 1260px) and (min-width: 1101px) {
    .header-inner {
        gap: 12px;
    }
    .main-nav {
        gap: 1px;
    }
    .main-nav > a,
    .nav-more-toggle {
        padding-inline: 8px;
        font-size: 12px;
    }
    .member-link {
        width: 42px;
        min-width: 42px;
        padding: 0;
        overflow: hidden;
    }
    .member-link .member-label {
        display: none;
    }
    .header-actions .button-primary {
        padding-inline: 13px;
    }
}

@media (min-width: 1101px) {
    .mobile-member-link {
        display: none !important;
    }
}

@media (max-width: 1100px) {
    .header-inner {
        min-height: 70px;
    }
    .header-actions {
        display: none;
    }
    .nav-toggle {
        position: relative;
        z-index: 230;
        display: grid;
        margin-left: auto;
    }
    .main-nav {
        position: fixed;
        z-index: 210;
        top: 70px;
        right: 0;
        bottom: 0;
        left: auto;
        width: min(390px, 92vw);
        max-height: none;
        margin: 0;
        padding: 18px;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 0;
        border-left: 1px solid var(--border);
        border-radius: 0;
        background: rgba(var(--bg-main-rgb),.985);
        box-shadow: -25px 0 70px rgba(var(--shadow-rgb),.42);
        transform: translateX(105%);
        transition: transform .22s ease;
    }
    .main-nav.open {
        display: flex;
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        transform: translateX(0);
    }
    .main-nav > a {
        display: block;
        width: 100%;
        padding: 13px 14px;
        border: 1px solid transparent;
        border-radius: 9px;
        font-size: 14px;
    }
    .main-nav > a:hover,
    .main-nav > a.active {
        border-color: rgba(var(--border-rgb),.8);
        background: var(--bg-secondary);
    }
    .nav-more {
        display: none;
    }
    .mobile-member-link {
        display: block;
    }
    .nav-backdrop {
        position: fixed;
        z-index: 200;
        inset: 70px 0 0;
        display: block;
        padding: 0;
        border: 0;
        background: rgba(2,6,13,.7);
        backdrop-filter: blur(3px);
        cursor: default;
    }
    body.nav-open {
        overflow: hidden;
    }
}

@media (max-width: 540px) {
    .brand-text {
        font-size: 18px;
    }
    .brand-mark {
        width: 35px;
        height: 35px;
    }
    .main-nav {
        width: 100%;
        border-left: 0;
    }
}


/* v1.1 aviation visual identity */
.skip-link { position: fixed; z-index: 9999; top: 8px; left: 8px; transform: translateY(-150%); padding: 10px 14px; border-radius: 8px; background: var(--primary); color: var(--bg-main); font-weight: 800; }
.skip-link:focus { transform: translateY(0); }
.hero-visual { position: relative; min-height: 760px; padding: 80px 0 70px; overflow: hidden; background: radial-gradient(circle at 77% 42%, rgba(var(--secondary-rgb),.1), transparent 27%), radial-gradient(circle at 21% 30%, rgba(var(--primary-rgb),.07), transparent 28%), var(--bg-main); }
.hero-visual::before { content:""; position:absolute; inset:0; pointer-events:none; background-image: linear-gradient(rgba(var(--border-rgb),.13) 1px, transparent 1px), linear-gradient(90deg, rgba(var(--border-rgb),.13) 1px, transparent 1px); background-size: 52px 52px; mask-image: linear-gradient(to bottom, #000, transparent 88%); }
.hero-grid-visual { position: relative; z-index: 1; grid-template-columns: minmax(0,.92fr) minmax(520px,1.08fr); align-items:center; gap:60px; }
.hero-visual .hero-copy h1 { max-width: 760px; font-size: clamp(46px,5.6vw,78px); line-height:.99; letter-spacing:-4px; }
.hero-visual .hero-copy > p { max-width: 720px; font-size:17px; line-height:1.75; }
.hero-trust-row { display:flex; flex-wrap:wrap; gap:8px; margin:24px 0; }
.hero-trust-row span { display:flex; align-items:baseline; gap:6px; padding:9px 12px; border:1px solid var(--border); border-radius:9px; background:rgba(15,28,46,.72); color:var(--muted); font-size:11px; }
.hero-trust-row b { color:var(--primary); font-size:15px; }
.hero-visual-stage { position:relative; min-height:620px; }
.hero-technical-art { width:100%; height:auto; display:block; filter:drop-shadow(0 35px 70px rgba(var(--shadow-rgb),.35)); }
.hero-floating-card { position:absolute; z-index:2; border:1px solid rgba(var(--border-rgb),.95); border-radius:13px; background:rgba(var(--bg-main-rgb),.92); box-shadow:0 20px 50px rgba(var(--shadow-rgb),.34); backdrop-filter:blur(14px); }
.hero-floating-card > span { display:block; color:var(--secondary); font-family:"JetBrains Mono",monospace; font-size:8px; font-weight:800; letter-spacing:1.1px; }
.hero-floating-aircraft { top:70px; right:-10px; width:205px; padding:14px; }
.hero-floating-aircraft a { display:flex; justify-content:space-between; gap:10px; padding:9px 0; border-bottom:1px solid rgba(var(--border-rgb),.75); }
.hero-floating-aircraft a:last-child { border-bottom:0; }
.hero-floating-aircraft b,.hero-floating-aircraft small { display:block; }
.hero-floating-aircraft b { color:var(--text); font-size:12px; }
.hero-floating-aircraft small { color:var(--muted); font-size:8px; text-align:right; }
.hero-floating-ata { left:-26px; bottom:46px; width:245px; padding:16px; }
.hero-floating-ata b,.hero-floating-ata small { display:block; }
.hero-floating-ata b { margin-top:8px; color:var(--text); font-size:13px; }
.hero-floating-ata small { margin-top:8px; color:var(--primary); font-size:10px; }
.scope-rail { position:relative; z-index:3; margin-top:-28px; }
.scope-rail-grid { display:grid; grid-template-columns:repeat(4,1fr); padding:8px; border:1px solid var(--border); border-radius:16px; background:rgba(15,28,46,.96); box-shadow:0 25px 60px rgba(var(--shadow-rgb),.25); }
.scope-rail-grid > a { display:flex; align-items:center; gap:13px; min-height:86px; padding:13px 15px; border-radius:11px; }
.scope-rail-grid > a + a { border-left:1px solid var(--border); }
.scope-rail-grid > a:hover { background:rgba(var(--text-rgb),.035); }
.scope-rail-grid img { width:58px; height:58px; flex:0 0 58px; }
.scope-rail-grid b,.scope-rail-grid small { display:block; }
.scope-rail-grid b { color:var(--text); font-size:13px; }
.scope-rail-grid small { margin-top:4px; color:var(--muted); font-size:9px; line-height:1.45; }
.category-icon-visual { width:66px; height:66px; padding:0; border:0; background:transparent; }
.category-icon-visual img { width:66px; height:66px; display:block; }
.category-card { align-items:center; }
.category-card:hover .category-icon-visual img { transform:translateY(-3px) scale(1.04); }
.category-icon-visual img { transition:transform .2s ease; }
.resource-card-link { display:block; color:inherit; transition:transform .2s ease,border-color .2s ease; }
.resource-card-link:hover { transform:translateY(-4px); border-color:var(--secondary); }
.aviation-coverage-section { position:relative; overflow:hidden; background:linear-gradient(180deg,var(--bg-secondary),var(--bg-main)); border-block:1px solid var(--border); }
.aviation-coverage-section::before { content:""; position:absolute; inset:0; opacity:.3; background-image:linear-gradient(rgba(var(--secondary-rgb),.08) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--secondary-rgb),.08) 1px,transparent 1px); background-size:62px 62px; }
.aviation-coverage-section .container { position:relative; z-index:1; }
.section-heading-note { max-width:500px; margin:0; color:var(--muted); line-height:1.65; }
.aviation-coverage-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.aviation-coverage-card { position:relative; min-height:330px; padding:24px; overflow:hidden; border:1px solid var(--border); border-radius:16px; background:linear-gradient(155deg,rgba(23,38,58,.98),rgba(var(--bg-main-rgb),.98)); transition:transform .22s ease,border-color .22s ease; }
.aviation-coverage-card::after { content:""; position:absolute; width:180px; height:180px; right:-70px; bottom:-80px; border-radius:50%; background:var(--secondary); opacity:.055; }
.aviation-coverage-card:hover { transform:translateY(-6px); border-color:var(--primary); }
.aviation-coverage-card img { width:86px; height:86px; margin-bottom:42px; }
.aviation-coverage-card > span { color:var(--secondary); font-family:"JetBrains Mono",monospace; font-size:9px; font-weight:800; letter-spacing:1.1px; }
.aviation-coverage-card h3 { margin:12px 0 9px; font-size:22px; }
.aviation-coverage-card p { min-height:58px; color:var(--muted); font-size:12px; line-height:1.6; }
.aviation-coverage-card b { position:absolute; left:24px; bottom:23px; color:var(--primary); font-size:11px; }
.coverage-engine::after,.coverage-maintenance::after { background:var(--primary); }
@media (prefers-reduced-motion:no-preference) {
  .hero-technical-art { animation:technical-float 7s ease-in-out infinite; }
  .hero-floating-aircraft { animation:panel-float 6s ease-in-out infinite reverse; }
  .hero-floating-ata { animation:panel-float 7.5s ease-in-out infinite; }
  @keyframes technical-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-8px)} }
  @keyframes panel-float { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)} }
}
@media (max-width:1150px) {
  .hero-grid-visual { grid-template-columns:1fr 1fr; gap:25px; }
  .hero-visual .hero-copy h1 { font-size:clamp(42px,5vw,62px); }
  .hero-floating-aircraft { right:0; }
  .scope-rail-grid { grid-template-columns:1fr 1fr; }
  .scope-rail-grid > a + a { border-left:0; }
  .scope-rail-grid > a:nth-child(even) { border-left:1px solid var(--border); }
  .scope-rail-grid > a:nth-child(n+3) { border-top:1px solid var(--border); }
  .aviation-coverage-grid { grid-template-columns:1fr 1fr; }
}
@media (max-width:820px) {
  .hero-visual { min-height:auto; padding-top:58px; }
  .hero-grid-visual { grid-template-columns:1fr; }
  .hero-visual-stage { min-height:510px; max-width:680px; width:100%; margin:0 auto; }
  .hero-floating-aircraft { top:35px; }
  .hero-floating-ata { left:5px; bottom:22px; }
  .hero-visual .hero-copy h1 { letter-spacing:-2.8px; }
}
@media (max-width:620px) {
  .hero-visual .hero-copy h1 { font-size:42px; }
  .hero-visual-stage { min-height:370px; }
  .hero-floating-aircraft { display:none; }
  .hero-floating-ata { width:210px; bottom:5px; }
  .scope-rail { margin-top:-10px; }
  .scope-rail-grid { grid-template-columns:1fr; }
  .scope-rail-grid > a:nth-child(even) { border-left:0; }
  .scope-rail-grid > a:nth-child(n+2) { border-top:1px solid var(--border); }
  .aviation-coverage-grid { grid-template-columns:1fr; }
  .aviation-coverage-card { min-height:290px; }
  .section-heading-note { display:none; }
}


/* ============================================================
   TechOpsBase v1.2 — Moderated Resource Library
   ============================================================ */

.resource-library-hero,
.resource-submit-hero,
.resource-collection-hero {
    position: relative;
    overflow: hidden;
    padding: 82px 0 64px;
    border-bottom: 1px solid var(--border);
    background:
        radial-gradient(circle at 82% 14%, rgba(var(--secondary-rgb), .13), transparent 28%),
        radial-gradient(circle at 14% 20%, rgba(var(--primary-rgb), .1), transparent 26%),
        linear-gradient(135deg, #091523 0%, var(--bg-secondary) 55%, var(--bg-main) 100%);
}
.resource-library-hero::before,
.resource-submit-hero::before,
.resource-collection-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .18;
    background-image:
        linear-gradient(rgba(var(--secondary-rgb), .14) 1px, transparent 1px),
        linear-gradient(90deg, rgba(var(--secondary-rgb), .14) 1px, transparent 1px);
    background-size: 54px 54px;
    mask-image: linear-gradient(to bottom, #000, transparent);
}
.resource-library-hero-grid,
.resource-submit-hero-grid,
.resource-collection-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0, 1.45fr) minmax(320px, .7fr);
    gap: 54px;
    align-items: center;
}
.resource-library-hero h1,
.resource-submit-hero h1,
.resource-collection-hero h1 {
    max-width: 850px;
    margin: 12px 0 18px;
    font-size: clamp(42px, 5.2vw, 72px);
    line-height: 1.02;
    letter-spacing: -3px;
}
.resource-library-hero p,
.resource-submit-hero p,
.resource-collection-hero p {
    max-width: 760px;
    margin: 0;
    color: #b5c3d4;
    font-size: 18px;
}
.resource-hero-search {
    max-width: 760px;
    margin-top: 30px;
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 12px;
    padding: 8px 8px 8px 18px;
    border: 1px solid rgba(var(--secondary-rgb), .38);
    border-radius: 14px;
    background: rgba(4, 12, 24, .86);
    box-shadow: 0 18px 55px rgba(var(--shadow-rgb),.28);
}
.resource-hero-search > span {
    color: var(--secondary);
    font-size: 25px;
}
.resource-hero-search input {
    min-width: 0;
    padding: 12px 0;
    border: 0;
    outline: 0;
    color: var(--text);
    background: transparent;
}
.resource-hero-search button {
    min-height: 44px;
    padding: 0 18px;
    border: 0;
    border-radius: 9px;
    color: var(--bg-main);
    background: var(--primary);
    font-weight: 800;
    cursor: pointer;
}
.resource-hero-links {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 16px;
}
.resource-hero-links a {
    padding: 8px 12px;
    border: 1px solid rgba(var(--muted-rgb),.22);
    border-radius: 999px;
    color: var(--muted);
    font-size: 12px;
    font-weight: 700;
}
.resource-hero-links a:hover {
    color: var(--secondary);
    border-color: rgba(var(--secondary-rgb),.55);
}
.resource-library-instrument,
.resource-safety-card {
    padding: 24px;
    border: 1px solid rgba(var(--border-rgb),.9);
    border-radius: 18px;
    background: linear-gradient(160deg, rgba(23,38,58,.96), rgba(var(--bg-main-rgb),.92));
    box-shadow: 0 30px 80px rgba(var(--shadow-rgb),.35);
}
.resource-library-instrument-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: var(--muted);
    font-family: "JetBrains Mono", monospace;
    font-size: 11px;
    letter-spacing: .1em;
}
.resource-library-instrument-top strong {
    color: var(--success);
}
.resource-library-stats {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 10px;
    margin: 20px 0;
}
.resource-library-stats div {
    padding: 15px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: rgba(var(--text-rgb),.025);
}
.resource-library-stats strong,
.resource-library-stats span {
    display: block;
}
.resource-library-stats strong {
    color: var(--primary);
    font-size: 25px;
}
.resource-library-stats span {
    color: var(--muted);
    font-size: 11px;
}
.resource-library-instrument > p {
    margin: 0 0 18px;
    color: var(--muted);
    font-size: 13px;
}
.resource-featured-section {
    padding-top: 52px;
}
.resource-featured-card {
    display: grid;
    grid-template-columns: minmax(280px, .72fr) minmax(0, 1.28fr);
    min-height: 390px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 20px;
    background: var(--bg-card);
    box-shadow: 0 28px 80px rgba(var(--shadow-rgb),.2);
}
.resource-featured-visual {
    position: relative;
    min-height: 390px;
    display: grid;
    place-items: center;
    overflow: hidden;
    background:
        radial-gradient(circle at 50% 42%, rgba(var(--secondary-rgb),.18), transparent 38%),
        linear-gradient(145deg, var(--bg-card), #09131f);
}
.resource-featured-visual::before {
    content: "";
    position: absolute;
    width: 310px;
    height: 310px;
    border: 1px solid rgba(var(--secondary-rgb),.22);
    border-radius: 50%;
    box-shadow:
        0 0 0 38px rgba(var(--secondary-rgb),.025),
        0 0 0 78px rgba(var(--primary-rgb),.025);
}
.resource-document-mark {
    position: relative;
    z-index: 2;
    min-width: 116px;
    padding: 26px 18px;
    border: 1px solid rgba(var(--primary-rgb),.65);
    border-radius: 18px;
    color: var(--primary);
    background: rgba(var(--bg-main-rgb),.86);
    text-align: center;
    font-family: "JetBrains Mono", monospace;
    font-size: 22px;
    font-weight: 900;
    box-shadow: 0 20px 50px rgba(var(--shadow-rgb),.35);
}
.resource-visual-lines {
    position: absolute;
    inset: 70px 50px;
}
.resource-visual-lines i {
    position: absolute;
    height: 1px;
    width: 34%;
    background: linear-gradient(90deg, transparent, rgba(var(--secondary-rgb),.5), transparent);
}
.resource-visual-lines i:nth-child(1) { top: 12%; left: 0; transform: rotate(22deg); }
.resource-visual-lines i:nth-child(2) { top: 30%; right: 0; transform: rotate(-18deg); }
.resource-visual-lines i:nth-child(3) { bottom: 28%; left: 2%; transform: rotate(-16deg); }
.resource-visual-lines i:nth-child(4) { bottom: 12%; right: 4%; transform: rotate(24deg); }
.resource-visual-lines i:nth-child(5) { top: 50%; left: 32%; width: 36%; }
.resource-source-ribbon {
    position: absolute;
    left: 20px;
    bottom: 18px;
    padding: 7px 10px;
    border: 1px solid rgba(var(--secondary-rgb),.3);
    border-radius: 8px;
    color: var(--secondary);
    background: rgba(var(--bg-main-rgb),.82);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.resource-featured-copy {
    padding: clamp(30px, 5vw, 62px);
    align-self: center;
}
.resource-featured-copy h2 {
    margin: 14px 0;
    max-width: 760px;
    font-size: clamp(30px, 3.4vw, 48px);
    line-height: 1.08;
}
.resource-featured-copy > p {
    color: var(--muted);
    font-size: 16px;
}
.resource-featured-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin: 22px 0;
}
.resource-featured-meta span {
    padding: 6px 9px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: #c4cfdb;
    font-size: 11px;
}
.resource-collection-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.resource-collection-card {
    position: relative;
    min-height: 250px;
    padding: 25px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: linear-gradient(145deg, rgba(23,38,58,.96), rgba(12,24,39,.96));
    transition: transform .18s ease, border-color .18s ease;
}
.resource-collection-card:hover {
    transform: translateY(-4px);
    border-color: rgba(var(--secondary-rgb),.55);
}
.resource-collection-card::after {
    content: "";
    position: absolute;
    right: -45px;
    bottom: -60px;
    width: 180px;
    height: 180px;
    border: 1px solid currentColor;
    border-radius: 50%;
    opacity: .09;
}
.resource-collection-card.accent-orange { color: var(--primary); }
.resource-collection-card.accent-cyan { color: var(--secondary); }
.resource-collection-card.accent-gold { color: #facc15; }
.resource-collection-card.accent-steel { color: var(--muted); }
.resource-collection-card.accent-red { color: #fb7185; }
.resource-collection-index {
    color: currentColor;
    font-family: "JetBrains Mono", monospace;
    font-weight: 900;
}
.resource-collection-card h3 {
    margin: 22px 0 9px;
    color: var(--text);
    font-size: 21px;
}
.resource-collection-card p {
    color: var(--muted);
    font-size: 13px;
}
.resource-collection-card strong {
    position: absolute;
    left: 25px;
    bottom: 24px;
    color: var(--text);
    font-size: 12px;
}
.resource-collection-card strong span {
    color: currentColor;
}
.resource-subject-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.resource-subject-grid > a {
    display: grid;
    grid-template-columns: 54px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: rgba(23,38,58,.72);
}
.resource-subject-grid > a:hover,
.resource-subject-grid > a.active {
    border-color: rgba(var(--secondary-rgb),.55);
    background: rgba(var(--secondary-rgb),.055);
}
.resource-subject-grid > a > span {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--primary-rgb),.38);
    border-radius: 12px;
    color: var(--primary);
    background: rgba(var(--bg-main-rgb),.55);
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    font-weight: 900;
}
.resource-subject-grid h3 {
    margin: 0 0 3px;
    font-size: 15px;
}
.resource-subject-grid p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}
.resource-subject-grid b {
    color: var(--secondary);
}
.resource-library-filter {
    display: grid;
    grid-template-columns: minmax(220px, 1.7fr) repeat(6, minmax(130px, 1fr)) auto auto;
    gap: 10px;
    align-items: end;
    margin: 22px 0;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-card);
}
.resource-library-filter label span,
.resource-contribution-form label > span,
.admin-editor-form label > span {
    display: block;
    margin-bottom: 6px;
    color: var(--muted);
    font-size: 10px;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.resource-library-filter input,
.resource-library-filter select,
.resource-contribution-form input,
.resource-contribution-form select,
.resource-contribution-form textarea,
.admin-editor-form input,
.admin-editor-form select,
.admin-editor-form textarea {
    width: 100%;
    min-height: 43px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--text);
    background: #0b1726;
}
.resource-library-filter input,
.resource-library-filter select,
.resource-contribution-form input,
.resource-contribution-form select,
.admin-editor-form input,
.admin-editor-form select {
    padding: 0 11px;
}
.resource-contribution-form textarea,
.admin-editor-form textarea {
    padding: 11px;
}
.resource-library-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 16px;
}
.resource-library-card {
    display: flex;
    flex-direction: column;
    min-height: 390px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background:
        linear-gradient(180deg, rgba(var(--text-rgb),.018), transparent 30%),
        var(--bg-card);
    transition: transform .18s ease, border-color .18s ease;
}
.resource-library-card:hover {
    transform: translateY(-3px);
    border-color: rgba(var(--primary-rgb),.48);
}
.resource-library-card-top {
    display: grid;
    grid-template-columns: 46px 1fr auto;
    gap: 11px;
    align-items: center;
}
.resource-card-icon {
    width: 46px;
    height: 46px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--secondary-rgb),.33);
    border-radius: 10px;
    color: var(--secondary);
    background: rgba(var(--bg-main-rgb),.6);
    font-family: "JetBrains Mono", monospace;
    font-size: 9px;
    font-weight: 900;
}
.resource-card-labels span,
.resource-card-labels small {
    display: block;
}
.resource-card-labels span {
    font-size: 11px;
    font-weight: 800;
}
.resource-card-labels small {
    color: var(--muted);
    font-size: 9px;
}
.resource-source-dot {
    width: 9px;
    height: 9px;
    border-radius: 50%;
    background: var(--muted);
    box-shadow: 0 0 0 4px rgba(var(--muted-rgb),.08);
}
.resource-source-dot.source-original { background: var(--secondary); }
.resource-source-dot.source-official_external { background: var(--success); }
.resource-source-dot.source-open_licensed { background: #a78bfa; }
.resource-source-dot.source-permission_granted { background: var(--primary); }
.resource-card-context {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
    margin: 18px 0 10px;
}
.resource-card-context span {
    padding: 5px 7px;
    border: 1px solid var(--border);
    border-radius: 6px;
    color: #bac7d5;
    font-size: 9px;
    font-weight: 700;
}
.resource-library-card h3 {
    margin: 0 0 9px;
    font-size: 19px;
    line-height: 1.25;
}
.resource-library-card h3 a:hover {
    color: var(--primary);
}
.resource-library-card > p {
    margin: 0;
    color: var(--muted);
    font-size: 13px;
}
.resource-card-applicability {
    margin-top: 15px;
    color: #c8d3df;
    font-size: 11px;
}
.resource-card-stats {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
    padding-top: 18px;
    color: var(--muted);
    font-size: 10px;
}
.resource-card-author {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
    min-height: 27px;
    color: #bac7d5;
    font-size: 10px;
}
.resource-card-author a {
    color: var(--secondary);
}
.resource-card-open {
    display: flex;
    justify-content: space-between;
    margin-top: 14px;
    padding-top: 13px;
    border-top: 1px solid var(--border);
    color: var(--text);
    font-size: 11px;
    font-weight: 800;
}
.resource-card-open span {
    color: var(--primary);
}
.compact-resource-card {
    min-height: 340px;
}
.top-contributor-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 14px;
}
.top-contributor-card {
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-card);
}
.top-contributor-head {
    display: flex;
    gap: 13px;
    align-items: center;
}
.top-contributor-head h3 {
    margin: 5px 0 0;
}
.top-contributor-head p {
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 10px;
}
.top-contributor-stats {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 7px;
    margin-top: 16px;
}
.top-contributor-stats span {
    padding: 9px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted);
    text-align: center;
    font-size: 9px;
}
.top-contributor-stats strong {
    display: block;
    color: var(--text);
    font-size: 15px;
}
.contributor-badge {
    display: inline-flex;
    align-items: center;
    gap: 5px;
    min-height: 24px;
    padding: 3px 8px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font-size: 9px;
    font-weight: 900;
    line-height: 1;
    vertical-align: middle;
}
.contributor-bronze {
    color: #d59a63;
    border-color: rgba(213,154,99,.45);
    background: rgba(124,74,35,.16);
}
.contributor-silver {
    color: #d7e0ea;
    border-color: rgba(215,224,234,.45);
    background: rgba(var(--muted-rgb),.13);
}
.contributor-gold {
    color: #facc15;
    border-color: rgba(250,204,21,.48);
    background: rgba(202,138,4,.14);
}
.contributor-diamond {
    color: #67e8f9;
    border-color: rgba(103,232,249,.52);
    background: rgba(8,145,178,.15);
    box-shadow: 0 0 18px rgba(var(--secondary-rgb),.1);
}
.contributor-founding,
.contributor-special {
    color: #f0abfc;
    border-color: rgba(240,171,252,.42);
    background: rgba(168,85,247,.12);
}
.contributor-none {
    color: var(--muted);
}
.member-card-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 4px;
}
.contribution-record-grid {
    display: grid;
    grid-template-columns: 1.4fr repeat(3, 1fr);
    gap: 10px;
}
.contribution-record-grid > div {
    min-height: 110px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}
.contribution-record-grid strong {
    font-size: 26px;
}
.contribution-record-grid span {
    color: var(--muted);
    font-size: 10px;
}
.contribution-level-panel .contributor-badge {
    align-self: flex-start;
    margin-bottom: 10px;
}
.member-special-badges {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 12px;
}

/* Resource detail */
.resource-detail-v12 .resource-detail-hero-grid {
    align-items: center;
}
.resource-contributor-line {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 18px;
    color: var(--muted);
    font-size: 12px;
}
.resource-contributor-line > a {
    color: var(--secondary);
}
.resource-source-label {
    display: inline-flex;
    padding: 6px 9px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--secondary);
    background: rgba(var(--secondary-rgb),.06);
    font-size: 9px;
    font-weight: 900;
    text-transform: uppercase;
    letter-spacing: .05em;
}
.resource-source-label.source-official_external { color: var(--success); background: rgba(34,197,94,.06); }
.resource-source-label.source-open_licensed { color: #c4b5fd; background: rgba(139,92,246,.08); }
.resource-action-stack {
    display: grid;
    gap: 9px;
    margin-top: 17px;
}
.resource-inline-actions {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 8px;
}
.resource-engagement-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 6px;
    margin-top: 16px;
}
.resource-engagement-grid div {
    padding: 9px 5px;
    border: 1px solid var(--border);
    border-radius: 8px;
    text-align: center;
}
.resource-engagement-grid strong,
.resource-engagement-grid span {
    display: block;
}
.resource-engagement-grid strong {
    font-size: 15px;
}
.resource-engagement-grid span {
    color: var(--muted);
    font-size: 8px;
}
.resource-takeaways {
    margin-bottom: 35px;
    padding: 25px;
    border: 1px solid rgba(var(--secondary-rgb),.27);
    border-radius: 15px;
    background: linear-gradient(145deg, rgba(var(--secondary-rgb),.055), rgba(23,38,58,.7));
}
.resource-takeaways h2 {
    margin: 7px 0 14px;
}
.resource-takeaways ul {
    display: grid;
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
}
.resource-takeaways li {
    position: relative;
    padding-left: 25px;
    color: var(--text-soft);
}
.resource-takeaways li::before {
    content: "✓";
    position: absolute;
    left: 0;
    color: var(--secondary);
    font-weight: 900;
}
.learning-article-body {
    color: var(--text-soft);
    font-size: 16px;
    line-height: 1.8;
}
.learning-article-body h2 {
    margin: 38px 0 10px;
    color: var(--text);
    font-size: 27px;
    line-height: 1.2;
}
.learning-article-body h2:first-child {
    margin-top: 0;
}
.learning-article-body h3 {
    margin: 26px 0 9px;
    color: var(--text);
    font-size: 19px;
}
.learning-article-body p {
    margin: 0 0 18px;
}
.learning-article-body ul {
    margin: 0 0 22px;
    padding-left: 22px;
}
.learning-article-body li {
    margin-bottom: 8px;
}
.resource-rights-note {
    padding-top: 10px;
    border-top: 1px solid var(--border);
    color: var(--muted);
    font-size: 11px;
}
.resource-revision-item {
    padding: 11px 0;
    border-top: 1px solid var(--border);
}
.resource-revision-item:first-of-type {
    border-top: 0;
}
.resource-revision-item strong,
.resource-revision-item small {
    display: block;
}
.resource-revision-item p {
    margin: 4px 0;
    color: var(--muted);
    font-size: 11px;
}
.resource-revision-item small {
    color: #718096;
    font-size: 9px;
}
.related-learning-split {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 34px;
}
.related-video-list {
    display: grid;
    gap: 10px;
}
.related-video-list article {
    display: grid;
    grid-template-columns: 145px 1fr;
    gap: 14px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}
.related-video-list img {
    width: 145px;
    height: 90px;
    object-fit: cover;
    border-radius: 8px;
}
.related-video-list span {
    color: var(--secondary);
    font-size: 8px;
    font-weight: 900;
}
.related-video-list h3 {
    margin: 2px 0;
    font-size: 14px;
}
.related-video-list p,
.related-video-list a {
    margin: 0;
    color: var(--muted);
    font-size: 10px;
}
.related-video-list a {
    color: var(--primary);
}
.compact-empty {
    min-height: 120px;
}

/* Submission form */
.resource-submit-hero {
    padding-bottom: 54px;
}
.resource-safety-card strong {
    display: block;
    color: var(--primary);
    font-size: 18px;
}
.resource-safety-card p {
    margin-top: 8px;
    color: var(--muted);
    font-size: 13px;
}
.resource-contribution-form {
    display: grid;
    gap: 18px;
    max-width: 1050px;
    margin: 0 auto;
}
.resource-format-fieldset,
.resource-form-section,
.resource-format-panel,
.admin-editor-form {
    margin: 0;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--bg-card);
}
.resource-format-fieldset legend {
    padding: 0 8px;
    color: var(--text);
    font-size: 20px;
    font-weight: 800;
}
.resource-format-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 12px;
}
.resource-format-option {
    position: relative;
    display: grid;
    gap: 8px;
    min-height: 175px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: rgba(var(--bg-main-rgb),.52);
    cursor: pointer;
}
.resource-format-option:has(input:checked) {
    border-color: var(--primary);
    background: rgba(var(--primary-rgb),.055);
    box-shadow: 0 0 0 2px rgba(var(--primary-rgb),.08);
}
.resource-format-option input {
    position: absolute;
    top: 14px;
    right: 14px;
    width: auto;
    min-height: auto;
}
.resource-format-icon {
    width: 54px;
    height: 54px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--secondary-rgb),.35);
    border-radius: 11px;
    color: var(--secondary);
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    font-weight: 900;
}
.resource-format-option strong {
    font-size: 15px;
}
.resource-format-option small {
    color: var(--muted);
    font-size: 11px;
}
.resource-form-heading {
    display: flex;
    align-items: flex-start;
    gap: 13px;
    margin-bottom: 20px;
}
.resource-form-heading > span {
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--primary-rgb),.45);
    border-radius: 9px;
    color: var(--primary);
    font-family: "JetBrains Mono", monospace;
    font-weight: 900;
}
.resource-form-heading h2 {
    margin: 0;
    font-size: 20px;
}
.resource-form-heading p {
    margin: 2px 0 0;
    color: var(--muted);
    font-size: 11px;
}
.resource-contribution-form label,
.admin-editor-form label {
    display: block;
    margin-top: 14px;
}
.resource-contribution-form label small,
.admin-editor-form label small {
    display: block;
    margin-top: 5px;
    color: var(--muted);
    font-size: 10px;
}
.resource-format-panel[hidden] {
    display: none;
}
.resource-file-drop {
    min-height: 140px;
    display: grid !important;
    place-items: center;
    padding: 24px;
    border: 1px dashed rgba(var(--secondary-rgb),.45);
    border-radius: 12px;
    background: rgba(var(--secondary-rgb),.03);
    text-align: center;
}
.resource-file-drop input {
    max-width: 460px;
}
.three-columns {
    grid-template-columns: repeat(3, 1fr);
}

/* Collections */
.resource-collection-hero.accent-orange { border-bottom-color: rgba(var(--primary-rgb),.35); }
.resource-collection-hero.accent-cyan { border-bottom-color: rgba(var(--secondary-rgb),.35); }
.resource-collection-hero.accent-gold { border-bottom-color: rgba(250,204,21,.35); }
.resource-collection-hero.accent-steel { border-bottom-color: rgba(var(--muted-rgb),.35); }
.resource-collection-hero.accent-red { border-bottom-color: rgba(251,113,133,.35); }
.resource-collection-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 22px;
}
.resource-collection-meta span {
    padding: 6px 9px;
    border: 1px solid rgba(var(--muted-rgb),.25);
    border-radius: 7px;
    color: #c4cfda;
    font-size: 10px;
}
.collection-route-graphic {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 190px;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: rgba(var(--bg-main-rgb),.65);
}
.collection-route-graphic span {
    min-width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--secondary-rgb),.38);
    border-radius: 50%;
    color: var(--secondary);
    font-family: "JetBrains Mono", monospace;
    font-size: 10px;
    font-weight: 900;
}
.collection-route-graphic i {
    width: 60px;
    height: 1px;
    background: linear-gradient(90deg, rgba(var(--secondary-rgb),.2), var(--primary), rgba(var(--secondary-rgb),.2));
}
.collection-progress-line {
    display: flex;
    justify-content: space-between;
    margin-bottom: 20px;
    padding-bottom: 13px;
    border-bottom: 1px solid var(--border);
}
.collection-progress-line span {
    color: var(--muted);
    font-size: 11px;
}
.collection-resource-list {
    display: grid;
    gap: 12px;
}
.collection-resource-list article {
    display: grid;
    grid-template-columns: 46px 62px 1fr auto;
    gap: 16px;
    align-items: center;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
}
.collection-step {
    color: var(--primary);
    font-family: "JetBrains Mono", monospace;
    font-size: 12px;
    font-weight: 900;
}
.collection-resource-icon {
    width: 58px;
    height: 58px;
    display: grid;
    place-items: center;
    border: 1px solid rgba(var(--secondary-rgb),.34);
    border-radius: 11px;
    color: var(--secondary);
    background: rgba(var(--bg-main-rgb),.58);
    font-family: "JetBrains Mono", monospace;
    font-size: 9px;
    font-weight: 900;
}
.collection-resource-copy h2 {
    margin: 5px 0;
    font-size: 17px;
}
.collection-resource-copy > p {
    margin: 0;
    color: var(--muted);
    font-size: 12px;
}
.collection-resource-meta {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 9px;
    color: #9facbb;
    font-size: 9px;
}
.collection-resource-meta a {
    color: var(--secondary);
}
.collection-open-button {
    min-width: 88px;
    display: flex;
    justify-content: space-between;
    padding: 9px 11px;
    border: 1px solid var(--border);
    border-radius: 8px;
    font-size: 10px;
    font-weight: 800;
}
.collection-open-button span {
    color: var(--primary);
}
.collection-cta {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 30px;
}
.collection-cta h2 {
    margin: 6px 0;
}
.collection-cta p {
    margin: 0;
    color: var(--muted);
}

/* Admin resource tools */
.moderation-resource-links {
    display: flex;
    flex-wrap: wrap;
    gap: 14px;
    margin: 14px 0;
    color: var(--muted);
    font-size: 10px;
}
.status-filter small {
    margin-left: 4px;
    color: var(--muted);
}
.button-warning {
    color: #111827;
    background: #fbbf24;
}
.admin-editor-form {
    max-width: 1000px;
}
.admin-split-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr);
    gap: 22px;
    align-items: start;
}
.admin-record-list {
    display: grid;
    gap: 10px;
}
.admin-record-list > h2 {
    margin-top: 0;
}
.admin-record-list article {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    padding: 16px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}
.admin-record-list h3 {
    margin: 8px 0 3px;
}
.admin-record-list p {
    margin: 0;
    color: var(--muted);
    font-size: 11px;
}
.admin-record-list small {
    color: #748398;
}
.admin-record-list article > div:last-child {
    display: grid;
    align-content: start;
    gap: 8px;
}
.collection-resource-picker {
    max-height: 470px;
    margin: 18px 0;
    padding: 13px;
    overflow: auto;
    border: 1px solid var(--border);
    border-radius: 10px;
}
.collection-resource-picker legend {
    padding: 0 6px;
    font-weight: 800;
}
.collection-resource-picker label {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 9px;
    align-items: start;
    margin: 0;
    padding: 8px;
    border-bottom: 1px solid rgba(var(--border-rgb),.55);
}
.collection-resource-picker input {
    width: auto;
    min-height: auto;
    margin-top: 4px;
}
.collection-resource-picker strong,
.collection-resource-picker small {
    display: block;
}
.collection-resource-picker small {
    color: var(--muted);
    font-size: 9px;
}
.contributor-threshold-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 10px;
    margin: 20px 0;
}
.contributor-threshold {
    padding: 14px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: var(--bg-card);
}
.contributor-threshold strong,
.contributor-threshold span {
    display: block;
}
.contributor-threshold span {
    color: var(--muted);
    font-size: 10px;
}
.contributor-admin-card .moderation-card-head > strong {
    color: var(--primary);
    font-size: 19px;
}

/* responsive v1.2 */
@media (max-width: 1180px) {
    .resource-library-filter {
        grid-template-columns: repeat(4, 1fr);
    }
    .resource-filter-search {
        grid-column: span 2;
    }
    .resource-library-grid,
    .resource-collection-grid,
    .top-contributor-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 900px) {
    .resource-library-hero-grid,
    .resource-submit-hero-grid,
    .resource-collection-hero-grid,
    .resource-featured-card,
    .related-learning-split,
    .admin-split-layout {
        grid-template-columns: 1fr;
    }
    .resource-featured-visual {
        min-height: 270px;
    }
    .resource-subject-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .resource-format-grid,
    .three-columns,
    .contribution-record-grid,
    .contributor-threshold-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .collection-resource-list article {
        grid-template-columns: 42px 52px 1fr;
    }
    .collection-open-button {
        grid-column: 3;
        justify-self: start;
    }
}

@media (max-width: 660px) {
    .resource-library-hero,
    .resource-submit-hero,
    .resource-collection-hero {
        padding: 58px 0 44px;
    }
    .resource-library-hero h1,
    .resource-submit-hero h1,
    .resource-collection-hero h1 {
        font-size: 42px;
        letter-spacing: -2px;
    }
    .resource-hero-search {
        grid-template-columns: auto 1fr;
    }
    .resource-hero-search button {
        grid-column: 1 / -1;
    }
    .resource-library-grid,
    .resource-collection-grid,
    .top-contributor-grid,
    .resource-subject-grid,
    .resource-format-grid,
    .three-columns,
    .contribution-record-grid,
    .contributor-threshold-grid,
    .resource-library-filter {
        grid-template-columns: 1fr;
    }
    .resource-filter-search {
        grid-column: auto;
    }
    .resource-featured-copy {
        padding: 26px;
    }
    .resource-inline-actions {
        grid-template-columns: 1fr;
    }
    .resource-engagement-grid {
        grid-template-columns: repeat(2, 1fr);
    }
    .related-video-list article {
        grid-template-columns: 105px 1fr;
    }
    .related-video-list img {
        width: 105px;
        height: 78px;
    }
    .collection-resource-list article {
        grid-template-columns: 38px 1fr;
    }
    .collection-resource-icon {
        grid-column: 1;
        grid-row: 2;
    }
    .collection-resource-copy {
        grid-column: 2;
        grid-row: 1 / span 2;
    }
    .collection-open-button {
        grid-column: 2;
    }
    .collection-route-graphic {
        min-height: 140px;
    }
    .collection-route-graphic i {
        width: 28px;
    }
    .collection-cta,
    .collection-progress-line {
        align-items: flex-start;
        flex-direction: column;
    }
}

.status-changes_requested {
    color: #fbbf24;
    border-color: rgba(251,191,36,.42);
    background: rgba(251,191,36,.08);
}


/* v1.2.2 mobile navigation containment fix */
@media (max-width: 1100px) {
    .site-header {
        overflow: visible;
    }

    .nav-toggle {
        position: relative;
        display: block;
    }

    .nav-toggle span {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: 0;
        transform-origin: center;
    }

    .nav-toggle span:nth-child(1) {
        transform: translate(-50%, -50%) translateY(-6px);
    }

    .nav-toggle span:nth-child(2) {
        transform: translate(-50%, -50%);
    }

    .nav-toggle span:nth-child(3) {
        transform: translate(-50%, -50%) translateY(6px);
    }

    .nav-toggle[aria-expanded="true"] span:nth-child(1) {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .nav-toggle[aria-expanded="true"] span:nth-child(2) {
        opacity: 0;
    }

    .nav-toggle[aria-expanded="true"] span:nth-child(3) {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

    .main-nav {
        position: absolute !important;
        z-index: 210;
        top: 100% !important;
        right: 0 !important;
        bottom: auto !important;
        left: auto !important;
        display: flex !important;
        width: min(390px, 92vw);
        height: calc(100dvh - 70px);
        max-height: calc(100dvh - 70px);
        flex-direction: column;
        align-items: stretch;
        gap: 4px;
        margin: 0;
        padding: 18px;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 0;
        border-left: 1px solid var(--border);
        border-radius: 0;
        background: rgba(var(--bg-main-rgb), .99);
        box-shadow: -25px 0 70px rgba(var(--shadow-rgb), .42);
        visibility: hidden;
        pointer-events: none;
        opacity: 0;
        transform: translateX(105%);
        transition:
            transform .22s ease,
            opacity .18s ease,
            visibility 0s linear .22s;
    }

    .main-nav.open {
        display: flex !important;
        visibility: visible;
        pointer-events: auto;
        opacity: 1;
        transform: translateX(0);
        transition-delay: 0s;
    }

    .nav-backdrop {
        position: absolute !important;
        z-index: 200;
        top: 100% !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100%;
        height: calc(100dvh - 70px);
        padding: 0;
        border: 0;
        background: rgba(2, 6, 13, .72);
        backdrop-filter: blur(3px);
    }
}

@media (max-width: 540px) {
    .main-nav {
        width: 100%;
        border-left: 0;
    }
}

/* v1.3 account trust, recovery and launch security */
.email-verification-banner {
    position: relative;
    z-index: 95;
    border-bottom: 1px solid rgba(var(--primary-rgb), .35);
    background: rgba(71, 42, 4, .96);
    color: #fef3c7;
}
.email-verification-banner .container {
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding-top: 8px;
    padding-bottom: 8px;
}
.email-verification-banner strong,
.email-verification-banner span {
    display: inline;
}
.email-verification-banner span {
    margin-left: 8px;
    color: #fde68a;
    font-size: 13px;
}
.email-verification-banner a {
    color: #fff;
    font-weight: 800;
    white-space: nowrap;
}
.security-layout {
    display: grid;
    grid-template-columns: 235px minmax(0, 1fr);
    gap: 28px;
    align-items: start;
}
.security-side-nav {
    position: sticky;
    top: 104px;
    display: grid;
    gap: 6px;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-secondary);
}
.security-side-nav a {
    padding: 12px 14px;
    border-radius: 8px;
    color: var(--muted);
    font-weight: 700;
}
.security-side-nav a:hover,
.security-side-nav a.active {
    color: var(--text);
    background: var(--bg-card);
}
.security-content {
    min-width: 0;
}
.security-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin-bottom: 22px;
}
.security-summary-card {
    min-height: 138px;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
}
.security-summary-card span,
.security-summary-card strong,
.security-summary-card small {
    display: block;
}
.security-summary-card span {
    color: var(--secondary);
    font-family: var(--font-mono);
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
}
.security-summary-card strong {
    margin-top: 18px;
    color: var(--text);
    font-size: 23px;
}
.security-summary-card small {
    margin-top: 9px;
    color: var(--muted);
    line-height: 1.5;
}
.security-event-list {
    display: grid;
    gap: 10px;
}
.security-event-list > div {
    padding: 16px 18px;
    border: 1px solid var(--border);
    border-radius: 10px;
    background: rgba(var(--text-rgb),.018);
}
.security-event-list span {
    display: block;
    color: var(--secondary);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 700;
}
.security-event-list strong {
    display: block;
    margin-top: 7px;
    color: var(--text);
}
.security-event-list p {
    margin: 7px 0 0;
    color: var(--muted);
}
.session-list {
    display: grid;
    gap: 12px;
}
.session-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 11px;
    background: rgba(var(--text-rgb),.018);
}
.session-card strong,
.session-card small {
    display: block;
}
.session-card p {
    margin: 6px 0;
    color: var(--muted);
    overflow-wrap: anywhere;
}
.session-card small {
    color: var(--muted);
}
.auth-result-section {
    min-height: 64vh;
    display: grid;
    align-items: center;
}
.auth-result-card {
    padding: 46px 34px;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--bg-card);
    text-align: center;
}
.security-result-icon {
    width: 70px;
    height: 70px;
    display: grid;
    place-items: center;
    margin: 0 auto 20px;
    border-radius: 50%;
    background: rgba(34,197,94,.12);
    color: var(--success);
    font-size: 34px;
    font-weight: 900;
}
.auth-result-card.is-error .security-result-icon {
    background: rgba(239,68,68,.12);
    color: var(--danger);
}
.auth-result-card h1 {
    margin: 14px 0;
}
.auth-result-card p {
    max-width: 650px;
    margin: 0 auto 25px;
    color: var(--muted);
    line-height: 1.7;
}
.policy-layout {
    max-width: 900px;
}
.policy-article {
    padding: clamp(24px, 5vw, 52px);
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--bg-card);
}
.policy-article h2 {
    margin: 34px 0 10px;
    color: var(--text);
}
.policy-article h2:first-child {
    margin-top: 0;
}
.policy-article p {
    color: var(--muted);
    line-height: 1.8;
}
.health-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0;
}
.health-card {
    display: flex;
    gap: 14px;
    min-height: 116px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-card);
}
.health-card > span {
    width: 34px;
    height: 34px;
    flex: 0 0 auto;
    display: grid;
    place-items: center;
    border-radius: 50%;
    background: rgba(34,197,94,.12);
    color: var(--success);
    font-weight: 900;
}
.health-card.is-warning > span {
    background: rgba(var(--primary-rgb),.14);
    color: var(--primary);
}
.health-card strong,
.health-card p {
    display: block;
}
.health-card p {
    margin: 7px 0 0;
    color: var(--muted);
    font-size: 12px;
    line-height: 1.55;
    overflow-wrap: anywhere;
}
.table-action-row {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
}
.button-danger {
    border: 1px solid rgba(239,68,68,.5);
    background: rgba(239,68,68,.1);
    color: #fecaca;
}
button:disabled,
.button:disabled {
    cursor: not-allowed;
    opacity: .45;
}
code {
    padding: 2px 6px;
    border: 1px solid var(--border);
    border-radius: 5px;
    background: var(--bg-main);
    color: var(--secondary);
    font-family: var(--font-mono);
}

@media (max-width: 980px) {
    .security-layout {
        grid-template-columns: 1fr;
    }
    .security-side-nav {
        position: static;
        display: flex;
        overflow-x: auto;
    }
    .security-side-nav a {
        white-space: nowrap;
    }
    .security-summary-grid,
    .health-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .email-verification-banner .container {
        align-items: flex-start;
    }
    .email-verification-banner span {
        display: block;
        margin: 3px 0 0;
    }
    .security-summary-grid,
    .health-grid {
        grid-template-columns: 1fr;
    }
    .session-card {
        align-items: flex-start;
        flex-direction: column;
    }
    .policy-article {
        padding: 22px;
    }
}

/* v1.4 admin operations and moderation intelligence */
.admin-operations-page .container,
.admin-activity-page .container { max-width: 1320px; }
.admin-operations-header { align-items: center; }
.admin-header-actions { display: flex; align-items: center; gap: 12px; flex-wrap: wrap; }
.admin-dashboard-section { margin-top: 34px; }
.admin-section-caption { max-width: 340px; color: var(--muted); font-size: 12px; line-height: 1.5; }

.admin-queue-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.admin-queue-card { position: relative; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 16px; min-height: 138px; padding: 22px; overflow: hidden; color: var(--text); background: var(--bg-card); border: 1px solid var(--border); border-radius: var(--radius); transition: transform .18s ease, border-color .18s ease, background .18s ease; }
.admin-queue-card::before { content: ""; position: absolute; inset: 0 auto 0 0; width: 4px; background: var(--primary); }
.admin-queue-card:hover { transform: translateY(-2px); border-color: rgba(var(--muted-rgb),.55); background: rgba(25,43,65,.98); }
.admin-queue-card.tone-cyan::before { background: var(--secondary); }
.admin-queue-card.tone-red::before { background: #fb7185; }
.admin-queue-card.tone-green::before { background: #4ade80; }
.admin-queue-card.tone-purple::before { background: #c084fc; }
.admin-queue-card.tone-slate::before { background: var(--muted); }
.admin-queue-count { min-width: 62px; color: var(--primary); font-size: 34px; font-weight: 850; line-height: 1; }
.admin-queue-card.tone-cyan .admin-queue-count { color: var(--secondary); }
.admin-queue-card.tone-red .admin-queue-count { color: #fb7185; }
.admin-queue-card.tone-green .admin-queue-count { color: #4ade80; }
.admin-queue-card.tone-purple .admin-queue-count { color: #c084fc; }
.admin-queue-card.tone-slate .admin-queue-count { color: var(--text-soft); }
.admin-queue-card strong { display: block; margin-bottom: 7px; font-size: 15px; }
.admin-queue-card p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.55; }
.admin-queue-arrow { color: var(--secondary); font-size: 19px; }

.admin-pulse-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.admin-pulse-card { padding: 20px; background: linear-gradient(180deg, rgba(23,38,58,.96), rgba(15,28,46,.96)); border: 1px solid var(--border); border-radius: 12px; }
.admin-pulse-card strong,
.admin-pulse-card span,
.admin-pulse-card small { display: block; }
.admin-pulse-card strong { color: var(--primary); font-size: 28px; line-height: 1; }
.admin-pulse-card span { margin-top: 10px; color: var(--text); font-size: 12px; font-weight: 750; }
.admin-pulse-card small { margin-top: 4px; color: var(--muted); font-size: 9px; }

.admin-dashboard-columns { display: grid; grid-template-columns: minmax(0, 1.55fr) minmax(320px, .75fr); gap: 20px; align-items: start; margin-top: 34px; }
.admin-dashboard-columns .admin-panel { margin-top: 0; }
.admin-side-stack { display: grid; gap: 20px; }
.admin-activity-list { position: relative; display: grid; }
.admin-activity-list::before { content: ""; position: absolute; top: 15px; bottom: 15px; left: 7px; width: 1px; background: var(--border); }
.admin-activity-item { position: relative; display: grid; grid-template-columns: 16px 1fr; gap: 16px; padding: 0 0 22px; }
.admin-activity-item:last-child { padding-bottom: 0; }
.admin-action-dot { position: relative; z-index: 1; width: 15px; height: 15px; margin-top: 5px; border: 3px solid var(--bg-secondary); border-radius: 50%; background: var(--secondary); box-shadow: 0 0 0 1px var(--border); }
.admin-action-dot.tone-success { background: #4ade80; }
.admin-action-dot.tone-warning { background: var(--primary); }
.admin-action-dot.tone-danger { background: #fb7185; }
.admin-activity-copy { min-width: 0; padding-bottom: 19px; border-bottom: 1px solid rgba(var(--border-rgb),.72); }
.admin-activity-item:last-child .admin-activity-copy { padding-bottom: 0; border-bottom: 0; }
.admin-activity-topline { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.admin-activity-topline > strong { font-size: 12px; }
.admin-action-pill { display: inline-flex; align-items: center; min-height: 23px; padding: 4px 8px; color: var(--secondary); background: rgba(var(--secondary-rgb),.08); border: 1px solid rgba(var(--secondary-rgb),.2); border-radius: 999px; font-size: 8px; font-weight: 850; letter-spacing: .45px; text-transform: uppercase; }
.admin-action-pill.tone-success { color: #4ade80; background: rgba(74,222,128,.08); border-color: rgba(74,222,128,.2); }
.admin-action-pill.tone-warning { color: var(--primary); background: rgba(var(--primary-rgb),.08); border-color: rgba(var(--primary-rgb),.22); }
.admin-action-pill.tone-danger { color: #fb7185; background: rgba(251,113,133,.08); border-color: rgba(251,113,133,.22); }
.admin-activity-copy p { margin: 8px 0 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.admin-activity-copy p a,
.admin-activity-copy p strong { color: var(--text); font-weight: 750; }
.admin-activity-copy p a:hover { color: var(--secondary); }
.admin-activity-note { display: block; margin-top: 8px; padding: 9px 11px; color: var(--text-soft); background: rgba(var(--text-rgb),.025); border-left: 2px solid var(--border); font-size: 10px; line-height: 1.5; }
.admin-activity-time { display: block; margin-top: 8px; color: var(--muted); font-size: 9px; }

.admin-status-list { display: grid; gap: 9px; }
.admin-status-row { display: grid; grid-template-columns: 30px 1fr; gap: 11px; align-items: start; padding: 12px; color: var(--text); background: rgba(var(--text-rgb),.02); border: 1px solid var(--border); border-radius: 10px; }
.admin-status-row > span { display: grid; width: 28px; height: 28px; place-items: center; color: #4ade80; background: rgba(74,222,128,.08); border-radius: 50%; font-weight: 900; }
.admin-status-row.is-warning > span { color: var(--primary); background: rgba(var(--primary-rgb),.1); }
.admin-status-row strong,
.admin-status-row small { display: block; }
.admin-status-row strong { font-size: 11px; }
.admin-status-row small { margin-top: 4px; color: var(--muted); font-size: 9px; line-height: 1.45; }
.admin-compact-list { display: grid; gap: 0; }
.admin-compact-list > div { padding: 12px 0; border-bottom: 1px solid var(--border); }
.admin-compact-list > div:last-child { border-bottom: 0; }
.admin-compact-list strong,
.admin-compact-list span,
.admin-compact-list small { display: block; }
.admin-compact-list strong { font-size: 11px; }
.admin-compact-list span { margin-top: 4px; color: var(--muted); font-size: 10px; line-height: 1.45; overflow-wrap: anywhere; }
.admin-compact-list small { margin-top: 5px; color: var(--muted); font-size: 8px; }
.admin-email-warning { border-color: rgba(251,113,133,.3); }
.empty-state.compact { padding: 12px 0; background: transparent; border: 0; }

.admin-quick-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.admin-quick-grid a { min-height: 112px; padding: 20px; color: var(--text); background: var(--bg-card); border: 1px solid var(--border); border-radius: 12px; }
.admin-quick-grid a:hover { border-color: var(--secondary); }
.admin-quick-grid strong,
.admin-quick-grid span { display: block; }
.admin-quick-grid strong { font-size: 13px; }
.admin-quick-grid span { margin-top: 8px; color: var(--muted); font-size: 10px; line-height: 1.55; }

.admin-activity-filters { display: grid; grid-template-columns: 1.35fr repeat(4, minmax(140px, 1fr)); gap: 12px; align-items: end; margin-top: 28px; padding: 18px; background: var(--bg-secondary); border: 1px solid var(--border); border-radius: 13px; }
.admin-activity-filters label > span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 9px; font-weight: 800; letter-spacing: .65px; text-transform: uppercase; }
.admin-activity-filters input,
.admin-activity-filters select { width: 100%; min-height: 44px; }
.admin-filter-actions { display: flex; gap: 8px; }
.admin-filter-actions .button { flex: 1; min-width: 0; padding-inline: 12px; }
.admin-activity-summary { display: flex; align-items: baseline; gap: 7px; margin: 24px 0 15px; }
.admin-activity-summary strong { color: var(--primary); font-size: 22px; }
.admin-activity-summary span { color: var(--text); font-weight: 750; }
.admin-activity-summary small { margin-left: auto; color: var(--muted); }
.admin-activity-ledger { position: relative; display: grid; gap: 14px; }
.admin-ledger-entry { display: grid; grid-template-columns: 32px 1fr; gap: 13px; }
.admin-ledger-marker { position: relative; display: grid; justify-items: center; }
.admin-ledger-marker::after { content: ""; position: absolute; top: 24px; bottom: -20px; width: 1px; background: var(--border); }
.admin-ledger-entry:last-child .admin-ledger-marker::after { display: none; }
.admin-ledger-marker span { position: relative; z-index: 1; width: 14px; height: 14px; margin-top: 20px; background: var(--secondary); border: 3px solid var(--bg-primary); border-radius: 50%; box-shadow: 0 0 0 1px var(--border); }
.admin-ledger-marker.tone-success span { background: #4ade80; }
.admin-ledger-marker.tone-warning span { background: var(--primary); }
.admin-ledger-marker.tone-danger span { background: #fb7185; }
.admin-ledger-main { min-width: 0; padding: 18px 20px; background: var(--bg-card); border: 1px solid var(--border); border-radius: 13px; }
.admin-ledger-heading { display: flex; align-items: center; justify-content: space-between; gap: 18px; }
.admin-ledger-heading > div { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.admin-ledger-heading time { color: var(--muted); font-size: 9px; white-space: nowrap; }
.admin-entity-kind { color: var(--muted); font-size: 9px; font-weight: 750; text-transform: uppercase; letter-spacing: .5px; }
.admin-ledger-main h2 { margin: 12px 0 0; font-size: 18px; line-height: 1.25; }
.admin-ledger-main h2 a { color: var(--text); }
.admin-ledger-main h2 a:hover { color: var(--secondary); }
.admin-ledger-actor { margin: 7px 0 0; color: var(--muted); font-size: 10px; }
.admin-ledger-note { margin-top: 14px; padding: 12px 14px; color: var(--text-soft); background: rgba(var(--text-rgb),.025); border-left: 3px solid var(--primary); border-radius: 0 7px 7px 0; font-size: 11px; line-height: 1.55; }
.admin-ledger-main footer { display: flex; gap: 14px; flex-wrap: wrap; align-items: center; margin-top: 15px; padding-top: 12px; color: var(--muted); border-top: 1px solid var(--border); font-size: 9px; }
.admin-ledger-main footer a { margin-left: auto; color: var(--secondary); font-weight: 750; }
.admin-pagination { margin-top: 28px; }

@media (max-width: 1180px) {
    .admin-queue-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-pulse-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-activity-filters { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .admin-activity-filters label:first-child { grid-column: span 2; }
    .admin-filter-actions { grid-column: span 1; }
}

@media (max-width: 900px) {
    .admin-dashboard-columns { grid-template-columns: 1fr; }
    .admin-quick-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-activity-filters { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .admin-activity-filters label:first-child { grid-column: 1 / -1; }
    .admin-filter-actions { grid-column: 1 / -1; }
}

@media (max-width: 620px) {
    .admin-header-actions { align-items: stretch; width: 100%; }
    .admin-header-actions .button { flex: 1; }
    .admin-queue-grid,
    .admin-pulse-grid,
    .admin-quick-grid,
    .admin-activity-filters { grid-template-columns: 1fr; }
    .admin-activity-filters label:first-child,
    .admin-filter-actions { grid-column: auto; }
    .admin-queue-card { grid-template-columns: auto 1fr; min-height: 0; padding: 18px; }
    .admin-queue-arrow { display: none; }
    .admin-queue-count { min-width: 48px; font-size: 28px; }
    .admin-dashboard-columns .admin-panel { padding: 18px; }
    .admin-activity-summary { flex-wrap: wrap; }
    .admin-activity-summary small { width: 100%; margin-left: 0; }
    .admin-ledger-entry { grid-template-columns: 18px 1fr; gap: 8px; }
    .admin-ledger-main { padding: 15px; }
    .admin-ledger-heading { align-items: flex-start; flex-direction: column; gap: 8px; }
    .admin-ledger-main footer a { width: 100%; margin-left: 0; }
    .admin-filter-actions { flex-direction: column; }
}

/* =========================================================
   TechOpsBase v1.5 — guided onboarding and learning paths
   ========================================================= */
.learning-start-hero,
.learning-dashboard-hero,
.glossary-hero,
.glossary-term-hero,
.learning-reader-hero,
.learning-path-hero {
    position: relative;
    overflow: hidden;
    border-bottom: 1px solid var(--border);
    background:
        linear-gradient(125deg, rgba(var(--bg-main-rgb),.98), rgba(10,34,50,.94)),
        radial-gradient(circle at 84% 20%, rgba(var(--secondary-rgb),.12), transparent 34%);
}
.learning-start-hero::after,
.learning-path-hero::after,
.glossary-hero::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    opacity: .22;
    background-image:
        linear-gradient(rgba(60,100,132,.18) 1px, transparent 1px),
        linear-gradient(90deg, rgba(60,100,132,.18) 1px, transparent 1px);
    background-size: 54px 54px;
}
.learning-start-grid,
.learning-path-hero-grid,
.learning-dashboard-hero-grid {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(340px,.65fr);
    gap: 70px;
    align-items: center;
    min-height: 430px;
    padding-block: 86px;
}
.learning-start-grid h1,
.learning-path-hero h1,
.learning-dashboard-hero h1,
.glossary-hero h1,
.glossary-term-hero h1,
.learning-reader-hero h1 {
    max-width: 900px;
    margin: 18px 0 20px;
    color: var(--text);
    font-size: clamp(44px, 6vw, 78px);
    line-height: .98;
    letter-spacing: -.055em;
}
.learning-start-grid > div > p,
.learning-path-hero-grid > div > p,
.learning-dashboard-hero-grid > div > p,
.glossary-hero p,
.glossary-term-hero p,
.learning-reader-hero p {
    max-width: 760px;
    color: var(--muted);
    font-size: clamp(17px,2vw,22px);
    line-height: 1.75;
}
.learning-route-map {
    display: grid;
    gap: 12px;
}
.learning-route-map > div {
    display: grid;
    grid-template-columns: 48px 1fr;
    gap: 4px 16px;
    align-items: center;
    padding: 20px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: rgba(18,34,53,.84);
    box-shadow: 0 18px 45px rgba(var(--shadow-rgb),.15);
}
.learning-route-map span {
    grid-row: 1 / span 2;
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border: 1px solid rgba(var(--secondary-rgb),.38);
    border-radius: 12px;
    color: var(--primary);
    background: rgba(var(--secondary-rgb),.06);
    font-family: var(--font-mono);
    font-size: 13px;
    font-weight: 700;
}
.learning-route-map strong { color: var(--text); font-size: 15px; }
.learning-route-map small { color: var(--muted); line-height: 1.45; }

.audience-choice-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
}
.audience-choice-grid.public { grid-template-columns: repeat(5,minmax(0,1fr)); }
.audience-choice-card {
    position: relative;
    display: block;
    min-height: 230px;
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: var(--bg-secondary);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
    cursor: pointer;
}
.audience-choice-card:hover,
.audience-choice-card.active,
.audience-choice-card:has(input:checked) {
    transform: translateY(-3px);
    border-color: rgba(var(--secondary-rgb),.62);
    background: linear-gradient(150deg, rgba(18,42,61,.98), rgba(18,34,53,.98));
}
.audience-choice-card input {
    position: absolute;
    inset: 16px 16px auto auto;
    width: 20px;
    height: 20px;
    accent-color: var(--primary);
}
.audience-choice-icon {
    display: grid;
    place-items: center;
    width: 52px;
    height: 52px;
    margin-bottom: 22px;
    border: 1px solid rgba(var(--secondary-rgb),.36);
    border-radius: 13px;
    color: var(--primary);
    background: rgba(var(--secondary-rgb),.06);
    font-family: var(--font-mono);
    font-weight: 700;
}
.audience-choice-card h3 { margin: 0 0 10px; color: var(--text); font-size: 19px; }
.audience-choice-card p { margin: 0 0 20px; color: var(--muted); line-height: 1.65; }
.audience-choice-card > span:last-child { color: var(--primary); font-size: 12px; font-weight: 800; }
.learning-member-callout {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    margin-top: 28px;
    padding: 22px 24px;
    border: 1px solid rgba(var(--primary-rgb),.3);
    border-radius: 14px;
    background: rgba(var(--primary-rgb),.055);
}
.learning-member-callout strong { color: var(--text); }
.learning-member-callout p { margin: 5px 0 0; color: var(--muted); }

.learning-path-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 18px;
}
.learning-path-grid.expanded { grid-template-columns: repeat(3,minmax(0,1fr)); }
.learning-path-card,
.learning-enrollment-card {
    --learning-accent: var(--primary);
    position: relative;
    display: flex;
    min-height: 310px;
    flex-direction: column;
    padding: 24px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 16px;
    background: linear-gradient(155deg, rgba(24,42,65,.98), rgba(15,28,46,.98));
    transition: transform .2s ease, border-color .2s ease;
}
.learning-path-card::before,
.learning-enrollment-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 4px;
    background: var(--learning-accent);
}
.accent-orange { --learning-accent: var(--primary); }
.accent-cyan { --learning-accent: var(--secondary); }
.accent-green { --learning-accent: #4ade80; }
.accent-purple { --learning-accent: #c084fc; }
.learning-path-card:hover,
.learning-enrollment-card:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--learning-accent) 60%, var(--border)); }
.learning-path-topline,
.learning-enrollment-card > div:first-child {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    margin-bottom: 28px;
}
.learning-path-topline span,
.learning-enrollment-card > div:first-child span {
    color: var(--learning-accent);
    font-family: var(--font-mono);
    font-size: 10px;
    font-weight: 800;
    letter-spacing: .08em;
}
.learning-path-topline small,
.learning-enrollment-card > div:first-child small { color: var(--muted); }
.learning-path-card h2,
.learning-path-card h3,
.learning-enrollment-card h3 { margin: 0 0 12px; color: var(--text); font-size: 22px; line-height: 1.2; }
.learning-path-card p,
.learning-enrollment-card p { flex: 1; margin: 0 0 24px; color: var(--muted); line-height: 1.7; }
.learning-path-stats { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 22px; }
.learning-path-stats span {
    padding: 6px 8px;
    border: 1px solid var(--border);
    border-radius: 7px;
    color: var(--muted);
    font-size: 10px;
}
.learning-path-card > strong,
.learning-enrollment-card > strong { color: var(--learning-accent); font-size: 12px; }

.learning-filter-bar {
    display: grid;
    grid-template-columns: 1fr 1fr auto auto;
    gap: 12px;
    align-items: end;
    margin-bottom: 30px;
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-secondary);
}
.learning-filter-bar label span { display: block; margin-bottom: 7px; color: var(--muted); font-size: 10px; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; }

.onboarding-form fieldset {
    margin: 0 0 34px;
    padding: 0;
    border: 0;
}
.onboarding-form legend {
    margin-bottom: 18px;
    color: var(--text);
    font-size: 22px;
    font-weight: 800;
}
.learning-level-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
}
.learning-level-grid label {
    position: relative;
    min-height: 140px;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-secondary);
    cursor: pointer;
}
.learning-level-grid label:has(input:checked) { border-color: var(--primary); background: rgba(var(--secondary-rgb),.06); }
.learning-level-grid input { position: absolute; right: 18px; top: 18px; accent-color: var(--primary); }
.learning-level-grid strong { display: block; margin-bottom: 10px; color: var(--text); }
.learning-level-grid span { color: var(--muted); font-size: 13px; line-height: 1.6; }

.learning-path-hero { --learning-accent: var(--primary); }
.learning-path-hero.accent-orange { --learning-accent: var(--primary); }
.learning-path-hero.accent-green { --learning-accent: #4ade80; }
.learning-path-hero.accent-purple { --learning-accent: #c084fc; }
.learning-path-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 28px; }
.learning-path-meta span {
    padding: 8px 10px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--muted);
    background: rgba(10,24,40,.5);
    font-size: 11px;
}
.learning-path-meta .completed-label { color: #4ade80; border-color: rgba(74,222,128,.35); }
.learning-progress-panel {
    padding: 28px;
    border: 1px solid color-mix(in srgb, var(--learning-accent) 38%, var(--border));
    border-radius: 18px;
    background: rgba(14,29,47,.94);
}
.learning-progress-panel > strong { display: block; color: var(--learning-accent); font-size: 54px; line-height: 1; }
.learning-progress-panel > span { display: block; margin: 10px 0 20px; color: var(--muted); }
.learning-progress-bar {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(var(--text-rgb),.07);
}
.learning-progress-bar i { display: block; height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),var(--secondary)); }
.learning-progress-panel .button { margin-top: 22px; }
.learning-curriculum-layout,
.learning-reader-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 330px;
    gap: 28px;
    align-items: start;
}
.learning-module { margin-bottom: 28px; border: 1px solid var(--border); border-radius: 16px; background: var(--bg-secondary); }
.learning-module-heading {
    display: grid;
    grid-template-columns: 54px 1fr;
    gap: 18px;
    align-items: start;
    padding: 24px;
    border-bottom: 1px solid var(--border);
}
.learning-module-heading > span {
    display: grid;
    place-items: center;
    width: 54px;
    height: 54px;
    border: 1px solid rgba(var(--secondary-rgb),.35);
    border-radius: 12px;
    color: var(--primary);
    font-family: var(--font-mono);
    font-weight: 800;
}
.learning-module-heading h3 { margin: 0 0 6px; color: var(--text); font-size: 22px; }
.learning-module-heading p { margin: 0; color: var(--muted); }
.learning-item-list { padding: 10px; }
.learning-item-row {
    display: grid;
    grid-template-columns: 42px 1fr auto;
    gap: 14px;
    align-items: center;
    padding: 16px;
    border-radius: 11px;
}
.learning-item-row:hover { background: rgba(var(--text-rgb),.035); }
.learning-item-row + .learning-item-row { border-top: 1px solid rgba(43,61,82,.65); }
.learning-item-state {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border: 1px solid var(--border);
    border-radius: 9px;
    color: var(--primary);
    font-family: var(--font-mono);
    font-weight: 800;
}
.learning-item-row.completed .learning-item-state { color: #4ade80; border-color: rgba(74,222,128,.36); background: rgba(74,222,128,.06); }
.learning-item-row small { display: block; margin-bottom: 4px; color: var(--primary); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; }
.learning-item-row strong { display: block; color: var(--text); }
.learning-item-row p { margin: 4px 0 0; color: var(--muted); font-size: 12px; line-height: 1.5; }
.learning-item-row > b { color: var(--primary); }
.learning-path-aside { position: sticky; top: 95px; display: grid; gap: 16px; }

.learning-reader-hero,
.glossary-term-hero { padding: 78px 0 70px; }
.learning-back-link { display: inline-flex; margin-bottom: 24px; color: var(--primary); font-size: 12px; font-weight: 800; }
.learning-reader-card {
    min-height: 460px;
    padding: clamp(26px,5vw,58px);
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--bg-secondary);
}
.learning-article-body { color: #d7e0ec; font-size: 17px; line-height: 1.9; }
.learning-article-body h2 { margin: 36px 0 12px; color: var(--text); font-size: 28px; }
.learning-article-body h3 { margin: 28px 0 10px; color: var(--text); font-size: 21px; }
.learning-article-body ul { padding-left: 22px; }
.learning-article-body li { margin-bottom: 8px; }
.learning-linked-content { display: grid; justify-items: start; min-height: 330px; align-content: center; }
.learning-linked-icon {
    display: grid;
    place-items: center;
    width: 64px;
    height: 64px;
    margin-bottom: 24px;
    border: 1px solid rgba(var(--secondary-rgb),.35);
    border-radius: 14px;
    color: var(--primary);
    font-size: 24px;
    font-weight: 800;
}
.learning-linked-content h2 { margin: 0 0 12px; color: var(--text); }
.learning-linked-content p { max-width: 680px; margin: 0 0 28px; color: var(--muted); line-height: 1.75; }
.learning-complete-actions { margin-top: 42px; padding-top: 24px; border-top: 1px solid var(--border); }

.knowledge-check-form { display: grid; gap: 18px; }
.knowledge-check-form fieldset {
    padding: 24px;
    border: 1px solid var(--border);
    border-radius: 15px;
    background: var(--bg-secondary);
}
.knowledge-check-form legend { display: flex; gap: 14px; align-items: center; padding: 0 10px; color: var(--text); font-size: 17px; font-weight: 800; }
.knowledge-check-form legend span { color: var(--primary); font-family: var(--font-mono); font-size: 11px; }
.knowledge-check-form label { display: flex; gap: 12px; align-items: center; margin-top: 10px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; cursor: pointer; }
.knowledge-check-form label:hover { border-color: rgba(var(--secondary-rgb),.4); }
.knowledge-check-form input { accent-color: var(--primary); }
.quiz-result { padding: 30px; border: 1px solid var(--border); border-radius: 16px; background: var(--bg-secondary); }
.quiz-result > strong { color: var(--primary); font-size: 56px; }
.quiz-result.passed { border-color: rgba(74,222,128,.4); }
.quiz-result.passed > strong { color: #4ade80; }
.quiz-result h2 { margin: 4px 0 8px; color: var(--text); }
.quiz-result p { margin: 0; color: var(--muted); }
.quiz-review { display: grid; gap: 12px; margin-top: 22px; }
.quiz-review article { padding: 20px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-secondary); }
.quiz-review h3 { margin: 0 0 8px; color: var(--text); font-size: 16px; }
.quiz-review p { color: var(--muted); }
.quiz-review small { color: #4ade80; }
.quiz-actions { display: flex; gap: 12px; margin-top: 24px; }

.learning-dashboard-hero-grid { min-height: 300px; padding-block: 64px; }
.learning-enrollment-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 16px; }
.learning-enrollment-card { min-height: 260px; }
.learning-empty-dashboard,
.learning-empty-inline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 24px;
    padding: 26px;
    border: 1px dashed var(--border);
    border-radius: 14px;
    color: var(--muted);
}
.account-learning-strip { display: grid; gap: 10px; }
.account-learning-strip > a { display: grid; grid-template-columns: 60px 1fr; gap: 16px; align-items: center; padding: 14px; border: 1px solid var(--border); border-radius: 11px; }
.account-learning-strip > a > span { color: var(--primary); font-size: 22px; font-weight: 800; }
.account-learning-strip strong,.account-learning-strip small { display: block; }
.account-learning-strip strong { color: var(--text); }
.account-learning-strip small { margin: 3px 0 8px; color: var(--muted); }
.learning-badge-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.learning-badge-grid > div,
.learning-badge-grid > a { display: grid; grid-template-columns: 44px 1fr; gap: 4px 14px; align-items: center; padding: 18px; border: 1px solid rgba(var(--secondary-rgb),.28); border-radius: 13px; background: rgba(var(--secondary-rgb),.045); }
.learning-badge-grid span { grid-row: 1 / span 2; display: grid; place-items: center; width: 42px; height: 42px; border-radius: 50%; color: var(--primary); background: rgba(var(--secondary-rgb),.08); }
.learning-badge-grid strong { color: var(--text); }
.learning-badge-grid small { color: var(--muted); }

.glossary-hero { padding: 90px 0 72px; }
.glossary-hero form { display: grid; grid-template-columns: minmax(0,1fr) 230px auto; gap: 10px; max-width: 900px; margin-top: 30px; }
.glossary-index { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.glossary-card { min-height: 230px; padding: 23px; border: 1px solid var(--border); border-radius: 15px; background: var(--bg-secondary); }
.glossary-card:hover { border-color: rgba(var(--secondary-rgb),.45); transform: translateY(-2px); }
.glossary-card > span { color: var(--primary); font-family: var(--font-mono); font-size: 9px; text-transform: uppercase; }
.glossary-card h2 { margin: 18px 0 10px; color: var(--text); font-size: 26px; }
.glossary-card p { color: var(--muted); line-height: 1.65; }
.glossary-card strong { color: var(--primary); font-size: 11px; }
.glossary-related-link { display: block; padding: 12px 0; border-bottom: 1px solid var(--border); }
.glossary-related-link strong,.glossary-related-link span { display: block; }
.glossary-related-link strong { color: var(--text); }
.glossary-related-link span { margin-top: 4px; color: var(--muted); font-size: 11px; line-height: 1.45; }

/* Admin learning builder */
.admin-learning-path-list,
.admin-glossary-list { display: grid; gap: 9px; max-height: 760px; overflow: auto; }
.admin-learning-path-list > a,
.admin-glossary-list > a { display: block; padding: 16px; border: 1px solid var(--border); border-radius: 11px; background: rgba(var(--text-rgb),.018); }
.admin-learning-path-list strong,
.admin-glossary-list strong { display: block; margin: 8px 0 5px; color: var(--text); }
.admin-learning-path-list p,
.admin-glossary-list p { margin: 0; color: var(--muted); font-size: 11px; line-height: 1.5; }
.admin-glossary-list > a > span { color: var(--primary); font-family: var(--font-mono); font-size: 9px; }
.inline-admin-form { display: grid; grid-template-columns: 1fr 1.4fr 100px auto; gap: 10px; align-items: end; }
.learning-builder-module { margin-top: 20px; }
.learning-builder-items { display: grid; gap: 10px; }
.learning-builder-items details { border: 1px solid var(--border); border-radius: 11px; overflow: hidden; }
.learning-builder-items summary { display: grid; grid-template-columns: auto 1fr auto; gap: 12px; align-items: center; padding: 15px; cursor: pointer; }
.learning-builder-items summary strong { color: var(--text); }
.learning-builder-items summary small { color: var(--muted); }
.learning-builder-items details > form { padding: 20px; border-top: 1px solid var(--border); }
.quiz-question-builder { background: rgba(var(--secondary-rgb),.035); }
.learning-add-item { margin-top: 18px; padding: 20px; border: 1px dashed var(--border); border-radius: 12px; }
.learning-audience-analytics { display: grid; gap: 10px; }
.learning-audience-analytics > div { display: flex; justify-content: space-between; gap: 20px; padding: 14px; border: 1px solid var(--border); border-radius: 10px; }
.learning-audience-analytics span { color: var(--muted); }
.learning-audience-analytics strong { color: var(--text); }

.result-icon-learning { color: var(--primary); }

@media (max-width: 1150px) {
    .audience-choice-grid.public,
    .learning-path-grid,
    .learning-path-grid.expanded { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .learning-start-grid,
    .learning-path-hero-grid,
    .learning-dashboard-hero-grid { grid-template-columns: 1fr; gap: 36px; }
    .learning-enrollment-grid,
    .glossary-index,
    .learning-badge-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 850px) {
    .learning-curriculum-layout,
    .learning-reader-layout { grid-template-columns: 1fr; }
    .learning-path-aside { position: static; }
    .learning-level-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .learning-filter-bar { grid-template-columns: 1fr 1fr; }
    .inline-admin-form { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .learning-start-grid,
    .learning-path-hero-grid,
    .learning-dashboard-hero-grid { min-height: auto; padding-block: 62px; }
    .learning-start-grid h1,
    .learning-path-hero h1,
    .learning-dashboard-hero h1,
    .glossary-hero h1,
    .glossary-term-hero h1,
    .learning-reader-hero h1 { font-size: clamp(42px,13vw,62px); }
    .audience-choice-grid,
    .audience-choice-grid.public,
    .learning-path-grid,
    .learning-path-grid.expanded,
    .learning-enrollment-grid,
    .glossary-index,
    .learning-badge-grid,
    .learning-level-grid { grid-template-columns: 1fr; }
    .learning-path-card { min-height: 270px; }
    .learning-member-callout,
    .learning-empty-dashboard,
    .learning-empty-inline { align-items: stretch; flex-direction: column; }
    .learning-filter-bar,
    .glossary-hero form { grid-template-columns: 1fr; }
    .learning-module-heading { grid-template-columns: 44px 1fr; }
    .learning-module-heading > span { width: 44px; height: 44px; }
    .learning-item-row { grid-template-columns: 38px 1fr; }
    .learning-item-row > b { display: none; }
    .learning-reader-card { padding: 24px; }
    .quiz-actions { flex-direction: column; }
    .account-learning-strip > a { grid-template-columns: 50px 1fr; }
}

/* ================================================================
   TechOpsBase v1.6 — content quality, peer review and freshness
   ================================================================ */
.quality-badge {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    min-height: 28px;
    padding: 5px 10px;
    border: 1px solid var(--border);
    border-radius: 999px;
    font: 600 11px/1.2 var(--font-mono, "JetBrains Mono", monospace);
    letter-spacing: .03em;
}
.quality-badge.tone-green { color: #4ade80; border-color: rgba(74,222,128,.34); background: rgba(34,197,94,.09); }
.quality-badge.tone-cyan { color: var(--accent); border-color: rgba(var(--secondary-rgb),.34); background: rgba(var(--secondary-rgb),.08); }
.quality-badge.tone-amber { color: var(--primary); border-color: rgba(var(--primary-rgb),.36); background: rgba(var(--primary-rgb),.08); }
.quality-badge.tone-red { color: #fb7185; border-color: rgba(251,113,133,.34); background: rgba(251,113,133,.08); }
.quality-badge.tone-purple { color: #c084fc; border-color: rgba(192,132,252,.34); background: rgba(192,132,252,.08); }
.quality-badge.tone-slate { color: var(--muted); background: rgba(var(--muted-rgb),.05); }

.resource-superseded-banner {
    border-bottom: 1px solid rgba(var(--primary-rgb),.35);
    background: rgba(var(--primary-rgb),.1);
}
.resource-superseded-banner .container {
    display: flex;
    align-items: center;
    gap: 16px;
    padding-block: 14px;
}
.resource-superseded-banner strong { color: var(--primary); }
.resource-superseded-banner span { color: var(--muted); }
.resource-superseded-banner a { margin-left: auto; color: var(--accent); font-weight: 700; }

.public-quality-strip {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 8px;
    margin: 18px 0;
}
.public-quality-strip div {
    min-width: 0;
    padding: 10px;
    border: 1px solid var(--border);
    border-radius: 9px;
    background: rgba(var(--bg-main-rgb),.42);
}
.public-quality-strip strong,
.public-quality-strip span { display: block; }
.public-quality-strip strong { color: var(--text); font-size: 12px; overflow-wrap: anywhere; }
.public-quality-strip span { margin-top: 3px; color: var(--muted); font-size: 9px; }

.content-trust-panel .trust-status-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    margin-bottom: 16px;
}
.content-trust-panel .trust-status-row > strong { color: var(--primary); font-size: 24px; }
.compact-facts { margin-top: 14px; }
.quality-link-stack { display: grid; gap: 9px; margin-top: 16px; }
.quality-link-stack a { color: var(--accent); font-weight: 700; font-size: 12px; }

.quality-summary-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0 34px;
}
.quality-summary-grid article {
    padding: 18px;
    border: 1px solid var(--border);
    border-radius: 12px;
    background: var(--bg-secondary);
}
.quality-summary-grid span,
.quality-summary-grid strong { display: block; }
.quality-summary-grid span { color: var(--muted); font-size: 11px; }
.quality-summary-grid strong { margin-top: 7px; color: var(--text); font-size: 18px; }

.history-timeline { position: relative; display: grid; gap: 16px; padding-left: 24px; }
.history-timeline::before { content: ""; position: absolute; top: 14px; bottom: 14px; left: 7px; width: 2px; background: var(--border); }
.history-event { position: relative; display: grid; grid-template-columns: 90px 1fr; gap: 16px; padding: 18px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-secondary); }
.history-event::before { content: ""; position: absolute; left: -24px; top: 25px; width: 12px; height: 12px; border: 3px solid var(--bg); border-radius: 50%; background: var(--muted); }
.history-event.current::before { background: var(--primary); }
.history-event.review::before { background: var(--accent); }
.history-event > span { color: var(--accent); font: 600 10px var(--font-mono, monospace); text-transform: uppercase; }
.history-event h2 { margin: 0 0 6px; font-size: 18px; }
.history-event p { margin: 0 0 7px; color: var(--muted); }
.history-event small { color: var(--muted); }

.quality-card-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 24px;
}
.quality-work-card {
    display: flex;
    flex-direction: column;
    min-height: 280px;
    padding: 22px;
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-secondary);
}
.quality-card-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.quality-card-head small { color: var(--muted); font: 600 9px var(--font-mono, monospace); }
.quality-work-card h2 { margin: 22px 0 10px; font-size: 21px; }
.quality-work-card > p { color: var(--muted); }
.quality-work-card .resource-card-context { margin-top: auto; padding-block: 18px; }

.review-workspace-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.6fr) minmax(330px, .75fr);
    gap: 20px;
    align-items: start;
}
.review-document-panel,
.review-control-panel > .side-panel {
    border: 1px solid var(--border);
    border-radius: 14px;
    background: var(--bg-secondary);
}
.review-document-panel { padding: clamp(22px, 4vw, 46px); }
.review-control-panel { display: grid; gap: 16px; position: sticky; top: 92px; }
.review-document-meta { display: flex; flex-wrap: wrap; gap: 9px; margin-bottom: 28px; color: var(--muted); }
.review-facts-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; margin: 24px 0; }
.review-facts-grid div { padding: 14px; border: 1px solid var(--border); border-radius: 10px; background: rgba(var(--bg-main-rgb),.35); }
.review-facts-grid span,
.review-facts-grid strong { display: block; }
.review-facts-grid span { color: var(--muted); font-size: 10px; }
.review-facts-grid strong { margin-top: 5px; color: var(--text); }
.review-comment-list { display: grid; gap: 12px; }
.review-comment-list article { padding: 15px; border: 1px solid var(--border); border-radius: 10px; background: rgba(var(--bg-main-rgb),.35); }
.review-comment-list article > strong { color: var(--accent); }
.review-comment-list article p { margin: 8px 0; color: var(--text); }
.review-comment-list article small { color: var(--muted); }
.review-comment-form,
.review-decision-panel form,
.report-resolution-form { display: grid; gap: 12px; margin-top: 16px; }
.button-stack { display: grid; gap: 12px; }

.freshness-state { display: inline-flex; padding: 5px 9px; border-radius: 999px; font-size: 11px; font-weight: 700; }
.freshness-state.state-current { color: #4ade80; background: rgba(34,197,94,.09); }
.freshness-state.state-due_soon { color: var(--primary); background: rgba(var(--primary-rgb),.09); }
.freshness-state.state-overdue { color: #fb7185; background: rgba(251,113,133,.09); }
.freshness-state.state-unscheduled { color: var(--muted); background: rgba(var(--muted-rgb),.08); }
.health-score.score-good { color: #4ade80; }
.health-score.score-medium { color: var(--primary); }
.health-score.score-low { color: #fb7185; }

.moderator-safety-note,
.answer-quality-note {
    margin: 16px 0;
    padding: 14px 16px;
    border-left: 3px solid var(--primary);
    background: rgba(var(--primary-rgb),.08);
}
.moderator-safety-note strong,
.answer-quality-note strong { color: var(--primary); }
.moderator-safety-note p,
.answer-quality-note p { margin: 6px 0 0; color: var(--muted); }
.answer-quality-note.quality-unsafe { border-color: #fb7185; background: rgba(251,113,133,.09); }
.answer-quality-note.quality-unsafe strong { color: #fb7185; }
.answer-quality-note.quality-moderator_note { border-color: var(--accent); background: rgba(var(--secondary-rgb),.08); }
.answer-quality-note.quality-moderator_note strong { color: var(--accent); }
.answer-quality-list > article { margin-bottom: 18px; }
.compact-editor { grid-template-columns: minmax(160px, .35fr) minmax(280px, 1fr) auto; align-items: end; margin-top: 14px; }
.compact-editor label { margin: 0; }

@media (max-width: 980px) {
    .quality-summary-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .quality-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .review-workspace-layout { grid-template-columns: 1fr; }
    .review-control-panel { position: static; }
    .compact-editor { grid-template-columns: 1fr; }
}
@media (max-width: 640px) {
    .resource-superseded-banner .container { align-items: flex-start; flex-direction: column; }
    .resource-superseded-banner a { margin-left: 0; }
    .public-quality-strip { grid-template-columns: 1fr; }
    .quality-summary-grid,
    .quality-card-grid,
    .review-facts-grid { grid-template-columns: 1fr; }
    .history-event { grid-template-columns: 1fr; }
    .admin-table .quality-badge { white-space: normal; }
}


/* v1.7 community collaboration */
.community-hero{background:radial-gradient(circle at 75% 30%,rgba(var(--secondary-rgb),.12),transparent 30%),linear-gradient(135deg,var(--bg-secondary),var(--bg-main))}
.community-hero-stats{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px;min-width:min(420px,100%)}
.community-hero-stats div,.community-principles div{background:rgba(var(--bg-main-rgb),.72);border:1px solid var(--border);border-radius:14px;padding:22px}.community-hero-stats strong{display:block;color:var(--primary);font-size:30px}.community-hero-stats span{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.community-circle-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.community-circle-grid.large{grid-template-columns:repeat(3,minmax(0,1fr))}.community-circle-card{position:relative;display:block;padding:24px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card);overflow:hidden}.community-circle-card:before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:var(--secondary)}.community-circle-card.accent-orange:before{background:var(--primary)}.community-circle-card.accent-green:before{background:var(--success)}.community-circle-card.accent-purple:before{background:#c084fc}.community-circle-card h2,.community-circle-card h3{margin:14px 0 8px;color:var(--text)}.community-circle-card p{color:var(--muted);min-height:52px}.circle-icon{display:inline-grid;place-items:center;width:54px;height:54px;border:1px solid var(--border);border-radius:12px;background:var(--bg-main);color:var(--secondary);font-weight:800}.community-circle-card small{color:var(--secondary)}
.community-two-column{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(320px,.8fr);gap:30px}.mentor-mini-list,.request-card-list,.conversation-list,.report-review-list{display:grid;gap:14px}.mentor-mini-list article{display:grid;grid-template-columns:52px 1fr;gap:14px;padding:17px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card)}.mentor-mini-list h3{margin:0}.mentor-mini-list span,.mentor-mini-list p{color:var(--muted);font-size:12px}.community-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.community-principles strong{color:var(--text)}.community-principles p{color:var(--muted)}
.community-request-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:28px}.request-card{padding:20px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.request-card h3{margin:12px 0 7px}.request-card>p{color:var(--muted)}.request-card form{display:flex;gap:10px;flex-wrap:wrap}.inline-actions{margin-top:15px}
.conversation-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:28px}.conversation-panel{border:1px solid var(--border);border-radius:16px;background:var(--bg-card);overflow:hidden}.conversation-messages{display:grid;gap:14px;padding:22px;max-height:65vh;overflow:auto}.conversation-message{max-width:78%;padding:15px 17px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary)}.conversation-message.is-own{justify-self:end;background:rgba(var(--primary-rgb),.08);border-color:rgba(var(--primary-rgb),.35)}.conversation-message-head{display:flex;justify-content:space-between;gap:18px;margin-bottom:8px}.conversation-message-head time{color:var(--muted);font-size:10px}.conversation-message p{margin:0;color:var(--text);white-space:normal}.conversation-compose{padding:20px;border-top:1px solid var(--border)}.compose-actions{display:flex;align-items:center;justify-content:space-between;gap:15px}.compose-actions small{color:var(--muted)}.message-report{margin-top:10px;color:var(--muted)}.message-report summary{cursor:pointer;font-size:11px}.message-report form{margin-top:12px}.conversation-list a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card)}.conversation-list h3{margin:7px 0}.conversation-list p{margin:0;color:var(--muted)}.unread-bubble{display:grid;place-items:center;min-width:30px;height:30px;border-radius:999px;background:var(--primary);color:var(--bg-main)}
.mentor-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.mentor-card{display:grid;grid-template-columns:60px 1fr;gap:18px;padding:22px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.mentor-card h2{margin:10px 0 4px}.mentor-card p{color:var(--muted)}.mentor-actions{display:flex;gap:10px;flex-wrap:wrap}.circle-hero{background:linear-gradient(135deg,var(--bg-secondary),var(--bg-main))}.circle-hero-stat{display:grid;place-items:center;align-content:center;min-width:180px;min-height:160px;border:1px solid var(--border);border-radius:20px;background:rgba(var(--bg-main-rgb),.72)}.circle-hero-stat strong{font-size:42px;color:var(--primary)}.circle-hero-stat span{color:var(--muted)}.compact-members{grid-template-columns:repeat(4,minmax(0,1fr))}
.community-availability-panel .status-pill{margin-bottom:10px}.resource-collaborator-row{padding:12px 0;border-bottom:1px solid var(--border)}.resource-collaborator-row:last-child{border-bottom:0}.resource-collaborator-row strong,.resource-collaborator-row span,.resource-collaborator-row small{display:block}.resource-collaborator-row span,.resource-collaborator-row small{color:var(--muted);font-size:11px}.community-account-section .account-stat-grid a{display:block}.report-review-card{padding:22px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.report-review-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.report-review-head small{margin-left:auto;color:var(--muted)}.report-review-card blockquote{padding:15px;border-left:4px solid var(--primary);background:var(--bg-secondary);color:var(--text)}
@media(max-width:1050px){.community-circle-grid,.community-circle-grid.large{grid-template-columns:repeat(2,minmax(0,1fr))}.community-two-column,.community-request-layout,.conversation-layout{grid-template-columns:1fr}.community-principles{grid-template-columns:1fr}.compact-members{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.community-circle-grid,.community-circle-grid.large,.mentor-card-grid,.compact-members{grid-template-columns:1fr}.community-hero-stats{min-width:0;width:100%}.mentor-card{grid-template-columns:1fr}.conversation-message{max-width:94%}.compose-actions{align-items:stretch;flex-direction:column}}

.collaboration-invite-box{margin-bottom:18px;padding:16px;border:1px dashed var(--border);border-radius:12px;background:var(--bg-secondary)}.collaboration-invite-box summary{cursor:pointer;color:var(--secondary);font-weight:700}.collaboration-invite-box form{margin-top:16px}.blocked-member-list{margin-top:25px;padding-top:20px;border-top:1px solid var(--border)}.blocked-member-list>div{display:flex;justify-content:space-between;gap:15px;padding:10px 0;border-bottom:1px solid var(--border)}

.member-availability-badges{display:flex;gap:6px;flex-wrap:wrap;margin:7px 0}.member-availability-badges .status-pill{font-size:8px}

/* ================================================================
   v1.7.1 — Aviation identity and operator directory
   ================================================================ */
.hero-visual {
    position: relative;
    isolation: isolate;
    overflow: hidden;
}
.hero-visual::after {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    background:
        linear-gradient(90deg, rgba(5, 13, 24, .98) 0%, rgba(5, 13, 24, .9) 48%, rgba(5, 13, 24, .58) 100%),
        linear-gradient(0deg, rgba(5, 13, 24, .94) 0%, transparent 48%);
}
.hero-grid-visual { position: relative; z-index: 2; }
.hero-visual-stage {
    position: relative;
    min-height: 530px;
    overflow: visible;
}
.hero-a350-media {
    position: absolute;
    z-index: 0;
    width: min(980px, 76vw);
    right: -25%;
    bottom: -11%;
    opacity: .24;
    filter: saturate(.72) contrast(1.08) brightness(.73);
    mix-blend-mode: screen;
    pointer-events: none;
    animation: a350-home-flight 32s cubic-bezier(.3, .02, .2, 1) infinite alternate;
    transform-origin: center;
    -webkit-mask-image: linear-gradient(120deg, transparent 2%, #000 23%, #000 76%, transparent 100%);
    mask-image: linear-gradient(120deg, transparent 2%, #000 23%, #000 76%, transparent 100%);
}
.hero-a350-media::after {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(100deg, rgba(5,13,24,.96), transparent 44%, rgba(5,13,24,.28));
}
.hero-a350-media img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 48% 12% 22% 44%;
}
.hero-a350-credit {
    position: absolute;
    z-index: 2;
    right: 4px;
    bottom: 8px;
    color: rgba(226, 232, 240, .48);
    font-size: .65rem;
    letter-spacing: .03em;
}
.hero-floating-card { z-index: 3; }
@keyframes a350-home-flight {
    0% { transform: translate3d(16%, 14%, 0) scale(.94) rotate(1.2deg); }
    52% { transform: translate3d(-2%, 2%, 0) scale(.99) rotate(.2deg); }
    100% { transform: translate3d(-17%, -8%, 0) scale(1.035) rotate(-1deg); }
}
@media (prefers-reduced-motion: reduce) {
    .hero-a350-media { animation: none; transform: translate3d(-4%, 1%, 0) scale(1); }
}

.manufacturer-identity-rail {
    border-top: 1px solid rgba(var(--muted-rgb), .12);
    border-bottom: 1px solid rgba(var(--muted-rgb), .12);
    background: #091421;
    padding: 24px 0;
}
.manufacturer-identity-heading {
    display: grid;
    grid-template-columns: max-content 1fr max-content;
    align-items: center;
    gap: 24px;
    margin-bottom: 18px;
}
.manufacturer-identity-heading > span { color: var(--accent, var(--primary)); font-size: .72rem; font-weight: 800; letter-spacing: .16em; }
.manufacturer-identity-heading p { margin: 0; color: var(--muted); font-size: .9rem; }
.manufacturer-identity-heading a { color: #67e8f9; font-size: .85rem; font-weight: 700; }
.manufacturer-logo-strip {
    display: grid;
    grid-template-columns: repeat(10, minmax(88px, 1fr));
    gap: 10px;
}
.manufacturer-logo-strip > a {
    min-width: 0;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 8px;
    min-height: 92px;
    padding: 12px 8px;
    border: 1px solid rgba(var(--muted-rgb), .12);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.025);
    color: var(--text-soft);
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}
.manufacturer-logo-strip > a:hover { transform: translateY(-3px); border-color: rgba(var(--secondary-rgb),.48); background: rgba(var(--secondary-rgb),.055); }
.manufacturer-logo-strip > a > span:last-child { max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .72rem; }
.industry-brand-mark {
    flex: 0 0 auto;
    width: 48px;
    height: 48px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border-radius: 12px;
    border: 1px solid rgba(var(--muted-rgb), .2);
    background: linear-gradient(145deg, rgba(var(--text-rgb),.09), rgba(var(--text-rgb),.025));
    color: #67e8f9;
    font-family: var(--font-mono, monospace);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
    overflow: hidden;
}
.industry-brand-mark.has-image { position: relative; background: rgba(var(--text-rgb),.96); padding: 5px; }
.industry-brand-mark img { position: relative; z-index: 2; width: 100%; height: 100%; object-fit: contain; }
.industry-brand-mark .brand-mark-fallback-text {
    position: absolute;
    inset: 0;
    z-index: 1;
    display: none;
    align-items: center;
    justify-content: center;
    color: #67e8f9;
    font-family: var(--font-mono, monospace);
    font-size: .78rem;
    font-weight: 900;
    letter-spacing: .04em;
}
.industry-brand-mark.has-image.image-failed {
    background: linear-gradient(145deg, rgba(var(--text-rgb),.09), rgba(var(--text-rgb),.025));
    padding: 0;
}
.industry-brand-mark.has-image.image-failed img { display: none; }
.industry-brand-mark.has-image.image-failed .brand-mark-fallback-text { display: flex; }
.brand-mark-strip { width: 44px; height: 44px; }
.brand-mark-operator { width: 54px; height: 54px; }
.brand-mark-hero { width: 104px; height: 104px; border-radius: 22px; font-size: 1.25rem; }
.brand-mark-admin { width: 70px; height: 70px; border-radius: 16px; }

.homepage-operators-section { background: linear-gradient(180deg, #0b1827, var(--bg-main)); }
.home-operator-grid { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 18px; }
.home-operator-card {
    display: flex;
    flex-direction: column;
    min-height: 270px;
    padding: 22px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 16px;
    background: radial-gradient(circle at top right, rgba(var(--secondary-rgb),.08), transparent 42%), rgba(17,31,49,.86);
    color: var(--text-soft);
    transition: transform .22s ease, border-color .22s ease;
}
.home-operator-card:hover { transform: translateY(-4px); border-color: rgba(var(--secondary-rgb),.45); }
.home-operator-card header { display: flex; gap: 14px; align-items: center; }
.home-operator-card header span { display: grid; gap: 3px; min-width: 0; }
.home-operator-card header small { color: #67e8f9; font-size: .72rem; }
.home-operator-card header b { font-size: 1.02rem; }
.home-operator-card > p { color: var(--muted); line-height: 1.65; flex: 1; }
.home-operator-card footer { display: flex; flex-wrap: wrap; gap: 8px 14px; align-items: center; padding-top: 15px; border-top: 1px solid rgba(var(--muted-rgb),.12); font-size: .75rem; color: var(--muted); }
.home-operator-card footer b { margin-left: auto; color: #67e8f9; }
.operator-directory-note { display: grid; grid-template-columns: max-content 1fr max-content; align-items: center; gap: 18px; margin-top: 22px; padding: 16px 20px; border: 1px dashed rgba(var(--primary-rgb),.3); border-radius: 12px; background: rgba(var(--primary-rgb),.045); }
.operator-directory-note span { color: #fbbf24; font-size: .72rem; font-weight: 800; text-transform: uppercase; letter-spacing: .12em; }
.operator-directory-note p { margin: 0; color: var(--muted); font-size: .85rem; }
.operator-directory-note a { color: #67e8f9; font-size: .82rem; font-weight: 700; }

.operator-directory-hero, .manufacturer-directory-hero, .operator-profile-hero, .manufacturer-profile-hero {
    background: radial-gradient(circle at 84% 18%, rgba(var(--secondary-rgb),.12), transparent 30%), linear-gradient(145deg,var(--bg-main),var(--bg-card));
}
.operator-filter-form { display: grid; grid-template-columns: minmax(220px,1.6fr) repeat(3,minmax(150px,1fr)) max-content; gap: 10px; margin-top: 28px; }
.operator-filter-form input, .operator-filter-form select { min-width: 0; }
.country-chip-grid { display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: 10px; }
.country-chip-grid a { display: grid; grid-template-columns: 32px 1fr; align-items: center; gap: 2px 10px; padding: 13px; border: 1px solid rgba(var(--muted-rgb),.16); border-radius: 11px; background: rgba(var(--text-rgb),.025); color: var(--text-soft); }
.country-chip-grid a > span { grid-row: 1 / 3; font-size: 1.25rem; }
.country-chip-grid b { font-size: .82rem; }
.country-chip-grid small { color: var(--muted); font-size: .68rem; }
.operator-directory-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.operator-card { display: flex; flex-direction: column; min-height: 320px; padding: 22px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 15px; background: rgba(17,31,49,.76); color: var(--text-soft); }
.operator-card:hover { border-color: rgba(var(--secondary-rgb),.5); transform: translateY(-3px); }
.operator-card header { display: flex; align-items: center; gap: 13px; }
.operator-card header span { display: grid; gap: 3px; }
.operator-card header b { font-size: .75rem; color: #67e8f9; }
.operator-card header small { font-size: .72rem; color: var(--muted); }
.operator-card h3 { margin: 24px 0 8px; font-size: 1.25rem; }
.operator-card > p { flex: 1; color: var(--muted); line-height: 1.65; }
.operator-card-facts { display: flex; justify-content: space-between; gap: 10px; padding: 12px 0; border-top: 1px solid rgba(var(--muted-rgb),.12); color: var(--text-soft); font-size: .75rem; }
.operator-card footer { display: flex; align-items: flex-end; justify-content: space-between; gap: 16px; padding-top: 12px; color: var(--muted); font-size: .72rem; }
.operator-card footer b { color: #67e8f9; white-space: nowrap; }
.operator-profile-heading, .manufacturer-profile-heading { display: grid; grid-template-columns: max-content 1fr; gap: 24px; align-items: center; }
.operator-profile-heading h1, .manufacturer-profile-heading h1 { margin: 8px 0; }
.operator-code-row { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 20px; }
.operator-code-row span { padding: 7px 10px; border: 1px solid rgba(var(--muted-rgb),.18); border-radius: 999px; color: var(--text-soft); font-size: .73rem; }
.operator-profile-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 34px; align-items: start; }
.operator-fleet-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 14px; }
.operator-fleet-grid > a { display: flex; gap: 14px; align-items: center; padding: 17px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 12px; background: rgba(var(--text-rgb),.025); color: var(--text-soft); }
.operator-fleet-grid h3 { margin: 4px 0; font-size: 1rem; }
.operator-fleet-grid small { color: #67e8f9; font-size: .68rem; text-transform: uppercase; letter-spacing: .08em; }
.operator-fleet-grid p { margin: 0; color: var(--muted); font-size: .75rem; }
.operator-fact-panel { position: sticky; top: 98px; padding: 24px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 15px; background: var(--bg-card); }
.operator-fact-panel dl { display: grid; gap: 0; margin: 20px 0; }
.operator-fact-panel dl div { display: grid; gap: 4px; padding: 12px 0; border-bottom: 1px solid rgba(var(--muted-rgb),.12); }
.operator-fact-panel dt { color: var(--muted); font-size: .68rem; text-transform: uppercase; letter-spacing: .1em; }
.operator-fact-panel dd { margin: 0; color: var(--text-soft); }
.operator-fact-panel .button { width: 100%; margin-top: 8px; }
.operator-fact-panel .text-link { display: block; margin-top: 14px; }

.manufacturer-directory-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.manufacturer-directory-card { display: flex; flex-direction: column; min-height: 245px; padding: 20px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 14px; background: rgba(17,31,49,.75); color: var(--text-soft); }
.manufacturer-directory-card h3 { margin: 18px 0 7px; }
.manufacturer-directory-card p { flex: 1; color: var(--muted); font-size: .82rem; line-height: 1.55; }
.manufacturer-directory-card footer { display: flex; justify-content: space-between; gap: 12px; color: #67e8f9; font-size: .72rem; }
.manufacturer-family-grid, .manufacturer-engine-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 14px; }
.manufacturer-family-grid a, .manufacturer-engine-grid a { padding: 18px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 12px; background: rgba(var(--text-rgb),.025); color: var(--text-soft); }
.manufacturer-family-grid span, .manufacturer-engine-grid span { color: #67e8f9; font-size: .7rem; }
.manufacturer-family-grid h3, .manufacturer-engine-grid h3 { margin: 8px 0 4px; }
.manufacturer-family-grid p, .manufacturer-engine-grid p { margin: 0; color: var(--muted); font-size: .78rem; }

.admin-brand-preview { display: flex; align-items: center; gap: 15px; margin-bottom: 20px; padding: 14px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 12px; background: rgba(var(--text-rgb),.025); }
.admin-brand-preview div { display: grid; gap: 3px; }
.admin-brand-preview small { color: var(--muted); }
.brand-master-record { align-items: center; }
.brand-record-main { display: flex; align-items: center; gap: 14px; min-width: 0; }
.brand-record-main > div { min-width: 0; }
.record-action-stack { display: flex; gap: 8px; }
.form-grid-two, .form-grid-three { display: grid; gap: 12px; }
.form-grid-two { grid-template-columns: repeat(2,minmax(0,1fr)); }
.form-grid-three { grid-template-columns: repeat(3,minmax(0,1fr)); }
.operator-family-select { min-height: 230px; }
.operator-admin-layout { grid-template-columns: minmax(430px,.9fr) minmax(520px,1.1fr); }
.operator-suggestion-card { margin-bottom: 16px; }
.compact-form { margin-top: 18px; }

.aircraft-manufacturer-identity { display: inline-flex; align-items: center; gap: 12px; color: inherit; }
.aircraft-operator-section { margin-top: 32px; }
.aircraft-operator-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 12px; }
.aircraft-operator-grid a { display: flex; gap: 12px; align-items: center; padding: 15px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 11px; color: var(--text-soft); background: rgba(var(--text-rgb),.025); }
.aircraft-operator-grid small { color: #67e8f9; font-size: .67rem; }
.aircraft-operator-grid b { display: block; margin: 3px 0; }
.aircraft-operator-grid span span { color: var(--muted); font-size: .72rem; }
.engine-identity-brand { display: flex; align-items: center; gap: 18px; }

@media (max-width: 1100px) {
    .manufacturer-logo-strip { grid-template-columns: repeat(5,minmax(90px,1fr)); }
    .home-operator-grid, .operator-directory-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .country-chip-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .manufacturer-directory-grid { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .operator-admin-layout { grid-template-columns: 1fr; }
    .hero-a350-media { width: 900px; right: -38%; opacity: .19; }
}
@media (max-width: 760px) {
    .hero-visual-stage { min-height: 310px; }
    .hero-a350-media { width: 780px; right: -83%; bottom: -8%; opacity: .14; animation-duration: 38s; }
    .hero-a350-credit { right: 8px; bottom: 2px; max-width: 170px; text-align: right; font-size: .56rem; }
    .manufacturer-identity-heading, .operator-directory-note { grid-template-columns: 1fr; gap: 8px; }
    .manufacturer-logo-strip { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .home-operator-grid, .operator-directory-grid, .manufacturer-directory-grid, .manufacturer-family-grid, .manufacturer-engine-grid, .operator-fleet-grid, .aircraft-operator-grid { grid-template-columns: 1fr; }
    .operator-filter-form { grid-template-columns: 1fr; }
    .country-chip-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .operator-profile-heading, .manufacturer-profile-heading, .operator-profile-layout { grid-template-columns: 1fr; }
    .operator-fact-panel { position: static; }
    .form-grid-two, .form-grid-three { grid-template-columns: 1fr; }
    .record-action-stack { flex-direction: column; }
}

.manufacturer-filter-form { display: grid; grid-template-columns: minmax(240px,1fr) minmax(180px,.42fr) max-content; gap: 10px; margin-top: 28px; }
.brand-directory-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 16px; }
.brand-directory-card { display: flex; flex-direction: column; min-height: 285px; padding: 21px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 14px; background: rgba(17,31,49,.76); color: var(--text-soft); }
.brand-directory-card:hover { transform: translateY(-3px); border-color: rgba(var(--secondary-rgb),.45); }
.brand-directory-card > div { flex: 1; }
.brand-directory-card > div > span { display: block; margin-top: 15px; color: #67e8f9; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; }
.brand-directory-card h3 { margin: 7px 0; }
.brand-directory-card p { color: var(--muted); line-height: 1.55; font-size: .82rem; }
.brand-directory-card footer { display: grid; grid-template-columns: max-content 1fr; gap: 2px 8px; align-items: end; padding-top: 14px; border-top: 1px solid rgba(var(--muted-rgb),.12); }
.brand-directory-card footer strong { grid-row: 1 / 3; font-size: 1.35rem; color: #fbbf24; }
.brand-directory-card footer span { color: var(--muted); font-size: .68rem; }
.brand-directory-card footer b { color: #67e8f9; font-size: .72rem; }
.brand-mark-large { width: 70px; height: 70px; border-radius: 16px; }
.brand-profile-hero { background: radial-gradient(circle at 82% 20%,rgba(var(--secondary-rgb),.12),transparent 30%),linear-gradient(145deg,var(--bg-main),var(--bg-card)); }
.brand-profile-heading { display: grid; grid-template-columns: max-content 1fr; gap: 25px; align-items: center; }
.brand-profile-actions { display: flex; align-items: center; flex-wrap: wrap; gap: 10px; margin-top: 18px; }
.brand-profile-actions > span { padding: 7px 10px; border: 1px solid rgba(var(--muted-rgb),.17); border-radius: 999px; color: var(--muted); font-size: .72rem; }
.manufacturer-product-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 15px; }
.manufacturer-product-card { display: flex; flex-direction: column; min-height: 230px; padding: 20px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 13px; background: rgba(var(--text-rgb),.025); color: var(--text-soft); }
.manufacturer-product-card > span { color: #67e8f9; font-size: .7rem; letter-spacing: .08em; }
.manufacturer-product-card h3 { margin: 13px 0 8px; }
.manufacturer-product-card p { flex: 1; color: var(--muted); line-height: 1.6; font-size: .82rem; }
.manufacturer-product-card footer { color: #fbbf24; font-size: .75rem; }
.operator-mini-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 12px; }
.operator-mini-grid > a { display: flex; align-items: center; gap: 12px; padding: 14px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 11px; background: rgba(var(--text-rgb),.025); color: var(--text-soft); }
.operator-mini-grid b { display: block; }
.operator-mini-grid small { color: var(--muted); font-size: .7rem; }
.country-operator-hero { background: radial-gradient(circle at 85% 20%,rgba(var(--secondary-rgb),.12),transparent 30%),linear-gradient(145deg,var(--bg-main),var(--bg-card)); }
.country-hero-flag { font-size: 3rem; margin-bottom: 12px; }
.directory-count { color: #67e8f9; font-size: .78rem; }
@media(max-width:1100px){.brand-directory-grid,.operator-mini-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.manufacturer-filter-form,.brand-directory-grid,.brand-profile-heading,.manufacturer-product-grid,.operator-mini-grid{grid-template-columns:1fr;}}
.result-icon-industry { color: #fbbf24; border-color: rgba(251,191,36,.35); background: rgba(251,191,36,.08); }
.hero-visual .hero-copy { position: relative; z-index: 4; }

/* ================================================================
   TechOpsBase v1.7.3 — Brand presentation and profile polish
   ================================================================ */

.industry-brand-mark.has-image {
    padding: 6px;
    background: rgba(var(--text-rgb),.96);
}
.industry-brand-mark.has-image img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.industry-brand-mark.is-wordmark {
    width: 96px;
    border-radius: 10px;
}
.brand-mark-large {
    width: 64px;
    height: 64px;
    border-radius: 15px;
}
.brand-mark-large.is-wordmark {
    width: 126px;
    height: 62px;
}
.brand-mark-operator.is-wordmark {
    width: 94px;
    height: 54px;
}
.brand-mark-hero {
    width: 104px;
    height: 104px;
    border-radius: 20px;
}
.brand-mark-hero.is-wordmark {
    width: 190px;
    height: 94px;
    border-radius: 15px;
}
.industry-brand-mark.image-failed,
.industry-brand-mark.brand-mark-fallback {
    background: linear-gradient(145deg,rgba(var(--text-rgb),.09),rgba(var(--text-rgb),.025));
    color: #67e8f9;
}

.industry-profile-hero {
    min-height: 0;
    padding: 34px 0 48px;
    background:
        radial-gradient(circle at 82% 18%,rgba(var(--secondary-rgb),.12),transparent 31%),
        linear-gradient(145deg,var(--bg-main),#10263d);
}
.industry-profile-breadcrumb {
    margin-bottom: 24px;
}
.industry-profile-shell {
    display: grid;
    grid-template-columns: 150px minmax(0,1fr);
    gap: 34px;
    align-items: center;
}
.industry-profile-logo-panel {
    min-height: 148px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 13px;
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.2);
    border-radius: 22px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.07),rgba(var(--text-rgb),.018));
    box-shadow: 0 24px 70px rgba(var(--shadow-rgb),.18);
}
.industry-profile-logo-panel small {
    max-width: 100%;
    color: var(--muted);
    font-size: .7rem;
    text-align: center;
}
.industry-profile-copy h1 {
    margin: 7px 0 13px;
    font-size: clamp(2.55rem,5.6vw,5rem);
    line-height: .98;
}
.industry-profile-summary {
    max-width: 820px;
    margin: 0;
    color: #aab8ca;
    font-size: clamp(1rem,1.7vw,1.22rem);
    line-height: 1.68;
}
.industry-profile-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
.industry-profile-metrics {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    max-width: 860px;
    margin-top: 25px;
}
.industry-profile-metrics > span {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 11px;
    background: rgba(4,12,22,.28);
}
.industry-profile-metrics b,
.industry-profile-metrics small {
    display: block;
}
.industry-profile-metrics b {
    overflow: hidden;
    color: #fbbf24;
    font-size: 1rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.industry-profile-metrics small {
    margin-top: 3px;
    color: var(--muted);
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .075em;
}

.industry-about-section {
    padding-top: 48px;
    padding-bottom: 48px;
}
.industry-about-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 350px;
    gap: 32px;
    align-items: start;
}
.industry-about-copy {
    max-width: 830px;
}
.industry-about-copy h2 {
    margin: 8px 0 16px;
}
.industry-about-copy > p {
    color: #a9b7c9;
    font-size: 1rem;
    line-height: 1.85;
}
.industry-scope-note {
    display: grid;
    gap: 5px;
    margin-top: 24px;
    padding: 16px 18px;
    border-left: 4px solid var(--primary);
    background: rgba(var(--primary-rgb),.075);
}
.industry-scope-note b {
    color: var(--text);
}
.industry-scope-note span {
    color: var(--muted);
    line-height: 1.55;
}
.industry-source-card {
    padding: 22px;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 15px;
    background: var(--bg-card);
}
.industry-source-card dl {
    display: grid;
    gap: 0;
    margin: 17px 0;
}
.industry-source-card dl div {
    padding: 11px 0;
    border-bottom: 1px solid rgba(var(--muted-rgb),.12);
}
.industry-source-card dt {
    color: var(--muted);
    font-size: .66rem;
    text-transform: uppercase;
    letter-spacing: .09em;
}
.industry-source-card dd {
    margin: 4px 0 0;
    color: var(--text-soft);
    line-height: 1.45;
}
.industry-source-card .text-link {
    display: block;
    margin-top: 11px;
}

.compact-directory-hero {
    min-height: 0;
    padding-top: 54px;
    padding-bottom: 54px;
}
.brand-directory-card {
    min-height: 245px;
    padding: 18px;
}
.brand-directory-card-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.brand-directory-card-header > span {
    max-width: 130px;
    color: #67e8f9;
    font-size: .64rem;
    line-height: 1.35;
    text-align: right;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.brand-directory-card > div > small {
    display: block;
    margin-top: 14px;
    color: var(--muted);
    font-size: .67rem;
}
.brand-directory-card > div > span {
    margin-top: 0;
}
.brand-directory-card h3 {
    margin: 6px 0 7px;
}
.brand-directory-card p {
    margin: 0;
    line-height: 1.52;
}
.manufacturer-product-card {
    min-height: 208px;
}
.operator-directory-card {
    min-height: 285px;
}
.operator-directory-card > p {
    line-height: 1.55;
}
.operator-profile-layout {
    gap: 28px;
}
.operator-fact-panel {
    top: 88px;
}

@media (max-width: 900px) {
    .industry-profile-metrics {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .industry-about-layout {
        grid-template-columns: 1fr;
    }
    .industry-source-card {
        max-width: none;
    }
}

@media (max-width: 760px) {
    .industry-profile-hero {
        padding: 25px 0 34px;
    }
    .industry-profile-breadcrumb {
        margin-bottom: 18px;
    }
    .industry-profile-shell {
        grid-template-columns: 88px minmax(0,1fr);
        gap: 16px;
        align-items: start;
    }
    .industry-profile-logo-panel {
        min-height: 88px;
        padding: 8px;
        border-radius: 16px;
        gap: 7px;
    }
    .industry-profile-logo-panel small {
        display: none;
    }
    .industry-profile-logo-panel .brand-mark-hero {
        width: 70px;
        height: 70px;
        border-radius: 15px;
    }
    .industry-profile-logo-panel .brand-mark-hero.is-wordmark {
        width: 78px;
        height: 58px;
    }
    .industry-profile-copy h1 {
        margin-top: 6px;
        font-size: clamp(2rem,9.5vw,3.2rem);
        line-height: 1.02;
    }
    .industry-profile-summary {
        grid-column: 1 / -1;
        margin-top: 16px;
        font-size: .98rem;
        line-height: 1.64;
    }
    .industry-profile-actions {
        grid-column: 1 / -1;
        margin-top: 18px;
    }
    .industry-profile-actions .button {
        flex: 1 1 145px;
        justify-content: center;
    }
    .industry-profile-metrics {
        grid-column: 1 / -1;
        margin-top: 18px;
    }
    .industry-profile-copy {
        display: contents;
    }
    .industry-profile-copy > .section-kicker,
    .industry-profile-copy > h1 {
        grid-column: 2;
    }
    .industry-about-section {
        padding-top: 36px;
        padding-bottom: 36px;
    }
    .brand-directory-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }
    .brand-directory-card {
        min-height: 202px;
        padding: 14px;
    }
    .brand-directory-card-header {
        align-items: flex-start;
    }
    .brand-directory-card-header > span {
        max-width: 78px;
        font-size: .57rem;
    }
    .brand-directory-card .brand-mark-large {
        width: 56px;
        height: 56px;
    }
    .brand-directory-card .brand-mark-large.is-wordmark {
        width: 86px;
        height: 54px;
    }
    .brand-directory-card p {
        display: none;
    }
    .brand-directory-card footer {
        margin-top: 12px;
    }
    .operator-directory-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 12px;
    }
    .operator-directory-card {
        min-height: 245px;
        padding: 15px;
    }
    .operator-directory-card > p {
        display: none;
    }
    .manufacturer-product-grid,
    .operator-fleet-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .operator-directory-grid {
        grid-template-columns: 1fr;
    }
    .industry-profile-metrics {
        gap: 8px;
    }
    .industry-profile-metrics > span {
        padding: 10px 11px;
    }
}


/* ================================================================
   TechOpsBase v1.8 — launch readiness, accessibility and reliability
   ================================================================ */

:focus-visible {
    outline: 3px solid var(--secondary);
    outline-offset: 3px;
}

button,
a,
input,
select,
textarea {
    scroll-margin-top: 100px;
}

button,
.button,
.main-nav > a,
.nav-more-toggle {
    min-height: 42px;
}

img {
    max-width: 100%;
}

.account-table-wrap {
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    -webkit-overflow-scrolling: touch;
}

.launch-readiness-page .workspace-header {
    align-items: center;
}

.launch-score {
    min-width: 178px;
    padding: 19px 23px;
    border: 1px solid rgba(var(--muted-rgb),.2);
    border-radius: 16px;
    background: var(--bg-card);
    text-align: right;
}
.launch-score strong,
.launch-score span {
    display: block;
}
.launch-score strong {
    color: var(--text);
    font-size: 2.2rem;
    line-height: 1;
}
.launch-score span {
    margin-top: 7px;
    color: var(--muted);
    font-size: .74rem;
}
.launch-score.is-good { border-color: rgba(74,222,128,.42); }
.launch-score.is-good strong { color: #4ade80; }
.launch-score.is-warning { border-color: rgba(251,191,36,.42); }
.launch-score.is-warning strong { color: #fbbf24; }
.launch-score.is-danger { border-color: rgba(251,113,133,.42); }
.launch-score.is-danger strong { color: #fb7185; }

.launch-summary-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 14px;
    margin: 23px 0;
}
.launch-summary-grid article {
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.17);
    border-radius: 13px;
    background: var(--bg-card);
}
.launch-summary-grid strong,
.launch-summary-grid span {
    display: block;
}
.launch-summary-grid strong {
    color: var(--primary);
    font-size: 1.8rem;
}
.launch-summary-grid span {
    margin-top: 5px;
    color: var(--muted);
    font-size: .78rem;
}

.launch-check-group {
    margin-top: 20px;
}
.launch-check-list {
    display: grid;
    gap: 10px;
}
.launch-check {
    display: grid;
    grid-template-columns: 38px minmax(0,1fr) auto;
    gap: 14px;
    align-items: center;
    padding: 14px 15px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 11px;
    background: rgba(var(--bg-main-rgb),.48);
}
.launch-check-icon {
    width: 34px;
    height: 34px;
    display: grid;
    place-items: center;
    border-radius: 9px;
    font-weight: 900;
}
.launch-check.is-ready .launch-check-icon {
    color: #4ade80;
    background: rgba(74,222,128,.1);
}
.launch-check.needs-attention .launch-check-icon {
    color: #fbbf24;
    background: rgba(251,191,36,.1);
}
.launch-check strong,
.launch-check p {
    display: block;
    margin: 0;
}
.launch-check p {
    margin-top: 3px;
    color: var(--muted);
    font-size: .79rem;
    line-height: 1.45;
}
.launch-check > a {
    color: #67e8f9;
    font-size: .75rem;
    font-weight: 800;
    white-space: nowrap;
}

.segmented-control {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    padding: 5px;
    border: 1px solid rgba(var(--muted-rgb),.17);
    border-radius: 11px;
    background: var(--bg-card);
}
.segmented-control a {
    min-height: 34px;
    display: inline-flex;
    align-items: center;
    padding: 7px 11px;
    border-radius: 8px;
    color: var(--muted);
    font-size: .74rem;
    font-weight: 800;
}
.segmented-control a.active {
    color: var(--bg-main);
    background: var(--secondary);
}

.launch-analytics-columns {
    margin-top: 22px;
}
.launch-bar-chart {
    display: grid;
    gap: 9px;
}
.launch-bar-chart > div:not(.empty-state) {
    display: grid;
    grid-template-columns: 55px minmax(0,1fr) 50px;
    gap: 10px;
    align-items: center;
}
.launch-bar-chart span,
.launch-bar-chart b {
    color: var(--muted);
    font-size: .7rem;
}
.launch-bar-chart b { text-align: right; }
.launch-bar-chart i {
    height: 9px;
    overflow: hidden;
    border-radius: 99px;
    background: rgba(var(--muted-rgb),.12);
}
.launch-bar-chart i::before {
    content: '';
    display: block;
    width: var(--bar);
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,var(--secondary),var(--primary));
}

.error-event-list {
    display: grid;
    gap: 13px;
    margin-top: 22px;
}
.error-event-card {
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.17);
    border-left-width: 4px;
    border-radius: 13px;
    background: var(--bg-card);
}
.error-event-card.severity-critical { border-left-color: #fb7185; }
.error-event-card.severity-warning { border-left-color: #fbbf24; }
.error-event-card.severity-notice { border-left-color: var(--secondary); }
.error-event-card > header {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}
.error-event-card > header > div {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    align-items: center;
}
.error-event-card > p {
    margin: 14px 0;
    color: var(--text-soft);
    line-height: 1.55;
}
.error-event-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
.error-event-meta span {
    padding: 5px 8px;
    border-radius: 7px;
    color: var(--muted);
    background: rgba(var(--muted-rgb),.08);
    font-size: .67rem;
}
.error-event-form {
    display: grid;
    grid-template-columns: 135px minmax(0,1fr) auto;
    gap: 9px;
    margin-top: 15px;
}

.admin-form-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 14px;
}
.admin-form-grid label {
    display: grid;
    gap: 7px;
}
.admin-form-grid label > span {
    color: var(--muted);
    font-size: .7rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .06em;
}
.form-span-2 { grid-column: 1 / -1; }
.backup-instruction-list {
    display: grid;
    gap: 0;
}
.backup-instruction-list div {
    display: grid;
    gap: 4px;
    padding: 13px 0;
    border-bottom: 1px solid rgba(var(--muted-rgb),.12);
}
.backup-instruction-list span {
    color: var(--muted);
    line-height: 1.5;
}

.launch-error-page .not-found-code {
    color: rgba(251,113,133,.22);
}

@media (max-width: 900px) {
    .launch-summary-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 680px) {
    .launch-readiness-page .workspace-header { align-items: stretch; }
    .launch-score { min-width: 0; text-align: left; }
    .launch-check { grid-template-columns: 34px minmax(0,1fr); }
    .launch-check > a { grid-column: 2; }
    .error-event-form { grid-template-columns: 1fr; }
    .admin-form-grid { grid-template-columns: 1fr; }
    .form-span-2 { grid-column: auto; }
}

@media (max-width: 480px) {
    .launch-summary-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .launch-summary-grid article { padding: 13px; }
    .launch-summary-grid strong { font-size: 1.45rem; }
}

@media (prefers-reduced-motion: reduce) {
    *, *::before, *::after {
        scroll-behavior: auto !important;
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: .01ms !important;
    }
}

@media print {
    .site-header,
    .site-footer,
    .admin-nav,
    .button,
    .nav-toggle,
    .global-search-overlay { display: none !important; }
    body { color: #111; background: #fff; }
    main { padding: 0; }
}

.admin-subnav {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 13px 0 22px;
    padding: 8px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 12px;
    background: rgba(var(--bg-main-rgb),.55);
}
.admin-subnav a {
    min-height: 36px;
    display: inline-flex;
    align-items: center;
    padding: 8px 12px;
    border-radius: 8px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
}
.admin-subnav a.active {
    color: var(--bg-main);
    background: var(--secondary);
}

/* ================================================================
   TechOpsBase v1.8.1 — Manufacturer identity banners and fact hubs
   ================================================================ */

.manufacturer-banner-hero {
    position: relative;
    min-height: 650px;
    overflow: hidden;
    background: var(--bg-main);
    color: var(--text);
    isolation: isolate;
}
.manufacturer-banner-media,
.manufacturer-banner-grid {
    position: absolute;
    inset: 0;
}
.manufacturer-banner-media {
    z-index: -3;
    background-size: cover;
    background-position: var(--banner-x,50%) var(--banner-y,50%);
    transform: scale(1.025);
}
.manufacturer-banner-hero::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: -2;
    background:
        linear-gradient(90deg,rgba(4,12,23,.97) 0%,rgba(4,12,23,.91) 36%,rgba(4,12,23,.66) 68%,rgba(4,12,23,var(--manufacturer-overlay,.7)) 100%),
        linear-gradient(0deg,rgba(4,12,23,.96),transparent 52%);
}
.manufacturer-banner-grid {
    z-index: -1;
    opacity: .13;
    background-image:
        linear-gradient(rgba(var(--secondary-rgb),.18) 1px,transparent 1px),
        linear-gradient(90deg,rgba(var(--secondary-rgb),.18) 1px,transparent 1px);
    background-size: 64px 64px;
    -webkit-mask-image: linear-gradient(90deg,#000,transparent 85%);
    mask-image: linear-gradient(90deg,#000,transparent 85%);
}
.manufacturer-banner-container {
    position: relative;
    display: flex;
    min-height: 650px;
    flex-direction: column;
    justify-content: flex-end;
    padding-top: 52px;
    padding-bottom: 38px;
}
.manufacturer-banner-breadcrumb {
    position: absolute;
    top: 34px;
    left: var(--container-pad,24px);
}
.manufacturer-banner-breadcrumb a {
    color: var(--manufacturer-accent,var(--secondary));
}
.manufacturer-banner-identity {
    display: grid;
    grid-template-columns: 132px minmax(0,1fr);
    gap: 25px;
    align-items: end;
    max-width: 980px;
}
.brand-mark-profile-banner {
    width: 132px;
    height: 132px;
    border-radius: 25px;
    box-shadow: 0 18px 50px rgba(var(--shadow-rgb),.34);
}
.brand-mark-profile-banner.is-wordmark {
    width: 210px;
    height: 108px;
}
.manufacturer-banner-identity h1 {
    margin: 7px 0 10px;
    max-width: 900px;
    font-size: clamp(3rem,7.5vw,6.7rem);
    line-height: .92;
    letter-spacing: -.045em;
}
.manufacturer-banner-identity p {
    max-width: 760px;
    margin: 0;
    color: #c1cbd9;
    font-size: clamp(1rem,1.55vw,1.25rem);
    line-height: 1.58;
}
.manufacturer-banner-identity .section-kicker {
    color: var(--manufacturer-accent,var(--secondary));
}
.manufacturer-banner-location {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}
.manufacturer-banner-location span {
    padding: 7px 11px;
    border: 1px solid rgba(var(--text-rgb),.17);
    border-radius: 999px;
    background: rgba(4,12,23,.42);
    color: var(--text-soft);
    font-size: .72rem;
}
.manufacturer-banner-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 24px;
}
.manufacturer-banner-actions .button-primary {
    background: var(--manufacturer-accent,var(--secondary));
    border-color: var(--manufacturer-accent,var(--secondary));
    color: var(--bg-deep);
}
.manufacturer-number-grid {
    display: grid;
    grid-template-columns: repeat(8,minmax(0,1fr));
    gap: 8px;
    margin-top: 31px;
}
.manufacturer-number-grid > div {
    min-width: 0;
    padding: 13px 12px;
    border: 1px solid rgba(var(--text-rgb),.15);
    border-radius: 12px;
    background: rgba(5,15,27,.55);
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
}
.manufacturer-number-grid strong,
.manufacturer-number-grid span {
    display: block;
}
.manufacturer-number-grid strong {
    color: var(--manufacturer-accent,var(--secondary));
    font-size: 1.35rem;
}
.manufacturer-number-grid span {
    margin-top: 4px;
    color: #aebbc9;
    font-size: .61rem;
    line-height: 1.25;
    text-transform: uppercase;
    letter-spacing: .07em;
}
.manufacturer-banner-credit {
    position: absolute;
    right: var(--container-pad,24px);
    bottom: 9px;
    max-width: 430px;
    color: rgba(226,232,240,.61);
    font-size: .62rem;
    text-align: right;
}
.manufacturer-banner-credit a {
    color: inherit;
}

.manufacturer-profile-nav {
    position: sticky;
    top: 0;
    z-index: 28;
    border-top: 1px solid rgba(var(--muted-rgb),.12);
    border-bottom: 1px solid rgba(var(--muted-rgb),.15);
    background: rgba(6,15,27,.94);
    -webkit-backdrop-filter: blur(15px);
    backdrop-filter: blur(15px);
}
.manufacturer-profile-nav .container {
    display: flex;
    gap: 5px;
    overflow-x: auto;
    scrollbar-width: none;
}
.manufacturer-profile-nav .container::-webkit-scrollbar {
    display: none;
}
.manufacturer-profile-nav a {
    flex: 0 0 auto;
    padding: 16px 13px;
    color: #a8b5c5;
    font-size: .73rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .065em;
}
.manufacturer-profile-nav a:hover,
.manufacturer-profile-nav a:focus-visible {
    color: var(--cyan);
    background: rgba(var(--secondary-rgb),.06);
}

.manufacturer-curated-facts {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin-top: 24px;
}
.manufacturer-curated-facts > div {
    padding: 15px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.025);
}
.manufacturer-curated-facts span,
.manufacturer-curated-facts strong {
    display: block;
}
.manufacturer-curated-facts span {
    color: var(--muted);
    font-size: .65rem;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.manufacturer-curated-facts strong {
    margin-top: 6px;
    color: var(--text);
    line-height: 1.45;
}

.manufacturer-content-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
}
.manufacturer-content-grid > a {
    display: flex;
    min-height: 220px;
    flex-direction: column;
    padding: 19px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.045),rgba(var(--text-rgb),.018));
    color: var(--text-soft);
}
.manufacturer-content-grid > a:hover {
    transform: translateY(-2px);
    border-color: rgba(var(--secondary-rgb),.4);
}
.manufacturer-content-grid small {
    color: var(--cyan);
    font-size: .64rem;
    font-weight: 900;
    letter-spacing: .07em;
}
.manufacturer-content-grid h3 {
    margin: 12px 0 9px;
    font-size: 1.13rem;
}
.manufacturer-content-grid p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.manufacturer-content-grid footer {
    margin-top: auto;
    padding-top: 18px;
    color: var(--primary);
    font-size: .75rem;
    font-weight: 800;
}
.manufacturer-discussion-list {
    display: grid;
    gap: 9px;
}
.manufacturer-discussion-list a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.025);
    color: var(--text-soft);
}
.manufacturer-discussion-list b,
.manufacturer-discussion-list small {
    display: block;
}
.manufacturer-discussion-list small {
    margin-top: 5px;
    color: var(--muted);
    font-size: .7rem;
}
.manufacturer-discussion-list strong {
    color: var(--cyan);
}

.manufacturer-admin-banner-preview {
    position: relative;
    min-height: 270px;
    margin-bottom: 22px;
    overflow: hidden;
    border: 1px solid rgba(var(--muted-rgb),.17);
    border-radius: 17px;
    background: var(--bg-main);
}
.manufacturer-admin-banner-preview > div {
    position: absolute;
    inset: 0;
    background-size: cover;
}
.manufacturer-admin-banner-preview::before {
    content: "";
    position: absolute;
    inset: 0;
    z-index: 1;
    background: linear-gradient(90deg,rgba(4,12,23,.95),rgba(4,12,23,var(--manufacturer-overlay,.7)));
}
.manufacturer-admin-banner-preview > section {
    position: relative;
    z-index: 2;
    display: flex;
    min-height: 270px;
    align-items: end;
    gap: 18px;
    padding: 26px;
}
.manufacturer-admin-banner-preview section > span small,
.manufacturer-admin-banner-preview section > span b,
.manufacturer-admin-banner-preview section > span p {
    display: block;
}
.manufacturer-admin-banner-preview section > span small {
    color: var(--manufacturer-accent,var(--secondary));
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.manufacturer-admin-banner-preview section > span b {
    margin-top: 4px;
    color: #fff;
    font-size: 2rem;
}
.manufacturer-admin-banner-preview section > span p {
    margin: 7px 0 0;
    color: #b5c2d2;
}
.manufacturer-profile-admin-form {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.manufacturer-profile-admin-form .full-span {
    grid-column: 1 / -1;
}

@media (max-width: 1100px) {
    .manufacturer-number-grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .manufacturer-banner-hero,
    .manufacturer-banner-container {
        min-height: 650px;
    }
    .manufacturer-banner-container {
        padding-top: 85px;
        padding-bottom: 39px;
    }
    .manufacturer-banner-breadcrumb {
        top: 25px;
    }
    .manufacturer-banner-identity {
        grid-template-columns: 82px minmax(0,1fr);
        gap: 14px;
        align-items: center;
    }
    .brand-mark-profile-banner,
    .brand-mark-profile-banner.is-wordmark {
        width: 82px;
        height: 82px;
        border-radius: 17px;
    }
    .manufacturer-banner-identity h1 {
        font-size: clamp(2.25rem,11vw,4rem);
    }
    .manufacturer-banner-identity p {
        grid-column: 1 / -1;
        margin-top: 15px;
        font-size: .96rem;
    }
    .manufacturer-banner-identity > div {
        display: contents;
    }
    .manufacturer-banner-identity .section-kicker,
    .manufacturer-banner-identity h1 {
        grid-column: 2;
    }
    .manufacturer-banner-location {
        grid-column: 1 / -1;
    }
    .manufacturer-banner-actions .button {
        flex: 1 1 145px;
        justify-content: center;
    }
    .manufacturer-number-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
        gap: 7px;
        margin-top: 23px;
    }
    .manufacturer-number-grid > div {
        padding: 11px;
    }
    .manufacturer-number-grid strong {
        font-size: 1.18rem;
    }
    .manufacturer-banner-credit {
        right: 20px;
        left: 20px;
        text-align: left;
    }
    .manufacturer-profile-nav a {
        padding: 14px 11px;
        font-size: .67rem;
    }
    .manufacturer-content-grid {
        grid-template-columns: 1fr;
    }
    .manufacturer-content-grid > a {
        min-height: 185px;
    }
    .manufacturer-profile-admin-form {
        grid-template-columns: 1fr;
    }
    .manufacturer-profile-admin-form .full-span {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .manufacturer-banner-media {
        transform: none;
    }
}

/* TechOpsBase v1.8.1.1 — manufacturer banner display hotfix */
.manufacturer-banner-media {
    z-index: 0;
}
.manufacturer-banner-hero::before {
    z-index: 1;
    pointer-events: none;
}
.manufacturer-banner-grid {
    z-index: 2;
    pointer-events: none;
}
.manufacturer-banner-container {
    z-index: 3;
}
@media (max-width: 760px) {
    .manufacturer-banner-credit {
        position: static;
        margin-top: 14px;
        max-width: none;
        text-align: left;
    }
}

/* ================================================================
   TechOpsBase v1.8.2 — Content activation and first-user experience
   ================================================================ */

.onboarding-v2-hero {
    background:
        radial-gradient(circle at 82% 18%,rgba(var(--secondary-rgb),.13),transparent 32%),
        linear-gradient(145deg,var(--bg-main),var(--bg-card));
}
.onboarding-v2-shell {
    max-width: 1180px;
}
.onboarding-v2-form {
    display: grid;
    gap: 24px;
}
.onboarding-step {
    position: relative;
    padding: 26px;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 18px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015));
}
.onboarding-step-number {
    position: absolute;
    top: 24px;
    right: 24px;
    color: rgba(var(--secondary-rgb),.22);
    font-family: var(--font-mono,monospace);
    font-size: 2.3rem;
    font-weight: 900;
}
.onboarding-step-heading {
    max-width: 760px;
    margin-bottom: 22px;
}
.onboarding-step-heading > span {
    color: var(--cyan);
    font-family: var(--font-mono,monospace);
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .12em;
}
.onboarding-step-heading h2 {
    margin: 8px 0 8px;
}
.onboarding-step-heading p {
    margin: 0;
    color: var(--muted);
    line-height: 1.6;
}
.onboarding-interest-block + .onboarding-interest-block {
    margin-top: 28px;
}
.onboarding-interest-block .split-heading > span {
    color: var(--muted);
    font-size: .72rem;
    font-weight: 800;
    text-transform: uppercase;
    letter-spacing: .08em;
}
.onboarding-aircraft-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
    max-height: 540px;
    overflow-y: auto;
    padding-right: 5px;
}
.onboarding-aircraft-grid label,
.onboarding-ata-grid label,
.onboarding-goal-grid label {
    position: relative;
    cursor: pointer;
}
.onboarding-aircraft-grid input,
.onboarding-ata-grid input,
.onboarding-goal-grid input {
    position: absolute;
    opacity: 0;
    pointer-events: none;
}
.onboarding-aircraft-grid label > span {
    display: flex;
    min-height: 126px;
    flex-direction: column;
    padding: 15px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: rgba(6,16,29,.55);
}
.onboarding-aircraft-grid label:hover > span {
    border-color: rgba(var(--secondary-rgb),.42);
}
.onboarding-aircraft-grid input:checked + span {
    border-color: var(--cyan);
    background: rgba(var(--secondary-rgb),.08);
    box-shadow: inset 0 0 0 1px rgba(var(--secondary-rgb),.16);
}
.onboarding-aircraft-grid label.is-flagship > span {
    background:
        linear-gradient(145deg,rgba(var(--primary-rgb),.09),rgba(var(--secondary-rgb),.035)),
        rgba(6,16,29,.55);
}
.onboarding-aircraft-grid small {
    color: var(--cyan);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.onboarding-aircraft-grid label.is-flagship small {
    color: var(--primary);
}
.onboarding-aircraft-grid strong {
    margin-top: 9px;
    color: var(--text);
    line-height: 1.35;
}
.onboarding-aircraft-grid em {
    margin-top: auto;
    padding-top: 11px;
    color: var(--muted);
    font-size: .68rem;
    font-style: normal;
}
.onboarding-ata-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 9px;
}
.onboarding-ata-grid label {
    display: grid;
    gap: 5px;
    padding: 13px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 11px;
    background: rgba(6,16,29,.48);
}
.onboarding-ata-grid label:hover,
.onboarding-ata-grid label:has(input:checked) {
    border-color: var(--cyan);
    background: rgba(var(--secondary-rgb),.07);
}
.onboarding-ata-grid .mono {
    color: var(--primary);
    font-size: .7rem;
}
.onboarding-ata-grid strong {
    color: var(--text-soft);
    font-size: .84rem;
}
.onboarding-goal-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 10px;
}
.onboarding-goal-grid label {
    display: flex;
    min-height: 180px;
    flex-direction: column;
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 14px;
    background: rgba(6,16,29,.5);
}
.onboarding-goal-grid label:hover,
.onboarding-goal-grid label:has(input:checked) {
    border-color: var(--primary);
    background: rgba(var(--primary-rgb),.075);
}
.onboarding-goal-grid label > span {
    color: var(--primary);
    font-size: 1.6rem;
}
.onboarding-goal-grid strong {
    margin-top: 13px;
    color: var(--text);
    line-height: 1.35;
}
.onboarding-goal-grid small {
    margin-top: 9px;
    color: var(--muted);
    line-height: 1.5;
}
.onboarding-submit-panel {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px 24px;
    border: 1px solid rgba(var(--primary-rgb),.28);
    border-radius: 16px;
    background: rgba(var(--primary-rgb),.06);
}
.onboarding-submit-panel strong,
.onboarding-submit-panel p {
    display: block;
}
.onboarding-submit-panel p {
    margin: 5px 0 0;
    color: var(--muted);
}

.my-hub-hero {
    padding: 54px 0;
    background:
        radial-gradient(circle at 84% 20%,rgba(var(--secondary-rgb),.14),transparent 30%),
        radial-gradient(circle at 12% 85%,rgba(var(--primary-rgb),.08),transparent 27%),
        linear-gradient(145deg,var(--bg-main),#10253c);
}
.my-hub-hero-grid {
    display: grid;
    grid-template-columns: minmax(0,1fr) 390px;
    gap: 28px;
    align-items: center;
}
.my-hub-hero h1 {
    margin: 8px 0 12px;
    font-size: clamp(2.8rem,6vw,5.5rem);
    line-height: .98;
}
.my-hub-hero p {
    max-width: 720px;
    color: #aab8ca;
    font-size: 1.08rem;
    line-height: 1.65;
}
.my-hub-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 22px;
}
.my-hub-profile-card {
    display: grid;
    grid-template-columns: 90px minmax(0,1fr);
    gap: 18px;
    align-items: center;
    padding: 22px;
    border: 1px solid rgba(var(--muted-rgb),.17);
    border-radius: 16px;
    background: rgba(5,15,27,.48);
}
.my-hub-profile-card > span {
    color: var(--primary);
    font-size: 2.2rem;
    font-weight: 900;
}
.my-hub-profile-card strong {
    display: block;
    color: var(--text);
}
.my-hub-profile-card p {
    margin: 5px 0 12px;
    font-size: .76rem;
}
.my-hub-priority-section {
    padding-top: 28px;
    padding-bottom: 0;
}
.my-hub-priority-card {
    display: grid;
    grid-template-columns: 64px minmax(0,1fr) auto;
    gap: 18px;
    align-items: center;
    padding: 20px 22px;
    border: 1px solid rgba(var(--primary-rgb),.28);
    border-radius: 15px;
    background: linear-gradient(145deg,rgba(var(--primary-rgb),.09),rgba(var(--text-rgb),.02));
}
.my-hub-priority-card > span {
    color: var(--primary);
    font-size: 2rem;
}
.my-hub-priority-card small {
    color: var(--primary);
    font-family: var(--font-mono,monospace);
    font-weight: 900;
    letter-spacing: .08em;
}
.my-hub-priority-card h2 {
    margin: 4px 0;
    font-size: 1.25rem;
}
.my-hub-priority-card p {
    margin: 0;
    color: var(--muted);
}
.my-hub-priority-card > a {
    color: var(--cyan);
    font-weight: 900;
}
.my-hub-aircraft-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 12px;
}
.my-hub-aircraft-grid > a {
    display: flex;
    min-height: 225px;
    flex-direction: column;
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015));
    color: var(--text-soft);
}
.my-hub-aircraft-grid > a:hover {
    border-color: rgba(var(--secondary-rgb),.42);
    transform: translateY(-2px);
}
.my-hub-aircraft-grid small {
    color: var(--cyan);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.my-hub-aircraft-grid h3 {
    margin: 10px 0 17px;
    font-size: 1.15rem;
}
.my-hub-aircraft-grid > a > div {
    display: grid;
    gap: 6px;
}
.my-hub-aircraft-grid span {
    color: var(--muted);
    font-size: .75rem;
}
.my-hub-aircraft-grid span b {
    color: var(--text);
}
.my-hub-aircraft-grid > a > strong {
    margin-top: auto;
    padding-top: 18px;
    color: var(--primary);
    font-size: .76rem;
}
.my-hub-content-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) 360px;
    gap: 28px;
    align-items: start;
}
.my-hub-feed-list {
    display: grid;
    gap: 9px;
}
.my-hub-feed-list > a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 15px 17px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 11px;
    background: rgba(var(--text-rgb),.024);
    color: var(--text-soft);
}
.my-hub-feed-list span > * {
    display: block;
}
.my-hub-feed-list small {
    color: var(--cyan);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .06em;
}
.my-hub-feed-list b {
    margin-top: 5px;
}
.my-hub-feed-list em {
    margin-top: 4px;
    color: var(--muted);
    font-size: .7rem;
    font-style: normal;
}
.my-hub-feed-list > a > strong {
    color: var(--primary);
}
.my-hub-side-card {
    position: sticky;
    top: 88px;
    padding: 21px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 14px;
    background: var(--bg-card);
}
.my-hub-side-card h2 {
    margin: 7px 0 15px;
}
.my-hub-side-card > a {
    display: block;
    padding: 13px 0;
    border-bottom: 1px solid rgba(var(--muted-rgb),.12);
    color: var(--text-soft);
}
.my-hub-side-card b,
.my-hub-side-card small {
    display: block;
}
.my-hub-side-card small {
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.45;
}
.my-hub-recommendation-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}
.my-hub-recommendation-grid a {
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: rgba(var(--text-rgb),.025);
    color: var(--text-soft);
}
.my-hub-recommendation-grid small {
    color: var(--cyan);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .07em;
}
.my-hub-recommendation-grid h3 {
    margin: 9px 0 18px;
}
.my-hub-recommendation-grid span {
    color: var(--primary);
    font-size: .75rem;
    font-weight: 800;
}

.activation-empty-state {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 22px;
    padding: 22px;
    border: 1px dashed rgba(var(--secondary-rgb),.34);
    border-radius: 14px;
    background: rgba(var(--secondary-rgb),.045);
}
.activation-empty-state > div:first-child > span {
    color: var(--cyan);
    font-size: 1.7rem;
}
.activation-empty-state h3 {
    margin: 4px 0 7px;
}
.activation-empty-state p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.activation-empty-state.compact {
    padding: 17px 19px;
}
.activation-empty-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    flex: 0 0 auto;
}

.activation-admin-metrics {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 10px;
    margin: 22px 0;
}
.activation-admin-metrics article {
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: var(--bg-card);
}
.activation-admin-metrics strong,
.activation-admin-metrics span,
.activation-admin-metrics small {
    display: block;
}
.activation-admin-metrics strong {
    color: var(--primary);
    font-size: 1.7rem;
}
.activation-admin-metrics span {
    margin-top: 7px;
    color: var(--text);
    font-weight: 800;
}
.activation-admin-metrics small {
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.4;
}
.activation-campaign-panel {
    margin-bottom: 22px;
}
.activation-campaign-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 12px;
}
.activation-campaign-card {
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: rgba(var(--text-rgb),.025);
}
.activation-campaign-card.status-completed {
    border-color: rgba(74,222,128,.33);
}
.activation-campaign-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}
.activation-campaign-topline span {
    color: var(--cyan);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
}
.activation-campaign-topline b {
    color: var(--primary);
}
.activation-campaign-card h3 {
    margin: 11px 0 7px;
}
.activation-campaign-card > p {
    min-height: 52px;
    color: var(--muted);
    line-height: 1.5;
}
.activation-progress {
    height: 8px;
    overflow: hidden;
    border-radius: 999px;
    background: rgba(var(--muted-rgb),.13);
}
.activation-progress i {
    display: block;
    height: 100%;
    border-radius: inherit;
    background: linear-gradient(90deg,var(--secondary),var(--primary));
}
.activation-campaign-numbers {
    display: flex;
    align-items: baseline;
    gap: 6px;
    margin-top: 11px;
}
.activation-campaign-numbers strong {
    color: var(--text);
    font-size: 1.4rem;
}
.activation-campaign-numbers span {
    color: var(--muted);
}
.activation-campaign-card details {
    margin-top: 14px;
}
.activation-campaign-card summary,
.activation-aircraft-card summary {
    cursor: pointer;
    color: var(--cyan);
    font-weight: 800;
}
.activation-campaign-form,
.activation-aircraft-form {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
    margin-top: 14px;
}
.activation-campaign-form label,
.activation-aircraft-form label {
    display: grid;
    gap: 5px;
}
.activation-campaign-form label > span,
.activation-aircraft-form label > span {
    color: var(--muted);
    font-size: .68rem;
    font-weight: 800;
}
.activation-campaign-form .full-span,
.activation-aircraft-form .full-span {
    grid-column: 1 / -1;
}
.activation-aircraft-list {
    display: grid;
    gap: 14px;
}
.activation-aircraft-card {
    padding: 20px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 15px;
    background: var(--bg-card);
}
.activation-aircraft-card.activation-ready {
    border-color: rgba(74,222,128,.34);
}
.activation-aircraft-card.activation-building {
    border-color: rgba(var(--secondary-rgb),.3);
}
.activation-aircraft-card.activation-thin,
.activation-aircraft-card.activation-empty {
    border-color: rgba(var(--primary-rgb),.26);
}
.activation-aircraft-card > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
}
.activation-aircraft-card h2 {
    margin: 6px 0 4px;
}
.activation-aircraft-card header p {
    margin: 0;
    color: var(--muted);
}
.activation-score-ring {
    display: grid;
    width: 82px;
    height: 82px;
    flex: 0 0 82px;
    place-content: center;
    border: 5px solid rgba(var(--secondary-rgb),.25);
    border-radius: 50%;
    text-align: center;
}
.activation-score-ring strong,
.activation-score-ring span {
    display: block;
}
.activation-score-ring strong {
    color: var(--cyan);
    font-size: 1.25rem;
}
.activation-score-ring span {
    color: var(--muted);
    font-size: .61rem;
    text-transform: uppercase;
}
.activation-coverage-grid {
    display: grid;
    grid-template-columns: repeat(7,minmax(0,1fr));
    gap: 7px;
    margin-top: 17px;
}
.activation-coverage-grid span {
    padding: 11px;
    border: 1px solid rgba(var(--muted-rgb),.13);
    border-radius: 9px;
    color: var(--muted);
    font-size: .67rem;
}
.activation-coverage-grid span.complete {
    border-color: rgba(74,222,128,.27);
    background: rgba(74,222,128,.045);
}
.activation-coverage-grid b {
    display: block;
    margin-bottom: 4px;
    color: var(--text);
    font-size: .95rem;
}
.activation-gap-list {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin-top: 14px;
}
.activation-gap-list strong {
    color: var(--text);
}
.activation-gap-list span {
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(var(--primary-rgb),.09);
    color: #fbbf24;
    font-size: .68rem;
}
.activation-card-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 8px 16px;
    margin: 16px 0;
}
.activation-card-actions a {
    color: var(--cyan);
    font-size: .74rem;
    font-weight: 800;
}

@media (max-width: 1100px) {
    .onboarding-goal-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .activation-admin-metrics {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .activation-campaign-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .activation-coverage-grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .my-hub-aircraft-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 820px) {
    .onboarding-aircraft-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .onboarding-ata-grid {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
    .my-hub-hero-grid,
    .my-hub-content-layout {
        grid-template-columns: 1fr;
    }
    .my-hub-side-card {
        position: static;
    }
    .my-hub-recommendation-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 620px) {
    .onboarding-step {
        padding: 20px;
    }
    .onboarding-step-number {
        top: 17px;
        right: 17px;
        font-size: 1.7rem;
    }
    .onboarding-aircraft-grid,
    .onboarding-ata-grid,
    .onboarding-goal-grid {
        grid-template-columns: 1fr;
    }
    .onboarding-aircraft-grid {
        max-height: 630px;
    }
    .onboarding-submit-panel,
    .activation-empty-state,
    .my-hub-priority-card {
        align-items: stretch;
        grid-template-columns: 1fr;
        flex-direction: column;
    }
    .onboarding-submit-panel .button,
    .activation-empty-actions .button {
        width: 100%;
        justify-content: center;
    }
    .my-hub-profile-card {
        grid-template-columns: 70px minmax(0,1fr);
    }
    .my-hub-aircraft-grid,
    .my-hub-recommendation-grid,
    .activation-admin-metrics,
    .activation-campaign-grid {
        grid-template-columns: 1fr;
    }
    .activation-aircraft-card > header {
        align-items: flex-start;
    }
    .activation-score-ring {
        width: 70px;
        height: 70px;
        flex-basis: 70px;
    }
    .activation-coverage-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .activation-campaign-form,
    .activation-aircraft-form {
        grid-template-columns: 1fr;
    }
    .activation-campaign-form .full-span,
    .activation-aircraft-form .full-span {
        grid-column: auto;
    }
}

/* ================================================================
   TechOpsBase v1.8.3 — Airline and operator identity profiles
   ================================================================ */

.operator-banner-hero {
    min-height: 665px;
}
.operator-banner-hero .manufacturer-banner-container {
    min-height: 665px;
}
.operator-banner-identity {
    max-width: 1120px;
}
.operator-banner-identity h1 {
    max-width: 1100px;
}
.operator-code-row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin-top: 15px;
}
.operator-code-row span {
    padding: 7px 11px;
    border: 1px solid rgba(var(--text-rgb),.17);
    border-radius: 999px;
    background: rgba(4,12,23,.45);
    color: var(--text-soft);
    font-size: .72rem;
}
.operator-number-grid {
    grid-template-columns: repeat(7,minmax(0,1fr));
}
.operator-curated-facts {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.operator-career-section {
    padding-top: 26px;
    padding-bottom: 26px;
    background:
        radial-gradient(circle at 85% 20%,rgba(var(--secondary-rgb),.11),transparent 28%),
        #091727;
}
.operator-career-panel {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 28px;
    align-items: center;
    padding: 26px;
    border: 1px solid rgba(var(--secondary-rgb),.24);
    border-radius: 17px;
    background: linear-gradient(145deg,rgba(var(--secondary-rgb),.065),rgba(var(--text-rgb),.018));
}
.operator-career-panel h2 {
    margin: 7px 0 9px;
}
.operator-career-panel p {
    max-width: 850px;
    margin: 0;
    color: var(--muted);
    line-height: 1.65;
}
.operator-career-panel .button-primary {
    background: var(--primary);
    border-color: var(--primary);
    color: var(--on-primary);
}
.operator-career-panel .button-primary:hover {
    background: var(--primary-hover);
    border-color: var(--primary-hover);
    color: var(--on-primary);
}
.operator-rich-fleet-grid > a {
    min-height: 150px;
}
.operator-rich-fleet-grid small {
    display: inline-flex;
    width: fit-content;
    padding: 5px 8px;
    border-radius: 999px;
    background: rgba(var(--secondary-rgb),.08);
    color: var(--cyan);
}
.operator-rich-fleet-grid .relationship-historic {
    background: rgba(var(--muted-rgb),.1);
    color: #a8b5c5;
}
.operator-rich-fleet-grid .relationship-ordered,
.operator-rich-fleet-grid .relationship-planned {
    background: rgba(var(--primary-rgb),.09);
    color: #fbbf24;
}
.operator-rich-fleet-grid em {
    display: block;
    margin-top: 8px;
    color: var(--muted);
    font-size: .7rem;
    font-style: normal;
    line-height: 1.45;
}
.operator-manufacturer-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px;
}
.operator-manufacturer-grid > a,
.operator-manufacturer-grid > div {
    display: flex;
    align-items: center;
    gap: 13px;
    padding: 16px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: rgba(var(--text-rgb),.025);
    color: var(--text-soft);
}
.operator-manufacturer-grid > a:hover {
    border-color: rgba(var(--secondary-rgb),.4);
    transform: translateY(-2px);
}
.operator-manufacturer-grid .brand-mark {
    width: 62px;
    height: 62px;
    flex: 0 0 62px;
}
.operator-manufacturer-grid b,
.operator-manufacturer-grid small {
    display: block;
}
.operator-manufacturer-grid small {
    margin-top: 5px;
    color: var(--muted);
}
.operator-profile-admin-form {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.operator-profile-admin-form .full-span {
    grid-column: 1 / -1;
}
.operator-section-controls {
    display: flex;
    flex-wrap: wrap;
    gap: 10px 18px;
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 12px;
}
.operator-section-controls legend {
    padding: 0 7px;
    color: var(--cyan);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.operator-section-controls label {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: var(--text-soft);
}
.operator-section-controls input {
    width: 18px;
    height: 18px;
}
.operator-fleet-admin-form {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 16px;
}
.operator-fleet-admin-form > label {
    display: grid;
    gap: 7px;
}
.operator-fleet-admin-form > label > span {
    color: var(--text);
    font-weight: 800;
}
.operator-fleet-admin-form > label > small {
    min-height: 38px;
    color: var(--muted);
    line-height: 1.45;
}
.operator-fleet-admin-form select {
    min-height: 250px;
}
.operator-fleet-admin-form .full-span {
    grid-column: 1 / -1;
}
.operator-directory-card .operator-card-facts {
    flex-wrap: wrap;
}
.operator-directory-card .operator-card-facts span:last-child:nth-child(3) {
    color: var(--primary);
}

@media (max-width: 1100px) {
    .operator-number-grid {
        grid-template-columns: repeat(4,minmax(0,1fr));
    }
    .operator-manufacturer-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .operator-banner-hero,
    .operator-banner-hero .manufacturer-banner-container {
        min-height: 690px;
    }
    .operator-code-row {
        grid-column: 1 / -1;
    }
    .operator-number-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .operator-career-panel {
        grid-template-columns: 1fr;
    }
    .operator-career-panel .button {
        width: 100%;
        justify-content: center;
    }
    .operator-curated-facts,
    .operator-manufacturer-grid,
    .operator-profile-admin-form,
    .operator-fleet-admin-form {
        grid-template-columns: 1fr;
    }
    .operator-profile-admin-form .full-span,
    .operator-fleet-admin-form .full-span {
        grid-column: auto;
    }
    .operator-fleet-admin-form > label > small {
        min-height: auto;
    }
}

/* ================================================================
   TechOpsBase v1.8.4 — Retention and activity loop
   ================================================================ */

.retention-activity-hero,
.retention-settings-hero,
.retention-notification-hero {
    background:
        radial-gradient(circle at 84% 18%,rgba(var(--secondary-rgb),.14),transparent 31%),
        radial-gradient(circle at 12% 90%,rgba(var(--primary-rgb),.08),transparent 28%),
        linear-gradient(145deg,var(--bg-main),var(--bg-card));
}
.retention-hero-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.retention-follow-summary,
.retention-inbox-summary {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 22px;
}
.retention-follow-summary > div,
.retention-inbox-summary > div,
.retention-inbox-summary > form {
    min-height: 94px;
    padding: 16px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: var(--bg-card);
}
.retention-follow-summary strong,
.retention-follow-summary span,
.retention-inbox-summary strong,
.retention-inbox-summary span {
    display: block;
}
.retention-follow-summary strong,
.retention-inbox-summary strong {
    color: var(--primary);
    font-size: 1.65rem;
}
.retention-follow-summary span,
.retention-inbox-summary span {
    margin-top: 5px;
    color: var(--muted);
    font-size: .73rem;
}
.retention-inbox-summary > form {
    display: grid;
    place-content: center;
}
.retention-inbox-summary button {
    border: 0;
    background: none;
    color: var(--cyan);
    font-weight: 800;
    cursor: pointer;
}
.retention-filter-row,
.retention-notification-filters {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 16px;
    margin-bottom: 22px;
}
.retention-filter-row nav,
.retention-notification-filters nav {
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}
.retention-filter-row nav a,
.retention-notification-filters nav a {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 9px 11px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 999px;
    color: #aebaca;
    font-size: .72rem;
    font-weight: 800;
}
.retention-filter-row nav a:hover,
.retention-filter-row nav a.active,
.retention-notification-filters nav a:hover,
.retention-notification-filters nav a.active {
    border-color: rgba(var(--secondary-rgb),.44);
    background: rgba(var(--secondary-rgb),.075);
    color: var(--cyan);
}
.retention-notification-filters nav a span {
    min-width: 22px;
    padding: 2px 6px;
    border-radius: 999px;
    background: rgba(var(--muted-rgb),.12);
    color: var(--text-soft);
    text-align: center;
}
.retention-activity-list {
    display: grid;
    gap: 11px;
}
.retention-activity-card {
    display: grid;
    grid-template-columns: 54px minmax(0,1fr);
    gap: 16px;
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015));
}
.retention-activity-card:hover {
    border-color: rgba(var(--secondary-rgb),.36);
}
.retention-activity-icon,
.retention-group-icon {
    display: grid;
    place-content: center;
    border: 1px solid rgba(var(--secondary-rgb),.23);
    border-radius: 12px;
    background: rgba(var(--secondary-rgb),.065);
    color: var(--cyan);
    font-family: var(--font-mono,monospace);
    font-weight: 900;
}
.retention-activity-icon {
    width: 54px;
    height: 54px;
}
.retention-activity-meta,
.retention-reason {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
}
.retention-activity-meta span {
    color: var(--cyan);
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.retention-activity-meta time {
    color: var(--muted);
    font-size: .68rem;
}
.retention-activity-card h2 {
    margin: 7px 0 8px;
    font-size: 1.14rem;
}
.retention-activity-card h2 a {
    color: var(--text);
}
.retention-activity-card p {
    margin: 0;
    color: var(--muted);
    line-height: 1.55;
}
.retention-reason {
    margin-top: 13px;
}
.retention-reason span {
    color: var(--primary);
    font-size: .72rem;
    font-weight: 800;
}
.retention-reason a {
    color: var(--cyan);
    font-size: .72rem;
    font-weight: 800;
}
.retention-empty-state {
    margin-top: 12px;
}

.retention-settings-layout {
    max-width: 1120px;
}
.retention-settings-form {
    display: grid;
    gap: 18px;
}
.retention-settings-panel {
    padding: 24px;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 17px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015));
}
.retention-switch-list {
    display: grid;
    gap: 9px;
}
.retention-switch-list label,
.retention-main-switch {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 14px 16px;
    border: 1px solid rgba(var(--muted-rgb),.13);
    border-radius: 11px;
    background: rgba(6,16,29,.48);
}
.retention-switch-list label > span,
.retention-main-switch > span {
    min-width: 0;
}
.retention-switch-list strong,
.retention-switch-list small,
.retention-main-switch strong,
.retention-main-switch small {
    display: block;
}
.retention-switch-list strong,
.retention-main-switch strong {
    color: var(--text);
}
.retention-switch-list small,
.retention-main-switch small {
    margin-top: 4px;
    color: var(--muted);
    line-height: 1.45;
}
.retention-switch-list input,
.retention-main-switch input {
    width: 22px;
    height: 22px;
    flex: 0 0 22px;
}
.retention-digest-options {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
}
.retention-digest-options label {
    position: relative;
    cursor: pointer;
}
.retention-digest-options input {
    position: absolute;
    opacity: 0;
}
.retention-digest-options label > span {
    display: block;
    min-height: 122px;
    padding: 16px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 12px;
    background: rgba(6,16,29,.5);
}
.retention-digest-options label:hover > span,
.retention-digest-options input:checked + span {
    border-color: var(--primary);
    background: rgba(var(--primary-rgb),.075);
}
.retention-digest-options strong,
.retention-digest-options small {
    display: block;
}
.retention-digest-options strong {
    color: var(--text);
}
.retention-digest-options small {
    margin-top: 8px;
    color: var(--muted);
    line-height: 1.5;
}
.retention-email-categories {
    display: flex;
    flex-wrap: wrap;
    gap: 9px;
    margin-top: 17px;
}
.retention-email-categories label {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    padding: 8px 10px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 999px;
    color: var(--text-soft);
    font-size: .74rem;
}
.retention-schedule-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 11px;
    margin-top: 17px;
}
.retention-schedule-grid label {
    display: grid;
    gap: 6px;
}
.retention-schedule-grid label > span {
    color: var(--muted);
    font-size: .7rem;
    font-weight: 800;
}
.retention-reminder-days {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-top: 14px;
    color: var(--muted);
}
.retention-reminder-days input {
    max-width: 90px;
}
.retention-save-bar {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px 22px;
    border: 1px solid rgba(var(--primary-rgb),.26);
    border-radius: 15px;
    background: rgba(var(--primary-rgb),.055);
}
.retention-save-bar strong,
.retention-save-bar p {
    display: block;
}
.retention-save-bar p {
    margin: 4px 0 0;
    color: var(--muted);
}
.retention-settings-link-card {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 22px;
    border: 1px solid rgba(var(--secondary-rgb),.25);
    border-radius: 14px;
    background: rgba(var(--secondary-rgb),.055);
}
.retention-settings-link-card strong,
.retention-settings-link-card span {
    display: block;
}
.retention-settings-link-card span {
    margin-top: 5px;
    color: var(--muted);
}

.retention-notification-groups {
    display: grid;
    gap: 20px;
}
.retention-notification-group {
    overflow: hidden;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 16px;
    background: #0d1b2c;
}
.retention-notification-group > header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 17px 19px;
    border-bottom: 1px solid rgba(var(--muted-rgb),.13);
    background: rgba(var(--text-rgb),.025);
}
.retention-notification-group > header > div:first-child {
    display: flex;
    align-items: center;
    gap: 13px;
}
.retention-group-icon {
    width: 44px;
    height: 44px;
}
.retention-notification-group h2 {
    margin: 0;
    font-size: 1.05rem;
}
.retention-notification-group header p {
    margin: 4px 0 0;
    color: var(--muted);
    font-size: .72rem;
}
.retention-group-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
}
.retention-group-actions button,
.retention-notification-actions button {
    padding: 0;
    border: 0;
    background: none;
    color: var(--cyan);
    font-size: .69rem;
    font-weight: 800;
    cursor: pointer;
}
.retention-group-list {
    padding: 10px;
}
.retention-group-list .notification-card {
    margin: 0;
    border-radius: 11px;
}
.retention-group-list .notification-card + .notification-card {
    margin-top: 8px;
}
.retention-group-list .notification-copy h3 {
    margin: 6px 0 8px;
}
.retention-notification-actions {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    gap: 7px;
    flex: 0 0 auto;
}
.retention-notification-actions .text-danger {
    color: #fb7185;
}

.my-hub-activity-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 11px;
}
.my-hub-activity-grid > a {
    display: grid;
    min-height: 195px;
    grid-template-columns: 38px minmax(0,1fr);
    grid-template-rows: auto auto 1fr auto;
    gap: 7px 11px;
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015));
    color: var(--text-soft);
}
.my-hub-activity-grid > a:hover {
    border-color: rgba(var(--secondary-rgb),.4);
    transform: translateY(-2px);
}
.my-hub-activity-grid > a > span {
    display: grid;
    width: 38px;
    height: 38px;
    grid-row: 1 / span 2;
    place-content: center;
    border-radius: 9px;
    background: rgba(var(--secondary-rgb),.08);
    color: var(--cyan);
    font-family: var(--font-mono,monospace);
    font-weight: 900;
}
.my-hub-activity-grid small {
    color: var(--cyan);
    font-size: .61rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.my-hub-activity-grid h3 {
    grid-column: 2;
    margin: 0;
    font-size: .99rem;
    line-height: 1.4;
}
.my-hub-activity-grid p {
    grid-column: 1 / -1;
    margin: 8px 0 0;
    color: var(--primary);
    font-size: .7rem;
    line-height: 1.45;
}
.my-hub-activity-grid time {
    grid-column: 1 / -1;
    color: var(--muted);
    font-size: .67rem;
}

.retention-period-control {
    width: fit-content;
    margin: 0 0 20px auto;
}
.retention-pulse-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
}
.retention-dashboard-columns {
    grid-template-columns: repeat(2,minmax(0,1fr));
}
.retention-bar-chart {
    display: grid;
    gap: 8px;
}
.retention-bar-chart > div {
    display: grid;
    grid-template-columns: 70px minmax(0,1fr) minmax(0,1fr) 70px;
    gap: 8px;
    align-items: center;
}
.retention-bar-chart span,
.retention-bar-chart b {
    color: var(--muted);
    font-size: .67rem;
}
.retention-bar-chart i {
    display: block;
    width: var(--bar);
    min-width: 3px;
    height: 10px;
    border-radius: 999px;
}
.retention-bar-chart i.active {
    background: var(--secondary);
}
.retention-bar-chart i.returning {
    background: var(--primary);
}
.retention-cron-health {
    display: grid;
    gap: 9px;
    margin-bottom: 15px;
}
.retention-cron-health > div {
    display: grid;
    grid-template-columns: 34px minmax(0,1fr);
    gap: 11px;
    align-items: center;
    padding: 12px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 10px;
}
.retention-cron-health > div > span {
    display: grid;
    width: 34px;
    height: 34px;
    place-content: center;
    border-radius: 50%;
    font-weight: 900;
}
.retention-cron-health .healthy > span {
    background: rgba(74,222,128,.11);
    color: #4ade80;
}
.retention-cron-health .attention > span {
    background: rgba(var(--primary-rgb),.11);
    color: var(--primary);
}
.retention-cron-health strong,
.retention-cron-health small {
    display: block;
}
.retention-cron-health small {
    margin-top: 4px;
    color: var(--muted);
}
.retention-ranking-list {
    display: grid;
    gap: 7px;
}
.retention-ranking-list > div:not(.empty-state) {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    padding: 11px 13px;
    border: 1px solid rgba(var(--muted-rgb),.12);
    border-radius: 9px;
    color: var(--text-soft);
}
.retention-ranking-list strong {
    color: var(--cyan);
}
.retention-queue-summary {
    display: grid;
    grid-template-columns: repeat(6,minmax(0,1fr));
    gap: 8px;
    margin-bottom: 16px;
}
.retention-queue-summary > div {
    padding: 12px;
    border: 1px solid rgba(var(--muted-rgb),.13);
    border-radius: 10px;
    background: rgba(var(--text-rgb),.022);
}
.retention-queue-summary strong,
.retention-queue-summary span {
    display: block;
}
.retention-queue-summary strong {
    color: var(--primary);
    font-size: 1.2rem;
}
.retention-queue-summary span {
    margin-top: 3px;
    color: var(--muted);
    font-size: .67rem;
    text-transform: uppercase;
}
.status-pill.status-queued,
.status-pill.status-running {
    color: var(--secondary);
    background: rgba(var(--secondary-rgb),.09);
}
.status-pill.status-sending,
.status-pill.status-partial {
    color: var(--primary);
    background: rgba(var(--primary-rgb),.09);
}
.status-pill.status-failed,
.status-pill.status-cancelled {
    color: #fb7185;
    background: rgba(251,113,133,.09);
}
.status-pill.status-sent,
.status-pill.status-completed {
    color: #4ade80;
    background: rgba(74,222,128,.09);
}

@media (max-width: 1100px) {
    .retention-pulse-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .retention-queue-summary {
        grid-template-columns: repeat(3,minmax(0,1fr));
    }
}

@media (max-width: 820px) {
    .retention-follow-summary,
    .retention-inbox-summary,
    .retention-dashboard-columns {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .retention-filter-row,
    .retention-notification-filters {
        align-items: flex-start;
        flex-direction: column;
    }
    .retention-digest-options,
    .retention-schedule-grid,
    .my-hub-activity-grid {
        grid-template-columns: 1fr;
    }
    .retention-notification-group > header {
        align-items: flex-start;
        flex-direction: column;
    }
}

@media (max-width: 620px) {
    .retention-follow-summary,
    .retention-inbox-summary,
    .retention-pulse-grid,
    .retention-queue-summary {
        grid-template-columns: 1fr;
    }
    .retention-activity-card {
        grid-template-columns: 42px minmax(0,1fr);
        padding: 15px;
    }
    .retention-activity-icon {
        width: 42px;
        height: 42px;
    }
    .retention-activity-meta,
    .retention-reason {
        align-items: flex-start;
        flex-direction: column;
        gap: 5px;
    }
    .retention-settings-panel {
        padding: 18px;
    }
    .retention-switch-list label,
    .retention-main-switch,
    .retention-save-bar,
    .retention-settings-link-card {
        align-items: stretch;
        flex-direction: column;
    }
    .retention-switch-list input,
    .retention-main-switch input {
        align-self: flex-start;
    }
    .retention-save-bar .button,
    .retention-settings-link-card .button {
        width: 100%;
        justify-content: center;
    }
    .retention-group-list .notification-card {
        grid-template-columns: 42px minmax(0,1fr);
    }
    .retention-notification-actions {
        grid-column: 2;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
    }
    .retention-bar-chart > div {
        grid-template-columns: 55px minmax(0,1fr) minmax(0,1fr) 55px;
    }
}


/* ================================================================
   TechOpsBase v1.9.0 — Controlled beta and contributor missions
   ================================================================ */

.header-beta-chip {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    min-height: 40px;
    padding: 7px 10px;
    border: 1px solid rgba(var(--primary-rgb),.35);
    border-radius: 10px;
    background: rgba(var(--primary-rgb),.08);
    color: var(--text);
}
.header-beta-chip span {
    color: var(--primary);
    font-family: var(--font-mono,monospace);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .09em;
}
.header-beta-chip b { font-size: .7rem; }
.home-beta-callout {
    border-top: 1px solid rgba(var(--primary-rgb),.2);
    border-bottom: 1px solid rgba(var(--primary-rgb),.2);
    background:
        radial-gradient(circle at 82% 20%,rgba(var(--primary-rgb),.13),transparent 30%),
        linear-gradient(135deg,#111a28,#091422);
}
.home-beta-callout-inner {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto;
    gap: 28px;
    align-items: center;
    padding-top: 26px;
    padding-bottom: 26px;
}
.home-beta-callout span {
    color: var(--primary);
    font-size: .68rem;
    font-weight: 900;
    letter-spacing: .1em;
}
.home-beta-callout h2 { margin: 8px 0; font-size: clamp(1.35rem,2.5vw,2rem); }
.home-beta-callout p { max-width: 850px; margin: 0; color: var(--muted); }
.beta-hero {
    position: relative;
    overflow: hidden;
    padding: 82px 0 72px;
    border-bottom: 1px solid rgba(var(--secondary-rgb),.2);
    background:
        linear-gradient(90deg,rgba(5,14,25,.96),rgba(5,14,25,.72)),
        radial-gradient(circle at 78% 32%,rgba(var(--secondary-rgb),.18),transparent 34%),
        radial-gradient(circle at 28% 95%,rgba(var(--primary-rgb),.13),transparent 32%),
        var(--bg-main);
}
.beta-hero::after {
    content: "BETA 01";
    position: absolute;
    right: -20px;
    bottom: -42px;
    color: rgba(var(--text-rgb),.025);
    font: 900 12rem/1 var(--font-mono,monospace);
    pointer-events: none;
}
.beta-hero-layout {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: minmax(0,1.35fr) minmax(320px,.65fr);
    gap: 55px;
    align-items: center;
}
.beta-hero h1 {
    max-width: 940px;
    margin: 14px 0 20px;
    font-size: clamp(2.7rem,6vw,5.4rem);
    line-height: .98;
    letter-spacing: -.055em;
}
.beta-hero p { max-width: 820px; color: #a9b6c8; font-size: 1.06rem; line-height: 1.7; }
.beta-hero-actions { display: flex; flex-wrap: wrap; gap: 11px; margin-top: 28px; }
.beta-scope-card {
    padding: 25px;
    border: 1px solid rgba(var(--secondary-rgb),.28);
    border-radius: 18px;
    background: rgba(8,24,40,.78);
    box-shadow: 0 30px 80px rgba(var(--shadow-rgb),.25);
}
.beta-scope-card > span { color: var(--cyan); font: 900 .65rem/1 var(--font-mono,monospace); letter-spacing: .09em; }
.beta-scope-card h2 { margin: 12px 0 16px; font-size: 1.45rem; }
.beta-scope-card ul { display: grid; gap: 9px; margin: 0; padding-left: 20px; color: #d4dde8; }
.beta-scope-card p { margin: 18px 0 0; padding-top: 16px; border-top: 1px solid rgba(var(--muted-rgb),.15); color: var(--primary); font-size: .76rem; }
.beta-dashboard-section { background: linear-gradient(180deg,var(--bg-main),#0b1a2a); }
.beta-member-summary {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 40px;
}
.beta-member-summary > div {
    min-height: 105px;
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 13px;
    background: var(--bg-card);
}
.beta-member-summary span,.beta-member-summary strong { display: block; }
.beta-member-summary span { color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .08em; }
.beta-member-summary strong { margin-top: 13px; color: var(--text); font-size: 1.05rem; }
.beta-checklist-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 10px;
}
.beta-checklist-grid a {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 5px 12px;
    align-items: center;
    min-height: 105px;
    padding: 15px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.025);
    color: var(--text-soft);
}
.beta-checklist-grid a > span {
    display: grid;
    width: 42px;
    height: 42px;
    grid-row: 1 / span 2;
    place-content: center;
    border-radius: 50%;
    background: rgba(var(--primary-rgb),.1);
    color: var(--primary);
    font-weight: 900;
}
.beta-checklist-grid a.complete { border-color: rgba(74,222,128,.26); }
.beta-checklist-grid a.complete > span { background: rgba(74,222,128,.11); color: #4ade80; }
.beta-checklist-grid strong { font-size: .86rem; }
.beta-checklist-grid small { color: var(--muted); }
.beta-mission-heading { margin-top: 42px; }
.beta-mission-grid {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 11px;
}
.beta-mission-grid-full { grid-template-columns: repeat(3,minmax(0,1fr)); }
.beta-mission-card {
    display: flex;
    min-height: 275px;
    flex-direction: column;
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.045),rgba(var(--text-rgb),.015));
}
.beta-mission-card.complete { border-color: rgba(74,222,128,.38); }
.beta-mission-card > div:first-child,.beta-mission-card footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.beta-mission-card > div:first-child span { color: var(--cyan); font-size: .62rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.beta-mission-card > div:first-child b { color: var(--primary); font-size: .72rem; }
.beta-mission-card h2,.beta-mission-card h3 { margin: 16px 0 10px; color: var(--text); line-height: 1.3; }
.beta-mission-card h2 { font-size: 1.25rem; }
.beta-mission-card p { flex: 1; margin: 0; color: var(--muted); line-height: 1.55; }
.beta-mission-context { display: block; margin-top: 12px; color: var(--primary); }
.beta-progress { height: 9px; margin: 18px 0 13px; overflow: hidden; border-radius: 999px; background: #1e3044; }
.beta-progress i { display: block; width: var(--progress); height: 100%; border-radius: inherit; background: linear-gradient(90deg,var(--primary),var(--secondary)); }
.beta-mission-card footer span { color: var(--muted); font-size: .7rem; }
.beta-mission-card footer a:not(.button) { color: var(--cyan); font-size: .7rem; font-weight: 800; }
.beta-mission-card footer .button { padding: 8px 11px; font-size: .7rem; }
.beta-access-layout {
    display: grid;
    grid-template-columns: minmax(0,1fr) minmax(320px,500px);
    gap: 50px;
    align-items: center;
}
.beta-cohort-list { display: grid; gap: 9px; margin-top: 20px; }
.beta-cohort-list > div { padding: 14px; border: 1px solid rgba(var(--muted-rgb),.14); border-radius: 10px; background: var(--bg-card); }
.beta-cohort-list strong,.beta-cohort-list span { display: block; }
.beta-cohort-list span { margin-top: 5px; color: var(--muted); }
.beta-invite-card form { display: grid; gap: 15px; }
.beta-principle-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 11px; }
.beta-principle-grid article { padding: 21px; border: 1px solid rgba(var(--muted-rgb),.14); border-radius: 13px; background: rgba(var(--text-rgb),.025); }
.beta-principle-grid article > span { color: var(--primary); font: 900 .75rem/1 var(--font-mono,monospace); }
.beta-principle-grid h3 { margin: 15px 0 9px; }
.beta-principle-grid p { margin: 0; color: var(--muted); line-height: 1.55; }
.beta-leaderboard { display: grid; gap: 8px; }
.beta-leaderboard a { display: grid; grid-template-columns: 42px minmax(0,1fr) auto; gap: 13px; align-items: center; padding: 13px 15px; border: 1px solid rgba(var(--muted-rgb),.14); border-radius: 11px; background: var(--bg-card); color: var(--text-soft); }
.beta-leaderboard > a > span { display: grid; width: 36px; height: 36px; place-content: center; border-radius: 50%; background: rgba(var(--primary-rgb),.1); color: var(--primary); font-weight: 900; }
.beta-leaderboard strong,.beta-leaderboard small { display: block; }
.beta-leaderboard small { margin-top: 4px; color: var(--muted); }
.beta-leaderboard b { color: var(--cyan); }
.beta-feedback-hero,.beta-missions-hero { background: radial-gradient(circle at 82% 25%,rgba(var(--secondary-rgb),.13),transparent 30%),#081525; }
.beta-feedback-layout { display: grid; grid-template-columns: minmax(0,1fr) 340px; gap: 30px; align-items: start; }
.beta-feedback-form { display: grid; gap: 15px; padding: 24px; border: 1px solid rgba(var(--muted-rgb),.16); border-radius: 16px; background: var(--bg-card); }
.beta-feedback-guide { position: sticky; top: 115px; padding: 22px; border: 1px solid rgba(var(--primary-rgb),.22); border-radius: 15px; background: rgba(var(--primary-rgb),.055); }
.beta-feedback-guide ol { display: grid; gap: 10px; padding-left: 22px; color: var(--text-soft); }
.beta-feedback-list { display: grid; gap: 10px; }
.beta-feedback-list article { padding: 18px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 13px; background: var(--bg-card); }
.beta-feedback-list article > div { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; color: var(--muted); font-size: .69rem; }
.beta-feedback-list h3 { margin: 13px 0 8px; }
.beta-feedback-list p { color: var(--muted); }
.beta-feedback-list footer { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; }
.beta-feedback-list footer b { color: var(--text-soft); font-size: .76rem; }
.beta-severity { display: inline-flex; padding: 4px 7px; border-radius: 999px; font-size: .62rem; font-weight: 900; text-transform: uppercase; }
.beta-severity.severity-low { background: rgba(var(--muted-rgb),.1); color: var(--text-soft); }
.beta-severity.severity-normal { background: rgba(var(--secondary-rgb),.1); color: var(--secondary); }
.beta-severity.severity-high { background: rgba(var(--primary-rgb),.1); color: var(--primary); }
.beta-severity.severity-critical { background: rgba(251,113,133,.12); color: #fb7185; }
.beta-mission-score { min-width: 200px; padding: 20px; border: 1px solid rgba(var(--primary-rgb),.25); border-radius: 14px; background: rgba(var(--primary-rgb),.055); }
.beta-mission-score strong,.beta-mission-score span,.beta-mission-score small { display: block; }
.beta-mission-score strong { color: var(--primary); font-size: 2.2rem; }
.beta-mission-score span { color: var(--text); font-weight: 800; }
.beta-mission-score small { margin-top: 5px; color: var(--muted); }
.beta-mission-rules { display: grid; grid-template-columns: .65fr 1.35fr; gap: 40px; }
.beta-mission-rules ul { display: grid; gap: 9px; margin: 0; color: var(--text-soft); }
.beta-admin-metrics { grid-template-columns: repeat(6,minmax(0,1fr)); }
.beta-admin-metrics article { padding: 17px; border: 1px solid rgba(var(--muted-rgb),.14); border-radius: 12px; background: var(--bg-card); }
.beta-admin-metrics article.attention { border-color: rgba(251,113,133,.38); }
.beta-admin-metrics strong,.beta-admin-metrics span { display: block; }
.beta-admin-metrics strong { color: var(--primary); font-size: 1.55rem; }
.beta-admin-metrics span { margin-top: 4px; color: var(--muted); font-size: .7rem; }
.beta-admin-columns { grid-template-columns: repeat(3,minmax(0,1fr)); }
.beta-admin-cohort-grid,.beta-admin-mission-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 10px; }
.beta-admin-cohort-grid article,.beta-admin-mission-grid article { padding: 17px; border: 1px solid rgba(var(--muted-rgb),.15); border-radius: 12px; background: rgba(var(--text-rgb),.025); }
.beta-admin-cohort-grid article > div,.beta-admin-mission-grid article > div,.beta-admin-mission-grid footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.beta-admin-cohort-grid h3,.beta-admin-mission-grid h3 { margin: 13px 0 8px; }
.beta-admin-cohort-grid p,.beta-admin-mission-grid p { color: var(--muted); line-height: 1.5; }
.beta-admin-cohort-grid small,.beta-admin-mission-grid small { color: var(--muted); }
.beta-admin-mission-grid footer { margin-top: 15px; padding-top: 13px; border-top: 1px solid rgba(var(--muted-rgb),.13); }
.beta-admin-mission-grid footer form { display: flex; gap: 5px; }
.beta-admin-mission-grid footer select { min-width: 105px; }
.beta-admin-mission-grid footer button,.inline-form button { border: 0; background: none; color: var(--cyan); font-weight: 800; cursor: pointer; }
.inline-form { display: flex; align-items: center; gap: 6px; }
.beta-participant-card .member-card-stats { grid-template-columns: repeat(4,minmax(0,1fr)); }
.beta-feedback-admin-filters { margin: 20px 0; }
.beta-feedback-meta { display: flex; flex-wrap: wrap; gap: 7px; align-items: center; color: var(--muted); font-size: .68rem; }
.beta-feedback-evidence { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 9px; margin: 15px 0; }
.beta-feedback-evidence > div { padding: 12px; border: 1px solid rgba(var(--muted-rgb),.13); border-radius: 9px; background: rgba(6,16,29,.48); }
.beta-feedback-evidence b { color: var(--cyan); font-size: .68rem; text-transform: uppercase; }
.beta-feedback-evidence p { margin: 7px 0 0; color: var(--text-soft); line-height: 1.5; }
.beta-mission-source-list { display: grid; gap: 8px; }
.beta-mission-source-list > div { padding: 11px; border: 1px solid rgba(var(--muted-rgb),.12); border-radius: 9px; }
.beta-mission-source-list strong,.beta-mission-source-list span { display: block; }
.beta-mission-source-list span { margin-top: 4px; color: var(--muted); }
.status-pill.status-recruiting,.status-pill.status-active { color: #4ade80; background: rgba(74,222,128,.09); }
.status-pill.status-planned,.status-pill.status-triaged,.status-pill.status-in_progress { color: var(--secondary); background: rgba(var(--secondary-rgb),.09); }
.status-pill.status-paused,.status-pill.status-new { color: var(--primary); background: rgba(var(--primary-rgb),.09); }
.status-pill.status-resolved,.status-pill.status-graduated,.status-pill.status-completed { color: #4ade80; background: rgba(74,222,128,.09); }
.status-pill.status-duplicate,.status-pill.status-dismissed,.status-pill.status-removed,.status-pill.status-revoked,.status-pill.status-expired { color: #fb7185; background: rgba(251,113,133,.09); }

@media (max-width: 1180px) {
    .beta-mission-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .beta-admin-metrics { grid-template-columns: repeat(3,minmax(0,1fr)); }
    .beta-admin-columns,.beta-admin-cohort-grid,.beta-admin-mission-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 900px) {
    .beta-hero-layout,.beta-access-layout,.beta-feedback-layout,.beta-mission-rules { grid-template-columns: 1fr; }
    .beta-checklist-grid,.beta-principle-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .beta-member-summary { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .beta-feedback-guide { position: static; }
    .home-beta-callout-inner { grid-template-columns: 1fr; }
    .header-beta-chip { display: none; }
}
@media (max-width: 650px) {
    .beta-hero { padding: 55px 0 48px; }
    .beta-hero h1 { font-size: clamp(2.45rem,13vw,4rem); }
    .beta-scope-card { padding: 19px; }
    .beta-member-summary,.beta-checklist-grid,.beta-mission-grid,.beta-mission-grid-full,.beta-principle-grid,.beta-admin-metrics,.beta-admin-columns,.beta-admin-cohort-grid,.beta-admin-mission-grid,.beta-feedback-evidence { grid-template-columns: 1fr; }
    .beta-feedback-form { padding: 17px; }
    .beta-mission-card { min-height: 250px; }
    .beta-mission-card footer { align-items: stretch; flex-direction: column; }
    .beta-mission-card footer .button { width: 100%; justify-content: center; }
    .beta-participant-card .member-card-stats { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .beta-leaderboard a { grid-template-columns: 36px minmax(0,1fr); }
    .beta-leaderboard b { grid-column: 2; }
}

/* ================================================================
   TechOpsBase v1.9.1 — Beta operations and launch-gap closure
   ================================================================ */
.gap-summary-grid {
    display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin:0 0 22px;
}
.gap-summary-grid article {
    padding:17px;border:1px solid rgba(var(--muted-rgb),.16);border-radius:13px;background:var(--bg-card);
}
.gap-summary-grid strong,.gap-summary-grid span {display:block}
.gap-summary-grid strong {color:var(--primary);font-size:1.7rem}
.gap-summary-grid span {margin-top:5px;color:var(--muted);font-size:.72rem}
.launch-gap-category {margin-bottom:20px}
.launch-gap-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.launch-gap-card {padding:20px;border:1px solid rgba(var(--muted-rgb),.16);border-radius:15px;background:linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015))}
.launch-gap-card.priority-critical {border-color:rgba(251,113,133,.32)}
.launch-gap-card.priority-high {border-color:rgba(var(--primary-rgb),.28)}
.launch-gap-card.status-verified {opacity:.82;border-color:rgba(74,222,128,.28)}
.launch-gap-card header,.gap-numbers,.launch-gap-card header>div {display:flex;align-items:center;justify-content:space-between;gap:10px}
.launch-gap-card header>div {justify-content:flex-start}
.launch-gap-card header>strong {display:grid;place-content:center;width:36px;height:36px;border-radius:50%;background:rgba(var(--primary-rgb),.1);color:var(--primary)}
.launch-gap-card.status-ready header>strong,.launch-gap-card.status-verified header>strong {background:rgba(74,222,128,.1);color:#4ade80}
.gap-priority {color:var(--muted);font-size:.68rem;font-weight:800;text-transform:uppercase}
.launch-gap-card h3 {margin:16px 0 7px;font-size:1.15rem}
.launch-gap-card>p,.gap-next-action p {color:var(--muted);line-height:1.55}
.gap-progress {height:9px;margin:17px 0 9px;border-radius:999px;background:#1a2a3d;overflow:hidden}
.gap-progress i {display:block;width:var(--gap-progress);height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--primary),var(--secondary))}
.gap-numbers {justify-content:flex-start}.gap-numbers b {color:var(--secondary);font-size:1.3rem}.gap-numbers span {color:var(--muted)}
.gap-next-action {margin:16px 0;padding:14px;border-left:3px solid var(--secondary);background:rgba(var(--secondary-rgb),.045)}
.gap-next-action b {color:var(--text)}.gap-next-action p {margin:5px 0 8px}
.launch-gap-form {display:grid;gap:10px;margin-top:15px;padding-top:15px;border-top:1px solid rgba(var(--muted-rgb),.13)}
.inline-check {display:flex!important;align-items:center;gap:9px}.inline-check input {width:18px!important;height:18px!important;flex:0 0 18px}

.flagship-board-list {display:grid;gap:20px}
.flagship-board {padding:23px;border:1px solid rgba(var(--muted-rgb),.17);border-radius:18px;background:#0d1c2e;scroll-margin-top:90px}
.flagship-board>header {display:flex;justify-content:space-between;gap:24px;align-items:center}
.flagship-board h2 {margin:5px 0 6px;font-size:1.65rem}.flagship-board header p {margin:0;color:var(--muted)}
.flagship-score {min-width:120px;text-align:right}.flagship-score strong {display:block;color:var(--secondary);font-size:2rem}.flagship-score i {display:block;width:120px;height:8px;margin-top:8px;border-radius:999px;background:linear-gradient(90deg,var(--secondary) var(--flagship-progress),#1e3046 var(--flagship-progress))}
.flagship-owner-form {display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:10px;align-items:end;margin:20px 0;padding:14px;border:1px solid rgba(var(--muted-rgb),.13);border-radius:12px;background:rgba(var(--text-rgb),.02)}
.flagship-check-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.flagship-check {padding:16px;border:1px solid rgba(var(--muted-rgb),.14);border-radius:12px;background:rgba(var(--text-rgb),.022)}
.flagship-check.is-ready {border-color:rgba(74,222,128,.24)}.flagship-check.needs-work {border-color:rgba(var(--primary-rgb),.24)}
.flagship-check-head {display:grid;grid-template-columns:38px minmax(0,1fr);gap:11px}.flagship-check-head>span {display:grid;place-content:center;width:38px;height:38px;border-radius:10px;background:rgba(var(--primary-rgb),.1);color:var(--primary);font-weight:900}.flagship-check.is-ready .flagship-check-head>span {background:rgba(74,222,128,.1);color:#4ade80}
.flagship-check h3 {margin:0}.flagship-check p {margin:4px 0 0;color:var(--muted);font-size:.75rem;line-height:1.45}
.flagship-evidence {margin:13px 0;padding:9px 11px;border-radius:9px;background:var(--bg-secondary);color:var(--secondary);font-size:.73rem;font-weight:800}
.flagship-check form {display:grid;grid-template-columns:1fr 1fr;gap:8px}.flagship-check form label:last-of-type {grid-column:1/-1}.flagship-check form button {grid-column:1/-1}
.flagship-board>footer {display:flex;flex-wrap:wrap;gap:18px;margin-top:16px}

.beta-type-filter {display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.beta-type-filter a {padding:7px 10px;border:1px solid rgba(var(--muted-rgb),.13);border-radius:999px;color:var(--muted);font-size:.69rem;font-weight:800}.beta-type-filter a.active,.beta-type-filter a:hover {border-color:var(--secondary);color:var(--secondary);background:rgba(var(--secondary-rgb),.06)}
.beta-ops-card {border-left:3px solid rgba(var(--secondary-rgb),.4)}.beta-ops-form {margin-top:17px}.form-grid.four-columns {grid-template-columns:repeat(4,minmax(0,1fr))}
.beta-retest-form {display:grid;grid-template-columns:180px minmax(0,1fr) auto;gap:10px;align-items:end;margin-top:14px;padding:14px;border:1px solid rgba(var(--primary-rgb),.22);border-radius:11px;background:rgba(var(--primary-rgb),.05)}
.mission-verification-list {display:grid;gap:12px}.mission-verification-card {padding:18px;border:1px solid rgba(var(--muted-rgb),.15);border-radius:13px;background:rgba(var(--text-rgb),.023)}.mission-verification-card.status-pending_verification {border-color:rgba(var(--primary-rgb),.3)}.mission-verification-card.status-verified {border-color:rgba(74,222,128,.25)}
.mission-verification-card header {display:flex;justify-content:space-between;align-items:center;gap:15px}.mission-verification-card header>div {display:flex;gap:9px;align-items:center}.mission-verification-card header b {color:var(--primary)}.mission-verification-card h3 {margin:13px 0 6px}.mission-verification-card>p {color:var(--muted)}
.mission-evidence-list {display:grid;gap:6px;margin:13px 0}.mission-evidence-list pre {margin:0;padding:9px;white-space:pre-wrap;word-break:break-word;border-radius:8px;background:#071422;color:#a8d9e4;font-size:.68rem}.button-row {display:flex;align-items:center;flex-wrap:wrap;gap:9px}

.reviewer-operations-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.reviewer-operation-card {padding:18px;border:1px solid rgba(var(--muted-rgb),.15);border-radius:13px;background:rgba(var(--text-rgb),.022)}.reviewer-operation-card.safety-sensitive {border-color:rgba(251,113,133,.27)}.reviewer-operation-card header {display:flex;justify-content:space-between;align-items:center}.reviewer-operation-card header>div {display:flex;gap:7px}.reviewer-operation-card header>b {color:var(--secondary)}.reviewer-operation-card h3 {margin:13px 0 6px}.reviewer-operation-card>p {color:var(--muted);line-height:1.5}.reviewer-operation-card dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin:14px 0}.reviewer-operation-card dl div {padding:9px;border-radius:8px;background:var(--bg-secondary)}.reviewer-operation-card dt {color:var(--muted);font-size:.63rem;text-transform:uppercase}.reviewer-operation-card dd {margin:4px 0 0;color:var(--text-soft);font-size:.74rem}.reviewer-operation-card footer {display:flex;gap:8px;flex-wrap:wrap}
.mobile-fix-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.mobile-fix-card {padding:19px;border:1px solid rgba(var(--muted-rgb),.15);border-radius:14px;background:var(--bg-secondary)}.mobile-fix-card.severity-critical,.mobile-fix-card.severity-high {border-color:rgba(251,113,133,.28)}.mobile-fix-card header {display:flex;justify-content:space-between}.mobile-fix-card h2 {margin:14px 0 7px}.mobile-fix-card>p {color:var(--muted);line-height:1.55}.mobile-fix-card dl {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-fix-card dl div {padding:9px;border-radius:8px;background:var(--bg-secondary)}.mobile-fix-card dt {color:var(--muted);font-size:.62rem;text-transform:uppercase}.mobile-fix-card dd {margin:4px 0 0}.mobile-device-context {margin:13px 0;padding:12px;border-left:3px solid var(--primary);background:rgba(var(--primary-rgb),.045)}.mobile-device-context p {margin:5px 0 0;color:var(--muted)}
.infrastructure-health-grid,.backup-readiness-grid {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px;margin-bottom:20px}.infrastructure-health-grid article,.backup-readiness-grid article {display:grid;grid-template-columns:44px minmax(0,1fr);gap:12px;padding:17px;border:1px solid rgba(var(--muted-rgb),.15);border-radius:13px;background:var(--bg-card)}.infrastructure-health-grid article>span,.backup-readiness-grid article>span {display:grid;place-content:center;width:44px;height:44px;border-radius:50%;font-weight:900}.infrastructure-health-grid .is-ok>span,.backup-readiness-grid .is-ok>span {background:rgba(74,222,128,.1);color:#4ade80}.infrastructure-health-grid .is-warning>span,.backup-readiness-grid .is-warning>span {background:rgba(var(--primary-rgb),.1);color:var(--primary)}.infrastructure-health-grid h2,.backup-readiness-grid h2 {margin:0;font-size:1rem}.infrastructure-health-grid p,.backup-readiness-grid p {margin:5px 0 0;color:var(--muted);line-height:1.45}

.status-pill.status-pending_verification,.status-pill.status-ready_for_testing {color:var(--primary);background:rgba(var(--primary-rgb),.1)}
.status-pill.status-verified,.status-pill.status-reproduced {color:#4ade80;background:rgba(74,222,128,.1)}
.status-pill.status-rejected,.status-pill.status-revoked {color:#fb7185;background:rgba(251,113,133,.1)}

@media (max-width:1100px){.gap-summary-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.launch-gap-grid,.flagship-check-grid,.reviewer-operations-grid,.mobile-fix-grid{grid-template-columns:1fr}.form-grid.four-columns{grid-template-columns:repeat(2,minmax(0,1fr))}.infrastructure-health-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.gap-summary-grid,.infrastructure-health-grid,.backup-readiness-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.launch-gap-card{padding:16px}.flagship-board{padding:17px}.flagship-board>header{align-items:flex-start;flex-direction:column}.flagship-score{text-align:left}.flagship-owner-form{grid-template-columns:1fr}.flagship-check form,.form-grid.four-columns{grid-template-columns:1fr}.flagship-check form label:last-of-type,.flagship-check form button{grid-column:auto}.beta-retest-form{grid-template-columns:1fr}.reviewer-operation-card dl,.mobile-fix-card dl{grid-template-columns:1fr}}
@media (max-width:520px){.gap-summary-grid,.infrastructure-health-grid,.backup-readiness-grid{grid-template-columns:1fr}.launch-gap-card header,.mission-verification-card header{align-items:flex-start}.mission-verification-card header{flex-direction:column}.flagship-score i{width:100%}.reviewer-operation-card footer .button,.mobile-fix-card .button-row .button{width:100%;justify-content:center}}


/* ================================================================
   TechOpsBase v1.9.2 — performance, accessibility and mobile polish
   ================================================================ */

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

html {
    scrollbar-gutter: stable;
}

body,
input,
select,
textarea,
button {
    text-rendering: optimizeLegibility;
}

main,
.workspace-section,
.admin-panel,
.launch-gap-card,
.flagship-board,
.moderation-card {
    min-width: 0;
}

button,
.button,
input:not([type="checkbox"]):not([type="radio"]),
select {
    min-height: 44px;
}

textarea {
    min-height: 96px;
}

input[type="checkbox"],
input[type="radio"] {
    accent-color: var(--secondary);
}

.mobile-manage-panel {
    margin-top: 15px;
    padding-top: 15px;
    border-top: 1px solid rgba(var(--muted-rgb),.13);
}
.mobile-manage-panel > summary {
    display: none;
}
.mobile-manage-panel > .launch-gap-form,
.mobile-manage-panel > .flagship-owner-form,
.mobile-manage-panel > .beta-ops-form {
    margin-top: 0;
}
.flagship-check .mobile-manage-panel {
    margin-top: 12px;
}
.flagship-item-panel > form {
    margin-top: 11px;
}

.experience-score {
    min-width: 190px;
    padding: 20px 23px;
    border: 1px solid rgba(var(--muted-rgb),.2);
    border-radius: 16px;
    background: var(--bg-card);
    text-align: right;
}
.experience-score strong,
.experience-score span {
    display: block;
}
.experience-score strong {
    color: var(--text);
    font-size: 2.3rem;
    line-height: 1;
}
.experience-score span {
    margin-top: 7px;
    color: var(--muted);
    font-size: .74rem;
}
.experience-score.is-good { border-color: rgba(74,222,128,.34); }
.experience-score.is-warning { border-color: rgba(var(--primary-rgb),.38); }
.experience-score.is-danger { border-color: rgba(251,113,133,.38); }

.experience-summary-grid {
    display: grid;
    grid-template-columns: repeat(5,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 22px;
}
.experience-summary-grid article {
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: var(--bg-card);
}
.experience-summary-grid strong,
.experience-summary-grid span,
.experience-summary-grid small {
    display: block;
}
.experience-summary-grid strong {
    color: var(--primary);
    font-size: 1.45rem;
}
.experience-summary-grid span {
    margin-top: 5px;
    color: var(--text-soft);
    font-size: .74rem;
    font-weight: 800;
}
.experience-summary-grid small {
    margin-top: 4px;
    color: var(--muted);
    font-size: .66rem;
}

.experience-check-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}
.experience-check-grid article {
    display: grid;
    grid-template-columns: 42px minmax(0,1fr);
    gap: 12px;
    padding: 15px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.022);
}
.experience-check-grid article > span {
    display: grid;
    width: 42px;
    height: 42px;
    place-content: center;
    border-radius: 11px;
    font-weight: 900;
}
.experience-check-grid article.is-ready > span {
    color: #4ade80;
    background: rgba(74,222,128,.1);
}
.experience-check-grid article.needs-work {
    border-color: rgba(var(--primary-rgb),.27);
}
.experience-check-grid article.needs-work > span {
    color: var(--primary);
    background: rgba(var(--primary-rgb),.1);
}
.experience-check-grid h3 {
    margin: 0;
    font-size: .95rem;
}
.experience-check-grid p {
    margin: 5px 0 0;
    color: var(--muted);
    font-size: .75rem;
    line-height: 1.5;
}
.experience-check-grid small {
    display: block;
    margin-top: 8px;
    color: #fbbf24;
    line-height: 1.45;
}
.experience-note {
    color: var(--muted);
    font-size: .72rem;
}
.experience-test-plan ol {
    display: grid;
    gap: 8px;
    padding-left: 22px;
}
.experience-test-plan li {
    color: var(--muted);
    line-height: 1.55;
}
.experience-test-plan li strong {
    color: var(--text);
}
.data-table code {
    white-space: normal;
    overflow-wrap: anywhere;
    color: #a5f3fc;
}

@supports (content-visibility:auto) {
    main > .section:not(:first-child),
    .workspace-section .admin-panel,
    .flagship-board:not(:first-child),
    .moderation-card:not(:first-child),
    .retention-notification-group:not(:first-child) {
        content-visibility:auto;
        contain-intrinsic-size: 1px 760px;
    }
}

/* v1.9.2-mobile-admin-navigation */
@media (max-width: 760px) {
    .workspace-header {
        align-items: stretch;
        flex-direction: column;
    }
    .workspace-header h1 {
        font-size: clamp(2rem,10vw,3.25rem);
        letter-spacing: -1.4px;
    }
    .workspace-header > form,
    .workspace-header .admin-header-actions,
    .workspace-header > .button {
        width: 100%;
    }
    .workspace-header .admin-header-actions {
        display: grid;
        grid-template-columns: 1fr;
    }
    .workspace-header .button,
    .workspace-header button {
        width: 100%;
        justify-content: center;
    }

    .admin-nav,
    .admin-subnav {
        position: relative;
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        max-width: 100%;
        gap: 6px;
        overflow-x: auto;
        overflow-y: hidden;
        padding: 8px;
        scroll-snap-type: x proximity;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        -webkit-overflow-scrolling: touch;
    }
    .admin-nav a,
    .admin-subnav a {
        flex: 0 0 auto;
        min-height: 42px;
        scroll-snap-align: start;
        white-space: nowrap;
    }
    .admin-nav a.active,
    .admin-subnav a.active {
        order: -1;
    }

    .mobile-manage-panel {
        padding: 0;
        border: 1px solid rgba(var(--secondary-rgb),.22);
        border-radius: 12px;
        background: rgba(var(--secondary-rgb),.035);
    }
    .mobile-manage-panel > summary {
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 14px;
        min-height: 52px;
        padding: 12px 14px;
        color: var(--secondary);
        cursor: pointer;
        list-style: none;
        font-weight: 900;
    }
    .mobile-manage-panel > summary::-webkit-details-marker {
        display: none;
    }
    .mobile-manage-panel > summary::after {
        content: "+";
        display: grid;
        width: 30px;
        height: 30px;
        flex: 0 0 30px;
        place-content: center;
        border-radius: 50%;
        background: rgba(var(--secondary-rgb),.09);
        font-size: 1.1rem;
    }
    .mobile-manage-panel[open] > summary::after {
        content: "−";
    }
    .mobile-manage-panel > summary span,
    .mobile-manage-panel > summary small {
        display: block;
    }
    .mobile-manage-panel > summary small {
        margin-left: auto;
        color: var(--muted);
        font-size: .64rem;
        font-weight: 600;
        line-height: 1.35;
        text-align: right;
    }
    .mobile-manage-panel > form {
        margin: 0 !important;
        padding: 14px !important;
        border-top: 1px solid rgba(var(--muted-rgb),.13);
    }

    .account-table-wrap {
        overflow: visible;
    }
    .data-table[data-responsive-table-ready] {
        display: block;
        min-width: 0;
        width: 100%;
    }
    .data-table[data-responsive-table-ready] thead {
        position: absolute;
        width: 1px;
        height: 1px;
        margin: -1px;
        overflow: hidden;
        clip: rect(0 0 0 0);
    }
    .data-table[data-responsive-table-ready] tbody,
    .data-table[data-responsive-table-ready] tr,
    .data-table[data-responsive-table-ready] td {
        display: block;
        width: 100%;
    }
    .data-table[data-responsive-table-ready] tr {
        margin-bottom: 11px;
        padding: 8px 13px;
        border: 1px solid rgba(var(--muted-rgb),.15);
        border-radius: 12px;
        background: var(--bg-secondary);
    }
    .data-table[data-responsive-table-ready] td {
        display: grid;
        grid-template-columns: minmax(105px,38%) minmax(0,1fr);
        gap: 12px;
        align-items: start;
        padding: 9px 0;
        border-bottom: 1px solid rgba(var(--muted-rgb),.1);
        text-align: left;
    }
    .data-table[data-responsive-table-ready] td:last-child {
        border-bottom: 0;
    }
    .data-table[data-responsive-table-ready] td::before {
        content: attr(data-label);
        color: var(--muted);
        font-size: .62rem;
        font-weight: 900;
        letter-spacing: .06em;
        text-transform: uppercase;
    }
    .data-table[data-responsive-table-ready] td[data-empty-row="true"] {
        display: block;
    }
    .data-table[data-responsive-table-ready] td[data-empty-row="true"]::before {
        content: none;
    }
    .data-table[data-responsive-table-ready] td form,
    .data-table[data-responsive-table-ready] td .button {
        max-width: 100%;
    }

    .experience-score {
        min-width: 0;
        text-align: left;
    }
    .experience-summary-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .experience-check-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 520px) {
    .container {
        width: min(calc(100% - 28px), var(--max-width));
    }
    .page-hero,
    .workspace-section {
        overflow-x: clip;
    }
    .section-heading h2,
    .workspace-header h1,
    .page-hero h1 {
        overflow-wrap: anywhere;
    }
    .experience-summary-grid {
        grid-template-columns: 1fr;
    }
    .mobile-manage-panel > summary {
        align-items: flex-start;
    }
    .mobile-manage-panel > summary small {
        display: none;
    }
    .data-table[data-responsive-table-ready] td {
        grid-template-columns: 92px minmax(0,1fr);
    }
}

@media (forced-colors: active) {
    .button,
    .status-pill,
    .mobile-manage-panel,
    .experience-check-grid article {
        border: 1px solid ButtonText;
    }
    :focus-visible {
        outline: 3px solid Highlight;
    }
}

/* ================================================================
   TechOpsBase v1.9.2.1 — mobile checkbox and form-width hotfix
   ================================================================ */

.check-row,
.checkbox-row,
.checkbox-label {
    display: flex !important;
    grid-template-columns: none !important;
    align-items: flex-start !important;
    gap: 10px !important;
    width: 100%;
    min-width: 0;
}

.check-row > input[type="checkbox"],
.check-row > input[type="radio"],
.checkbox-row > input[type="checkbox"],
.checkbox-row > input[type="radio"],
.checkbox-label > input[type="checkbox"],
.checkbox-label > input[type="radio"],
.admin-form .check-row > input[type="checkbox"],
.admin-form .check-row > input[type="radio"],
.moderation-form .check-row > input[type="checkbox"],
.moderation-form .check-row > input[type="radio"],
.contribution-form .check-row > input[type="checkbox"],
.contribution-form .check-row > input[type="radio"] {
    display: block !important;
    width: 18px !important;
    height: 18px !important;
    min-width: 18px !important;
    min-height: 18px !important;
    max-width: 18px !important;
    max-height: 18px !important;
    flex: 0 0 18px !important;
    padding: 0 !important;
    margin: 2px 0 0 !important;
    border-radius: 4px;
}

.check-row > span,
.checkbox-row > span,
.checkbox-label > span {
    display: block;
    min-width: 0;
    flex: 1 1 auto;
    overflow-wrap: normal !important;
    word-break: normal !important;
    white-space: normal;
    line-height: 1.45;
}

.admin-check-stack,
.admin-form,
.admin-editor-card,
.admin-list-card,
.admin-split-layout,
.admin-two-column,
.form-grid,
.form-grid > *,
.creator-image-options,
.creator-image-options > * {
    min-width: 0;
}

.admin-form input,
.admin-form select,
.admin-form textarea,
.contribution-form input,
.contribution-form select,
.contribution-form textarea,
.moderation-form input,
.moderation-form select,
.moderation-form textarea {
    max-width: 100%;
    box-sizing: border-box;
}

@media (max-width: 760px) {
    .admin-split-layout,
    .admin-two-column,
    .form-grid.two-columns,
    .form-grid.three-columns,
    .form-grid.four-columns,
    .creator-image-options {
        grid-template-columns: minmax(0, 1fr) !important;
    }

    .admin-editor-card,
    .admin-list-card,
    .auth-card,
    .admin-panel,
    .moderation-card {
        width: 100%;
        max-width: 100%;
        min-width: 0;
    }

    .admin-check-stack {
        width: 100%;
        align-content: start;
    }

    .admin-nav,
    .admin-subnav {
        scrollbar-width: none;
    }

    .admin-nav::-webkit-scrollbar,
    .admin-subnav::-webkit-scrollbar {
        width: 0;
        height: 0;
        display: none;
    }
}

/* ================================================================
   TechOpsBase v1.9.3 — admin manual and homepage control centre
   ================================================================ */

.admin-context-help {
    margin: 12px 0 22px;
    border: 1px solid rgba(var(--secondary-rgb),.22);
    border-radius: 14px;
    background: linear-gradient(145deg,rgba(var(--secondary-rgb),.055),rgba(var(--text-rgb),.018));
}
.admin-context-help > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 62px;
    padding: 14px 17px;
    color: var(--secondary);
    cursor: pointer;
    list-style: none;
    font-weight: 900;
}
.admin-context-help > summary::-webkit-details-marker {
    display: none;
}
.admin-context-help > summary::after {
    content: "?";
    display: grid;
    width: 36px;
    height: 36px;
    flex: 0 0 36px;
    place-content: center;
    border: 1px solid rgba(var(--secondary-rgb),.28);
    border-radius: 50%;
    background: rgba(var(--secondary-rgb),.07);
    font-family: var(--font-mono,monospace);
}
.admin-context-help[open] > summary::after {
    content: "×";
}
.admin-context-help > summary span,
.admin-context-help > summary small {
    display: block;
}
.admin-context-help > summary small {
    margin-left: auto;
    max-width: 680px;
    color: var(--muted);
    font-size: .72rem;
    font-weight: 600;
    line-height: 1.45;
    text-align: right;
}
.admin-context-help-body {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 14px;
    padding: 18px;
    border-top: 1px solid rgba(var(--muted-rgb),.13);
}
.admin-context-help-body > div {
    min-width: 0;
}
.admin-context-help-body p,
.admin-context-help-body li,
.admin-context-help-body dd {
    color: var(--muted);
    line-height: 1.55;
}
.admin-context-help-body ol {
    margin: 9px 0 0;
    padding-left: 20px;
}
.admin-context-help-body dl {
    margin: 9px 0 0;
}
.admin-context-help-body dt {
    color: var(--text);
    font-weight: 900;
}
.admin-context-help-body dd {
    margin: 3px 0 11px;
}
.admin-context-help-body .admin-help-caution {
    grid-column: 1 / -1;
    padding: 14px;
    border-left: 4px solid var(--primary);
    background: rgba(var(--primary-rgb),.055);
}
.admin-context-help-body > .button {
    grid-column: 1 / -1;
    justify-self: start;
}

.admin-help-search {
    display: grid;
    grid-template-columns: minmax(0,1fr) auto auto;
    gap: 9px;
    margin: 0 0 22px;
}
.admin-help-search input {
    min-width: 0;
}
.admin-help-card-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 11px;
}
.admin-help-card-grid > a {
    display: flex;
    min-height: 205px;
    flex-direction: column;
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 13px;
    background: linear-gradient(145deg,rgba(var(--text-rgb),.04),rgba(var(--text-rgb),.015));
    color: var(--text-soft);
}
.admin-help-card-grid > a:hover {
    border-color: rgba(var(--secondary-rgb),.38);
    transform: translateY(-2px);
}
.admin-help-card-grid > a > span {
    color: var(--secondary);
    font-size: .63rem;
    font-weight: 900;
    letter-spacing: .07em;
    text-transform: uppercase;
}
.admin-help-card-grid h3 {
    margin: 9px 0 7px;
}
.admin-help-card-grid p,
.admin-help-card-grid small {
    color: var(--muted);
    line-height: 1.5;
}
.admin-help-card-grid strong {
    margin-top: auto;
    padding-top: 13px;
    color: var(--secondary);
}
.admin-help-detail-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 12px;
}
.admin-help-detail-grid article {
    padding: 18px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.022);
}
.admin-help-detail-grid h3 {
    margin: 0 0 8px;
}
.admin-help-detail-grid p,
.admin-help-detail-grid li,
.admin-help-detail-grid dd {
    color: var(--muted);
    line-height: 1.55;
}
.admin-help-detail-grid ol {
    padding-left: 21px;
}
.admin-help-detail-grid dl {
    margin: 0;
}
.admin-help-detail-grid dt {
    color: var(--text);
    font-weight: 900;
}
.admin-help-detail-grid dd {
    margin: 4px 0 12px;
}
.admin-help-detail-grid .admin-help-caution {
    border-color: rgba(var(--primary-rgb),.3);
    background: rgba(var(--primary-rgb),.055);
}
.admin-help-glossary {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 9px;
}
.admin-help-glossary > div {
    padding: 14px;
    border: 1px solid rgba(var(--muted-rgb),.13);
    border-radius: 10px;
    background: rgba(var(--text-rgb),.02);
}
.admin-help-glossary strong {
    color: var(--secondary);
}
.admin-help-glossary p {
    margin: 6px 0 0;
    color: var(--muted);
    line-height: 1.5;
}

.homepage-control-status {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 20px;
}
.homepage-control-status article {
    padding: 16px;
    border: 1px solid rgba(var(--muted-rgb),.15);
    border-radius: 12px;
    background: var(--bg-card);
}
.homepage-control-status strong,
.homepage-control-status span,
.homepage-control-status small {
    display: block;
}
.homepage-control-status strong {
    color: var(--primary);
    font-size: 1.1rem;
}
.homepage-control-status span {
    margin-top: 6px;
    color: var(--text);
    font-size: .75rem;
    font-weight: 800;
}
.homepage-control-status small {
    margin-top: 4px;
    color: var(--muted);
    font-size: .66rem;
}

.homepage-control-form {
    display: grid;
    gap: 13px;
}
.homepage-editor-panel {
    overflow: hidden;
    border: 1px solid rgba(var(--muted-rgb),.16);
    border-radius: 15px;
    background: var(--bg-secondary);
}
.homepage-editor-panel > summary {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    min-height: 66px;
    padding: 15px 18px;
    color: var(--text);
    cursor: pointer;
    list-style: none;
    font-size: 1rem;
    font-weight: 900;
}
.homepage-editor-panel > summary::-webkit-details-marker {
    display: none;
}
.homepage-editor-panel > summary::after {
    content: "+";
    display: grid;
    width: 34px;
    height: 34px;
    flex: 0 0 34px;
    place-content: center;
    border-radius: 50%;
    background: rgba(var(--secondary-rgb),.08);
    color: var(--secondary);
    font-size: 1.2rem;
}
.homepage-editor-panel[open] > summary::after {
    content: "−";
}
.homepage-editor-panel > summary small {
    margin-left: auto;
    color: var(--muted);
    font-size: .7rem;
    font-weight: 600;
    text-align: right;
}
.homepage-editor-body {
    display: grid;
    gap: 14px;
    padding: 19px;
    border-top: 1px solid rgba(var(--muted-rgb),.13);
}
.homepage-editor-body label {
    display: grid;
    gap: 6px;
    min-width: 0;
}
.homepage-editor-body label > span {
    color: #aebaca;
    font-size: .69rem;
    font-weight: 900;
    letter-spacing: .035em;
    text-transform: uppercase;
}
.homepage-editor-body label > small {
    color: var(--muted);
    line-height: 1.45;
}
.homepage-current-image {
    overflow: hidden;
    max-height: 360px;
    border: 1px solid rgba(var(--muted-rgb),.14);
    border-radius: 13px;
    background: #06101d;
}
.homepage-current-image img {
    display: block;
    width: 100%;
    height: 100%;
    max-height: 360px;
    object-fit: cover;
    opacity: .78;
}
.homepage-section-editor {
    gap: 11px;
}
.homepage-section-row {
    padding: 15px;
    border: 1px solid rgba(var(--muted-rgb),.13);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.022);
}
.homepage-section-row > header {
    display: grid;
    grid-template-columns: minmax(230px,1fr) 95px 95px 95px;
    gap: 10px;
    align-items: end;
    margin-bottom: 12px;
}
.homepage-section-row > header > label:not(.check-row) {
    display: grid;
    gap: 5px;
}
.homepage-section-row .check-row strong,
.homepage-section-row .check-row small {
    display: block;
}
.homepage-section-row .check-row small {
    margin-top: 4px;
    color: var(--muted);
}
.homepage-featured-editor > section {
    padding: 17px;
    border: 1px solid rgba(var(--muted-rgb),.13);
    border-radius: 12px;
    background: rgba(var(--text-rgb),.02);
}
.homepage-choice-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 8px;
    max-height: 430px;
    overflow: auto;
    padding-right: 4px;
}
.homepage-choice-grid .check-row {
    min-height: 64px;
    padding: 11px;
    border: 1px solid rgba(var(--muted-rgb),.12);
    border-radius: 9px;
    background: rgba(5,14,25,.45);
}
.homepage-choice-grid strong,
.homepage-choice-grid small {
    display: block;
}
.homepage-choice-grid strong {
    color: var(--text-soft);
    font-size: .76rem;
}
.homepage-choice-grid small {
    margin-top: 4px;
    color: var(--muted);
    font-size: .64rem;
}
.homepage-auto-choice {
    max-width: 360px;
    padding: 10px 12px;
    border: 1px solid rgba(var(--secondary-rgb),.22);
    border-radius: 10px;
    background: rgba(var(--secondary-rgb),.045);
}
.homepage-trust-editor {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 10px;
}
.homepage-publish-bar {
    position: sticky;
    z-index: 25;
    bottom: 10px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 18px;
    padding: 17px;
    border: 1px solid rgba(var(--primary-rgb),.32);
    border-radius: 14px;
    background: rgba(10,23,39,.96);
    box-shadow: 0 18px 45px rgba(var(--shadow-rgb),.35);
    backdrop-filter: blur(14px);
}
.homepage-publish-bar > div:first-child {
    flex: 1 1 560px;
}
.homepage-publish-bar label {
    display: grid;
    gap: 5px;
}
.homepage-publish-bar label > span {
    color: var(--primary);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}
.homepage-publish-bar p {
    margin: 6px 0 0;
    color: var(--muted);
    font-size: .7rem;
}
.homepage-release-actions .button-row > form {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.homepage-release-actions input {
    min-width: min(420px,100%);
}

.homepage-preview-shell {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid rgba(var(--muted-rgb),.2);
    border-radius: 18px;
    background: #020812;
    box-shadow: 0 28px 65px rgba(var(--shadow-rgb),.38);
}
.homepage-preview-device-bar {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    padding: 0 14px;
    border-bottom: 1px solid rgba(var(--muted-rgb),.14);
    background: #101b2b;
}
.homepage-preview-device-bar > span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #475569;
}
.homepage-preview-device-bar > span:first-child { background: #fb7185; }
.homepage-preview-device-bar > span:nth-child(2) { background: #fbbf24; }
.homepage-preview-device-bar > span:nth-child(3) { background: #4ade80; }
.homepage-preview-device-bar strong {
    margin-left: 8px;
    color: var(--muted);
    font-size: .7rem;
}
.homepage-preview-shell iframe {
    display: block;
    width: 100%;
    height: 78vh;
    border: 0;
    background: var(--bg-main);
}
.homepage-preview-shell.is-mobile {
    width: min(430px,100%);
    margin-left: auto;
    margin-right: auto;
}
.homepage-preview-shell.is-mobile iframe {
    height: 844px;
}
.homepage-draft-preview-banner {
    position: sticky;
    z-index: 80;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 14px;
    padding: 10px 16px;
    border-bottom: 1px solid rgba(var(--primary-rgb),.35);
    background: rgba(40,27,6,.97);
    color: var(--text);
    text-align: center;
}
.homepage-draft-preview-banner strong {
    color: #fbbf24;
}
.homepage-draft-preview-banner span {
    color: #d6c8aa;
    font-size: .75rem;
}
.homepage-draft-preview-banner a {
    color: var(--secondary);
    font-weight: 900;
}

@media (max-width: 1000px) {
    .admin-context-help-body,
    .admin-help-card-grid,
    .admin-help-glossary,
    .homepage-choice-grid {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .homepage-control-status {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .admin-context-help > summary {
        align-items: flex-start;
    }
    .admin-context-help > summary small {
        display: none;
    }
    .admin-context-help-body,
    .admin-help-card-grid,
    .admin-help-detail-grid,
    .admin-help-glossary,
    .homepage-choice-grid,
    .homepage-trust-editor {
        grid-template-columns: minmax(0,1fr);
    }
    .admin-help-search {
        grid-template-columns: minmax(0,1fr);
    }
    .admin-help-search .button {
        width: 100%;
        justify-content: center;
    }
    .homepage-control-status {
        grid-template-columns: minmax(0,1fr);
    }
    .homepage-section-row > header {
        grid-template-columns: minmax(0,1fr) repeat(2,minmax(78px,1fr));
    }
    .homepage-section-row > header .check-row {
        grid-column: 1 / -1;
    }
    .homepage-section-row > header > label:nth-last-child(1):nth-child(4) {
        grid-column: auto;
    }
    .homepage-publish-bar {
        position: static;
        align-items: stretch;
        flex-direction: column;
    }
    .homepage-publish-bar .button-row {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0,1fr);
    }
    .homepage-publish-bar .button {
        width: 100%;
        justify-content: center;
    }
    .homepage-draft-preview-banner {
        align-items: flex-start;
        flex-direction: column;
        gap: 4px;
    }
}

@media (max-width: 480px) {
    .homepage-section-row > header {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
    .homepage-editor-panel > summary {
        align-items: flex-start;
    }
    .homepage-editor-panel > summary small {
        display: none;
    }
}

/* ================================================================
   TechOpsBase v1.9.3.1 — global theme and colour palette control
   ================================================================ */

body,
.site-header,
.site-footer,
.section,
.section-dark,
.page-hero,
.workspace-section,
.admin-panel,
.data-table,
input,
select,
textarea,
button,
.button,
.global-search-dialog,
.nav-more-menu {
    transition:
        background-color .18s ease,
        border-color .18s ease,
        color .18s ease,
        box-shadow .18s ease;
}

.site-header {
    background: var(--header-bg);
    border-bottom-color: rgba(var(--border-rgb), .78);
}

.site-footer {
    background: var(--bg-deep);
}

input,
select,
textarea,
select option,
select optgroup {
    background: var(--bg-input);
}

.global-search-overlay {
    background: var(--overlay-bg);
}

.global-search-dialog,
.global-search-form {
    background: var(--bg-secondary);
    border-color: var(--border);
}

.global-search-form input {
    color: var(--text);
}

.theme-preview-banner {
    position: sticky;
    z-index: 6000;
    top: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    min-height: 38px;
    padding: 7px 14px;
    border-bottom: 1px solid rgba(var(--primary-rgb), .4);
    background: var(--bg-deep);
    color: var(--text);
    text-align: center;
}
.theme-preview-banner strong {
    color: var(--primary);
}
.theme-preview-banner span {
    color: var(--muted);
    font-size: .72rem;
}
.theme-preview-banner a {
    color: var(--secondary);
    font-size: .72rem;
    font-weight: 900;
}

.theme-control-status {
    display: grid;
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: 10px;
    margin-bottom: 22px;
}
.theme-control-status article {
    padding: 17px;
    border: 1px solid var(--border);
    border-radius: 13px;
    background: var(--bg-card);
}
.theme-control-status span,
.theme-control-status strong,
.theme-control-status small {
    display: block;
}
.theme-control-status span {
    color: var(--secondary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.theme-control-status strong {
    margin-top: 7px;
    color: var(--text);
    font-size: 1.08rem;
}
.theme-control-status small {
    margin-top: 6px;
    color: var(--muted);
    line-height: 1.4;
}

.theme-palette-grid {
    display: grid;
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: 16px;
}
.theme-palette-card {
    position: relative;
    display: flex;
    min-width: 0;
    padding: 20px;
    flex-direction: column;
    border: 1px solid var(--border);
    border-radius: 17px;
    background: var(--bg-card);
}
.theme-palette-select {
    display: flex;
    min-width: 0;
    flex: 1 1 auto;
    flex-direction: column;
    cursor: pointer;
}
.theme-palette-card:hover {
    transform: translateY(-2px);
    border-color: var(--secondary);
}
.theme-palette-card.is-draft {
    box-shadow: inset 0 0 0 2px rgba(var(--secondary-rgb), .52);
}
.theme-palette-card.is-published {
    border-color: rgba(var(--primary-rgb), .78);
}
.theme-palette-select > input[type="radio"] {
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    opacity: 0;
}
.theme-palette-card:has(.theme-palette-select > input[type="radio"]:focus-visible) {
    outline: 3px solid var(--secondary);
    outline-offset: 3px;
}
.theme-palette-card:has(.theme-palette-select > input[type="radio"]:checked) {
    box-shadow:
        inset 0 0 0 2px rgba(var(--secondary-rgb), .6),
        0 18px 45px rgba(var(--shadow-rgb), .16);
}
.theme-palette-card-head {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    gap: 12px;
}
.theme-palette-card-head small,
.theme-palette-card-head strong {
    display: block;
}
.theme-palette-card-head small {
    color: var(--secondary);
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .08em;
}
.theme-palette-card-head strong {
    margin-top: 5px;
    color: var(--text);
    font-size: 1.35rem;
}
.theme-palette-badges {
    display: flex;
    gap: 5px;
    flex-wrap: wrap;
}
.theme-palette-badges b {
    padding: 4px 7px;
    border: 1px solid rgba(var(--primary-rgb), .35);
    border-radius: 999px;
    color: var(--primary);
    font-size: .58rem;
}
.theme-palette-swatch {
    display: grid;
    grid-template-columns: repeat(6,1fr);
    height: 82px;
    margin: 18px 0;
    overflow: hidden;
    border: 1px solid rgba(var(--border-rgb), .7);
    border-radius: 12px;
}
.theme-palette-swatch i,
.theme-palette-color-list i {
    background: var(--swatch);
}
.theme-palette-description,
.theme-palette-best {
    color: var(--muted);
    line-height: 1.55;
}
.theme-palette-description {
    min-height: 76px;
}
.theme-palette-best {
    margin-top: 10px;
    font-size: .76rem;
}
.theme-palette-best b {
    color: var(--text);
}
.theme-palette-color-list {
    display: grid;
    gap: 5px;
    margin-top: 18px;
}
.theme-palette-color-list > span {
    display: grid;
    grid-template-columns: 18px 1fr auto;
    gap: 8px;
    align-items: center;
    min-width: 0;
    color: var(--muted);
    font-size: .68rem;
}
.theme-palette-color-list i {
    width: 18px;
    height: 18px;
    border: 1px solid rgba(19,35,56,.18);
    border-radius: 5px;
}
.theme-palette-color-list b {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.theme-palette-color-list code {
    color: var(--secondary);
}
.theme-palette-preview-actions {
    display: flex;
    gap: 7px;
    flex-wrap: wrap;
    margin-top: auto;
    padding-top: 18px;
}
.theme-palette-preview-actions a {
    min-height: 36px;
    padding: 8px 9px;
    border: 1px solid var(--border);
    border-radius: 8px;
    color: var(--secondary);
    font-size: .66rem;
    font-weight: 800;
}
.theme-palette-preview-actions a:hover {
    border-color: var(--secondary);
}

.theme-publish-panel {
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 22px;
    border-color: rgba(var(--primary-rgb), .36);
}
.theme-publish-panel > div:first-child {
    flex: 1 1 600px;
}
.theme-publish-panel h2 {
    margin: 7px 0;
}
.theme-publish-panel p {
    color: var(--muted);
}
.theme-publish-panel label {
    display: grid;
    gap: 5px;
    margin-top: 14px;
}
.theme-publish-panel label > span {
    color: var(--primary);
    font-size: .68rem;
    font-weight: 900;
    text-transform: uppercase;
}
.theme-release-actions .button-row > form {
    display: flex;
    gap: 8px;
    flex-wrap: wrap;
}
.theme-release-actions input {
    min-width: min(420px,100%);
}

.theme-preview-shell {
    margin-top: 18px;
    overflow: hidden;
    border: 1px solid var(--border);
    border-radius: 18px;
    background: var(--bg-deep);
    box-shadow: 0 28px 65px rgba(var(--shadow-rgb), .28);
}
.theme-preview-device-bar {
    display: flex;
    align-items: center;
    gap: 7px;
    min-height: 48px;
    padding: 0 14px;
    border-bottom: 1px solid var(--border);
    background: var(--bg-card);
}
.theme-preview-device-bar > span {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: var(--muted);
}
.theme-preview-device-bar > span:first-child { background: #fb7185; }
.theme-preview-device-bar > span:nth-child(2) { background: #fbbf24; }
.theme-preview-device-bar > span:nth-child(3) { background: #4ade80; }
.theme-preview-device-bar strong {
    margin-left: 8px;
    color: var(--muted);
    font-size: .7rem;
}
.theme-preview-shell iframe {
    display: block;
    width: 100%;
    height: 78vh;
    border: 0;
    background: var(--bg-main);
}
.theme-preview-shell.is-mobile {
    width: min(430px,100%);
    margin-left: auto;
    margin-right: auto;
}
.theme-preview-shell.is-mobile iframe {
    height: 844px;
}

/* Keep the image-led homepage hero dark enough for aircraft readability,
   even when the surrounding interface uses the light palette. */
html[data-site-theme="cloud-cockpit"] .hero-visual {
    --text: #f8fafc;
    --text-rgb: 248, 250, 252;
    --text-soft: #e2e8f0;
    --muted: #b9c8d7;
    --muted-rgb: 185, 200, 215;
    --bg-card: #17263a;
    --bg-secondary: #0f1c2e;
    --bg-main: #08111f;
    --bg-main-rgb: 8, 17, 31;
    --border: #36516d;
    --border-rgb: 54, 81, 109;
    --on-primary: #ffffff;
    color: #f8fafc;
}
html[data-site-theme="cloud-cockpit"] .hero-visual::after {
    background:
        linear-gradient(90deg, rgba(5,13,24,.98) 0%, rgba(5,13,24,.90) 48%, rgba(5,13,24,.58) 100%),
        linear-gradient(0deg, rgba(5,13,24,.94) 0%, transparent 48%);
}
html[data-site-theme="cloud-cockpit"] .industry-brand-mark.has-image,
html[data-site-theme="cloud-cockpit"] .brand-mark-large.has-image,
html[data-site-theme="cloud-cockpit"] .brand-mark-strip.has-image {
    background: #ffffff;
}
html[data-site-theme="cloud-cockpit"] .button-secondary {
    background: rgba(var(--secondary-rgb), .06);
}
html[data-site-theme="cloud-cockpit"] .site-header {
    box-shadow: 0 8px 30px rgba(var(--shadow-rgb), .08);
}
html[data-site-theme="cloud-cockpit"] .admin-nav a:hover,
html[data-site-theme="cloud-cockpit"] .admin-nav a.active,
html[data-site-theme="cloud-cockpit"] .main-nav a:hover,
html[data-site-theme="cloud-cockpit"] .main-nav a.active {
    background: rgba(var(--text-rgb), .06);
}

@media (max-width: 1000px) {
    .theme-palette-grid {
        grid-template-columns: minmax(0,1fr);
    }
    .theme-palette-description {
        min-height: 0;
    }
    .theme-control-status {
        grid-template-columns: repeat(2,minmax(0,1fr));
    }
}

@media (max-width: 760px) {
    .theme-control-status {
        grid-template-columns: minmax(0,1fr);
    }
    .theme-publish-panel {
        align-items: stretch;
        flex-direction: column;
    }
    .theme-publish-panel .button-row,
    .theme-release-actions .button-row {
        display: grid;
        width: 100%;
        grid-template-columns: minmax(0,1fr);
    }
    .theme-publish-panel .button,
    .theme-release-actions .button,
    .theme-release-actions input {
        width: 100%;
    }
    .theme-release-actions .button-row > form {
        display: grid;
        width: 100%;
    }
    .theme-preview-banner {
        align-items: flex-start;
        flex-direction: column;
        gap: 2px;
    }
}

@media (prefers-reduced-motion: reduce) {
    body,
    .site-header,
    .site-footer,
    .section,
    .section-dark,
    .page-hero,
    .workspace-section,
    .admin-panel,
    .data-table,
    input,
    select,
    textarea,
    button,
    .button,
    .global-search-dialog,
    .nav-more-menu {
        transition: none !important;
    }
}


/* ================================================================
   TechOpsBase v1.9.4 — editorial operations and SEO launch pack
   ================================================================ */
.editorial-campaign-list,.editorial-task-list{display:grid;gap:12px}
.editorial-campaign-list article,.editorial-task-list article{padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card)}
.editorial-campaign-list h3,.editorial-task-list h3{margin:10px 0 6px;color:var(--text)}
.editorial-campaign-list p,.editorial-task-list p{color:var(--muted);line-height:1.5}
.editorial-campaign-list small,.editorial-task-list small{display:block;margin-top:6px;color:var(--muted)}
.priority-label,.quality-label{display:inline-flex;padding:4px 7px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}
.progress-track{height:9px;margin:13px 0 8px;overflow:hidden;border-radius:999px;background:var(--bg-deep)}
.progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary))}
.editorial-task-top{display:flex;gap:6px;flex-wrap:wrap}
.editorial-calendar{overflow:hidden;border:1px solid var(--border);border-radius:16px;background:var(--bg-card)}
.calendar-weekdays,.calendar-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.calendar-weekdays span{padding:12px;border-bottom:1px solid var(--border);color:var(--muted);font-size:.68rem;font-weight:900;text-align:center}
.calendar-day{min-height:150px;padding:9px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-secondary)}
.calendar-day:nth-child(7n){border-right:0}.calendar-day.is-empty{background:var(--bg-deep)}.calendar-day.is-today{box-shadow:inset 0 0 0 2px var(--secondary)}
.calendar-day>strong{display:block;margin-bottom:8px;color:var(--text)}
.calendar-item{display:block;margin:5px 0;padding:7px;border-left:3px solid var(--secondary);border-radius:7px;background:var(--bg-card)}
.calendar-item.is-publish{border-left-color:var(--primary)}.calendar-item b,.calendar-item span,.calendar-item small{display:block}.calendar-item b{color:var(--secondary);font-size:.58rem}.calendar-item span{margin-top:2px;color:var(--text);font-size:.69rem;font-weight:800}.calendar-item small{margin-top:3px;color:var(--muted);font-size:.58rem}
.quality-gate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quality-gate-grid article{display:flex;min-width:0;padding:17px;flex-direction:column;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.quality-gate-grid article.has-findings{border-color:rgba(239,68,68,.35)}.quality-gate-grid article.is-clean{border-color:rgba(34,197,94,.35)}.quality-gate-grid article>div{display:flex;align-items:center;justify-content:space-between}.quality-gate-grid strong{font-size:2rem;color:var(--primary)}.quality-gate-grid h2{margin:15px 0 7px;font-size:1rem}.quality-gate-grid p{flex:1;color:var(--muted);line-height:1.5}.quality-gate-grid small{margin-bottom:12px;color:var(--secondary)}
.seo-search-preview,.seo-social-preview{margin-bottom:18px;padding:18px;border:1px solid var(--border);border-radius:13px;background:var(--bg-elevated)}.seo-search-preview small{color:var(--success)}.seo-search-preview h3{margin:8px 0;color:#5b8def;font-size:1.22rem}.seo-search-preview p,.seo-social-preview p{color:var(--muted);line-height:1.5}.seo-social-preview>div{height:180px;margin-bottom:14px;border-radius:10px;background:linear-gradient(135deg,var(--bg-deep),var(--bg-card))}
@media(max-width:1000px){.quality-gate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.editorial-work-layout{grid-template-columns:1fr}}
@media(max-width:760px){.quality-gate-grid{grid-template-columns:1fr}.editorial-calendar{overflow-x:auto}.calendar-weekdays,.calendar-grid{min-width:980px}.calendar-day{min-height:130px}.editorial-nav{scrollbar-width:none}.editorial-nav::-webkit-scrollbar{display:none}}
/* TechOpsBase v1.9.5 — Learning Video & Literature Library */
.learning-library-entry{background:linear-gradient(180deg,var(--surface,#0b1722),var(--surface-alt,#0e1c28))}.learning-format-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.learning-format-grid>a{display:flex;gap:18px;min-height:220px;padding:26px;border:1px solid var(--border,#263746);border-radius:20px;background:rgba(255,255,255,.035);color:inherit;text-decoration:none;transition:transform .2s ease,border-color .2s ease,background .2s ease}.learning-format-grid>a:hover{transform:translateY(-4px);border-color:var(--primary,#45d1c5);background:rgba(255,255,255,.055)}.learning-format-icon{display:grid;place-items:center;flex:0 0 54px;height:54px;border-radius:16px;background:rgba(69,209,197,.12);border:1px solid rgba(69,209,197,.28);font:700 13px/1 var(--font-mono,monospace);color:var(--primary,#45d1c5)}.learning-format-grid small{font:700 11px/1.2 var(--font-mono,monospace);letter-spacing:.12em;color:var(--primary,#45d1c5)}.learning-format-grid h3{margin:10px 0 8px;font-size:1.25rem}.learning-format-grid p{margin:0 0 18px;color:var(--muted,#9fb0bd);line-height:1.65}.learning-format-grid strong{font-size:.92rem}.learning-format-safety{margin-top:24px}
.video-library-hero{padding:72px 0 54px;background:radial-gradient(circle at 82% 16%,rgba(69,209,197,.16),transparent 28%),linear-gradient(135deg,#07131d,#0d2230)}.video-library-hero-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:42px;align-items:center}.video-library-hero h1{max-width:780px;margin:10px 0 18px;font-size:clamp(2.4rem,5vw,4.7rem);line-height:.98}.video-library-hero p{max-width:760px;color:#b9c8d2;font-size:1.08rem;line-height:1.7}.video-library-stat-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px;border:1px solid rgba(255,255,255,.12);border-radius:24px;background:rgba(5,14,21,.58);backdrop-filter:blur(12px)}.video-library-stat-panel>div{padding:18px 12px;border-radius:16px;background:rgba(255,255,255,.045);text-align:center}.video-library-stat-panel strong{display:block;font-size:2rem;color:#fff}.video-library-stat-panel span{display:block;margin-top:4px;color:#9fb3c0;font-size:.78rem}.video-library-stat-panel>p{grid-column:1/-1;margin:4px 0 0;padding:14px;border-top:1px solid rgba(255,255,255,.1);font-size:.85rem;color:#9fb3c0}.video-purpose-section{padding-bottom:36px}.video-audience-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.video-audience-grid>a{display:flex;flex-direction:column;min-height:190px;padding:20px;border:1px solid var(--border,#263746);border-radius:18px;background:var(--surface,#101d28);color:inherit;text-decoration:none}.video-audience-grid>a:hover,.video-audience-grid>a.active{border-color:var(--primary,#45d1c5);box-shadow:0 12px 40px rgba(0,0,0,.15)}.video-audience-grid>a>span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:rgba(69,209,197,.12);color:var(--primary,#45d1c5);font:700 12px var(--font-mono,monospace)}.video-audience-grid strong{margin:18px 0 8px}.video-audience-grid small{color:var(--muted,#9fb0bd);line-height:1.55}.video-library-filter{display:grid;grid-template-columns:2fr repeat(3,minmax(150px,1fr));gap:14px;margin-bottom:24px;padding:20px;border:1px solid var(--border,#263746);border-radius:20px;background:var(--surface,#101d28)}.video-library-filter label{display:flex;flex-direction:column;gap:7px}.video-library-filter label>span{font-size:.75rem;font-weight:700;color:var(--muted,#9fb0bd);text-transform:uppercase;letter-spacing:.07em}.video-library-filter input,.video-library-filter select{width:100%;min-height:46px}.video-library-filter .wide{grid-column:span 2}.video-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.video-library-card{overflow:hidden;border:1px solid var(--border,#263746);border-radius:20px;background:var(--surface,#101d28);box-shadow:0 12px 34px rgba(0,0,0,.1)}.video-library-thumb{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#06111a}.video-library-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.video-library-card:hover .video-library-thumb img{transform:scale(1.035)}.video-library-thumb>b{position:absolute;inset:50% auto auto 50%;display:grid;place-items:center;width:52px;height:52px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(4,14,21,.78);border:1px solid rgba(255,255,255,.35);color:#fff;font-size:1.1rem}.video-library-thumb>small{position:absolute;right:10px;bottom:10px;padding:5px 8px;border-radius:7px;background:rgba(0,0,0,.78);color:#fff;font:700 11px var(--font-mono,monospace)}.video-library-placeholder{display:grid;place-items:center;width:100%;height:100%;font-size:3rem;color:var(--primary,#45d1c5)}.video-library-card-body{padding:20px}.video-library-labels,.video-library-context,.video-library-audiences{display:flex;flex-wrap:wrap;gap:7px}.video-library-labels span,.video-library-context span,.video-library-audiences span,.resource-card-audiences span{padding:5px 8px;border-radius:999px;background:rgba(255,255,255,.055);border:1px solid var(--border,#263746);font-size:.7rem;color:var(--muted,#9fb0bd)}.verified-learning-source{color:#69e2a8!important;border-color:rgba(105,226,168,.32)!important;background:rgba(105,226,168,.08)!important}.video-library-card h3{margin:14px 0 9px;font-size:1.15rem;line-height:1.35}.video-library-card h3 a{color:inherit;text-decoration:none}.video-library-card p{min-height:74px;margin:0 0 14px;color:var(--muted,#9fb0bd);line-height:1.55}.video-library-audiences{margin-top:11px}.video-library-footer{display:flex;justify-content:space-between;gap:12px;margin-top:18px;padding-top:14px;border-top:1px solid var(--border,#263746);font-size:.82rem}.video-library-footer span{color:var(--muted,#9fb0bd)}.video-library-footer a{font-weight:700}.video-library-safety{max-width:1100px;margin-inline:auto}
.resource-video-lesson{margin-bottom:28px;padding:22px;border:1px solid var(--border,#263746);border-radius:20px;background:var(--surface,#101d28)}.resource-video-heading{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:16px}.resource-video-heading h2{margin:6px 0 0}.resource-video-heading>span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.06);font:700 12px var(--font-mono,monospace)}.resource-video-frame{position:relative;overflow:hidden;aspect-ratio:16/9;border-radius:15px;background:#000}.resource-video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.resource-video-external{position:relative;display:grid;place-items:center;overflow:hidden;min-height:320px;border-radius:15px;background:#06111a;color:#fff;text-decoration:none}.resource-video-external img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.5}.resource-video-external span{position:relative;z-index:1;padding:12px 16px;border-radius:10px;background:rgba(0,0,0,.72);font-weight:800}.resource-video-chapters{margin-top:20px}.resource-video-chapters h3{margin-bottom:10px}.resource-video-chapters ol{display:grid;gap:8px;margin:0;padding:0;list-style:none}.resource-video-chapters a{display:flex;gap:12px;padding:10px 12px;border:1px solid var(--border,#263746);border-radius:10px;text-decoration:none}.resource-video-chapters time{font:700 12px var(--font-mono,monospace);color:var(--primary,#45d1c5)}.resource-video-source{margin:16px 0 0;color:var(--muted,#9fb0bd)}.resource-learning-objectives,.resource-specific-safety,.resource-prerequisites{margin-bottom:24px;padding:22px;border-radius:18px;border:1px solid var(--border,#263746);background:rgba(255,255,255,.025)}.resource-learning-objectives ul{margin:14px 0 0;padding-left:21px}.resource-learning-objectives li+li{margin-top:8px}.resource-specific-safety{border-color:rgba(255,178,66,.35);background:rgba(255,178,66,.07)}.resource-prerequisites{border-color:rgba(69,209,197,.25)}.resource-inline-actions{flex-wrap:wrap}.resource-inline-actions .button{flex:1 1 130px}.resource-card-audiences{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.admin-learning-fieldset,.admin-video-metadata-panel{margin:0;padding:20px;border:1px solid var(--border,#263746);border-radius:16px;background:rgba(255,255,255,.02)}.admin-learning-fieldset legend{padding:0 8px;font-weight:800}.admin-audience-checks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.admin-video-metadata-panel{display:grid;gap:16px}.admin-video-metadata-panel .section-heading{margin-bottom:0}.learning-library-metrics{margin-bottom:22px}.learning-library-control-grid{grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:22px}.learning-gap-list{display:grid;gap:12px}.learning-gap-list>div{display:grid;grid-template-columns:56px 1fr;align-items:center;gap:12px;padding:12px;border:1px solid var(--border,#263746);border-radius:12px}.learning-gap-list strong{font-size:1.5rem;color:var(--primary,#45d1c5)}.learning-gap-list span{color:var(--muted,#9fb0bd)}.learning-coverage-bars{display:grid;gap:14px}.learning-coverage-bars>div{display:grid;grid-template-columns:minmax(160px,1fr) 34px;gap:8px;align-items:center}.learning-coverage-bars i{grid-column:1/-1;height:8px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.07)}.learning-coverage-bars em{display:block;height:100%;border-radius:inherit;background:var(--primary,#45d1c5)}.learning-classification-list{display:grid;gap:10px}.learning-classification-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px;border-bottom:1px solid var(--border,#263746)}.learning-video-admin-list{margin-top:22px}
@media (max-width:1100px){.video-audience-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-library-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.learning-format-grid{grid-template-columns:1fr}.learning-format-grid>a{min-height:auto}.video-library-hero-grid{grid-template-columns:1fr}.learning-library-control-grid{grid-template-columns:1fr}}
@media (max-width:760px){.video-library-hero{padding:48px 0 38px}.video-library-stat-panel{grid-template-columns:1fr}.video-audience-grid,.video-library-grid{grid-template-columns:1fr}.video-library-filter{grid-template-columns:1fr;padding:15px}.video-library-filter .wide{grid-column:auto}.admin-audience-checks{grid-template-columns:1fr}.resource-video-lesson{padding:14px}.resource-video-heading{align-items:start;flex-direction:column}.resource-video-external{min-height:210px}.learning-format-grid>a{padding:20px}.video-library-card p{min-height:0}}

/* v1.9.5 bulk learning-library import and contribution controls */
.resource-audience-fieldset{margin:18px 0}.resource-video-contribution-fields{display:grid;gap:14px;margin-top:18px;padding:18px;border:1px solid var(--border);border-radius:14px;background:rgba(var(--secondary-rgb),.035)}
.video-import-layout{grid-template-columns:minmax(0,1.45fr) minmax(280px,.55fr);align-items:start}.admin-import-result{display:grid;grid-template-columns:repeat(2,minmax(0,180px));gap:12px;margin-bottom:18px}.admin-import-result>div{padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card)}.admin-import-result strong,.admin-import-result span{display:block}.admin-import-result strong{font-size:1.8rem;color:var(--primary)}.admin-import-result span{margin-top:4px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.08em}.video-import-layout .admin-action-stack>div{display:grid;gap:5px;padding:13px;border:1px solid var(--border);border-radius:11px}.video-import-layout .admin-action-stack>div span{color:var(--muted);line-height:1.5}.video-import-layout textarea[name="import_rows"]{font-family:var(--font-mono);font-size:.82rem;line-height:1.55}
@media(max-width:1000px){.video-import-layout{grid-template-columns:1fr}}
@media(max-width:640px){.admin-import-result{grid-template-columns:1fr}}

/* ================================================================
   TechOpsBase v1.9.6 — YouTube creator-channel synchronization
   ================================================================ */
.youtube-sync-selector{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:22px}.youtube-sync-selector form{flex:1;max-width:720px}.youtube-sync-selector label{display:grid;gap:7px}.youtube-sync-selector label>span{color:var(--muted);font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.youtube-sync-selector select{width:100%}.youtube-sync-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.youtube-sync-metrics article{min-width:0;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.youtube-sync-metrics span,.youtube-sync-metrics small{display:block}.youtube-sync-metrics span{color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.youtube-sync-metrics strong{display:block;margin:8px 0 5px;overflow:hidden;color:var(--primary);font-size:2rem;text-overflow:ellipsis}.youtube-sync-metrics small{color:var(--muted)}.youtube-sync-date{font-size:1.3rem!important}.youtube-sync-layout{grid-template-columns:minmax(0,1.42fr) minmax(310px,.58fr);align-items:start}.youtube-channel-card{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding-bottom:18px;border-bottom:1px solid var(--border)}.youtube-channel-card h2{margin:6px 0}.youtube-channel-card p{max-width:680px;margin:0;overflow:hidden;color:var(--muted);text-overflow:ellipsis;white-space:nowrap}.youtube-inspection{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:20px;padding:14px;border:1px dashed var(--border);border-radius:13px;background:var(--bg-secondary);color:var(--muted)}.youtube-inspection>span{grid-column:1/-1;line-height:1.55}.youtube-inspection>div{min-width:0;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--bg-card)}.youtube-inspection strong,.youtube-inspection span{display:block;overflow:hidden;text-overflow:ellipsis}.youtube-inspection strong{color:var(--text)}.youtube-inspection span{margin-top:4px;color:var(--muted);font-size:.72rem}.youtube-inspection.loading{display:block}.youtube-sync-mode-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.youtube-mode-card{position:relative;display:flex;gap:11px;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card);cursor:pointer}.youtube-mode-card:has(input:checked){border-color:var(--primary);box-shadow:inset 0 0 0 1px var(--primary)}.youtube-mode-card input{margin-top:3px}.youtube-mode-card span,.youtube-mode-card strong,.youtube-mode-card small{display:block}.youtube-mode-card small{margin-top:6px;color:var(--muted);line-height:1.45}.youtube-sync-options{display:grid;gap:10px;padding:16px;border:1px solid var(--border);border-radius:13px;background:var(--bg-secondary)}.youtube-sync-actions{display:flex;flex-wrap:wrap;gap:10px}.youtube-sync-progress-card{position:sticky;top:90px}.youtube-sync-progress{height:12px;margin:18px 0 16px;overflow:hidden;border-radius:999px;background:var(--bg-deep)}.youtube-sync-progress i{display:block;height:100%;min-width:0;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary));transition:width .28s ease}.youtube-sync-progress-counts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.youtube-sync-progress-counts>div{padding:11px 7px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);text-align:center}.youtube-sync-progress-counts strong,.youtube-sync-progress-counts span{display:block}.youtube-sync-progress-counts strong{font-size:1.25rem;color:var(--primary)}.youtube-sync-progress-counts span{margin-top:3px;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.youtube-sync-status{margin-top:15px;padding:12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--muted);line-height:1.5}.youtube-sync-status.success{border-color:rgba(34,197,94,.35);color:var(--success)}.youtube-sync-status.warning{border-color:rgba(245,158,11,.38);color:#fbbf24}.youtube-sync-status.danger{border-color:rgba(239,68,68,.38);color:#fca5a5}.youtube-sync-log{display:grid;max-height:330px;margin-top:12px;overflow:auto}.youtube-sync-log-row{display:grid;grid-template-columns:70px 1fr;gap:9px;padding:9px 2px;border-bottom:1px solid var(--border)}.youtube-sync-log-row span{color:var(--muted);font:700 .66rem var(--font-mono)}.youtube-sync-log-row p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.45}.youtube-sync-log-row.success p{color:var(--success)}.youtube-sync-log-row.warning p{color:#fbbf24}.youtube-sync-log-row.danger p{color:#fca5a5}.youtube-sync-explanation{margin-top:16px;padding-top:15px;border-top:1px solid var(--border)}.youtube-sync-explanation p{margin:6px 0 0;color:var(--muted);line-height:1.55}.youtube-sync-history{margin-top:22px}.youtube-run-list{display:grid}.youtube-run-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--border)}.youtube-run-row:last-child{border-bottom:0}.youtube-run-row strong,.youtube-run-row span{display:block}.youtube-run-row>div:first-child span{margin-top:4px;color:var(--muted);font-size:.74rem}.youtube-run-counts{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end}.youtube-run-counts span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.68rem}
@media(max-width:1100px){.youtube-sync-layout{grid-template-columns:1fr}.youtube-sync-progress-card{position:static}.youtube-sync-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.youtube-sync-selector,.youtube-channel-card{align-items:stretch;flex-direction:column}.youtube-sync-selector form{max-width:none}.youtube-sync-metrics,.youtube-sync-mode-grid,.youtube-inspection{grid-template-columns:1fr}.youtube-sync-progress-counts{grid-template-columns:repeat(2,minmax(0,1fr))}.youtube-run-row{grid-template-columns:1fr}.youtube-run-counts{justify-content:flex-start}.youtube-channel-card p{white-space:normal;overflow-wrap:anywhere}}
@media(max-width:420px){.youtube-sync-metrics,.youtube-sync-progress-counts{grid-template-columns:1fr}}

/* ================================================================
   TechOpsBase v1.9.7 — Video review, classification and collections
   ================================================================ */
.video-review-metrics{margin-bottom:22px}.video-creator-overview{margin-bottom:22px}.video-creator-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.video-creator-summary-grid>a{display:flex;min-width:0;padding:15px;flex-direction:column;border:1px solid var(--border);border-radius:13px;background:var(--bg-secondary);color:inherit;text-decoration:none}.video-creator-summary-grid>a:hover{border-color:var(--secondary)}.video-creator-summary-grid strong,.video-creator-summary-grid span,.video-creator-summary-grid b,.video-creator-summary-grid small{display:block;overflow:hidden;text-overflow:ellipsis}.video-creator-summary-grid strong{color:var(--text)}.video-creator-summary-grid span{margin-top:5px;color:var(--muted);font-size:.72rem}.video-creator-summary-grid b{margin-top:13px;color:var(--primary);font-size:1.1rem}.video-creator-summary-grid small{margin-top:5px;color:var(--muted)}
.video-review-filter{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-bottom:22px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card)}.video-review-filter label{display:grid;gap:6px;min-width:0}.video-review-filter label>span,.video-bulk-fields label>span,.video-bulk-options label>span{color:var(--muted);font-size:.67rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.video-review-filter .wide{grid-column:span 2}
.video-bulk-panel{position:sticky;z-index:12;top:72px;margin-bottom:24px;border-color:rgba(var(--secondary-rgb),.38);box-shadow:0 18px 45px rgba(var(--shadow-rgb),.18)}.video-bulk-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:15px;padding-bottom:12px;border-bottom:1px solid var(--border)}.video-bulk-heading strong{color:var(--primary)}.video-bulk-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.video-bulk-fields label{display:grid;gap:5px;min-width:0}.video-bulk-audience{margin:14px 0;padding:13px;border:1px solid var(--border);border-radius:12px}.video-bulk-audience legend{padding:0 7px;color:var(--muted);font-size:.68rem;font-weight:900;text-transform:uppercase}.video-bulk-options{display:grid;grid-template-columns:auto auto minmax(240px,1fr);align-items:end;gap:14px}.video-bulk-options>label:last-child{display:grid;gap:5px}.video-bulk-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:15px}.video-bulk-actions .button{min-height:40px}.button-danger{border-color:rgba(239,68,68,.46);background:rgba(239,68,68,.12);color:#fca5a5}.button-danger:hover{border-color:#ef4444;background:rgba(239,68,68,.2)}
.video-review-result-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:28px 0 14px}.video-review-result-heading h2{margin:5px 0 0}.video-review-result-heading>span{color:var(--muted)}.video-review-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.video-review-card{position:relative;display:grid;grid-template-columns:220px minmax(0,1fr);min-width:0;overflow:hidden;border:1px solid var(--border);border-radius:17px;background:var(--bg-card)}.video-review-card.review-reviewed{border-color:rgba(34,197,94,.32)}.video-review-card.review-suggested{border-color:rgba(var(--primary-rgb),.34)}.video-review-select{position:absolute;z-index:3;top:10px;left:10px;display:flex;align-items:center;gap:6px;padding:7px 9px;border:1px solid rgba(255,255,255,.26);border-radius:999px;background:rgba(5,13,24,.88);color:#fff;font-size:.68rem;font-weight:900}.video-review-thumb{position:relative;display:block;min-height:100%;background:var(--bg-deep)}.video-review-thumb img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover}.video-review-thumb>span{display:grid;min-height:250px;place-items:center;color:var(--primary);font-size:2rem}.video-review-thumb small{position:absolute;right:9px;bottom:9px;padding:5px 7px;border-radius:7px;background:rgba(0,0,0,.82);color:#fff;font-size:.68rem}.video-review-body{display:flex;min-width:0;padding:17px;flex-direction:column}.video-review-state-row{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.video-review-state-row>strong{margin-left:auto;color:var(--primary);font-size:1.05rem}.review-state-pill{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.61rem;font-weight:900;text-transform:uppercase}.video-review-body h3{margin:12px 0 5px;overflow-wrap:anywhere;font-size:1rem;line-height:1.35}.video-review-creator{margin:0;color:var(--muted);font-size:.72rem}.video-current-tags{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.video-current-tags span{padding:5px 7px;border-radius:999px;background:rgba(var(--secondary-rgb),.08);color:var(--secondary);font-size:.64rem}.video-suggestion-box{display:grid;gap:4px;padding:11px;border:1px dashed rgba(var(--primary-rgb),.42);border-radius:11px;background:rgba(var(--primary-rgb),.045)}.video-suggestion-box strong{color:var(--primary);font-size:.69rem;text-transform:uppercase}.video-suggestion-box span{color:var(--muted);font-size:.72rem}.video-classification-notes{margin:10px 0 0;color:var(--muted);font-size:.7rem;line-height:1.45}.video-review-card-actions{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px}.video-review-card-actions a{color:var(--secondary);font-size:.72rem;font-weight:800}
.video-collection-admin-layout{align-items:start}.video-collection-admin-list{display:grid;gap:9px}.video-collection-admin-list>a{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:5px 12px;padding:13px;border:1px solid var(--border);border-radius:11px;color:inherit;text-decoration:none}.video-collection-admin-list>a.active,.video-collection-admin-list>a:hover{border-color:var(--secondary);background:rgba(var(--secondary-rgb),.05)}.video-collection-admin-list strong,.video-collection-admin-list span,.video-collection-admin-list b,.video-collection-admin-list small{display:block}.video-collection-admin-list span,.video-collection-admin-list small{color:var(--muted);font-size:.69rem}.video-collection-admin-list b{color:var(--primary)}.video-collection-items{margin-top:22px}.video-collection-item-list{display:grid;gap:10px;margin-bottom:16px}.video-collection-item-row{display:grid;grid-template-columns:110px minmax(0,1fr) 85px auto;align-items:center;gap:13px;padding:11px;border:1px solid var(--border);border-radius:12px}.video-collection-item-row img{width:110px;height:70px;border-radius:8px;object-fit:cover}.video-collection-item-row>div:nth-child(2){display:grid;gap:6px}.video-collection-item-row span{color:var(--muted);font-size:.7rem}.video-collection-item-row label{display:grid;gap:5px}.video-collection-item-row label span{font-size:.64rem;font-weight:900;text-transform:uppercase}.video-collection-item-actions{display:grid;gap:7px}.video-collection-item-actions a,.video-collection-item-actions button{font-size:.7rem}.text-button{padding:0;border:0;background:none;color:var(--secondary);cursor:pointer}.text-button.danger{color:#fca5a5}
.video-collection-discovery{background:linear-gradient(180deg,rgba(var(--secondary-rgb),.04),transparent)}.video-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.video-collection-grid>a{display:flex;min-height:210px;padding:22px;flex-direction:column;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);color:inherit;text-decoration:none}.video-collection-grid>a:hover{transform:translateY(-2px);border-color:var(--secondary)}.video-collection-grid span{color:var(--secondary);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.video-collection-grid strong{margin-top:14px;color:var(--text);font-size:1.15rem}.video-collection-grid p{flex:1;margin:10px 0;color:var(--muted);line-height:1.55}.video-collection-grid small{color:var(--primary);font-weight:900}.video-collection-hero-meta{display:flex;gap:8px;flex-wrap:wrap;margin:17px 0}.video-collection-hero-meta span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem}.video-collection-card .video-library-thumb>b{display:grid;min-width:38px;height:38px;place-items:center;border-radius:50%;background:var(--primary);color:var(--on-primary);font-size:1rem}.collection-curator-note{border-left:3px solid var(--secondary);padding-left:10px}
@media(max-width:1200px){.video-creator-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.video-review-filter{grid-template-columns:repeat(3,minmax(0,1fr))}.video-review-grid{grid-template-columns:1fr}.video-bulk-fields{grid-template-columns:repeat(2,minmax(0,1fr))}.video-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.video-creator-summary-grid,.video-review-filter,.video-bulk-fields,.video-collection-grid{grid-template-columns:1fr}.video-review-filter .wide{grid-column:auto}.video-bulk-panel{position:static}.video-bulk-heading,.video-review-result-heading{align-items:flex-start;flex-direction:column}.video-bulk-options{grid-template-columns:1fr}.video-bulk-actions{display:grid;grid-template-columns:1fr}.video-bulk-actions .button{width:100%}.video-review-card{grid-template-columns:1fr}.video-review-thumb img,.video-review-thumb>span{min-height:210px;height:210px}.video-review-card-actions{flex-wrap:wrap}.video-collection-item-row{grid-template-columns:82px minmax(0,1fr)}.video-collection-item-row img{width:82px;height:58px}.video-collection-item-row>label,.video-collection-item-actions{grid-column:2}.video-collection-item-actions{display:flex}.video-collection-admin-layout{grid-template-columns:1fr}}

/* ================================================================
   TechOpsBase v1.9.8 — Assessments, progress, badges and certificates
   ================================================================ */
.quiz-meta-row{display:flex;gap:9px;flex-wrap:wrap;margin-top:18px}.quiz-meta-row>span{padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem}.quiz-meta-row strong{color:var(--text)}.quiz-form-intro{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px;padding:14px 16px;border:1px solid rgba(var(--secondary-rgb),.3);border-radius:13px;background:rgba(var(--secondary-rgb),.05)}.quiz-form-intro span{color:var(--muted);font-size:.76rem}.enhanced-quiz-form fieldset{margin:0 0 16px;padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card)}.enhanced-quiz-form legend{display:flex;width:100%;align-items:flex-start;gap:12px;padding:0 0 12px;color:var(--text);font-size:1rem;font-weight:800}.enhanced-quiz-form legend>span{display:grid;min-width:38px;height:38px;place-items:center;border:1px solid rgba(var(--secondary-rgb),.4);border-radius:10px;color:var(--secondary);font-family:"JetBrains Mono",monospace;font-size:.72rem}.enhanced-quiz-form legend div{display:grid;gap:4px}.enhanced-quiz-form legend small{color:var(--muted);font-size:.67rem;font-weight:700}.enhanced-quiz-form fieldset>label{display:flex;align-items:center;gap:11px;margin-top:9px;padding:13px;border:1px solid var(--border);border-radius:11px;background:var(--bg-secondary);cursor:pointer}.enhanced-quiz-form fieldset>label:hover{border-color:var(--secondary)}.enhanced-quiz-form input[type=radio]{width:19px;height:19px;flex:0 0 auto}.quiz-result>span{display:block;color:var(--muted);font-size:.7rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.quiz-result>small{display:block;margin-top:8px;color:var(--muted)}.quiz-review{display:grid;gap:12px;margin-top:20px}.quiz-review article{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.quiz-review article.correct{border-color:rgba(34,197,94,.34)}.quiz-review article.incorrect{border-color:rgba(239,68,68,.34)}.quiz-review-heading{display:flex;align-items:center;gap:9px;margin-bottom:10px}.quiz-review-heading>span{display:grid;width:34px;height:34px;place-items:center;border-radius:9px;background:var(--bg-secondary);color:var(--secondary);font-size:.7rem}.quiz-review article.correct .quiz-review-heading strong{color:var(--success)}.quiz-review article.incorrect .quiz-review-heading strong{color:#fca5a5}.quiz-review h3{margin:0 0 10px}.quiz-review p{margin:7px 0;color:var(--muted)}.quiz-review p b{color:var(--text-soft)}.quiz-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}
.learning-completion-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px;border:1px solid rgba(34,197,94,.42);border-radius:17px;background:linear-gradient(135deg,rgba(34,197,94,.09),rgba(var(--secondary-rgb),.04))}.learning-completion-banner h2{margin:5px 0}.learning-completion-banner p{max-width:760px;margin:0;color:var(--muted)}.compact-section{padding-top:24px;padding-bottom:0}
.learning-summary-section{padding-bottom:20px}.learning-summary-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.learning-summary-grid article{display:flex;min-width:0;padding:18px;flex-direction:column;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.learning-summary-grid span{color:var(--muted);font-size:.68rem;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.learning-summary-grid strong{margin:7px 0 3px;color:var(--primary);font-size:1.8rem;line-height:1.1}.learning-summary-grid small{color:var(--muted)}.continue-learning-banner{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:15px;padding:21px;border:1px solid rgba(var(--secondary-rgb),.36);border-radius:16px;background:linear-gradient(135deg,rgba(var(--secondary-rgb),.08),rgba(var(--primary-rgb),.04))}.continue-learning-banner h2{margin:5px 0}.continue-learning-banner p{margin:0;color:var(--muted)}.learning-quiz-history{display:grid;gap:10px}.learning-quiz-history>a{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--bg-card)}.learning-quiz-history>a:hover{border-color:var(--secondary)}.learning-quiz-history div{display:grid;gap:4px}.learning-quiz-history span{color:var(--muted);font-size:.72rem}.learning-quiz-history b{display:grid;min-width:62px;height:48px;place-items:center;border-radius:11px;font-size:1.05rem}.learning-quiz-history b.passed{background:rgba(34,197,94,.12);color:var(--success)}.learning-quiz-history b.retry{background:rgba(239,68,68,.12);color:#fca5a5}.enhanced-badge-grid article{display:flex;align-items:flex-start;gap:14px;padding:18px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.enhanced-badge-grid article>span{display:grid;min-width:48px;height:48px;place-items:center;border:1px solid rgba(var(--primary-rgb),.44);border-radius:13px;background:rgba(var(--primary-rgb),.08);color:var(--primary);font-family:"JetBrains Mono",monospace;font-weight:900}.enhanced-badge-grid article>div{display:grid;gap:4px}.enhanced-badge-grid p{margin:0;color:var(--muted);font-size:.76rem}.enhanced-badge-grid small{color:var(--muted)}.learning-certificate-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.learning-certificate-list>a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:19px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.learning-certificate-list>a:hover{border-color:var(--primary)}.learning-certificate-list span,.learning-certificate-list small{color:var(--muted);font-size:.69rem}.learning-certificate-list h3{margin:5px 0}.learning-certificate-list>a>strong{color:var(--primary);white-space:nowrap}
.certificate-page{padding:36px 0 70px;background:radial-gradient(circle at 15% 5%,rgba(var(--secondary-rgb),.08),transparent 35%),var(--bg-main)}.certificate-toolbar{display:flex;justify-content:space-between;gap:10px;margin-bottom:18px}.learning-certificate{position:relative;max-width:1050px;min-height:690px;margin:0 auto;overflow:hidden;padding:46px;border:1px solid rgba(var(--primary-rgb),.48);border-radius:22px;background:linear-gradient(145deg,rgba(var(--text-rgb),.03),transparent 42%),var(--bg-card);box-shadow:0 30px 80px rgba(var(--shadow-rgb),.32)}.learning-certificate:before{position:absolute;inset:20px;content:"";pointer-events:none;border:1px solid rgba(var(--secondary-rgb),.26);border-radius:15px}.learning-certificate header{position:relative;z-index:2;display:flex;align-items:center;gap:13px}.certificate-mark{display:grid;width:54px;height:54px;place-items:center;border:1px solid var(--primary);border-radius:14px;color:var(--primary);font-family:"JetBrains Mono",monospace;font-weight:900}.learning-certificate header div{display:grid}.learning-certificate header strong{font-size:1.35rem}.learning-certificate header small{color:var(--muted);font-size:.64rem;letter-spacing:.13em}.certificate-body{position:relative;z-index:2;display:grid;max-width:820px;margin:65px auto 52px;text-align:center}.certificate-body>p{margin:12px 0;color:var(--muted);font-size:1rem}.certificate-body h1{margin:6px 0;color:var(--text);font-family:Georgia,serif;font-size:clamp(2.2rem,6vw,4.6rem);font-weight:500;line-height:1.05}.certificate-body h2{margin:8px 0;color:var(--primary);font-size:clamp(1.45rem,3vw,2.3rem)}.certificate-title{margin:15px auto 28px;padding:8px 15px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--text-soft);font-size:.82rem;letter-spacing:.08em;text-transform:uppercase}.certificate-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.certificate-details>div{display:grid;gap:4px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary)}.certificate-details span{color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.certificate-details strong{overflow-wrap:anywhere;font-size:.78rem}.learning-certificate footer{position:relative;z-index:2;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;padding-top:20px;border-top:1px solid var(--border)}.learning-certificate footer>div:first-child{display:grid;max-width:650px;gap:4px}.learning-certificate footer span{color:var(--muted);font-size:.7rem}.certificate-signature{display:grid;min-width:160px;text-align:center}.certificate-signature>span{padding-bottom:5px;border-bottom:1px solid var(--text);color:var(--text);font-family:Georgia,serif;font-size:1.2rem}.certificate-signature small{margin-top:4px;color:var(--muted)}.certificate-corner{position:absolute;width:180px;height:180px;border:2px solid rgba(var(--primary-rgb),.14);border-radius:50%}.certificate-corner-one{top:-105px;right:-75px}.certificate-corner-two{bottom:-120px;left:-70px}.certificate-revoked-banner{position:absolute;z-index:5;top:45%;left:50%;padding:10px 30px;transform:translate(-50%,-50%) rotate(-12deg);border:5px solid rgba(239,68,68,.65);color:rgba(239,68,68,.7);font-size:3rem;font-weight:900;letter-spacing:.1em}.learning-certificate.revoked{opacity:.72}.certificate-verification{max-width:850px;margin:22px auto 0;padding:20px;border:1px solid var(--border);border-radius:15px;background:var(--bg-card)}.certificate-verification h2{margin:6px 0}.certificate-verification p{color:var(--muted)}.certificate-verification a{color:var(--secondary);font-weight:800}
.quiz-builder-layout{display:grid;grid-template-columns:minmax(260px,330px) minmax(0,1fr);align-items:start;gap:18px}.quiz-check-list{position:sticky;top:92px;max-height:calc(100vh - 115px);overflow:auto}.quiz-check-card{display:grid;gap:5px;margin-top:9px;padding:13px;border:1px solid var(--border);border-radius:12px;background:var(--bg-secondary)}.quiz-check-card:hover,.quiz-check-card.active{border-color:var(--secondary);background:rgba(var(--secondary-rgb),.06)}.quiz-check-card div{display:grid;gap:3px}.quiz-check-card span,.quiz-check-card small{color:var(--muted);font-size:.69rem}.quiz-check-card strong{overflow-wrap:anywhere}.quiz-builder-main{display:grid;min-width:0;gap:17px}.quiz-option-editor{display:grid;gap:8px;padding:14px;border:1px solid var(--border);border-radius:13px}.quiz-option-editor>span{color:var(--muted);font-size:.67rem;font-weight:900;text-transform:uppercase}.quiz-option-editor label{display:grid;grid-template-columns:24px minmax(0,1fr);align-items:center;gap:8px}.quiz-option-editor input[type=radio]{width:18px;height:18px}.quiz-question-list{display:grid;gap:12px}.quiz-question-list>article{padding:15px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary)}.quiz-question-summary{display:flex;align-items:flex-start;gap:11px}.quiz-question-summary>span{display:grid;min-width:38px;height:38px;place-items:center;border-radius:10px;background:rgba(var(--secondary-rgb),.08);color:var(--secondary);font-size:.7rem}.quiz-question-summary>div{display:grid;gap:4px}.quiz-question-summary small{color:var(--muted)}.quiz-question-list details{margin-top:12px}.quiz-question-list summary,.module-settings>summary,.add-learning-item>summary{cursor:pointer;color:var(--secondary);font-weight:800}.module-settings>summary{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;padding-bottom:15px}.module-settings>summary h2{margin:4px 0}.module-settings>summary p{margin:0;color:var(--muted)}.learning-builder-item{padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--bg-secondary)}.learning-builder-item-heading{display:flex;align-items:center;gap:12px}.learning-builder-item-heading>span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.62rem;font-weight:900;text-transform:uppercase}.learning-builder-item-heading>div:nth-child(2){display:grid;min-width:0;flex:1;gap:3px}.learning-builder-item-heading h3{margin:0;overflow-wrap:anywhere}.learning-builder-item-heading small{color:var(--muted)}.learning-builder-item details{margin-top:12px}.add-learning-item{margin-top:15px;padding:14px;border:1px dashed rgba(var(--secondary-rgb),.4);border-radius:13px}.learning-achievement-stats{grid-template-columns:repeat(5,minmax(0,1fr))}.learning-activity-list{display:grid;gap:9px}.learning-activity-list>div{display:grid;grid-template-columns:140px minmax(0,1fr);gap:3px 12px;padding:11px;border:1px solid var(--border);border-radius:11px}.learning-activity-list>div>span{color:var(--secondary);font-size:.65rem;font-weight:900;text-transform:uppercase}.learning-activity-list small{grid-column:2;color:var(--muted)}.badge-definition-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.badge-definition-card{display:grid;gap:11px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--bg-secondary)}.badge-definition-head{display:flex;align-items:center;gap:11px}.badge-definition-head>span{display:grid;min-width:46px;height:46px;place-items:center;border:1px solid rgba(var(--primary-rgb),.38);border-radius:12px;color:var(--primary);font-weight:900}.badge-definition-head>div{display:grid;gap:2px}.badge-definition-head small{color:var(--muted)}.certificate-admin-list{display:grid;gap:11px}.certificate-admin-list>article{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:15px;border:1px solid var(--border);border-radius:13px;background:var(--bg-secondary)}.certificate-admin-list h3{margin:6px 0}.certificate-admin-list p,.certificate-admin-list small{margin:0;color:var(--muted)}.certificate-revoke{position:relative}.certificate-revoke>summary{cursor:pointer;color:#fca5a5;font-size:.72rem;font-weight:800}.certificate-revoke form{position:absolute;z-index:15;right:0;top:32px;display:grid;width:min(320px,80vw);gap:8px;padding:12px;border:1px solid var(--border);border-radius:12px;background:var(--bg-card);box-shadow:0 18px 45px rgba(var(--shadow-rgb),.32)}.learning-daily-activity{display:grid;gap:9px}.learning-daily-activity>div{display:grid;grid-template-columns:65px minmax(0,1fr) 190px;align-items:center;gap:12px}.learning-daily-activity>div>span,.learning-daily-activity>div>strong{font-size:.7rem}.learning-daily-activity>div>span{color:var(--muted)}.learning-daily-activity i{display:block;height:10px;overflow:hidden;border-radius:999px;background:var(--bg-deep)}.learning-daily-activity em{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary))}
@media(max-width:1100px){.learning-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-achievement-stats{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-builder-layout{grid-template-columns:1fr}.quiz-check-list{position:static;max-height:none}.badge-definition-grid{grid-template-columns:1fr}.learning-certificate-list{grid-template-columns:1fr}}
@media(max-width:760px){.quiz-form-intro,.learning-completion-banner,.continue-learning-banner,.certificate-admin-list>article,.learning-builder-item-heading{align-items:stretch;flex-direction:column}.quiz-actions{display:grid;grid-template-columns:1fr}.quiz-actions .button,.learning-completion-banner .button,.continue-learning-banner .button{width:100%}.learning-summary-grid,.learning-achievement-stats{grid-template-columns:1fr}.learning-quiz-history>a{align-items:flex-start}.enhanced-badge-grid article{align-items:flex-start}.learning-certificate{min-height:0;padding:28px 22px}.learning-certificate:before{inset:10px}.certificate-body{margin:42px auto 35px}.certificate-details{grid-template-columns:1fr}.learning-certificate footer{align-items:stretch;flex-direction:column}.certificate-toolbar{display:grid;grid-template-columns:1fr}.certificate-toolbar .button{width:100%}.quiz-question-editor .form-grid,.quiz-builder-main .form-grid{grid-template-columns:1fr}.module-settings>summary{flex-direction:column}.learning-builder-item-heading .admin-header-actions{display:grid;width:100%;grid-template-columns:1fr}.learning-builder-item-heading .button{width:100%}.learning-activity-list>div{grid-template-columns:1fr}.learning-activity-list small{grid-column:auto}.certificate-admin-list .admin-header-actions{display:grid;width:100%;grid-template-columns:1fr}.certificate-admin-list .button{width:100%}.learning-daily-activity>div{grid-template-columns:55px minmax(0,1fr)}.learning-daily-activity>div>strong{grid-column:2}.learning-certificate-list>a{align-items:flex-start;flex-direction:column}.learning-certificate-list>a>strong{white-space:normal}}
@media print{.site-header,.site-footer,.no-print,.global-search-overlay{display:none!important}body{background:#fff;color:#111}.certificate-page{padding:0;background:#fff}.learning-certificate{min-height:100vh;border:2px solid #b57912;border-radius:0;background:#fff;color:#111;box-shadow:none}.learning-certificate:before{border-color:#999}.learning-certificate header strong,.certificate-body h1,.learning-certificate footer strong,.certificate-signature>span{color:#111}.certificate-body h2,.certificate-mark{color:#9a6100}.certificate-body>p,.certificate-details span,.learning-certificate footer span,.learning-certificate header small{color:#555}.certificate-details>div{border-color:#bbb;background:#fff}.certificate-title,.learning-certificate footer{border-color:#aaa}}

/* ================================================================
   TechOpsBase v1.9.9 — member identity, contributors and instructors
   ================================================================ */
.header-member-avatar,
.account-hero-avatar,
.member-card-avatar-image,
.member-large-avatar img,
.mentor-avatar-image,
.top-contributor-avatar-image,
.admin-applicant-avatar,
.educator-avatar-image,
.profile-photo-preview-image {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: inherit;
}
.header-member-avatar {
    width: 28px;
    height: 28px;
    flex: 0 0 28px;
    border: 1px solid rgba(var(--primary-rgb), .38);
    border-radius: 9px;
    background: var(--bg-secondary);
}
.member-avatar-placeholder,
.member-large-avatar,
.profile-photo-current,
.educator-card-head > a,
.contributor-applicant-identity > img {
    overflow: hidden;
}
.member-avatar-placeholder img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.member-large-avatar { font-size: 0; }
.member-large-avatar > img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.account-identity-block { display: flex; min-width: 0; align-items: center; gap: 16px; }
.account-hero-avatar { width: 74px; height: 74px; flex: 0 0 74px; border: 1px solid rgba(var(--primary-rgb), .38); border-radius: 20px; background: var(--bg-card); }

.avatar-choice-fieldset { margin: 0; padding: 0; border: 0; }
.avatar-choice-fieldset > legend { margin-bottom: 10px; color: var(--text); font-weight: 800; }
.avatar-choice-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 11px; }
.avatar-choice-card { position: relative; display: grid; min-width: 0; gap: 9px; padding: 13px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-secondary); cursor: pointer; text-align: center; }
.avatar-choice-card:hover { border-color: rgba(var(--secondary-rgb), .55); }
.avatar-choice-card:has(input:checked) { border-color: var(--secondary); box-shadow: inset 0 0 0 1px var(--secondary); background: rgba(var(--secondary-rgb), .06); }
.avatar-choice-card input { position: absolute; top: 10px; right: 10px; width: 17px; height: 17px; accent-color: var(--secondary); }
.avatar-choice-card img { width: 80px; height: 80px; margin: 0 auto; object-fit: cover; border: 1px solid rgba(var(--primary-rgb), .25); border-radius: 19px; background: var(--bg-deep); }
.avatar-choice-card strong { font-size: .77rem; line-height: 1.3; }
.profile-photo-editor { display: grid; grid-template-columns: 150px minmax(0, 1fr); align-items: start; gap: 22px; padding: 19px; border: 1px solid var(--border); border-radius: 17px; background: var(--bg-secondary); }
.profile-photo-current { width: 150px; aspect-ratio: 1; border: 1px solid rgba(var(--primary-rgb), .36); border-radius: 24px; background: var(--bg-deep); }
.profile-photo-editor > div:last-child { display: grid; gap: 14px; }
.profile-photo-editor small, .form-guidance { display: block; color: var(--muted); line-height: 1.55; }

.contributor-application-layout { display: grid; grid-template-columns: minmax(0, 1.45fr) minmax(280px, .55fr); align-items: start; gap: 20px; }
.application-status-banner { display: flex; align-items: flex-start; justify-content: space-between; gap: 18px; margin-bottom: 18px; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-secondary); }
.application-status-banner > div { display: grid; gap: 5px; }
.application-status-banner p { margin: 0; color: var(--muted); line-height: 1.55; }
.workflow-timeline { display: grid; gap: 0; }
.workflow-timeline article { position: relative; display: grid; gap: 4px; min-width: 0; padding: 0 0 20px 27px; }
.workflow-timeline article:not(:last-child):before { content: ""; position: absolute; top: 15px; bottom: 0; left: 7px; width: 1px; background: var(--border); }
.workflow-timeline article:after { content: ""; position: absolute; top: 5px; left: 1px; width: 13px; height: 13px; border: 3px solid var(--bg-card); border-radius: 50%; background: var(--secondary); box-shadow: 0 0 0 1px rgba(var(--secondary-rgb), .35); }
.workflow-timeline span { color: var(--secondary); font-size: .63rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }
.workflow-timeline strong { overflow-wrap: anywhere; }
.workflow-timeline p { margin: 2px 0; color: var(--muted); line-height: 1.55; }
.workflow-timeline small { color: var(--muted); }

.contributor-studio-layout { display: grid; gap: 20px; }
.contributor-access-callout,
.contribution-access-summary { display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.contributor-access-callout > div:last-child,
.contribution-access-summary > div:last-child { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
.contributor-studio-metrics { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.contributor-studio-metrics article { display: grid; min-width: 0; gap: 7px; padding: 17px; border: 1px solid var(--border); border-radius: 15px; background: linear-gradient(180deg, var(--bg-card), var(--bg-secondary)); }
.contributor-studio-metrics span { color: var(--muted); font-size: .66rem; font-weight: 900; letter-spacing: .06em; text-transform: uppercase; }
.contributor-studio-metrics strong { overflow-wrap: anywhere; color: var(--primary); font-size: clamp(1.25rem, 2.6vw, 2rem); }
.contributor-studio-metrics small { color: var(--muted); }
.contributor-work-list { display: grid; gap: 11px; }
.contributor-work-list > article { display: flex; min-width: 0; align-items: flex-start; justify-content: space-between; gap: 18px; padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-secondary); }
.contributor-work-main { display: grid; min-width: 0; flex: 1; gap: 7px; }
.contributor-work-main h3 { margin: 0; overflow-wrap: anywhere; }
.contributor-work-main > p { margin: 0; color: var(--muted); }
.contributor-work-actions { display: grid; min-width: 150px; justify-items: stretch; gap: 8px; text-align: right; }
.contributor-work-actions small { color: var(--muted); }
.workflow-note { margin-top: 8px; padding: 12px; border-left: 3px solid var(--secondary); border-radius: 9px; background: rgba(var(--secondary-rgb), .06); }
.workflow-note strong { display: block; margin-bottom: 4px; color: var(--secondary); }
.workflow-note p { margin: 0; color: var(--muted); line-height: 1.55; }
.contributor-submit-actions { align-items: stretch; }
.contributor-submit-actions .button { min-width: 190px; }

.educator-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.educator-card { display: flex; min-width: 0; min-height: 310px; flex-direction: column; padding: 19px; border: 1px solid var(--border); border-radius: 17px; background: linear-gradient(180deg, var(--bg-card), var(--bg-secondary)); }
.educator-card-head { display: flex; min-width: 0; align-items: flex-start; gap: 13px; }
.educator-card-head > a { width: 66px; height: 66px; flex: 0 0 66px; border: 1px solid rgba(var(--primary-rgb), .34); border-radius: 17px; background: var(--bg-deep); }
.educator-card-head > div { min-width: 0; }
.educator-card h2 { margin: 8px 0 3px; font-size: 1.1rem; overflow-wrap: anywhere; }
.educator-card p { color: var(--muted); line-height: 1.55; }
.educator-card > p { flex: 1; }
.educator-card-stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 7px; margin: 13px 0; padding-top: 13px; border-top: 1px solid var(--border); }
.educator-card-stats span { color: var(--muted); font-size: .62rem; }
.educator-card-stats strong { display: block; color: var(--text); font-size: .9rem; }

.contributor-application-admin-list { display: grid; gap: 15px; }
.contributor-application-admin-card { display: grid; gap: 17px; }
.contributor-applicant-identity { display: flex; min-width: 0; align-items: center; gap: 14px; }
.admin-applicant-avatar { width: 64px; height: 64px; flex: 0 0 64px; border: 1px solid rgba(var(--primary-rgb), .35); border-radius: 17px; background: var(--bg-deep); }
.application-evidence-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.application-evidence-grid > div { min-width: 0; padding: 13px; border: 1px solid var(--border); border-radius: 12px; background: var(--bg-secondary); }
.application-evidence-grid strong { color: var(--secondary); font-size: .69rem; letter-spacing: .05em; text-transform: uppercase; }
.application-evidence-grid p { margin: 7px 0 0; color: var(--muted); line-height: 1.55; overflow-wrap: anywhere; }
.application-decision-form { padding-top: 15px; border-top: 1px solid var(--border); }

.contributor-resource-editor { display: grid; max-width: 1100px; gap: 19px; }
.contributor-resource-editor .resource-contribution-form { min-width: 0; }
.educator-expertise-panel { padding: 16px; border: 1px solid var(--border); border-radius: 14px; background: var(--bg-secondary); }
.educator-expertise-panel p { color: var(--muted); line-height: 1.6; }

@media (max-width: 1050px) {
    .contributor-application-layout { grid-template-columns: 1fr; }
    .contributor-studio-metrics { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .educator-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 760px) {
    .account-identity-block { align-items: flex-start; }
    .account-hero-avatar { width: 58px; height: 58px; flex-basis: 58px; border-radius: 15px; }
    .avatar-choice-grid { grid-template-columns: 1fr; }
    .avatar-choice-card { grid-template-columns: 70px minmax(0, 1fr); align-items: center; text-align: left; }
    .avatar-choice-card img { width: 64px; height: 64px; margin: 0; border-radius: 15px; }
    .profile-photo-editor { grid-template-columns: 1fr; }
    .profile-photo-current { width: min(190px, 100%); }
    .application-status-banner,
    .contributor-access-callout,
    .contribution-access-summary,
    .contributor-work-list > article { align-items: stretch; flex-direction: column; }
    .contributor-access-callout > div:last-child,
    .contribution-access-summary > div:last-child { justify-content: flex-start; }
    .contributor-studio-metrics,
    .educator-card-grid,
    .application-evidence-grid { grid-template-columns: 1fr; }
    .contributor-work-actions { min-width: 0; width: 100%; text-align: left; }
    .contributor-work-actions .button,
    .contributor-submit-actions .button { width: 100%; min-width: 0; }
    .moderation-card-head .contributor-applicant-identity { align-items: flex-start; }
    .application-decision-form .button-row { display: grid; grid-template-columns: 1fr; }
    .application-decision-form .button { width: 100%; }
}
.educator-card-avatar { display:block;width:66px;height:66px;flex:0 0 66px;object-fit:cover;border:1px solid rgba(var(--primary-rgb),.34);border-radius:17px;background:var(--bg-deep) }
.profile-photo-current{display:grid;width:150px;gap:9px;overflow:visible;aspect-ratio:auto;border:0;border-radius:0;background:transparent}.profile-photo-preview{display:block;width:150px;height:150px;object-fit:cover;border:1px solid rgba(var(--primary-rgb),.36);border-radius:24px;background:var(--bg-deep)}.profile-photo-current>div{display:grid;gap:3px}.profile-photo-current small{color:var(--muted)}.profile-photo-editor>label,.profile-photo-editor>.submission-notice{grid-column:2}.profile-photo-editor>.avatar-choice-fieldset{grid-column:2}@media(max-width:760px){.profile-photo-editor>label,.profile-photo-editor>.submission-notice,.profile-photo-editor>.avatar-choice-fieldset{grid-column:1}.profile-photo-preview{width:min(190px,100%);height:auto;aspect-ratio:1}}
.thread-author-meta{display:flex;align-items:center;gap:10px;margin:8px 0 0}.thread-author-avatar{display:block;width:38px;height:38px;flex:0 0 38px;object-fit:cover;border:1px solid rgba(var(--primary-rgb),.32);border-radius:11px;background:var(--bg-secondary)}.answer-author-with-avatar{display:grid!important;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:10px}.answer-author-with-avatar>div{min-width:0}@media(max-width:560px){.thread-author-meta{align-items:flex-start}.thread-author-avatar{width:34px;height:34px;flex-basis:34px}.answer-author-with-avatar{grid-template-columns:34px minmax(0,1fr)}}

/* ========================================================================== 
   TechOpsBase v1.9.9.1 — visual hierarchy and section identity
   The site keeps one dark aviation system while each product area receives a
   restrained accent, clearer surface depth and its own information rhythm.
   ========================================================================== */

:root {
    --bg-secondary-rgb: 15, 28, 46;
    --bg-card-rgb: 23, 38, 58;
    --bg-elevated-rgb: 29, 47, 71;
    --bg-deep-rgb: 5, 12, 22;
    --bg-input-rgb: 10, 23, 39;
    --area-accent: var(--secondary);
    --area-accent-rgb: var(--secondary-rgb);
    --area-accent-strong: var(--secondary);
    --surface-section: rgba(var(--bg-secondary-rgb), .52);
    --surface-panel: rgba(var(--bg-card-rgb), .88);
    --surface-raised: rgba(var(--bg-elevated-rgb), .92);
    --surface-inset: rgba(var(--bg-input-rgb), .78);
    --surface-line: rgba(var(--border-rgb), .82);
    --accent: var(--area-accent);
}

html[data-site-theme="aviation-slate"] {
    --bg-secondary-rgb: 28, 48, 70;
    --bg-card-rgb: 38, 61, 85;
    --bg-elevated-rgb: 49, 75, 101;
    --bg-deep-rgb: 16, 29, 45;
    --bg-input-rgb: 23, 43, 64;
}

html[data-site-theme="cloud-cockpit"] {
    --bg-secondary-rgb: 227, 235, 241;
    --bg-card-rgb: 255, 255, 255;
    --bg-elevated-rgb: 247, 250, 252;
    --bg-deep-rgb: 216, 227, 235;
    --bg-input-rgb: 255, 255, 255;
}

body.site-area-learning { --area-accent: #2dd4bf; --area-accent-rgb: 45, 212, 191; --area-accent-strong: #5eead4; }
body.site-area-qa { --area-accent: #60a5fa; --area-accent-rgb: 96, 165, 250; --area-accent-strong: #93c5fd; }
body.site-area-resources { --area-accent: #fbbf24; --area-accent-rgb: 251, 191, 36; --area-accent-strong: #fcd34d; }
body.site-area-creators { --area-accent: #c084fc; --area-accent-rgb: 192, 132, 252; --area-accent-strong: #d8b4fe; }
body.site-area-community { --area-accent: #38bdf8; --area-accent-rgb: 56, 189, 248; --area-accent-strong: #7dd3fc; }
body.site-area-profiles { --area-accent: #4ade80; --area-accent-rgb: 74, 222, 128; --area-accent-strong: #86efac; }
body.site-area-aircraft { --area-accent: #22d3ee; --area-accent-rgb: 34, 211, 238; --area-accent-strong: #67e8f9; }
body.site-area-admin { --area-accent: #38bdf8; --area-accent-rgb: 56, 189, 248; --area-accent-strong: #7dd3fc; }
body.site-area-auth { --area-accent: var(--primary); --area-accent-rgb: var(--primary-rgb); --area-accent-strong: var(--primary); }

body[class*="site-area-"] {
    background:
        radial-gradient(circle at 96% 2%, rgba(var(--area-accent-rgb), .045), transparent 28rem),
        var(--bg-main);
}

body[class*="site-area-"] .section-kicker,
body[class*="site-area-"] .eyebrow,
body[class*="site-area-"] .text-link {
    color: var(--area-accent);
}

body[class*="site-area-"] .page-hero,
body[class*="site-area-"] .member-profile-hero {
    background:
        radial-gradient(circle at 80% 14%, rgba(var(--area-accent-rgb), .13), transparent 31%),
        linear-gradient(180deg, rgba(var(--bg-secondary-rgb), .97), rgba(var(--bg-main-rgb), .98));
    border-bottom-color: rgba(var(--area-accent-rgb), .24);
}

body[class*="site-area-"] main > section {
    position: relative;
}

body[class*="site-area-"] main > .section + .section,
body[class*="site-area-"] main > section + section.section {
    border-top: 1px solid rgba(var(--border-rgb), .5);
}

body[class*="site-area-"] main > .section:nth-of-type(even):not(.section-dark):not(.section-alt) {
    background:
        linear-gradient(120deg, rgba(var(--area-accent-rgb), .025), transparent 38%),
        rgba(var(--bg-secondary-rgb), .20);
}

body[class*="site-area-"] .section-dark,
body[class*="site-area-"] .section-alt {
    background:
        linear-gradient(120deg, rgba(var(--area-accent-rgb), .035), transparent 42%),
        var(--bg-secondary);
}

body[class*="site-area-"] main .section > .container > .section-heading,
body[class*="site-area-"] main .section > .container > .split-heading,
body[class*="site-area-"] .workspace-header > div:first-child {
    position: relative;
    padding-left: 18px;
}

body[class*="site-area-"] main .section > .container > .section-heading::before,
body[class*="site-area-"] main .section > .container > .split-heading::before,
body[class*="site-area-"] .workspace-header > div:first-child::before {
    content: "";
    position: absolute;
    top: 4px;
    bottom: 4px;
    left: 0;
    width: 3px;
    border-radius: 99px;
    background: linear-gradient(180deg, var(--area-accent), rgba(var(--area-accent-rgb), .12));
}

body[class*="site-area-"] .workspace-header {
    position: relative;
    align-items: center;
    margin-bottom: 28px;
    padding-bottom: 24px;
    border-bottom: 1px solid rgba(var(--border-rgb), .72);
}

body[class*="site-area-"] .workspace-header::after {
    content: "";
    position: absolute;
    bottom: -1px;
    left: 0;
    width: clamp(88px, 14vw, 190px);
    height: 2px;
    background: linear-gradient(90deg, var(--area-accent), transparent);
}

/* Three surface levels: section, panel and inset content. */
body[class*="site-area-"] :where(
    .admin-panel,
    .side-panel,
    .profile-card,
    .moderation-card,
    .user-admin-card,
    .admin-editor-card,
    .admin-list-card,
    .educator-expertise-panel,
    .answer-form-panel,
    .video-bulk-panel
) {
    background:
        linear-gradient(180deg, rgba(var(--bg-card-rgb), .94), rgba(var(--bg-secondary-rgb), .94));
    border-color: rgba(var(--border-rgb), .9);
    box-shadow: 0 18px 45px rgba(var(--shadow-rgb), .10);
}

body[class*="site-area-"] :where(
    .moderation-copy,
    .application-evidence-grid > div,
    .verification-review-facts > div,
    .admin-status-row,
    .quiz-option-editor,
    .learning-builder-item,
    .video-bulk-audience
) {
    background: rgba(var(--bg-input-rgb), .52);
    border-color: rgba(var(--border-rgb), .76);
}

body[class*="site-area-"] :where(
    .admin-panel,
    .moderation-card,
    .side-panel,
    .profile-card,
    .admin-editor-card,
    .admin-list-card
) {
    position: relative;
    overflow: clip;
}

body[class*="site-area-"] :where(
    .admin-panel,
    .moderation-card,
    .side-panel,
    .profile-card,
    .admin-editor-card,
    .admin-list-card
)::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    background: linear-gradient(90deg, rgba(var(--area-accent-rgb), .72), rgba(var(--area-accent-rgb), 0));
    pointer-events: none;
}

/* Tabs and section navigation should read as navigation, not another card. */
body[class*="site-area-"] :where(.admin-nav, .data-admin-nav, .status-filter, .search-tabs) {
    background: rgba(var(--bg-secondary-rgb), .72);
    border-color: rgba(var(--border-rgb), .8);
    box-shadow: inset 0 -1px rgba(var(--border-rgb), .45);
}

body[class*="site-area-"] :where(.admin-nav, .data-admin-nav, .status-filter, .search-tabs) a {
    position: relative;
}

body[class*="site-area-"] :where(.admin-nav, .data-admin-nav, .status-filter, .search-tabs) a.active {
    color: var(--text);
    background: rgba(var(--area-accent-rgb), .09);
    box-shadow: inset 0 -2px var(--area-accent);
}

body[class*="site-area-"] :where(.admin-nav, .data-admin-nav, .status-filter, .search-tabs) a.active small,
body[class*="site-area-"] :where(.admin-nav, .data-admin-nav, .status-filter, .search-tabs) a.active span {
    color: var(--area-accent-strong);
}

/* One strong action, quieter supporting actions and clearly isolated danger. */
body.site-area-admin .button-secondary {
    color: var(--text-soft);
    background: rgba(var(--bg-input-rgb), .46);
    border-color: rgba(var(--area-accent-rgb), .30);
}

body.site-area-admin .button-secondary:hover {
    color: var(--area-accent-strong);
    background: rgba(var(--area-accent-rgb), .075);
    border-color: rgba(var(--area-accent-rgb), .58);
}

body.site-area-admin .button-ghost {
    color: var(--muted);
    background: transparent;
    border-color: rgba(var(--border-rgb), .5);
}

body.site-area-admin .button-danger {
    color: #fecdd3;
    background: rgba(244, 63, 94, .08);
    border-color: rgba(244, 63, 94, .35);
}

body.site-area-admin .button-warning {
    color: #fde68a;
    background: rgba(245, 158, 11, .07);
    border-color: rgba(245, 158, 11, .34);
}

/* Learning: progress and sequence are the primary visual language. */
body.site-area-learning .learning-start-hero,
body.site-area-learning .learning-path-hero {
    border-bottom-color: rgba(var(--area-accent-rgb), .28);
}

body.site-area-learning .learning-path-card {
    border-color: rgba(var(--area-accent-rgb), .18);
    background:
        linear-gradient(155deg, rgba(var(--area-accent-rgb), .075), transparent 42%),
        linear-gradient(180deg, var(--bg-card), var(--bg-secondary));
}

body.site-area-learning .learning-path-card::before {
    background: linear-gradient(90deg, var(--area-accent), var(--primary));
}

body.site-area-learning .learning-path-card:hover {
    border-color: rgba(var(--area-accent-rgb), .55);
    box-shadow: 0 20px 48px rgba(var(--shadow-rgb), .16);
}

body.site-area-learning .learning-module {
    overflow: hidden;
    background: linear-gradient(180deg, rgba(var(--bg-card-rgb), .92), rgba(var(--bg-secondary-rgb), .96));
    border-color: rgba(var(--area-accent-rgb), .20);
    box-shadow: 0 14px 38px rgba(var(--shadow-rgb), .09);
}

body.site-area-learning .learning-module-heading {
    background:
        linear-gradient(90deg, rgba(var(--area-accent-rgb), .085), transparent 65%),
        rgba(var(--bg-input-rgb), .30);
    border-bottom: 1px solid rgba(var(--border-rgb), .72);
}

body.site-area-learning .learning-module-heading > span,
body.site-area-learning .learning-item-state {
    color: var(--area-accent-strong);
    border-color: rgba(var(--area-accent-rgb), .34);
    background: rgba(var(--area-accent-rgb), .075);
}

body.site-area-learning .learning-item-row {
    border-radius: 10px;
}

body.site-area-learning .learning-item-row:nth-child(even) {
    background: rgba(var(--bg-input-rgb), .22);
}

body.site-area-learning .learning-progress-panel,
body.site-area-learning .continue-learning-banner,
body.site-area-learning .learning-completion-banner {
    background:
        linear-gradient(135deg, rgba(var(--area-accent-rgb), .095), transparent 52%),
        var(--surface-panel);
    border-color: rgba(var(--area-accent-rgb), .28);
}

body.site-area-learning .learning-progress-bar i,
body.site-area-learning .learning-daily-activity em {
    background: linear-gradient(90deg, var(--area-accent), var(--primary));
}

body.site-area-learning .quiz-question-builder,
body.site-area-learning .quiz-question-list > article,
body.site-area-learning .quiz-check-card.active {
    border-color: rgba(var(--area-accent-rgb), .30);
    background: rgba(var(--area-accent-rgb), .045);
}

/* Resources: document/source trust and catalogue scanning. */
body.site-area-resources .resource-library-hero,
body.site-area-resources .resource-collection-hero {
    border-bottom-color: rgba(var(--area-accent-rgb), .28);
}

body.site-area-resources .resource-library-card {
    position: relative;
    overflow: hidden;
    border-color: rgba(var(--border-rgb), .88);
    background:
        linear-gradient(145deg, rgba(var(--area-accent-rgb), .045), transparent 38%),
        linear-gradient(180deg, var(--bg-card), var(--bg-secondary));
}

body.site-area-resources .resource-library-card::before {
    content: "";
    position: absolute;
    inset: 0 auto 0 0;
    width: 3px;
    background: linear-gradient(180deg, var(--area-accent), rgba(var(--area-accent-rgb), .08));
}

body.site-area-resources .resource-library-card:hover {
    border-color: rgba(var(--area-accent-rgb), .50);
    transform: translateY(-2px);
}

body.site-area-resources .resource-subject-grid > a,
body.site-area-resources .resource-collection-card {
    background:
        linear-gradient(150deg, rgba(var(--area-accent-rgb), .055), transparent 44%),
        var(--surface-panel);
}

body.site-area-resources .resource-subject-grid > a:hover,
body.site-area-resources .resource-subject-grid > a.active {
    border-color: rgba(var(--area-accent-rgb), .48);
}

body.site-area-resources :where(.quality-badge, .resource-type, .resource-context-badge) {
    border-color: rgba(var(--area-accent-rgb), .24);
}

/* Creators: profile identity and expertise, with restrained violet cues. */
body.site-area-creators :where(.creator-discovery-card, .creator-card, .educator-card) {
    position: relative;
    overflow: hidden;
    border-color: rgba(var(--area-accent-rgb), .17);
    background:
        linear-gradient(150deg, rgba(var(--area-accent-rgb), .06), transparent 42%),
        linear-gradient(180deg, var(--bg-card), var(--bg-secondary));
}

body.site-area-creators :where(.creator-discovery-card, .creator-card, .educator-card)::before {
    content: "";
    position: absolute;
    inset: 0 0 auto;
    height: 2px;
    z-index: 3;
    background: linear-gradient(90deg, var(--area-accent), transparent 75%);
}

body.site-area-creators :where(.creator-discovery-card, .creator-card, .educator-card):hover {
    border-color: rgba(var(--area-accent-rgb), .48);
}

body.site-area-creators :where(.creator-avatar, .creator-profile-avatar, .educator-card-avatar, .educator-card-head > a) {
    border-color: rgba(var(--area-accent-rgb), .38);
    box-shadow: 0 0 0 3px rgba(var(--area-accent-rgb), .045);
}

body.site-area-creators :where(.profile-role, .contribution-role-badge, .creator-platform-badge) {
    color: var(--area-accent-strong);
    background: rgba(var(--area-accent-rgb), .07);
    border-color: rgba(var(--area-accent-rgb), .22);
}

/* Profiles and community: people first, then activity. */
body.site-area-profiles :where(.member-card, .profile-card, .member-profile-sidebar > *, .account-panel),
body.site-area-community :where(.community-card, .circle-card, .mentor-card, .conversation-card) {
    background:
        linear-gradient(150deg, rgba(var(--area-accent-rgb), .045), transparent 43%),
        linear-gradient(180deg, var(--bg-card), var(--bg-secondary));
}

body.site-area-profiles .member-card {
    border-color: rgba(var(--area-accent-rgb), .16);
}

body.site-area-profiles .member-card:hover {
    border-color: rgba(var(--area-accent-rgb), .44);
}

body.site-area-profiles :where(.member-avatar, .member-card-avatar-image, .member-profile-avatar) {
    border-color: rgba(var(--area-accent-rgb), .34);
}

/* Q&A: compact scanning, metrics and accepted-answer state. */
body.site-area-qa .forum-hero {
    border-bottom-color: rgba(var(--area-accent-rgb), .28);
}

body.site-area-qa .forum-stat-strip {
    border-color: rgba(var(--area-accent-rgb), .20);
    background: rgba(var(--area-accent-rgb), .16);
}

body.site-area-qa .forum-stat-strip > div,
body.site-area-qa .forum-stat-strip > p {
    background: rgba(var(--bg-secondary-rgb), .96);
}

body.site-area-qa .forum-stat-strip strong {
    color: var(--area-accent-strong);
}

body.site-area-qa .question-card {
    position: relative;
    padding-block: 17px;
    background:
        linear-gradient(90deg, rgba(var(--area-accent-rgb), .028), transparent 34%),
        rgba(var(--bg-secondary-rgb), .94);
}

body.site-area-qa .question-card:hover {
    border-color: rgba(var(--area-accent-rgb), .42);
    background:
        linear-gradient(90deg, rgba(var(--area-accent-rgb), .055), transparent 38%),
        rgba(var(--bg-card-rgb), .84);
}

body.site-area-qa .question-metrics div {
    background: rgba(var(--bg-input-rgb), .56);
}

body.site-area-qa .question-metrics strong,
body.site-area-qa .question-main h2 a:hover,
body.site-area-qa .question-author strong {
    color: var(--area-accent-strong);
}

body.site-area-qa .question-card.is-solved {
    border-left-color: var(--success);
    box-shadow: inset 3px 0 rgba(34, 197, 94, .11);
}

body.site-area-qa :where(.question-post, .answer-form-panel, .thread-post) {
    background:
        linear-gradient(155deg, rgba(var(--area-accent-rgb), .028), transparent 42%),
        var(--surface-panel);
}

body.site-area-qa .accepted-answer {
    border-color: rgba(34, 197, 94, .42);
    background: linear-gradient(155deg, rgba(34, 197, 94, .055), transparent 42%), var(--surface-panel);
}

/* Aircraft/ATA: technical instrument surfaces and stronger chapter navigation. */
body.site-area-aircraft :where(.ata-card, .aircraft-card, .manufacturer-card, .operator-card) {
    background:
        linear-gradient(145deg, rgba(var(--area-accent-rgb), .045), transparent 42%),
        var(--surface-panel);
}

body.site-area-aircraft :where(.ata-card, .aircraft-card, .manufacturer-card, .operator-card):hover {
    border-color: rgba(var(--area-accent-rgb), .46);
}

body.site-area-aircraft .tech-workspace {
    border-color: rgba(var(--area-accent-rgb), .22);
    box-shadow: 0 24px 60px rgba(var(--shadow-rgb), .13);
}

body.site-area-aircraft .ata-list a.active {
    box-shadow: inset 3px 0 var(--area-accent);
    background: rgba(var(--area-accent-rgb), .07);
}

/* Admin: clearly separate control, evidence and result areas. */
body.site-area-admin .workspace-section {
    padding-top: 52px;
}

body.site-area-admin .admin-stat-card,
body.site-area-admin .admin-pulse-card {
    position: relative;
    overflow: hidden;
    background:
        linear-gradient(150deg, rgba(var(--area-accent-rgb), .045), transparent 48%),
        linear-gradient(180deg, rgba(var(--bg-card-rgb), .96), rgba(var(--bg-secondary-rgb), .98));
}

body.site-area-admin .admin-stat-card::after,
body.site-area-admin .admin-pulse-card::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 2px;
    background: linear-gradient(90deg, var(--area-accent), transparent 80%);
}

body.site-area-admin .admin-stat-card strong,
body.site-area-admin .admin-pulse-card strong {
    color: var(--area-accent-strong);
}

body.site-area-admin .admin-queue-card {
    background:
        linear-gradient(145deg, rgba(var(--area-accent-rgb), .035), transparent 44%),
        var(--surface-panel);
}

body.site-area-admin .video-bulk-panel {
    border-color: rgba(var(--area-accent-rgb), .30);
    box-shadow: 0 20px 54px rgba(var(--shadow-rgb), .18);
}

body.site-area-admin .video-bulk-heading {
    background: rgba(var(--area-accent-rgb), .035);
    margin: -20px -20px 16px;
    padding: 16px 20px;
}

body.site-area-admin .moderation-card-head,
body.site-area-admin .video-bulk-heading,
body.site-area-admin .admin-list-heading {
    border-bottom-color: rgba(var(--border-rgb), .72);
}

body.site-area-admin .moderation-card + .moderation-card {
    margin-top: 4px;
}

body.site-area-admin .application-evidence-grid > div > strong,
body.site-area-admin .moderation-copy > strong,
body.site-area-admin .admin-form label > span,
body.site-area-admin .contribution-form label > span {
    color: var(--area-accent-strong);
}

/* Trust and status labels are consistent across every section. */
body[class*="site-area-"] :where(.status-pill, .quality-badge, .resource-context-badge, .featured-pill, .verification-badge) {
    backdrop-filter: blur(7px);
}

body[class*="site-area-"] .empty-state {
    background:
        linear-gradient(135deg, rgba(var(--area-accent-rgb), .035), transparent 48%),
        rgba(var(--bg-secondary-rgb), .54);
    border-color: rgba(var(--area-accent-rgb), .24);
}

body[class*="site-area-"] .approved-data-notice,
body[class*="site-area-"] .safety-callout,
body[class*="site-area-"] .safety-inline {
    background:
        linear-gradient(90deg, rgba(var(--primary-rgb), .095), transparent 65%),
        rgba(var(--bg-input-rgb), .42);
}

@media (max-width: 900px) {
    body[class*="site-area-"] .workspace-header {
        align-items: flex-start;
    }

    body[class*="site-area-"] :where(.admin-nav, .data-admin-nav, .status-filter, .search-tabs, .aircraft-tabs) {
        overflow-x: auto;
        overscroll-behavior-inline: contain;
        scrollbar-width: thin;
        scrollbar-color: rgba(var(--area-accent-rgb), .34) transparent;
    }
}

@media (max-width: 760px) {
    body[class*="site-area-"] main .section > .container > .section-heading,
    body[class*="site-area-"] main .section > .container > .split-heading,
    body[class*="site-area-"] .workspace-header > div:first-child {
        padding-left: 14px;
    }

    body[class*="site-area-"] .workspace-header {
        gap: 20px;
        padding-bottom: 20px;
    }

    body.site-area-admin .admin-header-actions,
    body.site-area-admin .workspace-header > .button-row {
        display: grid;
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.site-area-admin .admin-header-actions .button,
    body.site-area-admin .workspace-header > .button-row .button {
        width: 100%;
        min-width: 0;
    }

    body.site-area-admin .video-bulk-actions {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.site-area-admin .video-bulk-actions .button-primary,
    body.site-area-admin .video-bulk-actions .button-danger {
        grid-column: 1 / -1;
    }

    body.site-area-qa .question-card {
        gap: 15px;
        padding: 17px;
    }

    body.site-area-qa .question-metrics div {
        padding: 8px 4px;
    }
}

@media (max-width: 480px) {
    body.site-area-admin .admin-header-actions,
    body.site-area-admin .workspace-header > .button-row,
    body.site-area-admin .video-bulk-actions {
        grid-template-columns: 1fr;
    }

    body.site-area-admin .video-bulk-actions .button-primary,
    body.site-area-admin .video-bulk-actions .button-danger {
        grid-column: auto;
    }
}

body[class*="site-area-"] .main-nav > a.active,
body[class*="site-area-"] .nav-more-toggle.active {
    color: var(--area-accent-strong);
    background: rgba(var(--area-accent-rgb), .065);
    box-shadow: inset 0 -2px rgba(var(--area-accent-rgb), .72);
}

body[class*="site-area-"] .nav-more-menu a.active {
    border-color: rgba(var(--area-accent-rgb), .28);
    background: rgba(var(--area-accent-rgb), .06);
}


/* v1.9.9.2 mobile horizontal overflow containment */
html,
body {
    width: 100%;
    max-width: 100%;
    overflow-x: hidden;
}

@supports (overflow: clip) {
    html,
    body {
        overflow-x: clip;
    }
}

body {
    position: relative;
}

.site-header,
main,
.site-footer,
footer,
.section,
.page-hero,
.workspace-section {
    max-width: 100%;
}

.container,
.header-inner,
main,
main > *,
.section,
.page-hero,
.workspace-section,
.workspace-header {
    min-width: 0;
}

img,
picture,
video,
iframe,
canvas,
svg {
    max-width: 100%;
}

@media (max-width: 1100px) {
    .main-nav {
        position: fixed !important;
        top: 70px !important;
        right: 0 !important;
        bottom: 0 !important;
        left: auto !important;
        display: none !important;
        width: min(390px, 100vw) !important;
        max-width: 100vw !important;
        height: auto !important;
        max-height: none !important;
        transform: none !important;
        visibility: hidden !important;
        pointer-events: none !important;
        opacity: 0 !important;
    }

    .main-nav.open {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
        opacity: 1 !important;
        transform: none !important;
    }

    .nav-backdrop[hidden] {
        display: none !important;
    }

    body.nav-open {
        overflow: hidden !important;
    }
}

@media (max-width: 760px) {
    .container {
        width: min(calc(100% - 32px), var(--max-width));
    }

    main :where(h1, h2, h3, h4, p, li, a, span, strong, small, label, td, th) {
        overflow-wrap: anywhere;
    }

    input,
    select,
    textarea,
    button {
        max-width: 100%;
    }
}


/* A350 ATA 29 resource media and safe rich-article rendering */
.learning-article-body .learning-resource-figure {
    margin: clamp(1.5rem, 4vw, 3rem) 0;
    padding: clamp(.6rem, 2vw, 1rem);
    max-width: 100%;
    overflow: hidden;
    border: 1px solid var(--border, #29415b);
    border-radius: 1.15rem;
    background: rgba(9, 25, 43, .72);
}
.learning-article-body .learning-resource-figure img {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    border-radius: .8rem;
}
.learning-article-body .learning-resource-figure figcaption {
    padding: .8rem .35rem .15rem;
    color: var(--muted, #9fb0c5);
    font-size: .9rem;
    line-height: 1.45;
}
.learning-article-body .learning-resource-note {
    margin: 1.5rem 0;
    padding: 1rem 1.15rem;
    border: 1px solid rgba(255, 159, 26, .42);
    border-left: .3rem solid var(--orange, #ff9f1a);
    border-radius: .85rem;
    background: rgba(255, 159, 26, .08);
    color: var(--text, #eef4fb);
}
.learning-article-body ol {
    margin: 1rem 0 1.5rem;
    padding: 1rem 1rem 1rem 2.6rem;
    border-radius: .9rem;
    background: rgba(14, 35, 55, .7);
}
.learning-article-body .learning-resource-divider {
    margin: 2.4rem 0;
    border: 0;
    border-top: 1px solid var(--border, #29415b);
}
.learning-article-body strong { color: var(--text-strong, #ffffff); }
@media (max-width: 720px) {
    .learning-article-body .learning-resource-figure {
        margin-left: 0;
        margin-right: 0;
        padding: .45rem;
        border-radius: .9rem;
    }
    .learning-article-body .learning-resource-figure figcaption { font-size: .82rem; }
}


/* v1.9.9.5 resource diagram layout: proportional on mobile and desktop */
.learning-article-body figure.learning-resource-figure {
    display: block !important;
    position: static !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    margin: clamp(1.35rem, 3vw, 2.4rem) 0 !important;
    padding: clamp(.45rem, 1.5vw, .8rem) !important;
    overflow: hidden !important;
    align-content: normal !important;
    align-items: normal !important;
    justify-content: normal !important;
    place-content: normal !important;
    place-items: normal !important;
    border: 1px solid var(--border, #29415b);
    border-radius: 1rem;
    background: rgba(7, 20, 37, .72);
}

.learning-article-body .learning-resource-figure-link {
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    line-height: 0 !important;
    overflow: hidden !important;
    border-radius: .72rem;
    background: rgba(4, 14, 27, .72);
}

.learning-article-body figure.learning-resource-figure img {
    display: block !important;
    position: static !important;
    inset: auto !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    max-height: none !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    object-position: center !important;
    margin: 0 !important;
    padding: 0 !important;
    transform: none !important;
}

.learning-article-body figure.learning-resource-figure figcaption {
    display: flex !important;
    align-items: flex-start;
    justify-content: space-between;
    gap: .7rem;
    width: 100%;
    min-height: 0 !important;
    margin: 0 !important;
    padding: .72rem .25rem .1rem !important;
    color: var(--muted, #9fb0c5);
    font-size: .82rem !important;
    line-height: 1.45 !important;
}

.learning-article-body figure.learning-resource-figure figcaption span {
    min-width: 0;
}

.learning-article-body figure.learning-resource-figure figcaption small {
    flex: 0 0 auto;
    color: var(--secondary, #35d6e8);
    font-size: .7rem;
    white-space: nowrap;
}

@media (max-width: 720px) {
    .learning-article-body figure.learning-resource-figure {
        margin: 1.15rem 0 1.55rem !important;
        padding: .35rem !important;
        border-radius: .82rem;
    }

    .learning-article-body figure.learning-resource-figure figcaption {
        display: grid !important;
        gap: .25rem;
        padding: .62rem .3rem .15rem !important;
        font-size: .76rem !important;
    }

    .learning-article-body figure.learning-resource-figure figcaption small {
        font-size: .66rem;
        white-space: normal;
    }
}


/* v1.9.10 — complete ATA master data and internal video learning pages */
.ata-master-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0}.ata-master-summary article{padding:18px;border:1px solid var(--border);border-radius:16px;background:var(--bg-card)}.ata-master-summary strong,.ata-master-summary span{display:block}.ata-master-summary strong{font-size:2rem;color:var(--primary)}.ata-master-summary span{margin-top:3px;color:var(--muted);font-size:.78rem}.ata-admin-note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.ata-admin-note>div{display:grid;gap:5px}.ata-admin-note span{color:var(--muted);font-size:.78rem;line-height:1.45}.ata-master-record-list .master-record{align-items:flex-start}.ata-hub-flag{color:var(--primary)!important;border-color:rgba(var(--primary-rgb),.35)!important}.master-form label small{display:block;margin-top:5px;color:var(--muted);font-size:.7rem}
.video-detail-hero{padding:48px 0 30px;border-bottom:1px solid var(--border);background:radial-gradient(circle at 15% 0,rgba(var(--secondary-rgb),.13),transparent 34%),linear-gradient(180deg,var(--bg-deep),var(--bg))}.video-detail-back{display:inline-flex;margin-bottom:24px;color:var(--muted);font-weight:800;text-decoration:none}.video-detail-heading{display:flex;align-items:end;justify-content:space-between;gap:28px}.video-detail-heading h1{max-width:1000px;margin:10px 0 18px;font-size:clamp(2.1rem,5vw,4.8rem);line-height:1.02}.video-detail-meta{display:flex;flex-wrap:wrap;gap:8px}.video-detail-meta>*{padding:7px 10px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:.72rem;text-decoration:none}.video-detail-meta a{color:var(--primary)}.video-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.video-detail-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(285px,.45fr);align-items:start;gap:28px}.video-detail-content,.video-detail-sidebar{min-width:0}.video-detail-player-shell{position:relative;aspect-ratio:16/9;overflow:hidden;border:1px solid var(--border);border-radius:22px;background:#02070e;box-shadow:0 24px 80px rgba(0,0,0,.32)}.video-detail-player-target,.video-detail-player-target>div,.video-detail-player-target iframe{width:100%;height:100%;border:0}.video-detail-poster{position:absolute;inset:0;z-index:2;display:grid;width:100%;height:100%;place-items:center;overflow:hidden;border:0;background:#02070e;color:#fff;cursor:pointer}.video-detail-poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.video-detail-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.67))}.video-detail-poster strong{position:absolute;z-index:2;bottom:34px;padding:9px 13px;border-radius:999px;background:rgba(0,0,0,.72);font-size:.82rem}.video-detail-play-icon{position:relative;z-index:3;display:grid;width:84px;height:84px;place-items:center;border:2px solid rgba(255,255,255,.7);border-radius:50%;background:var(--secondary);color:#071425;font-size:2rem;box-shadow:0 15px 45px rgba(0,0,0,.4)}.video-detail-no-poster{background:radial-gradient(circle at center,rgba(var(--primary-rgb),.15),transparent 35%),#071425}.video-detail-player-fallback{position:absolute;inset:0;z-index:4;display:grid;place-content:center;gap:18px;padding:30px;text-align:center;background:#071425}.video-detail-player-fallback[hidden]{display:none}.video-progress-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.45fr);align-items:center;gap:20px;margin-top:14px;padding:15px 18px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card)}.video-progress-panel strong,.video-progress-panel span{display:block}.video-progress-panel span{margin-top:4px;color:var(--muted);font-size:.75rem}.video-progress-track{height:9px;overflow:hidden;border-radius:999px;background:var(--bg-deep)}.video-progress-track i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--secondary),var(--primary))}.video-progress-panel.signed-out{grid-template-columns:1fr auto}.video-detail-description{margin-top:24px;padding:28px;border:1px solid var(--border);border-radius:20px;background:var(--bg-card)}.video-detail-description h2{margin:28px 0 10px}.video-detail-description>p,.video-detail-rich-text{color:var(--muted);line-height:1.75}.video-detail-source-row{display:flex;align-items:center;gap:13px;padding-bottom:20px;border-bottom:1px solid var(--border)}.video-detail-source-row>div{display:grid;width:52px;height:52px;flex:0 0 52px;place-items:center;overflow:hidden;border:1px solid var(--border);border-radius:50%;background:var(--bg-secondary);color:var(--primary);font-weight:900}.video-detail-source-row img{width:100%;height:100%;object-fit:cover}.video-detail-source-row p{margin:0}.video-detail-source-row small,.video-detail-source-row strong,.video-detail-source-row em{display:block}.video-detail-source-row small{color:var(--muted);font-size:.62rem;font-weight:900;letter-spacing:.1em}.video-detail-source-row em{margin-top:3px;color:#69e2a8;font-size:.72rem;font-style:normal}.video-chapter-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.video-chapter-list span{padding:10px 12px;border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);color:var(--muted);font:700 .75rem var(--font-mono)}.video-detail-safety{margin-top:20px}.video-detail-sidebar{position:sticky;top:90px;display:grid;gap:16px}.video-context-list{display:grid;margin:15px 0 0}.video-context-list>div{display:grid;grid-template-columns:90px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid var(--border)}.video-context-list>div:last-child{border-bottom:0}.video-context-list dt{color:var(--muted);font-size:.72rem}.video-context-list dd{margin:0;text-align:right;font-size:.78rem;font-weight:700}.video-original-panel p{color:var(--muted);line-height:1.6}.video-original-panel .button{width:100%}.related-video-library-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.video-related-learning-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.video-related-resource-list{display:grid;gap:10px}.video-related-resource-list>a{display:grid;gap:6px;padding:17px;border:1px solid var(--border);border-radius:14px;background:var(--bg-card);color:inherit;text-decoration:none}.video-related-resource-list>a:hover{border-color:var(--primary);transform:translateY(-1px)}.video-related-resource-list span{color:var(--secondary);font-size:.65rem;font-weight:900;text-transform:uppercase}.video-related-resource-list small{color:var(--muted);line-height:1.5}
@media(max-width:1050px){.video-detail-layout{grid-template-columns:1fr}.video-detail-sidebar{position:static;grid-template-columns:repeat(2,minmax(0,1fr))}.related-video-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.ata-master-summary,.ata-admin-note,.video-detail-sidebar,.video-related-learning-grid,.related-video-library-grid{grid-template-columns:1fr}.video-detail-heading{align-items:stretch;flex-direction:column}.video-detail-actions{justify-content:flex-start}.video-detail-heading h1{font-size:clamp(2rem,12vw,3.4rem)}.video-detail-player-shell{border-radius:14px}.video-detail-play-icon{width:66px;height:66px;font-size:1.5rem}.video-detail-poster strong{bottom:20px}.video-progress-panel,.video-progress-panel.signed-out{grid-template-columns:1fr}.video-detail-description{padding:20px}.video-chapter-list{grid-template-columns:1fr}.video-context-list>div{grid-template-columns:80px 1fr}}

/* v1.9.10.1: ensure the thumbnail overlay is removed after inline playback starts. */
.video-detail-poster[hidden],
.video-detail-poster.is-hidden {
    display: none !important;
}
.video-detail-player-target {
    position: absolute;
    inset: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
}
.video-detail-player-target > div,
.video-detail-player-target iframe {
    display: block;
    width: 100% !important;
    height: 100% !important;
}
.video-detail-player-shell.is-loading-player::before {
    content: "Loading video…";
    position: absolute;
    inset: 0;
    z-index: 0;
    display: grid;
    place-items: center;
    color: var(--muted);
    font-weight: 800;
}


/* v1.9.10.2 grouped navigation and content quality audit */
.nav-mega-menu{width:min(790px,calc(100vw - 32px));max-height:min(72vh,680px);padding:14px;overflow-y:auto;overscroll-behavior:contain}.nav-mega-menu:before{right:28px}.nav-mega-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nav-mega-group{min-width:0;padding:8px;border:1px solid rgba(var(--border-rgb),.68);border-radius:11px;background:rgba(var(--bg-main-rgb),.3)}.nav-mega-heading{display:block;padding:6px 10px 9px;color:var(--secondary);font-family:"JetBrains Mono",monospace;font-size:10px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase}.nav-mega-menu .nav-mega-group a{min-height:66px;padding:10px}.nav-mega-menu .nav-mega-group small{font-size:9px;line-height:1.35}.nav-mega-utility{display:flex;flex-wrap:wrap;gap:5px;margin-top:10px;padding:9px 7px 0;border-top:1px solid var(--border)}.nav-mega-menu .nav-mega-utility a{min-height:auto;padding:7px 10px;color:var(--muted);font-size:10px;font-weight:700}.mobile-nav-groups{display:none}.quality-audit-list{display:grid;gap:14px}.quality-audit-card{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:18px;padding:20px;border:1px solid var(--border);border-left:4px solid var(--secondary);border-radius:var(--radius);background:var(--bg-secondary)}.quality-audit-card.recommendation-archive{border-left-color:var(--danger)}.quality-audit-card.recommendation-rebuild,.quality-audit-card.recommendation-expand{border-left-color:var(--primary)}.quality-audit-card.recommendation-quick_start{border-left-color:#b78cff}.quality-audit-card.recommendation-keep{border-left-color:var(--success)}.quality-audit-main{min-width:0}.quality-audit-title{display:flex;align-items:flex-start;gap:13px}.quality-audit-title strong,.quality-audit-title small{display:block}.quality-audit-title small{margin-top:3px;color:var(--muted);font-size:10px}.quality-score{display:grid;flex:0 0 52px;width:52px;height:52px;place-items:center;border:1px solid var(--border);border-radius:50%;color:var(--secondary);font-family:"JetBrains Mono",monospace;font-size:12px;font-weight:800}.quality-audit-main>p{margin:13px 0;color:var(--muted);font-size:13px}.quality-audit-main>small{color:var(--muted)}.quality-issues{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0}.quality-issues span{padding:5px 8px;border:1px solid var(--border);border-radius:999px;color:var(--muted);font-size:9px}.quality-audit-actions{display:grid;align-content:start;gap:8px}.quality-audit-actions>strong{color:var(--primary);font-size:11px;letter-spacing:.8px;text-transform:uppercase}.quality-audit-actions form{display:grid;gap:4px}.danger-action{color:var(--danger)!important}.learning-path-topline small{max-width:65%;text-align:right}
@media(max-width:1100px){.mobile-nav-groups{display:grid;gap:7px;width:100%;margin-top:8px;padding-top:10px;border-top:1px solid var(--border)}.mobile-nav-group{border:1px solid var(--border);border-radius:10px;background:var(--bg-secondary);overflow:hidden}.mobile-nav-group summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:var(--text);font-size:13px;font-weight:800;cursor:pointer;list-style:none}.mobile-nav-group summary::-webkit-details-marker{display:none}.mobile-nav-group summary:after{content:"+";color:var(--secondary);font-size:18px}.mobile-nav-group[open] summary:after{content:"−"}.mobile-nav-group summary span{margin-left:auto;color:var(--muted);font-size:9px;font-weight:600}.main-nav .mobile-nav-group a{display:block;width:100%;padding:11px 14px 11px 22px;border-top:1px solid rgba(var(--border-rgb),.7);border-radius:0;color:var(--muted);font-size:13px;font-weight:600}.main-nav .mobile-nav-group a.active,.main-nav .mobile-nav-group a:hover{color:var(--text);background:rgba(var(--text-rgb),.04)}.mobile-member-link{display:none!important}}
@media(max-width:760px){.quality-audit-card{grid-template-columns:1fr}.quality-audit-actions{grid-template-columns:1fr 1fr}.quality-audit-actions>strong,.quality-audit-actions form{grid-column:1/-1}.quality-audit-actions form{grid-template-columns:repeat(2,minmax(0,1fr))}}



/* v1.9.10.2 positioning correction */
.mobile-search-link{display:none}.nav-mega-menu{left:50%;right:auto;transform:translateX(-50%)}.nav-mega-menu:before{left:50%;right:auto;transform:translateX(-50%) rotate(45deg)}@media(max-width:1100px){.main-nav>.mobile-search-link{display:block;width:100%;padding:13px 14px;border:1px solid transparent;border-radius:9px;font-size:14px}}

/* ================================================================
   TechOpsBase v1.9.10.3 — header search and mega-menu polish
   ================================================================ */
@media (min-width: 1101px) {
    .header-inner {
        gap: 16px;
    }

    .main-nav {
        gap: 5px;
    }

    .nav-more-toggle {
        min-height: 42px;
        padding: 0 13px;
        border: 1px solid rgba(var(--border-rgb), .82);
        background: #0b1a2b;
        background: color-mix(in srgb, var(--bg-secondary) 91%, var(--secondary) 9%);
        box-shadow: inset 0 1px 0 rgba(var(--text-rgb), .025);
    }

    .nav-more-toggle:hover,
    .nav-more-toggle:focus-visible,
    .nav-more-toggle[aria-expanded="true"] {
        border-color: rgba(var(--secondary-rgb), .48);
        background: #10243a;
        background: color-mix(in srgb, var(--bg-card) 86%, var(--secondary) 14%);
        box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), .07);
    }

    .header-actions {
        gap: 10px;
        margin-left: 3px;
        padding-left: 12px;
        border-left: 1px solid rgba(var(--border-rgb), .76);
    }

    .header-search-button {
        display: inline-grid;
        width: 42px;
        min-width: 42px;
        height: 42px;
        padding: 0;
        place-items: center;
        border: 1px solid rgba(var(--border-rgb), .86);
        border-radius: 10px;
        background: #0b1a2b;
        background: color-mix(in srgb, var(--bg-secondary) 92%, var(--secondary) 8%);
        color: var(--text-soft);
        box-shadow: inset 0 1px 0 rgba(var(--text-rgb), .025);
    }

    .header-search-button:hover,
    .header-search-button:focus-visible {
        border-color: rgba(var(--secondary-rgb), .58);
        background: #10243a;
        background: color-mix(in srgb, var(--bg-card) 84%, var(--secondary) 16%);
        color: var(--secondary);
        box-shadow: 0 0 0 3px rgba(var(--secondary-rgb), .08);
    }

    .header-search-button svg {
        width: 19px;
        height: 19px;
    }

    .nav-mega-menu {
        width: min(890px, calc(100vw - 40px));
        max-height: min(74vh, 720px);
        padding: 18px;
        overflow-y: auto;
        overscroll-behavior: contain;
        border: 1px solid rgba(90, 130, 165, .31);
        background: #0c1c2e;
        background: color-mix(in srgb, var(--bg-secondary) 88%, var(--secondary) 12%);
        box-shadow: 0 28px 78px rgba(var(--shadow-rgb), .5);
    }

    .nav-mega-menu::before {
        background: #0c1c2e;
        background: color-mix(in srgb, var(--bg-secondary) 88%, var(--secondary) 12%);
        border-color: rgba(90, 130, 165, .31);
    }

    .nav-mega-grid {
        gap: 14px;
    }

    .nav-mega-group {
        padding: 12px;
        border-color: rgba(76, 111, 145, .48);
        border-radius: 13px;
        background: #10243a;
        background: color-mix(in srgb, var(--bg-card) 88%, var(--secondary) 12%);
        box-shadow: inset 0 1px 0 rgba(var(--text-rgb), .02);
    }

    .nav-mega-heading {
        padding: 5px 9px 11px;
        letter-spacing: 1.35px;
    }

    .nav-mega-menu .nav-mega-group a {
        min-height: 62px;
        padding: 11px 12px;
        border: 1px solid transparent;
        transition: background-color .16s ease, border-color .16s ease, transform .16s ease;
    }

    .nav-mega-menu .nav-mega-group a:hover,
    .nav-mega-menu .nav-mega-group a.active {
        border-color: rgba(var(--secondary-rgb), .22);
        background: #16324d;
        background: color-mix(in srgb, var(--bg-card) 74%, var(--secondary) 26%);
        transform: translateY(-1px);
    }

    .nav-mega-menu .nav-mega-group strong {
        font-size: 12px;
        line-height: 1.25;
    }

    .nav-mega-menu .nav-mega-group small {
        margin-top: 3px;
        font-size: 8.5px;
        line-height: 1.38;
    }

    .nav-mega-utility {
        display: none;
    }

    .header-profile-menu {
        position: relative;
        flex: 0 0 auto;
    }

    .header-profile-toggle {
        display: inline-flex;
        min-height: 42px;
        align-items: center;
        gap: 8px;
        padding: 0 11px 0 8px;
        border: 1px solid rgba(var(--border-rgb), .86);
        border-radius: 10px;
        background: #0b1a2b;
        background: color-mix(in srgb, var(--bg-secondary) 92%, var(--primary) 8%);
        color: var(--text);
        font-size: 13px;
        font-weight: 800;
        cursor: pointer;
    }

    .header-profile-toggle:hover,
    .header-profile-toggle:focus-visible,
    .header-profile-toggle[aria-expanded="true"] {
        border-color: rgba(var(--primary-rgb), .5);
        background: color-mix(in srgb, var(--bg-card) 86%, var(--primary) 14%);
        box-shadow: 0 0 0 3px rgba(var(--primary-rgb), .07);
    }

    .header-profile-toggle > svg {
        width: 14px;
        height: 14px;
        fill: none;
        stroke: currentColor;
        stroke-width: 1.8;
        stroke-linecap: round;
        stroke-linejoin: round;
        transition: transform .18s ease;
    }

    .header-profile-toggle[aria-expanded="true"] > svg {
        transform: rotate(180deg);
    }

    .header-profile-dropdown[hidden] {
        display: none;
    }

    .header-profile-dropdown {
        position: absolute;
        z-index: 225;
        top: calc(100% + 12px);
        right: 0;
        width: 310px;
        padding: 12px;
        border: 1px solid rgba(90, 130, 165, .31);
        border-radius: 14px;
        background: #0c1c2e;
        background: color-mix(in srgb, var(--bg-secondary) 89%, var(--primary) 11%);
        box-shadow: 0 26px 70px rgba(var(--shadow-rgb), .5);
        backdrop-filter: blur(18px);
    }

    .header-profile-dropdown::before {
        position: absolute;
        top: -6px;
        right: 24px;
        width: 11px;
        height: 11px;
        content: "";
        transform: rotate(45deg);
        border-top: 1px solid rgba(90, 130, 165, .31);
        border-left: 1px solid rgba(90, 130, 165, .31);
        background: inherit;
    }

    .header-profile-summary {
        display: grid;
        grid-template-columns: 38px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
        margin-bottom: 9px;
        padding: 8px 8px 12px;
        border-bottom: 1px solid rgba(var(--border-rgb), .72);
    }

    .header-profile-summary-avatar {
        width: 38px;
        height: 38px;
    }

    .header-profile-summary strong,
    .header-profile-summary small {
        display: block;
    }

    .header-profile-summary strong {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        font-size: 13px;
    }

    .header-profile-summary small {
        margin-top: 2px;
        color: var(--muted);
        font-size: 9px;
        text-transform: capitalize;
    }

    .header-profile-dropdown nav {
        display: grid;
        gap: 3px;
    }

    .header-profile-dropdown nav a {
        display: block;
        padding: 9px 10px;
        border: 1px solid transparent;
        border-radius: 9px;
    }

    .header-profile-dropdown nav a:hover,
    .header-profile-dropdown nav a:focus-visible {
        border-color: rgba(var(--secondary-rgb), .19);
        background: #16324d;
        background: color-mix(in srgb, var(--bg-card) 77%, var(--secondary) 23%);
    }

    .header-profile-dropdown nav strong,
    .header-profile-dropdown nav small {
        display: block;
    }

    .header-profile-dropdown nav strong {
        font-size: 11px;
    }

    .header-profile-dropdown nav small {
        margin-top: 1px;
        color: var(--muted);
        font-size: 8.5px;
    }

    .header-profile-dropdown .header-profile-admin strong {
        color: var(--primary);
    }

    .header-profile-signout {
        margin-top: 9px;
        padding-top: 9px;
        border-top: 1px solid rgba(var(--border-rgb), .72);
    }

    .header-profile-signout button {
        display: flex;
        width: 100%;
        min-height: 38px;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        border: 1px solid transparent;
        border-radius: 9px;
        background: transparent;
        color: var(--muted);
        font-size: 11px;
        font-weight: 800;
        cursor: pointer;
    }

    .header-profile-signout button:hover,
    .header-profile-signout button:focus-visible {
        border-color: rgba(239, 68, 68, .28);
        background: rgba(239, 68, 68, .07);
        color: #fca5a5;
    }
}

@media (max-width: 1260px) and (min-width: 1101px) {
    .nav-mega-menu {
        width: min(820px, calc(100vw - 34px));
    }

    .header-profile-toggle {
        width: 42px;
        min-width: 42px;
        padding: 0;
        justify-content: center;
    }

    .header-profile-toggle .member-label,
    .header-profile-toggle > svg {
        display: none;
    }
}

@media (max-height: 720px) and (min-width: 1101px) {
    .nav-mega-menu {
        max-height: calc(100vh - 98px);
        padding: 14px;
    }

    .nav-mega-group {
        padding: 9px;
    }

    .nav-mega-menu .nav-mega-group a {
        min-height: 55px;
        padding-block: 8px;
    }
}



/* ==========================================================================\n   v1.9.10.4 — Aircraft Family Hub\n   ========================================================================== */
.aircraft-hub-hero {
    position: relative;
    min-height: 570px;
    overflow: hidden;
    border-bottom: 1px solid rgba(var(--secondary-rgb), .18);
    background: linear-gradient(135deg, #071425, #0d2134);
}
.aircraft-hub-hero-media,
.aircraft-hub-hero-overlay { position: absolute; inset: 0; }
.aircraft-hub-hero-media img { width: 100%; height: 100%; object-fit: cover; }
.aircraft-hub-hero-overlay {
    background:
        linear-gradient(90deg, rgba(3,12,22,var(--aircraft-gradient,.82)) 0%, rgba(3,12,22,.73) 43%, rgba(3,12,22,.28) 72%, rgba(3,12,22,.46) 100%),
        linear-gradient(0deg, rgba(3,12,22,.92), transparent 55%);
}
.aircraft-hub-hero .container { position: relative; z-index: 2; padding-top: 64px; padding-bottom: 54px; }
.aircraft-hub-hero-grid { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(330px,.62fr); gap: 48px; align-items: end; }
.aircraft-hub-hero-copy { max-width: 830px; }
.aircraft-hub-hero-copy h1 { margin: 12px 0 16px; font-size: clamp(4rem,8.2vw,8.2rem); line-height: .84; letter-spacing: -.065em; }
.aircraft-hub-hero-copy > p { max-width: 780px; color: #c2d0df; font-size: clamp(1rem,1.6vw,1.28rem); line-height: 1.65; }
.aircraft-hub-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.aircraft-hub-hero-actions form { display: contents; }
.aircraft-hub-hero-actions .button { min-width: 180px; }
.aircraft-hub-hero-credit { position: absolute; right: 28px; bottom: 18px; z-index: 3; max-width: 440px; color: rgba(235,244,252,.7); font-size: .7rem; text-align: right; }
.aircraft-hub-hero-credit a { color: inherit; text-decoration: underline; text-underline-offset: 3px; }
.aircraft-hub-identity-panel { padding: 22px; border: 1px solid rgba(151,193,225,.25); border-radius: 22px; background: rgba(8,24,39,.74); box-shadow: 0 28px 72px rgba(0,0,0,.28); backdrop-filter: blur(16px); }
.aircraft-hub-identity-panel dl { display: grid; grid-template-columns: 1fr 1fr; margin: 0; }
.aircraft-hub-identity-panel dl div { min-height: 92px; padding: 16px; border-bottom: 1px solid rgba(151,193,225,.14); }
.aircraft-hub-identity-panel dl div:nth-child(odd) { border-right: 1px solid rgba(151,193,225,.14); }
.aircraft-hub-identity-panel dl div:nth-last-child(-n+2) { border-bottom: 0; }
.aircraft-hub-identity-panel dt { color: #8eb4d4; font-size: .67rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.aircraft-hub-identity-panel dd { margin: 8px 0 0; color: #fff; font-size: 1rem; font-weight: 800; }
.aircraft-hub-manufacturer { display: flex; align-items: center; gap: 10px; }
.aircraft-hub-nav { position: sticky; top: 57px; z-index: 12; overflow-x: auto; background: rgba(6,18,30,.94); border-bottom: 1px solid rgba(var(--border-rgb),.8); backdrop-filter: blur(15px); scrollbar-width: none; }
.aircraft-hub-nav::-webkit-scrollbar { display:none; }
.aircraft-hub-nav .container { display: flex; gap: 6px; min-width: max-content; padding-top: 9px; padding-bottom: 9px; }
.aircraft-hub-nav a { padding: 8px 11px; border: 1px solid transparent; border-radius: 999px; color: var(--muted); font-size: .72rem; font-weight: 800; }
.aircraft-hub-nav a:hover { border-color: rgba(var(--secondary-rgb),.3); background: rgba(var(--secondary-rgb),.08); color: var(--secondary); }
.aircraft-hub-section { scroll-margin-top: 126px; }
.aircraft-hub-section:nth-of-type(even) { background: rgba(var(--text-rgb),.018); }
.aircraft-hub-facts-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 14px; }
.aircraft-hub-fact { display: flex; flex-direction: column; min-height: 190px; padding: 21px; border: 1px solid var(--border); border-radius: 18px; background: linear-gradient(180deg,rgba(20,43,65,.92),rgba(12,29,46,.96)); }
.aircraft-hub-fact .fact-icon { display: grid; place-items:center; width: 38px; height: 38px; margin-bottom: 24px; border-radius: 11px; background: rgba(var(--secondary-rgb),.12); color: var(--secondary); font: 800 .72rem "JetBrains Mono",monospace; }
.aircraft-hub-fact small { color: #8eb4d4; font-size: .66rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.aircraft-hub-fact strong { margin: 8px 0; color: #fff; font-size: clamp(1.35rem,2.5vw,2rem); line-height: 1.05; }
.aircraft-hub-fact p { margin: auto 0 0; color: var(--muted); font-size: .78rem; line-height: 1.55; }
.aircraft-hub-fact footer { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(var(--border-rgb),.72); color: #80aac9; font-size: .65rem; }
.aircraft-hub-fact footer a { color: var(--secondary); }
.aircraft-hub-overview-grid { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(290px,.55fr); gap:28px; align-items:start; }
.aircraft-hub-prose { padding: 28px; border: 1px solid var(--border); border-radius: 20px; background: var(--bg-card); color: var(--text-soft); font-size: 1rem; line-height: 1.85; }
.aircraft-hub-prose p:first-child { margin-top:0; }
.aircraft-hub-prose p:last-child { margin-bottom:0; }
.aircraft-hub-highlight { padding: 24px; border: 1px solid rgba(var(--primary-rgb),.32); border-radius: 20px; background: linear-gradient(155deg,rgba(var(--primary-rgb),.1),rgba(var(--secondary-rgb),.045)); }
.aircraft-hub-highlight strong { display:block; margin-bottom:10px; color:var(--primary); font-size:1.15rem; }
.aircraft-hub-highlight p { color:var(--muted); line-height:1.7; }
.aircraft-hub-content-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.aircraft-hub-resource-card { position:relative; display:flex; flex-direction:column; min-height:270px; padding:22px; overflow:hidden; border:1px solid var(--border); border-radius:18px; background:linear-gradient(180deg,#142941,#0e2033); color:inherit; transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.aircraft-hub-resource-card:hover,.aircraft-hub-resource-card:focus-visible { transform:translateY(-4px); border-color:rgba(var(--secondary-rgb),.55); box-shadow:0 20px 52px rgba(0,0,0,.22); }
.aircraft-hub-resource-card header,.aircraft-hub-video-card .video-card-labels { display:flex; justify-content:space-between; gap:8px; color:#80aac9; font:700 .68rem "JetBrains Mono",monospace; }
.aircraft-hub-resource-card header span:first-child { color:var(--secondary); }
.aircraft-hub-resource-card h3 { margin:26px 0 12px; font-size:1.2rem; line-height:1.35; }
.aircraft-hub-resource-card p { color:var(--muted); line-height:1.6; }
.aircraft-hub-resource-card footer { display:flex; justify-content:space-between; gap:12px; margin-top:auto; padding-top:18px; border-top:1px solid var(--border); color:#8eb4d4; font-size:.72rem; }
.aircraft-hub-resource-card .open-arrow { color:var(--primary); font-weight:900; }
.aircraft-hub-video-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.aircraft-hub-video-card { overflow:hidden; border:1px solid var(--border); border-radius:19px; background:var(--bg-card); }
.aircraft-hub-video-thumb { position:relative; display:block; aspect-ratio:16/9; overflow:hidden; background:#06111a; }
.aircraft-hub-video-thumb img { width:100%; height:100%; object-fit:cover; transition:transform .25s ease; }
.aircraft-hub-video-card:hover .aircraft-hub-video-thumb img { transform:scale(1.035); }
.aircraft-hub-video-thumb .play { position:absolute; inset:50% auto auto 50%; display:grid; place-items:center; width:54px; height:54px; transform:translate(-50%,-50%); border-radius:50%; border:1px solid rgba(255,255,255,.42); background:rgba(3,14,24,.78); color:#fff; }
.aircraft-hub-video-thumb .duration { position:absolute; right:10px; bottom:10px; padding:5px 7px; border-radius:6px; background:rgba(0,0,0,.78); color:#fff; font-size:.68rem; font-weight:800; }
.aircraft-hub-video-body { padding:19px; }
.aircraft-hub-video-body h3 { margin:12px 0 9px; font-size:1.08rem; line-height:1.4; }
.aircraft-hub-video-body p { color:var(--muted); font-size:.84rem; line-height:1.55; }
.aircraft-hub-video-body footer { display:flex; justify-content:space-between; gap:10px; margin-top:15px; padding-top:13px; border-top:1px solid var(--border); color:#8eb4d4; font-size:.72rem; }
.aircraft-hub-path-grid { display:grid; grid-template-columns:minmax(0,1.2fr) repeat(2,minmax(240px,.55fr)); gap:16px; }
.aircraft-hub-path-card { display:flex; flex-direction:column; min-height:260px; padding:23px; border:1px solid var(--border); border-radius:19px; background:linear-gradient(155deg,rgba(var(--secondary-rgb),.10),var(--bg-card)); color:inherit; }
.aircraft-hub-path-card.featured { min-height:310px; border-color:rgba(var(--primary-rgb),.45); background:linear-gradient(145deg,rgba(var(--primary-rgb),.15),rgba(var(--secondary-rgb),.08),var(--bg-card)); }
.aircraft-hub-path-card h3 { margin:18px 0 10px; font-size:1.35rem; }
.aircraft-hub-path-card p { color:var(--muted); line-height:1.6; }
.aircraft-hub-path-card footer { margin-top:auto; padding-top:16px; color:var(--primary); font-weight:800; }
.aircraft-hub-question-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }
.aircraft-hub-question-list a { display:block; padding:20px; border:1px solid var(--border); border-radius:15px; background:rgba(var(--text-rgb),.025); color:inherit; }
.aircraft-hub-question-list a:hover { border-color:rgba(var(--secondary-rgb),.5); }
.aircraft-hub-question-list h3 { margin:10px 0 8px; font-size:1rem; }
.aircraft-hub-question-list p { margin:0; color:var(--muted); font-size:.76rem; }
.aircraft-hub-creator-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; }
.aircraft-hub-creator-card { display:flex; align-items:center; gap:14px; min-height:115px; padding:16px; border:1px solid var(--border); border-radius:16px; background:var(--bg-card); color:inherit; }
.aircraft-hub-creator-card img,.aircraft-hub-creator-card .creator-initials { width:54px; height:54px; flex:0 0 54px; border-radius:50%; object-fit:cover; }
.aircraft-hub-creator-card .creator-initials { display:grid; place-items:center; background:rgba(var(--secondary-rgb),.14); color:var(--secondary); font-weight:900; }
.aircraft-hub-creator-card strong,.aircraft-hub-creator-card small { display:block; }
.aircraft-hub-creator-card small { margin-top:5px; color:var(--muted); }
.aircraft-hub-safety { display:grid; grid-template-columns:1fr auto; gap:26px; align-items:center; padding:28px; border:1px solid rgba(255,166,0,.38); border-radius:20px; background:linear-gradient(135deg,rgba(255,166,0,.09),rgba(var(--secondary-rgb),.035)); }
.aircraft-hub-safety h2 { margin:5px 0 10px; }
.aircraft-hub-safety p { max-width:900px; color:var(--muted); }
.aircraft-hub-empty { padding:28px; border:1px dashed rgba(var(--border-rgb),.9); border-radius:18px; color:var(--muted); text-align:center; }

/* Admin presentation editor */
.aircraft-hub-admin-layout { display:grid; grid-template-columns:minmax(420px,.86fr) minmax(520px,1.14fr); gap:22px; align-items:start; }
.aircraft-hub-admin-panel { padding:24px; border:1px solid var(--border); border-radius:18px; background:var(--bg-card); }
.aircraft-hub-admin-panel + .aircraft-hub-admin-panel { margin-top:18px; }
.aircraft-banner-admin-preview { position:relative; min-height:230px; overflow:hidden; margin-bottom:20px; border:1px solid var(--border); border-radius:16px; background:linear-gradient(135deg,#071425,#17344e); }
.aircraft-banner-admin-preview img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; opacity:.72; }
.aircraft-banner-admin-preview div { position:absolute; inset:auto 18px 16px; z-index:1; }
.aircraft-banner-admin-preview strong { display:block; color:#fff; font-size:1.4rem; }
.aircraft-banner-admin-preview small { color:#c2d0df; }
.aircraft-fact-admin-list { display:grid; gap:10px; }
.aircraft-fact-admin-row { display:grid; grid-template-columns:minmax(0,1fr) auto; gap:14px; align-items:center; padding:14px; border:1px solid var(--border); border-radius:12px; background:rgba(var(--text-rgb),.025); }
.aircraft-fact-admin-row strong,.aircraft-fact-admin-row small { display:block; }
.aircraft-fact-admin-row small { margin-top:4px; color:var(--muted); }
.aircraft-section-admin-grid { display:grid; gap:9px; }
.aircraft-section-admin-row { display:grid; grid-template-columns:auto minmax(0,1fr) 100px; gap:12px; align-items:center; padding:11px 13px; border:1px solid var(--border); border-radius:11px; }
.aircraft-section-admin-row input[type=checkbox] { width:18px; min-height:18px; }
.aircraft-hub-admin-selector { display:flex; gap:10px; align-items:end; margin-bottom:20px; }
.aircraft-hub-admin-selector label { flex:1; }

@media (max-width:1100px) {
    .aircraft-hub-hero-grid,.aircraft-hub-overview-grid,.aircraft-hub-admin-layout { grid-template-columns:1fr; }
    .aircraft-hub-identity-panel { max-width:650px; }
    .aircraft-hub-facts-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .aircraft-hub-content-grid,.aircraft-hub-video-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
    .aircraft-hub-path-grid { grid-template-columns:1fr 1fr; }
    .aircraft-hub-path-card.featured { grid-column:1/-1; }
    .aircraft-hub-creator-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:760px) {
    .aircraft-hub-hero { min-height:650px; }
    .aircraft-hub-hero .container { padding-top:36px; padding-bottom:42px; }
    .aircraft-hub-hero-grid { gap:28px; }
    .aircraft-hub-hero-copy h1 { font-size:clamp(4rem,21vw,6.5rem); }
    .aircraft-hub-hero-overlay { background:linear-gradient(90deg,rgba(3,12,22,.92),rgba(3,12,22,.58)),linear-gradient(0deg,rgba(3,12,22,.94),transparent 45%); }
    .aircraft-hub-hero-credit { position:relative; right:auto; bottom:auto; margin:0 20px 16px; text-align:left; }
    .aircraft-hub-nav { top:56px; }
    .aircraft-hub-facts-grid,.aircraft-hub-content-grid,.aircraft-hub-video-grid,.aircraft-hub-path-grid,.aircraft-hub-question-list,.aircraft-hub-creator-grid { grid-template-columns:1fr; }
    .aircraft-hub-path-card.featured { grid-column:auto; }
    .aircraft-hub-identity-panel dl { grid-template-columns:1fr 1fr; }
    .aircraft-hub-safety { grid-template-columns:1fr; }
    .aircraft-hub-admin-selector { align-items:stretch; flex-direction:column; }
    .aircraft-section-admin-row { grid-template-columns:auto 1fr 80px; }
}


/* ================================================================
   TechOpsBase v1.9.10.3.1 — isolated mobile navigation repair
   Desktop mega-menu rules remain unchanged above 1100px.
   ================================================================ */
@media (max-width: 1100px) {
    .site-header {
        position: sticky;
        top: 0;
        z-index: 240;
    }

    .main-nav,
    .main-nav.open {
        justify-content: flex-start !important;
        align-content: flex-start !important;
    }

    .main-nav.open {
        display: flex !important;
        visibility: visible !important;
        pointer-events: auto !important;
        opacity: 1 !important;
    }

    .main-nav > a,
    .mobile-nav-groups,
    .mobile-nav-group,
    .mobile-nav-group summary,
    .mobile-nav-group a {
        flex: 0 0 auto;
    }

    .main-nav > a {
        color: var(--text) !important;
    }

    .mobile-nav-groups {
        display: grid !important;
    }

    .nav-more,
    .nav-mega-menu {
        display: none !important;
    }

    .nav-backdrop {
        z-index: 225 !important;
    }

    body.nav-open {
        overflow: hidden !important;
        touch-action: none;
    }
}

@media (max-width: 760px) {
    .header-inner {
        min-height: 70px !important;
    }

    .main-nav {
        position: fixed !important;
        z-index: 235 !important;
        top: 70px !important;
        right: 0 !important;
        bottom: auto !important;
        left: 0 !important;
        width: 100% !important;
        max-width: none !important;
        height: calc(100vh - 70px) !important;
        height: calc(100dvh - 70px) !important;
        max-height: calc(100vh - 70px) !important;
        max-height: calc(100dvh - 70px) !important;
        margin: 0 !important;
        padding: 18px 18px calc(32px + env(safe-area-inset-bottom)) !important;
        overflow-x: hidden !important;
        overflow-y: auto !important;
        overscroll-behavior: contain !important;
        -webkit-overflow-scrolling: touch;
        border: 0 !important;
        border-radius: 0 !important;
        background: #071425 !important;
        box-shadow: none !important;
        transform: translateX(105%) !important;
    }

    .main-nav.open {
        transform: translateX(0) !important;
    }

    .main-nav > a,
    .main-nav > .mobile-search-link {
        display: block !important;
        width: 100% !important;
        min-height: 48px;
        padding: 13px 14px !important;
        border: 1px solid rgba(var(--border-rgb), .72) !important;
        border-radius: 10px !important;
        background: rgba(var(--bg-secondary-rgb), .55) !important;
        color: var(--text) !important;
        font-size: 14px !important;
    }

    .main-nav > a.active,
    .main-nav > a:hover,
    .main-nav > a:focus-visible {
        border-color: rgba(var(--secondary-rgb), .45) !important;
        background: rgba(var(--secondary-rgb), .09) !important;
    }

    .mobile-nav-groups {
        width: 100% !important;
        margin: 8px 0 0 !important;
        padding: 12px 0 0 !important;
        gap: 10px !important;
    }

    .mobile-nav-group {
        width: 100% !important;
        border-color: rgba(var(--border-rgb), .82) !important;
        background: #0c1c2e !important;
    }

    .mobile-nav-group summary {
        min-height: 50px;
        color: var(--text) !important;
    }

    .main-nav .mobile-nav-group a {
        color: var(--text-soft) !important;
        background: #0a1828 !important;
    }

    .main-nav .mobile-nav-group a:hover,
    .main-nav .mobile-nav-group a:focus-visible,
    .main-nav .mobile-nav-group a.active {
        color: var(--text) !important;
        background: #10243a !important;
    }

    .nav-toggle {
        position: relative !important;
        z-index: 245 !important;
    }

    .nav-backdrop {
        position: fixed !important;
        z-index: 225 !important;
        inset: 70px 0 0 !important;
        background: rgba(2, 6, 13, .72) !important;
    }
}


/* ================================================================
   TechOpsBase v1.9.10.4.1 — aircraft hub mobile repair
   Strictly scoped to phone/tablet widths. Desktop remains unchanged.
   ================================================================ */
@media (max-width: 760px) {
    html,
    body {
        max-width: 100%;
        overflow-x: hidden;
    }

    .aircraft-hub-hero {
        min-height: 0 !important;
        overflow: hidden;
        background: #071425;
    }

    .aircraft-hub-hero-media {
        position: relative !important;
        inset: auto !important;
        width: 100%;
        height: clamp(240px, 62vw, 360px);
        overflow: hidden;
        background: #08192a;
    }

    .aircraft-hub-hero-media img {
        display: block;
        width: 100% !important;
        height: 100% !important;
        max-width: none !important;
        object-fit: cover !important;
    }

    .aircraft-hub-hero-overlay {
        position: absolute;
        inset: 0;
        height: clamp(240px, 62vw, 360px);
        pointer-events: none;
        background:
            linear-gradient(180deg, rgba(3,12,22,.08) 5%, rgba(3,12,22,.35) 65%, #071425 100%) !important;
    }

    .aircraft-hub-hero .container {
        padding-top: 24px !important;
        padding-bottom: 28px !important;
    }

    .aircraft-hub-hero .breadcrumb {
        display: flex;
        flex-wrap: wrap;
        gap: 7px;
        margin-bottom: 22px;
        font-size: .78rem;
    }

    .aircraft-hub-hero-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 22px !important;
        align-items: stretch !important;
    }

    .aircraft-hub-hero-copy,
    .aircraft-hub-identity-panel {
        min-width: 0;
        max-width: none;
    }

    .aircraft-hub-hero-copy h1 {
        margin: 10px 0 14px;
        font-size: clamp(3rem, 15vw, 4.8rem) !important;
        line-height: .94 !important;
        letter-spacing: -.05em;
        overflow-wrap: anywhere;
    }

    .aircraft-hub-hero-copy > p {
        margin: 0;
        font-size: 1.06rem !important;
        line-height: 1.6;
    }

    .aircraft-hub-hero-actions {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 22px;
    }

    .aircraft-hub-hero-actions form {
        display: block !important;
        width: 100%;
    }

    .aircraft-hub-hero-actions .button,
    .aircraft-hub-hero-actions form .button {
        display: flex;
        width: 100%;
        min-width: 0 !important;
        min-height: 52px;
        justify-content: center;
        align-items: center;
        white-space: normal;
        text-align: center;
    }

    .aircraft-hub-identity-panel {
        padding: 12px !important;
        border-radius: 18px;
        background: #10243a !important;
        box-shadow: none;
        backdrop-filter: none;
    }

    .aircraft-hub-identity-panel dl {
        display: grid !important;
        grid-template-columns: 1fr 1fr !important;
        gap: 0;
        width: 100%;
    }

    .aircraft-hub-identity-panel dl div {
        min-width: 0;
        min-height: 88px;
        padding: 14px !important;
    }

    .aircraft-hub-identity-panel dt,
    .aircraft-hub-identity-panel dd {
        display: block;
        overflow-wrap: anywhere;
    }

    .aircraft-hub-manufacturer {
        align-items: center;
        flex-wrap: wrap;
    }

    .aircraft-hub-manufacturer .brand-mark,
    .aircraft-hub-manufacturer img {
        flex: 0 0 auto;
    }

    .aircraft-hub-hero-credit {
        position: relative !important;
        inset: auto !important;
        display: block;
        max-width: none;
        margin: 0;
        padding: 0 20px 18px;
        color: #86a7c3;
        font-size: .72rem;
        line-height: 1.45;
        text-align: left !important;
        overflow-wrap: anywhere;
    }

    .aircraft-hub-nav {
        top: 70px !important;
        width: 100%;
        overflow-x: auto !important;
        overflow-y: hidden !important;
        overscroll-behavior-inline: contain;
        -webkit-overflow-scrolling: touch;
    }

    .aircraft-hub-nav .container {
        display: flex !important;
        width: max-content !important;
        min-width: max-content !important;
        max-width: none !important;
        gap: 8px !important;
        padding: 10px 16px !important;
    }

    .aircraft-hub-nav a {
        display: inline-flex !important;
        flex: 0 0 auto !important;
        align-items: center;
        min-height: 38px;
        padding: 8px 12px !important;
        border: 1px solid rgba(var(--border-rgb), .82);
        background: #0d2134;
        white-space: nowrap !important;
        font-size: .74rem;
    }

    .aircraft-hub-section {
        scroll-margin-top: 128px;
    }

    .aircraft-hub-section .container,
    .aircraft-hub-section .section-heading,
    .aircraft-hub-section .split-heading {
        min-width: 0;
    }

    .aircraft-hub-facts-grid,
    .aircraft-hub-content-grid,
    .aircraft-hub-video-grid,
    .aircraft-hub-path-grid,
    .aircraft-hub-question-list,
    .aircraft-hub-creator-grid,
    .aircraft-hub-overview-grid {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 14px !important;
        width: 100%;
    }

    .aircraft-hub-fact {
        display: flex !important;
        min-width: 0;
        min-height: 0 !important;
        padding: 20px !important;
        border-radius: 16px;
    }

    .aircraft-hub-fact .fact-icon {
        margin-bottom: 16px !important;
    }

    .aircraft-hub-fact small {
        display: block;
        margin: 0 0 7px;
        overflow-wrap: anywhere;
    }

    .aircraft-hub-fact strong {
        display: block;
        margin: 0 0 12px !important;
        font-size: clamp(1.45rem, 7vw, 2rem) !important;
        line-height: 1.12 !important;
        overflow-wrap: anywhere;
        word-break: normal;
    }

    .aircraft-hub-fact p {
        margin: 0 !important;
        font-size: .92rem !important;
        line-height: 1.65 !important;
        overflow-wrap: anywhere;
    }

    .aircraft-hub-fact footer {
        display: block;
        margin-top: 16px;
        line-height: 1.55;
        overflow-wrap: anywhere;
    }

    .aircraft-hub-prose,
    .aircraft-hub-highlight,
    .aircraft-hub-resource-card,
    .aircraft-hub-path-card,
    .aircraft-hub-question-list a,
    .aircraft-hub-safety {
        min-width: 0;
        padding: 20px !important;
    }

    .aircraft-hub-resource-card,
    .aircraft-hub-path-card,
    .aircraft-hub-path-card.featured {
        min-height: 0 !important;
    }

    .aircraft-hub-resource-card header,
    .aircraft-hub-resource-card footer,
    .aircraft-hub-video-body footer {
        flex-wrap: wrap;
    }

    .aircraft-hub-resource-card h3,
    .aircraft-hub-video-body h3,
    .aircraft-hub-path-card h3,
    .aircraft-hub-question-list h3 {
        overflow-wrap: anywhere;
    }

    .aircraft-hub-video-card {
        min-width: 0;
    }

    .aircraft-hub-video-thumb {
        aspect-ratio: 16 / 9;
    }

    .aircraft-hub-creator-card {
        min-width: 0;
    }

    .aircraft-hub-safety {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        gap: 18px !important;
    }
}

@media (max-width: 390px) {
    .aircraft-hub-identity-panel dl {
        grid-template-columns: 1fr !important;
    }

    .aircraft-hub-identity-panel dl div,
    .aircraft-hub-identity-panel dl div:nth-child(odd),
    .aircraft-hub-identity-panel dl div:nth-last-child(-n+2) {
        min-height: 0;
        border-right: 0;
        border-bottom: 1px solid rgba(151,193,225,.14);
    }

    .aircraft-hub-identity-panel dl div:last-child {
        border-bottom: 0;
    }
}


/* ================================================================
   TechOpsBase v2.0.0 — Community Launch homepage
   ================================================================ */
.home-v2{overflow:hidden;background:var(--bg)}
.home-v2-hero{position:relative;min-height:650px;display:grid;align-items:center;isolation:isolate}
.home-v2-hero-media,.home-v2-hero-shade{position:absolute;inset:0}
.home-v2-hero-media img{width:100%;height:100%;object-fit:cover}
.home-v2-hero-shade{background:linear-gradient(90deg,rgba(3,12,22,.98) 0%,rgba(3,12,22,.88) 46%,rgba(3,12,22,.36) 100%),linear-gradient(0deg,var(--bg),transparent 30%);z-index:1}
.home-v2-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.4fr) minmax(280px,.6fr);gap:60px;align-items:center;padding-top:110px;padding-bottom:90px}
.home-v2-kicker,.home-v2-heading span,.home-v2-spotlights article>span,.home-v2-challenge span,.home-v2-creator span{color:var(--secondary);font-weight:800;letter-spacing:.14em;font-size:.76rem}
.home-v2-hero h1{max-width:900px;font-size:clamp(3.5rem,7vw,7.2rem);line-height:.91;letter-spacing:-.055em;margin:18px 0 24px}
.home-v2-hero p{max-width:760px;color:var(--text-soft);font-size:1.18rem;line-height:1.7}
.home-v2-search{display:grid;grid-template-columns:1fr auto;max-width:760px;margin:30px 0 18px;padding:7px;border:1px solid rgba(var(--secondary-rgb),.3);background:rgba(7,20,37,.84);border-radius:16px;box-shadow:0 20px 60px rgba(0,0,0,.28)}
.home-v2-search input{min-width:0;border:0;background:transparent;padding:15px 17px;color:var(--text);font-size:1rem}
.home-v2-search button{border:0;border-radius:11px;padding:0 24px;background:var(--secondary);color:#04111c;font-weight:800}
.home-v2-actions{display:flex;flex-wrap:wrap;gap:10px}
.home-v2-now{display:grid;gap:12px;padding:28px;border:1px solid rgba(130,180,215,.25);border-radius:24px;background:rgba(8,25,42,.78);backdrop-filter:blur(14px)}
.home-v2-now span{font-size:.74rem;letter-spacing:.14em;color:var(--secondary)}
.home-v2-now strong{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:1.35rem}.home-v2-now small{color:var(--text-soft);line-height:1.6}
.home-v2-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.home-v2-heading h2{margin:8px 0 0;font-size:clamp(2rem,4vw,3.5rem)}
.home-v2-heading a,.home-v2-spotlights a,.home-v2-creator a{color:var(--secondary);font-weight:800}
.home-v2-feed-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.home-v2-feed-card{display:flex;min-height:170px;flex-direction:column;justify-content:space-between;padding:20px;border:1px solid var(--border);border-radius:18px;background:var(--surface);color:var(--text);transition:.2s}
.home-v2-feed-card:hover{transform:translateY(-4px);border-color:rgba(var(--secondary-rgb),.5)}.home-v2-feed-card small{color:var(--secondary)}.home-v2-feed-card strong{font-size:1.1rem;line-height:1.4}.home-v2-feed-card b{font-size:.82rem}
.home-v2-spot-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}
.home-v2-spotlights article{min-height:360px;padding:38px;border-radius:28px;border:1px solid var(--border);display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.home-v2-aircraft-spot{background:radial-gradient(circle at 85% 10%,rgba(var(--secondary-rgb),.2),transparent 40%),linear-gradient(135deg,#102a43,#071425)}
.home-v2-ata-spot{background:radial-gradient(circle at 20% 10%,rgba(var(--accent-rgb),.22),transparent 45%),#0d2034}
.home-v2-spotlights h2{font-size:clamp(2.4rem,5vw,5rem);margin:10px 0}.home-v2-spotlights h3{font-size:1.5rem;margin:0 0 12px}.home-v2-spotlights p{max-width:650px;color:var(--text-soft);line-height:1.7}
.home-v2-fun{background:#081728}
.home-v2-fun-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.home-v2-shorts,.home-v2-memes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.home-v2-short-card,.home-v2-meme-card{position:relative;overflow:hidden;border-radius:18px;border:1px solid var(--border);background:var(--surface);color:var(--text);min-width:0}
.home-v2-short-card img,.home-v2-short-placeholder{width:100%;aspect-ratio:9/14;object-fit:cover;background:#0d2134;display:grid;place-items:center;font-size:2rem}
.home-v2-short-card span,.home-v2-short-card strong,.home-v2-short-card small{display:block;padding:0 14px}.home-v2-short-card span{padding-top:13px;color:var(--secondary);text-transform:uppercase;font-size:.68rem}.home-v2-short-card strong{padding-top:7px}.home-v2-short-card small{padding-top:6px;padding-bottom:16px;color:var(--text-soft)}
.home-v2-meme-card img{width:100%;aspect-ratio:1/1;object-fit:cover}.home-v2-meme-card span,.home-v2-meme-card strong{display:block;padding:10px 14px}.home-v2-meme-card strong{padding-top:0;padding-bottom:16px}
.home-v2-coming{grid-column:1/-1;min-height:280px;border:1px dashed rgba(var(--secondary-rgb),.4);border-radius:20px;display:grid;place-items:center;text-align:center;padding:30px}.home-v2-coming b{font-size:1.6rem}.home-v2-coming p{color:var(--text-soft)}
.home-v2-challenge{background:linear-gradient(120deg,#102840,#071425)}.home-v2-challenge-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:45px;align-items:center}.home-v2-challenge h2{font-size:clamp(2.3rem,5vw,4rem)}.home-v2-challenge p{color:var(--text-soft);line-height:1.8}.home-v2-challenge form{display:grid;gap:10px}.home-v2-challenge label{display:flex;gap:12px;padding:14px;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.025)}
.home-v2-learn-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:22px}.home-v2-resource-list,.home-v2-path-list{display:grid;gap:10px}.home-v2-resource-list a,.home-v2-path-list a{display:grid;gap:6px;padding:20px;border:1px solid var(--border);border-radius:16px;background:var(--surface);color:var(--text)}.home-v2-resource-list small,.home-v2-path-list small{color:var(--secondary)}.home-v2-resource-list span,.home-v2-path-list span{color:var(--text-soft)}
.home-v2-creator{background:#091a2c}.home-v2-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.home-v2-creator h2{font-size:clamp(2.5rem,5vw,4.5rem);margin:12px 0}.home-v2-creator p{color:var(--text-soft);line-height:1.8}.home-v2-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.home-v2-stats strong{display:grid;place-items:center;min-height:160px;border:1px solid var(--border);border-radius:20px;background:var(--surface);font-size:2rem}.home-v2-stats small{font-size:.75rem;color:var(--text-soft);text-transform:uppercase}
.home-v2-history-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.home-v2-history-grid article{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.home-v2-history-grid b{font-size:2.4rem;color:var(--secondary)}.home-v2-history-grid p{color:var(--text-soft);line-height:1.65}
.home-v2-meme-wall{columns:4 260px;column-gap:16px}.home-v2-meme-wall article{break-inside:avoid;margin:0 0 16px;border:1px solid var(--border);border-radius:18px;overflow:hidden;background:var(--surface)}.home-v2-meme-wall img{width:100%}.home-v2-meme-wall article div{padding:18px}
@media(max-width:1000px){.home-v2-hero-grid,.home-v2-challenge-grid,.home-v2-creator-grid{grid-template-columns:1fr}.home-v2-now{max-width:560px}.home-v2-feed-grid{grid-template-columns:repeat(2,1fr)}.home-v2-spot-grid,.home-v2-fun-grid,.home-v2-learn-grid{grid-template-columns:1fr}.home-v2-history-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.home-v2-hero{min-height:auto}.home-v2-hero-grid{padding-top:90px;padding-bottom:50px;gap:28px}.home-v2-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.home-v2-search{grid-template-columns:1fr}.home-v2-search button{min-height:48px}.home-v2-actions{display:grid}.home-v2-heading{align-items:start;flex-direction:column}.home-v2-feed-grid,.home-v2-shorts,.home-v2-memes,.home-v2-history-grid,.home-v2-stats{grid-template-columns:1fr}.home-v2-spotlights article{min-height:300px;padding:26px}.home-v2-challenge-grid{gap:25px}.home-v2-meme-wall{columns:1}}

/* TechOpsBase v2.0.1 — Homepage Visual Integration */
.home-v201{background:#061321;color:#f4f8fc;overflow:hidden}.home-v201 .section{padding:88px 0}.v201-hero{position:relative;min-height:720px;display:grid;align-items:center;isolation:isolate}.v201-hero-media,.v201-hero-overlay{position:absolute;inset:0}.v201-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}.v201-hero-overlay{z-index:1;background:radial-gradient(circle at 70% 46%,transparent 0 17%,rgba(4,13,24,.28) 42%,rgba(4,13,24,.9) 80%),linear-gradient(90deg,#04101d 0%,rgba(4,16,29,.93) 42%,rgba(4,16,29,.22) 76%),linear-gradient(0deg,#061321 0%,transparent 28%)}.v201-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.25fr) 330px;gap:70px;align-items:center;padding-top:110px;padding-bottom:100px}.v201-kicker,.v201-heading span,.v201-aircraft>div>span,.v201-ata>span,.v201-case>span,.v201-creator-copy>span,.v201-trust span{font-size:.72rem;font-weight:900;letter-spacing:.16em;color:#18d4e5}.v201-hero h1{max-width:850px;margin:15px 0 22px;font-size:clamp(3.8rem,7vw,7.4rem);line-height:.88;letter-spacing:-.065em;text-wrap:balance}.v201-hero-copy>p{max-width:710px;font-size:1.08rem;line-height:1.7;color:#c6d5e2}.v201-search{max-width:760px;margin:30px 0 17px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;padding:7px;border:1px solid rgba(80,208,224,.36);border-radius:16px;background:rgba(7,22,37,.88);box-shadow:0 24px 70px rgba(0,0,0,.35);backdrop-filter:blur(12px)}.v201-search>span{font-size:1.4rem;padding-left:13px;color:#18d4e5}.v201-search input{min-width:0;border:0;background:transparent;color:#fff;padding:14px}.v201-search button{border:0;border-radius:10px;background:#18cde1;color:#04111d;font-weight:900;padding:13px 24px}.v201-actions{display:flex;flex-wrap:wrap;gap:10px}.v201-popular{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px;align-items:center;color:#8fa9bd;font-size:.8rem}.v201-popular a{padding:6px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:#dceaf5}.v201-hero-card{padding:25px;border:1px solid rgba(122,184,224,.3);border-radius:24px;background:rgba(7,23,39,.8);backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,0,.32)}.v201-hero-card>span{display:block;margin-bottom:12px;color:#18d4e5;font-size:.7rem;letter-spacing:.14em}.v201-hero-card>div{display:flex;justify-content:space-between;align-items:end;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.08)}.v201-hero-card strong{font-size:2rem}.v201-hero-card small{color:#a9bdd0}.v201-hero-card p{margin:17px 0 0;color:#9db1c3;line-height:1.55;font-size:.78rem}.v201-live{border-block:1px solid rgba(255,255,255,.08);background:#091b2d}.v201-live .container{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;padding-top:12px;padding-bottom:12px}.v201-live-label{white-space:nowrap;font-size:.72rem;font-weight:900;letter-spacing:.13em;color:#ffb000}.v201-live-label i{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#ffb000;box-shadow:0 0 0 6px rgba(255,176,0,.12)}.v201-live-track{display:flex;gap:10px;overflow:auto;scrollbar-width:none}.v201-live-track a{min-width:280px;display:flex;gap:11px;align-items:center;padding:9px 13px;border-left:1px solid rgba(255,255,255,.1);color:#eaf4fb}.v201-live-track a>b{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#12314b;color:#18d4e5}.v201-live-track span{display:grid;font-size:.78rem}.v201-live-track small{color:#7794aa;font-size:.58rem;letter-spacing:.08em}.v201-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.v201-heading h2{margin:8px 0 7px;font-size:clamp(2rem,4vw,3.5rem);letter-spacing:-.035em}.v201-heading p{margin:0;color:#91a9bc}.v201-heading>a,.v201-heading>div+div a{color:#21d5e6;font-weight:800}.v201-trending{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v201-trend-card{min-height:210px;display:flex;flex-direction:column;padding:21px;border:1px solid #17334b;border-radius:19px;background:linear-gradient(145deg,#0d2235,#081727);color:#f4f8fc;transition:.2s}.v201-trend-card.featured{grid-column:span 2;background:radial-gradient(circle at 85% 10%,rgba(27,211,227,.2),transparent 34%),linear-gradient(145deg,#12324c,#081827)}.v201-trend-card:hover{transform:translateY(-5px);border-color:#27cfe1}.v201-trend-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#173b57;color:#20d8e8;font-size:1.2rem}.v201-trend-card small{margin-top:30px;color:#1bd4e4;font-size:.65rem;letter-spacing:.1em}.v201-trend-card h3{margin:8px 0 auto;font-size:1.14rem;line-height:1.4}.v201-trend-card span{margin-top:18px;font-size:.76rem;color:#b7c9d7}.v201-spot-section{background:#081928}.v201-spot-section .container{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.5fr);gap:18px}.v201-aircraft{position:relative;min-height:520px;display:flex;align-items:end;padding:45px;border:1px solid #1b3a53;border-radius:28px;overflow:hidden;background:linear-gradient(90deg,rgba(3,13,23,.96),rgba(3,13,23,.5)),var(--spot) center/cover}.v201-aircraft:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#071521 0%,transparent 62%)}.v201-aircraft>div{position:relative;z-index:2;max-width:680px}.v201-aircraft h2{font-size:clamp(3rem,6vw,6rem);line-height:.92;margin:14px 0}.v201-aircraft p{color:#c0d0dc;line-height:1.7}.v201-aircraft-metrics{display:flex;gap:25px;margin:25px 0}.v201-aircraft-metrics b{display:grid;font-size:1.5rem}.v201-aircraft-metrics small{font-size:.68rem;color:#8da4b7;font-weight:500}.v201-ata{padding:34px;border:1px solid #1b3a53;border-radius:28px;background:radial-gradient(circle at 90% 5%,rgba(255,170,0,.16),transparent 35%),#0c2236;display:flex;flex-direction:column;justify-content:end}.v201-ata>b{font-size:4.2rem;color:#ffb000}.v201-ata h3{font-size:1.7rem;margin:4px 0 12px}.v201-ata p{color:#9eb3c3;line-height:1.7}.v201-ata a{color:#22d6e6;font-weight:900}.v201-learning{background:#071522}.v201-paths{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v201-paths>a{min-height:300px;display:flex;flex-direction:column;padding:23px;border:1px solid #17354e;border-top:3px solid #1ed2e4;border-radius:16px;background:linear-gradient(180deg,#10283d,#091a2b);color:#f5f8fb}.v201-paths>a:nth-child(even){border-top-color:#ffad00}.v201-path-top,.v201-paths footer{display:flex;justify-content:space-between;gap:12px}.v201-path-top span{color:#1ed2e4;font-size:.68rem;text-transform:uppercase}.v201-paths h3{font-size:1.35rem;margin:28px 0 10px}.v201-paths p{color:#96adbe;line-height:1.6}.v201-paths footer{margin-top:auto;align-items:end}.v201-paths footer small{color:#819caf}.v201-fun{background:#0a1d30}.v201-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(180px,220px);gap:14px;overflow-x:auto;padding-bottom:10px;scroll-snap-type:x mandatory}.v201-short{position:relative;scroll-snap-align:start;overflow:hidden;border:1px solid #1d3a52;border-radius:20px;background:#071522;color:#fff}.v201-short img,.v201-short-fallback{width:100%;aspect-ratio:9/13;object-fit:cover;background:linear-gradient(145deg,#173c59,#091725);display:grid;place-items:center;font-size:2rem}.v201-short>i{position:absolute;top:46%;left:50%;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(3,14,23,.72);font-style:normal}.v201-short span,.v201-short h3,.v201-short small{display:block;margin-inline:14px}.v201-short span{margin-top:13px;color:#20d6e6;font-size:.63rem}.v201-short h3{margin-top:7px;margin-bottom:5px}.v201-short small{margin-bottom:16px;color:#91aabd}.v201-memes{margin-top:22px;display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.v201-memes a{overflow:hidden;border:1px solid #18354d;border-radius:16px;background:#081725;color:#fff}.v201-memes img{width:100%;aspect-ratio:1/1;object-fit:cover}.v201-memes div{padding:12px}.v201-memes span,.v201-memes b{display:block}.v201-memes span{color:#ffb000;font-size:.72rem}.v201-challenge{background:linear-gradient(120deg,#0d2b45,#081827)}.v201-challenge-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.v201-case-display{display:grid;gap:5px;margin:20px 0;padding:20px;border:1px solid #2a5674;border-radius:14px;background:#05131f;box-shadow:inset 0 0 35px rgba(24,211,229,.05)}.v201-case-display small{color:#1dd4e5;letter-spacing:.12em}.v201-case-display b{color:#ffad00}.v201-case-display strong{font-size:clamp(2rem,4vw,4rem);line-height:1}.v201-case>p{color:#bdcfdb;line-height:1.75}.v201-challenge form{display:grid;gap:10px}.v201-challenge label{display:grid;grid-template-columns:42px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid #24445d;border-radius:13px;background:#0a1b2b;cursor:pointer}.v201-challenge label:has(input:checked){border-color:#20d5e6;background:#0f3045}.v201-challenge input{position:absolute;opacity:0}.v201-challenge label>b{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#16374f;color:#1fd6e7}.v201-resources{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.v201-resources>a{min-height:250px;display:flex;flex-direction:column;padding:22px;border:1px solid #17354c;border-radius:17px;background:linear-gradient(150deg,#0c2235,#071522);color:#f4f8fb}.v201-resources>a>div,.v201-resources footer{display:flex;justify-content:space-between;gap:10px}.v201-resources span{color:#1dd5e6;font-size:.64rem;letter-spacing:.1em}.v201-resources h3{font-size:1.2rem;margin:25px 0 9px}.v201-resources p{color:#93aabb;line-height:1.55}.v201-resources footer{margin-top:auto;color:#8ea6b8}.v201-questions{background:#081a2a}.v201-question-list{display:grid;gap:10px}.v201-question-list>a{display:grid;grid-template-columns:70px 1fr 80px;gap:20px;align-items:center;padding:18px;border:1px solid #18364d;border-radius:15px;background:#0b2032;color:#eef6fb}.v201-votes,.v201-answer{display:grid;place-items:center;min-height:58px;border-radius:12px;background:#071523}.v201-votes b,.v201-answer b{font-size:1.35rem}.v201-votes small,.v201-answer small{font-size:.62rem;color:#8fa6b7}.v201-answer.solved{border:1px solid #22d4a0;color:#58e5b9}.v201-question-list span{color:#1fd5e6;font-size:.7rem}.v201-question-list h3{margin:5px 0;font-size:1.08rem}.v201-creator{background:radial-gradient(circle at 80% 20%,rgba(23,210,226,.13),transparent 30%),#071522}.v201-creator-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.v201-creator-copy h2{font-size:clamp(3rem,6vw,5.5rem);line-height:.95;margin:14px 0}.v201-creator-copy p{color:#a8bdcc;line-height:1.75}.v201-community-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.v201-community-stats>b{min-height:150px;display:grid;place-items:center;border:1px solid #193850;border-radius:18px;background:#0b2033;font-size:2rem}.v201-community-stats small{font-size:.65rem;color:#8fa5b6;text-transform:uppercase}.v201-community-stats>a{grid-column:1/-1;text-align:center;padding:15px;border:1px solid #22d4e5;border-radius:12px;color:#22d4e5;font-weight:900}.v201-history{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.v201-history article{padding:24px;border:1px solid #18364c;border-radius:17px;background:#0a1d2e}.v201-history article>b{font-size:2.5rem;color:#1fd4e5}.v201-history p{color:#91a9ba}.v201-trust{padding:70px 0;background:linear-gradient(90deg,#10263a,#0a1a29);border-top:1px solid #1c3c54}.v201-trust h2{max-width:900px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:1;margin:13px 0}.v201-trust p{max-width:900px;color:#a5b9c8;line-height:1.7}
@media(max-width:1050px){.v201-hero-grid,.v201-challenge-grid,.v201-creator-grid{grid-template-columns:1fr}.v201-hero-card{max-width:580px}.v201-trending{grid-template-columns:repeat(2,1fr)}.v201-spot-section .container{grid-template-columns:1fr}.v201-paths{grid-template-columns:repeat(2,1fr)}.v201-resources{grid-template-columns:repeat(2,1fr)}.v201-memes{grid-template-columns:repeat(3,1fr)}.v201-history{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.home-v201 .section{padding:60px 0}.v201-hero{min-height:auto}.v201-hero-grid{padding-top:95px;padding-bottom:60px;gap:30px}.v201-hero h1{font-size:clamp(3.1rem,15vw,5rem)}.v201-hero-overlay{background:linear-gradient(90deg,rgba(4,14,24,.96),rgba(4,14,24,.76)),linear-gradient(0deg,#061321,transparent 30%)}.v201-search{grid-template-columns:auto 1fr}.v201-search button{grid-column:1/-1;min-height:48px}.v201-actions{display:grid}.v201-live .container{grid-template-columns:1fr;gap:5px}.v201-heading{align-items:start;flex-direction:column}.v201-trending{grid-template-columns:1fr}.v201-trend-card.featured{grid-column:auto}.v201-aircraft{min-height:500px;padding:25px}.v201-aircraft-metrics{flex-wrap:wrap}.v201-paths,.v201-resources,.v201-memes,.v201-history{grid-template-columns:1fr}.v201-question-list>a{grid-template-columns:55px 1fr}.v201-answer{grid-column:2}.v201-community-stats{grid-template-columns:1fr}.v201-community-stats>a{grid-column:auto}.v201-creator-copy h2{font-size:3rem}}


/* ================================================================
   TechOpsBase v2.0.2 — Homepage corrections and visual flow
   ================================================================ */

.home-v202 {
    --v202-cyan: #1fd4e5;
    --v202-amber: #ffad00;
    --v202-panel: #0a1d2e;
    --v202-panel-2: #0d2438;
}

/* 1. A more compact hero and a slow, premium aircraft drift. */
.v202-hero {
    min-height: 650px;
}

.v202-hero .v201-hero-grid {
    padding-top: 92px;
    padding-bottom: 76px;
}

.v202-hero .v201-hero h1,
.v202-hero h1 {
    max-width: 780px;
    font-size: clamp(3.15rem, 5.55vw, 6.05rem);
    line-height: .91;
    letter-spacing: -.055em;
}

.v202-hero .v201-hero-copy > p {
    max-width: 680px;
    font-size: 1rem;
}

.v202-hero-media {
    overflow: hidden;
}

.v202-hero-media img {
    width: 106%;
    max-width: none;
    margin-left: -3%;
    transform: translate3d(-1.7%, 0, 0) scale(1.035);
    transform-origin: center center;
    animation: v202AircraftDrift 24s ease-in-out infinite alternate;
    will-change: transform;
}

@keyframes v202AircraftDrift {
    from {
        transform: translate3d(-2.2%, 0, 0) scale(1.035);
    }
    to {
        transform: translate3d(2.2%, -.4%, 0) scale(1.06);
    }
}

/* Shared section rhythm: subtle, distinctive transitions without loud palette jumps. */
.v202-section {
    position: relative;
    isolation: isolate;
}

.v202-section::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    pointer-events: none;
    background:
        linear-gradient(90deg, transparent, rgba(31, 212, 229, .045), transparent);
    opacity: .72;
}

.v202-section::after {
    content: "";
    position: absolute;
    top: 0;
    left: max(24px, calc((100vw - 1200px) / 2));
    right: max(24px, calc((100vw - 1200px) / 2));
    height: 1px;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(97, 159, 199, .25),
        transparent
    );
}

.v202-trending-section {
    background:
        radial-gradient(circle at 8% 22%, rgba(21, 112, 154, .11), transparent 31%),
        radial-gradient(circle at 91% 83%, rgba(31, 212, 229, .055), transparent 34%),
        #061321;
}

.v202-library-section {
    background:
        linear-gradient(145deg, rgba(11, 31, 48, .66), rgba(5, 18, 31, .92)),
        #061321;
}

.v202-history-section {
    background:
        radial-gradient(circle at 85% 18%, rgba(255, 173, 0, .055), transparent 25%),
        #071726;
}

/* 2. Richer trending cards with visual identity by content type. */
.v201-trend-card {
    position: relative;
    overflow: hidden;
    isolation: isolate;
    min-height: 230px;
    background:
        linear-gradient(145deg, rgba(15, 44, 67, .96), rgba(7, 22, 37, .98));
    box-shadow: 0 20px 48px rgba(0, 0, 0, .13);
}

.v201-trend-card::before {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    opacity: .8;
    transition: opacity .25s ease, transform .35s ease;
}

.v201-trend-card.type-resource::before {
    background:
        radial-gradient(circle at 95% 0%, rgba(31, 212, 229, .24), transparent 38%),
        linear-gradient(145deg, rgba(18, 68, 93, .22), transparent 68%);
}

.v201-trend-card.type-video::before {
    background:
        radial-gradient(circle at 95% 0%, rgba(255, 173, 0, .20), transparent 39%),
        linear-gradient(145deg, rgba(67, 45, 14, .14), transparent 68%);
}

.v201-trend-card.type-question::before {
    background:
        radial-gradient(circle at 95% 0%, rgba(87, 133, 255, .20), transparent 39%),
        linear-gradient(145deg, rgba(35, 54, 108, .17), transparent 68%);
}

.v201-trend-card:hover::before {
    opacity: 1;
    transform: scale(1.04);
}

.v201-trend-card.featured {
    background:
        linear-gradient(145deg, rgba(14, 57, 83, .98), rgba(7, 25, 40, .98));
}

.v202-card-watermark {
    position: absolute;
    z-index: -1;
    top: -25px;
    right: 3px;
    color: rgba(122, 210, 230, .07);
    font-size: 9.5rem;
    line-height: 1;
    transform: rotate(-7deg);
    user-select: none;
}

.v201-trend-card small {
    margin-top: 38px;
}

.v201-trend-card h3 {
    max-width: 92%;
    font-size: 1.2rem;
}

.v201-trend-card span {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    color: #d3e4ef;
}

.v201-trend-card span::after {
    content: "";
    width: 24px;
    height: 1px;
    background: var(--v202-cyan);
    transition: width .2s ease;
}

.v201-trend-card:hover span::after {
    width: 44px;
}

/* 3. Boeing 737 NG image matching and better image positioning. */
.v201-aircraft.is-737 {
    background:
        linear-gradient(90deg, rgba(3, 13, 23, .97) 0%, rgba(3, 13, 23, .68) 43%, rgba(3, 13, 23, .18) 78%),
        linear-gradient(0deg, rgba(4, 16, 27, .95), transparent 58%),
        var(--spot) center 46% / cover no-repeat;
}

.v201-aircraft.is-737::after {
    background:
        linear-gradient(0deg, #071521 0%, rgba(7, 21, 33, .12) 68%),
        radial-gradient(circle at 85% 25%, transparent 0 20%, rgba(3, 13, 23, .15) 68%);
}

.v202-photo-credit {
    position: absolute;
    z-index: 4;
    right: 18px;
    bottom: 13px;
    padding: 5px 8px;
    border-radius: 7px;
    background: rgba(3, 13, 23, .72);
    color: #a9bdca;
    font-size: .58rem;
    backdrop-filter: blur(8px);
}

.v202-photo-credit a {
    color: #d7e8f2;
}

/* 4. Every pixel of a challenge answer is selectable. */
.v202-challenge-form {
    display: grid;
    gap: 10px;
}

.v202-answer-option {
    position: relative;
    display: block;
    min-height: 66px;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px;
    background: transparent !important;
    overflow: hidden;
    cursor: pointer;
}

.v202-answer-option > input {
    position: absolute !important;
    z-index: 4;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.v202-answer-shell {
    position: relative;
    z-index: 1;
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    width: 100%;
    min-height: 66px;
    padding: 13px 16px;
    border: 1px solid #284c66;
    border-radius: 14px;
    background: linear-gradient(145deg, #0c2234, #091a2a);
    color: #eff7fc;
    transition:
        border-color .2s ease,
        background .2s ease,
        transform .2s ease,
        box-shadow .2s ease;
}

.v202-answer-shell b {
    display: grid;
    place-items: center;
    width: 38px;
    height: 38px;
    border-radius: 11px;
    background: #163c56;
    color: var(--v202-cyan);
}

.v202-answer-shell em {
    font-style: normal;
    line-height: 1.45;
}

.v202-answer-option:hover .v202-answer-shell,
.v202-answer-option:focus-within .v202-answer-shell {
    border-color: #39cede;
    transform: translateX(3px);
    box-shadow: 0 10px 30px rgba(0, 0, 0, .18);
}

.v202-answer-option:has(input:checked) .v202-answer-shell {
    border-color: var(--v202-cyan);
    background:
        linear-gradient(145deg, rgba(20, 74, 99, .96), rgba(10, 35, 51, .98));
    box-shadow:
        0 0 0 1px rgba(31, 212, 229, .18),
        0 14px 35px rgba(0, 0, 0, .2);
}

.v202-answer-option:has(input:checked) .v202-answer-shell b {
    background: var(--v202-cyan);
    color: #03131f;
}

/* 7. Creator spotlight now uses banner + profile image and prioritizes Zeto. */
.v202-creator-layout {
    display: grid;
    grid-template-columns: minmax(280px, .8fr) minmax(0, 1fr) minmax(310px, .72fr);
    gap: 34px;
    align-items: center;
}

.v202-creator-media {
    position: relative;
    min-height: 330px;
    overflow: hidden;
    border: 1px solid #1a3b53;
    border-radius: 26px;
    background: #0a1e2f;
    box-shadow: 0 25px 70px rgba(0, 0, 0, .22);
}

.v202-creator-banner {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(0deg, rgba(5, 18, 30, .98) 0%, rgba(5, 18, 30, .08) 68%),
        linear-gradient(120deg, rgba(7, 24, 38, .28), rgba(7, 24, 38, .05)),
        var(--creator-banner, linear-gradient(145deg, #143650, #071725))
        center / cover no-repeat;
    transition: transform .6s ease;
}

.v202-creator-media:hover .v202-creator-banner {
    transform: scale(1.035);
}

.v202-creator-profile {
    position: absolute;
    z-index: 2;
    left: 23px;
    bottom: 48px;
    display: grid;
    place-items: center;
    width: 92px;
    height: 92px;
    overflow: hidden;
    border: 4px solid #081a29;
    border-radius: 50%;
    background: #123a54;
    color: #fff;
    font-size: 1.7rem;
    font-weight: 900;
    box-shadow: 0 15px 45px rgba(0, 0, 0, .38);
}

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

.v202-creator-media > small {
    position: absolute;
    z-index: 2;
    left: 126px;
    right: 20px;
    bottom: 27px;
    color: #bed0dc;
    line-height: 1.45;
}

.v201-creator-copy h2 {
    font-size: clamp(2.8rem, 5vw, 4.8rem);
}

/* 8. Final reminder + user-selected TikTok/Meme panel. */
.v202-trust {
    padding: 72px 0;
    background:
        radial-gradient(circle at 85% 25%, rgba(31, 212, 229, .07), transparent 28%),
        linear-gradient(110deg, #10283c, #091a2a);
}

.v202-trust-grid {
    display: grid;
    grid-template-columns: minmax(0, 1.12fr) minmax(360px, .88fr);
    gap: 38px;
    align-items: stretch;
}

.v202-trust-copy {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    text-align: left;
}

.v202-trust-copy h2 {
    max-width: 720px;
    font-size: clamp(2.2rem, 4.25vw, 4rem);
    line-height: 1.02;
}

.v202-trust-copy p {
    max-width: 760px;
}

.v202-fun-dock {
    overflow: hidden;
    border: 1px solid #24506a;
    border-radius: 24px;
    background: rgba(5, 18, 30, .78);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .24);
    backdrop-filter: blur(12px);
}

.v202-fun-tabs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 8px;
    border-bottom: 1px solid rgba(255, 255, 255, .07);
    background: rgba(255, 255, 255, .025);
}

.v202-fun-tabs button {
    min-height: 47px;
    border: 0;
    border-radius: 12px;
    background: transparent;
    color: #9eb4c4;
    font-weight: 900;
    cursor: pointer;
}

.v202-fun-tabs button.is-active {
    background: linear-gradient(145deg, #16415b, #103047);
    color: #fff;
    box-shadow: inset 0 0 0 1px rgba(31, 212, 229, .26);
}

.v202-fun-panel {
    min-height: 280px;
    padding: 18px;
}

.v202-fun-panel[hidden] {
    display: none !important;
}

.v202-fun-preview {
    display: grid;
    grid-template-columns: minmax(145px, .75fr) 1fr;
    gap: 18px;
    align-items: center;
    height: 100%;
    min-height: 244px;
    color: #fff;
}

.v202-fun-preview img,
.v202-fun-placeholder {
    width: 100%;
    height: 244px;
    border-radius: 16px;
    object-fit: cover;
    background: linear-gradient(145deg, #17415c, #071725);
}

.v202-fun-placeholder {
    display: grid;
    place-items: center;
    font-size: 2.4rem;
}

.v202-fun-preview div {
    display: grid;
    gap: 10px;
}

.v202-fun-preview small {
    color: var(--v202-cyan);
    letter-spacing: .12em;
}

.v202-fun-preview strong {
    font-size: 1.35rem;
    line-height: 1.35;
}

.v202-fun-preview b {
    color: var(--v202-amber);
}

.v202-fun-empty {
    display: grid;
    grid-template-columns: 72px 1fr;
    gap: 18px;
    align-items: center;
    min-height: 244px;
    padding: 22px;
    border: 1px dashed rgba(31, 212, 229, .34);
    border-radius: 17px;
    background:
        radial-gradient(circle at 90% 10%, rgba(31, 212, 229, .09), transparent 36%),
        rgba(10, 29, 46, .6);
}

.v202-fun-empty > span {
    display: grid;
    place-items: center;
    width: 66px;
    height: 66px;
    border-radius: 20px;
    background: #143a54;
    color: var(--v202-cyan);
    font-size: 1.8rem;
}

.v202-fun-empty strong {
    font-size: 1.25rem;
}

.v202-fun-empty p {
    margin: 8px 0 14px;
    color: #a4bac9;
    line-height: 1.55;
}

.v202-fun-empty a {
    color: var(--v202-amber);
    font-weight: 900;
}

/* Gentle reveal motion for section flow. */
.v202-motion-ready [data-reveal] {
    opacity: 0;
    transform: translateY(22px);
    transition:
        opacity .7s cubic-bezier(.2, .75, .25, 1),
        transform .7s cubic-bezier(.2, .75, .25, 1);
}

.v202-motion-ready [data-reveal].is-visible {
    opacity: 1;
    transform: translateY(0);
}

.v202-motion-ready .v201-trend-card,
.v202-motion-ready .v201-paths > a,
.v202-motion-ready .v201-resources > a {
    transition:
        opacity .55s ease,
        transform .55s ease,
        border-color .2s ease,
        box-shadow .2s ease;
}

@media (max-width: 1100px) {
    .v202-creator-layout,
    .v202-trust-grid {
        grid-template-columns: 1fr;
    }

    .v202-creator-media {
        min-height: 410px;
    }

    .v202-trust-copy {
        max-width: 900px;
    }
}

@media (max-width: 650px) {
    .v202-hero {
        min-height: auto;
    }

    .v202-hero .v201-hero-grid {
        padding-top: 88px;
        padding-bottom: 55px;
    }

    .v202-hero .v201-hero h1,
    .v202-hero h1 {
        font-size: clamp(2.85rem, 13.2vw, 4.25rem);
        line-height: .94;
    }

    .v202-hero-media img {
        width: 116%;
        margin-left: -8%;
        animation-duration: 28s;
    }

    .v201-trend-card {
        min-height: 210px;
    }

    .v201-aircraft.is-737 {
        background-position: 61% center;
    }

    .v202-creator-media {
        min-height: 340px;
    }

    .v202-creator-layout {
        gap: 24px;
    }

    .v202-trust {
        padding: 58px 0;
    }

    .v202-trust-grid {
        gap: 28px;
    }

    .v202-fun-preview {
        grid-template-columns: 1fr;
    }

    .v202-fun-preview img,
    .v202-fun-placeholder {
        height: 240px;
    }

    .v202-fun-empty {
        grid-template-columns: 1fr;
    }
}

@media (prefers-reduced-motion: reduce) {
    .v202-hero-media img {
        animation: none;
        transform: scale(1.04);
    }

    .v202-motion-ready [data-reveal] {
        opacity: 1;
        transform: none;
        transition: none;
    }

    .v201-trend-card,
    .v202-creator-banner,
    .v202-answer-shell {
        transition: none;
    }
}


/* ================================================================
   TechOpsBase v2.0.3 — Premium homepage experience refinement
   ================================================================ */

.home-v203 {
    --v203-cyan: #22d6e6;
    --v203-amber: #ffad00;
    --v203-line: rgba(91, 152, 190, .22);
    --v203-soft: #a9bfce;
}

/* Slightly more readable microcopy throughout the long homepage. */
.home-v203 .v201-heading p,
.home-v203 .v201-paths p,
.home-v203 .v201-resources p,
.home-v203 .v201-question-list small,
.home-v203 .v201-aircraft p,
.home-v203 .v201-ata p,
.home-v203 .v203-creator-content p,
.home-v203 .v202-trust-copy p {
    font-size: .9rem;
}

.home-v203 .v201-heading > a,
.home-v203 .v201-ata a,
.home-v203 .v201-resources footer,
.home-v203 .v201-paths footer {
    font-size: .82rem;
}

/* Compact, readable Hangar Live instead of a thin system ticker. */
.home-v203 .v201-live {
    background:
        linear-gradient(90deg, rgba(255, 173, 0, .045), transparent 22%),
        #091b2d;
}

.home-v203 .v201-live .container {
    padding-top: 14px;
    padding-bottom: 14px;
}

.home-v203 .v201-live-label {
    font-size: .76rem;
}

.home-v203 .v201-live-track {
    gap: 5px;
}

.home-v203 .v201-live-track a {
    position: relative;
    min-width: 270px;
    min-height: 52px;
    padding: 8px 14px;
    border-left: 1px solid rgba(255, 255, 255, .1);
    border-radius: 10px;
    transition: background .2s ease, transform .2s ease;
}

.home-v203 .v201-live-track a:hover {
    background: rgba(255, 255, 255, .035);
    transform: translateY(-1px);
}

.home-v203 .v201-live-track a > b {
    flex: 0 0 auto;
    width: 34px;
    height: 34px;
}

.home-v203 .v201-live-track span {
    min-width: 0;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    column-gap: 10px;
    align-items: center;
}

.home-v203 .v201-live-track span small {
    grid-column: 1 / -1;
    margin-bottom: 2px;
    color: #7f9eb3;
    font-size: .6rem;
}

.home-v203 .v201-live-track span strong {
    overflow: hidden;
    color: #eaf4fb;
    font-size: .77rem;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-v203 .v201-live-track span em {
    color: #809caf;
    font-size: .62rem;
    font-style: normal;
    white-space: nowrap;
}

/* Balanced 12-column editorial grid — no empty fourth-column gap. */
.home-v203 .v203-trending {
    display: grid;
    grid-template-columns: repeat(12, minmax(0, 1fr));
    gap: 14px;
}

.home-v203 .v203-trend-card {
    grid-column: span 4;
    min-height: 258px;
    padding: 0;
    overflow: hidden;
    border-color: #1a3a52;
    background: #091b2b;
}

.home-v203 .v203-trend-card:nth-child(1) {
    grid-column: span 6;
}

.home-v203 .v203-trend-card:nth-child(2),
.home-v203 .v203-trend-card:nth-child(3) {
    grid-column: span 3;
}

.home-v203 .v203-trend-card:nth-child(n + 4) {
    grid-column: span 4;
}

.home-v203 .v203-trend-visual {
    position: relative;
    min-height: 104px;
    overflow: hidden;
    background:
        linear-gradient(135deg, rgba(21, 65, 91, .9), rgba(8, 24, 39, .95));
}

.home-v203 .v203-trend-card.featured .v203-trend-visual {
    min-height: 138px;
}

.home-v203 .v203-trend-visual::before {
    content: "";
    position: absolute;
    inset: 0;
    background:
        linear-gradient(0deg, rgba(6, 20, 33, .9), transparent 85%),
        radial-gradient(circle at 88% 0%, rgba(31, 212, 229, .3), transparent 42%);
}

.home-v203 .v203-trend-card.has-media .v203-trend-visual {
    background:
        linear-gradient(0deg, rgba(4, 16, 28, .92), rgba(4, 16, 28, .08)),
        var(--trend-image) center / cover no-repeat;
}

.home-v203 .v203-trend-card.type-video .v203-trend-visual::before {
    background:
        linear-gradient(0deg, rgba(6, 20, 33, .82), transparent 78%),
        radial-gradient(circle at 88% 0%, rgba(255, 173, 0, .24), transparent 40%);
}

.home-v203 .v203-trend-card.type-question .v203-trend-visual::before {
    background:
        linear-gradient(0deg, rgba(6, 20, 33, .88), transparent 78%),
        radial-gradient(circle at 88% 0%, rgba(91, 128, 255, .26), transparent 40%);
}

.home-v203 .v203-trend-visual > span {
    position: absolute;
    z-index: 2;
    right: 17px;
    bottom: 10px;
    color: rgba(201, 240, 247, .18);
    font-size: 4.5rem;
    line-height: 1;
}

.home-v203 .v203-trend-card.type-video .v203-trend-visual > span {
    display: grid;
    place-items: center;
    right: auto;
    left: 16px;
    bottom: 15px;
    width: 42px;
    height: 42px;
    border-radius: 50%;
    background: rgba(4, 17, 28, .8);
    color: #fff;
    font-size: 1rem;
    backdrop-filter: blur(8px);
}

.home-v203 .v203-trend-copy {
    display: flex;
    flex: 1;
    flex-direction: column;
    padding: 18px 19px 20px;
}

.home-v203 .v203-trend-meta {
    display: flex;
    justify-content: space-between;
    gap: 12px;
    align-items: start;
}

.home-v203 .v203-trend-meta small {
    margin: 0;
    color: #20d6e6;
    font-size: .64rem;
    line-height: 1.45;
    letter-spacing: .09em;
}

.home-v203 .v203-trend-meta time {
    flex: 0 0 auto;
    color: #829cad;
    font-size: .63rem;
}

.home-v203 .v203-trend-card h3 {
    max-width: 100%;
    margin: 13px 0 18px;
    font-size: 1.12rem;
    line-height: 1.38;
}

.home-v203 .v203-trend-card.featured h3 {
    font-size: 1.38rem;
}

.home-v203 .v203-open-link {
    margin-top: auto;
    color: #cfe0ea;
    font-size: .78rem;
}

.home-v203 .v203-trend-card:hover {
    transform: translateY(-5px);
    border-color: rgba(34, 214, 230, .65);
    box-shadow: 0 24px 60px rgba(0, 0, 0, .23);
}

/* The aircraft card now displays family-specific, honestly labelled metrics. */
.home-v203 .v203-aircraft-metrics {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    max-width: 660px;
    gap: 10px;
}

.home-v203 .v203-aircraft-metrics b {
    min-width: 0;
    padding: 12px 14px;
    border: 1px solid rgba(150, 197, 225, .19);
    border-radius: 12px;
    background: rgba(5, 18, 29, .48);
    backdrop-filter: blur(8px);
}

.home-v203 .v203-aircraft-metrics small {
    margin-top: 3px;
    line-height: 1.3;
}

/* Learning paths gain sequence identity and better visual rhythm. */
.home-v203 .v201-paths {
    counter-reset: learning-card;
}

.home-v203 .v201-paths > a {
    position: relative;
    overflow: hidden;
    min-height: 310px;
    box-shadow: 0 18px 44px rgba(0, 0, 0, .1);
}

.home-v203 .v201-paths > a::before {
    counter-increment: learning-card;
    content: "0" counter(learning-card);
    position: absolute;
    top: 50px;
    right: 16px;
    color: rgba(116, 190, 215, .08);
    font-size: 5rem;
    font-weight: 900;
    line-height: 1;
}

.home-v203 .v201-paths > a::after {
    content: "";
    position: absolute;
    left: 23px;
    right: 23px;
    bottom: 56px;
    height: 2px;
    background:
        linear-gradient(
            90deg,
            currentColor 0 33%,
            rgba(255, 255, 255, .08) 33% 100%
        );
    color: #1ed2e4;
    opacity: .6;
}

.home-v203 .v201-paths > a:nth-child(even)::after {
    color: #ffad00;
}

.home-v203 .v201-paths h3,
.home-v203 .v201-paths p,
.home-v203 .v201-paths footer,
.home-v203 .v201-path-top {
    position: relative;
    z-index: 1;
}

.home-v203 .v201-paths p {
    color: #a8bdcb;
}

/*
 * Critical weekly-challenge repair.
 * The old .v201-challenge label rule had greater specificity and trapped the
 * new answer shell inside a 42px grid column. These selectors explicitly reset
 * the legacy grid and make the whole label a proper full-width target.
 */
.home-v203 .v201-challenge form.v202-challenge-form {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    min-width: 0;
    gap: 11px;
}

.home-v203 .v201-challenge form.v202-challenge-form label.v202-answer-option {
    position: relative;
    display: block !important;
    grid-template-columns: none !important;
    width: 100%;
    min-width: 0;
    min-height: 66px;
    gap: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 14px;
    background: transparent !important;
    overflow: visible;
    cursor: pointer;
}

.home-v203 .v201-challenge form.v202-challenge-form label.v202-answer-option > input {
    position: absolute !important;
    z-index: 3;
    inset: 0;
    width: 100%;
    height: 100%;
    margin: 0;
    opacity: 0;
    cursor: pointer;
}

.home-v203 .v201-challenge form.v202-challenge-form .v202-answer-shell {
    display: grid;
    grid-template-columns: 42px minmax(0, 1fr);
    width: 100% !important;
    min-width: 0;
    min-height: 66px;
    gap: 14px;
    align-items: center;
    padding: 13px 16px;
    border: 1px solid #284c66;
    border-radius: 14px;
    background: linear-gradient(145deg, #0c2234, #091a2a);
    color: #eff7fc;
}

.home-v203 .v201-challenge form.v202-challenge-form .v202-answer-shell em {
    min-width: 0;
    color: #eef6fb;
    font-size: .94rem;
    line-height: 1.42;
    overflow-wrap: anywhere;
}

.home-v203 .v201-challenge form.v202-challenge-form label.v202-answer-option:hover .v202-answer-shell,
.home-v203 .v201-challenge form.v202-challenge-form label.v202-answer-option:focus-within .v202-answer-shell {
    border-color: #39cede;
    transform: translateX(3px);
}

.home-v203 .v201-challenge form.v202-challenge-form input:checked + .v202-answer-shell {
    border-color: var(--v203-cyan);
    background: linear-gradient(145deg, #15465e, #0b2d42);
    box-shadow:
        0 0 0 1px rgba(34, 214, 230, .18),
        0 15px 36px rgba(0, 0, 0, .2);
}

.home-v203 .v201-challenge form.v202-challenge-form input:checked + .v202-answer-shell b {
    background: var(--v203-cyan);
    color: #03131f;
}

.home-v203 .v201-challenge form.v202-challenge-form input:focus-visible + .v202-answer-shell {
    outline: 3px solid rgba(34, 214, 230, .3);
    outline-offset: 2px;
}

/* Resource cards read as a technical library, not another generic card grid. */
.home-v203 .v203-resource-card {
    position: relative;
    overflow: hidden;
    padding-top: 76px;
}

.home-v203 .v203-resource-card > i {
    position: absolute;
    top: 18px;
    left: 21px;
    display: grid;
    place-items: center;
    width: 40px;
    height: 40px;
    border: 1px solid rgba(34, 214, 230, .18);
    border-radius: 12px;
    background: #123650;
    color: #24d8e8;
    font-size: 1.1rem;
    font-style: normal;
}

.home-v203 .v203-resource-card::before {
    content: "";
    position: absolute;
    top: -70px;
    right: -55px;
    width: 180px;
    height: 180px;
    border-radius: 50%;
    background: rgba(34, 214, 230, .055);
}

.home-v203 .v203-resource-card.type-video > i {
    background: #4a3615;
    color: #ffb51b;
}

.home-v203 .v203-resource-card.type-diagram > i {
    background: #23375d;
    color: #83a8ff;
}

.home-v203 .v203-resource-card h3 {
    margin-top: 22px;
}

.home-v203 .v203-resource-card:hover {
    border-color: rgba(34, 214, 230, .55);
    transform: translateY(-4px);
    box-shadow: 0 20px 48px rgba(0, 0, 0, .16);
}

/* Q&A states are legible and encourage unanswered-question participation. */
.home-v203 .v201-question-list > a {
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.home-v203 .v201-question-list > a:hover {
    transform: translateX(4px);
    border-color: rgba(34, 214, 230, .55);
    background: #0d2539;
}

.home-v203 .v201-question-list h3 {
    font-size: 1.03rem;
}

.home-v203 .v201-question-list > a > div:nth-child(2) > small {
    color: #8fa8b9;
    font-size: .7rem;
}

.home-v203 .v201-answer.needs-answer {
    border: 1px solid rgba(255, 173, 0, .58);
    color: #ffc041;
}

/* Creator spotlight: creator identity first, video second, platform totals removed. */
.home-v203 .v203-creator-section {
    background:
        radial-gradient(circle at 15% 25%, rgba(34, 214, 230, .1), transparent 28%),
        radial-gradient(circle at 89% 75%, rgba(255, 173, 0, .045), transparent 26%),
        #071522;
}

.home-v203 .v203-creator-layout {
    display: grid;
    grid-template-columns: minmax(390px, .92fr) minmax(0, 1.08fr);
    gap: 46px;
    align-items: stretch;
}

.home-v203 .v203-creator-media {
    position: relative;
    min-height: 450px;
    overflow: hidden;
    border: 1px solid #1b405a;
    border-radius: 28px;
    background: #0a1e2f;
    box-shadow: 0 28px 80px rgba(0, 0, 0, .25);
}

.home-v203 .v203-creator-media .v202-creator-banner {
    transform: scale(1.01);
}

.home-v203 .v203-creator-media:hover .v202-creator-banner {
    transform: scale(1.045);
}

.home-v203 .v203-creator-media .v202-creator-profile {
    left: 28px;
    bottom: 104px;
    width: 112px;
    height: 112px;
    border-width: 5px;
}

.home-v203 .v203-latest-video {
    position: absolute;
    z-index: 3;
    left: 26px;
    right: 26px;
    bottom: 24px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 64px;
    padding: 11px 14px;
    border: 1px solid rgba(146, 205, 230, .25);
    border-radius: 15px;
    background: rgba(4, 17, 29, .84);
    color: #fff;
    backdrop-filter: blur(14px);
}

.home-v203 .v203-latest-video > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v203-amber);
    color: #07131d;
}

.home-v203 .v203-latest-video div {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.home-v203 .v203-latest-video small {
    color: var(--v203-cyan);
    font-size: .62rem;
    letter-spacing: .11em;
}

.home-v203 .v203-latest-video strong {
    overflow: hidden;
    font-size: .9rem;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-v203 .v203-latest-video.is-empty > span {
    background: #17415b;
    color: #23d6e6;
}

.home-v203 .v203-creator-content {
    display: flex;
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding-block: 18px;
}

.home-v203 .v203-creator-eyebrow {
    display: flex;
    justify-content: space-between;
    gap: 15px;
    align-items: center;
}

.home-v203 .v203-creator-eyebrow > span {
    color: var(--v203-cyan);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .15em;
}

.home-v203 .v203-creator-eyebrow > b {
    padding: 6px 9px;
    border: 1px solid rgba(74, 227, 176, .3);
    border-radius: 999px;
    background: rgba(44, 179, 133, .08);
    color: #61e6b9;
    font-size: .62rem;
}

.home-v203 .v203-creator-title-row {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin: 17px 0 18px;
}

.home-v203 .v203-creator-title-row h2 {
    margin: 0;
    font-size: clamp(3.2rem, 6vw, 6rem);
    line-height: .88;
    letter-spacing: -.055em;
}

.home-v203 .v203-creator-title-row small {
    display: block;
    margin-top: 8px;
    color: #829eaf;
}

.home-v203 .v203-creator-title-row > span {
    max-width: 180px;
    padding: 8px 11px;
    border: 1px solid #244a64;
    border-radius: 999px;
    color: #c3d6e2;
    font-size: .72rem;
    text-align: center;
}

.home-v203 .v203-creator-content > p {
    max-width: 700px;
    color: #adc1ce;
    line-height: 1.72;
}

.home-v203 .v203-creator-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 17px 0 22px;
}

.home-v203 .v203-creator-tags span {
    padding: 7px 10px;
    border: 1px solid #1c4058;
    border-radius: 999px;
    background: rgba(13, 38, 57, .7);
    color: #a9c1d0;
    font-size: .72rem;
}

.home-v203 .v203-creator-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 10px;
    margin-bottom: 20px;
}

.home-v203 .v203-creator-stats > b {
    display: grid;
    gap: 4px;
    min-height: 88px;
    align-content: center;
    padding: 14px;
    border: 1px solid #1a3b53;
    border-radius: 15px;
    background: #0b2032;
    font-size: 1.55rem;
}

.home-v203 .v203-creator-stats small {
    color: #88a4b6;
    font-size: .62rem;
    font-weight: 600;
    text-transform: uppercase;
}

.home-v203 .v203-creator-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

/* Final split: reminder is calmer; fun tabs are unmistakably selectable. */
.home-v203 .v202-trust-copy h2 {
    max-width: 650px;
    font-size: clamp(2rem, 3.45vw, 3.35rem);
    line-height: 1.04;
}

.home-v203 .v202-fun-tabs {
    gap: 7px;
    padding: 9px;
    background: #071725;
}

.home-v203 .v202-fun-tabs button {
    position: relative;
    min-height: 52px;
    border: 1px solid transparent;
    color: #a6bac8;
    font-size: .78rem;
}

.home-v203 .v202-fun-tabs button::after {
    content: "";
    position: absolute;
    left: 18px;
    right: 18px;
    bottom: 6px;
    height: 2px;
    border-radius: 999px;
    background: transparent;
}

.home-v203 .v202-fun-tabs button.is-active {
    border-color: rgba(34, 214, 230, .3);
    background: linear-gradient(145deg, #17445e, #102e43);
    color: #fff;
}

.home-v203 .v202-fun-tabs button.is-active::after {
    background: var(--v203-cyan);
}

.home-v203 .v202-fun-panel {
    background:
        radial-gradient(circle at 95% 0%, rgba(34, 214, 230, .07), transparent 35%);
}

/* Homepage-only footer refinement. The body class is applied by home-v2.0.3.js. */
body.home-v203-page .site-footer {
    padding-top: 46px;
    background:
        linear-gradient(180deg, rgba(7, 21, 34, .96), #040d17);
}

body.home-v203-page .footer-grid {
    grid-template-columns: minmax(280px, 1.35fr) minmax(190px, .75fr) minmax(210px, .9fr);
    gap: 46px;
}

body.home-v203-page .footer-grid p {
    max-width: 430px;
    font-size: .84rem;
    line-height: 1.65;
}

body.home-v203-page .footer-grid h3 {
    margin-top: 0;
    color: #e7f1f7;
    font-size: .84rem;
}

body.home-v203-page .footer-grid > div:not(:first-child) a {
    margin: 7px 0;
    color: #91a8b8;
    font-size: .78rem;
    line-height: 1.35;
}

body.home-v203-page .footer-grid > div:not(:first-child) a:hover {
    color: var(--v203-cyan);
}

body.home-v203-page .footer-bottom {
    margin-top: 34px;
    padding-top: 18px;
    padding-bottom: 22px;
    font-size: .72rem;
}

/* Responsive quality pass. */
@media (max-width: 1100px) {
    .home-v203 .v203-trending {
        grid-template-columns: repeat(6, minmax(0, 1fr));
    }

    .home-v203 .v203-trend-card,
    .home-v203 .v203-trend-card:nth-child(n) {
        grid-column: span 3;
    }

    .home-v203 .v203-trend-card:nth-child(1) {
        grid-column: span 6;
    }

    .home-v203 .v203-creator-layout {
        grid-template-columns: minmax(330px, .9fr) minmax(0, 1.1fr);
        gap: 30px;
    }

    .home-v203 .v203-creator-media {
        min-height: 420px;
    }
}

@media (max-width: 900px) {
    .home-v203 .v201-challenge-grid,
    .home-v203 .v203-creator-layout {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-v203 .v203-creator-media {
        min-height: 500px;
    }

    .home-v203 .v203-aircraft-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    body.home-v203-page .footer-grid {
        grid-template-columns: 1fr 1fr;
    }

    body.home-v203-page .footer-grid > div:first-child {
        grid-column: 1 / -1;
    }
}

@media (max-width: 650px) {
    .home-v203 .v201-live-track a {
        min-width: 245px;
    }

    .home-v203 .v203-trending {
        grid-template-columns: minmax(0, 1fr);
    }

    .home-v203 .v203-trend-card,
    .home-v203 .v203-trend-card:nth-child(n) {
        grid-column: auto;
    }

    .home-v203 .v203-trend-card,
    .home-v203 .v203-trend-card.featured {
        min-height: 240px;
    }

    .home-v203 .v203-trend-visual,
    .home-v203 .v203-trend-card.featured .v203-trend-visual {
        min-height: 112px;
    }

    .home-v203 .v203-aircraft-metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 8px;
    }

    .home-v203 .v201-challenge form.v202-challenge-form .v202-answer-shell {
        grid-template-columns: 38px minmax(0, 1fr);
        padding: 12px;
    }

    .home-v203 .v201-challenge form.v202-challenge-form .v202-answer-shell em {
        font-size: .88rem;
    }

    .home-v203 .v203-creator-media {
        min-height: 390px;
    }

    .home-v203 .v203-creator-media .v202-creator-profile {
        left: 20px;
        bottom: 103px;
        width: 88px;
        height: 88px;
    }

    .home-v203 .v203-latest-video {
        left: 17px;
        right: 17px;
        bottom: 17px;
    }

    .home-v203 .v203-creator-title-row {
        align-items: start;
        flex-direction: column;
    }

    .home-v203 .v203-creator-title-row h2 {
        font-size: clamp(3rem, 15vw, 4.5rem);
    }

    .home-v203 .v203-creator-stats {
        grid-template-columns: 1fr;
    }

    .home-v203 .v203-creator-stats > b {
        min-height: 74px;
    }

    .home-v203 .v203-creator-actions {
        display: grid;
    }

    body.home-v203-page .footer-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }

    body.home-v203-page .footer-grid > div:first-child {
        grid-column: auto;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-v203 .v203-trend-card,
    .home-v203 .v201-question-list > a,
    .home-v203 .v203-resource-card,
    .home-v203 .v203-creator-media .v202-creator-banner {
        transition: none;
    }
}


/* ================================================================
   TechOpsBase v2.0.4 — Creator Spotlight Carousel
   ================================================================ */
.home-v204 .v204-creator-section {
    position: relative;
    min-height: 780px;
    overflow: hidden;
    padding-block: 82px;
    background: #061522;
    isolation: isolate;
}

.home-v204 .v204-creator-background {
    position: absolute;
    z-index: -3;
    inset: 0;
    background-image: var(--creator-section-image);
    background-position: center 42%;
    background-size: cover;
    opacity: .24;
    filter: saturate(.76) contrast(1.05);
    transform: scale(1.035);
}

.home-v204 .v204-creator-section::before {
    content: "";
    position: absolute;
    z-index: -2;
    inset: 0;
    background:
        linear-gradient(90deg, rgba(4, 17, 29, .97) 0%, rgba(4, 17, 29, .88) 46%, rgba(4, 17, 29, .78) 100%),
        linear-gradient(0deg, #061522 0%, transparent 24%, transparent 72%, #061522 100%);
}

.home-v204 .v204-creator-section::after {
    content: "";
    position: absolute;
    z-index: -1;
    inset: 0;
    background:
        radial-gradient(circle at 88% 18%, rgba(34, 214, 230, .11), transparent 28%),
        radial-gradient(circle at 10% 86%, rgba(255, 174, 0, .07), transparent 30%);
    pointer-events: none;
}

.home-v204 .v204-creator-shell {
    position: relative;
}

.home-v204 .v204-creator-header {
    display: flex;
    justify-content: space-between;
    gap: 32px;
    align-items: end;
    margin-bottom: 34px;
}

.home-v204 .v204-creator-header > div:first-child {
    max-width: 760px;
}

.home-v204 .v204-creator-header span {
    color: var(--v203-cyan, #22d6e6);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.home-v204 .v204-creator-header h2 {
    margin: 10px 0 9px;
    font-size: clamp(2.35rem, 4.35vw, 4.35rem);
    line-height: .98;
    letter-spacing: -.045em;
}

.home-v204 .v204-creator-header p {
    max-width: 670px;
    margin: 0;
    color: #a8bdca;
    line-height: 1.65;
}

.home-v204 .v204-carousel-controls {
    display: grid;
    grid-template-columns: 48px auto 48px;
    gap: 9px;
    align-items: center;
    padding: 8px;
    border: 1px solid rgba(73, 129, 160, .35);
    border-radius: 17px;
    background: rgba(6, 22, 36, .76);
    backdrop-filter: blur(14px);
}

.home-v204 .v204-carousel-controls button {
    display: grid;
    place-items: center;
    width: 48px;
    height: 44px;
    border: 1px solid #214861;
    border-radius: 12px;
    background: #0d2a40;
    color: #fff;
    font-size: 1.2rem;
    cursor: pointer;
    transition: transform .2s ease, border-color .2s ease, background .2s ease;
}

.home-v204 .v204-carousel-controls button:hover,
.home-v204 .v204-carousel-controls button:focus-visible {
    border-color: var(--v203-cyan, #22d6e6);
    background: #123b55;
    transform: translateY(-2px);
}

.home-v204 .v204-carousel-controls > span {
    min-width: 58px;
    color: #dbe8ef;
    font-size: .72rem;
    font-weight: 800;
    letter-spacing: .07em;
    text-align: center;
}

.home-v204 .v204-creator-stage {
    position: relative;
    min-height: 500px;
}

.home-v204 .v204-creator-slide {
    display: grid;
    grid-template-columns: minmax(360px, .88fr) minmax(0, 1.12fr);
    gap: 46px;
    align-items: center;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transform: translate3d(34px, 0, 0) scale(.988);
    pointer-events: none;
    transition:
        opacity .58s cubic-bezier(.22, .7, .22, 1),
        transform .58s cubic-bezier(.22, .7, .22, 1),
        visibility 0s linear .58s;
}

.home-v204 .v204-creator-slide:not(.is-active) {
    position: absolute;
    inset: 0;
}

.home-v204 .v204-creator-slide.is-active {
    position: relative;
    opacity: 1;
    visibility: visible;
    transform: translate3d(0, 0, 0) scale(1);
    pointer-events: auto;
    transition-delay: 0s;
}

.home-v204 .v204-creator-slide.is-leaving-left {
    transform: translate3d(-30px, 0, 0) scale(.99);
}

.home-v204 .v204-creator-slide.is-entering-left {
    transform: translate3d(-30px, 0, 0) scale(.99);
}

.home-v204 .v204-creator-media {
    position: relative;
    min-height: 478px;
    overflow: hidden;
    border: 1px solid rgba(83, 143, 174, .45);
    border-radius: 28px;
    background: #091d2d;
    box-shadow: 0 30px 85px rgba(0, 0, 0, .33);
}

.home-v204 .v204-creator-card-image {
    position: absolute;
    inset: 0;
    background:
        linear-gradient(0deg, rgba(4, 17, 29, .97) 0%, rgba(4, 17, 29, .12) 68%),
        linear-gradient(110deg, rgba(4, 17, 29, .2), transparent),
        var(--creator-card-image, linear-gradient(145deg, #163c55, #071725)) center / cover no-repeat;
    transform: scale(1.01);
    transition: transform .7s ease;
}

.home-v204 .v204-creator-media:hover .v204-creator-card-image {
    transform: scale(1.05);
}

.home-v204 .v204-creator-profile {
    position: absolute;
    z-index: 3;
    left: 28px;
    bottom: 108px;
    display: grid;
    place-items: center;
    width: 110px;
    height: 110px;
    overflow: hidden;
    border: 5px solid #061522;
    border-radius: 50%;
    background: #123d58;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 900;
    box-shadow: 0 18px 50px rgba(0, 0, 0, .4);
}

.home-v204 .v204-creator-profile img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.home-v204 .v204-latest-video {
    position: absolute;
    z-index: 3;
    left: 26px;
    right: 26px;
    bottom: 24px;
    display: grid;
    grid-template-columns: 48px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
    min-height: 66px;
    padding: 11px 14px;
    border: 1px solid rgba(135, 197, 224, .28);
    border-radius: 16px;
    background: rgba(4, 17, 29, .88);
    color: #fff;
    backdrop-filter: blur(16px);
}

.home-v204 .v204-latest-video > span {
    display: grid;
    place-items: center;
    width: 44px;
    height: 44px;
    border-radius: 50%;
    background: var(--v203-amber, #ffae00);
    color: #07131d;
}

.home-v204 .v204-latest-video > div {
    display: grid;
    gap: 3px;
    min-width: 0;
}

.home-v204 .v204-latest-video small {
    color: var(--v203-cyan, #22d6e6);
    font-size: .63rem;
    letter-spacing: .11em;
}

.home-v204 .v204-latest-video strong {
    overflow: hidden;
    font-size: .92rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.home-v204 .v204-latest-video.is-empty > span {
    background: #16405a;
    color: var(--v203-cyan, #22d6e6);
}

.home-v204 .v204-creator-content {
    min-width: 0;
    padding: 20px 0;
}

.home-v204 .v204-creator-eyebrow {
    display: flex;
    justify-content: space-between;
    gap: 16px;
    align-items: center;
}

.home-v204 .v204-creator-eyebrow > span {
    color: var(--v203-cyan, #22d6e6);
    font-size: .72rem;
    font-weight: 900;
    letter-spacing: .12em;
}

.home-v204 .v204-creator-eyebrow > b {
    padding: 7px 10px;
    border: 1px solid rgba(34, 214, 230, .36);
    border-radius: 999px;
    background: rgba(14, 62, 77, .55);
    color: #bcf6fb;
    font-size: .64rem;
}

.home-v204 .v204-creator-title-row {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: end;
    margin: 18px 0 20px;
}

.home-v204 .v204-creator-title-row h3 {
    margin: 0;
    font-size: clamp(3.45rem, 6.2vw, 6.4rem);
    line-height: .86;
    letter-spacing: -.058em;
}

.home-v204 .v204-creator-title-row small {
    display: block;
    margin-top: 10px;
    color: #8ca7b7;
}

.home-v204 .v204-creator-title-row > span {
    max-width: 180px;
    padding: 8px 12px;
    border: 1px solid #28506a;
    border-radius: 999px;
    color: #d2e2eb;
    font-size: .72rem;
    text-align: center;
}

.home-v204 .v204-creator-content > p {
    max-width: 720px;
    color: #b0c4d0;
    font-size: 1rem;
    line-height: 1.75;
}

.home-v204 .v204-creator-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    margin: 18px 0 24px;
}

.home-v204 .v204-creator-tags span {
    padding: 8px 11px;
    border: 1px solid #21455d;
    border-radius: 999px;
    background: rgba(11, 37, 56, .78);
    color: #b5c9d5;
    font-size: .74rem;
}

.home-v204 .v204-creator-stats {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 11px;
    margin-bottom: 21px;
}

.home-v204 .v204-creator-stats b {
    display: grid;
    gap: 5px;
    min-height: 90px;
    align-content: center;
    padding: 15px;
    border: 1px solid rgba(55, 110, 142, .48);
    border-radius: 16px;
    background: rgba(8, 31, 49, .88);
    font-size: 1.62rem;
    backdrop-filter: blur(10px);
}

.home-v204 .v204-creator-stats small {
    color: #90aabb;
    font-size: .63rem;
    font-weight: 700;
    text-transform: uppercase;
}

.home-v204 .v204-creator-actions {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}

.home-v204 .v204-creator-dots {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: 31px;
}

.home-v204 .v204-creator-dots button {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    min-height: 42px;
    padding: 8px 13px;
    border: 1px solid #21445c;
    border-radius: 999px;
    background: rgba(6, 23, 37, .78);
    color: #8fa8b8;
    cursor: pointer;
    backdrop-filter: blur(12px);
    transition: border-color .2s ease, background .2s ease, color .2s ease;
}

.home-v204 .v204-creator-dots i {
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #51768b;
}

.home-v204 .v204-creator-dots button.is-active {
    border-color: rgba(34, 214, 230, .55);
    background: #10354c;
    color: #fff;
}

.home-v204 .v204-creator-dots button.is-active i {
    background: var(--v203-cyan, #22d6e6);
    box-shadow: 0 0 0 4px rgba(34, 214, 230, .12);
}

@media (max-width: 1000px) {
    .home-v204 .v204-creator-section {
        min-height: 1050px;
    }

    .home-v204 .v204-creator-slide {
        grid-template-columns: minmax(0, 1fr);
        gap: 30px;
    }

    .home-v204 .v204-creator-media {
        min-height: 500px;
    }

    .home-v204 .v204-creator-stage {
        min-height: 860px;
    }
}

@media (max-width: 650px) {
    .home-v204 .v204-creator-section {
        min-height: 1070px;
        padding-block: 62px;
    }

    .home-v204 .v204-creator-header {
        align-items: start;
        flex-direction: column;
    }

    .home-v204 .v204-creator-header h2 {
        font-size: clamp(2.45rem, 12vw, 3.7rem);
    }

    .home-v204 .v204-carousel-controls {
        align-self: stretch;
        grid-template-columns: 48px 1fr 48px;
    }

    .home-v204 .v204-creator-stage {
        min-height: 860px;
    }

    .home-v204 .v204-creator-media {
        min-height: 390px;
        border-radius: 22px;
    }

    .home-v204 .v204-creator-profile {
        left: 19px;
        bottom: 104px;
        width: 88px;
        height: 88px;
    }

    .home-v204 .v204-latest-video {
        left: 16px;
        right: 16px;
        bottom: 16px;
    }

    .home-v204 .v204-creator-title-row {
        align-items: start;
        flex-direction: column;
    }

    .home-v204 .v204-creator-title-row h3 {
        font-size: clamp(3.15rem, 16vw, 4.65rem);
    }

    .home-v204 .v204-creator-stats {
        grid-template-columns: 1fr;
    }

    .home-v204 .v204-creator-stats b {
        min-height: 72px;
    }

    .home-v204 .v204-creator-actions {
        display: grid;
    }

    .home-v204 .v204-creator-dots button span {
        display: none;
    }

    .home-v204 .v204-creator-dots button {
        min-width: 42px;
        justify-content: center;
        padding-inline: 10px;
    }
}

@media (prefers-reduced-motion: reduce) {
    .home-v204 .v204-creator-slide,
    .home-v204 .v204-creator-card-image,
    .home-v204 .v204-carousel-controls button {
        transition: none;
    }
}


/* ================================================================
   TechOpsBase v2.0.5 — Featured TikTok and Meme viewer
   ================================================================ */
.v205-fun-dock .v202-fun-tabs button{display:flex;justify-content:center;align-items:center;gap:8px}.v205-fun-dock .v202-fun-tabs small{display:grid;place-items:center;min-width:22px;height:22px;border-radius:999px;background:rgba(31,212,229,.13);color:#dffbff}.v205-fun-preview{width:100%;border:0;text-align:left;cursor:pointer}.v205-fun-preview div>span{color:#9eb7c7;font-size:.78rem}.v205-fun-preview:hover{transform:translateY(-2px)}
.v205-media-open{overflow:hidden}.v205-media-modal{position:fixed;z-index:9999;inset:0;display:grid;place-items:center;padding:24px}.v205-media-modal[hidden]{display:none!important}.v205-media-backdrop{position:absolute;inset:0;background:rgba(0,7,14,.86);backdrop-filter:blur(14px)}.v205-media-dialog{position:relative;width:min(1120px,96vw);height:min(820px,92vh);overflow:hidden;border:1px solid #24536e;border-radius:26px;background:#061522;box-shadow:0 40px 120px rgba(0,0,0,.62);outline:0}.v205-media-header{height:66px;display:flex;justify-content:space-between;align-items:center;padding:8px 12px 8px 18px;border-bottom:1px solid rgba(118,180,214,.18);background:#071a2a}.v205-media-type-tabs{display:flex;gap:8px}.v205-media-type-tabs button{min-height:42px;padding:0 18px;border:1px solid transparent;border-radius:12px;background:transparent;color:#9eb5c5;font-weight:900;cursor:pointer}.v205-media-type-tabs button.is-active{border-color:#1fc9db;background:#123b52;color:#fff}.v205-media-header-actions{display:flex;align-items:center;gap:16px;color:#abc0cd}.v205-media-header-actions button{width:42px;height:42px;border:1px solid #31556d;border-radius:12px;background:#0d2638;color:#fff;font-size:1.7rem;cursor:pointer}.v205-media-stage{height:calc(100% - 66px)}.v205-media-slide{height:100%;display:grid;grid-template-columns:minmax(360px,.72fr) minmax(320px,.48fr);opacity:0;transform:translateY(15px);transition:opacity .25s ease,transform .25s ease}.v205-media-slide[hidden]{display:none!important}.v205-media-slide.is-active{opacity:1;transform:none}.v205-media-visual{min-width:0;height:100%;display:grid;place-items:center;background:#02080e}.v205-media-video iframe{width:100%;height:100%;border:0;background:#000}.v205-media-meme{padding:24px;background:radial-gradient(circle at center,#112f44,#030b12 70%)}.v205-media-meme img{max-width:100%;max-height:100%;object-fit:contain;border-radius:18px;box-shadow:0 25px 70px rgba(0,0,0,.45)}.v205-media-unavailable{display:grid;gap:16px;text-align:center}.v205-media-info{display:flex;flex-direction:column;padding:38px 34px;background:linear-gradient(145deg,#0d2639,#071725)}.v205-media-info>span{color:#22d4e5;font-size:.72rem;letter-spacing:.14em;font-weight:900}.v205-media-info h3{font-size:clamp(2rem,3vw,3.25rem);line-height:1.02;margin:14px 0}.v205-media-info>p{color:#acc1ce;line-height:1.65;max-height:150px;overflow:auto}.v205-media-context{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 20px}.v205-media-context b{padding:7px 10px;border:1px solid #2a526b;border-radius:999px;color:#c9dae4;font-size:.72rem;text-transform:capitalize}.v205-media-reactions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:auto}.v205-media-reactions button{min-height:84px;display:grid;grid-template-columns:auto auto;align-content:center;justify-content:center;gap:4px 9px;border:1px solid #2b5169;border-radius:16px;background:#0a2031;color:#fff;font-size:1.4rem;cursor:pointer}.v205-media-reactions button span{font-weight:900}.v205-media-reactions button small{grid-column:1/-1;color:#93acbd;font-size:.68rem;text-transform:uppercase}.v205-media-reactions button.is-active{border-color:#22d4e5;background:#123e56;box-shadow:0 0 0 1px rgba(34,212,229,.14)}.v205-media-links{display:grid;gap:12px;margin-top:14px}.v205-media-links>a:not(.button){color:#22d4e5;text-align:center;font-weight:800}.v205-media-navigation{position:absolute;right:18px;top:82px;display:grid;gap:8px}.v205-media-navigation button{width:44px;height:44px;border:1px solid #31576e;border-radius:13px;background:rgba(8,31,47,.9);color:#fff;font-size:1.15rem;cursor:pointer}
.v205-admin-media .admin-nav{margin-bottom:24px}.v205-admin-tabs{display:flex;gap:10px;margin:24px 0}.v205-admin-tabs button{min-height:48px;padding:0 20px;border:1px solid #294e67;border-radius:13px;background:#0b2031;color:#b3c6d2;font-weight:900;cursor:pointer}.v205-admin-tabs button.is-active{border-color:#23ccdc;background:#123d55;color:#fff}.v205-admin-tabs b{margin-left:8px;color:#ffad00}.v205-admin-split{align-items:start}.v205-admin-tiktok-preview{min-height:300px;display:grid;place-items:center;border:1px dashed #2c637f;border-radius:16px;background:#061522;color:#91aaba;text-align:center;overflow:hidden}.v205-admin-tiktok-preview>span{font-size:2.2rem;color:#22d4e5}.v205-admin-tiktok-preview iframe{width:100%;height:420px;border:0}.v205-admin-media-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:28px}.v205-admin-media-card{overflow:hidden;border:1px solid #24465e;border-radius:18px;background:#081b2a}.v205-admin-media-card.is-pending{border-color:#ffad00;box-shadow:0 0 0 1px rgba(255,173,0,.12)}.v205-admin-media-thumb{height:220px;display:grid;place-items:center;background:#03101b;color:#22d4e5;font-size:2rem}.v205-admin-media-thumb img{width:100%;height:100%;object-fit:cover}.v205-admin-media-card form{padding:18px}.v205-admin-card-head{display:flex;justify-content:space-between;gap:12px;align-items:start}.v205-admin-card-head small{color:#88a6b8}.v205-admin-card-head a{color:#22d4e5}.context-card{padding:16px 18px;margin:0 0 18px;border:1px solid #2b536b;border-radius:14px;background:#0b2234}
@media(max-width:980px){.v205-media-slide{grid-template-columns:1fr}.v205-media-dialog{height:94vh}.v205-media-visual{height:58vh}.v205-media-info{height:calc(36vh - 66px);padding:22px;overflow:auto}.v205-media-info h3{font-size:1.8rem}.v205-media-navigation{top:auto;bottom:18px;right:18px}.v205-admin-media-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.v205-media-modal{padding:0}.v205-media-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.v205-media-header{height:58px}.v205-media-stage{height:calc(100% - 58px)}.v205-media-slide{display:block;overflow:auto}.v205-media-visual{height:62dvh}.v205-media-info{height:auto;min-height:38dvh}.v205-media-type-tabs button{padding:0 10px;font-size:.78rem}.v205-media-navigation{right:10px;bottom:10px}.v205-admin-media-grid{grid-template-columns:1fr}.v205-admin-tabs{display:grid;grid-template-columns:1fr 1fr}.v205-admin-tiktok-preview{min-height:230px}}
@media(prefers-reduced-motion:reduce){.v205-media-slide,.v205-fun-preview{transition:none}}


/* ================================================================
   TechOpsBase v2.0.5.1 — Community Media Compact UI
   ================================================================ */

/* Homepage compact preview title */
.v2051 .v205-fun-preview strong,
.home-v2051 .v205-fun-preview strong {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    max-width: 100%;
    font-size: clamp(1.05rem, 1.5vw, 1.32rem);
    line-height: 1.28;
    letter-spacing: -.018em;
}

/* Popup: title is no longer the size of a page heading. */
.home-v2051 .v205-media-info {
    padding: 30px 30px 26px;
}

.home-v2051 .v205-media-info h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    margin: 11px 0 12px;
    font-size: clamp(1.42rem, 2.15vw, 2.15rem);
    line-height: 1.12;
    letter-spacing: -.03em;
}

.v2051-media-caption {
    max-height: 150px;
    overflow-y: auto;
    margin: 0 0 12px;
    padding: 12px 14px;
    border: 1px solid rgba(102, 164, 198, .18);
    border-radius: 12px;
    background: rgba(3, 15, 25, .34);
    scrollbar-width: thin;
}

.v2051-media-caption p {
    margin: 0;
    color: #adc2cf;
    font-size: .92rem;
    line-height: 1.58;
}

.v2051-media-hashtags {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    margin: -8px 0 16px;
}

.v2051-media-hashtags span {
    padding: 6px 9px;
    border: 1px solid rgba(31, 212, 229, .24);
    border-radius: 999px;
    background: rgba(31, 212, 229, .07);
    color: #9feef5;
    font-size: .68rem;
    font-weight: 800;
}

.home-v2051 .v205-media-context {
    margin: 8px 0 17px;
}

.home-v2051 .v205-media-reactions button {
    min-height: 70px;
}

/* Admin import preview is useful without dominating the page. */
.v2051-admin-media .v205-admin-tiktok-preview {
    min-height: 235px;
}

.v2051-admin-media .v205-admin-tiktok-preview iframe {
    height: 315px;
}

/* Compact moderation grid. Detailed forms are collapsed by default. */
.v2051-admin-media-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 16px;
    margin-top: 26px;
    align-items: start;
}

.v2051-admin-media-card {
    min-width: 0;
    overflow: hidden;
    border: 1px solid #24485f;
    border-radius: 18px;
    background: linear-gradient(155deg, #0b2132, #071824);
    box-shadow: 0 15px 38px rgba(0, 0, 0, .12);
}

.v2051-admin-media-card.is-pending {
    border-color: rgba(255, 173, 0, .72);
    box-shadow: 0 0 0 1px rgba(255, 173, 0, .1);
}

.v2051-admin-media-thumb {
    position: relative;
    display: grid;
    place-items: center;
    height: 180px;
    overflow: hidden;
    background: #03101a;
    color: #20cee0;
    font-size: 2rem;
}

.v2051-admin-media-thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v2051-admin-badges {
    position: absolute;
    inset: 10px 10px auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 6px;
    pointer-events: none;
}

.v2051-admin-badges b {
    padding: 5px 8px;
    border: 1px solid rgba(255,255,255,.14);
    border-radius: 999px;
    background: rgba(3, 15, 25, .84);
    color: #dceaf2;
    font-size: .62rem;
    text-transform: uppercase;
    backdrop-filter: blur(8px);
}

.v2051-admin-badges .status-pending {
    color: #ffd377;
    border-color: rgba(255, 173, 0, .45);
}

.v2051-admin-badges .status-published {
    color: #9cf0da;
    border-color: rgba(45, 214, 165, .36);
}

.v2051-admin-badges .status-rejected,
.v2051-admin-badges .status-archived {
    color: #d2a8a8;
}

.v2051-admin-badges .is-featured {
    color: #ffcf65;
    border-color: rgba(255, 173, 0, .42);
}

.v2051-admin-summary {
    display: flex;
    min-height: 210px;
    flex-direction: column;
    padding: 16px 16px 13px;
}

.v2051-admin-summary > small {
    color: #61d8e5;
    font-size: .66rem;
    font-weight: 800;
    text-transform: uppercase;
}

.v2051-admin-summary h3 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    margin: 8px 0 9px;
    color: #f2f8fb;
    font-size: 1.03rem;
    line-height: 1.32;
}

.v2051-admin-summary > p {
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    margin: 0;
    color: #9fb5c3;
    font-size: .77rem;
    line-height: 1.48;
}

.v2051-admin-tags {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 10px;
}

.v2051-admin-tags span {
    padding: 4px 7px;
    border-radius: 999px;
    background: rgba(31, 212, 229, .08);
    color: #8ce5ee;
    font-size: .6rem;
}

.v2051-admin-card-actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
    align-items: end;
    margin-top: auto;
    padding-top: 14px;
}

.v2051-admin-card-actions a {
    color: #24d1e1;
    font-size: .72rem;
    font-weight: 800;
}

.v2051-admin-card-actions small {
    max-width: 48%;
    overflow: hidden;
    color: #7793a5;
    font-size: .6rem;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v2051-admin-editor {
    border-top: 1px solid rgba(110, 170, 202, .16);
}

.v2051-admin-editor > summary {
    display: flex;
    min-height: 46px;
    align-items: center;
    justify-content: center;
    padding: 0 16px;
    color: #dbe9f0;
    font-size: .76rem;
    font-weight: 900;
    cursor: pointer;
    list-style: none;
    transition: background .2s ease, color .2s ease;
}

.v2051-admin-editor > summary::-webkit-details-marker {
    display: none;
}

.v2051-admin-editor > summary::after {
    content: "＋";
    margin-left: 8px;
    color: #28d2e2;
}

.v2051-admin-editor[open] > summary::after {
    content: "−";
}

.v2051-admin-editor > summary:hover {
    background: rgba(31, 212, 229, .07);
    color: #fff;
}

.v2051-admin-editor .admin-form {
    padding: 17px;
    border-top: 1px solid rgba(110, 170, 202, .14);
    background: rgba(3, 15, 25, .35);
}

@media (min-width: 1100px) {
    .v2051-admin-media-card:has(.v2051-admin-editor[open]) {
        grid-column: span 2;
    }
}

@media (max-width: 1000px) {
    .v2051-admin-media-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .home-v2051 .v205-media-info h3 {
        font-size: 1.55rem;
        -webkit-line-clamp: 3;
    }
}

@media (max-width: 640px) {
    .v2051-admin-media-grid {
        grid-template-columns: 1fr;
    }

    .v2051-admin-media-card {
        display: grid;
        grid-template-columns: 112px minmax(0, 1fr);
    }

    .v2051-admin-media-thumb {
        height: 100%;
        min-height: 185px;
    }

    .v2051-admin-summary {
        min-height: 185px;
        padding: 14px;
    }

    .v2051-admin-editor {
        grid-column: 1 / -1;
    }

    .v2051-admin-media .v205-admin-tiktok-preview iframe {
        height: 300px;
    }

    .home-v2051 .v205-media-info {
        padding: 20px;
    }

    .home-v2051 .v205-media-info h3 {
        font-size: 1.36rem;
        line-height: 1.16;
    }

    .v2051-media-caption {
        max-height: 125px;
    }
}


/* ================================================================
   TechOpsBase v2.0.6 — Community Media Discussions
   ================================================================ */
.home-v206 .v206-media-info {
    display: grid;
    grid-template-rows: minmax(0, .82fr) minmax(300px, 1.18fr);
    padding: 0;
    overflow: hidden;
}

.home-v206 .v206-media-summary {
    min-height: 0;
    overflow-y: auto;
    padding: 26px 28px 20px;
    border-bottom: 1px solid rgba(105, 166, 199, .18);
    scrollbar-width: thin;
}

.home-v206 .v206-media-summary > span {
    color: #22d4e5;
    font-size: .69rem;
    letter-spacing: .14em;
    font-weight: 900;
}

.home-v206 .v206-media-summary h3 {
    margin: 9px 0 10px;
    font-size: clamp(1.25rem, 1.85vw, 1.82rem);
    line-height: 1.14;
    -webkit-line-clamp: 3;
}

.home-v206 .v206-media-summary .v2051-media-caption {
    max-height: 94px;
    margin-bottom: 9px;
}

.home-v206 .v206-media-summary .v205-media-context {
    margin: 7px 0 10px;
}

.home-v206 .v206-media-summary .v2051-media-hashtags {
    margin: 0 0 10px;
}

.home-v206 .v206-media-summary .v205-media-reactions {
    margin-top: 8px;
}

.home-v206 .v206-media-summary .v205-media-reactions button {
    min-height: 58px;
    font-size: 1.05rem;
    border-radius: 13px;
}

.home-v206 .v206-media-summary .v205-media-links {
    grid-template-columns: 1fr auto;
    align-items: center;
    gap: 10px;
    margin-top: 10px;
}

.home-v206 .v206-media-summary .v205-media-links .button {
    min-height: 42px;
    padding: 0 14px;
    font-size: .75rem;
}

.v206-comments {
    min-height: 0;
    display: grid;
    grid-template-rows: auto auto minmax(120px, 1fr) auto;
    background: linear-gradient(160deg, #081c2b, #061521);
}

.v206-comments-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    padding: 14px 18px 11px;
    border-bottom: 1px solid rgba(105, 166, 199, .14);
}

.v206-comments-header > div:first-child {
    display: grid;
    gap: 2px;
}

.v206-comments-header span {
    color: #22d4e5;
    font-size: .62rem;
    font-weight: 900;
    letter-spacing: .13em;
}

.v206-comments-header strong {
    color: #eaf4f9;
    font-size: .84rem;
}

.v206-comments-header strong b {
    color: #fff;
}

.v206-comment-sort {
    display: flex;
    padding: 3px;
    border: 1px solid #284a60;
    border-radius: 10px;
    background: rgba(4, 16, 26, .42);
}

.v206-comment-sort button {
    min-height: 30px;
    padding: 0 10px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #8fa8b8;
    font-size: .66rem;
    font-weight: 900;
    cursor: pointer;
}

.v206-comment-sort button.is-active {
    background: #123d54;
    color: #fff;
}

.v206-reply-context {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    padding: 8px 16px;
    border-bottom: 1px solid rgba(31, 212, 229, .16);
    background: rgba(31, 212, 229, .06);
    color: #add1dd;
    font-size: .7rem;
}

.v206-reply-context[hidden] {
    display: none !important;
}

.v206-reply-context button {
    border: 0;
    background: transparent;
    color: #ffbf38;
    font-weight: 800;
    cursor: pointer;
}

.v206-comment-list {
    min-height: 0;
    overflow-y: auto;
    padding: 8px 13px 14px;
    overscroll-behavior: contain;
    scrollbar-width: thin;
}

.v206-comment,
.v206-comment-replies {
    min-width: 0;
}

.v206-comment {
    display: grid;
    grid-template-columns: 34px minmax(0, 1fr);
    gap: 10px;
    padding: 12px 5px;
    border-bottom: 1px solid rgba(115, 171, 202, .11);
    transition: background .2s ease, box-shadow .2s ease;
}

.v206-comment.is-highlighted {
    border-radius: 12px;
    background: rgba(31, 212, 229, .1);
    box-shadow: inset 0 0 0 1px rgba(31, 212, 229, .24);
}

.v206-comment.is-pinned {
    border-radius: 12px;
    background: rgba(255, 173, 0, .045);
}

.v206-comment-avatar {
    display: grid;
    place-items: center;
    width: 34px;
    height: 34px;
    overflow: hidden;
    border: 1px solid #31566d;
    border-radius: 50%;
    background: #123b53;
    color: #fff;
    font-size: .68rem;
    font-weight: 900;
}

.v206-comment-avatar img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.v206-comment-content {
    min-width: 0;
}

.v206-comment-content > header {
    display: flex;
    align-items: start;
    justify-content: space-between;
    gap: 8px;
}

.v206-comment-content > header > div {
    display: flex;
    min-width: 0;
    flex-wrap: wrap;
    align-items: center;
    gap: 5px;
}

.v206-comment-content > header a {
    max-width: 160px;
    overflow: hidden;
    color: #eef6fa;
    font-size: .74rem;
    font-weight: 900;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.v206-comment-content > header span {
    padding: 3px 5px;
    border-radius: 999px;
    background: rgba(31, 212, 229, .08);
    color: #8ae6ee;
    font-size: .52rem;
    font-weight: 800;
    letter-spacing: 0;
}

.v206-comment-content > header .is-pinned-label {
    background: rgba(255, 173, 0, .12);
    color: #ffca5c;
}

.v206-comment-content > header small {
    flex: 0 0 auto;
    color: #718b9b;
    font-size: .58rem;
}

.v206-comment-content > p {
    margin: 6px 0 7px;
    color: #c3d2db;
    font-size: .77rem;
    line-height: 1.5;
    overflow-wrap: anywhere;
    white-space: pre-wrap;
}

.v206-comment-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 4px;
}

.v206-comment-actions button {
    min-height: 26px;
    padding: 0 7px;
    border: 0;
    border-radius: 7px;
    background: transparent;
    color: #819eaf;
    font-size: .61rem;
    font-weight: 800;
    cursor: pointer;
}

.v206-comment-actions button:hover,
.v206-comment-actions button.is-active {
    background: rgba(31, 212, 229, .08);
    color: #3bd8e5;
}

.v206-comment-actions small {
    color: #708a99;
    font-size: .58rem;
}

.v206-comment-replies {
    margin: 8px 0 0 4px;
    padding-left: 10px;
    border-left: 1px solid #24475d;
}

.v206-comment.is-reply {
    grid-template-columns: 28px minmax(0, 1fr);
    padding: 9px 0;
    border-bottom: 0;
}

.v206-comment.is-reply .v206-comment-avatar {
    width: 28px;
    height: 28px;
}

.v206-comment-loading,
.v206-comment-empty {
    min-height: 130px;
    display: grid;
    place-content: center;
    gap: 5px;
    padding: 20px;
    text-align: center;
    color: #829cab;
    font-size: .75rem;
}

.v206-comment-empty b {
    color: #e8f2f7;
    font-size: .9rem;
}

.v206-comment-empty p {
    margin: 0;
}

.v206-comment-composer {
    position: relative;
    padding: 10px 13px 13px;
    border-top: 1px solid rgba(105, 166, 199, .15);
    background: rgba(4, 15, 24, .92);
}

.v206-comment-composer form {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    gap: 8px;
    align-items: end;
}

.v206-comment-composer textarea {
    width: 100%;
    min-height: 46px;
    max-height: 110px;
    resize: vertical;
    padding: 10px 11px;
    border: 1px solid #2b5068;
    border-radius: 12px;
    background: #071725;
    color: #edf6fa;
    font: inherit;
    font-size: .76rem;
    line-height: 1.4;
}

.v206-comment-composer textarea:focus {
    border-color: #22d4e5;
    outline: none;
    box-shadow: 0 0 0 2px rgba(34, 212, 229, .1);
}

.v206-comment-composer button {
    min-height: 46px;
    padding: 0 14px;
    border: 0;
    border-radius: 11px;
    background: #ffad00;
    color: #07121c;
    font-size: .72rem;
    font-weight: 900;
    cursor: pointer;
}

.v206-comment-composer a {
    display: grid;
    min-height: 46px;
    place-items: center;
    border: 1px solid #2b5068;
    border-radius: 11px;
    color: #24d2e2;
    font-size: .75rem;
    font-weight: 900;
}

/* Compact admin discussion moderation */
.v206-admin-tabs {
    display: flex;
    gap: 8px;
    margin: 20px 0;
}

.v206-admin-tabs a {
    padding: 10px 15px;
    border: 1px solid #284b61;
    border-radius: 11px;
    color: #9eb5c4;
    font-weight: 900;
}

.v206-admin-tabs a.active {
    border-color: #22d4e5;
    background: #123c53;
    color: #fff;
}

.v206-admin-filter {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr)) auto;
    gap: 10px;
    margin-bottom: 18px;
}

.v206-admin-comment-list {
    display: grid;
    gap: 12px;
}

.v206-admin-comment-card {
    display: grid;
    grid-template-columns: 58px minmax(0, 1fr) minmax(250px, .62fr);
    gap: 15px;
    align-items: start;
    padding: 16px;
    border: 1px solid #24485e;
    border-radius: 16px;
    background: linear-gradient(145deg, #0b2132, #071824);
}

.v206-admin-comment-card.is-reported {
    border-color: rgba(255, 173, 0, .55);
}

.v206-admin-comment-avatar {
    display: grid;
    place-items: center;
    width: 48px;
    height: 48px;
    border-radius: 50%;
    background: #153c54;
    color: #fff;
    font-weight: 900;
}

.v206-admin-comment-body h3 {
    margin: 4px 0 7px;
    font-size: 1rem;
}

.v206-admin-comment-body p {
    margin: 0 0 8px;
    color: #b1c4cf;
    line-height: 1.55;
    white-space: pre-wrap;
}

.v206-admin-comment-meta {
    display: flex;
    flex-wrap: wrap;
    gap: 7px;
    color: #7794a5;
    font-size: .68rem;
}

.v206-admin-comment-actions {
    display: grid;
    gap: 8px;
}

.v206-admin-comment-actions textarea {
    min-height: 62px;
}

@media (max-width: 980px) {
    .home-v206 .v206-media-info {
        display: block;
        height: auto;
        overflow: visible;
    }

    .home-v206 .v206-media-summary {
        max-height: none;
        overflow: visible;
    }

    .v206-comments {
        min-height: 430px;
    }

    .v206-comment-list {
        max-height: 390px;
    }

    .v206-admin-comment-card {
        grid-template-columns: 48px minmax(0, 1fr);
    }

    .v206-admin-comment-actions {
        grid-column: 1 / -1;
    }

    .v206-admin-filter {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .home-v206 .v206-media-summary {
        padding: 18px;
    }

    .home-v206 .v206-media-summary .v205-media-links {
        grid-template-columns: 1fr;
    }

    .v206-comments-header {
        align-items: start;
        padding-inline: 14px;
    }

    .v206-comment-list {
        max-height: 52dvh;
        padding-inline: 9px;
    }

    .v206-comment-composer {
        position: sticky;
        bottom: 0;
        z-index: 4;
    }

    .v206-comment-composer form {
        grid-template-columns: 1fr;
    }

    .v206-comment-composer button {
        min-height: 40px;
    }

    .v206-admin-filter {
        grid-template-columns: 1fr;
    }

    .v206-admin-comment-card {
        grid-template-columns: 1fr;
    }
}

/* ================================================================
   TechOpsBase v2.0.7 — Contextual Recommendations & Sharing
   ================================================================ */

.context-modal-open {
    overflow: hidden;
}

.context-share-fab {
    position: fixed;
    z-index: 970;
    right: 22px;
    bottom: 24px;
    display: inline-flex;
    align-items: center;
    gap: 9px;
    min-height: 46px;
    padding: 0 16px;
    border: 1px solid rgba(31, 212, 229, .45);
    border-radius: 999px;
    background: rgba(7, 25, 40, .94);
    color: #eefaff;
    font: inherit;
    font-size: .78rem;
    font-weight: 800;
    box-shadow: 0 16px 44px rgba(0, 0, 0, .28);
    cursor: pointer;
    backdrop-filter: blur(12px);
}

.context-share-fab svg {
    width: 18px;
    height: 18px;
    fill: none;
    stroke: #24d3e4;
    stroke-width: 1.8;
}

.context-share-fab:hover {
    border-color: #24d3e4;
    transform: translateY(-2px);
}

.context-share-layer,
.context-recommend-layer {
    position: fixed;
    z-index: 1200;
    inset: 0;
    display: grid;
    place-items: center;
    padding: 20px;
}

.context-share-layer[hidden],
.context-recommend-layer[hidden] {
    display: none !important;
}

.context-modal-backdrop {
    position: absolute;
    inset: 0;
    border: 0;
    background: rgba(0, 8, 15, .78);
    cursor: default;
    backdrop-filter: blur(9px);
}

.context-share-sheet,
.context-recommend-dialog {
    position: relative;
    z-index: 2;
    width: min(620px, 100%);
    max-height: min(760px, calc(100vh - 40px));
    overflow-y: auto;
    padding: 25px;
    border: 1px solid #28536d;
    border-radius: 24px;
    background:
        radial-gradient(circle at 90% 5%, rgba(31, 212, 229, .1), transparent 34%),
        linear-gradient(155deg, #0d2639, #071824);
    color: #eef7fb;
    box-shadow: 0 30px 100px rgba(0, 0, 0, .48);
}

.context-share-sheet > header,
.context-recommend-dialog > header {
    display: flex;
    justify-content: space-between;
    gap: 24px;
    align-items: flex-start;
}

.context-share-sheet > header h2,
.context-recommend-dialog > header h2 {
    margin: 7px 0 0;
    font-size: clamp(1.55rem, 3vw, 2.35rem);
    line-height: 1.08;
}

.context-share-sheet > header > button,
.context-recommend-dialog > header > button {
    flex: 0 0 auto;
    width: 40px;
    height: 40px;
    border: 1px solid #31566e;
    border-radius: 12px;
    background: #0a1d2d;
    color: #fff;
    font-size: 1.5rem;
    cursor: pointer;
}

.context-share-sheet > p,
.context-recommend-dialog > p {
    color: #a9bfcc;
    line-height: 1.65;
}

.context-share-native-row {
    margin: 18px 0 12px;
}

.context-share-native-row button,
.context-share-grid button {
    display: grid;
    place-items: center;
    gap: 7px;
    min-height: 86px;
    padding: 12px;
    border: 1px solid #294d64;
    border-radius: 16px;
    background: rgba(9, 31, 48, .82);
    color: #eaf6fb;
    font: inherit;
    font-size: .75rem;
    font-weight: 800;
    cursor: pointer;
    transition: border-color .2s ease, transform .2s ease, background .2s ease;
}

.context-share-native-row button {
    display: flex;
    width: 100%;
    min-height: 58px;
    justify-content: center;
}

.context-share-native-row b,
.context-share-grid b {
    display: grid;
    place-items: center;
    width: 36px;
    height: 36px;
    border-radius: 11px;
    background: #153f59;
    color: #59e5f0;
    font-size: .85rem;
}

.context-share-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.context-share-grid button:hover,
.context-share-native-row button:hover {
    border-color: #2fd7e5;
    background: #103047;
    transform: translateY(-2px);
}

.context-share-copy {
    grid-column: span 2;
}

.context-share-sheet > small {
    display: block;
    margin-top: 16px;
    color: #7f9aaa;
    line-height: 1.5;
}

.context-recommend-dialog form {
    display: grid;
    gap: 16px;
    margin-top: 20px;
}

.context-recommend-dialog fieldset {
    margin: 0;
    padding: 0;
    border: 0;
}

.context-recommend-dialog legend,
.context-recommend-note > span {
    display: block;
    margin-bottom: 9px;
    color: #bcd1dc;
    font-size: .73rem;
    font-weight: 800;
    letter-spacing: .06em;
    text-transform: uppercase;
}

.context-recommend-dialog legend small {
    color: #6f8b9d;
    font-weight: 600;
}

.context-recommend-reasons {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.context-recommend-reasons label {
    position: relative;
    cursor: pointer;
}

.context-recommend-reasons input {
    position: absolute;
    opacity: 0;
}

.context-recommend-reasons span {
    display: flex;
    min-height: 48px;
    align-items: center;
    padding: 10px 12px;
    border: 1px solid #294c63;
    border-radius: 12px;
    background: rgba(6, 22, 35, .72);
    color: #d9e7ee;
    font-size: .77rem;
    line-height: 1.35;
}

.context-recommend-reasons input:checked + span {
    border-color: #25d3e3;
    background: rgba(25, 91, 112, .5);
    box-shadow: 0 0 0 1px rgba(37, 211, 227, .13);
}

.context-recommend-note textarea {
    width: 100%;
    resize: vertical;
}

.context-action-explainer {
    grid-column: 1 / -1;
    margin: 4px 0 0;
    color: #91aaba;
    font-size: .72rem;
    line-height: 1.5;
}

.context-recommend-success {
    display: flex;
    justify-content: space-between;
    gap: 22px;
    align-items: center;
    margin-bottom: 24px;
    padding: 17px 19px;
    border: 1px solid rgba(39, 207, 158, .36);
    border-radius: 15px;
    background: rgba(24, 105, 80, .13);
}

.context-recommend-success strong,
.context-recommend-success span {
    display: block;
}

.context-recommend-success span {
    margin-top: 4px;
    color: #9fb8c6;
    font-size: .8rem;
}

.context-recommend-success button {
    flex: 0 0 auto;
}

.creator-profile-actions.contextual-creator-actions,
.video-detail-actions.contextual-video-actions {
    flex-wrap: wrap;
}

.contextual-inline-form {
    display: inline-flex;
}

.contextual-button-count {
    display: inline-flex;
    align-items: center;
    gap: 7px;
}

.contextual-button-count small {
    display: inline-grid;
    min-width: 22px;
    height: 22px;
    place-items: center;
    padding: 0 6px;
    border-radius: 999px;
    background: rgba(255,255,255,.09);
    font-size: .65rem;
}

.contextual-suggestion-card {
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) auto;
    gap: 15px;
    align-items: center;
    margin-bottom: 22px;
    padding: 15px;
    border: 1px solid #28516b;
    border-radius: 17px;
    background: linear-gradient(145deg, #0e273a, #091b2a);
}

.contextual-suggestion-card img,
.contextual-suggestion-card .contextual-suggestion-avatar {
    width: 72px;
    height: 72px;
    border-radius: 16px;
    object-fit: cover;
}

.contextual-suggestion-avatar {
    display: grid;
    place-items: center;
    background: #173f59;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 900;
}

.contextual-suggestion-card strong,
.contextual-suggestion-card span,
.contextual-suggestion-card small {
    display: block;
}

.contextual-suggestion-card span {
    margin-top: 4px;
    color: #97b2c2;
}

.contextual-suggestion-card small {
    margin-bottom: 4px;
    color: #25d6e5;
    font-size: .64rem;
    font-weight: 800;
    letter-spacing: .09em;
}

.contextual-suggestion-card a {
    color: #24d1e1;
    font-size: .73rem;
    font-weight: 800;
}

.video-community-action-panel {
    margin-top: 14px;
    padding-top: 14px;
    border-top: 1px solid rgba(116, 169, 198, .18);
}

.video-community-action-panel p {
    margin: 0 0 12px;
    color: #9db4c3;
    font-size: .78rem;
    line-height: 1.55;
}

.admin-share-summary {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 14px;
    margin: 24px 0;
}

.admin-share-summary article {
    padding: 20px;
    border: 1px solid #24475e;
    border-radius: 17px;
    background: #0b2031;
}

.admin-share-summary strong,
.admin-share-summary span {
    display: block;
}

.admin-share-summary strong {
    font-size: 2rem;
}

.admin-share-summary span {
    margin-top: 5px;
    color: #8fa8b7;
    font-size: .72rem;
    text-transform: uppercase;
}

.admin-share-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 18px;
}

.admin-share-table {
    width: 100%;
    border-collapse: collapse;
}

.admin-share-table th,
.admin-share-table td {
    padding: 11px 8px;
    border-bottom: 1px solid rgba(116, 169, 198, .13);
    text-align: left;
    vertical-align: top;
    font-size: .75rem;
}

.admin-share-table th {
    color: #79dce5;
    font-size: .64rem;
    letter-spacing: .07em;
    text-transform: uppercase;
}

@media (max-width: 900px) {
    .context-share-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .context-share-copy {
        grid-column: auto;
    }

    .admin-share-summary,
    .admin-share-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}

@media (max-width: 640px) {
    .context-share-fab {
        right: 14px;
        bottom: 15px;
        width: 46px;
        padding: 0;
        justify-content: center;
    }

    .context-share-fab span {
        display: none;
    }

    .context-share-layer,
    .context-recommend-layer {
        align-items: end;
        padding: 0;
    }

    .context-share-sheet,
    .context-recommend-dialog {
        width: 100%;
        max-height: 88vh;
        border-radius: 23px 23px 0 0;
        padding: 20px;
    }

    .context-share-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .context-recommend-reasons {
        grid-template-columns: 1fr;
    }

    .context-recommend-success,
    .contextual-suggestion-card {
        grid-template-columns: 58px minmax(0, 1fr);
    }

    .context-recommend-success {
        display: grid;
    }

    .context-recommend-success button,
    .contextual-suggestion-card > a {
        grid-column: 1 / -1;
    }

    .contextual-suggestion-card img,
    .contextual-suggestion-card .contextual-suggestion-avatar {
        width: 58px;
        height: 58px;
    }

    .admin-share-summary,
    .admin-share-grid {
        grid-template-columns: 1fr;
    }
}

.creator-video-context-actions {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 10px;
    margin-top: 12px;
}

.creator-video-context-actions .muted {
    color: #809bab;
}


/* ================================================================
   TechOpsBase v2.0.8 — Platform Health & Release QA
   ================================================================ */
.platform-health-page{background:linear-gradient(180deg,#071626,#06111e 40%,#071421)}
.health-qa-header{align-items:flex-end}.health-qa-actions{display:flex;flex-wrap:wrap;gap:10px}.health-qa-actions form{margin:0}
.health-qa-tabs{display:flex;gap:6px;overflow-x:auto;margin:18px 0 28px;padding:7px;border:1px solid #203e55;border-radius:15px;background:#091b2b}.health-qa-tabs a{flex:0 0 auto;padding:11px 15px;border-radius:10px;color:#9fb3c2;font-weight:800}.health-qa-tabs a.active{background:#123c57;color:#fff;box-shadow:inset 0 0 0 1px #20cfe0}
.health-qa-score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:22px}.health-qa-score{display:grid;gap:8px;min-height:210px;padding:22px;border:1px solid #24445b;border-radius:20px;background:linear-gradient(145deg,#0c2235,#081927)}.health-qa-score>span{font-size:.68rem;font-weight:900;letter-spacing:.14em;color:#73dfea}.health-qa-score strong{font-size:2.8rem}.health-qa-score p{color:#9eb3c2;line-height:1.55}.health-qa-score a{margin-top:auto;color:#27d3e3;font-weight:900}.health-qa-score.tone-good{border-color:rgba(39,204,154,.36)}.health-qa-score.tone-warning{border-color:rgba(255,173,0,.42)}.health-qa-score.tone-critical{border-color:rgba(244,95,95,.48)}
.health-qa-priority-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.health-priority-list{display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none;counter-reset:priority}.health-priority-list li{display:grid;grid-template-columns:1fr auto;gap:5px 18px;padding:15px;border:1px solid #234258;border-radius:13px;background:#091b2b}.health-priority-list li b:before{counter-increment:priority;content:counter(priority,decimal-leading-zero) " ";color:#22d3ee}.health-priority-list li span{color:#98afbe}.health-priority-list li a{grid-column:2;grid-row:1/3;align-self:center;color:#ffb000;font-weight:900}.health-priority-list li.critical{border-color:rgba(244,95,95,.45)}.health-priority-list li.warning{border-color:rgba(255,173,0,.42)}
.health-mode-list{display:grid;gap:15px;margin-top:18px}.health-mode-list>div{padding:17px;border:1px solid #23445b;border-radius:14px;background:#091a2a}.health-mode-list p{color:#9eb3c2;line-height:1.6}
.health-route-toolbar{display:flex;justify-content:space-between;gap:25px;align-items:flex-end;margin-bottom:22px}.health-route-toolbar h2{font-size:clamp(2rem,4vw,3.3rem);margin:.35rem 0}.health-route-toolbar p{color:#9fb4c3;max-width:780px}
.health-run-panel{padding:18px 20px;margin-bottom:20px;border:1px solid #28516a;border-radius:18px;background:#0a1f31}.health-run-summary{display:flex;flex-wrap:wrap;gap:10px 20px;align-items:center}.health-run-summary b{color:#fff;font-size:1.1rem}.health-run-summary span{color:#a6bdca}.health-progress{height:10px;margin:14px 0;border-radius:999px;overflow:hidden;background:#04111c}.health-progress i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#17c9dd,#ffad00);transition:width .3s ease}.health-run-buttons{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.health-run-buttons form{margin:0}.health-run-buttons small{color:#8fa7b7}
.health-check-list{display:grid;gap:10px}.health-check-row{display:grid;grid-template-columns:44px 1fr;gap:14px;padding:16px;border:1px solid #223f55;border-radius:15px;background:#091b2a}.health-check-state{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#12364e;color:#7de8f0;font-size:1.15rem;font-weight:900}.health-check-row.status-pass{border-color:rgba(45,202,151,.27)}.health-check-row.status-pass .health-check-state{background:rgba(45,202,151,.13);color:#6ee7bb}.health-check-row.status-warning{border-color:rgba(255,173,0,.4)}.health-check-row.status-warning .health-check-state{background:rgba(255,173,0,.13);color:#ffc54d}.health-check-row.status-fail{border-color:rgba(244,95,95,.47)}.health-check-row.status-fail .health-check-state{background:rgba(244,95,95,.14);color:#ff9191}.health-check-row h3{margin:3px 0;font-size:1rem}.health-check-row small{color:#69dce8;font-size:.67rem;text-transform:uppercase}.health-check-row a{color:#a8c3d2;word-break:break-word}.health-check-row p{margin:6px 0;color:#8fa8b8;font-size:.82rem}
.health-404-list{display:grid;gap:12px}.health-404-list article{padding:18px;border:1px solid #27465d;border-radius:16px;background:#091b2b}.health-404-list header{display:flex;justify-content:space-between;gap:15px}.health-404-list header>div{display:flex;align-items:center;gap:10px;min-width:0}.health-404-list header strong{overflow-wrap:anywhere}.health-404-list header>b{color:#ffb000;font-size:1.35rem}.health-404-meta{display:flex;flex-wrap:wrap;gap:8px 16px;margin:12px 0;color:#8fa8b8;font-size:.76rem}.health-404-list p{color:#a7bcc9}.health-404-form{display:grid;grid-template-columns:150px 1fr auto;gap:9px;margin-top:13px}.health-404-form input,.health-404-form select{min-width:0}
.content-gap-list{display:grid;gap:11px}.content-gap-card{display:grid;grid-template-columns:90px 1fr auto;gap:18px;align-items:center;padding:16px;border:1px solid #25465e;border-radius:16px;background:#091b2b}.content-gap-card.tone-good{border-color:rgba(45,202,151,.3)}.content-gap-card.tone-warning{border-color:rgba(255,173,0,.35)}.content-gap-card.tone-critical{border-color:rgba(244,95,95,.42)}.content-gap-score{display:grid;place-items:center;min-height:76px;border-radius:14px;background:#0e2b41}.content-gap-score strong{font-size:1.55rem}.content-gap-score span{color:#8ea7b7;font-size:.65rem;text-transform:uppercase}.content-gap-card h3{margin:4px 0}.content-gap-card small{color:#57d9e6}.content-gap-card p{color:#8fa8b8;font-size:.78rem}.content-gap-tags{display:flex;flex-wrap:wrap;gap:5px}.content-gap-tags span{padding:5px 8px;border-radius:999px;background:rgba(255,173,0,.09);color:#ffc858;font-size:.65rem;font-weight:800}
.release-checks{grid-template-columns:repeat(2,minmax(0,1fr))}.release-checks .health-check-row{min-height:105px}
@media(max-width:1000px){.health-qa-score-grid{grid-template-columns:repeat(2,1fr)}.health-qa-priority-grid{grid-template-columns:1fr}.content-gap-card{grid-template-columns:75px 1fr}.content-gap-card>.button{grid-column:2}.release-checks{grid-template-columns:1fr}}
@media(max-width:650px){.health-qa-header,.health-route-toolbar{align-items:stretch;flex-direction:column}.health-qa-actions{display:grid}.health-qa-score-grid{grid-template-columns:1fr}.health-qa-score{min-height:180px}.health-priority-list li{grid-template-columns:1fr}.health-priority-list li a{grid-column:1;grid-row:auto}.health-404-form{grid-template-columns:1fr}.content-gap-card{grid-template-columns:1fr}.content-gap-score{display:flex;justify-content:space-between;padding:0 18px;min-height:60px}.content-gap-card>.button{grid-column:1}.health-check-row{grid-template-columns:36px 1fr;padding:13px}.health-check-state{width:32px;height:32px}.health-run-summary{display:grid;grid-template-columns:1fr 1fr}.health-run-summary b{grid-column:1/-1}}


/* ================================================================
   TechOpsBase v2.0.9 — Personalized Onboarding & My Hub
   ================================================================ */
.personalization-v209-hero{padding:96px 0 55px;background:radial-gradient(circle at 80% 20%,rgba(31,212,229,.12),transparent 32%),linear-gradient(145deg,#10273b,#061320)}
.personalization-v209-hero h1{max-width:900px;font-size:clamp(2.7rem,6vw,5.4rem);line-height:.96;margin:12px 0}.personalization-v209-hero p{max-width:820px;color:var(--text-soft);font-size:1.06rem;line-height:1.7}
.personalization-v209-wizard{max-width:1180px;margin:auto;border:1px solid var(--border);border-radius:28px;background:linear-gradient(150deg,#0b2133,#071724);box-shadow:0 30px 90px rgba(0,0,0,.22);overflow:hidden}
.personalization-v209-progress{position:sticky;top:70px;z-index:7;display:grid;grid-template-columns:minmax(220px,.35fr) 1fr;gap:25px;align-items:center;padding:20px 26px;border-bottom:1px solid var(--border);background:rgba(7,23,36,.94);backdrop-filter:blur(16px)}
.personalization-v209-progress span,.personalization-v209-progress b{display:block}.personalization-v209-progress span{color:var(--secondary);font-size:.68rem;font-weight:900;letter-spacing:.12em}.personalization-v209-progress b{margin-top:4px;font-size:1.05rem}
.personalization-v209-step{padding:42px 34px}.personalization-v209-step>h2{font-size:clamp(2rem,4vw,3.4rem);margin:9px 0}.personalization-v209-step>p{max-width:800px;color:var(--text-soft);line-height:1.65}.personalization-v209-subheading{margin:38px 0 16px}
.personalization-goal-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:24px}.personalization-goal-grid label{position:relative;display:grid;gap:9px;min-height:190px;padding:19px;border:1px solid var(--border);border-radius:17px;background:var(--surface);cursor:pointer}.personalization-goal-grid input{position:absolute;opacity:0}.personalization-goal-grid label:has(input:checked){border-color:var(--secondary);background:linear-gradient(145deg,rgba(31,212,229,.14),#0b2336)}.personalization-goal-grid label>span{font-size:1.65rem}.personalization-goal-grid strong{font-size:1rem}.personalization-goal-grid small{color:var(--text-soft);line-height:1.45}
.personalization-v209-setting-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:30px}.personalization-v209-setting-grid.two{grid-template-columns:1fr 1fr}.personalization-v209-setting-grid label{display:grid;gap:8px;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface)}.personalization-v209-setting-grid label>span{font-size:.72rem;color:var(--secondary);font-weight:900;text-transform:uppercase}.personalization-v209-setting-grid small{color:var(--text-soft);line-height:1.45}
.personalization-v209-selection-header{display:flex;justify-content:space-between;gap:20px;align-items:end;margin:34px 0 14px}.personalization-v209-selection-header h3{margin:0;font-size:1.45rem}.personalization-v209-selection-header b{color:var(--secondary);font-size:.75rem}
.personalization-v209-creator-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.personalization-v209-creator-grid label{position:relative;display:grid;grid-template-columns:58px 1fr;gap:13px;align-items:center;padding:15px;border:1px solid var(--border);border-radius:16px;background:var(--surface);cursor:pointer}.personalization-v209-creator-grid input{position:absolute;opacity:0}.personalization-v209-creator-grid label.is-selected,.personalization-v209-creator-grid label:has(input:checked){border-color:var(--secondary);background:rgba(31,212,229,.09)}.personalization-v209-avatar{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;overflow:hidden;background:#153c56;font-weight:900}.personalization-v209-avatar img{width:100%;height:100%;object-fit:cover}.personalization-v209-creator-grid small,.personalization-v209-creator-grid strong,.personalization-v209-creator-grid em{display:block}.personalization-v209-creator-grid small{color:var(--secondary);font-size:.6rem}.personalization-v209-creator-grid em{margin-top:5px;color:var(--text-soft);font-size:.68rem;font-style:normal}
.personalization-v209-notification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:25px 0}.personalization-v209-notification-grid label{position:relative;display:flex;gap:12px;align-items:center;padding:17px;border:1px solid var(--border);border-radius:15px;background:var(--surface);cursor:pointer}.personalization-v209-notification-grid input{position:absolute;opacity:0}.personalization-v209-notification-grid label:has(input:checked){border-color:var(--secondary);background:rgba(31,212,229,.09)}.personalization-v209-notification-grid span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#143a54;color:var(--secondary);font-size:.7rem;font-weight:900}.personalization-v209-toggle{grid-template-columns:24px 1fr!important;align-items:center}.personalization-v209-toggle input{width:19px;height:19px}.personalization-v209-toggle span{color:var(--text)!important;text-transform:none!important}.personalization-v209-toggle strong,.personalization-v209-toggle small{display:block}
.personalization-v209-summary{margin-top:25px;padding:24px;border:1px solid rgba(255,173,0,.35);border-radius:18px;background:rgba(255,173,0,.06)}.personalization-v209-summary span{color:var(--accent);font-weight:900;font-size:.7rem;letter-spacing:.1em}.personalization-v209-summary h3{font-size:1.45rem;margin:8px 0}.personalization-v209-summary p{color:var(--text-soft)}
.personalization-v209-controls{display:grid;grid-template-columns:auto 1fr auto;gap:12px;padding:20px 26px;border-top:1px solid var(--border);background:#081827}.personalization-v209-controls button{min-width:150px}
.my-hub-v209-hero{padding:105px 0 65px;background:radial-gradient(circle at 85% 15%,rgba(31,212,229,.15),transparent 30%),linear-gradient(145deg,#102a40,#061420)}.my-hub-v209-hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:45px;align-items:center}.my-hub-v209-hero h1{font-size:clamp(3rem,6vw,5.8rem);margin:12px 0;line-height:.96}.my-hub-v209-hero p{max-width:720px;color:var(--text-soft);font-size:1.08rem}.my-hub-v209-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.my-hub-v209-week{display:grid;grid-template-columns:125px 1fr;gap:22px;align-items:center;padding:26px;border:1px solid var(--border);border-radius:24px;background:rgba(6,21,34,.76);backdrop-filter:blur(12px)}.my-hub-v209-ring{display:grid;place-items:center;width:120px;height:120px;border-radius:50%;background:conic-gradient(var(--secondary) var(--hub-progress),rgba(255,255,255,.08) 0);position:relative}.my-hub-v209-ring:after{content:"";position:absolute;inset:10px;border-radius:50%;background:#0a2032}.my-hub-v209-ring strong{z-index:1;font-size:1.75rem}.my-hub-v209-week small{color:var(--secondary);font-weight:900}.my-hub-v209-week h2{font-size:1.45rem;margin:7px 0}.my-hub-v209-week p{font-size:.82rem}
.my-hub-v209-setup{background:rgba(255,173,0,.07);border-block:1px solid rgba(255,173,0,.22)}.my-hub-v209-setup>.container{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:17px;padding-bottom:17px}.my-hub-v209-setup div{display:grid;grid-template-columns:auto auto;column-gap:12px;align-items:center}.my-hub-v209-setup span{grid-row:1/3;font-size:1.5rem;color:var(--accent);font-weight:900}.my-hub-v209-setup p{margin:2px 0;color:var(--text-soft);font-size:.8rem}.my-hub-v209-setup a{color:var(--accent);font-weight:900}
.my-hub-v209-continue-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.my-hub-v209-continue-card{display:flex;min-height:235px;flex-direction:column;padding:20px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(150deg,#0d2639,#071725);color:var(--text)}.my-hub-v209-continue-card>span{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:#16415b;color:var(--secondary);font-weight:900}.my-hub-v209-continue-card small{margin-top:22px;color:var(--secondary);font-size:.62rem}.my-hub-v209-continue-card h3{font-size:1.08rem;line-height:1.35;margin:8px 0}.my-hub-v209-continue-card p{color:var(--text-soft);font-size:.76rem}.my-hub-v209-continue-card strong{margin-top:auto;font-size:.75rem}.my-hub-v209-continue-card.is-learning{border-color:rgba(255,173,0,.35);background:linear-gradient(150deg,rgba(68,48,15,.45),#071725)}
.my-hub-v209-tabs>div[role=tablist]{display:flex;gap:8px;margin-bottom:18px}.my-hub-v209-tabs button{padding:11px 16px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text-soft);font-weight:800}.my-hub-v209-tabs button.is-active{border-color:var(--secondary);background:rgba(31,212,229,.1);color:#fff}.my-hub-v209-tabs button b{margin-left:7px;color:var(--secondary)}.my-hub-v209-tabs [data-hub-panel][hidden]{display:none!important}
.my-hub-v209-feed-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.my-hub-v209-feed-grid>a{display:flex;min-height:230px;flex-direction:column;padding:19px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text);overflow:hidden}.my-hub-v209-feed-grid img{width:calc(100% + 38px);height:120px;object-fit:cover;margin:-19px -19px 14px}.my-hub-v209-feed-grid small{color:var(--secondary);font-size:.64rem}.my-hub-v209-feed-grid h3{font-size:1.08rem;line-height:1.35}.my-hub-v209-feed-grid p{color:var(--text-soft);font-size:.78rem;line-height:1.5}.my-hub-v209-feed-grid strong{margin-top:auto;font-size:.7rem;color:#b9d4e3}
.my-hub-v209-question-list{display:grid;gap:8px}.my-hub-v209-question-list>a{display:flex;justify-content:space-between;gap:22px;align-items:center;padding:15px 17px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text)}.my-hub-v209-question-list small,.my-hub-v209-question-list b{display:block}.my-hub-v209-question-list small{color:var(--secondary);font-size:.62rem}.my-hub-v209-question-list strong{color:var(--secondary);font-size:.75rem}
.my-hub-v209-two-column{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);gap:28px}.my-hub-v209-interest-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.my-hub-v209-interest-grid>a{display:grid;grid-template-columns:48px 1fr;gap:13px;padding:15px;border:1px solid var(--border);border-radius:15px;background:var(--surface);color:var(--text)}.my-hub-v209-interest-grid>a>span{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#143a54;color:var(--secondary);font-size:.7rem;font-weight:900}.my-hub-v209-interest-grid small{color:var(--secondary);font-size:.6rem}.my-hub-v209-interest-grid h3{font-size:.98rem;margin:4px 0}.my-hub-v209-interest-grid p{margin:0;color:var(--text-soft);font-size:.7rem}
.my-hub-v209-notifications,.my-hub-v209-actions-card{padding:22px;border:1px solid var(--border);border-radius:20px;background:var(--surface)}.my-hub-v209-notifications>a,.my-hub-v209-actions-card>a{display:grid;grid-template-columns:34px 1fr;gap:11px;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.07);color:var(--text)}.my-hub-v209-notifications>a>span{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:#153c56;color:var(--secondary);font-size:.7rem}.my-hub-v209-notifications b,.my-hub-v209-notifications small,.my-hub-v209-actions-card b,.my-hub-v209-actions-card small{display:block}.my-hub-v209-notifications small,.my-hub-v209-actions-card small{margin-top:4px;color:var(--text-soft);font-size:.68rem}.my-hub-v209-notifications .is-unread b{color:#fff}.my-hub-v209-notifications .is-unread{border-left:2px solid var(--secondary);padding-left:9px}
.my-hub-v209-creator-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.my-hub-v209-creator-grid>a{display:grid;grid-template-columns:72px 1fr;gap:15px;padding:17px;border:1px solid var(--border);border-radius:17px;background:var(--surface);color:var(--text)}.my-hub-v209-creator-image{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;overflow:hidden;background:#153c56;font-weight:900}.my-hub-v209-creator-image img{width:100%;height:100%;object-fit:cover}.my-hub-v209-creator-grid small{color:var(--secondary);font-size:.6rem}.my-hub-v209-creator-grid h3{margin:5px 0;font-size:1.1rem}.my-hub-v209-creator-grid p{color:var(--text-soft);font-size:.73rem}.my-hub-v209-creator-grid strong{font-size:.68rem}.my-hub-v209-suggestions{margin-top:24px;padding:18px;border:1px dashed rgba(31,212,229,.28);border-radius:16px}.my-hub-v209-suggestions h3{font-size:1rem}.my-hub-v209-suggestions>div{display:flex;flex-wrap:wrap;gap:8px}.my-hub-v209-suggestions a{padding:9px 11px;border-radius:11px;background:rgba(31,212,229,.07);color:var(--text)}.my-hub-v209-suggestions b,.my-hub-v209-suggestions small{display:block}.my-hub-v209-suggestions small{color:var(--text-soft);font-size:.65rem}
.my-hub-v209-saved-list{display:grid;gap:8px}.my-hub-v209-saved-list>a{display:flex;justify-content:space-between;gap:20px;padding:14px 16px;border:1px solid var(--border);border-radius:13px;background:var(--surface);color:var(--text)}.my-hub-v209-saved-list small,.my-hub-v209-saved-list b,.my-hub-v209-saved-list em{display:block}.my-hub-v209-saved-list small{color:var(--secondary);font-size:.6rem}.my-hub-v209-saved-list em{color:var(--text-soft);font-size:.68rem;font-style:normal}.my-hub-v209-saved-list strong{font-size:.7rem;color:var(--secondary)}.my-hub-v209-actions-card>a{grid-template-columns:1fr}
.personalization-admin-v209-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.personalization-admin-v209-grid.three{grid-template-columns:repeat(3,1fr)}.personalization-admin-v209-row{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.07)}.personalization-admin-v209-row span{color:var(--text-soft)}.personalization-admin-v209-row b{color:var(--secondary)}
@media(max-width:1050px){.personalization-goal-grid{grid-template-columns:repeat(2,1fr)}.personalization-v209-setting-grid,.personalization-v209-creator-grid,.personalization-v209-notification-grid{grid-template-columns:repeat(2,1fr)}.my-hub-v209-hero-grid,.my-hub-v209-two-column{grid-template-columns:1fr}.my-hub-v209-continue-grid{grid-template-columns:repeat(2,1fr)}.my-hub-v209-feed-grid,.my-hub-v209-creator-grid{grid-template-columns:repeat(2,1fr)}.personalization-admin-v209-grid.three{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.personalization-v209-progress{top:62px;grid-template-columns:1fr;padding:14px 18px}.personalization-v209-step{padding:28px 18px}.personalization-goal-grid,.personalization-v209-setting-grid,.personalization-v209-setting-grid.two,.personalization-v209-creator-grid,.personalization-v209-notification-grid{grid-template-columns:1fr}.personalization-v209-controls{padding:15px;grid-template-columns:1fr 1fr}.personalization-v209-controls div{display:none}.personalization-v209-controls button{min-width:0}.my-hub-v209-hero{padding-top:85px}.my-hub-v209-week{grid-template-columns:90px 1fr}.my-hub-v209-ring{width:88px;height:88px}.my-hub-v209-continue-grid,.my-hub-v209-feed-grid,.my-hub-v209-interest-grid,.my-hub-v209-creator-grid,.personalization-admin-v209-grid,.personalization-admin-v209-grid.three{grid-template-columns:1fr}.my-hub-v209-setup>.container{align-items:flex-start;flex-direction:column}.my-hub-v209-tabs>div[role=tablist]{overflow-x:auto}.my-hub-v209-question-list>a{align-items:flex-start;flex-direction:column}.my-hub-v209-creator-grid>a{grid-template-columns:62px 1fr}.my-hub-v209-creator-image{width:62px;height:62px}}


/* ================================================================
   TechOpsBase v2.0.9.3 — Rotating Challenges & Clear Metrics
   ================================================================ */
.v2093-hero-metrics {
    padding: 23px;
}
.v2093-hero-metric-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1px;
    overflow: hidden;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 16px;
    background: rgba(255,255,255,.08);
}
.v201-hero-card .v2093-hero-metric-grid > article {
    display: grid;
    min-height: 112px;
    align-content: center;
    gap: 6px;
    padding: 16px;
    background: rgba(5,20,33,.86);
}
.v201-hero-card .v2093-hero-metric-grid strong {
    font-size: 1.7rem;
}
.v201-hero-card .v2093-hero-metric-grid small {
    color: #a9bdd0;
    font-size: .68rem;
    line-height: 1.35;
}
.v2093-challenge {
    background:
        radial-gradient(circle at 12% 12%, rgba(31,211,228,.08), transparent 28%),
        linear-gradient(120deg,#0d2b45,#081827);
}
.v2093-challenge-header {
    display: flex;
    justify-content: space-between;
    gap: 28px;
    align-items: end;
    margin-bottom: 28px;
}
.v2093-challenge-header > div:first-child > span {
    color: #21d5e5;
    font-size: .7rem;
    font-weight: 900;
    letter-spacing: .14em;
}
.v2093-challenge-header h2 {
    margin: 8px 0 5px;
    font-size: clamp(2rem, 4vw, 3.3rem);
}
.v2093-challenge-header p {
    max-width: 720px;
    margin: 0;
    color: #9cb3c2;
}
.v2093-challenge-controls {
    display: flex;
    align-items: center;
    gap: 10px;
    flex: none;
}
.v2093-challenge-controls button {
    display: grid;
    width: 46px;
    height: 46px;
    place-items: center;
    border: 1px solid #2c5974;
    border-radius: 13px;
    background: #0a2133;
    color: #eaf7fb;
    font-size: 1.2rem;
    cursor: pointer;
}
.v2093-challenge-controls button:hover,
.v2093-challenge-controls button:focus-visible {
    border-color: #27d2e2;
    color: #27d2e2;
}
.v2093-challenge-controls strong {
    min-width: 62px;
    text-align: center;
    color: #9fb7c6;
}
.v2093-challenge-controls b {
    color: #fff;
}
.v2093-challenge-slide[hidden] {
    display: none !important;
}
.v2093-challenge-answer-column {
    display: grid;
    gap: 15px;
}
.v2093-challenge .v202-answer-option.is-correct .v202-answer-shell {
    border-color: rgba(61,211,165,.75);
    background: rgba(61,211,165,.09);
}
.v2093-challenge .v202-answer-option.is-correct .v202-answer-shell b {
    background: #1d6a57;
    color: #b9ffe9;
}
.v2093-challenge .v202-answer-option.is-wrong .v202-answer-shell {
    border-color: rgba(255,119,119,.65);
    background: rgba(255,119,119,.07);
}
.v2093-challenge-result {
    padding: 18px;
    border: 1px solid rgba(78,171,206,.34);
    border-radius: 15px;
    background: rgba(5,19,31,.78);
}
.v2093-challenge-result.is-correct {
    border-color: rgba(61,211,165,.48);
    background: rgba(28,93,76,.18);
}
.v2093-challenge-result.needs-review {
    border-color: rgba(255,173,0,.45);
    background: rgba(104,73,20,.16);
}
.v2093-challenge-result span {
    color: #25d1e1;
    font-size: .65rem;
    font-weight: 900;
    letter-spacing: .09em;
}
.v2093-challenge-result h3 {
    margin: 7px 0;
}
.v2093-challenge-result p {
    margin: 0;
    color: #aac0ce;
    line-height: 1.6;
}
.v2093-challenge-dots {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 7px;
    margin-top: 26px;
}
.v2093-challenge-dots button {
    min-height: 36px;
    padding: 7px 11px;
    border: 1px solid #28506a;
    border-radius: 999px;
    background: #071a29;
    color: #8fa9b9;
    font-size: .68rem;
    font-weight: 800;
    cursor: pointer;
}
.v2093-challenge-dots button.is-active {
    border-color: #22d4e4;
    background: rgba(34,212,228,.11);
    color: #dfffff;
}
.v2093-challenge-admin-layout {
    display: grid;
    grid-template-columns: minmax(0, 1.35fr) minmax(270px, .65fr);
    gap: 18px;
    margin-top: 28px;
}
.v2093-admin-challenge-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
    margin-top: 25px;
}
.v2093-admin-challenge-grid > article {
    display: flex;
    min-height: 270px;
    flex-direction: column;
    padding: 20px;
    border: 1px solid #24485f;
    border-radius: 17px;
    background: linear-gradient(150deg,#0c2234,#071824);
}
.v2093-admin-challenge-grid > article.status-published {
    border-color: rgba(51,211,170,.38);
}
.v2093-admin-challenge-grid > article.status-archived {
    opacity: .64;
}
.v2093-admin-challenge-grid header,
.v2093-admin-challenge-grid footer,
.v2093-admin-challenge-grid > article > div {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}
.v2093-admin-challenge-grid header span,
.v2093-admin-challenge-grid header b {
    color: #28d1e1;
    font-size: .65rem;
    letter-spacing: .08em;
}
.v2093-admin-challenge-grid h3 {
    margin: 18px 0 10px;
}
.v2093-admin-challenge-grid p {
    color: #9ab1c0;
    line-height: 1.55;
}
.v2093-admin-challenge-grid > article > div {
    margin-top: auto;
    padding-top: 15px;
    color: #8fa8b8;
    font-size: .72rem;
}
.v2093-admin-challenge-grid footer {
    margin: 15px -20px -20px;
    padding: 14px 20px;
    border-top: 1px solid rgba(93,151,184,.18);
}
.v2093-admin-challenge-grid footer button {
    border: 0;
    background: transparent;
    color: #ffb03b;
    cursor: pointer;
}
@media (max-width: 900px) {
    .v2093-challenge-admin-layout,
    .v2093-admin-challenge-grid {
        grid-template-columns: 1fr 1fr;
    }
    .v2093-challenge-admin-layout > *:first-child {
        grid-column: 1 / -1;
    }
}
@media (max-width: 700px) {
    .v2093-challenge-header {
        align-items: flex-start;
        flex-direction: column;
    }
    .v2093-challenge-controls {
        width: 100%;
        justify-content: space-between;
    }
    .v2093-challenge .v201-challenge-grid {
        grid-template-columns: 1fr;
        gap: 25px;
    }
    .v2093-admin-challenge-grid,
    .v2093-challenge-admin-layout {
        grid-template-columns: 1fr;
    }
    .v2093-challenge-dots {
        flex-wrap: nowrap;
        justify-content: flex-start;
        overflow-x: auto;
        padding-bottom: 8px;
        scrollbar-width: none;
    }
    .v2093-challenge-dots button {
        flex: none;
    }
}

/* v3.61.0.1 — keep global flash messages visible beside the fixed admin workspace rail. */
@media (min-width:1181px){
    body.site-area-admin .flash-stack{
        left:calc(50% + 146px);
        width:min(1180px,calc(100vw - 332px));
        max-width:calc(100vw - 332px);
        transform:translateX(-50%);
    }
    body.site-area-admin .flash-message{
        min-width:0;
        width:100%;
        overflow-wrap:anywhere;
    }
}