@@ Line 69: / Line 69: @@
 /* ============================================================
-    SpiritVale: generic infobox styling (skills, passives, etc.)
+    SpiritVale Infoboxes (Skills + Passives)
+   - Shared styling for both infobox types
+   - Passives: fixed desktop width, centered contents
+   - Skills: fixed desktop max width + list wrapper panel
+   - Skills top band: NESTED TABLE version ONLY
+     (GameSkills outputs .sv-topband-cell > .sv-topband-table > .sv-type-table)
+   ========================================================== */
+/* ------------------------------------------------------------
+   Global size knobs (adjust here, everything updates)
+   ------------------------------------------------------------ */
+:root {
+    --sv-passive-width: 540px;
+    --sv-skill-width: 660px;
+    --sv-infobox-max: 620px; /* generic fallback if needed */
+}
+/* ============================================================
+) Shared base: both Skills + Passives
     ========================================================== */
@@ Line 78: / Line 96: @@
      border-spacing: 0;
      width: 100%;
-     max-width: 620px;
+     max-width: var(--sv-infobox-max);
      margin: 1.5em auto;
@@ Line 91: / Line 109: @@
 }
-/* Top "hero" row: icon+name on left, description on right */
+/* HERO row (icon+name left, description right) */
 table.spiritvale-skill-infobox > tbody > tr.spiritvale-infobox-main > th,
 table.spiritvale-skill-infobox > tbody > tr.spiritvale-infobox-main > td,
@@ Line 103: / Line 121: @@
 }
-/* Make the icon sit nicely next to the title */
+/* Icon spacing in hero row */
 table.spiritvale-skill-infobox > tbody > tr:first-child > th .image,
 table.spiritvale-passive-infobox > tbody > tr:first-child > th .image {
@@ Line 110: / Line 128: @@
 }
-/* Body rows (labels + values) */
+/* Row separators (direct children only) */
 table.spiritvale-skill-infobox > tbody > tr,
 table.spiritvale-passive-infobox > tbody > tr {
      border-bottom: 1px solid rgba(148, 163, 184, 0.4);
 }
 table.spiritvale-skill-infobox > tbody > tr:last-child,
 table.spiritvale-passive-infobox > tbody > tr:last-child {
@@ Line 121: / Line 138: @@
 }
-/* Default label cells (exclude hero row so names never clip) */
+/* Label cells (direct children only; avoids styling nested top-band tables) */
-/* NOTE: direct-child selectors prevent nested tables (top-band/type tables) from inheriting these rules */
 table.spiritvale-skill-infobox > tbody > tr:not(.spiritvale-infobox-main) > th:not(.spiritvale-infobox-section-header),
 table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > th:not(.spiritvale-infobox-section-header) {
@@ Line 132: / Line 148: @@
 }
-/* Default value cells (direct children only) */
+/* Value cells (direct children only) */
 table.spiritvale-skill-infobox > tbody > tr > td,
 table.spiritvale-passive-infobox > tbody > tr > td {
@@ Line 139: / Line 155: @@
 }
-/* Zebra striping for readability (direct children only) */
+/* Zebra striping (direct children only) */
 table.spiritvale-skill-infobox > tbody > tr:nth-child(odd) > td,
 table.spiritvale-skill-infobox > tbody > tr:nth-child(odd) > th:not(.spiritvale-infobox-section-header),
@@ Line 147: / Line 163: @@
 }
-/* Section headers inside infobox (e.g. "General", "Type", "Mechanics") */
+/* Section headers (Requirements / Mechanics / etc.) */
 .spiritvale-infobox-section-header {
      background: linear-gradient(135deg, #5a4e7c, #372b54);
@@ Line 158: / Line 174: @@
 }
-/* Left side: icon + name */
+/* Hero content helpers */
 .spiritvale-infobox-main-left-inner {
      display: flex;
@@ Line 172: / Line 188: @@
 }
-/* Right side: big italic description */
 .spiritvale-infobox-main-right-inner {
      display: flex;
@@ Line 188: / Line 203: @@
 /* ============================================================
-    SpiritVale: Passives
+) Passives (stable, consistent tooltip layout)
-   - Fixed, consistent desktop width
-   - Centered body cells
-   - Mobile hero stays side-by-side (no stacking)
     ========================================================== */
-/* Desktop tooltip width knob */
-:root { --sv-passive-width: 540px; }
-/* Consistent tooltip footprint for ALL passives (desktop) */
 table.spiritvale-passive-infobox {
      width: var(--sv-passive-width);
@@ Line 205: / Line 213: @@
 }
-/* Keep hero row healthy: allow wrapping in the hero title area */
+/* Hero column balance */
 table.spiritvale-passive-infobox > tbody > tr.spiritvale-infobox-main > th {
      width: 42%;
@@ Line 214: / Line 222: @@
 }
-/* Center + wrap ALL non-hero rows */
+/* Center + wrap all non-hero rows */
 table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > th,
 table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main) > td {
@@ Line 224: / Line 232: @@
 }
-/* Allow label column to wrap (generic CSS defaults it to nowrap) */
+/* Let passive labels wrap */
 table.spiritvale-passive-infobox > tbody > tr:not(.spiritvale-infobox-main)
 > th:not(.spiritvale-infobox-section-header) {
@@ Line 230: / Line 238: @@
 }
-/* Center section headers for passives */
+/* Passive section headers centered */
 table.spiritvale-passive-infobox .spiritvale-infobox-section-header {
      text-align: center;
 }
-/* Prevent description max-width from pushing weird layout at small widths */
+/* Passive description never forces odd layout */
 table.spiritvale-passive-infobox .spiritvale-infobox-description {
      max-width: 100%;
@@ Line 242: / Line 250: @@
 }
-/* Passive list layout */
+/* Passive list layout (stacked, centered) */
 .spiritvale-passive-list {
      display: flex;
@@ Line 250: / Line 258: @@
 }
-/* Citizen/table wrappers: remove the “mystery outline” around some passives in lists */
+/* Remove Citizen wrapper borders/spacing around passive tables in lists */
 .spiritvale-passive-list .mw-table-wrapper,
 .spiritvale-passive-list .table-overflow,
@@ Line 262: / Line 270: @@
 }
