/* Fouad Unified Design System v6.0 / Suite 9.4.0
   Single cross-product profile: technical workspace + content-first publication.
   Behavior: master-inspiration enterprise search, action dashboard, calm workspace, media/content discovery.
   This file is the final authoritative layer across Web surfaces. */
:root{
  --fm-font:Geist,Inter,Roboto,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  --fm-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --fm-bg:#000;--fm-subtle:#0a0a0a;--fm-raised:#151515;--fm-overlay:#1b1b1b;--fm-selected:#202020;
  --fm-fg:#ededed;--fm-muted:#a1a1aa;--fm-subtle-fg:#8b8b93;--fm-accent:#f5a623;--fm-accent-ink:#111;
  --fm-border:#2a2a2a;--fm-border-strong:#4b4b4b;--fm-focus:#f5a623;
  --fm-success:#7ee787;--fm-warning:#f2cc60;--fm-danger:#ff7b72;--fm-info:#79c0ff;
  --fm-r-xs:4px;--fm-r-sm:6px;--fm-r-md:8px;--fm-r-lg:12px;--fm-pill:9999px;
  --fm-s1:4px;--fm-s2:8px;--fm-s3:12px;--fm-s4:16px;--fm-s5:24px;--fm-s6:32px;--fm-s7:48px;--fm-s8:64px;
  --fm-content:1280px;--fm-admin:1440px;--fm-readable:75ch;--fm-sidebar:280px;--fm-control:44px;
  --fm-instant:90ms;--fm-fast:150ms;--fm-standard:220ms;--fm-deliberate:320ms;color-scheme:dark;

  /* V9.4 compatibility bridge. Historical component/business CSS remains for behavior,
     but every legacy visual variable resolves through the single unified semantic system. */
  --bg:var(--fm-bg);--bg2:var(--fm-subtle);--bg-soft:var(--fm-subtle);--canvas:var(--fm-bg);
  --surface:var(--fm-subtle);--surface-muted:var(--fm-subtle);--surface-raised:var(--fm-raised);--surface-strong:var(--fm-raised);
  --card:var(--fm-subtle);--card-elevated:var(--fm-raised);--panel:var(--fm-subtle);--panel-2:var(--fm-raised);--panel-3:var(--fm-overlay);
  --text:var(--fm-fg);--ink:var(--fm-fg);--text-muted:var(--fm-muted);--muted:var(--fm-muted);--muted2:var(--fm-subtle-fg);--muted-2:var(--fm-subtle-fg);
  --line:var(--fm-border);--line2:var(--fm-border);--line-strong:var(--fm-border-strong);--border:var(--fm-border);
  --primary:var(--fm-accent);--primary-2:var(--fm-accent);--brand:var(--fm-accent);--brand-strong:var(--fm-accent);
  --accent:var(--fm-accent);--accent-2:var(--fm-info);--accent-3:var(--fm-muted);--custom-accent:var(--fm-accent);--custom-accent-2:var(--fm-info);
  --accent-ink:var(--fm-accent-ink);--danger:var(--fm-danger);--warning:var(--fm-warning);--success:var(--fm-success);--focus:var(--fm-focus);
  --radius:var(--fm-r-md);--radius-sm:var(--fm-r-sm);--card-radius:var(--fm-r-md);--control-radius:var(--fm-r-sm);
  --shadow:none;--surface-alpha:1;--font:var(--fm-font);--ds-font-mono:var(--fm-mono);--mono:var(--fm-mono);
  --shell:min(1440px,calc(100vw - 32px));--header:64px;
}
html[data-mode="light"],html[data-theme="light"]{
  --fm-bg:#fff;--fm-subtle:#f6f8fa;--fm-raised:#fff;--fm-overlay:#f0f2f4;--fm-selected:#fff4df;
  --fm-fg:#1f2328;--fm-muted:#59636e;--fm-subtle-fg:#6e7781;--fm-accent:#d97706;--fm-accent-ink:#111;
  --fm-border:#d0d7de;--fm-border-strong:#8c959f;--fm-focus:#9a5a00;
  --fm-success:#116329;--fm-warning:#7d4e00;--fm-danger:#cf222e;--fm-info:#0550ae;color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box;min-width:0}
html{font-family:var(--fm-font);background:var(--fm-bg);color:var(--fm-fg);overflow-x:hidden;scroll-padding-top:72px}
body{margin:0;background:var(--fm-bg)!important;color:var(--fm-fg)!important;font-family:var(--fm-font)!important;overflow-x:hidden;min-height:100dvh}
img,svg,video,canvas,iframe{max-width:100%;height:auto}
:where(p,li,dd,dt,td,th,label,input,select,textarea,button,a){overflow-wrap:anywhere}
:where(a,button,input,select,textarea,summary,[tabindex]):focus-visible{outline:2px solid var(--fm-focus)!important;outline-offset:2px!important;box-shadow:none!important}
:where(button,.button,.fd-button,.cta,.admin-button,.ds-button,input,select,textarea){font:inherit}
:where(button,.button,.fd-button,.cta,.admin-button,.ds-button){min-height:var(--fm-control)!important;border-radius:var(--fm-r-sm)!important;transition:background var(--fm-fast),border-color var(--fm-fast),color var(--fm-fast),transform 100ms!important}
:where(button,.button,.fd-button,.cta,.admin-button,.ds-button):active{transform:translateY(1px)}
:where(button,.button,.fd-button,.cta,.admin-button,.ds-button)[disabled],:where(button,.button,.fd-button,.cta,.admin-button)[aria-disabled="true"]{cursor:not-allowed!important;opacity:.62!important}
:where(input,select,textarea){min-height:44px!important;max-width:100%;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-sm)!important;background:var(--fm-subtle)!important;color:var(--fm-fg)!important;padding:10px 12px!important;box-shadow:none!important}
textarea{min-height:120px;resize:vertical}
::placeholder{color:var(--fm-subtle-fg)!important;opacity:1}
:where(table){border-collapse:collapse;color:var(--fm-fg)}
:where(th,td){border-bottom:1px solid var(--fm-border);padding:10px 12px;text-align:start;vertical-align:top}
:where(pre,code){font-family:var(--fm-mono)}
:where(pre){max-width:100%;overflow:auto;background:var(--fm-subtle);border:1px solid var(--fm-border);border-radius:var(--fm-r-sm);padding:12px}
:where(.panel,.card,.fd-card,.account-card,.section-card,.admin-card,.metric-card,.ds-card,.growth-card){background:var(--fm-subtle)!important;color:var(--fm-fg)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;box-shadow:none!important}
:where(.alert,.notice,.callout,.fd-alert){border-radius:var(--fm-r-sm)!important;border:1px solid var(--fm-border)!important;box-shadow:none!important}
:where(.alert.success,.status-success){border-color:color-mix(in srgb,var(--fm-success) 55%,var(--fm-border))!important}
:where(.alert.danger,.alert.error,.status-error){border-color:color-mix(in srgb,var(--fm-danger) 60%,var(--fm-border))!important}
:where(.eyebrow,.section-index,.label,.badge,.status-pill){font-family:var(--fm-font)!important;letter-spacing:.08em!important;text-transform:uppercase;font-size:12px!important}
:where(h1,h2,h3,h4){color:var(--fm-fg)!important;letter-spacing:-.03em;margin-block-start:0;overflow-wrap:anywhere}
:where(p,li){color:var(--fm-muted)}
a{color:var(--fm-accent)}
:where(.primary,.button.primary,.fd-button:not(.secondary),.cta-primary){background:var(--fm-accent)!important;color:var(--fm-accent-ink)!important;border:1px solid var(--fm-accent)!important;font-weight:700!important}
:where(.ghost,.secondary,.button.ghost,.button.secondary,.fd-button.secondary){background:transparent!important;color:var(--fm-fg)!important;border:1px solid var(--fm-border-strong)!important}
:where(.danger-text){color:var(--fm-danger)!important}

