:root{--bg-color:#fff;--text-color:#000;--link-color:#4c7a66;--social-link-hover-color:#3f3f3f;--text-muted:#666;--border-color:#0000001a;--accent-orange:#d97a55;--bg-body-color:#fff}[data-theme=dark]{--bg-color:#1a2329;--text-color:#e5e7e8;--link-color:#5c9980;--social-link-hover-color:#c2c8cd;--text-muted:#a3aab0;--border-color:#e5e7e826;--accent-orange:#e89574;--bg-body-color:#000}html,body{background-color:var(--bg-body-color);max-width:100vw;min-height:100vh;color:var(--text-color);box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0;font-family:Inter,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.625;transition:background-color .3s,color .3s;overflow-x:clip}*,:before,:after{box-sizing:inherit}h1{font-family:Instrument Serif,Georgia,serif;font-weight:400}::selection{color:inherit;background-color:#4c7a6633}::selection{color:inherit;background-color:#4c7a6633}a{color:var(--text-color);text-decoration:none;transition:color .15s,opacity .15s}a.inline-link{border-bottom:1px dotted var(--text-color)}a.inline-link:hover{color:var(--link-color)}.mono-text{font-family:Source Code Pro,ui-monospace,SFMono-Regular,monospace}.serif-text{font-family:Instrument Serif,Georgia,serif}.space-mono{font-family:Space Mono,ui-monospace,SFMono-Regular,monospace}.page-container{min-height:100vh}.main-content{max-width:42rem;padding:5rem 1rem calc(5.75rem + env(safe-area-inset-bottom));margin:0 auto}@media (min-width:640px){.main-content{padding:7rem 1.5rem 4rem}}.header-row{flex-direction:column;gap:.75rem;width:100%;display:flex}@media (min-width:640px){.header-row{flex-direction:row;justify-content:space-between;align-items:flex-start}}.socials-row{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.75rem 1.75rem;font-size:.875rem;line-height:1.625;display:flex}.social-link{color:var(--text-muted);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--text-color)30%,transparent);text-decoration-color:color-mix(in srgb,var(--text-color)30%,transparent);text-underline-offset:4px;font-family:inherit;font-size:14px;transition:color .15s,text-decoration-color .15s}.social-link:hover{color:var(--text-color);-webkit-text-decoration-color:color-mix(in srgb,var(--text-color)55%,transparent);text-decoration-color:color-mix(in srgb,var(--text-color)55%,transparent)}.mobile-sidebar{z-index:40;width:100%;padding:.7rem 1rem calc(.7rem + env(safe-area-inset-bottom));box-sizing:border-box;background:color-mix(in srgb,var(--bg-color)92%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-top:1px solid var(--border-color);display:block;position:fixed;bottom:0;left:0;right:0}.mobile-list{gap:.55rem;max-width:22rem;margin:0 auto;padding:0;list-style:none;display:flex}.mobile-nav-link{border:1px solid var(--border-color);white-space:nowrap;background:#7f7f7f0a;border-radius:999px;flex:1 1 0;justify-content:center;align-items:center;padding:.56rem .78rem;font-size:.82rem;font-weight:400;text-decoration:none;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex;color:#9a9a9a!important}.mobile-nav-link:hover{color:#545454!important}.mobile-nav-link.is-active,.mobile-nav-link[aria-current=page]{background:#7f7f7f1c;border-color:#7f7f7f42;color:#111!important}.mobile-nav-link.is-active:hover,.mobile-nav-link[aria-current=page]:hover{color:#111!important}.desktop-sidebar{display:none}.sidebar-nav-link{font-size:14px;font-weight:400;text-decoration:none;transition:color .18s;display:inline-block;color:#9a9a9a!important}.sidebar-nav-link:hover{color:#545454!important}.sidebar-nav-link.is-active,.sidebar-nav-link[aria-current=page],.sidebar-nav-link.is-active:hover,.sidebar-nav-link[aria-current=page]:hover{color:#111!important}@media (min-width:768px){.mobile-sidebar{display:none}.desktop-sidebar{-webkit-user-select:none;user-select:none;font-size:.875rem;display:block;position:fixed;top:7rem;left:1.5rem}}[data-theme=dark] .mobile-nav-link,[data-theme=dark] .sidebar-nav-link{color:#9ca3af!important}[data-theme=dark] .mobile-nav-link:hover,[data-theme=dark] .sidebar-nav-link:hover{color:#d1d5db!important}[data-theme=dark] .mobile-nav-link.is-active,[data-theme=dark] .mobile-nav-link[aria-current=page],[data-theme=dark] .sidebar-nav-link.is-active,[data-theme=dark] .sidebar-nav-link[aria-current=page]{color:#f3f4f6!important}
