/* Phone fixes (12 Nov 2026): no text under 12px, links easy to tap,
   long kind words cut to a few lines with "Read more". Desktop unchanged. */
@media (max-width: 760px) {
  /* text: nothing under 12px */
  .topbar { font-size: 12px; }
  .nav .pill { font-size: 11.5px; padding: 11px 16px; }
  .proof figcaption { font-size: 12px; }
  .folder .tab { font-size: 12px; }
  .sq .meta .price, .sq .img .tag { font-size: 12px; }
  .podcast .listen, a.player .label { font-size: 12px; }
  .f-bottom { font-size: 12px; }

  /* tap areas: at least 44px tall */
  .topbar a { display: inline-block; padding: 12px 6px; margin: -12px -6px; }
  .burger { width: 44px; height: 44px; margin: -13px -7px; padding: 0; border: 0; box-sizing: border-box; }
  .burger span, .burger::before, .burger::after { left: 7px; right: 7px; }
  .burger::before { top: 14px; } .burger span { top: 21px; } .burger::after { top: 28px; bottom: auto; }
  .nav.open .burger::before { top: 21px; } .nav.open .burger::after { top: 21px; bottom: auto; }
  .proof-head a, .news .work, .s-down { display: inline-flex; align-items: center; min-height: 44px; }
  .f-bottom .links { gap: 6px 24px; }
  .f-bottom .links a, .f-bottom .top { min-height: 44px; }
  .sq .meta .price { padding: 10px 16px; }

  /* kind words: a few lines each, then "Read more" */
  .k-cols blockquote.clamp { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 7; overflow: hidden; }
  .k-cols .k-read { display: inline-flex; align-items: center; min-height: 44px; margin-top: 4px; font-family: 'Ovo', serif; font-size: 12px; letter-spacing: .2em; text-transform: uppercase; color: var(--plum); border-bottom: 1px solid currentColor; align-self: flex-start; }
}