/* GENERATED by scripts/write_player_pages.py -- edit that, not this.

Shared by every static page (player, club, 404). It used to be inlined into
each of the 1,358 player pages, which cost ~1.4 KB apiece and, worse, could
not be cached: clicking from one player to another re-downloaded the same
rules every time. As a real file the browser fetches it once. */

.wrap { max-width: 60rem; margin: 0 auto; padding: 24px clamp(16px,4vw,40px) 48px; }
.wrap--narrow { max-width: 40rem; padding-top: 15vh; }
.big { font-size: 2.6rem; font-weight: 700; letter-spacing: -0.02em; line-height: 1; }
.facts { display: flex; flex-wrap: wrap; gap: 1.75rem; margin: 1rem 0 1.4rem;
         padding: 0.9rem 0; border-top: 1px solid var(--gridline);
         border-bottom: 1px solid var(--gridline); }
.facts div span { display: block; font-size: 0.7rem; text-transform: uppercase;
                  letter-spacing: 0.05em; color: var(--text-muted); }
.crumbs { font-size: 0.8rem; color: var(--text-muted); margin-bottom: 1rem; }
.crumbs a { color: var(--accent); text-decoration: none; }
.crumbs a:hover { text-decoration: underline; }
.crumbs span { padding: 0 0.35rem; }
table { width: 100%; border-collapse: collapse; font-size: 0.9rem; }
th, td { text-align: left; padding: 0.45rem 0.6rem; border-bottom: 1px solid var(--gridline); }
td.n, th.n { text-align: right; font-variant-numeric: tabular-nums; }
td a { color: var(--accent); text-decoration: none; }
td a:hover { text-decoration: underline; }
.caveat { background: var(--status-warning-wash); color: var(--text-secondary);
          padding: 0.7rem 0.85rem; border-radius: 6px; font-size: 0.85rem; }
.back { display: inline-block; margin-bottom: 1rem; color: var(--accent);
        text-decoration: none; }
.foot { margin-top: 1.5rem; font-size: 0.8rem; color: var(--text-muted); line-height: 1.6; }
h1 { letter-spacing: -0.02em; }
.wrap--narrow h1 { font-size: 2.2rem; margin: 0 0 0.6rem; }
.wrap--narrow p { color: var(--text-secondary); line-height: 1.7; }
.wrap--narrow a { color: var(--accent); }
.actions { margin-top: 1.6rem; }