/* Shared page rhythm. Empty decoration must not reserve viewport-height blocks. */
:where(.section,.page-section,.content-section){padding-block:clamp(32px,6vw,80px)!important}
:where(.hero,.page-hero,.marketing-hero,.studio-command-deck){min-height:0!important;height:auto!important}
:where(.spacer,.hero-spacer,.decorative-spacer,.empty-section):empty{display:none!important}
:where([aria-hidden="true"].aurora,#ambientSnow,.cursor-refraction,.orbit-ring,.orbit-node,.intelligence-orbit){display:none!important}
:where(.fd-shell,.shell,.marketing-shell,.growth-shell){width:min(var(--fm-content),calc(100% - 32px))!important;max-width:var(--fm-content)!important;margin-inline:auto!important}

/* Parent/public marketing surface */
.parent-body,.marketing-page{background:var(--fm-bg)!important;color:var(--fm-fg)!important}
.parent-body .site-nav,.marketing-page .site-nav{position:sticky!important;top:0!important;z-index:100!important;background:color-mix(in srgb,var(--fm-bg) 94%,transparent)!important;border-bottom:1px solid var(--fm-border)!important;box-shadow:none!important;backdrop-filter:blur(14px)}
.parent-body .nav-inner{min-height:64px!important;width:min(var(--fm-content),calc(100% - 32px))!important;margin:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:20px!important;align-items:center!important}
.parent-body .nav-links{display:flex!important;align-items:center!important;justify-content:center!important;gap:4px!important;flex-wrap:wrap!important;background:transparent!important}
.parent-body .nav-links a{min-height:40px;display:inline-flex;align-items:center;padding:6px 10px;border-radius:var(--fm-r-sm);color:var(--fm-muted)!important;text-decoration:none}
.parent-body .nav-links a:hover,.parent-body .nav-links a[aria-current="page"]{background:var(--fm-raised)!important;color:var(--fm-fg)!important}
.parent-body .hero{padding-block:clamp(52px,8vw,104px)!important;background:none!important}
.parent-body .hero-grid{display:grid!important;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr)!important;gap:clamp(28px,5vw,72px)!important;align-items:center!important}
.parent-body .hero h1{font-size:clamp(44px,7vw,80px)!important;line-height:.98!important;max-width:12ch!important;font-weight:600!important}
.parent-body .hero p{font-size:clamp(16px,1.7vw,19px)!important;line-height:1.55!important;max-width:60ch!important}
.parent-body .hero-card{background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;box-shadow:none!important}
.parent-body .ds-grid,.parent-body .capabilities,.parent-body .project-grid,.parent-body .article-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}

/* PromptFactory authenticated shell. Desktop navigation must always be visible. */
body[data-authenticated="1"] .app-shell{display:grid!important;grid-template-columns:var(--fm-sidebar) minmax(0,1fr)!important;width:100%!important;max-width:none!important;min-height:100dvh!important;background:var(--fm-bg)!important}
body[data-authenticated="1"] .sidebar{position:sticky!important;top:0!important;height:100dvh!important;overflow:auto!important;display:flex!important;flex-direction:column!important;gap:14px!important;padding:16px!important;background:var(--fm-subtle)!important;border-inline-end:1px solid var(--fm-border)!important;box-shadow:none!important;transform:none!important;visibility:visible!important;opacity:1!important}
body[data-authenticated="1"] .sidebar .brand{display:flex!important;align-items:center!important;gap:10px!important;padding-bottom:14px!important;border-bottom:1px solid var(--fm-border)!important;background:none!important}
body[data-authenticated="1"] .sidebar .brand-mark{width:40px!important;height:40px!important;display:grid!important;place-items:center!important;border-radius:var(--fm-r-sm)!important;background:var(--fm-accent)!important;color:var(--fm-accent-ink)!important;font-weight:800!important}
body[data-authenticated="1"] .side-nav{display:grid!important;gap:4px!important;overflow:visible!important}
body[data-authenticated="1"] .side-nav .nav-item{display:flex!important;width:100%!important;min-height:40px!important;align-items:center!important;justify-content:flex-start!important;gap:10px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:var(--fm-r-sm)!important;background:transparent!important;color:var(--fm-muted)!important;text-align:start!important}
body[data-authenticated="1"] .side-nav .nav-item:hover,body[data-authenticated="1"] .side-nav .nav-item.active{background:var(--fm-raised)!important;border-color:var(--fm-border)!important;color:var(--fm-fg)!important}
body[data-authenticated="1"] .side-card{margin-top:auto!important;padding:14px!important;background:var(--fm-bg)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-sm)!important}
body[data-authenticated="1"] .side-footer{position:static!important;margin-top:0!important;border-top:1px solid var(--fm-border)!important;padding-top:12px!important}
body[data-authenticated="1"] .workspace{width:100%!important;max-width:none!important;margin:0!important;padding:20px clamp(18px,2.4vw,36px) 56px!important;background:var(--fm-bg)!important}
body[data-authenticated="1"] .topbar{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,620px)!important;align-items:start!important;gap:24px!important;margin:0 0 16px!important;padding:0 0 18px!important;border-bottom:1px solid var(--fm-border)!important;background:none!important}
body[data-authenticated="1"] .topbar h1{font-size:clamp(40px,4.7vw,68px)!important;line-height:.98!important;font-weight:600!important;max-width:14ch!important;margin:8px 0 10px!important;letter-spacing:-.05em!important}
body[data-authenticated="1"] .topbar h1 em{color:var(--fm-accent)!important;font-style:normal!important}
body[data-authenticated="1"] .topbar p{max-width:70ch!important;margin:0!important;line-height:1.55!important;color:var(--fm-muted)!important}
body[data-authenticated="1"] .topbar-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:8px!important;flex-wrap:wrap!important;padding:10px!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;background:var(--fm-subtle)!important;box-shadow:none!important}
body[data-authenticated="1"] .studio-command-deck{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.55fr)!important;gap:16px!important;margin:0 0 16px!important;padding:18px!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;box-shadow:none!important}
body[data-authenticated="1"] .command-status-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
body[data-authenticated="1"] .command-status-grid article{min-height:118px!important;padding:14px!important;background:var(--fm-bg)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-sm)!important}
body[data-authenticated="1"] .layout-grid{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,480px)!important;gap:18px!important;align-items:start!important}
body[data-authenticated="1"] .sticky-panel{position:sticky!important;top:16px!important;max-height:calc(100dvh - 32px)!important;overflow:auto!important}
body[data-authenticated="1"] .prompt-output{width:100%!important;min-height:480px!important;max-height:65dvh!important;font-family:var(--fm-mono)!important;font-size:12px!important;line-height:1.55!important;background:var(--fm-bg)!important;color:var(--fm-fg)!important;border:1px solid var(--fm-border)!important}
body[data-authenticated="1"] .mobile-studio-bar{display:none!important}

