article{padding:2.5rem 3rem;max-width:100%;line-height:1.7;font-family:Inter,Avenir,Helvetica,Arial,sans-serif}.banner{display:grid;grid-template-columns:150px 1fr;align-items:center;gap:1.5rem;margin-bottom:1rem}h1{font-size:1.9rem;font-weight:600;margin-bottom:.25rem;color:#dadbcd}h2{font-size:1rem;font-weight:500;margin-top:1.75rem;margin-bottom:.5rem;color:#dadbcd}p,li{font-size:.9rem;color:#a0a190}.meta,.subtitle{font-size:.8rem;color:#555;margin-bottom:1.5rem}ul{padding-left:1.5rem;margin:0}li{margin-bottom:.35rem}a{color:#c97a4a;text-decoration:none}a:hover{text-decoration:underline}.portrait{width:100%;max-width:200px;aspect-ratio:1;border-radius:50%;object-fit:cover;border:1px solid #000000}.resume-iframe{display:block;width:100vw;height:100vh;border:none}.file-tree{position:relative;overflow-y:auto;width:100%}.file-item{display:flex;align-items:center;gap:4px;cursor:pointer;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;height:20px;width:100%;box-sizing:border-box}.file-item.active,.file-item.active:hover{background-color:#3f3914}.file-item:hover{background-color:#2e2e2e}.file-item svg{width:16px;height:16px;flex-shrink:0}.file-item p{font-size:.8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sidebar{position:static;top:0;left:0;height:100vh;width:200px;background-color:#1e1e1e;display:flex;flex-direction:column;box-sizing:border-box}.sidebar .sidebar-button{position:relative;background-color:#1e1e1e;border-radius:5%}.sidebar-button{position:fixed;margin:10px;width:24px;height:24px;cursor:pointer;color:#dadbcd;flex-shrink:0}.sidebar-toolbar{position:relative;display:flex;align-items:center;gap:8px}.placeholder{padding:2rem;color:#555;font-size:.85rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{font-family:Inter,Avenir,Helvetica,Arial,sans-serif;font-size:16px;font-weight:400;color:#dadbcd;background-color:#292929;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}.container{margin:0;padding:0;border:0;width:100vw;height:100vh;overflow:hidden;display:grid;grid-template-columns:auto 1fr}.side{position:relative;height:100%}.viewer{height:100%;overflow:auto;box-sizing:border-box}