/* Page-specific styles for wb-jeca */

.wb-jeca-h1-nowrap{white-space:nowrap;display:inline-block}
@media(max-width:480px){.wb-jeca-h1-nowrap{font-size:.68em}}

/* Two .syl-grid blocks on this page set their column count via an inline
   style (repeat(2,1fr) / repeat(3,1fr)), which beats the shared
   .syl-grid mobile collapse in responsive.css (that rule has no
   !important) -- syllabus cards were staying 2-3 up and squeezing
   sentence-length text at tablet/phone widths. !important is required
   to beat the inline style. Matches the 880px breakpoint responsive.css
   already uses for .syl-grid. */
@media(max-width:880px){
  .syl-grid{grid-template-columns:1fr!important}
}