
.offer-hub{padding-top:26px}.offer-hero{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;padding:46px 0 52px;border-bottom:1px solid #111;align-items:center}
.offer-hero h1{font-size:clamp(32px,4.4vw,52px);line-height:1.55;letter-spacing:-1.8px;margin:20px 0}.offer-hero .lead{max-width:650px;font-size:14px;line-height:2;color:#555}
.offer-matrix{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid;border-left:1px solid;transform:rotate(-3deg);margin:12px}
.offer-matrix span{border-right:1px solid;border-bottom:1px solid;padding:24px 12px;font-size:23px;text-align:center;background:#fff}
.offer-matrix small{display:block;font-size:9px;letter-spacing:1.5px;color:#666;margin-top:6px}.offer-matrix span:last-child{background:#151515;color:#fff}.offer-matrix span:last-child small{color:#ddd}
.offer-section-title{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin:40px 0 22px}.offer-section-title h2{font-size:23px;margin:0}.offer-section-title>span{font-size:10px;color:#666;letter-spacing:1.5px}
.genre-nav{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.genre-card{display:flex;flex-direction:column;gap:12px;border:1px solid #ddd;padding:21px 18px;min-width:0;transition:border-color .15s,background .15s}.genre-card:hover{border-color:#111;background:#fafafa}
.genre-card-top{display:flex;justify-content:space-between;align-items:center;color:#444}.genre-card-top>span{font-size:10px;color:#777}.genre-card strong{font-size:14px}.genre-card>span{font-size:11px;color:#666;line-height:1.8}
.offer-notice{font-size:12px;color:#666;margin:20px 0 0}.offer-body{min-width:0}.offer-body>section{scroll-margin-top:24px;margin-top:42px}.offer-body h2{font-size:23px;line-height:1.6;padding-bottom:16px;border-bottom:1px solid;margin:0 0 20px}
.offer-body h3{font-size:15px;margin:22px 0 12px}.offer-body p,.offer-body li{font-size:14px;line-height:2}.offer-body li{margin:6px 0}.offer-body a{text-decoration:underline;text-underline-offset:4px}.offer-body .eyebrow{color:#666}
.offer-checks{padding:18px 22px;border:1px solid #e3e3e3;background:#fafafa}.offer-checks>strong{font-size:12px}.offer-checks ul{margin:10px 0 0;padding-left:20px}.offer-checks li{font-size:12px}
.offer-links{display:flex;gap:10px 20px;flex-wrap:wrap;margin-top:18px}.offer-links a{font-size:12px}.advertiser-list{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}
.advertiser-card{border:1px solid #ddd;padding:22px;text-decoration:none!important;display:block}.advertiser-card h3{margin:10px 0;font-size:17px}.advertiser-card p{font-size:12px;color:#666}.advertiser-card time{font-size:10px;color:#666}
.offer-guide-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.offer-guide-links>a{border:1px solid #ddd;padding:20px;text-decoration:none}.offer-guide-links strong{display:block;font-size:14px}.offer-guide-links span{display:block;font-size:12px;color:#666;margin-top:6px}
.offer-sidebar nav{display:flex;flex-direction:column;gap:0}.offer-sidebar nav a{font-size:12px;padding:10px 0;border-bottom:1px solid #ddd}.offer-sidebar .sidebar-referrals{margin-top:0}
.offer-choice-list{counter-reset:choice;list-style:none;padding:0}.offer-choice-list li{border-bottom:1px solid #ddd;padding:16px 0 16px 36px;position:relative}.offer-choice-list li:before{counter-increment:choice;content:"0" counter(choice);position:absolute;left:0;top:18px;font-size:11px;color:#777}
.genre-card:focus-visible,.advertiser-card:focus-visible{outline:2px solid #111;outline-offset:3px}
@media(min-width:801px){.offer-sidebar{align-self:start;position:sticky;top:22px}}
@media(max-width:1000px){.genre-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.offer-hero{grid-template-columns:minmax(0,1fr) 220px;gap:30px}.offer-matrix span{padding:20px 10px;font-size:20px}}
@media(max-width:800px){.offer-hero{grid-template-columns:1fr;padding-top:30px;gap:16px}.offer-matrix{display:none}.offer-hero h1{letter-spacing:-.8px}.offer-sidebar{position:static}.offer-section-title>span{display:none}}
@media(max-width:480px){.genre-card{padding:17px 13px}.genre-card strong{font-size:13px}.genre-card>span{font-size:11px}.offer-guide-links,.advertiser-list{grid-template-columns:1fr}.offer-body h2{font-size:21px}.offer-checks{padding:16px}.offer-hero h1{font-size:32px}}
@media(prefers-reduced-motion:reduce){.genre-card{transition:none}}
