/* Neuron skills — shared styles for the /skills/* pages. */
:root{--bg:#0b0717;--ink:#f4f0ff;--ink-2:rgba(255,255,255,.7);--ink-3:rgba(255,255,255,.5);--violet:#7c5cff;--pink:#ff5cb4;--cyan:#5ce8ff;--lime:#b6ff5c;--amber:#ffb35c;--border:rgba(255,255,255,.09);--surface:rgba(255,255,255,.045);--code-bg:rgba(0,0,0,.4)}
*{box-sizing:border-box}
html,body{background:var(--bg);color:var(--ink);font-family:'Space Grotesk',ui-sans-serif,system-ui,sans-serif;-webkit-font-smoothing:antialiased;margin:0;padding:0}
body{background:radial-gradient(1100px 600px at 85% -10%,rgba(124,92,255,.28),transparent 60%),radial-gradient(800px 500px at -10% 40%,rgba(255,92,180,.16),transparent 60%),radial-gradient(600px 400px at 50% 110%,rgba(92,232,255,.10),transparent 60%),linear-gradient(180deg,#0b0717,#0a0615);min-height:100vh}
.mono{font-family:'JetBrains Mono',ui-monospace,monospace}
.serif{font-family:'Fraunces',ui-serif,Georgia,serif;font-optical-sizing:auto}
.grad-text{background:linear-gradient(135deg,#fff,#cbb8ff 55%,#ff5cb4);-webkit-background-clip:text;background-clip:text;color:transparent}
.wrap{max-width:760px;margin:0 auto;padding:48px 24px 96px}
.nav{display:flex;justify-content:space-between;align-items:center;margin-bottom:40px}
.nav a{color:var(--ink-2);text-decoration:none;font-size:14px}
.nav a:hover{color:var(--ink)}
.nmark{width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#7c5cff,#ff5cb4);display:inline-grid;place-items:center;box-shadow:0 14px 44px -14px rgba(124,92,255,.6),inset 0 1px 0 rgba(255,255,255,.2);vertical-align:middle;margin-right:10px}
.nmark svg{width:22px;height:22px;color:#fff}
.brand-link{display:flex;align-items:center;text-decoration:none;color:var(--ink);font-weight:700;font-size:18px}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.2em;color:var(--violet);font-family:'JetBrains Mono',monospace;font-weight:700;margin-bottom:14px}
h1{font-size:clamp(32px,4.5vw,46px);font-weight:700;letter-spacing:-.02em;line-height:1.1;margin:0 0 14px;font-family:'Fraunces',serif}
.lede{font-size:16.5px;color:var(--ink-2);line-height:1.65;max-width:60ch;margin:0 0 40px}
article h2{font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.2;margin:48px 0 14px;font-family:'Fraunces',serif;color:#fff}
article h3{font-size:18px;font-weight:600;letter-spacing:-.005em;line-height:1.3;margin:32px 0 10px;color:#fff}
article h4{font-size:15px;font-weight:700;line-height:1.4;margin:24px 0 8px;color:var(--violet);font-family:'JetBrains Mono',monospace;text-transform:uppercase;letter-spacing:.05em}
article p{font-size:15px;color:var(--ink-2);line-height:1.7;margin:0 0 16px}
article ul,article ol{font-size:15px;color:var(--ink-2);line-height:1.7;margin:0 0 16px;padding-left:24px}
article li{margin:6px 0}
article strong{color:#fff;font-weight:600}
article em{color:var(--ink-2);font-style:italic}
article a{color:#cbb8ff;text-decoration:none;border-bottom:1px solid rgba(124,92,255,.4);transition:border-color .15s,color .15s}
article a:hover{color:#fff;border-bottom-color:#fff}
article code{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13.5px;background:rgba(255,255,255,.07);border:1px solid var(--border);padding:1px 6px;border-radius:5px;color:#cbb8ff}
article pre{background:var(--code-bg);border:1px solid var(--border);border-radius:10px;padding:18px;overflow-x:auto;margin:18px 0;font-size:12.5px;line-height:1.55}
article pre code{background:transparent;border:0;padding:0;color:#dfe7ff;font-size:inherit}
article blockquote{margin:18px 0;padding:14px 18px;border-left:3px solid var(--violet);background:rgba(124,92,255,.07);border-radius:0 8px 8px 0;font-style:italic;color:var(--ink-2);font-size:14.5px;line-height:1.65}
article blockquote p{margin:0 0 8px}
article blockquote p:last-child{margin-bottom:0}
article table{width:100%;border-collapse:collapse;margin:18px 0;font-size:13.5px}
article th{padding:10px 12px;text-align:left;font-size:10.5px;text-transform:uppercase;letter-spacing:.12em;color:var(--ink-3);font-weight:600;border-bottom:1px solid var(--border)}
article td{padding:11px 12px;border-top:1px solid var(--border);vertical-align:top;line-height:1.5;color:var(--ink-2)}
article td strong{color:#fff}
article hr{border:0;border-top:1px solid var(--border);margin:32px 0}
.callout{margin:18px 0;padding:18px;border-radius:12px;background:linear-gradient(135deg,rgba(124,92,255,.10),rgba(255,92,180,.06));border:1px solid rgba(124,92,255,.25);font-size:14.5px;color:var(--ink-2);line-height:1.6}
.callout strong{color:#fff}
.cta-strip{margin:48px 0 0;padding:28px;background:linear-gradient(135deg,rgba(124,92,255,.15),rgba(255,92,180,.08));border:1px solid rgba(124,92,255,.3);border-radius:14px;text-align:center}
.cta-strip h3{margin:0 0 8px;font-size:18px;font-family:'Space Grotesk',sans-serif;text-transform:none;letter-spacing:-.01em;color:#fff}
.cta-strip p{font-size:14px;color:var(--ink-2);margin:0 0 16px}
.cta-strip .btn{display:inline-block;padding:11px 22px;background:#fff;color:#0b0717;border-radius:9999px;text-decoration:none;font-weight:600;font-size:14px;transition:transform .15s}
.cta-strip .btn:hover{transform:translateY(-1px)}
footer{margin-top:64px;padding-top:32px;border-top:1px solid var(--border);font-size:13px;color:var(--ink-3);display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px}
footer a{color:var(--ink-2);text-decoration:none}
footer a:hover{color:var(--ink)}
@media (max-width:600px){.wrap{padding:32px 18px 64px}article pre{font-size:11.5px;padding:14px}}