.ohd-survey{
  --ohd-paper:#F2F1ED; --ohd-card:#FBFAF8; --ohd-ink:#1C1B19; --ohd-muted:#6E6C66;
  --ohd-rule:#D8D6CE; --ohd-deep:#2F5D50; --ohd-soft:#E3EDE8; --ohd-warn:#8A5A2B;
  --ohd-list-h:260px;
  background:var(--ohd-paper); color:var(--ohd-ink);
  font-family:"Public Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:15px; line-height:1.6; border:1px solid var(--ohd-rule);
  border-radius:3px; padding:16px; margin:1.5em 0; box-sizing:border-box;
}
@media(prefers-color-scheme:dark){.ohd-survey{
  --ohd-paper:#15171A; --ohd-card:#1D2024; --ohd-ink:#E9E7E1; --ohd-muted:#95938C;
  --ohd-rule:#31353B; --ohd-deep:#7FBBA6; --ohd-soft:#1E2E29; --ohd-warn:#C79B6A;
}}
.ohd-survey *{box-sizing:border-box}
.ohd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.ohd-survey .ohd-bar{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin:0 0 9px}
.ohd-survey button{font:inherit;font-size:13px;line-height:1.4;background:var(--ohd-card);
  color:var(--ohd-ink);border:1px solid var(--ohd-rule);border-radius:2px;
  padding:5px 11px;cursor:pointer;margin:0;text-transform:none;letter-spacing:normal;
  box-shadow:none;width:auto;height:auto;min-height:0;transition:border-color .15s}
.ohd-survey button:hover:not(:disabled){border-color:var(--ohd-deep);background:var(--ohd-card)}
.ohd-survey button:disabled{opacity:.35;cursor:default}
.ohd-survey input.ohd-q{font:inherit;font-size:13px;background:var(--ohd-card);
  color:var(--ohd-ink);border:1px solid var(--ohd-rule);border-radius:2px;
  padding:5px 10px;min-width:170px;flex:1;margin:0;box-shadow:none;height:auto}
.ohd-survey button:focus-visible,.ohd-survey input:focus-visible,
.ohd-survey .ohd-exit:focus-visible{outline:2px solid var(--ohd-deep);outline-offset:2px}
.ohd-survey .ohd-count{font-size:12px;color:var(--ohd-muted);
  font-variant-numeric:tabular-nums;margin-left:auto}

.ohd-survey .ohd-trail{font-size:12px;color:var(--ohd-muted);overflow-x:auto;
  white-space:nowrap;padding-bottom:3px;min-height:19px}
.ohd-survey .ohd-trail span{cursor:pointer;text-decoration:underline;
  text-decoration-color:var(--ohd-rule);text-underline-offset:3px}
.ohd-survey .ohd-trail span:hover{color:var(--ohd-deep)}
.ohd-survey .ohd-trail i{font-style:normal;opacity:.4;padding:0 5px}

.ohd-survey .ohd-room{background:var(--ohd-card);border:1px solid var(--ohd-rule);
  border-radius:3px;padding:22px 24px;margin-top:10px}
@media(prefers-reduced-motion:no-preference){
  .ohd-survey .ohd-room{animation:ohdRise .22s ease-out}
  @keyframes ohdRise{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
}
.ohd-survey .ohd-meta{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:8px}
.ohd-survey .ohd-id{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;
  font-size:12px;color:var(--ohd-muted)}
.ohd-survey .ohd-chip{font-size:11px;letter-spacing:.04em;padding:2px 8px;border-radius:2px;
  background:var(--ohd-soft);color:var(--ohd-deep);font-family:ui-monospace,monospace}
.ohd-survey h3.ohd-name{font-family:Fraunces,Georgia,serif;font-size:28px;font-weight:400;
  line-height:1.15;letter-spacing:-.01em;color:var(--ohd-ink);margin:0;padding:0;
  text-transform:none;border:0}
.ohd-survey p.ohd-def{margin:11px 0 0;color:var(--ohd-muted);max-width:64ch;font-size:14.5px;padding:0}
.ohd-survey p.ohd-nodef{margin:11px 0 0;color:var(--ohd-muted);font-style:italic;font-size:14px;padding:0}

.ohd-survey .ohd-exits{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:24px}
@media(max-width:640px){
  .ohd-survey .ohd-exits{grid-template-columns:1fr}
  .ohd-survey h3.ohd-name{font-size:23px}
  .ohd-survey .ohd-room{padding:16px}
}
.ohd-survey .ohd-grp h4{font-family:inherit;font-size:11px;font-weight:500;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ohd-muted);border-bottom:1px solid var(--ohd-rule);
  padding:0 0 5px;margin:0 0 9px}
.ohd-survey .ohd-grp h4 em{font-style:normal;font-family:ui-monospace,monospace;
  text-transform:none;letter-spacing:0;opacity:.65}
.ohd-survey ul{list-style:none;margin:0;padding:0;max-height:var(--ohd-list-h);overflow-y:auto}
.ohd-survey li{padding:2px 0;margin:0;list-style:none;text-indent:0}
.ohd-survey li::before,.ohd-survey li::marker{content:none}
.ohd-survey .ohd-exit{color:var(--ohd-ink);cursor:pointer;text-decoration:none;font-size:14px;
  border-bottom:1px solid transparent;display:inline-block;background:none}
.ohd-survey .ohd-exit:hover{color:var(--ohd-deep);border-bottom-color:var(--ohd-deep)}
.ohd-survey .ohd-exit.ohd-seen::after{content:"\00B7";color:var(--ohd-deep);
  margin-left:5px;font-weight:700}
.ohd-survey .ohd-rel{font-family:ui-monospace,monospace;font-size:11px;
  color:var(--ohd-muted);display:block;margin-bottom:-1px}
.ohd-survey .ohd-empty{font-size:13px;color:var(--ohd-muted);font-style:italic;margin:0}
.ohd-survey .ohd-dead{font-size:13px;color:var(--ohd-warn);font-style:italic;margin:0}
.ohd-survey .ohd-results li{padding:4px 0;border-bottom:1px solid var(--ohd-rule)}
.ohd-survey p.ohd-credit{font-size:11.5px;color:var(--ohd-muted);margin:14px 0 0;
  line-height:1.6;padding:0}
.ohd-survey p.ohd-credit a{color:inherit;text-decoration:underline;
  text-decoration-color:var(--ohd-rule);text-underline-offset:2px}
