:root{--surface-recipe-accent: var(--cc-action, #0f6b7a);--surface-recipe-accent-soft: var(--cc-action-soft, #e6f3f5);--surface-recipe-ink: var(--cc-text, #12202a);--surface-recipe-ink-secondary: var(--cc-text-secondary, #5c6b75);--surface-recipe-line: var(--cc-line, #e2e8f0);--surface-recipe-card: #ffffff;--surface-recipe-canvas: var(--cc-bg-subtle, #f4f6f7);--surface-recipe-canvas-mobile: var(--pmds-mobile-canvas, #f4f6f7);--surface-recipe-radius: 14px;--surface-recipe-radius-control: 999px;--surface-recipe-gap: 16px;--surface-recipe-gap-mobile: 12px;--surface-recipe-pad: 16px;--surface-recipe-row-min: 52px;--surface-recipe-cta-min: 44px;--surface-recipe-title-weight: 720;--surface-recipe-body-size: .95rem;--surface-recipe-title-size: 1.25rem;--surface-recipe-display-size: 1.65rem}.portal-app[data-product-surface=landing],[data-product-surface=landing]{--surface-recipe-accent: #0f172a;--surface-recipe-accent-soft: #e2e8f0;--surface-recipe-canvas: #f8fafc;--surface-recipe-canvas-mobile: #f8fafc}.portal-app[data-product-surface=campus],[data-product-surface=campus],.portal-app.is-mobile{--surface-recipe-accent: var(--cc-action, #0f6b7a);--surface-recipe-accent-soft: var(--cc-action-soft, #e6f3f5)}.portal-app[data-product-surface=ops],[data-product-surface=ops]{--surface-recipe-accent: #334155;--surface-recipe-accent-soft: #e2e8f0;--surface-recipe-canvas: #e8edf2;--surface-recipe-radius: 10px;--surface-recipe-radius-control: 8px}.surface-recipe-section{border:1px solid var(--surface-recipe-line);border-radius:var(--surface-recipe-radius);background:var(--surface-recipe-card);padding:var(--surface-recipe-pad)}.surface-recipe-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:var(--surface-recipe-row-min);padding:10px 12px;border-bottom:1px solid var(--surface-recipe-line);color:var(--surface-recipe-ink);text-decoration:none}.surface-recipe-cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:var(--surface-recipe-cta-min);padding:0 18px;border-radius:var(--surface-recipe-radius-control);background:var(--surface-recipe-accent);color:#fff;font-weight:600;text-decoration:none;border:0}.surface-recipe-cta:where([data-variant=outline],.is-outline){background:transparent;color:var(--surface-recipe-ink);border:1px solid var(--surface-recipe-line)}.portal-preview-domain-banner{position:relative;z-index:40;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 12px;padding:8px 12px;background:#0f172a;color:#e2e8f0;font-size:.8125rem;line-height:1.35}.portal-preview-domain-banner[data-preview-chrome=true]{border-bottom:1px solid #1e293b}.portal-preview-domain-banner .portal-preview-domain-banner-label{font-weight:700;letter-spacing:.04em;text-transform:uppercase;font-size:.68rem;color:#94a3b8;margin-right:8px}.portal-preview-domain-banner .action{display:inline-flex;align-items:center;min-height:32px;padding:0 12px;border-radius:999px;background:#38bdf8;color:#0f172a;font-weight:700;text-decoration:none}.portal-preview-domain-banner .portal-preview-domain-banner-dismiss{min-height:32px;padding:0 10px;border:1px solid #475569;border-radius:999px;background:transparent;color:#e2e8f0;font-size:.75rem;cursor:pointer}.portal-preview-domain-banner.is-dismissed{display:none!important}