@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg: #ffffff;--bg-soft: #e5e5e5;--bg-panel: #ffffff;--text: #111111;--post-date: #31004c;--divider: #dcdcdc;--link: #0a63d1;--link-hover: #084a9e;--border-radius: 12px}*{box-sizing:border-box}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text);min-height:100vh}body:has(.mobile-nav:popover-open){overflow:hidden}a{color:var(--link);text-decoration:none;font-weight:500}a:hover,a:focus-visible{color:var(--link-hover)}img{max-width:100%;display:block}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:100vh;background:var(--bg-panel)}.mobile-header{display:none;grid-column:1 / -1;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;border-bottom:1px solid var(--divider);background:var(--bg-panel);position:sticky;top:0;z-index:1200}.mobile-menu-toggle{width:48px;height:48px;border-radius:50%;border:1px solid var(--divider);background:var(--bg);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:border-color .2s ease,background .2s ease}.mobile-menu-toggle:hover,.mobile-menu-toggle:focus-visible{border-color:var(--text);background:#00000008}.mobile-menu-toggle .icon-hamburger{display:flex;flex-direction:column;gap:6px;width:20px}.mobile-menu-toggle .icon-hamburger span{display:block;width:100%;height:2px;border-radius:999px;background:var(--text)}.mobile-menu-toggle .icon-close{display:none;line-height:0}.mobile-menu-toggle .icon svg{display:block}body:has(.mobile-nav:popover-open) .mobile-menu-toggle .icon-hamburger{display:none}body:has(.mobile-nav:popover-open) .mobile-menu-toggle .icon-close{display:flex}.mobile-nav{position:fixed;inset:var(--mobile-header-height, 0px) 0 0 0;margin:0;padding:0;border:none;background:transparent;z-index:1100;display:flex;align-items:stretch;justify-content:center;opacity:0;transition:opacity .3s ease;height:calc(100vh - var(--mobile-header-height, 0px));width:100vw}.mobile-nav:popover-open{opacity:1}.mobile-nav-panel{background:var(--bg);color:var(--text);width:100%;height:100%;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;overflow-y:auto;box-shadow:0 25px 80px #00000040}.mobile-nav-links{margin-top:.5rem;gap:1.5rem;padding:0 1.5rem}.mobile-nav-links .nav-link,.mobile-nav-links .posts-nav li a{font-size:1.05rem;padding:.85rem 1.1rem}.sidebar{background:var(--bg-soft);padding:2.5rem 2rem;display:flex;flex-direction:column;gap:2rem;border-right:1px solid var(--divider);color:var(--text)}.brand{display:flex;align-items:center}.brand-name{font-weight:600;font-size:1.2rem;margin:0}.sidebar-nav{display:flex;flex-direction:column;gap:1.25rem}.nav-link{padding:.6rem .9rem;border-radius:10px;color:var(--text);border:1px solid transparent;transition:all .2s ease}.nav-link:hover,.nav-link:focus-visible{border-color:var(--divider);background:#00000008}.nav-group{display:flex;flex-direction:column;gap:.75rem}.nav-group-title{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text);margin:0}.posts-nav{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem}.posts-nav li a{display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem;border-radius:10px;border:1px solid transparent;color:var(--text);transition:border-color .2s ease,color .2s ease,background .2s ease}.posts-nav li a:hover,.posts-nav li a:focus-visible{color:var(--link-hover);border-color:var(--divider);background:#00000008}.posts-nav-title{font-size:.95rem;font-weight:500}.posts-nav-date{font-size:.8rem;color:var(--post-date)}.posts-nav-empty{color:var(--text);font-size:.9rem;padding-left:.75rem}.sidebar-footer{margin-top:auto;font-size:.85rem;color:var(--text);line-height:1.5}main{padding:3rem clamp(1.5rem,5vw,4rem);background:var(--bg);display:flex;justify-content:center}.content-panel{width:min(720px,100%);background:var(--bg-panel);padding:clamp(1rem,5vh,4rem) clamp(1.5rem,5vw,3rem)}section{margin-bottom:2.5rem}.home-intro h1{font-size:clamp(2.2rem,6vw,3rem);margin:0 0 1rem}.home-intro p{font-size:1rem;line-height:1.8;color:var(--text)}article.post{background:var(--bg-panel)}article.post header{margin-bottom:1.5rem}article.post h1{margin:0 0 .5rem}.post-date{color:var(--post-date)}.prose :where(h2,h3,h4,h5,h6){margin-top:1.8rem}.prose :where(p,li){line-height:1.7;color:var(--text)}.prose{margin-top:2.5rem}.prose ul{padding-left:1.25rem}.prose li+li{margin-top:.35rem}.prose img{border-radius:.75rem;width:90%;margin:0 auto}@media(min-width:961px){.mobile-header,.mobile-nav{display:none}}@media(max-width:960px){.app-shell{--mobile-header-height: 4rem;grid-template-columns:1fr;grid-template-rows:var(--mobile-header-height) 1fr}.sidebar{display:none}.mobile-header{display:flex}main{padding:0}.content-panel{padding:clamp(1rem,4vh,2.5rem) clamp(1rem,6vw,2rem)}}
