/* match-refined.css — the refined long-read match preview.
   Single reading column, Source Serif body, drop-cap lede, quiet section rules.
   Tokens mapped onto wc-site.css; warm neutrals kept local to the reading column.
   No external calls. */

.lr-read{ max-width:744px; margin:0 auto; padding:0 32px 96px; }

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

.lr-kicker{ font-family:var(--font-text); font-size:12px; font-weight:600; text-transform:uppercase;
  letter-spacing:.16em; color:var(--accent-strong); margin:40px 0 22px; }

.lr-matchup{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; margin:6px 0 26px; }
.lr-team{ display:inline-flex; align-items:center; gap:15px; }
.lr-team .fi{ width:84px; height:84px; border-radius:50%; background-size:cover; background-position:center;
  box-shadow:0 2px 6px -2px rgba(30,28,22,.22), inset 0 0 0 1px rgba(0,0,0,.14); }
.lr-team-name{ font-family:var(--font-serif); font-weight:600; font-size:clamp(27px,3.8vw,40px);
  letter-spacing:-.015em; color:var(--ink); line-height:1.04; white-space:nowrap; }
.lr-mvs{ font-family:var(--font-serif); font-style:italic; font-size:27px; color:#a8a292; margin:0 4px; }
@media(max-width:560px){ .lr-team .fi{ width:60px; height:60px; } }

.lr-headline{ font-family:var(--font-serif); font-weight:600; font-size:clamp(30px,4.4vw,44px);
  line-height:1.14; letter-spacing:-.012em; color:var(--ink); margin:0 0 22px; display:block; }
.lr-standfirst{ font-family:var(--font-serif); font-weight:400; font-size:clamp(20px,2.3vw,24px);
  line-height:1.5; color:#6b6759; margin:0 0 30px; }

.lr-dateline{ display:flex; flex-wrap:wrap; align-items:center; gap:10px 14px;
  padding:18px 0; border-top:1px solid #e6e1d4; border-bottom:1px solid #e6e1d4;
  font-family:var(--font-text); font-size:13.5px; color:#6b6759; margin-bottom:8px; }
.lr-dateline .sep{ width:3px; height:3px; border-radius:50%; background:#a8a292; }
.lr-dateline .tv{ font-weight:600; color:var(--ink); }

.lr-watchnote{ font-family:var(--font-text); font-size:14.5px; color:#6b6759; margin:15px 0 2px; line-height:1.5; }
.lr-watchnote b{ color:var(--accent-strong); font-weight:600; }
.lr-watchnote .lbl{ color:#a8a292; font-weight:600; }

.lr-lede p, .lr-prose p{ font-family:var(--font-serif); font-size:20.5px; line-height:1.8;
  color:#3a382f; margin:0 0 1.3em; }
.lr-lede{ margin-top:30px; }
.lr-lede > p:first-child::first-letter{ font-family:var(--font-serif); font-weight:600; float:left;
  font-size:62px; line-height:.86; padding:7px 12px 0 0; color:var(--accent-strong); }

.lr-h{ font-family:var(--font-serif); font-weight:700; font-size:27px; line-height:1.2; letter-spacing:-.01em;
  color:var(--ink); margin:2.3em 0 .7em; }

.lr-watch p{ font-family:var(--font-serif); font-size:19.5px; line-height:1.7; color:#3a382f;
  margin:0 0 1.15em; padding-left:22px; border-left:2px solid #e6e1d4; }
.lr-watch p strong{ color:var(--ink); font-weight:600; }

.lr-h-verdict{ margin-top:2.6em; padding-top:1.4em; border-top:1px solid #e6e1d4; }
.lr-verdict p{ color:var(--ink); }
.lr-verdict p:last-child{ font-style:italic; }

/* sources — quiet, collapsible, matches the reading column */
.lr-read details.mp-sources{ margin-top:3em; border-top:1px solid #e6e1d4; padding-top:18px; }
.lr-read details.mp-sources summary{ font-family:var(--font-text); font-size:13px; font-weight:600;
  color:#6b6759; cursor:pointer; list-style:none; }
.lr-read details.mp-sources summary::-webkit-details-marker{ display:none; }
.lr-read details.mp-sources summary::before{ content:"+ "; color:#a8a292; }
.lr-read details.mp-sources[open] summary::before{ content:"– "; }
.lr-read .mp-sources-body{ font-family:var(--font-text); font-size:13px; color:#6b6759; padding-top:14px; }
.lr-read .mp-sources-intro{ font-style:normal; color:#6b6759; margin:0 0 14px; line-height:1.5; }
.lr-read .mp-twocol{ display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.lr-read .mp-team-sub{ font-family:var(--font-text); font-size:12px; font-weight:700; color:var(--ink);
  margin:0 0 8px; display:flex; align-items:center; gap:7px; }
.lr-read .mp-team-sub .fi{ width:16px; height:16px; border-radius:50%; background-size:cover; background-position:center; }
.lr-read .mp-src-list{ list-style:none; margin:0; padding:0; }
.lr-read .mp-src-list li{ margin:0 0 6px; line-height:1.4; }
.lr-read .mp-src-list a{ color:var(--accent-strong); text-decoration:none; }
.lr-read .mp-src-list a:hover{ text-decoration:underline; }
.lr-read .mp-src-list .muted{ color:#a8a292; }

.lr-read .share-row{ margin-top:2.4em; }

@media(max-width:560px){
  .lr-read{ padding:0 20px 72px; }
  .lr-read .mp-twocol{ grid-template-columns:1fr; }
}
