.affix-callout-section{width:100%}.affix-callout-section-homepage{background:var(--as-panel);padding-bottom:2.5rem}.affix-callout-section-homepage .affix-callout-card{background:var(--as-surface)}.affix-callout-section-homepage .affix-callout-card:hover{background:var(--as-panel)}.affix-callout-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:1rem;align-items:center;border:1px solid var(--as-line-subtle);border-radius:var(--as-radius);background:var(--as-surface);padding:1rem 1.1rem;color:var(--as-foreground);text-decoration:none;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease}.affix-callout-card:hover{border-color:var(--as-foreground);background:var(--as-page);box-shadow:2px 2px 0 var(--as-line-subtle)}.affix-callout-copy{display:flex;min-width:0;align-items:flex-start;gap:.75rem}.affix-callout-logo{margin-top:.1rem;flex:0 0 auto}.affix-callout-title{margin:0;color:var(--as-foreground);font-size:.94rem;font-weight:800;line-height:1.35}.affix-callout-description{max-width:660px;margin:.25rem 0 0;color:var(--as-text-secondary);font-size:.9rem;line-height:1.55}.affix-callout-action{display:inline-flex;align-items:center;justify-content:flex-end;gap:.45rem;color:var(--as-foreground);font-size:.9rem;font-weight:800;white-space:nowrap}.affix-callout-card:hover .affix-callout-action{text-decoration:underline}@media (max-width:640px){.affix-callout-card{grid-template-columns:1fr;padding:.95rem}.affix-callout-action{justify-content:flex-start}}