/* A compact support hub: direct support, affiliate tools, and channels remain distinct. */
body.support-page .support-hero { max-width:1120px; padding:30px 34px; }
body.support-page .support-paths { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:16px 0 28px; }
body.support-page .support-paths a { display:flex; flex-direction:column; gap:3px; min-height:82px; padding:16px 18px; border:1px solid #9ab5bd; border-radius:8px; background:#fff; color:#071923; text-decoration:none; box-shadow:0 4px 12px rgba(7,25,35,.06); }
body.support-page .support-paths span { color:#9d1118; font-size:.72rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
body.support-page .support-paths strong { font-size:1rem; line-height:1.2; }
body.support-page .support-direct { margin:0 0 34px; padding:24px 28px; background:linear-gradient(110deg,#071923,#0c3445); }
body.support-page .support-section { margin:32px 0; }
body.support-page .support-section-heading { max-width:900px; margin-bottom:14px; }
body.support-page .support-section-heading h2 { margin-bottom:8px; }
body.support-page .support-social-grid { grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; }
body.support-page .support-social-grid a { min-height:78px; padding:14px; }
body.support-page .support-social-grid span { margin-top:4px; font-size:.78rem; }
body.support-page .support-travel-section { padding-top:30px; border-top:1px solid #9ab5bd; }
body.support-page .affiliate-transparency { display:grid; grid-template-columns:auto minmax(0,1fr); column-gap:18px; align-items:baseline; margin:18px 0; padding:16px 18px; border-left:5px solid #c92028; border-radius:0 8px 8px 0; background:#e5f0f1; }
body.support-page .affiliate-transparency .eyebrow { grid-row:1 / span 2; margin:0; max-width:120px; }
body.support-page .affiliate-transparency h3 { margin:0; }
body.support-page .affiliate-transparency p:last-child { grid-column:2; margin:5px 0 0; }
body.support-page .support-offer-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; }
body.support-page .support-offer-top { padding:15px 18px; }
body.support-page .support-offer-top h3 { margin-top:5px; }
body.support-page .support-offer-top span { display:none; }
body.support-page .support-offer-body { gap:0; padding:16px 18px; }
body.support-page .support-offer-body p { margin:0 0 10px; font-size:.92rem; line-height:1.45; }
body.support-page .support-offer-body .button { margin-top:8px; }
body.support-page .support-creator { grid-template-columns:1fr auto; margin:32px 0 0; padding:22px 28px; }
body.support-page .support-referral { display:grid; grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr); gap:24px; align-items:start; margin:32px 0; padding:24px 28px; border:1px solid #174f63; border-left:5px solid #c92028; border-radius:10px; background:#fff; box-shadow:0 8px 18px rgba(7,25,35,.08); }
body.support-page .support-referral h2 { margin:0 0 8px; }
body.support-page .support-referral p { margin:0 0 10px; }
body.support-page .support-referral-details .button { margin-top:4px; }
@media(max-width:760px){ body.support-page .support-paths,body.support-page .support-offer-grid,body.support-page .support-social-grid { grid-template-columns:1fr; } body.support-page .support-hero { padding:24px 20px; } body.support-page .support-direct,body.support-page .support-creator,body.support-page .support-referral,body.support-page .affiliate-transparency { grid-template-columns:1fr; padding:22px 20px; } body.support-page .affiliate-transparency .eyebrow,body.support-page .affiliate-transparency p:last-child { grid-column:auto; grid-row:auto; } }
