#dcq{
  --navy:#14213D; --card:rgba(255,255,255,0.04); --line:rgba(255,255,255,0.08);
  --ink:#e8e9ed; --ink2:#b0b5c3; --muted:#7A869E; --faint:#7A869E;
  --blue:#14213D; --indigo:#14213D; --bluelt:#14213D; --violet:#7A869E;
  --display:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --green:#1E9E6A; --amber:#E39A19; --red:#D64545;
}
#dcq, #dcq *, #dcq *::before, #dcq *::after{margin:0;padding:0;box-sizing:border-box;}
@media (prefers-reduced-motion: reduce){#dcq *{transition:none!important;animation:none!important;}}
#dcq{
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  background:var(--navy); color:var(--ink); line-height:1.7; font-size:16px;
  width:100%; max-width:100%;
  overflow-x:clip; -webkit-font-smoothing:antialiased;
}
/* only added when FULL_BLEED is on &mdash; needs a parent that is centred in the viewport */
#dcq.bleed{width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);}
/* ---- rounded window corners (homepage embed). NOT overflow on #dcq: the progress bar is sticky. ---- */
#dcq{border-radius:18px;}
#dcq .dcq-landing{border-radius:18px;overflow:hidden;}
#dcq .dcq-progress{border-radius:18px 18px 0 0;}
#dcq .dcq-quiz{border-radius:0 0 18px 18px;overflow:hidden;}
#dcq .dcq-results{border-radius:0 0 18px 18px;overflow:hidden;}
#dcq .wrap{max-width:680px;margin:0 auto;padding:0 20px;}
#dcq a{color:inherit;}

/* ---- LANDING ---- */
#dcq .dcq-landing{padding:44px 0 34px;position:relative;background:var(--navy);}
#dcq .dcq-landing::before{content:'';position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 50% 15%, rgba(246,201,62,0.08) 0%, transparent 60%);}
#dcq .dcq-landing .wrap{position:relative;z-index:1;text-align:center;}
#dcq .kicker{font-size:15px;color:var(--muted);margin-bottom:12px;}
#dcq h1{font-family:var(--display);font-size:clamp(25px,3.7vw,37px);font-weight:700;color:#fff;line-height:1.3;margin-bottom:12px;letter-spacing:-0.2px;}
#dcq h1 span{color:var(--blue);}
#dcq .answerline{font-size:18px;font-weight:700;color:var(--ink);margin-bottom:8px;}
#dcq .scoreline{font-size:15.5px;color:var(--ink2);margin-bottom:18px;max-width:640px;
  margin-left:auto;margin-right:auto;}
#dcq .scoreline b{color:var(--blue);font-weight:800;}
#dcq .metastrip{display:flex;justify-content:center;gap:12px;flex-wrap:wrap;margin-bottom:0;}
#dcq .metastrip span{font-size:13px;font-weight:600;color:var(--ink2);
  background:var(--card);border:1px solid var(--line);border-radius:20px;padding:7px 16px;}
/* Sim, 16.08.: the five levers read as buttons. Card look removed - no fill, no
   border, no radius - so they read as a list, and the whole block pulled tighter. */
/* Sim, 16.08. (2nd round): centred instead of left, titles grey instead of blue.
   Both on desktop AND mobile, so they stay in the base rule, not in a query. */
#dcq .lev5{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:4px 22px;
  text-align:center;margin:2px 0 18px;}
#dcq .lev5 .lv{background:none;border:none;border-radius:0;
  padding:5px 0;font-size:12.5px;line-height:1.5;color:var(--muted);}
#dcq .lev5 .lv b{display:block;font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink2);margin-bottom:1px;   /* grey, not #14213D - a shade darker than
                                            the description so it still reads as a title */
  min-height:2.5em;}  /* one lever name wraps to two lines - reserve it for all,
                         otherwise the descriptions in a row sit at different heights */
#dcq .landnote{font-size:14px;color:var(--muted);margin:16px 0 26px;}

/* ---- Sim, 16.08. (2nd round): desktop only ------------------------------
   Mobile is fine as it is, so everything here sits behind a min-width query.
   1000px, not 768px: the one-line note below the button is about 830px wide,
   and it may only break out of the 640px column when there is room for it.  */
@media (min-width:1000px){
  /* Subheading bigger - and measured at 1000/1100/1280/1440 to confirm it
     still breaks to exactly two lines. The column is a fixed 640px on every
     desktop width (.wrap is 680px minus its padding), so the break is stable
     and does not need a width override.                                     */
  #dcq .scoreline{font-size:19px;margin-bottom:22px;}

  /* Air above and below the five levers and the button. The block was pulled
     tight in the first round and came out cramped.                          */
  #dcq .dcq-landing .lev5{margin:26px 0 30px;}
  #dcq .dcq-landing .btn{margin-bottom:4px;}

  /* The note under the button on one line. It is wider than the 640px column,
     so it is centred on the column's midpoint instead of laid out inside it -
     margin:auto cannot centre a child that is wider than its parent.        */
  #dcq .landnote{white-space:nowrap;width:max-content;max-width:none;
    margin:22px 0 26px 50%;transform:translateX(-50%);}
}
#dcq .bene-intro{font-size:16px;color:var(--ink2);max-width:560px;margin:0 auto 22px;}
#dcq .bene-intro b{color:#fff;}
#dcq .benes{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px;text-align:left;}
@media (max-width:640px){#dcq .benes{grid-template-columns:1fr;}}
#dcq .bene{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px 18px;}
#dcq .bene .bn{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--bluelt);margin-bottom:8px;}
#dcq .bene p{font-size:14px;color:var(--ink2);line-height:1.6;}
#dcq .soline{font-size:15px;color:var(--muted);font-style:italic;margin-bottom:48px;}
#dcq .soline b{color:var(--ink);font-style:normal;}

/* authority */
#dcq .auth{background:var(--card);border:1px solid var(--line);border-radius:15px;
  padding:26px 28px;text-align:left;margin-bottom:16px;}
#dcq .auth .ttl{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--bluelt);display:block;margin-bottom:10px;}
#dcq .auth p{font-size:14.5px;color:var(--ink2);line-height:1.75;}
#dcq .auth p b{color:#fff;}
#dcq .auth + .auth{margin-bottom:44px;}

/* grand CTA */
#dcq .grand{background:linear-gradient(135deg,rgba(246,201,62,0.10),rgba(246,201,62,0.10));
  border:1px solid rgba(246,201,62,0.3);border-radius:15px;padding:34px 30px;text-align:center;}
#dcq .grand .notes{font-size:14.5px;font-weight:700;color:#fff;margin-bottom:6px;}
#dcq .grand .notes em{font-style:normal;color:inherit;}
#dcq .grand .subnotes{font-size:13.5px;color:var(--muted);margin-bottom:20px;}
#dcq .btn{display:inline-block;padding:21px 42px;border:none;border-radius:15px;cursor:pointer;
  background:var(--blue);color:#fff;font-family:inherit;line-height:1.2;
  font-size:15px;font-weight:700;letter-spacing:1px;text-transform:uppercase;text-decoration:none;
  transition:background .2s, transform .2s, box-shadow .2s;}
#dcq .btn:hover{background:#14213D;transform:translateY(-2px);box-shadow:0 10px 28px rgba(246,201,62,0.28);}
#dcq .btn:focus-visible{outline:2px solid var(--bluelt);outline-offset:3px;}
#dcq .btn.ghost{background:transparent;border:1px solid rgba(255,255,255,0.2);font-weight:700;
  font-size:12.5px;padding:14px 28px;color:var(--ink);letter-spacing:1px;border-radius:15px;}
#dcq .btn.ghost:hover{border-color:var(--bluelt);box-shadow:none;}

/* ---- PROGRESS + QUIZ ---- */
#dcq .dcq-progress{position:sticky;top:0;z-index:50;background:var(--navy);
  border-bottom:1px solid var(--line);}
#dcq .dcq-progress .pin{max-width:680px;margin:0 auto;padding:12px 20px;}
#dcq .prow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
#dcq .prow .pt{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--bluelt);}
#dcq .prow .pc{font-size:12px;color:var(--faint);}
#dcq .ptrack{height:3px;background:rgba(255,255,255,0.06);border-radius:2px;overflow:hidden;}
#dcq .pfill{height:100%;width:0%;background:linear-gradient(90deg,var(--blue),var(--violet));
  border-radius:2px;transition:width .3s ease;}