-/* Mobile / portrait / small tablets (Citizen): keep hero row side-by-side */
+/* Mobile/portrait: keep passive hero row side-by-side */
 @media (max-width: 768px) {
      body.skin-citizen table.spiritvale-passive-infobox {
@@ Line 315: / Line 323: @@
 /* ============================================================
-    SpiritVale: Skills
+) Skills
-    - Fixed max width (no min width)
+    - Single skill: fixed desktop max width
-    - List-mode uses ONE wrapper panel (table-like)
+    - List mode: ONE wrapper panel with dividers
-    - Top band (Level Select + Type) centered + balanced
+    - Top band: nested-table version ONLY
     ========================================================== */
-/* Desktop width knob for skills */
+/* Single-skill width */
-:root { --sv-skill-width: 660px; } /* tweak as desired */
-/* Single-skill (normal) */
 table.spiritvale-skill-infobox {
      width: 100%;
@@ Line 332: / Line 337: @@
 }
-/* =========================
+/* List wrapper: flush, “pop” border, no background */
-   List-mode wrapper (ONE panel)
-   ========================= */
-/* =========================
-   List-mode wrapper (ONE panel) — flush/no outer spacing
-   ========================= */
 .sv-skill-collection {
      width: 100%;
-     max-width: 100%;                /* fill the available content width */
+     max-width: var(--sv-skill-width);   /* keeps wrapper aligned to skill width */
-     margin: 1px auto !important;     /* basically “no spacing” (tiny so border isn’t clipped) */
+     margin: 0 auto !important;          /* remove extra spacing around wrapper */
      padding: 0 !important;
-     border: 2px solid #372b54;       /* “pop” */
+     border: 2px solid #372b54;
      border-radius: 10px;
      box-shadow: 0 2px 6px rgba(0,0,0,0.25);
+    background: transparent !important;
-    background: transparent !important;  /* no background */
      overflow: hidden;
      display: block !important;
 }
-/* Neutralize Citizen/table wrappers so everything aligns flush */
+/* Neutralize Citizen wrappers inside the skill collection */
 .sv-skill-collection .mw-table-wrapper,
 .sv-skill-collection .table-overflow,
@@ Line 368: / Line 365: @@
 }
-/* Every skill table inside the wrapper becomes "row-like" */
+/* In list mode, each skill becomes a “row” inside the wrapper */
 .sv-skill-collection table.spiritvale-skill-infobox {
      width: 100%;
@@ Line 379: / Line 376: @@
 }
-/* Divider between skills (works even if Citizen wraps each table) */
+/* Divider between skills */
 .sv-skill-collection > * + * {
      border-top: 1px solid rgba(148, 163, 184, 0.25);
 }
-/* =========================
+/* -------------------------
-    Skill top band (Level + Type)
+    Skill top band (nested-table)
-    ========================= */
+    ------------------------- */
 table.spiritvale-skill-infobox .sv-topband-cell {
@@ Line 394: / Line 391: @@
          rgba(90, 78, 124, 0.55),
          rgba(55, 43, 84, 0.55)
-     ) !important; /* beat zebra */
+     ) !important;
 }
