*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#000;background:#fff;font-family:SF Mono,Fira Code,Fira Mono,Roboto Mono,Courier New,monospace;line-height:1.6}#root{max-width:780px;margin:0 auto;padding:60px 24px 80px}a{color:#000;text-underline-offset:2px;text-decoration:underline}a:hover{color:#555}h1,h2,h3{letter-spacing:-.01em;font-weight:600}.page{flex-direction:column;gap:40px;display:flex}.header{flex-direction:column;gap:4px;display:flex}.header__name{font-size:1.5rem;font-weight:700;line-height:1.2}.header__title{color:#555;font-size:.875rem;font-weight:400}.footer{border-top:1px solid #eee;justify-content:center;align-items:center;gap:8px;padding-top:32px;font-size:.8125rem;display:flex}.footer a{color:#555;text-decoration:none}.footer a:hover{color:#000}.footer__sep{color:#ccc}.bio{color:#333;font-size:.875rem;line-height:1.7}.skills{color:#666;font-size:.8125rem;line-height:1.8}.timeline{flex-direction:column;gap:0;list-style:none;display:flex}.timeline__item{border-bottom:1px solid #f0f0f0;gap:14px;padding:16px 0;display:flex}.timeline__item:first-child{padding-top:0}.timeline__item:last-child{border-bottom:none}.timeline__logo{object-fit:contain;background:#f8f8f8;border-radius:4px;flex-shrink:0;width:40px;height:40px}.timeline__logo--placeholder{color:#555;background:#eee;justify-content:center;align-items:center;font-size:1.125rem;font-weight:600;display:flex}.timeline__content{flex-direction:column;gap:1px;min-width:0;display:flex}.timeline__title{color:#111;font-size:.875rem;font-weight:600;line-height:1.4}.timeline__company{color:#333;font-size:.8125rem}.timeline__period{color:#888;font-size:.75rem}.timeline__desc{color:#666;margin-top:2px;font-size:.75rem}.section{flex-direction:column;gap:16px;display:flex}.section__title{text-transform:uppercase;letter-spacing:.05em;color:#000;font-size:1rem;font-weight:600}.blog-list{flex-direction:column;gap:0;list-style:none;display:flex}.blog-item{border-bottom:1px solid #e8e8e8;flex-direction:column;gap:10px;padding:20px 0;display:flex}.blog-item:first-child{padding-top:0}.blog-item:last-child{border-bottom:none}.blog-item__image-link{flex-shrink:0;line-height:0;display:block}.blog-item__image{object-fit:cover;border-radius:3px;width:100%;max-height:220px}.blog-item__text{flex-direction:column;gap:4px;display:flex}@media (width>=700px){.blog-item{flex-direction:row;align-items:flex-start;gap:20px}.blog-item__image-link{width:200px}.blog-item__image{object-fit:contain;background:#f8f8f8;border-radius:3px;width:200px;height:130px;max-height:none}.blog-item__text{flex:1;min-width:0}}.blog-item__link{color:#111;font-size:1rem;font-weight:600;line-height:1.4;text-decoration:none}.blog-item__link:hover{color:#000;text-decoration:underline}.blog-item__date{color:#888;font-size:.8125rem;font-weight:400}.blog-item__excerpt{color:#444;margin-top:2px;font-size:.8125rem;line-height:1.6}.blog-detail{flex-direction:column;gap:24px;display:flex}.blog-detail__hero{object-fit:cover;border-radius:3px;width:100%;max-height:360px}.blog-detail__header{flex-direction:column;gap:8px;display:flex}.blog-detail__title{font-size:1.375rem;font-weight:700;line-height:1.3}.blog-detail__meta{color:#555;align-items:center;gap:12px;font-size:.8125rem;display:flex}.blog-detail__content{font-size:.9375rem;line-height:1.75}.blog-detail__content img{max-width:100%;height:auto;margin:16px 0}.blog-detail__content pre{background:#f5f5f5;border-radius:2px;margin:16px 0;padding:16px;font-size:.8125rem;overflow-x:auto}.blog-detail__content code{background:#f5f5f5;padding:2px 4px;font-size:.85em}.blog-detail__content blockquote{color:#555;border-left:2px solid #ccc;margin:16px 0;padding-left:16px}.blog-detail__content h1,.blog-detail__content h2,.blog-detail__content h3,.blog-detail__content h4{margin-top:24px;margin-bottom:8px}.blog-detail__content p{margin-bottom:12px}.blog-detail__content ul,.blog-detail__content ol{margin-bottom:12px;padding-left:24px}.back-link{color:#555;font-size:.8125rem;text-decoration:none}.back-link:hover{color:#000}.view-all{font-size:.8125rem}.loading,.error{color:#555;font-size:.875rem}.error{color:#c00}.nav{border-bottom:1px solid #eee;align-items:center;gap:16px;margin-bottom:40px;padding-bottom:24px;font-size:.875rem;display:flex}.nav__link{color:#555;font-weight:400;text-decoration:none}.nav__link:hover{color:#000}.nav__link--active{color:#000;font-weight:600}@media (width<=600px){#root{padding:40px 16px 60px}.header__name{font-size:1.25rem}.blog-detail__title{font-size:1.125rem}}