:root{font:14px system-ui,'Microsoft YaHei',sans-serif;color:#243e33;background:#f5f7f6}*{box-sizing:border-box}body{margin:0}main{max-width:700px;margin:80px auto;padding:0 24px}nav{display:flex;gap:6px;background:#e9eeeb;border-radius:10px;padding:5px;margin-bottom:24px}button{flex:1;border:0;border-radius:7px;background:transparent;padding:12px;color:#738078;font:inherit;cursor:pointer}button[aria-pressed=true]{background:white;color:#265b40;box-shadow:0 1px 5px #223b3210}section{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 0;border-bottom:1px solid #e2e8e4}h2{font-size:16px;font-weight:500;margin:0}.downloads{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}a{display:inline-block;background:#286447;color:white;text-decoration:none;padding:9px 16px;border-radius:7px;font-size:13px}a:hover{background:#1d4f37}.empty{padding:40px 0;text-align:center;color:#8a958e}@media(max-width:480px){main{margin:40px auto;padding:0 18px}section{align-items:flex-start}a{padding:9px 12px}}

header{margin-bottom:28px}header h1{font-size:26px;font-weight:600;letter-spacing:-.5px;margin:0 0 12px}header p{font-size:14px;color:#7a8980;line-height:1.8;margin:0}@media(max-width:480px){header h1{font-size:23px}}