.dn-card{border:1px solid rgba(217,196,138,.28);border-radius:16px;padding:18px 20px;margin:14px 0;background:linear-gradient(180deg,rgba(40,30,70,.35),rgba(10,9,18,.2))}
.dn-card.big{padding:24px 26px;border-color:rgba(243,207,107,.55);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.dn-lbl{display:block;font:700 20px "Playfair Display",Georgia,serif;color:#fff;margin-bottom:10px}
.dn-card.big .dn-lbl{font-size:26px}
.dn-row{display:flex;align-items:center;gap:14px;margin:8px 0}
.dn-row small{min-width:86px;font:600 11px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a99c7d}
.dn-share{margin-top:10px}
.dn-more{display:inline-block;margin:12px 0 0 14px}
.dn-vars{display:grid;gap:14px}
.dn-var h3{margin:10px 0 4px}
.dn-tool label{display:block;font-weight:600;margin-bottom:8px}
.dn-in{display:flex;gap:10px;flex-wrap:wrap}
.dn-in input{flex:1 1 240px;min-width:0;padding:12px 16px;border-radius:12px;border:1px solid rgba(217,196,138,.35);background:rgba(255,255,255,.04);color:inherit;font:inherit;font-size:16px}
.dn-chips{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.dn-chips a,.dn-chips button{padding:7px 14px;border-radius:999px;border:1px solid rgba(217,196,138,.3);background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;text-decoration:none}
.dn-chips a:hover,.dn-chips button:hover{border-color:#f3cf6b;color:#f3cf6b}
.dn-chips.all a small{margin-left:6px;opacity:.55;font-size:12px}
@media(max-width:480px){.dn-row{flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0}.dn-row small{min-width:0}.dn-card,.dn-card.big{padding:16px}.dn-card.big .dn-lbl{font-size:22px}}
