*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#faf9f5;--bg-warm:#f4f1ea;--bg-card:#ffffff;--text-1:#1c1a14;--text-2:#5c5950;--text-3:#8c897f;--accent:#b8862d;--accent-dim:#a07228;--accent-light:#d4a84b;--accent-bg:rgba(184,134,45,.06);--border:#e3dfd6;--border-hover:#d4cfc4;--radius:12px;--radius-sm:8px;--radius-xs:6px;--serif:"Lora",Georgia,serif;--sans:"Poppins",system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",monospace;--shadow-sm:0 1px 3px rgba(28,26,20,.04);--shadow-md:0 4px 16px rgba(28,26,20,.07);--shadow-lg:0 8px 32px rgba(28,26,20,.1);--transition:all .25s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--sans);background:var(--bg);color:var(--text-1);line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--accent);text-decoration:none}.nav{position:fixed;top:0;left:0;right:0;z-index:50;background:#faf8f3eb;backdrop-filter:blur(16px);border-bottom:1px solid var(--border)}.nav-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:60px;display:flex;align-items:center;justify-content:space-between}.nav-brand{font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;color:var(--text-1);text-decoration:none}.nav-brand svg{width:26px;height:26px}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{color:var(--text-3);font-size:14px;font-weight:500;transition:color .2s;text-decoration:none}.nav-links a:hover{color:var(--text-1)}.nav-links a.nav-cta{background:var(--accent);color:#fff;padding:8px 20px;border-radius:var(--radius-xs);font-size:14px;font-weight:600;transition:all .2s}.nav-links a.nav-cta:hover{background:var(--accent-dim);color:#fff}.nav-links a.nav-login{color:var(--text-1);font-size:14px;font-weight:600;padding:8px 14px;border:1px solid var(--border);border-radius:var(--radius-xs);transition:all .2s}.nav-links a.nav-login:hover{border-color:var(--accent);color:var(--accent)}.nav-mobile-btn{display:none;background:none;border:none;color:var(--text-1);cursor:pointer;padding:4px}.mobile-menu{display:none;position:fixed;top:60px;left:0;right:0;background:var(--bg);border-bottom:1px solid var(--border);padding:16px 24px;z-index:49;flex-direction:column;gap:16px;max-height:calc(100vh - 60px);overflow-y:auto}.mobile-menu.open{display:flex}.mobile-menu a{color:var(--text-2);font-size:16px;font-weight:500;padding:8px 0;transition:color .2s;text-decoration:none}.mobile-menu a:hover{color:var(--text-1)}.mobile-menu .nav-cta{display:inline-block;text-align:center;margin-top:4px;background:var(--accent);color:#fff;padding:8px 20px;border-radius:var(--radius-xs);font-size:14px;font-weight:600}.mobile-menu .nav-login-mobile{display:inline-block;text-align:center;background:transparent;color:var(--text-1);padding:8px 20px;border:1px solid var(--border);border-radius:var(--radius-xs);font-size:14px;font-weight:600;margin-top:4px}.nav-dropdown{position:relative;display:inline-flex;align-items:center;align-self:stretch}.nav-dropdown-trigger{color:var(--text-3);font-size:14px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:4px;transition:color .2s;height:100%;padding:0}.nav-dropdown-trigger:hover{color:var(--text-1)}.nav-dropdown-content{visibility:hidden;opacity:0;pointer-events:none;position:absolute;top:100%;left:50%;transform:translate(-50%);background-color:var(--bg-card);min-width:200px;box-shadow:0 8px 24px #1c1a1414;border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 0;z-index:51;transition:opacity .15s ease,visibility .15s ease;transition-delay:.15s}.nav-dropdown-content:before{content:"";position:absolute;top:-12px;left:0;right:0;height:12px;background:transparent}.nav-dropdown-content:after{content:"";position:absolute;top:-6px;left:50%;transform:translate(-50%) rotate(45deg);width:10px;height:10px;background:var(--bg-card);border-left:1px solid var(--border);border-top:1px solid var(--border)}.nav-dropdown:hover .nav-dropdown-content{visibility:visible;opacity:1;pointer-events:auto;transition-delay:0s}.nav-dropdown-content a{color:var(--text-2);padding:8px 16px;display:block;font-size:14px;text-decoration:none;transition:background .2s,color .2s}.nav-dropdown-content a:hover{background-color:var(--bg);color:var(--accent)}.footer{border-top:1px solid var(--border);padding:48px 24px;background:var(--bg-warm)}.footer-inner{max-width:1100px;margin:0 auto}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:48px;text-align:left}.footer-col h4{font-family:var(--sans);font-size:13px;font-weight:600;color:var(--text-1);margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.footer-col a{display:block;color:var(--text-2);font-size:14px;margin-bottom:12px;transition:color .2s;text-decoration:none}.footer-col a:hover{color:var(--accent)}.footer-bottom{padding-top:24px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-copy{font-size:13px;color:var(--text-3)}.blog-tabs{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;gap:8px;margin-bottom:2.5rem;justify-content:center;flex-wrap:wrap}.blog-tab{display:inline-flex;align-items:center;gap:6px;padding:8px 22px;border-radius:24px;font-size:14px;font-weight:500;color:var(--text-3);border:1px solid var(--border);background:var(--bg-card);transition:var(--transition);text-decoration:none}.blog-tab:hover{border-color:var(--accent);color:var(--accent)}.blog-tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-header{max-width:1200px;margin:0 auto;padding:100px 24px 2rem;text-align:center}.blog-header h1{font-family:var(--serif);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:var(--accent);letter-spacing:-.02em;margin-bottom:.75rem}.blog-header p{font-size:1.05rem;color:var(--text-2);line-height:1.7;max-width:560px;margin:0 auto}.blog-featured{max-width:1200px;margin:0 auto;padding:0 24px 3rem}.blog-featured .featured-card{display:grid;grid-template-columns:1fr 1fr;gap:0;background:var(--bg-card);border-radius:var(--radius);overflow:hidden;border:1px solid var(--border);transition:var(--transition);text-decoration:none;color:inherit}.blog-featured .featured-card:hover{box-shadow:var(--shadow-lg);border-color:var(--accent);transform:translateY(-2px)}.featured-img{position:relative;min-height:320px;overflow:hidden;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f5e6d0,#e8d4b8 40%,#d9c4a0)}.featured-img:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 30px,rgba(184,134,45,.04) 30px,rgba(184,134,45,.04) 60px)}.featured-badge{position:absolute;top:16px;left:16px;background:var(--accent);color:#fff;font-size:11px;font-weight:700;padding:4px 14px;border-radius:20px;text-transform:uppercase;letter-spacing:.06em;z-index:2}.featured-body{padding:2.5rem;display:flex;flex-direction:column;justify-content:center}.featured-body .card-section{font-size:12px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px}.featured-body h2{font-family:var(--serif);font-size:1.6rem;font-weight:700;color:var(--text-1);line-height:1.35;margin-bottom:12px;letter-spacing:-.01em}.featured-body>p{color:var(--text-2);font-size:.95rem;line-height:1.7;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.featured-meta{display:flex;align-items:center;gap:12px;margin-top:auto}.author-avatar{width:36px;height:36px;border-radius:50%;background:var(--accent-bg);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;color:var(--accent);flex-shrink:0}.author-info .author-name{font-size:13px;font-weight:600;color:var(--text-1)}.author-info .author-role{font-size:12px;color:var(--text-3)}.split-icon{width:100px;height:100px;position:relative;z-index:1}.split-icon:before,.split-icon:after{content:"";position:absolute;width:44px;height:44px;border-radius:10px;background:var(--accent);opacity:.2}.split-icon:before{top:8px;left:8px;transform:rotate(-8deg)}.split-icon:after{bottom:8px;right:8px;transform:rotate(8deg)}.blog-tags{max-width:1200px;margin:0 auto;padding:0 24px 2rem;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.blog-tag-pill{display:inline-block;padding:4px 14px;border-radius:20px;font-size:13px;font-weight:500;color:var(--text-2);background:var(--bg-card);border:1px solid var(--border);transition:var(--transition);text-decoration:none}.blog-tag-pill:hover{border-color:var(--accent);color:var(--accent)}.blog-list{max-width:1200px;margin:0 auto;padding:0 24px 3rem}.blog-list-title{font-family:var(--serif);font-size:1.25rem;color:var(--text-1);margin-bottom:1.25rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.blog-grid-2col{grid-template-columns:repeat(2,1fr)}.blog-card{display:flex;flex-direction:column;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition);text-decoration:none;color:inherit}.blog-card:hover{box-shadow:var(--shadow-md);border-color:var(--accent);transform:translateY(-3px)}.blog-card-img{height:160px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,var(--bg-warm),var(--bg))}.blog-card-img:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(45deg,transparent,transparent 20px,rgba(184,134,45,.03) 20px,rgba(184,134,45,.03) 40px)}.blog-card-img--photo{background:var(--bg-alt);padding:0}.blog-card-img--photo:after{display:none}.blog-card-img--photo img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-icon{font-size:42px;opacity:.35;position:relative;z-index:1}.blog-card-body{padding:1.25rem 1.5rem 1.5rem;flex:1;display:flex;flex-direction:column}.blog-card-section{font-size:11px;font-weight:600;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.blog-card-meta{display:flex;align-items:center;gap:12px;margin-bottom:.75rem;font-size:13px;color:var(--text-3);flex-wrap:wrap}.blog-card-tag{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-xs);padding:2px 10px;font-size:12px;font-weight:500;color:var(--accent)}.blog-card-author{font-weight:500;color:var(--text-2)}.blog-card h2{font-family:var(--serif);font-size:1.05rem;font-weight:700;color:var(--text-1);margin-bottom:.5rem;letter-spacing:-.01em;line-height:1.4}.blog-card p{color:var(--text-2);font-size:.875rem;line-height:1.65;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:12px}.blog-card-footer{margin-top:auto;padding-top:12px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--text-3)}.blog-card-footer .author{font-weight:600;color:var(--text-2)}.read-more{font-weight:600;color:var(--accent);display:inline-flex;align-items:center;gap:4px;font-size:12px}.read-more svg{width:14px;height:14px;transition:transform .2s}.blog-card:hover .read-more svg{transform:translate(3px)}.section-label{max-width:1200px;margin:0 auto;padding:0 24px;margin-bottom:1rem}.section-label h2{font-family:var(--serif);font-size:1.3rem;color:var(--text-1);font-weight:700}.section-label p{font-size:.95rem;color:var(--text-3);margin-top:.25rem}.blog-post-layout{display:grid;grid-template-columns:220px 1fr 260px;gap:32px;max-width:1200px;margin:0 auto;padding:100px 24px 3rem}.toc-sidebar{position:sticky;top:80px;align-self:start}.toc-sidebar h4{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.toc-list{list-style:none;padding:0}.toc-list li{margin-bottom:4px}.toc-list a{display:block;padding:6px 12px;font-size:13px;color:var(--text-3);border-left:2px solid transparent;border-radius:0 var(--radius-xs) var(--radius-xs) 0;transition:var(--transition);line-height:1.4;text-decoration:none}.toc-list a:hover{color:var(--accent);background:var(--accent-bg)}.toc-list a.active{color:var(--accent);border-left-color:var(--accent);background:var(--accent-bg);font-weight:500}.blog-post{max-width:680px}.blog-post-hero{margin:-2rem -2rem 2rem;border-radius:10px;overflow:hidden;background:var(--bg-alt)}.blog-post-hero img{width:100%;height:auto;display:block;aspect-ratio:16/9;object-fit:cover}@media(max-width:768px){.blog-post-hero{margin:-1rem -20px 1.5rem;border-radius:0}}.blog-post-header{margin-bottom:2rem}.blog-post-back{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--text-3);margin-bottom:24px;transition:color .2s;font-weight:500}.blog-post-back:hover{color:var(--accent)}.blog-section-badge{display:inline-block;font-size:11px;font-weight:700;color:var(--accent);text-transform:uppercase;letter-spacing:.08em;padding:4px 14px;border:1px solid var(--accent);border-radius:20px;margin-bottom:16px}.blog-post-header h1{font-family:var(--serif);font-size:clamp(1.75rem,3.5vw,2.25rem);font-weight:700;color:var(--text-1);letter-spacing:-.02em;line-height:1.3;margin-bottom:1rem}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:16px;font-size:14px;color:var(--text-3);padding:16px 0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.blog-post-meta .author-avatar{width:40px;height:40px;font-size:13px}.blog-post-meta .meta-text{flex:1}.blog-post-meta .meta-text .author-name{font-size:14px;font-weight:600;color:var(--text-1)}.blog-post-meta .meta-text .meta-details{font-size:13px;color:var(--text-3)}.blog-post-meta .meta-text .meta-details span{margin:0 6px;opacity:.4}.blog-post-meta time{font-weight:500}.blog-post-author{font-weight:500;color:var(--text-2)}.blog-post-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:2rem}.share-inline{display:flex;gap:6px;margin-left:auto}.share-btn{width:34px;height:34px;border-radius:50%;border:1px solid var(--border);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);color:var(--text-3);text-decoration:none}.share-btn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-bg)}.share-btn svg{width:16px;height:16px}.share-bar{display:flex;align-items:center;gap:12px;padding:24px 0;margin-top:2.5rem;border-top:1px solid var(--border)}.share-bar span{font-size:13px;font-weight:600;color:var(--text-3);text-transform:uppercase;letter-spacing:.05em}.share-bar .share-btn{width:40px;height:40px}.right-sidebar{position:sticky;top:80px;align-self:start}.sidebar-section{margin-bottom:2rem}.sidebar-section h4{font-size:12px;font-weight:700;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;padding-bottom:8px;border-bottom:1px solid var(--border)}.related-card{display:flex;gap:12px;padding:10px 0;border-bottom:1px solid rgba(227,223,214,.5);cursor:pointer;transition:var(--transition);text-decoration:none;color:inherit}.related-card:last-child{border-bottom:none}.related-card:hover .related-title{color:var(--accent)}.related-thumb{width:40px;height:40px;border-radius:var(--radius-xs);background:var(--bg-warm);flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:18px;opacity:.4}.related-info{flex:1;min-width:0}.related-title{font-size:13px;font-weight:600;color:var(--text-1);line-height:1.35;margin-bottom:2px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.related-meta{font-size:11px;color:var(--text-3)}.blog-prose h2{font-family:var(--serif);font-size:1.4rem;color:var(--accent);margin:2.5rem 0 1rem;letter-spacing:-.01em}.blog-prose h3{font-family:var(--serif);font-size:1.15rem;color:var(--text-1);margin:2rem 0 .75rem}.blog-prose p{color:var(--text-2);line-height:1.85;margin-bottom:1.25rem;font-size:.95rem}.blog-prose ul,.blog-prose ol{color:var(--text-2);margin:0 0 1.25rem 1.5rem;line-height:1.85}.blog-prose li{margin-bottom:.5rem}.blog-prose blockquote{border-left:3px solid var(--accent);padding:1rem 1.5rem;margin:1.5rem 0;background:var(--accent-bg);border-radius:0 var(--radius-xs) var(--radius-xs) 0}.blog-prose blockquote p{color:var(--text-2);margin-bottom:0;font-style:italic}.blog-prose code{font-family:var(--mono);background:var(--bg);padding:.2rem .45rem;border-radius:3px;font-size:.88rem;color:var(--accent)}.blog-prose pre{background:var(--text-1);color:#e8e6e0;padding:1.25rem;border-radius:var(--radius-sm);overflow-x:auto;margin:1.5rem 0;font-size:.88rem;line-height:1.6}.blog-prose pre code{background:none;padding:0;color:inherit}.blog-prose img{max-width:100%;height:auto;border-radius:var(--radius-sm);margin:1.5rem 0;border:1px solid var(--border)}.blog-prose a{color:var(--accent);text-decoration:underline;text-decoration-color:#bf792f4d;text-underline-offset:2px;transition:text-decoration-color .2s}.blog-prose a:hover{text-decoration-color:var(--accent)}.blog-prose strong{color:var(--text-1);font-weight:600}.blog-prose hr{border:none;height:1px;background:var(--border);margin:2.5rem 0}.blog-disclaimer{margin-top:3rem;padding:1.25rem 1.5rem;background:var(--bg-warm);border:1px solid var(--border);border-radius:var(--radius-sm);font-size:.875rem;color:var(--text-3);line-height:1.7}.blog-disclaimer strong{color:var(--text-2)}.cta-box{background:var(--accent);color:#fff;text-align:center;padding:1.5rem 2rem;border-radius:var(--radius);margin:2rem 0}.cta-box p{font-size:1rem;margin-bottom:1rem;line-height:1.5}.cta-button{display:inline-block;background:#fff;color:var(--accent);padding:.875rem 2rem;border-radius:var(--radius-xs);text-decoration:none;font-weight:600;transition:all .2s}.cta-button:hover{background:#f0f0f0;transform:translateY(-2px)}@media(max-width:1024px){.blog-featured .featured-card{grid-template-columns:1fr}.featured-img{min-height:200px}.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-post-layout{grid-template-columns:1fr;max-width:720px}.toc-sidebar,.right-sidebar{display:none}}@media(max-width:768px){.nav-links{display:none}.nav-mobile-btn{display:block}.blog-header{padding:80px 20px 1.5rem}.blog-list,.blog-featured{padding:0 20px 2rem}.blog-post{padding:80px 20px 2rem}.blog-tabs,.blog-tags{padding:0 20px}.blog-post-layout{padding:80px 20px 2rem}.footer-grid{grid-template-columns:1fr;text-align:center;gap:32px}.footer-col .footer-brand,.footer-col p{margin-left:auto;margin-right:auto}.footer-bottom{justify-content:center;text-align:center}}@media(max-width:640px){.blog-grid{grid-template-columns:1fr}.featured-body{padding:1.5rem}.featured-body h2{font-size:1.3rem}}@media(max-width:480px){.blog-header{padding:72px 16px 1rem}.blog-list{padding:0 16px 1.5rem}.blog-card-body{padding:1rem 1.25rem 1.25rem}.blog-post-layout{padding:72px 16px 1.5rem}.cta-box{padding:1.5rem 1rem}.blog-tabs{padding:0 16px;flex-direction:column;align-items:center}}