#dcq .dcq-quiz{padding:34px 0 80px;background:var(--navy);}
#dcq .qcard{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:34px 32px;}
@media (max-width:560px){#dcq .qcard{padding:26px 20px;}}
#dcq .qtext{font-family:var(--display);font-size:clamp(18px,2.4vw,22px);font-weight:700;line-height:1.45;color:#fff;margin-bottom:6px;}
#dcq .qsub{font-size:14px;color:var(--faint);margin-bottom:6px;line-height:1.6;display:none;}
#dcq .opts{display:flex;flex-direction:column;gap:11px;margin-top:22px;}
#dcq .opt{display:flex;gap:14px;align-items:flex-start;text-align:left;font-family:inherit;
  font-size:15px;color:var(--ink);background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.1);border-radius:10px;padding:15px 16px;cursor:pointer;
  transition:border-color .2s, background .2s;line-height:1.55;}
#dcq .opt:hover{border-color:var(--bluelt);background:rgba(255,255,255,0.08);}
#dcq .opt:focus-visible{outline:2px solid var(--bluelt);outline-offset:2px;}
#dcq .opt.sel{border-color:var(--bluelt);background:rgba(246,201,62,0.15);color:#fff;font-weight:700;}
#dcq .opt .lb{flex:0 0 auto;width:26px;height:26px;border-radius:7px;display:flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:800;background:rgba(255,255,255,0.08);color:var(--muted);}
#dcq .opt.sel .lb{background:var(--blue);color:#fff;}
#dcq textarea.open{width:100%;min-height:110px;margin-top:22px;background:rgba(255,255,255,0.05);
  border:1px solid rgba(255,255,255,0.12);border-radius:10px;padding:14px 16px;color:var(--ink);
  font-family:inherit;font-size:15px;line-height:1.6;resize:vertical;}
#dcq textarea.open:focus{outline:none;border-color:var(--bluelt);}
#dcq .qnav{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:26px;flex-wrap:wrap;}
#dcq .qnav .spacer{flex:1;}

/* ---- RESULTS ---- */
#dcq .dcq-results{display:none;padding:0 0 0;background:var(--navy);}
#dcq .rcard{background:var(--card);border:1px solid var(--line);border-radius:15px;
  padding:32px 32px;margin-bottom:18px;}
@media (max-width:560px){#dcq .rcard{padding:24px 20px;}}
#dcq .res-eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--bluelt);margin-bottom:12px;}
#dcq .res-h{font-family:var(--display);font-size:clamp(22px,3.2vw,31px);font-weight:700;color:#fff;line-height:1.34;margin-bottom:14px;letter-spacing:-0.2px;}
#dcq .res-h span{color:var(--blue);}
#dcq .res-lead{font-size:16px;color:var(--ink2);line-height:1.75;}
#dcq .ringrow{display:flex;gap:26px;align-items:center;flex-wrap:wrap;}
#dcq .ringrow .bandtitle{flex:1 1 300px;min-width:0;}
#dcq .gauge{width:232px;height:159px;flex:0 0 auto;overflow:visible;}
@media (max-width:560px){#dcq .gauge{width:100%;max-width:260px;height:auto;}}
#dcq .needle{transform-box:view-box;transform-origin:130px 122px;transform:rotate(0deg);
  transition:transform 1.15s cubic-bezier(.22,.85,.25,1);}
@media (prefers-reduced-motion: reduce){#dcq .needle{transition:none;}}
#dcq .lightcol{display:flex;gap:7px;align-items:center;margin-bottom:9px;}
#dcq .lightcol i{width:11px;height:11px;border-radius:50%;background:rgba(255,255,255,0.1);display:block;}
#dcq .lightcol i.on.r{background:#D64545;box-shadow:0 0 10px rgba(239,68,68,.6);}
#dcq .lightcol i.on.a{background:#E39A19;box-shadow:0 0 10px rgba(251,191,36,.55);}
#dcq .lightcol i.on.g{background:#1E9E6A;box-shadow:0 0 10px rgba(52,211,153,.55);}
#dcq .lightcol span{font-size:11px;font-weight:700;letter-spacing:1.4px;text-transform:uppercase;
  color:var(--faint);margin-left:4px;}
#dcq .bandtitle .lestag{font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase;color:var(--violet);margin-bottom:6px;}
#dcq .bandtitle h2{font-family:var(--display);font-size:21px;font-weight:700;color:#fff;margin-bottom:8px;}
#dcq .bandtitle .lesfoot{font-size:12.5px;color:var(--faint);margin-top:9px;line-height:1.6;max-width:420px;}
#dcq .bandtitle p{font-size:15px;color:var(--ink2);max-width:420px;line-height:1.7;}
#dcq h3.sect{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;
  color:var(--bluelt);margin-bottom:16px;}
#dcq .ph-sub{font-size:13.5px;color:var(--faint);margin:-8px 0 18px;}
#dcq .axis{margin-bottom:16px;}
#dcq .arow{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px;gap:10px;}
#dcq .aname{font-size:14px;font-weight:700;color:var(--ink);}
#dcq .ascore{font-weight:800;color:#fff;margin-left:8px;font-variant-numeric:tabular-nums;}
#dcq .ascore i{font-style:normal;font-size:11px;font-weight:700;color:var(--faint);margin-left:1px;}
#dcq .aband{font-size:12px;font-weight:700;padding:3px 11px;border-radius:20px;white-space:nowrap;}
#dcq .b-low{color:var(--green);background:rgba(52,211,153,0.12);}
#dcq .b-mid{color:var(--amber);background:rgba(251,191,36,0.12);}
#dcq .b-high{color:var(--red);background:rgba(239,68,68,0.12);}
#dcq .atrack{position:relative;display:flex;height:7px;border-radius:4px;margin-bottom:14px;}
#dcq .atrack .zones{display:flex;width:100%;height:100%;border-radius:4px;overflow:hidden;}
#dcq .atrack .z{height:100%;}
#dcq .atrack .z.r{width:33%;background:#D64545;}
#dcq .atrack .z.a{width:33%;background:#E39A19;}
#dcq .atrack .z.g{width:34%;background:#1E9E6A;}
#dcq .apin{position:absolute;top:2px;width:9px;height:15px;background:#14213D;z-index:2;
  transform:translateX(-50%);
  clip-path:polygon(50% 0%, 100% 100%, 0% 100%);
  filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 0 1.5px #fff);}
#dcq .afill{display:block;height:100%;width:0%;border-radius:4px;transition:width .7s ease;}
#dcq .f-low{background:linear-gradient(90deg,#1E9E6A,#1E9E6A);}
#dcq .f-mid{background:linear-gradient(90deg,var(--amber),#E39A19);}
#dcq .f-high{background:linear-gradient(90deg,var(--red),#D64545);}
#dcq .insight h3, #dcq .todo h3{font-size:17px;font-weight:800;color:#fff;margin-bottom:12px;}
#dcq .insight p, #dcq .todo p{font-size:15px;color:var(--ink2);line-height:1.8;margin-bottom:12px;}
#dcq .insight p:last-child, #dcq .todo p:last-child{margin-bottom:0;}
#dcq .insight b, #dcq .todo b{color:#fff;}
#dcq .todo{background:rgba(52,211,153,0.05);border-color:rgba(52,211,153,0.2);}
#dcq .quote{border-left:3px solid var(--blue);border-radius:0;background:transparent;
  padding:6px 0 6px 22px;margin:26px 0;}
#dcq .quote p{font-style:italic;font-size:16px;line-height:1.75;color:var(--ink2);}
#dcq .quote .who{display:block;margin-top:10px;font-style:normal;font-size:13px;font-weight:700;color:var(--faint);}
#dcq .anytxt{background:rgba(246,201,62,0.06);border:1px dashed rgba(246,201,62,0.35);
  border-radius:10px;padding:14px 16px;font-size:14px;color:var(--ink2);margin-top:14px;line-height:1.7;}
#dcq .anytxt b{color:#fff;}
#dcq .cta{background:linear-gradient(135deg,rgba(246,201,62,0.12),rgba(246,201,62,0.12));
  border:1px solid rgba(246,201,62,0.3);border-radius:15px;padding:32px 30px;margin-bottom:18px;text-align:center;}
#dcq .cta .eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;
  color:var(--violet);margin-bottom:10px;}
