.reading-progress{background:linear-gradient(90deg,var(--color-orange),var(--color-gold));width:0%;height:3px;z-index:calc(var(--z-nav) + 1);transition:width .1s linear;position:fixed;top:0;left:0}[data-theme=light] .reading-progress{background:linear-gradient(90deg,var(--brand-orange),var(--brand-gold))}.article-header{padding:calc(var(--space-xl) + 72px)0 var(--space-2xl);position:relative;overflow:hidden}.article-header__bg{z-index:var(--z-behind);position:absolute;inset:0}.article-header__shape{filter:blur(120px);opacity:.15;border-radius:50%;position:absolute}.article-header__shape--1{background:var(--color-gold);width:600px;height:600px;top:-20%;right:0}.article-header__shape--2{background:var(--color-orange);width:500px;height:500px;bottom:-30%;left:-10%}.article-header__container{max-width:900px;margin:0 auto}.article-header__back{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-md);transition:color var(--transition-fast);display:inline-flex}.article-header__back svg{width:20px;height:20px}.article-header__back:hover{color:var(--color-accent)}.article-header__meta{align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);flex-wrap:wrap;display:flex}.article-header__category{padding:var(--space-xs)var(--space-sm);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-dark);background:var(--color-gold);border-radius:var(--radius-full);font-weight:600}[data-theme=light] .article-header__category{background:var(--brand-orange);color:#fefefe}.article-header__date,.article-header__read-time{font-size:var(--text-sm);color:var(--color-text-muted)}.article-header__date:after{content:"•";margin-left:var(--space-md);opacity:.5}.article-header__title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text-primary);margin-top:0;margin-bottom:var(--space-sm);font-weight:500;line-height:1.2}.article-header__title em{color:var(--color-gold)}[data-theme=light] .article-header__title em{color:var(--brand-orange)}.article-header__excerpt{font-size:var(--text-xl);color:var(--color-text-secondary);margin-top:0;margin-bottom:var(--space-md);line-height:1.6}.article-header__author{align-items:center;gap:var(--space-md);display:flex}.author-avatar{width:56px;height:56px;font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-dark);background:linear-gradient(135deg,var(--color-gold),var(--color-cream));border-radius:50%;justify-content:center;align-items:center;font-weight:600;display:flex}[data-theme=light] .author-avatar{background:linear-gradient(135deg,var(--brand-orange),var(--brand-gold));color:#fefefe}.author-info{flex-direction:column;display:flex}.author-name{color:var(--color-text-primary);font-weight:600}.author-role{font-size:var(--text-sm);color:var(--color-text-muted)}.article-hero-image{padding:var(--space-xl)0 var(--space-xl)}.article-hero-image .container{max-width:800px;padding:0 var(--container-padding);margin:0 auto}.article-image-wrapper{border-radius:var(--radius-lg);background:var(--color-dark-light,#1a0e06);aspect-ratio:16/9;width:100%;line-height:0;position:relative;overflow:hidden}.article-image{object-fit:cover;object-position:center center;width:100%;height:100%;display:block;position:absolute;inset:0}.article-image-overlay{pointer-events:none;background:linear-gradient(#0000 60%,#20120a4d 100%);position:absolute;inset:0}.article-content{padding:var(--space-lg)0 var(--space-2xl)}.article-layout{gap:var(--space-xl);grid-template-columns:200px 1fr;max-width:1000px;margin:0 auto;display:grid}.article-sidebar{position:relative}.sidebar-sticky{gap:var(--space-xl);flex-direction:column;display:flex;position:sticky;top:100px}.share-section__title,.toc-section__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.15em;color:var(--color-text-muted);margin-bottom:var(--space-md);font-weight:600}.share-buttons{gap:var(--space-sm);flex-direction:column;display:flex}.share-btn{border:1px solid var(--color-border);width:44px;height:44px;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-base);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.share-btn svg{width:18px;height:18px}.share-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:var(--color-dark);transform:scale(1.1)}[data-theme=light] .share-btn{background:#20120a0d}[data-theme=light] .share-btn:hover{background:var(--brand-orange);border-color:var(--brand-orange);color:#fefefe}.share-btn--copy.is-copied{color:#fefefe!important;background:#2d7a3e!important;border-color:#2d7a3e!important}.toc-nav{gap:var(--space-sm);flex-direction:column;display:flex}.toc-link{font-size:var(--text-sm);color:var(--color-text-muted);padding-left:var(--space-sm);transition:all var(--transition-fast);border-left:2px solid #0000;line-height:1.4}.toc-link:hover,.toc-link.is-active{color:var(--color-text-primary);border-color:var(--color-accent)}.article-body{max-width:680px}.article-lead{font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-xl);font-weight:400;line-height:1.7}.article-body h2{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-sm);scroll-margin-top:100px;font-weight:500}.article-body h3{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-primary);margin-top:var(--space-xl);margin-bottom:var(--space-sm);font-weight:500}.article-body p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.8}.article-body a{color:var(--color-accent);text-underline-offset:3px;text-decoration:underline}.article-body a:hover{color:var(--color-cream)}[data-theme=light] .article-body a:hover{color:var(--brand-orange)}.article-quote{margin:var(--space-2xl)0;padding:var(--space-xl);padding-left:var(--space-2xl);border-left:4px solid var(--color-gold);border-radius:0 var(--radius-lg)var(--radius-lg)0;background:#f4bc6214;position:relative}[data-theme=light] .article-quote{border-color:var(--brand-orange);background:#c43c160d}.article-quote p{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-style:italic}.article-quote cite{font-size:var(--text-sm);color:var(--color-text-muted);font-style:normal}.article-list{margin:var(--space-lg)0;padding-left:var(--space-lg)}.article-list li{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-sm);line-height:1.8;position:relative}.article-list li::marker{color:var(--color-accent)}.article-figure{margin:var(--space-2xl)0}.article-figure img{border-radius:var(--radius-lg);width:100%}.article-figure figcaption{font-size:var(--text-sm);color:var(--color-text-muted);text-align:center;margin-top:var(--space-sm)}.article-callout{gap:var(--space-md);margin:var(--space-2xl)0;padding:var(--space-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#ffffff0d;display:flex}[data-theme=light] .article-callout{box-shadow:var(--shadow-md);background:#fff}.callout-icon{width:40px;height:40px;color:var(--color-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.callout-icon svg{width:24px;height:24px}.callout-content h4{font-size:var(--text-base);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:600}.callout-content p{font-size:var(--text-base);margin-bottom:0}.article-tags{align-items:center;gap:var(--space-sm);margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border);flex-wrap:wrap;display:flex}.article-tags__label{font-size:var(--text-sm);color:var(--color-text-muted)}.article-tag{padding:var(--space-xs)var(--space-sm);font-size:var(--text-xs);color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-full);transition:all var(--transition-fast);background:#ffffff0d;text-decoration:none}.article-tag:hover{color:var(--color-text-primary);border-color:var(--color-accent);background:#f4bc621a}[data-theme=light] .article-tag{background:#20120a0d}[data-theme=light] .article-tag:hover{border-color:var(--brand-orange);background:#c43c1614}.author-bio{padding:var(--space-lg)0}.author-bio__card{gap:var(--space-xl);max-width:800px;padding:var(--space-xl);border:1px solid var(--color-border);border-radius:var(--radius-xl);background:#ffffff08;margin:0 auto;display:flex}[data-theme=light] .author-bio__card{box-shadow:var(--shadow-md);background:#fff}.author-bio__avatar{width:80px;height:80px;font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-dark);background:linear-gradient(135deg,var(--color-gold),var(--color-cream));border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-weight:600;display:flex}[data-theme=light] .author-bio__avatar{background:linear-gradient(135deg,var(--brand-orange),var(--brand-gold));color:#fefefe}.author-bio__name{font-family:var(--font-serif);font-size:var(--text-xl);color:var(--color-text-primary);margin-bottom:var(--space-xs);font-weight:500}.author-bio__role{font-size:var(--text-sm);color:var(--color-accent);margin-bottom:var(--space-md)}.author-bio__description{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.7}.author-bio__social{gap:var(--space-sm);display:flex}.author-social-link{width:36px;height:36px;color:var(--color-text-muted);transition:all var(--transition-base);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex}.author-social-link svg{width:16px;height:16px}.author-social-link:hover{color:var(--color-dark);background:var(--color-accent)}[data-theme=light] .author-social-link:hover{color:#fefefe;background:var(--brand-orange)}.related-posts{padding:var(--space-xl)0;background:#ffffff05}[data-theme=light] .related-posts{background:#20120a05}.related-posts__title{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--color-text-primary);text-align:center;margin-bottom:var(--space-2xl);font-weight:500}.related-posts__grid{gap:var(--space-xl);grid-template-columns:repeat(3,1fr);display:grid}.related-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-base);background:#ffffff08;overflow:hidden}[data-theme=light] .related-card{box-shadow:var(--shadow-sm);background:#fff}.related-card:hover{border-color:var(--color-accent);transform:translateY(-5px)}.related-card__link{display:block}.related-card__image{aspect-ratio:16/10;overflow:hidden}.related-card__image img{object-fit:cover;width:100%;height:100%;transition:transform var(--transition-slow)}.related-card:hover .related-card__image img{transform:scale(1.1)}.related-card__content{padding:var(--space-lg)}.related-card__category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent);font-weight:600}.related-card__title{font-family:var(--font-serif);font-size:var(--text-lg);color:var(--color-text-primary);margin:var(--space-sm)0;font-weight:500;line-height:1.4}.related-card__date{font-size:var(--text-xs);color:var(--color-text-muted)}.article-cta{padding:var(--space-xl)0}.article-cta__card{max-width:800px;padding:var(--space-2xl);text-align:center;border-radius:var(--radius-xl);background:linear-gradient(135deg,#f4bc6226 0%,#c43c161a 100%);border:1px solid #f4bc6233;margin:0 auto}[data-theme=light] .article-cta__card{background:linear-gradient(135deg,#c43c161a 0%,#f4bc6214 100%);border-color:#c43c1633}.article-cta__title{font-family:var(--font-serif);font-size:var(--text-3xl);color:var(--color-text-primary);margin-bottom:var(--space-sm);font-weight:500}.article-cta__text{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-xl)}@media (max-width:1024px){.article-layout{grid-template-columns:1fr}.article-sidebar{order:1}.sidebar-sticky{padding-bottom:var(--space-xl);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-xl);flex-direction:row;justify-content:space-between;position:static}.share-buttons{flex-direction:row}.toc-section{display:none}.related-posts__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.article-header__title{font-size:var(--text-4xl)}.article-header__meta{gap:var(--space-sm)}.article-header__date:after{display:none}.author-bio__card{text-align:center;flex-direction:column;align-items:center}.related-posts__grid{grid-template-columns:1fr}}@media (max-width:480px){.article-header__title{font-size:var(--text-3xl)}.article-body h2{font-size:var(--text-xl)}.article-quote{padding:var(--space-md);padding-left:var(--space-lg)}.article-quote p{font-size:var(--text-lg)}}
