/* Redesign: simple scannable offers, detail pages and compare. Loaded after style.css. */
.rd{padding-top:20px;padding-bottom:120px}
.rd h1{font-size:44px;line-height:1.1;margin:.3em 0 .2em;letter-spacing:-.01em}
.rd-hero{margin:8px 0 28px}.rd-lead{font-size:20px;line-height:1.5;color:var(--mut);max-width:640px;margin:.4em 0 0}
.rd .upd{margin-top:6px}
.rd-tools{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px;margin:0 0 8px}
.rd-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
.rd-tabs::-webkit-scrollbar{display:none}
.tab2{flex:0 0 auto;min-height:44px;padding:8px 18px;border-radius:999px;border:1px solid var(--bd);background:var(--card);color:var(--acc);font:600 16px/1 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;cursor:pointer}
.tab2 .n{font-weight:400;color:var(--mut);margin-left:2px}
.tab2[aria-pressed="true"]{background:var(--acc);color:#fff;border-color:var(--acc)}.tab2[aria-pressed="true"] .n{color:#e6eedd}
.tab2:focus-visible,.rd select:focus-visible,.cmp input:focus-visible+span{outline:3px solid #b8913a;outline-offset:2px}
.rd-sort{display:flex;align-items:center;gap:8px}.rd-sort label{font-weight:600;color:var(--fg)}
.rd-sort select,.rd-pick select{min-height:44px;background:var(--card);color:var(--fg);font-size:16px;padding:8px 12px;border-radius:10px}
.rd-cnt{margin:6px 0 20px}
.rd-grid{display:grid;grid-template-columns:1fr;gap:20px}
@media(min-width:700px){.rd-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1040px){.rd-grid{grid-template-columns:repeat(3,1fr)}}
.oc{background:var(--card);border:1px solid var(--soft);border-radius:18px;padding:24px;display:flex;flex-direction:column;box-shadow:0 1px 2px rgba(23,38,28,.06),0 6px 20px rgba(23,38,28,.06)}
.oc[hidden]{display:none}
.oc-top{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}
.oc-n{font:600 17px/1.35 system-ui,-apple-system,Segoe UI,Roboto,sans-serif!important;margin:0!important;border:0!important;padding:0!important;color:var(--fg)!important}
.oc-n a{color:inherit;text-decoration:none}.oc-n a:hover{text-decoration:underline}
.chip{flex:0 0 auto;display:inline-block;background:#e4ebd6;color:var(--acc);border-radius:999px;padding:3px 10px;font-size:13px;font-weight:600;white-space:nowrap}
.oc-amt{font:700 40px/1.1 var(--serif);color:var(--acc);margin:18px 0 4px;letter-spacing:-.01em}
.oc-sub{margin:0 0 4px;color:var(--mut);font-size:15px}
.oc-req{font-size:17px;line-height:1.45;margin:8px 0 12px;color:var(--fg)}
.oc-dl{display:flex;align-items:center;flex-wrap:wrap;gap:6px;color:var(--mut);font-size:15px;margin:0 0 20px}.oc-dl svg{flex:0 0 auto}
.soon{background:#fbeccc;color:#5c4410;border-radius:999px;padding:2px 9px;font-size:13px;font-weight:700}
.soon.end{background:#f3dcdc;color:#7a1f1f}
.oc-act{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}
.oc-act .btn{padding:10px 22px;border-radius:999px}
.cmp{display:none;align-items:center;gap:8px;min-height:44px;cursor:pointer;color:var(--acc);font-weight:600;font-size:15px}
.js .cmp{display:inline-flex}.cmp input{width:22px;height:22px;accent-color:var(--acc);margin:0}
.rd-empty{padding:30px 0}
.rd-how{margin-top:36px}.rd-how p{font-size:15px}
.rd-h2{font-size:28px}.rd-credit{margin-top:44px}
.rd-grid2{display:grid;gap:20px}@media(min-width:800px){.rd-grid2{grid-template-columns:1fr 1fr}}
.rd-grid2 .card{border-radius:18px;padding:24px;border-color:var(--soft)}.rd-grid2 .card h2{font-size:22px;border:0;margin-top:0}
/* compare tray */
.rd-tray{position:fixed;left:50%;transform:translateX(-50%);bottom:20px;z-index:50;display:flex;align-items:center;gap:14px;background:var(--fg);color:#fff;border-radius:999px;padding:8px 8px 8px 22px;box-shadow:0 10px 30px rgba(0,0,0,.25);max-width:calc(100% - 24px)}
.rd-tray[hidden]{display:none}.rd-tray .lnk{background:none;border:0;color:#e6eedd;text-decoration:underline;font:inherit;cursor:pointer;min-height:44px;padding:0 4px}
.rd-tray .btn{border-radius:999px;background:#f4f1e3;color:var(--acc);border-color:#f4f1e3}
.rd-tray .btn[aria-disabled="true"]{opacity:1;background:#c9d3b4;color:#17261c;pointer-events:none}
@media(max-width:860px){.rd-tray{bottom:calc(72px + env(safe-area-inset-bottom))}}
/* detail */
.rd-bc{font-size:15px;color:var(--mut);margin:14px 0 6px}.rd-bc a{color:var(--acc)}
.rd-dhero{background:var(--card);border:1px solid var(--soft);border-radius:22px;padding:28px 24px;margin:12px 0 32px;box-shadow:0 6px 20px rgba(23,38,28,.06)}
.rd-dhero h1{font-size:36px;margin:12px 0 4px}
.rd-amt{font:700 56px/1.05 var(--serif);color:var(--acc);margin:14px 0 6px;letter-spacing:-.01em}
.rd-req{font-size:20px;line-height:1.45;margin:10px 0 12px}
.rd-acts{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:8px 0 10px}
.rd-cta{padding:12px 26px!important;border-radius:999px!important;font-size:18px!important}
.rd-chk{margin:6px 0 0}
.rd-sec{max-width:760px;padding:8px 0 18px}
.rd-sec h2{font-size:28px;border-bottom:0!important;margin:28px 0 12px}
.rd-sec h3{font-size:19px;margin:22px 0 6px;color:var(--fg);font-family:var(--serif)}
.rd-sec p,.rd-sec li{font-size:18px;line-height:1.6}
.rd-big{font:700 30px/1.2 var(--serif);color:var(--acc);margin:0 0 10px}
.rd-steps{padding-left:24px}.rd-steps li{margin:0 0 10px;padding-left:4px}
.rd-dl{display:flex;align-items:center;gap:8px;font-weight:600}
.rd-dl2{display:grid;grid-template-columns:max-content 1fr;gap:10px 22px;font-size:18px;margin:0}.rd-dl2 dt{font-weight:600}.rd-dl2 dd{margin:0}
.rd-fine{max-width:760px;margin:26px 0;background:var(--card);border:1px solid var(--soft);border-radius:14px;padding:0 20px}
.rd-fine summary{min-height:52px;display:flex;align-items:center;cursor:pointer;font:600 18px var(--serif);color:var(--acc)}
.rd-fine ul{padding-left:20px;margin:6px 0 10px}.rd-fine li{margin:0 0 8px}
.rd-bottom{display:flex;flex-wrap:wrap;align-items:center;gap:20px;margin:28px 0 12px}
.lnk2{color:var(--acc);font-weight:600}
.rd-more{margin-top:48px}.rd-more h2{font-size:28px;border-bottom:0!important}
/* compare */
.rd-picks{display:grid;gap:12px;margin:0 0 24px}@media(min-width:700px){.rd-picks{grid-template-columns:repeat(3,1fr)}}
.rd-pick label{display:block;font-weight:600;margin:0 0 6px}.rd-pick select{width:100%}
.cp{background:var(--card);border:1px solid var(--soft);border-radius:18px;overflow:hidden;box-shadow:0 6px 20px rgba(23,38,28,.06)}
.cp-row{border-top:1px solid var(--soft);padding:14px 16px}.cp-row:first-child{border-top:0}
.cp-l{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--mut);margin:0 0 8px}
.cp-v{display:grid;grid-template-columns:repeat(var(--n),minmax(0,1fr));gap:14px;font-size:15px;line-height:1.45;overflow-wrap:anywhere}
.cp-h .cp-v{align-items:end}.cp-name{font:700 17px/1.3 var(--serif);color:var(--acc)}.cp-name a{color:inherit}
.cp-bonus{font:700 24px/1.15 var(--serif);color:var(--acc)}
.cp-v .btn{display:block;text-align:center;padding:10px 8px;border-radius:999px;font-size:15px}
@media(min-width:861px){.cp-row{display:grid;grid-template-columns:180px 1fr;gap:20px;align-items:start;padding:18px 24px}.cp-l{margin:3px 0 0}.cp-v{font-size:16px}.cp-bonus{font-size:30px}}
@media(max-width:640px){.rd h1{font-size:34px}.rd-lead{font-size:18px}.rd-dhero h1{font-size:28px}.rd-amt{font-size:46px}.oc{padding:22px}.rd-tools{flex-direction:column;align-items:stretch}.rd-sort select{flex:1}}
@media(prefers-reduced-motion:no-preference){.oc{transition:box-shadow .15s ease,transform .15s ease}@media(hover:hover){.oc:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(23,38,28,.08),0 12px 28px rgba(23,38,28,.1)}}}
/* ---- site-wide pass ---- */
body{font-size:18px}
.oc-lbl{margin:14px 0 0;font:600 13px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--mut)}
.oc-lbl+.oc-amt,.oc-lbl+.oc-req,.oc-lbl+.rd-amt,.oc-lbl+.rd-req{margin-top:2px}
.rd-say{font-size:20px;line-height:1.45;font-weight:600;color:var(--fg);margin:0 0 18px}
.rd-words,.rd-short{max-width:760px;margin:28px 0;background:#fff;border:1px solid var(--soft);border-radius:14px;padding:18px 22px}
.rd-words .rd-h2{font-size:22px;margin:0 0 8px}
.rd-short{background:var(--card)}
.rd-short-h{margin:0 0 6px;font:600 13px system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--acc)}
.rd-short ul{margin:0;padding-left:20px}.rd-short li{margin:6px 0;line-height:1.5}
.rd-page>p,.rd-legal>p,.rd-legal li,.rd-page>ul li{max-width:680px;line-height:1.65}
.rd-page .rd-h2,.rd-legal h2{margin-top:40px}
.rd-legal h2{font-size:24px;border-bottom:0}
.upd{display:inline-block;margin-top:6px;color:var(--mut);font-size:15px}
.rd-btns{display:flex;flex-wrap:wrap;gap:12px 20px;align-items:center;margin:22px 0 0}
.rd-btns .btn{min-height:48px;display:inline-flex;align-items:center;padding:0 22px;font-size:17px}
.rd-home .rd-hero{padding:28px 0 8px}
.rd-home .rd-hero h1{font-size:44px;line-height:1.1;margin:0}
@media(max-width:640px){.rd-home .rd-hero h1{font-size:34px}}
.rd-home .stats{margin-bottom:12px}
.rd-sechead{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:44px}
.rd-sechead .rd-h2{margin:0}
.rd-home h3.oc-n{margin:0;font-size:20px}
.rd-pick3{margin-bottom:36px}
.rd-tile{display:flex;flex-direction:column;gap:4px;padding:20px 22px;background:#fff;border:1px solid var(--soft);border-radius:14px;text-decoration:none;color:var(--fg);min-height:48px}
.rd-tile:hover{border-color:var(--acc);text-decoration:none}
.rd-tile:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.rd-ti{color:var(--acc)}
.rd-tt{font:600 20px var(--serif);color:var(--acc)}
.rd-td{color:var(--mut);font-size:16px}
.rd-state{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:20px 0;padding:16px 18px;background:#fff;border:1px solid var(--soft);border-radius:14px;max-width:560px}
.rd-state label{font-weight:600}
.rd-state select{min-height:48px;font-size:17px;padding:0 12px;border:1px solid var(--acc);border-radius:10px;background:#fff;color:var(--fg);flex:1;min-width:200px}
.rd-fold{margin:28px 0;background:#fff;border:1px solid var(--soft);border-radius:14px;padding:0 20px}
.rd-fold>summary{min-height:56px;display:flex;align-items:center;cursor:pointer;font:600 19px var(--serif);color:var(--acc)}
.rd-fold>summary::after{content:"+";margin-left:auto;font-size:24px}
.rd-fold[open]>summary::after{content:"\2212"}
.rd-fold>summary:focus-visible{outline:3px solid var(--gold);outline-offset:2px}
.rd-morein{padding-bottom:16px}
.ci-cta{margin:24px 0}
.rd-nlpage{max-width:520px;padding:22px}
/* nav + footer */
header nav .rd-mh{display:none}
@media(max-width:860px){.navopen header nav .rd-mh{display:block;margin:14px 0 2px;padding:0 12px;font:600 12px system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--mut)}}
.rd-fcols{display:grid;grid-template-columns:1fr 1fr;gap:24px 20px;margin:32px 0 20px}
@media(min-width:860px){.rd-fcols{grid-template-columns:repeat(4,1fr)}}
.rd-fcols a{display:block;padding:6px 0;min-height:24px;line-height:1.4}
.rd-fh{margin:0 0 6px;font:600 13px system-ui,-apple-system,"Segoe UI",sans-serif;letter-spacing:.06em;text-transform:uppercase;color:var(--fg)}
.rd-fnote{max-width:760px;line-height:1.6;color:var(--fg)}
@media(min-width:861px){header nav>a,header nav .mb{font-size:16px;padding:10px 10px}header nav .nlbtn{font-size:15px;padding:9px 14px}}
.rd-state .btn{min-height:48px;padding:0 22px}
@media(max-width:860px){header nav{flex-wrap:nowrap!important}header nav>*{flex-shrink:0}}
.rd-sechead .rd-h2,.rd-h2{border-bottom:0}
.rd-big{font:700 34px/1.1 var(--serif);color:var(--acc);margin:4px 0 12px}
.rd-tools{min-width:0;max-width:100%}.rd-tools>*{min-width:0;max-width:100%}.rd-sort select{min-width:0;width:100%}
/* v2 rate tables: Updated line, Product|Rate table, one footnote. Not inside .tw, so no mobile pills or stacked labels. */
.rq-w{margin:0 0 6px}
.rq-upd{margin:4px 0 8px;font-size:16px;color:var(--mut)}
table.rq{display:table;width:100%;border-collapse:collapse;background:var(--card);border:1px solid var(--bd);font-size:17px;line-height:1.35;margin:0}
table.rq th,table.rq td{padding:12px 14px;border-bottom:1px solid var(--soft);vertical-align:middle;white-space:normal;cursor:auto;user-select:auto}
table.rq thead th{background:#e6e8d2;color:var(--fg);font:700 15px/1.2 var(--serif)}
table.rq thead th:last-child{text-align:right}
table.rq tbody th{background:none;font-weight:400;color:var(--fg);font-family:inherit;text-align:left}
table.rq td{text-align:right;white-space:nowrap;font-weight:700;color:var(--acc);font-size:18px}
table.rq td b{font-weight:700}
table.rq tbody tr:last-child>*{border-bottom:0}
table.rq tbody tr.rq-avg>*{background:#ebeedb}
table.rq a{color:var(--acc);text-decoration:underline;text-underline-offset:2px;display:inline-block;min-height:24px}
table.rq .sponsored,table.rq .spn{font-size:13px}
.rq-n{display:block;font-size:14px;font-weight:400;color:var(--mut);margin-top:2px;white-space:normal}
.rq-sl{font-weight:400;font-size:15px;color:var(--mut)}
td.rq-ld{text-align:left;font-weight:400;color:var(--mut)}
.rq-src,.rq-note{font-size:14px;line-height:1.45;color:var(--mut);margin:8px 0 22px}.rq-cr{font-size:13px;color:var(--mut);margin:6px 0 18px}.rd-src dt{font-weight:700;margin-top:12px}.rd-src dd{margin:2px 0 0}
.rq-home{max-width:640px}
.stats.rq-bonus{grid-template-columns:1fr;max-width:640px}
@media (min-width:768px){table.rq{font-size:17px}table.rq th,table.rq td{padding:12px 18px}}
table.rq td .rq-n{white-space:nowrap}
.rq-pn{margin:0 0 10px;font-size:16px;line-height:1.5}
/* Cards 2026-10-26: one calm background, equal height cards, buttons on one line */
html body{background-image:none!important;background-color:var(--bg)}
.grid,.rd-grid,.rd-grid2,.ci-stats{align-items:stretch}
.grid>.card,.rd-grid2>.card,.rd-grid>.oc{display:flex;flex-direction:column;height:auto!important;margin:0!important;padding:24px;border:1px solid var(--soft);border-radius:18px;box-shadow:0 1px 2px rgba(23,38,28,.06),0 6px 20px rgba(23,38,28,.06)}
.grid>.card>h2:first-child,.grid>.card>h3:first-child,.rd-grid2>.card>h2:first-child{margin-top:0}
.grid>.card>.btn:not(.btn ~ .btn),.rd-grid2>.card>.btn:not(.btn ~ .btn),.grid>.card>p:last-child>.btn:only-child{margin-top:auto}
.grid>.card>.btn,.rd-grid2>.card>.btn{align-self:flex-start}
.grid>.card>p:last-child:has(>.btn:only-child){margin-top:auto;margin-bottom:0}
.rd-credit .rd-grid2{margin:0 0 24px}
.rd-credit>p.muted{margin:24px 0 0;white-space:normal;overflow:visible;height:auto;max-height:none;line-height:1.55;overflow-wrap:anywhere}
.ci-now{display:flex;flex-direction:column;margin:16px 0 24px;padding:24px;border:1px solid var(--soft);border-radius:18px;box-shadow:0 1px 2px rgba(23,38,28,.06),0 6px 20px rgba(23,38,28,.06)}
.ci-now-k{font-weight:700;color:var(--acc);font-size:15px;letter-spacing:.04em;text-transform:uppercase}
.ci-now .big{font-size:34px;font-weight:700;line-height:1.15;margin:4px 0 8px}
.ci-now p{margin:0 0 8px}.ci-now p:last-child{margin:0}
.ci-naic{font-size:22px;margin:20px 0 8px}
@media(max-width:600px){.grid,.rd-grid,.rd-grid2,.ci-stats{grid-template-columns:1fr!important}.grid>.card,.rd-grid2>.card,.rd-grid>.oc,.ci-now{padding:20px}}
.rd-grid2>.card#smartcredit,.rd-grid2>.card#wallethub{margin:0!important;height:auto!important}
#t>.lc{display:flex;flex-direction:column;padding:24px;border:1px solid var(--soft);border-radius:18px;box-shadow:0 1px 2px rgba(23,38,28,.06),0 6px 20px rgba(23,38,28,.06)}
#t>.lc>.btn{margin-top:auto;align-self:flex-start}
#t>.lc>.btn+p.muted{margin-bottom:0}
@media(max-width:600px){#t{grid-template-columns:1fr!important}}