:root{--bg-light: #f9f7f2;--bg-dark: #131922;--primary-coral: #FF7D66;--berry: #AD3E5A;--text-light: #131922;--text-dark: #ffffff;--font-serif: "Playfair Display", Georgia, serif;--font-sans: "Inter", -apple-system, sans-serif;--font-mono: "IBM Plex Mono", "SF Mono", monospace;--container-max: 1200px;--container-pad: 40px;--radius: 24px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background-color:var(--bg-light);color:var(--text-light);line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}main{flex:1}.blog-breadcrumb{max-width:720px;margin:0 auto;padding:24px var(--container-pad) 0;font-family:var(--font-mono);font-size:.65rem;letter-spacing:.06em;text-transform:uppercase}.blog-breadcrumb a{opacity:.35;transition:opacity .2s ease}.blog-breadcrumb a:hover{opacity:.7}.blog-breadcrumb-sep{margin:0 6px;opacity:.25}.blog-breadcrumb-current{opacity:.5}.blog-content{max-width:720px;margin:0 auto;padding:60px var(--container-pad) 80px}.blog-header{margin-bottom:3rem}.blog-meta-row{display:flex;align-items:center;gap:12px;margin-bottom:1rem}.blog-header time{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.blog-author{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;opacity:.4}.blog-category{font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);opacity:.35;transition:opacity .2s ease}.blog-category:hover{opacity:.6}.blog-header h1{font-family:var(--font-serif);font-size:clamp(2rem,4vw,3rem);font-weight:700;letter-spacing:-.01em;line-height:1.2;margin-bottom:1rem}.blog-description{font-size:clamp(1rem,1.5vw,1.15rem);line-height:1.8;opacity:.65}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:1.2rem}.blog-tag{font-family:var(--font-mono);font-size:.6rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);opacity:.3;transition:opacity .2s ease}.blog-tag:hover{opacity:.55}.blog-reading-time{font-family:var(--font-mono);font-size:.75rem;text-transform:uppercase;letter-spacing:.1em;opacity:.4}.blog-hero{display:block;max-width:480px;width:100%;height:auto;border-radius:8px;margin:0 auto 3rem;object-fit:cover}.blog-author-card{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;margin-top:2rem;border-top:1px solid rgba(0,0,0,.06)}.blog-author-avatar{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.blog-author-card-name{font-family:var(--font-serif);font-size:1rem;font-weight:700;margin-bottom:.2rem}.blog-author-card-bio{font-size:.85rem;line-height:1.6;opacity:.55}.blog-share{display:flex;gap:16px;flex-wrap:wrap;padding:1.2rem 0;border-top:1px solid rgba(0,0,0,.06)}.blog-share-link{font-family:var(--font-mono);font-size:.65rem;font-weight:400;letter-spacing:.06em;text-transform:uppercase;color:var(--text-light);opacity:.35;transition:opacity .2s ease;background:none;border:none;cursor:pointer;padding:0}.blog-share-link:hover{opacity:.6}.blog-related{margin-top:3rem;padding-top:2.5rem;border-top:1px solid rgba(0,0,0,.08)}.blog-related-heading{font-family:var(--font-serif);font-size:1.2rem;font-weight:700;margin-bottom:1.2rem}.blog-related-list{list-style:none;padding:0;display:flex;flex-direction:column;gap:1rem}.blog-related-link{display:block;padding:16px 20px;border-radius:12px;border:1px solid rgba(0,0,0,.06);transition:box-shadow .3s ease,border-color .3s ease}.blog-related-link:hover{box-shadow:0 4px 16px #0000000d;border-color:#0000001f}.blog-related-title{display:block;font-family:var(--font-serif);font-size:1rem;font-weight:700;line-height:1.3;margin-bottom:4px}.blog-related-desc{display:block;font-size:.85rem;opacity:.5;line-height:1.5}.blog-body h2{font-family:var(--font-serif);font-size:1.5rem;font-weight:700;margin-top:2.5em;margin-bottom:.75em}.blog-body h3{font-size:1.15rem;font-weight:600;margin-top:2em;margin-bottom:.5em}.blog-body p{font-size:1.05rem;line-height:1.8;margin-bottom:1.2em}.blog-body ul,.blog-body ol{padding-left:1.5em;margin-bottom:1.2em}.blog-body li{margin-bottom:.4em;line-height:1.8}.blog-body a{color:var(--berry);text-decoration:underline;text-underline-offset:2px}.blog-body a:hover{color:var(--primary-coral)}.blog-body blockquote{border-left:3px solid var(--berry);padding-left:1.2em;margin:1.5em 0;font-style:italic;opacity:.8}.blog-body img{border-radius:12px;margin:2em 0}.blog-body code{font-family:var(--font-mono);font-size:.9em;background:#0000000a;padding:2px 6px;border-radius:4px}.container{max-width:var(--container-max);margin:0 auto;padding:0 var(--container-pad)}@media(max-width:768px){:root{--container-pad: 24px}.blog-content{padding:40px var(--container-pad) 60px}}@media(max-width:480px){:root{--container-pad: 20px}}
