/* =====================================================================
   Winter Ball Updates · study.css · Daily Update › The study (page-study.js) and its Today card
   The charts are SVG files drawn on the site's paper (#F0E2C6) and night (#0B1622) papers; each figure carries
   both and the theme shows one. Text column capped for reading; one column on phones, a side rail from 1100 px.
   ===================================================================== */
.sd-h .sd-k, .sd-slot .sd-k { font: 700 12px/1.3 var(--vt-serif, Georgia, serif); letter-spacing: .12em; text-transform: uppercase; color: var(--vt-red, #9B1C1F); }
:root[data-theme="dark"] .sd-h .sd-k, :root[data-theme="dark"] .sd-slot .sd-k { color: #E8615F; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sd-h .sd-k, :root:not([data-theme="light"]) .sd-slot .sd-k { color: #E8615F; } }
.sd-h h1 { margin-top: 4px; text-wrap: balance; }
.sd-dek { font-size: 16px; }
.sd-preview { margin: 0 0 12px; padding: 10px 14px; border: 1.5px dashed var(--vt-red, #9B1C1F); border-radius: 4px; font-weight: 600; }
.sd-grid { display: grid; gap: 16px; grid-template-columns: minmax(0, 1fr); align-items: start; }
@media (min-width: 1100px) { .sd-grid { grid-template-columns: minmax(0, 1fr) 340px; } }
.sd-art { padding: 18px 22px 20px; }
.sd-art p { max-width: 68ch; margin: 0 0 14px; font: 400 17px/1.6 var(--vt-serif, Georgia, serif); }
/* player names in the text read as text (the card button keeps its underline cue) */
.sd-art p .pbtn { font: inherit; letter-spacing: inherit; }
.sd-art p.sd-src { margin: 18px 0 0; font: 400 13px/1.45 var(--font, system-ui, sans-serif); color: var(--ink-2); }
.sd-fig { margin: 6px 0 18px; max-width: 600px; }
.sd-fig img { display: block; width: 100%; height: auto; border-radius: 3px; outline: 1px solid var(--rule, rgb(15 35 64 / .14)); }
.sd-fig .sd-night { display: none; }
/* the lead graphic: the card's chart, first thing in the piece */
.sd-fig.sd-lead { margin: 0 0 18px; }
:root[data-theme="dark"] .sd-fig .sd-paper { display: none; }
:root[data-theme="dark"] .sd-fig .sd-night { display: block; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sd-fig .sd-paper { display: none; } :root:not([data-theme="light"]) .sd-fig .sd-night { display: block; } }
.sd-side { display: grid; gap: 16px; min-width: 0; }
.sd-share-b { display: grid; gap: 10px; padding: 4px 16px 16px; }
.sd-row { display: flex; flex-wrap: wrap; gap: 8px; align-items: center; min-width: 0; }
.sd-url { flex: 1 1 160px; min-width: 0; font: 13px/1.3 var(--font, system-ui, sans-serif); padding: 7px 8px; border: 1px solid var(--line, #C9B89A); border-radius: 3px; background: var(--card-2, #EEDFC2); color: var(--ink); }
.sd-cap-l { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--ink-2); }
.sd-cap { width: 100%; box-sizing: border-box; resize: vertical; font: 14px/1.45 var(--font, system-ui, sans-serif); padding: 8px; border: 1px solid var(--line, #C9B89A); border-radius: 3px; background: var(--card-2, #EEDFC2); color: var(--ink); }
.sd-copied { font-size: 13px; color: var(--ink-2); }
.sd-list { list-style: none; margin: 0; padding: 0 0 8px; }
.sd-list li a { display: grid; gap: 2px; padding: 9px 16px; color: inherit; text-decoration: none; border-top: 1px solid var(--rule, rgb(15 35 64 / .14)); }
.sd-list li:first-child a { border-top: 0; }
.sd-list li a:hover .sd-lh { text-decoration: underline; }
.sd-list li.on a { background: var(--card-2, #EEDFC2); }
.sd-lk { font-size: 12px; letter-spacing: .04em; color: var(--ink-2); }
.sd-lh { font: 600 15px/1.35 var(--vt-serif, Georgia, serif); }
/* Today */
#slot-study:empty { display: none; }
.sd-slot { display: grid; gap: 4px; padding: 14px 18px; text-decoration: none; color: inherit; margin-bottom: 16px; }
.sd-slot .sd-sh { font: 700 20px/1.3 var(--vt-serif, Georgia, serif); text-wrap: balance; }
.sd-slot .sd-go { font-size: 14px; font-weight: 600; }
.sd-slot:hover .sd-sh { text-decoration: underline; text-decoration-color: var(--vt-red, #9B1C1F); }
@media (max-width: 599px) { .sd-art { padding: 14px 14px 16px; } .sd-art p { font-size: 16px; } .sd-slot .sd-sh { font-size: 18px; } }

/* per-study Sources list (operator 2026-10-24) */
.sd-art .sd-sources { margin: 18px 0 0; padding-top: 12px; border-top: 1px solid var(--line, rgb(0 0 0 / .12)); font: 400 13px/1.45 var(--font, system-ui, sans-serif); color: var(--ink-2); }
.sd-art .sd-sources b { display: block; font-weight: 700; color: var(--ink); margin-bottom: 4px; }
.sd-art .sd-sources ul { margin: 0; padding-left: 18px; }

/* the subject's photo, or his club's team photo (operator 2026-10-24) */
.sd-art .sd-photo { margin: 0 0 18px; }
.sd-art .sd-photo .ph { position: relative; aspect-ratio: 16/9; overflow: hidden; border-radius: 8px; background: #0b1622; }
.sd-art .sd-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.sd-art .sd-photo figcaption { margin-top: 6px; font: 400 13px/1.45 var(--font, system-ui, sans-serif); color: var(--ink-2); }
.sd-art .sd-photo .sd-ph-k { font-weight: 600; color: var(--ink); }

/* studies under the report (operator 2026-10-24) */
.sd-report { margin-top: calc(var(--gap, 12px) * 2); }
.sd-report .sd-rh h2 { margin: 0 0 10px; }
.sd-report .sd-in-report { max-width: 860px; margin: 0 auto var(--gap, 12px); }
.sd-report .sd-h2 { margin: 4px 0 2px; font: var(--fdw, 760) clamp(22px, 2.4vw, 30px)/1.1 var(--fd); }
.sd-report .linkbtn { background: none; border: 0; padding: 0; color: inherit; text-decoration: underline; cursor: pointer; font: inherit; }

/* study follow-ups (page-study.js updatesHTML): a ruled block under the study, its date as a red kicker */
.sd-upd { margin: 22px 0 0; padding: 14px 0 0; border-top: 3px double var(--vt-red, #9B1C1F); }
.sd-upd-k { font: 700 12px/1.3 var(--vt-serif, Georgia, serif); letter-spacing: .12em; text-transform: uppercase; color: var(--vt-red, #9B1C1F); }
.sd-upd-h { margin: 4px 0 8px; font: var(--fdw, 760) clamp(19px, 2vw, 24px)/1.15 var(--fd); }
:root[data-theme="dark"] .sd-upd-k { color: #E8615F; } :root[data-theme="dark"] .sd-upd { border-top-color: #E8615F; }
@media (prefers-color-scheme: dark) { :root:not([data-theme="light"]) .sd-upd-k { color: #E8615F; } :root:not([data-theme="light"]) .sd-upd { border-top-color: #E8615F; } }