/* chokinghazard.org: styles for the filled-in placeholder content */
/* article subheadings run the full text width (the site-wide h2 cap of 16ch made them wrap after two or three words) */
.prose .artsub{max-width:none;text-wrap:balance}
/* Downloads with five cards: no empty slot. Three across on top, two wider cards below;
   in two columns the fifth card runs the full width. */
@media(min-width:1000px){
  #downloads .dlgrid:has(> .dl:nth-child(5):last-child){grid-template-columns:repeat(6,minmax(0,1fr))!important}
  #downloads .dlgrid:has(> .dl:nth-child(5):last-child) > .dl{grid-column:span 2}
  #downloads .dlgrid:has(> .dl:nth-child(5):last-child) > .dl:nth-child(n+4){grid-column:span 3}
}
@media(min-width:440px) and (max-width:999px){
  #downloads .dlgrid > .dl:last-child:nth-child(odd){grid-column:1/-1}
}
/* News grid with the lead story plus five: no empty slot (three across, then two wider) */
@media(min-width:1001px){
  .x-ngrid:has(> .x-spec:nth-child(6):last-child){grid-template-columns:repeat(6,minmax(0,1fr))}
  .x-ngrid:has(> .x-spec:nth-child(6):last-child) > .x-spec{grid-column:span 2}
  .x-ngrid:has(> .x-spec:nth-child(6):last-child) > .x-lead{grid-column:1/-1}
  .x-ngrid:has(> .x-spec:nth-child(6):last-child) > .x-spec:nth-child(n+5){grid-column:span 3}
}
@media(min-width:641px) and (max-width:1000px){
  .x-ngrid:has(> .x-lead) > .x-spec:last-child:nth-child(even){grid-column:1/-1}
}
/* wider download cards keep the same thumbnail height as the narrow ones */
@media(min-width:1000px){#downloads .dlgrid:has(> .dl:nth-child(5):last-child) > .dl:nth-child(n+4) .dlthumb{aspect-ratio:24/10!important}}
@media(min-width:440px) and (max-width:999px){#downloads .dlgrid > .dl:last-child:nth-child(odd) .dlthumb{aspect-ratio:32/10!important}}
/* Short Film, livestream segment: a subheading over the text, and the text column centred
   against the stream frame */
#segment .segh{font:900 var(--t-h4)/1.05 var(--disp);text-transform:uppercase;letter-spacing:-.01em;color:#fff;max-width:none;margin:0 0 14px}
@media(min-width:900px){
  #segment .segsplit{align-items:center!important}
  #segment .fl-pn{margin-top:0!important}
}