-/* Two-column band */
+/* Inner 2-column table must fully fill the cell */
-table.spiritvale-skill-infobox .sv-skill-topband {
+table.spiritvale-skill-infobox .sv-topband-table {
-     display: grid;
+     width: 100% !important;
-     grid-template-columns: 1fr 1fr;
+    max-width: 100% !important;
-     align-items: stretch;
+    margin: 0 !important;
+     border: 0 !important;
+    border-collapse: collapse !important;
+    border-spacing: 0 !important;
+     table-layout: fixed;
+    background: transparent !important;
 }
-/* Left/right panels */
+/* Two halves of the top band */
-table.spiritvale-skill-infobox .sv-topband-left,
+table.spiritvale-skill-infobox .sv-topband-table > tbody > tr > td {
-table.spiritvale-skill-infobox .sv-topband-right {
+     width: 50%;
-     padding: 0.75em 0.9em;
+     padding: 0 !important; /* padding goes inside the blocks below */
-    display: flex;
+     vertical-align: middle;
-     align-items: center;
-     justify-content: center;
 }
-table.spiritvale-skill-infobox .sv-topband-left {
+table.spiritvale-skill-infobox .sv-topband-table > tbody > tr > td:first-child {
      border-right: 1px solid rgba(148, 163, 184, 0.25);
 }
-/* Level UI: center the whole block so it doesn't hug the left edge */
+/* Left: Level Select block fills the entire half */
 table.spiritvale-skill-infobox .sv-level-ui {
      width: 100%;
-     max-width: 280px;      /* keeps it centered + avoids wide empty right space */
+     margin: 0 !important;
-     margin: 0 auto;
+     padding: 0.75em 0.9em;
      display: flex;
      flex-direction: column;
@@ Line 427: / Line 429: @@
 }
+/* (Re-using the same title/label classes is fine) */
 table.spiritvale-skill-infobox .sv-level-title {
      font-weight: 700;
@@ Line 441: / Line 444: @@
 table.spiritvale-skill-infobox .sv-level-slider input[type="range"] {
      width: 100%;
+    box-sizing: border-box;
 }
-/* Type list: center the list block within the right half */
+/* Right: Type table fills the entire half */
-table.spiritvale-skill-infobox .sv-type-box {
+table.spiritvale-skill-infobox .sv-type-table {
-     width: 100%;
+     width: 100% !important;
-     max-width: 320px;      /* centers it; reduces “dead space” on the right */
+     margin: 0 !important;
-     margin: 0 auto;
+     padding: 0.75em 0.9em;
-     display: flex;
+     border: 0 !important;
-     flex-direction: column;
+     border-collapse: collapse !important;
-     gap: 0.55em;
+     background: transparent !important;
 }
-table.spiritvale-skill-infobox .sv-type-row {
+table.spiritvale-skill-infobox .sv-type-table th,
-     display: grid;
+table.spiritvale-skill-infobox .sv-type-table td {
-     grid-template-columns: auto 1fr;
+     background: transparent !important;
-     column-gap: 0.9em;
+     padding: 0.2em 0;
-     align-items: baseline;
+     text-align: left;
+     vertical-align: top;
 }
-table.spiritvale-skill-infobox .sv-type-key {
+table.spiritvale-skill-infobox .sv-type-table th {
      font-weight: 700;
      white-space: nowrap;
-}
+     padding-right: 0.9em;
-table.spiritvale-skill-infobox .sv-type-val {
-     overflow-wrap: anywhere;
-    word-break: break-word;
 }
 /* Mobile: stack Level + Type */
 @media (max-width: 560px) {
-     table.spiritvale-skill-infobox .sv-skill-topband {
+     table.spiritvale-skill-infobox .sv-topband-table > tbody > tr > td {
-         grid-template-columns: 1fr;
+         display: block;
+        width: 100%;
      }
-     table.spiritvale-skill-infobox .sv-topband-left {
+     table.spiritvale-skill-infobox .sv-topband-table > tbody > tr > td:first-child {
          border-right: none;
          border-bottom: 1px solid rgba(148, 163, 184, 0.25);
      }
-    table.spiritvale-skill-infobox .sv-level-ui,
-    table.spiritvale-skill-infobox .sv-type-box {
-        max-width: 100%;
-    }
-}
-/* =========================================
-   FIX: Skill top band nested tables must fill the cell
-   (GameSkills uses .sv-topband-table + .sv-type-table)
-   ========================================= */
-table.spiritvale-skill-infobox .sv-topband-table {
-    width: 100% !important;
-    max-width: 100% !important;
-    margin: 0 !important;
-    padding: 0 !important;
-    border: 0 !important;
-    border-collapse: collapse !important;
-    border-spacing: 0 !important;
-    table-layout: fixed;
-    background: transparent !important;
-    display: table !important;
-}
-table.spiritvale-skill-infobox .sv-topband-table > tbody > tr > td {
-    width: 50%;
-    padding: 0.75em 0.9em;
-    vertical-align: middle;
-}
-table.spiritvale-skill-infobox .sv-topband-table > tbody > tr > td:first-child {
-    border-right: 1px solid rgba(148, 163, 184, 0.25);
-}
-/* Keep the type table from picking up wikitable quirks */
-table.spiritvale-skill-infobox .sv-type-table {
-    width: 100%;
-    margin: 0 !important;
-    border: 0 !important;
-    border-collapse: collapse !important;
-    background: transparent !important;
 }