/* =====================================================================
   Sira Le Seriw — UI Phase 13.0
   Site-wide Typography & Readability Polish

   Purpose: normalize readable type without redesigning existing layouts.
   Loaded last so Phase 2–12 component styling remains intact.
   ===================================================================== */

:root{
  --sira-type-body:16px;
  --sira-type-ui:14px;
  --sira-type-meta:13px;
  --sira-type-micro:12px;
  --sira-leading-body:1.58;
  --sira-leading-ui:1.42;
  --sira-readable-muted:#5f5b53;
}

html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
}

body{
  font-size:var(--sira-type-body);
  line-height:var(--sira-leading-body);
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
}

p,li,dd{
  line-height:var(--sira-leading-body);
}

small{
  font-size:var(--sira-type-meta)!important;
  line-height:1.42!important;
}

button,input,select,textarea{
  line-height:var(--sira-leading-ui);
}

input,select,textarea{
  font-size:var(--sira-type-ui);
}

/* Keep the approved palette, but make the standard muted ink easier to read. */
:root{ --sira-ink-500:var(--sira-readable-muted); }
.mute{color:#566258}

/* Tailwind utility repair used by older pages. */
.text-xs{
  font-size:13px!important;
  line-height:1.35rem!important;
}
[class~="text-[11px]"],
[class~="text-[10px]"],
[class~="text-[9px]"]{
  font-size:12.5px!important;
  line-height:1.15rem!important;
}

/* Reusable semantic microcopy minimums. These classes already exist across
   the site and were independently sized during earlier UI phases. */
:where([class*="kicker"],[class*="eyebrow"],[class*="badge"],[class*="chip"],[class*="pill"]){
  font-size:var(--sira-type-micro)!important;
  line-height:1.32!important;
}
:where([class*="meta"],[class*="helper"],[class*="help"],[class*="note"],[class*="hint"],[class*="date"],[class*="time"]){
  font-size:var(--sira-type-meta)!important;
  line-height:1.42!important;
}
:where([class*="label"],[class*="state"],[class*="status"]){
  font-size:12.5px!important;
  line-height:1.35!important;
}

/* Navigation / shared chrome */
.home-nav-dd-menu small,
.category-footer-brand p,
.category-footer h5,
.category-footer a,
.category-footer-bottom{
  font-size:13px!important;
  line-height:1.42!important;
}
.home-nav-link,.home-nav-dd-btn,.home-nav-join{font-size:14px}

/* Homepage */
.hero-eyebrow,.hero-popular a,.hero-popular span,.hero-trust,.proof-item,
.section-kicker,.spotlight-person small,.spotlight-cta a,.spotlight-house a,
.briefs-actions a,.brief-card .brief-foot,.suq-house a,.creator-lead-sub,
.creator-lead-btn,.creator-row-main small{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.sponsored-label,.spotlight-tag,.spotlight-adlabel,.brief-card .brief-cat,
.suq-badge,.suq-card-tags span,.creator-rank-badge,.creator-lead-stat small{
  font-size:12px!important;
  line-height:1.3!important;
}
.suq-card p{font-size:14px!important;line-height:1.5!important}
.suq-card-foot small{font-size:12.5px!important}
.hero-copy,.section-copy{line-height:1.62}

/* Phase 12.7.1 posted-job spotlight */
.brief-board-head>a,.brief-board-kicker,.brief-live-badge,.brief-time,
.brief-live-card .brief-cat,.brief-live-note,.brief-job-meta small,
.brief-live-cta,.brief-secondary-jobs .brief-live-cta,.brief-more-jobs{
  font-size:12.5px!important;
  line-height:1.38!important;
}
.brief-live-cta{min-height:40px;display:inline-flex;align-items:center}

/* Browse creators */
.browse-featured-badge,.browse-featured-copy>span,.browse-featured-meta span,
.browse-kicker,.mobile-filter-button span,.browse-quick-searches>span,
.browse-quick-searches button,.filter-desktop-head span,.filter-mobile-head span,
.filter-desktop-head button,.filter-group label,.filter-label-row strong,
.range-scale,.filter-checks small,.verified-market-note>span,.verified-market-note b,
.verified-market-note small,.results-toolbar>div>span,.sort-control,.sort-control select,
.active-chip,.browse-trust-strip b,.browse-trust-strip small,.browse-trust-strip a,
.creator-card-badges>span,.creator-name-v3 span,.creator-pro,.creator-rating-v3{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.filter-group label,.sort-control,.sort-control select{font-size:13px!important}
.creator-card-v3 p{line-height:1.5}

/* Categories + category detail */
.cat-kicker,.cat-breadcrumb,.cat-trust,.cat-trust strong,
.category-finder-head span,.category-finder-quick span,.category-finder-quick a,
.category-summary-stats,.category-summary a,.categories-section-head p,
.category-count-label,.category-card-meta span,.category-card-specialties i,
.category-help span,.category-help p,.category-help-actions a,
.category-hero-kicker,.category-child-nav a,.category-stat,.category-stat small,
.category-section-title span,.category-section-title p,.showcase-piece-meta strong,
.showcase-piece-meta small,.category-discovery-head p,.category-search-hint,
.category-filter-head span,.category-filter-head button,.category-filter-group label,
.category-filter-group .label,.category-filter-group select,.category-filter-label b,
.category-range-scale,.category-online,.category-online small,.category-market-note b,
.category-market-note small,.category-results-toolbar span,.category-results-toolbar label,
.category-results-toolbar select,.category-active-filters button,.creator-card-badge,
.creator-card-online,.creator-card-person small,.creator-card-rating,.creator-card-headline,
.creator-card-services,.creator-card-tools span,.creator-card-delivery,.creator-card-foot small,
.category-empty-v4 button,.category-empty-v4 a,.related-card-v4 strong,.related-card-v4 small,
.mobile-cat-filter-btn,.category-family-card strong,.category-family-card small,.category-family-card b{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.category-card-body p,.category-discovery-head p{font-size:14px!important;line-height:1.55!important}

/* Universal creator profile */
.profile-crumb-v5,.profile-status-v5,.profile-badge-v5,.profile-meta-v5,
.profile-tools-v5 span,.profile-primary-action-v5,.profile-secondary-action-v5,
.profile-proof-rating-v5 span,.profile-proof-grid-v5 span,.profile-proof-v5>small,
.profile-tab-v5,.profile-tab-v5 span,.profile-section-head-v5 span,.profile-section-head-v5 p,
.profile-work-tag-v5,.profile-empty-v5,.profile-service-kicker-v5,.profile-service-head-v5 p,
.profile-tier-btn-v5,.profile-package-head-v5 small,.profile-package-meta-v5 span,
.profile-service-actions-v5 button,.profile-service-actions-v5 small,
.creator-social-v1230 i,.creator-proof-v1230 .profile-proof-rating-v5 small,
.creator-surface-head-v1230 span,.creator-surface-card-top-v1230 span,
.creator-surface-stats-v1230 span,.creator-surface-closed-v1230,
.creator-sidebar-surfaces-v1230 span,.creator-sidebar-links-v1230 a,
.creator-sidebar-links-v1230 a span,.creator-gift-kicker-v1230,.creator-gift-error-v1230,
.creator-closing-inner-v1230 span,.creator-closing-actions-v1230 a,.creator-closing-actions-v1230 button{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.profile-work-copy-v5 p,.profile-package-v5>p,.profile-package-v5 li{
  font-size:14px!important;
  line-height:1.55!important;
}
.profile-primary-action-v5,.profile-secondary-action-v5,
.creator-closing-actions-v1230 a,.creator-closing-actions-v1230 button{font-size:13px!important}

/* Service detail */
.service-breadcrumb-v6,.service-kicker-v6,.service-creator-copy-v6 i,
.service-creator-copy-v6 small,.service-creator-chip-v6>b,.service-trust-chip-v6,
.service-switch-v6 a,.service-hero-note-v6>span,.service-hero-note-v6 p,
.service-section-head-v6>div>span,.service-section-head-v6>p,.service-section-head-v6>a,
.service-tools-v6 span,.service-order-label-v6,.service-tier-tabs-v6 button,
.service-order-price-v6 small,.service-order-price-v6>i,.service-order-meta-v6 span,
.service-payment-note-v6 b,.service-payment-note-v6 small,.service-custom-offer-v6>span,
.service-custom-offer-v6 button,.service-view-profile-v6,.service-compare-table-v6{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.service-about-copy-v6{font-size:15px!important;line-height:1.62!important}
.service-order-desc-v6,.service-order-features-v6 li{font-size:14px!important;line-height:1.5!important}
.service-checkout-btn-v6{font-size:14px!important;min-height:44px}

/* Jobs / posted briefs */
.jobs-kicker-v9,.jobs-board-head-v9>div>span,.jobs-creator-bridge-v9 span,.job-similar-head-v9 span,
.jobs-how-v9>span,.jobs-tabs-v9 button span,.jobs-active-filters-v9 button,
.job-card-kicker-v9 span,.job-card-meta-v9,.job-card-side-v9 small,
.jobs-post-head-v9 span,.jobs-post-progress-v9>div,.jobs-post-panel-v9 label>small,
.jobs-taxonomy-note-v9,.jobs-post-preview-v9>span,.jobs-post-preview-v9 b,
.jobs-post-protection-v9 small,.jobs-post-actions-v9>span,.job-detail-kicker-v9 span,
.job-side-label-v9,.offers-head-v9>div>span,.job-side-budget-v9 small,
.job-side-list-v9 div,.job-protection-v9 strong,.job-protection-v9 small,
.job-buyer-v9 small,.offer-summary-v9 span,.offer-card-person-v9 div,
.offer-card-person-v9 i,.offer-price-v9 small,.offer-actions-v9 button,.offer-actions-v9 a{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.job-card-v9 p,.offer-card-v9 p{line-height:1.55}

/* Checkout: old design used 6–10px copy extensively. */
.checkout-header-center-v7>span,.checkout-steps-v7 b,.checkout-steps-v7 b i,
.checkout-back-v7,.checkout-title-v7>div:first-child>span,.checkout-title-v7>div:first-child>p,
.checkout-trust-v7 strong,.checkout-trust-v7 small,.checkout-card-head-v7>div>span,
.checkout-card-head-v7>a,.checkout-card-head-v7>small,.checkout-order-copy-v7>span,
.checkout-order-copy-v7>p,.checkout-tier-v7 small,.checkout-tier-v7 b,
.checkout-package-facts-v7 span,.checkout-helper-v7,.checkout-brief-v7,
.checkout-brief-foot-v7,.checkout-extra-check-v7,.checkout-extra-v7 strong,
.checkout-extra-v7 small,.checkout-payment-info-v7 p,.checkout-payment-safety-v7 span,
.checkout-summary-kicker-v7,.checkout-summary-lines-v7>div,.checkout-total-v7 small,.checkout-total-v7 i{
  font-size:13px!important;
  line-height:1.45!important;
}
.checkout-brief-v7,.checkout-order-copy-v7>p,.checkout-payment-info-v7 p{font-size:14px!important;line-height:1.55!important}
.checkout-card-v7 label{font-size:13px!important;line-height:1.4!important}
.checkout-card-v7 input,.checkout-card-v7 textarea,.checkout-card-v7 select{font-size:14px!important}

/* Order workspace */
.order-secure-label-v8,.order-topbar-actions-v8 button,.order-topbar-actions-v8 a,
.order-loading-v8 small,.order-back-v8,.order-kicker-v8,.order-hero-meta-v8,.order-status-v8,
.order-party-v8 small,.order-step-v8 i,.order-step-v8 strong,.order-step-v8 small,
.order-progress-note-v8,.order-section-head-v8>div>span,.order-side-label-v8,
.order-section-head-v8>p,.order-brief-empty-v8,.order-thread-head-v8 span,
.order-thread-head-v8 small,.order-thread-empty-v8,.order-bubble-v8 strong,
.order-bubble-v8 time,.order-event-title-v8 time,.order-file-v8,.order-file-v8 span,
.order-attach-v8{
  font-size:12.5px!important;
  line-height:1.42!important;
}
.order-brief-v8,.order-bubble-v8 p,.order-event-v8 p,.order-composer-v8 textarea{
  font-size:14px!important;
  line-height:1.58!important;
}

/* Creator Studio / My Sira shared hub */
.hub-kicker,.hub-avatar small,.hub-nav-label,.hub-nav-badge,.hub-section-head span,
.hub-stat small,.hub-stat p,.hub-action small,.hub-row p,.hub-pill,
.hub-row-side a,.hub-row-side button,.hub-empty a,.hub-wallet-total small,
.hub-wallet-total p,.hub-alert p,.hub-msg-preview small,.hub-form small,
.hub-filterbar button,.hub-footer .hub-shell,.studio-hero-actions a,
.studio-piece-body small,.studio-piece-actions button,.studio-pkg small,.studio-pkg span,
.studio-service-actions button,.studio-service-actions a,.studio-avatar-editor p,
.studio-promo-options button,.studio-promo-price span{
  font-size:12.5px!important;
  line-height:1.42!important;
}
.hub-row p,.hub-stat p,.hub-alert p,.studio-avatar-editor p{font-size:13.5px!important;line-height:1.5!important}
.hub-form label{font-size:13px!important}
.hub-form input,.hub-form select,.hub-form textarea{font-size:14px!important}

/* Unified Creator Studio / Beteseb Studio */
.surface-summary span,.surface-card-top span,.surface-state,.surface-card>p,
.surface-preserve,.surface-actions .hub-btn,.surface-public-link,.surface-rule,
.creator-links-note-v1230 span,.creator-link-platform-v1230,.creator-link-copy-v1230 small,
.creator-link-copy-v1230 em,.creator-link-actions-v1230 button,.creator-link-empty-v1230 p,
.studio-business-card .state,.studio-business-card .metric,.studio-business-card .actions a,
.studio-progressive-card>summary b,.studio-activity-gift small,.studio-activity-gift p,
.bet-overview-grid small,.bet-overview-grid p,.bet-guide-grid span,
.beteseb-studio-v1260 .field-help,.beteseb-studio-v1260 .muted,.beteseb-studio-v1260 .state,
.beteseb-studio-v1260 .status-help strong,.beteseb-studio-v1260 .save-state,.beteseb-studio-v1260 .error{
  font-size:12.5px!important;
  line-height:1.42!important;
}
.surface-card>p,.creator-link-empty-v1230 p,.studio-activity-gift p,.bet-overview-grid p{font-size:13.5px!important;line-height:1.5!important}

/* Digital Suq Studio */
.suq-commerce-stat small,.suq-commerce-stat p,.suq-wallet-strip small,.suq-wallet-strip p,
.suq-wallet-strip a,.suq-product-cover .type,.suq-product-card p,
.suq-product-actions a,.suq-product-actions button,.suq-segment button,
.suq-shop-card small,.suq-shop-card p,.suq-shop-card .url,.suq-shop-card .actions a,
.suq-shop-card .actions button,.suq-link-move button,.suq-link-row small,
.suq-link-actions button,.suq-chart-bar:hover:after,.suq-sale-row p,
.suq-course-card .course-specs span,.suq-course-card .includes div,.suq-commerce-explain p,
.suq-builder-head>a,.suq-builder-head span,.suq-builder-head p,.suq-field,.suq-field small,
.suq-upload-card p,.suq-add-include{
  font-size:12.5px!important;
  line-height:1.42!important;
}
.suq-product-card p,.suq-shop-card p,.suq-commerce-explain p,.suq-builder-head p,.suq-upload-card p{
  font-size:13.5px!important;
  line-height:1.52!important;
}
.suq-field{font-size:13px!important}

/* Public Beteseb */
.verified,.eyebrow,.mixPill,.postPill,.postDate,.surfaceLink span,.statusPill,
.metric span,.trustNote,.elsewhereLink span:last-child,.socialChip,.mobileBarText span{
  font-size:12.5px!important;
  line-height:1.38!important;
}
.postBody,.creatorBio,.aboutText{line-height:1.6}

/* Beteseb discovery */
.brand small,.eyebrow,.sectionLabel,.panelEyebrow,.statsBar span,.badge,.creatorRow,
.verifiedMark,.cardMeta,.cardMetrics span,.priceBlock small,.footerInner,
.topactions .btnGold,.searchBar .btn,.topicChip .topicCount{
  font-size:12.5px!important;
  line-height:1.4!important;
}
.cardCopy,.panelCopy{line-height:1.55}

/* Supporter community + Phase 12.9 cross-commerce */
.hub-community-stats .hub-card small,.community-person .who small,
.community-person .action a,.community-person .action span,.community-life,
.community-note p,.community-note a,.sls-cross-kicker,.sls-cross-state,
.sls-cross-prompt small,.sls-cross-prompt p,.sls-cross-prompt a{
  font-size:12.5px!important;
  line-height:1.42!important;
}
.sls-cross-prompt p,.community-note p{font-size:13.5px!important;line-height:1.5!important}

/* Acquisition / How Sira Works */
.earn-section-head .k,.earn-path .tag,.earn-path .tiny,.earn-case small{
  font-size:12.5px!important;
  line-height:1.4!important;
}

/* Onboarding */
.ob-kicker,.ob-step-head small,.ob-surface .tag,.ob-field label,.ob-helper,
.ob-ready-link small,.ob-footer{
  font-size:13px!important;
  line-height:1.42!important;
}
.ob-field input,.ob-field select,.ob-field textarea{font-size:14px!important}

/* Form readability across older Tailwind-only pages. */
label{line-height:1.4}
::placeholder{opacity:.72}

@media (max-width:767px){
  body{font-size:16px;line-height:1.6}
  input,select,textarea{font-size:16px!important}
  small{font-size:13px!important}
  .text-xs{font-size:13px!important}
  p{line-height:1.62}
  /* Readability should wrap, not shrink, on narrow screens. */
  .home-nav-dd-menu small,
  .profile-meta-v5,.service-hero-note-v6 p,.job-card-meta-v9,
  .checkout-summary-lines-v7>div,.order-hero-meta-v8,.hub-row p{
    white-space:normal!important;
    overflow-wrap:anywhere;
  }
}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
}