/* Yappy Social Typography v88
   Normalize primary reading sizes across WhatsApp, iMessage, X and Instagram.
   Keep app-specific hierarchy, but use WhatsApp as the perceived-size baseline. */
:root{
  --yappy-social-title-size:calc(20px * var(--yappy-font-scale,1));
  --yappy-social-body-size:calc(17px * var(--yappy-font-scale,1));
  --yappy-social-secondary-size:calc(15.5px * var(--yappy-font-scale,1));
  --yappy-social-meta-size:calc(12.5px * var(--yappy-font-scale,1));
  --yappy-social-body-leading:1.30;
  --yappy-social-secondary-leading:1.30;
}

/* WhatsApp: preserve the familiar baseline while making the global text-scale control reliable. */
html[data-social-app="whatsapp"] .bubble{
  font-size:var(--yappy-social-body-size)!important;
  line-height:var(--yappy-social-body-leading)!important;
}
html[data-social-app="whatsapp"] .composer-field-wrap textarea{
  font-size:var(--yappy-social-body-size)!important;
  line-height:calc(22px * var(--yappy-font-scale,1))!important;
}
html[data-social-app="whatsapp"] .bubble .sender-name{
  font-size:var(--yappy-social-secondary-size)!important;
}
html[data-social-app="whatsapp"] .bubble-meta-inline{
  /* Native WhatsApp iOS timestamps measure ~13pt next to 17pt body text. */
  font-size:calc(13px * var(--yappy-font-scale,1))!important;
}

/* iMessage: same reading scale as WhatsApp, retaining native bubble geometry. */
html[data-social-app="imessage"] .im-bubble{
  font-size:var(--yappy-social-body-size)!important;
  line-height:var(--yappy-social-body-leading)!important;
}
html[data-social-app="imessage"] .imessage-v19 #cv-input{
  font-size:var(--yappy-social-body-size)!important;
  line-height:calc(22px * var(--yappy-font-scale,1))!important;
}
html[data-social-app="imessage"] .im-sender{
  font-size:var(--yappy-social-meta-size)!important;
}

/* X / Twitter: posts, replies and DMs share the WhatsApp reading scale. */
html[data-social-app="x"] .x56-post-text,
html[data-social-app="x"] .x56-reply-text,
html[data-social-app="x"] .x56-dm-bubble{
  font-size:var(--yappy-social-body-size)!important;
  line-height:var(--yappy-social-body-leading)!important;
}
html[data-social-app="x"] .x56-post-top,
html[data-social-app="x"] .x56-reply-top strong,
html[data-social-app="x"] .x56-row-copy strong,
html[data-social-app="x"] .x56-detail-author strong{
  font-size:var(--yappy-social-secondary-size)!important;
}
html[data-social-app="x"] .x56-quote-text,
html[data-social-app="x"] .x56-notice-copy,
html[data-social-app="x"] .x56-notice-quote-comment{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
}
html[data-social-app="x"] .x56-row-copy small,
html[data-social-app="x"] .x56-detail-author span,
html[data-social-app="x"] .x56-profile .handle{
  font-size:calc(14.5px * var(--yappy-font-scale,1))!important;
}

/* Instagram feed: captions were 12.5–13px; bring reading copy up to the shared baseline. */
html[data-social-app="instagram"] .ig72-post-copy{
  font-size:var(--yappy-social-body-size)!important;
  line-height:var(--yappy-social-body-leading)!important;
}
html[data-social-app="instagram"] .ig72-post-copy>strong,
html[data-social-app="instagram"] .ig72-author strong{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
}
html[data-social-app="instagram"] .ig72-author small,
html[data-social-app="instagram"] .ig72-post-copy small{
  font-size:var(--yappy-social-meta-size)!important;
  line-height:1.25!important;
}
html[data-social-app="instagram"] .ig72-view-comments{
  font-size:var(--yappy-social-secondary-size)!important;
}

