/* LOOKA1025: Finance look A (Editorial) on every page (owner 2026-10-25). LEMMA-UI-OVERHAUL-1030: the palettes, Fraunces
   headings and Inter body now come from the theme blocks in tokens.css, so these type roles apply to every calm theme
   (Lemma, Sage, Ocean, Graphite); High contrast keeps its own scale. Tokens only, no colours. */
:root[data-finance="true"]:not([data-preset="contrast"]) .top h1{font-size:clamp(1.375rem,1.1rem + 1.4vw,2.25rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}
:root[data-finance="true"]:not([data-preset="contrast"]) .top .date{font-weight:400;font-size:max(13px,var(--fs-sm));color:var(--ink-2)}
/* Money and counts keep tabular Inter digits on every page; the hero figures below switch to the serif. */
:root[data-finance="true"]:not([data-preset="contrast"]) :is(.num,.value,.kpi-value,.pct,td.num,th.num){font-family:var(--f-num);font-variant-numeric:lining-nums tabular-nums}
/* One plain sentence under the page title; its figure is the page's one key number. */
:root[data-finance="true"]:not([data-preset="contrast"]) .lede{font-size:var(--fs-lg);line-height:1.5;max-width:40em;margin:var(--s3) 0 var(--s4);color:var(--ink)}
:root[data-finance="true"]:not([data-preset="contrast"]) :is(.lede-fig,#content[data-section="home"] .big-count,#content[data-section="finance"] .v-big,#content[data-section="finance"] .value-hero){font-family:var(--f-head);font-weight:400;line-height:1.05;letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums}
:root[data-finance="true"]:not([data-preset="contrast"]) .lede-fig{font-size:clamp(2.5rem,1.9rem + 2.4vw,4rem);margin-right:.2em}
:root[data-finance="true"]:not([data-preset="contrast"]) #content[data-section="home"] .big-count{font-size:var(--fs-2xl);color:var(--ink)}
:root[data-finance="true"]:not([data-preset="contrast"]) #content[data-section="finance"] :is(.v-big,.value-hero){font-size:clamp(2.25rem,1.7rem + 2.4vw,3.5rem)}
:root[data-finance="true"]:not([data-preset="contrast"]) #content[data-section="finance"] .v-big .cents,:root[data-finance="true"]:not([data-preset="contrast"]) #content[data-section="finance"] .value-hero .cents{font-size:.4em;letter-spacing:0}
/* Standalone Ops pages (no #content): the same title and summary roles. */
:root[data-finance="true"]:not([data-preset="contrast"]) .ops-main h1{font-size:clamp(1.75rem,1.4rem + 1.4vw,2.25rem);font-weight:500;line-height:1.1;letter-spacing:-.02em}
:root[data-finance="true"]:not([data-preset="contrast"]) .ops-main :is(#queue-state,#passkey-state){font-size:var(--fs-lg);line-height:1.5}
/* /LOOKA1025 */
/* LOOKA-DECLUTTER-1025 r2 (owner 2026-10-25, less clutter). Secondary sections in the look are flat: whitespace and one hairline.
   Overlays (context drawer, dialogs), the chat surface, Home Ask/Needs, link tiles, approval items, tinted callouts and the Analyser keep their surface. */
:root[data-finance="true"]:not([data-preset="contrast"]) #content .card:not(.ctx):not(.convo):not(.ask):not(.needs):not(.lift):not(.draft):not(.tinted):not(.analyser){background:transparent;border-color:transparent;border-top-color:var(--line);border-radius:0;box-shadow:none;padding-inline:0}
/* These follow markup changes made for every preset, so they are not limited to the default look. */
:root[data-finance="true"] #content[data-section="finance"] .fin-subscription{grid-template-columns:minmax(0,2fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr)}
@media(max-width:719px){
  :root[data-finance="true"] #content[data-section="finance"] .fin-subscription{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
  :root[data-finance="true"] #content[data-section="finance"] .fin-subscription-cadence{grid-column:1}
  :root[data-finance="true"] #content[data-section="finance"] .fin-subscription-next{grid-column:2}
}
:root[data-finance="true"] .more-pages{gap:0}
:root[data-finance="true"] .more-pages .btn{justify-content:flex-start;border-color:transparent;border-bottom-color:var(--line);border-radius:0;background:transparent;box-shadow:none;padding-inline:0}
:root[data-finance="true"] .convo-h .convo-share{font-weight:400;font-size:var(--fs-sm)}
@media(max-width:720px){:root[data-finance="true"] .convo-h>.convo-share{order:1;margin-left:calc(32px + var(--s3))}}
:root[data-finance="true"] .fn-status.muted{display:block;font-size:var(--fs-sm)}
:root[data-finance="true"] #content details.disclosure>summary.card-h{cursor:pointer;margin-bottom:0;min-height:44px}
:root[data-finance="true"] #content details.disclosure[open]>summary.card-h{margin-bottom:var(--s4)}
:root[data-finance="true"] #content .imports-empty{max-width:44rem}
/* UI-POLISH-P3-1026 r2: on touch screens the tooltip button itself is 44 px (layout space, so it cannot overlap a neighbour); the circle stays 24 px. Settings tabs wrap on a phone so none is cut off; Channels bot cards wrap their button instead of overflowing. */
@media(pointer:coarse){:root[data-finance="true"] .tip{width:44px;height:44px;padding:10px;background-clip:content-box}}
@media(max-width:720px){
  :root[data-finance="true"] .subnav>.seg[aria-label="Settings sections"]{flex-wrap:wrap;border-radius:var(--r-sm)}
  :root[data-finance="true"] #content[data-section="assistants"] .bot{flex-wrap:wrap}
}
/* /LOOKA-DECLUTTER-1025 r2 */