body { font-family: 'Arial', sans-serif; background: #f4f7f6; padding: 40px; }
.container { max-width: 600px; margin: auto; background: white; padding: 30px; border-radius: 12px; box-shadow: 0 4px 15px rgba(0,0,0,0.1); }

.link { display: block; padding: 15px; background: #eee; text-decoration: none; color: #333; transition: 0.3s; border-radius: 8px; }
.link:hover { background: #2196f3; color: white; } /* */
.link:active { transform: scale(0.98); } /* */

.content p::first-letter { font-size: 3em; color: #2196f3; float: left; margin-right: 10px; } /* */
.hexlet-list { list-style: none; padding: 0; }
.hexlet-list li::before { content: '✔'; color: #4caf50; margin-right: 10px; } /* */

.time + .timer { font-size: 2em; color: #ff5722; font-weight: bold; margin-top: 10px; } /* */
[nm-section^="catalog"] { border-top: 2px solid #eee; margin-top: 20px; padding-top: 20px; } /* */