/* Portal rework step 3, rw-s3-dial-fit. Every rule sits under html[data-flag-rw-s3-dial-fit="on"], so with the flag off nothing here applies. */

/* ================================================================ rw-s3-dial-fit (flag off: none of this applies)
   Overview, Market Day beside the dials: the three dial cards are compact (the dial on the left, Yesterday / Last Week / Last Month as
   rows on the right) and the chart panel and the dials column share one row height, so neither leaves an empty gap under it. Where the
   dials sit under Market Day (narrow windows, phones) nothing changes. The chart area (the Live Chart's drawing) grows to the panel's
   height; the dials share the height equally. Works with or without rw-s3-first-screen. */

/* ---- flag-off layout (Overview market layout A, from 1000px) */
@media (min-width: 1000px) {
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] { grid-template-columns: minmax(0, 1fr) clamp(18rem, 27vw, 28rem); }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] { align-items: stretch; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="day"], html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] { display: flex; flex-direction: column; align-self: stretch; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="day"] > #o-day { flex: 1 1 auto; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="day"] #o-day > .fill { flex: 1 1 0; height: auto; min-height: var(--ch, 380px); }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="day"] #o-day > #o-dayc { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] > .glance { flex: 1 1 auto; grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(min-content, 1fr); gap: 8px; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card { display: grid; grid-template-columns: minmax(6rem, 8.5rem) minmax(0, 1fr); grid-template-rows: auto; align-content: center; justify-items: stretch; gap: 0 14px; padding: 12px 14px; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > * { grid-column: 1 / -1; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head { grid-row: 1; margin: 0 0 6px; min-height: 0; flex-wrap: nowrap; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t { min-width: 0; flex: 1 1 auto; overflow: hidden; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t :is(.kicker, h2) { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head .right { flex: none; flex-wrap: nowrap; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .ph-src { display: inline; font-size: 0.75rem; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .gauge { grid-column: 1; grid-row: 2 / span 2; align-self: center; justify-self: center; padding: 0; width: 100%; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .gauge svg { width: 100%; max-width: 8.5rem; height: auto; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .fng-hist { grid-column: 2; grid-row: 3; align-self: start; justify-self: stretch; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .dial-mood { grid-column: 2; grid-row: 2; align-self: end; margin: 0; text-align: left; font-size: 0.98rem; font-weight: 700; line-height: 1.3; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .fng-c, html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .fng-c:nth-child(3) { display: grid; grid-template-columns: minmax(0, 5rem) auto minmax(0, 1fr); align-items: baseline; gap: 6px; padding: 6px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .fng-c:first-child { border-top: 0; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .fng-c .l { font: 500 0.78rem/1.3 var(--font); letter-spacing: 0; text-transform: none; color: var(--muted); white-space: normal; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .fng-c b { margin: 0; font-size: 0.95rem; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card .fng-c small { display: block; font-size: 0.75rem; text-align: right; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > :is(.state, .skel) { grid-row: 2 / span 2; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .skel { height: 8rem; }
@container (max-width: 20em) {
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .gauge { grid-column: 1 / -1; grid-row: 2; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .dial-mood { grid-column: 1 / -1; grid-row: 3; text-align: center; margin-top: 4px; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .fng-hist { grid-column: 1 / -1; grid-row: 4; margin-top: 6px; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head { flex-wrap: wrap; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t { overflow: visible; }
  html[data-flag-rw-s3-dial-fit="on"] .ov[data-mkt="A"] > [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t :is(.kicker, h2) { overflow: visible; white-space: normal; text-overflow: clip; }
}
}

/* ---- rw-s3-first-screen on (Market Day beside the dials, 1920px to 2559px) */
@media (min-width: 1920px) and (max-width: 2559px) {
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov { align-items: stretch; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])), html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] { display: flex; flex-direction: column; align-self: stretch; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])) > #o-day { flex: 1 1 auto; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])) #o-day > .fill { flex: 1 1 0; height: auto; min-height: var(--ch, 380px); }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])) #o-day > #o-dayc { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] > .glance { flex: 1 1 auto; grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(min-content, 1fr); gap: 8px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card { display: grid; grid-template-columns: minmax(6rem, 8.5rem) minmax(0, 1fr); grid-template-rows: auto; align-content: center; justify-items: stretch; gap: 0 14px; padding: 12px 14px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > * { grid-column: 1 / -1; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head { grid-row: 1; margin: 0 0 6px; min-height: 0; flex-wrap: nowrap; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t { min-width: 0; flex: 1 1 auto; overflow: hidden; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t :is(.kicker, h2) { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .right { flex: none; flex-wrap: nowrap; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .ph-src { display: inline; font-size: 0.75rem; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .gauge { grid-column: 1; grid-row: 2 / span 2; align-self: center; justify-self: center; padding: 0; width: 100%; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .gauge svg { width: 100%; max-width: 8.5rem; height: auto; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .fng-hist { grid-column: 2; grid-row: 3; align-self: start; justify-self: stretch; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .dial-mood { grid-column: 2; grid-row: 2; align-self: end; margin: 0; text-align: left; font-size: 0.98rem; font-weight: 700; line-height: 1.3; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c, html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c:nth-child(3) { display: grid; grid-template-columns: minmax(0, 5rem) auto minmax(0, 1fr); align-items: baseline; gap: 6px; padding: 6px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c:first-child { border-top: 0; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c .l { font: 500 0.78rem/1.3 var(--font); letter-spacing: 0; text-transform: none; color: var(--muted); white-space: normal; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c b { margin: 0; font-size: 0.95rem; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c small { display: block; font-size: 0.75rem; text-align: right; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > :is(.state, .skel) { grid-row: 2 / span 2; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .skel { height: 8rem; }
@container (max-width: 20em) {
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .gauge { grid-column: 1 / -1; grid-row: 2; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .dial-mood { grid-column: 1 / -1; grid-row: 3; text-align: center; margin-top: 4px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .fng-hist { grid-column: 1 / -1; grid-row: 4; margin-top: 6px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head { flex-wrap: wrap; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t { overflow: visible; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t :is(.kicker, h2) { overflow: visible; white-space: normal; text-overflow: clip; }
}
}

/* ---- rw-s3-first-screen on (Market Day beside the dials, from 2560px (rw-s3-cap's own layout, class cap-beside, is left alone)) */
@media (min-width: 2560px) {
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) { align-items: stretch; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])), html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] { display: flex; flex-direction: column; align-self: stretch; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])) > #o-day { flex: 1 1 auto; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])) #o-day > .fill { flex: 1 1 0; height: auto; min-height: var(--ch, 380px); }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]):has(+ [data-sec="glance"]:not([hidden])) #o-day > #o-dayc { flex: 1 1 auto; display: flex; flex-direction: column; justify-content: center; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] > .glance { flex: 1 1 auto; grid-template-columns: minmax(0, 1fr); grid-auto-rows: minmax(min-content, 1fr); gap: 8px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card { display: grid; grid-template-columns: minmax(6rem, 8.5rem) minmax(0, 1fr); grid-template-rows: auto; align-content: center; justify-items: stretch; gap: 0 14px; padding: 12px 14px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > * { grid-column: 1 / -1; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head { grid-row: 1; margin: 0 0 6px; min-height: 0; flex-wrap: nowrap; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t { min-width: 0; flex: 1 1 auto; overflow: hidden; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t :is(.kicker, h2) { display: block; max-width: 100%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .right { flex: none; flex-wrap: nowrap; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .ph-src { display: inline; font-size: 0.75rem; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .gauge { grid-column: 1; grid-row: 2 / span 2; align-self: center; justify-self: center; padding: 0; width: 100%; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .gauge svg { width: 100%; max-width: 8.5rem; height: auto; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .fng-hist { grid-column: 2; grid-row: 3; align-self: start; justify-self: stretch; display: grid; grid-template-columns: minmax(0, 1fr); gap: 0; margin: 0; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .dial-mood { grid-column: 2; grid-row: 2; align-self: end; margin: 0; text-align: left; font-size: 0.98rem; font-weight: 700; line-height: 1.3; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c, html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c:nth-child(3) { display: grid; grid-template-columns: minmax(0, 5rem) auto minmax(0, 1fr); align-items: baseline; gap: 6px; padding: 6px 0; border: 0; border-top: 1px solid var(--line); border-radius: 0; background: none; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c:first-child { border-top: 0; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c .l { font: 500 0.78rem/1.3 var(--font); letter-spacing: 0; text-transform: none; color: var(--muted); white-space: normal; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c b { margin: 0; font-size: 0.95rem; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card .fng-c small { display: block; font-size: 0.75rem; text-align: right; white-space: normal; overflow: visible; text-overflow: clip; overflow-wrap: anywhere; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > :is(.state, .skel) { grid-row: 2 / span 2; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .skel { height: 8rem; }
@container (max-width: 20em) {
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .gauge { grid-column: 1 / -1; grid-row: 2; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .dial-mood { grid-column: 1 / -1; grid-row: 3; text-align: center; margin-top: 4px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .fng-hist { grid-column: 1 / -1; grid-row: 4; margin-top: 6px; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head { flex-wrap: wrap; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t { overflow: visible; }
  html[data-flag-rw-s3-dial-fit="on"][data-flag-rw-s3-first-screen="on"] .view-overview .ov:not(.cap-beside) > [data-sec="day"]:not([hidden]) + [data-sec="glance"] #o-glance .dial-card > .panel-head .ph-t :is(.kicker, h2) { overflow: visible; white-space: normal; text-overflow: clip; }
}
}