/* Mobile-only polish (loaded with media="(max-width:760px)" — desktop is never affected).
   Goals: wider reading column, calmer type scale, tighter vertical rhythm, no card-inside-card. */
@media (max-width:760px){
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}

/* ---------- Page headings & hero blocks ---------- */
main h1{font-size:clamp(26px,7.4vw,31px)!important;line-height:1.18!important;letter-spacing:-.01em;margin-bottom:12px!important}
main h2{line-height:1.25!important}
.page-hero{padding-top:26px!important;padding-bottom:22px!important}
.page-hero p,.hero .lead,.sarim-prepared .hero p{font-size:16px!important;line-height:1.6!important}
.sn-contact-page h1,.sn-social-hub h1{font-size:clamp(28px,8vw,32px)!important}
.sn-contact-page{padding-top:28px!important}

/* ---------- Prepared content pages (About, Biography, Journeys, Meetings, collections) ----------
   On desktop these sit in a big rounded box; on a phone the box only steals width. */
.sarim-prepared{margin:0!important;padding:6px 16px 30px!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;line-height:1.65!important}
.sarim-prepared .hero{padding:18px 0 6px!important;background:none!important;border:0!important}
.sarim-prepared .wrap{margin-inline:0!important;padding-inline:0!important;width:auto!important;max-width:none!important}
.sarim-prepared section{padding-top:14px!important;padding-bottom:14px!important}
.sarim-prepared h1{font-weight:700!important}
.sarim-prepared h2,.sarim-prepared .story h2{font-size:22px!important;margin:22px 0 10px!important}
.sarim-prepared h3{font-size:18px!important;margin:16px 0 8px!important;line-height:1.3!important}
.sarim-prepared p,.sarim-prepared li,.sarim-prepared .story p{font-size:16px;line-height:1.65!important;margin-bottom:12px}
.sarim-prepared .story hr,.sarim-prepared hr{margin:22px 0!important}
.sarim-prepared .story blockquote,.sarim-prepared blockquote{padding:14px 16px!important;margin:16px 0!important}
.sarim-prepared .card{padding:16px!important;border-radius:14px!important;margin-bottom:14px!important}
.sarim-prepared .card .card{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.sarim-prepared .media-row{display:block!important}
.sarim-prepared .media-row img{width:100%!important;max-width:100%!important;height:auto!important;border-radius:12px;margin:0 0 12px!important}
.sarim-prepared ul,.sarim-prepared ol{padding-inline-start:20px}
.sarim-prepared .badge{font-size:13px!important;padding:5px 12px!important;margin:4px 4px 0 0!important;line-height:1.4!important;display:inline-block}
.sarim-prepared .section-intro{font-size:15px!important}

[dir=rtl] .sarim-prepared p,[dir=rtl] .sarim-prepared li,.sarim-prepared[dir=rtl] p,.sarim-prepared[dir=rtl] li{line-height:1.95!important}

/* ---------- Award detail pages ---------- */
.award-detail-copy-wide{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.award-prose-section{padding:16px!important;border-radius:14px!important}
.award-detail-hero{padding-top:30px!important;padding-bottom:22px!important}
.award-inner{padding-inline:16px!important}
.award-detail-copy{padding:16px!important;border-radius:14px!important}
.award-nishan-lead{padding:0!important;border:0!important;background:none!important;box-shadow:none!important}
.award-nishan-top-grid{gap:14px!important}
.award-detail-copy h2{font-size:24px!important}
.award-detail-copy p,.award-nishan-article p{font-size:16px!important;line-height:1.65!important}
.award-nishan-lead figure,.award-detail-copy figure{padding:0!important;border:0!important;background:none!important}
.award-nishan-lead figure img,.award-detail-copy figure img{border-radius:10px}
figcaption{font-size:13px!important;line-height:1.5!important}

/* ---------- Post / blog article pages ---------- */
.story-content p,.post-body p,article .content p{font-size:16px;line-height:1.7}

/* ---------- Generic section spacing ---------- */
.section-head h2{font-size:24px!important}
.content{padding-top:26px!important;padding-bottom:26px!important}

/* ---------- Social profiles page: compact rows instead of tall cards ---------- */
.sn-social-hub-card{display:grid!important;grid-template-columns:44px 1fr auto;align-items:center;gap:12px!important;padding:12px 14px!important;min-height:0!important}
.sn-social-hub-card .sn-micro,.sn-social-hub-card p{display:none!important}
.sn-social-hub-card .sn-social-hub-icon{width:44px!important;height:44px!important;margin:0!important}
.sn-social-hub-card h2{font-size:17px!important;margin:0!important}
.sn-social-hub-card .sn-button{padding:8px 14px!important;font-size:13px!important;margin:0!important;width:auto!important;white-space:nowrap}

/* ---------- Social Media Impact page ---------- */
.si-stats{grid-template-columns:1fr 1fr!important;gap:10px!important}
.si-stat{padding:14px!important}
.si-stat b{font-size:26px!important}
.si-stat span{font-size:13px!important}
.si-item{padding-inline-start:30px!important;margin-bottom:34px!important}
.si-tl:before{inset-inline-start:7px!important}
.si-item:before{inset-inline-start:0!important;width:14px!important;height:14px!important}
.si-item h2{font-size:21px!important}
.si-item p{font-size:16px!important;line-height:1.65!important}
.si-ranks li{font-size:12px!important;padding:5px 10px!important}
.si-follow{padding:20px 14px!important}

/* ---------- Footer: a little tighter ---------- */
.footer-grid{gap:22px!important}
}

/* long translated link chips wrap instead of overflowing */
.award-related-links a{max-width:100%;white-space:normal;line-height:1.35}