.article-page{padding:var(--space-8)0 var(--space-16)}.article-header{text-align:center;margin-bottom:var(--space-10)}.article-category{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--brand-primary);background:var(--color-primary-50);padding:var(--space-1)var(--space-4);border-radius:var(--radius-full);margin-bottom:var(--space-4);font-weight:700;display:inline-block}.article-header h1{font-family:var(--font-display);color:var(--text-primary);margin-bottom:var(--space-4);font-size:clamp(1.6rem,4vw,2.5rem);line-height:1.25}.article-meta{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.article-hero{margin-bottom:var(--space-10);border-radius:var(--radius-2xl);overflow:hidden}.article-hero__img{object-fit:cover;width:100%;height:auto;display:block}.article-content{font-size:var(--text-base);line-height:var(--leading-relaxed);color:var(--text-secondary)}.article-content h2{font-family:var(--font-display);font-size:var(--text-2xl);color:var(--text-primary);margin:var(--space-10)0 var(--space-4)}.article-content h3{font-family:var(--font-display);font-size:var(--text-xl);color:var(--text-primary);margin:var(--space-8)0 var(--space-3)}.article-content p{margin-bottom:var(--space-4)}.article-content ul{margin:var(--space-3)0 var(--space-6);padding-left:var(--space-6)}.article-content li{margin-bottom:var(--space-2)}.article-content a{color:var(--brand-primary);text-underline-offset:3px;text-decoration:underline}.article-content a:hover{color:var(--color-primary-700)}.article-content strong{color:var(--text-primary);font-weight:600}.article-author-box{justify-content:space-between;align-items:center;gap:var(--space-6);background:var(--color-primary-50);padding:var(--space-6)var(--space-8);border-radius:var(--radius-2xl);margin-top:var(--space-12);border-left:4px solid var(--brand-primary);display:flex}.article-author-box h4{font-family:var(--font-display);font-size:var(--text-lg);color:var(--text-primary);margin-bottom:var(--space-1)}.article-author-box p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.article-related{margin-top:var(--space-16)}.article-related h3{font-family:var(--font-display);font-size:var(--text-xl);margin-bottom:var(--space-6)}.article-related__grid{gap:var(--space-6);grid-template-columns:repeat(3,1fr);display:grid}.article-related__card{padding:var(--space-6);background:var(--color-white);border:1px solid var(--border-light);border-radius:var(--radius-2xl);transition:transform var(--duration-normal)var(--ease-spring);text-decoration:none;display:block}.article-related__card:hover{transform:translateY(-4px)}.article-related__card h4{font-size:var(--text-sm);color:var(--text-primary);margin-bottom:var(--space-2);font-weight:600}.article-related__card p{font-size:var(--text-xs);color:var(--text-secondary);line-height:var(--leading-relaxed);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;display:-webkit-box;overflow:hidden}@media (max-width:768px){.article-related__grid{grid-template-columns:1fr}.article-author-box{text-align:center;flex-direction:column}}.article-toc{background:var(--color-primary-50);border-left:4px solid var(--brand-primary);border-radius:var(--radius-lg);padding:var(--space-5)var(--space-6);margin-bottom:var(--space-8)}.article-toc__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.1em;color:var(--brand-primary);margin:0 0 var(--space-3);font-weight:700}.article-toc ol{padding-left:var(--space-5);gap:var(--space-2);margin:0;display:grid}.article-toc li{font-size:var(--text-sm);color:var(--text-secondary)}.article-toc a{color:var(--text-primary);text-decoration:none}.article-toc a:hover{color:var(--brand-primary);text-decoration:underline}.article-content h2{scroll-margin-top:96px}.article-content .article-inline-cta{justify-content:space-between;align-items:center;gap:var(--space-3)var(--space-4);margin:var(--space-6)0;padding:var(--space-4)var(--space-5);border:1px dashed var(--color-primary-200);border-radius:var(--radius-lg);font-size:var(--text-sm);color:var(--text-secondary);flex-wrap:wrap;display:flex}.article-content .article-inline-cta a.btn{flex-shrink:0;min-height:44px;text-decoration:none}.article-content .article-inline-cta a.btn:hover{color:var(--brand-primary)}.article-author-box h4 a{color:inherit;text-decoration:none}.article-author-box h4 a:hover,.article-author-box p a{color:var(--brand-primary)}.article-author-box p a{text-underline-offset:3px;text-decoration:underline}@media (max-width:768px){.article-content .article-inline-cta{text-align:center;flex-direction:column;align-items:stretch}}.article-content .yt-lite{background:var(--color-gray-800);border-radius:12px;width:100%;text-decoration:none;display:block;position:relative;overflow:hidden}.article-content .yt-lite--vertical,.article-content .yt-lite-frame.yt-lite--vertical{aspect-ratio:9/16}.article-content .yt-lite--wide,.article-content .yt-lite-frame.yt-lite--wide{aspect-ratio:16/9}.article-content .yt-lite img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.article-content .yt-lite__play{width:68px;height:68px;transition:transform var(--duration-normal)var(--ease-spring);background:#2e4741e0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 4px 16px #00000040}.article-content .yt-lite__play:after{content:"";border-style:solid;border-width:12px 0 12px 20px;border-color:transparent transparent transparent var(--color-white);position:absolute;top:50%;left:50%;transform:translate(-35%,-50%)}.article-content .yt-lite:hover .yt-lite__play,.article-content .yt-lite:focus-visible .yt-lite__play{transform:translate(-50%,-50%)scale(1.08)}.article-content .yt-lite-frame{border:0;border-radius:12px;width:100%;height:auto;display:block}