/* PromptFactory auth/admin pages */
.auth-page,.admin-auth-page{background:var(--fm-bg)!important;color:var(--fm-fg)!important}
.auth-page .auth-card{width:min(560px,calc(100% - 32px))!important;margin:clamp(24px,7vh,72px) auto!important;padding:24px!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;box-shadow:none!important}
.account-shell{width:min(var(--fm-admin),calc(100% - 32px))!important;margin-inline:auto!important;padding:24px 0 56px!important}
.fd-admin-shellbar{position:sticky!important;top:0!important;z-index:120!important;background:var(--fm-subtle)!important;border-bottom:1px solid var(--fm-border)!important;box-shadow:none!important}
.fd-admin-shellbar-top{min-height:58px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;padding:8px 16px!important}
.fd-admin-menu{display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;padding:7px 16px!important;border-top:1px solid var(--fm-border)!important;white-space:nowrap!important}
.fd-admin-menu-link,.fd-admin-menu a,.fd-admin-menu button{min-height:36px!important;padding:6px 10px!important;border-radius:var(--fm-r-sm)!important;background:transparent!important;color:var(--fm-muted)!important;border:1px solid transparent!important;text-decoration:none!important}
.fd-admin-menu-link:hover,.fd-admin-menu-link.is-active{background:var(--fm-raised)!important;border-color:var(--fm-border)!important;color:var(--fm-fg)!important}

/* Blog public + admin. */
.public-body,.admin-body{background:var(--fm-bg)!important;color:var(--fm-fg)!important}
.public-body .site-header,.admin-body .admin-topbar{background:color-mix(in srgb,var(--fm-bg) 95%,transparent)!important;border-color:var(--fm-border)!important;box-shadow:none!important}
.public-body .site-header-inner,.public-body .public-shell,.admin-body .admin-main,.admin-body #content{max-width:var(--fm-admin)!important}
.public-body .article-body,.public-body .content-body,.public-body .reader-content{max-width:var(--fm-readable)!important;margin-inline:auto!important}
.public-body .article-body :where(p,li){font-size:17px!important;line-height:1.65!important}
.admin-body{padding-top:64px!important}
.admin-body .admin-topbar{position:fixed!important;inset:0 0 auto 0!important;height:64px!important;z-index:1200!important;display:flex!important;align-items:center!important;gap:12px!important;padding:8px 16px!important}
.admin-body .admin-sidebar{position:fixed!important;top:64px!important;bottom:0!important;inset-inline-start:0!important;width:280px!important;display:flex!important;flex-direction:column!important;background:var(--fm-subtle)!important;border-inline-end:1px solid var(--fm-border)!important;transform:none!important;visibility:visible!important;opacity:1!important;box-shadow:none!important}
.admin-body .admin-sidebar-nav{overflow:auto!important;padding:12px!important}
.admin-body .admin-nav-group a,.admin-body .admin-sidebar-bottom a{min-height:40px!important;display:flex!important;align-items:center!important;gap:8px!important;padding:7px 10px!important;border:1px solid transparent!important;border-radius:var(--fm-r-sm)!important;color:var(--fm-muted)!important;text-decoration:none!important}
.admin-body .admin-nav-group a:hover,.admin-body .admin-nav-group a.active{background:var(--fm-raised)!important;border-color:var(--fm-border)!important;color:var(--fm-fg)!important}
.admin-body #content{margin-inline-start:280px!important;padding:24px clamp(18px,2.4vw,36px) 56px!important;width:auto!important}
.admin-body .admin-overlay,.admin-body .admin-sidebar-backdrop{display:none!important}
.admin-body .admin-grid,.admin-body .admin-stats,.admin-body .growth-grid{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(230px,1fr))!important;gap:14px!important}
.admin-body .data-table-wrap,.public-body .table-wrap{max-width:100%!important;overflow:auto!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-sm)!important}

/* Design-system documentation */
.ds-shell{display:grid!important;grid-template-columns:280px minmax(0,1fr)!important;min-height:100dvh!important;background:var(--fm-bg)!important;color:var(--fm-fg)!important}
.ds-sidebar{position:sticky!important;top:0!important;height:100dvh!important;overflow:auto!important;padding:16px!important;background:var(--fm-subtle)!important;border-inline-end:1px solid var(--fm-border)!important}
.ds-main{min-width:0!important;background:var(--fm-bg)!important}
.ds-page{width:min(1120px,calc(100% - 32px))!important;margin:auto!important;padding:48px 0 72px!important}
.ds-page h1{font-size:clamp(40px,6vw,68px)!important;line-height:1!important;max-width:18ch!important}
.ds-nav a{display:flex!important;min-height:36px!important;align-items:center!important;padding:6px 9px!important;border-radius:var(--fm-r-sm)!important;color:var(--fm-muted)!important;text-decoration:none!important}
.ds-nav a:hover,.ds-nav a[aria-current="page"]{background:var(--fm-raised)!important;color:var(--fm-fg)!important}

/* RTL is content-local; admin chrome stays structurally LTR. */
.admin-body,body[data-authenticated="1"],.fd-admin-shellbar{direction:ltr!important}
:where([lang="ar"],.rtl-content,[dir="rtl"] .article-body,[dir="rtl"] .content-body){direction:rtl;text-align:start}