#dcq .cta h3{font-size:21px;font-weight:800;color:#fff;margin-bottom:12px;}
#dcq .cta p{font-size:15px;color:var(--ink2);line-height:1.75;margin-bottom:14px;}
#dcq .cta p b{color:#fff;}
#dcq .cta .btn{margin-top:6px;}
#dcq .ln{font-size:13.5px;color:var(--faint);text-align:center;margin-top:4px;}
#dcq .ln a{color:var(--bluelt);text-decoration:none;}
#dcq .answers table{width:100%;border-collapse:collapse;font-size:13.5px;}
#dcq .answers td{padding:11px 8px;border-top:1px solid var(--line);vertical-align:top;color:var(--muted);line-height:1.55;}
#dcq .answers td:first-child{width:52%;color:var(--ink2);}
#dcq .badge{display:inline-block;font-size:11px;font-weight:800;letter-spacing:.4px;
  padding:4px 11px;border-radius:20px;white-space:nowrap;}
#dcq .badge.ok{background:rgba(52,211,153,0.12);color:var(--green);}
#dcq .badge.sig{background:rgba(251,191,36,0.12);color:var(--amber);}
#dcq .smallnote{font-size:13px;color:var(--faint);margin-top:14px;line-height:1.7;}
#dcq .retake{text-align:center;padding-bottom:8px;}
#dcq .startline{font-size:15px;color:var(--ink2);line-height:1.7;margin-top:18px;
  padding-top:16px;border-top:1px solid var(--line);}
#dcq .startline b{color:var(--ink);}
/* ---- answers table: make the right-hand column readable ---- */
#dcq .answers thead th{font-size:10.5px;font-weight:900;letter-spacing:1.3px;text-transform:uppercase;
  color:var(--muted);text-align:left;padding:0 8px 9px;border-bottom:1.5px solid var(--line);}
#dcq .answers th.cost, #dcq .answers td.cost{text-align:right;white-space:nowrap;width:78px;}
#dcq .answers td.cost .badge{font-variant-numeric:tabular-nums;min-width:34px;text-align:center;}
#dcq .answers .costlbl{display:block;font-size:10px;letter-spacing:.8px;text-transform:uppercase;
  color:var(--faint);margin-top:4px;}
#dcq .answers tfoot td{border-top:1.5px solid var(--line);border-bottom:none;padding-top:12px;
  font-size:13px;color:var(--ink2);}
#dcq .answers tfoot td.cost b{font-size:16px;font-weight:900;color:var(--ink);}
#dcq .tablekey{font-size:12.5px;color:var(--muted);line-height:1.7;margin:-6px 0 16px;}
#dcq .tablekey .k{display:block;margin-top:5px;}
#dcq .tablekey i{display:inline-block;width:9px;height:9px;border-radius:2px;margin-right:7px;
  vertical-align:1px;}
#dcq .tablekey i.ok{background:#1E9E6A;} #dcq .tablekey i.sig{background:#D64545;}
/* ---- band legend under the gauge ---- */
#dcq .scale{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:22px;width:100%;}
@media (max-width:560px){#dcq .scale{grid-template-columns:1fr;gap:8px;}}
#dcq .seg{border:1px solid var(--line);border-radius:10px;padding:11px 13px;background:#fff;opacity:.5;}
#dcq .seg.on{opacity:1;border-width:2px;padding:10px 12px;}
#dcq .seg .bar{display:block;height:4px;border-radius:2px;margin-bottom:9px;}
#dcq .seg.r .bar{background:var(--red);} #dcq .seg.a .bar{background:var(--amber);} #dcq .seg.g .bar{background:var(--green);}
#dcq .seg.r.on{border-color:var(--red);} #dcq .seg.a.on{border-color:var(--amber);} #dcq .seg.g.on{border-color:var(--green);}
#dcq .seg b{display:block;font-size:13px;font-weight:900;color:var(--ink);margin-bottom:3px;
  font-variant-numeric:tabular-nums;}
#dcq .seg span{display:block;font-size:12px;color:var(--muted);line-height:1.45;}
#dcq .seg.on span{color:var(--ink2);}
#dcq .seg em{font-style:normal;display:block;font-size:10.5px;font-weight:900;letter-spacing:1.2px;
  text-transform:uppercase;margin-top:6px;color:var(--faint);}
#dcq .seg.on em{color:var(--ink);}
#dcq .scalenote{font-size:12.5px;color:var(--muted);line-height:1.6;margin-top:12px;}
#dcq .scalenote b{color:var(--ink);}
/* ---- identity step (CAPTURE_MODE = "form") ---- */
#dcq .leadgrid{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:20px;}
@media (max-width:560px){#dcq .leadgrid{grid-template-columns:1fr;}}
#dcq .lf.wide{grid-column:1 / -1;}
#dcq .lf label{display:block;font-size:12.5px;font-weight:700;color:#d1d5db;margin-bottom:6px;}
#dcq .lf label i{font-style:normal;color:var(--red);margin-left:2px;}
#dcq .lf input{width:100%;padding:12px 13px;font-size:15px;font-family:inherit;color:#fff;
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:8px;}
#dcq .lf input:focus{outline:none;border-color:var(--bluelt);background:rgba(255,255,255,0.08);}
#dcq .lf input.bad{border-color:var(--red);}
#dcq .lf .err{display:none;font-size:12px;color:var(--red);margin-top:5px;}
#dcq .lf input.bad ~ .err{display:block;}
#dcq .consent{display:flex;gap:11px;align-items:flex-start;margin-top:18px;
  font-size:13px;color:var(--ink2);line-height:1.6;}
#dcq .consent input{flex:0 0 auto;width:17px;height:17px;margin-top:2px;accent-color:var(--blue);}
#dcq .privacy{font-size:11.5px;color:var(--faint);line-height:1.6;margin-top:14px;}
#dcq .privacy a{color:var(--bluelt);}
#dcq .leadnote{font-size:14.5px;color:var(--ink2);line-height:1.7;}
/* ---- email-my-score modal (CAPTURE_MODE "popup") ---- */
#dcq .mailoverlay{position:fixed;inset:0;background:rgba(8,14,25,0.74);z-index:99999;display:none;
  align-items:center;justify-content:center;padding:20px;}
#dcq .mailoverlay.on{display:flex;}
#dcq .mailbox{position:relative;background:#FFFFFF;border:1px solid rgba(255,255,255,0.14);
  border-radius:12px;max-width:480px;width:100%;padding:30px 28px;box-shadow:0 24px 60px rgba(0,0,0,0.5);}
#dcq .mailbox h3{font-size:20px;color:#fff;margin-bottom:8px;font-family:var(--display);}
/* the modal is navy inside a light-themed page — force light text explicitly */
#dcq .mailbox .leadnote{color:#B9C6D8;}
#dcq .mailbox .lf label{color:#DCE6F2;}
#dcq .mailbox .privacy{color:#8FA1B8;}
#dcq .mailbox .privacy a{color:#14213D;}
#dcq .mailx{position:absolute;top:8px;right:14px;background:none;border:none;color:var(--muted);
  font-size:26px;cursor:pointer;line-height:1;}
#dcq .mailbtn{display:inline-block;margin-top:20px;padding:13px 24px;border-radius:8px;border:none;
  cursor:pointer;font-weight:800;font-size:15px;font-family:inherit;
  background:linear-gradient(90deg,#14213D,#14213D);color:#fff;}
#dcq .mailbtn[disabled]{opacity:.55;cursor:default;}
#dcq .mailrow{text-align:center;margin-top:20px;}
#dcq .mailrow .mailbtn{background:var(--blue);margin-top:0;}   /* Sim 16.08.: blue, not navy */
#dcq .mailrow .mailbtn:hover{background:#14213D;}
#dcq .mailbook{display:inline-block;margin-top:16px;padding:14px 26px;border-radius:8px;
  font-weight:800;font-size:15px;text-decoration:none;color:#fff;
  background:linear-gradient(90deg,#14213D,#14213D);box-shadow:0 6px 18px rgba(246,201,62,0.35);}
#dcq .mailnote{font-size:12.5px;color:var(--muted);margin-top:9px;}
/* ---- axis explainers on the results page ---- */
#dcq .stat .axdesc{font-size:12.5px;color:var(--muted);line-height:1.55;margin:4px 0 10px;}
#dcq .axnote{font-size:13px;color:var(--muted);line-height:1.65;margin-top:16px;max-width:640px;}
#dcq .stat .aband{display:inline-block;max-width:100%;white-space:normal;line-height:1.45;}
#dcq .stat .axanchor{font-size:11.5px;color:var(--muted);line-height:1.5;margin:0 0 10px;padding-top:6px;border-top:1px dashed #D9DEE8;}
#dcq .stat .axanchor span{display:block;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#7A869E;margin-bottom:2px;}
/* ---- preview-only control (needs ?preview=1) ---- */
#dcq .dcq-preview{position:fixed;right:16px;bottom:16px;z-index:9999;background:rgba(20,33,61,0.97);
  border:1px solid rgba(255,255,255,0.16);border-radius:15px;padding:14px 16px;
  box-shadow:0 10px 40px rgba(0,0,0,.45);font-size:12px;color:var(--ink);min-width:212px;}
#dcq .dcq-preview b{display:block;font-size:10.5px;font-weight:800;letter-spacing:1.8px;
  text-transform:uppercase;color:var(--violet);margin-bottom:10px;}
