/* Сайт команды — учебный проект занятия 8. Править можно, но спокойнее — только свою карточку и свою страницу. */
* { box-sizing: border-box; }
body { margin: 0; font-family: -apple-system, 'Segoe UI', Roboto, Arial, 'Liberation Sans', sans-serif; background: #f4f5f7; color: #1d1f24; }
header { background: #1d1f24; color: #fff; padding: 16px 32px; display: flex; gap: 32px; align-items: center; }
header b { font-size: 20px; }
nav a { color: #cfd3dc; text-decoration: none; margin-right: 22px; }
nav a:hover, nav a.tut { color: #fff; }
main { max-width: 980px; margin: 0 auto; padding: 32px; }
h1 { font-size: 30px; margin: 0 0 12px; }
h2 { font-size: 17px; margin: 22px 0 4px; color: #4b5563; }
.slogan { font-size: 20px; color: #2563eb; margin: 0 0 16px; }
.tiho { color: #6b7280; }
.komanda { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 16px; }
.karta a { display: block; background: #fff; border-radius: 12px; padding: 18px 20px; text-decoration: none; color: inherit; box-shadow: 0 1px 3px rgba(0,0,0,.08); height: 100%; }
.karta a:hover { box-shadow: 0 4px 14px rgba(0,0,0,.12); }
.karta b { display: block; font-size: 18px; margin-bottom: 4px; }
.karta span { color: #6b7280; font-size: 14px; }
footer { text-align: center; color: #9ca3af; font-size: 13px; padding: 24px; }