/* Mobile account, checkout and reading layouts. Desktop rules stay untouched. */
@media screen and (max-width: 768px) {
  .account-flow-page,
  .cabinet-page,
  .support-page,
  .legal-page,
  .blog-page,
  .detail-shell { min-width: 0; padding-bottom: 44px; }

  .flow-back,
  .legal-back,
  .support-breadcrumb a,
  .breadcrumbs a { min-height: 44px; }

  .breadcrumbs { align-items: center; overflow-wrap: anywhere; }
  .breadcrumbs a { display: inline-flex; align-items: center; }
  .support-compose-hints > summary { min-height: 44px; }
  .blog-hero h1 > span { display: inline-block; }
  .blog-hero .lede { font-size: 14px; line-height: 1.75; }
  .account-flow-page .flow-frame,
  .account-flow-page .flow-shell { width: min(560px, 100%); max-width: 100%; }
  .account-flow-page .flow-frame.container,
  .payment-status-page > .flow-shell.container { width: min(560px, calc(100% - var(--layout-gutter))); }
  .flow-shell { grid-template-columns: minmax(0, 1fr); gap: 26px; }
  .flow-panel { padding: 5px; border-radius: 23px; }
  .flow-panel-core { padding: 25px 22px; border-radius: 18px; }
  .account-flow-page .flow-title { font-size: clamp(32px, 6.8vw, 47px); line-height: 1.12; overflow-wrap: anywhere; }
  .flow-kicker { margin-bottom: 12px; }
  .flow-lede { margin-top: 17px; font-size: 14px; line-height: 1.75; }
  .account-flow-page h2 { font-size: 23px; line-height: 1.3; }
  .flow-method-heading { gap: 11px; }
  .flow-method-heading h2 { min-width: 0; overflow-wrap: anywhere; }
  .flow-method-icon { width: 42px; height: 42px; }
  .login-note { margin-block: 17px 22px; font-size: 13px; line-height: 1.75; }
  .login-form label { font-size: 13px; }
  .login-form input:not([type="hidden"]) { font-size: 16px; min-height: 54px; padding: 14px 15px; }
  .login-form #code { font-size: 22px; letter-spacing: .24em; }
  .login-back,
  .checkout-help,
  .checkout-change { min-height: 44px; }
  .login-back { margin-top: 4px; font-size: 13px; }
  .login-notice { padding: 14px; margin-bottom: 22px; }
  .login-divider { margin-block: 25px 19px; }
  .login-footer { margin-top: 24px; padding-top: 19px; font-size: 12px; }
  .account-flow-page .button { min-height: 52px; font-size: 14px; white-space: normal; }
  .account-flow-page .button:has(.button-icon) { gap: 12px; padding-left: 18px; }
  .checkout-plan-heading { gap: 12px; margin-bottom: 15px; }
  .checkout-change { font-size: 12px; gap: 6px; }
  .checkout-plan-summary { gap: 14px; margin-bottom: 19px; }
  .checkout-card h2 { font-size: 27px; }
  .checkout-plan-summary > strong { font-size: 34px; }
  .checkout-plan-includes { gap: 8px 14px; margin-bottom: 20px; padding-bottom: 17px; }
  .checkout-plan-includes > span { font-size: 11px; }
  .provider-list { gap: 10px; }
  .provider-list legend { font-size: 14px; margin-bottom: 13px; }
  .provider-option { min-height: 78px; gap: 12px; padding: 12px; border-radius: 13px; }
  .provider-title { font-size: 15px; line-height: 1.45; }
  .provider-hint { font-size: 12px; line-height: 1.6; }
  .provider-kind { font-size: 11px; }
  .provider-check { flex: 0 0 20px; width: 20px; height: 20px; }
  .checkout-total { margin-top: 18px; padding-top: 17px; }
  .checkout-secure { font-size: 11px; }
  .payment-card-heading { flex-wrap: wrap; gap: 10px; }
  .payment-card-heading .flow-kicker { min-width: 0; overflow-wrap: anywhere; }
  .payment-status-symbol { margin-block: 27px 24px; width: 76px; height: 76px; }
  .payment-status-value { font-size: 26px; line-height: 1.3; overflow-wrap: anywhere; }
  .payment-status-card > .form-message { margin-block: 15px 25px; font-size: 14px; }

  .cabinet-layout { grid-template-columns: minmax(0, 1fr); gap: 23px; }
  .cabinet-rail { gap: 15px 10px; min-width: 0; }
  .cabinet-identity { min-width: 0; gap: 10px; }
  .cabinet-account-value { max-width: 100%; font-size: 13px; }
  .cabinet-account-label,
  .cabinet-account-meta { font-size: 11px; }
  .cabinet-nav { gap: 5px; padding-bottom: 10px; overscroll-behavior-x: contain; scroll-padding-inline: 10px; }
  .cabinet-nav a { min-height: 44px; padding: 10px 13px; font-size: 12px; }
  .cabinet-heading { flex-direction: column; align-items: flex-start; gap: 7px; margin-bottom: 22px; }
  .cabinet-heading h1 { font-size: clamp(29px, 6.8vw, 37px); line-height: 1.2; }
  .cabinet-lede { font-size: 13px; line-height: 1.75; }
  .cabinet-heading-link,
  .cabinet-inline-link { min-height: 44px; font-size: 12px; }
  .cabinet-overview-grid { grid-template-columns: minmax(0, 1fr); gap: 13px; }
  .cabinet-next,
  .cabinet-quick-guide { padding: 23px; border-radius: 20px; }
  .cabinet-next h2 { font-size: clamp(23px, 5.8vw, 29px); line-height: 1.3; }
  .cabinet-next-copy > p:last-of-type { font-size: 13px; line-height: 1.8; }
  .cabinet-next-action { display: flex; flex-wrap: wrap; gap: 7px 15px; padding-top: 20px; }
  .cabinet-next-action .button { min-height: 50px; font-size: 13px; }
  .cabinet-next-action .copy-result { width: 100%; }
  .cabinet-access-facts { gap: 16px; margin-top: 19px; }
  .cabinet-access-facts > div { min-width: 0; }
  .cabinet-access-facts dd { font-size: 14px; overflow-wrap: anywhere; }
  .cabinet-quick-guide ol { grid-template-columns: minmax(0, 1fr); gap: 13px; margin-block: 18px 6px; }
  .cabinet-quick-guide li { display: flex; align-items: flex-start; gap: 12px; }
  .cabinet-quick-guide strong { font-size: 13px; }
  .cabinet-quick-guide p { font-size: 12px; line-height: 1.75; }
  .cabinet-quick-guide > .cabinet-inline-link { margin-left: 35px; font-size: 12px; }
  .cabinet-section { margin-top: 28px; }
  .cabinet-section-heading { align-items: flex-start; flex-wrap: wrap; gap: 7px 15px; }
  .cabinet-section-heading h2 { font-size: 21px; line-height: 1.35; }
  .cabinet-section-meta,
  .cabinet-section-description { font-size: 12px; }
  .subscription-card { padding: 22px 20px 0; border-radius: 20px; }
  .subscription-header { align-items: flex-start; flex-wrap: wrap; gap: 12px; }
  .subscription-plan { min-width: 0; }
  .subscription-plan h3 { font-size: 22px; line-height: 1.35; }
  .subscription-label { font-size: 11px; }
  .subscription-header .status { max-width: 100%; font-size: 11px; }
  .subscription-details { gap: 16px; margin-block: 19px; }
  .subscription-details dt { font-size: 11px; line-height: 1.5; }
  .subscription-details dd { font-size: 16px; overflow-wrap: anywhere; }
  .key-panel { padding: 14px; }
  .key-heading { align-items: flex-start; flex-wrap: wrap; gap: 5px 12px; }
  .key-heading strong,
  .key-heading > span { font-size: 12px; text-align: left; }
  .key-field { display: grid; grid-template-columns: minmax(0, 1fr); padding: 11px; gap: 11px; }
  .key-field textarea { min-height: 52px; font-size: 16px; line-height: 1.65; }
  .key-field .key-copy-button { width: 100%; min-height: 44px; height: auto; padding: 10px 12px; font-size: 13px; }
  .key-field .key-copy-button span { display: inline; }
  .key-footer { flex-direction: column; align-items: flex-start; gap: 5px; }
  .key-note,
  .copy-result { font-size: 12px; text-align: left; }
  .subscription-actions { flex-wrap: wrap; justify-content: space-between; gap: 0 15px; padding-block: 8px; }
  .subscription-actions a { min-height: 44px; font-size: 12px; }
  .connection-guide-summary { padding: 17px 20px; min-height: 60px; }
  .connection-guide-summary strong { font-size: 13px; }
  .connection-guide-summary > span > span { font-size: 11px; }
  .connection-step { grid-template-columns: 30px minmax(0, 1fr); gap: 12px; padding-block: 21px; }
  .connection-step-index { width: 30px; height: 30px; }
  .connection-step-body h3 { font-size: 16px; line-height: 1.5; }
  .connection-step-body > p { font-size: 13px; line-height: 1.8; }
  .connection-step-body > .connection-step-note { font-size: 12px; }
  .connection-platforms button,
  .connection-inline-link,
  .connection-downloads a,
  .connection-bottom a { min-height: 44px; font-size: 12px; }
  .connection-platform-content p { font-size: 12px; }
  .connection-clients > a { min-height: 68px; padding: 14px; }
  .cabinet-resource h3 { font-size: 13px; }
  .cabinet-resource p { font-size: 12px; }
  .cabinet-trial { padding: 22px 20px; gap: 18px; }
  .trial-copy > div > p:last-child { font-size: 13px; line-height: 1.8; }
  .trial-action { width: 100%; margin-left: 0; }
  .trial-action .button { min-height: 48px; width: 100%; font-size: 13px; }
  .cabinet-telegram-note { gap: 12px; padding: 18px; }
  .cabinet-telegram-note > div { min-width: 0; flex: 1; }
  .cabinet-telegram-note strong { font-size: 13px; }
  .cabinet-telegram-note p { font-size: 12px; }
  .cabinet-telegram-note > a { min-height: 44px; font-size: 12px; }
  .cabinet-help { flex-wrap: wrap; gap: 9px; font-size: 12px; }
  .cabinet-help a { min-height: 44px; }
  .payments-table-wrap { max-width: 100%; border-radius: 19px; }
  .payments-table thead { display: none; }
  .payments-table tbody { display: block; }
  .payments-table tr { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 15px 18px; padding: 20px; }
  .payments-table tbody tr + tr { border-top: 1px solid var(--line); }
  .payments-table td { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; padding: 0; border: 0; font-size: 13px; overflow-wrap: anywhere; }
  .payments-table td::before { content: attr(data-label); color: var(--muted); font-size: 11px; font-weight: 400; }
  .payments-table td a { display: inline-flex; align-items: center; min-height: 44px; }
  .payment-status { font-size: 12px; white-space: normal; }

  .support-compose-layout,
  .support-welcome,
  .support-workspace,
  .support-thread-layout { grid-template-columns: minmax(0, 1fr); gap: 25px; }
  .support-intro h1 { font-size: clamp(33px, 6.8vw, 43px); line-height: 1.15; margin-bottom: 20px; }
  .support-lead { font-size: 14px; line-height: 1.8; margin-bottom: 20px; }
  .support-compose-hints { margin-top: 22px; padding-top: 19px; }
  .support-compose-hints ul { font-size: 13px; line-height: 1.8; }
  .support-small { font-size: 12px; line-height: 1.8; margin-top: 15px; }
  .support-shell { padding: 5px; border-radius: 23px; }
  .support-core { border-radius: 18px; }
  .support-form-core,
  .support-reply-shell .support-core { padding: 24px 20px; }
  .support-category-fieldset { margin-bottom: 24px; }
  .support-category-fieldset legend,
  .support-field > span { font-size: 13px; margin-bottom: 11px; }
  .support-category { min-height: 56px; padding: 12px; font-size: 12px; line-height: 1.6; }
  .support-category > span { min-width: 0; }
  .support-field { margin-bottom: 21px; }
  .support-field input,
  .support-field textarea,
  .support-field select { min-width: 0; font-size: 16px; line-height: 1.65; padding: 14px; border-radius: 12px; }
  .support-field textarea { min-height: 160px; }
  .support-field-foot { flex-wrap: wrap; gap: 6px 14px; font-size: 11px; margin-bottom: 20px; }
  .support-field-foot > span:last-child { margin-left: auto; }
  .support-upload { margin-block: 18px 22px; padding: 14px; border-radius: 14px; }
  .support-upload-top { display: grid; grid-template-columns: 36px minmax(0, 1fr); gap: 11px; align-items: center; }
  .support-upload-top > div { min-width: 0; }
  .support-upload strong { font-size: 13px; }
  .support-upload-top .support-upload-hint { font-size: 11px; }
  .support-upload-pick,
  .support-upload:not(.is-enhanced) .support-upload-pick { grid-column: 1 / -1; width: 100%; min-height: 44px; margin-top: 1px; padding: 11px 13px; font-size: 13px; }
  .support-upload:not(.is-enhanced) .support-upload-pick { align-items: stretch; }
  .support-upload-pick input { width: 100%; font-size: 16px; }
  .support-upload-pick input::file-selector-button { min-height: 44px; font-size: 13px; }
  .support-selected-file { gap: 9px; padding: 9px; }
  .support-selected-file strong { font-size: 12px; }
  .support-selected-file small { font-size: 11px; }
  .support-file-remove { width: 44px; height: 44px; }
  .support-upload-error { font-size: 12px; }
  .support-submit { min-height: 54px; font-size: 14px; }
  .support-form-note { font-size: 11px; line-height: 1.75; }
  .support-filters a { min-height: 44px; font-size: 12px; }
  .support-page-heading { gap: 19px; margin-bottom: 25px; }
  .support-page-heading > .button { min-height: 52px; font-size: 14px; }
  .support-ticket-meta { font-size: 11px; line-height: 1.65; }
  .support-ticket-date { font-size: 11px; }
  .support-status { white-space: normal; font-size: 11px; }
  .support-ticket-end { min-width: 0; }
  .support-thread-heading { margin-bottom: 23px; }
  .support-thread-heading h1 { font-size: clamp(27px, 6vw, 35px); line-height: 1.28; }
  .support-thread-heading-bottom { gap: 8px 18px; }
  .support-messages { gap: 14px; margin-bottom: 22px; }
  .support-message { padding: 21px 20px; border-radius: 18px; }
  .support-message-heading { gap: 9px; margin-bottom: 15px; }
  .support-message-heading strong { min-width: 0; font-size: 13px; }
  .support-message-heading time { font-size: 11px; line-height: 1.6; }
  .support-message-body { font-size: 15px; line-height: 1.8; }
  .support-message-files { grid-template-columns: minmax(0, 1fr); gap: 11px; }
  .support-media-preview { height: auto; max-height: 260px; aspect-ratio: 16 / 10; }
  .support-file-download { min-height: 62px; padding: 13px; }
  .support-file-download strong { font-size: 12px; }
  .support-file-download small { font-size: 11px; }
  .support-reply-footer { gap: 17px; }
  .support-reply-footer > p { max-width: none; font-size: 12px; }
  .support-reply-footer > .button { min-height: 52px; font-size: 14px; }
  .support-thread-sidebar { position: static; grid-template-columns: minmax(0, 1fr); gap: 14px; }
  .support-ticket-info { padding: 23px 20px; }
  .support-ticket-info > p { font-size: 13px; }
  .support-ticket-facts { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 17px; margin-block: 21px; padding-top: 19px; }
  .support-ticket-facts > div { min-width: 0; }
  .support-ticket-facts dt { font-size: 11px; }
  .support-ticket-facts dd { font-size: 12px; }
  .support-ticket-info .button { font-size: 13px; }
  .support-pagination { flex-wrap: wrap; gap: 8px 12px; font-size: 11px; }
  .support-pagination a { min-height: 44px; }

  .detail-shell { width: min(var(--blog-max), calc(100% - var(--layout-gutter))); padding-inline: 0; }
  .detail-layout { grid-template-columns: minmax(0, 1fr); gap: 27px; }
  .detail-top { padding-bottom: 24px; margin-bottom: 27px; }
  .detail-excerpt { margin-top: 23px; font-size: 17px; line-height: 1.8; }
  .detail-meta { gap: 9px 17px; font-size: 12px; }
  .detail-actions { gap: 15px; margin-top: 22px; }
  .reading-options button { min-width: 44px; min-height: 44px; }
  .reading-options__label { font-size: 12px; }
  .toc-aside { position: static; max-height: none; overflow: visible; }
  .article-outline { padding: 13px 18px; border-radius: 16px; }
  .article-outline[open] { padding-bottom: 17px; }
  .article-outline summary { min-height: 44px; font-size: 14px; }
  .toc a { min-height: 44px; font-size: 13px; line-height: 1.7; overflow-wrap: anywhere; }
  .detail-main,
  .article-content { max-width: 100%; min-width: 0; }
  .article-content { line-height: 1.85; overflow-wrap: anywhere; }
  .article-content h2 { font-size: clamp(25px, 5.8vw, 31px); line-height: 1.35; margin-top: 1.8em; }
  .article-content h3 { font-size: 23px; line-height: 1.4; }
  .article-content h4 { font-size: 20px; line-height: 1.45; }
  .article-content p { margin-bottom: 1.25em; }
  .article-content ul,
  .article-content ol { padding-left: 1.3em; }
  .article-content blockquote,
  .article-content .article-takeaway { padding: 22px 20px; margin-block: 27px; }
  .article-content table,
  .article-table-scroll,
  .article-content pre { max-width: 100%; overscroll-behavior-x: contain; }
  .article-content th,
  .article-content td { min-width: 130px; padding: 13px; font-size: 14px; }
  .article-table-scroll table { overflow-wrap: normal; }
  .editorial-banner--detail { min-height: 310px; margin-top: 19px; border-radius: 18px; }
  .editorial-banner--detail .editorial-banner__content { max-width: 100%; padding: 96px 22px 27px; }
  .editorial-banner--detail .editorial-banner__brand { top: 22px; left: 22px; }
  .detail-top .editorial-banner__title { max-width: 100%; font-size: clamp(27px, 6.5vw, 40px); line-height: 1.25; }
  .article-content .article-offer { padding: 25px 22px; margin-block: 34px 24px; border-radius: 19px; }
  .article-content .article-offer h2 { font-size: 27px; }
  .article-content .article-offer__secondary { min-height: 44px; display: inline-flex; align-items: center; font-size: 13px; margin-top: 10px; }
  .article-end { margin-top: 35px; padding-block: 24px; }
  .article-end__share { margin-left: 0; }
  .author-card { gap: 14px; margin-top: 30px; padding-block: 23px; }
  .author-card > div:last-child { min-width: 0; }
  .author-card__meta a { display: inline-flex; align-items: center; min-height: 44px; }
  .comments,
  .related-section { margin-top: 36px; }
  .comment,
  .comment-form { padding: 20px; border-radius: 18px; }
  .comment__actions button,
  #cancelReply { min-height: 44px; }
  .comment-form textarea { font-size: 16px; line-height: 1.8; }
  .comment-form__row .button { min-height: 48px; }
  .comment-replies { margin-top: 17px; padding-left: 8px; }
  .article-content .article-visual { margin-block: 28px; padding: 23px 18px; }
  .article-content .article-flow { grid-template-columns: minmax(0, 1fr); gap: 15px; }
  .article-content .article-flow li { display: grid; grid-template-columns: 28px minmax(0, 1fr); gap: 4px 12px; padding: 17px; }
  .article-flow li > span { grid-row: 1 / 3; margin-top: 3px; margin-bottom: 0; }
  .article-content .article-flow p { grid-column: 2; margin: 0; }
  .article-flow li:not(:last-child)::after { right: auto; left: 30px; top: auto; bottom: -15px; transform: rotate(90deg); }
  .article-content .article-checks { grid-template-columns: minmax(0, 1fr); }

  .legal-heading { padding-bottom: 25px; }
  .legal-heading h1 { font-size: clamp(31px, 6.5vw, 45px); line-height: 1.15; margin-bottom: 20px; }
  .legal-description { font-size: 15px; line-height: 1.8; }
  .legal-document-nav { gap: 6px; padding: 7px; margin-bottom: 27px; border-radius: 17px; }
  .legal-document-tab { min-height: 48px; width: 100%; justify-content: flex-start; padding: 12px 14px; font-size: 13px; }
  .legal-layout { grid-template-columns: minmax(0, 1fr); gap: 24px; }
  .legal-sidebar { position: static; }
  .legal-contents > summary { min-height: 54px; font-size: 11px; }
  .legal-contents nav { grid-template-columns: minmax(0, 1fr); }
  .legal-contents nav a { min-height: 44px; font-size: 13px; padding-block: 11px; }
  .legal-reader-frame { padding: 4px; border-radius: 21px; }
  .legal-reader { padding: 26px 21px; border-radius: 17px; }
  .legal-reader-intro { gap: 15px; padding-bottom: 25px; }
  .legal-reader-intro p { font-size: 16px; line-height: 1.85; }
  .legal-section { padding-top: 30px; }
  .legal-section h2 { font-size: 23px; line-height: 1.4; margin-bottom: 18px; }
  .legal-section p,
  .legal-section li { font-size: 16px; line-height: 1.85; }
  .legal-section + .legal-section { margin-top: 24px; }
  .legal-related { grid-template-columns: minmax(0, 1fr); gap: 23px; margin-top: 43px; padding-top: 27px; }

  /* Admin uses its own shell, but keeps the same mobile interaction sizes. */
  .admin-workspace,
  .admin-surface,
  .admin-main { min-width: 0; max-width: 100%; }
  .admin-main { padding: 23px 18px 32px; }
  .admin-topbar { padding-inline: 18px; gap: 12px; }
  .admin-topbar-path { min-width: 0; }
  .admin-topbar-actions { gap: 9px; flex-shrink: 0; }
  .admin-menu,
  .admin-operator { min-width: 44px; min-height: 44px; justify-content: center; }
  .admin-body.admin-navigation-ready .admin-sidebar { width: min(280px, calc(100vw - 44px)); overflow-y: auto; overscroll-behavior-y: contain; }
  .admin-nav > a,
  .admin-navigation-ready .admin-nav > a { min-height: 44px; }
  .admin-sidebar-footer > a,
  .admin-back { min-height: 44px; }
  .admin-page-heading { align-items: flex-start; flex-wrap: wrap; gap: 14px; }
  .admin-page-heading > div { min-width: 0; }
  .admin-page-heading h1 { font-size: 27px; line-height: 1.25; overflow-wrap: anywhere; }
  .admin-page-heading > div > p:last-child { font-size: 13px; line-height: 1.75; }
  .admin-heading-actions { flex-wrap: wrap; gap: 10px 16px; }
  .admin-updated { display: block; text-align: left; font-size: 11px; }
  .admin-updated time { font-size: 11px; }
  .admin-action,
  .admin-heading-actions > .admin-action,
  .admin-access-toggle .admin-action,
  .admin-node-action .admin-action,
  .admin-filter-submit,
  .admin-filter-reset,
  .admin-row-link,
  .admin-page-button,
  .admin-review-cancel { min-height: 44px; font-size: 12px; }
  .admin-action,
  .admin-heading-actions > .admin-action { white-space: normal; }
  .admin-heading-actions > .admin-action { padding-inline: 13px; }
  .admin-periods { flex-wrap: wrap; gap: 3px; }
  .admin-periods a { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; font-size: 12px; }
  .admin-field,
  .admin-field--search { min-width: 0; }
  .admin-field input,
  .admin-field select,
  .admin-node-filters input,
  .admin-duration-field > input { min-height: 46px; font-size: 16px; }
  .admin-field > span { font-size: 12px; }
  .admin-node-filters button { min-height: 44px; font-size: 12px; }
  .admin-panel-header { flex-wrap: wrap; gap: 9px 14px; }
  .admin-panel-header > div { min-width: 0; }
  .admin-panel-link { min-height: 44px; font-size: 12px; white-space: normal; }
  .admin-table-wrap,
  .admin-mini-table { min-width: 0; max-width: 100%; overflow: auto; overscroll-behavior-x: contain; }
  .admin-table td { font-size: 12px; }
  .admin-table .admin-user-cell { min-height: 44px; }
  .admin-external-id { max-width: none; overflow: visible; text-overflow: clip; }
  .admin-context-tabs { flex-wrap: wrap; gap: 8px 18px; }
  .admin-context-tabs a { display: inline-flex; align-items: center; min-height: 44px; padding-bottom: 10px; font-size: 12px; }
  .admin-metric strong { white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  .admin-definition,
  .admin-detail-grid .admin-definition { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px 16px; }
  .admin-definition dt,
  .admin-definition dd { min-width: 0; font-size: 12px; overflow-wrap: anywhere; }
  .admin-detail-grid .admin-definition dd { max-width: 100%; }
  .admin-profile { align-items: flex-start; }
  .admin-profile > div { min-width: 0; }
  .admin-profile h1,
  .admin-profile p { overflow-wrap: anywhere; }
  .admin-connection { flex-wrap: wrap; }
  .admin-connection > div { min-width: 0; }
  .admin-connection > div > div { min-width: 0; overflow-wrap: anywhere; }
  .admin-connection > small { display: block; font-size: 11px; }
  .admin-client-filter { flex-wrap: wrap; gap: 8px 14px; }
  .admin-client-filter > a { min-height: 44px; font-size: 12px; }
  .admin-section-title { flex-wrap: wrap; gap: 8px 16px; }
  .admin-confirm-checkbox { min-height: 52px; align-items: center; font-size: 13px; padding: 14px; }
  .admin-review-safe { flex-wrap: wrap; font-size: 11px; }
  .admin-manage-hint,
  .admin-settings-help { font-size: 12px; }
  .admin-chart-data summary { display: inline-flex; align-items: center; min-height: 44px; font-size: 12px; }
}

@media screen and (max-width: 420px) {
  .flow-panel-core { padding: 24px 17px; }
  .account-flow-page .flow-title { font-size: clamp(30px, 8.2vw, 36px); }
  .account-flow-page .button { font-size: 13px; }
  .flow-method-heading h2 { font-size: 21px; }
  .checkout-plan-heading { align-items: center; gap: 10px; }
  .checkout-plan-heading .flow-kicker { font-size: 10px; padding-top: 0; }
  .checkout-change { max-width: 130px; font-size: 11px; }
  .checkout-card .checkout-plan-summary { flex-direction: row; align-items: flex-start; gap: 12px; }
  .checkout-card h2 { font-size: 23px; }
  .checkout-plan-summary > strong { font-size: 30px; }
  .checkout-plan-summary > strong > span { font-size: 20px; }
  .provider-option { gap: 9px; padding: 11px 10px; }
  .provider-icon { width: 40px; height: 40px; border-radius: 10px; }
  .provider-cryptobot .provider-icon img { width: 38px; height: 38px; }
  .provider-kind { display: inline; }
  .provider-title { font-size: 14px; gap: 3px 7px; }
  .provider-hint { font-size: 11px; }
  .provider-check { flex-basis: 18px; width: 18px; height: 18px; }

  .cabinet-rail { column-gap: 8px; }
  .cabinet-avatar { width: 34px; height: 34px; flex-basis: 34px; }
  .cabinet-account-value { font-size: 12px; }
  .cabinet-identity { gap: 8px; }
  .cabinet-next,
  .cabinet-quick-guide { padding: 21px 18px; }
  .cabinet-next-action { display: grid; grid-template-columns: minmax(0, 1fr); gap: 7px; }
  .cabinet-next-action .button { width: 100%; }
  .cabinet-next-action .cabinet-inline-link { justify-content: center; }
  .subscription-card { padding-inline: 17px; }
  .subscription-header { flex-direction: column; align-items: flex-start; gap: 10px; }
  .subscription-details { gap: 12px; }
  .subscription-details dt { align-items: flex-start; font-size: 10px; }
  .subscription-details dd { font-size: 15px; }
  .key-panel { padding: 12px; }
  .key-heading { flex-direction: column; }
  .key-heading > span { font-size: 11px; }
  .connection-steps { padding-inline: 15px; }
  .connection-step { gap: 10px; grid-template-columns: 27px minmax(0, 1fr); }
  .connection-step-index { width: 27px; height: 27px; }
  .connection-clients { grid-template-columns: minmax(0, 1fr); }
  .connection-guide-summary { padding: 17px; }
  .payments-table tr { padding: 18px; gap: 15px 12px; }
  .payments-table td { font-size: 12px; }

  .support-page-heading > .button { width: 100%; }
  .support-form-core,
  .support-reply-shell .support-core,
  .support-ticket-info { padding: 22px 16px; }
  .support-category-grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .support-category { min-height: 49px; }
  .support-upload { padding: 13px; }
  .support-upload-top { gap: 9px; }
  .support-message { padding: 20px 17px; }
  .support-message-heading time { width: 100%; margin-left: 42px; text-align: left; }
  .support-pagination { justify-content: flex-start; }
  .support-pagination > span { margin-inline: 0; }

  .detail-excerpt { font-size: 16px; }
  .editorial-banner--detail { min-height: 285px; }
  .editorial-banner--detail .editorial-banner__content { padding: 90px 18px 25px; }
  .editorial-banner--detail .editorial-banner__brand { left: 18px; top: 20px; }
  .detail-top .editorial-banner__title { font-size: clamp(25px, 6.8vw, 29px); }
  .detail-actions > .blog-share { gap: 7px; }
  .blog-share a,
  .blog-share button,
  .blog-react button { padding-inline: 12px; }
  .article-content h2 { font-size: 25px; }
  .article-content h3 { font-size: 22px; }
  .article-content blockquote,
  .article-content .article-takeaway { padding-inline: 17px; }
  .article-content .article-offer { padding: 24px 18px; }
  .article-content .article-offer h2 { font-size: 25px; }
  .comment,
  .comment-form { padding: 17px; }
  .comment-form__row { align-items: stretch; }
  .comment-form__row .button { width: 100%; margin-left: 0; }
  .comment-replies { padding-left: 6px; }
  .comment-replies .comment { padding: 12px; }
  .article-content .article-visual { padding: 21px 15px; }
  .article-route__choices { grid-template-columns: minmax(0, 1fr); }
  .article-content .article-layers__path strong { font-size: 11px; }
  .legal-reader { padding-inline: 17px; }
  .legal-heading--privacy h1 { font-size: clamp(27px, 7.3vw, 34px); }
  .legal-section h2 { font-size: 22px; }

  .admin-main { padding-inline: 15px; }
  .admin-topbar { padding-inline: 15px; }
  .admin-filters .admin-field { flex-basis: 100%; min-width: 0; }
  .admin-filter-submit { width: 100%; }
  .admin-plan-grid,
  .admin-grid,
  .admin-grid--equal,
  .admin-grid--thirds { grid-template-columns: minmax(0, 1fr); }
  .admin-definition,
  .admin-detail-grid .admin-definition { grid-template-columns: minmax(0, 1fr); gap: 5px; }
  .admin-definition dt:not(:first-child) { margin-top: 11px; }
  .admin-definition dd { text-align: left; }
  .admin-duration-field { flex-wrap: wrap; }
  .admin-review-intro > div { min-width: 0; }
  .admin-review-intro h2,
  .admin-review-intro p { overflow-wrap: anywhere; }
}

@media screen and (min-width: 361px) and (max-width: 768px) {
  .support-category-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .support-category { min-height: 64px; font-size: 13px; line-height: 1.55; }
  .support-category:last-child { grid-column: 1 / -1; min-height: 48px; }
}