/* Desktop reading scale: bigger body text, wider column, site fonts (Montserrat headings, DM Sans body, Space Mono labels). */
@media (min-width:1200px){
  .wrap{max-width:82rem}
  .lede{font-size:1.2rem;line-height:1.7;max-width:52rem}
  .takeaway{font-size:1.08rem;line-height:1.65}
  .witness{font-size:1rem;line-height:1.7}
  .entry h4{font-family:var(--display);font-size:1.38rem;font-weight:800;line-height:1.3;letter-spacing:-.005em}
  .entry p,.entry li,.okbox p{font-size:1.06rem;line-height:1.75}
  .entry p{max-width:50rem}
  .entry li{margin-bottom:.15rem}
  .entry .meta .eyebrow{font-size:.74rem;letter-spacing:.14em}
  .entry .tier{font-size:.7rem}
  .entry .src{font-size:.86rem;line-height:1.65;max-width:52rem}
  .entry .q{font-size:1.12rem;line-height:1.6}
  .vidcap,figcaption{font-size:.92rem;line-height:1.55}
  .card p{font-size:.95rem}
  h2.sec{font-size:clamp(2.2rem,2.6vw,3rem)}
}
@media (min-width:1600px){
  .wrap{max-width:96rem}
  .lede{font-size:1.34rem}
  .entry h4{font-size:1.58rem}
  .entry p,.entry li,.okbox p{font-size:1.2rem;line-height:1.78}
  .entry p{max-width:58rem}
  .entry .src{font-size:.95rem}
  .entry .meta .eyebrow{font-size:.8rem}
}

/* desktop menu: readable side menu and top bar */
@media (min-width:1200px){
  body.has-sn{padding-left:19.5rem}
  body.has-sn .fpill{left:20.5rem}
  .sidenav{width:18rem}
  .sidenav a{font-size:.95rem;padding:.42rem .5rem}
  .sidenav .sn-i{flex-basis:1.15rem;width:1.15rem;height:1.15rem}
  .sidenav .sn-n{font-size:.72rem}
  .sidenav .sn-part{font-size:.68rem;letter-spacing:.12em}
  .sidenav .sn-h{font-size:.72rem}
  nav.jump a{font-size:.78rem}
}

/* appendix links in the side menu */
.sidenav .sn-new{display:inline-block;vertical-align:1px;margin-left:.3rem;font-size:.56rem;letter-spacing:.06em;color:#07060a;background:#f9a8d4;border-radius:99px;padding:.05rem .45rem;box-shadow:0 0 10px rgba(249,168,212,.55)}
