/* Shared reading hierarchy. Loaded last so older density rules cannot thin
   text again at a different breakpoint. Use the bundled real 600/700 faces. */
:root {
  --reading-weight:600;
  --heading-weight:700;
  --reading-ink:#171717;
  --secondary-ink:#3d3d3d;
}
html {-webkit-text-size-adjust:100%;text-size-adjust:100%;}
body {font-weight:var(--reading-weight);color:var(--reading-ink);font-size:18px;line-height:1.7;}
button,input,select,textarea {font-family:var(--mono);font-weight:var(--reading-weight);}
strong,b,h1,h2,h3,h4 {font-weight:var(--heading-weight);}
input::placeholder,textarea::placeholder {color:#555;opacity:1;font-weight:600;}
.brand h1 {font-size:clamp(40px,3.2vw,54px);font-weight:700;line-height:1.18;letter-spacing:-1.3px;}
.brand {max-width:100%;}
.footer-brand {font-size:18px;font-weight:700;}
.nav-rail nav a {font-size:18px;font-weight:700;}
.section-heading h2,.hub-heading strong,.chart-heading h2 {font-size:30px;font-weight:700;}
.heading-secondary,.hub-description,.stats article>span,#standardCriteria summary,
.outlook-hero small {font-weight:600;}
.stats article>span {font-size:16px;}
.stats strong,#timeStat {font-size:24px;font-weight:700;}
#timeStat {color:#15803d;}
@media(prefers-color-scheme:dark) {#timeStat {color:#4ade80;}}
.workspace-view-controls button,.workspace-view-controls>div button,
.market-main .tab {font-size:16px;font-weight:700;}
.market-main .tab .tab-count {font-size:14px;font-weight:600;color:var(--secondary-ink);}
.actions .pill,#scanButton,.language-control select {font-size:16px;font-weight:600;}
.subtle-label,.hub-description,.snapshot-time,.candidate-explanation,
.scan-order-tools,.selection-session,.chart-view-mode,footer {font-size:15px;color:var(--secondary-ink);}
.signal-grid .exchanges,.signal-grid .price span,.signal-grid>.card>.card-facts,
.signal-grid>.card>.scan-explanation,.market-main .signal-grid>.card>.card-verdict,
.scenario-panel p,#entryScoutGrid p,#entryScoutGrid summary,
.performance-panel p,.performance-panel li,.performance-panel summary {font-size:16px;font-weight:600;}
.signal-grid .asset {font-size:28px;font-weight:700;}
.signal-grid .price strong,.levels strong,.scenario-metrics dd {font-weight:700;}
.signal-grid .price strong {font-size:20px;}
.scenario-metrics dd {font-size:18px;}
.signal-grid .badge,.levels span,.scan-explanation small,.signal-change,
.scenario-metrics dt,.performance-stat dt,.chart-data-strip,.route-eyebrow,
.route-compare>summary strong,.chart-state-chip,.route-badge,
.chart-inspector .route-card .route-badge {font-size:14px;font-weight:600;}
.scan-explanation small,.scenario-metrics dt,.performance-stat dt,
.route-eyebrow,.chart-data-strip,.chart-guide>summary,#workspaceRatio {color:var(--secondary-ink);}
.signal-grid>.card>.open-token-chart,.chart-controls button,.chart-controls label,
.chart-controls select,.chart-navigation button,#toggleChartInspector,
#expandChart,#closeChart,.route-notice,.route-follow,.route-compare>summary,
.chart-status,.chart-readout,.chart-footnote,.chart-guide summary {font-size:16px;font-weight:600;}
.chart-canvas .chart-axis {fill:#333;font-weight:600;}
.chart-canvas .plan-tag-text,.chart-canvas .price-tag {font-weight:700;}
#planLegend .plan-values b,.analysis-live-value span,.analysis-live-reference small,
.analysis-version-diff table,.analysis-version-diff p {font-size:14px;font-weight:600;}
#planLegend .plan-values strong {font-size:16px;font-weight:700;}
.market-outlook p {color:var(--secondary-ink);font-weight:600;}
.market-outlook .outlook-kicker,.outlook-hero aside>span,
.outlook-scenarios article>span,.outlook-benchmarks header>span,
.outlook-benchmarks dt,.outlook-realtime>header>span,.outlook-live-status,
.market-outlook .outlook-reference-note {font-size:14px;color:var(--secondary-ink);font-weight:600;}
.outlook-realtime p,.outlook-hero aside p,.outlook-evidence p,.outlook-benchmarks p,
.outlook-method p,.outlook-method summary,.breadth-legend {font-size:16px;}
.outlook-risk {font-size:14px;font-weight:700;}
.outlook-benchmarks dd,.outlook-live-price {font-weight:700;}
.outlook-heading h2 {font-size:clamp(28px,2.2vw,36px);font-weight:700;}
.analysis-live-reference,.scenario-metrics,.outlook-benchmarks dl {font-variant-numeric:tabular-nums;}
@media(max-width:720px) {
  body {font-size:17px;}
  .brand h1 {font-size:clamp(34px,9vw,42px);letter-spacing:-1px;}
  .nav-rail nav a {font-size:16px;}
  .section-heading h2,.hub-heading strong,.chart-heading h2 {font-size:27px;}
  .actions {gap:8px;}
  .stats article>span {font-size:15px;}
  .stats strong,#timeStat {font-size:22px;}
  .workspace-view-controls>div button {padding-inline:10px;}
  .signal-grid .badge {max-width:55%;white-space:normal;overflow-wrap:anywhere;}
  .outlook-live-title {flex-wrap:wrap;}
}

/* v1.1 — compact responsive density. The authenticated workstation should
   show market information first, while remaining readable without zoom. */
body {font-size:16px;line-height:1.58;}
.topbar {min-height:72px;padding:9px 0;gap:10px;flex-wrap:nowrap;}
.brand h1 {font-size:clamp(28px,2vw,34px);line-height:1.08;letter-spacing:-.9px;}
.nav-rail nav {gap:2px;}
.nav-rail nav a {padding:7px 8px;gap:6px;font-size:14px;line-height:1.25;}
.nav-rail nav svg {width:20px;height:20px;}
.actions {gap:6px;flex-wrap:nowrap;}
.actions .pill,#scanButton,.language-control select,.wallet-button {font-size:13px;}
.icon-button,#scanButton,.wallet-button,.language-control {min-height:38px;}
.stats {margin:0 0 14px;padding:9px 0;}
.stats article {padding:0 14px;gap:4px 10px;}
.stats article>span {min-height:0;font-size:12px;line-height:1.35;}
.stats strong,#timeStat {font-size:19px;line-height:1.25;}
.workspace-view-controls {margin-bottom:10px;gap:8px;}
.workspace-view-controls button,.workspace-view-controls>div button {min-height:38px;padding:6px 10px;font-size:13px;}
#workspaceRatio {font-size:12px;}
.section-heading {margin-bottom:12px;}
.section-heading h2,.hub-heading strong,.chart-heading h2 {font-size:25px;}
.subtle-label,.hub-description,.snapshot-time,.candidate-explanation,
.scan-order-tools,.selection-session,.chart-view-mode,footer {font-size:13px;}
.signal-grid .exchanges,.signal-grid .price span,.signal-grid>.card>.card-facts,
.signal-grid>.card>.scan-explanation,.market-main .signal-grid>.card>.card-verdict,
.scenario-panel p,#entryScoutGrid p,#entryScoutGrid summary,
.performance-panel p,.performance-panel li,.performance-panel summary {font-size:14px;}
.signal-grid .asset {font-size:24px;}
.signal-grid .price strong {font-size:18px;}
.signal-grid .badge,.levels span,.scan-explanation small,.signal-change,
.scenario-metrics dt,.performance-stat dt,.chart-data-strip {font-size:12px;}
.signal-grid>.card>.open-token-chart,.chart-controls button,.chart-controls label,
.chart-controls select,.chart-navigation button,#toggleChartInspector,
#expandChart,#closeChart,.route-notice,.route-follow,.route-compare>summary,
.chart-status,.chart-readout,.chart-footnote,.chart-guide summary {font-size:14px;}

.market-outlook {padding:6px 0 22px;}
.market-outlook p,.outlook-realtime p,.outlook-hero aside p,.outlook-evidence p,
.outlook-benchmarks p,.outlook-method p,.outlook-method summary,.breadth-legend {font-size:14px;line-height:1.65;}
.outlook-heading {margin-bottom:16px;}
.outlook-heading h2 {font-size:clamp(23px,1.8vw,30px);}
.outlook-hero {gap:24px;padding:22px;}
.outlook-hero h3 {font-size:clamp(20px,1.6vw,27px);margin:12px 0 8px;}
.outlook-hero aside {padding-left:22px;}
.outlook-hero aside>strong {font-size:32px;margin:8px 0;}
.outlook-realtime {margin:16px 0;padding:18px;}
.outlook-live-price {font-size:clamp(21px,1.8vw,27px);margin:9px 0;}
.outlook-scenarios {gap:16px;margin:22px 0;}
.outlook-scenarios article {padding-top:14px;}
.outlook-evidence,.outlook-benchmarks {gap:16px;margin:18px 0;}
.outlook-evidence>section,.outlook-benchmarks article {padding:18px;}
.outlook-benchmarks dl {gap:14px;margin:16px 0;}

@media(min-width:901px) {
  .topbar {display:flex;}
  .nav-rail {order:initial;width:auto;margin-right:auto;}
  .nav-rail nav {justify-content:flex-start;flex-wrap:nowrap;}
  .actions {width:auto;margin-left:0;}
}

@media(min-width:1200px) {
  .market-layout {height:var(--workspace-height,calc(100dvh - 220px));}
  .market-main .signal-grid>.card {padding:14px;gap:9px;}
}

@media(max-width:900px) and (min-width:721px) {
  .topbar {display:grid;grid-template-columns:auto minmax(0,1fr);height:auto;}
  .nav-rail {grid-column:1/-1;grid-row:2;width:100%;}
  .nav-rail nav {justify-content:flex-start;}
  .actions {justify-content:flex-end;min-width:0;flex-wrap:wrap;}
}

@media(max-width:720px) {
  body {font-size:15px;line-height:1.55;}
  .shell {width:calc(100% - 20px);margin:0 10px;}
  .topbar {display:grid;grid-template-columns:minmax(0,1fr) auto;min-height:0;padding:9px 0 7px;gap:8px;}
  .brand h1 {font-size:clamp(24px,7vw,29px);letter-spacing:-.7px;}
  .actions {width:auto;justify-content:flex-end;gap:5px;}
  .actions .pill,#scanButton {display:none;}
  .wallet-button {max-width:112px;min-height:36px;padding:6px 8px;font-size:11px;}
  .icon-button {min-height:36px;}
  .nav-rail {grid-column:1/-1;grid-row:2;width:100%;padding:4px 0 0;}
  .nav-rail nav {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2px;}
  .nav-rail nav a {width:auto;min-width:0;padding:6px 2px;gap:3px;font-size:11px;line-height:1.2;}
  .nav-rail nav svg {width:19px;height:19px;}
  .stats {grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:10px;padding:7px 0;gap:8px 0;}
  .stats article {padding:3px 9px;display:block;}
  .stats article:nth-child(odd) {padding-left:0;}
  .stats article:nth-child(even) {border-right:0;}
  .stats article>span {margin-bottom:2px;font-size:10px;}
  .stats strong,#timeStat {font-size:17px;}
  .workspace-view-controls {margin-bottom:8px;}
  .workspace-view-controls>div {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:3px;}
  .workspace-view-controls>div button {min-height:36px;padding:5px 3px;font-size:11px;line-height:1.25;}
  .section-heading h2,.hub-heading strong,.chart-heading h2 {font-size:22px;}
  .market-main .tab {font-size:12px;padding:8px 2px;}
  .market-main .tab .tab-count {font-size:11px;}
  .market-main .signal-grid>.card,.signal-grid>.card {padding:12px;gap:8px;}
  .signal-grid .asset {font-size:22px;}
  .signal-grid .exchanges,.signal-grid .price span,.signal-grid>.card>.card-facts,
  .signal-grid>.card>.scan-explanation,.market-main .signal-grid>.card>.card-verdict,
  .scenario-panel p,#entryScoutGrid p,#entryScoutGrid summary {font-size:13px;}
  .signal-grid .price strong {font-size:16px;}
  .market-outlook {padding-top:2px;}
  .outlook-heading {gap:6px;margin-bottom:10px;}
  .outlook-heading h2 {font-size:22px;margin:2px 0;}
  .market-outlook p,.outlook-realtime p,.outlook-hero aside p,.outlook-evidence p,
  .outlook-benchmarks p,.outlook-method p,.outlook-method summary,.breadth-legend {font-size:13px;line-height:1.55;}
  .outlook-hero {gap:14px;padding:14px;}
  .outlook-hero h3 {font-size:19px;margin:8px 0 5px;}
  .outlook-hero aside {padding-top:13px;}
  .outlook-hero aside>strong {font-size:27px;margin:5px 0;}
  .outlook-realtime {margin:12px 0;padding:13px;}
  .outlook-live-grid {gap:13px;}
  .outlook-live-grid article {padding-top:10px;}
  .outlook-live-title h4 {font-size:17px;}
  .outlook-live-price {font-size:21px;margin:6px 0;}
  .outlook-live-alert {min-height:0;}
  .outlook-scenarios {gap:11px;margin:15px 0;}
  .outlook-scenarios article {padding-top:10px;}
  .outlook-scenarios h3,.outlook-evidence h3,.outlook-levels h3 {font-size:17px;margin:7px 0;}
  .outlook-evidence,.outlook-benchmarks {gap:11px;margin:13px 0;}
  .outlook-evidence>section,.outlook-benchmarks article {padding:13px;}
  .outlook-benchmarks h4 {font-size:19px;}
  .outlook-benchmarks dl {gap:10px;margin:12px 0;}
}

/* v1.2 — harden the phone header against text scaling and forced dark mode. */
@media(max-width:1199px) {
  #workspaceRatio,#resetWorkspaceLayout {display:none;}
}
@media(max-width:720px) {
  .topbar {
    grid-template-columns:minmax(112px,1fr) auto;
    grid-template-areas:"brand actions" "nav nav";
    align-items:center;
  }
  .brand {grid-area:brand;min-width:0;white-space:nowrap;}
  .brand h1 {white-space:nowrap;font-size:clamp(22px,6.2vw,27px);}
  .actions {grid-area:actions;min-width:0;max-width:100%;}
  .nav-rail {grid-area:nav;grid-column:auto;grid-row:auto;min-width:0;}
  .nav-rail nav a {flex-direction:column;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
  .nav-rail nav a span {display:block;width:100%;overflow:hidden;text-overflow:ellipsis;text-align:center;font-size:10px;}
  .icon-button {width:34px;height:34px;min-height:34px;}
  .wallet-button {width:84px;max-width:84px;min-height:34px;font-size:10px;}
  .workspace-view-controls {display:none;}
  .scan-order-tools {display:grid;grid-template-columns:minmax(0,1fr);gap:7px;font-size:11px;line-height:1.45;}
  .scan-order-tools>span {display:-webkit-box;max-height:3em;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
  .scan-order-tools button {width:100%;min-height:36px;padding:6px 8px;font-size:12px;}
  .secondary-filters label {font-size:13px;}
  .secondary-filters select,#searchInput,#sortInput {min-height:42px;font-size:14px;}
}
@media(max-width:380px) {
  .brand h1 {font-size:21px;}
  .wallet-button {width:76px;max-width:76px;}
  .nav-rail nav a span {font-size:9px;}
}

/* v1.3 — phone information density. Keep every top-level label visible and
   stop desktop display sizes leaking into empty states and scanner sections. */
@media(max-width:720px) {
  body {font-size:14px;line-height:1.48;}
  .shell {width:calc(100% - 24px);margin-inline:12px;}
  .topbar {
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"brand" "actions" "nav";
    row-gap:10px;
    padding:12px 0 14px;
  }
  .brand h1 {font-size:clamp(23px,6.6vw,27px);line-height:1.1;}
  .actions {
    display:grid;
    grid-template-columns:36px minmax(0,1fr) auto;
    width:100%;
    gap:7px;
  }
  .actions .icon-button {grid-column:1;width:36px;height:36px;}
  .actions .wallet-button {grid-column:2;width:100%;max-width:none;min-width:0;font-size:11px;}
  .actions .language-control {grid-column:3;}
  .nav-rail {padding-top:1px;}
  .nav-rail nav {grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;}
  .nav-rail nav a {
    min-height:36px;
    flex-direction:row;
    justify-content:flex-start;
    gap:7px;
    padding:7px 8px;
    overflow:visible;
  }
  .nav-rail nav svg {width:18px;height:18px;flex:0 0 18px;}
  .nav-rail nav a span {width:auto;overflow:visible;text-overflow:clip;text-align:left;font-size:11px;}
  .stats {margin-bottom:10px;padding:7px 0;}
  .stats article {padding-block:4px;}
  .stats article>span {font-size:10px;line-height:1.3;}
  .stats strong,#timeStat {font-size:18px;}
  .workspace-view-controls>div button {min-height:38px;padding:5px 4px;font-size:11px;}
  .market-main .workspace {padding:10px;}
  .section-heading {margin-bottom:10px;gap:4px;}
  .section-heading h2,.hub-heading strong,.chart-heading h2 {font-size:20px;line-height:1.3;}
  .subtle-label,.hub-description,.snapshot-time,.candidate-explanation,
  .scan-order-tools,.selection-session,.chart-view-mode,footer {font-size:12px;}
  .market-main .tabs {gap:0;}
  .market-main .tab {font-size:11px;line-height:1.25;padding:8px 2px;}
  .market-main .tab .tab-count {font-size:10px;}
  .secondary-filters label {font-size:12px;}
  .secondary-filters select,#searchInput,#sortInput {min-height:40px;font-size:13px;}
  .scan-order-tools {gap:6px;line-height:1.45;}
  .scan-order-tools button {min-height:38px;font-size:12px;}
  #standardCriteria,#radarInfo,.notice {font-size:12px;line-height:1.55;}
  #readyHeading,#candidateCount,#radarTitle,#entryScoutSection>h2 {
    margin-block:18px 10px;
    font-size:18px;
    line-height:1.35;
    letter-spacing:-.25px;
    overflow-wrap:anywhere;
  }
  .empty {padding:18px 12px;margin:12px 0;}
  .empty strong {font-size:15px;line-height:1.45;}
  .empty>span {font-size:12px;line-height:1.6;margin-top:6px;}
  #entryScoutSection {margin-top:18px;padding-top:14px;}
  #entryScoutGrid p,#entryScoutGrid summary,.candidate-explanation {font-size:12px;line-height:1.55;}
  .signal-grid>.card>.scan-explanation,.market-main .signal-grid>.card>.card-verdict,
  .signal-grid>.card>.card-facts,.signal-grid .exchanges,.signal-grid .price span {font-size:12px;}
  .signal-grid .asset {font-size:20px;}
  .signal-grid .price strong {font-size:15px;}
  .signal-grid .badge,.levels span,.scan-explanation small,.signal-change {font-size:10px;}
  .signal-grid>.card>.open-token-chart {font-size:12px;min-height:40px;}
}

@media(max-width:380px) {
  .actions {grid-template-columns:34px minmax(0,1fr) auto;}
  .brand h1 {font-size:22px;}
}

/* Give translated navigation its own row on small desktop/tablet widths. */
@media(min-width:901px) and (max-width:1199px) {
  .topbar {flex-wrap:wrap;}
  .nav-rail {order:3;width:100%;margin-right:0;}
  .actions {margin-left:auto;}
}

/* One language-control frame. Reserve room for the full label and chevron,
   retain the native picker, and draw focus on the same outer boundary. */
.actions .language-control {
  --language-bg:#fff;--language-ink:#17191c;--language-line:#c9ced5;
  position:relative;display:block;flex:0 0 auto;box-sizing:border-box;
  width:calc(10ch + 44px);max-width:none;min-width:0;height:40px;min-height:40px;
  margin:0;padding:0;border:1px solid var(--language-line);border-radius:7px;
  font:600 13px/1.4 var(--mono);color:var(--language-ink);background:var(--language-bg);
  color-scheme:light;
}
.actions .language-control::after {
  content:"";position:absolute;inset-inline-end:13px;top:50%;
  width:6px;height:6px;border:solid currentColor;border-width:0 1.5px 1.5px 0;
  transform:translateY(-70%) rotate(45deg);pointer-events:none;
}
.actions .language-control select {
  display:block;box-sizing:border-box;width:100%;max-width:none;min-width:0;
  height:100%;min-height:0;margin:0;padding:0 30px 0 12px;
  -webkit-appearance:none;appearance:none;border:0;border-radius:inherit;
  outline:none;box-shadow:none;font:inherit;color:inherit;background:transparent;
  text-align:start;cursor:pointer;
}
.actions .language-control select:focus-visible {outline:none;}
.actions .language-control:focus-within {
  border-color:var(--language-ink);box-shadow:inset 0 0 0 1px var(--language-ink);
}
.actions .language-control option {color:var(--language-ink);background:var(--language-bg);}
@media(max-width:720px) {
  .actions .icon-button,.actions .wallet-button,.actions .language-control {height:36px;min-height:36px;}
  .actions .language-control {font-size:11px;border-radius:5px;}
}
@media(prefers-color-scheme:dark) {
  .actions .language-control {--language-bg:#202326;--language-ink:#eff0f1;--language-line:#6d747e;color-scheme:dark;}
}
@media(forced-colors:active) {
  .actions .language-control {--language-bg:Canvas;--language-ink:CanvasText;--language-line:ButtonText;}
  .actions .language-control:focus-within {outline:2px solid Highlight;outline-offset:0;}
}

/* Notification drawer has its own compact reading scale. Do not inherit the
   dashboard's display typography or change the feed's contents/visibility. */
#notificationDialog {
  --notification-body:13px;--notification-small:11px;
  padding:18px;font-size:var(--notification-body);line-height:1.55;
}
#notificationDialog .dialog-heading {align-items:center;gap:12px;}
#notificationDialog .dialog-heading>div {min-width:0;}
#notificationDialog #notificationTitle {font-size:22px;line-height:1.25;letter-spacing:-.5px;margin:0;}
#notificationDialog .eyebrow {font-size:9px;line-height:1.4;letter-spacing:.1em;margin:0 0 4px;}
#notificationDialog :is(.dialog-description,.dialog-footnote,.translation-note) {font-size:var(--notification-small);line-height:1.5;margin:12px 0;overflow-wrap:anywhere;}
#notificationDialog .dialog-footnote {padding:0;}
#notificationDialog .notification-item {padding:12px;margin:0 0 9px;font-size:var(--notification-body);line-height:1.55;}
#notificationDialog .notification-label {gap:6px;margin-bottom:7px;}
#notificationDialog .notification-label h3 {min-width:0;font-size:14px;line-height:1.4;overflow-wrap:anywhere;}
#notificationDialog .small-chip {max-width:100%;padding:2px 5px;font-size:10px;line-height:1.4;white-space:normal;overflow-wrap:anywhere;}
#notificationDialog .notification-item p {font-size:var(--notification-body);line-height:1.55;margin:0 0 7px;}
#notificationDialog .notification-item p:last-child {margin-bottom:0;}
#notificationDialog .notification-item .notice {padding:8px 10px;margin:7px 0;font-size:var(--notification-body);line-height:1.55;}
#notificationDialog .notification-item details {margin-top:7px;}
#notificationDialog .notification-item summary {font-size:12px;line-height:1.5;min-height:32px;padding-block:6px;}
#notificationDialog .source-errors li {padding:8px 0;font-size:var(--notification-small);line-height:1.5;}
#notificationDialog .source-errors strong {font-size:var(--notification-small);line-height:1.5;margin-bottom:3px;}
#notificationDialog .trading-account-metrics {gap:6px;}
#notificationDialog .trading-account-metrics>div {padding:8px;}
#notificationDialog .trading-account-metrics span {font-size:10px;line-height:1.4;margin-bottom:3px;}
#notificationDialog .trading-account-metrics strong {font-size:13px;line-height:1.5;}
#notificationDialog .trading-notification-list {gap:0;margin-top:6px;}
#notificationDialog .trading-notification-row {grid-template-columns:minmax(0,1fr) minmax(0,auto);gap:3px 10px;padding:8px 0;}
#notificationDialog .trading-notification-row:first-child {padding-top:2px;}
#notificationDialog .trading-notification-row :is(strong,b) {font-size:var(--notification-body);line-height:1.5;}
#notificationDialog .trading-notification-row :is(span,small) {font-size:var(--notification-small);line-height:1.5;}
#notificationDialog .trading-notification-row>b {text-align:right;white-space:normal;overflow-wrap:anywhere;}
#notificationDialog .notification-warning {padding:8px 10px;margin-top:8px;font-size:var(--notification-body);line-height:1.55;}
#notificationDialog #closeNotifications {flex:none;width:40px;height:40px;min-height:40px;}
#notificationDialog #closeNotifications svg {width:19px;height:19px;}
@media(max-width:720px) {
  #notificationDialog {--notification-body:12px;padding:12px;margin:8px;width:calc(100vw - 16px);height:calc(100dvh - 16px);}
  #notificationDialog #notificationTitle {font-size:20px;}
  #notificationDialog .notification-label h3 {font-size:13px;}
  #notificationDialog #closeNotifications {width:44px;height:44px;min-height:44px;}
}
@media(prefers-reduced-motion:reduce) {#notificationDialog[open] {animation:none;}}