/* The Mega Bowl Dispatch — the weekly newspaper edition.
   A broadsheet tucked inside the souvenir program: serif heads, newsprint cream,
   hairline column rules, thick-thin section rules. Teal masthead and orange name
   marks keep it in the program's world. Scoped under .paper. */
.paper{
  --p-ink:#141210; --p-ink2:#3a342e; --p-dim:#6b6050; --p-line:#cfc8b8; --p-rule:#141210;
  --p-paper:#fffdf8; --p-cream:#f4efe4;
  --p-teal:#0e6e6b; --p-teal-d:#0a4f4d; --p-orange:#e8622a; --p-orange-d:#c94d1b;
  --p-red:#a11313; --p-green:#17623d;
  --serif:"Libre Baskerville",Georgia,"Times New Roman",serif;
  --head:"Playfair Display",Georgia,serif;
  --cond:"Barlow Condensed","Arial Narrow",sans-serif;
  background:var(--p-paper);color:var(--p-ink);border:1px solid #b9b2a2;box-shadow:0 6px 28px rgba(0,0,0,.14);
  margin:8px 0 32px;padding:0 0 28px;font-family:var(--serif);font-size:15px;line-height:1.6;
}
.paper *{box-sizing:border-box}
.paper p{margin:0 0 10px}
.paper .tm-name{color:var(--p-teal-d);font-weight:700}
.paper .pl-name{color:var(--p-orange-d);font-weight:700}
.paper .pos{color:var(--p-green)}
.paper .neg{color:var(--p-red)}
.paper .mute{color:var(--p-dim)}
.paper .num{font-variant-numeric:tabular-nums;text-align:right;white-space:nowrap}
.paper .fine{font-size:12.5px;color:var(--p-dim);font-style:italic;margin:0 0 10px}
.paper small{font-size:.82em;color:var(--p-dim)}

/* masthead */
.p-mast{background:var(--p-teal);color:var(--p-paper);text-align:center;padding:14px 28px 12px;border-bottom:6px solid var(--p-ink);position:relative}
.p-mast::after{content:"";position:absolute;left:0;right:0;bottom:6px;height:2px;background:var(--p-orange)}
.p-ears{display:flex;justify-content:space-between;font-family:var(--cond);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,253,248,.8);border-bottom:1px solid rgba(255,253,248,.3);padding-bottom:6px;margin-bottom:8px}
.p-name{margin:0;font-family:"Anton","Impact","Arial Narrow",sans-serif;font-weight:400;font-size:clamp(40px,8.5vw,84px);line-height:.95;letter-spacing:.02em;text-transform:uppercase;text-shadow:3px 3px 0 var(--p-ink)}
.p-edition{margin:8px 0 0;font-family:var(--cond);font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,253,248,.9);border-top:1px solid rgba(255,253,248,.3);padding-top:8px}

/* banner headline */
.p-banner{padding:22px 36px 10px;text-align:center;border-bottom:2px solid var(--p-rule);margin:0 36px}
.p-hed{margin:0 0 10px;font-family:var(--head);font-weight:900;font-size:clamp(30px,5.4vw,58px);line-height:1.02;text-transform:uppercase;letter-spacing:.005em}
.p-hed .tm-name,.p-hed .pl-name{color:inherit}
.p-dek{font-size:16.5px;line-height:1.5;color:var(--p-ink2);max-width:860px;margin:0 auto 6px}
.p-bar{display:flex;justify-content:space-between;align-items:center;gap:14px;margin:0 36px;padding:8px 0;border-bottom:1px solid var(--p-line);font-family:var(--cond);font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--p-dim)}
.p-bar em{font-family:var(--serif);font-style:italic;font-size:13.5px;letter-spacing:0;text-transform:none;color:var(--p-ink2);font-weight:700;text-align:center;flex:1}