#dcq .dcq-preview .prow{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px;}
#dcq .dcq-preview .prow span{color:var(--muted);font-size:11.5px;}
#dcq .dcq-preview .seg{display:flex;border:1px solid rgba(255,255,255,0.16);border-radius:7px;overflow:hidden;}
#dcq .dcq-preview .seg button{background:transparent;border:none;color:var(--ink2);font-family:inherit;
  font-size:11.5px;font-weight:700;padding:6px 10px;cursor:pointer;}
#dcq .dcq-preview .seg button.on{background:var(--blue);color:#fff;}
#dcq .dcq-preview i{display:block;font-style:normal;font-size:10.5px;color:var(--faint);margin-top:9px;line-height:1.4;}
@media print{#dcq .dcq-preview{display:none;}}
#dcq .midcta{margin:6px 0 40px;}
#dcq .midcta span{display:block;font-size:12.5px;color:var(--faint);margin-top:11px;letter-spacing:.2px;}
/* ---- claimser qualification columns ---- */
#dcq .vs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:26px 0 8px;text-align:left;}
@media (max-width:640px){#dcq .vs{grid-template-columns:1fr;}}
#dcq .vs .col{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:20px 22px;}
#dcq .vs .col.yes{border-color:rgba(52,211,153,0.28);}
#dcq .vs .col.no{border-color:rgba(239,68,68,0.24);}
#dcq .vs h4{font-size:14px;font-weight:800;color:#fff;margin-bottom:12px;}
#dcq .vs .col.yes h4 em{font-style:normal;color:var(--green);margin-right:7px;}
#dcq .vs .col.no h4 em{font-style:normal;color:var(--red);margin-right:7px;}
#dcq .vs ul{list-style:none;}
#dcq .vs li{font-size:13.5px;color:var(--ink2);line-height:1.6;padding-left:18px;position:relative;margin-bottom:9px;}
#dcq .vs li:last-child{margin-bottom:0;}
#dcq .vs .col.yes li::before{content:'\2713';position:absolute;left:0;top:0;color:var(--green);font-weight:900;font-size:12px;}
#dcq .vs .col.no li::before{content:'\2715';position:absolute;left:0;top:0;color:var(--red);font-weight:900;font-size:11px;}
#dcq .reassure{font-size:13px;color:var(--muted);margin-top:15px;line-height:1.6;}
#dcq .reassure b{color:var(--ink2);font-weight:700;}


/* ---- claimser section grammar: alternating backgrounds ---- */
#dcq .dsec{padding:52px 0;}
#dcq .dsec.dark{background:var(--navy);}
#dcq .dsec.light{
  background:#F3F5F9;
  --card:#ffffff; --line:#D9DEE8; --ink:#14213D; --ink2:#3E4C68;
  --muted:#5C6B87; --faint:#7A869E;
}
#dcq .dsec.light .rcard{box-shadow:0 1px 3px rgba(20,33,61,0.06);}
#dcq .dsec.light .res-h,#dcq .dsec.light .insight h3,#dcq .dsec.light .todo h3,
#dcq .dsec.light .bandtitle h2,#dcq .dsec.light .insight b,#dcq .dsec.light .todo b,
#dcq .dsec.light .stat .num,#dcq .dsec.light .answers b{color:#14213D;}
#dcq .dsec.light h3.sect{color:#14213D;}
#dcq .dsec.light .res-eyebrow{color:#14213D;}
#dcq .dsec.light .todo{background:#fff;border-color:#cfe6da;}
#dcq .dsec.light .quote p{color:#3E4C68;}

#dcq .dsec.light .badge.ok{background:rgba(16,150,100,0.1);color:#1E9E6A;}
#dcq .dsec.light .badge.sig{background:rgba(239,68,68,0.09);color:#D64545;}
#dcq .dsec.light .answers td{border-top-color:#E6EAF2;}
#dcq .dsec.light .accbtn{border-color:#D9DEE8;color:#3E4C68;}
#dcq .dsec.light .accbtn:hover{border-color:#14213D;}
#dcq .dvr{width:56px;height:4px;border-radius:3px;
  background:linear-gradient(135deg,var(--blue),var(--indigo));margin-bottom:20px;}
#dcq .dsec h2.secttl{font-size:clamp(21px,3vw,27px);font-weight:800;line-height:1.25;
  color:var(--ink);margin-bottom:8px;}
#dcq .dsec.dark h2.secttl{color:#fff;}
#dcq .dsec p.sectlead{font-size:15px;color:var(--ink2);line-height:1.7;margin-bottom:24px;max-width:560px;}

/* ---- stat tiles (claimser .cer-num / .cer-label) ---- */
#dcq .stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(165px,1fr));gap:14px;}
#dcq .stat{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:22px 20px;}
#dcq .dsec.light .stat{box-shadow:0 1px 3px rgba(20,33,61,0.06);}
#dcq .stat .num{font-size:38px;font-weight:800;line-height:1;color:#fff;
  font-variant-numeric:tabular-nums;letter-spacing:-1px;}
#dcq .stat .num i{font-style:normal;font-size:15px;font-weight:700;color:var(--faint);margin-left:3px;}
#dcq .stat .label{font-size:13.5px;font-weight:700;color:var(--ink);margin:9px 0 10px;}
#dcq .stat .cap{font-size:12.5px;color:var(--muted);line-height:1.55;margin-top:9px;}
#dcq .statwide{background:var(--card);border:1px solid var(--line);border-radius:15px;
  padding:22px 24px;display:flex;gap:22px;align-items:center;flex-wrap:wrap;}
#dcq .statwide .num{font-size:44px;font-weight:800;line-height:1;color:var(--amber);
  letter-spacing:-1px;flex:0 0 auto;}
#dcq .dsec.light .statwide .num{color:#D64545;}

/* --- proof grid (claimser .cer-results-grid) --- */
#dcq .statgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px;}
@media (max-width:600px){#dcq .statgrid{grid-template-columns:1fr;}}
#dcq .statgrid .cell{background:var(--card);border:1px solid var(--line);border-radius:15px;padding:24px 22px;}
#dcq .statgrid .num{font-size:34px;font-weight:900;line-height:1.15;margin-bottom:6px;
  color:var(--blue);}
#dcq .statgrid .lbl{font-size:13.5px;color:var(--ink2);line-height:1.5;}
#dcq .dsec.light .statgrid .cell{background:#fff;box-shadow:0 1px 3px rgba(20,33,61,0.06);}
#dcq .dsec.light .statgrid .num{color:#14213D;}
#dcq .proofline{font-size:15px;font-weight:700;color:var(--ink);margin-top:4px;}
#dcq .proofnote{font-size:12.5px;color:var(--faint);margin-top:12px;line-height:1.6;}

/* --- fit list (claimser &#10003; / &#10007; two-column) --- */

/* --- vignette (claimser .cer-story) --- */
#dcq .vignette{background:rgba(255,255,255,0.03);border-left:3px solid var(--blue);
  padding:24px 26px;margin-bottom:18px;}
#dcq .vignette p{font-size:15.5px;color:var(--ink2);line-height:1.8;margin-bottom:12px;}
#dcq .vignette p:last-child{margin-bottom:0;}
#dcq .vignette b{color:#fff;}
#dcq .dsec.light .vignette{background:#fff;border-left-color:#14213D;box-shadow:0 1px 3px rgba(20,33,61,0.06);}
#dcq .dsec.light .vignette b{color:#14213D;}
#dcq .statwide p{flex:1 1 240px;font-size:14px;color:var(--ink2);line-height:1.65;margin:0;}
#dcq .statwide p b{color:var(--ink);}

/* ---- accordion (answers) ---- */
#dcq .accbtn{display:block;width:100%;text-align:left;background:transparent;
  border:1px dashed rgba(255,255,255,0.2);border-radius:10px;padding:15px 18px;cursor:pointer;
  font-family:inherit;font-size:14px;font-weight:700;color:var(--ink2);transition:border-color .2s;}
#dcq .accbtn:hover{border-color:var(--bluelt);}
#dcq .accbtn span{float:right;font-weight:800;color:var(--bluelt);}

/* ---- bonus mini calculator ---- */
#dcq .calcmod{padding:0;overflow:hidden;}
#dcq .calchead{display:flex;justify-content:space-between;align-items:center;gap:14px;width:100%;
  background:transparent;border:none;cursor:pointer;font-family:inherit;text-align:left;
  padding:22px 26px;color:var(--ink);}
