/* Record pages on phones (user, 2026-10-29, from Attio's iOS company record): icon + label tab row with the open tab in
   a grey capsule, "Highlights" two-column cards, grouped details list. Built by js/aiq-phone-record.js; first on
   Congress member pages. docs/features/phone.md "Record pages". */
@media (max-width: 767px) {
  html.aiq-phone {
    --rc-card: #FFFFFF; --rc-sep: rgba(15,17,21,.07);   /* white cards on the grey page (the finance look, 2026-11-01) */ --rc-line: #ECECF0; --rc-cap: #EFEFF2; --rc-capline: #E3E3E8; --rc-ink: #101112; --rc-mut: #8A8F98; --rc-ic: #A3A8B2;
    --rc-head: #6F737B;
  }
  html.aiq-phone[data-theme="dark"] {
    --rc-card: rgba(255,255,255,.045); --rc-sep: rgba(255,255,255,.06); --rc-line: rgba(255,255,255,.08); --rc-cap: rgba(255,255,255,.09); --rc-capline: rgba(255,255,255,.08);
    --rc-ink: #F1F2F4; --rc-mut: #9AA2B4; --rc-ic: #8790A3; --rc-head: #9AA2B4;
  }
  html.aiq-phone #ph-rtabs i, html.aiq-phone .ph-rov i { font-family: "Phosphor-Regular" !important; }

  /* ── tab row: scrolls sideways, the open tab sits in a grey capsule ── */
  html.aiq-phone #ph-rtabs { display: flex; gap: 4px; overflow-x: auto; scrollbar-width: none; margin: 2px 0 4px; padding: 4px 12px;
    --rt-l: 28px; --rt-r: 28px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--rt-l), #000 calc(100% - var(--rt-r)), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 var(--rt-l), #000 calc(100% - var(--rt-r)), transparent); }
  html.aiq-phone #ph-rtabs::-webkit-scrollbar { display: none; }
  html.aiq-phone #ph-rtabs.ph-rt-start { --rt-l: 0px; }
  html.aiq-phone #ph-rtabs.ph-rt-end { --rt-r: 0px; }
  html.aiq-phone #ph-rtabs button { flex: none; display: inline-flex; align-items: center; gap: 7px; height: 40px; padding: 0 14px; border-radius: 999px;
    border: 1px solid transparent; background: none; color: var(--rc-mut); font: 500 16px/1 Inter, system-ui, sans-serif; }
  html.aiq-phone #ph-rtabs button i { font-size: 19px; }
  html.aiq-phone #ph-rtabs button.on { background: var(--rc-cap); border-color: var(--rc-capline); color: var(--rc-ink); font-weight: 600; }

  /* ── section heading: muted title, optional "See all" on the right ── */
  html.aiq-phone .ph-rh { display: flex; align-items: baseline; justify-content: space-between; margin: 22px 4px 10px; color: var(--rc-head); font-size: 17px; font-weight: 450; }
  html.aiq-phone .ph-rh:first-child { margin-top: 10px; }
  html.aiq-phone .ph-rh button { background: none; border: 0; color: var(--rc-head); font: inherit; padding: 0; }

  /* ── Highlights: two columns of cards, label + icon on top, value at the bottom ── */
  html.aiq-phone .ph-rcards { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; }
  html.aiq-phone .ph-rcard { display: flex; flex-direction: column; justify-content: space-between; gap: 22px; min-height: 104px; padding: 14px 14px 13px;
    background: var(--rc-card); border: 0; border-radius: 18px; }
  html.aiq-phone .ph-rcard .l { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; color: var(--rc-mut); font-size: 14px; line-height: 1.25; }
  html.aiq-phone .ph-rcard .l span { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .ph-rcard .l i { flex: none; font-size: 18px; color: var(--rc-ic); }
  html.aiq-phone .ph-rcard .v { color: var(--rc-ink); font-size: 19px; font-weight: 600; letter-spacing: -.01em; font-variant-numeric: tabular-nums;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .ph-rcard .v.mut, html.aiq-phone .ph-rov .mut { color: var(--rc-mut); font-weight: 450; }

  /* ── grouped list: icon · label · value · chevron, hairlines inset past the icon ── */
  /* filled, borderless cards like My stocks' (.pc-r, user 2026-11-01: align every page with My stocks and Markets) */
  html.aiq-phone .ph-rlist { background: var(--rc-card); border: 0; border-radius: 18px; overflow: hidden; }
  html.aiq-phone .ph-rrow { display: flex; align-items: center; gap: 12px; width: 100%; min-height: 54px; padding: 0 14px 0 16px; position: relative;
    background: none; border: 0; color: var(--rc-ink); font: 400 16px/1.3 Inter, system-ui, sans-serif; text-align: left; text-decoration: none; }
  html.aiq-phone .ph-rrow + .ph-rrow::before { content: ""; position: absolute; top: 0; left: 52px; right: 0; border-top: 1px solid var(--rc-sep); }
  html.aiq-phone .ph-rrow > i:first-child { flex: none; width: 24px; font-size: 21px; color: var(--rc-ink); text-align: center; }
  html.aiq-phone .ph-rrow .lg { flex: none; width: 24px; height: 24px; display: grid; place-items: center; }
  html.aiq-phone .ph-rrow .lg :is(img, .lt) { width: 24px; height: 24px; border-radius: 6px; object-fit: contain; background: #fff; }
  html.aiq-phone .ph-rrow .lg .lt { display: grid; place-items: center; background: var(--rc-cap); color: var(--rc-mut); font-size: 12px; font-weight: 600; }
  html.aiq-phone .ph-rrow .k { flex: none; }
  html.aiq-phone .ph-rrow .val { flex: 1; min-width: 0; text-align: right; color: var(--rc-mut); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
  html.aiq-phone .ph-rrow .val .acc { color: var(--ph-acc, #455DDC); }
  html.aiq-phone .ph-rrow .cv { flex: none; font-size: 15px; color: var(--rc-ic); }
  html.aiq-phone .ph-rrow:active { background: var(--rc-cap); }

  html.aiq-phone .ph-rrow .dot { flex: none; width: 10px; height: 10px; margin: 0 7px; border-radius: 50%; }
  html.aiq-phone .ph-rtext { padding: 14px 16px; background: var(--rc-card); border: 1px solid var(--rc-line); border-radius: 18px;
    color: var(--rc-ink); font-size: 15px; line-height: 1.5; }
  html.aiq-phone .ph-rov .pos { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone .ph-rov .neg { color: var(--tb-neg, #c8203f); }

  /* soft tinted pills (Attio's "$1M–$10M") */
  html.aiq-phone .ph-rpill { display: inline-block; padding: 3px 10px; border-radius: 8px; font-size: 15px; font-weight: 500; line-height: 1.3; }
  html.aiq-phone .ph-rpill.blue { background: #E8EEFF; color: #2F4BD0; }
  html.aiq-phone .ph-rpill.rose { background: #FDE8EC; color: #C8203F; }
  html.aiq-phone .ph-rpill.violet { background: #F1E8FE; color: #7A33D6; }
  html.aiq-phone[data-theme="dark"] .ph-rpill.blue { background: rgba(69,93,220,.22); color: #A9B8FF; }
  html.aiq-phone[data-theme="dark"] .ph-rpill.rose { background: rgba(247,52,99,.18); color: #FF8FA8; }
  html.aiq-phone[data-theme="dark"] .ph-rpill.violet { background: rgba(150,70,239,.2); color: #CDA8FF; }
  html.aiq-phone .ph-rcard .v .ph-rpill { font-size: 17px; }

  /* ── Overview pane vs the page's own panes ── */
  html.aiq-phone .ph-rov { display: none; padding: 0 16px 24px; }
  html.aiq-phone.ph-rov-on .ph-rov { display: block; }
  html.aiq-phone.ph-rov-on .cgx [data-cgx-pane]:not(#_) { display: none !important; }
  html.aiq-phone:not(.ph-rhold) #cgx-tabdd:not(#_) { visibility: hidden; }

  /* Superinvestor: Overview hides the swapped view; the "Holdings ⌄" (Table / Pie) button only on Holdings */
  html.aiq-phone.ph-rov-on #si-content:not(#_) { display: none !important; }
  html.aiq-phone:not(.ph-rhold) #si-tabdd:not(#_):not(#_) { display: none !important; }
  html.aiq-phone .si-main > #ph-rtabs { margin-top: 6px; }
  /* counts on a tab (My stocks: "Why it moved 2") */
  html.aiq-phone #ph-rtabs button em { font-style: normal; font-weight: 500; font-size: 13px; color: var(--rc-mut); margin-left: -2px; }
  /* a locked (Pro) figure */
  html.aiq-phone .ph-rpill.lock { background: var(--rc-cap); color: var(--rc-mut); }
  html.aiq-phone .ph-rpill.lock i { margin-right: 4px; font-size: .9em; }
  html.aiq-phone .ph-rrow .lg.av { border-radius: 50%; overflow: hidden; background: var(--rc-cap); color: var(--rc-mut); font-size: 10px; font-weight: 600; }
  html.aiq-phone .ph-rrow .lg.av img { width: 24px; height: 24px; border-radius: 50%; object-fit: cover; }

  /* My stocks list: the record row replaces the ≡ Views menu */
  html.aiq-phone.ph-rtabs-ms #ph-th .ph-th-menu:not(#_) { visibility: hidden !important; }
  html.aiq-phone.ph-rtabs-ms #ph-rtabs { margin: 0 0 6px; }

  /* Paper / creator portfolio (/p/…): the header, crumb, donut card and the page's tab row give way to the record */
  html.aiq-phone.ph-rec #pp > :is(.pp-crumb, .pp-head, .pp-row, .pp-tabs):not(#_) { display: none !important; }
  html.aiq-phone.ph-rec #pp #pp-strip:not(#_) { display: none !important; }   /* the Highlights cards hold the same figures */
  html.aiq-phone.ph-rov-on #pp [data-panel]:not(#_) { display: none !important; }
  html.aiq-phone.ph-rec #pp > #ph-rtabs { margin: 0 -16px 4px; }
  html.aiq-phone.ph-rec #pp > #ph-rov { margin: 0 -16px; }
  html.aiq-phone #ph-pp-perf { margin-top: 22px; }
  html.aiq-phone #ph-pp-perf > .card { margin: 0; border-radius: 18px; }
  /* Holdings: the name column shrank to a letter a line (360px); ticker over name, one line each, the table scrolls */
  html.aiq-phone #pp-holdings:not(#_) { overflow-x: auto; }
  html.aiq-phone #pp-holdings .pp-tb .pp-tk:not(#_) { white-space: nowrap; }
  html.aiq-phone #pp-holdings .pp-tb .pp-tk > div:not(#_) { flex-direction: column; align-items: flex-start; gap: 1px; }   /* name under the ticker */
  html.aiq-phone #pp-holdings .pp-tb .pp-tk > div > span:not(#_) { display: block; max-width: 132px; overflow: hidden; text-overflow: ellipsis; font-size: 12px; }

  /* Model portfolio (/portfolios/models/…): Overview, or one back-test pane at a time */
  html.aiq-phone.ph-rec #pa > :is(.pp-crumb, .pp-head, .pm-rules):not(#_) { display: none !important; }
  html.aiq-phone.ph-rec #pa [data-ph-pane]:not(.ph-on):not(#_) { display: none !important; }
  html.aiq-phone.ph-rec #pa :is(.pa-row, .pa-row2):not(#_) { display: block !important; }
  html.aiq-phone.ph-rec #pa [data-ph-pane].ph-on + [data-ph-pane].ph-on { margin-top: 12px; }
  html.aiq-phone.ph-rov-on #pa > .pp-disc:not(#_) { display: none !important; }
  html.aiq-phone.ph-rec #pa > #ph-rtabs { margin: 0 -16px 4px; }
  html.aiq-phone.ph-rec #pa > #ph-rov { margin: 0 -16px; }

  /* the desktop Attio layer bleeds the Activity table 20px into the panel's padding, which phones don't have: it sat 20px off the left edge */
  html.aiq-phone .si-act-box:not(#_):not(#_):not(#_) { margin: 0 !important; }

  /* List pages (Congress, Insiders, Earnings, Gov. contracts, My screens): their views as the record tab row under the header
     (js/aiq-phone-record.js listViews). The top-right menu only held those views there, so it goes (kept in the layout so
     the title stays centred); an open screen keeps its menu (Edit criteria, paging). */
  html.aiq-phone.ph-lt-on #ph-navmenu:not(#_):not(#_) { visibility: hidden; pointer-events: none; }
  html.aiq-phone #ph-rtabs.ph-lt { margin: 0 0 6px; }
  html.aiq-phone #ph-rtabs.ph-lt[hidden] { display: none; }
  /* a stock's "who owns it" view on Superinvestors: the header shows the company logo, a rounded square */
  html.aiq-phone #ph-th .ph-th-face.ph-th-sq:not(#_):not(#_) { border-radius: 7px; object-fit: contain; background: #fff; box-shadow: inset 0 0 0 1px rgba(0,0,0,.06); }
  /* Superinvestor Analytics on phones: the record version (#ph-ran) instead of ~20 desktop cards; "Full analytics" brings them back */
  html.aiq-phone #ph-ran { display: none; }
  html.aiq-phone.ph-ran:not(.ph-ran-all) #ph-ran { display: block; padding: 0 16px 24px; }
  html.aiq-phone.ph-ran:not(.ph-ran-all) #si-content :is(.si-analytics, .si-insight):not(#_) { display: none !important; }
  html.aiq-phone.ph-ran #ph-ran .ph-rh:first-child { margin-top: 0; }
  html.aiq-phone #ph-ran > .ph-rlist:last-child { margin-top: 20px; }
  html.aiq-phone #ph-ran .pos { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone #ph-ran .neg { color: var(--tb-neg, #c8203f); }
  html.aiq-phone .ph-rrow .val .ph-rvs { margin-left: 6px; color: var(--rc-mut); font-size: 13px; font-variant-numeric: tabular-nums; }

  /* ── second set (user, 2026-10-29): Supply chain, Support request, Gov. contract pop-up, Insiders company ── */
  html.aiq-phone .ph-rpill.grey { background: #EFEFF2; color: #5E636E; }
  html.aiq-phone[data-theme="dark"] .ph-rpill.grey { background: rgba(255,255,255,.09); color: #C2C8D4; }
  html.aiq-phone .ph-rnote { margin: 8px 4px 0; color: var(--rc-mut); font-size: 13px; line-height: 1.4; }
  html.aiq-phone .ph-rtext.mut { color: var(--rc-mut); }
  html.aiq-phone .ph-rall { display: block; width: 100%; margin-top: 4px; padding: 12px; background: none; border: 0; color: var(--ph-acc, #455DDC); font: 500 15px/1 Inter, system-ui, sans-serif; }

  /* Supply chain: the Lists view's sub line + Suppliers/Customers toggle are now the Overview's details + the tab row */
  html.aiq-phone.ph-rsc #ph-sc .psc-sub:not(#_), html.aiq-phone.ph-rsc #ph-sc .psc-seg:not(#_) { display: none !important; }
  html.aiq-phone.ph-rsc.ph-rov-on #ph-sc:not(#_) { display: none !important; }
  html.aiq-phone.ph-rsc .scx #ph-rtabs { margin-top: 6px; }
  /* no company search on phones (user, 2026-10-29): the company sits on one centred line under the header, as on a stock
     page (aiq-phone-fin.css .at-ft-id): logo · name · price · day % */
  html.aiq-phone.ph-rsc #sca-pick:not(#_):not(#_) { display: none !important; }
  html.aiq-phone .ph-sc-id { display: flex; align-items: baseline; justify-content: center; gap: 8px; padding: 0 16px; margin: -18px 0 6px; white-space: nowrap; }   /* tucked under the title, as on a stock page */
  html.aiq-phone .ph-sc-id img { width: 18px; height: 18px; border-radius: 4px; align-self: center; margin-right: -2px; object-fit: contain; background: #fff; }
  html.aiq-phone .ph-sc-id .nm { min-width: 0; overflow: hidden; text-overflow: ellipsis; font-size: 14px; line-height: 18px; font-weight: 500; color: var(--rc-mut); }
  html.aiq-phone .ph-sc-id .p { flex: none; font-size: 14px; line-height: 18px; font-weight: 650; color: var(--rc-ink); font-variant-numeric: tabular-nums; }
  html.aiq-phone .ph-sc-id .c { flex: none; font-size: 12.5px; line-height: 18px; font-weight: 500; font-variant-numeric: tabular-nums; }
  html.aiq-phone .ph-sc-id .c.pos { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone .ph-sc-id .c.neg { color: var(--tb-neg, #c8203f); }
  /* Suppliers / Customers as one grouped list (user, 2026-10-29, Attio's Record Details): inset card, logo · name over the
     share · $ · chevron, hairlines inset past the logo */
  html.aiq-phone.ph-rsc .sca-left:not(#_):not(#_):not(#_):not(#_) { border-bottom: 0; }   /* the desktop panel's rule showed as a stray line under the list */
  html.aiq-phone.ph-rsc #ph-sc:not(#_):not(#_):not(#_):not(#_) { margin: 10px 16px 24px; background: var(--rc-card); border: 1px solid var(--rc-line); border-radius: 18px; overflow: hidden; }
  html.aiq-phone.ph-rsc #ph-sc .psc-r:not(#_):not(#_):not(#_):not(#_) { gap: 12px; min-height: 64px; padding: 10px 14px 10px 16px; border-bottom: 0; color: var(--rc-ink); }
  html.aiq-phone.ph-rsc #ph-sc .psc-r + .psc-r:not(#_):not(#_):not(#_):not(#_)::before { content: ""; position: absolute; top: 0; left: 52px; right: 0; border-top: 1px solid var(--rc-line); }
  html.aiq-phone.ph-rsc #ph-sc .psc-r:active:not(#_):not(#_):not(#_):not(#_) { background: var(--rc-cap); }
  html.aiq-phone #ph-sc .psc-lg:not(#_):not(#_):not(#_):not(#_) { flex: none; width: 24px; height: 24px; display: grid; place-items: center; border-radius: 6px; background: #fff; overflow: hidden; }
  html.aiq-phone #ph-sc .psc-lg img:not(#_):not(#_):not(#_):not(#_) { width: 24px; height: 24px; object-fit: contain; }
  html.aiq-phone #ph-sc .psc-lg > b:not(#_):not(#_):not(#_):not(#_) { width: 100%; height: 100%; display: grid; place-items: center; background: var(--rc-cap); color: var(--rc-mut); font-size: 12px; font-weight: 600; }
  html.aiq-phone #ph-sc .psc-lg.an:not(#_):not(#_):not(#_):not(#_) { background: var(--rc-cap); color: var(--rc-mut); }
  html.aiq-phone #ph-sc .psc-lg.an i:not(#_):not(#_):not(#_):not(#_) { font-family: "Phosphor-Regular" !important; font-size: 15px; }
  html.aiq-phone.ph-rsc #ph-sc .psc-l b:not(#_):not(#_):not(#_):not(#_) { font-size: 16px; font-weight: 500; }
  html.aiq-phone.ph-rsc #ph-sc .psc-l b i:not(#_):not(#_):not(#_):not(#_) { margin-left: 6px; font-size: 12px; font-weight: 500; opacity: 1; color: var(--rc-mut); }
  html.aiq-phone.ph-rsc #ph-sc .psc-l small:not(#_):not(#_):not(#_):not(#_) { margin-top: 3px; opacity: 1; color: var(--rc-mut); }
  html.aiq-phone.ph-rsc #ph-sc .psc-v:not(#_):not(#_):not(#_):not(#_) { font-size: 15px; font-weight: 500; color: var(--rc-ink); }
  html.aiq-phone.ph-rsc #ph-sc .psc-v.mut:not(#_):not(#_):not(#_):not(#_) { color: var(--rc-mut); }
  html.aiq-phone #ph-sc .psc-cv:not(#_):not(#_):not(#_):not(#_) { flex: none; margin-left: -4px; font-family: "Phosphor-Regular" !important; font-size: 15px; color: var(--rc-ic); }
  html.aiq-phone.ph-rsc #ph-sc .psc-empty:not(#_):not(#_):not(#_):not(#_) { padding: 18px 16px; opacity: 1; color: var(--rc-mut); }

  /* Support request: header + breadcrumb become the Overview; the side Details card is the Overview */
  html.aiq-phone.ph-rtk .sp-crumb:not(#_), html.aiq-phone.ph-rtk .sp-tk-head:not(#_), html.aiq-phone.ph-rtk .sp-side:not(#_) { display: none !important; }
  html.aiq-phone.ph-rtk.ph-rov-on .sp-tk-grid:not(#_) { display: none !important; }
  html.aiq-phone.ph-rtk .sp:not(#_) { padding-top: 0; }
  html.aiq-phone.ph-rtk .sp > #ph-rtabs { margin: 2px -28px 4px; }   /* main's 12px + .sp's 16px: the row runs edge to edge, the Overview keeps a 16px gutter */
  html.aiq-phone.ph-rtk .sp > .ph-rov { margin: 0 -12px; padding: 0 0 24px; }

  /* Gov. contract pop-up: the page's own body hides, the record version shows */
  html.aiq-phone #gm-dbody.ph-gm > :not(.ph-rgm) { display: none !important; }
  html.aiq-phone #gm-dbody .ph-rgm { display: block; padding: 0 0 6px; }
  html.aiq-phone .ph-rgm .ph-rh:first-child { margin-top: 2px; }
  html.aiq-phone .ph-rgm .ph-rcard { min-height: 92px; }
  html.aiq-phone .ph-rgm .ph-rcard .v { font-size: 17px; }   /* the dialog is 24px narrower than the page: "Oct 16, 2026" fits at 360 */
  html.aiq-phone .ph-rrow .val img.flag, html.aiq-phone .ph-rrow .lg img.flag { width: 20px; height: 14px; border-radius: 3px; object-fit: cover; background: none; vertical-align: -2px; }

  /* Insiders company record: everything else in the page hides while it's open */
  html.aiq-phone #ph-irec { display: none; }
  html.aiq-phone.ph-irec #ph-irec { display: block; }
  html.aiq-phone.ph-irec .app-shell > main > :not(#ph-th):not(#ph-irec):not(#_) { display: none !important; }
  html.aiq-phone.ph-irec #ph-th .ph-th-menu { visibility: hidden; }
  html.aiq-phone.ph-irec #ph-th .ph-th-t > :not(.ph-irec-h):not(#_) { display: none !important; }
  html.aiq-phone[data-theme="dark"] .ph-ichart { --warn: #FF862E; }
  html.aiq-phone .ph-ichart svg.vz { display: block; width: 100%; height: 100%; overflow: visible; font-family: Inter, system-ui, sans-serif; font-variant-numeric: tabular-nums; }
  html.aiq-phone #ph-th .ph-irec-h:not(#_) { display: none; }
  html.aiq-phone.ph-irec #ph-th .ph-irec-h:not(#_) { display: block; }
  html.aiq-phone.ph-irec #ph-th span.ph-irec-h { min-width: 0; font-size: 20px; font-weight: 650; color: var(--ph-ink); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone #ph-irec .ph-rov { display: block; }
  html.aiq-phone.ph-ibuys-on #ph-irec .ph-rov { display: none; }
  html.aiq-phone #ph-irec .ph-ibuys { display: none; margin: 10px 16px 24px; background: var(--rc-card); border: 1px solid var(--rc-line); border-radius: 18px; overflow: hidden; }
  html.aiq-phone.ph-ibuys-on #ph-irec .ph-ibuys { display: block; }
  html.aiq-phone .ph-ibuy { display: flex; align-items: center; gap: 12px; min-height: 60px; padding: 9px 16px; position: relative; color: var(--rc-ink); text-decoration: none; }
  html.aiq-phone .ph-ibuy + .ph-ibuy::before { content: ""; position: absolute; top: 0; left: 16px; right: 0; border-top: 1px solid var(--rc-line); }
  html.aiq-phone .ph-ibuy .l { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 3px; }
  html.aiq-phone .ph-ibuy .l b { font-size: 16px; font-weight: 500; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .ph-ibuy .l small { color: var(--rc-mut); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-variant-numeric: tabular-nums; }
  html.aiq-phone .ph-ibuy .v { flex: none; font-size: 16px; font-weight: 600; font-variant-numeric: tabular-nums; }
  html.aiq-phone .ph-ibuy:active { background: var(--rc-cap); }
  html.aiq-phone .ph-ichart { --vz-blue: #455DDC; --vz-ink: var(--rc-ink); --vz-mute: var(--rc-mut); --pos: var(--tb-pos, #0d8a66); --warn: #c25e12; --bg: var(--rc-card);   /* the page sets these on .ins, which the record sits outside */
    padding: 10px 8px 4px; background: var(--rc-card); border: 1px solid var(--rc-line); border-radius: 18px; }
  html.aiq-phone .ph-ichart .ins-dt-chart:not(#_) { height: 200px; border: 0; background: none; padding: 0 4px; }

  /* My stocks list → Analytics (Summary · Risk · Stocks · Valuation & income · Factors) in the record look (user,
     2026-10-29): capsule sub-row, muted section headings, 18px cards, two-column highlight cards, tables as grouped
     lists; wide tables scroll inside their card and fade on the side that has more (js: myStocks() → fades()). */
  html.aiq-phone .msa-drill .ta.ta-rec:not(#_):not(#_) { display: block; padding: 2px 16px 28px; }
  html.aiq-phone .msa-drill .ta-rec .ta-sub:not(#_):not(#_) { display: flex; gap: 4px; margin: 0 -16px 2px; padding: 2px 16px; overflow-x: auto; scrollbar-width: none; }
  html.aiq-phone .msa-drill .ta-rec .ta-sub::-webkit-scrollbar { display: none; }
  html.aiq-phone .msa-drill .ta-rec .ta-sub button:not(#_):not(#_) { flex: none; height: 34px; padding: 0 13px; border-radius: 999px; white-space: nowrap;
    border: 1px solid transparent; background: none; box-shadow: none; color: var(--rc-mut); font: 500 15px/1 Inter, system-ui, sans-serif; }
  html.aiq-phone .msa-drill .ta-rec .ta-sub button.on:not(#_):not(#_) { background: var(--rc-cap); border-color: var(--rc-capline); color: var(--rc-ink); font-weight: 600; }
  html.aiq-phone .msa-drill .ta-rec > .ta-p:not(#_):not(#_) { margin: 22px 0 0; min-width: 0; }
  html.aiq-phone .msa-drill .ta-rec > .ta-sub + .ta-p:not(#_):not(#_), html.aiq-phone .msa-drill .ta-rec > .ta-sub + .ta-cards:not(#_):not(#_) { margin-top: 12px; }
  html.aiq-phone .msa-drill .ta-rec .ta-p > header:not(#_):not(#_) { display: flex; flex-direction: column; align-items: flex-start; gap: 1px; margin: 0 4px 10px; }
  html.aiq-phone .msa-drill .ta-rec .ta-p > header h3:not(#_):not(#_) { font: 450 17px/1.3 Inter, system-ui, sans-serif !important; color: var(--rc-head); margin: 0;
    max-width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .msa-drill .ta-rec .ta-p > header .r:not(#_):not(#_) { margin: 0; align-self: flex-start; text-align: left; justify-content: flex-start;
    font: 400 13px/1.35 Inter, system-ui, sans-serif; color: var(--rc-mut); max-width: 100%;
    overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .msa-drill .ta-rec .ta-p > header .r .mute { color: inherit; }
  /* !important + five ids: aiq-phone-people.css strips the card off any box that holds a table directly (that left
     Period returns / Concentration / Risk & return as bare tables) */
  html.aiq-phone .msa-drill .ta-rec .ta-p > .b:not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 0 16px; background: var(--rc-card) !important;
    border: 1px solid var(--rc-line) !important; border-radius: 18px !important; outline: 0; box-shadow: none !important; overflow-x: auto; }
  /* tables = grouped list rows */
  html.aiq-phone .msa-drill .ta-rec .ta-t:not(#_):not(#_) { width: 100%; font: 400 15px/1.3 Inter, system-ui, sans-serif; color: var(--rc-ink); border: 0; }
  html.aiq-phone .msa-drill .ta-rec .ta-t th:not(#_):not(#_) { height: 38px; padding: 0 8px; background: none; border: 0; border-bottom: 1px solid var(--rc-line);
    font: 500 13px/1.25 Inter, system-ui, sans-serif; color: var(--rc-mut); white-space: nowrap; }
  html.aiq-phone .msa-drill .ta-rec .ta-t td:not(#_):not(#_) { height: 48px; padding: 0 8px; background: none; border: 0; border-bottom: 1px solid var(--rc-line);
    font-weight: 500; color: var(--rc-ink); font-variant-numeric: tabular-nums; white-space: nowrap; }
  html.aiq-phone .msa-drill .ta-rec .ta-t td:first-child:not(#_):not(#_) { font-weight: 400; color: var(--rc-ink); padding-left: 0; white-space: normal; min-width: 96px; }
  html.aiq-phone .msa-drill .ta-rec .ta-t th:first-child:not(#_):not(#_) { padding-left: 0; }
  html.aiq-phone .msa-drill .ta-rec .ta-t :is(td, th):last-child:not(#_):not(#_) { padding-right: 0; }
  html.aiq-phone .msa-drill .ta-rec .ta-t tr:last-child td:not(#_):not(#_) { border-bottom: 0; }
  html.aiq-phone .msa-drill .ta-rec .ta-t td em:not(#_) { display: block; margin: 1px 0 0; font-size: 12px; color: var(--rc-mut); max-width: 120px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .msa-drill .ta-rec .ta-t.heat td:not(#_):not(#_) { height: 40px; font-size: 13px; text-align: center; border-bottom: 2px solid var(--rc-card); }
  html.aiq-phone .msa-drill .ta-rec .ta-t.heat td:first-child:not(#_):not(#_) { text-align: left; min-width: 0; }
  html.aiq-phone .msa-drill .ta-rec .ta-t td.pos:not(#_):not(#_):not(#_), html.aiq-phone .msa-drill .ta-rec .pos:not(#_) { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone .msa-drill .ta-rec .ta-t td.neg:not(#_):not(#_):not(#_), html.aiq-phone .msa-drill .ta-rec .neg:not(#_) { color: var(--tb-neg, #c8203f); }
  /* the phone tables' frozen first column (.ph-c1, aiq-phone-tablehead.js) painted a darker strip inside the card; heat-map cells keep their inline colour */
  html.aiq-phone .msa-drill .ta-rec .ta-t :is(td, th):not([style*="background"]):not(#_):not(#_):not(#_):not(#_):not(#_) { background-color: transparent !important; box-shadow: none !important; }
  html.aiq-phone .msa-drill .ta-rec .ta-scroll:not(#_) { overflow-x: auto; margin: 0 -16px; padding: 0 16px; scrollbar-width: none; }
  html.aiq-phone .msa-drill .ta-rec .ta-scroll::-webkit-scrollbar { display: none; }
  /* a box that scrolls sideways fades on the side with more to see (no sliced edge) */
  html.aiq-phone .msa-drill .ta-rec .ph-fx { --fx-l: 0px; --fx-r: 0px;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 var(--fx-l), #000 calc(100% - var(--fx-r)), transparent);
    mask-image: linear-gradient(90deg, transparent, #000 var(--fx-l), #000 calc(100% - var(--fx-r)), transparent); }
  html.aiq-phone .msa-drill .ta-rec .ph-fx.ph-fx-l { --fx-l: 24px; }
  html.aiq-phone .msa-drill .ta-rec .ph-fx.ph-fx-r { --fx-r: 32px; }
  /* charts and text inside a card */
  html.aiq-phone .msa-drill .ta-rec .ta-ch:not(#_) { height: 190px; margin: 0 0 12px; }
  html.aiq-phone .msa-drill .ta-rec .ta-rd:not(#_) { display: flex; flex-wrap: wrap; gap: 4px 12px; padding: 12px 0 6px; font-size: 13px; color: var(--rc-mut); }
  html.aiq-phone .msa-drill .ta-rec :is(.ta-note, .tm-pnote, .ta-sum):not(#_):not(#_) { padding: 14px 0; font: 400 15px/1.5 Inter, system-ui, sans-serif; color: var(--rc-ink); }
  /* Summary: Attio's Highlights — two columns, label + icon on top, value, then the S&P 500 line */
  html.aiq-phone .msa-drill .ta-rec .ta-cards:not(#_):not(#_) { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 10px; }
  html.aiq-phone .msa-drill .ta-rec .rc-card:not(#_):not(#_) { display: flex; flex-direction: column; min-height: 112px; padding: 14px 14px 13px; background: var(--rc-card);
    border: 1px solid var(--rc-line); border-radius: 18px; outline: 0; box-shadow: none; }
  html.aiq-phone .msa-drill .ta-rec .rc-cl:not(#_):not(#_) { display: flex; align-items: flex-start; justify-content: space-between; gap: 6px; color: var(--rc-mut);
    font: 400 14px/1.25 Inter, system-ui, sans-serif; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone .msa-drill .ta-rec .rc-cl i:not(#_) { flex: none; font-size: 18px; color: var(--rc-ic); font-family: "Phosphor-Regular" !important; }
  html.aiq-phone .msa-drill .ta-rec .rc-cv:not(#_):not(#_) { margin-top: auto; padding-top: 18px; color: var(--rc-ink); font: 600 19px/1.2 Inter, system-ui, sans-serif;
    letter-spacing: -.01em; font-variant-numeric: tabular-nums; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone .msa-drill .ta-rec .rc-cs:not(#_):not(#_) { margin-top: 3px; color: var(--rc-mut); font: 400 13px/1.3 Inter, system-ui, sans-serif;
    white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
  /* in-card switches (Diversifiers' All / Stocks / Funds) as small capsules */
  html.aiq-phone .msa-drill .ta-rec .ta-p .b :is(.tq-seg, .ta-seg):not(#_) { border-radius: 999px; }

  /* ── Stock Overview (user, 2026-10-29: "redo parts of our overview page on mobile" in this style): Highlights after the
     price chart, grouped lists in place of the side cards (Valuation, Returns & health, grade, Analysts, Insiders,
     Company, About). Markup .ovs-ph in financials/_overview.html; the cards they replace are .ovs-ph-off. ── */
  html.aiq-phone #tab-overview .ovs-ph:not(#_):not(#_):not(#_):not(#_) { display: block !important; padding: 0 16px 8px; }
  html.aiq-phone #tab-overview .ovs-ph-off:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone #tab-overview .ovs-ph i { font-family: "Phosphor-Regular" !important; }
  html.aiq-phone #tab-overview .ovs-ph .ph-rh:first-child { margin-top: 18px; }
  html.aiq-phone #tab-overview .ovs-ph .pos { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone #tab-overview .ovs-ph .neg { color: var(--tb-neg, #c8203f); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rrow .k { max-width: 58%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone #tab-overview .ovs-ph .ph-rrow .val .ph-rpill { font-size: 14px; padding: 2px 9px; }
  html.aiq-phone .ph-rpill.green { background: #E3F6EF; color: #0D8A66; }
  html.aiq-phone .ph-rpill.amber { background: #FFF1E3; color: #C2620F; }
  html.aiq-phone[data-theme="dark"] .ph-rpill.green { background: rgba(67,209,167,.16); color: #6FE0BE; }
  html.aiq-phone[data-theme="dark"] .ph-rpill.amber { background: rgba(255,134,46,.16); color: #FFAE70; }
  /* One column of record cards, as on Home: the columns flatten so the lists follow the revenue breakdown and
     Estimates / Earnings history / News (.ovs-late) come last; no hairlines between sections. */
  html.aiq-phone #tab-overview .ovs-grid:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex !important; flex-direction: column; align-items: stretch !important; gap: 0 !important; }
  html.aiq-phone #tab-overview .ovs-grid > *:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_), html.aiq-phone #tab-overview .ovs-grid :is(.ovs-main, .ovs-side, .ovs-mid, .ovs-col) > *:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { min-width: 0 !important; max-width: none !important; }
  html.aiq-phone #tab-overview :is(.ovs-main, .ovs-side, .ovs-mid, .ovs-col, #ovs-spill):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: contents !important; }
  html.aiq-phone #tab-overview .ovs-side > .ovs-ph:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { order: 1; }
  html.aiq-phone #tab-overview .ovs-late:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { order: 2; }
  html.aiq-phone #tab-overview section.card.ovs-price:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { border-bottom: 0 !important; box-shadow: none !important; }
  /* the other sections: muted heading above a white 18px card (the record kit's .ph-rh + .ph-rlist look) */
  html.aiq-phone #tab-overview section.card:not(.ovs-price):not(.ovs-ph-off):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { position: relative; margin: 52px 4px 0 !important; min-width: 0 !important;
    padding: 4px 14px 8px !important; background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: 18px !important;
    box-shadow: none !important; overflow: visible !important; width: auto !important; }
  html.aiq-phone #tab-overview section.card:not(.ovs-price):not(.ovs-ph-off):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::before,
  html.aiq-phone #tab-overview section.card:not(.ovs-price):not(.ovs-ph-off):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after { display: none !important; }
  html.aiq-phone #tab-overview section.card:not(.ovs-price) > .ovs-rule:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex !important; position: absolute; top: -34px; left: 4px; right: 4px;
    margin: 0 !important; padding: 0 !important; border: 0 !important; background: none !important; }
  html.aiq-phone #tab-overview section.card:not(.ovs-price) > .ovs-rule h3:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font: 450 17px/1.2 Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important; text-transform: none !important; color: var(--rc-head) !important; }
  html.aiq-phone #tab-overview section.card:not(.ovs-price) > .ovs-rule > :not(h3):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone #tab-overview section.card:not(.ovs-price) > .ovs-rule h3 *:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font: inherit !important; color: inherit !important; }
  html.aiq-phone #tab-overview .ovs-ph:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 0 4px; }
  html.aiq-phone #tab-overview .ovs-ph .ph-rh:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 22px 4px 10px; }
  html.aiq-phone #tab-overview .ovs-ph .ph-rh:first-child:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin-top: 18px; }
  /* the segment / summary tables keep every year and scroll in their box; the name column stays put */
  html.aiq-phone #tab-overview section.card .ovs-tw table > * > tr > :first-child:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { left: 0 !important; }
  /* A bit of colour (user, 2026-10-29: "add a bit more color in some of the icons"): one house colour per section,
     the Highlights icons in turn, insider arrows by trade; Company / About stay grey */
  html.aiq-phone #tab-overview .ovs-ph { --t-blue: #455DDC; --t-teal: #0D8A66; --t-violet: #8A3FE0; --t-orange: #E8741F; --t-rose: #C8203F; }
  html.aiq-phone[data-theme="dark"] #tab-overview .ovs-ph { --t-blue: #8DA0FF; --t-teal: #43D1A7; --t-violet: #B98CFF; --t-orange: #FF9F5A; --t-rose: #FF6F8F; }
  html.aiq-phone #tab-overview .ovs-ph .ph-rlist.t-blue .ph-rrow > i:first-child { color: var(--t-blue); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rlist.t-teal .ph-rrow > i:first-child { color: var(--t-teal); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rlist.t-violet .ph-rrow > i:first-child { color: var(--t-violet); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rlist.t-ins .ph-rrow > i:first-child { color: var(--rc-ic); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rlist.t-ins .ph-rrow.r-c-P > i:first-child { color: var(--t-teal); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rlist.t-ins .ph-rrow.r-c-S > i:first-child { color: var(--t-rose); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rcard:nth-child(1) .l i { color: var(--t-blue); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rcard:nth-child(2) .l i { color: var(--t-violet); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rcard:nth-child(3) .l i { color: var(--t-teal); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rcard:nth-child(4) .l i { color: var(--t-orange); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rcard:nth-child(5) .l i { color: var(--t-rose); }
  html.aiq-phone #tab-overview .ovs-ph .ph-rcard:nth-child(6) .l i { color: var(--t-blue); }
  /* Fundamental grade keeps every ranking (user: "don't stuff it into one single grade"): the desktop card, rows at list size */
  html.aiq-phone #tab-overview #ovs-score-sec .ovs-factor:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { min-height: 44px; }
  html.aiq-phone #tab-overview #ovs-score-sec .ovs-factor > span:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font-size: 15px !important; color: var(--rc-ink) !important; }
  /* About: four lines, then Show more */
  html.aiq-phone #tab-overview .ovp-about p { margin: 0; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; overflow: hidden; }
  html.aiq-phone #tab-overview .ovp-about.open p { display: block; }
  html.aiq-phone #tab-overview .ovp-about button { margin-top: 8px; padding: 0; background: none; border: 0; color: var(--rc-head); font: 500 14px Inter, system-ui, sans-serif; }
  /* ── All charts (user, 2026-10-29: "restyle All Charts for mobile", Attio's iOS record as the reference): each chart is a
     white 18px card under a muted 17px heading, as on Overview; the latest figure sits big at the top of the card
     with its period beside it; no full-bleed hairlines. ── */
  html.aiq-phone #charts-grid:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 0 4px; }
  html.aiq-phone.aiq-phone #charts-grid .cg-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { position: relative !important; margin: 36px 4px 0 !important; width: auto !important;
    padding: 14px 14px 8px !important; background: var(--rc-card) !important; border: 1px solid var(--rc-line) !important; border-radius: 18px !important;
    box-shadow: none !important; overflow: visible !important; transform: none !important; }
  html.aiq-phone.aiq-phone #charts-grid .cg-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::before,
  html.aiq-phone.aiq-phone #charts-grid .cg-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after { display: none !important; }
  html.aiq-phone #charts-grid .cg-card:first-child:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin-top: 40px !important; }
  html.aiq-phone #charts-grid .cg-head:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: flex !important; min-height: 0; }
  html.aiq-phone #charts-grid .cg-label:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { position: absolute; top: -32px; left: 4px; right: 4px;
    font: 450 17px/1.2 Inter, system-ui, sans-serif !important; letter-spacing: 0 !important; text-transform: none !important; color: var(--rc-head) !important; }
  html.aiq-phone #charts-grid .cg-tools:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone #charts-grid .cg-head .cg-kpi:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 0 !important; padding: 0 !important; gap: 8px; align-items: baseline; background: none !important; border: 0 !important; box-shadow: none !important; }
  html.aiq-phone #charts-grid .cg-val:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 0 !important; border: 0 !important; background: none !important; color: var(--rc-ink) !important;
    font: 600 22px/1.15 Inter, system-ui, sans-serif !important; font-variant-numeric: tabular-nums; }
  html.aiq-phone #charts-grid .cg-val.is-pair:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { font-size: 17px !important; }
  html.aiq-phone #charts-grid .cg-per:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: inline !important; color: var(--rc-mut) !important; font: 500 14px Inter, system-ui, sans-serif !important; }
  html.aiq-phone #charts-grid .cg-plot:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 8px -4px 0 !important; }
  /* ── KPIs (user, 2026-10-29: "restyle this page" after Attio's iOS company record): each table is a white 18px card
     under a muted 17px heading (data-ph-h, from the table's band row: js/aiq-phone-kpis.js), as on Overview; sub-sections
     (Operating income by business, Operating margin) are muted labels inside the card; "Metric" goes; each card scrolls
     sideways on its own. The pinned name column needs an opaque fill, so the card colour is solid here. ── */
  html.aiq-phone { --kdp-card: #FFFFFF; }
  html.aiq-phone[data-theme="dark"] { --kdp-card: color-mix(in srgb, #fff 3.5%, #252933); }
  /* split into one card per section (aiq-phone-kpis.js): the tab's own card is hidden, its copies (.ph-kdc) show */
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .kd-card.ph-kd-src:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .kd-sec-h:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] .lkl-fin .tab-panel #kd-root .kd-card:not(.kd-empty):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) {
    position: relative; margin: 42px 4px 0 !important; padding: 0 !important; background: var(--kdp-card) !important; border: 1px solid var(--rc-line) !important;
    border-radius: 18px !important; box-shadow: none !important; outline: 0 !important; overflow: visible !important; }
  html.aiq-phone.aiq-phone[data-theme] .lkl-fin .tab-panel #kd-root .kd-card:not(.kd-empty):first-child:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin-top: 40px !important; }
  html.aiq-phone.aiq-phone[data-theme] .lkl-fin .tab-panel #kd-root .kd-card:not(.kd-empty):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after { content: none !important; display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] .lkl-fin .tab-panel #kd-root .kd-card[data-ph-h]:not(.kd-empty):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::before {
    content: attr(data-ph-h) !important; display: block !important; position: absolute !important; top: -32px !important; left: 4px !important; right: 4px !important; bottom: auto !important; height: auto !important; width: auto !important;
    background: none !important; border: 0 !important; font: 450 17px/1.2 Inter, system-ui, sans-serif !important; color: var(--rc-head) !important; white-space: nowrap; pointer-events: none; overflow: hidden; text-overflow: ellipsis; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .kd-card > .kd-tblwrap:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { border-radius: 17px !important; overflow-x: auto !important; overflow-y: hidden;
    -webkit-mask-image: -webkit-radial-gradient(white, black); isolation: isolate; }
  /* round corners, never pointy (user, 2026-10-29): iOS Safari doesn't clip the pinned (sticky) name cells to the scroll
     box's radius, so the corner cells carry it too */
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr:first-child > th:first-child { border-top-left-radius: 17px !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr:first-child > th:last-child { border-top-right-radius: 17px !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:last-child > td:first-child { border-bottom-left-radius: 17px !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:last-child > td:last-child { border-bottom-right-radius: 17px !important; }
  /* cells: solid card fill (the pinned column), 15px, 48px rows, hairlines that stop at the card's edge; the last row has none */
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :is(th, td) {
    background: var(--kdp-card) !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td {
    height: 48px !important; font-size: 15px !important; line-height: 19px !important; color: var(--rc-ink) !important; border-bottom: 1px solid var(--rc-line) !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:last-child > td { border-bottom: 0 !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :is(th, td):first-child { padding-left: 16px !important; position: sticky !important; left: 0 !important; z-index: 2; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :is(th, td):last-child { padding-right: 16px !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td:is(.kd-pos, .kd-neg),
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr > td :is(.kd-pos, .kd-neg) { color: inherit; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr.kd-total > td { font-weight: 600 !important; }
  /* header: muted period labels, the newest in ink; no "Metric" */
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th {
    height: 40px !important; padding-top: 12px !important; padding-bottom: 6px !important; font: 500 13px/16px Inter, system-ui, sans-serif !important; color: var(--rc-mut) !important;
    border-bottom: 1px solid var(--rc-line) !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th.stx-new { color: var(--rc-ink) !important; font-weight: 600 !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th:first-child { font-size: 0 !important; color: transparent !important; }
  /* sub-sections inside a card: a muted label, no bold band */
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr:is(.kd-div, .kd-grp) > td {
    height: 46px !important; padding: 18px 16px 6px !important; vertical-align: bottom !important; font: 500 13px/16px Inter, system-ui, sans-serif !important;
    color: var(--rc-mut) !important; white-space: nowrap; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root tr:is(.kd-div, .kd-grp) :is(.stx-gn, .stx-ic):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .kd-u:not(#_):not(#_):not(#_):not(#_) { white-space: nowrap; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .kd-muted:not(#_):not(#_):not(#_):not(#_) { margin: 10px 8px 0 !important; padding: 0 !important; font-size: 13px !important; color: var(--rc-mut) !important; }
  html.aiq-phone.aiq-phone[data-theme] main #kd-root .kd-card.kd-empty:not(#_):not(#_):not(#_):not(#_) { margin: 40px 4px 0 !important; border-radius: 18px !important; }

  /* ── Comparables (user, 2026-10-29: "redo the comparables page on mobile" after Attio's iOS company record): a Companies grouped list (logo · ticker over name · market cap
     over day change · chevron; last row opens the Peers panel), then every section as a muted 17px heading — its
     switches on the right — above a white 18px card. Markup #cmp-ph from renderPhone() in financials/_comparables.html. ── */
  html.aiq-phone #comp-root .cmp-ph:not(#_):not(#_):not(#_):not(#_) { display: block !important; padding: 0 4px; }
  html.aiq-phone #comp-root .cmp-ph i { font-family: "Phosphor-Regular" !important; }
  html.aiq-phone #comp-root .cmp-ph .ph-rh:first-child { margin-top: 14px; }
  /* no Relative value on phones (user, 2026-10-29: "get rid of this part on mobile") */
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card:has(#cmp-scatter):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  /* Companies list rows: two lines each side */
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co { min-height: 62px; }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co .cmp-logo { flex: none; width: 28px; height: 28px; margin: 0 !important; border-radius: 7px; overflow: hidden; background: #fff;
    display: grid; place-items: center; box-shadow: inset 0 0 0 1px var(--rc-line); }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co .cmp-logo img { width: 22px; height: 22px; object-fit: contain; }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co .cmp-logo .mono { color: var(--rc-mut); font-size: 13px; font-weight: 600; }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co + .ph-rrow::before, html.aiq-phone #comp-root .cmp-ph .ph-rrow + .ph-rrow::before { left: 56px; }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co .k { flex: 1; min-width: 0; display: flex; flex-direction: column; gap: 2px; }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co .k b { font-weight: 600; font-size: 16px; }
  html.aiq-phone #comp-root .cmp-ph :is(.k, .val) small { display: block; color: var(--rc-mut); font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-co .val { flex: none; color: var(--rc-ink); font-weight: 500; display: flex; flex-direction: column; align-items: flex-end; gap: 2px; }
  html.aiq-phone #comp-root .cmp-ph .val small.pos { color: var(--tb-pos, #0d8a66); }
  html.aiq-phone #comp-root .cmp-ph .val small.neg { color: var(--tb-neg, #c8203f); }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-edit > i:first-child { width: 28px; color: var(--ph-acc, #455DDC); }
  html.aiq-phone #comp-root .cmp-ph .cmp-ph-edit .k { color: var(--ph-acc, #455DDC); font-weight: 500; }
  html.aiq-phone #cmp-peers:not(#_):not(#_):not(#_):not(#_) { display: none !important; }

  /* sections: the card itself is just a frame — heading row (muted title, switches on the right) above a white 18px body */
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { margin: 30px 4px 0 !important; padding: 0 !important;
    background: none !important; border: 0 !important; outline: 0 !important; box-shadow: none !important; border-radius: 0 !important; overflow: visible !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::before,
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_)::after { content: none !important; display: none !important; }
  /* switches that stay on phones (Business profile's company pills) take their own sideways row under the heading */
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card-hd:has(.cmp-tog):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { flex-wrap: wrap !important; row-gap: 10px; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card-hd > .cmp-hd-right:has(.cmp-tog):not(#_):not(#_):not(#_):not(#_) { flex: 1 0 100%; margin: 0 0 0 -4px !important;
    overflow-x: auto; scrollbar-width: none; padding-right: 24px;
    -webkit-mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); mask-image: linear-gradient(90deg, #000 calc(100% - 28px), transparent); }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-hd-right .cmp-tog:not(#_):not(#_):not(#_):not(#_) { flex-wrap: nowrap !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-hd-right .cmp-tog > *:not(#_):not(#_):not(#_):not(#_) { flex: none !important; }
  /* Relative value's "vs" goes with its two pickers, which phones hide */
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card-hd > .cmp-hd-note:not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-row2:not(#_):not(#_):not(#_):not(#_) { display: block !important; margin: 0 !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card-hd:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { min-height: 0 !important; margin: 0 0 10px !important; padding: 0 0 0 4px !important;
    background: none !important; border: 0 !important; box-shadow: none !important; gap: 8px; flex-wrap: nowrap; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card-title:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { flex: none; font: 450 17px/1.2 Inter, system-ui, sans-serif !important;
    letter-spacing: 0 !important; color: var(--rc-head) !important; text-transform: none !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card > :not(.cmp-card-hd):not(.cmp-tbl-ft):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { background: var(--rc-card) !important;
    border: 1px solid var(--rc-line) !important; border-radius: 18px !important; box-shadow: none !important; overflow: hidden; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card > :is(.cmp-body, #cmp-chart-host, #cmp-ret-host, .cmp-rv-body):not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { padding: 12px 12px 10px !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card > .cmp-tbl-ft:empty, html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card > .cmp-tbl-ft:has(> .cmp-ft-note:empty) { display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-card > .cmp-tbl-ft:not(#_):not(#_):not(#_):not(#_) { margin: 8px 4px 0; padding: 0 !important; border: 0 !important; background: none !important; color: var(--rc-mut); font-size: 13px; }
  /* Comparison: the view chips sit on top inside the card; the table keeps its pinned name column, cells at list size */
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-tbl-body:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: block !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-side:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: block !important; width: auto !important; padding: 10px 10px 6px !important; border: 0 !important; background: none !important;
    overflow-x: auto; scrollbar-width: none; }
  /* views as the record tab row: plain words, the open one in a grey capsule; no "+ New view" on phones */
  html.aiq-phone.aiq-phone[data-theme] main #comp-root #cmp-views:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { flex-direction: row !important; gap: 2px !important; }
  html.aiq-phone.aiq-phone[data-theme] main #comp-root #cmp-views > button:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { flex: none !important; height: 34px !important; padding: 0 12px !important;
    border: 1px solid transparent !important; border-radius: 999px !important; background: none !important; color: var(--rc-mut) !important; font: 500 15px/1 Inter, system-ui, sans-serif !important; }
  html.aiq-phone.aiq-phone[data-theme] main #comp-root #cmp-views > button.on:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { background: var(--rc-cap) !important; border-color: var(--rc-capline) !important; color: var(--rc-ink) !important; }
  html.aiq-phone.aiq-phone[data-theme] main #comp-root #cmp-views > .cmp-view-new:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) { display: none !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :is(th, td) {
    background: var(--kdp-card) !important; box-shadow: none !important; border-left: 0 !important; border-right: 0 !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > :is(tbody, tfoot) > tr > td {
    height: 48px !important; font-size: 15px !important; color: var(--rc-ink) !important; border-bottom: 1px solid var(--rc-line) !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tfoot > tr > td { border-bottom: 0 !important; color: var(--rc-mut) !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > thead > tr > th {
    height: 40px !important; font: 500 13px/16px Inter, system-ui, sans-serif !important; color: var(--rc-mut) !important; border-bottom: 1px solid var(--rc-line) !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :first-child { padding-left: 14px !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > * > tr > :last-child { padding-right: 14px !important; }
  html.aiq-phone.aiq-phone[data-theme] #comp-root .cmp-table.aiq-tbl:not(#_):not(#_):not(#_):not(#_):not(#_):not(#_) > tbody > tr.is-subject > td { font-weight: 600 !important; }
  /* Guidance (user, 2026-10-29: "significantly cleaned up"): js/fin-xdrafts.js phone() — Highlights, Open guidance,
     one grouped list per results date (figure + outcome pill), tap a line for management's words */
  html.aiq-phone .ph-rov.gdp { display: block; padding: 0 0 24px; }
  html.aiq-phone .gdp .ph-rh small { font-size: 14px; color: var(--rc-mut); }
  html.aiq-phone .gdp .gdp-it + .gdp-it { position: relative; }
  html.aiq-phone .gdp .gdp-it + .gdp-it::before { content: ""; position: absolute; top: 0; left: 16px; right: 0; border-top: 1px solid var(--rc-line); }
  html.aiq-phone .gdp .ph-rrow { gap: 10px; min-height: 52px; }
  html.aiq-phone .gdp .ph-rrow .k { flex: 1 1 auto; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
  html.aiq-phone .gdp .ph-rrow .k em { font-style: normal; font-size: 12px; color: var(--rc-mut); margin-left: 2px; }
  html.aiq-phone .gdp .ph-rrow .val { flex: none; max-width: 55%; color: var(--rc-ink); }
  html.aiq-phone .gdp .ph-rrow .val small { display: block; font-size: 12px; color: var(--rc-mut); margin-top: 1px; }
  html.aiq-phone .gdp .ph-rrow .ph-rpill { flex: none; font-size: 13px; padding: 2px 8px; }
  html.aiq-phone .gdp .ph-rrow .cv { font-size: 13px; }
  html.aiq-phone .gdp .ph-rrow.open .cv { transform: rotate(180deg); }
  html.aiq-phone .gdp .gdp-q { padding: 0 16px 14px; color: var(--rc-mut); font-size: 14px; line-height: 1.5; }
  html.aiq-phone .gdp .gdp-q[hidden] { display: none; }
  html.aiq-phone .gdp .gdp-q a { color: var(--ph-acc, #455DDC); text-decoration: none; }
  html.aiq-phone .gdp-more { margin-top: 14px; }
  html.aiq-phone .gdp-more .ph-rrow .k { color: var(--ph-acc, #455DDC); }
  /* charts on the KPI cards (aiq-phone-kpis.js donut / bars, user 2026-11-08: "more color or graphs") */
  html.aiq-phone #kd-root .ph-kdx:not(#_):not(#_):not(#_) { padding: 16px 16px 6px; border-bottom: 1px solid var(--rc-line, #EEF0F3); }
  html.aiq-phone #kd-root .ph-kdx-d:not(#_):not(#_):not(#_) { display: grid; grid-template-columns: 112px minmax(0, 1fr); align-items: center; gap: 18px; padding-bottom: 16px; }
  html.aiq-phone #kd-root .ph-kdx-d svg:not(#_):not(#_):not(#_) { width: 112px; height: 112px; transform: rotate(0deg); }
  html.aiq-phone #kd-root .ph-kdx-d ul:not(#_):not(#_):not(#_) { display: flex; flex-direction: column; gap: 7px; margin: 0; padding: 0; list-style: none; }
  html.aiq-phone #kd-root .ph-kdx-d li:not(#_):not(#_):not(#_) { display: flex; align-items: center; gap: 8px; min-width: 0; font: 500 13.5px/1.25 Inter, system-ui, sans-serif; color: #3A3F48; }
  html.aiq-phone #kd-root .ph-kdx-d li span:not(#_):not(#_):not(#_) { flex: none; width: 10px; height: 10px; border-radius: 50%; }
  html.aiq-phone #kd-root .ph-kdx-d li em:not(#_):not(#_):not(#_) { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-style: normal; }
  html.aiq-phone #kd-root .ph-kdx-d li b:not(#_):not(#_):not(#_) { margin-left: auto; font-weight: 650; color: #101112; font-variant-numeric: tabular-nums; }
  html.aiq-phone #kd-root .ph-kdx-h:not(#_):not(#_):not(#_) { display: flex; justify-content: space-between; align-items: baseline; gap: 10px; font: 500 13.5px/1.25 Inter, system-ui, sans-serif; color: #80868F; }
  html.aiq-phone #kd-root .ph-kdx-h b:not(#_):not(#_):not(#_) { font: 700 20px/1 Inter, system-ui, sans-serif; letter-spacing: -.02em; color: #101112; font-variant-numeric: tabular-nums; }
  html.aiq-phone #kd-root .ph-kdx-cols:not(#_):not(#_):not(#_) { display: flex; align-items: flex-end; gap: 8px; height: 104px; margin-top: 12px; }
  html.aiq-phone #kd-root .ph-kdx-cols > div:not(#_):not(#_):not(#_) { flex: 1; min-width: 0; height: 100%; display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 5px; }
  html.aiq-phone #kd-root .ph-kdx-cols i:not(#_):not(#_):not(#_) { display: block; width: 100%; max-width: 30px; border-radius: 6px; }
  html.aiq-phone #kd-root .ph-kdx-cols small:not(#_):not(#_):not(#_) { font: 500 11px/1 Inter, system-ui, sans-serif; color: #80868F; white-space: nowrap; }
}