/* North Star V2. Opt-in tokens: never applied to connected spaces by default. */
.fx-north-star {
  --ns-ivory:#F7F7F5; --ns-ink:#0B0B0C; --ns-graphite:#57595C;
  --ns-champagne:#FBE8BD; --ns-white:#fff; --ns-warm:#F5F1E8;
  --ns-pearl:#FCFBF8; --ns-surface:#FFFEFC; --ns-hairline:#E8E5DE;
  --ns-pearl-wash:radial-gradient(ellipse at 14% 12%,#FFFFFF 0%,#F7F7F5 58%,#F5F2EA 100%);
  --ns-shadow:0 8px 28px rgba(58,48,28,.045),inset 0 1px 0 #FFFFFF;
  --ns-line:#DEDCD5; --ns-focus:#806D4E; --ns-error:#8C2929;
  --ns-font:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  --ns-content:1240px; --ns-radius:24px; --ns-control-radius:14px;
  --ns-space-1:8px; --ns-space-2:16px; --ns-space-3:24px; --ns-space-4:40px; --ns-space-5:64px; --ns-space-6:96px;
  color-scheme:light; font-family:var(--ns-font); color:var(--ns-ink); background:var(--ns-ivory);
}
.fx-north-star .ns-container {width:min(var(--ns-content),calc(100% - 48px));margin-inline:auto;}
.fx-north-star .ns-kicker {font:600 11px/1.5 var(--ns-font);letter-spacing:.1em;text-transform:uppercase;color:var(--ns-focus);}
.fx-north-star .ns-card {background:var(--ns-white);border:1px solid var(--ns-line);border-radius:var(--ns-radius);padding:32px;}
.fx-north-star .ns-button {display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:56px;padding:14px 20px;border:1px solid var(--ns-ink);border-radius:var(--ns-control-radius);background:var(--ns-ink);color:white;font:600 16px/1.4 var(--ns-font);text-decoration:none;cursor:pointer;}
.fx-north-star .ns-button:disabled {background:#E5E5E1;color:var(--ns-graphite);border-color:transparent;cursor:default;}
.fx-north-star .ns-field {min-height:52px;width:100%;border:1px solid var(--ns-line);border-radius:12px;padding:12px 14px;font:16px/1.5 var(--ns-font);background:var(--ns-ivory);color:var(--ns-ink);}
.fx-north-star :is(a,button,input,textarea,select,summary,[tabindex]):focus-visible {outline:2px solid var(--ns-focus)!important;outline-offset:4px!important;box-shadow:none!important;}
.fx-north-star .ns-error {border-inline-start:3px solid var(--ns-error);padding:12px;color:var(--ns-error);background:#fff;}
.fx-north-star .ns-status {color:var(--ns-graphite);font:14px/1.6 var(--ns-font);}
.fx-north-star [hidden] {display:none!important;}
@media(max-width:350px){.fx-north-star .ns-container{width:calc(100% - 32px);}}
@media(prefers-reduced-motion:reduce){.fx-north-star,.fx-north-star *,.fx-north-star *::before,.fx-north-star *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important;}}

/* Shared neutral scroll controls, including legacy WebKit rules. */
.fx-north-star {scrollbar-color:#B8B4AA var(--ns-ivory);}
.fx-north-star::-webkit-scrollbar-thumb,.fx-north-star ::-webkit-scrollbar-thumb {background:#B8B4AA;border-radius:8px;}
.fx-north-star::-webkit-scrollbar-track,.fx-north-star ::-webkit-scrollbar-track {background:var(--ns-ivory);}
