:root{
  --bg:#f5f5f7;
  --surface:#ffffff;
  --surface-2:#fbfbfd;
  --text:#1d1d1f;
  --muted:#6e6e73;
  --hairline:#d2d2d7;
  --hairline-soft:#e8e8ed;
  --accent:#0066cc;
  --accent-strong:#004b9b;
  --code:#f2f2f4;
  --mark:#fff2a8;
  --radius:18px;
  --radius-sm:12px;
  --shadow:0 18px 45px rgba(0,0,0,.06);
  --container:1120px;
  --article:760px;
  color-scheme:light;
}
body.dark,
body.read-mode-dark,
body.read-mode-focus{
  --bg:#000000;
  --surface:#1c1c1e;
  --surface-2:#111113;
  --text:#f5f5f7;
  --muted:#a1a1a6;
  --hairline:#38383d;
  --hairline-soft:#2c2c31;
  --accent:#2997ff;
  --accent-strong:#5eb0ff;
  --code:#1f1f24;
  --mark:#5a4b00;
  --shadow:none;
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","SF Pro Display","Segoe UI",sans-serif;font-size:17px;line-height:1.58;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none} a:hover{color:var(--accent)}
img{max-width:100%;height:auto} button,input,textarea,select{font:inherit;color:inherit}.container{width:min(var(--container),calc(100% - 40px));margin:0 auto}.progress,.reading-progress{position:fixed;inset:0 auto auto 0;height:3px;width:0;background:var(--accent);z-index:50}.site-header{position:sticky;top:0;z-index:30;background:var(--bg);border-bottom:1px solid var(--hairline-soft)}
.nav{height:58px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.02em}.brand-mark{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--text);color:var(--bg);font-size:14px}.nav-links{display:flex;align-items:center;gap:22px;color:var(--muted);font-size:14px}.theme-toggle,.reading-btn{border:1px solid var(--hairline);background:var(--surface);border-radius:999px;padding:7px 10px;cursor:pointer}.theme-toggle:hover,.reading-btn:hover,.reading-btn.active{border-color:var(--accent);color:var(--accent)}
.eyebrow{margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}.hero-doc{padding:88px 0 64px}.hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:52px;align-items:center}.hero-copy h1{margin:0;max-width:780px;font-size:clamp(46px,7vw,92px);line-height:.98;letter-spacing:-.065em}.hero-lede{max-width:680px;margin:28px 0 0;color:var(--muted);font-size:clamp(19px,2vw,24px);line-height:1.45}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.button,.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;padding:11px 18px;border:1px solid var(--hairline);font-weight:650;font-size:15px;cursor:pointer}.button.primary,.btn.primary{background:var(--accent);border-color:var(--accent);color:white}.button.primary:hover,.btn.primary:hover{background:var(--accent-strong);color:white}.button.secondary,.btn.soft{background:var(--surface);color:var(--text)}.hero-panel{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:var(--radius);box-shadow:var(--shadow);padding:22px}.panel-row{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid var(--hairline-soft)}.panel-row:first-child{padding-top:0}.panel-row span{color:var(--muted);font-size:14px}.panel-row strong{text-align:right;font-size:14px}.panel-note{margin-top:16px;padding:12px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--muted);font-size:14px}.spotlight{padding:24px 0}.spotlight-card{display:grid;grid-template-columns:1fr;min-height:250px;background:var(--surface);border:1px solid var(--hairline-soft);border-radius:24px;box-shadow:var(--shadow);overflow:hidden}.spotlight-card:hover{color:inherit;transform:translateY(-2px);transition:.2s ease}.spotlight-copy{padding:34px;display:grid;gap:48px}.card-topline{display:flex;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.08em}.pill{display:inline-flex;border:1px solid var(--hairline);padding:3px 8px;border-radius:999px}.kicker{margin:0 0 8px;color:var(--accent);font-weight:700}.spotlight-card h2{margin:0;font-size:clamp(31px,5vw,56px);line-height:1.05;letter-spacing:-.045em}.summary{max-width:780px;color:var(--muted);font-size:18px}.read-link{color:var(--accent);font-weight:650}
.about-vexive{display:grid;grid-template-columns:220px 1fr;gap:42px;padding:18px 0 46px;border-top:1px solid var(--hairline-soft);border-bottom:1px solid var(--hairline-soft)}
.about-label{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding-top:8px}
.about-copy h2{max-width:880px;margin:0;font-size:clamp(30px,4.8vw,58px);line-height:1.08;letter-spacing:-.055em}
.about-copy p{max-width:760px;color:var(--muted);font-size:19px;margin:22px 0 0}
.principle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:42px 0}.principle-grid article{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:var(--radius);padding:24px}.principle-grid span{color:var(--muted);font-size:13px;font-weight:700}.principle-grid h2{font-size:24px;letter-spacing:-.03em;margin:18px 0 8px}.principle-grid p{color:var(--muted);margin:0}.section{padding:54px 0}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:20px}.section-heading h2{font-size:40px;letter-spacing:-.045em;margin:0}.all-link{color:var(--accent);font-weight:650}.post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.post-card{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:var(--radius);min-height:230px;overflow:hidden}.post-card.large{grid-column:span 2}.post-card a{display:flex;flex-direction:column;justify-content:space-between;height:100%;padding:24px}.post-card-top,.post-card-bottom{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.category{color:var(--accent);font-weight:700}.post-card h3{font-size:30px;line-height:1.12;margin:30px 0 12px;letter-spacing:-.04em}.post-card p{color:var(--muted);margin:0}.circle-arrow{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--surface-2);border:1px solid var(--hairline-soft)}.empty-inline{padding:38px;color:var(--muted)}.reading-guide{display:grid;grid-template-columns:1fr 1fr;gap:24px;background:var(--surface);border:1px solid var(--hairline-soft);border-radius:24px;padding:28px;margin-top:32px;margin-bottom:64px}.reading-guide h2{margin:0;font-size:34px;letter-spacing:-.04em}.reading-guide p{color:var(--muted)}pre{overflow:auto;border-radius:16px;background:var(--code);border:1px solid var(--hairline-soft);padding:18px}code{font-family:"SF Mono",ui-monospace,Menlo,Consolas,monospace;font-size:.9em}p code,li code{background:var(--code);padding:.13em .35em;border-radius:6px}.footer{display:flex;justify-content:space-between;gap:24px;padding:34px 0 48px;border-top:1px solid var(--hairline-soft);color:var(--muted)}.footer p{margin:4px 0 0}.footer-right{display:flex;gap:18px;flex-wrap:wrap}.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}.reveal.visible{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.reveal{opacity:1;transform:none;transition:none}}
/* Search */
.search-page{padding:72px 0}.search-hero h1{font-size:clamp(42px,7vw,82px);line-height:1;margin:0;letter-spacing:-.06em}.search-hero p{max-width:640px;color:var(--muted);font-size:20px}.search-box{margin-top:28px;display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--hairline);border-radius:18px;padding:14px 18px;box-shadow:var(--shadow)}.search-box input{width:100%;border:0;outline:0;background:transparent;font-size:22px}.search-results{display:grid;gap:12px;margin-top:26px}.search-card{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:18px;padding:22px}.search-card h3{margin:4px 0 8px;font-size:25px;letter-spacing:-.03em}.search-card p{margin:0;color:var(--muted)}.search-empty,.search-short{padding:28px;border:1px dashed var(--hairline);border-radius:18px;color:var(--muted)}
/* Article */
.article-nav{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:58px;padding:0 22px;border-bottom:1px solid var(--hairline-soft);background:var(--bg);font-size:14px}.article-nav>a:last-child{text-align:right;color:var(--muted)}.reading-controls{display:flex;gap:8px}.article-wrap{width:min(1120px,calc(100% - 40px));margin:0 auto;padding:54px 0}.article-head{width:min(var(--article),100%);margin:0 auto 34px}.meta-row{display:flex;gap:12px;flex-wrap:wrap;color:var(--muted);font-size:13px;font-weight:650}.meta-row span{padding:4px 8px;border:1px solid var(--hairline-soft);border-radius:999px;background:var(--surface)}.article-head h1{margin:18px 0 16px;font-size:clamp(40px,7vw,78px);line-height:1.03;letter-spacing:-.065em}.article-head p{font-size:22px;color:var(--muted);line-height:1.45}.article-insights{width:min(var(--article),100%);margin:0 auto 24px;background:var(--surface);border:1px solid var(--hairline-soft);border-radius:18px;padding:20px}.article-insights strong{display:block;margin-bottom:12px}.article-insights ol{margin:0;padding-left:22px}.article-insights li{margin:8px 0}.article-toc{width:min(var(--article),100%);margin:0 auto 28px;padding:16px 18px;border-left:3px solid var(--accent);background:var(--surface);border-radius:0 14px 14px 0}.article-toc strong{display:block;margin-bottom:8px}.article-toc a{display:block;color:var(--muted);padding:4px 0}.article-toc .toc-h3{padding-left:18px;font-size:15px}.article-content{width:min(var(--article),100%);margin:0 auto;background:var(--surface);border:1px solid var(--hairline-soft);border-radius:24px;padding:clamp(24px,4vw,52px);font-size:19px;line-height:1.78}.article-content h1,.article-content h2,.article-content h3,.article-content h4{letter-spacing:-.04em;line-height:1.18;margin:2.1em 0 .7em}.article-content h1{font-size:42px}.article-content h2{font-size:34px;padding-top:12px;border-top:1px solid var(--hairline-soft)}.article-content h3{font-size:25px}.article-content p{margin:1.1em 0}.article-content a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.article-content blockquote{margin:1.4em 0;padding:2px 0 2px 18px;border-left:3px solid var(--hairline);color:var(--muted)}.article-content .callout{margin:1.5em 0;border:1px solid var(--hairline-soft);border-left:4px solid var(--accent);border-radius:14px;background:var(--surface-2);padding:16px 18px}.article-content .callout strong{display:block;margin-bottom:6px}.article-content mark{background:var(--mark);border-radius:4px;padding:0 .18em}.article-content img{display:block;border-radius:16px;margin:24px auto;border:1px solid var(--hairline-soft)}.article-content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:16px}.article-content th,.article-content td{border-bottom:1px solid var(--hairline-soft);text-align:left;padding:10px}.article-content ul,.article-content ol{padding-left:1.3em}.article-content li{margin:.45em 0}.article-prevnext,.article-comments,.article-footer{width:min(var(--article),100%);margin:28px auto 0}.article-prevnext{display:grid;grid-template-columns:1fr 1fr;gap:12px}.article-prevnext a{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:16px;padding:18px}.article-prevnext .dir{color:var(--muted);font-size:13px}.article-prevnext .title{font-weight:700}.comments-head span{color:var(--muted);font-size:12px;font-weight:700;letter-spacing:.14em}.comments-head h2{margin:4px 0 18px}.public-comment,.comment-form{background:var(--surface);border:1px solid var(--hairline-soft);border-radius:16px;padding:18px;margin:12px 0}.public-comment time{color:var(--muted);margin-left:8px}.comment-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}.comment-form label{display:grid;gap:6px;color:var(--muted);font-size:14px}.comment-form input,.comment-form textarea{border:1px solid var(--hairline);background:var(--surface-2);border-radius:12px;padding:11px;outline:0}.comment-form input:focus,.comment-form textarea:focus{border-color:var(--accent)}.honeypot{position:absolute;left:-9999px}.comment-submit{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px}.comment-submit button{border:0;background:var(--accent);color:white;border-radius:999px;padding:10px 16px;cursor:pointer}.article-footer{display:flex;justify-content:space-between;color:var(--muted);padding-bottom:42px}.read-mode-focus .article-content{font-size:21px;max-width:720px}.read-mode-focus .article-toc,.read-mode-focus .article-insights{display:none}.reader-tools{position:fixed;right:18px;bottom:18px;display:flex;gap:8px;background:var(--surface);border:1px solid var(--hairline-soft);padding:8px;border-radius:999px;box-shadow:var(--shadow)}.reader-tools button{border:0;background:transparent;border-radius:999px;padding:6px 9px;cursor:pointer}.reader-tools button:hover{background:var(--surface-2)}
/* Legacy public search modal fallback */
.public-search,.public-search-backdrop,.mouse-glow,.ambient-bg,.blob{display:none!important}
@media(max-width:860px){.about-vexive{grid-template-columns:1fr;gap:16px;padding:28px 0}.about-copy p{font-size:17px}.container{width:min(100% - 28px,var(--container))}.nav-links{display:none}.hero-grid,.reading-guide{grid-template-columns:1fr}.hero-doc{padding-top:58px}.hero-panel{order:-1}.principle-grid,.post-grid{grid-template-columns:1fr}.post-card.large{grid-column:auto}.footer{display:block}.article-nav{grid-template-columns:1fr auto}.article-nav>a:last-child{display:none}.article-wrap{width:min(100% - 28px,1120px);padding-top:34px}.article-content{padding:24px;font-size:17px}.comment-fields,.article-prevnext{grid-template-columns:1fr}.reader-tools{right:12px;bottom:12px}.section-heading{align-items:start;flex-direction:column}.hero-copy h1{font-size:48px}}