/* Copyright (c) 2026 JackCan.Dev. All rights reserved. Question of the Day. Pills are rounded rectangles; Dave.Sport yellow as the accent. */
.jcdq{border:1px solid #e5e7eb;border-radius:12px;padding:18px 20px;margin:24px 0;background:#fff}
.jcdq__eyebrow{display:inline-block;margin:0 0 8px;padding:2px 8px;border-radius:6px;background:#fef200;color:#1d2327;font-size:.8rem;font-weight:700;letter-spacing:.02em}
.jcdq__q{margin:0 0 14px;font-size:1.35rem;line-height:1.25}
.jcdq__opts{display:grid;gap:8px}
.jcdq__opt{position:relative;display:flex;justify-content:space-between;align-items:center;width:100%;text-align:left;padding:12px 14px;border:1px solid #d1d5db;border-radius:8px;background:#fff;font:inherit;cursor:pointer;overflow:hidden}
.jcdq__opt:hover:not(:disabled){border-color:#1d2327}
.jcdq__bar{position:absolute;left:0;top:0;bottom:0;width:0;background:#fef200;opacity:.55;transition:width .5s ease;z-index:0}
.jcdq__label,.jcdq__pct{position:relative;z-index:1}.jcdq__pct{font-weight:700}
.jcdq--done .jcdq__opt{cursor:default}.jcdq--busy .jcdq__opt{opacity:.6}
.jcdq__meta{margin:12px 0 0;font-size:.85rem;color:#4b5563}.jcdq__purpose{display:block;margin-top:4px}
@media (prefers-color-scheme:dark){.jcdq{background:#111827;border-color:#374151;color:#f9fafb}.jcdq__opt{background:#1f2937;border-color:#374151;color:#f9fafb}.jcdq__meta{color:#9ca3af}}