.sponsor{--sp-bg:#fff;--sp-ring:var(--color-line);--sp-ring-hover:var(--color-line-strong);--sp-ink:var(--color-ink);--sp-muted:var(--color-muted);--sp-subtle:var(--color-subtle);--sp-tile:var(--color-panel);--sp-logo:#fff;--sp-cta-bg:#fff;--sp-cta-ring:var(--color-line-strong);background:var(--sp-bg);box-shadow:0 0 0 1px var(--sp-ring);color:var(--sp-ink);border-radius:16px;flex-direction:column;gap:14px;padding:20px 28px 24px;transition:box-shadow .3s;display:flex;position:relative;container:sponsor/inline-size}.sponsor[data-tone=dark]{--sp-bg:#141416;--sp-ring:#ffffff1a;--sp-ring-hover:#ffffff38;--sp-ink:#f4f4f5;--sp-muted:#ffffffad;--sp-subtle:#ffffff8c;--sp-tile:#ffffff0f;--sp-logo:#fff;--sp-cta-bg:#ffffff0f;--sp-cta-ring:#ffffff38}.sponsor[data-state=empty]{display:none}.sponsor:has(.sponsor-main:hover){box-shadow:0 0 0 1px var(--sp-ring-hover), 0 16px 32px -20px #0000002e}.sponsor-meta{justify-content:space-between;align-items:baseline;gap:12px;font-size:12px;line-height:1;display:flex}.sponsor-label{color:var(--sp-subtle);letter-spacing:.04em;text-transform:uppercase;font-weight:500}.sponsor-advertise{color:var(--sp-subtle);border-radius:4px;text-decoration:none;transition:color .15s}.sponsor-advertise:hover{color:var(--sp-ink);text-underline-offset:3px;text-decoration:underline}.sponsor-advertise:focus-visible,.sponsor-main:focus-visible{outline:2px solid var(--sp-ink);outline-offset:3px}.sponsor-body,.sponsor-main{grid-template-columns:56px minmax(0,1fr);align-items:center;gap:14px 16px;display:grid}.sponsor-main{color:inherit;border-radius:10px;text-decoration:none}.sponsor-logo{background:var(--sp-logo);width:56px;height:56px;box-shadow:inset 0 0 0 1px var(--sp-ring);border-radius:12px;place-items:center;display:grid;overflow:hidden}[data-state=loading] .sponsor-logo{background:var(--sp-tile);box-shadow:none}.sponsor-logo img{object-fit:contain;border-radius:8px;width:40px;height:40px}.sponsor-text{flex-direction:column;gap:4px;min-width:0;display:flex}.sponsor-title{letter-spacing:-.02em;font-size:17px;font-weight:600;line-height:1.3}.sponsor-copy{color:var(--sp-muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.sponsor-cta{background:var(--sp-cta-bg);height:36px;box-shadow:0 0 0 1px var(--sp-cta-ring);white-space:nowrap;border-radius:999px;grid-column:1/-1;justify-self:start;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:500;transition:background-color .15s,color .15s,box-shadow .15s,translate 80ms;display:inline-flex}.sponsor-cta svg{transition:translate .2s}.sponsor-main:hover .sponsor-cta{background:var(--sp-ink);color:var(--sp-bg);box-shadow:0 0 0 1px var(--sp-ink)}.sponsor-main:hover .sponsor-cta svg{translate:2px}.sponsor-main:active .sponsor-cta{box-shadow:0 0 0 1px var(--sp-ink), inset 0 2px 0 #0003;translate:0 1px}@container sponsor (width>=560px){.sponsor-body,.sponsor-main{grid-template-columns:56px minmax(0,1fr) auto;gap:20px}.sponsor-cta{grid-column:auto}.sponsor-copy{-webkit-line-clamp:1}.sponsor-bar:nth-child(3){display:none}.sponsor .sponsor-body .sponsor-text{min-height:0}}.sponsor[data-sponsor=library-grid]{border-radius:18px;gap:18px;padding:28px}.sponsor[data-sponsor=library-grid]:has(.sponsor-main:hover){box-shadow:0 0 0 1px var(--sp-ring-hover), 0 24px 48px -24px #0000002e}[data-sponsor=library-grid] .sponsor-meta{font-size:14px;line-height:1.25}[data-sponsor=library-grid] .sponsor-label{letter-spacing:0;text-transform:none;font-weight:400}[data-sponsor=library-grid] .sponsor-body,[data-sponsor=library-grid] .sponsor-main{grid-template-columns:64px minmax(0,1fr);gap:18px 20px}[data-sponsor=library-grid] .sponsor-logo{border-radius:14px;width:64px;height:64px}[data-sponsor=library-grid] .sponsor-logo img{border-radius:10px;width:48px;height:48px}[data-sponsor=library-grid] .sponsor-text{gap:6px}[data-sponsor=library-grid] .sponsor-title{letter-spacing:-.03em;text-wrap:balance;font-size:clamp(20px,1.9vw,26px);line-height:1.15}[data-sponsor=library-grid] .sponsor-copy{font-size:15px;line-height:1.6}[data-sponsor=library-grid] .sponsor-cta:not(.sponsor-cta-wait){background:var(--sp-ink);color:var(--sp-bg);box-shadow:0 0 0 1px var(--sp-ink)}[data-sponsor=library-grid] .sponsor-main:hover .sponsor-cta{background:color-mix(in oklab, var(--sp-ink) 82%, var(--sp-bg))}[data-sponsor=library-grid] .sponsor-body .sponsor-text{min-height:104px}@container sponsor (width>=560px){[data-sponsor=library-grid] .sponsor-body,[data-sponsor=library-grid] .sponsor-main{grid-template-columns:64px minmax(0,1fr) auto;gap:24px}[data-sponsor=library-grid] .sponsor-body .sponsor-text{min-height:0}}@media (width>=40rem){.sponsor[data-sponsor=library-grid]{padding:40px}}@media (width>=64rem){.sponsor[data-sponsor=library-grid]{padding:44px 48px}}.sponsor-bar{background:var(--sp-tile);border-radius:6px;height:12px;display:block}.sponsor-bar+.sponsor-bar{margin-top:6px}.sponsor-body .sponsor-text{justify-content:center;min-height:92px}.sponsor-cta-wait{background:var(--sp-tile);width:128px;box-shadow:none}@media (prefers-reduced-motion:no-preference){.sponsor[data-state=loading] .sponsor-body{animation:1.6s ease-in-out infinite sponsor-pulse}}@keyframes sponsor-pulse{50%{opacity:.55}}
