.article-progress-bar{position:fixed;top:0;left:0;height:3px;background:var(--color-teal-primary);z-index:1000;transition:width 50ms linear}.article-body{max-width:720px;margin:0 auto;font-family:var(--font-primary);font-size:var(--font-size-body);line-height:var(--line-height-body);direction:rtl;text-align:right}.article-body,.article-body h2{color:var(--color-text-primary)}.article-body h2{font-size:var(--font-size-heading);font-weight:var(--font-weight-heading);line-height:var(--line-height-heading);margin:2rem 0 1rem;padding-right:12px;border-right:4px solid var(--color-teal-primary)}.article-body h3{font-size:var(--font-size-subheading);font-weight:var(--font-weight-subheading);color:var(--color-text-primary);margin:1.5rem 0 .75rem}.article-body p{margin:0 0 1rem}.article-body ol,.article-body ul{margin:0 0 1rem;padding-right:1.5rem;padding-left:0}.article-body li{margin-bottom:.5rem}.article-body a{color:var(--color-teal-primary);text-decoration:underline}.article-body a:hover{color:var(--color-teal-light)}.article-body img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:1rem 0;display:block}.article-body blockquote{font-size:calc(17px * var(--a11y-text-scale, 1));font-style:italic;color:var(--color-text-secondary);border-right:4px solid var(--color-teal-primary);border-left:none;margin:1.5rem 0;padding:.75rem 1rem .75rem 0}.article-body .callout{background:var(--color-teal-surface)}.article-body .callout,.article-body .callout-accent{border-radius:var(--radius-md);padding:1rem 1.25rem;margin:1.5rem 0}.article-body .callout-accent{background:var(--color-accent-surface)}.article-body strong{font-weight:600}.share-buttons{display:flex;gap:var(--spacing-sm);align-items:center;flex-wrap:wrap}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:var(--radius-sm);border:.5px solid var(--color-border-tertiary);background:var(--color-background-primary);cursor:pointer;transition:background .15s ease,border-color .15s ease;color:var(--color-text-secondary);flex-shrink:0}.share-btn:hover{background:var(--color-background-secondary);border-color:var(--color-border-secondary)}.share-btn.bookmark-active{color:var(--color-teal-text);border-color:var(--color-teal-text);background:var(--color-teal-surface)}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-xl)}.finish-reading-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-lg)}.article-cover-frame{position:relative;width:100%;aspect-ratio:var(--hero-aspect-d,3.96);overflow:hidden}.article-cover{-o-object-fit:cover;object-fit:cover;-o-object-position:var(--focal-d,50% 50%);object-position:var(--focal-d,50% 50%);transform:scale(var(--cover-zoom-d,1));transform-origin:var(--focal-d,50% 50%)}.article-hero-outer{max-width:1200px;margin:0 auto;padding:0 var(--container-px)}.article-cover-placeholder{width:100%;height:240px;background:var(--color-teal-surface);display:flex;align-items:center;justify-content:center;border-radius:0 0 var(--radius-lg) var(--radius-lg);font-size:calc(48px * var(--a11y-text-scale, 1));opacity:.5}@media (max-width:1024px){.related-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.finish-reading-cards,.related-grid{grid-template-columns:1fr}.article-cover-frame{aspect-ratio:var(--hero-aspect-m,1.82)}.article-hero-outer{max-width:none;padding:0}.article-cover{-o-object-position:var(--focal-m,50% 50%);object-position:var(--focal-m,50% 50%);transform:scale(var(--cover-zoom-m,1));transform-origin:var(--focal-m,50% 50%)}.article-hero-side-fade{display:none}.article-cover-placeholder{height:180px}}