.wrapper{max-width:1200px;margin:0 auto;padding:20px}header{background:#f8f9fa;padding:20px;border-radius:8px;margin-bottom:30px;text-align:center}header h1 a{text-decoration:none;color:#2c3e50}nav ul{list-style:none;padding:0;display:flex;justify-content:center;gap:20px;margin-top:15px}nav ul li a{color:#3498db;text-decoration:none;padding:8px 16px;border-radius:4px;transition:background-color 0.3s}nav ul li a:hover{background-color:#ecf0f1}main{min-height:400px}article{background:white;padding:30px;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}footer{text-align:center;margin-top:40px;padding:20px;border-top:1px solid #ecf0f1;color:#7f8c8d}@media (max-width: 768px){.wrapper{padding:10px}nav ul{flex-direction:column;gap:10px}article{padding:20px}}pre,code{background:#f4f4f4;border-radius:4px}pre{padding:15px;overflow-x:auto}code{padding:2px 4px}a{color:#3498db}a:hover{color:#2980b9}h1,h2,h3{color:#2c3e50;margin-top:30px;margin-bottom:15px}h1{border-bottom:2px solid #3498db;padding-bottom:10px}