/* Shares the deployed website's tokens; no bundled website assets are rewritten. */
.fh-pricing-host > :not(.fh-commerce), .fh-billing-host > :not(.fh-commerce) { display:none !important; }
.fh-commerce { color:var(--foreground,#ededf3); font:inherit; line-height:1.6; }
.fh-commerce h1,.fh-commerce h2,.fh-commerce h3 { line-height:1.2; letter-spacing:-.025em; font-weight:600; margin:0 0 14px; }
.fh-commerce h1 { font-size:clamp(26px,4vw,36px); }
.fh-commerce h2 { font-size:clamp(22px,3vw,30px); }
.fh-commerce p { margin:0 0 18px; }
.fh-commerce .fh-eyebrow { font-size:11px; letter-spacing:.14em; font-weight:500; color:var(--muted-foreground,#a4a4b0); }
.fh-commerce .fh-note { font-size:13px; color:var(--muted-foreground,#a4a4b0); margin:16px 0 0; }
.fh-commerce-card { padding:clamp(20px,3vw,30px); margin:20px 0; border:1px solid var(--border,#3a3b44); border-radius:20px; background:var(--card,#1e1e2a); }
.fh-pricing { max-width:760px; margin:0 auto; padding:0 24px; text-align:center; }
.fh-pricing .fh-commerce-card { max-width:520px; margin:32px auto 0; text-align:left; }
.fh-commerce .fh-price { font-size:40px; letter-spacing:-.04em; font-weight:600; font-variant-numeric:tabular-nums; }
.fh-price small { font-size:14px; font-weight:400; letter-spacing:normal; color:var(--muted-foreground,#a4a4b0); }
.fh-commerce ul { padding-left:20px; margin:0 0 28px; }
.fh-commerce li { margin:8px 0; }
.fh-commerce button,.fh-commerce .fh-commerce-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 18px; border-radius:999px; border:1px solid var(--border,#444550); background:transparent; color:inherit; font:inherit; font-size:14px; text-decoration:none; cursor:pointer; transition:transform 160ms cubic-bezier(.2,0,0,1); }
.fh-commerce .fh-commerce-button { background:var(--primary,oklch(60% .19 253)); color:var(--primary-foreground,#fff); border-color:transparent; }
.fh-commerce button:active:not(:disabled),.fh-commerce-button:active { transform:scale(.98); }
.fh-commerce button:disabled { opacity:.6; cursor:default; }
.fh-commerce :is(button,a):focus-visible { outline:2px solid var(--ring,#85beff); outline-offset:4px; }
.fh-commerce-actions { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.fh-commerce-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.fh-commerce-grid .fh-commerce-card { margin:24px 0 0; }
.fh-commerce dl { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.fh-commerce dt { font-size:13px; color:var(--muted-foreground,#a4a4b0); }
.fh-commerce dd { margin:3px 0 0; font-weight:500; }
.fh-commerce-table { max-width:100%; overflow:auto; }
.fh-commerce table { border-collapse:collapse; width:100%; text-align:left; font-size:13px; }
.fh-commerce th,.fh-commerce td { padding:14px 12px; border-bottom:1px solid var(--border,#3a3b44); white-space:nowrap; }
.fh-commerce table a { color:var(--foreground,#ededf3); text-decoration:underline; text-underline-offset:3px; margin-right:12px; }
.fh-commerce [role=alert] { color:var(--destructive,#ff8594); }
.release-user-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:24px; padding-top:20px; border-top:1px solid var(--fs-rule); }
.release-user-actions button,.release-user-actions select { min-height:40px; padding:8px 14px; border:1px solid var(--fs-rule); border-radius:12px; background:var(--fs-paper-2); color:var(--fs-ink); font:inherit; cursor:pointer; }
.release-user-actions p { flex-basis:100%; font-size:13px; color:var(--fs-ink-2); }
.release-post-editor { display:grid; gap:16px; }
.release-post-editor label { display:grid; gap:6px; font-size:13px; }
.release-post-editor :is(input:not([type=checkbox]),textarea,select) { width:100%; padding:10px 12px; border:1px solid var(--fs-rule); border-radius:10px; background:var(--fs-paper-2); color:var(--fs-ink); font:inherit; }
@media(max-width:760px) { .fh-commerce-grid { grid-template-columns:1fr; } .fh-commerce dl { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .fh-commerce button,.fh-commerce .fh-commerce-button { transition:none; transform:none !important; } }