*{box-sizing:border-box}.hero{text-align:center;margin-bottom:2rem}.hero h1{font-size:2rem}.content{max-width:100%}.articles-grid{display:grid;gap:1.5rem}.article-card{padding:1.5rem;border:1px solid var(--border);border-radius:12px;margin-bottom:1.5rem}.article-card .date{font-size:.9rem;color:var(--muted)}.article-card .title{display:block;margin:.75rem 0;text-decoration:none}.article-card .title h2{font-size:1.5rem;margin:0;color:var(--link)}.article-card .description{color:var(--foreground);line-height:1.6;font-size:1rem;margin-top:.75rem}.article-card .tags{display:flex;gap:.5rem;margin-top:1rem;flex-wrap:wrap;align-items:center}.article-card .tag{font-size:.85rem;padding:.35rem .6rem;background:var(--highlight);border-radius:4px;color:var(--link)}.article-card .tag+.tag::before{content:"|";margin-right:.5rem;color:var(--muted)}@media(min-width:768px){.hero h1{font-size:2.5rem}.content{max-width:700px;margin:0 auto}.articles-grid{gap:2rem}.article-card{padding:2rem;margin-bottom:0}.article-card .date{font-size:1.25rem}.article-card .title h2{font-size:2.5rem}.article-card .description{font-size:2rem}.article-card .tag{font-size:1rem;padding:.5rem .75rem}.article-card .tag+.tag::before{margin-right:.5rem}}