.topic-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;margin-bottom:48px}.topic-card{display:block;padding:20px 24px;border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);text-decoration:none;transition:transform .2s ease,border-color .2s ease}.topic-card:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.18)}.topic-card h3{margin:0 0 4px;font-size:16px;color:var(--ink);font-weight:600}.topic-card p{margin:0;font-size:14px;color:var(--muted);line-height:1.4}.article-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:24px}.article-card{display:flex;flex-direction:column;padding:28px;background:var(--card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);text-decoration:none;color:inherit;transition:transform .2s ease,background .2s ease}.article-card:hover{transform:translateY(-2px);background:var(--card-hover)}.article-card h2{font-family:var(--font-display);font-size:20px;font-weight:700;margin:0 0 10px;color:var(--ink);line-height:1.3}.article-card p{margin:0 0 16px;color:var(--muted);font-size:15px;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1}.article-card-meta{display:flex;align-items:center;gap:12px;font-size:13px;color:var(--muted-dim)}.article-card-topic{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px}.article-card .read-more{font-size:14px;font-weight:600;color:var(--purple)}.article-card .read-more:after{content:" →";transition:transform .2s ease}@media (max-width:720px){.article-grid{grid-template-columns:1fr}.topic-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.topic-grid{grid-template-columns:1fr}}.article-title-link{color:var(--ink);text-decoration:none;transition:color .2s}.article-title-link:hover{color:var(--purple)}.article-content{font-size:17px;line-height:1.7;color:var(--ink)}.article-content h2{font-size:28px;font-weight:700;margin:40px 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08)}.article-content h2,.article-content h3{font-family:var(--font-display);color:var(--ink)}.article-content h3{font-size:22px;font-weight:600;margin:32px 0 12px}.article-content h4{font-family:var(--font-display);font-size:18px;font-weight:600;color:var(--ink);margin:24px 0 8px}.article-content h5{font-size:16px;font-weight:500;color:var(--muted);margin:20px 0 8px}.article-content h6{font-size:14px;font-weight:500;color:var(--muted);margin:16px 0 4px}.article-content p{margin:0 0 16px;color:var(--ink)}.article-content ul{margin:16px 0;padding-left:24px;list-style-type:disc}.article-content ol{margin:16px 0;padding-left:24px;list-style-type:decimal}.article-content li{margin-bottom:8px;color:var(--ink)}.article-content strong{font-weight:600;color:var(--ink)}.article-content em{font-style:italic}.article-content a{color:var(--purple);text-decoration:underline;font-weight:500;transition:color .2s}.article-content a:hover{color:var(--blue)}.article-content blockquote{border-left:4px solid var(--purple);padding-left:20px;margin:24px 0;font-style:italic;color:var(--muted)}.article-content code{background:var(--bg-elevated);padding:2px 6px;border-radius:4px;font-size:14px;color:var(--purple)}.article-content pre{background:var(--bg-elevated);padding:16px;border-radius:var(--radius-md);overflow-x:auto;margin:24px 0}.article-content pre code{background:transparent;padding:0;color:var(--ink)}.article-content hr{border:none;border-top:1px solid rgba(255,255,255,.08);margin:32px 0}.article-content table{width:100%;margin:24px 0;border-collapse:collapse}.article-content th{border:1px solid rgba(255,255,255,.15);padding:12px 16px;background:var(--bg-elevated);font-weight:600;text-align:left;color:var(--ink)}.article-content td{border:1px solid rgba(255,255,255,.1);padding:12px 16px;color:var(--ink)}.article-content tr:hover td{background:rgba(255,255,255,.02)}