.page-shell{min-height:100dvh;overflow:auto!important}.page-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:max(16px,env(safe-area-inset-top)) max(20px,env(safe-area-inset-right)) 0 max(20px,env(safe-area-inset-left));box-sizing:border-box}@media (min-width:960px){.page-header{padding-left:100px;padding-right:100px;padding-top:2rem}}.page-back{font-size:13px;letter-spacing:.04em;text-decoration:none;color:#000;opacity:.7;transition:opacity .15s ease}.page-back:hover{opacity:.35}.page-nav{display:flex;gap:1.25rem}.page-nav a{font-size:11px;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;color:#000;opacity:.45;transition:opacity .15s ease}.page-nav a:hover,.page-nav a[aria-current=page]{opacity:1}.page-main{max-width:40rem;margin:0 auto;padding:2.5rem max(20px,env(safe-area-inset-left)) 4rem max(20px,env(safe-area-inset-right));box-sizing:border-box}.page-title{margin:0;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:400;letter-spacing:-.03em;line-height:1.15}.page-lede{margin:.75rem 0 0;font-size:15px;line-height:1.5;opacity:.5}.page-empty{margin-top:2.5rem;font-size:15px;line-height:1.55;opacity:.55}.page-code{font-size:12px;padding:.1em .35em;background:#f3f3f3}.writing-list{list-style:none;margin:2.25rem 0 0;padding:0;gap:0}.writing-card,.writing-list{display:flex;flex-direction:column}.writing-card{gap:.35rem;padding:1.15rem 0;border-bottom:1px solid rgba(0,0,0,.08);text-decoration:none;color:#000;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.writing-list li:first-child .writing-card{border-top:1px solid rgba(0,0,0,.08)}.writing-card:hover{opacity:.55;transform:translateX(4px)}.writing-card-meta{font-size:11px;letter-spacing:.08em;text-transform:uppercase;opacity:.4}.writing-card-title{font-size:1.125rem;letter-spacing:-.02em;line-height:1.3}.writing-card-excerpt{font-size:14px;line-height:1.45;opacity:.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.writing-article-title{margin-top:.5rem}.writing-prose{margin-top:2rem;font-size:16px;line-height:1.65;letter-spacing:-.01em}.writing-prose p{margin:0 0 1.1em}.writing-prose h2,.writing-prose h3{margin:1.6em 0 .5em;font-weight:500;letter-spacing:-.02em}.writing-prose a{color:inherit;text-underline-offset:3px}.writing-prose img{max-width:100%;height:auto;border-radius:4px}