*,*:before,*:after{box-sizing:border-box}body{margin:0;padding:0;background-color:#fff;color:#111;font-family:Inter,-apple-system,sans-serif;width:100%;min-height:100vh}.blog-page{display:flex;flex-direction:column;min-height:100vh}.blog-header{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;background-color:#fff;border-bottom:1px solid #eee;position:sticky;top:0;z-index:100}.blog-header-left{display:flex;align-items:center;gap:32px}.blog-logo{display:flex;align-items:center;gap:8px;font-weight:700;color:#2762f0;text-decoration:none;font-size:1.25rem}.blog-nav{display:flex;gap:24px}.blog-nav a{text-decoration:none;color:#555;font-weight:500;font-size:.95rem;transition:color .2s}.blog-nav a:hover{color:#111}.blog-header-right a{text-decoration:none;color:#111;font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:6px}.blog-container{display:flex;max-width:1200px;margin:0 auto;padding:48px 32px;gap:64px;width:100%}.blog-sidebar{width:240px;flex-shrink:0;position:sticky;top:100px;height:-moz-fit-content;height:fit-content}.author-profile{margin-bottom:48px}.author-avatar-large{width:80px;height:80px;border-radius:50%;margin-bottom:16px;overflow:hidden}.author-avatar-large.clickable{cursor:pointer;transition:transform .2s,box-shadow .2s}.author-avatar-large.clickable:hover{transform:scale(1.05);box-shadow:0 4px 12px #00000026}.author-avatar-large img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.author-name{font-weight:700;font-size:1.1rem;margin-bottom:8px}.author-bio{color:#666;font-size:.9rem;line-height:1.5}.table-of-contents h3{font-size:.9rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em;color:#111}.toc-list{display:flex;flex-direction:column;position:relative}.toc-list:before{content:"";position:absolute;left:3px;top:8px;bottom:8px;width:2px;background-color:#eee;z-index:1}.toc-item{position:relative;padding-left:20px;padding-bottom:24px;font-size:.95rem;line-height:1.4;color:#777;text-decoration:none;transition:color .2s;z-index:2}.toc-item:last-child{padding-bottom:0}.toc-item:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;border-radius:50%;background-color:#ccc;transition:background-color .2s,transform .2s}.toc-item:hover{color:#111}.toc-item:hover:before{background-color:#888}.toc-item.active{color:#2762f0;font-weight:600}.toc-item.active:before{background-color:#2762f0;box-shadow:0 0 0 3px #2762f033}.blog-content{flex-grow:1;max-width:720px;width:100%;min-width:0}.article-title{font-family:Merriweather,serif;font-size:3rem;line-height:1.15;color:#111;margin-bottom:16px;letter-spacing:-.02em}.article-subtitle{font-size:1.35rem;line-height:1.4;color:#555;margin-bottom:32px;font-weight:400}.article-meta{display:flex;align-items:center;gap:12px;margin-bottom:48px;font-size:.95rem;color:#666}.author-avatar-small{width:32px;height:32px;border-radius:50%;overflow:hidden}.author-avatar-small img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-hero-image{width:100%;border-radius:12px;box-shadow:0 10px 30px #00000014;margin-bottom:48px;border:1px solid #eaeaea}.article-body p{font-family:Merriweather,serif;font-size:1.1rem;line-height:1.7;color:#333;margin-bottom:24px}.article-body h2{font-size:1.75rem;font-weight:700;margin-top:48px;margin-bottom:16px;color:#111}.article-footer-bio{display:flex;align-items:center;gap:24px;margin-top:64px;padding-top:32px;border-top:1px solid #eee}.article-footer-bio .avatar-placeholder{width:64px;height:64px;border-radius:50%;background-color:#f0f0f0;flex-shrink:0;overflow:hidden}.article-footer-bio .avatar-placeholder img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.article-footer-bio-text h4{font-weight:700;margin-bottom:4px;font-size:1.05rem}.article-footer-bio-text p{color:#666;font-size:.95rem;line-height:1.5;margin:0}.more-stories-section{max-width:1200px;margin:64px auto;padding:0 32px;width:100%}.more-stories-section h2{font-size:1.5rem;font-weight:700;margin-bottom:32px;color:#111}.stories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:48px 32px}.story-card{display:flex;flex-direction:column;gap:16px;text-decoration:none}.story-image{width:100%;aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:8px;background-color:#f9f9f9;border:1px solid #eee}.story-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:#777}.story-meta-avatar{width:24px;height:24px;border-radius:50%;overflow:hidden}.story-meta-avatar img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.story-title{font-size:1.15rem;font-weight:700;color:#111;line-height:1.4;margin:0}.story-excerpt{font-size:.95rem;color:#555;line-height:1.5;margin:0}.blog-footer{margin-top:auto;padding:32px;border-top:1px solid #eee;display:flex;justify-content:space-between;align-items:center;color:#666;font-size:.85rem}.footer-nav{display:flex;gap:24px}.footer-nav a{color:#666;text-decoration:none}.footer-nav a:hover{color:#111}.avatar-modal-overlay{position:fixed;inset:0;background:#000c;display:flex;align-items:center;justify-content:center;z-index:9999;padding:40px;animation:fadeIn .2s ease-out}.avatar-modal-content{position:relative;background:#fff;border-radius:12px;padding:12px;max-width:90vw;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 24px 64px #00000080;animation:scaleIn .25s cubic-bezier(.16,1,.3,1)}.avatar-modal-content img{max-width:100%;max-height:calc(90vh - 24px);-o-object-fit:contain;object-fit:contain;border-radius:8px}.avatar-modal-close{position:absolute;top:-20px;right:-20px;width:40px;height:40px;background:#fff;border:none;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#333;box-shadow:0 4px 12px #0003;transition:transform .2s,background .2s;z-index:10000}.avatar-modal-close:hover{transform:scale(1.1);background:#f0f0f0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}