html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }
.risk-strong{color:var(--risk-purple);background:var(--risk-purple-tint)}
.scope-strong .scope-count{color:var(--risk-purple)}

.page-footer .cache-metadata{display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#83909c}
.stock-event-legend,.stock-limit-legend{display:flex;align-items:center;flex-wrap:wrap;gap:6px 12px;font-size:12px;color:#657684;margin:4px 0 8px}
.stock-event-legend > span,.stock-limit-legend > span{display:inline-flex;align-items:center;gap:4px}
.stock-event-legend svg,.stock-limit-legend svg{width:14px;height:14px;flex-shrink:0}
.stock-event-legend small,.stock-limit-legend small{font-size:12px}
.chart-host svg.stock-marker-strip{margin-bottom:4px;overflow:hidden}
.drawer-date-control{display:flex;align-items:center;gap:8px;margin:12px 0;font-size:12px;color:#657684}
.drawer-date-control select{font-size:var(--app-font-value,14px);min-height:38px;border:1px solid var(--line);border-radius:4px;padding:5px 8px;background:#fff;color:var(--ink)}
.primary-nav { display: grid; gap: 10px; }
.nav-group-link { display: block; padding: 9px 10px; font-size: var(--app-font-body,14px); font-weight: 600; border-radius: 5px; }
.nav-group-link.active { color: var(--orange); }
.nav-subitems { display: none; margin: 2px 0 0 8px; padding-left: 6px; border-left: 1px solid var(--line); }
.nav-group.active .nav-subitems { display: block; }
.section-tabs, .mobile-primary-nav { display: none; }
.mobile-stock-meta, .mobile-board-unit { display: none; }
.page-data-state { padding: 16px 0; font-size: var(--app-font-body,14px); color: var(--muted); }
.workspace-controls.query-hidden { grid-template-columns: minmax(0, 1fr); }
.workspace-controls.query-hidden .page-controls { grid-column: 1; grid-row: 1; }
.workspace-controls.query-hidden .universe-cache { grid-row: 2; }
.stock-drawer { width: min(900px, 96vw); }
.universe-hint:empty { display: none; }
.page-controls { display: flex; justify-content: flex-end; margin-bottom: 12px; }
.page-controls .date-controls { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-top: 0; }
.page-controls .date-controls label { margin: 0; }
.page-controls .quote-day-label { white-space: nowrap; }
.cache-metadata { display: flex; align-items: center; gap: 12px; white-space: nowrap; }
.cache-metadata .cache-detail { margin: 0; font-size: 12px; }
.explainer-copy { flex: 1; }
.explainer-copy > b { display: block; font-size: 12px; margin-bottom: 6px; }
.explainer-copy p { margin: 4px 0; }
.period-derived { display: block; color: var(--muted); font: 12px/1.5 "Microsoft YaHei", sans-serif; margin-top: 3px; }
.workspace-controls { display: grid; grid-template-columns: minmax(220px, 1fr) auto; gap: 11px 20px; align-items: center; background: var(--paper); border: 1px solid var(--line); border-radius: 7px; padding: 14px 16px; margin-bottom: 18px; }
.workspace-controls .page-controls { grid-column: 2; grid-row: 1; margin: 0; }
.workspace-controls .universe-bar { display: contents; }
.workspace-controls .universe-search-wrap { grid-column: 1; grid-row: 1; width: 100%; max-width: none; }
.workspace-controls .universe-input-wrap { margin: 0; }
.workspace-controls .universe-input-wrap input { min-height: 36px; padding-top: 8px; padding-bottom: 8px; font-size: 12px; }
.workspace-controls .universe-cache { grid-column: 1 / -1; grid-row: 2; display: flex; align-items: center; gap: 12px; width: 100%; margin: 0; padding: 0; }
.workspace-controls .cache-heading, .workspace-controls .cache-progress-text { margin: 0; flex-shrink: 0; font-size: 12px; }
.workspace-controls .cache-progress-track { width: 80px; height: 3px; margin: 0; }
.workspace-controls .cache-metadata { margin-left: auto; }
.workspace-controls .date-controls { flex-wrap: nowrap; gap: 8px; }
.workspace-controls .date-controls select { width: 124px; }
@media (min-width: 761px) {
  html:not([data-layout="mobile"]) .sidebar { width: 176px; padding: 22px 12px; }
  html:not([data-layout="mobile"]) .workspace { margin-left: 176px; }
  html:not([data-layout="mobile"]) main { padding: 16px 20px 20px; }
  html:not([data-layout="mobile"]) .topbar { height: 48px; padding: 0 20px; }
  html:not([data-layout="mobile"]) .topbar-right { font-size: 12px; gap: 12px; }
  html:not([data-layout="mobile"]) .breadcrumb { font-size: 12px; }
  html:not([data-layout="mobile"]) .brand { margin: 0 6px 24px; gap: 9px; }
  html:not([data-layout="mobile"]) .brand > span:last-child { display: block; }
  html:not([data-layout="mobile"]) .nav-label { display: block; font-size: 12px; }
  html:not([data-layout="mobile"]) .nav-item { justify-content: flex-start; font-size: var(--app-font-body,14px); padding: 8px 9px; margin-bottom: 4px; gap: 9px; }
  html:not([data-layout="mobile"]) .workspace-controls { padding: 10px 12px; gap: 7px 14px; margin-bottom: 12px; }
  html:not([data-layout="mobile"]) .workspace-controls .universe-input-wrap { padding: 0 9px; }
  html:not([data-layout="mobile"]) .workspace-controls .universe-input-wrap input { min-height: 34px; padding: 6px 0; font-size: var(--app-font-body,14px); }
  html:not([data-layout="mobile"]) .workspace-controls .date-controls { gap: 7px; }
  html:not([data-layout="mobile"]) .workspace-controls .date-controls label,
  html:not([data-layout="mobile"]) .workspace-controls .quote-day-label { font-size: 12px; }
  html:not([data-layout="mobile"]) .workspace-controls .quote-day-label b { font-size: 12px; margin-left: 5px; }
  html:not([data-layout="mobile"]) .workspace-controls .date-controls select { min-height: 34px; font-size: var(--app-font-body,14px); padding: 5px 8px; }
  html:not([data-layout="mobile"]) .workspace-controls .date-controls .text-button { font-size: var(--app-font-body,14px); }
  html:not([data-layout="mobile"]) .workspace-controls .universe-cache { gap: 9px; }
  html:not([data-layout="mobile"]) .workspace-controls .cache-heading,
  html:not([data-layout="mobile"]) .workspace-controls .cache-heading b,
  html:not([data-layout="mobile"]) .workspace-controls .cache-progress-text,
  html:not([data-layout="mobile"]) .workspace-controls .cache-detail { font-size: 12px; }
  html:not([data-layout="mobile"]) .index-strip { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); min-height: 0; margin-bottom: 12px; }
  html:not([data-layout="mobile"]) .index-cell { min-width: 0; padding: 10px 12px; border-bottom: 0; }
  html:not([data-layout="mobile"]) .index-name { font-size: 12px; margin-bottom: 3px; gap: 5px; }
  html:not([data-layout="mobile"]) .index-symbol { font-size: 12px; }
  html:not([data-layout="mobile"]) .index-numbers { flex-wrap: wrap; gap: 3px 8px; }
  html:not([data-layout="mobile"]) .index-price { font-size: var(--app-font-value,14px); }
  html:not([data-layout="mobile"]) .index-change { font-size: 12px; }
  html:not([data-layout="mobile"]) .index-date { font-size: 12px; margin-top: 3px; }
  html:not([data-layout="mobile"]) .board-state-filters.scope-switches { gap: 8px; margin-bottom: 10px; }
  html:not([data-layout="mobile"]) .board-state-filters.scope-switches .scope-tile { flex-direction: row; align-items: center; min-height: 48px; padding: 8px 12px; gap: 8px; }
  html:not([data-layout="mobile"]) .scope-switches .scope-label { font-size: var(--app-font-body,14px); }
  html:not([data-layout="mobile"]) .scope-switches .scope-count { font-size: var(--app-font-value,14px); }
  html:not([data-layout="mobile"]) .table-toolbar { padding: 10px 12px; align-items: center; }
  html:not([data-layout="mobile"]) .section-title { font-size: var(--app-font-body,14px); }
  html:not([data-layout="mobile"]) .section-title > span { font-size: 12px; }
  html:not([data-layout="mobile"]) .filters { gap: 7px; }
  html:not([data-layout="mobile"]) .filters .search-field { padding: 4px 8px; }
  html:not([data-layout="mobile"]) .filters .search-field input { font-size: var(--app-font-body,14px); width: 150px; }
  html:not([data-layout="mobile"]) .filters select { min-height: 32px; font-size: 12px; padding: 5px 8px; }
  html:not([data-layout="mobile"]) .selection-caption { padding: 0 12px 10px; font-size: 12px; gap: 10px; line-height: 1.6; }
  html:not([data-layout="mobile"]) .selection-caption .text-button { font-size: 12px; }
  html:not([data-layout="mobile"]) .workspace .table-section .stock-table { min-width: 1250px; width: 100%; table-layout: auto; }
  html:not([data-layout="mobile"]) .stock-table th,
  html:not([data-layout="mobile"]) .stock-table td { padding: 8px 6px; }
  html:not([data-layout="mobile"]) .stock-table td { font-size: var(--app-font-body,14px); line-height: 1.5; }
  html:not([data-layout="mobile"]) .stock-table th:first-child,
  html:not([data-layout="mobile"]) .stock-table td:first-child { min-width: 94px; width: 1%; padding-left: 12px; }
  html:not([data-layout="mobile"]) .stock-table th:nth-child(2),
  html:not([data-layout="mobile"]) .stock-table td:nth-child(2),
  html:not([data-layout="mobile"]) .stock-table th:nth-child(4),
  html:not([data-layout="mobile"]) .stock-table td:nth-child(4) { width: 1%; min-width: 0; }
  html:not([data-layout="mobile"]) .stock-table .state-cell .risk-badge { min-width: 20px; padding: 2px 4px; font-size: 12px; }
  html:not([data-layout="mobile"]) .stock-table th { font-size: 12px; white-space: normal; line-height: 1.5; }
  html:not([data-layout="mobile"]) .stock-table th:nth-child(2),
  html:not([data-layout="mobile"]) .stock-table th:nth-child(4) { min-width: 40px; white-space: nowrap; }
  html:not([data-layout="mobile"]) .stock-table .stock-name { font-size: var(--app-font-body,14px); }
  html:not([data-layout="mobile"]) .stock-table .stock-code { font-size: 12px; margin-top: 2px; }
  html:not([data-layout="mobile"]) .stock-table .board-badge { font-size: 12px; padding: 2px 4px; }
  html:not([data-layout="mobile"]) .stock-table .industry-cell { min-width: 92px; max-width: 116px; font-size: 12px !important; line-height: 1.5 !important; }
  html:not([data-layout="mobile"]) .stock-table .count-table-cell { min-width: 112px; max-width: 136px; }
  html:not([data-layout="mobile"]) .stock-table .count-pill { font-size: var(--app-font-body,14px); }
  html:not([data-layout="mobile"]) .stock-table .count-quality { font-size: 12px; margin-top: 2px; }
  html:not([data-layout="mobile"]) .stock-table .trigger-percent { font-size: var(--app-font-value,14px); font-weight: 500; padding-right: 0; }
  html:not([data-layout="mobile"]) .count-source-list { max-width: 124px; white-space: normal; overflow-wrap: anywhere; }
  html:not([data-layout="mobile"]) .table-footer { padding: 10px 12px; font-size: 12px; }
  html:not([data-layout="mobile"]) .explainer { margin-top: 12px; padding-top: 12px; }
  html:not([data-layout="mobile"]) .explainer-copy p { font-size: var(--app-font-body,14px); line-height: 1.7; }
}
@media (min-width: 761px) and (max-width: 1100px) {
  html:not([data-layout="mobile"]) .workspace-controls { grid-template-columns: minmax(0, 1fr); }
  html:not([data-layout="mobile"]) .workspace-controls .page-controls { grid-column: 1; grid-row: 2; justify-content: flex-start; }
  html:not([data-layout="mobile"]) .workspace-controls .universe-cache { grid-row: 3; flex-wrap: wrap; }
  html:not([data-layout="mobile"]) .workspace-controls .cache-metadata { margin-left: 0; }
  html:not([data-layout="mobile"]) .index-symbol { display: none; }
}
.formula-data { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px 18px; margin: 18px 0; }
.formula-data > div { display: grid; grid-template-columns: minmax(0, 1fr) 96px; gap: 12px; align-items: baseline; font-size: 12px; padding: 7px 0; border-bottom: 1px solid #edf0ed; }
.formula-data dt { min-width: 0; font-family: "Microsoft YaHei", sans-serif; font-weight: 500; color: var(--ink); line-height: 1.7; }
.formula-data dd { min-width: 0; margin: 0; color: #687c8b; font-family: var(--mono); line-height: 1.7; }
.large-formula sub { font-size: 12px; }

/* 六种观察范围共用数量按钮与状态颜色。 */
.board-state-filters.scope-switches { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; margin: 0 0 18px; padding: 0; border: 0; }
.board-state-filters.scope-switches .scope-tile { --scope-color: #344f6c; --scope-tint: #eef2f6; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; min-width: 0; min-height: 74px; padding: 12px 16px; border: 1px solid transparent; border-radius: 8px; background: var(--scope-tint); color: var(--scope-color); text-align: left; cursor: pointer; }
.board-state-filters.scope-switches .scope-favorite { --scope-color: #237d74; --scope-tint: #eaf5f1; }
.board-state-filters.scope-switches .scope-regulator { --scope-color: var(--risk-orange); --scope-tint: var(--risk-orange-tint); }
.board-state-filters.scope-switches .scope-danger { --scope-color: var(--risk-pink); --scope-tint: var(--risk-pink-tint); }
.board-state-filters.scope-switches .scope-near { --scope-color: var(--risk-blue); --scope-tint: var(--risk-blue-tint); }
.board-state-filters.scope-switches .scope-strong { --scope-color: var(--risk-purple); --scope-tint: var(--risk-purple-tint); }
.scope-switches .scope-label { font-size: var(--app-font-body,14px); line-height: 1.3; font-weight: 600; color: inherit; white-space: nowrap; }
.scope-switches .scope-count { font: 650 var(--app-font-title,20px)/1.1 var(--mono); color: inherit; }
.board-state-filters.scope-switches .scope-tile.active { background: var(--scope-color); color: white; border-color: var(--scope-color); }
.board-state-filters.scope-switches .scope-tile:hover { border-color: var(--scope-color); }
.board-state-filters.scope-switches .scope-tile:focus-visible { outline: 2px solid var(--scope-color); outline-offset: 3px; }
.scope-switches #board-calculation-progress { grid-column: 1 / -1; font-size: 12px; color: var(--muted); }
.scope-switches #board-calculation-progress:empty { display: none; }
.risk-badge.risk-watch { color: #237d74; background: #eaf5f1; }
.risk-badge.risk-severe { color: var(--risk-orange); background: var(--risk-orange-tint); }
.risk-badge.risk-danger { color: var(--risk-pink); background: var(--risk-pink-tint); }
.risk-badge.risk-near { color: var(--risk-blue); background: var(--risk-blue-tint); }

.market-status-strip { display: flex; align-items: center; gap: 10px; margin: 10px 0 18px; padding: 0; font-size: 12px; }
.market-status-strip.summary-status, .market-status-strip .summary-status { width: auto; margin: 0; padding: 0; display: flex; align-items: center; gap: 9px; }
.market-status-strip > div, .market-status-strip .summary-status > div { display: flex; align-items: baseline; gap: 12px; }
.market-status-strip b { font-size: 12px; font-weight: 500; }
.market-status-strip #as-of { display: inline; font-size: 12px; color: var(--muted); margin: 0; }
.market-status-strip .auto-refresh { margin-left: auto; font-size: 12px; color: var(--muted); white-space: nowrap; }

/* 规则分块阅读；统计期间与推导步骤保持独立。 */
.rules-layout { gap: 22px; padding: 20px 0; align-items: start; }
.rules-layout .rule-article { display: grid; gap: 18px; min-width: 0; padding: 0; background: transparent; border: 0; box-shadow: none; }
.rules-layout .rule-block, .rules-layout .data-article { min-width: 0; padding: 24px; border: 1px solid var(--line); border-radius: 10px; background: white; box-shadow: 0 3px 14px rgba(40, 57, 70, .035); }
.rules-layout .rule-block .section-kicker { margin: 0 0 10px; }
.rules-layout .rule-block h2 { margin: 0 0 12px; font-size: var(--app-font-title,20px); line-height: 1.55; color: var(--ink); }
.rules-layout .rule-block h3 { margin: 0 0 10px; font-size: var(--app-font-body,14px); line-height: 1.6; color: var(--ink); }
.rules-layout .rule-block p { font-size: 12px; line-height: 1.95; max-width: none; margin: 10px 0 14px; }
.rules-layout .rule-block > :last-child { margin-bottom: 0; }
.rules-layout .rule-block .derivation-step { margin: 16px 0; padding: 18px; border: 1px solid #e9eeeb; border-radius: 7px; background: #fafbf9; box-shadow: none; }
.rules-layout .derivation-step h3 { font-size: var(--app-font-body,14px); color: #344f6c; }
.rules-layout .rule-block .large-formula { padding: 16px 18px; margin: 14px 0; font-size: var(--app-font-body,14px); line-height: 1.9; border-left-color: #344f6c; background: #f4f7f6; white-space: normal; overflow-wrap: anywhere; }
.rules-layout .data-article { margin: 0; }
.rules-layout .data-article h3 { font-size: var(--app-font-value,14px); line-height: 1.6; }
.rules-layout .data-article p { font-size: 12px; line-height: 1.95; }
.analysis-window-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.deviation-card, .ordinary-analysis, .forecast-section { background: white; border: 1px solid var(--line); border-radius: 8px; padding: 20px; }
.analysis-card-heading { display: flex; gap: 12px; align-items: flex-start; justify-content: space-between; }
.analysis-card-heading h3 { font-size: var(--app-font-body,14px); line-height: 1.6; }
.analysis-card-heading > span { flex-shrink: 0; color: var(--muted); font-size: 12px; padding-top: 4px; }
.analysis-observed, .analysis-window { color: var(--muted); font-size: 12px; margin-top: 8px; }
.deviation-main { display: flex; align-items: flex-end; justify-content: space-between; gap: 12px; margin: 18px 0 14px; }
.deviation-main small, .analysis-metrics small { display: block; color: var(--muted); font-size: 12px; }
.deviation-main strong { display: block; font: 500 var(--app-font-value,14px) var(--mono); margin-top: 6px; }
.deviation-main b { display: block; font: 500 var(--app-font-value,14px) var(--mono); margin-top: 10px; }
.deviation-progress { height: 7px; overflow: hidden; background: #eeefed; border-radius: 8px; }
.deviation-progress > span { height: 100%; display: block; background: var(--red); border-radius: 8px; }
.analysis-metrics { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; margin-top: 18px; }
.analysis-metrics > div { padding: 10px; background: #f7f8f5; border-radius: 5px; }
.analysis-metrics b { display: block; font: 500 var(--app-font-value,14px) var(--mono); margin-top: 8px; }
.analysis-trigger { display: inline-block; font-family: var(--mono); color: var(--ink); }
.analysis-trigger b { font-size: var(--app-font-value,14px); font-weight: 500; }
.analysis-trigger em { color: #d27036; font-size: 12px; font-style: normal; margin-left: 5px; }
.analysis-trigger small { display: block; margin-top: 5px; color: var(--muted); font: 12px/1.7 "Microsoft YaHei", sans-serif; }
.analysis-trigger.reachable { color: #d27036; }
.analysis-missing { color: var(--muted); }
.ordinary-analysis { margin: 16px 0 20px; }
.ordinary-count { margin-top: 12px; display: flex; gap: 20px; align-items: center; }
.ordinary-count > strong { font: 500 var(--app-font-value,14px) var(--mono); }
.ordinary-count > strong > small { font-size: var(--app-font-value,14px); color: var(--muted); }
.ordinary-count p { font-size: 12px; color: var(--muted); }
.ordinary-count p b { color: var(--ink); }
.ordinary-next { display: flex; justify-content: space-between; gap: 16px; margin-top: 14px; padding: 14px; background: #fcf2ef; border-left: 3px solid var(--red); }
.ordinary-next > div b { font-size: var(--app-font-body,14px); }
.ordinary-next > div small { display: block; font-size: 12px; color: var(--muted); margin-top: 5px; }
.ordinary-events { margin-top: 12px; }
.ordinary-event { display: grid; grid-template-columns: 1fr auto; gap: 5px 15px; padding: 10px 0; border-top: 1px solid var(--line); font-size: 12px; }
.ordinary-event > small { grid-column: 1/-1; color: var(--muted); font-size: 12px; }
.ordinary-event a:hover { color: var(--orange); text-decoration: underline; }
.analysis-empty, .analysis-warning { font-size: 12px; line-height: 1.8; color: var(--muted); }
.analysis-warning { margin: 15px 0; }
.forecast-assumption { margin: 12px 0 18px; font-size: 12px; line-height: 1.9; color: var(--muted); }
.forecast-section { min-width: 0; }
.forecast-table-wrap { width: 100%; max-width: 100%; overflow-x: auto; margin-top: 12px; }
.forecast-table { border-collapse: collapse; width: 100%; min-width: 780px; }
.forecast-table thead th { font-size: 12px; text-align: right; white-space: nowrap; line-height: 1.5; padding: 10px 8px; color: #7d8b97; background: #f7f8f5; }
.forecast-table td { padding: 10px 8px; border-top: 1px solid var(--line); vertical-align: middle; text-align: right; white-space: nowrap; font: var(--app-font-body,14px) var(--mono); }
.forecast-table th:first-child, .forecast-table th:nth-child(2), .forecast-table td:first-child, .forecast-table td:nth-child(2) { text-align: left; }
.forecast-table td > small { display: block; font: 12px "Microsoft YaHei", sans-serif; color: var(--muted); margin-top: 5px; }
.forecast-count { white-space: nowrap; }
.forecast-count small { font: 12px "Microsoft YaHei", sans-serif; color: var(--muted); }
.forecast-value { font: 500 var(--app-font-value,14px) var(--mono); }
.forecast-value.reachable { color: #d27036; }
.forecast-value.controlling { color: #d27036; font-weight: 700; }
.forecast-warning { color: var(--orange) !important; }
@media (min-width: 761px) {
  html:not([data-layout="mobile"]) .rules-layout { gap: 16px; padding: 12px 0; }
  html:not([data-layout="mobile"]) .rules-layout .rule-article { gap: 14px; }
  html:not([data-layout="mobile"]) .rules-layout .rule-block,
  html:not([data-layout="mobile"]) .rules-layout .data-article { padding: 18px 20px; }
  html:not([data-layout="mobile"]) .rules-layout .rule-block p,
  html:not([data-layout="mobile"]) .rules-layout .data-article p { font-size: var(--app-font-body,14px); line-height: 1.75; margin: 8px 0 10px; }
  html:not([data-layout="mobile"]) .rules-layout .rule-block .derivation-step { margin: 12px 0; padding: 14px; }
  html:not([data-layout="mobile"]) .rules-layout .rule-block .large-formula { padding: 12px 14px; margin: 10px 0; }
  html:not([data-layout="mobile"]) .formula-data { margin: 12px 0; gap: 6px 14px; }
  html:not([data-layout="mobile"]) .formula-data > div { font-size: var(--app-font-body,14px); padding: 5px 0; }
  html:not([data-layout="mobile"]) .drawer-content { padding: 20px; }
  html:not([data-layout="mobile"]) .analysis-window-grid { gap: 12px; }
  html:not([data-layout="mobile"]) .deviation-card,
  html:not([data-layout="mobile"]) .ordinary-analysis,
  html:not([data-layout="mobile"]) .forecast-section { padding: 16px; }
  html:not([data-layout="mobile"]) .ordinary-count p,
  html:not([data-layout="mobile"]) .forecast-assumption,
  html:not([data-layout="mobile"]) .analysis-empty,
  html:not([data-layout="mobile"]) .analysis-warning,
  html:not([data-layout="mobile"]) .drawer-calculation-note,
  html:not([data-layout="mobile"]) .drawer-bottom-note { font-size: var(--app-font-body,14px); line-height: 1.7; }
}
@media (max-width: 760px) {
  .analysis-window-grid { grid-template-columns: 1fr; }
  .deviation-card, .ordinary-analysis, .forecast-section { padding: 16px; }
  .ordinary-count { gap: 12px; }
  .ordinary-count > strong { font-size: var(--app-font-value,14px); }
  .ordinary-count p { font-size: 12px; }
  .ordinary-next { flex-wrap: wrap; }
  .analysis-card-heading h3 { font-size: var(--app-font-body,14px); }
  .forecast-table td, .forecast-table th { padding-left: 6px; padding-right: 6px; }
}

.drawer-quote-row .quote-change, .index-panel-head .quote-change, .index-panel-head .quote-price { font-size: var(--app-font-value,14px); font-weight: 500; }
.stock-price-basis { display:flex; align-items:center; flex-wrap:wrap; gap:8px; margin:12px 0; }
.stock-price-basis button { font-size:var(--app-font-body,14px); padding:6px 10px; }
.stock-price-basis button[aria-pressed="true"] { color:#225f96; border-color:#225f96; }
.stock-price-basis span { font-size:12px; color:#657684; }

.drawer-title-row { display:flex; align-items:center; flex-wrap:wrap; gap:8px; }
.stock-finance-links { display:inline-flex; align-items:center; gap:4px; }
.stock-finance-links a { display:inline-flex; width:28px; height:28px; align-items:center; justify-content:center; border-radius:4px; }
.stock-finance-links a:hover { background:#edf1f4; }
.stock-finance-links a:focus-visible { outline:2px solid #225f96; outline-offset:2px; }
.stock-finance-links img { width:16px; height:16px; object-fit:contain; }
@media (max-width:700px) { .stock-finance-links a { width:32px; height:36px; } }
html[data-layout="mobile"] .stock-finance-links a { width:32px; height:36px; }