/* Mobile training, account and utility pages. Important declarations live in
   one named layer so legacy unlayered mobile overrides cannot shrink them.
   Everything is page-scoped and inactive above the mobile shell breakpoint. */
@layer yipan-mobile-account-training {
  body[data-desktop-page="pricing"] .pricing-table-hint { display: none !important; }
  @media (max-width: 880px) {
    body:is([data-desktop-page="train"], [data-desktop-page="review-training"], [data-desktop-page="kline-prediction"], [data-desktop-page="challenge"], [data-desktop-page="competition"], [data-desktop-page="training-leaderboard"], [data-desktop-page="backtest"], [data-desktop-page="settlement"], [data-desktop-page="history"], [data-desktop-page="profile"], [data-desktop-page="notifications"], [data-desktop-page="contact"], [data-desktop-page="group-chat"]) :is(.content, .kp-main, .competition-main) {
      min-width: 0 !important;
      font-size: 13px !important;
      line-height: 1.55 !important;
      font-variant-numeric: tabular-nums !important;
    }
    body:is([data-desktop-page="train"], [data-desktop-page="review-training"], [data-desktop-page="kline-prediction"], [data-desktop-page="challenge"], [data-desktop-page="training-leaderboard"], [data-desktop-page="backtest"], [data-desktop-page="settlement"], [data-desktop-page="history"], [data-desktop-page="profile"], [data-desktop-page="notifications"], [data-desktop-page="contact"], [data-desktop-page="group-chat"]) :is(.content, .kp-main) :is(p, li) {
      font-size: 13px !important;
      line-height: 1.6 !important;
    }

    /* Training configuration and review: readable labels, compact choices. */
    body[data-desktop-page="train"] #setupBanner .tr-note { display: block !important; white-space: normal !important; overflow: visible !important; -webkit-line-clamp: unset !important; }
    body[data-desktop-page="train"] :is(.tr-wrap, .tr-main, .tr-side) { gap: 10px !important; }
    body[data-desktop-page="train"] :is(.tr-note, .tr-scen .s span, .tr-mode .m span, .tr-label, .tr-hud .k) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="train"] :is(.tr-mode .m b, .tr-scen .s b) { font-size: 14px !important; line-height: 1.4 !important; }
    body[data-desktop-page="train"] .tr-setup .row { gap: 8px !important; margin-bottom: 12px !important; }
    body[data-desktop-page="train"] .tr-mode { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
    body[data-desktop-page="train"] .tr-mode .m { min-width: 0 !important; padding: 10px !important; }
    body[data-desktop-page="train"] .tr-scen { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; grid-auto-flow: row !important; grid-auto-columns: auto !important; gap: 6px !important; overflow: visible !important; }
    body[data-desktop-page="train"] .tr-scen .s { max-width: none !important; min-width: 0 !important; padding: 8px !important; }
    body[data-desktop-page="train"] :is(.tr-mode .m, .tr-scen .s) > span:not(.vip) { display: block !important; overflow: visible !important; white-space: normal !important; -webkit-line-clamp: unset !important; }
    body[data-desktop-page="train"] :is(.tr-filters label, .tr-choice, .chip) { min-height: 36px !important; font-size: 13px !important; }
    body[data-desktop-page="train"] .tr-advanced > summary { min-height: 44px !important; padding: 10px !important; font-size: 13px !important; }
    body[data-desktop-page="train"] .tr-advanced-body { padding: 10px 0 0 !important; }
    body[data-desktop-page="train"] .tr-toolbar { gap: 4px !important; }
    body[data-desktop-page="train"] .tr-toolbar .chip { padding: 5px 8px !important; }
    body[data-desktop-page="train"] .tr-hud .v { font-size: 17px !important; }
    body[data-desktop-page="train"] .tr-hud .cell { min-width: 76px !important; padding: 7px 9px !important; }

    body[data-desktop-page="review-training"] :is(.rt-section-head p, .rt-leader-label small, .rt-group-label span, .rt-date-trigger span, .rt-actions strong, .rt-actions span, .rt-history-tools small, .rt-inline-consensus > small, .rt-inline-consensus > div > span) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="review-training"] :is(.rt-date-trigger b, .rt-leader-label b, .rt-group-label b) { font-size: 13px !important; }
    body[data-desktop-page="review-training"] :is(.rt-theme-chip, .rt-suggestion, .rt-pick) { font-size: 13px !important; min-height: 36px !important; padding: 6px 9px !important; }
    body[data-desktop-page="review-training"] .rt-theme-chip > .rt-theme-rank { font-size: 11px !important; min-width: 18px !important; height: 18px !important; }
    body[data-desktop-page="review-training"] .rt-consensus-ratio { font-size: 11px !important; padding: 3px 5px !important; }
    body[data-desktop-page="review-training"] .rt-cycle-btn { flex-wrap: wrap !important; gap: 3px !important; }
    body[data-desktop-page="review-training"] .rt-cycle-btn > .rt-consensus-ratio { margin: 0 !important; }
    body[data-desktop-page="review-training"] .rt-pick button { width: 32px !important; height: 32px !important; min-height: 32px !important; }
    body[data-desktop-page="review-training"] .rt-search-box input { min-height: 40px !important; font-size: 14px !important; }
    body[data-desktop-page="review-training"] .rt-search .ac-panel { top: 44px !important; }
    body[data-desktop-page="review-training"] .rt-section-head { align-items: flex-start !important; }
    body[data-desktop-page="review-training"] .rt-history-tools { grid-template-columns: repeat(2,minmax(0,1fr)) !important; min-width: 0 !important; }
    body[data-desktop-page="review-training"] .rt-date-picker { grid-column: 1 / -1 !important; }
    body[data-desktop-page="review-training"] .rt-date-trigger { width: 100% !important; justify-content: space-between !important; }
    body[data-desktop-page="review-training"] :is(.rt-history-tools > button, .rt-actions button, .rt-share-dialog > footer button) { min-height: 40px !important; font-size: 13px !important; }
    body[data-desktop-page="review-training"] .rt-share-dialog { width: min(760px,calc(100vw - 16px)) !important; max-height: calc(100dvh - 24px) !important; }
    body[data-desktop-page="review-training"] .rt-share-dialog > header button { width: 40px !important; height: 40px !important; }
    body[data-desktop-page="review-training"] .rt-share-text :is(pre, small) { font-size: 12px !important; }

    body[data-desktop-page="kline-prediction"] .kp-main { padding: 8px 8px 110px !important; }
    body[data-desktop-page="kline-prediction"] :is(.kp-card, .kp-stat) { padding: 10px !important; }
    body[data-desktop-page="kline-prediction"] :is(.kp-layout, .kp-matches, .kp-stats, .kp-scenarios) { gap: 8px !important; }
    body[data-desktop-page="kline-prediction"] :is(.kp-form label, .kp-method, .kp-method b, .kp-method span, .kp-pool header span, .kp-stat span, .kp-stat small, .kp-match footer, .kp-footnote, .kp-notes, .kp-muted, .kp-event small, .kp-scenario dl) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="kline-prediction"] .kp-form { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
    body[data-desktop-page="kline-prediction"] .kp-search-label { grid-column: 1 / -1 !important; min-width: 0 !important; }
    body[data-desktop-page="kline-prediction"] .kp-form :is(input, select, button) { width: 100% !important; min-width: 0 !important; height: 38px !important; min-height: 38px !important; font-size: 13px !important; }
    body[data-desktop-page="kline-prediction"] .kp-form > button { grid-column: 1 / -1 !important; }
    body[data-desktop-page="kline-prediction"] .kp-empty { padding: 30px 12px !important; }
    body[data-desktop-page="kline-prediction"] .kp-empty-icon { font-size: 32px !important; margin-bottom: 10px !important; }

    body[data-desktop-page="challenge"] .challenge-hero { display: block !important; padding: 4px 0 8px !important; text-align: left !important; }
    body[data-desktop-page="challenge"] .challenge-title { justify-content: flex-start !important; gap: 8px !important; }
    body[data-desktop-page="challenge"] .challenge-title h1 { font-size: 17px !important; }
    body[data-desktop-page="challenge"] .challenge-title .trophy { font-size: 24px !important; }
    body[data-desktop-page="challenge"] .challenge-help { width: 36px !important; height: 36px !important; min-height: 36px !important; margin-left: auto !important; }
    body[data-desktop-page="challenge"] :is(.challenge-code, .challenge-tag, .challenge-meta, .challenge-stock-foot span, .challenge-stock-foot .promotion-route, .challenge-zone-badge em, .challenge-window b, .challenge-window span, .challenge-rules, .challenge-modal-actions label, .challenge-benefit b, .challenge-consensus-prompt small) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="challenge"] .challenge-name b { font-size: 14px !important; }
    body[data-desktop-page="challenge"] .challenge-modal { width: min(720px,calc(100vw - 20px)) !important; max-height: calc(100dvh - 24px) !important; padding: 18px 14px !important; }
    body[data-desktop-page="challenge"] .challenge-modal-close { right: 6px !important; top: 6px !important; width: 42px !important; height: 42px !important; }
    body[data-desktop-page="challenge"] .challenge-modal-head .trophy { font-size: 34px !important; }
    body[data-desktop-page="challenge"] .challenge-modal-head h2 { font-size: 20px !important; }
    body[data-desktop-page="challenge"] .challenge-benefit { margin: 12px 0 !important; }
    body[data-desktop-page="challenge"] .challenge-rules { padding: 10px !important; }
    body[data-desktop-page="challenge"] .challenge-modal-actions { flex-wrap: wrap !important; gap: 8px !important; }
    body[data-desktop-page="challenge"] .challenge-modal-actions label { min-height: 36px !important; display: flex !important; align-items: center !important; }

    body[data-desktop-page="competition"] #fuliCalendarPanel { padding: 10px !important; }
    body[data-desktop-page="competition"] #fuliCalendarPanel :is(.wfc-status, .wfc-note, .wfc-trend-head small, .wfc-foot, .wfc-trend header span, .wfc-footer span, header small) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="competition"] #fuliCalendarPanel .wfc-groups { gap: 4px !important; flex-wrap: wrap !important; }
    body[data-desktop-page="competition"] #fuliCalendarPanel .wfc-groups button { min-height: 36px !important; font-size: 13px !important; }
    body[data-desktop-page="training-leaderboard"] :is(.tl-wrap, .tl-tabs) { gap: 8px !important; }
    body[data-desktop-page="training-leaderboard"] :is(.tl-note, .tl-note b, .tl-note span, .tl-kicker, .tl-board-head span, .tl-user small, .tl-score span, .tl-tabs small, .tl-list > header) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="training-leaderboard"] .tl-user b { font-size: 14px !important; }
    body[data-desktop-page="training-leaderboard"] .tl-podium { padding: 18px 10px 10px !important; gap: 16px !important; }
    body[data-desktop-page="training-leaderboard"] .tl-podium-person { min-height: 0 !important; padding: 16px 10px 10px !important; }
    body[data-desktop-page="training-leaderboard"] .tl-loading { padding: 36px 12px !important; }

    /* Embedded strategy editor: conditions wrap as rows without tiny inputs. */
    body[data-desktop-page="backtest"] .bt-wrap [hidden] { display: none !important; }
    body[data-desktop-page="backtest"] :is(.bt-wrap, .bt-grid) { gap: 10px !important; }
    body[data-desktop-page="backtest"] :is(.bt-screen-head, .bt-screen-library, .bt-selected-area, .bt-screen-results) { padding: 10px !important; }
    body[data-desktop-page="backtest"] :is(.bt-indicator small, .bt-condition-name small, .bt-screen-footer label, .bt-screen-note, .bt-form label, .bt-metric span, .bt-factor-box summary span) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="backtest"] :is(.bt-indicator b, .bt-condition-name b) { font-size: 13px !important; }
    body[data-desktop-page="backtest"] .bt-scope-row { gap: 6px 10px !important; padding: 8px !important; }
    body[data-desktop-page="backtest"] .bt-scope-row label { min-height: 36px !important; font-size: 13px !important; }
    body[data-desktop-page="backtest"] .bt-condition-row { grid-template-columns: minmax(0,1fr) minmax(0,1fr) 36px !important; gap: 6px !important; }
    body[data-desktop-page="backtest"] .bt-condition-name { grid-column: 1 / 3 !important; }
    body[data-desktop-page="backtest"] .bt-remove-condition { grid-column: 3 !important; grid-row: 1 !important; width: 36px !important; height: 36px !important; }
    body[data-desktop-page="backtest"] .bt-condition-value { grid-column: 2 / 4 !important; min-width: 0 !important; }
    body[data-desktop-page="backtest"] .bt-condition-row > select { grid-column: 1 !important; }
    body[data-desktop-page="backtest"] .bt-screen-footer { gap: 8px !important; }
    body[data-desktop-page="backtest"] .bt-screen-footer > label { flex: 1 1 120px !important; }
    body[data-desktop-page="backtest"] .bt-screen-note { flex-basis: 100% !important; min-width: 0 !important; }
    body[data-desktop-page="backtest"] .bt-review-empty { min-height: 140px !important; }
    body[data-desktop-page="backtest"] :is(.bt-input, .bt-json) { font-size: 14px !important; line-height: 1.6 !important; }
    body[data-desktop-page="backtest"] .bt-table-wrap { max-width: 100% !important; overflow: auto !important; scrollbar-width: thin !important; }

    body[data-desktop-page="settlement"] :is(.dp-sub, .settlement-member-note, .cap-field label, .settlement-feature-grid span) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="settlement"] :is(.ring .rof, .grade-tag, .hk .hl, .kpi .kl, .cap-bar .lbl, .pane-intro, .panel h3 .hint, .top-name small, .top-pct, .top-meta, .risk .rk-n, .risk .rk-d, .behavior-insight, .behavior-metric span, .behavior-example, .code-sm, .pill, .ab-desc, .ai-disclaimer, .empty-tip, .no-data) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="settlement"] table.tbl :is(th,td) { font-size: 13px !important; line-height: 1.45 !important; }
    body[data-desktop-page="settlement"] .tbl-scroll { overflow-x: auto !important; max-width: 100% !important; scrollbar-width: thin !important; }
    body[data-desktop-page="settlement"] :is(.ai-doc, .md-body) { font-size: 14px !important; line-height: 1.7 !important; overflow-wrap: anywhere !important; }
    body[data-desktop-page="settlement"] :is(.stmt-wrap, .up-card, .grid2, .risk-grid) { gap: 10px !important; }
    body[data-desktop-page="history"] :is(.hist-item, .job-row) { padding: 10px !important; }
    body[data-desktop-page="history"] .hist-meta { font-size: 12px !important; line-height: 1.5 !important; flex-wrap: wrap !important; gap: 5px 10px !important; }
    body[data-desktop-page="group-chat"] :is(.gc-head, .gc-body) { padding: 16px !important; }
    body[data-desktop-page="group-chat"] .gc-qr-shell { width: min(264px,100%) !important; box-sizing: border-box !important; }
    body[data-desktop-page="group-chat"] .gc-mark { width: 42px !important; height: 42px !important; margin-bottom: 10px !important; }

    /* Account balances stay scannable; account actions are easy to tap. */
    body[data-desktop-page="profile"] :is(.profile-token-usage, .profile-overview, .profile-section) { padding: 12px !important; margin-bottom: 10px !important; border-radius: 10px !important; }
    body[data-desktop-page="profile"] .profile-token-primary { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; }
    body[data-desktop-page="profile"] .profile-token-primary article { padding: 10px !important; min-width: 0 !important; }
    body[data-desktop-page="profile"] .profile-token-primary strong { font-size: 20px !important; line-height: 1.4 !important; overflow-wrap: anywhere !important; }
    body[data-desktop-page="profile"] :is(.profile-token-primary span, .profile-token-primary small, .profile-token-balances span, .profile-metrics span, .profile-training-card > span, .profile-training-card small) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="profile"] .profile-identity-actions { display: flex !important; flex-wrap: wrap !important; gap: 4px !important; }
    body[data-desktop-page="profile"] .profile-identity-actions button { min-height: 36px !important; padding: 6px !important; font-size: 12px !important; }
    body[data-desktop-page="profile"] .profile-overview-head { align-items: flex-start !important; flex-wrap: wrap !important; gap: 8px !important; }
    body[data-desktop-page="profile"] .profile-training-card { min-height: 0 !important; padding: 10px !important; grid-template-columns: minmax(0,1fr) auto !important; gap: 6px !important; }
    body[data-desktop-page="profile"] .profile-training-card > :is(div, p) { grid-column: 1 / -1 !important; padding-top: 5px !important; }
    body[data-desktop-page="profile"] .profile-avatar > span { font-size: 11px !important; }
    body[data-desktop-page="profile"] .profile-training-card > b { margin: 0 !important; font-size: 20px !important; line-height: 24px !important; }
    body[data-desktop-page="profile"] .profile-training-card p { margin: 6px 0 0 !important; }
    body[data-desktop-page="profile"] .profile-section-head { gap: 8px !important; margin-bottom: 10px !important; }

    /* Both robot configurations and their setup instructions remain visible. */
    body[data-desktop-page="notifications"] :is(.channel-grid, .guide-grid) { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; margin: 0 0 10px !important; padding: 0 !important; overflow: visible !important; }
    body[data-desktop-page="notifications"] :is(.channel-card, .guide-col, .guide) { min-width: 0 !important; width: 100% !important; box-sizing: border-box !important; padding: 12px !important; border-radius: 9px !important; }
    body[data-desktop-page="notifications"] .channel-head { flex-direction: row !important; align-items: center !important; min-height: 36px !important; height: auto !important; margin: 0 0 10px !important; padding: 0 0 8px !important; }
    body[data-desktop-page="notifications"] .channel-title { font-size: 15px !important; gap: 7px !important; }
    body[data-desktop-page="notifications"] :is(.field label, .secret-hint, .check-item, .threshold, .threshold span, .security-note) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="notifications"] .field { margin: 0 0 10px !important; }
    body[data-desktop-page="notifications"] :is(.channel-card > .rule-box, .channel-actions) { margin-inline: 0 !important; }
    body[data-desktop-page="notifications"] .guide-col h3 { min-height: 0 !important; height: auto !important; padding: 0 0 8px !important; margin: 0 0 8px !important; }
    body[data-desktop-page="notifications"] .step b { font-size: 12px !important; }
    body[data-desktop-page="notifications"] .field input { min-height: 40px !important; font-size: 14px !important; padding: 8px !important; }
    body[data-desktop-page="notifications"] .check-grid { grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 2px 8px !important; }
    body[data-desktop-page="notifications"] .check-item { min-height: 36px !important; }
    body[data-desktop-page="notifications"] .threshold { flex-wrap: wrap !important; gap: 6px !important; }
    body[data-desktop-page="notifications"] .threshold input { width: 64px !important; }
    body[data-desktop-page="notifications"] .channel-actions button { flex: 1 1 auto !important; min-height: 40px !important; font-size: 13px !important; }
    body[data-desktop-page="notifications"] .notify-hero p { display: block !important; -webkit-line-clamp: unset !important; overflow: visible !important; white-space: normal !important; }
    body[data-desktop-page="notifications"] .guide-sub { font-size: 13px !important; line-height: 1.6 !important; margin-bottom: 10px !important; }

    body[data-desktop-page="contact"] :is(.contact-channel-grid .info-item > span, .contact-channel-grid .info-item > small) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="contact"] .contact-channel-grid .info-item > b { font-size: 14px !important; line-height: 1.5 !important; }
    body[data-desktop-page="contact"] :is(.contact-form, .contact-reply) textarea { min-height: 112px !important; font-size: 14px !important; line-height: 1.6 !important; }
    body[data-desktop-page="contact"] .contact-message { max-width: 92% !important; font-size: 14px !important; line-height: 1.6 !important; overflow-wrap: anywhere !important; }

    /* Public pages use a reading scale; comparison tables retain every column. */
    body[data-desktop-page="pricing"] :is(.pricing-plan-kicker, .pricing-plan-daily > span, .pricing-plan-daily em, .pricing-plan-total span, .pricing-plan-total em, .pricing-plan-quota span, .pricing-mobile-summary li, .pricing-pack-unit, .pricing-pack-badge) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="pricing"] :is(.pricing-select-button, .pricing-pack-button) { min-height: 40px !important; font-size: 13px !important; }
    body[data-desktop-page="pricing"] :is(.pricing-meter, .pricing-yes, .pricing-comparison-note) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="pricing"] .pricing-table-hint { display: block !important; margin: 8px 0 !important; font-size: 12px !important; line-height: 1.5 !important; color: #737b87 !important; }
    body[data-desktop-page="pricing"] .pricing-table-scroll { max-width: 100% !important; overflow-x: auto !important; scrollbar-width: thin !important; }
    body[data-desktop-page="pricing"] .pricing-table-hint:not(:has(+ .pricing-table-scroll.is-scrollable)) { display: none !important; }
    body[data-desktop-page="pricing"] .pricing-compare-table { display: table !important; overflow: visible !important; width: 100% !important; min-width: 620px !important; table-layout: fixed !important; }
    body[data-desktop-page="pricing"] .pricing-compare-table tr:not(.pricing-table-group) > :first-child { width: 140px !important; min-width: 140px !important; max-width: 140px !important; }
    body[data-desktop-page="pricing"] .pricing-compare-table tr > :not(:first-child) { width: 160px !important; min-width: 160px !important; max-width: none !important; }
    body[data-desktop-page="pricing"] .pricing-comparison-cta { display: grid !important; grid-template-columns: minmax(0,1fr) !important; gap: 10px !important; }
    body[data-desktop-page="pricing"] .pricing-comparison-cta .pricing-buy-button { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
    body[data-desktop-page="pricing"] .pricing-comparison { min-width: 0 !important; }
    body[data-desktop-page="pricing"] .pricing-compare-table tbody tr:not(.pricing-table-group) > th { position: sticky !important; left: 0 !important; z-index: 1 !important; background: #fff !important; }
    body[data-desktop-page="pricing"] .pricing-compare-table thead th:first-child { position: sticky !important; left: 0 !important; z-index: 3 !important; }
    body[data-desktop-page="login"] .auth-layout { display: flex !important; flex-direction: column !important; gap: 0 !important; min-height: 0 !important; }
    body[data-desktop-page="login"] .auth-story { display: contents !important; }
    body[data-desktop-page="login"] .auth-story > .av2-orb { display: none !important; }
    body[data-desktop-page="login"] .auth-story::after { display: none !important; }
    body[data-desktop-page="login"] .auth-brand { order: 0 !important; margin: 16px !important; align-self: flex-start !important; }
    body[data-desktop-page="login"] .auth-brand span { font-size: 12px !important; }
    body[data-desktop-page="login"] .auth-main { order: 1 !important; min-height: 0 !important; padding: 0 12px 16px !important; }
    body[data-desktop-page="login"] .auth-main-top { margin-bottom: 12px !important; }
    body[data-desktop-page="login"] .auth-form-wrap { width: 100% !important; max-width: 480px !important; margin: 0 auto !important; }
    body[data-desktop-page="login"] .auth-heading { margin: 0 !important; }
    body[data-desktop-page="login"] .auth-panel { margin-top: 18px !important; }
    body[data-desktop-page="login"] .auth-field { margin-bottom: 14px !important; }
    body[data-desktop-page="login"] .auth-story-content { order: 2 !important; margin: 0 16px !important; padding: 16px 0 !important; }
    body[data-desktop-page="login"] .auth-story-note { order: 3 !important; margin: 0 16px 16px !important; }
    body[data-desktop-page="login"] .auth-risk-note { margin-top: 16px !important; font-size: 12px !important; }
    body[data-desktop-page="login"] .auth-card-new { padding: 20px 16px !important; }
    body[data-desktop-page="login"] :is(.auth-subtitle, .auth-hint, .auth-agreement, .auth-field label, .auth-card-new small, .auth-register-legal, .auth-invite-note) { font-size: 13px !important; line-height: 1.6 !important; }
    body[data-desktop-page="login"] :is(.auth-input, .auth-card-new input:not([type="checkbox"])) { min-height: 44px !important; font-size: 16px !important; }
    body[data-desktop-page="login"] :is(.auth-code-send, .auth-submit, .auth-switch-links button) { white-space: nowrap !important; flex-shrink: 0 !important; min-height: 44px !important; font-size: 13px !important; }
    body.landing-page .lv2-header-inner { gap: 8px !important; width: calc(100% - 24px) !important; }
    body.landing-page .lv2-header .lv2-brand { display: grid !important; grid-template-columns: 30px auto !important; gap: 0 7px !important; }
    body.landing-page .lv2-header .lv2-brand img { grid-row: 1 / 3 !important; width: 30px !important; height: 30px !important; }
    body.landing-page .lv2-header .lv2-brand b { font-size: 18px !important; line-height: 22px !important; }
    body.landing-page .lv2-header .lv2-brand em { margin: 0 !important; padding: 0 !important; border: 0 !important; background: transparent !important; line-height: 16px !important; }
    body.landing-page .lv2-header-right { gap: 6px !important; flex: 0 0 auto !important; }
    body.landing-page .lv2-header .yp-theme-toggle { width: 36px !important; min-width: 36px !important; height: 40px !important; min-height: 40px !important; padding: 6px !important; }
    body.landing-page :is(.lv2-hero-note, .lv2-term-badge, .lv2-term-input, .lv2-ticker-note, .lv2-ticker-item, .lv2-ticker-item span, .lv2-eyebrow, .lv2-eyebrow span, .lv2-logo small, .lv2-brand small, .lv2-logo em, .lv2-brand em) { font-size: 12px !important; line-height: 1.5 !important; }
    body.landing-page :is(.lv2-kicker, .lv2-live, .lv2-card-num, .lv2-tag) { font-size: 12px !important; line-height: 1.5 !important; }
    body.landing-page :is(.lv2-evidence b, .lv2-step span, .lv2-ladder span) { font-size: 12px !important; line-height: 1.5 !important; }
    body.landing-page .lv2-term-body :is(p, li, small, span) { font-size: 13px !important; line-height: 1.6 !important; }
    body:is([data-desktop-page="about"], [data-desktop-page="privacy"], [data-desktop-page="terms"]) main :is(p, li) { font-size: 14px !important; line-height: 1.75 !important; }
    body[data-desktop-page="about"] :is(.about-kicker, .about-name-note, .about-name-note b, .about-name-note strong, .about-name-note span, .about-principles i, .about-principles article > span) { font-size: 12px !important; line-height: 1.6 !important; }
    body[data-desktop-page="desktop"] :is(.download-kicker, .download-version-line, .download-file-meta, .download-recommended, .mac-open-guide-kicker) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="desktop"] :is(.download-card, .mac-open-guide, .download-notes) { padding: 12px !important; }
    body[data-desktop-page="desktop"] :is(.download-button, .mac-open-guide-foot a) { min-height: 40px !important; font-size: 13px !important; }
    body[data-desktop-page="release-notes"] .release-latest { font-size: 12px !important; }
    body.share-page :is(.md-body, .share-body) { font-size: 14px !important; line-height: 1.7 !important; overflow-wrap: anywhere !important; }

    /* Administration controls are responsive; poster export canvases untouched. */
    body:is([data-desktop-page="admin"], [data-desktop-page="admin-posters"], [data-desktop-page="admin-database"]) :is(.container, .wrap) { padding: 12px 8px 100px !important; width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; }
    body[data-desktop-page="admin"] #tabs { display: flex !important; flex-wrap: nowrap !important; overflow-x: auto !important; gap: 5px !important; padding-bottom: 8px !important; scrollbar-width: thin !important; }
    body[data-desktop-page="admin"] #tabs .tab-chip { flex: 0 0 auto !important; min-height: 40px !important; padding: 9px 12px !important; font-size: 13px !important; line-height: 20px !important; }
    body[data-desktop-page="admin"] #tabs .tab-chip span { font-size: 12px !important; }
    body[data-desktop-page="admin"] #content :is(label, .muted, small) { font-size: 12px !important; line-height: 1.5 !important; }
    body[data-desktop-page="admin-posters"] :is(.sel-grid, .pg-actions) { gap: 6px !important; }
    body[data-desktop-page="admin-posters"] .sel-item { min-height: 36px !important; font-size: 13px !important; padding: 6px 8px !important; }
    body[data-desktop-page="admin-posters"] .ab-field label { font-size: 12px !important; }
    body[data-desktop-page="admin-database"] .bar { display: grid !important; grid-template-columns: repeat(2,minmax(0,1fr)) !important; gap: 8px !important; padding: 10px !important; margin: 10px 0 !important; }
    body[data-desktop-page="admin-database"] .bar > * { width: 100% !important; min-width: 0 !important; box-sizing: border-box !important; font: inherit !important; font-size: 13px !important; min-height: 40px !important; }
    body[data-desktop-page="admin-database"] .card { padding: 10px !important; margin: 10px 0 !important; overflow-wrap: anywhere !important; }
    body[data-desktop-page="admin-database"] .scroll { max-width: 100% !important; overflow: auto !important; scrollbar-width: thin !important; }
  }
  @media (min-width: 881px) and (max-width: 1024px) {
    body[data-desktop-page="review-training"] :is(.content, .rt-wrap, .rt-grid, .rt-left, .rt-card) { min-width: 0 !important; max-width: 100% !important; box-sizing: border-box !important; }
    body[data-desktop-page="review-training"] .rt-grid { grid-template-columns: minmax(0,1fr) !important; }
    body[data-desktop-page="review-training"] .rt-hero { flex-wrap: wrap !important; gap: 10px !important; }
    body[data-desktop-page="review-training"] .rt-hero > div { min-width: 0 !important; max-width: 100% !important; }
    body[data-desktop-page="review-training"] .rt-hero p { white-space: normal !important; }
    body[data-desktop-page="review-training"] .rt-history-tools { min-width: 0 !important; grid-template-columns: auto auto auto !important; }
    body[data-desktop-page="review-training"] .rt-actions { flex-wrap: wrap !important; }
    body[data-desktop-page="review-training"] .rt-actions > div { flex: 1 1 260px !important; min-width: 0 !important; }
  }
  @media (max-width: 360px) {
    body[data-desktop-page="train"] .tr-mode { grid-template-columns: minmax(0,1fr) !important; }
    body[data-desktop-page="notifications"] .check-grid { grid-template-columns: minmax(0,1fr) !important; }
    body[data-desktop-page="profile"] .profile-token-head { flex-wrap: wrap !important; gap: 8px !important; }
  }
}
@layer yipan-mobile-account-training {
 @media(max-width:1024px) {
  body.kp-page .kp-main .kp-card { padding:8px !important; border-radius:7px !important; }
  body.kp-page .kp-main :is(h2,.kp-stock-name) { font-size:14px !important; line-height:21px !important; }
  body.kp-page .kp-main p { margin:4px 0 !important; font-size:12px !important; line-height:19px !important; }
  body.kp-page .kp-main .kp-tabs { display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; padding:0 0 6px !important; gap:4px !important; }
  body.kp-page .kp-main .kp-tabs button { min-width:0 !important; padding:6px 2px !important; font-size:12px !important; min-height:32px !important; }
  body.kp-page .kp-main .kp-tabs small { display:none !important; }
  body.kp-page .kp-main .kp-form { grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) !important; gap:6px !important; margin-top:6px !important; }
  body.kp-page .kp-main .kp-form label { font-size:11px !important; gap:3px !important; min-width:0 !important; }
  body.kp-page .kp-main .kp-form :is(input,select,button,.yp-date-trigger) { height:30px !important; min-height:30px !important; font-size:12px !important; padding:0 6px !important; }
  body.kp-page .kp-main .kp-form .yp-date-picker { min-width:0 !important; width:100% !important; }
  body.kp-page .kp-main .kp-form .yp-date-step { display:none !important; }
  body.kp-page .kp-main .kp-guide { margin-top:5px !important; }
  body.kp-page .kp-main .kp-layout { grid-template-columns:minmax(0,1fr) !important; margin-top:8px !important; gap:8px !important; }
  body.kp-page .kp-main .kp-pool { position:static !important; max-height:180px !important; }
  body.kp-page .kp-main #kp-events { display:grid !important; grid-template-columns:repeat(2,minmax(0,1fr)) !important; gap:4px !important; }
  body.kp-page .kp-main .kp-event { margin:0 !important; padding:5px 7px !important; line-height:19px !important; }
  body.kp-page .kp-main .kp-event :is(strong,em) { font-size:12px !important; }
  body.kp-page .kp-main .kp-event small { font-size:11px !important; }
  body.kp-page .kp-main .kp-empty { padding:12px 10px !important; }
  body.kp-page .kp-main .kp-empty-icon { display:none !important; }
  body.kp-page .kp-main .kp-empty.is-loading .kp-empty-icon { display:block !important; width:20px !important; height:20px !important; margin:0 auto 6px !important; }
  body.kp-page .kp-main #kp-status { margin:5px auto !important; font-size:12px !important; line-height:19px !important; }
  body.kp-page .kp-main .kp-chart { height:250px !important; }
  body.kp-page .kp-main .kp-match .kp-chart { height:220px !important; }
  body.kp-page .kp-main .kp-stats { grid-template-columns:repeat(2,minmax(0,1fr)) !important; margin:8px 0 !important; }
  body.kp-page .kp-main .kp-stat { padding:8px !important; }
  body.kp-page .kp-main .kp-stat b { font-size:18px !important; margin:4px 0 !important; }
  body.kp-page .kp-main :is(.kp-stat span,.kp-stat small,.kp-footnote) { font-size:11px !important; line-height:17px !important; }
  body.kp-page .kp-main .kp-heading { gap:6px !important; flex-wrap:wrap !important; }
  body.kp-page .kp-main .kp-match-heading { flex-direction:row !important; margin:10px 0 6px !important; }
  body.kp-page .kp-main .kp-matches { grid-template-columns:minmax(0,1fr) !important; }
  body.kp-page .kp-main .kp-outcomes { margin-top:6px !important; gap:6px !important; }
  body.kp-page .kp-main .kp-outcome[role=button],body.kp-page .kp-main .kp-outcome b { font-size:14px !important; }
  body.kp-page .kp-main :is(.kp-ai,.kp-distribution,.kp-notes) { margin:8px 0 !important; }
  body.kp-page .kp-main .kp-scenario { padding:8px !important; }
 }
}
@layer yipan-mobile-account-training {
 @media(max-width:1024px) {
  body.kp-page .kp-main #kp-form { grid-template-columns:repeat(2,minmax(0,1fr)) !important; }
  body.kp-page .kp-main #kp-form .kp-search-label { grid-column:auto !important; }
  body.kp-page .kp-main #kp-form #kp-asset-label { grid-column:1 / -1 !important; }
 }
}