/* Instagram comments, profile copy and activity. */
html[data-social-app="instagram"] .ig72-comment-row p{
  font-size:calc(16px * var(--yappy-font-scale,1))!important;
  line-height:1.31!important;
}
html[data-social-app="instagram"] .ig72-comment-row small{
  font-size:var(--yappy-social-meta-size)!important;
}
html[data-social-app="instagram"] .ig72-bio,
html[data-social-app="instagram"] .ig72-activity-row>span{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
}
html[data-social-app="instagram"] .ig72-dm-row strong{
  font-size:var(--yappy-social-secondary-size)!important;
}
html[data-social-app="instagram"] .ig72-dm-row small{
  font-size:calc(14px * var(--yappy-font-scale,1))!important;
}
html[data-social-app="instagram"] .ig72-section-row{
  font-size:calc(14.5px * var(--yappy-font-scale,1))!important;
}

/* Instagram DM: message bubbles and composer now read like WhatsApp. */
html[data-social-app="instagram"] .ig72-dm-line>span{
  font-size:var(--yappy-social-body-size)!important;
  line-height:var(--yappy-social-body-leading)!important;
}
html[data-social-app="instagram"] .ig72-dm-composer input{
  font-size:var(--yappy-social-body-size)!important;
}
html[data-social-app="instagram"] .ig72-dm-head strong{
  font-size:var(--yappy-social-secondary-size)!important;
}
html[data-social-app="instagram"] .ig72-dm-head small{
  font-size:var(--yappy-social-meta-size)!important;
}

/* Instagram Stories / Reels: primary overlay copy follows the same readable scale. */
html[data-social-app="instagram"] .ig72-story-caption,
html[data-social-app="instagram"] .ig72-reel-copy p{
  font-size:var(--yappy-social-body-size)!important;
  line-height:var(--yappy-social-body-leading)!important;
}
html[data-social-app="instagram"] .ig72-story-head small,
html[data-social-app="instagram"] .ig72-reel-copy small,
html[data-social-app="instagram"] .ig72-story-views{
  font-size:var(--yappy-social-meta-size)!important;
}

/* Search / input reading text should not feel smaller than the content it controls. */
html[data-social-app="instagram"] .ig72-searchbox input{
  font-size:var(--yappy-social-secondary-size)!important;
}


/* v88.2 — Instagram profile uses the same Yappy-wide type hierarchy. */
html[data-social-app="instagram"] .ig72-own-head-user strong{
  font-size:var(--yappy-social-title-size)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}
