/* Today's Problem card. Scoped under .dp. Dark mode follows the site's html.dk switch. */
.dp{--dp-bg:var(--surface);--dp-ink:var(--fg);--dp-mu:var(--muted);--dp-line:var(--soft);--dp-soft:var(--soft);--dp-pri:var(--primary);--dp-vio:var(--violet);--dp-gold:var(--gold);--dp-ok:var(--ok);
  max-width:760px;margin:0 auto;background:var(--dp-bg);color:var(--dp-ink);border:1px solid var(--dp-line);border-radius:var(--r-card);padding:20px;box-shadow:var(--shadow);box-sizing:border-box;text-align:left}
.dp *{box-sizing:border-box}
.dpHead{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;margin-bottom:12px}
.dpKick{font:800 18px/1.2 var(--display,"Outfit",sans-serif);background:var(--primary);-webkit-background-clip:text;background-clip:text;color:transparent}
.dpSub{color:var(--dp-mu);font-size:14px}
.dpSel{display:block;width:100%;min-height:46px;margin:0 0 14px;padding:8px 12px;border:2px solid var(--field-line);border-radius:var(--r-ctl);background:var(--surface);color:var(--fg);font:inherit;font-weight:600;cursor:pointer}
.dpSel:focus-visible{outline:3px solid var(--dp-pri);outline-offset:2px;border-color:var(--primary)}
.dpSel option:disabled{color:var(--muted)}
.dpSel.dpEmpty{color:var(--dp-mu)}
.dpMeta{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.dpChip{font-size:12px;font-weight:700;padding:3px 10px;border-radius:99px;background:var(--dp-soft);color:var(--dp-mu)}
.dpD.dpEasy{background:var(--ok-s);color:var(--ok)}.dpD.dpMedium{background:var(--warn-s);color:var(--warn)}.dpD.dpHard{background:var(--soft);color:var(--primary)}
.dpQ{font-size:17px;line-height:1.6;margin:0 0 14px;overflow-wrap:anywhere}
.dpOpts{display:grid;gap:8px;margin-bottom:14px}
.dpOpt{display:flex;align-items:center;gap:10px;min-height:44px;width:100%;padding:8px 12px;border:1.5px solid var(--dp-line);border-radius:var(--r-ctl);background:var(--dp-bg);color:inherit;text-align:left;font:inherit;cursor:pointer;transition:border-color .15s,background .15s}
.dpOpt b{flex:none;width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--dp-soft);color:var(--dp-pri);font-size:13px}
.dpOpt span{min-width:0;overflow-wrap:anywhere}
.dpOpt:hover{border-color:var(--dp-pri)}
.dpOpt.dpPicked{border-color:var(--dp-pri);background:var(--dp-soft)}
.dpOpt.dpRight{border-color:var(--dp-ok);background:var(--ok-s)}
.dpActs{display:flex;flex-wrap:wrap;gap:8px}
.dpBtn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border:1.5px solid var(--dp-line);border-radius:var(--r-ctl);background:var(--dp-bg);color:var(--dp-ink);font:700 14px/1 inherit;font-family:inherit;text-decoration:none;cursor:pointer}
.dpBtn:hover{border-color:var(--dp-pri)}
.dpAux{margin-top:12px}
.dpBtn:disabled{opacity:.55;cursor:not-allowed}
.dpPri{background:var(--dp-pri);border-color:transparent;color:var(--on-primary)}
.dpBtn[aria-pressed="true"]{border-color:var(--dp-gold);color:var(--dp-gold)}
.dpBtn:focus-visible,.dpOpt:focus-visible{outline:3px solid var(--dp-pri);outline-offset:2px}
.dpHint,.dpTrust{color:var(--dp-mu);font-size:13px;margin:12px 0 0}
.dpSol{margin-top:14px;padding:14px;border-radius:var(--r-card);background:var(--dp-soft);border-left:4px solid var(--dp-ok);line-height:1.65;overflow-wrap:anywhere}
.dpAns{margin:0 0 8px}
.dpNone,.dpErr{margin:6px 0;padding:18px;border-radius:var(--r-ctl);background:var(--dp-soft);color:var(--dp-mu);text-align:center}
.dpSkel{display:grid;gap:10px}
.dpSkel i{display:block;height:18px;border-radius:var(--r-ctl);background:var(--dp-soft);background-size:200% 100%;animation:dpsh 1.4s linear infinite}
.dpSkel i:nth-child(1){width:90%}.dpSkel i:nth-child(2){width:70%}.dpSkel i:nth-child(3){width:50%;height:44px}
.dpSr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
@keyframes dpsh{to{background-position:-200% 0}}
#ldDaily{padding:36px 0 8px}
#ldDaily .ldW{text-align:center}
#dpApp,#dpDash{margin:12px 0 18px;max-width:none;width:100%}
#dpDash{margin:0}
#dpApp .dp,#dpDash .dp{max-width:none;margin:0}
@media (max-width:480px){.dp{padding:14px;border-radius:var(--r-card)}.dpQ{font-size:16px}.dpBtn{flex:1 1 auto;padding:0 12px}}
@media (prefers-reduced-motion:reduce){.dp *,.dp *::before{transition:none!important;animation:none!important}}
html.dk .dp{--dp-bg:var(--soft);--dp-ink:var(--fg);--dp-mu:var(--muted);--dp-line:var(--line2);--dp-soft:var(--soft);--dp-pri:var(--primary);--dp-vio:var(--primary);--dp-gold:var(--primary);--dp-ok:var(--ok);box-shadow:none}
html.dk .dpD.dpEasy{background:var(--ok-s);color:var(--ok)}html.dk .dpD.dpMedium{background:var(--warn-s);color:var(--warn)}html.dk .dpD.dpHard{background:var(--soft);color:var(--primary)}
html.dk .dpOpt.dpRight{background:var(--ok-s)}
html.dk .dpPri{color:var(--on-primary)}