.workspace { max-width: 1440px; padding-top: 28px; }
.workspace > .hero { padding: 12px 0 28px; margin-bottom: 20px; border-bottom: 1px solid var(--line); }
.workspace > .hero h1 { margin: 8px 0; font-size: clamp(2rem, 3.5vw, 3.2rem); max-width: 28ch; }
.workspace > .hero p { margin: 10px 0 0; max-width: 65ch; font-size: 1rem; }
.workspace .content-grid:empty { display: none; }
.auth-workspace { display: grid; grid-template-columns: minmax(0, 1fr) minmax(340px, 1fr); min-height: 650px; margin: 12px 0 40px; border: 1px solid var(--line); border-radius: 10px; overflow: hidden; }
.auth-art { background: linear-gradient(0deg, #03141e55, transparent), url('/assets/nova-hero.png') 75% center/cover; }
.auth-task { padding: clamp(26px, 4vw, 64px); align-self: center; }
.auth-task h1 { font-size: clamp(2rem,3vw,3rem); margin: 0 0 25px; }
.auth-task .auth { padding: 0; border: 0; background: transparent; max-width: none; margin: 0; }
.auth-task form .button { width: 100%; margin-top: 10px; }
.auth-task .muted { margin-top: 24px; }
.auth-help { display: inline-block; margin-top: 18px; color: var(--muted); }
.shop-workspace { display: grid; grid-template-columns: 230px minmax(0, 1fr); gap: 28px; align-items: start; }
.shop-filters { position: sticky; top: 24px; }
.shop-filters .panel { padding: 22px; margin: 0; }
.shop-filters label { display: block; }
.shop-catalog { min-width: 0; }
.shop-catalog .section-heading { margin-top: 0; }
.shop-catalog .section-heading a { display: none; }
.shop-catalog .cards { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.shop-catalog .product { display: flex; flex-direction: column; }
.shop-catalog .product .card-bottom { margin-top: auto; }
.account-workspace { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(300px,1fr); gap: 28px; align-items: start; }
.account-activity, .account-settings { min-width: 0; }
.account-workspace .panel { margin: 0 0 22px; }
.account-workspace .auth { max-width: none; }
.account-workspace h2 { font-size: 1.5rem; }
.account-settings form { margin-bottom: 12px; }
.account-workspace details { padding: 18px 22px; margin-bottom: 16px; border: 1px solid var(--line); background: #09212e; border-radius: 7px; }
.account-workspace summary { cursor: pointer; font-size: 1.05rem; font-weight: 600; }
.account-workspace details[open] summary { margin-bottom: 20px; }
.reading-workspace { display: grid; grid-template-columns: minmax(0, 760px) 240px; justify-content: space-between; gap: 60px; }
.reading-body { font-size: 1.08rem; line-height: 1.9; }
.reading-body h2 { margin-top: 1.6em; font-size: 1.75rem; }
.reading-body > div { scroll-margin-top: 24px; }
.reading-body > div:first-child h2 { margin-top: 0; }
.reading-body .callout { font-size: .98rem; }
.reading-body img { width: 100%; border-radius: 8px; }
.reading-nav { align-self: start; position: sticky; top: 25px; padding-left: 22px; border-left: 1px solid var(--line); }
.reading-nav nav { display: grid; gap: 15px; margin-bottom: 28px; }
.reading-nav > a { display: block; margin-bottom: 12px; color: var(--muted); }
.admin-workspace { display: grid; grid-template-columns: 175px minmax(0, 1fr); gap: 25px; align-items: start; }
.admin-workspace > .tabs { flex-direction: column; position: sticky; top: 20px; gap: 4px; overflow: visible; border: 0; padding: 0; }
.admin-workspace > .tabs a { padding: 12px 14px; border-radius: 5px; }
.admin-workspace > .tabs a.active { background: #173949; color: var(--gold); }
.admin-body { min-width: 0; }
.admin-body .editor-layout { grid-template-columns: 195px minmax(0, 1fr); }
.admin-body .page-list { padding: 18px; }
.admin-body .editor-toolbar { flex-wrap: wrap; }
.route-news > .panel, .route-patchnotes > .panel { background: transparent; padding: 0; border: 0; }
.route-news .news-articles { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.news-index-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
.news-index-grid > article { margin: 0; padding: 28px; }
.route-news .news-articles article { min-height: 190px; padding: 26px; }
.route-news .news-articles article h2, .route-news .news-articles article h3 { font-size: 1.65rem; }
.route-news form, .route-patchnotes form { display: flex; gap: 14px; align-items: end; flex-wrap: wrap; margin-bottom: 30px; }
.route-news form label, .route-patchnotes form label { flex: 0 1 230px; }
.bug-workspace { display: grid; grid-template-columns: minmax(0,1.8fr) minmax(280px,1fr); gap: 26px; align-items: start; }
.bug-workspace > .panel { min-width: 0; margin-top: 0; }
.bug-workspace > .panel:last-child { position: sticky; top: 20px; }
.bug-workspace form { margin-bottom: 15px; }
.bug-workspace ul { padding-left: 20px; }
.bug-workspace li { padding: 15px 0; border-bottom: 1px solid var(--line); }
.bug-workspace li a { font-weight: 600; }
.bug-workspace article { padding-block: 12px; border-bottom: 1px solid var(--line); }
.bug-workspace article p:last-child { white-space: normal; }
.bug-workspace-detail > p { grid-column: 1/-1; margin: 0; }
.bug-workspace-detail > .panel:nth-of-type(1) { grid-column: 2; grid-row: 2; }
.bug-workspace-detail > .panel:nth-of-type(2) { grid-column: 1; grid-row: 2/span 2; }
.bug-workspace-detail > .panel:nth-of-type(3) { grid-column: 2; }
@media(max-width:1100px) {
    .shop-catalog .cards { grid-template-columns: repeat(2,minmax(0,1fr)); }
    .admin-body .editor-layout { grid-template-columns: minmax(0,1fr); }
    .admin-body .page-list { max-height: 220px; overflow: auto; }
}
@media(max-width:760px) {
    .workspace { padding-top: 16px; }
    .auth-workspace, .account-workspace, .shop-workspace, .reading-workspace, .bug-workspace, .admin-workspace { grid-template-columns: minmax(0,1fr); gap: 20px; }
    .auth-workspace { min-height: 0; }
    .auth-art { height: 160px; background-position: 70% 32%; }
    .auth-task { padding: 24px; }
    .shop-filters, .reading-nav, .bug-workspace > .panel:last-child { position: static; }
    .shop-filters .panel { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
    .shop-filters .button { grid-column: 1/-1; }
    .reading-nav { order: -1; padding: 0 0 18px; border-left: 0; border-bottom: 1px solid var(--line); }
    .reading-nav nav { display: flex; gap: 14px; flex-wrap: wrap; margin: 0; }
    .reading-nav > a { display: inline-block; margin: 12px 14px 0 0; }
    .admin-workspace > .tabs { position: static; flex-direction: row; flex-wrap: wrap; }
    .route-news .news-articles { grid-template-columns: minmax(0,1fr); }
    .news-index-grid { grid-template-columns: minmax(0,1fr); }
    .bug-workspace-detail > .panel:nth-of-type(n) { grid-column: auto; grid-row: auto; }
}
@media(max-width:440px) {
    .shop-catalog .cards { grid-template-columns: minmax(0,1fr); }
}