@media(max-width:1199px){
  body[data-authenticated="1"] .app-shell{grid-template-columns:236px minmax(0,1fr)!important}
  body[data-authenticated="1"] .topbar{grid-template-columns:1fr!important}
  body[data-authenticated="1"] .topbar-actions{justify-content:flex-start!important;max-width:none!important}
  body[data-authenticated="1"] .layout-grid{grid-template-columns:1fr!important}
  body[data-authenticated="1"] .sticky-panel{position:relative!important;top:auto!important;max-height:none!important}
  .parent-body .ds-grid,.parent-body .capabilities,.parent-body .project-grid,.parent-body .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:839px){
  body[data-authenticated="1"] .app-shell{display:block!important}
  body[data-authenticated="1"] .sidebar{position:relative!important;height:auto!important;padding:12px!important;border-inline-end:0!important;border-bottom:1px solid var(--fm-border)!important}
  body[data-authenticated="1"] .sidebar .side-card{display:none!important}
  body[data-authenticated="1"] .side-nav{display:flex!important;overflow-x:auto!important;gap:4px!important}
  body[data-authenticated="1"] .side-nav .nav-item{width:auto!important;flex:0 0 auto!important;white-space:nowrap!important}
  body[data-authenticated="1"] .workspace{padding:16px 14px 56px!important}
  body[data-authenticated="1"] .studio-command-deck{grid-template-columns:1fr!important}
  .parent-body .nav-inner{grid-template-columns:auto 1fr auto!important}.parent-body .nav-links{display:none!important}.parent-body .mobile-menu{display:inline-flex!important}
  .parent-body .hero-grid{grid-template-columns:1fr!important}.parent-body .hero-card{margin:0!important}
  .admin-body{padding-top:56px!important}.admin-body .admin-topbar{height:56px!important}.admin-body .admin-sidebar{position:relative!important;top:auto!important;bottom:auto!important;width:100%!important;height:auto!important;border-inline-end:0!important;border-bottom:1px solid var(--fm-border)!important}.admin-body .admin-sidebar-nav{display:flex!important;overflow-x:auto!important;gap:4px!important}.admin-body .admin-nav-group{display:flex!important;gap:4px!important}.admin-body .admin-nav-group-title{display:none!important}.admin-body .admin-nav-group a{white-space:nowrap!important}.admin-body .admin-sidebar-bottom{display:none!important}.admin-body #content{margin-inline-start:0!important;padding:18px 14px 48px!important}
  .ds-shell{grid-template-columns:1fr!important}.ds-sidebar{position:relative!important;height:auto!important;border-inline-end:0!important;border-bottom:1px solid var(--fm-border)!important}.ds-nav{display:flex!important;overflow:auto!important;gap:4px!important}.ds-nav a{white-space:nowrap!important}
}
@media(max-width:599px){
  .parent-body .ds-grid,.parent-body .capabilities,.parent-body .project-grid,.parent-body .article-grid{grid-template-columns:1fr!important}
  body[data-authenticated="1"] .topbar h1{font-size:clamp(36px,12vw,52px)!important}
  body[data-authenticated="1"] .command-status-grid{grid-template-columns:1fr!important}
  :where(button,.button,.fd-button,.cta,.admin-button,.ds-button){min-height:44px!important}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}


/* V9.4 — one visual language + meaningful motion. No page may invent a second theme. */
html[data-profile="fouad-unified"],html[data-design-system="fouad-unified-v6"]{scroll-behavior:smooth}
body{background-image:none!important}
:where(.glass,.aurora,.neumorphic,.gradient-card,.glow-card){backdrop-filter:none!important;box-shadow:none!important;background-image:none!important}
:where(.site-nav,.admin-topbar,.fd-admin-shellbar,.sidebar,.topbar){transition:background-color var(--fm-standard),border-color var(--fm-standard)}
:where(.card,.panel,.fd-card,.section-card,.admin-card,.growth-card,.project-tile,.article-card,.command-status-grid article){
  transition:border-color var(--fm-fast),background-color var(--fm-fast),transform var(--fm-fast);
}
@media (hover:hover) and (pointer:fine){
  :where(.card,.panel,.fd-card,.section-card,.admin-card,.growth-card,.project-tile,.article-card):hover{border-color:var(--fm-border-strong)!important}
  :where(a,button,.button,.fd-button,.cta,.nav-item,.fd-admin-menu-link):hover{transition-duration:var(--fm-fast)!important}
}
:where(button,.button,.fd-button,.cta,.admin-button,.nav-item,.fd-admin-menu-link):active{transform:translateY(1px) scale(.995)}
:where(.status-pill.ready,.status-success){animation:fm-status-confirm 360ms ease-out 1}
@keyframes fm-status-confirm{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--fm-success) 30%,transparent)}100%{box-shadow:0 0 0 8px transparent}}

/* Progressive reveal: content remains visible if JS fails. */
html.fm-motion-ready [data-fm-reveal]{opacity:0;transform:translateY(10px)}
html.fm-motion-ready [data-fm-reveal].is-visible{opacity:1;transform:none;transition:opacity var(--fm-deliberate) ease,transform var(--fm-deliberate) ease}

/* Better use of desktop space: no giant empty bands, no tiny prompt cockpit. */
body[data-authenticated="1"] .workspace{padding:clamp(18px,2.2vw,34px)!important;max-width:none!important;width:100%!important}
body[data-authenticated="1"] .topbar{padding:0 0 20px!important;min-height:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(420px,620px)!important;gap:20px!important;align-items:end!important}
body[data-authenticated="1"] .topbar h1{font-size:clamp(40px,4.8vw,68px)!important;line-height:1!important;max-width:15ch!important;margin-bottom:10px!important}
body[data-authenticated="1"] .topbar-actions{width:100%!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:8px!important;padding:12px!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important}
body[data-authenticated="1"] .studio-command-deck{margin-top:0!important;padding:20px!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr)!important;gap:18px!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important}
body[data-authenticated="1"] .command-hero-copy h2{font-size:clamp(28px,3vw,42px)!important;line-height:1.05!important;max-width:24ch!important}
body[data-authenticated="1"] .panel{margin-top:16px!important;padding:clamp(16px,2vw,24px)!important}
body[data-authenticated="1"] .layout-grid{grid-template-columns:minmax(0,1.25fr) minmax(380px,.75fr)!important}
body[data-authenticated="1"] .prompt-output{min-height:560px!important;max-height:72dvh!important;font-size:13px!important}
body[data-authenticated="1"] .sidebar .brand strong,body[data-authenticated="1"] .sidebar .brand span{white-space:normal!important}
body[data-authenticated="1"] .sidebar{font-size:14px!important}

/* Public/blog editorial rhythm: content density before decorative whitespace. */
.parent-body .hero,.public-body .hero,.public-body .page-hero{padding-block:clamp(40px,6vw,80px)!important}
.public-body main,.parent-body main{min-height:0!important}
.public-body .article-body figure,.public-body .reader-content figure{margin:28px 0!important;padding:0!important}
.public-body .article-body figure img,.public-body .reader-content figure img{display:block;margin:auto;border:1px solid var(--fm-border);border-radius:var(--fm-r-sm)}
.public-body figcaption{margin-top:8px;color:var(--fm-muted);font-size:14px;line-height:1.5}

