.wiki-shell { display: grid; grid-template-columns: 16rem minmax(0, 1fr); gap: clamp(2rem, 5vw, 5rem); align-items: start; padding-block: var(--space-8) var(--space-16); }
.wiki-sidebar { position: sticky; top: 6rem; max-height: calc(100vh - 7rem); overflow: auto; padding-right: var(--space-4); scrollbar-width: thin; }
.wiki-sidebar-home { display: block; margin-bottom: var(--space-4); color: var(--color-gold); font-weight: 800; text-decoration: none; }
.wiki-sidebar section { margin-bottom: var(--space-4); }
.wiki-sidebar section h2 { margin: 0 0 var(--space-2); color: var(--color-text-subtle); font-family: var(--font-body); font-size: .72rem; letter-spacing: .11em; text-transform: uppercase; }
.wiki-sidebar section a { display: block; padding: .35rem .55rem; border-left: 2px solid transparent; color: var(--color-text-secondary); font-size: var(--step--1); line-height: 1.35; text-decoration: none; }
.wiki-sidebar section a:hover, .wiki-sidebar section a[aria-current="page"] { border-left-color: var(--color-purple-primary); background: rgba(155, 93, 229, .08); color: var(--color-text-primary); }
.wiki-mobile-categories { display: none; }
.wiki-quick-search { margin-bottom: var(--space-6); }
.wiki-quick-search label { display: block; margin-bottom: .3rem; color: var(--color-text-secondary); font-size: .72rem; font-weight: 750; }
.wiki-quick-search div { display: grid; grid-template-columns: minmax(0, 1fr) auto; }
.wiki-quick-search input { min-width: 0; padding: .55rem; border: 1px solid var(--color-border); border-radius: var(--radius-sm) 0 0 var(--radius-sm); background: var(--color-bg-primary); color: var(--color-text-primary); }
.wiki-quick-search button { border: 1px solid var(--color-border-strong); border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--color-surface-elevated); color: var(--color-text-primary); font-size: .72rem; font-weight: 800; }
.wiki-article { min-width: 0; max-width: 58rem; }
.wiki-breadcrumb { display: flex; flex-wrap: wrap; gap: var(--space-2); margin-bottom: var(--space-8); color: var(--color-text-subtle); font-size: var(--step--1); }
.wiki-breadcrumb a { color: var(--color-text-secondary); }
.wiki-article-header { padding-bottom: var(--space-8); border-bottom: 1px solid var(--color-border); }
.wiki-article-header h1 { max-width: 18ch; }
.wiki-article-header > p { max-width: 46rem; font-size: var(--step-1); }
.wiki-verified { display: flex; flex-wrap: wrap; gap: var(--space-2) var(--space-4); color: var(--color-text-subtle); font-size: var(--step--1); }
.wiki-verified span { color: var(--color-success); font-weight: 800; }
.wiki-toc { display: grid; gap: var(--space-2); margin-block: var(--space-8); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-secondary); }
.wiki-toc strong { color: var(--color-gold); font-size: var(--step--1); }
.wiki-toc a { width: fit-content; color: var(--color-text-secondary); font-size: var(--step--1); }
.wiki-section { padding-block: var(--space-8); border-bottom: 1px solid var(--color-border); scroll-margin-top: 6rem; }
.wiki-section h2 { font-size: var(--step-2); }
.wiki-section h3 { margin-top: var(--space-6); }
.wiki-section :is(p, li) { max-width: 48rem; }
.wiki-section li + li { margin-top: var(--space-2); }
.wiki-section code, .wiki-command-table code { padding: .13rem .38rem; border: 1px solid var(--color-border); border-radius: .3rem; background: #0e0b13; color: #e4c4ff; font-family: var(--font-mono); font-size: .88em; }
.wiki-note { display: grid; gap: var(--space-2); margin-top: var(--space-4); padding: var(--space-4); border-left: 3px solid var(--color-gold); background: var(--color-surface); }
.wiki-note strong { color: var(--color-gold); }
.wiki-note p { margin: 0; }
.wiki-card-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-4); }
.wiki-card { min-width: 0; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.wiki-card--link { position: relative; color: inherit; text-decoration: none; }
.wiki-card--link::before { position: absolute; inset: 0 auto 0 0; width: 3px; border-radius: var(--radius-md) 0 0 var(--radius-md); background: var(--job-color, var(--color-purple-primary)); content: ""; }
.wiki-card--link:hover { border-color: var(--color-border-strong); background: var(--color-surface-hover); }
.wiki-card--link > span:last-child { color: var(--color-gold); font-size: var(--step--1); font-weight: 800; }
.wiki-card p { margin-bottom: var(--space-4); }
.wiki-kicker { color: var(--color-gold); font-size: .72rem; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.wiki-job-icon { display: inline-grid; width: 3rem; aspect-ratio: 1; margin-bottom: var(--space-3); border: 1px solid color-mix(in srgb, var(--job-color) 58%, var(--color-border)); border-radius: 50%; place-items: center; background: color-mix(in srgb, var(--job-color) 12%, transparent); font-size: 1.35rem; }
.wiki-job-hero { display: grid; grid-template-columns: auto 1fr; gap: var(--space-6); margin-block: var(--space-8); padding: var(--space-6); border: 1px solid var(--color-border); border-left: 4px solid var(--job-color); border-radius: var(--radius-md); background: linear-gradient(110deg, color-mix(in srgb, var(--job-color) 12%, transparent), var(--color-surface)); }
.wiki-job-hero .wiki-job-icon { width: 4rem; margin: 0; }
.wiki-job-hero h2 { margin-block: var(--space-2); font-size: var(--step-2); }
.wiki-job-hero p:last-child { margin-bottom: 0; }
.wiki-ability-list { display: grid; gap: var(--space-4); }
.wiki-ability { scroll-margin-top: 6rem; padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); }
.wiki-ability h3 { margin-block: var(--space-2); }
.wiki-ability dl { display: grid; gap: var(--space-2); margin-block: var(--space-4); }
.wiki-ability dl > div { display: grid; grid-template-columns: 6rem 1fr; gap: var(--space-3); }
.wiki-ability dt { color: var(--color-text-subtle); font-size: var(--step--1); font-weight: 800; }
.wiki-ability dd { margin: 0; overflow-wrap: anywhere; color: var(--color-text-primary); }
.wiki-ability dd small { display: block; color: var(--color-text-subtle); }
.wiki-table-wrap { width: 100%; overflow-x: auto; border: 1px solid var(--color-border); border-radius: var(--radius-md); }
.wiki-table-wrap table { width: 100%; border-collapse: collapse; min-width: 42rem; background: var(--color-surface); font-size: var(--step--1); }
.wiki-table-wrap :is(th, td) { padding: .8rem 1rem; border-bottom: 1px solid var(--color-border); text-align: left; vertical-align: top; }
.wiki-table-wrap thead th { position: sticky; top: 0; background: var(--color-surface-elevated); color: var(--color-text-primary); }
.wiki-table-wrap tbody th { color: var(--color-text-primary); }
.wiki-table-wrap tbody td { color: var(--color-text-secondary); }
.wiki-command-filters { display: grid; grid-template-columns: 2fr 1fr; gap: var(--space-4); }
.wiki-filter-status { margin-block: var(--space-3) 0; color: var(--color-text-subtle); font-size: var(--step--1); }
.wiki-command-table small { display: block; margin-top: .25rem; color: var(--color-text-subtle); }
.matrix-yes { color: var(--color-success); font-weight: 850; }
.matrix-no { color: var(--color-text-subtle); }
.status-pill { display: inline-block; padding: .15rem .5rem; border-radius: 999px; font-size: .72rem; font-weight: 800; }
.status-pill--active { background: rgba(95, 203, 148, .12); color: var(--color-success); }
.status-pill--limited { background: rgba(225, 173, 84, .12); color: var(--color-warning); }
.wiki-lead-image { margin: var(--space-8) 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: var(--color-surface); }
.wiki-atlas-crop { position: relative; aspect-ratio: 4 / 3; margin: var(--space-8) 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-lg); background: #08070b; }
.wiki-atlas-crop img { position: absolute; top: 0; left: 0; width: 300%; max-width: none; height: 200%; object-fit: fill; }
.wiki-atlas-crop--c1-r0 img { left: -100%; }
.wiki-atlas-crop--c2-r0 img { left: -200%; }
.wiki-atlas-crop--c0-r1 img { top: -100%; }
.wiki-atlas-crop--c1-r1 img { top: -100%; left: -100%; }
.wiki-atlas-crop--c2-r1 img { top: -100%; left: -200%; }
.wiki-atlas-crop figcaption { position: absolute; right: var(--space-3); bottom: var(--space-3); padding: .25rem .55rem; border-radius: 999px; background: rgba(9,8,13,.8); color: var(--color-text-secondary); font-size: .68rem; backdrop-filter: blur(8px); }
.wiki-lead-image img { width: 100%; max-height: 31rem; object-fit: contain; background: #08070b; }
.wiki-lead-image figcaption, .wiki-gallery figcaption { padding: var(--space-2) var(--space-3); color: var(--color-text-subtle); font-size: .72rem; }
.wiki-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-4); }
.wiki-gallery figure { margin: 0; overflow: hidden; border: 1px solid var(--color-border); border-radius: var(--radius-md); background: #08070b; }
.wiki-gallery img { width: 100%; aspect-ratio: 1; object-fit: contain; }
.wiki-article-footer { padding-top: var(--space-8); }
.wiki-prev-next { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-4); }
.wiki-prev-next a { display: grid; padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-md); color: var(--color-text-primary); font-weight: 750; text-decoration: none; }
.wiki-prev-next a[rel="next"] { text-align: right; }
.wiki-prev-next small { color: var(--color-text-subtle); font-weight: 500; }
.wiki-article-footer > section { margin-top: var(--space-8); }
.wiki-article-footer > section h2 { font-size: var(--step-2); }
.wiki-related { display: grid; grid-template-columns: repeat(3, 1fr); gap: var(--space-3); }
.wiki-related a { display: grid; gap: var(--space-2); padding: var(--space-4); border: 1px solid var(--color-border); border-radius: var(--radius-sm); text-decoration: none; }
.wiki-related a:hover { background: var(--color-surface); }
.wiki-related span { color: var(--color-text-subtle); font-size: var(--step--1); }

