:root{--bg-light: #F7F8F9;--bg-dark: #131922;--primary-coral: #FF7D66;--berry: #AD3E5A;--text-light: #1B1530;--mist: #535F70;--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;--ink: #1B1530;--canvas: #F7F8F9;--paper: #FFFFFF;--coral: #FF7D66;--line: rgba(27, 21, 48, .08);--spring: cubic-bezier(.34, 1.32, .64, 1)}*,*: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:120px var(--container-pad) 0;font-size:.85rem;color:var(--mist)}.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:36px var(--container-pad) 100px}.blog-header{margin-bottom:3rem}.blog-meta-row{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;margin-bottom:1rem;font-size:.9rem;color:var(--mist)}.blog-author{font-family:var(--font-mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;opacity:.4}.blog-category{font-weight:600;color:var(--ink);transition:opacity .2s ease}.blog-category:hover{opacity:.6}.blog-header h1{font-family:var(--font-sans);font-size:clamp(2.4rem,5vw,3.8rem);font-weight:900;letter-spacing:-.045em;line-height:1;margin-bottom:1.25rem}.blog-description{font-size:clamp(1.1rem,1.6vw,1.3rem);line-height:1.6;color:var(--mist)}.blog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:1.2rem}.blog-tag{padding:4px 12px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1px var(--line);font-size:.8rem;color:var(--mist);transition:color .2s ease}.blog-tag:hover{color:var(--ink)}.blog-hero{display:block;max-width:480px;width:100%;height:auto;border-radius:20px;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-sans);font-size:1rem;font-weight:800;letter-spacing:-.01em;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-sans);font-size:.88rem;font-weight:500;color:var(--mist);transition:opacity .2s ease;background:none;border:none;cursor:pointer;padding:0}.blog-share-link:hover{color:var(--ink)}.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-sans);font-size:1.2rem;font-weight:800;letter-spacing:-.01em;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:20px 22px;border-radius:20px;background:var(--paper);box-shadow:0 1px 2px #1b15300a,0 8px 24px #1b15300d;transition:box-shadow .25s ease,transform .3s var(--spring)}.blog-related-link:hover{transform:translateY(-2px);box-shadow:0 1px 2px #1b15300a,0 16px 40px #1b15301a}.blog-related-title{display:block;font-family:var(--font-sans);font-size:1rem;font-weight:800;letter-spacing:-.01em;line-height:1.3;margin-bottom:4px}.blog-related-desc{display:block;font-size:.9rem;color:var(--mist);line-height:1.5}.blog-body h2{font-family:var(--font-sans);font-size:clamp(1.5rem,2.4vw,1.9rem);font-weight:900;letter-spacing:-.03em;line-height:1.15;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(--ink);text-decoration:underline;text-decoration-color:var(--coral);text-decoration-thickness:2px;text-underline-offset:3px}.blog-body a:hover{color:var(--berry)}.blog-body blockquote{border-left:3px solid var(--coral);padding-left:1.2em;margin:1.5em 0;font-family:var(--font-serif);font-size:1.15rem;line-height:1.6}.blog-body img{border-radius:20px;margin:2em 0}.blog-cta{margin-top:3rem;padding:32px 28px;border-radius:24px;background:var(--paper);text-align:center;box-shadow:0 1px 2px #1b15300a,0 12px 32px #1b153012}.blog-cta h2{font-size:clamp(1.6rem,2.6vw,2.1rem);font-weight:900;letter-spacing:-.035em;line-height:1.1}.blog-cta p{margin:.6rem auto 0;max-width:26rem;color:var(--mist)}.blog-cta a{display:inline-flex;align-items:center;height:52px;margin-top:1.5rem;padding:0 28px;border-radius:999px;background:var(--ink);color:var(--canvas);font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.blog-cta a:hover{transform:translateY(-2px);box-shadow:0 10px 28px #1b153038}.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:28px var(--container-pad) 72px}.blog-breadcrumb{padding-top:104px}}@media(max-width:480px){:root{--container-pad: 20px}}
