:root{--forest: #1f3b2e;--forest-2: #163024;--forest-3: #0c1d15;--cream: #f4ede0;--cream-2: #ebe1cf;--cream-3: #fdfaf3;--copper: #c26a3a;--copper-2: #a85624;--ink: #0f1a14;--stone: #8a8273;--rule: rgba(15, 26, 20, .14);--display: "Fraunces", "Georgia", serif;--sans: "Instrument Sans", -apple-system, system-ui, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--sans);background:var(--cream);color:var(--ink);font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img{max-width:100%;height:auto;display:block}a{color:var(--forest);text-decoration:underline;text-underline-offset:3px}a:hover{color:var(--copper)}.nav{background:var(--cream);border-bottom:1px solid var(--rule);padding:18px 0}.nav__inner{max-width:1100px;margin:0 auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:12px;font-family:var(--display);font-weight:500;font-size:22px;letter-spacing:-.025em;color:var(--forest);font-variation-settings:"opsz" 144;text-decoration:none}.brand:hover{color:var(--forest)}.brand__mark{width:28px;height:28px;flex-shrink:0}.brand .accent{color:var(--copper)}.nav__links{display:flex;gap:28px;font-size:14px}.nav__links a{color:var(--forest);opacity:.8;text-decoration:none}.nav__links a:hover{color:var(--copper);opacity:1}.nav__links .nav__logo-studio{color:var(--copper);opacity:1;font-weight:500}.nav__links .nav__logo-studio:hover{opacity:.75}.nav__beta{display:inline-block;font-size:9px;font-weight:700;letter-spacing:.08em;background:var(--copper);color:#fff;border-radius:4px;padding:1px 5px;vertical-align:middle;margin-left:4px;line-height:1.6;text-transform:uppercase}@media(max-width:640px){.nav__links{display:none}}.foot{background:var(--forest-3);color:#f4ede0a6;padding:40px 0;text-align:center;font-family:var(--mono);font-size:12px;letter-spacing:.04em}.foot a{color:#f4ede0d9;text-decoration:none}.foot a:hover{color:var(--copper)}.foot .sep{margin:0 12px;opacity:.4}.foot__social{display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;width:26px;height:26px;border-radius:50%;background:#f4ede014;color:#f4ede0d9;transition:background .15s,color .15s}.foot__social:hover{background:var(--copper);color:#fff}.prose{max-width:720px;margin:0 auto;font-size:18px;line-height:1.7}.prose h2{font-family:var(--display);font-weight:500;font-size:28px;line-height:1.2;letter-spacing:-.01em;color:var(--forest);margin:56px 0 16px}.prose h3{font-family:var(--display);font-weight:500;font-size:22px;line-height:1.25;color:var(--forest);margin:40px 0 12px}.prose p{margin-bottom:22px}.prose ul,.prose ol{margin:0 0 24px 28px}.prose li{margin-bottom:10px}.prose blockquote{border-left:3px solid var(--copper);background:var(--cream-3);padding:16px 22px;margin:28px 0;font-style:italic;color:var(--ink)}.prose code{font-family:var(--mono);font-size:.92em;background:var(--cream-3);padding:1px 6px;border-radius:4px}.prose pre{background:var(--forest-3);color:var(--cream);padding:18px 22px;border-radius:6px;overflow-x:auto;margin:24px 0}.prose pre code{background:transparent;color:inherit;padding:0}.prose img{border-radius:6px;margin:28px 0}.prose strong{color:var(--forest);font-weight:600}.prose hr{border:none;border-top:1px solid var(--rule);margin:48px 0}.prose a{color:var(--copper);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.prose a:hover{color:var(--forest);text-decoration-thickness:2px}.prose table{width:100%;border-collapse:collapse;margin:28px 0;font-size:16px;line-height:1.5;background:var(--cream-3);border-radius:6px;overflow:hidden}.prose th,.prose td{padding:12px 16px;text-align:left;border-bottom:1px solid var(--rule);vertical-align:top}.prose th{font-family:var(--display);font-weight:600;font-size:15px;color:var(--forest);background:var(--cream-2);letter-spacing:-.005em}.prose tr:last-child td{border-bottom:none}.prose td strong{color:var(--forest)}
