/* Grok Bot Field Guide. Shared typography, color, navigation and controls. */
@font-face{font-family:Inter;font-style:normal;font-weight:400 700;font-display:swap;src:url('/assets/fonts/inter-latin-variable.woff2') format('woff2')}
:root{
  --paper:#f5f5f7;--surface:#fff;--surface-2:#edeef2;--surface-3:#e4e6ee;
  --ink:#11141c;--ink-2:#333845;--muted:#606572;--faint:#6b707d;
  --rule:rgba(17,20,28,.16);--rule-soft:rgba(17,20,28,.08);
  --accent:#304be8;--accent-2:#233dc8;--accent-ink:#304be8;--accent-soft:#e9ecff;--accent-hover:#233dc8;
  --on-accent:#fff;--on-ink:#fff;--on-stop:#fff;--header-bg:rgba(245,245,247,.97);
  --go:#267049;--go-soft:#e7f3eb;--hold:#8a601b;--hold-soft:#fff1d5;--stop:#a23538;--stop-soft:#fcebed;
  --grad-warm:linear-gradient(145deg,#edf0ff,#f5f5f7);--grad-amber:linear-gradient(145deg,#edeef4,#fff);--grad-rose:linear-gradient(145deg,#eeedf7,#fff);
  --shadow:0 3px 20px rgba(17,20,28,.04);--shadow-lift:0 12px 36px rgba(17,20,28,.09);
  --display:Inter,'Helvetica Neue',Arial,sans-serif;--sans:Inter,'Helvetica Neue',Arial,sans-serif;--serif:Inter,'Helvetica Neue',Arial,sans-serif;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --r-lg:12px;--r-md:10px;--r-sm:6px;--pill:4px;--ease:cubic-bezier(.16,1,.3,1);--header-height:96px;
  color-scheme:light dark;
}
@media(prefers-color-scheme:dark){:root{--paper:#0c1018;--surface:#151b26;--surface-2:#1c2432;--surface-3:#252f40;--ink:#f4f6fb;--ink-2:#d6dbea;--muted:#aeb6c8;--faint:#8d97ac;--rule:rgba(244,246,251,.20);--rule-soft:rgba(244,246,251,.10);--accent:#91a1ff;--accent-2:#b7c1ff;--accent-ink:#a9b5ff;--accent-soft:#273158;--accent-hover:#b7c1ff;--on-accent:#0c1018;--on-ink:#0c1018;--on-stop:#0c1018;--header-bg:rgba(12,16,24,.97);--go:#79c89d;--go-soft:#18382a;--hold:#e6bd70;--hold-soft:#42331c;--stop:#f0999d;--stop-soft:#432427;--grad-warm:linear-gradient(145deg,#202949,#111722);--grad-amber:linear-gradient(145deg,#2b271d,#151b26);--grad-rose:linear-gradient(145deg,#2c2337,#151b26);--shadow:0 18px 50px rgba(0,0,0,.28)}}
*{box-sizing:border-box}html{background:var(--paper);scroll-padding-top:110px}body{background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}::selection{background:#ccd4ff;color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}a{color:var(--accent)}button,input,select,textarea{font-family:var(--sans)}
.sitehead{position:sticky;top:0;z-index:60;background:var(--header-bg);border-bottom:1px solid var(--rule-soft);display:flex;align-items:center;gap:26px;padding:0 clamp(24px,4.8vw,80px);height:var(--header-height);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}
.sitehead a{text-decoration:none;border:0}.sitelogo{display:flex;align-items:center;gap:12px;font-family:var(--display);font-weight:600;font-size:21px;line-height:1.05;letter-spacing:-.055em;color:var(--ink);white-space:nowrap;flex-shrink:0;background:var(--surface);padding:13px 18px;border-radius:4px}.sitelogo small{display:block;font-size:10px;line-height:1.2;font-weight:500;letter-spacing:.16em;text-transform:uppercase;margin-top:6px;color:var(--ink)}.sitelogo .dot{width:13px;height:13px;border-radius:50%;background:var(--accent);display:inline-block;flex-shrink:0}.sitenav{display:flex;justify-content:flex-end;gap:2px;overflow-x:auto;scrollbar-width:none;flex:1;min-width:0}.sitenav::-webkit-scrollbar{display:none}.sitenav a{font:400 14px var(--sans);color:var(--ink-2);padding:10px 11px;white-space:nowrap;transition:color .2s,background .2s}.sitenav a:hover{color:var(--accent)}.sitenav a[aria-current=page]{color:var(--ink);background:transparent;font-weight:500}.siteact{display:flex;align-items:center;gap:10px;flex-shrink:0}.sitecta{font:500 14px var(--sans);padding:15px 22px;border-radius:3px;background:var(--ink);color:var(--on-ink)}.sitecta:hover{background:var(--accent);color:var(--on-accent)}.navtoggle{display:none;align-items:center;justify-content:center;min-height:40px;padding:8px 14px;border:1px solid var(--rule);border-radius:4px;background:transparent;color:var(--ink);font:500 14px var(--sans);cursor:pointer}.navtoggle[hidden]{display:none!important}
.wrap{max-width:1400px;margin:0 auto;padding:0 40px}.freshline{font:12px var(--mono);letter-spacing:.07em;text-transform:uppercase;color:var(--faint)}.pill{display:inline-flex;align-items:center;gap:7px;width:fit-content;padding:7px 12px;border-radius:4px;background:var(--rule-soft);font-size:13px;color:var(--ink-2)}.pill.accent{background:var(--accent-soft);color:var(--accent)}.pill.stop{background:var(--stop-soft);color:var(--stop)}.pill.hold{background:var(--hold-soft);color:var(--hold)}.pill.go{background:var(--go-soft);color:var(--go)}
.btn{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;width:fit-content;min-height:52px;padding:14px 23px;border-radius:3px;font:500 15px var(--sans);text-decoration:none;cursor:pointer;border:1px solid transparent;transition:background .2s,color .2s}.btn-primary,.btn-light{background:var(--ink);color:var(--on-ink)}.btn-primary:hover,.btn-light:hover{background:var(--accent);color:var(--on-accent)}.btn-ghost{border-color:var(--rule);color:var(--ink);background:transparent}.btn-ghost:hover{background:var(--surface-2)}.btn-sm{min-height:44px;padding:10px 16px;font-size:14px}.pagebtn{font:500 13px var(--sans);background:transparent;border:1px solid var(--rule);color:var(--ink);padding:10px 14px;border-radius:3px;cursor:pointer}.pagebtn:hover{border-color:var(--accent);color:var(--accent)}.pagebtn[hidden]{display:none}
@media(forced-colors:active){:root{--paper:Canvas;--surface:Canvas;--surface-2:Canvas;--surface-3:Canvas;--ink:CanvasText;--ink-2:CanvasText;--muted:CanvasText;--faint:CanvasText;--accent:LinkText;--accent-2:LinkText;--accent-ink:LinkText;--accent-soft:Canvas;--accent-hover:LinkText;--on-accent:Canvas;--on-ink:Canvas;--rule:CanvasText;--rule-soft:CanvasText;--header-bg:Canvas}}
.sitefoot{margin:0;padding:60px clamp(24px,4.8vw,80px) 44px;background:var(--paper);border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;gap:72px}.sitefoot h2{margin:0 0 22px;font:400 40px/1.12 var(--display);letter-spacing:-.045em}.sitefoot p{margin:0 0 16px;font-size:15px;line-height:1.75;color:var(--muted);max-width:65ch}.sitefoot a{color:var(--accent)}.sitefoot .fine{color:var(--faint);font-size:13px}.sitefoot .links{display:flex;flex-wrap:wrap;gap:8px 22px;margin:22px 0}.sitefoot .links a{font-size:14px;color:var(--ink);text-decoration:none}.sitefoot .links a:hover{color:var(--accent)}.update-note{max-width:1280px;margin:24px auto;padding:20px 24px;border:1px solid var(--rule);border-left:3px solid var(--accent);border-radius:6px;background:var(--surface);font-size:15px;line-height:1.6}.update-note p{color:var(--muted);margin:6px 0 10px}.update-note a,[data-fact] a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}[data-fact] a{font-size:.9em}
@media(max-width:1100px){.sitehead{padding-inline:24px;gap:18px}.sitenav a{padding-inline:8px;font-size:14px}.siteact .sitecta{padding:13px 15px}}
@media(min-width:861px){.navtoggle{display:none!important}}
@media(max-width:860px){:root{--header-height:72px}.sitehead{height:auto;min-height:72px;flex-wrap:wrap;gap:10px;padding:12px 16px}.sitelogo{font-size:18px;padding:10px 14px}.siteact{margin-left:auto}.navtoggle:not([hidden]){display:inline-flex}.sitenav{display:none;order:3;flex-basis:100%;flex-direction:column;align-items:stretch;gap:0;margin:0;padding:8px 0 4px;border-top:1px solid var(--rule-soft)}.sitenav.is-open{display:flex}.sitenav a{font-size:16px;padding:12px 8px}.siteact .sitecta{font-size:13px;min-height:40px;padding:12px 14px}.wrap{padding:0 20px}.sitefoot{grid-template-columns:1fr;gap:28px;padding:42px 24px}.sitefoot h2{font-size:32px}.update-note{margin:0;padding:18px 20px}html{scroll-padding-top:88px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media print{.sitehead,.sitefoot{display:none}}