/* Deployed palette and unchanged compact consent CSS only. */
html:root {
  --qc-bg:#f5f7fa; --qc-card:#fff; --qc-subtle:#edf1f6;
  --qc-ink:#192638; --qc-muted:#536174; --qc-border:#d5dde7;
  --qc-faint:#e1e7ef; --qc-input-bg:#fff; --qc-placeholder:#65748a;
  --qc-accent:#2453dd; --qc-accent-hover:#1c42b5;
  --qc-accent-soft:#eaf0ff; --qc-accent-border:#c6d4fc;
  --qc-r-card:12px; --qc-r-btn:8px; --qc-r-input:8px;
  --qc-shadow:0 3px 12px rgba(25,38,56,.045);
  color-scheme:light;
}
html.qc-dark {
  --qc-bg:#0d1523; --qc-card:#152135; --qc-subtle:#1c2b41;
  --qc-ink:#edf2fa; --qc-muted:#b3c0d2; --qc-border:#35465f;
  --qc-faint:#293a53; --qc-input-bg:#152135; --qc-placeholder:#a5b4c9;
  --qc-accent:#9bb9ff; --qc-accent-hover:#b5cbff;
  --qc-accent-soft:#203357; --qc-accent-border:#405d90;
  color-scheme:dark;
}

/* Original React banner is hidden only once the independent adapter is ready. */
html.qc-consent-enhanced .cookie-banner { display:none!important; }
#qc-consent-compact { position:fixed; inset:auto 0 0; z-index:9999; background:var(--qc-card); color:var(--qc-ink); border-top:1px solid var(--qc-border); padding:12px 20px max(12px,env(safe-area-inset-bottom)); box-shadow:0 -3px 16px #1926380a; }
#qc-consent-compact .qc-consent-inner { max-width:1120px; margin:auto; display:flex; align-items:center; justify-content:space-between; gap:16px; }
#qc-consent-compact p { margin:0; font-size:14px; line-height:1.45; color:var(--qc-ink); }
.qc-consent-actions { display:flex; gap:8px; flex-wrap:wrap; }
#qc-consent-compact button, #qc-consent-details button { min-height:44px; padding:10px 14px; border:1px solid var(--qc-border); border-radius:8px; background:var(--qc-card); color:var(--qc-ink); font:600 14px/1.3 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif; cursor:pointer; }
#qc-consent-compact button[data-choice=accept], #qc-consent-details button[data-choice=accept] { background:#2453dd; border-color:#2453dd; color:#fff; }
#qc-consent-compact a, #qc-consent-details a { color:var(--qc-accent); text-decoration:underline; }
#qc-consent-details { margin:auto; inset:0; width:min(520px,calc(100% - 32px)); max-height:calc(100dvh - 32px); overflow:auto; padding:24px; background:var(--qc-card); color:var(--qc-ink); border:1px solid var(--qc-border); border-radius:12px; box-shadow:0 20px 70px #0004; }
#qc-consent-details::backdrop { background:#0d152399; }
#qc-consent-details h2 { margin:0 0 16px; font-size:22px; line-height:1.3; }
#qc-consent-details p { margin:0 0 16px; color:var(--qc-ink); font-size:16px; line-height:1.6; }
#qc-consent-details .qc-consent-actions { flex-direction:column; }
#qc-consent-spacer { height:var(--qc-consent-clearance,0px); }

@media(max-width:640px) {
  #qc-consent-compact { padding:10px 12px max(10px,env(safe-area-inset-bottom)); }
  #qc-consent-compact .qc-consent-inner { display:block; }
  #qc-consent-compact p { font-size:14px; margin-bottom:8px; }
  #qc-consent-compact .qc-consent-actions { display:grid; grid-template-columns:1.35fr 1fr 1fr; gap:6px; }
  #qc-consent-compact button { padding:8px 6px; font-size:14px; }
  #qc-consent-details { padding:20px; }
}

