.dlh-survey-shell{--bg:#0b1322;--card:#161f2d;--card2:#111a28;--border:#334155;--text:#f5f7fb;--muted:#aeb9c8;--accent:#f97316;max-width:1050px;margin:24px auto;color:var(--text);font-family:inherit}.dlh-survey-public-hero{background:linear-gradient(135deg,#101a2d,#0f1726);border:1px solid var(--border);border-radius:20px;padding:28px;margin-bottom:18px}.dlh-survey-public-hero>span,.dlh-section-title>span{font-size:11px;letter-spacing:.18em;color:#ff8a3d;font-weight:800}.dlh-survey-public-hero h1{font-size:34px;color:#fff;margin:7px 0 12px}.dlh-survey-public-hero p{font-size:16px;line-height:1.6;color:var(--muted)}.dlh-survey-meta{display:inline-block;margin-top:10px;background:#1b2636;border:1px solid #38485c;border-radius:999px;padding:7px 12px;color:#cbd5e1;font-size:13px}.dlh-survey-section{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;margin-bottom:18px}.dlh-section-title{border-bottom:1px solid #344255;padding-bottom:14px;margin-bottom:8px}.dlh-section-title h2{color:#fff;margin:4px 0 0}.dlh-question{padding:20px 0;border-bottom:1px solid #2d394a}.dlh-question:last-child{border-bottom:0}.dlh-q-head{display:flex;gap:13px}.dlh-q-number{width:34px;height:34px;flex:0 0 34px;border-radius:9px;display:grid;place-items:center;background:#3a2b23;color:#ff9a57;font-weight:800}.dlh-q-head h3{color:#fff;margin:2px 0;font-size:18px}.dlh-q-head h3 em{color:#ff8a3d;font-style:normal}.dlh-q-head p{margin:5px 0 0;color:var(--muted)}.dlh-q-body{margin:14px 0 0 47px}.dlh-choice{display:flex;align-items:center;gap:10px;background:var(--card2);border:1px solid #39485b;border-radius:10px;padding:11px 13px;margin:8px 0;cursor:pointer}.dlh-choice input{accent-color:var(--accent)}.dlh-q-body>input[type=text],.dlh-q-body textarea{width:100%;box-sizing:border-box;background:#0d1520;border:1px solid #46566b;border-radius:10px;color:#fff;padding:12px;font-size:16px}.dlh-scale .labels,.dlh-grid-legend{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:7px}.dlh-scale .values{display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.dlh-scale label,.dlh-rating-row label{position:relative}.dlh-scale input,.dlh-rating-row input{position:absolute;opacity:0}.dlh-scale label span,.dlh-rating-row label span{display:grid;place-items:center;min-height:42px;border:1px solid #405069;border-radius:9px;background:#101925;cursor:pointer}.dlh-scale input:checked+span,.dlh-rating-row input:checked+span{background:#f97316;border-color:#f97316;color:#fff;font-weight:800}.dlh-rating-grid{display:grid;gap:9px}.dlh-rating-row{display:grid;grid-template-columns:minmax(220px,1fr) minmax(320px,1.4fr);gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid #2c394a}.dlh-rating-row>div{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.dlh-rating-row>div:has(.na){grid-template-columns:repeat(5,1fr) minmax(100px,1.6fr)}.dlh-rating-row .na span{font-size:11px;padding:0 6px}.dlh-survey-submit{background:#101a2a;border:1px solid var(--border);border-radius:16px;padding:20px;text-align:center}.dlh-survey-submit p{color:var(--muted)}.dlh-survey-btn{display:inline-block;background:#f97316;color:#fff!important;border:0;border-radius:9px;padding:12px 20px;font-weight:800;text-decoration:none;cursor:pointer}.dlh-survey-error,.dlh-survey-message{max-width:900px;margin:20px auto;padding:18px;border-radius:12px;background:#28191b;border:1px solid #744047;color:#ffd7da}.dlh-survey-message{background:#111a28;border-color:#334155;color:#e5ebf2}.dlh-survey-message h2{color:#fff}@media(max-width:760px){.dlh-survey-public-hero{padding:20px}.dlh-survey-public-hero h1{font-size:27px}.dlh-survey-section{padding:18px}.dlh-q-body{margin-left:0}.dlh-rating-row{grid-template-columns:1fr}.dlh-rating-row>div{min-width:0}.dlh-rating-grid{overflow-x:auto}.dlh-scale .labels{font-size:11px}}

.dlh-survey-preview-banner{display:flex;gap:14px;align-items:flex-start;background:#332315;border:1px solid #a85b1f;border-radius:14px;padding:14px 16px;margin-bottom:16px;color:#ffe4cf}.dlh-survey-preview-banner strong{flex:0 0 auto;letter-spacing:.12em;color:#ff9a57}.dlh-survey-preview-banner span{line-height:1.45}.dlh-survey-form.is-preview .dlh-choice,.dlh-survey-form.is-preview .dlh-scale label span,.dlh-survey-form.is-preview .dlh-rating-row label span{cursor:pointer}.dlh-survey-submit.is-preview{border-color:#7b4a25;background:#201a17}.dlh-survey-submit.is-preview .dlh-survey-btn[disabled]{opacity:.45;cursor:not-allowed}.dlh-survey-actions{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.dlh-survey-preview-banner{flex-direction:column;gap:5px}}
.dlh-survey-deadline{display:flex;align-items:flex-start;gap:10px;margin:18px 0 4px;padding:12px 14px;border:1px solid #8a4a20;border-radius:12px;background:#241a14;color:#ffe8d6}.dlh-survey-deadline strong{color:#ff9a57;white-space:nowrap}.dlh-survey-deadline span{line-height:1.4}@media(max-width:760px){.dlh-survey-deadline{flex-direction:column;gap:4px}.dlh-survey-deadline strong{white-space:normal}}
.dlh-survey-message .dlh-survey-state{display:inline-block;margin-bottom:6px;color:#ff9a57;font-size:11px;font-weight:800;letter-spacing:.14em}.dlh-survey-message.is-planned{border-color:#7a5b2d;background:#211d15;color:#e9dfca}.dlh-survey-message.is-ended{border-color:#4b5563;background:#171b22;color:#cbd5e1}.dlh-survey-message .dlh-survey-deadline{margin-top:14px;margin-bottom:0}

.dlh-survey-message.is-success{border-color:#2f6f55;background:#10241d;color:#d9f7e8}.dlh-survey-message.is-success .dlh-survey-state{color:#55d697}

.dlh-survey-promo{--accent:#f97316;display:flex;align-items:center;gap:14px;box-sizing:border-box;background:linear-gradient(135deg,#17120f,#111827);border:1px solid #9a4d1d;border-radius:14px;color:#f8fafc;padding:14px 16px;box-shadow:0 12px 36px rgba(0,0,0,.28);font-family:inherit}.dlh-survey-promo-icon{font-size:27px}.dlh-survey-promo-copy{min-width:0;flex:1}.dlh-survey-promo-copy>span{display:block;color:#ff9a57;font-size:11px;font-weight:800;letter-spacing:.12em}.dlh-survey-promo-copy strong{display:block;color:#fff;font-size:18px;margin:2px 0}.dlh-survey-promo-copy p{margin:0;color:#c8d0dc;line-height:1.4}.dlh-survey-promo-sitewide{max-width:1180px;margin:12px auto;padding-left:18px;padding-right:18px}.dlh-survey-promo-card{max-width:1050px;margin:18px auto}.dlh-survey-promo-compact{max-width:1050px;margin:12px auto;padding:10px 12px}.dlh-survey-promo-compact .dlh-survey-promo-copy p{display:none}.dlh-survey-promo-compact .dlh-survey-promo-copy strong{font-size:16px}@media(max-width:760px){.dlh-survey-promo{align-items:flex-start;flex-wrap:wrap}.dlh-survey-promo .dlh-survey-btn{width:100%;text-align:center}.dlh-survey-promo-sitewide{margin:8px 12px}}


/* Beta 19: Theme-bridge polish for the sitewide survey promo so it integrates into the DLH dark frontend instead of looking like an isolated foreign block. */
.dlh-survey-promo{--dlh-promo-accent:#ff7a1a;--dlh-promo-accent-text:#111827;display:flex;align-items:center;gap:16px;box-sizing:border-box;background:linear-gradient(135deg,rgba(8,18,35,.98),rgba(15,35,66,.95));border:1px solid rgba(83,114,162,.42);border-radius:18px;color:#f8fafc;padding:16px 18px;box-shadow:0 14px 36px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.03);font-family:inherit;position:relative;overflow:hidden}.dlh-survey-promo::before{content:"";position:absolute;inset:0 auto 0 0;width:4px;background:linear-gradient(180deg,#ff9b52,#ff7a1a);opacity:.95}.dlh-survey-promo-icon{font-size:26px;inline-size:46px;block-size:46px;display:grid;place-items:center;border-radius:14px;background:rgba(255,122,26,.12);box-shadow:inset 0 0 0 1px rgba(255,122,26,.22)}.dlh-survey-promo-copy{min-width:0;flex:1}.dlh-survey-promo-copy>span{display:block;color:#ffb27c;font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.dlh-survey-promo-copy strong{display:block;color:#ffffff;font-size:18px;line-height:1.25;margin:3px 0 4px}.dlh-survey-promo-copy p{margin:0;color:#cbd5e1;line-height:1.45;max-width:62ch}.dlh-survey-promo-sitewide{max-width:1180px;margin:12px auto;padding-left:18px;padding-right:18px}.dlh-survey-promo-card{max-width:1050px;margin:18px auto}.dlh-survey-promo-compact{max-width:1050px;margin:12px auto;padding:12px 14px}.dlh-survey-promo-compact .dlh-survey-promo-copy p{display:none}.dlh-survey-promo-compact .dlh-survey-promo-copy strong{font-size:16px}.dlh-survey-promo .dlh-survey-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:12px;border:1px solid rgba(255,255,255,.06);background:var(--dlh-promo-accent);color:var(--dlh-promo-accent-text)!important;font-weight:800;line-height:1;text-decoration:none;box-shadow:0 10px 24px rgba(255,122,26,.28);white-space:nowrap}.dlh-survey-promo .dlh-survey-btn:hover,.dlh-survey-promo .dlh-survey-btn:focus{transform:translateY(-1px);background:#ff8d35;color:#111827!important;box-shadow:0 12px 26px rgba(255,122,26,.33)}@media(max-width:760px){.dlh-survey-promo{align-items:flex-start;flex-wrap:wrap;padding:14px 14px 16px}.dlh-survey-promo .dlh-survey-btn{width:100%;text-align:center}.dlh-survey-promo-sitewide{margin:8px 12px}.dlh-survey-promo-copy strong{font-size:17px}}

/* Beta 20: make the sitewide survey promo react to the live DLH Designer / theme tokens.
   Only colors, surfaces, borders and CTA styling change; geometry stays stable. */
.dlh-survey-promo{
  --dlh-promo-page: var(--dlh-design-page, var(--dlh-background, #081223));
  --dlh-promo-surface: var(--dlh-design-surface, var(--dlh-surface, #13233a));
  --dlh-promo-card: var(--dlh-design-card, var(--dlh-card, #10213a));
  --dlh-promo-hover: var(--dlh-design-hover, var(--dlh-hover, #18304f));
  --dlh-promo-border: var(--dlh-design-border, var(--dlh-border, #355172));
  --dlh-promo-text: var(--dlh-design-text, var(--dlh-text, #f8fafc));
  --dlh-promo-muted: var(--dlh-design-muted, var(--dlh-muted, #cbd5e1));
  --dlh-promo-accent: var(--dlh-design-accent, var(--dlh-accent, #ff7a1a));
  --dlh-promo-accent-text: var(--dlh-design-accent-text, var(--dlh-accent_text, #111827));
  background:
    linear-gradient(
      135deg,
      color-mix(in srgb, var(--dlh-promo-card) 90%, var(--dlh-promo-accent) 10%),
      color-mix(in srgb, var(--dlh-promo-surface) 94%, var(--dlh-promo-page) 6%)
    );
  border:1px solid color-mix(in srgb, var(--dlh-promo-border) 84%, var(--dlh-promo-accent) 16%);
  color:var(--dlh-promo-text);
  box-shadow:var(--dlh-shadow, 0 14px 36px rgba(0,0,0,.18));
}
.dlh-survey-promo::before{
  background:linear-gradient(
    180deg,
    color-mix(in srgb, var(--dlh-promo-accent) 72%, white 28%),
    var(--dlh-promo-accent)
  );
}
.dlh-survey-promo-icon{
  color:var(--dlh-promo-accent);
  background:color-mix(in srgb, var(--dlh-promo-accent) 14%, transparent);
  box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--dlh-promo-accent) 28%, transparent);
}
.dlh-survey-promo-copy > span{
  color:color-mix(in srgb, var(--dlh-promo-accent) 62%, var(--dlh-promo-text) 38%);
}
.dlh-survey-promo-copy strong{
  color:var(--dlh-promo-text);
}
.dlh-survey-promo-copy p{
  color:var(--dlh-promo-muted);
}
.dlh-survey-promo .dlh-survey-btn{
  background:var(--dlh-promo-accent);
  color:var(--dlh-promo-accent-text)!important;
  border-color:color-mix(in srgb, var(--dlh-promo-accent) 72%, var(--dlh-promo-border) 28%);
  box-shadow:0 10px 24px color-mix(in srgb, var(--dlh-promo-accent) 28%, transparent);
  transition:background var(--dlh-animation-speed,180ms) ease,transform var(--dlh-animation-speed,180ms) ease,box-shadow var(--dlh-animation-speed,180ms) ease;
}
.dlh-survey-promo .dlh-survey-btn:hover,
.dlh-survey-promo .dlh-survey-btn:focus{
  background:color-mix(in srgb, var(--dlh-promo-accent) 88%, white 12%);
  color:var(--dlh-promo-accent-text)!important;
  box-shadow:0 12px 28px color-mix(in srgb, var(--dlh-promo-accent) 34%, transparent);
}

/* Beta 21: deterministic sitewide Designer contract.
 * The public DLH site has a dark shell, therefore the sitewide announcement
 * always consumes the DARK half of the selected Designer pair. This avoids
 * Chrome/Safari differences caused by browser color-scheme preferences.
 * Embedded/card survey promos remain component-themed via .dlh-light/.dlh-dark. */
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"]{
  --dlh-promo-page:var(--dlh-survey-light-background,var(--dlh-design-page,var(--dlh-background,#f3f5f7)));
  --dlh-promo-surface:var(--dlh-survey-light-surface,var(--dlh-design-surface,var(--dlh-surface,#fff)));
  --dlh-promo-card:var(--dlh-survey-light-card,var(--dlh-design-card,var(--dlh-card,#fff)));
  --dlh-promo-hover:var(--dlh-survey-light-hover,var(--dlh-design-hover,var(--dlh-hover,#eef2f6)));
  --dlh-promo-border:var(--dlh-survey-light-border,var(--dlh-design-border,var(--dlh-border,#cbd3dd)));
  --dlh-promo-text:var(--dlh-survey-light-text,var(--dlh-design-text,var(--dlh-text,#17202b)));
  --dlh-promo-muted:var(--dlh-survey-light-muted,var(--dlh-design-muted,var(--dlh-muted,#667385)));
  --dlh-promo-accent:var(--dlh-survey-light-accent,var(--dlh-design-accent,var(--dlh-accent,#ff7a1a)));
  --dlh-promo-accent-text:var(--dlh-survey-light-accent_text,var(--dlh-design-accent-text,var(--dlh-accent_text,#fff)));
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"].dlh-dark,
.dlh-survey-promo[data-dlh-promo-mode="sitewide-dark"]{
  --dlh-promo-page:var(--dlh-survey-dark-background,#0b0f14);
  --dlh-promo-surface:var(--dlh-survey-dark-surface,#151a21);
  --dlh-promo-card:var(--dlh-survey-dark-card,#1b2129);
  --dlh-promo-hover:var(--dlh-survey-dark-hover,#252d38);
  --dlh-promo-border:var(--dlh-survey-dark-border,#3a4553);
  --dlh-promo-text:var(--dlh-survey-dark-text,#f7f9fc);
  --dlh-promo-muted:var(--dlh-survey-dark-muted,#b5c0ce);
  --dlh-promo-accent:var(--dlh-survey-dark-accent,#60a5fa);
  --dlh-promo-accent-text:var(--dlh-survey-dark-accent_text,#ffffff);
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"]{
  background:linear-gradient(135deg,var(--dlh-promo-card),var(--dlh-promo-surface))!important;
  border-color:var(--dlh-promo-border)!important;
  color:var(--dlh-promo-text)!important;
  box-shadow:var(--dlh-shadow,0 10px 28px rgba(0,0,0,.18))!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"]::before{
  background:var(--dlh-promo-accent)!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-promo-icon{
  color:var(--dlh-promo-accent)!important;
  background:transparent!important;
  border:1px solid var(--dlh-promo-border)!important;
  box-shadow:none!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-promo-copy>span{
  color:var(--dlh-promo-accent)!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-promo-copy strong{
  color:var(--dlh-promo-text)!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-promo-copy p{
  color:var(--dlh-promo-muted)!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-btn{
  background:var(--dlh-promo-accent)!important;
  color:var(--dlh-promo-accent-text)!important;
  border-color:var(--dlh-promo-accent)!important;
  box-shadow:none!important;
}
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-btn:hover,
.dlh-survey-promo[data-dlh-theme-scope="survey-promo"] .dlh-survey-btn:focus{
  filter:brightness(1.08);
  background:var(--dlh-promo-accent)!important;
  color:var(--dlh-promo-accent-text)!important;
}