:root{color-scheme:dark;--bg:#050505;--panel:#0c0c10;--text:#f3f3f3;--muted:#9898a0;--line:rgba(255,255,255,.09);--purple:#a78bfa;--mono:"DM Mono",ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 75% 5%,rgba(109,40,217,.12),transparent 35%),var(--bg);color:var(--text);font-family:Manrope,Arial,sans-serif}a{color:inherit}.server-blog-shell{min-height:100vh}.server-blog-header{position:sticky;top:0;z-index:5;backdrop-filter:blur(16px);background:rgba(5,5,5,.82);border-bottom:1px solid var(--line)}.server-blog-header-inner{width:min(1120px,calc(100% - 48px));margin:auto;min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:25px}.server-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.server-brand img{width:34px;height:34px}.server-brand strong{display:block;font-size:11px;letter-spacing:.12em}.server-brand small{display:block;color:#666;font:400 8px var(--mono);letter-spacing:.14em;margin-top:3px}.server-blog-nav{display:flex;gap:24px;color:#8a8a92;font-size:12px}.server-blog-nav a{text-decoration:none}.server-blog-nav a:hover{color:#fff}.server-blog-main{width:min(900px,calc(100% - 40px));margin:0 auto;padding:90px 0 130px}.server-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--purple);font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase}.server-eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--purple);box-shadow:0 0 16px var(--purple)}.server-blog-title{font-size:clamp(46px,7vw,86px);line-height:.96;letter-spacing:-.055em;max-width:880px;margin:24px 0}.server-blog-dek{font-size:19px;line-height:1.6;color:#b7b7bf;max-width:780px;margin:0}.server-blog-meta{display:flex;flex-wrap:wrap;gap:11px 18px;margin-top:28px;color:#6e6e77;font:400 10px var(--mono);text-transform:uppercase;letter-spacing:.08em}.server-blog-cover{width:100%;max-height:520px;object-fit:cover;border:1px solid var(--line);margin:50px 0 70px;background:var(--panel)}.server-blog-cover-placeholder{position:relative;height:360px;overflow:hidden;margin:50px 0 70px;border:1px solid var(--line);background:repeating-linear-gradient(0deg,transparent 0,transparent 39px,rgba(255,255,255,.035) 40px),repeating-linear-gradient(90deg,transparent 0,transparent 39px,rgba(255,255,255,.035) 40px),radial-gradient(circle,rgba(139,92,246,.18),transparent 45%)}.server-blog-cover-placeholder:after{content:"TF / FIELD NOTE";position:absolute;right:18px;bottom:15px;color:#4d4d54;font:400 9px var(--mono);letter-spacing:.1em}.server-article-body{font-size:17px;line-height:1.82;color:#d6d6db}.server-article-body p{margin:0 0 1.35em}.server-article-body h2{font-size:34px;line-height:1.1;letter-spacing:-.035em;margin:2.2em 0 .7em}.server-article-body h3{font-size:24px;margin:1.8em 0 .65em}.server-article-body h4{font-size:18px;margin:1.7em 0 .55em}.server-article-body a{color:var(--purple);text-decoration:underline;text-underline-offset:3px}.server-article-body strong{color:#fff}.server-article-body blockquote{margin:2em 0;padding:8px 0 8px 22px;border-left:1px solid var(--purple);color:#b4b4bd}.server-article-body ul,.server-article-body ol{padding-left:1.4em;margin:0 0 1.35em}.server-article-body li{padding-left:.3em;margin:.35em 0}.server-article-body code{font:500 .9em var(--mono);padding:.18em .35em;border:1px solid var(--line);background:#09090d;color:#d8cfff}.server-article-body pre{overflow:auto;padding:20px;border:1px solid var(--line);background:#08080b;margin:2em 0}.server-article-body pre code{padding:0;border:0;background:transparent;color:#d2d2d8}.server-article-body img{display:block;max-width:100%;height:auto;border:1px solid var(--line);margin:2em auto}.server-article-body hr{border:0;border-top:1px solid var(--line);margin:3em 0}.server-blog-next{display:flex;justify-content:space-between;gap:18px;margin-top:90px;padding-top:25px;border-top:1px solid var(--line)}.server-blog-next a{text-decoration:none}.server-blog-next span{display:block;color:#666;font:400 8px var(--mono);letter-spacing:.1em;text-transform:uppercase}.server-blog-next strong{display:block;margin-top:9px;font-size:15px}.server-blog-footer{border-top:1px solid var(--line);padding:30px max(20px,calc((100% - 1120px)/2));color:#5c5c64;font:400 9px var(--mono);letter-spacing:.08em;display:flex;justify-content:space-between;gap:15px}.server-blog-footer a{text-decoration:none;color:#888}
@media(max-width:640px){.server-blog-header-inner{width:calc(100% - 40px)}.server-blog-nav{gap:13px;font-size:10px}.server-blog-main{padding-top:65px}.server-blog-title{font-size:clamp(42px,13vw,70px)}.server-blog-dek{font-size:16px}.server-blog-cover-placeholder{height:260px}.server-article-body{font-size:16px}.server-article-body h2{font-size:29px}.server-blog-footer{display:block;line-height:1.8}.server-blog-footer a{display:block;margin-top:8px}}
.server-blog-context{margin:32px 0;color:#a6a6ad;font-size:14px}
.server-brand img{width:44px;height:44px;object-fit:contain}.server-brand strong{font-size:13px}.server-brand small{font-size:10px;color:#c4b5fd}.server-blog-nav{font-size:14px;color:#a6a6ad}.server-blog-nav a{display:inline-flex;align-items:center;min-height:44px}.server-blog-meta,.server-blog-next span,.server-blog-footer{font-size:12px;color:#9898a0}.server-blog-footer a{color:#a6a6ad}.server-blog-title{line-height:1.08}.server-blog-cover-placeholder{height:180px;background:#0c0c10}.server-blog-cover-placeholder:after{color:#9898a0}.server-error-code{animation:none}:focus-visible{outline:2px solid #c4b5fd;outline-offset:4px}@media(max-width:640px){.server-blog-header-inner{flex-wrap:wrap;padding-block:12px;gap:8px}.server-blog-nav{width:100%;justify-content:space-between;font-size:13px}.server-blog-main{padding-top:45px}}
.server-blog-context a{color:#f5f5f2;text-decoration:underline;text-decoration-color:#8b5cf6;text-underline-offset:4px}
.server-blog-error{position:relative;display:flex;align-items:center;min-height:calc(100vh - 74px);overflow:hidden}
.server-error-content{position:relative}.server-blog-error a{color:var(--purple);text-underline-offset:4px}
.server-error-code{position:absolute;right:3%;font:800 clamp(140px,24vw,330px)/1 Manrope,Arial,sans-serif;letter-spacing:-.11em;color:rgba(139,92,246,.1);pointer-events:none;animation:server-error-pulse 5s ease-in-out infinite}
@keyframes server-error-pulse{50%{opacity:.4;transform:translateX(-10px)}}
@media(prefers-reduced-motion:reduce){.server-error-code{animation:none}}
.server-blog-footer-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:10px 18px}
.server-blog-footer-links button{padding:0;border:0;background:none;color:#888;font:inherit;letter-spacing:inherit;cursor:pointer}
.server-blog-footer-links a:hover,.server-blog-footer-links button:hover,.server-blog-footer-links button:focus-visible{color:#fff;text-decoration:underline}
@media(max-width:640px){.server-blog-footer-links{justify-content:flex-start;margin-top:10px}}