#dcq .calchead:focus-visible{outline:2px solid var(--bluelt);outline-offset:-2px;}
#dcq .calc-eyebrow{display:block;font-size:11px;font-weight:700;letter-spacing:2px;
  text-transform:uppercase;color:var(--violet);margin-bottom:5px;}
#dcq .calc-title{display:block;font-size:18px;font-weight:800;color:#fff;line-height:1.3;}
#dcq .calc-teaser{display:block;font-size:13.5px;color:var(--muted);margin-top:5px;line-height:1.55;}
#dcq .calchead .chev{flex:0 0 auto;font-size:18px;color:var(--bluelt);transition:transform .25s;}
#dcq .calchead[aria-expanded="true"] .chev{transform:rotate(180deg);}
#dcq .calcbody{padding:0 26px 24px;}
@media (max-width:560px){#dcq .calchead{padding:18px 18px;}#dcq .calcbody{padding:0 18px 20px;}}
#dcq .calc-intro{font-size:14.5px;color:var(--ink2);line-height:1.7;margin-bottom:16px;}
#dcq .calc-fields{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:8px;}
@media (max-width:560px){#dcq .calc-fields{grid-template-columns:1fr;}}
#dcq .cf label{display:block;font-size:12.5px;font-weight:700;color:#d1d5db;margin-bottom:6px;line-height:1.4;}
#dcq .cf input[type=number]{width:100%;padding:12px 13px;font-size:15px;font-family:inherit;color:#fff;
  background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.12);border-radius:8px;
  -webkit-appearance:none;appearance:none;}
#dcq .cf input[type=number]:focus{outline:none;border-color:var(--bluelt);background:rgba(255,255,255,0.08);}
#dcq .cf .cnote{display:block;font-size:11.5px;font-weight:400;color:var(--faint);margin-top:4px;line-height:1.45;}
#dcq .rangewrap{display:flex;align-items:center;gap:12px;}
#dcq .rangewrap input[type=range]{flex:1;accent-color:var(--bluelt);}
#dcq .rangewrap output{min-width:46px;text-align:right;font-weight:800;font-size:16px;color:var(--bluelt);}
#dcq .co{background:rgba(255,255,255,0.03);border:1px solid var(--line);border-radius:10px;
  padding:18px 20px;margin-top:14px;}
#dcq .co h4{font-size:11px;font-weight:700;letter-spacing:1.6px;text-transform:uppercase;
  color:var(--bluelt);margin-bottom:8px;}
#dcq .cbig{font-size:clamp(24px,3.4vw,30px);font-weight:800;color:#fff;line-height:1.1;
  font-variant-numeric:tabular-nums;}
#dcq .cbig .u{font-size:.5em;font-weight:700;color:var(--muted);margin-left:7px;}
#dcq .cbig.warn{color:var(--amber);}
#dcq .co p{font-size:13.5px;color:var(--ink2);line-height:1.65;margin-top:7px;}
#dcq .cformula{margin-top:10px;padding:10px 13px;background:rgba(246,201,62,0.06);
  border-left:3px solid var(--blue);border-radius:0 8px 8px 0;font-size:12.5px;color:var(--ink2);
  font-variant-numeric:tabular-nums;line-height:1.6;}
#dcq .cformula b{color:#fff;}
#dcq .cverdict{font-size:13.5px;color:var(--ink);line-height:1.65;margin-top:10px;
  padding-top:10px;border-top:1px solid var(--line);}
#dcq .cverdict b{color:#fff;}
#dcq #dcqChart{width:100%;height:auto;display:block;margin-top:12px;}
#dcq .costtoggle{display:inline-block;margin-top:16px;background:transparent;color:var(--ink);
  border:1px solid rgba(255,255,255,0.18);border-radius:8px;padding:11px 20px;cursor:pointer;
  font-family:inherit;font-size:13.5px;font-weight:700;transition:border-color .2s;}
#dcq .costtoggle:hover{border-color:var(--bluelt);}
#dcq .calc-links{font-size:12.5px;color:var(--faint);margin-top:16px;line-height:1.6;}
#dcq .calc-links a{color:var(--bluelt);text-decoration:none;}
#dcq .calcecho{font-size:14.5px;color:#fff;font-weight:700;background:rgba(52,211,153,0.08);
  border:1px solid rgba(52,211,153,0.25);border-radius:8px;padding:11px 16px;margin-bottom:14px;}

#dcq .dcq-quiz, #dcq .dcq-results{scroll-margin-top:70px;}


/* ============================================================
   LIGHT THEME &mdash; matches the loweffort.com light sections
   White and #F3F5F9 surfaces, navy type, #14213D actions.
   ============================================================ */
#dcq{background:#ffffff;
  --card:#ffffff; --line:#D9DEE8;
  --ink:#14213D; --ink2:#3E4C68; --muted:#5C6B87; --faint:#7A869E;
  --bluelt:#14213D; --violet:#7A869E;}
#dcq .dcq-landing{background:#ffffff;}
#dcq .dcq-landing::before{background:radial-gradient(ellipse at 50% 10%, rgba(246,201,62,0.07) 0%, transparent 62%);}
#dcq .dcq-progress{background:#ffffff;border-bottom:1px solid var(--line);}
#dcq .dcq-quiz{background:#F3F5F9;}
#dcq .dcq-results{background:#ffffff;}
#dcq .dsec.dark{background:#F3F5F9;
  --card:#ffffff; --line:#D9DEE8; --ink:#14213D; --ink2:#3E4C68; --muted:#5C6B87; --faint:#7A869E;}
#dcq .dsec.light{background:#ffffff; --card:#ffffff; --line:#D9DEE8;}

/* type that used to be white on navy */
#dcq h1, #dcq .qtext, #dcq .res-h, #dcq .bandtitle h2, #dcq .ascore,
#dcq .insight h3, #dcq .todo h3, #dcq .insight b, #dcq .todo b, #dcq .anytxt b,
#dcq .cta h3, #dcq .cta p b, #dcq .vs h4, #dcq .stat .num, #dcq .vignette b,
#dcq .calc-title, #dcq .cbig, #dcq .cformula b, #dcq .cverdict b, #dcq .bene-intro b,
#dcq .auth p b, #dcq .grand .notes, #dcq .dsec.dark h2.secttl, #dcq .calcecho,
#dcq .lede b, #dcq .frag b, #dcq .sectlead b{color:#14213D;}

/* surfaces */
#dcq .qcard, #dcq .rcard, #dcq .auth, #dcq .bene, #dcq .vs .col, #dcq .stat,
#dcq .statgrid .cell{background:#ffffff;border-color:var(--line);
  box-shadow:0 1px 3px rgba(20,33,61,0.06);}
#dcq .co, #dcq .vignette{background:#F3F5F9;border-color:var(--line);}
#dcq .grand, #dcq .cta{background:#F3F5F9;border-color:#D9DEE8;}
#dcq .metastrip span{background:#ffffff;border-color:var(--line);color:var(--ink2);}
#dcq .metastrip span.free{color:#1E9E6A;border-color:#BFE3D2;background:#F2FBF7;}

/* answer options */
#dcq .opt{background:#ffffff;border-color:var(--line);color:var(--ink);}
#dcq .opt:hover{background:#F3F5F9;border-color:var(--bluelt);}
#dcq .opt.sel{background:rgba(246,201,62,0.08);border-color:var(--bluelt);color:#14213D;}
#dcq .opt .lb{background:#F3F5F9;color:var(--muted);}
#dcq .opt.sel .lb{background:var(--blue);color:#ffffff;}

/* inputs */
#dcq textarea.open, #dcq .lf input, #dcq .cf input[type=number]{
  background:#ffffff;border-color:var(--line);color:#14213D;}
#dcq textarea.open:focus, #dcq .lf input:focus, #dcq .cf input[type=number]:focus{
  background:#ffffff;border-color:var(--bluelt);}
#dcq .lf input.bad{border-color:#D64545;}

/* tracks, pips, secondary buttons */
#dcq .ptrack{background:#E6EAF2;}

#dcq .lightcol i{background:#E6EAF2;}
#dcq .btn.ghost{border-color:#D9DEE8;color:var(--ink2);}
#dcq .btn.ghost:hover{border-color:var(--bluelt);}
#dcq .accbtn, #dcq .costtoggle{border-color:#D9DEE8;color:var(--ink2);}
#dcq .accbtn:hover, #dcq .costtoggle:hover{border-color:var(--bluelt);}

