.progress-bar{position:fixed;top:0;left:0;right:0;height:3px;background:var(--border);z-index:101}.progress-fill{height:100%;background:var(--accent);width:0%;transition:width .1s linear}.article-header{padding:9rem 4% 4rem;position:relative;overflow:hidden;max-width:800px;margin:0 auto}.header-glow{position:absolute;width:600px;height:600px;background:radial-gradient(circle,rgba(200,240,74,.06) 0%,transparent 70%);top:-150px;left:-200px;z-index:-1}.breadcrumb{display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--muted);margin-bottom:2rem}.breadcrumb a{color:var(--muted);text-decoration:none;transition:color .2s}.breadcrumb a:hover{color:var(--accent)}.breadcrumb-sep{color:#f0ede633}.breadcrumb .current{color:#f0ede699}.article-meta-top{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.article-cat{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;background:#c8f04a1a;color:var(--accent);padding:.4rem 1rem;border-radius:100px;border:1px solid rgba(200,240,74,.2)}.article-date,.article-readtime{font-size:.85rem;color:var(--muted)}.article-readtime{display:flex;align-items:center;gap:6px}.article-readtime:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--muted)}.article-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,4.5rem);line-height:1;letter-spacing:.015em;margin-bottom:1.5rem}.article-subtitle{font-family:var(--font-article);font-size:clamp(1.1rem,1.6vw,1.35rem);font-weight:300;line-height:1.6;color:#f0ede6a6;font-style:italic;margin-bottom:2.5rem;max-width:680px}.author-strip{display:flex;align-items:center;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.author-avatar{width:48px;height:48px;border-radius:50%;background:var(--bg2);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.1rem;color:var(--accent);letter-spacing:.04em}.author-info{flex:1}.author-name{font-size:.95rem;font-weight:500;color:var(--white);margin-bottom:2px}.author-bio{font-size:.8rem;color:#f0ede6bf}.author-actions{display:flex;gap:.5rem}.share-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:transparent;color:#f0ede6bf;font-size:.9rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;text-decoration:none}.share-btn:hover{color:var(--accent);border-color:#c8f04a4d;background:#c8f04a0d}.article-hero-image{max-width:1000px;margin:0 auto 4rem;padding:0 4%}.hero-image-frame{aspect-ratio:16/9;border-radius:20px;border:1px solid var(--border);overflow:hidden}.hero-photo{width:100%;height:100%;object-fit:cover;display:block}.article-layout{max-width:1200px;margin:0 auto;padding:0 4%;display:grid;grid-template-columns:220px 1fr;gap:4rem;align-items:start}.toc-sidebar{position:sticky;top:120px}.toc-label{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--border)}.toc-list{list-style:none;display:flex;flex-direction:column;gap:.25rem;padding:0}.toc-list a{font-size:.82rem;color:#f0ede6bf;text-decoration:none;padding:.5rem .75rem .5rem 1rem;border-radius:6px;transition:all .2s;display:block;line-height:1.4;border-left:2px solid transparent}.toc-list a:hover{color:var(--white);background:var(--bg2)}.toc-list a.active{color:var(--accent);border-left-color:var(--accent);background:#c8f04a0d}.article-body{font-family:var(--font-article);font-size:1.1rem;line-height:1.85;color:#f0ede6c7;font-weight:300;max-width:720px}.article-body p{margin-bottom:1.6rem}.article-body p:first-of-type:first-letter{font-family:var(--font-display);font-size:4.5rem;float:left;line-height:1;padding-right:12px;padding-top:8px;color:var(--accent)}.article-body h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.4rem);color:var(--white);letter-spacing:.02em;margin:3.5rem 0 1.25rem;line-height:1.05;padding-top:1rem;scroll-margin-top:120px}.article-body h2:before{content:"";display:block;width:32px;height:2px;background:var(--accent);margin-bottom:1rem}.article-body h3{font-family:var(--font-body);font-size:1.3rem;font-weight:500;color:var(--white);margin:2.5rem 0 1rem;line-height:1.3}.article-body strong{color:var(--white);font-weight:500}.article-body em{color:#f0ede6d9;font-style:italic}.article-body a{color:var(--accent);text-decoration:none;border-bottom:1px solid rgba(200,240,74,.3);transition:border-color .2s}.article-body a:hover{border-bottom-color:var(--accent)}.article-body ul,.article-body ol{margin:1.5rem 0 2rem 1.25rem}.article-body li{margin-bottom:.75rem;padding-left:.5rem}.article-body ul li::marker{color:var(--accent)}.article-body ol li::marker{color:var(--accent);font-weight:500}.article-body blockquote{font-family:var(--font-display);font-size:clamp(1.5rem,2.5vw,2.2rem);line-height:1.2;letter-spacing:.02em;color:var(--white);margin:3rem -1rem;padding:2rem 2rem 2rem 3rem;border-left:3px solid var(--accent);background:var(--bg2);border-radius:0 14px 14px 0;position:relative}.article-body blockquote:before{content:"“";font-family:var(--font-display);font-size:6rem;color:var(--accent);position:absolute;top:-.5rem;left:1rem;line-height:1;opacity:.4}.callout{background:var(--bg2);border:1px solid rgba(200,240,74,.2);border-left:3px solid var(--accent);border-radius:0 14px 14px 0;padding:1.5rem 1.75rem;margin:2rem 0;font-family:var(--font-body);font-size:.95rem;line-height:1.7;color:#f0ede6b3}.callout-label{font-family:var(--font-body);font-size:.7rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem;display:block}.tip-box{display:grid;grid-template-columns:40px 1fr;gap:1rem;align-items:start;padding:1.25rem 1.5rem;background:#c8f04a0d;border:1px solid rgba(200,240,74,.15);border-radius:12px;margin:2rem 0;font-family:var(--font-body);font-size:.9rem;line-height:1.6;color:#f0ede6b3}.tip-icon{width:32px;height:32px;border-radius:50%;background:#c8f04a26;display:flex;align-items:center;justify-content:center;color:var(--accent);font-weight:700}.article-tags{margin:4rem 0 2rem;padding-top:2rem;border-top:1px solid var(--border);display:flex;gap:.5rem;flex-wrap:wrap}.article-tag{font-size:.75rem;color:#f0ede6bf;background:var(--bg2);border:1px solid var(--border);padding:.35rem .9rem;border-radius:100px;transition:all .2s;cursor:pointer;text-decoration:none}.article-tag:hover{color:var(--accent);border-color:#c8f04a4d}.author-footer{background:var(--bg2);border:1px solid var(--border);border-radius:20px;padding:2.5rem;margin:3rem 0;display:grid;grid-template-columns:80px 1fr;gap:1.5rem;align-items:center}.author-footer-avatar{width:80px;height:80px;border-radius:50%;background:var(--bg);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-size:1.5rem;color:var(--accent);letter-spacing:.04em}.author-footer-label{font-size:.68rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.author-footer-name{font-family:var(--font-display);font-size:1.6rem;letter-spacing:.03em;margin-bottom:.5rem}.author-footer-bio{font-size:.9rem;color:#f0ede6bf;line-height:1.6;font-weight:300;margin-bottom:1rem}.author-footer-link{font-size:.85rem;color:var(--accent);text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:6px;transition:gap .2s}.author-footer-link:hover{gap:12px}.related-section{background:var(--bg2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);padding:6rem 4%;margin-top:4rem}.related-inner{max-width:1200px;margin:0 auto}.related-label{font-size:.7rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);margin-bottom:1rem;display:flex;align-items:center;gap:8px}.related-label:before{content:"";width:20px;height:1px;background:var(--accent)}.related-title{font-family:var(--font-display);font-size:clamp(2rem,4vw,3rem);line-height:1;letter-spacing:.02em;margin-bottom:3rem}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.related-card{background:var(--bg);border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:border-color .3s,transform .3s;cursor:pointer;text-decoration:none;color:inherit;display:flex;flex-direction:column}.related-card:hover{border-color:#c8f04a40;transform:translateY(-3px)}.related-image{aspect-ratio:16/10;overflow:hidden;border-bottom:1px solid var(--border)}.related-photo{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s ease}.related-card:hover .related-photo{transform:scale(1.04)}.related-content{padding:1.25rem;flex:1;display:flex;flex-direction:column}.related-meta{font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);margin-bottom:.5rem}.related-card-title{font-family:var(--font-display);font-size:1.15rem;line-height:1.15;letter-spacing:.02em;margin-bottom:.5rem;flex:1}.related-readtime{font-size:.75rem;color:var(--muted)}.article-cta{padding:6rem 4%;text-align:center;position:relative;overflow:hidden;background:var(--bg)}.cta-glow{position:absolute;inset:0;background:radial-gradient(ellipse 60% 80% at 50% 100%,rgba(200,240,74,.06) 0%,transparent 70%)}.cta-inner{position:relative;z-index:1;max-width:600px;margin:0 auto}.cta-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);line-height:1;letter-spacing:.02em;margin-bottom:1rem}.cta-sub{font-size:.95rem;color:#f0ede6bf;font-weight:300;line-height:1.7;margin-bottom:2rem}@media(max-width:1000px){.article-layout{grid-template-columns:1fr;gap:2rem}.toc-sidebar{position:static;padding-bottom:1rem;border-bottom:1px solid var(--border)}.toc-list{flex-direction:row;flex-wrap:wrap;gap:.5rem;overflow-x:auto;padding-bottom:.5rem}.toc-list a{padding:.35rem .8rem;border:1px solid var(--border);border-radius:100px;font-size:.75rem;border-left:1px solid var(--border)!important}.toc-list a.active{background:var(--accent);color:#0a0a0a;border-color:var(--accent)}}@media(max-width:900px){.related-grid{grid-template-columns:1fr}.author-footer{grid-template-columns:1fr;text-align:center;padding:2rem 1.5rem}.author-footer-avatar{margin:0 auto}.article-body blockquote{margin-left:0;margin-right:0}}@media(max-width:480px){.article-body{font-size:1rem}.article-body p:first-of-type:first-letter{font-size:3.5rem}.article-body blockquote{font-size:1.3rem;padding:1.5rem 1.25rem 1.5rem 2rem}}