/* Creator partnership invitation, scoped to the Ports catalog. */
.apk-port .port-creator-callout {
    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    align-items: center;
    gap: 20px 28px;
    margin: 8px 0 28px;
    padding: 21px 24px;
    border: 0;
    border-radius: 8px;
    background: #fff5f6;
    color: var(--p-text, #19202c);
}
.port-creator-callout__copy { min-width: 0; }
.apk-port .port-creator-callout strong { display: block; margin: 0 0 7px; font-size: 22px; font-weight: 700; line-height: 1.25; }
.apk-port .port-creator-callout p { margin: 0; color: #5b6472; font-size: 16px; line-height: 1.5; }
.apk-port .port-creator-callout__link {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 11px;
    min-height: 46px;
    padding: 11px 18px;
    border: 1px solid #d91f3a;
    border-radius: 10px;
    background: #d91f3a;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
    white-space: nowrap;
}
.apk-port .port-creator-callout__link:hover { background: #bc1730; border-color: #bc1730; color: #fff; }
.apk-port .port-creator-callout__link:focus-visible { outline: 3px solid #19202c; outline-offset: 4px; }
.apk-port .port-creator-callout__link svg { width: 18px; height: 18px; flex: none; }
html[data-theme="dark"] .port-creator-callout, body.dark .port-creator-callout { background: #2b2025; }
html[data-theme="dark"] .port-creator-callout p, body.dark .port-creator-callout p { color: #c2bac2; }
html[data-theme="dark"] .port-creator-callout__link:focus-visible, body.dark .port-creator-callout__link:focus-visible { outline-color: #fff; }
@media (max-width: 640px) {
    .apk-port .port-creator-callout { grid-template-columns: minmax(0, 1fr); gap: 17px; padding: 20px 18px; margin-bottom: 24px; }
    .apk-port .port-creator-callout strong { font-size: 21px; }
    .apk-port .port-creator-callout__link { width: 100%; white-space: normal; }
}