
.dpq{--ink:#241f1c;--cream:#faf8f4;--sand:#f3eee8;--line:#e4dcd1;--gold:#9a7433;--blush:#efe1dd;--ok:#3f7a55;max-width:640px;margin:0 auto 8px;color:var(--ink);font-size:15px;line-height:1.5;text-align:left}
.dpq *{box-sizing:border-box}
.dpq [hidden]{display:none!important}
.dpq p{margin:0}
.dpq img{border:0!important;box-shadow:none!important;margin:0!important;border-radius:0}
.dpq a{text-decoration:none}
.dpq-card{background:#fff;border:1px solid var(--line);padding:24px 20px;animation:dpqIn .35s ease both}
@keyframes dpqIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.dpq-eyebrow{font-size:11px!important;letter-spacing:.14em;text-transform:uppercase;color:var(--gold);margin-bottom:8px!important}
.dpq-lead{font-size:17px!important;line-height:1.45;margin-bottom:14px!important}
.dpq-ticks{list-style:none;padding:0!important;margin:0 0 20px!important}
.dpq-ticks li{position:relative;padding-left:24px;margin:0 0 6px;font-size:14px}
.dpq-ticks li:before{content:"✓";position:absolute;left:0;top:0;color:var(--gold);font-weight:700}
.dpq-btn{appearance:none;display:flex;align-items:center;justify-content:center;gap:8px;width:100%;min-height:50px;padding:12px 18px;border:1px solid var(--ink);border-radius:4px;background:#fff;color:var(--ink);font:inherit;font-size:15px;letter-spacing:.02em;cursor:pointer;text-align:center;transition:background .2s,color .2s,opacity .2s}
.dpq-btn--dark{background:var(--ink);color:var(--cream)}
.dpq-btn--dark:hover{background:#3a332e}
.dpq-btn--gold{background:var(--gold);border-color:var(--gold);color:#fff}
.dpq-btn--gold:hover{background:#86652b}
.dpq-btn:disabled{opacity:.55;cursor:default}
.dpq-btn:focus-visible,.dpq-opt:focus-visible,.dpq-back:focus-visible,.dpq-link:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.dpq-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px;min-height:28px}
.dpq-back{appearance:none;background:none;border:0;padding:4px 0;font:inherit;font-size:14px;color:var(--ink);cursor:pointer;opacity:.75}
.dpq-back:hover{opacity:1}
.dpq-count{font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:#7a6f66;margin-left:auto}
.dpq-bar{height:3px;background:var(--sand);margin-bottom:22px;overflow:hidden}
.dpq-bar span{display:block;height:100%;width:0;background:var(--gold);transition:width .35s ease}
.dpq-bar--run span{width:40%;animation:dpqRun 1s ease-in-out infinite}
@keyframes dpqRun{from{transform:translateX(-100%)}to{transform:translateX(250%)}}
.dpq-q{font-family:var(--font-heading-family,Georgia,serif);font-size:24px!important;line-height:1.25;margin:0 0 6px!important;font-weight:400;outline:none;letter-spacing:0}
.dpq-hint{font-size:13px!important;color:#7a6f66;margin-bottom:16px!important;min-height:1px}
.dpq-opts{display:grid;gap:10px;margin-bottom:16px}
.dpq-opt{appearance:none;display:flex;align-items:center;gap:14px;width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:6px;background:var(--cream);color:var(--ink);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s,background .15s,transform .15s}
.dpq-opt:hover{border-color:#bfb3a5}
.dpq-opt:active{transform:scale(.99)}
.dpq-opt[aria-pressed="true"]{border-color:var(--ink);background:#fff;box-shadow:inset 0 0 0 1px var(--ink)}
.dpq-emo{flex:0 0 40px;height:40px;border-radius:50%;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:20px;line-height:1}
.dpq-opt[aria-pressed="true"] .dpq-emo{border-color:var(--gold)}
.dpq-otx{flex:1;min-width:0}
.dpq-ot{display:block;font-size:15px;font-weight:600;line-height:1.3}
.dpq-od{display:block;font-size:13px;color:#7a6f66;line-height:1.35;margin-top:2px}
.dpq-chk{flex:0 0 22px;height:22px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:12px;color:transparent}
.dpq-opt[aria-pressed="true"] .dpq-chk{background:var(--ink);border-color:var(--ink);color:#fff}
.dpq-loading{text-align:center;padding:40px 20px}
.dpq-loading .dpq-bar{max-width:220px;margin:18px auto 0}
.dpq-res-head{background:var(--ink);color:var(--cream);padding:22px 20px;animation:dpqIn .35s ease both}
.dpq-res-head .dpq-eyebrow{color:#d9bf8c}
.dpq-res-head .dpq-q{color:var(--cream)}
.dpq-res-sum{font-size:14px!important;opacity:.85}
.dpq-pick{display:grid;grid-template-columns:112px 1fr;gap:14px;background:#fff;border:1px solid var(--line);border-top:0;padding:16px;animation:dpqIn .4s ease both}
.dpq-pick--top{grid-template-columns:1fr;background:var(--cream)}
.dpq-pick-img{display:block;background:var(--sand);aspect-ratio:1/1;overflow:hidden}
.dpq-pick-img img{width:100%!important;height:100%!important;object-fit:contain;mix-blend-mode:multiply}
.dpq-pick--top .dpq-pick-img{max-width:230px;width:100%;margin:0 auto}
.dpq-tag{display:inline-block;font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.dpq-brand{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#7a6f66}
.dpq-name{font-family:var(--font-heading-family,Georgia,serif);font-size:20px;line-height:1.2;margin:2px 0 6px;color:var(--ink);display:block}
.dpq-pick--top .dpq-name{font-size:26px}
.dpq-match{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--ok);background:#eaf3ed;border-radius:20px;padding:3px 10px;margin-bottom:8px}
.dpq-why{font-size:14px!important;margin-bottom:4px!important}
.dpq-notes{font-size:13px!important;color:#7a6f66;margin-bottom:8px!important}
.dpq-price{font-size:18px;font-weight:600;margin:4px 0 10px}
.dpq-acts{display:grid;gap:8px}
.dpq-pick--top .dpq-acts{grid-template-columns:1fr 1fr}
.dpq-added{font-size:13px;color:var(--ok);font-weight:600}
.dpq-perks{background:var(--blush);padding:16px 20px;border:1px solid var(--line);border-top:0;font-size:14px}
.dpq-perks p{margin:0 0 4px!important}
.dpq-perks p:last-child{margin:0!important}
.dpq-more{background:#fff;border:1px solid var(--line);border-top:0;padding:18px 20px;display:grid;gap:10px}
.dpq-link{appearance:none;background:none;border:0;padding:0;font:inherit;font-size:14px;color:var(--ink);text-decoration:underline!important;text-underline-offset:3px;cursor:pointer;text-align:center}
.dpq-wa{background:#25d366;border-color:#25d366;color:#fff}
.dpq-wa:hover{background:#1fb457}
.dpq-links{display:flex;flex-wrap:wrap;gap:6px 18px;justify-content:center}
@media (min-width:640px){.dpq-card{padding:32px}.dpq-q{font-size:28px!important}.dpq-opts--2{grid-template-columns:1fr 1fr}.dpq-pick--top{grid-template-columns:260px 1fr;align-items:center}.dpq-pick--top .dpq-acts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.dpq *{animation:none!important;transition:none!important}}
