/* Device-wide layout pass for the static FAQ and journal previews. */

/* FAQ: retain the compact editorial structure, but scale type and spacing by viewport. */
@media(min-width:1400px){
  html #faq .site-faq-list>.faq-mosaic-panel[open]{
    grid-template-columns:minmax(190px,.7fr) minmax(0,1.3fr);
    gap:24px;
    min-height:100px!important;
    padding:17px 72px 17px 20px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>summary{
    font-size:15px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>p{
    max-width:620px;
    font-size:13px!important;
    line-height:1.45!important;
  }
}

@media(min-width:901px) and (max-width:1399px){
  html #faq .site-faq-list>.faq-mosaic-panel[open]{
    grid-template-columns:minmax(145px,.66fr) minmax(0,1.34fr);
    gap:18px;
    min-height:94px!important;
    padding:14px 60px 14px 18px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>summary{
    font-size:14px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>p{
    font-size:12.5px!important;
    line-height:1.42!important;
  }
}

@media(min-width:521px) and (max-width:900px){
  html #faq .site-faq-list>.faq-mosaic-panel[open]{
    grid-template-columns:minmax(130px,.62fr) minmax(0,1.38fr);
    gap:18px;
    min-height:92px!important;
    padding:14px 50px 14px 16px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>summary{
    font-size:13.5px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>p{
    font-size:12px!important;
    line-height:1.42!important;
  }
}

@media(max-width:520px){
  html #faq .site-faq-list>.faq-mosaic-panel[open]{
    grid-template-columns:1fr;
    align-items:start;
    gap:9px;
    min-height:0!important;
    padding:15px 42px 16px 14px!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>summary{
    font-size:13px!important;
    line-height:1.25!important;
  }

  html #faq .site-faq-list>.faq-mosaic-panel[open]>p{
    padding-left:11px!important;
    font-size:12px!important;
    line-height:1.45!important;
  }
}

/* Journal: remove the old featured-card row span that created an empty half-page. */
.journal-index .journal-case:first-child{
  grid-row:auto;
}

@media(min-width:1400px){
  .journal-index .journal-cases{
    grid-template-columns:repeat(3,minmax(0,1fr));
  }

  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary{
    min-height:390px;
  }

  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    font-size:clamp(27px,1.85vw,34px);
  }
}

@media(min-width:901px) and (max-width:1399px){
  .journal-index .journal-cases{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }

  .journal-index .journal-case:nth-child(3){
    grid-column:1/-1;
  }

  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary{
    min-height:330px;
  }

  .journal-index .journal-case:nth-child(3)>summary{
    min-height:285px;
  }
}

@media(max-width:900px){
  .journal-index .journal-cases{
    grid-template-columns:1fr;
  }

  .journal-index .journal-case:nth-child(3){
    grid-column:auto;
  }
}

@media(max-width:520px){
  .journal-index .journal-case>summary,
  .journal-index .journal-case:first-child>summary{
    padding:18px 16px 16px;
  }

  .journal-index .journal-case-heading strong,
  .journal-index .journal-case:first-child .journal-case-heading strong{
    font-size:22px;
    overflow-wrap:anywhere;
  }

  .journal-index .journal-case-heading>span{
    font-size:12.5px;
  }

  .journal-preview-meta{
    column-gap:9px;
  }
}