.articles-page{max-width:900px;margin:0 auto;padding:40px 20px}.articles-header{text-align:center;margin-bottom:48px}.articles-header h1{font-size:2.2rem;font-weight:700;color:var(--text-color, #fff);margin:0 0 12px}.articles-subtitle{font-size:1.1rem;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0}.articles-grid{display:flex;flex-direction:column;gap:20px}.articles-topics-section{margin-top:48px;padding:24px;background:var(--panel-color, rgba(255, 255, 255, .04));border:1px solid var(--btn-secondary, rgba(255, 255, 255, .07));border-radius:10px}.articles-topics-section h2{margin:0 0 12px;font-size:1.2rem;color:var(--text-color, #fff)}.articles-topics-section p{margin:0 0 12px;opacity:.85;line-height:1.7}.articles-topics-section ul{margin:0;padding-left:20px;opacity:.85;line-height:1.9}.article-card{display:block;text-decoration:none;background:var(--card-bg, rgba(255, 255, 255, .05));border:1px solid var(--border-color, rgba(255, 255, 255, .1));border-radius:12px;padding:28px;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.article-card:hover{transform:translateY(-2px);border-color:var(--accent-color, #4a9eff);box-shadow:0 4px 20px #0003}.article-card-content{display:flex;flex-direction:column;gap:12px}.article-card-tags{display:flex;gap:8px;flex-wrap:wrap}.article-tag{display:inline-block;padding:3px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;background:var(--accent-color, #4a9eff);color:#fff;opacity:.85}.article-card-title{font-size:1.4rem;font-weight:700;color:var(--text-color, #fff);margin:0;line-height:1.3}.article-card-subtitle{font-size:.95rem;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0;line-height:1.5}.article-card-meta{display:flex;align-items:center;gap:8px;font-size:.85rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.meta-separator{opacity:.5}.article-detail-page{max-width:760px;margin:0 auto;padding:30px 20px 60px}.article-detail-nav{margin-bottom:30px;text-align:center}.back-to-articles{display:inline-block;color:var(--accent-color, #4a9eff);text-decoration:none;font-size:.95rem;font-weight:500;transition:opacity .2s ease}.back-to-articles:hover{opacity:.8}.article-detail-header{margin-bottom:40px;padding-bottom:30px;border-bottom:1px solid var(--border-color, rgba(255, 255, 255, .1))}.article-detail-tags{display:flex;gap:8px;margin-bottom:16px;flex-wrap:wrap}.article-detail-header h1{font-size:2rem;font-weight:700;color:var(--text-color, #fff);margin:0 0 12px;line-height:1.25}.article-detail-subtitle{font-size:1.15rem;color:var(--text-secondary, rgba(255, 255, 255, .6));margin:0 0 16px;line-height:1.5}.article-detail-meta{display:flex;align-items:center;gap:8px;font-size:.9rem;color:var(--text-secondary, rgba(255, 255, 255, .5))}.article-detail-body{line-height:1.8;color:var(--text-color, rgba(255, 255, 255, .9))}.article-section{margin-bottom:32px}.article-section h2{font-size:1.4rem;font-weight:600;color:var(--text-color, #fff);margin:0 0 16px}.article-section p{font-size:1.02rem;margin:0 0 16px;color:var(--text-color, rgba(255, 255, 255, .85))}.article-section p:last-child{margin-bottom:0}.article-further-reading{max-width:760px;margin:48px auto 0;padding:24px;background:var(--panel-color, rgba(255, 255, 255, .04));border:1px solid var(--btn-secondary, rgba(255, 255, 255, .07));border-radius:10px}.article-further-reading h3{font-size:1em;margin:0 0 12px;opacity:.7;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.article-further-reading ul{margin:0;padding-left:20px;line-height:1.9;opacity:.85}.article-further-reading a{color:var(--accent-color, #4a9eff);text-decoration:none}.article-further-reading a:hover{text-decoration:underline}.article-related{max-width:760px;margin:60px auto 0;padding-top:40px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}.article-related h3{font-size:1.1em;margin-bottom:16px;opacity:.7;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.article-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.article-related-card{display:flex;flex-direction:column;gap:8px;padding:16px;background:var(--panel-color);border:1px solid var(--btn-secondary);border-radius:8px;text-decoration:none;color:var(--text-color);transition:border-color .2s}.article-related-card:hover{border-color:var(--accent-color)}.article-related-card .article-card-title{font-size:.95em;font-weight:600;margin:0;line-height:1.4}.article-related-card .article-card-subtitle{font-size:.82em;opacity:.6;margin:0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.article-related-card .article-card-meta{font-size:.78em;opacity:.5;margin-top:auto}@media(max-width:640px){.article-related-grid{grid-template-columns:1fr}}.article-detail-footer{margin-top:50px;padding-top:30px;border-top:1px solid var(--border-color, rgba(255, 255, 255, .1))}@media(max-width:600px){.articles-page{padding:20px 16px}.articles-header h1{font-size:1.6rem}.article-card{padding:20px}.article-card-title{font-size:1.15rem}.article-detail-page{padding:20px 16px 40px}.article-detail-header h1{font-size:1.5rem}.article-section h2{font-size:1.2rem}}