/* PepJournal mobile spacing audit: legacy articles and shared reading pages */
@media (max-width: 760px) {
  body:not(.experience) .article {padding-top:26px!important;padding-bottom:42px!important;}
  body:not(.experience) .article .back {display:inline-block;margin-bottom:10px;}
  body:not(.experience) .article .eyebrow {margin-top:16px!important;}
  body:not(.experience) .article h1 {margin:12px 0 14px;line-height:1.13;}
  body:not(.experience) .article .lead {margin:12px 0 22px;line-height:1.5;}
  body:not(.experience) .article h2 {margin:29px 0 12px;line-height:1.18;}
  body:not(.experience) .article p {line-height:1.65;margin:0 0 17px;}
  body:not(.experience) .article h2 + p {margin-top:0;}
  body:not(.experience) .article .suria-feature {margin-top:27px;margin-bottom:24px;}
  body:not(.experience) .article .note {margin:22px 0;}
  body:not(.experience) .article .ad {margin-top:27px;padding-top:16px;}
  body:not(.experience) .article aside[style*="border-top"] {margin-top:27px!important;padding-top:10px!important;}
  body:not(.experience) footer {padding:32px 0!important;}
  body:not(.experience) footer .wrap {gap:12px;}
  body:not(.experience) footer p {margin:8px 0 15px;line-height:1.55;}
  .pj-topbar {gap:9px 16px!important;padding:12px 16px!important;}
  .pj-topbar a {font-size:13px;}
  body:not(.experience) header .wrap {padding-top:16px;padding-bottom:16px;}
  .experience .pj-card-grid {gap:20px!important;}
  .experience .pj-card h3 {margin-top:8px;margin-bottom:6px;}
  .experience .pj-card p {margin-top:0;}
  .experience .explorer-teaser {padding-top:30px!important;padding-bottom:35px!important;}
  .experience .discovery,.experience .interactive-section,.experience .spotlight {padding-top:42px;padding-bottom:42px;}
  .experience .pathway {padding-top:28px;padding-bottom:40px;}
}