/* front page */
.p-front{display:grid;grid-template-columns:1fr 2.1fr 1.15fr;padding:0 36px 22px;border-bottom:3px double var(--p-rule)}
.p-col{padding:18px 16px 0}
.p-col:first-child{padding-left:0;border-right:1px solid var(--p-line)}
.p-col:last-child{padding-right:0;border-left:1px solid var(--p-line)}
.p-label{font-family:var(--cond);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--p-orange-d);border-bottom:2px solid var(--p-orange-d);padding-bottom:3px;margin:0 0 10px}
.p-col .p-label+.p-label,.p-col table+.p-label{margin-top:18px}
.tease{padding:9px 0;border-bottom:1px solid var(--p-line)}
.tease:last-child{border-bottom:0}
.tease b{display:block;font-family:var(--head);font-weight:700;font-size:15px;line-height:1.2;text-transform:uppercase}
.tease i{display:block;font-size:12.5px;color:var(--p-red);line-height:1.35;margin:3px 0}
.tease span{font-size:12.5px;font-variant-numeric:tabular-nums}
.hero{margin:0 0 12px;text-align:center}
.hero-img{display:block;width:100%;max-height:330px;object-fit:cover;object-position:center top;border:2px solid var(--p-ink);background:var(--p-cream)}
.hero figcaption{font-size:12px;color:var(--p-dim);font-style:italic;margin-top:5px}
.byline{font-family:var(--cond);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--p-teal-d);border-bottom:2px solid currentColor;padding-bottom:4px;margin:4px 0 12px}
.plede{font-size:15px;line-height:1.65}
.plede p:first-child::first-letter{font-family:var(--head);font-weight:900;font-size:3.4em;float:left;line-height:.82;padding:4px 7px 0 0;color:var(--p-orange-d)}

/* standings */
.st{width:100%;border-collapse:collapse;font-size:12.5px;font-variant-numeric:tabular-nums}
.st th{font-family:var(--cond);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-dim);text-align:left;padding:4px 4px;border-bottom:1px solid var(--p-ink);background:var(--p-cream)}
.st td{padding:5px 4px;border-bottom:1px solid var(--p-line);vertical-align:middle}
.st td:nth-child(3),.st th:nth-child(3){white-space:nowrap}
.st td:first-child,.st th:first-child{width:22px}
.st-team{display:flex;align-items:center;gap:6px;min-width:0}
.st-team img{width:24px;height:24px;border-radius:50%;flex:none;border:1px solid var(--p-line);background:#fff}
.st-team span{display:flex;flex-direction:column;min-width:0}
.st-team b{font-size:12px;line-height:1.1}
.st-team small{font-size:10.5px;line-height:1.2}
.st .pos,.st .neg{font-family:var(--cond);font-weight:700;font-size:12px;white-space:nowrap}
.nums{margin:0;display:grid;gap:6px}
.nums div{display:grid;grid-template-columns:92px 1fr;gap:8px;font-size:12.5px;border-bottom:1px dotted var(--p-line);padding-bottom:5px}
.nums dt{font-family:var(--cond);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-dim);padding-top:2px}
.nums dd{margin:0;line-height:1.35}
.nums dd b{font-family:var(--head);font-size:16px;margin-right:4px}