/* Loading feedback is purposeful and state-bound. */
[aria-busy="true"],.is-loading{cursor:progress}
.fm-skeleton{background:linear-gradient(90deg,var(--fm-subtle) 0%,var(--fm-raised) 50%,var(--fm-subtle) 100%);background-size:220% 100%;animation:fm-skeleton 1.2s linear infinite}
@keyframes fm-skeleton{to{background-position:-220% 0}}

@media(max-width:1199px){body[data-authenticated="1"] .topbar{grid-template-columns:1fr!important}.topbar-actions{justify-content:flex-start!important}.studio-command-deck{grid-template-columns:1fr!important}}
@media(max-width:839px){body[data-authenticated="1"] .workspace{padding:14px!important}body[data-authenticated="1"] .topbar h1{font-size:clamp(36px,10vw,52px)!important}.topbar-actions{padding:10px!important}.studio-command-deck{padding:14px!important}}
@media(prefers-reduced-motion:reduce){html[data-profile="fouad-unified"]{scroll-behavior:auto!important}html.fm-motion-ready [data-fm-reveal]{opacity:1!important;transform:none!important}.fm-skeleton,.status-pill.ready{animation:none!important}}

/* Unified design-system documentation surface. */
.fm-doc-nav{position:sticky;top:0;z-index:40;min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px max(16px,calc((100vw - var(--fm-content))/2));background:color-mix(in srgb,var(--fm-bg) 94%,transparent);border-bottom:1px solid var(--fm-border);backdrop-filter:blur(12px)}
.fm-doc-brand{display:flex;align-items:center;gap:10px;color:var(--fm-fg);text-decoration:none}.fm-doc-mark{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--fm-r-sm);background:var(--fm-accent);color:var(--fm-accent-ink);font-weight:800}
.fm-doc-main{width:min(var(--fm-content),calc(100% - 32px));margin:auto;padding:40px 0 72px}.fm-doc-hero{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:32px;align-items:end;padding:48px 0}.fm-doc-hero h1{font-size:clamp(44px,7vw,76px);line-height:.98;max-width:13ch}.fm-doc-lead{font-size:18px;line-height:1.6;max-width:65ch}.fm-doc-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fm-doc-section{padding:32px 0}.fm-doc-tools{display:flex;gap:8px;flex-wrap:wrap}.fm-doc-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--fm-accent);font-weight:700}.fm-doc-code{overflow:auto;padding:16px;border:1px solid var(--fm-border);border-radius:var(--fm-r-sm);background:var(--fm-subtle)}
@media(max-width:839px){.fm-doc-hero{grid-template-columns:1fr}.fm-doc-grid{grid-template-columns:1fr}.fm-doc-main{width:min(100% - 24px,var(--fm-content))}}


/* V9.4 final visual authority: one theme language, no legacy decorative chrome. */
:where(.glass){background:var(--fm-subtle)!important;background-image:none!important;border:1px solid var(--fm-border)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}
:where(.brand-mark){background:var(--fm-accent)!important;background-image:none!important;color:var(--fm-accent-ink)!important;border-radius:var(--fm-r-sm)!important;box-shadow:none!important;transform:none!important}
:where(h1 em,h2 em,h3 em,.gradient-text){color:var(--fm-accent)!important;background:none!important;background-image:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;-webkit-text-fill-color:currentColor!important;text-shadow:none!important}
:where(.cta-primary,.button.primary,.fd-button:not(.secondary),.admin-global-update-button){background:var(--fm-accent)!important;background-image:none!important;color:var(--fm-accent-ink)!important;border-color:var(--fm-accent)!important;box-shadow:none!important}
:where(.aurora,.cursor-refraction,.intelligence-orbit,.orbit-ring,.orbit-node,.hero-system::after,body::before){animation:none!important;box-shadow:none!important}

/* Blog/public shell: visible desktop navigation, compact 64px app bar, no floating header. */
.public-body .site-header{position:sticky!important;inset:0 0 auto 0!important;transform:none!important;width:100%!important;height:auto!important;min-height:64px!important;padding:0!important;border-radius:0!important;background:color-mix(in srgb,var(--fm-bg) 96%,transparent)!important;border:0!important;border-bottom:1px solid var(--fm-border)!important;box-shadow:none!important;backdrop-filter:blur(12px)!important;z-index:100!important}
.public-body .site-header-inner{width:min(var(--fm-content),calc(100% - 32px))!important;max-width:var(--fm-content)!important;min-height:64px!important;margin-inline:auto!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:16px!important;align-items:center!important}
.public-body .site-header .site-nav{display:flex!important;justify-content:center!important;align-items:center!important;gap:4px!important;position:static!important;transform:none!important;visibility:visible!important;opacity:1!important;background:transparent!important;border:0!important;box-shadow:none!important}
.public-body .site-header .site-nav a{min-height:40px!important;display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:var(--fm-r-sm)!important;color:var(--fm-muted)!important}
.public-body .site-header .site-nav a:hover,.public-body .site-header .site-nav a.active{background:var(--fm-raised)!important;color:var(--fm-fg)!important}
.public-body .site-header .nav-toggle{display:none!important}
.public-body .page-hero{padding-block:clamp(40px,6vw,72px)!important;margin-inline:auto!important;width:min(var(--fm-content),calc(100% - 32px))!important;max-width:var(--fm-content)!important}
.public-body .hero{min-height:0!important;padding-block:clamp(48px,7vw,88px)!important;grid-template-columns:minmax(0,1.05fr) minmax(340px,.95fr)!important;gap:clamp(28px,5vw,64px)!important}
.public-body .section{padding-block:clamp(36px,5vw,64px)!important}
.public-body .site-footer{margin-top:32px!important;padding-block:40px!important}

/* Old themed effects are content-neutral and therefore never reserve space or visual priority. */
#ambientSnow,.aurora,.cursor-refraction,.orbit-ring,.orbit-node,.intelligence-orbit{display:none!important}

@media(max-width:839px){
  .public-body .site-header-inner{grid-template-columns:auto 1fr auto!important;min-height:60px!important}
  .public-body .site-header .site-nav{display:none!important;position:absolute!important;inset-inline:16px!important;top:64px!important;padding:10px!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;box-shadow:none!important;flex-direction:column!important;align-items:stretch!important;z-index:150!important}
  .public-body .site-header .site-nav.open,.public-body .site-header .site-nav.is-open{display:flex!important}
  .public-body .site-header .nav-toggle{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-height:44px!important;background:transparent!important;border:1px solid var(--fm-border)!important;color:var(--fm-fg)!important;border-radius:var(--fm-r-sm)!important}
  .public-body .header-actions{justify-self:end!important;max-width:100%!important}
  .public-body .content-language-switch .language-name,.public-body .header-contact span{display:none!important}
  .public-body .hero{grid-template-columns:1fr!important}
}