.wiki-index-hero { padding-block: var(--space-16); border-bottom: 1px solid var(--color-border); background: radial-gradient(circle at 70% 20%, rgba(155,93,229,.18), transparent 28rem), var(--color-bg-secondary); }
.wiki-index-hero h1 { max-width: 18ch; }
.wiki-index-hero > .shell > p { max-width: 45rem; font-size: var(--step-1); }
.wiki-search { position: relative; max-width: 48rem; margin-top: var(--space-8); }
.wiki-search label { display: block; margin-bottom: var(--space-2); color: var(--color-text-primary); font-weight: 800; }
.wiki-search > div:not(.wiki-search-results) { display: grid; grid-template-columns: 1fr auto; }
.wiki-search input { min-width: 0; padding: .9rem 1rem; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm) 0 0 var(--radius-sm); background: var(--color-bg-primary); color: var(--color-text-primary); }
.wiki-search button { padding-inline: var(--space-6); border: 0; border-radius: 0 var(--radius-sm) var(--radius-sm) 0; background: var(--color-purple-action); color: white; font-weight: 800; }
.wiki-search-results { position: absolute; z-index: 10; right: 0; left: 0; max-height: 26rem; overflow: auto; border: 1px solid var(--color-border-strong); border-radius: var(--radius-sm); background: var(--color-surface-elevated); box-shadow: var(--shadow-elevated); }
.wiki-search-results a { display: grid; gap: .15rem; padding: var(--space-3) var(--space-4); border-bottom: 1px solid var(--color-border); text-decoration: none; }
.wiki-search-results a:hover { background: var(--color-surface-hover); }
.wiki-search-results small { color: var(--color-gold); }
.wiki-search-results span { color: var(--color-text-subtle); font-size: var(--step--1); }
.wiki-start-links { display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-6); }
.wiki-start-links a { color: var(--color-gold); font-size: var(--step--1); font-weight: 800; }
.wiki-index { display: grid; gap: var(--space-12); padding-block: var(--space-16); }
.wiki-index-group h2 { font-size: var(--step-2); }
.wiki-index-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-4); }
.wiki-index-card { display: grid; gap: var(--space-2); min-width: 0; padding: var(--space-5, 1.25rem); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-surface); text-decoration: none; }
.wiki-index-card:hover { border-color: var(--color-purple-primary); background: var(--color-surface-hover); }
.wiki-index-card span { color: var(--color-text-subtle); font-size: var(--step--1); }
.wiki-trust { margin-bottom: var(--space-16); padding: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-md); background: var(--color-bg-secondary); }
.wiki-trust strong { color: var(--color-success); }
.wiki-trust p { margin: var(--space-2) 0 0; }