/* sections */
.p-sec{padding:0 36px;margin-top:26px}
.p-head{margin:0 0 12px;font-family:var(--cond);font-size:13px;font-weight:700;letter-spacing:.3em;text-transform:uppercase;color:var(--p-ink);text-align:center;position:relative}
.p-head::before{content:"";position:absolute;left:0;right:0;top:50%;border-top:3px double var(--p-rule)}
.p-head span{position:relative;background:var(--p-paper);padding:0 16px}
.rolls3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px}
.rolls2{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.roll{list-style:none;margin:0;padding:0}
.roll li{display:grid;grid-template-columns:40px 1fr auto;gap:10px;align-items:center;padding:7px 0;border-bottom:1px dotted var(--p-line);font-size:13px}
.roll .mug{width:40px;height:40px;border-radius:50%;object-fit:cover;object-position:top;background:var(--p-cream);border:1px solid var(--p-line)}
.roll li>span{display:flex;flex-direction:column;min-width:0;line-height:1.3}
.roll b{font-family:var(--head);font-size:14px}
.roll em{font-style:normal;font-size:11.5px;color:var(--p-dim)}
.roll strong{font-family:var(--cond);font-size:22px;font-weight:700;color:var(--p-teal-d);font-variant-numeric:tabular-nums}
.roll.bad strong{color:var(--p-red)}

/* payouts */
.pay{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px}
.pay-card{border:3px double var(--p-ink);padding:14px 16px;background:var(--p-cream);text-align:center}
.pay-card .p-label{border:0;margin-bottom:6px;text-align:center}
.pay-card b{display:block;font-family:var(--head);font-size:20px;line-height:1.1;text-transform:uppercase}
.pay-card em{display:block;font-style:normal;font-size:12px;color:var(--p-dim);margin:4px 0 6px}
.pay-card strong{display:block;font-family:var(--cond);font-size:40px;line-height:1;color:var(--p-teal-d);font-variant-numeric:tabular-nums}
.pay-race ol{margin:0 0 8px;padding-left:22px;font-size:13.5px;columns:2}
.pay-race li{padding:2px 0}

/* stack-up */
.stack{display:grid;grid-template-columns:1fr 1fr;gap:0 28px}
.stack-row{display:grid;grid-template-columns:62px 1fr auto;gap:10px;align-items:baseline;padding:5px 0;border-bottom:1px dotted var(--p-line);font-size:12.5px}
.stack-row b{font-family:var(--cond);font-size:18px;color:var(--p-teal-d);font-variant-numeric:tabular-nums}
.stack-row em{font-style:normal;font-size:11.5px;color:var(--p-dim);white-space:nowrap}

/* game stories */
.pstory{margin:0 0 22px;padding-bottom:18px;border-bottom:1px solid var(--p-line)}
.pstory:last-child{border-bottom:0}
.kicker{display:block;font-family:var(--cond);font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--p-red);margin-bottom:6px}
.pstory-hed{margin:0 0 8px;font-family:var(--head);font-size:20px;line-height:1.15;text-transform:uppercase}
.psb{display:grid;grid-template-columns:1fr auto 1fr;gap:12px;align-items:center;border-top:2px solid var(--p-ink);border-bottom:1px solid var(--p-ink);padding:8px 0;margin:0 0 10px}
.psb-side{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto auto;column-gap:10px;align-items:center}
.psb-side:last-child{direction:rtl}
.psb-side:last-child>*{direction:ltr;text-align:right}
.psb-team{grid-column:1;font-family:var(--head);font-weight:700;font-size:clamp(14px,1.8vw,19px);line-height:1.1;text-transform:uppercase}
.psb-mgr{grid-column:1;font-size:11.5px;color:var(--p-dim)}
.psb-pts{grid-column:2;grid-row:1/3;font-family:var(--cond);font-size:34px;font-weight:700;line-height:1;color:var(--p-dim);font-variant-numeric:tabular-nums}
.psb-side.pwin .psb-pts{color:var(--p-teal-d)}
.psb-mid{text-align:center;font-family:var(--cond);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-dim)}
.psb-mid b{display:block;font-size:14px;color:var(--p-ink)}
.tl{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums;margin:0 0 12px}
.tl th{font-family:var(--cond);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-dim);text-align:right;padding:3px 6px;border-bottom:1px solid var(--p-line)}
.tl tbody th{text-align:left}
.tl td{text-align:right;padding:3px 6px;border-bottom:1px dotted var(--p-line);color:var(--p-dim)}
.tl td.pos{color:var(--p-ink);font-weight:700}
.cols2{columns:2;column-gap:28px;column-rule:1px solid var(--p-line)}
.cols2 p{break-inside:avoid}
.quick3{display:grid;grid-template-columns:repeat(3,1fr);gap:0 24px;border-top:1px solid var(--p-line);padding-top:16px}
.quick3 .pstory{border-bottom:0;font-size:13.5px}
.quick3 .psb{grid-template-columns:1fr;gap:4px}
.quick3 .psb-mid{display:none}
.quick3 .psb-side:last-child{direction:ltr}
.quick3 .psb-side:last-child>*{text-align:left}
.quick3 .psb-pts{font-size:26px}

