:root {
    --bg: #050d14;
    --bg-grid: rgba(88, 153, 197, .045);
    --surface: #091722;
    --surface-2: #0c1c29;
    --surface-3: #102332;
    --surface-4: #142a3b;
    --line: #1b3547;
    --line-strong: #2b536c;
    --text: #e7f0f6;
    --muted: #92a8b8;
    --dim: #667d8d;
    --cyan: #45c8f5;
    --cyan-soft: rgba(69, 200, 245, .11);
    --blue: #6686ff;
    --amber: #f4b455;
    --amber-soft: rgba(244, 180, 85, .12);
    --green: #45d394;
    --danger: #ff7482;
    --radius: 6px;
    --max: 1380px;
    --mobile-gutter: 13px;
    --mono: "Cascadia Code", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
    --sans: Inter, "Segoe UI", Arial, sans-serif;
}

* {
    box-sizing: border-box;
}

html {
    color-scheme: dark;
    background: var(--bg);
    font-family: var(--sans);
    font-size: 12px;
    font-weight: 400;
}

body {
    min-width: 320px;
    min-height: 100vh;
    margin: 0;
    color: var(--text);
    background:
        linear-gradient(var(--bg-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px),
        radial-gradient(circle at 78% 4%, rgba(34, 111, 157, .11), transparent 31%),
        var(--bg);
    background-size: 30px 30px, 30px 30px, auto, auto;
    font-size: 12px;
    line-height: 1.55;
}

button,
input,
select,
textarea {
    color: inherit;
    font: inherit;
}

button,
input {
    border-radius: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

img {
    max-width: 100%;
}

h1,
h2,
h3,
p,
dl,
dd,
ul {
    margin-top: 0;
}

h1,
h2,
h3,
b,
strong {
    font-weight: 500;
}

h1 {
    margin-bottom: 9px;
    font-size: 13px;
    line-height: 1.4;
    letter-spacing: .1px;
}

h2 {
    margin-bottom: 7px;
    font-size: 13px;
    line-height: 1.4;
}

h3 {
    margin-bottom: 6px;
    font-size: 12px;
    line-height: 1.4;
}

p {
    color: var(--muted);
    font-size: 11px;
}

::selection {
    color: #031019;
    background: var(--cyan);
}

:focus-visible {
    outline: 2px solid var(--cyan);
    outline-offset: 2px;
}

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

.skip-link {
    padding: 10px 12px;
    position: fixed;
    top: 10px;
    left: 10px;
    z-index: 200;
    color: #041017;
    background: var(--cyan);
    font-size: 10px;
    transform: translateY(-160%);
}

.skip-link:focus {
    transform: translateY(0);
}

.live-dot {
    width: 6px;
    height: 6px;
    display: inline-block;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 10px rgba(69, 211, 148, .65);
}

.signal-bar {
    color: #7892a4;
    background: #03090e;
    border-bottom: 1px solid #102331;
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .35px;
}

.signal-inner {
    min-height: 27px;
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 19px;
    display: flex;
    align-items: center;
    gap: 29px;
}

.signal-inner > span:first-child {
    color: #a8c0cf;
}

.signal-inner .live-dot {
    margin-right: 5px;
}

.signal-runtime {
    margin-left: auto;
}

.site-header {
    position: sticky;
    top: 0;
    z-index: 60;
    isolation: isolate;
    background: #07131d;
    border-bottom: 1px solid var(--line);
    box-shadow: 0 10px 22px rgba(0, 0, 0, .18);
}

.header-main,
.nav-shell {
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 19px;
    display: flex;
    align-items: center;
}

.header-main {
    min-height: 59px;
    gap: 24px;
}

.header-identity {
    display: flex;
    align-items: center;
    flex: 0 0 auto;
}

.brand {
    min-width: 249px;
    display: inline-flex;
    align-items: center;
    gap: 10px;
}

.brand-mark {
    width: 39px;
    height: 34px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 2px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line-strong);
    color: var(--text);
    background: linear-gradient(135deg, #102a3b, #081621);
    font-family: var(--mono);
    font-size: 12px;
}

.brand-mark::after {
    content: "";
    width: 19px;
    height: 2px;
    position: absolute;
    right: -4px;
    bottom: 0;
    background: var(--amber);
}

.brand-mark i {
    color: var(--cyan);
    font-size: 10px;
    font-style: normal;
}

.brand-copy {
    display: block;
    line-height: 1.25;
}

.brand-copy strong {
    display: block;
    color: #f2f7fa;
    font-size: 12px;
}

.brand-copy small {
    display: block;
    margin-top: 3px;
    color: #71899a;
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .35px;
    text-transform: uppercase;
}

.header-search {
    width: min(620px, 50vw);
    height: 34px;
    margin-left: auto;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid #244155;
    background: #081721;
}

.search-prefix {
    height: 100%;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    color: var(--cyan);
    background: rgba(69, 200, 245, .06);
    border-right: 1px solid #203b4e;
    font-family: var(--mono);
    font-size: 10px;
}

.header-search input,
.hero-search input,
.page-search input {
    min-width: 0;
    height: 100%;
    padding: 0 11px;
    border: 0;
    outline: 0;
    color: var(--text);
    background: transparent;
    font-size: 11px;
}

.header-search input::placeholder,
.hero-search input::placeholder,
.page-search input::placeholder {
    color: #607989;
}

.header-search button,
.hero-search button,
.page-search button {
    height: 100%;
    padding: 0 13px;
    border: 0;
    border-left: 1px solid #27475d;
    cursor: pointer;
    color: #041219;
    background: var(--cyan);
    font-size: 10px;
    font-weight: 500;
}

.header-search button:hover,
.hero-search button:hover,
.page-search button:hover {
    background: #75d8f8;
}

.header-search:focus-within,
.hero-search:focus-within,
.page-search:focus-within {
    border-color: #4f9fbe;
    box-shadow: 0 0 0 1px rgba(69, 200, 245, .08);
}

.header-search button:active,
.hero-search button:active,
.page-search button:active {
    color: #041219;
    background: #31b7e5;
}

.menu-toggle {
    display: none;
    min-height: 34px;
    padding: 0 12px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    border: 1px solid var(--line-strong);
    cursor: pointer;
    color: var(--text);
    background: var(--surface-2);
    font-size: 10px;
}

.menu-icon {
    width: 14px;
    height: 10px;
    display: grid;
    align-content: space-between;
}

.menu-icon i {
    width: 14px;
    height: 1px;
    display: block;
    background: var(--cyan);
    transition: transform .2s ease, width .2s ease;
}

.nav-is-open .menu-icon i:first-child {
    transform: translateY(4.5px) rotate(45deg);
}

.nav-is-open .menu-icon i:last-child {
    transform: translateY(-4.5px) rotate(-45deg);
}

.mobile-tabs-shell,
.mobile-tabs,
.nav-panel-head,
.nav-code {
    display: none;
}

.nav-shell {
    min-height: 39px;
    border-top: 1px solid #102634;
}

.primary-nav {
    min-height: 39px;
    display: flex;
    align-items: stretch;
}

.primary-nav a {
    min-width: 126px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    position: relative;
    border-right: 1px solid #132a38;
    color: #8ca3b3;
    font-size: 10px;
}

.primary-nav a:first-child {
    border-left: 1px solid #132a38;
}

.primary-nav a::after {
    content: "";
    height: 2px;
    position: absolute;
    right: 12px;
    bottom: -1px;
    left: 12px;
    background: transparent;
}

.primary-nav a:hover,
.primary-nav a:focus-visible,
.primary-nav a.is-active {
    color: #eef6fa;
    background: #0a1a26;
}

.primary-nav a.is-active::after {
    background: var(--cyan);
}

.primary-nav small {
    display: none;
}

.nav-copy {
    display: inline;
}

.header-telemetry {
    min-width: 114px;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 10px;
    color: #657e8f;
    font-family: var(--mono);
    font-size: 10px;
}

.header-telemetry strong {
    color: var(--green);
    font-size: 10px;
}

.site-main {
    width: min(calc(100% - 36px), var(--max));
    min-height: calc(100vh - 170px);
    margin: 0 auto;
    padding: 19px 0 34px;
}

.command-hero {
    min-height: 272px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 390px;
    overflow: hidden;
    position: relative;
    border: 1px solid #23465d;
    background:
        linear-gradient(90deg, rgba(74, 156, 205, .06) 1px, transparent 1px),
        linear-gradient(rgba(74, 156, 205, .06) 1px, transparent 1px),
        linear-gradient(116deg, #081722, #0b1e2c 62%, #102a3a);
    background-size: 24px 24px, 24px 24px, auto;
}

.command-hero::before {
    content: "";
    width: 220px;
    height: 220px;
    position: absolute;
    top: -120px;
    left: 36%;
    border: 1px solid rgba(69, 200, 245, .12);
    border-radius: 50%;
    box-shadow: 0 0 70px rgba(69, 200, 245, .06);
}

.command-copy {
    padding: 36px 42px;
    position: relative;
    z-index: 1;
}

.system-kicker,
.section-code {
    display: flex;
    align-items: center;
    gap: 7px;
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .45px;
}

.system-kicker {
    margin-bottom: 9px;
}

.system-kicker > span {
    min-width: 22px;
    padding: 2px 4px;
    display: inline-flex;
    justify-content: center;
    border: 1px solid #2e657f;
    color: #b9e8f7;
    background: rgba(69, 200, 245, .07);
}

.command-copy h1 {
    max-width: 630px;
    margin-bottom: 10px;
    color: #f4f8fb;
    font-size: 13px;
    letter-spacing: .2px;
}

.command-copy > p {
    max-width: 680px;
    margin-bottom: 19px;
    color: #9eb2c0;
    font-size: 12px;
}

.hero-search {
    width: min(680px, 100%);
    height: 37px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    align-items: center;
    border: 1px solid #315b72;
    background: rgba(4, 13, 20, .8);
}

.hero-search > span {
    padding: 0 11px;
    color: var(--amber);
    font-family: var(--mono);
    font-size: 10px;
}

.hero-search button {
    background: var(--amber);
}

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

.hero-links {
    margin-top: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 7px 19px;
    color: #71899a;
    font-family: var(--mono);
    font-size: 10px;
}

.hero-links a {
    color: #bfe9f7;
}

.hero-links a:hover {
    color: var(--cyan);
}

.engine-panel {
    margin: 19px;
    position: relative;
    z-index: 1;
    border: 1px solid #31556b;
    background: rgba(4, 14, 21, .88);
}

.engine-head,
.engine-foot {
    min-height: 39px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    color: #7892a3;
    border-bottom: 1px solid #1c394b;
    font-family: var(--mono);
    font-size: 10px;
}

.engine-head strong {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: var(--green);
    font-size: 10px;
}

.engine-core {
    min-height: 155px;
    padding: 16px;
    display: grid;
    grid-template-columns: 92px 1fr;
    align-items: center;
    gap: 17px;
}

.engine-ring {
    width: 82px;
    height: 82px;
    display: grid;
    place-items: center;
    position: relative;
    border: 1px solid #2d6078;
    border-radius: 50%;
    color: #dff4fb;
    background: radial-gradient(circle, rgba(69, 200, 245, .12), transparent 68%);
    font-family: var(--mono);
    font-size: 13px;
}

.engine-ring::before,
.engine-ring::after {
    content: "";
    position: absolute;
    background: #2a5368;
}

.engine-ring::before {
    width: 102px;
    height: 1px;
}

.engine-ring::after {
    width: 1px;
    height: 102px;
}

.engine-ring span,
.engine-ring small {
    position: relative;
    z-index: 1;
}

.engine-ring small {
    position: absolute;
    right: 11px;
    bottom: 10px;
    color: var(--amber);
    font-size: 10px;
}

.engine-core dl {
    margin: 0;
}

.engine-core dl div {
    min-height: 29px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
    border-bottom: 1px solid #183243;
}

.engine-core dl div:last-child {
    border-bottom: 0;
}

.engine-core dt {
    color: #6f8798;
    font-size: 10px;
}

.engine-core dd {
    margin: 0;
    color: #bdcdd7;
    font-family: var(--mono);
    font-size: 10px;
    text-align: right;
}

.engine-foot {
    min-height: 34px;
    border-top: 1px solid #1c394b;
    border-bottom: 0;
}

.engine-foot strong {
    color: var(--amber);
    font-size: 10px;
}

.telemetry-grid {
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--line);
    background: #07131d;
}

.telemetry-grid article {
    min-height: 82px;
    padding: 13px 15px;
    display: grid;
    grid-template-columns: 1fr auto;
    grid-template-rows: auto auto;
    align-content: center;
    column-gap: 10px;
    border-right: 1px solid var(--line);
}

.telemetry-grid article:last-child {
    border-right: 0;
}

.telemetry-grid span {
    color: #6f8798;
    font-family: var(--mono);
    font-size: 10px;
}

.telemetry-grid strong {
    grid-row: 1 / 3;
    grid-column: 2;
    align-self: center;
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 13px;
}

.telemetry-grid small {
    color: #8195a4;
    font-size: 10px;
}

.workspace-section {
    margin-top: 22px;
}

.workspace-section.is-first {
    margin-top: 14px;
}

.section-head {
    min-height: 47px;
    margin-bottom: 9px;
    padding: 0 2px 10px;
    display: flex;
    align-items: end;
    justify-content: space-between;
    gap: 16px;
    border-bottom: 1px solid var(--line);
}

.section-head h2 {
    margin: 2px 0 0;
}

.section-action,
.section-note,
.section-status {
    color: #7f96a6;
    font-family: var(--mono);
    font-size: 10px;
}

.section-action {
    color: #b8dce8;
}

.section-action:hover {
    color: var(--cyan);
}

.section-status {
    display: inline-flex;
    align-items: center;
    gap: 6px;
}

.brand-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 10px;
}

.brand-grid.is-index {
    grid-template-columns: repeat(4, minmax(0, 1fr));
}

.brand-grid.is-home .brand-card {
    min-height: 76px;
    padding: 10px;
    grid-template-columns: 50px minmax(0, 1fr);
    gap: 4px 10px;
}

.brand-grid.is-home .brand-logo {
    width: 50px;
    height: 42px;
    padding: 5px;
}

.brand-grid.is-home .brand-card-copy {
    padding-top: 1px;
}

.brand-grid.is-home .brand-card h3 {
    margin-bottom: 0;
}

.brand-grid.is-home .brand-card dl {
    padding-top: 4px;
    gap: 10px;
}

.brand-card {
    min-height: 104px;
    padding: 12px;
    display: grid;
    grid-template-columns: 62px minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 7px 11px;
    position: relative;
    overflow: hidden;
    border: 1px solid var(--line);
    border-top-color: #2d5369;
    background: linear-gradient(145deg, #0b1a26, #091620);
}

.brand-card::after {
    content: "";
    width: 80px;
    height: 1px;
    position: absolute;
    right: -34px;
    bottom: 14px;
    background: #295069;
    transform: rotate(-45deg);
}

.brand-card:hover,
.brand-card:focus-visible {
    border-color: #36718e;
    background: linear-gradient(145deg, #0d2130, #0a1823);
}

.brand-logo {
    width: 62px;
    height: 50px;
    padding: 6px;
    display: grid;
    place-items: center;
    grid-row: 1 / 3;
    overflow: hidden;
    border: 1px solid #294b60;
    background: rgba(3, 12, 18, .68);
    color: #547487;
    font-family: var(--mono);
    font-size: 10px;
}

.brand-logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.brand-card-copy {
    min-width: 0;
    padding: 3px 20px 0 0;
}

.brand-card h3 {
    margin-bottom: 4px;
    color: #eef5f9;
}

.brand-card dl {
    grid-column: 2;
    margin: 0;
    padding-top: 6px;
    display: flex;
    gap: 14px;
    border-top: 1px solid #183344;
}

.brand-card dl div {
    display: flex;
    align-items: center;
    gap: 5px;
}

.brand-card dt {
    color: #6d8393;
    font-size: 10px;
}

.brand-card dd {
    margin: 0;
    color: #bcd0dc;
    font-family: var(--mono);
    font-size: 10px;
}

.card-arrow {
    position: absolute;
    top: 12px;
    right: 12px;
    color: #526c7d;
    font-size: 11px;
}

.receiver-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.receiver-card {
    min-width: 0;
    position: relative;
    overflow: hidden;
    border: 1px solid #1c394b;
    border-top-color: #315e76;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .035) 1px, transparent 1px),
        linear-gradient(145deg, #0a1924, #07131d 72%);
    background-size: 22px 100%, auto;
    content-visibility: auto;
    contain-intrinsic-size: 74px;
}

.receiver-card::before {
    content: "";
    width: 74px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background: linear-gradient(90deg, var(--cyan), transparent);
    opacity: .55;
}

.receiver-card::after {
    content: "";
    width: 34px;
    height: 34px;
    position: absolute;
    right: -22px;
    bottom: -22px;
    pointer-events: none;
    border: 1px solid rgba(69, 200, 245, .22);
    transform: rotate(45deg);
}

.receiver-card:hover,
.receiver-card:focus-within {
    border-color: #397590;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .05) 1px, transparent 1px),
        linear-gradient(145deg, #0d2130, #081620 72%);
    background-size: 22px 100%, auto;
}

.receiver-card > a {
    min-height: 74px;
    padding: 10px 10px 10px 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 49px 23px;
    align-items: center;
    gap: 10px;
}

.receiver-primary {
    min-width: 0;
    display: grid;
    gap: 7px;
}

.receiver-title {
    overflow: hidden;
    color: #eef5f9;
    font-size: 11px;
    font-weight: 600;
    line-height: 1.35;
    letter-spacing: .09px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receiver-updated {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 5px;
    overflow: hidden;
    color: #708899;
    font-family: var(--mono);
    font-size: 10px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.receiver-updated i {
    width: 5px;
    height: 5px;
    display: inline-block;
    flex: 0 0 auto;
    border: 1px solid #3a718b;
    background: rgba(69, 200, 245, .12);
}

.receiver-updated time {
    color: #91a9b8;
}

.receiver-file-count {
    min-width: 49px;
    min-height: 42px;
    display: grid;
    place-items: center;
    align-content: center;
    gap: 1px;
    border-right: 1px solid #1e3d50;
    border-left: 1px solid #1e3d50;
    color: #738b9b;
    background: rgba(4, 14, 21, .42);
    font-family: var(--mono);
    line-height: 1;
}

.receiver-file-count b {
    color: var(--amber);
    font-size: 13px;
    font-weight: 600;
}

.receiver-file-count small {
    color: #647d8e;
    font-size: 10px;
    letter-spacing: .45px;
    text-transform: uppercase;
}

.receiver-open {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    border: 1px solid #294f64;
    color: #7294a6;
    background: #081720;
    font-family: var(--mono);
    font-size: 10px;
    transition: color .14s ease, background .14s ease, border-color .14s ease;
}

.receiver-card:hover .receiver-open,
.receiver-card:focus-within .receiver-open {
    border-color: var(--cyan);
    color: #041219;
    background: var(--cyan);
}

.product-grid {
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
}

.product-card {
    min-width: 0;
    display: grid;
    grid-template-rows: auto 1fr auto;
    overflow: hidden;
    border: 1px solid var(--line);
    background: #091722;
}

.product-card:hover {
    border-color: #315f78;
}

.product-media,
.product-cover {
    aspect-ratio: 16 / 9;
    display: block;
    overflow: hidden;
    position: relative;
    background:
        linear-gradient(rgba(69, 200, 245, .05) 1px, transparent 1px),
        linear-gradient(90deg, rgba(69, 200, 245, .05) 1px, transparent 1px),
        #07131d;
    background-size: 19px 19px;
}

.product-media::after,
.product-cover::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    border: 1px solid rgba(130, 203, 230, .08);
    box-shadow: inset 0 -30px 40px rgba(2, 8, 12, .22);
}

.product-media img,
.product-cover img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.uses-brand-fallback .product-media img,
.product-cover.uses-brand-fallback img {
    padding: 12%;
    opacity: .82;
}

.product-media-label {
    max-width: calc(100% - 20px);
    padding: 4px 7px;
    position: absolute;
    right: 10px;
    bottom: 10px;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #31566c;
    color: #8eabba;
    background: rgba(3, 12, 18, .88);
    font-family: var(--mono);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-placeholder {
    width: 100%;
    height: 100%;
    display: grid;
    place-items: center;
    color: #365c71;
    font-family: var(--mono);
}

.product-placeholder i {
    width: 64px;
    height: 40px;
    display: block;
    position: relative;
    border: 1px solid #31566b;
    background:
        linear-gradient(90deg, transparent 49%, rgba(69, 200, 245, .14) 50%, transparent 51%),
        linear-gradient(transparent 49%, rgba(69, 200, 245, .14) 50%, transparent 51%),
        rgba(5, 16, 24, .55);
}

.product-placeholder i::before,
.product-placeholder i::after {
    content: "";
    position: absolute;
    background: #31566b;
}

.product-placeholder i::before {
    width: 19px;
    height: 1px;
    right: -10px;
    top: 9px;
}

.product-placeholder i::after {
    width: 1px;
    height: 12px;
    right: 9px;
    bottom: -7px;
}

.product-body {
    padding: 11px 12px 9px;
}

.product-brand,
.product-brand-line {
    display: inline-block;
    margin-bottom: 4px;
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 10px;
    text-transform: uppercase;
}

.product-brand:hover {
    color: #94e1f8;
}

.product-body h3 {
    margin-bottom: 4px;
}

.product-body h3 a:hover {
    color: var(--cyan);
}

.product-body p {
    margin-bottom: 0;
    display: -webkit-box;
    overflow: hidden;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    color: #8298a7;
    font-size: 10px;
}

.product-meta {
    min-height: 37px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    gap: 12px;
    border-top: 1px solid var(--line);
    color: #718898;
    font-family: var(--mono);
    font-size: 10px;
}

.product-meta b {
    color: #bed1dc;
    font-size: 10px;
}

.product-meta a {
    margin-left: auto;
    color: var(--amber);
}

.file-console {
    overflow: hidden;
    border: 1px solid var(--line);
    border-top-color: #2b536b;
    background: #07141e;
    box-shadow: inset 0 1px 0 rgba(141, 211, 236, .025);
}

.file-console-head,
.file-row {
    display: grid;
    grid-template-columns: minmax(260px, 2.35fr) minmax(76px, .7fr) minmax(70px, .62fr) minmax(92px, .82fr) minmax(76px, .68fr) 94px;
    align-items: center;
    gap: 10px;
}

.file-console-head {
    min-height: 34px;
    padding: 0 12px;
    color: #607a8b;
    background: #0b1b27;
    border-bottom: 1px solid var(--line);
    font-family: var(--mono);
    font-size: 10px;
    text-transform: uppercase;
}

.file-console-head span:last-child {
    text-align: center;
}

.file-row {
    min-height: 57px;
    padding: 9px 12px;
    border-bottom: 1px solid #142d3d;
}

.file-row:last-child {
    border-bottom: 0;
}

.file-row {
    content-visibility: auto;
    contain-intrinsic-size: 57px;
}

.file-row:hover {
    background: linear-gradient(90deg, rgba(69, 200, 245, .035), #0a1a25 34%);
}

.file-identity {
    min-width: 0;
    display: grid;
    grid-template-columns: 32px minmax(0, 1fr);
    align-items: center;
    gap: 9px;
}

.file-chip {
    width: 31px;
    height: 29px;
    display: grid;
    place-items: center;
    border: 1px solid #31546a;
    color: var(--cyan);
    background: rgba(69, 200, 245, .06);
    font-family: var(--mono);
    font-size: 10px;
}

.file-identity h3 {
    margin: 0 0 2px;
    overflow: hidden;
    color: #dce8ee;
    font-family: var(--mono);
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-identity h3 a:hover {
    color: var(--cyan);
}

.file-identity p {
    margin: 0;
    overflow: hidden;
    color: #6c8494;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-data {
    color: #91a5b3;
    font-family: var(--mono);
    font-size: 10px;
}

.download-action {
    min-height: 31px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #9c7035;
    color: #ffd493;
    background: var(--amber-soft);
    font-size: 10px;
    font-weight: 500;
}

.download-action:hover,
.download-action:focus-visible {
    color: #071018;
    background: var(--amber);
}

.breadcrumbs {
    min-height: 30px;
    margin-bottom: 10px;
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 7px;
    color: #617b8d;
    font-family: var(--mono);
    font-size: 10px;
}

.breadcrumbs a:hover {
    color: var(--cyan);
}

.breadcrumbs strong {
    color: #9eb3c0;
    font-size: 10px;
}

.page-command,
.product-command {
    min-height: 132px;
    padding: 20px 22px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(300px, 430px);
    align-items: center;
    gap: 30px;
    overflow: hidden;
    position: relative;
    border: 1px solid #24485e;
    box-shadow: inset 0 1px 0 rgba(141, 211, 236, .035);
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .045) 1px, transparent 1px),
        linear-gradient(rgba(69, 200, 245, .045) 1px, transparent 1px),
        linear-gradient(125deg, #091823, #0d2130);
    background-size: 22px 22px, 22px 22px, auto;
}

.page-command h1,
.product-command h1 {
    margin-bottom: 6px;
}

.page-command p,
.product-command p {
    max-width: 760px;
    margin-bottom: 0;
    color: #91a7b6;
    font-size: 11px;
}

.page-search {
    height: 39px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    border: 1px solid #31596f;
    background: #06131d;
}

.scoped-product-search {
    width: 100%;
    margin: 10px 0 0;
}

.brand-command {
    grid-template-columns: minmax(0, 1fr) auto;
}

.brand-command-identity {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 15px;
}

.brand-command-logo {
    width: 109px;
    height: 69px;
    padding: 10px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid #31596f;
    color: #5e8295;
    background: rgba(3, 13, 20, .7);
    font-family: var(--mono);
    font-size: 12px;
}

.brand-command-logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.command-stats {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(90px, 1fr));
    border: 1px solid #2a4d62;
    background: rgba(5, 15, 22, .55);
}

.command-stats div {
    min-height: 61px;
    padding: 10px 12px;
    display: grid;
    align-content: center;
    border-right: 1px solid #244356;
}

.command-stats div:last-child {
    border-right: 0;
}

.command-stats dt {
    color: #6b8292;
    font-size: 10px;
}

.command-stats dd {
    margin: 2px 0 0;
    color: #d8e5eb;
    font-family: var(--mono);
    font-size: 11px;
}

.command-stats.is-inline {
    width: min(520px, 100%);
    margin-top: 15px;
}

.mini-telemetry {
    min-height: 59px;
    margin-top: 10px;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid var(--line);
    background: #07141e;
}

.mini-telemetry div {
    padding: 10px 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-right: 1px solid var(--line);
}

.mini-telemetry div:last-child {
    border-right: 0;
}

.mini-telemetry span {
    color: #718898;
    font-size: 10px;
}

.mini-telemetry strong {
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 12px;
}

.product-command {
    grid-template-columns: minmax(260px, 410px) minmax(0, 1fr);
}

.product-cover {
    border: 1px solid #294e63;
}

.product-placeholder.is-large b {
    font-size: 13px;
}

.product-command-copy {
    padding: 4px 0;
}

.product-command-copy > p {
    max-width: 720px;
}

.product-command-copy .product-brand-line {
    margin-bottom: 4px;
}

.pagination-bar {
    min-height: 49px;
    margin-top: 10px;
    padding: 0 13px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--line);
    color: #718899;
    background: #07141e;
    font-size: 10px;
}

.pagination-bar a {
    min-height: 29px;
    padding: 0 10px;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    border: 1px solid #765d34;
    color: #ffd18a;
    background: rgba(244, 180, 85, .07);
    font-family: var(--mono);
    font-size: 10px;
}

.pagination-bar a:hover,
.pagination-bar a:focus-visible {
    border-color: var(--amber);
    color: #071018;
    background: var(--amber);
}

.load-more-action[aria-busy="true"] {
    color: #7891a1;
    cursor: wait;
}

.pagination-bar.has-load-error {
    border-color: #6b512f;
}

.pagination-bar.has-load-error::before {
    content: "Request paused — retry";
    color: var(--amber);
    font-family: var(--mono);
    font-size: 10px;
}

.empty-state {
    min-height: 150px;
    padding: 24px;
    display: grid;
    place-content: center;
    text-align: center;
    border: 1px dashed #2a4b60;
    color: #6f8999;
    background: rgba(8, 24, 35, .7);
}

.empty-state > span {
    margin-bottom: 6px;
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 10px;
}

.empty-state h3 {
    margin-bottom: 5px;
}

.empty-state p {
    max-width: 620px;
    margin-bottom: 0;
    font-size: 10px;
}

.empty-state.is-search {
    margin-top: 14px;
}

.empty-line,
.query-message {
    min-height: 52px;
    padding: 0 14px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    border: 1px solid var(--line);
    color: #7890a0;
    background: #07141e;
    font-size: 10px;
}

.query-message {
    margin-top: 9px;
    font-family: var(--mono);
}

.query-message span {
    color: var(--cyan);
}

.query-message strong {
    color: #b9ccd7;
    font-size: 10px;
}

.query-message.is-warning {
    color: #ffd095;
    border-color: #6b512f;
    background: var(--amber-soft);
}

.error-page {
    min-height: 460px;
    display: grid;
    grid-template-columns: 130px minmax(0, 450px);
    align-content: center;
    justify-content: center;
    gap: 24px;
}

.error-code {
    color: #426276;
    font-family: var(--mono);
    font-size: 13px;
    letter-spacing: 3px;
    text-align: right;
}

.button {
    min-height: 32px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #315d75;
    color: #cce7f0;
    background: var(--cyan-soft);
    font-size: 10px;
    font-weight: 500;
}

.button:hover {
    color: #061017;
    background: var(--cyan);
}

.site-footer {
    border-top: 1px solid var(--line);
    color: #61798a;
    background: #040b11;
}

.footer-inner {
    min-height: 59px;
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 19px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    font-size: 10px;
}

.footer-brand,
.footer-meta {
    display: flex;
    align-items: center;
    gap: 12px;
}

.footer-brand strong {
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 11px;
}

.footer-meta {
    font-family: var(--mono);
}

.footer-meta a:hover {
    color: var(--cyan);
}

.admin-body {
    min-height: 100vh;
    background:
        linear-gradient(var(--bg-grid) 1px, transparent 1px),
        linear-gradient(90deg, var(--bg-grid) 1px, transparent 1px),
        radial-gradient(circle at 50% 0, rgba(69, 200, 245, .1), transparent 38%),
        var(--bg);
    background-size: 30px 30px, 30px 30px, auto, auto;
}

.admin-header {
    min-height: 66px;
    padding: 10px max(19px, calc((100% - var(--max)) / 2 + 19px));
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    position: sticky;
    top: 0;
    z-index: 50;
    border-bottom: 1px solid var(--line);
    background: rgba(7, 19, 29, .96);
    box-shadow: 0 10px 24px rgba(0, 0, 0, .24);
}

.admin-actions,
.admin-actions form,
.admin-row-actions,
.admin-row-actions form {
    margin: 0;
    display: flex;
    align-items: center;
    gap: 10px;
}

.admin-actions a,
.admin-actions button,
.admin-row-actions a,
.admin-row-actions button,
.admin-primary-action {
    min-height: 32px;
    padding: 0 12px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #31566c;
    cursor: pointer;
    color: #b8d4df;
    background: #0a1b27;
    font-size: 10px;
}

.admin-actions a:hover,
.admin-actions button:hover,
.admin-row-actions a:hover,
.admin-row-actions button:hover {
    border-color: var(--cyan);
    color: var(--cyan);
}

.admin-primary-action {
    min-height: 39px;
    color: #041219;
    border-color: var(--cyan);
    background: var(--cyan);
    font-weight: 500;
}

.admin-primary-action:hover {
    background: #75d8f8;
}

.admin-main {
    width: min(calc(100% - 36px), var(--max));
    min-height: calc(100vh - 93px);
    margin: 0 auto;
    padding: 19px 0 40px;
}

.admin-auth-card {
    width: min(100%, 470px);
    margin: clamp(40px, 11vh, 110px) auto 0;
    padding: 29px;
    border: 1px solid #31566c;
    background: linear-gradient(145deg, rgba(11, 29, 42, .97), rgba(6, 18, 27, .97));
    box-shadow: 0 24px 60px rgba(0, 0, 0, .32);
}

.admin-auth-card > p {
    margin-bottom: 19px;
}

.admin-alert {
    margin: 10px 0;
    padding: 10px 12px;
    border: 1px solid #31566c;
    color: #b8ccd7;
    background: #0a1924;
    font-size: 10px;
}

.admin-alert.is-danger {
    border-color: #70434d;
    color: #ffc0c7;
    background: rgba(94, 30, 43, .26);
}

.admin-alert.is-success {
    border-color: #27664f;
    color: #a5eccd;
    background: rgba(31, 101, 73, .22);
}

.admin-alert ul {
    margin: 7px 0 0;
    padding-left: 19px;
}

.admin-form {
    display: grid;
    gap: 12px;
}

.admin-form label {
    min-width: 0;
    display: grid;
    gap: 6px;
    color: #8ca4b4;
    font-family: var(--mono);
    font-size: 10px;
}

.admin-form label > span {
    color: #a7bdca;
}

.admin-form label > small {
    color: #627e90;
    font-size: 10px;
}

.admin-form input,
.admin-form select,
.admin-form textarea {
    width: 100%;
    min-width: 0;
    min-height: 39px;
    padding: 9px 11px;
    border: 1px solid #294b60;
    outline: 0;
    color: #e4eef3;
    background: #06131d;
    font-family: var(--sans);
    font-size: 11px;
}

.admin-form textarea {
    min-height: 110px;
    resize: vertical;
}

.admin-form input[readonly] {
    color: #8298a7;
    background: #09151e;
    cursor: not-allowed;
}

.admin-form input:focus,
.admin-form select:focus,
.admin-form textarea:focus {
    border-color: var(--cyan);
    box-shadow: 0 0 0 2px rgba(69, 200, 245, .08);
}

.admin-form > button {
    min-height: 39px;
    padding: 0 14px;
    border: 1px solid var(--cyan);
    cursor: pointer;
    color: #041219;
    background: var(--cyan);
    font-size: 10px;
    font-weight: 500;
}

.admin-form > button:hover {
    background: #75d8f8;
}

.admin-form > button:disabled {
    cursor: not-allowed;
    opacity: .42;
}

.admin-command {
    min-height: 126px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.admin-command code,
.admin-storage-preview code {
    color: #f2c278;
    font-family: var(--mono);
    font-size: 10px;
}

.admin-table-shell {
    margin-top: 10px;
    border: 1px solid var(--line);
    background: #07141e;
}

.admin-table-head,
.admin-brand-row {
    display: grid;
    grid-template-columns: minmax(260px, 1.6fr) minmax(170px, .8fr) 110px 160px;
    align-items: center;
    gap: 14px;
}

.admin-table-head {
    min-height: 36px;
    padding: 0 14px;
    color: #627d8e;
    border-bottom: 1px solid var(--line);
    background: #0b1b27;
    font-family: var(--mono);
    font-size: 10px;
    text-transform: uppercase;
}

.admin-brand-row {
    min-height: 76px;
    padding: 10px 14px;
    border-bottom: 1px solid #142d3d;
}

.admin-brand-row:last-child {
    border-bottom: 0;
}

.admin-brand-row:hover {
    background: #0a1a25;
}

.admin-brand-identity {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 12px;
}

.admin-brand-identity img {
    width: 84px;
    height: 49px;
    padding: 5px;
    flex: 0 0 auto;
    object-fit: contain;
    border: 1px solid #294b60;
    background: #06131d;
}

.admin-brand-identity > span,
.admin-brand-counts {
    min-width: 0;
    display: grid;
    gap: 3px;
}

.admin-brand-identity strong {
    overflow: hidden;
    color: #e1ebf0;
    font-size: 11px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.admin-brand-identity small,
.admin-brand-counts {
    color: #718a9a;
    font-family: var(--mono);
    font-size: 10px;
}

.admin-status {
    width: max-content;
    padding: 3px 7px;
    border: 1px solid #3b5667;
    color: #91a8b6;
    background: #0a1923;
    font-family: var(--mono);
    font-size: 10px;
}

.admin-status.is-published {
    border-color: #27664f;
    color: var(--green);
}

.admin-status.is-draft {
    border-color: #735b37;
    color: var(--amber);
}

.admin-status.is-archived {
    color: #788d9b;
    opacity: .72;
}

.admin-row-actions {
    justify-content: flex-end;
}

.admin-row-actions button {
    border-color: #70434d;
    color: #ef9ba5;
}

.admin-form-shell {
    padding: 20px;
    border: 1px solid #294b60;
    background: #081721;
}

.admin-field-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 12px;
}

.admin-storage-preview {
    min-height: 116px;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(160px, 1fr) minmax(160px, 2fr) 220px;
    align-items: center;
    gap: 14px;
    border: 1px solid #294b60;
    color: #849baa;
    background: #06131d;
    font-size: 10px;
}

.admin-storage-preview img {
    width: 220px;
    height: 90px;
    padding: 10px;
    object-fit: contain;
    border: 1px solid #294b60;
    background: #091720;
}

@media (max-width: 1120px) {
    .signal-runtime,
    .header-telemetry {
        display: none;
    }

    .header-search {
        width: min(540px, 58vw);
    }

    .primary-nav {
        width: 100%;
    }

    .primary-nav a {
        min-width: 0;
        flex: 1;
    }

    .command-hero {
        grid-template-columns: minmax(0, 1fr) 345px;
    }

    .brand-grid,
    .brand-grid.is-index,
    .product-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .receiver-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .signal-inner {
        justify-content: space-between;
    }

    html.menu-open,
    html.menu-open body {
        overflow: hidden;
    }

    .site-header {
        box-shadow: 0 10px 29px rgba(0, 0, 0, .3);
    }

    .header-main {
        min-height: 0;
        padding: 10px 12px;
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 10px;
        transition: padding .2s ease, gap .2s ease;
    }

    .header-identity {
        width: 100%;
        min-height: 42px;
        max-height: 42px;
        justify-content: space-between;
        gap: 10px;
        overflow: hidden;
        opacity: 1;
        transform: translateY(0);
        transform-origin: top;
        transition: min-height .2s ease, max-height .2s ease, opacity .16s ease, transform .2s ease;
    }

    .site-header.is-compact .header-main {
        padding-top: 5px;
        padding-bottom: 5px;
        gap: 0;
    }

    .site-header.is-compact .header-identity {
        min-height: 0;
        max-height: 0;
        opacity: 0;
        pointer-events: none;
        transform: translateY(-10px);
    }

    .brand {
        min-width: 0;
    }

    .header-search {
        width: 100%;
        height: 39px;
        margin-left: 0;
        min-width: 0;
    }

    .menu-toggle {
        display: inline-flex;
        flex: 0 0 auto;
    }

    .mobile-tabs-shell {
        display: block;
        position: relative;
        overflow: hidden;
        border-top: 1px solid #142c3b;
        background: #07131d;
    }

    .mobile-tabs-shell::after {
        content: "";
        width: 26px;
        position: absolute;
        z-index: 2;
        top: 0;
        right: 0;
        bottom: 0;
        pointer-events: none;
        background: linear-gradient(90deg, transparent, #07131d 85%);
    }

    .mobile-tabs {
        min-height: 41px;
        padding: 0 12px;
        display: flex;
        align-items: stretch;
        overflow-x: auto;
        overscroll-behavior-x: contain;
        scrollbar-width: none;
        scroll-padding-inline: 12px;
        scroll-snap-type: x proximity;
        touch-action: pan-x;
    }

    .mobile-tabs::-webkit-scrollbar {
        display: none;
    }

    .mobile-tabs a {
        min-width: max-content;
        min-height: 41px;
        padding: 0 15px;
        display: inline-flex;
        align-items: center;
        gap: 7px;
        position: relative;
        flex: 0 0 auto;
        scroll-snap-align: start;
        border-right: 1px solid #142c3b;
        color: #829aa9;
        font-size: 10px;
        white-space: nowrap;
    }

    .mobile-tabs a:first-child {
        border-left: 1px solid #142c3b;
    }

    .mobile-tabs a::after {
        content: "";
        height: 2px;
        position: absolute;
        right: 12px;
        bottom: 0;
        left: 12px;
        background: transparent;
    }

    .mobile-tabs a:hover,
    .mobile-tabs a:focus-visible,
    .mobile-tabs a.is-active {
        color: #eef7fa;
        background: #0a1b27;
    }

    .mobile-tabs a.is-active::after {
        background: var(--cyan);
    }

    .mobile-tabs a span {
        color: #4f6d80;
        font-family: var(--mono);
        font-size: 10px;
    }

    .mobile-tabs a.is-active span {
        color: var(--cyan);
    }

    .nav-shell {
        width: 100%;
        max-width: none;
        min-height: 0;
        padding: 10px 12px 12px;
        display: block;
        position: absolute;
        top: 100%;
        right: 0;
        left: 0;
        overflow: hidden;
        visibility: hidden;
        opacity: 0;
        pointer-events: none;
        border-top: 1px solid #24475b;
        border-bottom: 1px solid #24475b;
        background:
            linear-gradient(90deg, rgba(69, 200, 245, .04) 1px, transparent 1px),
            linear-gradient(rgba(69, 200, 245, .04) 1px, transparent 1px),
            linear-gradient(145deg, #07141e, #0b1d2a);
        background-size: 22px 22px, 22px 22px, auto;
        box-shadow: 0 24px 50px rgba(0, 0, 0, .55);
        transform: translateY(-10px) scale(.985);
        transform-origin: top center;
        transition: opacity .18s ease, transform .24s ease, visibility .24s ease;
    }

    .site-header.nav-is-open .nav-shell {
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
        transform: translateY(0) scale(1);
    }

    .nav-panel-head {
        min-height: 34px;
        margin-bottom: 10px;
        padding: 0 4px 10px;
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 12px;
        border-bottom: 1px solid #234457;
        color: var(--cyan);
        font-family: var(--mono);
        font-size: 10px;
        letter-spacing: .35px;
    }

    .nav-panel-head small {
        color: #647f91;
        font-size: 10px;
        letter-spacing: 0;
    }

    .primary-nav {
        width: 100%;
        min-height: 0;
        max-height: min(58vh, 430px);
        padding: 0;
        display: grid;
        grid-template-columns: 1fr 1fr;
        align-items: stretch;
        gap: 10px;
        overflow-y: auto;
        overscroll-behavior: contain;
        background: transparent;
    }

    .primary-nav a {
        min-width: 0;
        min-height: 59px;
        padding: 9px 10px;
        justify-content: flex-start;
        gap: 10px;
        border: 1px solid #25465a;
        color: #9ab0be;
        background: rgba(6, 18, 27, .82);
    }

    .primary-nav a:first-child {
        border-left: 1px solid #25465a;
    }

    .primary-nav a::after {
        width: 2px;
        height: auto;
        top: 9px;
        right: auto;
        bottom: 9px;
        left: -1px;
    }

    .primary-nav a:hover,
    .primary-nav a:focus-visible,
    .primary-nav a.is-active {
        border-color: #356985;
        background: rgba(12, 35, 50, .94);
    }

    .nav-code {
        width: 27px;
        height: 27px;
        display: grid;
        place-items: center;
        flex: 0 0 auto;
        border: 1px solid #31566c;
        color: var(--cyan);
        background: var(--cyan-soft);
        font-family: var(--mono);
        font-size: 10px;
    }

    .nav-copy {
        min-width: 0;
        display: grid;
        gap: 2px;
        color: #d9e6ec;
        font-size: 11px;
    }

    .primary-nav .nav-copy small {
        display: block;
        color: #688294;
        font-family: var(--mono);
        font-size: 10px;
    }

    .command-hero,
    .page-command,
    .product-command {
        grid-template-columns: 1fr;
    }

    .engine-panel {
        margin-top: 0;
    }

    .telemetry-grid,
    .brand-grid,
    .brand-grid.is-index,
    .product-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

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

    .telemetry-grid article:nth-child(2) {
        border-right: 0;
    }

    .telemetry-grid article:nth-child(-n+2) {
        border-bottom: 1px solid var(--line);
    }

    .file-console-head {
        display: none;
    }

    .file-row {
        grid-template-columns: minmax(0, 1fr) repeat(2, minmax(74px, auto)) 92px;
        gap: 10px;
    }

    .file-row .file-data:nth-of-type(3),
    .file-row .file-data:nth-of-type(4) {
        display: none;
    }

    .command-stats {
        width: 100%;
    }
}

@media (max-width: 620px) {
    .signal-inner {
        min-height: 25px;
        padding: 0 10px;
        gap: 10px;
    }

    .signal-inner span:nth-child(2) {
        display: none;
    }

    .header-main {
        min-height: 0;
        padding: 10px;
    }

    .site-header.is-compact .header-main {
        padding-top: 5px;
        padding-bottom: 5px;
    }

    .brand-copy small {
        display: none;
    }

    .header-search {
        width: 100%;
    }

    .search-prefix {
        display: none;
    }

    .header-search {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .mobile-tabs {
        padding-right: 10px;
        padding-left: 10px;
        scroll-padding-inline: 10px;
    }

    .nav-shell {
        padding-right: 10px;
        padding-left: 10px;
    }

    .site-main {
        width: calc(100% - 19px);
        padding-top: 9px;
    }

    .command-copy {
        padding: 22px 16px;
    }

    .hero-search {
        height: auto;
        grid-template-columns: 1fr;
    }

    .hero-search > span {
        padding: 10px 10px 0;
    }

    .hero-search input {
        height: 37px;
    }

    .hero-search button {
        min-height: 35px;
        border-top: 1px solid #735b37;
        border-left: 0;
    }

    .engine-panel {
        margin: 0 10px 10px;
    }

    .engine-core {
        grid-template-columns: 76px 1fr;
        padding: 12px;
        gap: 10px;
    }

    .engine-ring {
        width: 69px;
        height: 69px;
    }

    .engine-ring::before {
        width: 79px;
    }

    .engine-ring::after {
        height: 79px;
    }

    .telemetry-grid,
    .brand-grid,
    .brand-grid.is-index,
    .product-grid,
    .receiver-grid,
    .mini-telemetry {
        grid-template-columns: 1fr;
    }

    .telemetry-grid article,
    .telemetry-grid article:nth-child(2),
    .mini-telemetry div {
        border-right: 0;
        border-bottom: 1px solid var(--line);
    }

    .telemetry-grid article:last-child,
    .mini-telemetry div:last-child {
        border-bottom: 0;
    }

    .page-command,
    .product-command {
        padding: 19px 14px;
        gap: 16px;
    }

    .page-search {
        grid-template-columns: 1fr;
        height: auto;
    }

    .page-search input {
        height: 39px;
    }

    .page-search button {
        min-height: 34px;
        border-top: 1px solid #31596f;
        border-left: 0;
    }

    .command-stats,
    .command-stats.is-inline {
        grid-template-columns: 1fr;
    }

    .command-stats div {
        min-height: 47px;
        border-right: 0;
        border-bottom: 1px solid #244356;
    }

    .command-stats div:last-child {
        border-bottom: 0;
    }

    .section-head {
        min-height: 42px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 4px;
    }

    .file-row {
        grid-template-columns: minmax(0, 1fr) 90px;
        padding: 10px;
    }

    .file-row .file-data {
        display: none;
    }

    .download-action {
        width: 90px;
    }

    .pagination-bar,
    .query-message {
        padding: 10px 12px;
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
    }

    .error-page {
        min-height: 350px;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .error-code {
        text-align: left;
    }

    .footer-inner,
    .footer-meta {
        align-items: flex-start;
        flex-direction: column;
        justify-content: center;
        gap: 5px;
    }
}

@media (max-width: 420px) {
    .header-main {
        padding-right: 9px;
        padding-left: 9px;
    }

    .brand {
        gap: 10px;
    }

    .brand-mark {
        width: 36px;
    }

    .brand-copy strong {
        font-size: 11px;
        white-space: nowrap;
    }

    .menu-toggle {
        min-height: 34px;
        padding: 0 10px;
    }

    .header-search button {
        padding-right: 11px;
        padding-left: 11px;
    }

    .mobile-tabs {
        padding-right: 9px;
        padding-left: 9px;
        scroll-padding-inline: 9px;
    }

    .mobile-tabs a {
        padding-right: 12px;
        padding-left: 12px;
    }

    .nav-shell {
        padding: 10px 9px;
    }

    .nav-panel-head small {
        display: none;
    }

    .primary-nav {
        max-height: calc(100dvh - 142px);
        grid-template-columns: 1fr;
        gap: 6px;
    }

    .primary-nav a {
        min-height: 52px;
        padding: 10px 9px;
    }

    .command-copy {
        padding-right: 13px;
        padding-left: 13px;
    }
}

@media (max-width: 860px) {
    .admin-header {
        min-height: 60px;
        padding: 9px 12px;
    }

    .admin-main {
        width: calc(100% - 24px);
        padding-top: 12px;
    }

    .admin-table-head {
        display: none;
    }

    .admin-brand-row {
        grid-template-columns: minmax(0, 1fr) auto;
        gap: 10px 16px;
    }

    .admin-brand-counts {
        grid-column: 1;
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
    }

    .admin-status {
        grid-column: 2;
        grid-row: 1;
        align-self: start;
    }

    .admin-row-actions {
        grid-column: 2;
        grid-row: 2;
    }

    .admin-storage-preview {
        grid-template-columns: 1fr 1.4fr;
    }

    .admin-storage-preview img {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .brand-command {
        padding: 12px;
        gap: 12px;
    }

    .brand-command-identity {
        display: grid;
        grid-template-columns: 76px minmax(0, 1fr);
        align-items: center;
        gap: 10px;
    }

    .brand-command-logo {
        width: 76px;
        height: 60px;
        padding: 7px;
    }

    .brand-command h1 {
        margin-bottom: 4px;
    }

    .brand-command p {
        line-height: 1.55;
    }

    .brand-command .command-stats {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .brand-command .command-stats div {
        min-height: 52px;
        padding: 9px;
        border-right: 1px solid #244356;
        border-bottom: 0;
    }

    .brand-command .command-stats div:last-child {
        border-right: 0;
    }

    .admin-header {
        padding-right: 10px;
        padding-left: 10px;
    }

    .admin-header .brand-mark {
        width: 36px;
    }

    .admin-actions {
        gap: 5px;
    }

    .admin-actions a,
    .admin-actions button {
        min-height: 32px;
        padding: 0 7px;
    }

    .admin-main {
        width: calc(100% - 19px);
        padding-top: 10px;
    }

    .admin-auth-card {
        margin-top: 20px;
        padding: 19px 14px;
    }

    .admin-command {
        align-items: stretch;
        grid-template-columns: 1fr;
    }

    .admin-primary-action {
        width: 100%;
    }

    .admin-brand-row {
        padding: 12px 10px;
    }

    .admin-brand-identity img {
        width: 69px;
        height: 42px;
    }

    .admin-form-shell {
        padding: 14px;
    }

    .admin-field-grid,
    .admin-storage-preview {
        grid-template-columns: 1fr;
    }

    .admin-storage-preview img {
        width: min(220px, 100%);
        grid-column: auto;
    }
}

@media (max-width: 420px) {
    .brand-card {
        grid-template-columns: 56px minmax(0, 1fr);
        padding: 10px;
        gap: 7px 10px;
    }

    .brand-logo {
        width: 56px;
        height: 46px;
    }

    .receiver-card > a {
        min-height: 70px;
        padding: 9px 9px 9px 10px;
        grid-template-columns: minmax(0, 1fr) 46px 22px;
        gap: 9px;
    }

    .receiver-file-count {
        min-width: 46px;
        min-height: 40px;
    }

    .admin-header .brand-copy {
        display: none;
    }

    .admin-brand-row {
        grid-template-columns: 1fr;
    }

    .admin-status,
    .admin-row-actions,
    .admin-brand-counts {
        grid-column: 1;
        grid-row: auto;
        justify-content: flex-start;
    }
}

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

/* Public member system: isolated account UI and additive catalog controls. */
.header-main {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.member-header-access {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.member-header-account,
.member-header-signin {
    min-height: 38px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #294d61;
    background: #071722;
}

.member-header-account {
    max-width: 220px;
    padding: 3px 9px 3px 4px;
    gap: 7px;
}

.member-header-account > span:nth-child(2) {
    min-width: 0;
    display: grid;
    gap: 1px;
}

.member-header-account strong,
.member-header-account small {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.member-header-account strong { color: #d8e9f0; font-size: 10px; }
.member-header-account small { color: #6f8998; font: 10px/1.2 var(--mono); }
.member-header-account > i {
    min-width: 20px;
    height: 20px;
    padding: 0 4px;
    display: grid;
    place-items: center;
    border-radius: 10px;
    color: #041219;
    background: var(--cyan);
    font: 700 10px/1 var(--mono);
    font-style: normal;
}

.member-header-avatar {
    width: 30px;
    height: 30px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    overflow: hidden;
    border: 1px solid #37657b;
    color: var(--cyan);
    background: #0c2533;
    font: 700 10px/1 var(--mono);
}

.member-header-avatar img { width: 100%; height: 100%; display: block; object-fit: cover; }
.member-header-account:hover,
.member-header-account:focus-visible,
.member-header-signin:hover,
.member-header-signin:focus-visible { border-color: var(--cyan); background: #0b202d; }

.member-header-signin {
    padding: 0 11px;
    gap: 7px;
    color: #afc3ce;
    font: 10px/1 var(--mono);
}

.member-header-signin span { color: var(--cyan); }
.member-drawer-access { display: none; }

.member-global-notice {
    width: min(calc(100% - 38px), var(--max));
    min-height: 39px;
    margin: 10px auto -7px;
    padding: 9px 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid #326a56;
    color: #a7dbc5;
    background: #092019;
    font-size: 10px;
}

.member-global-notice.is-error { border-color: #80404a; color: #ffc0c6; background: #231119; }
.member-global-notice.is-info { border-color: #345e74; color: #acd1e0; background: #0a1d28; }
.member-global-notice a { flex: 0 0 auto; color: var(--cyan); font: 10px/1 var(--mono); }

.entity-favorite-action { min-width: 0; margin: 12px 0 13px; }
.entity-favorite-action form { margin: 0; }
.entity-favorite-action button,
.entity-favorite-action a {
    min-height: 34px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #31566c;
    color: #a9bdc8;
    background: #071722;
    cursor: pointer;
    font: 10px/1.3 var(--mono);
}

.entity-favorite-action button:hover,
.entity-favorite-action a:hover { border-color: var(--amber); color: #f4cf94; }
.entity-favorite-action button.is-saved { border-color: #806338; color: var(--amber); background: rgba(244, 180, 85, .07); }
.entity-favorite-action button span,
.entity-favorite-action a span,
.entity-favorite-action button b,
.entity-favorite-action a b { color: var(--amber); font-size: 13px; font-style: normal; }
.chinese-category-hero aside .entity-favorite-action { margin: 12px 0 0; }
.chinese-category-hero aside .entity-favorite-action button,
.chinese-category-hero aside .entity-favorite-action a { white-space: nowrap; }
.request-auth-note a { color: var(--cyan); text-decoration: underline; text-underline-offset: 2px; }

.member-auth-page {
    min-width: 0;
    min-height: 610px;
    display: grid;
    grid-template-columns: minmax(0, .9fr) minmax(380px, 1.1fr);
    border: 1px solid #294f64;
    background: linear-gradient(130deg, rgba(10, 32, 45, .97), rgba(4, 13, 20, .99));
}

.member-auth-intro {
    min-width: 0;
    padding: clamp(34px, 6vw, 78px);
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    overflow: hidden;
    border-right: 1px solid #294f64;
    background:
        radial-gradient(circle at 75% 24%, rgba(69, 200, 245, .14), transparent 32%),
        linear-gradient(rgba(74, 156, 205, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(74, 156, 205, .055) 1px, transparent 1px);
    background-size: auto, 28px 28px, 28px 28px;
}

.member-auth-intro::after {
    content: "";
    width: 260px;
    height: 260px;
    position: absolute;
    right: -100px;
    top: -90px;
    border: 1px solid rgba(69, 200, 245, .13);
    border-radius: 50%;
}

.member-auth-intro h1 { max-width: 520px; margin: 20px 0 14px; font-size: 13px; line-height: 1.35; letter-spacing: .1px; }
.member-auth-intro > p { max-width: 570px; font-size: 13px; line-height: 1.75; }
.member-auth-intro ul { margin: 22px 0 0; padding: 0; display: grid; gap: 10px; list-style: none; color: #a6bbc6; font: 11px/1.5 var(--mono); }
.member-auth-intro li { padding-left: 20px; position: relative; }
.member-auth-intro li::before { content: "✓"; position: absolute; left: 0; color: var(--green); }

.member-auth-card {
    width: min(510px, calc(100% - 44px));
    margin: auto;
    padding: 30px;
    border: 1px solid #294f64;
    background: rgba(6, 20, 29, .91);
    box-shadow: 0 24px 70px rgba(0, 0, 0, .23);
}

.member-auth-card > header { margin-bottom: 19px; }
.member-auth-card > header > span,
.member-panel > header > div > span,
.member-page-head > div > span,
.member-delete-panel > span { color: var(--cyan); font: 10px/1.3 var(--mono); letter-spacing: .45px; }
.member-auth-card > header h2 { margin: 7px 0 4px; font-size: 13px; }
.member-auth-card > header p { margin: 0; line-height: 1.55; }

.member-alert {
    margin-bottom: 14px;
    padding: 10px 12px;
    border: 1px solid #326a56;
    color: #a7dbc5;
    background: rgba(69, 211, 148, .06);
    font-size: 10px;
    overflow-wrap: anywhere;
}

.member-alert.is-error { border-color: #82424b; color: #ffc3c8; background: rgba(255, 116, 130, .07); }
.member-alert.is-info { border-color: #335d73; color: #acd0df; background: rgba(69, 200, 245, .06); }

.member-form { min-width: 0; display: grid; gap: 13px; }
.member-form label { min-width: 0; display: grid; gap: 5px; }
.member-form label > span { color: #a8bdc8; font-size: 10px; font-weight: 500; }
.member-form label > small { color: #6f8796; font: 10px/1.5 var(--mono); }
.member-form input {
    width: 100%;
    min-width: 0;
    height: 42px;
    padding: 0 11px;
    border: 1px solid #2a4e61;
    outline: 0;
    color: #e4eef3;
    background: #06141e;
}

.member-form input[type="file"] { height: auto; min-height: 42px; padding: 9px; }
.member-form input:focus { border-color: var(--cyan); box-shadow: 0 0 0 2px rgba(69, 200, 245, .075); }
.member-form input:disabled { color: #728795; background: #0a1821; cursor: not-allowed; }
.member-form-pair { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
.member-password-note { margin: -3px 0 0; color: #78909f; font: 10px/1.55 var(--mono); }
.member-form .member-check { display: flex; align-items: flex-start; gap: 7px; color: #839aa8; font-size: 10px; line-height: 1.5; }
.member-form .member-check input { width: 15px; min-width: 15px; height: 15px; margin: 1px 0 0; padding: 0; accent-color: var(--cyan); }
.member-form .member-check span { color: #839aa8; font-weight: 400; }
.member-form .member-check a { color: var(--cyan); }
.member-honeypot { width: 1px !important; height: 1px !important; position: absolute !important; left: -9999px !important; overflow: hidden !important; }

.member-primary-button,
.member-secondary-button,
.member-danger-button {
    min-height: 40px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 12px;
    border: 1px solid var(--cyan);
    cursor: pointer;
    font: 700 10px/1.2 var(--mono);
}

.member-primary-button { color: #03131b; background: var(--cyan); }
.member-primary-button:hover { background: #77daf9; }
.member-primary-button:disabled { opacity: .5; cursor: not-allowed; }
.member-secondary-button { color: #b7ccd6; border-color: #31566c; background: #091a25; }
.member-secondary-button:hover { border-color: var(--cyan); color: var(--cyan); }
.member-danger-button { color: #ffc2c7; border-color: #80404a; background: rgba(255, 116, 130, .055); }
.member-danger-button.is-solid { color: #21090d; background: var(--danger); }
.member-text-danger { padding: 0; border: 0; color: #ff9ca5; background: transparent; cursor: pointer; font: 10px var(--mono); }
.member-auth-switch { margin: 18px 0 0; padding-top: 14px; border-top: 1px solid #193646; color: #78909f; font-size: 10px; text-align: center; }
.member-auth-switch a { color: var(--cyan); }

.member-page-shell {
    min-width: 0;
    display: grid;
    grid-template-columns: 238px minmax(0, 1fr);
    align-items: start;
    gap: 14px;
}

.member-sidebar {
    min-width: 0;
    position: sticky;
    top: 132px;
    border: 1px solid #294f64;
    background: rgba(7, 22, 32, .96);
}

.member-sidebar-profile { min-width: 0; padding: 15px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #234657; }
.member-sidebar-profile > span:last-child { min-width: 0; display: grid; gap: 2px; }
.member-sidebar-profile strong,
.member-sidebar-profile small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.member-sidebar-profile strong { font-size: 11px; }
.member-sidebar-profile small { color: #708897; font: 10px var(--mono); }
.member-avatar { width: 44px; height: 44px; display: grid; place-items: center; flex: 0 0 auto; overflow: hidden; border: 1px solid #37657b; background: #0c2533; }
.member-avatar b { color: var(--cyan); font: 700 13px/1 var(--mono); }
.member-avatar img { width: 100%; height: 100%; object-fit: cover; display: block; }
.member-avatar.is-large { width: 112px; height: 112px; }
.member-avatar.is-large b { font-size: 13px; }

.member-sidebar-nav { padding: 7px; display: grid; gap: 3px; }
.member-sidebar-nav a { min-width: 0; min-height: 40px; padding: 0 9px; display: grid; grid-template-columns: 29px minmax(0, 1fr) auto; align-items: center; gap: 7px; border: 1px solid transparent; color: #8da4b2; font-size: 10px; }
.member-sidebar-nav a i { width: 29px; height: 27px; display: grid; place-items: center; border: 1px solid #27495a; color: #7f9dac; font: 10px/1 var(--mono); font-style: normal; }
.member-sidebar-nav a b { min-width: 20px; height: 20px; padding: 0 4px; display: grid; place-items: center; border-radius: 10px; color: #03131b; background: var(--cyan); font: 700 10px var(--mono); }
.member-sidebar-nav a:hover { color: #dbe9ef; background: #0a1c28; }
.member-sidebar-nav a.is-active { border-color: #315c72; color: #e5f0f4; background: rgba(69, 200, 245, .07); }
.member-sidebar-nav a.is-active i { border-color: var(--cyan); color: var(--cyan); }
.member-sidebar > form { margin: 0; padding: 9px; border-top: 1px solid #234657; }
.member-sidebar > form button { width: 100%; min-height: 36px; padding: 0 9px; display: flex; align-items: center; justify-content: space-between; border: 1px solid #31566c; color: #9fb5c1; background: #07151e; cursor: pointer; font: 10px var(--mono); }
.member-sidebar > form button:hover { border-color: var(--danger); color: #ffadb4; }

.member-workspace { min-width: 0; display: grid; gap: 14px; }
.member-workspace > .member-alert { margin: 0; }
.member-page-head {
    min-width: 0;
    min-height: 105px;
    padding: 20px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 18px;
    border: 1px solid #294f64;
    background: linear-gradient(125deg, rgba(10, 31, 44, .97), rgba(5, 16, 24, .97));
}

.member-page-head > div { min-width: 0; }
.member-page-head h1 { margin: 6px 0 3px; font-size: 13px; overflow-wrap: anywhere; }
.member-page-head p { max-width: 750px; margin: 0; line-height: 1.55; }
.member-page-head > a,
.member-page-head > strong { min-height: 36px; padding: 0 11px; display: inline-flex; align-items: center; flex: 0 0 auto; border: 1px solid #31566c; color: #a9c0cc; background: #071722; font: 10px var(--mono); }
.member-page-head > a:hover { border-color: var(--cyan); color: var(--cyan); }
.member-page-head > a.is-danger { border-color: #70404a; color: #ff9da6; }
.member-page-head > form { flex: 0 0 auto; }

.member-stat-grid { min-width: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid #294f64; background: #071722; }
.member-stat-grid a { min-width: 0; min-height: 90px; padding: 14px; display: grid; grid-template-columns: auto minmax(0, 1fr); align-content: center; gap: 5px 9px; border-right: 1px solid #234657; }
.member-stat-grid a:last-child { border-right: 0; }
.member-stat-grid i { width: 28px; height: 28px; grid-row: 1 / 3; display: grid; place-items: center; border: 1px solid #31566c; color: var(--cyan); font: 10px var(--mono); font-style: normal; }
.member-stat-grid span { color: #78909f; font: 10px var(--mono); text-transform: uppercase; }
.member-stat-grid strong { color: #dcebf1; font: 600 13px/1 var(--mono); }
.member-stat-grid a:hover { background: rgba(69, 200, 245, .045); }

.member-panel { min-width: 0; border: 1px solid #294f64; background: rgba(7, 22, 32, .95); }
.member-panel > header { min-width: 0; min-height: 59px; padding: 12px 14px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #234657; }
.member-panel > header h2 { margin: 4px 0 0; }
.member-panel > header > a { color: var(--cyan); font: 10px var(--mono); }
.member-dashboard-columns,
.member-settings-grid { min-width: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; align-items: start; }

.member-compact-list { min-width: 0; display: grid; }
.member-compact-list > a,
.member-compact-list > div { min-width: 0; min-height: 54px; padding: 10px 13px; display: flex; align-items: center; justify-content: space-between; gap: 12px; border-bottom: 1px solid #173343; }
.member-compact-list > :last-child { border-bottom: 0; }
.member-compact-list > a:hover { background: rgba(69, 200, 245, .035); }
.member-compact-list > a > span,
.member-compact-list > div > span { min-width: 0; display: grid; gap: 2px; }
.member-compact-list strong,
.member-compact-list small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.member-compact-list strong { color: #cddde5; font-size: 10px; }
.member-compact-list small { color: #708796; font: 10px var(--mono); }
.member-compact-list time { flex: 0 0 auto; color: #8098a6; font: 10px var(--mono); }

.member-status { min-height: 22px; padding: 0 7px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #456474; color: #91a8b3; background: #091923; font: 700 10px/1 var(--mono); font-style: normal; white-space: nowrap; }
.member-status.is-pending { border-color: #6f5a37; color: #ddb977; background: rgba(244, 180, 85, .055); }
.member-status.is-in_progress { border-color: #345e74; color: #8bd2ea; background: rgba(69, 200, 245, .055); }
.member-status.is-completed { border-color: #326a56; color: #8ed9b9; background: rgba(69, 211, 148, .055); }
.member-status.is-declined { border-color: #74414a; color: #f3a2a9; background: rgba(255, 116, 130, .055); }

.member-empty { min-width: 0; padding: 20px; text-align: center; }
.member-empty.is-large { min-height: 260px; display: grid; place-content: center; justify-items: center; border: 1px solid #294f64; background: rgba(7, 22, 32, .88); }
.member-empty strong { color: #cadce5; font-size: 12px; }
.member-empty p { max-width: 540px; margin: 6px auto 0; }
.member-empty a { margin-top: 12px; color: var(--cyan); font: 10px var(--mono); }

.member-record-list,
.member-request-list { min-width: 0; display: grid; gap: 9px; }
.member-record { min-width: 0; min-height: 86px; padding: 13px; display: grid; grid-template-columns: 42px minmax(0, 1fr) auto; align-items: center; gap: 13px; border: 1px solid #294f64; background: rgba(7, 22, 32, .95); }
.member-record.has-update { border-left: 3px solid var(--amber); }
.member-record > i { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid #31566c; color: var(--cyan); font: 10px var(--mono); font-style: normal; }
.member-record > div:nth-child(2) { min-width: 0; }
.member-record > div:nth-child(2) > span { color: var(--cyan); font: 10px var(--mono); }
.member-record h2 { margin: 4px 0 2px; overflow-wrap: anywhere; }
.member-record p { margin: 0; font: 10px/1.4 var(--mono); }
.member-record-actions { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.member-record-actions form { margin: 0; }
.member-record-actions a,
.member-record-actions button { min-height: 31px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid #31566c; color: #aac0cb; background: #07151e; cursor: pointer; font: 10px var(--mono); }
.member-record-actions a:hover,
.member-record-actions button:hover { border-color: var(--cyan); color: var(--cyan); }
.member-record-actions button.is-danger { border-color: #67404a; color: #ef9da4; }

.member-pagination { min-height: 46px; padding: 9px 10px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border: 1px solid #294f64; background: #071722; color: #8298a5; font: 10px var(--mono); }
.member-pagination div { display: flex; gap: 6px; }
.member-pagination a { min-height: 29px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid #31566c; color: #acd0df; }

.member-notification-list { min-width: 0; display: grid; }
.member-notification-list article { min-width: 0; padding: 13px; display: grid; grid-template-columns: 38px minmax(0, 1fr) auto; align-items: start; gap: 12px; border-bottom: 1px solid #173343; }
.member-notification-list article:last-child { border-bottom: 0; }
.member-notification-list article.is-unread { border-left: 3px solid var(--cyan); background: rgba(69, 200, 245, .03); }
.member-notification-list article > i { width: 38px; height: 38px; display: grid; place-items: center; border: 1px solid #31566c; color: var(--cyan); font: 10px var(--mono); font-style: normal; }
.member-notification-list article > div:nth-child(2) { min-width: 0; }
.member-notification-list article > div:nth-child(2) > span { color: #6f8998; font: 10px var(--mono); }
.member-notification-list h2 { margin: 3px 0; overflow-wrap: anywhere; }
.member-notification-list p { margin: 0 0 4px; overflow-wrap: anywhere; }
.member-notification-list time { color: #6f8796; font: 10px var(--mono); }
.member-notification-list article > div:last-child { display: flex; align-items: center; justify-content: flex-end; flex-wrap: wrap; gap: 5px; }
.member-notification-list form { margin: 0; }
.member-notification-list article > div:last-child a,
.member-notification-list button { min-height: 29px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid #31566c; color: #a8bdc8; background: #07151e; cursor: pointer; font: 10px var(--mono); }
.member-notification-list button.is-danger { border-color: #67404a; color: #ef9da4; }

.member-request-list article { min-width: 0; padding: 15px; border: 1px solid #294f64; background: rgba(7, 22, 32, .95); }
.member-request-list article > header { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.member-request-list article > header > div { min-width: 0; }
.member-request-list article > header span { color: var(--cyan); font: 10px var(--mono); }
.member-request-list article h2 { margin: 5px 0 0; overflow-wrap: anywhere; }
.member-request-list dl { margin: 13px 0 0; display: flex; flex-wrap: wrap; border: 1px solid #234657; }
.member-request-list dl div { min-width: 150px; padding: 9px 10px; display: grid; gap: 2px; border-right: 1px solid #234657; }
.member-request-list dt { color: #6f8796; font: 10px var(--mono); text-transform: uppercase; }
.member-request-list dd { margin: 0; color: #bfced6; font-size: 10px; overflow-wrap: anywhere; }
.member-request-list article > p { margin: 12px 0 0; padding: 10px; border: 1px solid #173343; background: #06141e; white-space: pre-wrap; overflow-wrap: anywhere; }

.member-form.is-settings { padding: 15px; }
.member-avatar-editor { min-width: 0; padding: 16px; display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: start; gap: 16px; }
.member-avatar-editor > div { min-width: 0; display: grid; gap: 10px; }
.member-avatar-editor .member-form { padding: 0; }
.member-session-list,
.member-activity-list { min-width: 0; display: grid; }
.member-session-list article,
.member-activity-list > div { min-width: 0; min-height: 54px; padding: 10px 13px; display: flex; align-items: center; gap: 10px; border-bottom: 1px solid #173343; }
.member-session-list article:last-child,
.member-activity-list > div:last-child { border-bottom: 0; }
.member-session-list article > i { width: 34px; height: 30px; display: grid; place-items: center; flex: 0 0 auto; border: 1px solid #31566c; color: var(--cyan); font: 10px var(--mono); font-style: normal; }
.member-session-list article > div,
.member-activity-list > div > span { min-width: 0; display: grid; gap: 2px; }
.member-session-list strong,
.member-session-list small,
.member-activity-list strong,
.member-activity-list small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.member-session-list strong,
.member-activity-list strong { color: #c6d8e0; font-size: 10px; }
.member-session-list small,
.member-activity-list small { color: #708796; font: 10px var(--mono); }
.member-session-list form { margin: 0 0 0 auto; }
.member-session-list button { min-height: 29px; padding: 0 9px; border: 1px solid #67404a; color: #ef9da4; background: #07151e; cursor: pointer; font: 10px var(--mono); }
.member-activity-list > div { justify-content: space-between; }
.member-activity-list time { flex: 0 0 auto; color: #78909f; font: 10px var(--mono); }

.member-delete-panel { max-width: 760px; padding: 24px; border: 1px solid #75404a; background: linear-gradient(130deg, rgba(35, 15, 21, .95), rgba(8, 18, 26, .98)); }
.member-delete-panel h2 { margin: 7px 0 10px; font-size: 13px; }
.member-delete-panel ul { margin: 0 0 15px; padding-left: 18px; color: #b7c6ce; font-size: 10px; line-height: 1.8; }
.member-delete-panel > p { padding: 11px; border: 1px solid #543943; color: #c7a8ad; background: rgba(255, 116, 130, .035); line-height: 1.6; }
.member-delete-panel .member-form { max-width: 490px; margin-top: 17px; }

.footer-inner.footer-grid { grid-template-columns: minmax(220px, 1.45fr) repeat(6, minmax(105px, 1fr)); }

@media (max-width: 1120px) {
    .member-auth-page { grid-template-columns: minmax(0, .8fr) minmax(370px, 1.2fr); }
    .member-auth-intro { padding: 40px; }
    .member-auth-card { width: min(500px, calc(100% - 30px)); padding: 25px; }
    .member-page-shell { grid-template-columns: 215px minmax(0, 1fr); }
    .footer-inner.footer-grid { grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(150px, 1fr)); }
}

@media (max-width: 860px) {
    .header-main { grid-template-columns: minmax(0, 1fr) auto auto; }
    .member-header-access { grid-column: 2; grid-row: 1; }
    .menu-toggle { grid-column: 3; grid-row: 1; }
    .member-drawer-access {
        min-width: 0;
        padding: 11px max(14px, env(safe-area-inset-right)) 11px max(14px, env(safe-area-inset-left));
        display: flex;
        align-items: center;
        justify-content: space-between;
        gap: 10px;
        border-bottom: 1px solid #234657;
        background: #071722;
    }
    .member-drawer-access > a { min-width: 0; display: flex; align-items: center; gap: 9px; }
    .member-drawer-access > a > span:nth-child(2),
    .member-drawer-access > span { min-width: 0; display: grid; gap: 2px; }
    .member-drawer-access strong,
    .member-drawer-access small { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
    .member-drawer-access strong { font-size: 10px; }
    .member-drawer-access small { color: #708897; font: 10px var(--mono); }
    .member-drawer-access > form { margin: 0; flex: 0 0 auto; }
    .member-drawer-access button,
    .member-drawer-access > div a { min-height: 32px; padding: 0 9px; display: inline-flex; align-items: center; border: 1px solid #31566c; color: #a9bfca; background: #07151e; font: 10px var(--mono); }
    .member-drawer-access > div { display: flex; gap: 5px; }
    .member-auth-page { min-height: 0; grid-template-columns: 1fr; }
    .member-auth-intro { min-height: 270px; padding: 35px; border-right: 0; border-bottom: 1px solid #294f64; }
    .member-auth-intro h1 { max-width: 650px; }
    .member-auth-card { margin: 25px auto; }
    .member-page-shell { grid-template-columns: 1fr; }
    .member-sidebar { position: static; }
    .member-sidebar-profile { padding: 11px 13px; }
    .member-sidebar-nav { grid-template-columns: repeat(7, minmax(104px, 1fr)); overflow-x: auto; scrollbar-width: thin; }
    .member-sidebar-nav a { grid-template-columns: 27px minmax(0, 1fr) auto; }
    .member-sidebar > form { display: none; }
    .member-settings-grid { grid-template-columns: 1fr; }
    .member-notification-list article { grid-template-columns: 38px minmax(0, 1fr); }
    .member-notification-list article > div:last-child { grid-column: 2; justify-content: flex-start; }
    .footer-inner.footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
    .member-header-account { width: 38px; height: 38px; padding: 3px; border: 0; }
    .member-header-account > span:nth-child(2),
    .member-header-account > i { display: none; }
    .member-header-signin { width: 38px; height: 38px; padding: 0; justify-content: center; }
    .member-header-signin b { display: none; }
    .member-header-signin span { font-size: 10px; }
    .member-global-notice { width: calc(100% - 20px); align-items: flex-start; flex-direction: column; }
    .member-auth-intro { min-height: 235px; padding: 27px 21px; }
    .member-auth-intro h1 { margin-top: 15px; font-size: 13px; }
    .member-auth-intro > p { font-size: 11px; }
    .member-auth-intro ul { margin-top: 14px; font-size: 10px; }
    .member-auth-card { width: calc(100% - 20px); margin: 10px auto; padding: 19px; }
    .member-form-pair { grid-template-columns: 1fr; }
    .member-page-shell { gap: 9px; }
    .member-sidebar-profile { display: none; }
    .member-sidebar-nav { grid-template-columns: repeat(7, 96px); padding: 5px; }
    .member-sidebar-nav a { min-height: 38px; padding: 0 6px; grid-template-columns: 25px minmax(0, 1fr); gap: 6px; }
    .member-sidebar-nav a i { width: 25px; height: 25px; }
    .member-sidebar-nav a b { display: none; }
    .member-workspace { gap: 9px; }
    .member-page-head { min-height: 0; padding: 15px; align-items: stretch; flex-direction: column; }
    .member-page-head h1 { font-size: 13px; }
    .member-page-head > a,
    .member-page-head > strong,
    .member-page-head > form,
    .member-page-head > form button { width: 100%; }
    .member-page-head > a,
    .member-page-head > strong { justify-content: center; }
    .member-stat-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-stat-grid a { min-height: 77px; border-bottom: 1px solid #234657; }
    .member-stat-grid a:nth-child(2n) { border-right: 0; }
    .member-stat-grid a:nth-last-child(-n+2) { border-bottom: 0; }
    .member-dashboard-columns { grid-template-columns: 1fr; gap: 9px; }
    .member-panel > header { align-items: flex-start; flex-direction: column; }
    .member-panel > header > form,
    .member-panel > header > form button { width: 100%; }
    .member-record { grid-template-columns: 38px minmax(0, 1fr); padding: 11px; }
    .member-record > i { width: 38px; height: 38px; }
    .member-record-actions { grid-column: 1 / -1; justify-content: stretch; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-record-actions form,
    .member-record-actions a,
    .member-record-actions button { width: 100%; }
    .member-record-actions a,
    .member-record-actions button { justify-content: center; }
    .member-pagination { align-items: stretch; flex-direction: column; }
    .member-pagination div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-pagination a { justify-content: center; }
    .member-notification-list article { padding: 11px; grid-template-columns: 34px minmax(0, 1fr); gap: 9px; }
    .member-notification-list article > i { width: 34px; height: 34px; }
    .member-notification-list article > div:last-child { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-notification-list article > div:last-child a,
    .member-notification-list article > div:last-child form,
    .member-notification-list article > div:last-child button { width: 100%; }
    .member-notification-list article > div:last-child a,
    .member-notification-list button { justify-content: center; }
    .member-request-list article { padding: 12px; }
    .member-request-list article > header { align-items: flex-start; }
    .member-request-list dl { display: grid; grid-template-columns: 1fr; }
    .member-request-list dl div { min-width: 0; border-right: 0; border-bottom: 1px solid #234657; }
    .member-request-list dl div:last-child { border-bottom: 0; }
    .member-avatar-editor { grid-template-columns: 1fr; justify-items: center; }
    .member-avatar-editor > div { width: 100%; }
    .member-session-list article { align-items: flex-start; display: grid; grid-template-columns: 34px minmax(0, 1fr); }
    .member-session-list form { width: 100%; margin: 0; grid-column: 1 / -1; }
    .member-session-list button { width: 100%; }
    .member-activity-list > div { align-items: flex-start; flex-direction: column; }
    .member-delete-panel { padding: 17px; }
}

@media (max-width: 480px) {
    .member-auth-card { padding: 16px; }
    .member-form input { height: 40px; }
    .member-compact-list > a,
    .member-compact-list > div { align-items: flex-start; flex-direction: column; gap: 5px; }
    .member-compact-list time,
    .member-compact-list .member-status { align-self: flex-start; }
    .entity-favorite-action button,
    .entity-favorite-action a { width: 100%; justify-content: center; white-space: normal; text-align: center; }
    .chinese-category-hero aside { width: 100%; }
    .chinese-category-hero aside .entity-favorite-action { width: 100%; }
}

@media (max-width: 420px) {
    .member-drawer-access { align-items: stretch; flex-direction: column; }
    .member-drawer-access > div,
    .member-drawer-access > div a,
    .member-drawer-access > form,
    .member-drawer-access > form button { width: 100%; }
    .member-drawer-access > div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .member-drawer-access > div a,
    .member-drawer-access > form button { justify-content: center; }
    .member-auth-intro h1 { font-size: 13px; }
    .member-stat-grid { grid-template-columns: 1fr; }
    .member-stat-grid a,
    .member-stat-grid a:nth-child(2n),
    .member-stat-grid a:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid #234657; }
    .member-stat-grid a:last-child { border-bottom: 0; }
    .member-record-actions { grid-template-columns: 1fr; }
    .member-pagination div { grid-template-columns: 1fr; }
    .member-avatar.is-large { width: 96px; height: 96px; }
    .member-avatar-editor { grid-template-columns: 1fr; }
    .footer-inner.footer-grid { grid-template-columns: 1fr; }
}

@media (max-width: 340px) {
    .header-main { gap: 6px; }
    .brand-copy strong { max-width: 135px; }
    .member-auth-intro { padding: 23px 17px; }
    .member-auth-card { width: calc(100% - 12px); padding: 13px; }
    .member-page-head { padding: 12px; }
    .member-notification-list article { grid-template-columns: 1fr; }
    .member-notification-list article > div:last-child { grid-column: 1; }
}

/* Phase 3 stability: readiness states are derived from live checks. */
.live-dot.is-degraded {
    background: var(--amber);
    box-shadow: 0 0 10px rgba(255, 185, 75, .55);
}

.header-telemetry {
    text-decoration: none;
}

.header-telemetry.is-degraded strong,
.engine-head strong.is-degraded {
    color: var(--amber);
}


/* Phase 3 UI-1: compact engineering archive polish. */
.brand-card {
    content-visibility: auto;
    contain-intrinsic-size: 104px;
}

.product-card {
    content-visibility: auto;
    contain-intrinsic-size: 240px;
}

.page-command::after,
.product-command::after {
    content: "";
    width: 180px;
    height: 1px;
    position: absolute;
    right: -49px;
    bottom: 24px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(69, 200, 245, .34), transparent);
    transform: rotate(-28deg);
}

.page-search button {
    min-width: 126px;
}

.section-head {
    margin-bottom: 9px;
}

.section-code {
    letter-spacing: .55px;
}

.download-action:active {
    border-color: #b9853e;
    color: #071018;
    background: #d99b47;
}

@media (max-width: 620px) {
    .page-search button {
        min-width: 0;
    }

    .page-command::after,
    .product-command::after {
        display: none;
    }

    .receiver-updated {
        font-size: 10px;
    }
}

/* Phase 3 UI-2: compact product archive, ten-row cursor paging and universal file records. */
.brand-card,
.brand-grid.is-home .brand-card {
    min-height: 62px;
    padding: 9px 10px;
    grid-template-columns: 14px minmax(0, 1fr) auto 22px;
    grid-template-rows: 1fr;
    align-items: center;
    gap: 9px;
    border-top-color: #315d75;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .035) 1px, transparent 1px),
        linear-gradient(145deg, #0a1924, #07131d 72%);
    background-size: 20px 100%, auto;
    contain-intrinsic-size: 62px;
}

.brand-card::before {
    content: "";
    width: 74px;
    height: 1px;
    position: absolute;
    top: 0;
    left: 0;
    background: linear-gradient(90deg, var(--cyan), transparent);
    opacity: .45;
}

.brand-card::after {
    width: 46px;
    right: -24px;
    bottom: 9px;
    opacity: .75;
}

.brand-card-node {
    width: 14px;
    height: 32px;
    display: grid;
    place-items: center;
    border: 1px solid #295069;
    background: #06131c;
}

.brand-card-node i {
    width: 4px;
    height: 4px;
    display: block;
    border-radius: 50%;
    background: var(--cyan);
    box-shadow: 0 0 9px rgba(69, 200, 245, .55);
}

.brand-card-copy,
.brand-grid.is-home .brand-card-copy {
    min-width: 0;
    padding: 0;
}

.brand-card h3,
.brand-grid.is-home .brand-card h3 {
    margin: 0;
    overflow: hidden;
    color: #e8f2f6;
    font-size: 11px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-card dl,
.brand-grid.is-home .brand-card dl {
    grid-column: 3;
    margin: 0;
    padding: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(54px, 64px));
    gap: 6px;
    border: 0;
}

.brand-card dl div {
    min-height: 39px;
    padding: 4px 7px;
    display: grid;
    align-content: center;
    gap: 1px;
    border: 1px solid #1d3a4c;
    background: rgba(3, 13, 20, .42);
    text-align: right;
}

.brand-card dt {
    color: #627d8f;
    font-family: var(--mono);
    font-size: 10px;
    line-height: 1.2;
    text-transform: uppercase;
}

.brand-card dd {
    margin: 0;
    color: #c7d8e1;
    font-family: var(--mono);
    font-size: 11px;
    line-height: 1.2;
}

.brand-card .card-arrow {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    position: static;
    border: 1px solid #294e63;
    color: #66879a;
    background: #07151f;
    font-family: var(--mono);
    font-size: 10px;
}

.brand-card:hover .card-arrow,
.brand-card:focus-visible .card-arrow {
    border-color: var(--cyan);
    color: #041219;
    background: var(--cyan);
}

.product-record-console {
    min-height: 189px;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(260px, 340px) minmax(0, 1fr);
    align-items: stretch;
    gap: 16px;
    position: relative;
    overflow: hidden;
    border: 1px solid #284e64;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .035) 1px, transparent 1px),
        linear-gradient(rgba(69, 200, 245, .035) 1px, transparent 1px),
        linear-gradient(125deg, #081721, #0b1f2d);
    background-size: 22px 22px, 22px 22px, auto;
    box-shadow: inset 0 1px 0 rgba(141, 211, 236, .035);
}

.product-record-console::after {
    content: "";
    width: 150px;
    height: 1px;
    position: absolute;
    right: -39px;
    bottom: 22px;
    pointer-events: none;
    background: linear-gradient(90deg, transparent, rgba(69, 200, 245, .28), transparent);
    transform: rotate(-28deg);
}

.product-record-media {
    min-width: 0;
    aspect-ratio: 16 / 9;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #31566c;
    background:
        linear-gradient(rgba(69, 200, 245, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(69, 200, 245, .045) 1px, transparent 1px),
        #06131c;
    background-size: 19px 19px;
}

.product-record-media::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    box-shadow: inset 0 -34px 50px rgba(1, 7, 11, .25);
}

.product-record-media img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.product-record-media.uses-brand-fallback img {
    padding: 12%;
    opacity: .86;
}

.product-record-type {
    max-width: calc(100% - 19px);
    padding: 4px 7px;
    position: absolute;
    right: 9px;
    bottom: 9px;
    z-index: 2;
    overflow: hidden;
    border: 1px solid #31566c;
    color: #91a9b8;
    background: rgba(3, 12, 18, .9);
    font-family: var(--mono);
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-record-copy {
    min-width: 0;
    padding: 6px 9px 4px 2px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.product-record-topline {
    min-height: 24px;
    margin-bottom: 5px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
}

.product-record-state {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7e9aab;
    font-family: var(--mono);
    font-size: 10px;
}

.product-record-copy .product-brand-line {
    width: max-content;
    max-width: 100%;
    margin: 0 0 3px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.product-record-copy h1 {
    margin: 0 0 6px;
    overflow-wrap: anywhere;
    color: #eff6f9;
    font-size: 13px;
    line-height: 1.42;
}

.product-record-copy > p {
    max-width: 780px;
    margin: 0;
    color: #8ca4b4;
    font-size: 11px;
}

.product-record-facts {
    width: min(620px, 100%);
    margin: 13px 0 0;
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    border: 1px solid #27495d;
    background: rgba(3, 13, 20, .42);
}

.product-record-facts div {
    min-height: 50px;
    padding: 9px 10px;
    display: grid;
    align-content: center;
    border-right: 1px solid #213f51;
}

.product-record-facts div:last-child {
    border-right: 0;
}

.product-record-facts dt {
    color: #687f90;
    font-size: 10px;
}

.product-record-facts dd {
    margin: 2px 0 0;
    color: #d5e4ea;
    font-family: var(--mono);
    font-size: 10px;
}

.product-file-workspace {
    margin-top: 16px;
}

.file-console-head,
.file-row {
    grid-template-columns: minmax(280px, 2.35fr) minmax(74px, .68fr) minmax(69px, .58fr) minmax(92px, .78fr) minmax(72px, .62fr) 116px;
    gap: 9px;
}

.file-console-head {
    min-height: 32px;
    padding: 0 10px;
}

.file-row {
    min-height: 61px;
    padding: 9px 10px;
    contain-intrinsic-size: 61px;
}

.file-identity {
    grid-template-columns: 36px minmax(0, 1fr);
    gap: 9px;
}

.file-chip {
    width: 35px;
    height: 30px;
    padding: 0 3px;
    overflow: hidden;
    font-size: 10px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-identity h3 {
    margin-bottom: 3px;
}

.file-identity h3 a:focus-visible {
    color: var(--cyan);
}

.file-identity p {
    display: flex;
    align-items: center;
    gap: 5px;
}

.file-verified {
    width: 5px;
    height: 5px;
    display: inline-block;
    flex: 0 0 auto;
    border-radius: 50%;
    background: var(--green);
    box-shadow: 0 0 7px rgba(69, 211, 148, .42);
}

.file-actions {
    display: grid;
    grid-template-columns: minmax(0, 1fr) 34px;
    gap: 5px;
}

.file-inspect-action,
.file-actions .download-action {
    min-height: 30px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid #31566c;
    color: #a9c1ce;
    background: #081720;
    font-family: var(--mono);
    font-size: 10px;
}

.file-inspect-action:hover,
.file-inspect-action:focus-visible {
    border-color: var(--cyan);
    color: #041219;
    background: var(--cyan);
}

.file-actions .download-action {
    width: 34px;
    padding: 0;
    border-color: #8e6936;
    color: #ffd18a;
    background: rgba(244, 180, 85, .08);
}

.file-actions .download-action:hover,
.file-actions .download-action:focus-visible {
    border-color: var(--amber);
    color: #071018;
    background: var(--amber);
}

.file-pager {
    min-height: 52px;
    margin-top: 9px;
    padding: 9px 10px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    border: 1px solid var(--line);
    background: #07141e;
}

.file-pager-status {
    min-width: 0;
    display: flex;
    align-items: center;
    gap: 9px;
    color: #718899;
    font-family: var(--mono);
    font-size: 10px;
}

.file-pager-status strong {
    min-width: 29px;
    height: 29px;
    display: grid;
    place-items: center;
    border: 1px solid #31566c;
    color: var(--cyan);
    background: var(--cyan-soft);
    font-size: 11px;
}

.file-pager-status small {
    color: #60798a;
    font-size: 10px;
}

.file-pager-actions {
    display: flex;
    gap: 6px;
}

.file-pager-actions a,
.file-pager-actions .is-disabled {
    min-width: 82px;
    min-height: 30px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    border: 1px solid #31566c;
    color: #b7ccd7;
    background: #081720;
    font-family: var(--mono);
    font-size: 10px;
}

.file-pager-actions a:hover,
.file-pager-actions a:focus-visible {
    border-color: var(--cyan);
    color: #041219;
    background: var(--cyan);
}

.file-pager-actions .is-disabled {
    border-color: #1b3444;
    color: #4e6777;
    background: #06121a;
}

.file-detail-record {
    display: grid;
    gap: 10px;
}

.file-detail-hero {
    min-height: 214px;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(260px, 330px) minmax(0, 1fr);
    align-items: stretch;
    gap: 17px;
    position: relative;
    overflow: hidden;
    border: 1px solid #284f65;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .038) 1px, transparent 1px),
        linear-gradient(rgba(69, 200, 245, .038) 1px, transparent 1px),
        linear-gradient(125deg, #081721, #0c2130);
    background-size: 22px 22px, 22px 22px, auto;
}

.file-detail-hero::after {
    content: "";
    width: 160px;
    height: 1px;
    position: absolute;
    right: -44px;
    bottom: 23px;
    background: linear-gradient(90deg, transparent, rgba(69, 200, 245, .3), transparent);
    transform: rotate(-28deg);
}

.file-detail-visual {
    aspect-ratio: 16 / 9;
    display: grid;
    place-items: center;
    position: relative;
    overflow: hidden;
    border: 1px solid #31566c;
    background:
        linear-gradient(rgba(69, 200, 245, .045) 1px, transparent 1px),
        linear-gradient(90deg, rgba(69, 200, 245, .045) 1px, transparent 1px),
        #06131c;
    background-size: 19px 19px;
}

.file-detail-visual img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.file-detail-visual.uses-brand-fallback img {
    padding: 12%;
    opacity: .86;
}

.file-detail-extension {
    min-width: 39px;
    height: 26px;
    padding: 0 7px;
    display: grid;
    place-items: center;
    position: absolute;
    right: 9px;
    bottom: 9px;
    z-index: 2;
    border: 1px solid #31566c;
    color: var(--cyan);
    background: rgba(3, 12, 18, .9);
    font-family: var(--mono);
    font-size: 10px;
}

.file-detail-placeholder {
    display: grid;
    place-items: center;
    gap: 9px;
    color: #55798c;
    font-family: var(--mono);
    font-size: 11px;
}

.file-detail-placeholder i {
    width: 69px;
    height: 42px;
    display: block;
    border: 1px solid #31566c;
    background:
        linear-gradient(90deg, transparent 49%, rgba(69, 200, 245, .14) 50%, transparent 51%),
        linear-gradient(transparent 49%, rgba(69, 200, 245, .14) 50%, transparent 51%);
}

.file-detail-heading {
    min-width: 0;
    padding: 5px 7px 4px 1px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.file-detail-kicker,
.file-detail-state {
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .35px;
}

.file-detail-kicker span {
    margin-right: 6px;
    padding: 3px 5px;
    border: 1px solid #31566c;
    background: var(--cyan-soft);
}

.file-detail-state {
    margin: -16px 0 9px auto;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #7f9baa;
}

.file-detail-heading h1 {
    margin: 5px 0 7px;
    overflow-wrap: anywhere;
    color: #eff6f9;
    font-family: var(--mono);
    font-size: 13px;
    line-height: 1.45;
}

.file-detail-heading > p {
    max-width: 820px;
    margin: 0;
    color: #8da5b4;
    font-size: 11px;
}

.file-detail-badges {
    margin-top: 11px;
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
}

.file-detail-badges span {
    min-height: 24px;
    padding: 0 7px;
    display: inline-flex;
    align-items: center;
    border: 1px solid #294b60;
    color: #8da5b4;
    background: rgba(4, 15, 22, .48);
    font-family: var(--mono);
    font-size: 10px;
    text-transform: uppercase;
}

.file-detail-badges .tone-cyan { border-color: #2f6b86; color: #8ee0f8; background: rgba(69, 200, 245, .07); }
.file-detail-badges .tone-amber { border-color: #806239; color: #ffd18a; background: rgba(244, 180, 85, .07); }
.file-detail-badges .tone-green { border-color: #326c55; color: #83e3b6; background: rgba(69, 211, 148, .06); }

.file-detail-actions {
    margin-top: 13px;
    display: flex;
    flex-wrap: wrap;
    gap: 6px;
}

.file-primary-action,
.file-secondary-action {
    min-height: 32px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #31566c;
    color: #b8ced9;
    background: #081720;
    font-family: var(--mono);
    font-size: 10px;
}

.file-primary-action {
    border-color: #916a35;
    color: #ffd18a;
    background: rgba(244, 180, 85, .08);
}

.file-primary-action:hover,
.file-primary-action:focus-visible {
    border-color: var(--amber);
    color: #071018;
    background: var(--amber);
}

.file-secondary-action:hover,
.file-secondary-action:focus-visible {
    border-color: var(--cyan);
    color: #041219;
    background: var(--cyan);
}

.file-fact-strip {
    margin: 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid var(--line);
    background: #07141e;
}

.file-fact-strip div {
    min-height: 56px;
    padding: 9px 11px;
    display: grid;
    align-content: center;
    border-right: 1px solid var(--line);
}

.file-fact-strip div:last-child { border-right: 0; }
.file-fact-strip dt { color: #677f90; font-size: 10px; }
.file-fact-strip dd { margin: 2px 0 0; color: #d4e3e9; font-family: var(--mono); font-size: 10px; overflow-wrap: anywhere; }
.file-fact-strip dd.is-code { color: #a9d9e8; }

.file-detail-layout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(280px, 350px);
    align-items: start;
    gap: 10px;
}

.file-detail-main,
.file-detail-side {
    min-width: 0;
    display: grid;
    gap: 10px;
}

.detail-panel {
    min-width: 0;
    overflow: hidden;
    border: 1px solid var(--line);
    border-top-color: #2b536b;
    background: #07141e;
}

.detail-panel-head {
    min-height: 36px;
    padding: 0 11px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border-bottom: 1px solid var(--line);
    color: #617b8c;
    background: #0a1a26;
    font-family: var(--mono);
    font-size: 10px;
}

.detail-panel-head strong {
    color: #9fb5c2;
    font-size: 10px;
}

.detail-section-stack {
    display: grid;
}

.detail-copy-section {
    padding: 13px 14px;
    border-bottom: 1px solid #142d3d;
}

.detail-copy-section:last-child { border-bottom: 0; }
.detail-copy-section h2 { margin: 0 0 6px; color: #dfeaf0; font-size: 12px; }
.detail-copy-section p { margin: 0; color: #8ca3b2; font-size: 11px; line-height: 1.65; overflow-wrap: anywhere; }

.technical-list {
    margin: 0;
    display: grid;
}

.technical-list div {
    min-height: 49px;
    padding: 9px 11px;
    display: grid;
    gap: 2px;
    border-bottom: 1px solid #142d3d;
}

.technical-list div:last-child { border-bottom: 0; }
.technical-list dt { color: #647d8e; font-size: 10px; }
.technical-list dd { margin: 0; color: #bdd0da; font-size: 10px; overflow-wrap: anywhere; }
.technical-list dd.is-code { color: #9ed4e5; font-family: var(--mono); word-break: break-all; }

.file-safety-panel {
    padding: 12px 13px;
    border: 1px solid #785c36;
    background: rgba(244, 180, 85, .055);
}

.file-safety-panel span {
    color: var(--amber);
    font-family: var(--mono);
    font-size: 10px;
}

.file-safety-panel p {
    margin: 6px 0 0;
    color: #b7a17e;
    font-size: 10px;
    line-height: 1.6;
}

.file-screenshot-grid {
    padding: 10px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 9px;
}

.file-screenshot-grid figure {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    border: 1px solid #27495d;
    background: #06131c;
    content-visibility: auto;
    contain-intrinsic-size: 260px;
}

.file-screenshot-grid a {
    aspect-ratio: 16 / 9;
    display: block;
    overflow: hidden;
}

.file-screenshot-grid img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}

.file-screenshot-grid figcaption {
    min-height: 34px;
    padding: 7px 9px;
    border-top: 1px solid #1c394a;
    color: #718a9a;
    font-size: 10px;
}

@media (max-width: 1120px) {
    .brand-card dl,
    .brand-grid.is-home .brand-card dl {
        grid-template-columns: repeat(2, 54px);
    }

    .file-console-head,
    .file-row {
        grid-template-columns: minmax(250px, 2fr) 70px 64px 89px 66px 109px;
    }
}

@media (max-width: 860px) {
    .product-record-console,
    .file-detail-hero {
        grid-template-columns: minmax(220px, 280px) minmax(0, 1fr);
    }

    .product-record-facts {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .file-console-head {
        display: none;
    }

    .file-row {
        grid-template-columns: repeat(4, minmax(0, 1fr));
        gap: 7px;
    }

    .file-identity {
        grid-column: 1 / 4;
    }

    .file-actions {
        grid-column: 4;
    }

    .file-row .file-data,
    .file-row .file-data:nth-of-type(3),
    .file-row .file-data:nth-of-type(4) {
        min-height: 34px;
        padding: 6px 7px 0;
        display: block !important;
        border-top: 1px solid #183344;
    }

    .file-row .file-data::before {
        content: attr(data-label);
        display: block;
        color: #5f7889;
        font-family: var(--sans);
        font-size: 10px;
    }

    .file-detail-layout {
        grid-template-columns: minmax(0, 1fr) minmax(250px, 300px);
    }
}

@media (max-width: 620px) {
    .brand-card,
    .brand-grid.is-home .brand-card {
        min-height: 60px;
        padding: 9px;
        grid-template-columns: 12px minmax(0, 1fr) auto 22px;
        gap: 7px;
    }

    .brand-card dl,
    .brand-grid.is-home .brand-card dl {
        grid-template-columns: repeat(2, 50px);
        gap: 4px;
    }

    .brand-card dl div {
        min-height: 36px;
        padding: 3px 5px;
    }

    .product-record-console,
    .file-detail-hero {
        padding: 10px;
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .product-record-media,
    .file-detail-visual {
        width: 100%;
        max-width: 420px;
    }

    .product-record-copy,
    .file-detail-heading {
        padding: 2px;
    }

    .product-record-facts {
        grid-template-columns: 1fr;
    }

    .product-record-facts div {
        min-height: 43px;
        border-right: 0;
        border-bottom: 1px solid #213f51;
    }

    .product-record-facts div:last-child { border-bottom: 0; }

    .file-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 9px;
    }

    .file-identity,
    .file-actions {
        grid-column: 1 / -1;
    }

    .file-actions {
        grid-template-columns: minmax(0, 1fr) 42px;
    }

    .file-actions .download-action {
        width: 42px;
    }

    .file-row .file-data,
    .file-row .file-data:nth-of-type(3),
    .file-row .file-data:nth-of-type(4) {
        display: block !important;
    }

    .file-pager {
        align-items: stretch;
        flex-direction: column;
    }

    .file-pager-status {
        justify-content: space-between;
    }

    .file-pager-actions {
        display: grid;
        grid-template-columns: 1fr 1fr;
    }

    .file-detail-state {
        margin: 9px 0 0;
        order: 2;
    }

    .file-detail-heading h1 {
        margin-top: 9px;
    }

    .file-detail-actions {
        display: grid;
        grid-template-columns: 1fr;
    }

    .file-fact-strip {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .file-fact-strip div:nth-child(2n) { border-right: 0; }
    .file-fact-strip div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }

    .file-detail-layout {
        grid-template-columns: 1fr;
    }

    .file-screenshot-grid {
        grid-template-columns: 1fr;
    }
}

@media (max-width: 420px) {
    .brand-card,
    .brand-grid.is-home .brand-card {
        grid-template-columns: 10px minmax(0, 1fr) auto 20px;
    }

    .brand-card dl,
    .brand-grid.is-home .brand-card dl {
        grid-template-columns: repeat(2, 46px);
    }

    .brand-card .card-arrow {
        width: 20px;
        height: 20px;
    }

    .file-identity {
        grid-template-columns: 32px minmax(0, 1fr);
    }

    .file-chip {
        width: 31px;
        height: 29px;
    }

    .file-pager-status small {
        display: none;
    }
}

/* Step 4: public archive wording, compact brand cards, universal download page */
.command-copy h1 { max-width: 720px; font-size: 13px; line-height: 1.35; }
.page-command h1 { font-size: 13px; line-height: 1.4; }
.section-head h2 { font-size: 13px; }

.brand-card,
.brand-grid.is-home .brand-card {
    min-height: 72px;
    padding: 10px 11px;
    display: grid;
    grid-template-columns: minmax(0, 1fr);
    grid-template-rows: auto auto;
    gap: 9px;
    position: relative;
    overflow: hidden;
    border: 1px solid #244658;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .028) 1px, transparent 1px),
        linear-gradient(145deg, #071620, #0a1d29);
    background-size: 22px 22px, auto;
    content-visibility: auto;
    contain-intrinsic-size: 72px;
}

.brand-card::before {
    content: "";
    width: 34px;
    height: 1px;
    position: absolute;
    right: -9px;
    bottom: 9px;
    background: rgba(69, 200, 245, .45);
    transform: rotate(-45deg);
}

.brand-card-title {
    min-width: 0;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 9px;
}

.brand-card h3,
.brand-grid.is-home .brand-card h3 {
    min-width: 0;
    margin: 0;
    overflow: hidden;
    color: #e7f1f5;
    font-size: 12px;
    line-height: 1.35;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-card .card-arrow {
    width: 23px;
    height: 23px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid #294f64;
    color: #6f96aa;
    background: rgba(4, 15, 22, .7);
    font-size: 10px;
    transition: border-color .16s ease, color .16s ease, background .16s ease;
}

.brand-card dl,
.brand-grid.is-home .brand-card dl {
    min-width: 0;
    margin: 0;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
}

.brand-card dl div,
.brand-grid.is-home .brand-card dl div {
    min-height: 29px;
    padding: 4px 7px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 7px;
    border: 1px solid #1b394a;
    background: rgba(3, 12, 18, .52);
}

.brand-card dt,
.brand-grid.is-home .brand-card dt {
    order: 1;
    color: #637f90;
    font-size: 10px;
}

.brand-card dd,
.brand-grid.is-home .brand-card dd {
    order: 2;
    margin: 0;
    color: #8edbf2;
    font-family: var(--mono);
    font-size: 10px;
}

.brand-card:hover,
.brand-card:focus-visible {
    border-color: #3d748f;
    background:
        linear-gradient(90deg, rgba(69, 200, 245, .04) 1px, transparent 1px),
        linear-gradient(145deg, #091a25, #0c2431);
    background-size: 22px 22px, auto;
}

.brand-card:hover .card-arrow,
.brand-card:focus-visible .card-arrow {
    border-color: var(--cyan);
    color: #06131a;
    background: var(--cyan);
}

.file-console-head,
.file-row {
    grid-template-columns: minmax(280px, 2.45fr) minmax(74px, .68fr) minmax(69px, .58fr) minmax(92px, .78fr) minmax(72px, .62fr) 94px;
}

.file-identity h3 {
    overflow: hidden;
    color: #dce9ee;
    font-size: 10px;
    line-height: 1.4;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-actions { display: block; }

.file-open-action {
    width: 100%;
    min-height: 31px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #8b6637;
    color: #ffd18a;
    background: rgba(244, 180, 85, .075);
    font-family: var(--mono);
    font-size: 10px;
}

.file-open-action:hover,
.file-open-action:focus-visible {
    border-color: var(--amber);
    color: #071018;
    background: var(--amber);
}

.file-detail-record { gap: 10px; }

.file-detail-hero {
    min-height: 220px;
    padding: 12px;
    grid-template-columns: minmax(250px, 325px) minmax(0, 1fr);
    gap: 17px;
}

.file-detail-heading { padding: 4px 7px 4px 0; }

.file-detail-topline {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 10px;
}

.file-detail-kicker {
    color: var(--cyan);
    font-family: var(--mono);
    font-size: 10px;
    letter-spacing: .25px;
    text-transform: uppercase;
}

.file-detail-state {
    margin: 0;
    display: inline-flex;
    align-items: center;
    gap: 6px;
    color: #83a0af;
    font-family: var(--mono);
    font-size: 10px;
}

.file-detail-heading h1 {
    margin: 11px 0 7px;
    max-width: 900px;
    font-size: 13px;
    line-height: 1.48;
}

.file-detail-heading > p { max-width: 760px; font-size: 10px; line-height: 1.65; }

.file-hero-stats {
    width: min(720px, 100%);
    margin: 13px 0 0;
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    border: 1px solid #26495d;
    background: rgba(3, 13, 19, .48);
}

.file-hero-stats div {
    min-height: 47px;
    padding: 9px 9px;
    display: grid;
    align-content: center;
    border-right: 1px solid #203e50;
}
.file-hero-stats div:last-child { border-right: 0; }
.file-hero-stats dt { color: #617c8d; font-size: 10px; }
.file-hero-stats dd { margin: 2px 0 0; color: #d3e2e8; font-family: var(--mono); font-size: 10px; overflow-wrap: anywhere; }

.file-detail-layout { grid-template-columns: minmax(0, 1fr) minmax(280px, 340px); }

.file-detail-list {
    margin: 0;
    padding: 9px;
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 7px;
}

.file-detail-list > div {
    min-width: 0;
    min-height: 55px;
    padding: 9px 9px 9px 43px;
    display: grid;
    align-content: center;
    position: relative;
    border: 1px solid #1d3b4c;
    background: rgba(4, 15, 22, .56);
}

.detail-field-icon {
    width: 25px;
    height: 25px;
    position: absolute;
    left: 9px;
    top: 50%;
    display: grid;
    place-items: center;
    border: 1px solid #31566c;
    color: var(--cyan);
    background: rgba(69, 200, 245, .055);
    font-family: var(--mono);
    font-size: 10px;
    transform: translateY(-50%);
}
.detail-field-icon::before { content: "F"; }
.detail-field-icon.icon-brand::before { content: "B"; }
.detail-field-icon.icon-product::before { content: "P"; }
.detail-field-icon.icon-version::before { content: "V"; }
.detail-field-icon.icon-size::before { content: "MB"; font-size: 10px; }
.detail-field-icon.icon-time::before { content: "◷"; font-size: 11px; }
.detail-field-icon.icon-downloads::before { content: "↓"; font-size: 12px; }
.detail-field-icon.icon-uploader::before { content: "U"; }
.detail-field-icon.icon-checksum::before { content: "#"; }
.detail-field-icon.icon-format::before { content: "FX"; font-size: 10px; }

.file-detail-list dt { color: #647f90; font-size: 10px; }
.file-detail-list dd { margin: 2px 0 0; overflow-wrap: anywhere; color: #c8d9e1; font-size: 10px; }
.file-detail-list dd.is-code { color: #9dd7e7; font-family: var(--mono); word-break: break-all; }

.related-file-list { display: grid; }
.related-file-list a {
    min-width: 0;
    min-height: 57px;
    padding: 9px 11px;
    display: grid;
    align-content: center;
    gap: 4px;
    border-bottom: 1px solid #163142;
    background: #07141e;
}
.related-file-list a:last-child { border-bottom: 0; }
.related-file-list a:hover,
.related-file-list a:focus-visible { background: #0a1d29; }
.related-file-list strong {
    overflow: hidden;
    color: #cbdce4;
    font-family: var(--mono);
    font-size: 10px;
    line-height: 1.45;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.related-file-list span { overflow: hidden; color: #668193; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }

.file-screenshot-strip {
    padding: 10px;
    display: flex;
    gap: 9px;
    overflow-x: auto;
    overscroll-behavior-inline: contain;
    scroll-snap-type: inline mandatory;
    scrollbar-width: thin;
}
.file-screenshot-strip figure {
    width: min(520px, 78vw);
    min-width: min(520px, 78vw);
    margin: 0;
    overflow: hidden;
    scroll-snap-align: start;
    border: 1px solid #27495d;
    background: #06131c;
    content-visibility: auto;
    contain-intrinsic-size: 290px;
}
.file-screenshot-strip.is-single figure { width: min(720px, 100%); min-width: min(720px, 100%); }
.file-screenshot-strip a { aspect-ratio: 16 / 9; display: block; overflow: hidden; }
.file-screenshot-strip img { width: 100%; height: 100%; display: block; object-fit: contain; }
.file-screenshot-strip figcaption { min-height: 33px; padding: 7px 9px; border-top: 1px solid #1c394a; color: #718a9a; font-size: 10px; }

.file-download-panel {
    min-width: 0;
    padding: 12px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) minmax(250px, 320px);
    gap: 15px;
    border: 1px solid #665033;
    background:
        linear-gradient(90deg, rgba(244, 180, 85, .025) 1px, transparent 1px),
        linear-gradient(135deg, #091720, #101d23);
    background-size: 24px 24px, auto;
}

.download-panel-copy > span { color: var(--amber); font-family: var(--mono); font-size: 10px; text-transform: uppercase; }
.download-panel-copy h2 { margin: 6px 0 4px; overflow-wrap: anywhere; color: #e8f0f3; font-family: var(--mono); font-size: 11px; line-height: 1.5; }
.download-panel-copy > p { margin: 0; color: #829aa9; font-size: 10px; }
.download-panel-copy dl { margin: 10px 0 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid #2d4148; }
.download-panel-copy dl div { min-width: 0; padding: 7px 9px; border-right: 1px solid #2d4148; }
.download-panel-copy dl div:last-child { border-right: 0; }
.download-panel-copy dt { color: #6e838e; font-size: 10px; }
.download-panel-copy dd { margin: 2px 0 0; overflow: hidden; color: #bccbd1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.download-panel-copy dd.is-code { font-family: var(--mono); }

.download-panel-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 6px;
    align-content: start;
}
.download-panel-actions a,
.download-panel-actions button {
    min-height: 33px;
    padding: 0 9px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 7px;
    border: 1px solid #355466;
    color: #b2c7d1;
    background: #081720;
    font-family: var(--mono);
    font-size: 10px;
    cursor: pointer;
}
.download-panel-actions a:hover,
.download-panel-actions a:focus-visible,
.download-panel-actions button:hover,
.download-panel-actions button:focus-visible { border-color: var(--cyan); color: #041219; background: var(--cyan); }
.download-panel-actions .download-main-action { grid-column: 1 / -1; min-height: 39px; border-color: #9a7138; color: #ffd18a; background: rgba(244, 180, 85, .1); font-size: 10px; }
.download-panel-actions .download-main-action:hover,
.download-panel-actions .download-main-action:focus-visible { border-color: var(--amber); color: #071018; background: var(--amber); }
.download-panel-actions .download-back-link { grid-column: 1 / -1; border-color: transparent; background: transparent; color: #7893a2; }

@media (max-width: 1120px) {
    .file-console-head,
    .file-row { grid-template-columns: minmax(250px, 2fr) 70px 64px 89px 66px 89px; }
}

@media (max-width: 860px) {
    .file-detail-hero { grid-template-columns: minmax(220px, 280px) minmax(0, 1fr); }
    .file-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .file-hero-stats div:nth-child(2n) { border-right: 0; }
    .file-hero-stats div:nth-child(-n+2) { border-bottom: 1px solid #203e50; }
    .file-detail-layout { grid-template-columns: minmax(0, 1fr) minmax(245px, 290px); }
    .file-detail-list { grid-template-columns: 1fr; }
    .file-download-panel { grid-template-columns: minmax(0, 1fr) 270px; }
}

@media (max-width: 620px) {
    .brand-card,
    .brand-grid.is-home .brand-card { min-height: 69px; padding: 9px; grid-template-columns: minmax(0, 1fr); gap: 7px; }
    .brand-card dl,
    .brand-grid.is-home .brand-card dl { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .file-row { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .file-actions { grid-column: 1 / -1; }
    .file-detail-hero { grid-template-columns: 1fr; }
    .file-detail-topline { align-items: flex-start; }
    .file-detail-heading h1 { margin-top: 10px; }
    .file-detail-layout { grid-template-columns: 1fr; }
    .file-detail-list { grid-template-columns: 1fr; }
    .file-download-panel { grid-template-columns: 1fr; }
    .download-panel-copy dl { grid-template-columns: 1fr; }
    .download-panel-copy dl div { border-right: 0; border-bottom: 1px solid #2d4148; }
    .download-panel-copy dl div:last-child { border-bottom: 0; }
}

@media (max-width: 420px) {
    .file-hero-stats { grid-template-columns: 1fr; }
    .file-hero-stats div { border-right: 0; border-bottom: 1px solid #203e50; }
    .file-hero-stats div:last-child { border-bottom: 0; }
    .download-panel-actions { grid-template-columns: 1fr; }
    .download-panel-actions .download-main-action,
    .download-panel-actions .download-back-link { grid-column: 1; }
}

/* Phase 3 UI-4: title-safe controls, logo-first brand cards and fluid archive layouts. */
body {
    overflow-x: clip;
}

.header-search.has-reset {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.hero-search.has-reset {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.page-search.has-reset {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.search-reset {
    min-width: 58px;
    height: 100%;
    padding: 0 11px;
    border: 0;
    border-left: 1px solid #27475d;
    cursor: pointer;
    color: #8fa8b7;
    background: #0a1923;
    font-family: var(--mono);
    font-size: 10px;
}

.search-reset:hover,
.search-reset:focus-visible {
    color: #e8f3f7;
    background: #102635;
}

.search-reset:active {
    color: #041219;
    background: var(--cyan);
}

.brand-card,
.brand-grid.is-home .brand-card {
    min-height: 66px;
    padding: 9px;
    grid-template-columns: 56px minmax(0, 1fr) 22px;
    grid-template-rows: 1fr;
    align-items: center;
    gap: 9px;
    contain-intrinsic-size: 66px;
}

.brand-card .brand-logo,
.brand-grid.is-home .brand-card .brand-logo {
    width: 56px;
    height: 46px;
    padding: 5px;
    display: grid;
    place-items: center;
    grid-row: auto;
    overflow: hidden;
    border: 1px solid #294b60;
    background: rgba(3, 12, 18, .72);
    color: #7e9cac;
    font-family: var(--mono);
    font-size: 10px;
}

.brand-card .brand-logo img,
.brand-grid.is-home .brand-card .brand-logo img {
    width: 100%;
    height: 100%;
    display: block;
    object-fit: contain;
}

.brand-card .brand-card-copy,
.brand-grid.is-home .brand-card .brand-card-copy {
    min-width: 0;
    padding: 0;
    display: grid;
    align-content: center;
    gap: 5px;
}

.brand-card h3,
.brand-grid.is-home .brand-card h3 {
    margin: 0;
    padding-right: 4px;
    overflow: hidden;
    color: #edf5f8;
    font-size: 11px;
    line-height: 1.3;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.brand-card dl,
.brand-grid.is-home .brand-card dl {
    grid-column: auto;
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;
    gap: 13px;
    border: 0;
}

.brand-card dl div,
.brand-grid.is-home .brand-card dl div {
    min-height: 0;
    padding: 0;
    display: inline-flex;
    align-items: center;
    gap: 5px;
    border: 0;
    background: transparent;
    text-align: left;
}

.brand-card dt,
.brand-grid.is-home .brand-card dt {
    color: #637d8e;
    font-family: var(--sans);
    font-size: 10px;
    line-height: 1.2;
    text-transform: none;
}

.brand-card dd,
.brand-grid.is-home .brand-card dd {
    margin: 0;
    color: #bcd4df;
    font-family: var(--mono);
    font-size: 10px;
    line-height: 1.2;
}

.brand-card .card-arrow {
    width: 22px;
    height: 22px;
    display: grid;
    place-items: center;
    position: static;
}

.breadcrumbs,
.product-record-console,
.file-detail-record,
.file-detail-hero,
.file-detail-layout,
.file-detail-main,
.file-detail-side,
.file-download-panel,
.file-screenshot-panel,
.file-screenshot-strip,
.file-row,
.file-identity {
    min-width: 0;
}

.breadcrumbs {
    display: flex;
    flex-wrap: wrap;
    overflow-wrap: anywhere;
}

.product-record-media,
.file-detail-visual {
    width: 100%;
    max-width: 100%;
    min-width: 0;
}

.product-record-media img,
.file-detail-visual img {
    max-width: 100%;
    min-width: 0;
}

.file-detail-main > .file-download-panel {
    margin: 0;
}

.file-download-panel {
    grid-template-columns: minmax(0, 1fr) minmax(230px, 285px);
}

.file-detail-heading h1,
.download-panel-copy h2,
.file-identity h3,
.related-file-list strong {
    overflow-wrap: anywhere;
}

.file-screenshot-strip figure {
    max-width: calc(100vw - 56px);
}

/* 1440 / 1366 / 1280 desktop widths remain four-column and fully fluid. */
@media (max-width: 1280px) {
    .site-main {
        width: min(calc(100% - 28px), var(--max));
    }

    .file-detail-hero,
    .product-record-console {
        grid-template-columns: minmax(240px, 310px) minmax(0, 1fr);
    }
}

/* 1180 and 1024 widths keep compact two-panel file details. */
@media (max-width: 1180px) {
    .file-detail-layout {
        grid-template-columns: minmax(0, 1fr) minmax(245px, 290px);
    }

    .file-download-panel {
        grid-template-columns: minmax(0, 1fr) 235px;
    }
}

@media (max-width: 1024px) {
    .brand-card,
    .brand-grid.is-home .brand-card {
        grid-template-columns: 52px minmax(0, 1fr) 22px;
    }

    .brand-card .brand-logo,
    .brand-grid.is-home .brand-card .brand-logo {
        width: 52px;
        height: 43px;
    }

    .file-detail-list {
        grid-template-columns: 1fr;
    }
}

/* 900-width tablets stack the detail workspace to remove empty vertical gutters. */
@media (max-width: 900px) {
    .file-detail-layout {
        grid-template-columns: 1fr;
    }

    .file-detail-side {
        grid-template-columns: minmax(0, 1fr) minmax(220px, .62fr);
        align-items: start;
    }

    .file-safety-panel {
        height: 100%;
    }
}

/* 768 and 622 widths use one-column media heroes before the old 620 cutoff. */
@media (max-width: 768px) {
    .product-record-console,
    .file-detail-hero {
        min-height: 0;
        padding: 10px;
        grid-template-columns: 1fr;
        gap: 11px;
    }

    .product-record-media,
    .file-detail-visual {
        width: 100%;
        max-width: 100%;
        aspect-ratio: 16 / 9;
    }

    .product-record-copy,
    .file-detail-heading {
        padding: 3px 2px 2px;
    }

    .file-detail-heading {
        justify-content: flex-start;
    }

    .file-detail-topline {
        align-items: center;
    }

    .file-hero-stats {
        width: 100%;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .file-download-panel {
        grid-template-columns: 1fr;
    }

    .file-detail-side {
        grid-template-columns: 1fr;
    }

    .file-safety-panel {
        height: auto;
    }
}

@media (max-width: 622px) {
    .telemetry-grid,
    .brand-grid,
    .brand-grid.is-index,
    .product-grid,
    .receiver-grid,
    .mini-telemetry {
        grid-template-columns: 1fr;
    }

    .file-row {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        padding: 9px;
    }

    .file-identity,
    .file-actions {
        grid-column: 1 / -1;
    }

    .header-search.has-reset {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .header-search.has-reset .search-prefix {
        display: none;
    }

    .hero-search.has-reset,
    .page-search.has-reset {
        height: auto;
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-search.has-reset > span,
    .hero-search.has-reset input,
    .page-search.has-reset input {
        grid-column: 1 / -1;
    }

    .hero-search.has-reset > span {
        padding: 9px 10px 0;
    }

    .hero-search.has-reset input,
    .page-search.has-reset input {
        height: 38px;
    }

    .hero-search.has-reset button,
    .page-search.has-reset button {
        min-height: 35px;
        border-top: 1px solid #31596f;
    }

    .hero-search.has-reset .search-reset,
    .page-search.has-reset .search-reset {
        border-left: 1px solid #27475d;
    }

    .brand-card,
    .brand-grid.is-home .brand-card {
        min-height: 65px;
        padding: 9px;
        grid-template-columns: 52px minmax(0, 1fr) 22px;
        gap: 9px;
    }

    .brand-card .brand-logo,
    .brand-grid.is-home .brand-card .brand-logo {
        width: 52px;
        height: 43px;
    }

    .brand-card dl,
    .brand-grid.is-home .brand-card dl {
        display: flex;
        grid-template-columns: none;
        gap: 10px;
    }

    .download-panel-copy dl {
        grid-template-columns: 1fr;
    }

    .download-panel-copy dl div {
        border-right: 0;
        border-bottom: 1px solid #2d4148;
    }

    .download-panel-copy dl div:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 540px) {
    .header-search .search-reset {
        min-width: 49px;
        padding: 0 9px;
    }

    .product-record-facts,
    .file-hero-stats {
        grid-template-columns: 1fr;
    }

    .product-record-facts div,
    .file-hero-stats div {
        border-right: 0;
        border-bottom: 1px solid #203e50;
    }

    .product-record-facts div:last-child,
    .file-hero-stats div:last-child {
        border-bottom: 0;
    }
}

@media (max-width: 480px) {
    .site-main {
        width: calc(100% - 16px);
    }

    .brand-card,
    .brand-grid.is-home .brand-card {
        grid-template-columns: 48px minmax(0, 1fr) 20px;
        gap: 7px;
    }

    .brand-card .brand-logo,
    .brand-grid.is-home .brand-card .brand-logo {
        width: 48px;
        height: 40px;
        padding: 4px;
    }

    .brand-card .card-arrow {
        width: 20px;
        height: 20px;
    }

    .file-detail-topline,
    .product-record-topline {
        align-items: flex-start;
        flex-direction: column;
        gap: 6px;
    }

    .file-detail-state {
        margin: 0;
    }

    .file-detail-list {
        padding: 7px;
    }

    .file-download-panel {
        padding: 10px;
    }
}

@media (max-width: 390px) {
    .brand-copy strong {
        max-width: 158px;
        overflow: hidden;
        text-overflow: ellipsis;
    }

    .header-search.has-reset {
        grid-template-columns: minmax(0, 1fr) 58px 47px;
    }

    .header-search button,
    .header-search .search-reset {
        padding-right: 7px;
        padding-left: 7px;
    }

    .brand-card dl,
    .brand-grid.is-home .brand-card dl {
        gap: 7px;
    }

    .download-panel-actions {
        grid-template-columns: 1fr;
    }

    .download-panel-actions .download-main-action,
    .download-panel-actions .download-back-link {
        grid-column: 1;
    }

    .file-screenshot-strip {
        padding: 7px;
    }

    .file-screenshot-strip figure {
        width: calc(100vw - 46px);
        min-width: calc(100vw - 46px);
        max-width: calc(100vw - 46px);
    }
}

@media (max-width: 320px) {
    .site-main {
        width: calc(100% - 12px);
    }

    .brand-card,
    .brand-grid.is-home .brand-card {
        grid-template-columns: 42px minmax(0, 1fr);
    }

    .brand-card .brand-logo,
    .brand-grid.is-home .brand-card .brand-logo {
        width: 42px;
        height: 36px;
    }

    .brand-card .card-arrow {
        display: none;
    }
}

/* Public archive shell uses the same outer container as the rest of the site. */
.archive-hero {
    width: 100%;
    max-width: var(--max);
    margin: 0 auto;
    padding: 29px 0 20px;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
    gap: 20px;
    border-bottom: 1px solid var(--line);
}

.archive-hero .eyebrow { display: block; margin-bottom: 7px; color: var(--cyan); font: 10px var(--mono); letter-spacing: .9px; }
.archive-hero h1 { margin: 0 0 5px; font-size: 13px; }
.archive-hero p { margin: 0; }
.archive-hero > strong { color: var(--cyan); font: 12px var(--mono); }

.archive-shell {
    width: 100%;
    max-width: var(--max);
    margin: 0 auto;
    padding: 20px 0 50px;
    display: grid;
    grid-template-columns: 240px minmax(0, 1fr);
    gap: 19px;
}

.archive-sidebar { align-self: start; position: sticky; top: 126px; border: 1px solid var(--line); background: var(--surface); }
.archive-sidebar a { min-height: 42px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 10px; border-bottom: 1px solid var(--line); color: var(--muted); }
.archive-sidebar a.is-depth-1 { padding-left: 25px; }
.archive-sidebar a.is-depth-2 { padding-left: 39px; }
.archive-sidebar a.is-depth-3 { padding-left: 53px; }
.archive-sidebar a.is-depth-4 { padding-left: 67px; }
.archive-sidebar a:last-child { border-bottom: 0; }
.archive-sidebar a.is-active,
.archive-sidebar a:hover { color: var(--text); background: var(--cyan-soft); }
.archive-sidebar b { color: var(--dim); font: 10px var(--mono); }

.archive-main { min-width: 0; }
.archive-search { width: 100%; margin-bottom: 12px; display: grid; grid-template-columns: minmax(0, 1fr) auto auto; border: 1px solid var(--line); background: var(--surface); }
.archive-search input { min-width: 0; padding: 12px; border: 0; background: transparent; }
.archive-search button,
.archive-search a,
.archive-pagination a { padding: 11px 16px; border: 0; border-left: 1px solid var(--line); color: var(--cyan); background: var(--surface-3); font: 10px var(--mono); text-transform: uppercase; }

/* KDN 4.3 archive publishing, navigation and protected downloads */
.primary-nav>.nav-item{position:relative;display:flex;align-items:stretch}.primary-nav>.nav-item>a{height:100%}.nav-submenu{min-width:230px;position:absolute;z-index:40;top:100%;left:0;display:none;padding:6px;border:1px solid var(--line-strong);background:#071722;box-shadow:0 18px 40px rgba(0,0,0,.38)}.nav-item:hover>.nav-submenu,.nav-item:focus-within>.nav-submenu{display:grid}.primary-nav .nav-submenu a{min-width:0;min-height:52px;padding:9px 11px;display:grid;justify-content:stretch;border:0;border-bottom:1px solid var(--line);text-align:left}.primary-nav .nav-submenu a:last-child{border-bottom:0}.primary-nav .nav-submenu strong{font-size:11px}.primary-nav .nav-submenu small{display:block;margin-top:3px;color:var(--dim);font:10px var(--mono)}
.archive-table { min-width: 0; border: 1px solid var(--line); background: var(--surface); }
.archive-table-head,
.archive-file-row { min-width: 0; display: grid; grid-template-columns: minmax(0, 1fr) 90px 88px; align-items: center; gap: 10px; }
.archive-table-head { min-height: 38px; padding: 0 11px; border-bottom: 1px solid var(--line); color: var(--dim); background: var(--surface-3); font: 10px var(--mono); text-transform: uppercase; }
.archive-file-row { min-height: 52px; padding: 7px 11px; border-bottom: 1px solid var(--line); background: rgba(9, 23, 34, .94); }
.archive-file-list .archive-file-row:last-child { border-bottom: 0; }
.archive-file-row:hover { background: linear-gradient(90deg, rgba(69, 200, 245, .035), #0a1a25 34%); }
.archive-file-copy { min-width: 0; display: grid; grid-template-columns: max-content minmax(0, 1fr); align-items: center; gap: 7px; }
.archive-file-copy > a { min-width: 0; display: block; color: var(--text); }
.archive-file-copy strong { display: block; overflow: hidden; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.archive-type-badge { overflow: hidden; border: 1px solid #31546a; color: var(--cyan); background: rgba(69, 200, 245, .06); font: 10px var(--mono); text-overflow: ellipsis; white-space: nowrap; }
.archive-file-size { min-width: 0; color: var(--muted); font: 10px var(--mono); white-space: nowrap; }
.archive-open-action { min-height: 31px; padding: 0 9px; display: inline-flex; align-items: center; justify-content: center; gap: 5px; border: 1px solid #8b6637; color: #ffd18a; background: rgba(244, 180, 85, .075); font: 10px var(--mono); white-space: nowrap; }
.archive-open-action:hover,
.archive-open-action:focus-visible { border-color: var(--amber); color: #071018; background: var(--amber); }
.archive-empty { padding: 30px; border: 1px solid var(--line); color: var(--muted); background: var(--surface); text-align: center; }
.archive-pagination { padding-top: 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 10px; }
.archive-pagination a { display: inline-flex; min-height: 36px; align-items: center; border: 1px solid var(--line-strong); }
.archive-pagination a:last-child { justify-self: end; }
.archive-pagination strong { color: var(--muted); font: 10px var(--mono); text-align: center; }
.archive-detail-shell{width:100%;max-width:var(--max);margin:0 auto;padding:28px 0 60px}.archive-detail-breadcrumb{margin-bottom:14px;display:flex;gap:9px;color:var(--dim);font:10px var(--mono)}.archive-detail-breadcrumb a{color:var(--cyan)}.archive-detail-card,.archive-report-panel{border:1px solid var(--line);background:var(--surface);padding:20px}.archive-detail-card h1{margin:7px 0 9px;font-size:13px;overflow-wrap:anywhere}.archive-original-name{margin:0 0 16px;color:var(--muted);overflow-wrap:anywhere}.archive-original-name code{color:var(--cyan)}.archive-file-meta{margin:0 0 18px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:1px solid var(--line)}.archive-file-meta div{min-width:0;min-height:54px;padding:9px 10px;display:grid;align-content:center;border-right:1px solid var(--line)}.archive-file-meta div:last-child{border-right:0}.archive-file-meta dt{color:var(--dim);font:10px var(--mono);text-transform:uppercase}.archive-file-meta dd{margin:3px 0 0;color:var(--text);font-size:11px;overflow-wrap:anywhere}.archive-download-gate{padding:17px;border:1px solid var(--line-strong);background:linear-gradient(135deg,rgba(25,161,207,.09),rgba(7,22,32,.96))}.archive-countdown-copy{display:flex;align-items:center;justify-content:space-between;gap:12px}.archive-countdown-copy strong{font-size:13px}.archive-countdown-copy span{color:var(--cyan);font:11px var(--mono)}.archive-progress{height:9px;margin:13px 0 15px;overflow:hidden;border:1px solid var(--line-strong);background:#041019}.archive-progress i{width:0;height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--green));box-shadow:0 0 18px rgba(38,211,157,.45);transition:width .15s linear}.archive-final-download{min-height:46px;padding:0 18px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--cyan);color:#03131d;background:var(--cyan);font:11px var(--mono);text-transform:uppercase}.archive-final-download[aria-disabled=true]{pointer-events:none;opacity:.45}.archive-download-gate>small{margin-top:9px;display:block;color:var(--dim);font:10px var(--mono)}.archive-note,.archive-success{margin-bottom:14px;padding:11px;border:1px solid var(--amber);color:var(--amber);background:rgba(255,192,68,.06)}.archive-success{border-color:var(--green);color:var(--green);background:rgba(38,211,157,.06)}.archive-report-panel{margin-top:18px}.archive-report-panel h2{margin:0 0 5px;font-size:13px}.archive-report-panel p{margin:0 0 15px}.archive-report-panel form{display:grid;grid-template-columns:260px minmax(0,1fr) auto;align-items:end;gap:12px}.archive-report-panel label{display:grid;gap:6px}.archive-report-panel label span{color:var(--muted);font-size:11px}.archive-report-panel select,.archive-report-panel textarea{width:100%;padding:11px;border:1px solid var(--line-strong);color:var(--text);background:#061722}.archive-report-panel button{min-height:44px;padding:0 17px;border:1px solid var(--cyan);color:#03131d;background:var(--cyan);font:11px var(--mono);text-transform:uppercase}.archive-honeypot{position:absolute!important;left:-9999px!important}
@media(max-width:860px){
    .primary-nav>.nav-item{display:block}.primary-nav>.nav-item>a{width:100%}.nav-submenu{position:static;display:grid;margin:5px 0 0 37px;box-shadow:none}
    .archive-shell{grid-template-columns:1fr;gap:12px}.archive-sidebar{position:static;max-width:100%;display:flex;overflow-x:auto;overscroll-behavior-inline:contain}.archive-sidebar a{min-width:max-content;border-bottom:0;border-right:1px solid var(--line);padding-left:11px}
    .archive-table{border:0;background:transparent}.archive-table-head{display:none}.archive-file-list{display:grid;gap:7px}.archive-file-row{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"file file" "size action";gap:7px 10px;padding:9px;border:1px solid var(--line);background:rgba(9,23,34,.94)}
    .archive-file-copy{grid-area:file}.archive-file-copy strong{white-space:normal;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow-wrap:anywhere}
    .archive-file-size{grid-area:size;align-self:center}.archive-open-action{min-height:32px;grid-area:action}.archive-hero{align-items:flex-start;flex-direction:column}
    .archive-detail-shell{padding-top:20px}.archive-detail-card,.archive-report-panel{padding:15px}
    .archive-file-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-file-meta div{border-bottom:1px solid var(--line)}.archive-file-meta div:nth-child(2n){border-right:0}.archive-file-meta div:last-child{grid-column:1/-1;border-right:0;border-bottom:0}.archive-report-panel form{grid-template-columns:1fr}.archive-report-panel button{justify-self:start}
}
@media(max-width:620px){
    .archive-search{grid-template-columns:1fr}.archive-search button,.archive-search a{min-height:38px;border-left:0;border-top:1px solid var(--line);text-align:center}
    .archive-pagination{grid-template-columns:1fr auto 1fr}.archive-pagination a{padding:9px;font-size:10px}
}
@media(max-width:420px){
    .archive-countdown-copy{align-items:flex-start;flex-direction:column}.archive-final-download{width:100%;text-align:center}
}
@media(max-width:340px){
    .archive-file-row{grid-template-columns:1fr;grid-template-areas:"file" "size" "action"}.archive-open-action{width:100%}
    .archive-file-meta{grid-template-columns:1fr}.archive-file-meta div{grid-column:auto;border-right:0}.archive-file-meta div:last-child{grid-column:auto}
}

/* Chinese / Local software module — follows the compact KDN console family. */
.chinese-home-section{scroll-margin-top:118px}.chinese-category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.chinese-category-card{min-height:152px;padding:13px;position:relative;display:flex;flex-direction:column;border:1px solid #214154;border-top-color:#34728e;background:linear-gradient(145deg,#0d2230,#07151f 72%);overflow:hidden}.chinese-category-card::after{content:"";width:74px;height:74px;position:absolute;right:-45px;bottom:-45px;border:1px solid rgba(69,200,245,.24);transform:rotate(45deg)}.chinese-category-card:hover{border-color:#3c87a7;background:linear-gradient(145deg,#102b3b,#081822 72%)}.chinese-category-code{color:#648395;font:10px/1.3 var(--mono);letter-spacing:.07em}.chinese-category-card>strong{margin:20px 0 15px;color:#f1f7fa;font-size:13px}.chinese-category-card dl{margin:auto 0 11px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #1c3a4b;border-bottom:1px solid #1c3a4b}.chinese-category-card dl div{padding:9px 0}.chinese-category-card dl div+div{padding-left:10px;border-left:1px solid #1c3a4b}.chinese-category-card dt{color:var(--dim);font:10px var(--mono);text-transform:uppercase}.chinese-category-card dd{margin:3px 0 0;color:#c5d6df;font:10px var(--mono)}.chinese-card-action{display:flex;justify-content:space-between;color:#88a8b9;font:10px var(--mono);text-transform:uppercase}.chinese-card-action b{color:var(--cyan)}.chinese-new-sticker{position:absolute;top:11px;right:11px;padding:4px 7px;border:1px solid var(--amber);color:#ffd995;background:rgba(244,180,85,.1);font:700 10px var(--mono);font-style:normal;box-shadow:0 0 18px rgba(244,180,85,.14)}
.chinese-category-hero,.chinese-detail-hero{max-width:var(--max);margin:0 auto}.chinese-category-hero{padding:29px 19px 23px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.chinese-category-hero h1,.chinese-detail-hero h1{margin:9px 0 5px;font-size:13px;line-height:1.35}.chinese-category-hero p,.chinese-detail-hero p{max-width:720px;margin:0}.chinese-category-hero aside{min-width:155px;display:grid;justify-items:end}.chinese-category-hero aside strong{color:var(--cyan);font:600 13px/1 var(--mono)}.chinese-category-hero aside span{margin-top:4px;color:var(--dim);font:10px var(--mono);text-transform:uppercase}.chinese-list-section{padding-top:18px}.chinese-filter{margin-bottom:13px;padding:11px;display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:12px;border:1px solid var(--line);background:var(--surface)}.chinese-filter>label{color:var(--muted);font:10px var(--mono);text-transform:uppercase}.chinese-filter>div{height:36px;display:grid;grid-template-columns:minmax(0,1fr) auto auto;border:1px solid var(--line-strong)}.chinese-filter input{min-width:0;padding:0 11px;border:0;background:#06151f;outline:0}.chinese-filter button{padding:0 15px;display:grid;place-items:center;border:0;border-left:1px solid var(--line-strong);background:var(--cyan);color:#03141d;font:700 10px var(--mono);cursor:pointer}
.chinese-file-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}.chinese-file-card{min-width:0;overflow:hidden;display:grid;grid-template-rows:145px auto auto;border:1px solid #1d3b4d;background:#081721}.chinese-file-card:hover{border-color:#3b829f;transform:translateY(-1px)}.chinese-file-thumb{position:relative;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid #203e50;background:radial-gradient(circle at center,#112c3b,#06121b)}.chinese-file-thumb img{width:100%;height:100%;object-fit:cover}.chinese-file-thumb i{color:var(--cyan);font:600 13px var(--mono);font-style:normal}.chinese-file-thumb small{position:absolute;bottom:9px;color:#617e8e;font:10px var(--mono);text-transform:uppercase}.chinese-file-copy{min-width:0;padding:10px 11px 9px;display:grid;gap:3px}.chinese-file-copy strong,.chinese-file-copy small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chinese-file-copy strong{color:#e9f2f6;font-size:11px}.chinese-file-copy small{color:#7f9aa9;font:10px var(--mono)}.chinese-file-meta{padding:7px 11px;display:flex;flex-wrap:wrap;gap:5px 10px;border-top:1px solid #183342;color:#658090;font:10px var(--mono)}.chinese-file-meta i{font-style:normal}.chinese-pagination{margin-top:15px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.chinese-pagination a{padding:9px 12px;border:1px solid var(--line-strong);color:#aac4d0;font:10px var(--mono)}.chinese-pagination a:last-child{justify-self:end}.chinese-pagination strong{color:var(--dim);font:10px var(--mono)}
.chinese-detail-hero{padding:29px 19px 22px;border-bottom:1px solid var(--line)}.chinese-notice{max-width:var(--max);margin:13px auto 0;padding:10px 12px;border:1px solid rgba(69,211,148,.4);background:rgba(69,211,148,.07);color:#aeeccc}.chinese-detail-grid{max-width:var(--max);margin:0 auto;padding:18px 19px;display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:12px}.chinese-details-panel,.chinese-gallery,.chinese-download-panel{border:1px solid var(--line);background:rgba(8,23,33,.94)}.chinese-details-panel,.chinese-gallery{padding:14px}.chinese-details-panel dl{margin:0;border:1px solid #1c394a}.chinese-details-panel dl div{min-height:38px;padding:9px 10px;display:grid;grid-template-columns:125px minmax(0,1fr);align-items:center;border-bottom:1px solid #173241}.chinese-details-panel dl div:last-child{border-bottom:0}.chinese-details-panel dt{color:var(--dim);font:10px var(--mono);text-transform:uppercase}.chinese-details-panel dd{margin:0;min-width:0;overflow-wrap:anywhere;color:#d2e0e7;font-size:11px}.chinese-details-panel dd a{color:var(--cyan)}.chinese-description{margin-top:12px;padding:11px;border-left:2px solid var(--cyan);background:#07151e}.chinese-description h3{color:#dbe9ef}.chinese-description p{margin:0;white-space:normal}.chinese-gallery-viewport{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;scrollbar-color:#2c6178 #07141d}.chinese-gallery figure{min-width:100%;height:390px;margin:0;position:relative;display:grid;place-items:center;scroll-snap-align:start;background:#030a10}.chinese-gallery figure img{width:100%;height:100%;object-fit:contain}.chinese-gallery figcaption{position:absolute;right:9px;bottom:9px;padding:4px 7px;background:rgba(2,10,15,.85);color:#b8ced8;font:10px var(--mono)}.chinese-gallery-controls{margin-top:9px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}.chinese-gallery-controls button{min-height:32px;padding:0 11px;border:1px solid var(--line-strong);background:#0b202c;color:#b7cfdb;font:10px var(--mono);cursor:pointer}.chinese-gallery-controls span{text-align:center;color:var(--dim);font:10px var(--mono)}.chinese-gallery-empty{height:390px;display:grid;place-items:center;align-content:center;gap:9px;background:#040f16}.chinese-gallery-empty strong{color:var(--cyan);font:13px var(--mono)}.chinese-gallery-empty span{color:var(--dim);font:10px var(--mono);text-transform:uppercase}
.chinese-download-panel{max-width:calc(var(--max) - 38px);margin:0 auto 18px;padding:15px}.chinese-quick-actions{display:flex;justify-content:center;gap:9px;margin-bottom:14px}.chinese-quick-actions button,.chinese-quick-actions a{min-width:70px;padding:9px;display:grid;justify-items:center;gap:4px;border:1px solid var(--line-strong);background:#091b26;color:#9fb8c5;cursor:pointer}.chinese-quick-actions span{color:var(--cyan);font:13px var(--mono)}.chinese-quick-actions b{font:10px var(--mono);text-transform:uppercase}.chinese-report-form{max-width:760px;margin:0 auto 13px;padding:11px;display:grid;grid-template-columns:180px minmax(0,1fr) auto;align-items:end;gap:9px;border:1px solid var(--amber);background:rgba(244,180,85,.05)}.chinese-report-form[hidden]{display:none}.chinese-report-form label{display:grid;gap:5px;color:var(--muted);font-size:10px}.chinese-report-form input,.chinese-report-form select{height:34px;padding:0 9px;border:1px solid var(--line-strong);background:#06151f}.chinese-report-form button{height:34px;padding:0 12px;border:1px solid var(--amber);background:var(--amber);color:#1b1204;font:700 10px var(--mono)}.chinese-download-gate{max-width:760px;margin:0 auto;padding:16px;border:1px solid #32667d;background:linear-gradient(135deg,rgba(69,200,245,.08),#06151e)}.chinese-download-gate p{text-align:center}.download-progress{height:9px;margin:12px 0;overflow:hidden;border:1px solid var(--line-strong);background:#031019}.download-progress i{width:0;height:100%;display:block;background:linear-gradient(90deg,var(--cyan),var(--green))}.chinese-download-button{width:100%;min-height:44px;padding:0 15px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid var(--cyan);background:var(--cyan);color:#03141d;font:700 10px var(--mono);text-transform:uppercase;cursor:pointer}.chinese-download-button.is-ready{background:var(--green);border-color:var(--green)}.chinese-download-button span{padding:3px 6px;border:1px solid rgba(3,20,29,.35)}.chinese-download-gate>small{margin-top:9px;display:block;text-align:center;color:var(--dim);font:10px var(--mono)}.chinese-file-grid.is-related{grid-template-columns:repeat(6,minmax(0,1fr))}.chinese-file-grid.is-related .chinese-file-card{grid-template-rows:92px auto}.chinese-file-grid.is-related .chinese-file-meta{display:none}
@media(max-width:1120px){.chinese-category-grid,.chinese-file-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.chinese-file-grid.is-related{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:860px){.chinese-category-grid,.chinese-file-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.chinese-detail-grid{grid-template-columns:1fr}.chinese-gallery figure,.chinese-gallery-empty{height:360px}.chinese-report-form{grid-template-columns:1fr}.chinese-report-form button{justify-self:start}.chinese-file-grid.is-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.chinese-category-hero{align-items:flex-start;flex-direction:column}.chinese-category-hero aside{justify-items:start}.chinese-category-grid{grid-template-columns:1fr}.chinese-file-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.chinese-file-card{grid-template-rows:108px auto auto}.chinese-filter{grid-template-columns:1fr}.chinese-detail-grid{padding:12px 10px}.chinese-detail-hero{padding:22px 10px 17px}.chinese-download-panel{max-width:calc(100% - 20px)}.chinese-gallery figure,.chinese-gallery-empty{height:270px}.chinese-details-panel dl div{grid-template-columns:105px minmax(0,1fr)}.chinese-quick-actions{display:grid;grid-template-columns:repeat(4,1fr)}.chinese-quick-actions button,.chinese-quick-actions a{min-width:0}.chinese-file-grid.is-related{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.chinese-file-grid,.chinese-file-grid.is-related{grid-template-columns:1fr}.chinese-file-card{grid-template-rows:145px auto auto}.chinese-quick-actions{grid-template-columns:repeat(2,1fr)}}

.archive-ad-slot{margin-top:30px;padding:14px;border:1px solid var(--line);background:rgba(6,18,27,.72)}.archive-ad-label{display:block;margin-bottom:10px;color:var(--dim);font:10px var(--mono);text-align:center;text-transform:uppercase;letter-spacing:.08em}.archive-ad-body{min-height:100px;display:grid;place-items:center;overflow:hidden}.archive-ad-body ins{max-width:100%}
@media(max-width:480px){.archive-ad-slot{margin-top:24px;padding:10px}.archive-ad-body{min-height:90px}}

/* KDN 4.4 route/navigation/mobile archive stabilization */
.archive-start-download{min-height:46px;width:100%;padding:0 18px;border:1px solid var(--cyan);cursor:pointer;color:#03131d;background:var(--cyan);font:11px var(--mono);text-transform:uppercase}
.archive-start-download:hover,.archive-start-download:focus-visible{background:#75d8f8}
.archive-final-download[hidden]{display:none!important}
@media(max-width:860px){
  .site-header .header-main,.site-header .header-identity{transition:none!important}
  .site-header.is-compact .header-main{padding:10px 12px;gap:10px}
  .site-header.is-compact .header-identity{min-height:42px;max-height:42px;opacity:1;pointer-events:auto;transform:none}
  .archive-detail-shell{width:100%;max-width:var(--max);min-width:0;box-sizing:border-box}
  .archive-detail-card,.archive-report-panel,.archive-download-gate,.archive-file-meta{width:100%;min-width:0;box-sizing:border-box}
  .archive-detail-card>*{max-width:100%}
  .archive-file-meta dd,.archive-detail-card h1,.archive-original-name,.archive-original-name code{max-width:100%;word-break:break-word;overflow-wrap:anywhere}
}
@media(max-width:480px){
  .archive-detail-breadcrumb{max-width:100%;flex-wrap:wrap}
  .archive-report-panel button{width:100%;justify-self:stretch}
}

/* KDN 4.4.2: dynamic controls, central nested navigation and shared download gate. */
.header-search.has-reset,
.hero-search.has-reset {
    grid-template-columns: auto minmax(0, 1fr) auto;
}

.page-search.has-reset {
    grid-template-columns: minmax(0, 1fr) auto;
}

.header-search.has-reset.is-filter-active,
.hero-search.has-reset.is-filter-active {
    grid-template-columns: auto minmax(0, 1fr) auto auto;
}

.page-search.has-reset.is-filter-active {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.search-reset {
    display: none;
}

.clipboard-helper {
    width: 1px;
    height: 1px;
    position: fixed;
    left: -9999px;
    opacity: 0;
    pointer-events: none;
}

.is-filter-active .search-reset {
    display: inline-flex;
    align-items: center;
    justify-content: center;
}

.archive-search {
    grid-template-columns: minmax(0, 1fr) auto;
}

.archive-search.is-filter-active {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.chinese-filter > div {
    grid-template-columns: minmax(0, 1fr) auto;
}

.chinese-filter.is-filter-active > div {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.archive-search .search-reset,
.chinese-filter .search-reset {
    color: #9db8c6;
    background: #0b202c;
}

.nav-submenu-toggle {
    display: none;
}

.chinese-category-hero h1,
.chinese-detail-hero h1 {
    font-size: 13px;
    line-height: 1.35;
}

.chinese-category-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 7px;
}

.chinese-category-card {
    min-height: 104px;
    padding: 9px;
}

.chinese-category-card > strong {
    margin: 11px 0 9px;
    font-size: 12px;
}

.chinese-category-card dl {
    margin: auto 0 7px;
}

.chinese-category-card dl div {
    padding: 6px 0;
}

.chinese-new-sticker {
    top: 7px;
    right: 7px;
    padding: 3px 6px;
}

.secure-download-gate {
    width: 100%;
    max-width: 760px;
    margin: 0 auto;
    padding: 13px;
    display: grid;
    grid-template-columns: 72px minmax(0, 1fr) minmax(150px, 190px);
    align-items: center;
    gap: 13px;
    border: 1px solid #32667d;
    background: linear-gradient(135deg, rgba(69, 200, 245, .09), #06151e);
}

.download-panel-actions > .secure-download-gate {
    grid-column: 1 / -1;
}

.secure-download-dial {
    width: 66px;
    height: 66px;
    position: relative;
    display: grid;
    place-items: center;
    align-content: center;
    border-radius: 50%;
    background: #071722;
}

.secure-download-dial svg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    overflow: visible;
}

.secure-download-ring-track,
.secure-download-ring-progress {
    fill: none;
    stroke-width: 5;
}

.secure-download-ring-track {
    stroke: #173240;
}

.secure-download-ring-progress {
    stroke: var(--cyan);
    stroke-linecap: square;
}

.secure-download-dial > span {
    position: relative;
    z-index: 1;
    display: grid;
    justify-items: center;
}

.secure-download-dial b {
    color: #ecf8fb;
    font: 700 13px var(--mono);
}

.secure-download-dial small {
    color: var(--cyan);
    font: 10px var(--mono);
}

.secure-download-copy {
    min-width: 0;
    display: grid;
    gap: 4px;
}

.secure-download-copy > span {
    color: var(--cyan);
    font: 10px var(--mono);
    letter-spacing: .07em;
}

.secure-download-copy strong {
    overflow-wrap: anywhere;
    color: #eaf4f7;
    font-size: 12px;
}

.secure-download-copy small {
    color: #718d9d;
    font-size: 10px;
    line-height: 1.5;
}

.secure-download-actions {
    display: grid;
    gap: 6px;
}

.secure-download-actions button,
.secure-download-actions a,
.download-panel-actions .secure-download-actions button,
.download-panel-actions .secure-download-actions a {
    min-height: 39px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    border: 1px solid var(--cyan);
    color: #03141d;
    background: var(--cyan);
    font: 700 10px var(--mono);
    text-align: center;
    text-transform: uppercase;
}

.secure-download-actions a {
    border-color: var(--green);
    background: var(--green);
}

.secure-download-actions a[aria-disabled="true"] {
    pointer-events: none;
    opacity: .45;
}

.secure-download-actions [hidden],
.secure-download-error[hidden] {
    display: none !important;
}

.secure-download-error {
    grid-column: 1 / -1;
    padding: 7px 9px;
    border: 1px solid rgba(255, 116, 130, .45);
    color: #ffc0c7;
    background: rgba(255, 116, 130, .07);
    font-size: 10px;
}

.download-gate-notice,
.download-panel-copy > .download-gate-notice {
    margin-top: 9px;
    padding: 7px 9px;
    border: 1px solid rgba(244, 180, 85, .45);
    color: #ffd18a;
    background: rgba(244, 180, 85, .07);
}

.chinese-notice.is-error {
    border-color: rgba(255, 116, 130, .45);
    color: #ffc0c7;
    background: rgba(255, 116, 130, .07);
}

.chinese-notice.is-warning {
    border-color: rgba(244, 180, 85, .45);
    color: #ffd18a;
    background: rgba(244, 180, 85, .07);
}

.chinese-report-trap {
    position: absolute !important;
    left: -9999px !important;
}

@media (max-width: 1120px) {
    .chinese-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    .nav-shell {
        max-height: calc(100dvh - 118px);
        overflow-y: auto;
        overscroll-behavior: contain;
    }

    .primary-nav {
        max-height: none;
        grid-template-columns: 1fr;
        overflow: visible;
    }

    .primary-nav > .nav-item,
    .primary-nav > .nav-item.has-children {
        display: grid;
        grid-template-columns: minmax(0, 1fr) 39px;
        align-items: stretch;
    }

    .primary-nav > .nav-item > a {
        width: auto;
        min-height: 54px;
    }

    .nav-submenu-toggle {
        display: grid;
        place-items: center;
        border: 1px solid #25465a;
        border-left: 0;
        color: var(--cyan);
        background: #091b27;
        font: 13px var(--mono);
        cursor: pointer;
    }

    .primary-nav > .nav-item.has-children > .nav-submenu {
        grid-column: 1 / -1;
        display: none;
        margin: 6px 0 0 27px;
        padding: 5px;
        border-color: #25465a;
        box-shadow: none;
    }

    .primary-nav > .nav-item.has-children.is-submenu-open > .nav-submenu {
        display: grid;
    }

    .primary-nav .nav-submenu a {
        min-height: 47px;
    }

    .chinese-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .secure-download-gate {
        grid-template-columns: 66px minmax(0, 1fr);
    }

    .secure-download-actions {
        grid-column: 1 / -1;
    }
}

@media (max-width: 620px) {
    .header-search.has-reset {
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .header-search.has-reset.is-filter-active {
        grid-template-columns: minmax(0, 1fr) auto auto;
    }

    .hero-search.has-reset,
    .page-search.has-reset {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .hero-search.has-reset:not(.is-filter-active) > button[type="submit"],
    .page-search.has-reset:not(.is-filter-active) > button[type="submit"] {
        grid-column: 1 / -1;
    }

    .chinese-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .secure-download-gate {
        grid-template-columns: 1fr;
        justify-items: center;
        text-align: center;
    }

    .archive-search,
    .archive-search.is-filter-active {
        grid-template-columns: 1fr;
    }

    .secure-download-actions,
    .secure-download-error {
        width: 100%;
        grid-column: 1;
    }
}

@media (max-width: 390px) {
    .chinese-category-grid {
        grid-template-columns: 1fr;
    }
}

/* KDN 4.4.3 locked responsive baseline. */
.chinese-filter,
.chinese-filter > div,
.chinese-filter input {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.chinese-filter > div {
    height: 36px;
    grid-template-columns: minmax(0, 1fr) auto;
}

.chinese-filter.is-filter-active > div {
    grid-template-columns: minmax(0, 1fr) auto auto;
}

.chinese-filter .search-reset {
    display: none;
}

.chinese-filter.is-filter-active .search-reset {
    display: grid;
}

.chinese-filter button {
    min-width: 62px;
    white-space: nowrap;
}

.chinese-detail-hero,
.chinese-detail-hero h1,
.chinese-file-copy,
.chinese-file-copy strong {
    max-width: 100%;
    min-width: 0;
}

.chinese-detail-hero h1 {
    overflow-wrap: anywhere;
    word-break: break-word;
}

.chinese-file-card {
    grid-template-rows: auto auto auto;
}

.chinese-file-thumb {
    aspect-ratio: 16 / 9;
}

.chinese-file-copy strong {
    display: -webkit-box;
    overflow: hidden;
    white-space: normal;
    overflow-wrap: anywhere;
    word-break: break-word;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.35;
}

.chinese-gallery-viewport,
.chinese-gallery-empty {
    width: 100%;
    max-width: 100%;
    aspect-ratio: 16 / 9;
    height: auto;
    overflow-y: hidden;
    background: #030a10;
}

.chinese-gallery figure,
.chinese-gallery-empty {
    height: auto;
    aspect-ratio: 16 / 9;
}

.chinese-gallery figure {
    isolation: isolate;
}

.chinese-gallery figure.is-image-missing::before {
    content: "Screenshot unavailable";
    color: var(--dim);
    font: 10px var(--mono);
    text-transform: uppercase;
}

.chinese-gallery figure.is-image-missing::after {
    content: "IMAGE";
    position: absolute;
    z-index: -1;
    color: var(--cyan);
    font: 13px var(--mono);
    transform: translateY(-17px);
}

.chinese-gallery-controls button {
    min-width: 82px;
    touch-action: manipulation;
}

.chinese-category-grid {
    grid-template-columns: repeat(6, minmax(0, 1fr));
    gap: 7px;
}

.chinese-category-card {
    min-height: 78px;
    padding: 9px 10px;
    justify-content: space-between;
}

.chinese-category-card > strong {
    max-width: 100%;
    margin: 0 0 7px;
    padding-right: 30px;
    display: -webkit-box;
    overflow: hidden;
    overflow-wrap: anywhere;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    line-height: 1.3;
}

.chinese-category-card dl {
    margin: auto 0 0;
    border-bottom: 0;
}

.chinese-category-card dl div {
    min-width: 0;
    padding: 5px 0 0;
}

.chinese-category-card dd {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.file-download-panel.is-shared-download {
    width: 100%;
    max-width: none;
    min-width: 0;
    margin: 0;
    padding: 14px;
    display: block;
    border-color: var(--line);
    background: rgba(8, 23, 33, .94);
}

.file-download-panel.is-shared-download .chinese-quick-actions {
    margin-bottom: 14px;
}

.file-download-panel.is-shared-download .download-gate-notice {
    max-width: 760px;
    margin: 0 auto 12px;
}

.secure-download-actions {
    min-width: 0;
    min-height: 61px;
    align-content: center;
}

.secure-download-actions button,
.secure-download-actions a,
.download-panel-actions .secure-download-actions button,
.download-panel-actions .secure-download-actions a {
    width: 100%;
    min-width: 0;
    height: 39px;
    min-height: 39px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.secure-download-filename {
    width: 100%;
    min-width: 0;
    display: block;
    overflow: hidden;
    color: var(--dim);
    font: 10px/1.35 var(--mono);
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.secure-download-gate.is-running .secure-download-ring-progress {
    filter: drop-shadow(0 0 4px rgba(69, 200, 245, .5));
}

.secure-download-gate.is-ready .secure-download-ring-progress {
    stroke: var(--green);
}

@media (max-width: 1120px) {
    .chinese-category-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

@media (max-width: 860px) {
    html.menu-open,
    html.menu-open body {
        width: 100%;
        height: 100%;
        overflow: hidden;
        overscroll-behavior: none;
    }

    .site-header.nav-is-open .mobile-tabs-shell {
        display: none;
    }

    .nav-shell {
        width: 100%;
        height: 100dvh;
        max-height: none;
        min-height: 0;
        padding: 0 0 max(9px, env(safe-area-inset-bottom));
        position: fixed;
        z-index: 90;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        display: grid;
        grid-template-rows: auto minmax(0, 1fr);
        overflow: hidden;
        overscroll-behavior: contain;
    }

    .nav-panel-head {
        min-height: 48px;
        margin: 0;
        padding: max(9px, env(safe-area-inset-top)) max(20px, env(safe-area-inset-right)) 9px max(20px, env(safe-area-inset-left));
        display: grid;
        grid-template-columns: minmax(0, 1fr) auto;
        align-items: center;
        gap: 12px;
        background: rgba(5, 16, 24, .96);
    }

    .nav-panel-head small {
        display: none;
    }

    .nav-panel-close {
        width: auto;
        max-width: 100%;
        min-height: 32px;
        padding: 0 10px;
        justify-self: end;
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 6px;
        border: 1px solid #31566c;
        color: #b9d0da;
        background: #091b27;
        font: 10px var(--mono);
        text-transform: uppercase;
        white-space: nowrap;
        cursor: pointer;
    }

    .nav-panel-close span {
        color: var(--cyan);
        font-size: 13px;
    }

    .primary-nav {
        width: 100%;
        height: 100%;
        min-height: 0;
        max-height: none;
        padding: 9px max(20px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(20px, env(safe-area-inset-left));
        grid-row: 2;
        grid-template-columns: 1fr;
        align-content: start;
        align-self: stretch;
        gap: 6px;
        overflow-x: hidden;
        overflow-y: auto;
        overscroll-behavior: contain;
        scrollbar-width: thin;
        scrollbar-color: #356985 #07131d;
        -webkit-overflow-scrolling: touch;
    }

    .primary-nav > .nav-item,
    .primary-nav > .nav-item.has-children {
        min-width: 0;
        display: grid;
        grid-template-columns: minmax(0, 1fr) 38px;
        align-items: stretch;
    }

    .primary-nav > .nav-item > a {
        width: auto;
        min-width: 0;
        min-height: 48px;
        padding: 7px 9px;
        gap: 7px;
    }

    .nav-code {
        width: 25px;
        height: 25px;
    }

    .nav-copy,
    .primary-nav .nav-submenu strong,
    .primary-nav .nav-submenu small {
        min-width: 0;
        white-space: normal;
        overflow-wrap: anywhere;
        word-break: break-word;
    }

    .nav-submenu-toggle {
        min-width: 38px;
        touch-action: manipulation;
    }

    .primary-nav > .nav-item.has-children > .nav-submenu {
        min-width: 0;
        max-width: 100%;
        margin: 5px 0 0 25px;
        padding: 4px;
    }

    .primary-nav .nav-submenu a {
        min-height: 43px;
        padding: 7px 9px;
    }

    .chinese-category-grid {
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }

    .chinese-gallery figure,
    .chinese-gallery-empty {
        height: auto;
    }
}

@media (max-width: 620px) {
    .chinese-filter {
        padding: 9px;
        grid-template-columns: 1fr;
        gap: 7px;
    }

    .chinese-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chinese-category-card {
        min-height: 82px;
    }

    .chinese-gallery-controls {
        grid-template-columns: 1fr 1fr;
    }

    .chinese-gallery-controls span {
        display: none;
    }

    .chinese-gallery-controls button {
        width: 100%;
        min-height: 38px;
    }

    .secure-download-actions {
        width: 100%;
    }
}

@media (max-width: 390px) {
    .chinese-category-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .chinese-filter.is-filter-active > div {
        height: auto;
        grid-template-columns: minmax(0, 1fr) auto;
    }

    .chinese-filter.is-filter-active input,
    .chinese-filter.is-filter-active button[type="submit"] {
        height: 36px;
    }

    .chinese-filter.is-filter-active .search-reset {
        min-height: 32px;
        grid-column: 1 / -1;
        border-top: 1px solid var(--line-strong);
        border-left: 0;
    }

    .chinese-file-card {
        grid-template-rows: auto auto auto;
    }
}

/* Frontend final polish: one responsive header, global discovery and public footer. */
.public-topbar {
    color: #7892a4;
    border-bottom: 1px solid #102331;
    background: #03090e;
    font: 10px/1.4 var(--mono);
    letter-spacing: .25px;
}

.public-topbar-inner {
    min-height: 29px;
    max-width: var(--max);
    margin: 0 auto;
    padding: 0 19px;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 19px;
}

.public-topbar-inner time { color: #b5c9d4; }
.public-topbar-inner span { color: #456171; }

.header-main {
    min-height: 66px;
    display: grid;
    grid-template-columns: auto minmax(0, 1fr) auto;
    gap: 23px;
}

.brand { min-width: 270px; }

.brand-symbol {
    width: 43px;
    height: 43px;
    display: grid;
    place-items: center;
    flex: 0 0 auto;
    border: 1px solid #31566c;
    background: linear-gradient(145deg, #0d2635, #06131c);
    box-shadow: inset 0 0 0 1px rgba(69, 200, 245, .035);
}

.brand-symbol svg { width: 37px; height: 37px; display: block; }
.brand-symbol .logo-chip { fill: rgba(69, 200, 245, .09); stroke: var(--cyan); stroke-width: 1.4; }
.brand-symbol .logo-trace { fill: none; stroke: #7fa7b9; stroke-width: 1.6; stroke-linecap: round; stroke-linejoin: round; }
.brand-symbol .logo-dish { fill: rgba(244, 180, 85, .09); stroke: var(--amber); stroke-width: 1.5; }
.brand-symbol .logo-download { fill: none; stroke: var(--green); stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }

.brand-copy strong { font-size: 13px; }
.brand-copy small { color: #829aaa; }

.secondary-nav {
    min-width: 0;
    margin-left: auto;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 5px;
}

.secondary-nav-item { position: relative; }

.secondary-nav-item > a {
    min-height: 32px;
    padding: 0 11px;
    display: inline-flex;
    align-items: center;
    gap: 7px;
    border: 1px solid #203e50;
    color: #9bb0bd;
    background: rgba(7, 22, 32, .65);
    font: 10px var(--mono);
    white-space: nowrap;
}

.secondary-nav-item > a span { color: var(--cyan); }
.secondary-nav-item > a:hover,
.secondary-nav-item > a:focus-visible { border-color: #3c718a; color: #e6f2f6; background: #0b202d; }

.secondary-submenu {
    min-width: 210px;
    padding: 5px;
    position: absolute;
    z-index: 80;
    top: calc(100% + 4px);
    right: 0;
    display: none;
    border: 1px solid #31566c;
    background: #071722;
    box-shadow: 0 17px 38px rgba(0, 0, 0, .42);
}

.secondary-nav-item:hover .secondary-submenu,
.secondary-nav-item:focus-within .secondary-submenu { display: grid; }
.secondary-submenu a { min-height: 35px; padding: 0 9px; display: flex; align-items: center; color: #9fb4c0; border-bottom: 1px solid #173141; font-size: 10px; }
.secondary-submenu a:last-child { border-bottom: 0; }
.secondary-submenu a:hover { color: var(--cyan); }

.nav-shell { min-height: 42px; }
.primary-nav { min-width: 0; min-height: 42px; flex: 1; }
.primary-nav > .nav-item > a { min-height: 42px; }
.primary-nav a { min-width: 136px; }

.portal-hero { min-width: 0; min-height: 315px; grid-template-columns: minmax(0, 1.2fr) minmax(360px, .8fr); }
.portal-hero .command-copy { min-width: 0; padding: 42px 45px; }
.portal-hero .command-copy h1 { max-width: 720px; overflow-wrap: anywhere; }
.portal-hero .command-copy > p { max-width: 740px; line-height: 1.7; overflow-wrap: anywhere; }
.global-hero-search { width: min(760px, 100%); min-height: 42px; }
.global-hero-search > span { color: var(--cyan); }
.global-hero-search button { background: var(--cyan); }
.global-hero-search button:hover { background: #77daf9; }
.portal-hero .hero-links a { color: #b9dce7; }

.firmware-visual {
    min-width: 0;
    min-height: 275px;
    margin: 19px;
    padding: 13px;
    display: grid;
    grid-template-rows: minmax(0, 1fr) auto;
    position: relative;
    z-index: 1;
    overflow: hidden;
    border: 1px solid #31566c;
    background: radial-gradient(circle at 54% 44%, rgba(69, 200, 245, .1), transparent 50%), rgba(3, 13, 20, .76);
}

.firmware-visual svg { width: 100%; height: 100%; min-height: 220px; display: block; }
.visual-orbit circle { fill: none; stroke: rgba(69, 200, 245, .12); stroke-width: 1; stroke-dasharray: 4 7; transform-origin: 262px 150px; animation: portal-orbit 24s linear infinite; }
.visual-orbit circle+circle { animation-direction: reverse; animation-duration: 17s; }
.visual-receiver > rect:first-child { stroke: #376b84; stroke-width: 1.5; }
.visual-panel { fill: rgba(3, 13, 20, .72); stroke: #2d6078; stroke-width: 1.4; }
.visual-control { fill: #071722; stroke: var(--cyan); stroke-width: 1.4; }
.visual-signal { fill: var(--green); animation: portal-pulse 2.2s ease-in-out infinite; }
.visual-line { fill: none; stroke: #6b91a4; stroke-width: 1.6; stroke-linecap: round; }
.visual-download { fill: none; stroke: var(--green); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; animation: portal-download 2.6s ease-in-out infinite; }
.visual-tool { fill: rgba(244, 180, 85, .1); stroke: var(--amber); stroke-width: 1.7; stroke-linejoin: round; }
.visual-packets rect { fill: #0d2938; stroke: var(--cyan); stroke-width: 1.4; }
.visual-packets path { fill: none; stroke: var(--green); stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
.visual-flow path { fill: none; stroke: var(--cyan); stroke-width: 1.4; stroke-dasharray: 5 6; animation: portal-flow 4s linear infinite; }
.visual-status { fill: var(--cyan); stroke: rgba(69, 200, 245, .35); stroke-width: 1; }
.visual-caption { min-height: 34px; padding: 0 5px; display: flex; align-items: center; justify-content: space-between; gap: 9px; border-top: 1px solid #1d3b4c; color: #7790a0; font: 10px var(--mono); text-transform: uppercase; }

@keyframes portal-orbit { to { transform: rotate(360deg); } }
@keyframes portal-pulse { 50% { opacity: .35; transform: scale(.72); } }
@keyframes portal-download { 50% { transform: translateY(4px); } }
@keyframes portal-flow { to { stroke-dashoffset: -44; } }

.portal-stats { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.portal-stats article { min-height: 79px; }
.portal-stats article:nth-child(5) { border-right: 0; }
.portal-stats strong { color: var(--cyan); }

.software-request-teaser {
    min-width: 0;
    min-height: 86px;
    padding: 16px 18px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 18px;
    border: 1px solid #294f64;
    background: linear-gradient(135deg, rgba(10, 31, 44, .96), rgba(5, 16, 24, .96));
}
.software-request-teaser > div { min-width: 0; }
.software-request-teaser > div > span { color: var(--cyan); font: 10px var(--mono); letter-spacing: .4px; }
.software-request-teaser h3 { margin: 4px 0 3px; color: #e8f2f6; font-size: 12px; }
.software-request-teaser p { margin: 0; line-height: 1.55; }
.software-request-teaser button {
    min-width: 151px;
    min-height: 39px;
    padding: 0 13px;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    gap: 12px;
    border: 1px solid var(--cyan);
    cursor: pointer;
    color: #041219;
    background: var(--cyan);
    font: 10px var(--mono);
}
.software-request-teaser button:hover,
.software-request-teaser button:focus-visible { background: #75d9f9; }
.software-request-teaser button i { font-size: 13px; font-style: normal; transition: transform .2s ease; }
.software-request-section.is-request-open .software-request-teaser button i { transform: rotate(45deg); }
.software-request-expandable { display: grid; grid-template-rows: 0fr; opacity: 0; transition: grid-template-rows .24s ease, opacity .18s ease; }
.software-request-expandable[hidden] { display: none; }
.software-request-expandable-inner { min-height: 0; overflow: hidden; }
.software-request-section.is-request-open .software-request-expandable { grid-template-rows: 1fr; opacity: 1; }
.software-request-shell {
    margin-top: 9px;
    display: grid;
    grid-template-columns: minmax(230px, .7fr) minmax(0, 1.3fr);
    border: 1px solid #294f64;
    background: linear-gradient(135deg, rgba(10, 31, 44, .96), rgba(5, 16, 24, .96));
}

.software-request-copy { padding: 23px; border-right: 1px solid #234557; background: rgba(69, 200, 245, .025); }
.software-request-copy > span { color: var(--cyan); font: 10px var(--mono); letter-spacing: .4px; }
.software-request-copy h3 { margin: 7px 0 9px; color: #e8f2f6; font-size: 13px; }
.software-request-copy p { line-height: 1.7; }
.software-request-copy ul { margin: 17px 0 0; padding: 0; display: grid; gap: 9px; list-style: none; color: #8299a8; font-size: 10px; }
.software-request-copy li { padding-left: 17px; position: relative; }
.software-request-copy li::before { content: "✓"; position: absolute; left: 0; color: var(--green); font-family: var(--mono); }

.software-request-form { min-width: 0; padding: 19px; }
.software-request-form fieldset { min-width: 0; margin: 0; padding: 0; border: 0; }
.software-request-form legend { margin-bottom: 9px; color: #7892a3; font: 10px var(--mono); text-transform: uppercase; }
.request-type-options { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.request-type-options > label { min-width: 0; min-height: 59px; display: flex; align-items: center; cursor: pointer; border: 1px solid #294d61; background: #071722; }
.request-type-options input { width: 1px; height: 1px; position: absolute; opacity: 0; }
.request-type-options span { width: 100%; min-height: 59px; padding: 11px 13px; display: grid; align-content: center; gap: 3px; }
.request-type-options input:checked + span { border-left: 3px solid var(--cyan); color: #e8f3f7; background: rgba(69, 200, 245, .075); }
.request-type-options b { font-size: 11px; }
.request-type-options small { color: #6e8797; font-size: 10px; }
.request-fields { margin-top: 11px; display: grid; grid-template-columns: 1.3fr .9fr .7fr; gap: 9px; }
.request-fields[data-request-group="other"] { grid-template-columns: 1.25fr .75fr; }
.software-request-form label > span { display: block; margin-bottom: 5px; color: #8ca4b3; font-size: 10px; }
.software-request-form input,
.software-request-form textarea { width: 100%; min-width: 0; border: 1px solid #2a4c60; outline: 0; color: #dce9ef; background: #06141e; }
.software-request-form input { height: 37px; padding: 0 10px; }
.software-request-form textarea { min-height: 83px; padding: 9px 10px; resize: vertical; }
.software-request-form input:focus,
.software-request-form textarea:focus { border-color: var(--cyan); box-shadow: 0 0 0 1px rgba(69, 200, 245, .09); }
.request-message { margin-top: 11px; display: block; }
.request-message small { color: #647d8e; }
.software-request-form button[type="submit"] { min-height: 38px; margin-top: 11px; padding: 0 15px; border: 1px solid var(--cyan); cursor: pointer; color: #041219; background: var(--cyan); font-weight: 500; }
.software-request-form button[type="submit"]:hover { background: #75d9f9; }
.software-request-collapse { min-height: 34px; margin-top: 9px; padding: 0 11px; border: 1px solid #31566c; cursor: pointer; color: #9db4c1; background: #091923; font: 10px var(--mono); }
.software-request-collapse:hover,
.software-request-collapse:focus-visible { border-color: var(--cyan); color: var(--cyan); }
.software-request-form fieldset:disabled { opacity: .58; }
.software-request-form fieldset:disabled .request-type-options > label { cursor: not-allowed; }
.request-auth-note { margin: 11px 0 0; padding: 9px 11px; border: 1px solid #705832; color: #dcb979; background: rgba(244, 180, 85, .055); font-size: 10px; }
.request-auth-note.is-ready { border-color: #2d6a56; color: #8ed9ba; background: rgba(69, 211, 148, .055); }
.request-honeypot { width: 1px; height: 1px; position: absolute; left: -9999px; overflow: hidden; }
.request-notice { margin-bottom: 9px; padding: 10px 12px; border: 1px solid #31566c; color: #b9d8e4; background: #0a1b27; }
.request-notice.is-success { border-color: #32725a; color: #a5e6c8; background: rgba(69, 211, 148, .06); }
.request-notice.is-error { border-color: #8a4752; color: #ffc0c7; background: rgba(255, 116, 130, .06); }

.recent-table-scroll { max-width: 100%; overflow-x: auto; border: 1px solid transparent; scrollbar-width: thin; scrollbar-color: #356985 #07131d; }
.recent-table-scroll:focus-visible { border-color: var(--cyan); outline: 0; }
.recent-table-scroll .file-console { min-width: 790px; }
.recent-table-scroll .file-console-head,
.recent-table-scroll .file-row { grid-template-columns: minmax(280px, 2.45fr) minmax(74px, .68fr) minmax(69px, .58fr) minmax(92px, .78fr) minmax(72px, .62fr) 105px; }
.file-new-badge { margin-left: 7px; padding: 2px 5px; display: inline-flex; align-items: center; gap: 4px; border: 1px solid #80602f; color: #ffd087; background: rgba(244, 180, 85, .09); font: 10px var(--mono); vertical-align: middle; }
.file-new-badge i { color: var(--amber); font-style: normal; }
.system-kicker > span,
.product-record-type,
.file-chip,
.file-new-badge,
.file-detail-kicker span,
.file-detail-badges span,
.archive-type-badge,
.chinese-new-sticker {
    width: fit-content;
    min-width: 0;
    min-height: 20px;
    height: auto;
    padding: 2px 6px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    line-height: 1.2;
    font-weight: 500;
}
.file-identity { grid-template-columns: max-content minmax(0, 1fr); }
.file-identity h3 { display: flex; align-items: center; gap: 7px; }
.file-name-text { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.recent-pagination { min-height: 43px; padding: 9px 11px; display: flex; align-items: center; justify-content: space-between; gap: 13px; border: 1px solid var(--line); border-top: 0; color: #758e9e; font: 10px var(--mono); }
.recent-pagination div { display: flex; gap: 7px; }
.recent-pagination a { min-height: 29px; padding: 0 10px; display: inline-flex; align-items: center; border: 1px solid #31566c; color: #b7d8e4; background: #091923; }
.recent-pagination a:hover { border-color: var(--cyan); color: var(--cyan); }

.global-search-command { align-items: end; }
.global-search-results { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.global-result-card { min-width: 0; min-height: 82px; padding: 11px; display: grid; grid-template-columns: 43px minmax(0, 1fr) auto; align-items: center; gap: 11px; border: 1px solid #244658; background: linear-gradient(140deg, #071620, #0a1d29); }
.global-result-card:hover,
.global-result-card:focus-visible { border-color: #3e7792; background: linear-gradient(140deg, #0a1b27, #0d2735); }
.global-result-icon { width: 43px; height: 43px; display: grid; place-items: center; overflow: hidden; border: 1px solid #31566c; color: var(--cyan); background: rgba(69, 200, 245, .055); font: 10px var(--mono); text-overflow: ellipsis; }
.global-result-copy { min-width: 0; display: grid; gap: 2px; }
.global-result-copy small { color: var(--cyan); font: 10px var(--mono); text-transform: uppercase; }
.global-result-copy strong { overflow: hidden; color: #e2edf2; font-size: 11px; text-overflow: ellipsis; white-space: nowrap; }
.global-result-copy span { overflow: hidden; color: #7891a1; font-size: 10px; text-overflow: ellipsis; white-space: nowrap; }
.global-result-meta { max-width: 135px; display: grid; justify-items: end; gap: 5px; color: #829baa; font: 10px var(--mono); text-align: right; }
.global-result-meta i { color: var(--amber); font-style: normal; }

.legal-page { border: 1px solid #294e62; background: #07141e; }
.legal-page-head { padding: 27px; border-bottom: 1px solid #234354; background: linear-gradient(135deg, rgba(69, 200, 245, .055), transparent 65%); }
.legal-page-head h1 { margin: 0 0 9px; font-size: 13px; }
.legal-page-head p { max-width: 760px; margin: 0; font-size: 11px; line-height: 1.75; }
.legal-section-grid { padding: 13px; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 9px; }
.legal-section-grid section { padding: 15px; border: 1px solid #1d3b4c; background: rgba(4, 15, 22, .55); }
.legal-section-grid h2 { color: #dbe8ee; font-size: 12px; }
.legal-section-grid p { margin: 0; line-height: 1.72; }

.site-footer { margin-top: 15px; }
.footer-inner.footer-grid { min-height: 0; padding: 31px 19px 27px; display: grid; grid-template-columns: minmax(230px, 1.55fr) repeat(4, minmax(120px, 1fr)); align-items: start; gap: 27px; }
.footer-about { max-width: 330px; }
.footer-logo { display: inline-flex; align-items: center; gap: 9px; }
.footer-logo span { width: 35px; height: 35px; display: grid; place-items: center; border: 1px solid #31566c; color: var(--cyan); background: #091923; font: 11px var(--mono); }
.footer-logo strong { color: #edf5f8; font-size: 12px; }
.footer-about p { margin: 13px 0 0; color: #718999; font-size: 10px; line-height: 1.7; }
.footer-links { display: grid; align-content: start; gap: 7px; }
.footer-links h2 { margin: 0 0 5px; color: #c9dbe3; font: 10px var(--mono); letter-spacing: .25px; text-transform: uppercase; }
.footer-links a { width: fit-content; color: #718a9a; font-size: 10px; }
.footer-links a:hover { color: var(--cyan); }
.footer-social a { display: inline-flex; gap: 5px; }
.footer-social a span { color: var(--cyan); }
.footer-bottom { min-height: 43px; max-width: var(--max); margin: 0 auto; padding: 9px 19px; display: flex; align-items: center; justify-content: space-between; gap: 17px; border-top: 1px solid #132a38; color: #5e7687; font: 10px var(--mono); }

@media (max-width: 1120px) {
    .secondary-nav-item > a { padding: 0 9px; }
    .portal-hero { grid-template-columns: minmax(0, 1fr) minmax(310px, .75fr); }
    .footer-inner.footer-grid { grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(150px, 1fr)); }
}

@media (max-width: 860px) {
    .public-topbar { display: none; }
    .header-main { min-height: 64px; padding: 10px 14px; grid-template-columns: minmax(0, 1fr) auto; grid-template-rows: auto; gap: 10px; }
    .header-identity { width: auto; min-width: 0; }
    .brand { min-width: 0; }
    .brand-copy small { max-width: 220px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
    .menu-toggle { grid-column: 2; grid-row: 1; display: inline-flex; }
    .secondary-nav { display: none; }
    .nav-shell { visibility: hidden; opacity: 0; pointer-events: none; }
    .site-header.nav-is-open .nav-shell { visibility: visible; opacity: 1; pointer-events: auto; }
    .portal-hero { min-height: 0; grid-template-columns: 1fr; }
    .portal-hero .command-copy { padding: 30px 27px; }
    .firmware-visual { min-height: 245px; margin-top: 0; }
    .firmware-visual svg { min-height: 195px; }
    .portal-stats { grid-template-columns: repeat(3, minmax(0, 1fr)); }
    .portal-stats article:nth-child(3) { border-right: 0; }
    .portal-stats article:nth-child(-n+3) { border-bottom: 1px solid var(--line); }
    .portal-stats article:nth-child(5) { border-right: 0; }
    .software-request-shell { grid-template-columns: 1fr; }
    .software-request-copy { border-right: 0; border-bottom: 1px solid #234557; }
    .global-search-results { grid-template-columns: 1fr; }
    .footer-inner.footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .footer-about { max-width: none; grid-column: 1 / -1; }
    .footer-inner.footer-grid,
    .footer-bottom { padding-right: 14px; padding-left: 14px; }
    .nav-panel-head { padding-right: max(14px, env(safe-area-inset-right)); padding-left: max(14px, env(safe-area-inset-left)); }
    .primary-nav { padding-right: max(14px, env(safe-area-inset-right)); padding-left: max(14px, env(safe-area-inset-left)); }
}

@media (max-width: 768px) {
    .recent-table-scroll { overflow: visible; border: 0; }
    .recent-table-scroll .file-console,
    .file-console.is-product-archive { min-width: 0; overflow: visible; display: grid; gap: 9px; border: 0; background: transparent; box-shadow: none; }
    .recent-table-scroll .file-console-head,
    .file-console.is-product-archive .file-console-head { display: none; }
    .recent-table-scroll .file-row,
    .file-console.is-product-archive .file-row {
        min-width: 0;
        min-height: 0;
        margin: 0;
        padding: 11px;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 7px 9px;
        border: 1px solid var(--line);
        background: rgba(9, 23, 34, .94);
        contain-intrinsic-size: 188px;
    }
    .recent-table-scroll .file-identity,
    .file-console.is-product-archive .file-identity { grid-column: 1 / -1; }
    .recent-table-scroll .file-identity h3,
    .file-console.is-product-archive .file-identity h3 { overflow: visible; flex-wrap: wrap; white-space: normal; }
    .recent-table-scroll .file-name-text,
    .file-console.is-product-archive .file-name-text { display: -webkit-box; overflow: hidden; white-space: normal; overflow-wrap: anywhere; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
    .recent-table-scroll .file-new-badge,
    .file-console.is-product-archive .file-new-badge { margin-left: 0; }
    .recent-table-scroll .file-row .file-data,
    .file-console.is-product-archive .file-row .file-data {
        min-width: 0;
        min-height: 32px;
        padding: 6px 7px;
        display: flex !important;
        align-items: center;
        justify-content: space-between;
        gap: 7px;
        border: 1px solid #1e3b4c;
        overflow-wrap: anywhere;
        text-align: right;
    }
    .recent-table-scroll .file-row .file-data::before,
    .file-console.is-product-archive .file-row .file-data::before { content: attr(data-label); flex: 0 0 auto; color: var(--dim); font: 10px var(--mono); text-transform: uppercase; }
    .recent-table-scroll .file-actions,
    .file-console.is-product-archive .file-actions { grid-column: 1 / -1; }
    .recent-table-scroll .file-open-action,
    .file-console.is-product-archive .file-open-action { min-height: 36px; }
}

@media (max-width: 620px) {
    .site-main { width: calc(100% - var(--mobile-gutter) - var(--mobile-gutter)); }
    .header-main { padding-right: var(--mobile-gutter); padding-left: var(--mobile-gutter); }
    .brand-symbol { width: 39px; height: 39px; }
    .brand-symbol svg { width: 34px; height: 34px; }
    .brand-copy strong { font-size: 12px; }
    .brand-copy small { max-width: 185px; font-size: 10px; }
    .menu-toggle { width: 42px; min-width: 42px; height: 42px; padding: 0; }
    .menu-toggle [data-menu-label] { display: none; }
    .menu-icon { width: 18px; height: 12px; }
    .menu-icon i { width: 18px; }
    .portal-hero .command-copy { padding: 25px 20px; }
    .global-hero-search.has-reset,
    .global-hero-search.has-reset.is-filter-active { width: 100%; height: auto; grid-template-columns: minmax(0, 1fr); }
    .global-hero-search.has-reset > span,
    .global-hero-search.has-reset input,
    .global-hero-search.has-reset button { width: 100%; min-width: 0; grid-column: 1 / -1 !important; }
    .global-hero-search.has-reset > span { min-height: 36px; padding: 0 11px; display: flex; align-items: center; border-bottom: 1px solid #27475d; }
    .global-hero-search.has-reset input { min-height: 43px; }
    .global-hero-search.has-reset button[type="submit"] { min-height: 41px; border-top: 1px solid #27475d; border-left: 0; }
    .global-hero-search.has-reset .search-reset { min-height: 36px; border-top: 1px solid #27475d; border-left: 0; }
    .firmware-visual { min-height: 180px; margin: 0 15px 15px; padding: 9px; }
    .firmware-visual svg { width: 100%; max-width: 100%; min-height: 145px; }
    .portal-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .portal-stats article,
    .portal-stats article:nth-child(3) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
    .portal-stats article:nth-child(2n) { border-right: 0; }
    .portal-stats article:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
    .request-type-options { grid-template-columns: 1fr; }
    .request-fields,
    .request-fields[data-request-group="other"] { grid-template-columns: 1fr; }
    .software-request-teaser { padding: 15px; }
    .software-request-copy,
    .software-request-form { padding: 15px; }
    .global-result-card { grid-template-columns: 39px minmax(0, 1fr); }
    .global-result-icon { width: 39px; height: 39px; }
    .global-result-meta { max-width: none; grid-column: 2; justify-items: start; display: flex; align-items: center; gap: 7px; text-align: left; }
    .legal-page-head { padding: 20px; }
    .legal-section-grid { grid-template-columns: 1fr; }
    .file-detail-list { grid-template-columns: 1fr; }
    .file-detail-list > div { min-height: 53px; padding: 9px 9px 9px 43px; grid-template-columns: minmax(92px, .46fr) minmax(0, 1fr); align-items: center; gap: 9px; }
    .file-detail-list dt,
    .file-detail-list dd { min-width: 0; margin: 0; overflow-wrap: anywhere; }
    .file-hero-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .file-hero-stats div { border-bottom: 1px solid #203e50; }
    .file-hero-stats div:nth-child(2n) { border-right: 0; }
    .file-hero-stats div:nth-last-child(-n+2) { border-bottom: 0; }
    .archive-detail-shell,
    .archive-detail-card,
    .archive-report-panel { width: 100%; min-width: 0; }
    .product-record-facts,
    .archive-file-meta { width: 100%; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .product-record-facts > div,
    .archive-file-meta > div { min-width: 0; min-height: 43px; border-right: 1px solid #203e50; border-bottom: 1px solid #203e50; }
    .product-record-facts > div:nth-child(2n),
    .archive-file-meta > div:nth-child(2n) { border-right: 0; }
    .product-record-facts > div:last-child,
    .archive-file-meta > div:last-child { grid-column: 1 / -1; border-right: 0; border-bottom: 0; }
    .archive-file-meta > div { min-width: 0; }
    .archive-file-meta dd,
    .archive-detail-card h1,
    .archive-original-name,
    .archive-original-name code { max-width: 100%; overflow-wrap: anywhere; word-break: break-word; }
    .archive-detail-card,
    .archive-report-panel { padding: 12px; }
    .footer-inner.footer-grid { padding-right: var(--mobile-gutter); padding-left: var(--mobile-gutter); }
    .footer-bottom { padding-right: var(--mobile-gutter); padding-left: var(--mobile-gutter); }
    .nav-panel-head { padding-right: max(var(--mobile-gutter), env(safe-area-inset-right)); padding-left: max(var(--mobile-gutter), env(safe-area-inset-left)); }
    .primary-nav { padding-right: max(var(--mobile-gutter), env(safe-area-inset-right)); padding-left: max(var(--mobile-gutter), env(safe-area-inset-left)); }
    .footer-bottom { align-items: flex-start; flex-direction: column; gap: 5px; }
}

@media (max-width: 420px) {
    .brand-copy small { max-width: 150px; }
    .software-request-teaser { grid-template-columns: 1fr; gap: 12px; }
    .software-request-teaser button { width: 100%; min-width: 0; }
    .recent-pagination { align-items: stretch; flex-direction: column; }
    .recent-pagination div { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .recent-pagination a { justify-content: center; }
    .footer-inner.footer-grid { grid-template-columns: 1fr; }
    .footer-about { grid-column: auto; }
}

@media (max-width: 340px) {
    .product-record-facts,
    .archive-file-meta { grid-template-columns: 1fr; }
    .product-record-facts > div,
    .archive-file-meta > div { grid-column: auto; border-right: 0; }
    .product-record-facts > div:last-child,
    .archive-file-meta > div:last-child { grid-column: auto; }
}

@media (max-width: 360px) {
    .firmware-visual { display: none; }
}

@media (prefers-reduced-motion: reduce) {
    .software-request-expandable,
    .software-request-teaser button i { transition: none; }
    .visual-orbit circle,
    .visual-signal,
    .visual-download,
    .visual-flow { animation: none; }
}

/* Final member header order: keep later locked frontend rules intact. */
.header-main { grid-template-columns: auto minmax(0, 1fr) auto auto; }
.footer-inner.footer-grid { grid-template-columns: minmax(220px, 1.45fr) repeat(6, minmax(105px, 1fr)); }

@media (max-width: 1120px) {
    .footer-inner.footer-grid { grid-template-columns: minmax(220px, 1.4fr) repeat(2, minmax(150px, 1fr)); }
}

@media (max-width: 860px) {
    .header-main { grid-template-columns: minmax(0, 1fr) auto auto; }
    .member-header-access { grid-column: 2; grid-row: 1; }
    .menu-toggle { grid-column: 3; grid-row: 1; }
    .footer-inner.footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 420px) {
    .footer-inner.footer-grid { grid-template-columns: 1fr; }
}

/* Policy-safe responsive AdSense placements. Units are rendered only after
   explicit admin activation and remain visually separate from downloads. */
.adsense-placement{width:min(100%,1280px);min-height:0;margin:22px auto;padding:10px;border:1px solid rgba(71,132,158,.34);background:rgba(5,18,27,.58);text-align:center;overflow:hidden;contain:layout paint}
.adsense-placement .adsense-label{display:block;margin:0 0 7px;color:#688492;font:10px/1.2 var(--mono,monospace);letter-spacing:.12em;text-transform:uppercase}
.adsense-placement .adsbygoogle{display:block;width:100%;min-width:0}
.adsense-placement[data-ad-unavailable="true"]{display:none}
@media(max-width:760px){.adsense-placement{width:calc(100% - 32px);margin:18px 16px;padding:9px}}