/* Copied unchanged from Ham_Sandwiches_Editorial_Redesign.html (Nov 14, 11:58 AM). Do not edit; put overrides in site.css. */

    :root {
      /* NEUTRAL SLATE THEME — LETS YOUR TEAM LOGO PROVIDE THE COLOR */
      --accent-primary: #1E293B;
      --accent-soft: #F1F5F9;
      --accent-border: #CBD5E1;

      --bg-page: #F8FAFC;
      --surface-white: #FFFFFF;
      --surface-subtle: #F1F5F9;
      --ink-primary: #0F172A;
      --ink-secondary: #475569;
      --ink-muted: #64748B;
      --border-light: #E2E8F0;
      --border-medium: #CBD5E1;

      /* Rich Metallic Championship Gold */
      --gold-deep: #854D0E;
      --gold-metallic: #C59B27;
      --gold-bg: #FBF6E6;
      --gold-bg-strong: #F5E8C2;
      --gold-border: #D4AF37;

      /* World Series Runner-Up Silver */
      --silver-text: #1E293B;
      --silver-bg: #F1F5F9;
      --silver-border: #94A3B8;

      /* Vintage Baseball Card Back Palette */
      --card-stock: #F7F1E1;
      --card-stock-dark: #EBE1C8;
      --card-ink: #1C1917;
      --card-red: #991B1B;
      --card-navy: #1E3A5F;
      --card-border: #78350F;
    }

    * {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }

    body {
      background-color: var(--bg-page);
      color: var(--ink-primary);
      font-family: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, sans-serif;
      line-height: 1.5;
      -webkit-font-smoothing: antialiased;
      padding: 28px 16px 72px;
    }

    .container {
      max-width: 1060px;
      margin: 0 auto;
    }

    .font-display {
      font-family: 'Barlow Condensed', sans-serif;
      text-transform: uppercase;
      letter-spacing: 0.02em;
    }

    /* Image Placeholders */
    .img-slot {
      background-color: var(--surface-subtle);
      border: 1.5px dashed var(--border-medium);
      border-radius: 10px;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: var(--ink-muted);
      font-size: 0.72rem;
      font-weight: 700;
      letter-spacing: 0.04em;
      padding: 8px;
    }

    .img-slot span {
      font-size: 0.62rem;
      font-weight: 500;
      opacity: 0.85;
      margin-top: 3px;
    }

    /* 1. CLUBHOUSE HERO CARD */
    .clubhouse-hero {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-top: 4px solid var(--accent-primary);
      border-radius: 16px;
      padding: 32px;
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 32px;
      align-items: center;
      box-shadow: 0 4px 20px -2px rgba(15, 23, 42, 0.05);
      margin-bottom: 18px;
    }

    .brand-lockup {
      display: flex;
      align-items: center;
      gap: 24px;
    }

    .logo-frame {
      width: 116px;
      height: 116px;
      border-radius: 16px;
      background: var(--bg-page);
      border: 1px solid var(--border-light);
      padding: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .logo-frame img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .league-eyebrow {
      display: inline-block;
      background: var(--surface-subtle);
      color: var(--ink-secondary);
      border: 1px solid var(--border-light);
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      padding: 3px 10px;
      border-radius: 6px;
      margin-bottom: 8px;
    }

    .team-name {
      font-size: 3.25rem;
      font-weight: 800;
      font-style: italic;
      line-height: 0.96;
      color: var(--ink-primary);
      margin-bottom: 12px;
    }

    .manager-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 12px;
      font-size: 0.85rem;
      color: var(--ink-secondary);
    }

    .manager-chip {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      background: var(--surface-subtle);
      border: 1px solid var(--border-light);
      padding: 4px 12px;
      border-radius: 999px;
      color: var(--ink-primary);
      font-weight: 600;
    }

    /* Hardware Showcase */
    .hardware-panel {
      background: var(--bg-page);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 18px 22px;
      text-align: right;
    }

    .hardware-label {
      font-size: 0.68rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.1em;
      color: var(--ink-muted);
      margin-bottom: 10px;
    }

    .trophy-list {
      display: flex;
      gap: 10px;
      justify-content: flex-end;
      margin-bottom: 10px;
    }

    .trophy-pill {
      display: flex;
      align-items: center;
      gap: 8px;
      background: linear-gradient(135deg, var(--gold-bg-strong) 0%, var(--gold-bg) 100%);
      border: 1px solid var(--gold-border);
      padding: 6px 12px;
      border-radius: 8px;
      text-align: left;
    }

    .trophy-pill strong {
      display: block;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1rem;
      font-weight: 800;
      color: var(--gold-deep);
      line-height: 1.05;
    }

    .trophy-pill span {
      display: block;
      font-size: 0.65rem;
      color: var(--gold-deep);
      font-weight: 600;
      opacity: 0.85;
    }

    .pennant-count {
      font-size: 0.8rem;
      color: var(--ink-secondary);
    }

    .pennant-count strong {
      color: var(--ink-primary);
    }

    /* 2. STAT BENTO BAR */
    .stat-bento {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 12px;
      margin-bottom: 36px;
    }

    .stat-tile {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 18px 20px;
      box-shadow: 0 2px 8px rgba(15, 23, 42, 0.02);
    }

    .stat-top {
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--ink-muted);
      margin-bottom: 6px;
    }

    .stat-number {
      font-size: 2.35rem;
      font-weight: 800;
      line-height: 1;
      color: var(--ink-primary);
    }

    .stat-foot {
      font-size: 0.75rem;
      color: var(--ink-secondary);
      margin-top: 6px;
    }

    /* 3. FRANCHISE STAPLES SHOWCASE */
    .staples-section {
      margin-bottom: 40px;
    }

    .section-header-row {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-bottom: 14px;
    }

    .section-title-group {
      display: flex;
      flex-wrap: wrap;
      align-items: baseline;
      gap: 12px;
    }

    .section-title {
      font-size: 1.85rem;
      font-weight: 800;
      color: var(--ink-primary);
    }

    .section-sub {
      font-size: 0.82rem;
      color: var(--ink-muted);
    }

    /* Compact Player Card Quick-Lookup Bar */
    .quick-card-search {
      position: relative;
      width: 290px;
      max-width: 100%;
    }

    .quick-card-input {
      width: 100%;
      padding: 7px 14px;
      font-family: inherit;
      font-size: 0.8rem;
      font-weight: 600;
      color: var(--ink-primary);
      background: var(--surface-white);
      border: 1px solid var(--border-medium);
      border-radius: 999px;
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }

    .quick-card-input:focus {
      outline: none;
      border-color: var(--accent-primary);
      box-shadow: 0 0 0 3px rgba(30, 41, 59, 0.08);
    }

    .quick-search-results {
      display: none;
      position: absolute;
      top: calc(100% + 6px);
      right: 0;
      width: 100%;
      background: var(--surface-white);
      border: 1px solid var(--border-medium);
      border-radius: 12px;
      box-shadow: 0 12px 28px rgba(15, 23, 42, 0.14);
      z-index: 50;
      max-height: 260px;
      overflow-y: auto;
    }

    .quick-search-results.open {
      display: block;
    }

    .qs-item {
      padding: 9px 14px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      font-size: 0.82rem;
      font-weight: 600;
      color: var(--ink-primary);
      cursor: pointer;
      border-bottom: 1px solid var(--border-light);
    }

    .qs-item:last-child {
      border-bottom: none;
    }

    .qs-item:hover {
      background: var(--surface-subtle);
    }

    .qs-meta {
      font-size: 0.72rem;
      color: var(--ink-muted);
      font-weight: 500;
    }

    .staples-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 16px;
      margin-bottom: 12px;
    }

    .staple-card {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 14px;
      padding: 16px;
      display: flex;
      flex-direction: column;
      box-shadow: 0 2px 10px rgba(15, 23, 42, 0.03);
      cursor: pointer;
      transition: border-color 0.15s ease, transform 0.15s ease;
    }

    .staple-card:hover {
      border-color: var(--accent-primary);
      transform: translateY(-2px);
    }

    .staple-img-slot {
      width: 100%;
      height: 210px;
      border-radius: 10px;
      margin-bottom: 14px;
      font-size: 0.78rem;
    }

    .staple-info {
      display: flex;
      justify-content: space-between;
      align-items: flex-start;
      gap: 8px;
    }

    .staple-name {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.45rem;
      font-weight: 800;
      color: var(--ink-primary);
      line-height: 1.05;
    }

    .staple-card:hover .staple-name {
      text-decoration: underline;
    }

    .staple-years {
      font-size: 0.78rem;
      color: var(--ink-secondary);
      margin-top: 3px;
    }

    .staple-count {
      background: var(--accent-primary);
      color: #FFFFFF;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.05rem;
      font-weight: 700;
      padding: 3px 10px;
      border-radius: 6px;
      flex-shrink: 0;
    }

    .staples-secondary {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 10px;
      padding: 12px 18px;
      display: flex;
      flex-direction: column;
      gap: 10px;
      font-size: 0.82rem;
    }

    .sec-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }

    .sec-label {
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--ink-muted);
      min-width: 120px;
    }

    .sec-pill {
      background: var(--bg-page);
      border: 1px solid var(--border-light);
      padding: 4px 12px;
      border-radius: 6px;
      font-weight: 600;
      color: var(--ink-primary);
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .sec-pill:hover {
      border-color: var(--accent-primary);
      background: var(--surface-subtle);
    }

    .sec-pill span {
      color: var(--ink-muted);
      font-weight: 500;
      margin-left: 4px;
    }

    /* 4. UNIFIED SEASON-BY-SEASON TIMELINE */
    .timeline-header {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
      margin-bottom: 16px;
    }

    .controls-bar {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
    }

    .pill-filter {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      color: var(--ink-secondary);
      font-family: inherit;
      font-size: 0.78rem;
      font-weight: 600;
      padding: 7px 14px;
      border-radius: 999px;
      cursor: pointer;
      transition: all 0.15s ease;
    }

    .pill-filter:hover {
      border-color: var(--border-medium);
      color: var(--ink-primary);
    }

    .pill-filter.active {
      background: var(--accent-primary);
      border-color: var(--accent-primary);
      color: #FFFFFF;
      font-weight: 700;
    }

    .expand-toggle {
      background: var(--surface-white);
      border: 1px solid var(--border-medium);
      color: var(--ink-primary);
      font-family: inherit;
      font-size: 0.78rem;
      font-weight: 600;
      padding: 7px 14px;
      border-radius: 999px;
      cursor: pointer;
      margin-left: 4px;
    }

    .expand-toggle:hover {
      background: var(--surface-subtle);
    }

    /* Continuous Season Stack */
    .season-stack {
      display: flex;
      flex-direction: column;
      gap: 8px;
    }

    .season-item {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      overflow: hidden;
      transition: border-color 0.15s ease, box-shadow 0.15s ease;
    }

    .season-item:hover {
      border-color: var(--border-medium);
      box-shadow: 0 4px 12px rgba(15, 23, 42, 0.04);
    }

    /* Highlight: World Series Win (Metallic Gold) */
    .season-item.is-champ {
      border-color: var(--gold-border);
      border-left: 4px solid var(--gold-metallic);
      background: linear-gradient(90deg, var(--gold-bg-strong) 0%, var(--gold-bg) 25%, var(--surface-white) 55%);
    }

    /* Highlight: World Series Loss / Runner-Up (Silver Pennant) */
    .season-item.is-ws-loss {
      border-color: var(--silver-border);
      border-left: 4px solid #475569;
      background: linear-gradient(90deg, #F1F5F9 0%, var(--surface-white) 40%);
    }

    .season-bar {
      width: 100%;
      background: transparent;
      border: none;
      color: inherit;
      padding: 14px 20px;
      display: grid;
      grid-template-columns: 88px 100px 130px 1fr auto;
      align-items: center;
      gap: 14px;
      cursor: pointer;
      text-align: left;
    }

    .yr-badge {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.5rem;
      font-weight: 800;
      color: var(--ink-primary);
      display: inline-flex;
      align-items: center;
      gap: 6px;
    }

    .is-champ .yr-badge {
      color: var(--gold-deep);
    }

    .crown-icon {
      font-size: 1.05rem;
      line-height: 1;
    }

    .rec-text {
      font-variant-numeric: tabular-nums;
      font-weight: 700;
      font-size: 0.95rem;
      color: var(--ink-primary);
    }

    .div-text {
      font-size: 0.82rem;
      font-weight: 500;
      color: var(--ink-secondary);
    }

    /* Postseason Styling */
    .post-tag {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      padding: 4px 11px;
      border-radius: 6px;
      font-size: 0.76rem;
      font-weight: 700;
      width: fit-content;
    }

    .tag-champ {
      background: var(--gold-bg-strong);
      color: var(--gold-deep);
      border: 1px solid var(--gold-border);
    }

    .tag-ws-loss {
      background: var(--silver-bg);
      color: var(--silver-text);
      border: 1px solid var(--silver-border);
    }

    .post-plain {
      font-size: 0.83rem;
      color: var(--ink-secondary);
      font-weight: 500;
    }

    .post-missed {
      font-size: 0.83rem;
      color: var(--ink-muted);
      font-weight: 400;
    }

    .row-actions {
      display: flex;
      align-items: center;
      gap: 8px;
      justify-content: flex-end;
    }

    .roster-btn {
      display: inline-flex;
      align-items: center;
      gap: 5px;
      font-family: inherit;
      font-size: 0.75rem;
      font-weight: 700;
      padding: 5px 11px;
      border-radius: 6px;
      cursor: pointer;
      transition: all 0.15s ease;
      background: var(--accent-primary);
      color: #FFFFFF;
      border: 1px solid var(--accent-primary);
    }

    .roster-btn:hover {
      background: #0F172A;
    }

    .is-champ .roster-btn {
      background: var(--gold-deep);
      border-color: var(--gold-deep);
      color: #FFFFFF;
    }

    .keeper-trigger {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-size: 0.78rem;
      font-weight: 600;
      color: var(--ink-secondary);
      background: var(--bg-page);
      padding: 5px 12px;
      border-radius: 6px;
      border: 1px solid var(--border-light);
    }

    .season-item.open .keeper-trigger {
      color: var(--ink-primary);
      border-color: var(--border-medium);
      background: var(--surface-subtle);
    }

    .chevron {
      width: 14px;
      height: 14px;
      transition: transform 0.2s ease;
    }

    .season-item.open .chevron {
      transform: rotate(180deg);
    }

    /* Drop-Down Keeper Cards Drawer */
    .keeper-drawer {
      display: none;
      background: var(--bg-page);
      border-top: 1px solid var(--border-light);
      padding: 14px 20px;
    }

    .season-item.open .keeper-drawer {
      display: block;
    }

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

    .k-card {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 8px;
      padding: 10px 12px;
      display: flex;
      align-items: center;
      gap: 10px;
      cursor: pointer;
      transition: border-color 0.15s ease;
    }

    .k-card:hover {
      border-color: var(--accent-primary);
    }

    .k-card:hover .k-name {
      text-decoration: underline;
    }

    .k-photo-slot {
      width: 36px;
      height: 36px;
      border-radius: 6px;
      font-size: 0.5rem;
      padding: 2px;
      flex-shrink: 0;
    }

    .k-name {
      font-size: 0.85rem;
      font-weight: 700;
      color: var(--ink-primary);
      line-height: 1.2;
    }

    .k-meta {
      font-size: 0.7rem;
      font-weight: 600;
      color: var(--ink-muted);
    }

    /* 5. WORLD SERIES ROSTER BASEBALL DIAMOND MODAL */
    .modal-backdrop {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.74);
      backdrop-filter: blur(4px);
      z-index: 1000;
      padding: 20px;
      overflow-y: auto;
      align-items: flex-start;
      justify-content: center;
    }

    .modal-backdrop.active {
      display: flex;
    }

    .roster-modal {
      background: var(--surface-white);
      border-radius: 18px;
      width: 100%;
      max-width: 920px;
      margin: 24px auto;
      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.35);
      overflow: hidden;
      border: 1px solid var(--border-light);
    }

    .modal-header {
      background: var(--accent-primary);
      color: #FFFFFF;
      padding: 20px 28px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 16px;
    }

    .modal-header.is-gold {
      background: linear-gradient(135deg, #713F12 0%, #92400E 100%);
      border-bottom: 2px solid var(--gold-border);
    }

    .modal-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.9rem;
      font-weight: 800;
      line-height: 1.05;
    }

    .modal-subtitle {
      font-size: 0.82rem;
      opacity: 0.88;
      margin-top: 2px;
    }

    .modal-close {
      background: rgba(255, 255, 255, 0.14);
      border: 1px solid rgba(255, 255, 255, 0.25);
      color: #FFFFFF;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      font-size: 1.25rem;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      flex-shrink: 0;
    }

    .modal-close:hover {
      background: rgba(255, 255, 255, 0.26);
    }

    .modal-body {
      padding: 24px 28px 32px;
    }

    /* Baseball Field Diamond Canvas */
    .diamond-stage {
      position: relative;
      width: 100%;
      height: 490px;
      background: radial-gradient(circle at 50% 82%, #2F6F3E 0%, #245831 58%, #1B4325 100%);
      border-radius: 16px;
      border: 3px solid #14331C;
      overflow: hidden;
      margin-bottom: 22px;
      box-shadow: inset 0 0 40px rgba(0, 0, 0, 0.35);
    }

    .field-warning-track {
      position: absolute;
      width: 860px;
      height: 860px;
      border-radius: 50%;
      border: 18px solid rgba(180, 130, 82, 0.35);
      top: -120px;
      left: 50%;
      transform: translateX(-50%);
      pointer-events: none;
    }

    .infield-dirt {
      position: absolute;
      width: 245px;
      height: 245px;
      background: #C49566;
      border: 3px solid #A87B4F;
      border-radius: 26px;
      bottom: 54px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.22);
    }

    .infield-grass {
      position: absolute;
      width: 158px;
      height: 158px;
      background: #2A6438;
      border-radius: 12px;
      bottom: 97px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
    }

    .foul-line-left, .foul-line-right {
      position: absolute;
      width: 3px;
      height: 440px;
      background: rgba(255, 255, 255, 0.55);
      bottom: 34px;
      left: 50%;
      transform-origin: bottom center;
      pointer-events: none;
    }

    .foul-line-left {
      transform: translateX(-50%) rotate(-45deg);
    }

    .foul-line-right {
      transform: translateX(-50%) rotate(45deg);
    }

    .base-sq {
      position: absolute;
      width: 14px;
      height: 14px;
      background: #FFFFFF;
      border: 1px solid #CBD5E1;
      transform: translate(-50%, -50%) rotate(45deg);
      box-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
    }

    .base-2b { bottom: 268px; left: 50%; }
    .base-3b { bottom: 162px; left: calc(50% - 108px); }
    .base-1b { bottom: 162px; left: calc(50% + 108px); }

    .home-plate {
      position: absolute;
      width: 16px;
      height: 16px;
      background: #FFFFFF;
      bottom: 36px;
      left: 50%;
      transform: translateX(-50%);
      clip-path: polygon(0 0, 100% 0, 100% 60%, 50% 100%, 0 60%);
    }

    .pitchers-mound {
      position: absolute;
      width: 34px;
      height: 34px;
      background: #C49566;
      border: 2px solid #A87B4F;
      border-radius: 50%;
      bottom: 145px;
      left: 50%;
      transform: translateX(-50%);
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .pitchers-rubber {
      width: 12px;
      height: 4px;
      background: #FFFFFF;
    }

    .field-node {
      position: absolute;
      transform: translate(-50%, -50%);
      background: rgba(255, 255, 255, 0.96);
      border: 1.5px solid #0F172A;
      border-radius: 8px;
      padding: 4px 10px;
      display: flex;
      align-items: center;
      gap: 6px;
      box-shadow: 0 6px 14px rgba(0, 0, 0, 0.32);
      white-space: nowrap;
      z-index: 5;
      cursor: pointer;
    }

    .field-node:hover {
      background: #F8FAFC;
    }

    .field-node:hover .node-name {
      text-decoration: underline;
    }

    .pos-tag {
      background: #0F172A;
      color: #FFFFFF;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.78rem;
      font-weight: 800;
      padding: 1px 6px;
      border-radius: 4px;
      letter-spacing: 0.03em;
    }

    .pos-tag.dh-tag {
      background: #854D0E;
    }

    .node-name {
      font-size: 0.8rem;
      font-weight: 700;
      color: #0F172A;
    }

    .pos-cf { top: 14%; left: 50%; }
    .pos-lf { top: 24%; left: 21%; }
    .pos-rf { top: 24%; left: 79%; }
    .pos-ss { top: 43%; left: 37%; }
    .pos-2b { top: 43%; left: 63%; }
    .pos-3b { top: 61%; left: 25%; }
    .pos-1b { top: 61%; left: 75%; }
    .pos-c  { top: 91%; left: 50%; }
    .pos-dh { top: 88%; left: 16%; }

    .roster-block-title {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.25rem;
      font-weight: 800;
      color: var(--ink-primary);
      margin-bottom: 10px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .roster-block-title span {
      font-family: 'Plus Jakarta Sans', sans-serif;
      font-size: 0.72rem;
      font-weight: 600;
      color: var(--ink-muted);
      text-transform: none;
    }

    .pitching-grid {
      display: grid;
      grid-template-columns: 4fr 3fr;
      gap: 14px;
      margin-bottom: 24px;
    }

    .staff-box {
      background: var(--bg-page);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 14px;
    }

    .staff-subhead {
      font-size: 0.7rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--ink-muted);
      margin-bottom: 8px;
    }

    .staff-pills {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
    }

    .rp-pills {
      display: grid;
      grid-template-columns: 1fr;
      gap: 8px;
    }

    .roster-chip {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 7px;
      padding: 6px 10px;
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 0.8rem;
      font-weight: 700;
      color: var(--ink-primary);
      cursor: pointer;
    }

    .roster-chip:hover {
      border-color: var(--accent-primary);
      text-decoration: underline;
    }

    .chip-pos {
      background: var(--surface-subtle);
      color: var(--ink-secondary);
      border: 1px solid var(--border-medium);
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.75rem;
      font-weight: 800;
      padding: 1px 6px;
      border-radius: 4px;
      min-width: 28px;
      text-align: center;
    }

    .bench-box {
      background: var(--bg-page);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 16px;
    }

    .bench-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 8px;
    }

    /* ==============================================================
       6. VINTAGE BASEBALL CARD BACK MODAL (PLAYER PROFILE POPUP)
       ============================================================== */
    .bb-backdrop {
      display: none;
      position: fixed;
      inset: 0;
      background: rgba(15, 23, 42, 0.78);
      backdrop-filter: blur(4px);
      z-index: 1100;
      padding: 20px;
      overflow-y: auto;
      align-items: flex-start;
      justify-content: center;
    }

    .bb-backdrop.active {
      display: flex;
    }

    .baseball-card-back {
      background-color: var(--card-stock);
      background-image: radial-gradient(rgba(120, 53, 15, 0.06) 1px, transparent 0);
      background-size: 16px 16px;
      color: var(--card-ink);
      width: 100%;
      max-width: 750px;
      margin: 20px auto;
      border-radius: 14px;
      padding: 14px;
      box-shadow: 0 28px 60px rgba(0, 0, 0, 0.48);
      border: 2px solid #D6C7A9;
    }

    .bb-inner-frame {
      border: 3px solid var(--card-red);
      border-radius: 8px;
      padding: 18px 20px;
      position: relative;
    }

    .bb-top-strip {
      display: flex;
      justify-content: space-between;
      align-items: center;
      margin-bottom: 12px;
      gap: 12px;
    }

    .bb-card-num {
      background: var(--card-navy);
      color: #FFFFFF;
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 800;
      font-size: 1rem;
      letter-spacing: 0.05em;
      padding: 3px 12px;
      border-radius: 999px;
      border: 1.5px solid #0F172A;
    }

    .bb-league-stamp {
      font-family: 'Barlow Condensed', sans-serif;
      font-weight: 800;
      font-size: 0.9rem;
      letter-spacing: 0.12em;
      color: var(--card-red);
      text-transform: uppercase;
    }

    .bb-close-btn {
      background: var(--card-red);
      color: #FFFFFF;
      border: none;
      width: 30px;
      height: 30px;
      border-radius: 50%;
      font-size: 1.15rem;
      font-weight: 700;
      cursor: pointer;
      display: flex;
      align-items: center;
      justify-content: center;
      line-height: 1;
    }

    .bb-close-btn:hover {
      background: #7F1D1D;
    }

    /* Player Name Banner */
    .bb-header-banner {
      background: var(--card-navy);
      color: #FFFFFF;
      border-radius: 6px;
      padding: 12px 16px;
      display: flex;
      justify-content: space-between;
      align-items: center;
      gap: 12px;
      margin-bottom: 12px;
      border-bottom: 3px solid var(--card-red);
    }

    .bb-player-name {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 2.2rem;
      font-weight: 800;
      font-style: italic;
      text-transform: uppercase;
      line-height: 0.98;
      letter-spacing: 0.02em;
    }

    .bb-bio-line {
      font-family: 'Courier Prime', monospace;
      font-size: 0.78rem;
      color: #E2E8F0;
      margin-top: 4px;
    }

    .bb-ring-box {
      background: linear-gradient(135deg, #FEF08A 0%, #FDE047 100%);
      color: #713F12;
      border: 2px solid #CA8A04;
      border-radius: 8px;
      padding: 6px 12px;
      text-align: center;
      flex-shrink: 0;
    }

    .bb-ring-box.no-rings {
      background: rgba(255, 255, 255, 0.12);
      color: #FFFFFF;
      border-color: rgba(255, 255, 255, 0.25);
    }

    .bb-ring-count {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.55rem;
      font-weight: 800;
      line-height: 1;
    }

    .bb-ring-label {
      font-size: 0.62rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
    }

    /* Franchise Tenure Callout Boxes (Exact Days Math) */
    .bb-tenure-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-bottom: 12px;
    }

    .bb-tenure-card {
      background: var(--card-stock-dark);
      border: 1.5px solid #C2B293;
      border-radius: 6px;
      padding: 10px 12px;
    }

    .bb-tenure-card.is-ham-highlight {
      border-color: var(--card-navy);
      background: #E6DFCE;
    }

    .bb-tenure-label {
      font-size: 0.65rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--card-red);
      margin-bottom: 2px;
    }

    .bb-tenure-team {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.35rem;
      font-weight: 800;
      color: var(--card-ink);
      line-height: 1.05;
    }

    .bb-tenure-detail {
      font-family: 'Courier Prime', monospace;
      font-size: 0.74rem;
      color: #292524;
      margin-top: 3px;
      line-height: 1.35;
    }

    /* Classic Baseball Card Career Totals Grid */
    .bb-stat-table {
      width: 100%;
      border-collapse: collapse;
      margin-bottom: 12px;
      border: 2px solid var(--card-navy);
      background: #FAF6EC;
    }

    .bb-stat-table th {
      background: var(--card-red);
      color: #FFFFFF;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.85rem;
      font-weight: 800;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      padding: 5px 6px;
      border-right: 1px solid rgba(255, 255, 255, 0.25);
    }

    .bb-stat-table td {
      font-family: 'Courier Prime', monospace;
      font-weight: 700;
      font-size: 1.05rem;
      text-align: center;
      padding: 8px 6px;
      border-right: 1px solid #D6C7A9;
      color: var(--card-ink);
    }

    /* Franchise Time-Spent Breakdown Table */
    .bb-service-box {
      background: #FAF6EC;
      border: 1.5px solid #C2B293;
      border-radius: 6px;
      padding: 9px 12px;
      margin-bottom: 12px;
    }

    .bb-service-table {
      width: 100%;
      border-collapse: collapse;
      font-family: 'Courier Prime', monospace;
      font-size: 0.75rem;
    }

    .bb-service-table th {
      text-align: left;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.8rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.05em;
      color: var(--card-navy);
      border-bottom: 1.5px solid #C2B293;
      padding: 3px 6px;
    }

    .bb-service-table th.num-col,
    .bb-service-table td.num-col {
      text-align: right;
    }

    .bb-service-table td {
      padding: 4px 6px;
      border-bottom: 1px dashed #D6C7A9;
      color: var(--card-ink);
    }

    .bb-service-table tr:last-child td {
      border-bottom: none;
    }

    .bb-service-table tr.is-ham-svc {
      background: #E6DFCE;
      font-weight: 700;
    }

    /* Draft Pick History Strip */
    .bb-draft-box {
      background: #FAF6EC;
      border: 1.5px solid #C2B293;
      border-radius: 6px;
      padding: 9px 12px;
      margin-bottom: 14px;
    }

    .bb-section-heading {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.95rem;
      font-weight: 800;
      text-transform: uppercase;
      letter-spacing: 0.06em;
      color: var(--card-navy);
      margin-bottom: 6px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .bb-draft-pills {
      display: flex;
      flex-wrap: wrap;
      gap: 6px;
    }

    .bb-draft-pill {
      font-family: 'Courier Prime', monospace;
      font-size: 0.75rem;
      font-weight: 700;
      background: var(--card-stock-dark);
      border: 1px solid #B8A682;
      padding: 3px 8px;
      border-radius: 4px;
      color: var(--card-ink);
    }

    .bb-draft-pill.is-ham-pick {
      background: var(--card-navy);
      color: #FFFFFF;
      border-color: var(--card-navy);
    }

    /* Full Transaction Game Log Table */
    .bb-log-wrap {
      border: 2px solid var(--card-navy);
      border-radius: 6px;
      background: #FAF6EC;
      max-height: 270px;
      overflow-y: auto;
    }

    .bb-log-table {
      width: 100%;
      border-collapse: collapse;
      font-family: 'Courier Prime', monospace;
      font-size: 0.76rem;
    }

    .bb-log-table thead th {
      position: sticky;
      top: 0;
      background: var(--card-navy);
      color: #FFFFFF;
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 0.82rem;
      font-weight: 800;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-align: left;
      padding: 6px 10px;
      z-index: 2;
    }

    .bb-log-table tbody tr {
      border-bottom: 1px solid #E5DCC5;
    }

    .bb-log-table tbody tr:nth-child(even) {
      background: #F4EDE0;
    }

    .bb-log-table tbody tr.is-ham-log {
      background: #E6DFCE;
      font-weight: 700;
    }

    .bb-log-table td {
      padding: 6px 10px;
      vertical-align: middle;
    }

    .bb-act-tag {
      display: inline-block;
      padding: 1px 6px;
      border-radius: 3px;
      font-size: 0.68rem;
      font-weight: 700;
      text-transform: uppercase;
    }

    .act-add { background: #DCFCE7; color: #166534; border: 1px solid #86EFAC; }
    .act-drop { background: #FEE2E2; color: #991B1B; border: 1px solid #FCA5A5; }
    .act-trade { background: #DBEAFE; color: #1E40AF; border: 1px solid #93C5FD; }

    .bb-footer-note {
      margin-top: 10px;
      text-align: center;
      font-family: 'Courier Prime', monospace;
      font-size: 0.68rem;
      color: #57534E;
      letter-spacing: 0.04em;
    }

    /* 7. BRAND EVOLUTION FOOTER */
    .brand-section {
      margin-top: 40px;
    }

    .brand-cards {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 14px;
      margin-top: 14px;
    }

    .brand-tile {
      background: var(--surface-white);
      border: 1px solid var(--border-light);
      border-radius: 12px;
      padding: 18px;
      display: flex;
      align-items: center;
      gap: 18px;
    }

    .brand-img-slot {
      width: 84px;
      height: 84px;
      flex-shrink: 0;
      padding: 6px;
      background: var(--bg-page);
      border: 1px solid var(--border-light);
      border-radius: 10px;
      display: flex;
      align-items: center;
      justify-content: center;
    }

    .brand-img-slot img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .brand-span {
      font-size: 0.72rem;
      font-weight: 700;
      text-transform: uppercase;
      letter-spacing: 0.08em;
      color: var(--ink-muted);
    }

    .brand-heading {
      font-family: 'Barlow Condensed', sans-serif;
      font-size: 1.25rem;
      font-weight: 700;
      color: var(--ink-primary);
      margin: 2px 0 4px;
    }

    .brand-copy {
      font-size: 0.8rem;
      color: var(--ink-secondary);
    }

    /* Responsive */
    @media (max-width: 860px) {
      .clubhouse-hero {
        grid-template-columns: 1fr;
      }
      .hardware-panel {
        text-align: left;
      }
      .trophy-list {
        justify-content: flex-start;
      }
      .stat-bento {
        grid-template-columns: repeat(2, 1fr);
      }
      .staples-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .season-bar {
        grid-template-columns: 80px 95px 1fr auto;
      }
      .div-text {
        display: none;
      }
      .keeper-cards-grid {
        grid-template-columns: repeat(2, 1fr);
      }
      .pitching-grid {
        grid-template-columns: 1fr;
      }
      .bench-grid {
        grid-template-columns: repeat(2, 1fr);
      }
    }

    @media (max-width: 560px) {
      .brand-lockup {
        flex-direction: column;
        align-items: flex-start;
      }
      .team-name {
        font-size: 2.5rem;
      }
      .staples-grid {
        grid-template-columns: 1fr;
      }
      .season-bar {
        grid-template-columns: 75px 1fr auto;
      }
      .rec-text, .keeper-trigger {
        display: none;
      }
      .keeper-cards-grid {
        grid-template-columns: 1fr;
      }
      .bb-tenure-grid {
        grid-template-columns: 1fr;
      }
      .bb-header-banner {
        flex-direction: column;
        align-items: flex-start;
      }
      .diamond-stage {
        height: 410px;
      }
      .field-node {
        padding: 3px 6px;
        font-size: 0.7rem;
      }
      .node-name {
        font-size: 0.68rem;
      }
      .pos-dh {
        left: 20%;
      }
    }

    /* Live MLB headshots */
    .player-photo { background:#e8edf3; overflow:hidden; display:flex; align-items:center; justify-content:center; border:1px solid #d8e0e9; }
    .player-photo img { width:100%; height:100%; display:block; object-fit:contain; object-position:center bottom; }
    .staple-img-slot.player-photo { background:linear-gradient(145deg,#e5ebf2,#f7f9fc); }
    .k-photo-slot.player-photo { border-radius:6px; }
    .player-photo-fallback { font-size:10px; font-weight:800; color:#64748b; text-align:center; }

    /* Redesigned player profile: modern archive with collectible-card accents */
    .bb-backdrop {align-items:center; padding:20px;}
    .baseball-card-back {background:#fff; background-image:none; max-width:860px; max-height:min(90vh,950px); overflow-y:auto; padding:0; border:1px solid #cbd5e1; border-radius:18px; box-shadow:0 30px 90px rgba(0,0,0,.42);}
    .bb-inner-frame {border:0; border-radius:0; padding:0;}
    .profile-hero {position:relative; display:flex; align-items:center; gap:24px; min-height:208px; padding:28px 64px 26px 30px; color:white; background:linear-gradient(115deg,#10233d,#1e3a5f 70%,#294e75); border-bottom:5px solid #c59b27;}
    .profile-photo {width:136px; height:150px; flex-shrink:0; display:flex; align-items:center; justify-content:center; overflow:hidden; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.22); border-radius:12px; color:#dbeafe; font:800 38px 'Barlow Condensed',sans-serif; position:relative;}
    .profile-photo img {position:absolute; width:100%; height:100%; inset:0; object-fit:contain; object-position:center bottom;}
    .profile-hero-copy {min-width:0; flex:1;}
    .profile-eyebrow {font-size:10px; font-weight:800; letter-spacing:.15em; color:#cbd5e1; margin-bottom:9px;}
    .profile-hero h2 {font:italic 800 clamp(29px,4.5vw,48px)/.98 'Barlow Condensed',sans-serif; text-transform:uppercase; letter-spacing:.01em; margin:0 0 10px;}
    .profile-hero p {font-size:13px; color:#dbe4ef;}
    .profile-hero-tags {display:flex; flex-wrap:wrap; gap:7px; margin-top:14px;}
    .profile-hero-tags span {padding:5px 9px; border:1px solid #71849a; border-radius:5px; font-size:10px; font-weight:800; letter-spacing:.06em;}
    .profile-hero-tags .profile-champ {background:#f4e6ba; border-color:#d4af37; color:#713f12;}
    .profile-close {position:absolute; right:20px; top:18px; border:1px solid rgba(255,255,255,.4); background:rgba(255,255,255,.12); color:white; width:34px; height:34px; border-radius:50%; font-size:25px; line-height:1; cursor:pointer;}
    .profile-content {padding:26px 30px 30px;}
    .profile-section-heading {display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin-bottom:13px;}
    .profile-section-heading h3 {font:800 22px 'Barlow Condensed',sans-serif; text-transform:uppercase; color:#0f172a;}
    .profile-section-heading>span {font-size:11px; color:#64748b;}
    .profile-metrics {display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px;}
    .profile-metric {background:#f1f5f9; border:1px solid #e2e8f0; padding:12px 5px; border-radius:9px; text-align:center;}
    .profile-metric strong {display:block; font:800 27px 'Barlow Condensed',sans-serif; line-height:1.1; color:#142b47;}
    .profile-metric span {display:block; font-size:10px; font-weight:700; color:#64748b; text-transform:uppercase; letter-spacing:.04em;}
    .profile-highlights {display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-top:14px;}
    .profile-highlight {padding:15px 17px; border:1px solid #e2e8f0; border-left:3px solid #c59b27; border-radius:9px;}
    .profile-highlight>span {display:block; font-size:10px; font-weight:800; text-transform:uppercase; color:#64748b; letter-spacing:.06em;}
    .profile-highlight strong {display:block; margin-top:5px; font:800 21px 'Barlow Condensed',sans-serif; color:#142b47;}
    .profile-highlight small {display:block; font-size:11px; color:#475569;}
    .profile-section {margin-top:26px;}
    .profile-service {border:1px solid #e2e8f0; padding:16px; border-radius:11px;}
    .profile-service-row+.profile-service-row {margin-top:14px;}
    .profile-service-top {display:flex; justify-content:space-between; gap:10px; font-size:12px; margin-bottom:6px;}
    .profile-service-top strong {color:#1e293b;}.profile-service-top span {color:#64748b; text-align:right;}
    .profile-service-track {height:9px; border-radius:99px; background:#e2e8f0; overflow:hidden;}
    .profile-service-fill {height:100%; background:#64748b; border-radius:99px;}.profile-service-fill.is-ham {background:#c59b27;}
    .profile-details {border:1px solid #dbe2ea; border-radius:10px; overflow:hidden;}
    .profile-details summary {cursor:pointer; padding:15px 17px; display:flex; align-items:center; justify-content:space-between; gap:10px; list-style:none; font-weight:800; font-size:13px; color:#1e293b; background:#f8fafc;}
    .profile-details summary::-webkit-details-marker {display:none;}
    .profile-details summary small {font-weight:600; color:#64748b; margin-left:8px;}
    .profile-summary-arrow {font-size:21px; transition:transform .2s;}.profile-details[open] .profile-summary-arrow {transform:rotate(180deg);}
    .profile-details-content {padding:15px 17px; border-top:1px solid #e2e8f0;}
    .profile-draft-row {display:grid; grid-template-columns:65px 100px 1fr; gap:12px; font-size:12px; padding:9px 0; border-bottom:1px solid #e2e8f0;}
    .profile-draft-row:last-child {border:0;}
    .profile-muted {color:#64748b; font-size:12px;}
    .profile-transaction-list {max-height:360px; overflow:auto;}
    .profile-tx {display:grid; grid-template-columns:95px 1fr; gap:12px; padding:11px 0; border-bottom:1px solid #e2e8f0;}
    .profile-tx:last-child {border:0;}.profile-tx-date {font:700 11px 'Courier Prime',monospace; color:#64748b; padding-top:4px;}
    .profile-tx-top {display:flex; align-items:center; gap:8px; flex-wrap:wrap; font-size:12px;}
    .profile-tx-kind {font-size:9px; font-weight:800; text-transform:uppercase; padding:3px 7px; border-radius:4px; background:#dcfce7; color:#166534;}
    .profile-tx-kind.trade {background:#dbeafe; color:#1d4ed8;}.profile-tx-kind.drop {background:#fee2e2; color:#991b1b;}
    .profile-tx-meta {font-size:11px; color:#64748b; margin-top:4px; line-height:1.5; overflow-wrap:anywhere;}
    .profile-footnote {font:10px 'Courier Prime',monospace; color:#94a3b8; text-align:center; margin-top:26px; letter-spacing:.03em;}
    .profile-empty {padding:35px; text-align:center;}
    @media(max-width:620px){.bb-backdrop{padding:8px}.baseball-card-back{max-height:96vh}.profile-hero{padding:54px 18px 20px; gap:13px; min-height:0}.profile-photo{width:88px;height:108px}.profile-hero h2{font-size:30px}.profile-eyebrow{font-size:9px}.profile-content{padding:20px 15px}.profile-metrics{grid-template-columns:repeat(3,1fr)}.profile-highlights{grid-template-columns:1fr}.profile-service-top{font-size:11px}.profile-close{top:12px;right:12px}.profile-tx{grid-template-columns:75px 1fr;gap:8px}}


    /* 2026 editorial franchise refresh: visual-only enhancements */
    :root { --editorial-navy:#14263e; --editorial-blue:#254a70; --editorial-gold:#c59b27; }
    body { background:linear-gradient(180deg,#edf2f7 0,#f8fafc 430px); }
    .container { max-width:1140px; }
    .clubhouse-hero { border:1px solid #dce4ed; border-top:5px solid var(--editorial-navy); border-radius:20px; padding:34px 38px; box-shadow:0 14px 36px -25px #152b47; }
    .logo-frame { width:124px;height:124px; background:#fff;box-shadow:0 5px 18px #152b4712; }
    .league-eyebrow { color:#34516d;background:#edf3f9;letter-spacing:.13em; }
    .team-name { font-size:clamp(2.7rem,5vw,4.2rem);letter-spacing:-.015em; }
    .hardware-panel { background:linear-gradient(145deg,#f8fafc,#eaf0f6);border-color:#d8e1eb;padding:22px 24px; }
    .hardware-label { color:#41556e; }
    .trophy-pill { box-shadow:inset 0 1px 0 #fff8; }
    .franchise-story-strip { display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:-4px 0 20px;padding:12px 20px;border-radius:10px;background:#172c45;color:#fff; }
    .story-kicker { font-family:'Barlow Condensed',sans-serif;font-weight:800;letter-spacing:.13em;font-size:.8rem;color:#e7c36b; }
    .story-main { font-size:.84rem;font-weight:600; }
    .story-era { margin-left:auto;font-size:.67rem;font-weight:700;letter-spacing:.09em;color:#b5c8db; }
    .story-era span { color:#e7c36b;padding:0 5px; }
    .stat-bento { margin-bottom:48px; }
    .stat-tile { padding:20px 22px;border-radius:14px;box-shadow:0 5px 22px #14263e08;position:relative;overflow:hidden; }
    .stat-tile::before { content:'';position:absolute;left:0;top:0;right:0;height:3px;background:#b6c8da; }
    .stat-tile:last-child::before { background:#c59b27; }
    .stat-number { font-size:2.6rem;letter-spacing:-.025em; }
    .section-title { font-size:2.15rem;letter-spacing:-.01em; }
    .section-header-row { align-items:end;margin-bottom:20px; }
    .section-sub { display:block;flex-basis:100%;margin-top:-3px; }
    .staples-section { margin-bottom:52px; }
    .staples-grid { gap:18px;margin-bottom:16px; }
    .staple-card { padding:0;overflow:hidden;border-radius:16px;box-shadow:0 8px 26px #162b4212; }
    .staple-card:hover { transform:translateY(-5px);box-shadow:0 17px 35px #162b4222; }
    .staple-card:focus-visible { outline:3px solid #457bb0;outline-offset:3px; }
    .staple-image-wrap { position:relative;overflow:hidden;background:radial-gradient(circle at 50% 30%,#d9e6f2,#aabfd3); }
    .staple-image-eyebrow { position:absolute;z-index:2;left:14px;top:14px;background:#152b45e8;color:#f3d891;padding:5px 9px;border-radius:5px;font-family:'Barlow Condensed',sans-serif;font-weight:800;font-size:.78rem;letter-spacing:.12em; }
    .staple-img-slot { height:238px;margin:0;border:0;border-radius:0;background:transparent; }
    .staple-img-slot img { transition:transform .25s ease; }
    .staple-card:hover .staple-img-slot img { transform:scale(1.04); }
    .staple-info { padding:17px 17px 13px;align-items:center; }
    .staple-name { font-size:1.65rem; }
    .staple-count { background:#172c45;white-space:nowrap; }
    .staple-cta { margin:auto 17px 17px;padding-top:12px;border-top:1px solid #e5ebf2;display:flex;justify-content:space-between;color:#315777;font-size:.75rem;font-weight:800;letter-spacing:.015em; }
    .staple-cta span { font-size:1rem; }
    .staples-secondary { padding:16px 19px;border-radius:12px;gap:12px; }
    .sec-label { color:#34516d; }
    .sec-pill { transition:transform .15s,background .15s; }
    .sec-pill:hover { transform:translateY(-1px); }
    .timeline-header { align-items:end;margin-bottom:19px; }
    .section-overline { display:block;font-size:.7rem;letter-spacing:.14em;font-weight:800;color:#6c7f93;margin-bottom:4px; }
    .timeline-intro { font-size:.8rem;color:#64748b;margin-top:3px; }
    .controls-bar { gap:7px; }
    .pill-filter.active { box-shadow:0 3px 10px #1e293b2b; }
    .season-stack { gap:9px; }
    .season-item { border-radius:12px;box-shadow:0 2px 9px #152b4508; }
    .season-item.is-champ { box-shadow:0 5px 20px #b8892520; }
    .season-item.is-ws-loss { box-shadow:0 4px 16px #64748b12; }
    .season-bar { padding:17px 21px; }
    .yr-badge { font-size:1.65rem; }
    .keeper-drawer { padding:16px 20px 20px; }
    .k-card { border-radius:9px;padding:11px; }
    .k-photo-slot { width:43px;height:43px;border-radius:8px; }
    .brand-section { margin-top:50px;padding-top:24px;border-top:1px solid #dce5ee; }
    .brand-tile { border-radius:13px; }
    .field-node { border-color:#304a60;box-shadow:0 5px 12px #0005; }
    .field-node:hover { border-color:#c59b27; }
    @media(max-width:860px) { .story-era { margin-left:0; } .section-header-row { align-items:start; } }
    @media(max-width:560px) { .clubhouse-hero { padding:24px 20px; } .franchise-story-strip { gap:6px 12px;padding:13px 16px; } .story-main { flex-basis:100%; } .stat-tile { padding:16px; } .stat-number { font-size:2.15rem; } .staple-img-slot { height:260px; } .section-title { font-size:1.85rem; } .season-bar { padding:14px 12px; } }


/* ===== 2026 TOTAL REDESIGN: THE CLUBHOUSE CHRONICLE ===== */
:root {
 --bg-page:#f6f3ea; --surface-white:#fffdf8; --surface-subtle:#f2eee5;
 --ink-primary:#24241f; --ink-secondary:#59594f; --ink-muted:#77776b;
 --border-light:#dcd8cd; --border-medium:#c8c2b5;
 --accent-primary:#c7482e; --accent-soft:#fff0e8; --accent-border:#dca38d;
 --gold-deep:#886116; --gold-metallic:#bb8a28; --gold-bg:#fff5db; --gold-bg-strong:#f9e7b8; --gold-border:#c9a34c;
}
html {scroll-behavior:smooth}
body {background:#f6f3ea;color:#24241f;padding:0 24px 70px;font-family:'Plus Jakarta Sans',sans-serif}
.container {max-width:1280px;margin:auto}
.edition-ribbon {display:flex;justify-content:space-between;gap:12px;align-items:center;padding:17px 0 14px;border-bottom:2px solid #24241f;font:800 10px 'Plus Jakarta Sans',sans-serif;letter-spacing:.13em;color:#686357}
.clubhouse-hero {display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.72fr);gap:0;margin:0 0 0;padding:0;border:0;border-radius:0;box-shadow:none;background:transparent;overflow:hidden;min-height:470px}
.hero-main {padding:54px 35px 45px 0;display:flex;flex-direction:column;align-items:flex-start}
.hero-kicker {font-size:11px;font-weight:800;letter-spacing:.19em;color:#a63f2a;display:flex;align-items:center;gap:9px;margin-bottom:24px}
.hero-dot {width:9px;height:9px;border-radius:50%;background:#c7482e}
.hero-wordmark {width:100%;font:italic 800 clamp(76px,10vw,150px)/.75 'Barlow Condensed',sans-serif;letter-spacing:-.038em;text-transform:uppercase}
.hero-name-line {white-space:nowrap}
.hero-outline {color:#c7482e;font-size:.87em;margin-top:15px}
.hero-period {color:#24241f}
.hero-deck {font:600 clamp(16px,2vw,23px)/1.35 'Plus Jakarta Sans',sans-serif;max-width:610px;margin:31px 0 26px;color:#49473f}
.hero-byline {display:flex;gap:18px;flex-wrap:wrap;font-size:10px;font-weight:800;letter-spacing:.13em;color:#756f62}
.hero-byline span+span {border-left:1px solid #bcb6aa;padding-left:18px}
.hero-actions {display:flex;flex-wrap:wrap;gap:10px;margin-top:auto;padding-top:28px}
.hero-actions a {display:inline-flex;gap:27px;justify-content:space-between;align-items:center;text-decoration:none;font-size:12px;font-weight:800;padding:14px 17px;border:1px solid #272720;color:#272720;background:transparent}
.hero-actions a:first-child {background:#c7482e;color:white;border-color:#c7482e}
.hero-actions a:hover {transform:translateY(-2px)}
.hero-side {border-left:1px solid #cbc6ba;padding:27px 30px 28px;display:flex;flex-direction:column;background:#ede9df}
.hero-side-top {display:flex;justify-content:space-between;font-size:10px;letter-spacing:.13em;font-weight:800;color:#726d61}
.hero-logo {flex:1;display:flex;justify-content:center;align-items:center;padding:18px}
.hero-logo img {display:block;width:min(100%,260px);max-height:255px;object-fit:contain;filter:drop-shadow(0 12px 10px #00000010)}
.hero-side-bottom {border-top:2px solid #26251f;padding-top:16px}
.hero-side-bottom>span {display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#8c3c2b}
.hero-side-bottom strong {display:block;font:800 47px/.95 'Barlow Condensed',sans-serif;margin:7px 0}
.hero-side-bottom em {color:#c7482e;font-style:normal}
.hero-side-bottom small {font-size:11px;color:#6d685e}
.championship-tape {background:#c7482e;color:#fff;display:flex;justify-content:space-around;gap:18px;flex-wrap:wrap;padding:13px 18px;margin:0 0 46px;font:800 11px 'Plus Jakarta Sans',sans-serif;letter-spacing:.08em}
.stat-bento {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid #25241e;border-bottom:2px solid #25241e;margin-bottom:76px}
.stat-tile {border:0;border-radius:0;box-shadow:none;background:transparent;padding:25px 24px 24px;position:relative}
.stat-tile:not(:last-child) {border-right:1px solid #c8c2b5}
.stat-tile::before {display:none}
.stat-top {font-size:10px;color:#a3432e;letter-spacing:.15em}
.stat-number {font:800 clamp(35px,4.2vw,60px)/1 'Barlow Condensed',sans-serif;letter-spacing:-.02em;color:#24241f;margin-top:8px}
.stat-foot {font-size:11px;color:#777164}
.staples-section {margin-bottom:85px}
.section-header-row {display:grid;grid-template-columns:1fr auto;gap:20px;align-items:end;margin-bottom:28px}
.section-title-group {display:block}
.section-title {font:800 clamp(39px,5vw,69px)/.94 'Barlow Condensed',sans-serif;letter-spacing:-.015em;text-transform:uppercase;color:#24241f}
.section-title em {color:#c7482e;font-style:italic}
.section-sub {display:block;margin-top:10px;font-size:12px;color:#706b61;line-height:1.5}
.quick-card-search {width:290px}
.quick-card-input {background:#fffdf8;border-radius:3px;border:1px solid #bdb5a7;padding:12px 15px}
.staples-grid {grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-bottom:24px}
.staple-card {padding:0;border-radius:0;border:1px solid #d4cec1;background:#fffdf8;box-shadow:none;overflow:hidden;position:relative;transform:none}
.staple-card:hover {transform:translateY(-5px);box-shadow:9px 9px 0 #e3d7c7;border-color:#c7482e}
.staple-image-wrap {background:radial-gradient(circle at 50% 36%,#e8e0d1 0,#c6bbaa 100%);border-bottom:1px solid #d4cec1}
.staple-img-slot {height:300px;background:transparent;border:0;border-radius:0;margin:0;padding:0}
.staple-image-eyebrow {top:16px;left:16px;border-radius:0;background:#fffdf8;color:#a23f2b;border:1px solid #c7482e;font-size:11px;letter-spacing:.12em}
.staple-info {padding:22px 20px 12px;gap:14px}
.staple-name {font-size:clamp(25px,2.8vw,38px);line-height:.95;text-transform:uppercase}
.staple-years {font-size:12px;margin-top:8px}
.staple-count {background:#c7482e;color:#fff;border-radius:0;padding:7px 10px;font-size:16px}
.staple-cta {margin:auto 20px 20px;border-top:1px solid #dcd8cd;color:#a3432e;padding-top:14px;text-transform:uppercase;font-size:10px;letter-spacing:.1em}
.staples-secondary {border:1px solid #d3cabc;background:#ede8de;border-radius:0;padding:18px 24px;gap:14px}
.sec-label {color:#a3432e;min-width:125px}
.sec-pill {background:#fffdf8;border:1px solid #d6cfc2;border-radius:2px}
.sec-pill:hover {background:#fbe4da;border-color:#c7482e}
.history-section {padding-top:26px;border-top:2px solid #24241f}
.timeline-header {display:flex;gap:22px;align-items:end;justify-content:space-between;margin-bottom:25px}
.section-overline {color:#a3432e;letter-spacing:.15em;font-size:10px}
.timeline-intro {font-size:12px;margin-top:12px;max-width:540px}
.controls-bar {justify-content:flex-end}
.pill-filter,.expand-toggle {background:#fffdf8;border:1px solid #bfb8aa;border-radius:2px;padding:10px 13px;color:#35332c}
.pill-filter.active {background:#c7482e;border-color:#c7482e;color:white;box-shadow:none}
.season-stack {gap:0;border-top:1px solid #cbc4b7}
.season-item,.season-item.is-champ,.season-item.is-ws-loss {border:0;border-bottom:1px solid #cfc8ba;border-radius:0;box-shadow:none;background:transparent}
.season-item:hover {background:#f0ebe0;box-shadow:none}
.season-item.is-champ {background:#f8edd0;border-left:6px solid #c59b27}
.season-item.is-ws-loss {background:#efede7;border-left:6px solid #8f928f}
.season-bar {padding:20px 20px;grid-template-columns:85px 90px 125px 1fr auto}
.yr-badge {font-size:30px}
.keeper-drawer {background:#f2ede3;border-top:1px solid #d7cdbd}
.k-card {background:#fffdf8;border-radius:2px}
.k-photo-slot {width:44px;height:44px}
.roster-btn {background:#c7482e;border-color:#c7482e;border-radius:2px}
.roster-btn:hover {background:#a53b25}
.brand-section {border-top:2px solid #24241f;margin-top:80px;padding-top:26px}
.brand-cards {grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.brand-tile {border:1px solid #d5cec1;border-radius:0;background:#fffdf8;padding:24px}
.brand-heading {font-size:25px}
.brand-span {color:#a3432e}
.brand-img-slot {border-radius:0}
.edition-footer {display:flex;justify-content:space-between;gap:12px;border-top:2px solid #24241f;padding:21px 0 35px;margin-top:60px;color:#756e62;font-size:10px;font-weight:800;letter-spacing:.12em}
@media(max-width:950px) {
 .clubhouse-hero {grid-template-columns:minmax(0,1fr) 250px}
 .hero-wordmark {font-size:clamp(67px,10vw,110px)}
 .hero-side {padding:20px}
 .stat-bento {grid-template-columns:repeat(2,1fr)}
 .stat-tile:nth-child(2) {border-right:0}
 .stat-tile:nth-child(-n+2) {border-bottom:1px solid #c8c2b5}
 .section-header-row {grid-template-columns:1fr}
 .timeline-header {align-items:start;flex-direction:column}
 .controls-bar {justify-content:flex-start}
}
@media(max-width:680px) {
 body {padding:0 14px 50px}
 .edition-ribbon span:last-child {display:none}
 .edition-ribbon {font-size:8px}
 .clubhouse-hero {display:flex;flex-direction:column}
 .hero-main {padding:38px 0 30px}
 .hero-wordmark {font-size:clamp(60px,15vw,110px)}
 .hero-deck {margin:25px 0 18px}
 .hero-side {border-left:0;border-top:1px solid #c8c2b5;display:grid;grid-template-columns:115px 1fr;gap:8px;padding:14px}
 .hero-side-top {grid-column:1/-1}
 .hero-logo {padding:6px}
 .hero-logo img {max-height:110px}
 .hero-side-bottom {border-top:0;padding:8px}
 .hero-side-bottom strong {font-size:32px}
 .championship-tape {font-size:9px;gap:8px;margin-bottom:34px}
 .stat-bento {margin-bottom:55px}
 .stat-tile {padding:18px 11px}
 .stat-number {font-size:35px}
 .stat-top {font-size:9px}
 .staples-grid {grid-template-columns:1fr;gap:16px}
 .staple-img-slot {height:310px}
 .section-title {font-size:45px}
 .quick-card-search {width:100%}
 .season-bar {padding:13px 9px}
 .brand-cards {grid-template-columns:1fr}
 .edition-footer {font-size:8px}
}