/* awards */
.awards{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.award{border:1px solid var(--p-ink);padding:14px 16px;background:var(--p-cream);position:relative}
.award::before{content:"";position:absolute;inset:4px;border:1px solid var(--p-line);pointer-events:none}
.award-name{display:block;font-family:var(--head);font-weight:900;font-size:18px;text-transform:uppercase;line-height:1.1}
.award-for{display:block;font-size:12.5px;font-style:italic;color:var(--p-dim);margin:2px 0 10px}
.award-win{display:flex;gap:12px;align-items:center;margin:0 0 10px;padding:8px 0;border-top:1px solid var(--p-line);border-bottom:1px solid var(--p-line)}
.award-win .mug{width:56px;height:56px;border-radius:50%;object-fit:cover;object-position:top;background:#fff;border:1px solid var(--p-line)}
.award-win b{display:block;font-family:var(--head);font-size:16px}
.award-win em{display:block;font-style:normal;font-size:11.5px;color:var(--p-dim)}
.award-win strong{display:block;font-family:var(--cond);font-size:24px;color:var(--p-teal-d);line-height:1.1}
.award p{font-size:13.5px;margin:0}

/* obituaries */
.obits{display:grid;grid-template-columns:repeat(2,1fr);gap:0 28px}
.obit{padding:10px 0;border-bottom:1px solid var(--p-line);font-size:13.5px}
.obit b{display:block;font-family:var(--head);font-size:17px}
.obit em{display:block;font-size:12px;color:var(--p-dim);margin:2px 0 6px}
.obit p{margin:0}

/* receipts */
.preceipts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.preceipt{border-top:2px solid var(--p-ink);padding-top:8px;font-size:13px}
.preceipt b{display:block;font-family:var(--head);font-size:16px;text-transform:uppercase}
.preceipt em{display:block;font-family:var(--cond);font-style:normal;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--p-teal-d);margin:2px 0 6px}
.preceipt p{margin:0}

/* strange but true */
.facts{margin:0 0 18px;padding:0;list-style:none;columns:2;column-gap:28px;column-rule:1px solid var(--p-line)}
.facts li{break-inside:avoid;padding:7px 0 7px 18px;border-bottom:1px dotted var(--p-line);font-size:13.5px;position:relative}
.facts li::before{content:"◆";position:absolute;left:0;top:9px;font-size:9px;color:var(--p-orange-d)}
.odd2{display:grid;grid-template-columns:1.15fr 1fr;gap:0 28px}
.agate2{width:100%;border-collapse:collapse;font-size:12px;font-variant-numeric:tabular-nums}
.agate2 th{font-family:var(--cond);font-size:10.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--p-dim);text-align:right;padding:4px 5px;border-bottom:1px solid var(--p-ink);background:var(--p-cream)}
.agate2 th:first-child{text-align:left}
.agate2 td{padding:4px 5px;border-bottom:1px dotted var(--p-line);vertical-align:middle}
.agate2 td b{display:block;font-family:var(--head);font-size:12px;line-height:1.1}
.agate2 td small{display:block;font-size:10px}
.agate2 td.pos{color:var(--p-green);font-weight:700}
.agate2 td.neg{color:var(--p-red);font-weight:700}

/* power + records */
.power{list-style:none;margin:0;padding:0}
.power li{display:grid;grid-template-columns:40px 1fr;gap:8px;padding:7px 0;border-bottom:1px dotted var(--p-line);font-size:13px}
.power .prank{font-family:var(--cond);font-size:20px;font-weight:700;color:var(--p-orange-d)}
.power li>span:last-child{display:flex;flex-direction:column}
.power b{font-family:var(--head);font-size:14px}
.power em{font-style:normal;font-size:12.5px;color:var(--p-ink2)}
.power i{font-style:normal;font-family:var(--cond);font-weight:700}
.rb{width:100%;border-collapse:collapse;font-size:12.5px}
.rb th{text-align:left;font-family:var(--cond);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-dim);padding:7px 6px 7px 0;border-bottom:1px dotted var(--p-line);vertical-align:top;width:34%}
.rb td{padding:7px 6px;border-bottom:1px dotted var(--p-line);vertical-align:top}
.rb td.num{font-family:var(--cond);font-size:18px;font-weight:700;color:var(--p-teal-d);width:70px}
.rb tr.new td.num{color:var(--p-red)}
.rb .stamp{display:inline-block;font-size:9.5px;letter-spacing:.12em;color:var(--p-red);border:1px solid var(--p-red);padding:0 4px;margin-left:6px;transform:rotate(-3deg);font-weight:700}
.rb .all{display:block;font-size:11px;color:var(--p-dim)}

