.route-news,
.route-news-article,
.route-patchnotes,
.route-account,
.route-admin {
    --editorial-line: #397b85;
    --editorial-teal: #76e2de;
    --editorial-gold: #f5c675;
    --editorial-dark: #061822;
    --editorial-panel: linear-gradient(145deg,#0e2933,#061822 68%);
}

.workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-heading {
    display: grid;
    grid-template-columns: minmax(0,1fr);
    align-items: center;
    min-height: clamp(175px,21vw,260px);
    border-inline-start-width: 1px;
    --page-accent: var(--editorial-teal);
}
.workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-heading-copy {
    max-width: 73%;
    padding: clamp(18px,4vw,44px);
    background: none;
}
.workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-heading h1 {
    font-size: clamp(1.75rem,4vw,3.55rem);
    color: #fff1d7;
    overflow-wrap: anywhere;
}
.workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-heading p {
    color: #e3ebec;
}
.workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-motif {
    inset: 0;
    mask-image: none;
    background: linear-gradient(90deg,#061822 4%,#061822c7 34%,#06182242 65%,transparent 95%),
        var(--editorial-heading-image) right 45% / cover no-repeat;
}
.route-news, .route-news-article { --editorial-heading-image: url('/assets/nova-news-city.webp'); }
.route-patchnotes, .route-account, .route-admin { --editorial-heading-image: url('/assets/nova-bugtracker-report.webp'); }

.route-news .news-index { display: grid; gap: 18px; align-items: start; }
.route-news .news-with-patchnotes { grid-template-columns: minmax(160px,23%) minmax(0,1fr); }
.route-news .news-patch-card {
    min-height: 280px;
    display: flex;
    flex-direction: column;
    align-items: start;
    justify-content: end;
    margin: 0;
    border-color: #9e6e3d;
    background: linear-gradient(0deg,#271d16 8%,#271d16b2 38%,transparent 78%),
        url('/assets/nova-bugtracker-report.webp') 75% top / auto 65% no-repeat, #13232b;
}
.route-news .news-patch-card h2 { margin: 0 0 10px; }
.news-index-toolbar {
    display: flex;
    justify-content: space-between;
    align-items: end;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 12px;
}
.news-index-toolbar h2 { margin: 0; }
.editorial-index { min-width: 0; }
.editorial-filter { display: flex; align-items: end; flex-wrap: wrap; gap: 10px; }
.editorial-filter label { flex: 1 1 145px; margin: 0; }
.editorial-filter select { min-width: min(160px,100%); }
.editorial-filter .button { min-height: 40px; }
.route-patchnotes .editorial-filter {
    margin: 0 0 14px;
    padding: 12px 16px;
    border-color: var(--editorial-line);
    background: var(--editorial-panel);
}
.route-patchnotes .editorial-filter label { max-width: 310px; }
.route-patchnotes .editorial-filter .button { margin-inline-start: auto; }
.editorial-index .editorial-empty {
    grid-column: 1/-1;
    min-height: clamp(245px,32vw,370px);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: end;
    padding: 24px 16px;
    border: 1px solid var(--editorial-line);
    border-radius: var(--radius);
    text-align: center;
    background: linear-gradient(0deg,#061822 6%,#06182236 52%,transparent 92%),
        url('/assets/nova-shop-sunset.webp') center 62% / cover no-repeat;
}
.editorial-index .editorial-empty h2 {
    margin: 0 0 10px;
    font-size: clamp(1.25rem,3vw,1.9rem);
    color: #fff1d7;
    text-shadow: 0 2px 12px #000;
}
.editorial-index .editorial-empty h2:last-child { margin-bottom: 0; }
.patchnotes-index .editorial-empty {
    background: linear-gradient(0deg,#061822 7%,#06182237 53%,transparent 94%),
        url('/assets/nova-bugtracker-report.webp') 72% 51% / cover no-repeat;
}
.editorial-index .news-index-grid > .card {
    border-color: var(--editorial-line);
    background: var(--editorial-panel);
}
.editorial-index .news-index-grid > .card h2 { font-size: clamp(1.25rem,3vw,1.75rem); }
.editorial-index time { color: var(--editorial-teal); }

.route-news-article .news-reading {
    grid-template-columns: minmax(145px,23%) minmax(0,1fr);
    gap: clamp(14px,3vw,24px);
    align-items: start;
}
.route-news-article .reading-body {
    grid-column: 2;
    grid-row: 1;
    min-width: 0;
    padding: clamp(16px,4vw,36px);
    border: 1px solid var(--editorial-line);
    border-radius: var(--radius);
    background: var(--editorial-panel);
}
.route-news-article .reading-nav {
    grid-column: 1;
    grid-row: 1;
    margin: 0;
    background: var(--editorial-panel);
}
.route-news-article .reading-nav.panel::after {
    background: url('/assets/reliquary-midnight-v1.png') center 53% / cover;
}
.news-article-section { margin: 0; }
.news-article-section + .news-article-section {
    margin-top: 18px;
    padding-top: 15px;
    border-top: 1px solid #a77949;
}
.news-article-section .content-block { margin: 0; min-width: 0; overflow-wrap: anywhere; }
.news-article-section .content-block h2 { color: #fff1d7; }

.route-account .account-jump,
.route-admin .admin-tabbar {
    gap: 5px;
    margin: 0 0 16px;
    padding: 5px;
    border: 1px solid var(--editorial-line);
    border-radius: var(--radius);
    background: linear-gradient(180deg,#113642,#061822);
}
.route-account .account-jump .module-tile,
.route-admin .admin-tabbar a {
    min-height: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 8px 12px;
    border: 1px solid transparent;
    border-radius: 5px;
    background: transparent;
    font-weight: 600;
    text-align: center;
}
.route-account .account-jump .module-tile[aria-current],
.route-admin .admin-tabbar a.active {
    color: #241a0d;
    background: linear-gradient(180deg,#ffe1a2,#d58e2f);
    border-color: #e8b868;
}
.route-account .account-jump .module-tile:hover,
.route-admin .admin-tabbar a:hover { border-color: var(--editorial-gold); }
.route-account .account-jump .module-tile[aria-current]:hover,
.route-admin .admin-tabbar a.active:hover { color: #241a0d; }
.route-account .account-workspace { gap: 16px; }
.route-account .account-workspace :is(.panel,details),
.route-account .account-shortcuts .module-tile,
.route-admin .admin-body :is(.panel,.editor-toolbar) {
    border-color: var(--editorial-line);
    background: var(--editorial-panel);
}
.route-account .account-workspace :is(.panel,details) { margin: 0 0 12px; }
.route-account #account-orders { border-color: #9e6e3d; }
.route-account #account-orders h2 { margin-top: 0; }
.route-account #account-orders .empty {
    display: grid;
    align-items: end;
    min-height: clamp(180px,24vw,280px);
    padding: 20px;
    border: 1px solid #9e6e3d;
    background: linear-gradient(0deg,#231c1a 5%,#0618221b 67%,transparent),
        url('/assets/nova-shop-sunset.webp') center 68% / cover no-repeat;
}
.route-account #account-orders .empty > span { display: none; }
.route-account #account-orders .empty p { margin: 0; color: #fff1d7; font-size: 1.1rem; font-weight: 600; }
.account-shortcuts { display: grid; gap: 10px; margin-bottom: 14px; }
.route-account .account-shortcuts .module-tile {
    min-height: 54px;
    padding: 12px 16px;
}
.account-shortcuts .module-tile span { color: var(--editorial-gold); }
.route-account .account-stats { margin: 10px 0 18px; gap: 10px; }

.route-admin .admin-workspace { grid-template-columns: minmax(0,1fr); gap: 0; }
.route-admin .admin-tabbar { flex-wrap: wrap; overflow: visible; }
.route-admin .admin-tabbar a { white-space: normal; }
.route-admin .editor-layout { align-items: start; gap: 15px; }
.route-admin .editor-layout .page-list {
    padding-bottom: 110px;
    background: linear-gradient(180deg,#0b252e 0%,#061822 58%,transparent 100%),
        url('/assets/nova-news-city.webp') 86% bottom / auto 155px no-repeat, var(--editorial-dark);
}
.route-admin .page-list h3, .route-admin .page-list h4 { margin: 0 0 10px; color: #fff1d7; }
.route-admin .page-list h4 { margin-top: 16px; }
.route-admin .editor-jumps a {
    margin-bottom: 4px;
    padding: 6px 9px;
    border: 1px solid #538992;
    border-radius: 4px;
}
.route-admin .editor-jumps a:first-child { border-color: #a77949; color: var(--editorial-gold); }
.route-admin .editor-main { min-width: 0; }
.route-admin #editor-title, .route-admin #editor-blocks { scroll-margin-top: 18px; }
.route-admin #editor-title h2 { margin-block: 0; }
.route-admin .editor-main :is(input,textarea,select) { border-color: #3e6f78; background: #061822; }
.route-admin .save-bar { border-color: #a77949; background: #061822f5; }

@media (max-width: 760px) {
    .workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-heading { min-height: 150px; }
    .workspace:is(.route-news,.route-news-article,.route-patchnotes,.route-account,.route-admin) .subpage-heading-copy { max-width: 88%; padding: 16px; }
    .route-news .news-with-patchnotes, .route-news-article .news-reading { grid-template-columns: minmax(0,1fr); }
    .route-news .news-patch-card { order: 1; min-height: 130px; background-position: center,right 48%; background-size: cover,auto 135%; }
    .route-news-article .reading-body, .route-news-article .reading-nav { grid-column: auto; grid-row: auto; }
    .route-news-article .reading-nav { order: -1; }
    .route-account .account-workspace { grid-template-columns: minmax(0,1fr); }
    .route-account .account-jump { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .route-admin .admin-tabbar a { flex: 1 1 110px; }
    .route-admin .editor-layout .page-list { padding-bottom: 50px; }
}