/* accents readable on white */
#dcq h3.sect, #dcq .res-eyebrow, #dcq .calc-eyebrow, #dcq .bn, #dcq .auth .ttl,
#dcq .prow .pt{color:#14213D;}
#dcq .badge.ok{background:rgba(46,158,107,0.10);color:#1E9E6A;}
#dcq .badge.sig{background:rgba(233,61,61,0.09);color:#D64545;}
#dcq .answers td{border-top-color:#E6EAF2;}
#dcq .statwide .num{color:#D64545;}
#dcq .statgrid .num{color:#14213D;}
#dcq .todo{background:#F2FBF7;border-color:#BFE3D2;}
#dcq .quote p{color:var(--ink2);}
#dcq .anytxt{background:#FFF6D6;border-color:#E5C55A;}
#dcq .calcecho{background:#F2FBF7;border-color:#BFE3D2;}
#dcq .cformula{background:#FFF6D6;}


/* ============================================================
   LOW EFFORT DESIGN (09.09.2026) — matches Stuart's new loweffort.com
   Instrument Sans · navy #14213D · one accent, yellow #F6C93E ·
   white / #F3F5F9 surfaces · 8px controls, 12px cards.
   This block sits LAST on purpose: it wins the cascade over the
   original navy theme and the August light theme above it.
   ============================================================ */
#dcq{
  --navy:#14213D; --ink:#14213D; --ink2:#3E4C68; --muted:#5C6B87; --faint:#7A869E;
  --paper:#FFFFFF; --paper-2:#F3F5F9; --card:#FFFFFF; --line:#D9DEE8;
  --yellow:#F6C93E; --yellow-dk:#EDB92A; --yellow-tint:#FFF6D6;
  --blue:#14213D; --bluelt:#14213D; --violet:#7A869E; --indigo:#14213D;
  --green:#1E9E6A; --amber:#E39A19; --red:#D64545;
  --display:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  --radius:8px; --card-r:12px;
  --shadow:0 10px 30px -12px rgba(20,33,61,.18);
  --ease:cubic-bezier(0.23,1,0.32,1);
  font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px; line-height:1.55; color:var(--ink2); background:var(--paper);
  border-radius:16px;
}
#dcq .dcq-landing{border-radius:16px;}
#dcq .dcq-progress{border-radius:16px 16px 0 0;}
#dcq .dcq-quiz,#dcq .dcq-results{border-radius:0 0 16px 16px;}
#dcq ::selection{background:var(--yellow);color:var(--ink);}
#dcq :focus-visible{outline:3px solid var(--ink);outline-offset:3px;}

/* ---- type ---- */
#dcq h1,#dcq .qtext,#dcq .res-h,#dcq .bandtitle h2,#dcq .mailbox h3,#dcq .dsec h2.secttl,
#dcq .insight h3,#dcq .todo h3,#dcq .cta h3,#dcq .calc-title,#dcq .vs h4{
  font-family:inherit;font-weight:700;letter-spacing:-0.02em;color:var(--ink);text-wrap:balance;}
#dcq h1{font-size:clamp(30px,4.4vw,46px);line-height:1.12;margin-bottom:14px;}
/* the yellow underline from the wordmark, carried onto the key phrase */
#dcq h1 span,#dcq .res-h span{color:var(--ink);background:linear-gradient(transparent 70%,var(--yellow) 70%,var(--yellow) 92%,transparent 92%);}
#dcq .qtext{font-size:clamp(20px,2.6vw,24px);line-height:1.35;}
#dcq .res-h{font-size:clamp(24px,3.4vw,34px);line-height:1.2;}
#dcq .bandtitle h2{font-size:22px;}
#dcq .dsec h2.secttl,#dcq .dsec.dark h2.secttl{font-size:clamp(22px,3vw,30px);line-height:1.2;color:var(--ink);}
#dcq .scoreline,#dcq .res-lead,#dcq .bandtitle p,#dcq .insight p,#dcq .todo p,#dcq .cta p,
#dcq .dsec p.sectlead,#dcq .leadnote,#dcq .calc-intro,#dcq .co p,#dcq .vignette p,#dcq .quote p{color:var(--ink2);}
#dcq .scoreline b,#dcq .bene-intro b,#dcq .auth p b,#dcq .insight b,#dcq .todo b,#dcq .cta p b,
#dcq .anytxt b,#dcq .vignette b,#dcq .cformula b,#dcq .cverdict b,#dcq .grand .notes,
#dcq .startline b,#dcq .statwide p b,#dcq .lede b,#dcq .frag b,#dcq .sectlead b{color:var(--ink);font-weight:600;}
#dcq .kicker,#dcq .landnote,#dcq .soline,#dcq .ln,#dcq .smallnote,#dcq .privacy,#dcq .mailnote,
#dcq .scalenote,#dcq .tablekey,#dcq .proofnote,#dcq .calc-links,#dcq .ph-sub,#dcq .axnote,
#dcq .reassure,#dcq .midcta span,#dcq .lesfoot,#dcq .stat .cap,#dcq .stat .axdesc,#dcq .stat .axanchor{color:var(--faint);}
/* small caps labels: quiet grey, never blue */
#dcq h3.sect,#dcq .res-eyebrow,#dcq .calc-eyebrow,#dcq .bn,#dcq .auth .ttl,#dcq .prow .pt,
#dcq .cta .eyebrow,#dcq .bandtitle .lestag,#dcq .lightcol span,#dcq .co h4,
#dcq .answers thead th,#dcq .seg em,#dcq .stat .axanchor span{
  color:var(--faint);font-weight:600;letter-spacing:.12em;text-transform:uppercase;font-size:11.5px;}
#dcq .quote .who,#dcq .prow .pc{color:var(--faint);}

/* ---- buttons: one yellow, one ghost ---- */
#dcq .btn,#dcq .mailbtn,#dcq .mailrow .mailbtn,#dcq .mailbook{
  display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
  background:var(--yellow);color:var(--ink);border:1.5px solid var(--yellow);border-radius:var(--radius);
  font-family:inherit;font-size:17px;font-weight:700;letter-spacing:-0.01em;text-transform:none;
  line-height:1.2;padding:16px 28px;text-decoration:none;cursor:pointer;box-shadow:none;
  transition:background .15s var(--ease),transform .15s var(--ease),box-shadow .15s var(--ease);}
#dcq .btn:hover,#dcq .mailbtn:hover,#dcq .mailrow .mailbtn:hover,#dcq .mailbook:hover{
  background:var(--yellow-dk);border-color:var(--yellow-dk);transform:translateY(-1px);box-shadow:var(--shadow);}
#dcq .btn:active,#dcq .mailbtn:active,#dcq .mailbook:active{transform:scale(.98);box-shadow:none;}
#dcq .btn:focus-visible,#dcq .mailbtn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;}
#dcq .btn.ghost,#dcq .accbtn,#dcq .costtoggle{
  background:#fff;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius);
  font-size:15px;font-weight:600;letter-spacing:0;text-transform:none;padding:13px 22px;box-shadow:none;}
#dcq .btn.ghost:hover,#dcq .accbtn:hover,#dcq .costtoggle:hover{border-color:var(--ink);background:#fff;box-shadow:none;transform:none;}
#dcq .accbtn{border-style:solid;width:100%;text-align:left;}
#dcq .accbtn span{color:var(--ink);}
#dcq .mailbtn[disabled]{opacity:.55;}

/* ---- landing ---- */
#dcq .dcq-landing{background:var(--paper);padding:52px 0 40px;}
#dcq .dcq-landing::before{display:none;}
#dcq .scoreline{font-size:17px;}
@media (min-width:1000px){#dcq .scoreline{font-size:19px;}}
#dcq .lev5{gap:8px 18px;}
#dcq .lev5 .lv{color:var(--ink2);font-size:13.5px;line-height:1.5;padding:6px 0;}
#dcq .lev5 .lv::before{content:"\2713";display:flex;align-items:center;justify-content:center;
  width:26px;height:26px;border-radius:50%;background:var(--yellow);color:var(--ink);
  font-size:13px;font-weight:700;margin:0 auto 8px;}
#dcq .lev5 .lv b{color:var(--ink);font-size:12.5px;font-weight:700;letter-spacing:0;text-transform:none;min-height:0;margin-bottom:2px;}
#dcq .metastrip span{background:var(--paper-2);border:1px solid var(--line);border-radius:20px;color:var(--ink2);font-weight:600;font-size:13px;padding:7px 14px;}
#dcq .metastrip span.free{background:#F2FBF7;border-color:#BFE3D2;color:var(--green);}
#dcq .bene,#dcq .auth,#dcq .vs .col,#dcq .stat,#dcq .statgrid .cell{
  background:#fff;border:1px solid var(--line);border-radius:var(--card-r);box-shadow:0 1px 2px rgba(20,33,61,.04);}
