/* Sports studies: static, inspectable examples of the actual deliverables. */
.sports-study{--sp-forest:#193b32;--sp-paper:#f0f0e5;--sp-coral:#cf5371;--sp-rule:#c8d0c4}
.sports-screen{margin-top:34px!important;border:1px solid var(--sp-rule);background:var(--sp-paper);overflow:hidden}
.sp-screen-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:32px 36px;background:var(--sp-forest);color:#f8f5e9}
.sp-screen-head .mono{font-size:14px;line-height:1.6;color:#c6d5c6;display:block}
.sp-screen-head h3{font-size:clamp(34px,4.5vw,66px);letter-spacing:-.055em;line-height:1.05;margin-top:18px}
.sp-head-note{font-size:17px;line-height:1.6;color:#d9e1d0;text-align:right}
.sports-screen>figcaption{padding:18px 26px;font-size:14px;line-height:1.6;color:#565f54;border-top:1px solid var(--sp-rule);background:#f9f8f0}
.sp-platforms{display:grid;grid-template-columns:1fr 1fr}
.sp-platform{padding:30px 36px;min-width:0}
.sp-platform+.sp-platform{border-left:1px solid var(--sp-rule)}
.sp-platform-title{display:flex;justify-content:space-between;gap:16px;align-items:center}
.sp-platform-title h4{font-size:23px;letter-spacing:-.02em}
.sp-platform-title>span{font-size:16px;color:#596357}
.sp-platform-total{display:flex;flex-direction:column;margin:22px 0 30px;gap:4px}
.sp-platform-total>strong{font-size:clamp(40px,5vw,76px);line-height:1;letter-spacing:-.06em;font-weight:500}
.sp-platform-total>span{font-size:16px;color:#596357}
.sp-bar-row+.sp-bar-row{margin-top:24px}
.sp-bar-row>div:first-child{display:flex;justify-content:space-between;gap:18px;align-items:baseline;font-size:16px;line-height:1.45;margin-bottom:9px}
.sp-bar-row strong{font-variant-numeric:tabular-nums;white-space:nowrap}
.sp-bar-track{height:15px;background:#d9dfd0}
.sp-bar-track i{height:100%;display:block;background:var(--sp-forest)}
.sp-platform:nth-child(2) .sp-bar-track i{background:var(--sp-coral)}
.sp-platform-footer{display:flex;justify-content:space-between;gap:14px;margin-top:28px;border-top:1px solid var(--sp-rule);padding-top:17px;font-size:16px;line-height:1.6}
.sp-platform-footer>span{display:flex;flex-direction:column}
.sp-platform-footer strong{font-size:23px;letter-spacing:-.03em}
.sp-chart-note{font-size:14px!important;line-height:1.5!important;margin-top:20px;color:#586152}
.sp-data-note{display:grid;grid-template-columns:1fr 1.7fr;gap:26px;padding:23px 36px;border-top:1px solid var(--sp-rule);background:#e1e7d6;font-size:17px;line-height:1.6}
.sp-post-register{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border:1px solid var(--sp-rule)}
.sp-post-register article{padding:26px;background:#f4f3e9;min-width:0}
.sp-post-register article:nth-child(even){border-left:1px solid var(--sp-rule)}
.sp-post-register article:nth-child(n+3){border-top:1px solid var(--sp-rule)}
.sp-post-label{display:flex;justify-content:space-between;gap:20px;font-size:16px;line-height:1.5;color:#535f52}
.sp-post-label .mono{font-size:14px}
.sp-post-register h4{font-size:27px;letter-spacing:-.035em;line-height:1.2;margin:24px 0}
.sports-facts{margin-top:20px}
.sports-facts>div{display:flex;justify-content:space-between;gap:20px;padding:12px 0;border-top:1px solid var(--sp-rule,#c8d0c4);font-size:16px;line-height:1.55}
.sports-facts dt{color:#596154;min-width:0}
.sports-facts dd{margin:0;text-align:right;max-width:60%;overflow-wrap:anywhere}
.sp-post-register article>p{font-size:14px;line-height:1.7;color:#5b6558;margin-top:24px}
.sp-observation{display:grid;grid-template-columns:1fr 1.7fr;gap:30px;padding:30px;background:#dfe5d0;margin-top:25px}
.sp-observation .mono{font-size:14px;line-height:1.6;color:#4b5d45}
.sp-observation h4{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin-top:15px}
.sp-observation>p{font-size:18px;line-height:1.7;color:#384638}
.sp-source-note{font-size:14px;line-height:1.7;margin-top:24px;color:#626759}
.sp-source-note a{text-decoration:underline;text-underline-offset:3px}
.sports-study .study-outputs{background:#e7eadf;border-color:var(--sp-rule)}
.sports-study .study-output-preview{border-color:var(--sp-rule)}
.sports-paper h4{white-space:pre-line}
.sports-paper .sports-facts{margin-top:25px}
.sp-equation{display:flex;flex-direction:column;margin-top:32px;gap:10px;line-height:1.5;font-size:16px}
.sp-equation>strong{font-size:22px;letter-spacing:-.04em}
.sp-equation>b{font-size:58px;font-weight:500;letter-spacing:-.06em;margin-top:12px;color:#24483a}
.sp-report-list{padding:0;margin:30px 0 0;list-style:none;counter-reset:report}
.sp-report-list li{counter-increment:report;display:flex;gap:14px;padding:14px 0;border-top:1px solid var(--sp-rule);font-size:16px;line-height:1.6}
.sp-report-list li:before{content:'0' counter(report);color:#747e6b;font-family:var(--mono);font-size:14px;flex:none}
.sp-sponsor-top{display:grid;grid-template-columns:1.65fr 1fr}
.sp-court-frame,.sp-pass-frame{position:relative;background:#121c19;min-width:0;align-self:start}
.sp-court-frame>img,.sp-pass-frame>img{width:100%;height:auto;display:block}
.sp-logo-outline{position:absolute;left:21.5%;top:18.5%;width:26%;height:12%;border:2px solid #e3ff8d;box-shadow:0 0 0 1px #193b3299}
.sp-frame-caption{display:block;padding:14px 20px;font-size:14px;line-height:1.6;color:#f0f5e7;background:#193b32}
.sp-visibility{padding:30px;display:flex;flex-direction:column;justify-content:center;min-width:0}
.sp-visibility>.mono{font-size:14px;line-height:1.6;color:#526349}
.sp-visibility>strong{display:flex;align-items:baseline;gap:15px;font-size:clamp(75px,10vw,140px);font-weight:500;letter-spacing:-.06em;line-height:1;margin-top:20px}
.sp-visibility em{font-style:normal;font-size:20px;letter-spacing:-.03em}
.sp-visibility>p{font-size:16px;line-height:1.65;margin-top:12px;color:#5b6554}
.sp-timeline{padding:30px 36px;background:#e9ecdf;border-top:1px solid var(--sp-rule)}
.sp-timeline-scale{display:flex;justify-content:space-between;gap:14px;font:14px/1.6 var(--mono);color:#58634f;margin-bottom:18px}
.sp-timeline-row{margin-top:22px}
.sp-timeline-row>div:first-child{display:flex;justify-content:space-between;gap:16px;margin-bottom:8px;font-size:16px;line-height:1.5}
.sp-timeline-row>div:first-child>span{font-size:14px;color:#58634f}
.sp-time-track{position:relative;height:20px;background:repeating-linear-gradient(90deg,#d3dbc7 0,#d3dbc7 calc(16.666% - 1px),#bdc8ae calc(16.666% - 1px),#bdc8ae 16.666%)}
.sp-time-track i{position:absolute;height:100%;background:#4d6b43}
.sp-excluded .sp-time-track i{background:repeating-linear-gradient(135deg,#b1bba5 0,#b1bba5 4px,#edf0e4 4px,#edf0e4 8px);border:1px solid #829374}
.sp-merged{padding-top:20px;border-top:1px solid #adbda0}
.sp-merged .sp-time-track i{background:#193b32}
.sp-counting{display:grid;grid-template-columns:1fr 1.4fr;border:1px solid var(--sp-rule)}
.sp-counting>div{padding:30px;background:#eef0e4;min-width:0}
.sp-counting .mono{font-size:14px;line-height:1.6}
.sp-counting>.sp-counted-total{background:#193b32;color:#f4f4e9;display:flex;flex-direction:column;justify-content:center}
.sp-counted-total>strong{font-size:clamp(25px,3vw,43px);line-height:1.3;letter-spacing:-.05em;margin-top:24px}
.sp-counted-total>p{font-size:17px;line-height:1.7;margin-top:22px;color:#d8e3cd}
.sp-duration-bar{height:26px;background:#e2e6d7;margin-top:30px}
.sp-duration-bar i{display:block;height:100%;background:#31513e}
.sp-evidence-output>img{display:block;aspect-ratio:3/2;object-fit:cover}
.sp-clip-request{padding:30px 36px;border-bottom:1px solid var(--sp-rule);background:#e1e6d3}
.sp-clip-request>.mono{font-size:14px;line-height:1.6;color:#53634a}
.sp-clip-request blockquote{font-size:clamp(27px,3.6vw,45px);line-height:1.2;letter-spacing:-.04em;margin:18px 0 0}
.sp-clip-candidate{display:grid;grid-template-columns:1.6fr 1fr}
.sp-clip-reasons{padding:28px;min-width:0}
.sp-clip-reasons>.mono{font-size:14px;line-height:1.6;color:#5c6554}
.sp-clip-reasons h4{font-size:30px;line-height:1.15;letter-spacing:-.04em;margin-top:18px}
.sp-clip-reasons>p{font-size:16px;line-height:1.7;margin-top:20px;color:#57604e}
.sp-candidate-alternatives{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding:25px 36px;background:#e9ecdf;border-top:1px solid var(--sp-rule)}
.sp-candidate-alternatives>div{display:flex;flex-direction:column;gap:9px}
.sp-candidate-alternatives .mono{font-size:14px;line-height:1.6;color:#5a6550}
.sp-candidate-alternatives strong{font-size:19px;line-height:1.5}
.sp-candidate-alternatives span:last-child{font-size:16px;line-height:1.5;color:#5a6550}
.sp-edit-sheet{display:grid;grid-template-columns:1.3fr 1fr;border:1px solid var(--sp-rule)}
.sp-edit-range{background:#eef0e6;padding:30px;min-width:0}
.sp-edit-range>.mono{font-size:14px;line-height:1.6;overflow-wrap:anywhere}
.sp-cut-points{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:32px 0}
.sp-cut-points>div{display:flex;flex-direction:column;gap:8px}
.sp-cut-points span{font-size:16px;color:#586651}
.sp-cut-points strong{font-size:clamp(20px,2.6vw,32px);letter-spacing:-.045em;font-weight:500;line-height:1.3}
.sp-cut-points>b{font-size:24px;color:#6b7a60;font-weight:400}
.sp-edit-track{display:flex;position:relative;border:1px solid #748867;background:#d8e2c9}
.sp-edit-track>span{width:50%;padding:20px 16px;font-size:16px;line-height:1.6}
.sp-edit-track>span:last-child{border-left:1px solid #6b875b;background:#c3d4b0}
.sp-edit-track>i{position:absolute;left:50%;top:-8px;bottom:-8px;width:2px;background:#284e39}
.sp-edit-range>p{margin-top:26px;font-size:16px;line-height:1.7;color:#55634f}
.sp-rights{padding:30px;background:#e0e6d3}
.sp-rights>.mono{font-size:14px;line-height:1.6;color:#536448}
.sp-rights h4{font-size:30px;line-height:1.2;letter-spacing:-.04em;margin-top:23px}
.sp-rights>p{font-size:17px;line-height:1.7;margin-top:20px;color:#44593a}
.sp-rights>div{display:flex;flex-direction:column;gap:10px;border-top:1px solid #aab99b;padding-top:22px;margin-top:25px;font-size:16px;line-height:1.7}
/* Previews show three different artifacts, each specific to its project. */
.project-preview:has(.sp-preview){padding:0}
.sp-preview{width:100%;height:100%;font-size:14px;line-height:1.5;overflow:hidden}
.sp-preview-metrics{padding:22px 26px;background:#193b32;color:#f3f1df;display:flex;flex-direction:column;justify-content:center;gap:14px}
.sp-preview-metrics>.mono{font-size:14px;line-height:1.5;color:#c3d3b4}
.sp-preview-metrics>strong{font-size:clamp(25px,2.8vw,38px);line-height:1.05;letter-spacing:-.04em;font-weight:500}
.sp-preview-metrics-row{display:grid;grid-template-columns:1fr auto;gap:5px 14px;font-size:14px}
.sp-preview-metrics-row>i{height:9px;grid-column:1/-1;background:linear-gradient(90deg,#cee2a5 var(--fill),#345347 var(--fill));display:block}
.sp-preview-metrics-row:nth-last-child(2)>i{background:linear-gradient(90deg,#f398a9 var(--fill),#345347 var(--fill))}
.sp-preview-foot{font-size:14px;line-height:1.5;display:block}
.sp-preview-sponsor{background:#e8eecf;display:grid;grid-template-columns:1.25fr 1fr}
.sp-preview-court{position:relative;overflow:hidden;min-width:0}
.sp-preview-court>img{height:100%;width:100%;object-fit:cover;object-position:26% center;display:block}
.sp-preview-court>i{position:absolute;top:19%;left:8%;width:72%;height:14%;border:2px solid #e6ff9c}
.sp-preview-sponsor>div:last-child{padding:18px;display:flex;flex-direction:column;justify-content:center;gap:17px;color:#1c3a2a;font-size:14px}
.sp-preview-sponsor strong{font-size:clamp(48px,6vw,80px);letter-spacing:-.065em;line-height:1;font-weight:500;display:flex;flex-direction:column;gap:7px}
.sp-preview-sponsor strong em{font-size:19px;font-style:normal;letter-spacing:0}
.sp-preview-clips{display:flex;flex-direction:column;background:#dde7df;color:#183a2d}
.sp-preview-query{padding:13px 19px;font-size:16px;line-height:1.5}
.sp-preview-clips>img{width:100%;height:0;flex:1;min-height:0;object-fit:cover;object-position:center 40%}
.sp-preview-cut{display:flex;align-items:center;gap:16px;padding:13px 19px 5px;font:14px/1.5 var(--mono)}
.sp-preview-cut>i{flex:1;min-width:8px;height:6px;background:#6c9475}
.sp-preview-clips>.sp-preview-foot{padding:5px 19px 13px}
@media(max-width:1000px){
 .sp-sponsor-top,.sp-clip-candidate{grid-template-columns:1fr}
 .sp-visibility{display:grid;grid-template-columns:1fr 1fr;gap:10px 30px}
 .sp-visibility>.mono{grid-column:1/-1}
 .sp-visibility>strong{grid-column:1;grid-row:2;font-size:100px}
 .sp-visibility>p{grid-column:1;grid-row:3;margin-top:0}
 .sp-visibility .sports-facts{grid-column:2;grid-row:2/4;align-self:center}
 .sp-preview-metrics{padding:18px;gap:12px}
 .sp-preview-metrics>strong{font-size:30px}
}
@media(max-width:700px){
 .sp-screen-head{align-items:start;flex-direction:column;padding:26px;gap:20px}
 .sp-head-note{text-align:left;font-size:16px}
 .sp-platforms,.sp-post-register,.sp-data-note,.sp-observation,.sp-counting,.sp-edit-sheet,.sp-candidate-alternatives{grid-template-columns:1fr}
 .sp-platform{padding:26px}
 .sp-platform+.sp-platform{border-left:0;border-top:1px solid var(--sp-rule)}
 .sp-platform-total>strong{font-size:58px}
 .sp-post-register article:nth-child(even){border-left:0}
 .sp-post-register article+article{border-top:1px solid var(--sp-rule)}
 .sp-data-note,.sp-observation{padding:24px;gap:16px}
 .sp-visibility{display:flex;padding:26px;gap:0}
 .sp-visibility>strong{font-size:95px;margin-top:20px}
 .sp-visibility>p{margin-top:12px}
 .sp-visibility .sports-facts{align-self:stretch}
 .sp-timeline{padding:24px}
 .sp-timeline-row>div:first-child{flex-direction:column;gap:4px}
 .sp-counting>div,.sp-edit-range,.sp-rights{padding:25px}
 .sp-clip-request,.sp-clip-reasons{padding:25px}
 .sp-candidate-alternatives{padding:24px;gap:24px}
 .sp-candidate-alternatives>div+div{border-top:1px solid var(--sp-rule);padding-top:22px}
 .sp-cut-points{gap:10px}
 .sp-cut-points strong{font-size:25px}
 .sp-edit-track>span{padding:16px 12px}
}
@media(max-width:380px){
 .sp-screen-head,.sp-platform,.sp-post-register article,.sp-visibility,.sp-counting>div,.sp-edit-range,.sp-rights,.sp-clip-request,.sp-clip-reasons{padding:20px}
 .sp-bar-row>div:first-child{flex-direction:column;gap:4px}
 .sp-cut-points strong{font-size:20px}
 .sports-paper{padding:20px}
 .sp-preview-metrics{padding:16px;gap:10px}
 .sp-preview-metrics>strong{font-size:27px}
 .sp-preview-metrics>.mono{font-size:14px}
 .sp-preview-sponsor>div:last-child{padding:13px}
}