/* lines + transactions */
.lines{width:100%;border-collapse:collapse;font-size:13px}
.lines th{font-family:var(--cond);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--p-dim);text-align:left;padding:4px 8px;border-bottom:1px solid var(--p-ink)}
.lines td{padding:8px;border-bottom:1px dotted var(--p-line);vertical-align:middle}
.lines td b{display:block;font-family:var(--head);font-size:14px}
.lines td small{display:block}
.lines td.num{font-family:var(--cond);font-size:18px;font-weight:700;color:var(--p-teal-d)}
.kicker-copy{margin-top:12px;border-left:3px solid var(--p-orange);padding-left:12px;font-size:13.5px}
.tx{border-top:2px solid var(--p-ink);border-bottom:2px solid var(--p-ink)}
.tx-row{display:grid;grid-template-columns:110px 1fr 76px;gap:10px;padding:6px 4px;border-bottom:1px dotted var(--p-line);font-size:13px;align-items:baseline}
.tx-row:last-child{border-bottom:0}
.tx-kind{font-family:var(--cond);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--p-green)}
.tx-no .tx-kind{color:var(--p-dim)}
.tx-no .tx-body{color:var(--p-dim)}
.tx-date{font-size:11.5px;color:var(--p-dim);text-align:right;white-space:nowrap}

/* notices */
.notices{display:grid;grid-template-columns:repeat(4,1fr);border-top:3px double var(--p-ink);border-bottom:3px double var(--p-ink);padding:12px 0}
.pnotice{padding:6px 14px;border-right:1px solid var(--p-line);font-size:12.5px}
.pnotice:last-child{border-right:0}
.pnotice b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.04em;margin-bottom:4px}
.pnotice p{margin:0 0 6px;line-height:1.45}
.pnotice em{font-size:11.5px;color:var(--p-dim)}

/* footer */
.p-foot{margin:28px 36px 0;padding-top:12px;border-top:1px solid var(--p-line);display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:11.5px;color:var(--p-dim)}
.pdf{font-family:var(--cond);font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;background:var(--p-ink);color:var(--p-paper);border:0;padding:9px 16px;cursor:pointer;white-space:nowrap}
.pdf:hover{background:var(--p-teal-d)}

@media (max-width:900px){
  .p-front{grid-template-columns:1fr 1.3fr}
  .p-col:last-child{grid-column:1/-1;border-left:0;padding:0}
  .rolls3,.preceipts,.quick3{grid-template-columns:1fr 1fr}
  .notices{grid-template-columns:1fr 1fr}
  .pnotice:nth-child(2n){border-right:0}
}
@media (max-width:640px){
  .paper{font-size:14.5px;margin:4px -18px 24px;border-left:0;border-right:0}
  .p-mast,.p-sec,.p-foot{padding-left:16px;padding-right:16px}
  .p-banner,.p-bar{margin:0 16px}
  .p-banner{padding:16px 0 8px}
  .p-bar em{display:none}
  .p-front{grid-template-columns:1fr;padding:0 16px 16px}
  .p-col{padding:14px 0 0;border:0!important}
  .p-lead{order:-1}
  .rolls3,.rolls2,.preceipts,.quick3,.awards,.obits,.stack,.pay,.notices,.odd2{grid-template-columns:1fr}
  .facts{columns:1}
  .agate2{font-size:11px}
  .cols2{columns:1}
  .pnotice{border-right:0;border-bottom:1px solid var(--p-line)}
  .psb{grid-template-columns:1fr;gap:4px}
  .psb-mid{display:none}
  .psb-side:last-child{direction:ltr}
  .psb-side:last-child>*{text-align:left}
  .tx-row{grid-template-columns:1fr;gap:2px}
  .tx-date{text-align:left}
  .lines th:nth-child(4),.lines td:nth-child(4),.lines th:nth-child(5),.lines td:nth-child(5){display:none}
  .p-foot{flex-direction:column;align-items:flex-start}
  .pay-race ol{columns:1}
}
@media print{
  .mast,.colophon,.crumb,.pdf,.rule-band{display:none!important}
  body{background:#fff}
  .wrap,.page{max-width:none;padding:0;margin:0}
  .paper{box-shadow:none;border:0;margin:0;font-size:11.5px}
  .p-mast{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .p-sec,.pstory,.award,.preceipt,.obit{break-inside:avoid}
  .hero-img{max-height:220px}
}
