.page{min-height:100vh;padding:8rem 4rem 4rem}.content-wrapper{max-width:680px;margin:0 auto}.page-hero{max-width:800px;margin-bottom:5rem}.page-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);margin-bottom:1.5rem;font-size:.75rem;font-weight:500}.dark .page-label{color:var(--color-content-tertiary)}.page-title{color:var(--color-off-black);letter-spacing:-.03em;margin:0 0 1.5rem;font-size:clamp(3rem,8vw,5.5rem);font-weight:400;line-height:1.05}.dark .page-title{color:#f5f5f5}.page-subtitle{color:var(--color-muted);max-width:500px;margin:0;font-size:1.125rem;line-height:1.7}.dark .page-subtitle{color:var(--color-content-tertiary)}.page-quote{border-top:1px solid var(--color-oat-border);border-bottom:1px solid var(--color-oat-border);max-width:600px;margin:4rem 0 5rem;padding:2rem 0}.dark .page-quote{border-top-color:#2a2a2a;border-bottom-color:#2a2a2a}.page-quote p{color:var(--color-off-black);letter-spacing:-.01em;margin:0;font-size:clamp(1.5rem,3vw,2rem);font-weight:300;line-height:1.5}.dark .page-quote p{color:#f5f5f5}.page-grid{grid-template-columns:1fr 1fr;gap:3rem;margin:4rem 0 5rem;display:grid}.page-grid-item{border-top:1px solid var(--color-oat-border);padding-top:2rem}.dark .page-grid-item{border-top-color:#2a2a2a}.page-grid-label{letter-spacing:.15em;text-transform:uppercase;color:var(--color-muted);margin-bottom:1rem;font-size:.75rem;font-weight:500}.dark .page-grid-label{color:var(--color-content-tertiary)}.page-grid-item p:last-child{color:var(--color-muted);margin:0;font-size:1rem;line-height:1.7}.dark .page-grid-item p:last-child{color:var(--color-content-tertiary)}.blog-post-layout{grid-template-columns:1fr 340px;gap:4rem;max-width:1200px;margin:0 auto;display:grid}.blog-post{min-width:0}.blog-post-header{text-align:center;margin-bottom:3rem}.blog-post-category{color:#fff;letter-spacing:.05em;background-color:#000;border-radius:6px;margin-bottom:1.5rem;padding:.35rem 1rem;font-size:.75rem;font-weight:500;text-decoration:none;transition:opacity .2s;display:inline-block}.blog-post-category:hover{opacity:.8}.dark .blog-post-category{color:#000;background-color:#fff}.blog-post-info{justify-content:center;align-items:center;gap:.5rem;margin-bottom:2rem;display:flex}.blog-post-date{color:#666;letter-spacing:.05em;font-size:.8rem}.dark .blog-post-date{color:#999}.blog-post-read{color:#666;font-size:.8rem}.dark .blog-post-read{color:#999}.blog-post-read:before{content:"·";margin-right:.5rem}.blog-post-title{color:#000;letter-spacing:-.02em;margin:0;font-size:clamp(2rem,5vw,3rem);font-weight:700;line-height:1.3}.dark .blog-post-title{color:#fff}.blog-post-author{background-color:#f5f5f5;border-radius:999px;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.5rem 1rem .5rem .5rem;text-decoration:none;transition:all .2s;display:inline-flex}.blog-post-author:hover{background-color:#e8e8e8}.dark .blog-post-author{background-color:#2a2a2a}.dark .blog-post-author:hover{background-color:#333}.blog-post-author-avatar{object-fit:cover;border-radius:50%;width:32px;height:32px}.blog-post-author-name{color:#333;font-size:.9rem;font-weight:500}.dark .blog-post-author-name{color:#ddd}.blog-post-cover{object-fit:cover;object-position:left center;border-radius:12px;width:100%;max-height:400px;margin-bottom:3rem}.content-body{color:#333;letter-spacing:.02em;font-size:1rem;line-height:1.8}.dark .content-body{color:#ccc}.content-body h1{color:#000;letter-spacing:-.02em;margin:0 0 3rem;font-size:clamp(2.5rem,8vw,5rem);font-weight:300;line-height:1.1}.dark .content-body h1{color:#fff}.content-body h2{color:#000;letter-spacing:.02em;margin:2.5rem 0 1rem;font-size:1.5rem;font-weight:600}.dark .content-body h2{color:#fff}.content-body h3{color:#000;letter-spacing:.02em;margin:2rem 0 .75rem;font-size:1.25rem;font-weight:600}.dark .content-body h3{color:#fff}.content-body p{color:#444;margin-bottom:1.5rem}.dark .content-body p{color:#bbb}.content-body ul,.content-body ol{margin-bottom:1.5rem;padding-left:1.5rem}.content-body li{color:#444;margin-bottom:.5rem}.dark .content-body li{color:#bbb}.content-body blockquote{border-left:3px solid var(--color-off-black);color:#333;background-color:#f5f5f5;border-radius:0 8px 8px 0;margin:2rem 0;padding:2rem 2rem 2rem 3rem;position:relative}.content-body blockquote:before{content:"\"";color:var(--color-off-black);font-size:3rem;font-weight:700;line-height:1;position:absolute;top:.5rem;left:1rem}.dark .content-body blockquote{color:#ccc;background-color:#1a1a1a;border-left-color:#555}.dark .content-body blockquote:before{color:#555}.content-body code{background-color:#f5f5f5;border-radius:4px;padding:.2rem .4rem;font-family:Fira Code,monospace;font-size:.875rem}.dark .content-body code{color:#e0e0e0;background-color:#2a2a2a}.content-body pre{background-color:#1e1e1e;border-radius:12px;margin:2rem 0;position:relative;overflow:hidden;box-shadow:0 4px 20px #00000026}.content-body pre:before{content:"";background:linear-gradient(#3c3c3c,#2d2d2d);border-bottom:1px solid #1a1a1a;height:36px;display:block}.content-body pre:after{content:attr(data-language);color:#999;text-transform:uppercase;letter-spacing:.05em;font-size:.75rem;font-weight:500;position:absolute;top:8px;right:12px}.content-body pre .macos-dots{z-index:1;gap:8px;display:flex;position:absolute;top:10px;left:12px}.content-body pre .macos-dots span{border-radius:50%;width:12px;height:12px}.content-body pre .macos-dots span:first-child{background-color:#ff5f56}.content-body pre .macos-dots span:nth-child(2){background-color:#ffbd2e}.content-body pre .macos-dots span:nth-child(3){background-color:#27c93f}.content-body pre .copy-button{color:#999;cursor:pointer;opacity:0;z-index:2;background-color:#ffffff1a;border:1px solid #fff3;border-radius:4px;padding:4px 8px;font-size:.7rem;transition:all .2s;position:absolute;top:8px;right:120px}.content-body pre:hover .copy-button{opacity:1}.content-body pre .copy-button:hover{color:#fff;background-color:#fff3}.content-body pre .copy-button.copied{color:#fff;background-color:#27c93f;border-color:#27c93f}.dark .content-body pre{background-color:#0d0d0d}.dark .content-body pre:before{background:linear-gradient(#2a2a2a,#1a1a1a);border-bottom-color:#0d0d0d}.content-body pre code{background:0 0;padding:1rem 1.5rem;font-size:.875rem;line-height:1.6;display:block;overflow-x:auto}.content-body table{border-collapse:collapse;width:100%;margin:2rem 0;font-size:.875rem}.content-body table thead{background-color:#f8f9fa}.content-body table th{text-align:left;color:#333;border:1px solid #e0e0e0;padding:.75rem 1rem;font-weight:600}.content-body table td{color:#444;border:1px solid #e0e0e0;padding:.75rem 1rem}.content-body table tbody tr:nth-child(2n){background-color:#fafafa}.content-body table tbody tr:hover{background-color:#f0f0f0}.dark .content-body table thead{background-color:#1a1a1a}.dark .content-body table th{color:#ddd;border-color:#333}.dark .content-body table td{color:#bbb;border-color:#333}.dark .content-body table tbody tr:nth-child(2n){background-color:#151515}.dark .content-body table tbody tr:hover{background-color:#222}.content-body img{border-radius:8px;max-width:100%;height:auto;margin:2rem 0}.content-body a{color:#000;text-underline-offset:3px;text-decoration:underline;transition:color .2s}.dark .content-body a{color:#fff}.content-body a:hover{opacity:.7}.content-body hr{border:none;border-top:1px solid #0000001a;margin:2rem 0}.dark .content-body hr{border-top-color:#ffffff1a}.blog-post-footer{border-top:1px solid #e0e0e0;margin-top:3rem;padding-top:2rem}.dark .blog-post-footer{border-top-color:#333}.blog-post-footer-top{border-bottom:1px solid #e0e0e0;justify-content:space-between;align-items:center;padding-bottom:2rem;display:flex}.dark .blog-post-footer-top{border-bottom-color:#333}.blog-post-footer-category{color:#333;background-color:#f5f5f5;border-radius:4px;padding:.4rem 1rem;font-size:.85rem;text-decoration:none;transition:all .2s;display:inline-block}.blog-post-footer-category:hover{background-color:var(--color-off-black);color:#fff}.dark .blog-post-footer-category{color:#ddd;background-color:#2a2a2a}.dark .blog-post-footer-category:hover{color:#fff;background-color:#555}.blog-post-share{gap:.75rem;display:flex}.share-btn{color:#fff;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex}.share-facebook{background-color:#1877f2}.share-facebook:hover{background-color:#1565c0}.share-twitter{background-color:#000}.share-twitter:hover{background-color:#333}.blog-post-navigation{justify-content:space-between;align-items:center;padding-top:2rem;display:flex}.nav-link{color:#333;align-items:center;gap:.5rem;font-size:.9rem;text-decoration:none;transition:color .2s;display:flex}.dark .nav-link{color:#ddd}.nav-link:hover{color:#000}.dark .nav-link:hover{color:#fff}.blog-sidebar{height:fit-content;position:sticky;top:8rem}.sidebar-search{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem;display:flex}.dark .sidebar-search{border-bottom-color:#333}.search-input{color:#000;background-color:#fff;border:1px solid #e0e0e0;border-right:none;border-radius:6px 0 0 6px;outline:none;flex:1;padding:.75rem 1rem;font-size:.875rem}.search-input:focus{border-color:var(--color-off-black)}.dark .search-input{color:#fff;background-color:#1a1a1a;border-color:#333}.dark .search-input:focus{border-color:#555}.search-input::placeholder{color:#999}.search-button{border:1px solid var(--color-off-black);background-color:var(--color-off-black);color:#fff;cursor:pointer;border-radius:0 6px 6px 0;justify-content:center;align-items:center;padding:.75rem 1rem;transition:background-color .2s;display:flex}.search-button:hover{background-color:#333}.dark .search-button{color:#0a0a0a;background-color:#f5f5f5;border-color:#f5f5f5}.dark .search-button:hover{background-color:#ccc;border-color:#ccc}.sidebar-section{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:2rem}.sidebar-section:last-child{border-bottom:none}.dark .sidebar-section{border-bottom-color:#333}.sidebar-title{color:#000;margin:0 0 1.5rem;font-size:1.25rem;font-weight:600}.dark .sidebar-title{color:#fff}.sidebar-categories{flex-direction:column;gap:.75rem;display:flex}.sidebar-category{color:#666;justify-content:space-between;align-items:center;padding:.5rem 0;text-decoration:none;transition:color .2s;display:flex}.sidebar-category:hover{color:#000}.dark .sidebar-category{color:#999}.dark .sidebar-category:hover{color:#fff}.sidebar-category-name{font-size:.875rem}.sidebar-category-count{color:#999;font-size:.875rem}.dark .sidebar-category-count{color:#666}.sidebar-recent{flex-direction:column;gap:1.5rem;display:flex}.sidebar-recent-item{color:inherit;align-items:center;gap:1rem;text-decoration:none;transition:opacity .2s;display:flex}.sidebar-recent-item:hover{opacity:.8}.sidebar-recent-image{object-fit:cover;border-radius:50%;flex-shrink:0;width:64px;height:64px}.sidebar-recent-content{flex:1;min-width:0}.sidebar-recent-date{color:#999;margin-bottom:.25rem;font-size:.75rem;display:block}.dark .sidebar-recent-date{color:#666}.sidebar-recent-title{color:#000;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.9rem;font-weight:600;line-height:1.4;display:-webkit-box;overflow:hidden}.dark .sidebar-recent-title{color:#fff}@media (width<=1024px){.blog-post-layout{grid-template-columns:1fr;gap:3rem}.blog-sidebar{position:static}}@media (width<=768px){.page{padding:6rem 2rem 3rem}.page-hero{margin-bottom:3rem}.page-quote{margin:3rem 0}.page-grid{grid-template-columns:1fr;gap:2rem;margin:3rem 0}.blog-post-header{margin-bottom:2rem}.blog-post-cover{border-radius:8px;margin-bottom:2rem}.blog-post-layout{gap:2rem}.content-body blockquote{padding:1.5rem 1.5rem 1.5rem 2rem}.content-body blockquote:before{font-size:2rem;left:.75rem}.content-body pre{border-radius:8px;margin:1.5rem 0}.content-body pre code{padding:1rem;font-size:.8rem}.content-body pre .copy-button{right:80px}.content-body table{font-size:.8rem}.content-body table th,.content-body table td{padding:.5rem .75rem}.sidebar-search{flex-direction:column;gap:.5rem}.search-input{border-right:1px solid #e0e0e0;border-radius:6px}.dark .search-input{border-right-color:#333}.search-button{border-radius:6px;width:100%}.sidebar-recent-image{width:48px;height:48px}}@media (width<=480px){.page{padding:5rem 1.5rem 2rem}.content-body h2{font-size:1.1rem}.content-body p{font-size:.9rem}.blog-post-info{flex-direction:column;gap:.25rem}.blog-post-read:before{content:"";margin:0}.blog-post-title{font-size:1.5rem}.content-body blockquote{padding:1.25rem 1.25rem 1.25rem 1.75rem}.content-body blockquote:before{font-size:1.5rem;top:.75rem;left:.5rem}.content-body pre .copy-button{padding:3px 6px;font-size:.65rem;right:70px}.content-body table{white-space:nowrap;display:block;overflow-x:auto}}