/* Box score cards, the company earnings block, and this week's slate.
   Hand written, like company.css. The HTML is generated by pipeline/build_box_score.py.
   Ink on newsprint. Deep blue for the header and the tier tag. No win or lose colour. */
.box-page h1,
.box-card h2,
.earnings-block h2,
.slate-block h3{
  font-family:"DM Serif Display", Georgia, serif;
  font-weight:400;
  color:#123C8C;
}
.box-fixture,
.box-ticker,
.box-tier,
.box-lines{
  font-family:"Roboto Condensed", sans-serif;
}
.box-page,
.box-card,
.earnings-block,
.slate-block{
  color:#141414;
}
.box-fixture{
  margin:0 0 8px;
  color:#123C8C;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.box-strip{
  display:grid;
  grid-template-columns:repeat(auto-fit, minmax(240px, 1fr));
  gap:14px;
  margin-top:22px;
}
.box-card,
.slate-block,
.earnings-block{
  background:#F6F3EC;
  border:1px solid #D9D3C4;
  border-top:4px solid #123C8C;
}
.box-card,
.slate-block{padding:16px 16px 18px}
.earnings-block{margin:28px 0; padding:16px 16px 8px}
.box-card h2{font-size:clamp(28px, 3vw, 36px); line-height:1.05; margin:0 0 4px}
.earnings-block h2{font-size:clamp(28px, 3vw, 36px); line-height:1.05; margin:0 0 8px}
.slate-block h3{font-size:clamp(26px, 3vw, 32px); line-height:1.1; margin:0 0 8px}
.box-tier{
  display:inline-block;
  margin:0 0 10px;
  padding:3px 8px;
  background:#123C8C;
  color:#F6F3EC;
  font-weight:700;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.box-tier-label{margin-right:6px}
.box-ticker{margin:0; font-size:18px; font-weight:700; letter-spacing:.12em; color:#123C8C}
.box-when,
.box-quarter,
.box-source,
.box-more{margin:8px 0 0; font-family:"Source Sans 3", system-ui, sans-serif}
.box-lines{margin:12px 0 0}
.box-lines div{
  display:flex;
  justify-content:space-between;
  gap:12px;
  border-top:1px solid #D9D3C4;
  padding:6px 0;
}
.box-lines dt,
.box-lines dd{margin:0}
.box-lines dd{font-weight:700}
.box-card a,
.earnings-block a,
.slate-names a{
  color:#123C8C;
  text-decoration:underline;
  text-underline-offset:3px;
}
.slate-names{
  display:flex;
  flex-wrap:wrap;
  gap:8px 18px;
  list-style:none;
  padding:0;
  margin:12px 0 0;
  font-family:"Source Sans 3", system-ui, sans-serif;
  font-weight:700;
}
@media (max-width:640px){
  .box-strip{grid-template-columns:1fr}
  .box-card,
  .slate-block,
  .earnings-block{padding-left:14px; padding-right:14px}
}