.dbr-list{--dbr-bg:#15161d;--dbr-ink:#f7f7fa;--dbr-muted:#b6b8c5;--dbr-accent:#ffce18;display:grid;gap:12px;width:100%;font-family:inherit;container-type:inline-size}
.dbr-list *{box-sizing:border-box}
.dbr-list .dbr-card{position:relative;display:grid;grid-template-columns:minmax(170px,220px) minmax(0,1fr) minmax(150px,190px);align-items:center;gap:24px;background:var(--dbr-bg);color:var(--dbr-ink);border:1px solid #30313b;border-radius:6px;padding:24px;min-height:126px;margin:0;box-shadow:0 3px 12px #11121b08}
.dbr-list .dbr-card:first-child{border-top:3px solid var(--dbr-accent)}
.dbr-rank{position:absolute;inset:0 auto auto 0;display:grid;place-items:center;min-width:28px;height:25px;padding:0 7px;border-radius:5px 0 5px 0;background:var(--dbr-accent);color:#14151b;font-size:12px;font-weight:800;line-height:1;font-variant-numeric:tabular-nums}
.dbr-brand{min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:12px;padding-left:14px}
.dbr-list .dbr-logo{display:block;width:160px;height:52px;max-width:100%;object-fit:contain;object-position:left center;margin:0}
.dbr-wordmark{font-size:28px;line-height:1.1;font-weight:800;letter-spacing:-.8px;overflow-wrap:anywhere;color:#fff}
.dbr-rating{display:flex;gap:9px;align-items:center;flex-wrap:wrap;font-size:11px;line-height:1.4}
.dbr-score{display:inline-flex;gap:3px;align-items:center;border-radius:3px;background:var(--dbr-accent);color:#14151b;padding:3px 6px;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums}
.dbr-star{color:currentColor;font-size:12px;line-height:1}
.dbr-verdict{text-transform:uppercase;letter-spacing:.6px;font-weight:600;color:var(--dbr-muted)}
.dbr-offer{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;border-left:1px solid #343540;padding-left:24px}
.dbr-offer-label{display:inline-block;background:#ffce1817;border:1px solid #ffce1833;border-radius:3px;padding:3px 7px;color:var(--dbr-accent);font-size:10px;line-height:1.2;font-weight:800;letter-spacing:1px;text-transform:uppercase}
.dbr-list .dbr-offer p{margin:0;color:#d5d6df;font-size:14px;line-height:1.6;font-style:normal;overflow-wrap:anywhere;white-space:pre-line}
.dbr-list .dbr-button{--dbr-icon:32px;display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;width:100%;min-height:48px;padding:7px 8px 7px 16px;background:var(--dbr-accent);border:1px solid var(--dbr-accent);border-radius:5px;color:#15161c;font-size:14px;font-weight:800;line-height:1.35;text-transform:uppercase;letter-spacing:.3px;text-decoration:none;box-shadow:none;transition:background-color .15s,border-color .15s}
.dbr-button>span:first-child{min-width:0;overflow-wrap:anywhere}
.dbr-list .dbr-button:hover{background:#ffdc58;border-color:#ffdc58;color:#15161c}
.dbr-list .dbr-button:focus-visible{outline:3px solid #fff;outline-offset:3px}
.dbr-list .dbr-arrow{position:relative;display:block;flex:0 0 var(--dbr-icon);width:var(--dbr-icon);height:var(--dbr-icon);aspect-ratio:1;align-self:center;border-radius:4px;background:#15161c14;color:#15161c;font-size:0;line-height:0}
.dbr-arrow::before{content:"";position:absolute;width:12px;height:2px;left:50%;top:50%;background:currentColor;transform:translate(-50%,-50%);border-radius:1px}
.dbr-arrow::after{content:"";position:absolute;width:7px;height:7px;left:50%;top:50%;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:translate(-20%,-50%) rotate(45deg)}
.dbr-list .dbr-button-disabled{background:#d1ad25;border-color:#d1ad25;color:#15161c;opacity:1;cursor:default}
@container (max-width:820px){.dbr-list .dbr-card{grid-template-columns:minmax(145px,190px) minmax(0,1fr);gap:18px;padding:22px;min-height:0}.dbr-brand{grid-row:1 / 3;padding-left:10px}.dbr-offer{padding-left:18px}.dbr-list .dbr-button{grid-column:2;max-width:240px;justify-self:end}.dbr-wordmark{font-size:26px}}
@container (max-width:560px){.dbr-list .dbr-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 20px 20px}.dbr-brand{grid-row:auto;padding-left:16px;gap:10px}.dbr-list .dbr-logo{width:148px;height:48px}.dbr-offer{border-left:0;border-top:1px solid #343540;padding:16px 0 0;gap:8px}.dbr-list .dbr-button{grid-column:auto;max-width:none;min-height:48px;--dbr-icon:30px;padding:8px 9px 8px 15px}.dbr-list .dbr-offer p{font-size:13px}.dbr-wordmark{font-size:26px}}
@media (max-width:560px){.dbr-list .dbr-card{grid-template-columns:minmax(0,1fr);gap:18px;padding:24px 20px 20px}.dbr-brand{grid-row:auto;padding-left:16px}.dbr-offer{border-left:0;border-top:1px solid #343540;padding:16px 0 0}.dbr-list .dbr-button{grid-column:auto;max-width:none;min-height:48px;--dbr-icon:30px}}
@media (prefers-reduced-motion:reduce){.dbr-list .dbr-button{transition:none}}

/* CTA emphasis 1.1.1 */
.dbr-list .dbr-button,.dbr-list .dbr-button-disabled{background:linear-gradient(110deg,#ffe76b 0%,#ffd52a 45%,#ffc400 100%);border:1px solid #ffdf46;color:#11131a;box-shadow:0 4px 14px #ffca1830,inset 0 1px 0 #fff7c099;font-size:15px;font-weight:900;letter-spacing:.45px;opacity:1;transition:transform .16s,box-shadow .16s,filter .16s}
.dbr-list .dbr-arrow{background:#171820;color:#ffdc38;box-shadow:inset 0 0 0 1px #ffffff0d}
.dbr-list .dbr-button:hover{background:linear-gradient(110deg,#fff196,#ffdf49 50%,#ffd01b);border-color:#fff09a;color:#11131a;transform:translateY(-2px);box-shadow:0 7px 20px #ffca1847}
.dbr-list .dbr-button:hover .dbr-arrow{background:#08090d;color:#ffe76b}
.dbr-list .dbr-button:active{transform:translateY(0);box-shadow:0 2px 7px #ffca182e}
@media(prefers-reduced-motion:reduce){.dbr-list .dbr-button{transition:none}.dbr-list .dbr-button:hover{transform:none}}

.dbr-list button.dbr-button{font-family:inherit;margin:0;appearance:none;-webkit-appearance:none;text-align:left}.dbr-list button.dbr-button:disabled{cursor:not-allowed}