/* team-refined.css — the team guide in the refined register.
   Same design language as the match longread (warm paper, Source Serif body,
   quiet section rules), plus a prominent identity hero and a contents rail —
   the one piece of furniture that earns its place across a long guide.
   No quant, no dashboards, no external calls. Archivo + Source Serif only. */

.tr-reading{ position:fixed; top:0; left:0; height:3px; width:0; background:var(--accent-strong);
  z-index:60; transition:width .08s linear; }

.tr-wrap{ max-width:1080px; margin:0 auto; padding:0 32px 88px; }

.tr-crumb{ font-family:var(--font-text); font-size:13px; margin:26px 0 0; }
.tr-crumb a{ color:#6b6759; text-decoration:none; }
.tr-crumb a:hover{ color:var(--ink); }

/* ---------- identity hero ---------- */
.tr-hero{ display:grid; grid-template-columns:1fr auto; gap:40px; align-items:center;
  padding:40px 0 30px; border-bottom:1px solid #e6e1d4; }
.tr-kicker{ font-family:var(--font-text); font-size:12px; font-weight:600; text-transform:uppercase;
  letter-spacing:.16em; color:var(--accent-strong); margin:0 0 16px; }
.tr-nation{ font-family:var(--font-display); font-weight:800; font-size:clamp(46px,8vw,92px);
  line-height:.92; letter-spacing:-.03em; margin:0; color:var(--ink); }
.tr-identity{ font-family:var(--font-serif); font-size:clamp(19px,2.1vw,23px); line-height:1.5;
  color:#6b6759; max-width:46ch; margin:20px 0 0; }
.tr-identity b{ color:var(--ink); font-weight:600; }
.tr-facts{ font-family:var(--font-text); font-size:13.5px; color:#6b6759; line-height:1.7;
  margin:18px 0 0; display:flex; flex-wrap:wrap; gap:4px 18px; }
.tr-facts b{ color:var(--ink); font-weight:600; }
.tr-crest .fi{ width:208px; height:208px; border-radius:50%; background-size:cover; background-position:center;
  box-shadow:0 6px 22px -10px rgba(30,28,22,.4), inset 0 0 0 1px rgba(0,0,0,.12); }

/* ---------- article + rail ---------- */
.tr-layout{ display:grid; grid-template-columns:minmax(0,1fr) 248px; gap:0 56px; align-items:start;
  padding-top:8px; }
.tr-article{ min-width:0; max-width:720px; }

/* quiet section rule above each heading — the broadsheet divider */
.tr-h{ font-family:var(--font-serif); font-weight:700; font-size:27px; line-height:1.2; letter-spacing:-.01em;
  color:var(--ink); margin:2.1em 0 .7em; padding-top:1.1em; border-top:1px solid #eee9df; }
.tr-article > .tr-h:first-of-type{ border-top:0; padding-top:0; margin-top:1.4em; }

.tr-prose p{ font-family:var(--font-serif); font-size:18.5px; line-height:1.76; color:#3a382f; margin:0 0 1.15em; }
.tr-prose p b, .tr-prose p strong{ color:var(--ink); font-weight:600; }
.tr-lead{ font-weight:600; font-style:italic; color:var(--ink); }

/* projected XI pitch (kept — a tactical diagram, not a dashboard) */
.tp-pitch{ margin:10px 0 6px; border:1px solid #e6e1d4; border-radius:16px; background:#fff;
  padding:16px 16px 10px; box-shadow:0 1px 0 rgba(0,0,0,.02); }
.tp-pitch-head{ display:flex; align-items:center; justify-content:space-between; gap:12px;
  flex-wrap:wrap; margin-bottom:12px; }
.tp-pitch-form{ font-family:var(--font-text); font-weight:700; font-size:13px; letter-spacing:-.01em;
  color:var(--accent2-strong); background:#eaf0fb; border:1px solid rgba(36,90,146,.22);
  border-radius:999px; padding:7px 15px; }
.tp-pitch-key{ font-family:var(--font-text); font-size:12px; color:#86826f;
  display:flex; align-items:center; gap:5px; flex-wrap:wrap; }
.tp-pitch-key .k-arr{ display:inline-block; width:0; height:0; border-left:8px solid #86826f;
  border-top:4px solid transparent; border-bottom:4px solid transparent; margin-right:2px; }
.tp-pitch-key .k-dot{ display:inline-block; width:10px; height:10px; border-radius:50%; margin:0 1px 0 6px; }
.tp-pitch-key .k-def{ background:#2f6fb3; } .tp-pitch-key .k-mid{ background:#1a9d54; } .tp-pitch-key .k-fwd{ background:#cc3b3b; }
.tp-pitch-svg{ display:block; width:100%; max-width:520px; height:auto; margin:0 auto; }

/* projected-XI note, lifted off the diagram and set as a quiet closing caption */
.tr-pitch-note{ margin:14px 0 0; padding-top:14px; border-top:1px solid #eee9df; }
.tr-pitch-note p{ font-family:var(--font-serif); font-size:15.5px; line-height:1.66; color:#6b6759; margin:0; max-width:68ch; }
.tr-pitch-note .lead{ font-style:italic; font-weight:600; color:var(--ink); }

/* squad, grouped by unit */
.tr-squad{ margin-top:6px; }
.tr-squad-unit{ margin:0 0 26px; }
.tr-squad-unit-h{ font-family:var(--font-text); font-size:11px; font-weight:700; text-transform:uppercase;
  letter-spacing:.12em; color:#a8a292; margin:0 0 10px; padding-bottom:7px; border-bottom:1px solid #eee9df; }
.tr-sq{ padding:14px 0; border-bottom:1px solid #f1ede3; }
.tr-sq:last-child{ border-bottom:0; }
.tr-sq-head{ display:flex; align-items:baseline; flex-wrap:wrap; gap:8px; }
.tr-sq-num{ font-family:var(--font-text); font-weight:700; font-size:12px; color:#a8a292;
  font-variant-numeric:tabular-nums; min-width:1.6em; }
.tr-sq-name{ font-family:var(--font-text); font-weight:700; font-size:16px; color:var(--ink); letter-spacing:-.01em; }
.tr-sq-xi{ font-family:var(--font-text); font-size:9.5px; font-weight:700; letter-spacing:.06em;
  color:var(--accent-strong); border:1px solid rgba(12,122,61,.3); border-radius:999px; padding:1px 7px; }
.tr-sq-meta{ font-family:var(--font-text); font-size:12px; color:#86826f; }
.tr-sq-blurb{ font-family:var(--font-serif); font-size:15.5px; line-height:1.6; color:#3a382f; margin:7px 0 0; max-width:64ch; }

/* key players fallback */
.tr-player{ padding:16px 0; border-bottom:1px solid #f1ede3; }
.tr-player:last-child{ border-bottom:0; }
.tr-player-name{ font-family:var(--font-text); font-weight:700; font-size:17px; color:var(--ink); }
.tr-player-role{ font-family:var(--font-text); font-size:12px; color:#86826f; margin-top:3px; }
.tr-player-form{ font-family:var(--font-serif); font-style:italic; font-size:15px; color:#6b6759; margin-top:6px; }
.tr-player-take{ font-family:var(--font-serif); font-size:16px; line-height:1.62; color:#3a382f; margin:8px 0 0; max-width:64ch; }

/* selection notes + team news as quiet left-ruled lines */
.tr-notes{ list-style:none; margin:14px 0 0; padding:0; }
.tr-notes li{ font-family:var(--font-serif); font-size:16px; line-height:1.6; color:#3a382f;
  margin:0 0 .8em; padding-left:18px; border-left:2px solid #e6e1d4; }

.tr-news{ list-style:none; margin:6px 0 0; padding:0; }
.tr-news li{ font-family:var(--font-serif); font-size:16px; line-height:1.55; color:#3a382f;
  padding:9px 0; border-bottom:1px solid #f1ede3; display:flex; gap:10px; align-items:baseline; }
.tr-news li:last-child{ border-bottom:0; }
.tr-news .st{ font-family:var(--font-text); font-size:10px; font-weight:700; text-transform:uppercase;
  letter-spacing:.05em; padding:2px 8px; border-radius:999px; flex:none; }
.tr-news .st-out{ color:#9a2f2f; background:rgba(154,47,47,.08); border:1px solid rgba(154,47,47,.22); }
.tr-news .st-doubt, .tr-news .st-monitor{ color:#9a6510; background:rgba(154,101,16,.08); border:1px solid rgba(154,101,16,.22); }
.tr-news .st-fit_again, .tr-news .st-back{ color:var(--accent-strong); background:rgba(12,122,61,.07); border:1px solid rgba(12,122,61,.22); }
.tr-news .nm{ font-family:var(--font-text); font-weight:700; color:var(--ink); }

/* fixtures (the group) */
.tr-fix{ list-style:none; margin:6px 0 0; padding:0; }
.tr-fix li a{ display:flex; align-items:center; gap:12px; padding:13px 2px; border-bottom:1px solid #f1ede3;
  text-decoration:none; color:var(--ink); }
.tr-fix li:last-child a{ border-bottom:0; }
.tr-fix li a:hover .tr-fx-opp{ color:var(--accent-strong); }
.tr-fx-md{ font-family:var(--font-text); font-size:11px; font-weight:700; color:#a8a292; min-width:38px; }
.tr-fx-opp{ font-family:var(--font-text); font-weight:600; font-size:15.5px; display:flex; align-items:center; gap:8px; flex:1; }
.tr-fx-opp .fi{ width:18px; height:18px; border-radius:50%; background-size:cover; background-position:center; }
.tr-fx-meta{ font-family:var(--font-text); font-size:12.5px; color:#86826f; text-align:right; }

/* sources */
.tr-article details.mp-sources{ margin-top:2.4em; border-top:1px solid #e6e1d4; padding-top:18px; }
.tr-article details.mp-sources summary{ font-family:var(--font-text); font-size:13px; font-weight:600;
  color:#6b6759; cursor:pointer; list-style:none; }
.tr-article details.mp-sources summary::-webkit-details-marker{ display:none; }
.tr-article details.mp-sources summary::before{ content:"+ "; color:#a8a292; }
.tr-article details.mp-sources[open] summary::before{ content:"– "; }
.tr-article .mp-sources-body{ font-family:var(--font-text); font-size:13px; color:#6b6759; padding-top:12px; }
.tr-article .mp-sources-intro{ margin:0 0 12px; line-height:1.5; }
.tr-article .mp-src-list{ list-style:none; margin:0; padding:0; }
.tr-article .mp-src-list li{ margin:0 0 6px; line-height:1.4; }
.tr-article .mp-src-list .muted{ color:#a8a292; }
.tr-article .share-row{ margin-top:2.2em; }

/* ---------- contents rail ---------- */
.tr-rail{ position:sticky; top:84px; }
.tr-toc-h{ font-family:var(--font-text); font-size:10.5px; font-weight:700; text-transform:uppercase;
  letter-spacing:.12em; color:#a8a292; margin:0 0 8px; padding-left:10px; }
.tr-toc{ display:flex; flex-direction:column; }
.tr-toc a{ font-family:var(--font-text); font-size:13.5px; color:#86826f; text-decoration:none;
  padding:6px 10px; border-radius:7px; border-left:2px solid transparent; line-height:1.3; }
.tr-toc a:hover{ color:var(--ink); }
.tr-toc a.on{ color:var(--ink); border-left-color:var(--accent-strong); background:#f3efe6; }

@media(max-width:920px){
  .tr-layout{ grid-template-columns:1fr; }
  .tr-rail{ display:none; }
}
@media(max-width:680px){
  .tr-hero{ grid-template-columns:1fr; gap:22px; }
  .tr-crest{ order:-1; } .tr-crest .fi{ width:120px; height:120px; }
  .tr-wrap{ padding:0 20px 64px; }
}