.offers-context { color:var(--muted); max-width:760px; font-size:.92rem; }
.offers-nav { display:flex; flex-wrap:wrap; gap:.65rem 1.5rem; padding-block:1.3rem; border-bottom:1px solid var(--line); font-weight:700; font-size:.95rem; }
.offers-section { scroll-margin-top:1.5rem; }
.offers-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; }
.offer-card { display:flex; flex-direction:column; border:1px solid var(--line); border-top:3px solid var(--teal); border-radius:4px; padding:1.6rem; background:var(--paper); }
.offer-card:nth-child(even) { border-top-color:var(--purple); }
.offer-card-top { display:flex; align-items:center; gap:.8rem; color:var(--purple); }
.offer-card-top svg { flex:none; }
.offer-type { font:700 .78rem var(--font-label); letter-spacing:.07em; text-transform:uppercase; color:var(--muted); margin:0; }
.offer-card h3 { font:700 1.65rem/1.18 var(--font-display); letter-spacing:-.025em; margin:1rem 0 .8rem; }
.offer-benefit { font-size:1.02rem; }
.offer-card dl { margin:0 0 1.4rem; }
.offer-card dl>div { border-top:1px solid var(--line); padding-top:.7rem; margin-top:.7rem; }
.offer-card dt { font:700 .77rem var(--font-label); text-transform:uppercase; letter-spacing:.06em; color:var(--muted); }
.offer-card dd { margin:.25rem 0 0; font-size:.94rem; }
.offer-action { align-self:flex-start; margin-top:auto; text-align:left; max-width:100%; }
.offer-source { margin:1rem 0 0; color:var(--muted); font-size:.81rem; }
.offers-limit { display:flex; align-items:flex-start; gap:1.2rem; padding:1.5rem; border:1px solid var(--blue); border-left:4px solid var(--blue); border-radius:4px; }
.offers-limit svg { flex:none; color:var(--blue); }
.offers-limit h3 { font-size:1.4rem; margin:.4rem 0 .7rem; }
.offers-limit p { max-width:860px; }
.offers-funding { display:grid; grid-template-columns:1.6fr 1fr; gap:3rem; }
.offers-funding h2 { font-size:clamp(2rem,3vw,3rem); margin:.5rem 0 1rem; }
.offers-funding aside { border-top:3px solid var(--purple); padding-top:1rem; }
.offers-funding aside .button { margin-bottom:1rem; }
.offers-advice { border-left:3px solid var(--teal); padding-left:1rem; font-size:.94rem; }
@media(max-width:700px) { .offers-grid,.offers-funding { grid-template-columns:1fr; } .offer-card { padding:1.2rem; } .offers-limit { gap:.75rem; padding:1.1rem; } .offers-nav { gap:.7rem 1rem; font-size:.9rem; } }