@media (max-width: 64rem) {
  .wiki-shell { grid-template-columns: 13rem minmax(0, 1fr); gap: var(--space-8); }
  .wiki-index-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .wiki-related { grid-template-columns: 1fr; }
}
@media (max-width: 48rem) {
  .wiki-shell { display: block; padding-top: var(--space-4); }
  .wiki-sidebar { position: static; max-height: none; padding: 0; }
  .wiki-desktop-categories { display: none; }
  .wiki-mobile-categories { display: block; margin-bottom: var(--space-6); border: 1px solid var(--color-border); border-radius: var(--radius-sm); background: var(--color-surface); }
  .wiki-mobile-categories summary { padding: var(--space-3) var(--space-4); font-weight: 800; }
  .wiki-mobile-categories > div { padding: 0 var(--space-4) var(--space-4); }
  .wiki-breadcrumb { margin-top: var(--space-6); }
  .wiki-command-filters { grid-template-columns: 1fr; }
  .wiki-gallery { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 36rem) {
  .wiki-card-grid, .wiki-index-grid, .wiki-prev-next, .wiki-gallery { grid-template-columns: 1fr; }
  .wiki-job-hero { grid-template-columns: 1fr; }
  .wiki-search > div:not(.wiki-search-results), .wiki-quick-search div { grid-template-columns: 1fr; gap: var(--space-2); }
  .wiki-search :is(input, button), .wiki-quick-search :is(input, button) { min-height: 2.9rem; border-radius: var(--radius-sm); }
  .wiki-ability dl > div { grid-template-columns: 1fr; gap: 0; }
}