html[data-social-app="instagram"] .ig72-profile-name,
html[data-social-app="instagram"] .ig72-profile-btn{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-stats strong{
  font-size:var(--yappy-social-body-size)!important;
  line-height:1.2!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-stats small,
html[data-social-app="instagram"] .ig72-highlight small{
  font-size:var(--yappy-social-meta-size)!important;
  line-height:1.25!important;
}
html[data-social-app="instagram"] .ig72-profile-own .ig72-bio,
html[data-social-app="instagram"] .ig72-profile-own .ig72-bio a{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
}


/* v88.3 — one Instagram profile type system for own and visited accounts. */
html[data-social-app="instagram"]{
  --ig-profile-header-size:var(--yappy-social-title-size);
  --ig-profile-name-size:var(--yappy-social-secondary-size);
  --ig-profile-stat-size:var(--yappy-social-body-size);
  --ig-profile-label-size:var(--yappy-social-secondary-size);
  --ig-profile-body-size:var(--yappy-social-secondary-size);
  --ig-profile-meta-size:var(--yappy-social-meta-size);
}

/* Username in the page header: same scale on You and visited profiles. */
html[data-social-app="instagram"] .ig72-own-head-user strong,
html[data-social-app="instagram"] .ig72-detail-head>strong,
html[data-social-app="instagram"] .ig72-profile-head>button>strong{
  font-size:var(--ig-profile-header-size)!important;
  line-height:1.2!important;
  font-weight:700!important;
  letter-spacing:-.015em!important;
}

/* Display name: identical hierarchy regardless of whose profile is open. */
html[data-social-app="instagram"] .ig72-profile-top .ig72-profile-name{
  font-size:var(--ig-profile-name-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
  font-weight:700!important;
  letter-spacing:-.01em!important;
}

/* Stats: same number + label hierarchy for own and visited profiles. */
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats strong{
  font-size:var(--ig-profile-stat-size)!important;
  line-height:1.15!important;
  font-weight:650!important;
  letter-spacing:-.005em!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats small{
  margin-top:2px!important;
  font-size:var(--ig-profile-label-size)!important;
  line-height:1.2!important;
  font-weight:400!important;
  color:var(--ig-text)!important;
}

/* Bio/category/private/link: same reading scale everywhere. */
html[data-social-app="instagram"] .ig72-profile-top .ig72-bio,
html[data-social-app="instagram"] .ig72-profile-top .ig72-bio p,
html[data-social-app="instagram"] .ig72-profile-top .ig72-private-copy{
  font-size:var(--ig-profile-body-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
  font-weight:400!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-private-copy{
  color:var(--ig-sub)!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-bio>small,
html[data-social-app="instagram"] .ig72-profile-top .ig72-bio>strong small{
  font-size:var(--ig-profile-meta-size)!important;
  line-height:1.25!important;
  font-weight:400!important;
  color:var(--ig-sub)!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-bio a{
  font-size:var(--ig-profile-body-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
  font-weight:650!important;
}

/* Buttons and highlight labels share the same global hierarchy too. */
html[data-social-app="instagram"] .ig72-profile-top .ig72-profile-btn{
  font-size:var(--ig-profile-label-size)!important;
  line-height:1!important;
  font-weight:650!important;
  text-align:center!important;
}
html[data-social-app="instagram"] .ig72-highlight small{
  font-size:var(--ig-profile-meta-size)!important;
  line-height:1.25!important;
  font-weight:400!important;
}


/* v88.4 — Instagram profile stats tuned to current native proportions. */
html[data-social-app="instagram"]{
  --ig-profile-stat-size:calc(18px * var(--yappy-font-scale,1));
  --ig-profile-label-size:calc(15px * var(--yappy-font-scale,1));
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats strong{
  font-size:var(--ig-profile-stat-size)!important;
  line-height:1.1!important;
  font-weight:650!important;
}
html[data-social-app="instagram"] .ig72-profile-top .ig72-stats small{
  font-size:var(--ig-profile-label-size)!important;
  line-height:1.15!important;
  font-weight:400!important;
}


/* v88.5 — one Home-feed typography contract for posts and feed Reels. */
html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-head .ig72-author strong,
html[data-social-app="instagram"] .ig72-home-scroll .ig72-feed-reel-head .ig72-author strong{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
  font-weight:600!important;
  letter-spacing:0!important;
}
html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-head .ig72-author small,
html[data-social-app="instagram"] .ig72-home-scroll .ig72-feed-reel-head .ig72-author small{
  font-size:var(--yappy-social-meta-size)!important;
  line-height:1.25!important;
  font-weight:400!important;
  letter-spacing:0!important;
}
html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-copy p>b{
  font-size:inherit!important;
  line-height:inherit!important;
  font-weight:600!important;
  letter-spacing:0!important;
}


/* v88.6 — X follows the selected global font; Instagram feed captions match header username scale. */
html[data-social-app="x"] #app-root,
html[data-social-app="x"] #app-root *,
html[data-social-app="x"] #tabbar,
html[data-social-app="x"] #tabbar *{
  font-family:inherit!important;
}

html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-copy,
html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-copy p,
html[data-social-app="instagram"] .ig72-home-scroll .ig72-post-copy p>b{
  font-size:var(--yappy-social-secondary-size)!important;
  line-height:var(--yappy-social-secondary-leading)!important;
}