#dcq .grand,#dcq .cta{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--card-r);}

/* ---- progress ---- */
#dcq .dcq-progress{background:#fff;border-bottom:1px solid var(--line);}
#dcq .ptrack{background:#E6EAF2;height:4px;border-radius:2px;}
#dcq .pfill{background:var(--yellow);border-radius:2px;}

/* ---- quiz ---- */
#dcq .dcq-quiz{background:var(--paper-2);}
#dcq .qcard,#dcq .rcard{background:#fff;border:1px solid var(--line);border-radius:var(--card-r);box-shadow:0 1px 2px rgba(20,33,61,.04);}
#dcq .opt{background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);
  font-size:15.5px;padding:15px 16px;transition:border-color .15s var(--ease),background .15s var(--ease),transform .15s var(--ease);}
#dcq .opt:hover{border-color:var(--ink);background:#fff;}
#dcq .opt:active{transform:scale(.995);}
#dcq .opt.sel{border-color:var(--ink);background:var(--yellow-tint);color:var(--ink);font-weight:600;}
#dcq .opt .lb{background:var(--paper-2);color:var(--ink2);border-radius:6px;}
#dcq .opt.sel .lb{background:var(--ink);color:#fff;}
#dcq textarea.open,#dcq .lf input,#dcq .cf input[type=number]{
  background:#fff;border:1.5px solid var(--line);border-radius:var(--radius);color:var(--ink);font-family:inherit;
  transition:border-color .15s,box-shadow .15s;}
#dcq textarea.open:focus,#dcq .lf input:focus,#dcq .cf input[type=number]:focus{
  border-color:var(--ink);box-shadow:0 0 0 3px rgba(246,201,62,.45);background:#fff;}
#dcq .lf input.bad{border-color:var(--red);}
#dcq .lf label,#dcq .cf label{color:var(--ink);font-size:14px;font-weight:600;}
#dcq .lf label i{color:var(--red);}
#dcq .lf .err{color:var(--red);}
#dcq .consent input,#dcq .rangewrap input[type=range]{accent-color:var(--ink);}
#dcq .rangewrap output{color:var(--ink);}
#dcq .privacy a,#dcq .ln a,#dcq .calc-links a{color:var(--ink);text-decoration:underline;text-decoration-color:var(--yellow);text-decoration-thickness:2px;text-underline-offset:.2em;}

/* ---- results ---- */
#dcq .dcq-results{background:var(--paper);}
#dcq .dsec.dark{background:var(--paper-2);}
#dcq .dsec.light{background:var(--paper);}
#dcq .dvr{width:44px;height:4px;border-radius:2px;background:var(--yellow);}
#dcq .lightcol i{background:#E6EAF2;box-shadow:none;}
#dcq .lightcol i.on.r{background:var(--red);box-shadow:none;}
#dcq .lightcol i.on.a{background:var(--amber);box-shadow:none;}
#dcq .lightcol i.on.g{background:var(--green);box-shadow:none;}
#dcq .aname{color:var(--ink);}
#dcq .ascore{color:var(--ink);}
#dcq .aband{border-radius:20px;font-weight:600;}
#dcq .b-low{color:var(--green);background:rgba(30,158,106,.10);}
#dcq .b-mid{color:#9A6A00;background:rgba(227,154,25,.14);}
#dcq .b-high{color:var(--red);background:rgba(214,69,69,.10);}
#dcq .atrack .z.r{background:var(--red);} #dcq .atrack .z.a{background:var(--amber);} #dcq .atrack .z.g{background:var(--green);}
#dcq .apin{background:var(--ink);}
#dcq .f-low{background:var(--green);} #dcq .f-mid{background:var(--amber);} #dcq .f-high{background:var(--red);}
#dcq .seg{border-radius:var(--radius);border:1px solid var(--line);background:#fff;}
#dcq .seg b{color:var(--ink);}
#dcq .seg.r .bar{background:var(--red);} #dcq .seg.a .bar{background:var(--amber);} #dcq .seg.g .bar{background:var(--green);}
#dcq .seg.r.on{border-color:var(--red);} #dcq .seg.a.on{border-color:var(--amber);} #dcq .seg.g.on{border-color:var(--green);}
#dcq .seg.on em{color:var(--ink);}
#dcq .todo{background:#F2FBF7;border-color:#BFE3D2;}
#dcq .quote{border-left:3px solid var(--yellow);}
#dcq .vignette{background:var(--paper-2);border-left:3px solid var(--yellow);border-radius:0 var(--card-r) var(--card-r) 0;}
#dcq .anytxt{background:var(--yellow-tint);border:1px dashed #E5C55A;border-radius:var(--radius);}
#dcq .cformula{background:var(--paper-2);border-left:3px solid var(--yellow);border-radius:0 var(--radius) var(--radius) 0;}
#dcq .co{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--radius);}
#dcq .cbig{color:var(--ink);font-weight:800;letter-spacing:-0.02em;}
#dcq .cbig.warn{color:var(--red);}
#dcq .cbig .u{color:var(--faint);}
#dcq .cverdict{color:var(--ink2);}
#dcq .calchead .chev{color:var(--ink);}
#dcq .calcecho{background:#F2FBF7;border:1px solid #BFE3D2;border-radius:var(--radius);color:var(--ink);}
#dcq .stat .num,#dcq .statgrid .num,#dcq .statwide .num,#dcq .dsec.light .statgrid .num,#dcq .dsec.light .statwide .num{
  color:var(--ink);font-weight:800;letter-spacing:-0.02em;}
#dcq .stat .num i{color:var(--faint);}
#dcq .stat .label{color:var(--ink);}
#dcq .stat .axanchor{border-top:1px dashed var(--line);}
#dcq .proofline{color:var(--ink);}
#dcq .badge{border-radius:20px;font-weight:600;letter-spacing:0;}
#dcq .badge.ok,#dcq .dsec.light .badge.ok{background:rgba(30,158,106,.10);color:var(--green);}
#dcq .badge.sig,#dcq .dsec.light .badge.sig{background:rgba(214,69,69,.10);color:var(--red);}
#dcq .tablekey i.ok{background:var(--green);} #dcq .tablekey i.sig{background:var(--red);}
#dcq .answers td,#dcq .dsec.light .answers td{border-top-color:#E6EAF2;color:var(--ink2);}
#dcq .answers td:first-child{color:var(--ink);}
#dcq .answers tfoot td.cost b{color:var(--ink);}
#dcq .vs .col.yes{border-color:#BFE3D2;} #dcq .vs .col.no{border-color:#F0C9C9;}
#dcq .vs .col.yes h4 em{color:var(--green);} #dcq .vs .col.no h4 em{color:var(--red);}
#dcq .vs .col.yes li::before{color:var(--green);} #dcq .vs .col.no li::before{color:var(--red);}
#dcq .startline{border-top:1px solid var(--line);}

/* ---- email-my-score modal: light, like the briefing form ---- */
#dcq .mailoverlay{background:rgba(20,33,61,.62);backdrop-filter:blur(2px);}
#dcq .mailbox{background:#fff;border:1px solid var(--line);border-radius:var(--card-r);box-shadow:0 24px 70px rgba(20,33,61,.30);}
#dcq .mailbox h3{color:var(--ink);font-size:22px;}
#dcq .mailbox .leadnote{color:var(--ink2);}
#dcq .mailbox .lf label{color:var(--ink);}
#dcq .mailbox .privacy{color:var(--faint);}
#dcq .mailbox .privacy a{color:var(--ink);}
#dcq .mailx{color:var(--faint);}
#dcq .mailx:hover{color:var(--ink);}
#dcq .mailbtn{margin-top:20px;}
#dcq .mailbook{box-shadow:none;}

/* ---- preview control (?preview=1) — keep dark, it is not for readers ---- */
#dcq .dcq-preview b{color:var(--yellow);}
#dcq .dcq-preview .seg button.on{background:var(--yellow);color:var(--ink);}


/* ============================================================
   LOW EFFORT DESIGN v4 (02.10.2026) — the redesigned loweffort.com
   Inter · ink #111F32 · one accent, red #A91614 · white / #F4F8FC
   surfaces · pill buttons · 8px controls, 12px cards. Same values as
   the Claims Simulator. Sits LAST on purpose: it wins the cascade over
   the yellow theme of 09.09. The old accent names (--yellow…) are kept
   and point at the new accent, so every rule above follows.
   ============================================================ */
