.blog-article{--text-primary: #F6F7F2;--text-secondary: #c8cac3;--text-light: #8a8d84;--accent: #C0F20C;--accent-hover: #d4ff3a;--bg-surface: #262424;--bg-elevated: #2f2d2d;--border: #3a3838;--font-heading: "AvenirNLPBold", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-body: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, sans-serif}.blog-article article{max-width:760px;margin:0 auto;padding:3rem 1.5rem 4rem;font-family:var(--font-body);color:var(--text-primary);line-height:1.75;font-size:18px}.blog-article .article-meta{margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:1px solid var(--border)}.blog-article .article-meta h1{font-family:var(--font-heading);font-size:2.5rem;line-height:1.2;font-weight:700;color:var(--text-primary);margin-bottom:1rem;letter-spacing:-.02em}.blog-article .subtitle{font-size:1.15rem;color:var(--text-secondary);margin-bottom:1.5rem;line-height:1.6}.blog-article .author-block{display:flex;align-items:center;gap:.75rem}.blog-article .author-avatar{width:48px;height:48px;border-radius:50%;background:var(--accent);color:#191a16;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem;font-family:var(--font-heading)}.blog-article .author-info{font-size:.95rem}.blog-article .author-info .name{font-weight:600;color:var(--text-primary)}.blog-article .author-info .role{color:var(--text-light)}.blog-article article p{margin-bottom:1.5rem;color:var(--text-secondary)}.blog-article article h2{font-family:var(--font-heading);font-size:1.6rem;font-weight:700;color:var(--text-primary);margin-top:3rem;margin-bottom:1rem;letter-spacing:-.01em}.blog-article article h3{font-family:var(--font-heading);font-size:1.25rem;font-weight:600;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.blog-article .coach-note{background:var(--bg-surface);border-left:4px solid var(--accent);padding:1.25rem 1.5rem;margin:2rem 0;border-radius:0 8px 8px 0}.blog-article .coach-note p{margin-bottom:0;font-style:italic;color:var(--text-secondary)}.blog-article .coach-note strong{font-style:normal;color:var(--accent)}.blog-article .key-stat{text-align:center;padding:2.5rem 1.5rem;margin:2.5rem 0;background:var(--bg-surface);border-radius:16px;border:1px solid var(--border)}.blog-article .key-stat .number{font-family:var(--font-heading);font-size:3.5rem;font-weight:700;color:var(--accent);line-height:1}.blog-article .key-stat .label{font-size:1rem;color:var(--text-light);margin-top:.5rem}.blog-article .toc{background:var(--bg-surface);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2.5rem;border:1px solid var(--border)}.blog-article .toc h2{font-family:var(--font-heading);font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text-light);margin-top:0;margin-bottom:.75rem}.blog-article .toc ol{padding-left:1.25rem}.blog-article .toc li{margin-bottom:.4rem;color:var(--text-secondary)}.blog-article .toc a{color:var(--accent);text-decoration:none;transition:color .15s ease}.blog-article .toc a:hover{color:var(--accent-hover);text-decoration:underline}.blog-article .faq-section{margin-top:3rem}.blog-article .faq-item{border-bottom:1px solid var(--border);padding:1.5rem 0}.blog-article .faq-item:last-child{border-bottom:none}.blog-article .faq-item h3{font-family:var(--font-heading);margin-top:0;font-size:1.15rem;color:var(--text-primary)}.blog-article .faq-item p{margin-bottom:0;font-size:1rem}.blog-article article a{color:var(--accent);text-decoration:none;transition:color .15s ease}.blog-article article a:hover{color:var(--accent-hover);text-decoration:underline}.blog-article .hero-image{margin:0 0 2.5rem;border-radius:16px;overflow:hidden;position:relative}.blog-article .hero-image img{width:100%;height:420px;-o-object-fit:cover;object-fit:cover;-o-object-position:center 30%;object-position:center 30%;display:block}.blog-article .hero-image .photo-credit{position:absolute;bottom:0;right:0;padding:.4rem .75rem;background:#191a16b3;color:var(--text-light);font-size:.75rem;border-radius:8px 0 0}.blog-article .hero-image .photo-credit a{color:var(--text-light)}.blog-article .hero-image .photo-credit a:hover{color:var(--accent)}@media (max-width: 640px){.blog-article .article-meta h1{font-size:1.85rem}.blog-article article{padding:2rem 1rem 3rem}.blog-article .key-stat .number{font-size:2.5rem}.blog-article .hero-image img{height:280px}}