/* Articles: the index and article pages (builds on captains.css for .article, .kicker, .atitle, .lede, .chip) */
.kicker a { color: inherit; text-decoration: none; }
.kicker a:hover { text-decoration: underline; }

/* index */
.alist { display: grid; gap: 12px; }
.acard { display: block; text-decoration: none; color: inherit; transition: transform .15s ease, box-shadow .15s ease; }
.acard:hover { transform: translateY(-1px); box-shadow: 0 6px 20px rgba(15,23,42,.08); }
.acard .kicker { margin-top: 0; }
.acard h2 { font-size: 1.2rem; line-height: 1.25; margin: 0 0 6px; color: var(--ink); }
.acard p { color: #374151; }
.acard .more { font-weight: 700; font-size: .9rem; color: var(--brand); }

/* numbers strip and contents */
.stats4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin: 4px 0 14px; }
.stats4 > div { border: 1px solid var(--line); border-radius: 12px; padding: 10px 8px; text-align: center; background: #fff; }
.stats4 b { display: block; font-size: 1.5rem; color: var(--brand); font-variant-numeric: tabular-nums; line-height: 1.1; }
.stats4 span { font-size: .66rem; font-weight: 700; letter-spacing: .05em; text-transform: uppercase; color: var(--muted); }
.toc { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 8px; }
.toc a { font-size: .82rem; font-weight: 600; padding: 5px 11px; border-radius: 999px; background: rgba(31,58,147,.08);
         color: var(--brand); text-decoration: none; }
.toc a:hover { background: rgba(31,58,147,.15); }
.ahead { font-size: 1.25rem; letter-spacing: -.01em; margin: 26px 0 10px; scroll-margin-top: 90px; }
.small { font-size: .85rem; line-height: 1.5; }

/* the big movers */
.feature { padding: 14px !important; }
.feature h3 { margin: 0 0 10px; font-size: 1.05rem; line-height: 1.3; }
.mover { display: flex; align-items: center; gap: 10px; margin-top: 8px; }
.mwho { flex: 1; min-width: 0; }
.feature .chips { margin: 8px 0 2px; }
.feature .why { margin-top: 8px; }
.fav { box-shadow: 0 0 0 2px var(--fav, #1F3A93) !important; }

/* every move */
.dhead { font-size: .78rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); margin: 16px 0 6px; }
.moves { list-style: none; padding: 0; margin: 0; display: grid; gap: 8px; }
.move { padding: 10px 14px !important; margin: 0 !important; }
.mrow { display: flex; align-items: center; gap: 10px; }
.mrow + .mrow { margin-top: 6px; }
.move .pname { font-size: 1rem; }
.mavg { text-align: right; flex: none; }
.mavg b { display: block; font-size: 1.15rem; color: var(--brand); font-variant-numeric: tabular-nums; line-height: 1; }
.mavg small { font-size: .65rem; text-transform: uppercase; letter-spacing: .05em; color: var(--muted); font-weight: 700; }
.deal { margin: 8px 0 0 !important; font-size: .88rem; color: #374151; line-height: 1.45; }
.chip.tag.trade { background: #e0e7ff; color: #3730a3; }
.chip.tag.rfa, .chip.tag.ufa { background: #dcfce7; color: #166534; }

/* club by club */
.ledger { display: grid; grid-template-columns: repeat(auto-fill, minmax(320px, 1fr)); gap: 10px; }
.club { margin: 0 !important; padding: 12px 14px !important; }
.club h3 { display: flex; align-items: center; gap: 8px; margin: 0 0 8px; font-size: 1rem; }
.club h3 .flag { width: 12px; height: 16px; border-radius: 2px; flex: none; }
.net { margin-left: auto; font-size: .85rem; font-variant-numeric: tabular-nums; color: var(--muted); }
.net.up { color: #15803d; } .net.down { color: #b91c1c; }
.io { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.io h4 { margin: 0 0 4px; font-size: .7rem; text-transform: uppercase; letter-spacing: .08em; color: var(--muted); }
.io ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.io li { font-size: .88rem; line-height: 1.3; }
.io li a { color: var(--ink); text-decoration: none; font-weight: 600; }
.io li a:hover { text-decoration: underline; }
.io small { display: block; color: var(--muted); font-size: .75rem; }
.io .none { font-size: .85rem; color: var(--muted); margin: 0; }

/* notes */
.notes h3 { font-size: .95rem; margin: 10px 0 4px; }
.notes h3:first-child { margin-top: 0; }
.notes ul { margin: 0 0 4px; padding-left: 18px; }
.notes li { line-height: 1.5; margin-bottom: 3px; }

@media (max-width: 520px) {
  .stats4 { grid-template-columns: repeat(2, 1fr); }
  .atitle { font-size: 1.45rem; }
  .ledger { grid-template-columns: 1fr; }
}

/* dark mode */
html.dark .stats4 > div { background: var(--d-card); border-color: var(--line); }
html.dark .acard h2 { color: var(--d-text); }
html.dark .acard p, html.dark .deal { color: var(--d-text2) !important; }
html.dark .toc a { background: rgba(157,176,255,.12); }
html.dark .io li a { color: var(--d-text); }
html.dark .chip.tag.trade { background: #1e2a52 !important; color: #c7d2fe !important; }
html.dark .chip.tag.rfa, html.dark .chip.tag.ufa { background: #123522 !important; color: #86efac !important; }
html.dark .net.up { color: #86efac; } html.dark .net.down { color: #fca5a5; }
html.dark .fav { background: var(--d-card) !important; }