/* V9.4 navigation architecture: no permanent left rail. Desktop uses visible horizontal navigation;
   mobile uses explicit compact controls/drawers. This applies the same pattern to Blog and PromptFactory. */
.admin-body{
  --fd-bg:var(--fm-bg)!important;--fd-surface:var(--fm-subtle)!important;--fd-surface-2:var(--fm-raised)!important;--fd-surface-3:var(--fm-overlay)!important;
  --fd-text:var(--fm-fg)!important;--fd-muted:var(--fm-muted)!important;--fd-line:var(--fm-border)!important;
  --fd-accent:var(--fm-accent)!important;--fd-accent-strong:var(--fm-accent)!important;--fd-accent-soft:var(--fm-selected)!important;
  --fd-success:var(--fm-success)!important;--fd-warning:var(--fm-warning)!important;--fd-danger:var(--fm-danger)!important;--fd-shadow:none!important;
}
@media(min-width:960px){
  .admin-body{padding-top:64px!important}
  .admin-body .admin-topbar{display:grid!important;grid-template-columns:minmax(260px,1fr) auto minmax(260px,1fr)!important;height:64px!important}
  .admin-body .admin-menu-button{display:none!important}
  .admin-body .admin-desktop-nav{position:sticky!important;top:64px!important;z-index:1100!important;display:flex!important;align-items:center!important;gap:4px!important;width:100%!important;min-height:52px!important;padding:6px clamp(16px,3vw,44px)!important;overflow-x:auto!important;background:var(--fm-subtle)!important;border-bottom:1px solid var(--fm-border)!important;box-shadow:none!important}
  .admin-body .admin-desktop-group{display:flex!important;align-items:center!important;gap:2px!important;white-space:nowrap!important}
  .admin-body .admin-desktop-group-label{font-size:11px!important;color:var(--fm-subtle-fg)!important;padding-inline:8px!important;text-transform:uppercase!important;letter-spacing:.08em!important}
  .admin-body .admin-desktop-nav a{min-height:40px!important;display:inline-flex!important;align-items:center!important;padding:6px 10px!important;border-radius:var(--fm-r-sm)!important;color:var(--fm-muted)!important;text-decoration:none!important}
  .admin-body .admin-desktop-nav a:hover,.admin-body .admin-desktop-nav a.active{background:var(--fm-raised)!important;color:var(--fm-fg)!important}
  .admin-body .admin-sidebar.admin-drawer,.admin-body .admin-drawer-backdrop{display:none!important}
  .admin-body #content{margin-inline:0!important;width:min(var(--fm-admin),calc(100% - 32px))!important;max-width:var(--fm-admin)!important;margin-left:auto!important;margin-right:auto!important;padding:24px 0 56px!important}
}
@media(max-width:959px){
  .admin-body{padding-top:64px!important}
  .admin-body .admin-desktop-nav{display:none!important}
  .admin-body .admin-topbar{height:64px!important;display:flex!important;justify-content:space-between!important}
  .admin-body .admin-topbar-status{display:none!important}
  .admin-body .admin-sidebar.admin-drawer{display:flex!important;position:fixed!important;z-index:1500!important;inset:72px auto 10px 10px!important;width:min(360px,calc(100vw - 20px))!important;height:auto!important;max-height:calc(100dvh - 82px)!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-md)!important;transform:translateX(calc(-100% - 24px))!important;transition:transform var(--fm-deliberate) ease!important;overflow:hidden!important}
  .admin-body.drawer-open .admin-sidebar.admin-drawer{transform:translateX(0)!important}
  .admin-body #content{margin-inline:0!important;width:min(100% - 28px,var(--fm-admin))!important;padding:18px 0 48px!important}
}

/* PromptFactory: horizontal workspace navigation on desktop; bottom quick actions on mobile. */
@media(min-width:840px){
  body[data-authenticated="1"] .app-shell{display:block!important;width:100%!important;min-height:100dvh!important}
  body[data-authenticated="1"] .sidebar{position:sticky!important;top:0!important;z-index:1200!important;width:100%!important;height:auto!important;min-height:64px!important;max-height:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;align-items:center!important;gap:16px!important;padding:8px clamp(16px,3vw,36px)!important;background:var(--fm-subtle)!important;border:0!important;border-bottom:1px solid var(--fm-border)!important;overflow:visible!important}
  body[data-authenticated="1"] .sidebar .brand{padding:0!important;border:0!important;white-space:nowrap!important}
  body[data-authenticated="1"] .side-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:3px!important;overflow-x:auto!important;white-space:nowrap!important}
  body[data-authenticated="1"] .side-nav .nav-item{width:auto!important;min-height:40px!important;flex:0 0 auto!important;padding:6px 9px!important}
  body[data-authenticated="1"] .side-card{display:none!important}
  body[data-authenticated="1"] .side-footer{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;padding:0!important;border:0!important;white-space:nowrap!important}
  body[data-authenticated="1"] .side-footer .fd-theme-control{display:none!important}
  body[data-authenticated="1"] .workspace{width:min(var(--fm-admin),calc(100% - 32px))!important;max-width:var(--fm-admin)!important;margin-inline:auto!important;padding:24px 0 72px!important}
  body[data-authenticated="1"] .topbar{padding:24px 0!important;grid-template-columns:minmax(0,1fr) minmax(420px,.8fr)!important;gap:24px!important;background:transparent!important;border:0!important}
  body[data-authenticated="1"] .topbar h1{font-size:clamp(42px,5vw,64px)!important;line-height:1!important;max-width:15ch!important}
}
@media(max-width:839px){
  body[data-authenticated="1"] .sidebar{display:none!important}
  body[data-authenticated="1"] .app-shell{display:block!important}
  body[data-authenticated="1"] .workspace{width:100%!important;max-width:none!important;margin:0!important;padding:14px 14px 84px!important}
  body[data-authenticated="1"] .topbar{display:block!important;padding:18px 0!important}
  body[data-authenticated="1"] .topbar h1{font-size:clamp(34px,11vw,48px)!important;line-height:1.02!important}
  body[data-authenticated="1"] .topbar-actions{margin-top:16px!important}
}


/* V9.4.1 restoration: functional motion only, one shared theme across all hosts. */
:where(button,.button,a.button,[role="button"]){transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease,transform 100ms ease,box-shadow 150ms ease}
:where(button,.button,a.button,[role="button"]):active{transform:translateY(1px)}
:where(.panel,.admin-panel,.section-card,.account-card,.fd-card){animation:fd-v941-enter 180ms ease-out both}
@keyframes fd-v941-enter{from{opacity:.001;transform:translateY(4px)}to{opacity:1;transform:none}}
:where([aria-busy="true"],.is-loading){cursor:progress}
@media (prefers-reduced-motion:reduce){:where(button,.button,a.button,[role="button"],.panel,.admin-panel,.section-card,.account-card,.fd-card){animation:none!important;transition:none!important;transform:none!important}}


