/* site_v11.css - modern clean layout */
*{box-sizing:border-box}body{font-family:Inter,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:#f6fbff;color:#0f1724;margin:0}a{color:inherit}
header.site-header{background:linear-gradient(90deg,#03c9a9,#00bcd4);padding:22px}
header .wrap{max-width:1100px;margin:0 auto;display:flex;align-items:center;gap:20px}
a.brand{font-weight:700;color:#fff;font-size:20px;text-decoration:none}
form.search{margin-left:auto;display:flex;gap:8px}
form.search input{padding:10px 12px;border-radius:8px;border:0;min-width:380px}
form.search button{padding:10px 14px;border-radius:8px;border:0;background:#fff;color:#03a9a0;font-weight:600}
.wrap{max-width:1100px;margin:24px auto;padding:0 16px}
h2{color:#06202a}
.grid{display:flex;flex-wrap:wrap;gap:14px;margin-top:12px}
.card{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:20px;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(3,201,169,0.06);width:calc(25% - 14px);text-decoration:none;color:#06202a}
.card h3{margin:0;font-size:16px}
.article-wrap{background:#fff;padding:20px;border-radius:10px}
.article-content img, .article-content video{max-width:100%;display:block;margin:12px 0}
footer.site-footer{text-align:center;padding:24px;color:#7b8b92}
@media(max-width:900px){ .card{width:calc(50% - 14px)} form.search input{min-width:180px} }
@media(max-width:480px){ .card{width:100%} header.site-header{padding:14px} form.search{width:100%} form.search input{width:100%} }