#le-hub,#dcq,#dc-calc{
  --ink:#111F32; --navy:#111F32; --ink2:#1F2A3A; --muted:#607179; --faint:#667D9B;
  --steel7:#1F2A3A; --steel5:#607179; --steel3:#667D9B; --steel:#B7C3D3;
  --line:#DCE3EC; --lineDk:rgba(255,255,255,.16);
  --paper:#FFFFFF; --paper2:#F4F8FC; --paper-2:#F4F8FC; --cool:#F4F8FC; --card:#FFFFFF; --white:#fff; --cream:#F4F8FC;
  --accent:#A91614; --accent-dk:#8E1210;
  --yellow:#A91614; --yellow-dk:#8E1210; --yellow-tint:#F4F8FC;
  --blue:#111F32; --bluelt:#111F32; --blue-lt:#A91614; --indigo:#111F32; --violet:#667D9B;
  --green:#1E9E6A; --amber:#E39A19; --red:#D64545; --orange:#B7791F;
  --sans:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --serif:var(--sans); --display:var(--sans);
  --radius:8px; --card-r:12px; --ease:cubic-bezier(0.23,1,0.32,1);
  --shadow:0 10px 30px -12px rgba(17,31,50,.18);
  --focus:0 0 0 3px rgba(48,136,255,.28);
  font-family:var(--sans); font-size:16px; line-height:1.6; color:var(--ink2);
  -webkit-font-smoothing:antialiased; border-radius:0;
}
#le-hub ::selection,#dcq ::selection,#dc-calc ::selection{background:var(--ink);color:#fff}
#le-hub :focus-visible,#dcq :focus-visible,#dc-calc :focus-visible{outline:3px solid rgba(48,136,255,.45);outline-offset:3px}

/* ---- own header strip: wordmark + back link, as on the Claims Simulator.
        Hidden as soon as the page carries the site header (.le-in-site). ---- */
#dcq .le-strip,#dc-calc .dcnav{background:#fff;border-bottom:1px solid var(--line);padding:0}
#dcq .le-strip .wrap{max-width:1198px;margin:0 auto;padding:18px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
#dcq .le-brand{position:relative;font-size:22px;font-weight:800;letter-spacing:-.04em;line-height:1.2;color:var(--ink);text-decoration:none;white-space:nowrap}
#dcq .le-brand::after{content:"";position:absolute;left:0;bottom:-5px;width:36px;height:4px;border-radius:2px;background:var(--accent)}
#dcq .le-back{font-size:14px;font-weight:500;color:var(--muted);text-decoration:none}
#dcq .le-back:hover{color:var(--ink)}
#dcq.le-in-site .le-strip,#dc-calc.le-in-site .dcnav{display:none}
/* the site header is fixed and 72px tall */
#le-hub.le-in-site,#dcq.le-in-site,#dc-calc.le-in-site{padding-top:72px}
@media(max-width:420px){#dcq .le-strip .wrap{padding:16px 20px}#dcq .le-back{font-size:13px}#dcq .le-brand{font-size:20px}}
/* ---- scorecard ---- */
#dcq{background:var(--paper)}
#dcq .dcq-landing,#dcq .dcq-progress,#dcq .dcq-quiz,#dcq .dcq-results{border-radius:0}

/* type */
#dcq h1,#dcq .qtext,#dcq .res-h,#dcq .bandtitle h2,#dcq .mailbox h3,#dcq .dsec h2.secttl,
#dcq .insight h3,#dcq .todo h3,#dcq .cta h3,#dcq .calc-title,#dcq .vs h4{font-family:var(--sans);letter-spacing:-.015em;color:var(--ink)}
#dcq h1{font-size:clamp(32px,4.4vw,48px);line-height:1.18}
#dcq h1 span,#dcq .res-h span{background:none;color:var(--accent)}
#dcq .scoreline b,#dcq .bene-intro b,#dcq .auth p b,#dcq .insight b,#dcq .todo b,#dcq .cta p b,
#dcq .anytxt b,#dcq .vignette b,#dcq .cformula b,#dcq .cverdict b,#dcq .grand .notes,
#dcq .startline b,#dcq .statwide p b,#dcq .lede b,#dcq .frag b,#dcq .sectlead b{font-weight:700}

/* buttons: the red pill of the site, one quiet outline */
#dcq .btn,#dcq .mailbtn,#dcq .mailrow .mailbtn,#dcq .mailbook{
  background:var(--accent);color:#fff;border:0;border-radius:999px;font-family:var(--sans);
  font-size:16px;font-weight:600;letter-spacing:0;padding:16px 28px;box-shadow:none;
  transition:background .16s ease,transform .16s ease}
#dcq .btn:hover,#dcq .mailbtn:hover,#dcq .mailrow .mailbtn:hover,#dcq .mailbook:hover{
  background:var(--accent-dk);border-color:transparent;transform:none;box-shadow:none}
#dcq .btn:active,#dcq .mailbtn:active,#dcq .mailbook:active{transform:scale(.97)}
#dcq .btn.ghost,#dcq .accbtn,#dcq .costtoggle{background:#fff;color:var(--ink);border:1px solid var(--line);font-size:14px;font-weight:600;padding:12px 20px}
#dcq .btn.ghost{border-radius:999px}
#dcq .accbtn,#dcq .costtoggle{border-radius:var(--radius)}
#dcq .btn.ghost:hover,#dcq .accbtn:hover,#dcq .costtoggle:hover{background:#fff;border-color:var(--ink);color:var(--ink)}
#dcq .mailbtn[disabled],#dcq .btn[disabled]{background:#C9D1DB;color:#5F6B78;opacity:1;cursor:default}

/* landing */
#dcq .dcq-landing{background:var(--paper);padding:60px 0 56px}
#dcq .lev5 .lv::before{width:auto;height:auto;border-radius:0;background:none;color:var(--accent);font-size:17px;font-weight:700;margin:0 auto 6px}
#dcq .lev5 .lv b{font-size:13px}
#dcq .metastrip span,#dcq .metastrip span.free{background:var(--paper-2);border:1px solid var(--line);color:var(--ink2);border-radius:999px}
#dcq .bene,#dcq .auth,#dcq .vs .col,#dcq .stat,#dcq .statgrid .cell,#dcq .statwide,#dcq .qcard,#dcq .rcard{
  border:1px solid var(--line);border-radius:var(--card-r);box-shadow:none}
#dcq .grand,#dcq .cta{background:var(--paper-2);border:1px solid var(--line);border-radius:var(--card-r)}

/* progress + quiz */
#dcq .dcq-progress{background:#fff;border-bottom:1px solid var(--line)}
#dcq .ptrack{background:var(--line)}
#dcq .pfill{background:var(--accent)}
#dcq .dcq-quiz{background:var(--paper-2)}
#dcq .opt{border:1px solid var(--line);border-radius:var(--radius);color:var(--ink2);transition:border-color .15s}
#dcq .opt:hover{border-color:var(--ink);background:#fff}
#dcq .opt.sel{border-color:var(--ink);background:#fff;color:var(--ink);font-weight:600;box-shadow:inset 3px 0 0 var(--accent)}
#dcq .opt .lb{background:var(--paper-2);color:var(--ink2)}
#dcq .opt.sel .lb{background:var(--ink);color:#fff}
#dcq textarea.open,#dcq .lf input,#dcq .cf input[type=number]{border:1px solid var(--line);border-radius:var(--radius);font-family:var(--sans)}
#dcq textarea.open:focus,#dcq .lf input:focus,#dcq .cf input[type=number]:focus{border-color:var(--ink);box-shadow:var(--focus)}
#dcq .consent input,#dcq .rangewrap input[type=range]{accent-color:var(--accent)}
#dcq .privacy a,#dcq .ln a,#dcq .calc-links a{text-decoration-color:var(--accent)}

/* results */
#dcq .dvr{background:var(--accent)}
#dcq .lightcol i{background:var(--line)}
#dcq .quote{border-left:3px solid var(--accent)}
#dcq .vignette{border-left:3px solid var(--steel)}
#dcq .cformula{border-left:3px solid var(--steel)}
#dcq .anytxt{background:var(--paper-2);border:1px dashed var(--steel)}
#dcq .answers td,#dcq .dsec.light .answers td{border-top-color:var(--line)}
#dcq .mailoverlay{background:rgba(17,31,50,.62)}
#dcq .mailbox{box-shadow:0 24px 70px rgba(17,31,50,.30)}
#dcq .dcq-preview b{color:#fff}
#dcq .dcq-preview .seg button.on{background:var(--accent);color:#fff}
