*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6;color:#333;background-color:#f9f9f9}.container{max-width:800px;margin:0 auto;padding:0 20px}.header{background-color:#fff;border-bottom:1px solid #e5e5e5;padding:2rem 0;margin-bottom:3rem}.site-title{font-size:2rem;font-weight:700;color:#111;margin-bottom:.5rem}.site-title-link{text-decoration:none;color:inherit}.site-title-link:hover .site-title{color:#06c}.site-tagline{color:#666;font-size:1rem}.articles-grid{display:grid;gap:2rem;margin-bottom:4rem}.article-card{background-color:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:2rem;transition:box-shadow .2s ease}.article-card:hover{box-shadow:0 4px 12px #0000001a}.article-title{font-size:1.5rem;font-weight:600;margin-bottom:1rem;line-height:1.3}.article-title a{color:#111;text-decoration:none}.article-title a:hover{color:#06c}.article-excerpt{color:#555;margin-bottom:1rem;line-height:1.5}.read-more{display:inline-block;color:#06c;text-decoration:none;font-weight:500}.read-more:hover{text-decoration:underline}.article-page{background-color:#fff;border-radius:8px;padding:3rem 2.5rem;margin-bottom:3rem;box-shadow:0 1px 3px #0000000d}.article-h1{font-size:2.5rem;font-weight:700;line-height:1.2;margin-bottom:2rem;color:#111}.article-content{font-size:1.125rem;line-height:1.7;color:#333}.article-content h2{font-size:1.75rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem;color:#111;line-height:1.3}.article-content p{margin-bottom:1.5rem}.article-content p:last-child{margin-bottom:0}.article-footer{margin-top:3rem;padding-top:2rem;border-top:1px solid #e5e5e5}.back-link{color:#06c;text-decoration:none;font-weight:500}.back-link:hover{text-decoration:underline}.footer{background-color:#fff;border-top:1px solid #e5e5e5;padding:2rem 0;margin-top:4rem;text-align:center}.footer p{color:#666;font-size:.875rem}.loading,.error,.no-articles,.not-found{text-align:center;padding:3rem 1rem;color:#666}.error{color:#d32f2f}.not-found h1{font-size:2rem;margin-bottom:1rem;color:#111}.not-found p{margin-bottom:1.5rem;font-size:1.125rem}@media (max-width: 768px){.header{padding:1.5rem 0;margin-bottom:2rem}.site-title{font-size:1.5rem}.article-page{padding:2rem 1.5rem}.article-h1{font-size:1.875rem}.article-content{font-size:1rem}.article-content h2{font-size:1.5rem;margin-top:2rem}.article-title{font-size:1.25rem}.article-card{padding:1.5rem}}@media (max-width: 480px){.container{padding:0 15px}.article-h1{font-size:1.5rem}.article-content h2{font-size:1.25rem}}