/* ============================================================
   FOUAD ONE DESIGN SYSTEM V7 / SUITE 9.5.0 — SINGLE THEME
   Simulated on PromptFactory + Blog before application.
   ============================================================ */
:root,html[data-mode="light"],html[data-theme="light"],html[data-mode="dark"],html[data-theme="dark"],html[data-mode="one"],html[data-theme="one"]{
  --fm-bg:#0b1218;--fm-subtle:#111b23;--fm-raised:#17242d;--fm-overlay:#1c2b36;--fm-selected:#1f323d;
  --fm-fg:#f4f8fb;--fm-muted:#9fb0bd;--fm-subtle-fg:#7f929f;--fm-accent:#67d6c1;--fm-accent-ink:#06211c;
  --fm-border:#2a3b47;--fm-border-strong:#416070;--fm-focus:#8ce7d4;--fm-success:#7ee2b8;--fm-warning:#f3bd68;--fm-danger:#ff8b8b;--fm-info:#79c8ff;
  --fm-r-xs:6px;--fm-r-sm:10px;--fm-r-md:14px;--fm-r-lg:18px;--fm-control:44px;--fm-content:1440px;--fm-admin:1440px;--fm-sidebar:0px;color-scheme:dark!important;
}
html,body{background:#0b1218!important;color:var(--fm-fg)!important}
.fd-theme-control,[data-theme-control]{display:none!important}.fd-theme-lock{display:inline-flex;align-items:center;min-height:34px;padding:6px 10px;border:1px solid var(--fm-border);border-radius:999px;background:var(--fm-subtle);color:var(--fm-muted);font-size:12px;font-weight:700;white-space:nowrap}

/* PromptFactory: no cramped left rail on desktop. One route = one stage, while all controls remain in DOM for state continuity. */
body[data-authenticated="1"] .app-shell{display:block!important;min-height:100dvh!important}
body[data-authenticated="1"] .sidebar{display:none!important}
body[data-authenticated="1"] .workspace{width:min(1440px,calc(100% - 40px))!important;margin-inline:auto!important;padding:0 0 56px!important}
body[data-authenticated="1"] .topbar{position:sticky!important;top:0!important;z-index:80!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;align-items:center!important;gap:18px!important;min-height:68px!important;padding:10px 0!important;background:color-mix(in srgb,var(--fm-bg) 94%,transparent)!important;border-bottom:1px solid var(--fm-border)!important;backdrop-filter:blur(16px)!important}
body[data-authenticated="1"] .topbar>div:first-child .eyebrow,body[data-authenticated="1"] .topbar>div:first-child h1,body[data-authenticated="1"] .topbar>div:first-child p{display:none!important}
body[data-authenticated="1"] .topbar>div:first-child:before{content:"Prompt Intelligence OS";font-weight:800;font-size:17px}
body[data-authenticated="1"] .topbar-actions{display:flex!important;flex-wrap:wrap!important;justify-content:flex-end!important;align-items:center!important;gap:7px!important;width:auto!important;padding:0!important;background:transparent!important;border:0!important}
body[data-authenticated="1"] .topbar-actions .account-chip{min-height:42px!important;padding:7px 10px!important;background:var(--fm-subtle)!important;border:1px solid var(--fm-border)!important;border-radius:var(--fm-r-sm)!important}
.studio-stage-nav{display:flex!important;gap:6px!important;overflow-x:auto!important;padding:12px 0 14px!important;scrollbar-width:thin;position:sticky;top:68px;z-index:70;background:var(--fm-bg)}
.studio-stage-nav a{flex:0 0 auto;min-height:38px;display:inline-flex;align-items:center;padding:7px 11px;border:1px solid var(--fm-border);border-radius:999px;color:var(--fm-muted);font-size:13px;text-decoration:none}.studio-stage-nav a.active{background:var(--fm-accent);border-color:var(--fm-accent);color:var(--fm-accent-ink);font-weight:800}
body[data-authenticated="1"] .studio-command-deck,body[data-authenticated="1"] .distinguished-contract,body[data-authenticated="1"] .member-access-banner,body[data-authenticated="1"] .metrics-strip{display:none!important}
body[data-authenticated="1"] .layout-grid{display:grid!important;grid-template-columns:minmax(0,1fr) 360px!important;gap:18px!important;align-items:start!important}
body[data-authenticated="1"] .config-column{display:block!important}.output-column{min-width:0!important}.output-column .sticky-panel{top:128px!important;max-height:calc(100dvh - 148px)!important;overflow:auto!important}
body[data-studio-view="campaign"] .config-column>section:not(#campaign),body[data-studio-view="editorial"] .config-column>section:not(#editorial):not(#custom),body[data-studio-view="research"] .config-column>section:not(#research),body[data-studio-view="media"] .config-column>section:not(#visual),body[data-studio-view="seo"] .config-column>section:not(#seo):not(#projectCompliance),body[data-studio-view="delivery"] .config-column>section:not(#namingPolicy):not(#contract),body[data-studio-view="output"] .config-column{display:none!important}
body[data-studio-view]:not([data-studio-view="output"]) .output-column{display:block!important}
body[data-studio-view="output"] .layout-grid{grid-template-columns:1fr!important}.output-column{width:100%!important}.output-column .prompt-panel{min-height:0!important}.prompt-output{min-height:58dvh!important}
body[data-authenticated="1"] .panel{padding:20px!important;border-radius:var(--fm-r-md)!important;margin:0 0 14px!important;background:var(--fm-subtle)!important}
body[data-authenticated="1"] .section-heading{margin-bottom:16px!important}.section-heading h2{font-size:clamp(22px,2.4vw,30px)!important;line-height:1.1!important}.section-heading p{max-width:72ch!important}
.catalog-toolbar{display:flex;gap:10px;align-items:center;justify-content:space-between;margin:10px 0}.catalog-toolbar>input{flex:1}.catalog-toolbar>div{display:flex;gap:6px;flex-wrap:wrap}.content-type-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important}.category-grid-expanded{grid-template-columns:repeat(3,minmax(0,1fr))!important}.toggle-grid .check-card{min-height:74px!important;padding:11px!important;border-radius:11px!important;background:#0d171e!important}.toggle-grid .check-card.checked{border-color:color-mix(in srgb,var(--fm-accent) 45%,var(--fm-border))!important;background:color-mix(in srgb,var(--fm-accent) 5%,#0d171e)!important}.check-card[hidden]{display:none!important}.toggle-list{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.toggle-list>label{min-height:72px!important;padding:12px!important;border-radius:11px!important;background:#0d171e!important;border:1px solid var(--fm-border)!important}

/* Blog/public: use above-the-fold space for content, not decorative emptiness. */
.public-body .site-header{background:color-mix(in srgb,var(--fm-bg) 95%,transparent)!important}.public-body .site-header-inner{width:min(1440px,calc(100% - 40px))!important;min-height:68px!important}.public-body .page-hero{width:min(1440px,calc(100% - 40px))!important;padding-block:36px 18px!important}.public-body .page-hero h1{font-size:clamp(38px,5vw,64px)!important;line-height:1!important;max-width:15ch!important;margin:8px 0 12px!important}.public-body .page-hero p{max-width:72ch!important;font-size:16px!important;line-height:1.55!important}.public-body .filter-bar{margin-top:0!important;padding:10px!important;border-radius:14px!important}.public-body .filter-bar form{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(220px,320px) auto!important;gap:10px!important;align-items:end!important}.public-body .category-browser{margin-block:10px 18px!important;display:flex!important;flex-wrap:wrap!important;overflow:visible!important}.public-body .category-chip{min-height:34px!important;padding:6px 9px!important;border-radius:999px!important;font-size:12px!important}.public-body .section{padding-block:26px 44px!important}.public-body .article-list-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.public-body .article-list-card{display:grid!important;grid-template-columns:1fr!important;border:1px solid var(--fm-border)!important;background:var(--fm-subtle)!important;border-radius:14px!important;overflow:hidden!important}.public-body .article-list-media{aspect-ratio:16/9!important;min-height:0!important}.public-body .article-list-card>div{padding:14px!important}.public-body .article-list-card h2{font-size:18px!important;line-height:1.25!important}.public-body .article-list-card p{font-size:14px!important;line-height:1.5!important}.category-directory{padding-top:8px!important}.category-directory-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.category-directory-card{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;align-items:start;padding:14px;background:var(--fm-subtle);border:1px solid var(--fm-border);border-radius:12px;text-decoration:none}.category-directory-card span{font-weight:750}.category-directory-card strong{font-size:22px;color:var(--fm-accent)}.category-directory-card small{grid-column:1/-1;color:var(--fm-muted)}
.public-body .home-hero,.public-body .hero{min-height:0!important;padding-block:44px!important}.public-body .hero-system,.public-body .hero-visual,.public-body .hero-orbit{min-height:0!important}

/* Public parent / marketing: same exact theme and density. */
.parent-body .site-nav{background:color-mix(in srgb,var(--fm-bg) 95%,transparent)!important}.parent-body .hero{padding-block:48px!important}.parent-body .hero h1{font-size:clamp(44px,6vw,72px)!important;max-width:14ch!important}.parent-body :where(.section,.page-section){padding-block:36px!important}.parent-body .hero-grid{gap:32px!important}.parent-body .project-grid,.parent-body .article-grid,.parent-body .capabilities{gap:14px!important}

/* Admin: persistent horizontal desktop navigation; side drawer only for compact viewports. */
.admin-body{padding-top:116px!important}.admin-body .admin-topbar{height:64px!important;background:color-mix(in srgb,var(--fm-bg) 96%,transparent)!important}.admin-body .admin-desktop-nav{display:flex!important;position:fixed!important;top:64px!important;inset-inline:0!important;height:52px!important;z-index:105!important;overflow-x:auto!important;background:var(--fm-subtle)!important;border-bottom:1px solid var(--fm-border)!important;padding:7px 20px!important;gap:6px!important}.admin-body .admin-desktop-group{display:flex!important;gap:4px!important;align-items:center!important;flex:0 0 auto!important}.admin-body .admin-desktop-group-label{display:none!important}.admin-body .admin-desktop-nav a{min-height:36px!important;padding:7px 10px!important;border-radius:9px!important;white-space:nowrap!important;color:var(--fm-muted)!important}.admin-body .admin-desktop-nav a.active,.admin-body .admin-desktop-nav a:hover{background:var(--fm-raised)!important;color:var(--fm-fg)!important}.admin-body .admin-sidebar{display:none!important}.admin-body #content{margin-inline-start:0!important;width:min(1440px,calc(100% - 40px))!important;margin-inline:auto!important;padding:24px 0 56px!important}.admin-body .admin-menu-button{display:none!important}.admin-body .admin-title h1,.admin-body .growth-title h1{font-size:clamp(32px,4vw,52px)!important;line-height:1.05!important}.admin-body .admin-panel,.admin-body .growth-panel{border-radius:14px!important;background:var(--fm-subtle)!important}.admin-body .admin-grid,.admin-body .admin-stats,.admin-body .growth-grid{gap:12px!important}

/* Functional motion, no decorative perpetual animation. */
html.fd-motion-ready [data-fm-reveal]{opacity:0;transform:translateY(8px)}html.fd-motion-ready [data-fm-reveal].is-visible{opacity:1;transform:none;transition:opacity 240ms ease var(--fd-delay,0ms),transform 240ms ease var(--fd-delay,0ms)}@media(hover:hover) and (pointer:fine){.category-directory-card:hover,.article-list-card:hover,.check-card:hover{transform:translateY(-2px);border-color:var(--fm-border-strong)!important;transition:transform 150ms,border-color 150ms}}

@media(max-width:1100px){body[data-authenticated="1"] .layout-grid{grid-template-columns:1fr!important}.output-column .sticky-panel{position:relative!important;top:auto!important;max-height:none!important}.content-type-grid-expanded,.category-grid-expanded{grid-template-columns:repeat(2,minmax(0,1fr))!important}.public-body .article-list-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.category-directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:839px){body[data-authenticated="1"] .workspace{width:min(100% - 24px,1440px)!important}.studio-stage-nav{top:0!important}.topbar{position:relative!important}.topbar-actions .account-chip,.topbar-actions .fd-theme-lock{display:none!important}.content-type-grid-expanded,.category-grid-expanded,.toggle-list{grid-template-columns:1fr!important}.catalog-toolbar{align-items:stretch;flex-direction:column}.public-body .filter-bar form{grid-template-columns:1fr!important}.public-body .article-list-grid{grid-template-columns:1fr!important}.category-directory-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-body{padding-top:64px!important}.admin-body .admin-desktop-nav{display:none!important}.admin-body .admin-menu-button{display:inline-flex!important}.admin-body #content{width:min(100% - 24px,1440px)!important}}
@media(max-width:520px){.category-directory-grid{grid-template-columns:1fr}.public-body .site-header-inner{width:min(100% - 20px,1440px)!important}.public-body .page-hero{width:min(100% - 24px,1440px)!important}.studio-stage-nav a{font-size:12px!important}}
