/* One set of content, controls and brand styles; only layout changes by width. */
@media (max-width: 1099px) {
  html { scroll-padding-top: 170px; }
  .atlas-ui { -webkit-text-size-adjust: 100%; }
  .atlas-ui :is(main, section, article, aside, .panel, .section-head > *, .strategy-detail) { min-width: 0; }
  .atlas-ui :is(.footnote, .table-note, .panel-note, .section-updated, .form-note, .form-help) { font-size: 11px; overflow-wrap: anywhere; }
  .atlas-ui :is(.section-head, .rank-heading, .rank-heading-actions) { flex-wrap: wrap; }
  .atlas-ui.page-pre #attention .rank-heading .section-updated { display: block; font-size: 10px; }
  .atlas-ui.page-pre .section-sub { display: inline; }
  .atlas-ui.page-post .hero p:not(.eyebrow),
  .atlas-ui.page-post .section-head p { display: block; font-size: 12px; }
  .atlas-ui.page-post .section-head p { flex-basis: 100%; margin: 0; }
  .atlas-ui.page-post .seat-group-note { display: block; font-size: 11px; white-space: normal; }
}

@media (max-width: 1099px) {
  /* Status and dates remain available on phones instead of being hidden. */
  .atlas-ui .ui-header { height: auto; min-height: 0; }
  .atlas-ui .ui-header-inner { height: auto; display: flex; flex-wrap: wrap; gap: 7px 12px; padding: 12px 16px 0; }
  .atlas-ui .ui-brand { order: 1; }
  .atlas-ui .ui-brand small { display: block; font-size: 9px; letter-spacing: 1px; margin-top: 4px; }
  .atlas-ui .ui-header-end { display: contents; }
  .atlas-ui .ui-profile { order: 2; margin-left: auto; }
  .atlas-ui .ui-header .ui-nav { order: 3; width: 100%; display: flex; justify-content: space-between; gap: 2px; padding: 3px 0 7px; }
  .atlas-ui .ui-header .ui-nav a { flex: 1 0 auto; text-align: center; min-height: 40px; padding: 9px 6px; font-size: 12px; }
  .atlas-ui .ui-edition { display: block; order: 4; flex: 1 0 100%; font-size: 8px; letter-spacing: 1px; white-space: normal; padding-bottom: 8px; }
  .atlas-ui .ui-header .header-data { display: block; order: 4; flex: 1 0 100%; max-width: none; padding: 6px 0 9px; border-top: 1px solid var(--line); font-size: 10px; line-height: 1.5; }
  .atlas-ui .ui-header .source-details { font-size: 10px; }
  .atlas-ui .ui-header .source-details[open] p { position: absolute; left: 0; right: auto; top: 20px; width: min(360px, calc(100vw - 32px)); max-height: 45dvh; overflow: auto; padding: 14px; }

  .atlas-ui.page-home .research-status { display: block; grid-column: 2; font-size: 11px; }
  .atlas-ui.page-home .research-row { grid-template-columns: 30px minmax(0, 1fr) 62px; gap: 6px 10px; }
  .atlas-ui.page-home .research-link { grid-column: 3; grid-row: 1 / 3; }
  .atlas-ui.page-home .research-intro p:not(.eyebrow) { display: block; }
  .atlas-ui.page-pre .edition-nav > span { display: block; max-width: none; margin-top: 8px; font-size: 11px; }

  /* The same strategy cards become a horizontal selector above the detail. */
  .atlas-ui.page-lab .desktop-layout { display: block; padding: 14px; }
  .atlas-ui.page-lab .strategy-shelf { position: static; top: auto; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; height: auto; min-height: 0; max-height: none; padding: 14px; margin-bottom: 14px; overflow: visible; }
  .atlas-ui.page-lab :is(.ui-shelf-heading, .shelf-section-title, #official-list, #strategy-list, .shelf-signature) { grid-column: 1 / -1; }
  .atlas-ui.page-lab .ui-shelf-heading { display: flex; flex-wrap: wrap; align-items: baseline; gap: 2px 12px; padding: 0 0 4px; }
  .atlas-ui.page-lab .ui-shelf-heading h2 { font-size: 19px !important; margin: 0; }
  .atlas-ui.page-lab .ui-shelf-heading > span { display: inline; order: 2; margin-left: auto; }
  .atlas-ui.page-lab .ui-shelf-heading p { display: block; order: 3; flex-basis: 100%; font-size: 11px; }
  .atlas-ui.page-lab .shelf-section-title { padding: 4px 0; margin: 0; }
  .atlas-ui.page-lab .mine-title { padding-top: 8px; }
  .atlas-ui.page-lab .official-label { display: inline; font-size: 10px; }
  .atlas-ui.page-lab :is(#official-list, #strategy-list) { display: grid; grid-auto-flow: column; grid-auto-columns: 210px; grid-template-columns: none; gap: 8px; max-width: 100%; overflow-x: auto; padding-bottom: 8px; scroll-snap-type: x proximity; scrollbar-width: thin; scrollbar-color: #739b90 #244c43; }
  .atlas-ui.page-lab :is(#official-list, #strategy-list)::-webkit-scrollbar { height: 6px; }
  .atlas-ui.page-lab :is(#official-list, #strategy-list)::-webkit-scrollbar-thumb { background: #739b90; border-radius: 3px; }
  .atlas-ui.page-lab .shelf-strategy { width: 100%; min-width: 0; max-width: none; margin: 0; padding: 10px; min-height: 65px; scroll-snap-align: start; }
  .atlas-ui.page-lab .shelf-strategy strong { font-size: 13px; white-space: normal; }
  .atlas-ui.page-lab .shelf-strategy small { font-size: 10px; }
  .atlas-ui.page-lab #strategy-list:has(.shelf-empty) { display: block; padding: 0; }
  .atlas-ui.page-lab .shelf-empty { padding: 2px 0 6px; font-size: 11px; }
  .atlas-ui.page-lab .shelf-empty small { display: block; }
  .atlas-ui.page-lab .shelf-create { min-width: 0; width: 100%; margin: 0; padding: 10px 6px; font-size: 12px; }
  .atlas-ui.page-lab .shelf-signature { display: block; margin: 0; padding: 0; font-size: 8px; }
  .atlas-ui.page-lab .workspace-tabs { flex-wrap: nowrap; overflow-x: auto; gap: 6px; }
  .atlas-ui.page-lab .workspace-tabs button { flex: 0 0 auto; min-width: 76px; min-height: 44px; font-size: 12px; padding: 12px 8px; }
  .atlas-ui.page-lab :is(.table-scroll, .trade-record-scroll, #latest-screen, #tab-content) { max-width: 100%; overflow-x: auto; }
  .atlas-ui.page-lab :is(.screen-table, .holdings-table, .monitor-record-table) { min-width: 680px; }
  .atlas-ui.page-lab .trade-record-table { min-width: 780px; }
  .atlas-ui.page-lab :is(th, td) { font-size: 12px; }
  .atlas-ui.page-lab .saved-condition-grid { grid-template-columns: 1fr; }
  .atlas-ui.page-lab #editor-dialog { width: calc(100% - 20px); max-height: calc(100dvh - 20px); margin: auto; }
  .atlas-ui.page-lab #editor-dialog #strategy-form { height: 90dvh; max-height: calc(100dvh - 20px); }
  .atlas-ui.page-lab #editor-dialog :is(input, select, textarea) { min-width: 0; max-width: 100%; font-size: 16px; }
  .atlas-ui.page-lab #editor-dialog .dialog-footer { flex-wrap: wrap; gap: 8px; }
  .atlas-ui.page-lab #editor-dialog .dialog-footer > div { flex-wrap: wrap; gap: 6px; }
  .atlas-ui.page-lab #editor-dialog .dialog-footer .button { padding: 9px 10px; }
}

@media (max-width: 650px) {
  .atlas-ui :is(.panel, .world-section, .events-section, .attention-section, .calendar-section) { overflow-wrap: anywhere; }
  .atlas-ui.page-home .market-card-heading { flex-wrap: wrap; gap: 5px 12px; }
  .atlas-ui.page-home .market-card-heading small { display: block; font-size: 9px; }
  .atlas-ui.page-home .breadth-heading strong { display: inline; font-size: 11px; }
  .atlas-ui.page-home .daily-line { display: flex; align-items: baseline; flex-wrap: wrap; padding-top: 13px; gap: 6px 10px; font-size: 12px; }
  .atlas-ui.page-home .daily-line p { flex: 1 1 210px; }
  .atlas-ui.page-home .daily-line > span { font-size: 11px; }
  .atlas-ui.page-home .research-intro p:not(.eyebrow) { font-size: 12px; }
  .atlas-ui.page-home .research-name b { white-space: normal; overflow: visible; }

  .atlas-ui.page-pre .edition-nav nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 6px; }
  .atlas-ui.page-pre .edition-nav nav a { font-size: 12px; padding: 8px; }
  .atlas-ui.page-pre .edition-nav nav b { display: inline; margin-right: 5px; }
  .atlas-ui.page-pre .section-head .section-count { display: inline; font-size: 11px; }
  .atlas-ui.page-pre #attention .rank-heading .section-updated { display: block; order: 2; flex-basis: 100%; text-align: left; }
  .atlas-ui.page-pre #attention .rank-heading-actions { justify-content: flex-start; }
  .atlas-ui.page-pre #attention .rank-score small { display: inline; font-size: 10px; }
  .atlas-ui.page-pre #attention .rank-top { flex-wrap: wrap; gap: 6px 8px; }
  .atlas-ui.page-pre #attention .rank-name { font-size: 13px; }
  .atlas-ui.page-pre #attention .rank-code { font-size: 10px; }
  .atlas-ui.page-pre :is(.brief-source, .brief-source time, .cover-meta, .cover-meta .section-updated) { font-size: 11px; }
  .atlas-ui.page-pre .market-time { font-size: 11px; }
  .atlas-ui.page-pre #events-list .morning-row > summary,
  .atlas-ui.page-pre #events-list .morning-editorial { grid-template-columns: 58px minmax(0, 1fr) auto; }
  .atlas-ui.page-pre #events-list .morning-original { display: block; grid-column: 2; font-size: 11px; }
  .atlas-ui.page-pre #events-list .morning-row time { display: block; grid-column: 3; font-size: 10px; }
  .atlas-ui.page-pre :is(#ipo-table, #suspension-table) { max-width: 100%; overflow-x: auto; }

  .atlas-ui.page-post .hero { flex-wrap: wrap; padding: 22px 18px; }
  .atlas-ui.page-post .hero > div:first-child { flex: 1 1 180px; }
  .atlas-ui.page-post .hero h1 span { display: block; margin: 6px 0 0; max-width: none; font-size: 12px; }
  .atlas-ui.page-post .hero p:not(.eyebrow) { font-size: 12px; }
  .atlas-ui.page-post .hero .dateline { margin-left: auto; }
  .atlas-ui.page-post .dateline > span, .atlas-ui.page-post .dateline small { font-size: 11px; }
  .atlas-ui.page-post .section-head { align-items: flex-start; }
  .atlas-ui.page-post .section-head > div:first-child { flex: 1 1 100%; gap: 8px; }
  .atlas-ui.page-post .badge { max-width: 100%; font-size: 11px; }
  .atlas-ui.page-post .indices { grid-template-columns: 1fr; gap: 8px; }
  .atlas-ui.page-post .index { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: center; gap: 4px 10px; padding: 12px; }
  .atlas-ui.page-post .index > b { font-size: 12px; }
  .atlas-ui.page-post .index strong { grid-column: 2; grid-row: 1; margin: 0; font-size: 25px; }
  .atlas-ui.page-post .index > span { grid-column: 2; text-align: right; }
  .atlas-ui.page-post .index small { grid-column: 1 / -1; font-size: 11px; margin: 0; }
  .atlas-ui.page-post .index .quote-note { font-size: 10px; }
  .atlas-ui.page-post .stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
  .atlas-ui.page-post .anchors { flex-wrap: wrap; white-space: normal; gap: 6px; }
  .atlas-ui.page-post .anchors a { font-size: 11px; }
  .atlas-ui.page-post .seat-group-note { flex-basis: 100%; }
  .atlas-ui.page-post .rotation-history-bar { flex-wrap: wrap; gap: 8px; }
  .atlas-ui.page-post #rotation-dates { display: flex; flex-wrap: wrap; gap: 5px; }
  .atlas-ui.page-post .rotation-history-bar nav button { margin: 0; font-size: 11px; }
  .atlas-ui.page-post :is(.rotation-fact, .rotation-rank, .rotation-observe, .rotation-returns) { font-size: 11px; }

  .atlas-ui.page-my .setting-item small { display: block; font-size: 11px; }
  .atlas-ui.page-my .setting-item > span:last-child { display: inline; }
  .atlas-ui.page-my .setting-item b { font-size: 13px; }
  .atlas-ui.page-my .account-copy .account-meta { font-size: 11px !important; }
  .atlas-ui.page-my .watch-panel .section-head { flex-wrap: wrap; gap: 12px; }
  .atlas-ui.page-my .watch-foot { font-size: 11px; }
  .atlas-ui.page-my dialog :is(input, select, textarea) { font-size: 16px; }
  .atlas-ui.page-my footer { flex-wrap: wrap; gap: 12px; }
}

/* Market figures must not force a wider page on the smallest phones. */
@media (max-width: 650px) {
  .atlas-ui.page-home .market-card { grid-template-columns: minmax(0, 1fr); }
  .atlas-ui.page-home .market-indices { grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .atlas-ui.page-home .market-breadth { display: block; }
  .atlas-ui.page-home .breadth-heading { display: flex; justify-content: space-between; gap: 8px; flex-wrap: wrap; }
  .atlas-ui.page-home .breadth-figures { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; padding-top: 8px; }
}
@media (max-width: 380px) {
  .atlas-ui.page-home .market-indices { grid-template-columns: minmax(0, 1fr); gap: 0; }
  .atlas-ui.page-home .index-row { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; align-items: center; gap: 8px; border-right: 0; border-bottom: 1px solid var(--line); padding: 8px 0; }
  .atlas-ui.page-home .index-row > div { flex-basis: auto; }
  .atlas-ui.page-home .index-row b { padding: 0; font-size: 11px; }
  .atlas-ui.page-home .index-value { font-size: 20px; }
}

/* Phone density: preserve every content item and control; reduce decorative space. */
@media (max-width: 650px) {
  html { scroll-padding-top: 142px; }
  body.atlas-ui { font-size: 13px; line-height: 1.55; }
  .atlas-ui .ui-header-inner { gap: 4px 10px; padding: 8px 12px 4px; }
  .atlas-ui .ui-brand { gap: 8px; }
  .atlas-ui .ui-brand > span:last-child { font-size: 22px; }
  .atlas-ui .ui-brand small { font-size: 8px; margin-top: 2px; letter-spacing: .5px; }
  .atlas-ui .ui-mark { width: 30px; height: 32px; border-radius: 8px; }
  .atlas-ui .ui-mark svg { width: 23px; height: 23px; }
  .atlas-ui .ui-edition { order: 2; flex: 1 1 130px; min-width: 0; padding: 0; text-align: right; font-size: 7px; line-height: 1.4; letter-spacing: .6px; }
  .atlas-ui .ui-header .ui-nav { gap: 2px; padding: 0; }
  .atlas-ui .ui-header .ui-nav a { min-height: 40px; padding: 10px 4px; font-size: 12px; line-height: 20px; }
  .atlas-ui .ui-header .header-data { display: flex; align-items: baseline; flex-wrap: wrap; gap: 2px 10px; padding: 5px 0 1px; font-size: 9px; line-height: 1.4; }
  .atlas-ui .ui-header .header-data > span { margin: 0; }
  .atlas-ui .ui-header .source-details { font-size: 10px; }
  .atlas-ui .ui-header .source-details[open] p { width: min(360px, calc(100vw - 24px)); }
  .atlas-ui.page-pre > main, .atlas-ui.page-post > main, .atlas-ui.page-my > main { padding: 12px 12px 0; }
  .atlas-ui :is(.panel, .world-section, .events-section, .attention-section, .calendar-section) { border-radius: 11px; }
  .atlas-ui .section-head { margin-bottom: 12px; gap: 8px; }
  .atlas-ui h2 { font-size: 18px; }
  .atlas-ui :is(.number, .section-no) { width: 23px; height: 23px; border-radius: 6px; }
  .atlas-ui .button { min-height: 40px; padding: 8px 12px; font-size: 12px; }
  .atlas-ui :is(.footnote, .table-note, .panel-note) { line-height: 1.6; }
  .atlas-ui > aside[aria-label="研究说明"] { margin: 12px auto !important; padding: 12px 14px !important; font-size: 11px !important; line-height: 1.6 !important; }
  .atlas-ui footer { gap: 10px; padding-top: 16px; padding-bottom: 16px; }

  /* Home: a shorter cover and denser market/readout cards. */
  .atlas-ui.page-home .hero { width: calc(100% - 24px); margin-top: 12px; border-radius: 12px; }
  .atlas-ui.page-home .hero-inner { min-height: 0; padding: 20px; }
  .atlas-ui.page-home .hero-copy { max-width: none; }
  .atlas-ui.page-home h1 { font-size: 32px; line-height: 1.3; letter-spacing: -1px; margin: 12px 0 10px; }
  .atlas-ui.page-home .hero-description { max-width: 100%; font-size: 12px; line-height: 1.65; }
  .atlas-ui.page-home .hero-actions { margin-top: 16px; gap: 10px 14px; }
  .atlas-ui.page-home .primary-button { min-height: 40px; padding: 9px 12px; gap: 12px; }
  .atlas-ui.page-home .hero-caption { margin-top: 12px; line-height: 1.6; letter-spacing: 1px; }
  .atlas-ui.page-home .home-content { padding: 0 12px; }
  .atlas-ui.page-home .market-card { margin-top: 10px; padding: 14px; gap: 10px; border-radius: 11px; }
  .atlas-ui.page-home .market-card-heading { font-size: 14px; }
  .atlas-ui.page-home .market-card-heading small { margin-top: 2px; }
  .atlas-ui.page-home .market-indices { gap: 8px; }
  .atlas-ui.page-home .index-row { padding-right: 6px; }
  .atlas-ui.page-home .index-row b { padding-bottom: 3px; }
  .atlas-ui.page-home .index-value { font-size: 20px; letter-spacing: -.5px; line-height: 1.3; }
  .atlas-ui.page-home .market-breadth { padding-top: 9px; }
  .atlas-ui.page-home .breadth-figures { padding-top: 5px; gap: 8px; }
  .atlas-ui.page-home .market-footer { padding-top: 7px; }
  .atlas-ui.page-home .daily-line { padding: 9px 2px 0; gap: 4px 8px; font-size: 11px; }
  .atlas-ui.page-home .section-heading { margin: 20px 0 10px; }
  .atlas-ui.page-home :is(.product-grid, .facts-grid) { gap: 10px; }
  .atlas-ui.page-home :is(.product-card, .product-card.active, .fact-card) { padding: 14px; border-radius: 11px; }
  .atlas-ui.page-home .product-top { margin-bottom: 6px; }
  .atlas-ui.page-home .product-icon { width: 30px; height: 30px; font-size: 22px; border-radius: 8px; }
  .atlas-ui.page-home .product-card h3 { font-size: 20px; }
  .atlas-ui.page-home .product-card h3 > span { font-size: 11px; margin-left: 8px; }
  .atlas-ui.page-home .product-fact { margin-top: 9px; line-height: 1.6; }
  .atlas-ui.page-home .product-bottom { margin-top: 10px; padding-top: 8px; }
  .atlas-ui.page-home .fact-body { padding-top: 9px; }
  .atlas-ui.page-home .fact-body h3 { font-size: 16px; line-height: 1.5; }
  .atlas-ui.page-home .fact-body p { margin: 6px 0; line-height: 1.65; }
  .atlas-ui.page-home .fact-link { padding-top: 9px; margin-top: 8px; }
  .atlas-ui.page-home :is(.mini-returns, .seat-amount) { margin: 9px 0; }
  .atlas-ui.page-home .research { margin: 18px 0; padding: 14px; gap: 12px; }
  .atlas-ui.page-home .research-intro h2 { margin: 5px 0 6px; }
  .atlas-ui.page-home .research-intro a { margin-top: 10px; }
  .atlas-ui.page-home .research-list { padding: 0 10px; }
  .atlas-ui.page-home .research-row { padding: 10px 0; min-height: 56px; }
  .atlas-ui.page-home .home-footer { gap: 10px; padding: 16px 0; }

  /* Premarket: retain sources and dates within shorter report sections. */
  .atlas-ui.page-pre .cover { padding: 16px; gap: 10px; border-radius: 12px; }
  .atlas-ui.page-pre .cover-title { gap: 5px 10px; }
  .atlas-ui.page-pre .cover h1 { font-size: 25px; line-height: 1.3; }
  .atlas-ui.page-pre .cover-brief { padding-top: 10px; }
  .atlas-ui.page-pre .brief-text { margin: 8px 0 10px; font-size: 13px; line-height: 1.65; }
  .atlas-ui.page-pre .cover-stats { gap: 10px 16px; }
  .atlas-ui.page-pre .cover-stats b { font-size: 20px; }
  .atlas-ui.page-pre .cover-meta { margin-top: 10px; padding-top: 8px; gap: 4px 8px; }
  .atlas-ui.page-pre .edition-nav { padding: 10px 0; }
  .atlas-ui.page-pre .edition-nav nav { gap: 4px; }
  .atlas-ui.page-pre .edition-nav nav a { min-height: 40px; padding: 10px 8px; line-height: 20px; }
  .atlas-ui.page-pre .edition-nav > span { margin-top: 5px; line-height: 1.5; }
  .atlas-ui.page-pre :is(.world-section, .events-section, .attention-section, .calendar-section) { padding: 14px; margin-bottom: 12px; }
  .atlas-ui.page-pre .editorial-grid { gap: 0; margin-bottom: 0; }
  .atlas-ui.page-pre .section-head h2 { font-size: 17px; }
  .atlas-ui.page-pre .market-strip { gap: 10px 12px; padding: 4px 0 12px; }
  .atlas-ui.page-pre .market-price { font-size: 20px; }
  .atlas-ui.page-pre .world-evidence { gap: 10px; padding-top: 12px; }
  .atlas-ui.page-pre #events-list .morning-row > summary,
  .atlas-ui.page-pre #events-list .morning-editorial { min-height: 44px; padding: 9px 5px; gap: 5px; }
  .atlas-ui.page-pre #attention .dual-ranks { gap: 12px; }
  .atlas-ui.page-pre #attention .rank-heading { padding: 10px 0; gap: 6px; }
  .atlas-ui.page-pre #attention .rank-row { padding-top: 8px; padding-bottom: 8px; }
  .atlas-ui.page-pre #attention .concept-accordion > summary { min-height: 44px; padding-top: 8px; padding-bottom: 8px; }
  .atlas-ui.page-pre #attention .rank-top { gap: 4px 6px; }
  .atlas-ui.page-pre .schedule-grid { gap: 12px; }
  .atlas-ui.page-pre .schedule-grid > div + div { padding-top: 12px; }
  .atlas-ui.page-pre :is(th, td) { padding: 8px 6px; }

  /* Postmarket: keep the cover date alongside the title; reduce list whitespace. */
  .atlas-ui.page-post .hero { display: grid; grid-template-columns: minmax(0, 1fr) 120px; min-height: 0; padding: 16px; gap: 10px; margin-bottom: 12px; border-radius: 12px; }
  .atlas-ui.page-post .hero > div:first-child { min-width: 0; }
  .atlas-ui.page-post .hero h1 { font-size: 24px; line-height: 1.3; }
  .atlas-ui.page-post .hero h1 span { margin-top: 4px; font-size: 11px; line-height: 1.5; }
  .atlas-ui.page-post .hero p:not(.eyebrow) { margin-top: 7px; font-size: 12px; line-height: 1.55; }
  .atlas-ui.page-post .hero .dateline { min-width: 0; margin: 0; padding: 10px 8px; }
  .atlas-ui.page-post .dateline strong { font-size: 19px; line-height: 1.3; }
  .atlas-ui.page-post .dateline small { line-height: 1.5; }
  .atlas-ui.page-post .notice { padding: 8px 10px; margin-bottom: 10px; }
  .atlas-ui.page-post .anchors { gap: 5px; margin: 10px 0 12px; }
  .atlas-ui.page-post .anchors a { min-height: 40px; padding: 10px 8px; line-height: 20px; }
  .atlas-ui.page-post .panel { padding: 14px; margin-bottom: 12px; }
  .atlas-ui.page-post .section-head > div:first-child { gap: 6px; }
  .atlas-ui.page-post .section-head p { line-height: 1.5; }
  .atlas-ui.page-post .indices { gap: 6px; }
  .atlas-ui.page-post .index { padding: 9px 10px; gap: 2px 8px; }
  .atlas-ui.page-post .index strong { font-size: 23px; line-height: 1.2; }
  .atlas-ui.page-post .stats { gap: 8px; margin-top: 12px; padding-top: 12px; }
  .atlas-ui.page-post .stats strong { font-size: 21px; }
  .atlas-ui.page-post .sentiment { margin-top: 12px; padding: 10px; gap: 6px; }
  .atlas-ui.page-post .seat-group > summary { min-height: 44px; padding: 10px; gap: 5px; }
  .atlas-ui.page-post .seat-profile > summary { min-height: 44px; padding: 8px 3px; }
  .atlas-ui.page-post .rotation-history-bar { gap: 6px; margin-bottom: 10px; }
  .atlas-ui.page-post .rotation-item { padding: 8px 0; }
  .atlas-ui.page-post .event-row { padding-top: 10px; padding-bottom: 10px; }

  /* Lab: reduce shelf and card spacing without altering strategy behavior. */
  .atlas-ui.page-lab .desktop-layout { padding: 10px 12px; }
  .atlas-ui.page-lab .strategy-shelf { padding: 12px; gap: 5px; margin-bottom: 10px; }
  .atlas-ui.page-lab .ui-shelf-heading { gap: 2px 8px; padding-bottom: 2px; }
  .atlas-ui.page-lab .ui-shelf-heading h2 { font-size: 18px !important; }
  .atlas-ui.page-lab .ui-shelf-heading p { margin: 2px 0; line-height: 1.5; }
  .atlas-ui.page-lab .shelf-section-title { padding: 3px 0; }
  .atlas-ui.page-lab .mine-title { padding-top: 5px; }
  .atlas-ui.page-lab :is(#official-list, #strategy-list) { grid-auto-columns: 184px; gap: 6px; padding-bottom: 5px; }
  .atlas-ui.page-lab .shelf-strategy { padding: 8px; min-height: 60px; gap: 7px; }
  .atlas-ui.page-lab .shelf-strategy strong { font-size: 12px; line-height: 1.4; }
  .atlas-ui.page-lab .shelf-empty { padding: 2px 0 4px; line-height: 1.5; }
  .atlas-ui.page-lab .shelf-empty small { margin-top: 3px; }
  .atlas-ui.page-lab .shelf-create { min-height: 40px; padding: 8px 6px; }
  .atlas-ui.page-lab .detail-primary { padding: 14px; }
  .atlas-ui.page-lab .detail-secondary { margin-top: 12px; padding: 0 10px 12px; }
  .atlas-ui.page-lab .detail-heading { padding-bottom: 10px; margin-bottom: 10px; gap: 9px; }
  .atlas-ui.page-lab .title-line h1 { font-size: 22px; }
  .atlas-ui.page-lab .identity-line { margin-top: 6px; gap: 6px; flex-wrap: wrap; }
  .atlas-ui.page-lab :is(#runtime-header, #saved-strategy-details, .quant-workflow) { padding: 10px; line-height: 1.6; }
  .atlas-ui.page-lab .detail-metrics { gap: 6px; margin-top: 12px; }
  .atlas-ui.page-lab .detail-metrics .metric-card { min-height: 72px; padding: 10px; }
  .atlas-ui.page-lab .detail-metrics .metric-value { font-size: 23px; line-height: 1.25; }
  .atlas-ui.page-lab .today-results { margin-top: 12px; padding-top: 12px; }
  .atlas-ui.page-lab .workspace-tabs { padding-top: 4px; gap: 4px; }
  .atlas-ui.page-lab .workspace-tabs button { min-height: 42px; padding: 10px 8px; }
  .atlas-ui.page-lab :is(.screen-table, .holdings-table, .trade-record-table, .monitor-record-table) :is(th, td) { padding: 8px 10px; font-size: 12px; line-height: 1.5; }
  .atlas-ui.page-lab .monitor-day > summary { min-height: 44px; padding: 10px; }
  .atlas-ui.page-lab .detail-footer { padding: 14px 6px; line-height: 1.6; }
  .atlas-ui.page-lab #editor-dialog .dialog-heading { padding: 12px 14px; }
  .atlas-ui.page-lab #editor-dialog .editor-body { padding: 14px; }
  .atlas-ui.page-lab #editor-dialog fieldset { margin-bottom: 14px; padding-bottom: 14px; }
  .atlas-ui.page-lab #editor-dialog .form-grid { gap: 10px; }
  .atlas-ui.page-lab #editor-dialog .dialog-footer { padding: 10px 12px; }
  .atlas-ui.page-lab #editor-dialog :is(input, select, textarea) { font-size: 16px; }

  /* Personal space: shorter account, empty state and help cards. */
  .atlas-ui.page-my .page-heading { margin: 3px 0 12px; gap: 8px; }
  .atlas-ui.page-my h1 { font-size: 23px; line-height: 1.4; }
  .atlas-ui.page-my h1 span { margin-top: 3px; }
  .atlas-ui.page-my .account-card { display: grid; grid-template-columns: 42px minmax(0, 1fr); min-height: 0; padding: 14px; gap: 10px; }
  .atlas-ui.page-my .account-avatar { width: 42px; height: 42px; }
  .atlas-ui.page-my .account-copy { min-width: 0; max-width: none; }
  .atlas-ui.page-my .account-copy h2 { font-size: 18px; margin: 0 0 4px; line-height: 1.4; }
  .atlas-ui.page-my .account-copy p:not(.eyebrow) { line-height: 1.5; }
  .atlas-ui.page-my .account-copy .account-meta { margin-top: 4px; }
  .atlas-ui.page-my .account-actions { grid-column: 2; width: auto; padding: 0; gap: 8px; }
  .atlas-ui.page-my .account-actions .button { min-width: 0; min-height: 40px; padding: 8px 14px; }
  .atlas-ui.page-my .member-grid { margin-top: 12px; gap: 12px; }
  .atlas-ui.page-my .watch-panel { padding: 14px 14px 0; }
  .atlas-ui.page-my .watch-panel .section-head { gap: 8px; margin-bottom: 10px; }
  .atlas-ui.page-my .panel-note { margin: 8px 0 12px; line-height: 1.6; }
  .atlas-ui.page-my .watch-group summary { min-height: 42px; padding: 10px 0; }
  .atlas-ui.page-my .empty-state { padding: 18px 12px; margin-bottom: 12px; }
  .atlas-ui.page-my .empty-symbol { width: 34px; height: 34px; font-size: 21px; margin: 0 0 8px; }
  .atlas-ui.page-my .empty-state p { margin: 5px 0 10px; }
  .atlas-ui.page-my .watch-foot { padding: 10px 0; gap: 6px 10px; }
  .atlas-ui.page-my .service-rail { gap: 12px; }
  .atlas-ui.page-my :is(.ui-shortcuts, .install-card, .settings) { padding: 14px; }
  .atlas-ui.page-my .ui-shortcuts h2 { margin: 4px 0 8px; }
  .atlas-ui.page-my .ui-shortcuts a { min-height: 44px; padding: 9px 0; }
  .atlas-ui.page-my .install-card > p:not(.eyebrow) { margin: 8px 0 12px; line-height: 1.6; }
  .atlas-ui.page-my .settings { margin-top: 12px; }
  .atlas-ui.page-my .settings-grid { margin-top: 12px; gap: 8px; }
  .atlas-ui.page-my .setting-item { padding: 9px !important; gap: 7px; }
}

@media (max-width: 380px) {
  .atlas-ui.page-home .hero-inner { padding: 18px; }
  .atlas-ui.page-home h1 { font-size: 30px; }
  .atlas-ui.page-home .index-row { padding: 6px 0; }
  .atlas-ui.page-home .index-value { font-size: 19px; }
  .atlas-ui.page-post .hero { grid-template-columns: minmax(0, 1fr) 106px; padding: 14px; gap: 8px; }
  .atlas-ui.page-post .hero h1 { font-size: 23px; }
}