/* AiSMART Lab — fx v14 add-on for standalone pages that do not load brand.css
   (lab notes, tom-learning info pages, demos). Brings the brand type + the tokens fx-v14.css expects,
   and leaves each page's own layout and palette alone. */
@font-face{font-family:"JetBrainsMono Nerd Font";src:url("/assets/brand/fonts/JetBrainsMonoNerdFont-Regular.subset.woff2") format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"JetBrainsMono Nerd Font";src:url("/assets/brand/fonts/JetBrainsMonoNerdFont-Medium.subset.woff2") format("woff2");font-weight:500;font-display:swap}
@font-face{font-family:"JetBrainsMono Nerd Font";src:url("/assets/brand/fonts/JetBrainsMonoNerdFont-Bold.subset.woff2") format("woff2");font-weight:700;font-display:swap}
:root{
  --font-mono:"JetBrainsMono Nerd Font","JetBrains Mono","Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",monospace;
  --font-display:var(--font-mono);
  --font-body:"Noto Sans TC","Noto Sans CJK TC","PingFang TC","Microsoft JhengHei",system-ui,sans-serif;
  --color-primary:var(--accent,var(--brand,#1f4fd1));
  --color-focus-ring:var(--color-primary);
  --color-heading:var(--ink,#0b1b4d);
  --color-text-muted:var(--muted,#4a5a70);
  --color-text-subtle:var(--muted,#64748b);
  --color-surface:var(--paper,#fff);
  --color-surface-muted:var(--wash,#f3f6fa);
  --color-border:var(--line,#dbe2ea);
  --color-bg:var(--bg,var(--wash,#fff));
  --ease:cubic-bezier(.2,.7,.2,1);
  --radius-lg:12px
}
html.fx14 body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
html.fx14 :is(h1,h2,h3,.eyebrow,.brand,th,.time){font-family:var(--font-display);letter-spacing:-.01em}
html.fx14 nav ol{padding-left:2.4em}
html.fx14 nav ol li::marker{font-family:var(--font-display);color:var(--color-primary)}
html.fx14 :is(h1,h2){font-weight:700}
html.fx14 :is(pre,code,kbd,samp){font-family:var(--font-mono)}
/* lab notes: a section under the pointer is marked by its border; nothing glows */
html.fx14 article > section{transition:border-color .3s}
@media (hover:hover){html.fx14 article > section:hover{border-color:var(--color-primary)}}
html.fx14 body > header h1{text-wrap:balance}
html.fx14 nav a{transition:color .25s,padding .3s var(--ease)}
@media (hover:hover){html.fx14 nav ol a:hover{padding-left:6px}}