/* Readability floor, loaded last: captions, notes, labels and table text never drop below a size that reads on a
   normal screen. Only sizes change here (and a touch of contrast on the quietest captions), not the layout. */

/* ------------------------------------------------------------ landing */
.intro-topics > span { font-size: 12.5px; }
.home-page .showcase-card .showcase-card-label { font-size: 12.5px; }
.home-page .showcase-cards .showcase-card .showcase-card-bottom { font-size: 12.5px; }
.interface-poster .poster-label { font-size: 12px; }
.client-gallery-number { font-size: 12px; }
.scene-feature-list { font-size: 13px; }
.hero-caption, .hero-version, .hero-bottom { font-size: 12px; }

/* ------------------------------------------------------------ shared */
.pill { font-size: 12px; }
.status-pill { font-size: 11.5px; }
.tab, .section-tabs .tab { font-size: 13px; }
.field label, .field-label { font-size: 12.5px; }
.helper, .form-error, .form-success { font-size: 12.5px; line-height: 1.55; }
.notice, .connect-wrap .notice { font-size: 13px; line-height: 1.6; }
.checkbox-row { font-size: 12.5px; line-height: 1.55; }
.toast { font-size: 13px; }
.empty-state p { font-size: 13px; }

/* ------------------------------------------------------------ FAQ page and support card */
.public-faq-tabs .public-faq-tab { font-size: 13.5px; }
.public-faq-tabs .public-faq-tab small { font-size: 11px; }
.public-faq-result-heading > span { font-size: 12px; }
.public-support-kicker, .public-support-handle { font-size: 12px; }
.public-support-card p { font-size: 14px; }
.faq-item summary { font-size: 15px; }
.faq-item p { font-size: 14px; line-height: 1.7; }

/* ------------------------------------------------------------ sign in, sign up */
.auth-home, .auth-switch { font-size: 13px; }
.auth-form-wrap .eyebrow { font-size: 12px; }
.auth-agreement, .auth-divider, .auth-help, .auth-art-bottom { font-size: 12px; }

/* ------------------------------------------------------------ cabinet and admin */
.dashboard-top p { font-size: 13px; }
.dash-nav > a, .dash-nav button { font-size: 13px; }
.panel-head p { font-size: 12.5px; line-height: 1.55; }
.data-table th { font-size: 11.5px; }
.data-table td { font-size: 13px; }
.key-code { font-size: 12px; }
.device-item p, .connect-device p { font-size: 12.5px; }
.mini-stat span { font-size: 12.5px; }
.event { font-size: 13px; }
.event small { font-size: 11.5px; }
.license-expiry { font-size: 13px; }
.cabinet-shell .cab-kicker { font-size: 11.5px; }
.cabinet-shell .cab-identity-meta > span { font-size: 12px; }
.cabinet-shell .cab-nav-caption { font-size: 11px; }
.cabinet-shell .status-pill { font-size: 11.5px; }
.cabinet-shell .cab-platform { font-size: 12px; }
.cabinet-shell .cab-key-value > span { font-size: 11.5px; }
.cabinet-shell .cab-device p, .cabinet-shell .cab-device .device-info > span { font-size: 12.5px; }
.cabinet-shell .cab-order-top > span:last-child { font-size: 12px; }
.cabinet-shell .cab-order-id { font-size: 11.5px; }
.cabinet-shell .cab-order-id code { font-size: 12px; }
.cabinet-shell .cab-form-footer > span { font-size: 12px; }
.cabinet-shell .cab-security-fact > span { font-size: 11.5px; }
.cabinet-shell .cab-nav-grid > :is(button, a), .cabinet-shell .cab-nav-utility > :is(button, a) { font-size: 12.5px; }
.cabinet-shell .cab-count { font-size: 11px; }
.cabinet-shell .cab-license-bottom > span { font-size: 12px; }
.cabinet-shell .key-code { font-size: 12px; }

/* ------------------------------------------------------------ footer */
.footer h4 { font-size: 13px; }
.footer-links a { font-size: 13.5px; }
.footer-bottom { font-size: 12px; line-height: 1.6; }

/* ------------------------------------------------------------ phones: smaller, but still readable */
@media (max-width: 760px) {
  .intro-topics > span, .home-page .showcase-card .showcase-card-label, .home-page .showcase-cards .showcase-card .showcase-card-bottom { font-size: 12px; }
  .scene-feature-list { font-size: 12.5px; }
  .hero-caption, .hero-version { font-size: 11.5px; }
  .public-faq-tabs .public-faq-tab { font-size: 12.5px; }
  .public-faq-tabs .public-faq-tab small { font-size: 10.5px; }
  .faq-item summary, .public-faq-results .faq-item summary { font-size: 14px; }
  .faq-item p, .public-faq-results .faq-item p { font-size: 13.5px; }
  .key-code, .cabinet-shell .key-code { font-size: 11px; }
  .cabinet-shell .cab-kicker, .cabinet-shell .cab-key-value > span, .cabinet-shell .cab-security-fact > span { font-size: 11px; }
  .cabinet-shell .cab-identity-meta > span, .cabinet-shell .cab-identity-meta strong { font-size: 11.5px; }
  .footer-links a { font-size: 13px; }
  .footer-bottom { font-size: 11.5px; }
  .event small, .data-table th { font-size: 11px; }
}

/* Phones: the brush under "твоего стиля" sits below the words, and the heading breaks into even lines. */
@media (max-width: 760px) {
  .home-page .showcase-title { font-size: clamp(30px, 8.4vw, 36px); line-height: 1.12; text-wrap: balance; }
  .home-page .showcase-title > span { display: inline-block; padding-bottom: 10px; margin-bottom: 2px; }
  .home-page .showcase-title > span::after { height: 13px; bottom: -3px; left: 0; width: 100%; }
}