/* A 12px (9pt) floor for labels, with 14-16px explanatory text.
   Keep this after the article styles so mobile rules cannot shrink labels. */
.guide-content .visual-kicker,
.guide-content .annotation-label,
.guide-content .visual-step,
.guide-content .branch-label,
.guide-content .tier-detail,
.guide-content .pick-link,
.guide-content .bio-example-meta,
.guide-content .headline-count,
.guide-content .opener-breakdown,
.guide-content .blueprint-lines > div > span,
.guide-content .routine-legend b { font-size: 12px; line-height: 1.6; }
.guide-content .editor-visual .visual-footer,
.guide-content .likes-visual .visual-note,
.guide-content .allowance-context,
.guide-content .allowance-grid p,
.guide-content .overview-paid p > span,
.guide-content .headline-result > span:last-child { font-size: 14px; line-height: 1.6; }
.guide-content .diagnostic-stages p,
.guide-content .photo-job-grid p,
.guide-content .message-steps p,
.guide-content .reset-steps p,
.guide-content .routine-legend p,
.guide-content .app-picks p,
.guide-content .tree-result p,
.guide-content .clock-feature p { font-size: 14px; line-height: 1.7; }
.guide-content .diagnostic-stages a,
.guide-content .headline-examples .bio-copy { font-size: 12px; }
.guide-content .allowance-context { max-width: none; }
.brand-caption { display: flex; gap: 14px; align-items: center; margin-bottom: 16px; }
.guide-content .brand-caption .visual-kicker { margin: 0; }
.article-app-logo { display: block; width: 44px; height: 44px; border-radius: 11px; object-fit: contain; flex-shrink: 0; }
.subscription-brand { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; min-height: 32px; }
.subscription-brand img { display: block; width: 128px; height: 24px; }
.subscription-badge { display: inline-block; border-radius: 24px; padding: 4px 10px; background: #cd130a; color: #fff; font-size: 12px; line-height: 1.4; font-weight: 700; letter-spacing: .02em; }
.subscription-badge-gold { background: #8f6800; }
.guide-content .tier-plus { background: #fff8f7; }
.guide-content .tier-gold { background: #fbefca; }
.app-picks .article-app-logo { width: 52px; height: 52px; border-radius: 13px; margin-bottom: 22px; }
.app-picks .pick-number { display: none; }
.guide-content h2.app-heading { display: flex; gap: 14px; align-items: center; }
.app-heading .article-app-logo { width: 38px; height: 38px; border-radius: 9px; }
.app-heading .app-logo-league { width: 98px; height: 44px; padding: 7px; background: #171717; border-radius: 5px; box-sizing: border-box; }
.app-table-name { display: flex; align-items: center; gap: 9px; flex-wrap: wrap; }
.app-table-name .article-app-logo { width: 28px; height: 28px; border-radius: 7px; }
.app-table-name .app-logo-league { width: 68px; height: 32px; padding: 4px; background: #171717; border-radius: 4px; box-sizing: border-box; }
.guide-content .profile-photo-story { margin: 34px 0 40px; padding: 0; background: #fff; }
.guide-content .profile-photo-story > figcaption { padding: 0; }
.guide-content .profile-photo-story h3 { margin: 7px 0 20px; font-size: 26px; line-height: 1.3; }
.profile-photo-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px; }
.guide-content .profile-photo-grid figure { margin: 0; min-width: 0; }
.profile-photo-grid a { display: block; }
.profile-photo-grid img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: cover; border-radius: 12px; }
.guide-content .profile-photo-grid figcaption { padding: 12px 0 0; font-size: 14px; line-height: 1.65; color: #4e6460; }
.guide-content .profile-example-link { display: inline-block; margin-top: 18px; font-size: 14px; line-height: 1.6; font-weight: 600; }
.profile-screen-story > a:first-of-type { display: block; }
.profile-screen-story > a > img { display: block; width: min(100%, 640px); height: auto; margin-inline: auto; border: 1px solid #e2e7e3; border-radius: 12px; }
.guide-content .profile-photo-note { margin: 16px 0 0; font-size: 15px; line-height: 1.8; }
@media (max-width: 800px) and (min-width: 701px) {
  .guide-content .app-picks { grid-template-columns: 1fr; }
  .app-picks .article-app-logo { margin-bottom: 16px; }
}
@media (max-width: 700px) {
  .guide-content .profile-photo-story h3 { font-size: 23px; }
  .profile-photo-grid { grid-template-columns: 1fr; gap: 24px; }
  .brand-caption { gap: 12px; }
  .guide-content .allowance-display { gap: 16px; padding-inline: 20px; }
  .guide-content .allowance-number span { font-size: 18px; }
  .guide-content .allowance-context { font-size: 14px; }
  .guide-content .allowance-grid p { font-size: 12px; }
  .app-picks .article-app-logo { margin-bottom: 16px; }
  .app-table-name { gap: 7px; }
  .guide-content .professional-table th:first-child { width: 26%; }
}
@media (max-width: 360px) {
  .guide-content .allowance-display { grid-template-columns: 1fr; }
  .guide-content .allowance-number { font-size: 84px; }
  .allowance-grid { width: 168px; justify-self: start; }
  .guide-content .allowance-grid p { text-align: left; }
  .guide-content .tier-panel { padding: 18px; }
}