/* Baristuno Stage 6 — shared readability, reflow, and interaction baseline. */

.sr-only,.visually-hidden{
  position:absolute!important;width:1px!important;height:1px!important;
  padding:0!important;margin:-1px!important;overflow:hidden!important;
  clip-path:inset(50%)!important;white-space:nowrap!important;border:0!important;
}

:where(h1,h2,h3,h4,p,li,dt,dd,label,button,a,span,small){overflow-wrap:anywhere}

/* Text-size corrections on the highest-frequency product surfaces. */
.journey-stage>p,.system-bridge>header>p,.scale-bridge p:last-child,
.home-news-head p:not(.hl-kicker),.home-news-purpose p,.home-news-card p{font-size:13px}
.journey-stage-actions a,.scale-bridge>a,.home-news-card-action{font-size:12px}
.journey-stage small,.journey-footer>p,.home-news-card-meta,.home-news-card-index,
.scale-bridge-reading span,.scale-bridge-reading small{font-size:11px}

.advisor-kicker,.advisor-hero aside span,.advisor-usage b,.advisor-message>span,
.advisor-confidence,.advisor-form>label,.advisor-form>p,.advisor-principles span,
.advisor-onboarding li span,.advisor-onboarding li small,.advisor-starters button span{font-size:11px}
.advisor-hero aside p,.advisor-principles p,.advisor-onboarding-copy>p:not(.advisor-kicker){font-size:13px}
.advisor-gate button,.advisor-starters button,.advisor-form button,.advisor-sources a{font-size:12px}

.news-kicker,.news-freshness,.news-card-meta,.news-preview-source,.news-preview-date,
.news-sort span,.news-section-head>span{font-size:11px}
.news-filters button,.news-results-head,.news-card-foot,.news-source-links span,
.news-preview-actions button,.news-preview-actions a{font-size:12px}

.shop-card-facts dt,.shop-offer-head,.shop-detail-specs dt,.shop-detail-specs>h3,
.shop-package-label,.shop-package-budget{font-size:11px}
.shop-card-facts dd,.shop-offer p,.shop-offer-code span,.shop-detail-specs dd,
.shop-detail-notes li,.shop-package-description,.shop-package-products button,
.shop-package-link{font-size:12px}
.shop-offer>button,.shop-offer>a,.shop-offer-code button{min-height:44px;font-size:12px}

.recipes-search span,.recipe-tile-kicker,.recipe-tile-meta,.recipe-detail-meta span,
.recipe-comment-total,.recipe-comment time,.recipe-comment-badge,.recipe-comment-actions button,
.recipe-card-panel h4,.recipe-primary-actions small,.recipe-match-reason{font-size:12px}

.profile-section-nav small,.profile-nav-foot,.profile-workspace-count,
.profile-directory-grid small,.profile-scale-head span,.profile-scale-head>b,
.profile-scale-setup>small{font-size:11px}
.profile-workspace-head p,.profile-overview-focus p:last-child,.profile-scale-setup>p{font-size:13px}
.profile-focus-actions a,.profile-focus-actions button{font-size:12px}

/* Inline task links get a real target without making every prose link a button. */
#tab-home>.analyzer-hero .home-primary-action>p a,.brew-story-trust a{
  display:inline-flex;min-height:44px;align-items:center;padding-block:8px;
}

@media(max-width:860px){
  .site-head .sub{font-size:10px}
  .site-head nav a,.site-head nav button,.site-head nav .mobile-more-trigger{font-size:12px}
  .mobile-menu-groups summary,.mobile-menu-groups nav a{font-size:12px}
  .mobile-menu-groups summary small,.mobile-menu-groups nav a em,
  .mobile-more-utility a,.mobile-more-social a{font-size:11px}

  #tab-home>.analyzer-hero .home-actions .ha b{font-size:15px}
  #tab-home>.analyzer-hero .home-actions .ha span{font-size:12px}
  .hero-proof-step b,.hero-proof-step small,.hero-cup-comparison article>span,
  .hero-cup-comparison article>p,.hero-cup-change b,.brew-readout-signals b,
  .brew-readout-signals small{font-size:11px}

  .journey-stage>p{min-height:0;font-size:13px;line-height:1.55}
  .journey-stage-actions a{font-size:12px}
  .assist-ritual-visual span b{font-size:11px}
  .timer-focus-copy>p{font-size:13px;line-height:1.5}
  .timer-scale-bar>div span,.timer-scale-bar>div b,.timer-scale-bar>button,
  .timer-scale-bar>strong small{font-size:11px}
}

/* One-column task cards are easier to scan at phone and 200% reflow widths. */
@media(max-width:480px){
  .journey-stages,.system-bridge-flow{grid-template-columns:1fr!important}
  .journey-stage,.system-bridge-flow article{min-height:0}
  .journey-stage>p{min-height:0}
  .hero-cup-comparison{grid-template-columns:minmax(0,1fr) 52px minmax(0,1fr)}
}

@media(prefers-reduced-motion:reduce){
  .advisor-conversation{scroll-behavior:auto}
}

@media(forced-colors:active){
  .shop-offer,.journey-stage,.system-bridge-flow article,.advisor-principles article{
    border:1px solid CanvasText;
  }
}
