/* ChefQuote design system (ds-5). One look for every page: paper, ink, black-and-white photography.
   Served by the app's site layer. Pages get class "cqd" on <html>; nothing here applies without it. */

@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/cq-font/inter-var.woff2?v=ds-5") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

/* ---------------------------------------------------------------- tokens */
html.cqd {
  --cqd-paper: #f4f3ef;
  --cqd-panel: #ffffff;
  --cqd-ink: #141414;
  --cqd-ink-2: #2d2d2b;
  --cqd-muted: #5d5d58;
  --cqd-faint: #8a8a84;
  --cqd-line: #dfded8;
  --cqd-line-2: #c9c8c1;
  --cqd-soft: #ebeae4;
  --cqd-dark: #111112;
  --cqd-dark-ink: #f4f3ef;
  --cqd-dark-muted: #b9b8b1;
  --cqd-r: 16px;
  --cqd-r-sm: 10px;
  --cqd-sh: 0 1px 2px rgba(20, 20, 20, .04), 0 8px 28px rgba(20, 20, 20, .06);
  --cqd-sh-lg: 0 24px 60px rgba(20, 20, 20, .14);
  --cqd-font: "Inter", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif;
  --cqd-max: 1180px;
  --cqd-read: 1000px;
  --cqd-gutter: clamp(16px, 4vw, 32px);
  --cqd-focus: 0 0 0 3px rgba(20, 20, 20, .22);
  color-scheme: light;
  -webkit-text-size-adjust: 100%;
  scroll-padding-top: 84px;
}
html.cqd:not(.cqd-dark) {
  /* the light pages' own variables, mapped onto the system */
  --ink: #141414;
  --muted: #5d5d58;
  --line: #dfded8;
  --paper: #f4f3ef;
  --panel: #ffffff;
  --accent: #141414;
  --accent-2: #3a3a37;
  --accent-soft: #ebeae4;
}
html.cqd body { font-family: var(--cqd-font) !important; margin: 0; }
html.cqd:not(.cqd-dark) body {
  background: var(--cqd-paper) !important;
  color: var(--cqd-ink) !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
}
html.cqd button, html.cqd input, html.cqd select, html.cqd textarea { font-family: var(--cqd-font); }
html.cqd :focus-visible { outline: 2px solid var(--cqd-ink); outline-offset: 2px; }
html.cqd ::selection { background: #141414; color: #fff; }

/* ---------------------------------------------------------------- shared header */
html.cqd header.cqd-header {
  position: sticky !important; top: 0 !important; z-index: 1000; margin: 0 !important; padding: 0 !important; color: var(--cqd-ink) !important; box-shadow: none !important;
  background: rgba(244, 243, 239, .92) !important;
  -webkit-backdrop-filter: saturate(1.3) blur(12px); backdrop-filter: saturate(1.3) blur(12px);
  border: 0 !important; border-bottom: 1px solid var(--cqd-line) !important;
  font-family: var(--cqd-font);
}
html.cqd .cqd-header *, html.cqd .cqd-footer * { box-sizing: border-box; }
html.cqd .cqd-header a::after, html.cqd .cqd-header summary::after, html.cqd .cqd-footer a::after { content: none !important; }
html.cqd .cqd-bar {
  max-width: var(--cqd-max); margin: 0 auto; padding: 0 var(--cqd-gutter);
  min-height: 64px; display: flex; align-items: center; gap: 18px;
}
html.cqd .cqd-brand {
  display: inline-flex; align-items: center; gap: 10px; flex: 0 0 auto;
  color: var(--cqd-ink) !important; text-decoration: none !important;
  font-size: 1.06rem; font-weight: 750; letter-spacing: -.015em;
}
html.cqd .cqd-mark {
  width: 32px; height: 32px; border-radius: 8px; flex: 0 0 auto;
  display: grid; place-items: center;
  background: var(--cqd-ink); color: #fff;
  font-size: .74rem; font-weight: 800; letter-spacing: .03em; line-height: 1;
}
html.cqd .cqd-nav { display: flex; align-items: center; gap: 2px; margin-left: 6px; }
html.cqd .cqd-nav > a, html.cqd .cqd-drop > summary {
  display: inline-flex; align-items: center; min-height: 40px; padding: 0 12px; border-radius: 8px;
  color: var(--cqd-ink-2) !important; text-decoration: none !important;
  font-size: .93rem; font-weight: 560; letter-spacing: -.005em; white-space: nowrap;
  cursor: pointer; list-style: none; background: none;
}
html.cqd .cqd-nav > a:hover, html.cqd .cqd-drop > summary:hover, html.cqd .cqd-drop[open] > summary { background: var(--cqd-soft); color: var(--cqd-ink) !important; }
html.cqd .cqd-nav > a[aria-current="page"], html.cqd .cqd-drop.is-current > summary { color: var(--cqd-ink) !important; font-weight: 700; }
html.cqd .cqd-drop { position: relative; }
html.cqd .cqd-drop > summary::-webkit-details-marker, html.cqd .cqd-menu > summary::-webkit-details-marker { display: none; }
html.cqd .cqd-chev { width: 10px; height: 10px; margin-left: 6px; flex: 0 0 auto; transition: transform .15s ease; }
html.cqd .cqd-drop[open] .cqd-chev { transform: rotate(180deg); }
html.cqd .cqd-drop-panel {
  position: absolute; top: calc(100% + 8px); left: -8px; width: 340px;
  display: grid; gap: 2px; padding: 8px;
  background: #fff; border: 1px solid var(--cqd-line); border-radius: 14px; box-shadow: var(--cqd-sh-lg);
}
html.cqd .cqd-drop-panel a, html.cqd .cqd-menu-panel a.cqd-item {
  display: block; padding: 10px 12px; border-radius: 10px; text-decoration: none !important; color: var(--cqd-ink) !important;
}
html.cqd .cqd-drop-panel a:hover, html.cqd .cqd-menu-panel a.cqd-item:hover { background: var(--cqd-paper); }
html.cqd .cqd-drop-panel a[aria-current="page"], html.cqd .cqd-menu-panel a[aria-current="page"] { background: var(--cqd-soft); }
html.cqd .cqd-item b { display: block; font-size: .93rem; font-weight: 650; color: var(--cqd-ink); }
html.cqd .cqd-item span { display: block; margin-top: 1px; font-size: .82rem; font-weight: 450; color: var(--cqd-muted); line-height: 1.35; }
html.cqd .cqd-right { margin-left: auto; display: flex; align-items: center; gap: 10px; }
html.cqd .cqd-header #cqAccountPair { gap: 10px !important; }
html.cqd .cqd-btn, html.cqd a.cqd-btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 8px;
  min-height: 44px; padding: 0 18px; border-radius: 10px; border: 1px solid var(--cqd-ink);
  background: var(--cqd-ink); color: #fff !important; text-decoration: none !important;
  font: 650 .94rem/1 var(--cqd-font); letter-spacing: -.005em; white-space: nowrap; cursor: pointer;
  transition: background-color .15s ease, border-color .15s ease, color .15s ease;
}
html.cqd .cqd-btn:hover { background: #2c2c2a; border-color: #2c2c2a; }
html.cqd .cqd-btn.cqd-ghost { background: transparent; color: var(--cqd-ink) !important; border-color: var(--cqd-line-2); }
html.cqd .cqd-btn.cqd-ghost:hover { background: #fff; border-color: var(--cqd-ink); }
html.cqd .cqd-btn.cqd-light { background: #fff; color: var(--cqd-ink) !important; border-color: #fff; }
html.cqd .cqd-btn.cqd-light:hover { background: var(--cqd-paper); }
html.cqd .cqd-btn.cqd-outline-light { background: transparent; color: #fff !important; border-color: rgba(255, 255, 255, .45); }
html.cqd .cqd-btn.cqd-outline-light:hover { border-color: #fff; background: rgba(255, 255, 255, .08); }
html.cqd .cqd-header .cqd-btn { min-height: 40px; padding: 0 16px; font-size: .9rem; }
/* account chip from cloud-sync.js, restyled for the light header */
html.cqd .cqd-header #cloudSyncToggle {
  min-height: 40px !important; background: #fff !important; color: var(--cqd-ink) !important;
  border: 1px solid var(--cqd-line-2) !important; font-weight: 650 !important; font-family: var(--cqd-font) !important;
}
html.cqd .cqd-header #cloudSyncToggle:hover { border-color: var(--cqd-ink) !important; }
html.cqd .cqd-header #cloudSyncAvatar { background: var(--cqd-ink) !important; }
html.cqd #cloudSyncPanel { font-family: var(--cqd-font) !important; border-radius: 14px !important; }

/* phone menu */
html.cqd .cqd-menu { display: none; }
html.cqd .cqd-menu > summary {
  display: inline-flex; align-items: center; gap: 8px; min-height: 40px; padding: 0 12px; border-radius: 10px;
  border: 1px solid var(--cqd-line-2); background: #fff; color: var(--cqd-ink); font: 650 .9rem/1 var(--cqd-font); cursor: pointer; list-style: none;
}
html.cqd .cqd-burger { position: relative; width: 16px; height: 2px; background: currentColor; border-radius: 2px; }
html.cqd .cqd-burger::before, html.cqd .cqd-burger::after { content: ""; position: absolute; left: 0; width: 16px; height: 2px; background: currentColor; border-radius: 2px; }
html.cqd .cqd-burger::before { top: -5px; }
html.cqd .cqd-burger::after { top: 5px; }
html.cqd .cqd-menu[open] .cqd-burger { background: transparent; }
html.cqd .cqd-menu[open] .cqd-burger::before { top: 0; transform: rotate(45deg); }
html.cqd .cqd-menu[open] .cqd-burger::after { top: 0; transform: rotate(-45deg); }
html.cqd .cqd-menu-panel {
  position: fixed; left: 0; right: 0; top: 64px; bottom: 0; overflow-y: auto; overscroll-behavior: contain;
  padding: 12px var(--cqd-gutter) 32px; background: var(--cqd-paper); border-top: 1px solid var(--cqd-line);
}
html.cqd .cqd-menu-group { margin: 14px 0 4px; padding: 0 12px; font-size: .72rem; font-weight: 700; letter-spacing: .09em; text-transform: uppercase; color: var(--cqd-faint); }
html.cqd .cqd-menu-panel .cqd-btn { width: 100%; margin-top: 18px; min-height: 48px; }

@media (max-width: 1080px) {
  html.cqd .cqd-nav > a.cqd-wide-only { display: none; }
}
@media (max-width: 900px) {
  html.cqd .cqd-nav { display: none; }
  html.cqd .cqd-menu { display: block; }
}
@media (max-width: 560px) {
  html.cqd .cqd-bar { gap: 10px; min-height: 60px; }
  html.cqd .cqd-menu-panel { top: 60px; }
  html.cqd .cqd-header .cqd-right > .cqd-btn, html.cqd .cqd-header #cqAccountPair > .cqd-btn { display: none; }
  html.cqd .cqd-header #cloudSyncLabel { max-width: 84px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}
@media (max-width: 360px) {
  html.cqd .cqd-brand .cqd-word { display: none; }
}

/* ---------------------------------------------------------------- shared footer */
html.cqd .cqd-footer {
  margin-top: 72px; background: var(--cqd-dark); color: var(--cqd-dark-muted);
  font: 450 .9rem/1.55 var(--cqd-font); border: 0;
}
html.cqd .cqd-footer a { color: var(--cqd-dark-ink) !important; text-decoration: none !important; font-weight: 500; }
html.cqd .cqd-footer a:hover { text-decoration: underline !important; text-underline-offset: 3px; }
html.cqd .cqd-foot {
  max-width: var(--cqd-max); margin: 0 auto; padding: 56px var(--cqd-gutter) 28px;
  display: grid; grid-template-columns: minmax(220px, 1.4fr) repeat(3, minmax(140px, 1fr)); gap: 32px;
}
html.cqd .cqd-foot .cqd-brand { color: #fff !important; }
html.cqd .cqd-foot .cqd-mark { background: #fff; color: var(--cqd-ink); }
html.cqd .cqd-foot p { margin: 14px 0 0; max-width: 34ch; }
html.cqd .cqd-foot h2 { margin: 4px 0 12px; font-size: .74rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; color: #8f8e87; display: block; }
html.cqd .cqd-foot ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
html.cqd .cqd-foot-note {
  max-width: var(--cqd-max); margin: 0 auto; padding: 20px var(--cqd-gutter) 36px;
  border-top: 1px solid rgba(255, 255, 255, .1); display: flex; flex-wrap: wrap; gap: 8px 24px; justify-content: space-between;
  font-size: .82rem; color: #9d9c95;
}
html.cqd .cqd-foot-note p { margin: 0; max-width: 780px; }
@media (max-width: 820px) { html.cqd .cqd-foot { grid-template-columns: 1fr 1fr; } html.cqd .cqd-foot > :first-child { grid-column: 1 / -1; } }
@media (max-width: 420px) { html.cqd .cqd-foot { grid-template-columns: 1fr; gap: 24px; } }

/* the pages' old navigation strips (replaced by the shared header) */
html.cqd .cq-toolstrip, html.cqd .cqd-page-hero .sitenav, html.cqd .cqd-page-hero .mark { display: none !important; }

/* People protections: its title block used to be the page header */
html.cqd .cqd-page-hero { background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--cqd-ink) !important; padding: clamp(28px, 6vw, 64px) 0 clamp(12px, 2vw, 20px) !important; }
html.cqd .cqd-page-hero > .wrap { max-width: var(--cqd-read); margin: 0 auto; padding: 0 var(--cqd-gutter); width: auto; }
html.cqd .cqd-page-hero .brand { display: block !important; }
html.cqd .cqd-page-hero h1 { margin: 6px 0 0 !important; font-size: clamp(2rem, 4.6vw, 3.1rem) !important; font-weight: 780 !important; letter-spacing: -.032em !important; line-height: 1.06 !important; color: var(--cqd-ink) !important; }
html.cqd .cqd-page-hero .sub { margin: 16px 0 0 !important; max-width: 70ch; color: var(--cqd-ink-2) !important; font-size: clamp(1.02rem, 1.4vw, 1.14rem) !important; line-height: 1.62 !important; }

/* Technology disclosure: its sections were built dark; on the light system they read as cards */
html.cqd[data-cqd-page="ai-compliance"] main.hp { padding-top: clamp(28px, 6vw, 64px) !important; --bg: transparent; --fg: #141414; --dim: #5d5d58; --card: #fff; --edge: #dfded8; --edge2: #c9c8c1; background: transparent !important; color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="ai-compliance"] main.hp .hp-card { box-shadow: var(--cqd-sh); }
html.cqd[data-cqd-page="ai-compliance"] main.hp .hp-card .icon { color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="ai-compliance"] main.hp h1, html.cqd[data-cqd-page="ai-compliance"] main.hp h2, html.cqd[data-cqd-page="ai-compliance"] main.hp h3 { color: var(--cqd-ink) !important; }
html.cqd:not(.cqd-dark) main .section > h2, html.cqd:not(.cqd-dark) .section-head h2 { color: var(--cqd-ink) !important; }
html.cqd:not(.cqd-dark) main .section > p, html.cqd:not(.cqd-dark) .section-head p, html.cqd:not(.cqd-dark) .section-head .eyebrow, html.cqd:not(.cqd-dark) .cq-loop-note { color: var(--cqd-ink-2) !important; }
html.cqd:not(.cqd-dark) .product-map-card { background: var(--cqd-dark) !important; }

/* Guided tour and Operating intake stay dark showcase pages, in the same black-and-white palette */
html.cqd.cqd-dark { --demo-gold: #f4f3ef; --demo-rust: #b9b8b1; --demo-green: #e6e5df; }
html.cqd.cqd-dark body { background: #0e0e0f !important; }
html.cqd.cqd-dark .demo-access-form label, html.cqd.cqd-dark .route-mini b, html.cqd.cqd-dark .checkpoint b, html.cqd.cqd-dark .decision-card b, html.cqd.cqd-dark .truth-card code { color: #fff !important; }
html.cqd.cqd-dark .demo-access-status.bad { color: #ffb4a6 !important; }
html.cqd.cqd-dark .cqd-footer { border-top: 1px solid rgba(255, 255, 255, .1); }

/* ---------------------------------------------------------------- page content: one type scale and one set of components */
html.cqd main { font-family: var(--cqd-font); }
html.cqd main h1 {
  font-size: clamp(2rem, 4.6vw, 3.1rem) !important; font-weight: 780 !important; letter-spacing: -.032em !important;
  line-height: 1.06 !important; text-wrap: balance;
}
html.cqd main h2 { font-weight: 720 !important; letter-spacing: -.02em !important; line-height: 1.2; text-wrap: balance; }
html.cqd main h3 { font-weight: 680 !important; letter-spacing: -.01em; }
html.cqd main p, html.cqd main li { text-wrap: pretty; }
html.cqd .eyebrow, html.cqd .cq-eb, html.cqd .cqd-eyebrow {
  font-size: .74rem !important; font-weight: 700 !important; letter-spacing: .1em !important; text-transform: uppercase;
}
html.cqd .lead { font-size: clamp(1.02rem, 1.4vw, 1.14rem) !important; font-weight: 450 !important; line-height: 1.62 !important; max-width: 70ch; }
html.cqd:not(.cqd-dark) .eyebrow, html.cqd:not(.cqd-dark) .cq-eb { color: var(--cqd-muted) !important; }
html.cqd:not(.cqd-dark) .lead { color: var(--cqd-ink-2) !important; }
html.cqd:not(.cqd-dark) .fine { color: var(--cqd-muted) !important; }

html.cqd:not(.cqd-dark) .card, html.cqd .tldr-card, html.cqd .cq-pp {
  background: var(--cqd-panel) !important; border: 1px solid var(--cqd-line) !important; border-radius: var(--cqd-r) !important;
  box-shadow: var(--cqd-sh) !important; color: var(--cqd-ink);
}
html.cqd:not(.cqd-dark) .card { padding: clamp(18px, 3vw, 30px) !important; }
html.cqd .cq-pp { border-left: 1px solid var(--cqd-line) !important; }
/* the first card on a page is its title: no box, bigger type */
html.cqd main .card.hero-card, html.cqd main .hero-card {
  background: transparent !important; border: 0 !important; box-shadow: none !important;
  padding: clamp(28px, 6vw, 64px) 0 clamp(8px, 2vw, 16px) !important; margin-bottom: 8px !important;
}
html.cqd main .hero-card .lead { margin-top: 14px; }

html.cqd:not(.cqd-dark) .button, html.cqd:not(.cqd-dark) .btn, html.cqd .cq-go, html.cqd:not(.cqd-dark) .button-secondary {
  min-height: 44px !important; border-radius: 10px !important; padding: 0 16px !important;
  font-family: var(--cqd-font) !important; font-weight: 620 !important; font-size: .92rem !important; letter-spacing: -.005em;
  background: #fff !important; color: var(--cqd-ink) !important; border: 1px solid var(--cqd-line-2) !important; box-shadow: none !important;
  text-decoration: none !important; display: inline-flex; align-items: center; gap: 8px;
}
html.cqd .button:hover, html.cqd .btn:hover, html.cqd .button-secondary:hover { border-color: var(--cqd-ink) !important; }
html.cqd:not(.cqd-dark) .button.primary, html.cqd:not(.cqd-dark) .btn.primary, html.cqd .cq-go, html.cqd:not(.cqd-dark) .button:not(.secondary)[href*="workspace"] {
  background: var(--cqd-ink) !important; color: #fff !important; border-color: var(--cqd-ink) !important;
}
html.cqd .button.primary:hover, html.cqd .cq-go:hover { background: #2c2c2a !important; }

html.cqd:not(.cqd-dark) .tag { background: var(--cqd-soft) !important; color: var(--cqd-ink-2) !important; font-weight: 700 !important; letter-spacing: .05em !important; }
html.cqd:not(.cqd-dark) .callout { background: var(--cqd-paper) !important; border: 1px solid var(--cqd-line) !important; border-left: 4px solid var(--cqd-ink) !important; border-radius: 12px !important; }
html.cqd .toc { gap: 8px !important; }
html.cqd:not(.cqd-dark) .toc a {
  min-height: 36px; border-radius: 999px !important; border: 1px solid var(--cqd-line-2) !important; background: #fff !important;
  color: var(--cqd-ink-2) !important; font-weight: 580 !important; font-size: .84rem !important;
}
html.cqd:not(.cqd-dark) .toc a:hover { border-color: var(--cqd-ink) !important; color: var(--cqd-ink) !important; }
html.cqd:not(.cqd-dark) main table th { color: var(--cqd-muted) !important; font-weight: 700 !important; }
html.cqd:not(.cqd-dark) main table td, html.cqd:not(.cqd-dark) main table th { border-color: var(--cqd-line) !important; }
html.cqd:not(.cqd-dark) code { background: var(--cqd-soft) !important; }

/* numbered step lists (Case Studies, Method): number | title + text | label */
html.cqd .calc-steps { gap: 10px !important; }
html.cqd:not(.cqd-dark) .calc-steps li {
  display: grid !important; grid-template-columns: 30px minmax(0, 1fr) auto !important; column-gap: 14px !important; row-gap: 2px !important;
  align-items: start !important; padding: 14px 16px !important; background: var(--cqd-paper) !important;
  border: 1px solid var(--cqd-line) !important; border-radius: 12px !important;
}
html.cqd .calc-steps li::before { grid-column: 1 !important; grid-row: 1 / span 2 !important; width: 26px !important; height: 26px !important; font-size: .74rem !important; margin-top: 1px; }
html.cqd .calc-steps li > strong { grid-column: 2 !important; grid-row: 1 !important; font-size: .95rem !important; font-weight: 680 !important; }
html.cqd .calc-steps li > small { grid-column: 2 !important; grid-row: 2 !important; font-size: .88rem !important; line-height: 1.5 !important; color: var(--cqd-muted) !important; }
html.cqd .calc-steps li > .amount { grid-column: 3 !important; grid-row: 1 !important; align-self: start; font-size: .74rem !important; font-weight: 700 !important; letter-spacing: .06em; text-transform: uppercase; color: var(--cqd-ink-2) !important; background: #fff; border: 1px solid var(--cqd-line); border-radius: 999px; padding: 4px 10px; }
@media (max-width: 640px) {
  html.cqd .calc-steps li { grid-template-columns: 26px minmax(0, 1fr) !important; }
  html.cqd .calc-steps li::before { grid-row: 1 / span 3 !important; }
  html.cqd .calc-steps li > .amount { grid-column: 2 !important; grid-row: 3 !important; justify-self: start; margin-top: 8px; }
}

/* demo request widget (demo-request.js): match the system */
html.cqd .cq-demo-trigger { background: var(--cqd-ink) !important; color: #fff !important; border: 0 !important; font-family: var(--cqd-font) !important; font-weight: 650 !important; box-shadow: var(--cqd-sh-lg) !important; }
html.cqd .cq-demo-inline { background: #fff !important; color: var(--cqd-ink) !important; border: 1px solid var(--cqd-line) !important; border-radius: var(--cqd-r) !important; box-shadow: var(--cqd-sh) !important; font-family: var(--cqd-font) !important; }
html.cqd .cq-demo-inline p:first-child { color: var(--cqd-muted) !important; }
html.cqd .cq-demo-inline button { background: var(--cqd-ink) !important; color: #fff !important; border-radius: 10px !important; font-family: var(--cqd-font) !important; }

@media (prefers-reduced-motion: reduce) { html.cqd * { transition: none !important; animation: none !important; } }
@media print { html.cqd .cqd-header, html.cqd .cqd-footer, html.cqd .cq-demo-trigger { display: none !important; } }

/* skip link and the open phone menu */
html.cqd .cqd-skip { position: absolute; left: 12px; top: -64px; z-index: 2000; padding: 10px 14px; border-radius: 10px; background: #141414; color: #fff !important; font-weight: 650; text-decoration: none !important; }
html.cqd .cqd-skip:focus { top: 12px; }
html.cqd.cqd-menu-open body { overflow: hidden; }

/* the old floating section stepper on phones covered the text; pages scroll normally and keep their own contents lists */
html.cqd .cq-secnav, html.cqd .cq-seclist { display: none !important; }

/* a blurred header would become the frame of the fixed phone menu; drop the blur while the menu is open */
html.cqd.cqd-menu-open header.cqd-header, html.cqd header.cqd-header:has(.cqd-menu[open]) {
  -webkit-backdrop-filter: none !important; backdrop-filter: none !important; background: var(--cqd-paper) !important;
}

/* Inter's tabular figures also widen the hyphen ("off - premise"); keep them for numbers only */
html.cqd body { font-variant-numeric: normal !important; }
html.cqd table, html.cqd input, html.cqd output, html.cqd .amount, html.cqd [class*="metric"], html.cqd [class*="kpi"], html.cqd [class*="value"], html.cqd [class*="total"], html.cqd [class*="score"] { font-variant-numeric: tabular-nums; }

/* Daily read (ds-3): the page was built dark; its cards, notes, chips and fields now read as paper and ink
   like every other page, instead of black cards with dark headings on top of the light page. */
html.cqd[data-cqd-page="daily"] {
  --daily-bg: var(--cqd-paper); --daily-fg: var(--cqd-ink); --daily-dim: var(--cqd-muted); --daily-card: var(--cqd-panel);
  --daily-line: var(--cqd-line); --daily-line-2: var(--cqd-line-2); --daily-paper: var(--cqd-panel); --daily-ink: var(--cqd-ink); --daily-muted: var(--cqd-muted);
}
html.cqd[data-cqd-page="daily"] .action-card,
html.cqd[data-cqd-page="daily"] .example-action,
html.cqd[data-cqd-page="daily"] .pillar-card,
html.cqd[data-cqd-page="daily"] .loop-node,
html.cqd[data-cqd-page="daily"] .owner-gate,
html.cqd[data-cqd-page="daily"] .logic-notice,
html.cqd[data-cqd-page="daily"] .logic-block,
html.cqd[data-cqd-page="daily"] .source-studio,
html.cqd[data-cqd-page="daily"] .daily-call {
  background: var(--cqd-panel) !important; color: var(--cqd-ink) !important; border: 1px solid var(--cqd-line) !important; box-shadow: var(--cqd-sh);
}
html.cqd[data-cqd-page="daily"] .coverage-strip, html.cqd[data-cqd-page="daily"] .empty-read { background: var(--cqd-panel) !important; color: var(--cqd-muted) !important; border-color: var(--cqd-line-2) !important; }
html.cqd[data-cqd-page="daily"] :is(.action-card, .pillar-card, .loop-node, .owner-gate, .logic-notice, .logic-block, .source-studio, .daily-call) :is(h2, h3, strong, b, summary, .pillar-name) { color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] :is(.action-card, .pillar-card, .loop-node, .logic-block, .source-studio, .daily-call) p,
html.cqd[data-cqd-page="daily"] :is(.action-rank, .pillar-summary, .severity small, .pillar-fact span, .loop-node span, .evidence-list, .logic-help, .logic-status, .logic-grid small, .logic-block small, .source-body > p) { color: var(--cqd-muted) !important; }
html.cqd[data-cqd-page="daily"] :is(.coverage-strip, .example-note, .owner-gate, .logic-notice, .audit-row) strong { color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] :is(.example-note, .formula-read, .audit-row) { background: var(--cqd-soft) !important; color: var(--cqd-ink-2) !important; border-left-color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .action-meta span { color: var(--cqd-muted) !important; border-color: var(--cqd-line-2) !important; background: transparent !important; }
html.cqd[data-cqd-page="daily"] .action-meta .example-chip { background: var(--cqd-ink) !important; color: #fff !important; border-color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] :is(.action-card, .example-action, .page-links, .daily-section) a:not(.cqd-btn) { color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .page-links a { border-color: var(--cqd-line-2) !important; background: var(--cqd-panel) !important; }
html.cqd[data-cqd-page="daily"] .coverage-meter { background: var(--cqd-soft) !important; }
html.cqd[data-cqd-page="daily"] .coverage-meter span { background: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .loop-node:not(:last-child)::after { background: var(--cqd-ink) !important; color: #fff !important; }
html.cqd[data-cqd-page="daily"] .severity { background: var(--cqd-soft) !important; border-color: var(--cqd-line) !important; color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .severity strong { color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .severity.good { background: #e7f0eb !important; }
html.cqd[data-cqd-page="daily"] .severity.watch { background: #f1ece2 !important; }
html.cqd[data-cqd-page="daily"] .severity.bad { background: #f5e6e4 !important; }
html.cqd[data-cqd-page="daily"] .daily-score { border-color: var(--cqd-line-2) !important; color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .daily-score.good { border-color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] .daily-score.watch { border-color: #8a5a00 !important; }
html.cqd[data-cqd-page="daily"] .daily-score.bad { border-color: #9b2c2c !important; }
html.cqd[data-cqd-page="daily"] .protected-rule-chip { background: var(--cqd-soft) !important; color: var(--cqd-ink-2) !important; border-color: var(--cqd-line-2) !important; }
html.cqd[data-cqd-page="daily"] :is(.logic-block, .source-body, .owner-gate) :is(input:not([type="checkbox"]):not([type="radio"]):not([type="file"]), select, textarea),
html.cqd[data-cqd-page="daily"] #localOwnerKey {
  background: var(--cqd-panel) !important; color: var(--cqd-ink) !important; border: 1px solid var(--cqd-line-2) !important;
}
html.cqd[data-cqd-page="daily"] :is(.owner-gate, .logic-block, .source-studio, .daily-hero-actions) button:not(.secondary) { background: var(--cqd-ink) !important; color: #fff !important; border-color: var(--cqd-ink) !important; }
html.cqd[data-cqd-page="daily"] :is(.owner-gate, .logic-block, .source-studio, .daily-hero-actions) :is(button.secondary, .file-button, .daily-button.secondary) { background: var(--cqd-panel) !important; color: var(--cqd-ink) !important; border-color: var(--cqd-line-2) !important; }
html.cqd[data-cqd-page="daily"] .logic-status.bad { color: #9b2c2c !important; }
html.cqd[data-cqd-page="daily"] .logic-status.good { color: #1f6f43 !important; }

/* ChefQuote Daily Read light theme. Kept here and copied into the live design layer at release time. */
:is(html.daily-light,html.cqd[data-cqd-page="daily"]){--daily-bg:#f4f3ef;--daily-fg:#172433;--daily-dim:#5d6874;--daily-card:#fff;--daily-line:rgba(18,39,63,.15);--daily-line-2:rgba(18,39,63,.28);--daily-paper:#fff;--daily-ink:#172433;--daily-muted:#5d6874}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) body{background:#f4f3ef;color:#172433}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-header{background:rgba(244,243,239,.94);border-color:#dfded8}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-brand{color:#172433}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-mark{background:#244f78;color:#fff;border-color:#244f78}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-nav>a{color:#34465a;border-color:#c9d2db}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-nav>a:hover,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-nav>a[aria-current=page]{background:#244f78;color:#fff;border-color:#244f78}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) button,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-button,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .file-button{background:#244f78;color:#fff;border-color:#244f78}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .secondary,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .file-button{background:#fff;color:#244f78;border-color:#aebdcb}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .coverage-strip,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-call,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .action-card,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .pillar-card,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .loop-node,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .owner-gate,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-notice,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-block,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .source-studio{background:#fff;color:#172433;border-color:#d7dde2;box-shadow:0 1px 2px rgba(18,39,63,.04),0 8px 24px rgba(18,39,63,.05)}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .coverage-strip strong,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .owner-gate strong,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-notice strong,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .audit-row strong,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .example-note strong{color:#172433}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .coverage-meter{background:#dce5ec}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .coverage-meter span{background:#2d6597}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .action-meta span{color:#506277;background:#f4f7f9}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .action-card a,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .page-links a,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-footer a{color:#245f92}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .formula-read,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .audit-row,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .example-note,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .protected-rule-chip{background:#eef3f7;color:#465b70;border-color:#c8d5df}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .example-action{background:#f7fafc;border-color:#c8d5df}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .example-action .action-rank{color:#5d6874}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .action-meta .example-chip{background:#dceaf4;color:#1c4f78;border-color:#b9cfdf}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-grid label,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-block label{color:#263a4e}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-grid input,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-grid textarea,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-block input,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-block textarea,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-block select,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .source-body select{background:#fff;color:#172433;border-color:#aebdcb}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-account-slot #cloudSyncToggle{background:#fff!important;color:#172433!important;border-color:#aebdcb!important}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-account-slot #cloudSyncToggle:hover,:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .daily-account-slot #cloudSyncToggle:focus-visible{background:#eef3f7!important;border-color:#244f78!important}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) #localOwnerKey{background:#fff!important;color:#172433!important;border-color:#aebdcb!important}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .severity.good{background:#e6f3ed}:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .severity.watch{background:#fff3dc}:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .severity.bad{background:#fbe9e7}
:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-status.bad{color:#8a2c24}:is(html.daily-light,html.cqd[data-cqd-page="daily"]) .logic-status.good{color:#16624f}