html { --bg:var(--qc-bg); --panel:var(--qc-card); --text:var(--qc-ink); --dim:var(--qc-muted); --text-78:var(--qc-ink); --text-85:var(--qc-ink); --line:var(--qc-border); --soft:var(--qc-card); --soft-4:var(--qc-card); --border2:var(--qc-border); --accent:var(--qc-accent); --link:var(--qc-accent); --hl:var(--qc-accent-soft); --hl2:var(--qc-subtle); --foot:var(--qc-subtle); --thead:var(--qc-muted); --nav-a:var(--qc-muted); --crumb:var(--qc-muted); --crumb-a:var(--qc-muted); --lede:var(--qc-muted); --stat-span:var(--qc-muted); --note:var(--qc-muted); --big-small:var(--qc-muted); --foot-a:var(--qc-muted); --header-bg:var(--qc-card); --calc-label:var(--qc-muted); --input-bg:var(--qc-card); }
.qc-wage-header { padding:8px max(24px,calc((100vw - 1112px)/2)); gap:20px; min-height:60px; }
.qc-wage-header .brand { font-weight:500; font-size:21px; white-space:nowrap; }
.qc-wage-header .logo { position:relative; background:none; border:5px solid var(--qc-accent); border-radius:9px; font-size:0; width:29px; height:29px; margin-right:3px; }
.qc-wage-header .logo::after { content:''; position:absolute; width:13px; height:5px; background:var(--qc-accent); border-radius:3px; transform:rotate(45deg); right:-10px; bottom:-5px; }
.qc-wage-nav { flex:1; align-items:center; }
.qc-wage-nav a { min-height:44px; display:flex; align-items:center; }
.qc-wage-shell { max-width:1160px; width:100%; margin:0 auto; padding:32px 24px 48px; }
.qc-wage-reading { max-width:none; padding:0; margin:0; }
.qc-wage-title { font-size:clamp(1.9rem,3vw,2.6rem); line-height:1.16; max-width:24ch; }
.qc-wage-reading > p, .qc-wage-reading > ul, .qc-wage-reading > ol, .qc-wage-reading > details { max-width:74ch; }
.qc-wage-reading > .lede { max-width:70ch; }
.qc-wage-guide { padding:24px; }
.qc-wage-guide > * { max-width:74ch; margin-inline:auto; }
.qc-wage-guide .section-card { padding:20px 0; background:none; border:0; border-radius:0; }
.qc-wage-guide h2 { font-size:1.45rem; line-height:1.4; }
.qc-wage-guide p, .qc-wage-guide li { font-size:16px; line-height:1.75; }
.qc-wage-shell .card { overflow-x:auto; }
.qc-wage-shell .card table { min-width:500px; }
.qc-wage-shell .grid { grid-template-columns:repeat(auto-fit,minmax(150px,1fr)); }
.qc-wage-shell .stat { background:var(--qc-subtle); }
.qc-wage-shell .calc input, .qc-wage-shell .calc button { min-height:44px; }
.qc-wage-footer { padding:36px 24px; }
.qc-wage-footer .cols, .qc-wage-copyright { max-width:1112px; margin-inline:auto; }
.qc-wage-copyright { margin-top:22px; color:var(--qc-muted); }
@media(max-width:640px) {
 .qc-wage-shell { padding:24px 16px 32px; }
 .qc-wage-header { gap:4px; padding:10px 16px 0; }
 .qc-wage-nav { flex-basis:100%; flex-wrap:nowrap; overflow-x:auto; padding-bottom:4px; }
 .qc-wage-nav a { white-space:nowrap; padding:8px 10px; }
 .qc-wage-nav .qc-theme-btn { position:absolute; right:16px; top:6px; width:auto; white-space:nowrap; }
 .qc-wage-shell .grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
 .qc-wage-shell .grid > .stat:last-child:nth-child(odd) { grid-column:span 2; }
 .qc-wage-shell .card, .qc-wage-guide { padding:16px; }
 .qc-wage-guide .section-card { padding:16px 0; }
}
