*{box-sizing:border-box}
body{margin:0;padding:0;background:#f3faf4;color:#26302a;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}
header{background:#207a3e;color:#fff;padding:14px 12px}
.brand{color:#fff;font-size:22px;font-weight:bold;text-decoration:none}
.slogan{margin:4px 0 10px;font-size:13px;color:#d8f2e0}
header nav{display:flex;flex-wrap:wrap;gap:6px}
header nav a{color:#fff;background:rgba(255,255,255,0.18);text-decoration:none;font-size:13px;padding:5px 9px;border-radius:3px}
header nav a:active,header nav a:hover{background:rgba(255,255,255,0.32)}
main{max-width:640px;margin:0 auto;padding:6px 12px 20px}
section{padding:16px 0;border-bottom:1px solid #dcefdf}
section:last-child{border-bottom:none}
h2{font-size:19px;color:#166030;margin:0 0 10px}
h3{font-size:16px;color:#207a3e;margin:0 0 8px}
.lead{margin:0 0 10px;color:#597461;font-size:14px}
ul.cards{list-style:none;margin:0;padding:0}
ul.cards li{background:#fff;border:1px solid #dcefdf;border-radius:4px;padding:10px 12px;margin-bottom:8px;font-size:15px}
.sport-block{margin-bottom:16px}
.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px}
.video-card{display:block;background:#fff;border:1px solid #dcefdf;border-radius:4px;overflow:hidden;text-decoration:none;color:#26302a}
.video-card img{width:100%;display:block}
.video-title{margin:0;padding:8px 8px 2px;font-size:13px;font-weight:bold;color:#166030}
.video-desc{margin:0;padding:0 8px 8px;font-size:12px;color:#597461}
footer{background:#1a2a20;color:#c6d6cb;text-align:center;padding:18px 12px;font-size:13px}
footer .fine{color:#7d8f83;font-size:12px;margin-top:6px}
a{color:#207a3e}
