@import url('https://cdn.jsdelivr.net/npm/@tabler/icons-webfont@2.47.0/tabler-icons.min.css');

.cyr-post { max-width: 720px; margin: 0 auto; }
.cyr-hero { position: relative; margin-bottom: 24px; }
.cyr-hero img { width: 100%; height: 260px; object-fit: cover; border-radius: 10px; display: block; }
.cyr-hero-badge { position: absolute; bottom: 12px; left: 16px; background: rgba(0,0,0,0.55); color: #fff; font-size: 12px; padding: 4px 10px; border-radius: 6px; }

.cyr-nav { display: flex; gap: 8px; margin: 0 0 28px; flex-wrap: wrap; }
.cyr-pill { font-size: 13px; font-weight: 600; padding: 6px 14px; border-radius: 6px; text-decoration: none; }
.cyr-pill-family { background: #E6F1FB; color: #0C447C; }
.cyr-pill-outdoor { background: #FAEEDA; color: #854F0B; }
.cyr-pill-indoor { background: #EEEDFE; color: #3C3489; }

.cyr-section-header { display: flex; align-items: center; gap: 10px; margin: 0 0 14px; font-size: 22px; }
.cyr-icon-circle { width: 34px; height: 34px; border-radius: 50%; display: flex; align-items: center; justify-content: center; flex-shrink: 0; font-size: 17px; }
.cyr-icon-circle.family { background: #E6F1FB; color: #0C447C; }
.cyr-icon-circle.outdoor { background: #FAEEDA; color: #854F0B; }
.cyr-icon-circle.indoor { background: #EEEDFE; color: #3C3489; }
.cyr-count { font-size: 13px; color: #888780; font-weight: 400; margin-left: 4px; }

.cyr-section-img { width: 100%; height: 200px; object-fit: cover; border-radius: 8px; margin: 0 0 14px; }

.cyr-list { list-style: none; padding: 0; margin: 0 0 32px; }
.cyr-list li { display: flex; gap: 10px; margin-bottom: 12px; font-size: 16px; line-height: 1.6; align-items: flex-start; }
.cyr-list i { font-size: 19px; margin-top: 2px; flex-shrink: 0; }
.cyr-list.family i { color: #0C447C; }
.cyr-list.outdoor i { color: #854F0B; }
.cyr-list.indoor i { color: #3C3489; }

.cyr-checklist { background: #F1EFE8; border-radius: 8px; padding: 18px 22px; margin: 0 0 28px; }
.cyr-checklist-title { font-weight: 600; display: flex; align-items: center; gap: 8px; margin: 0 0 10px; }
.cyr-checklist p { margin: 0; line-height: 1.9; }

.cyr-cta { background: #E6F1FB; border-radius: 8px; padding: 20px 22px; margin: 0 0 28px; }
.cyr-cta-title { color: #0C447C; font-weight: 600; display: flex; align-items: center; gap: 8px; margin: 0 0 6px; }
.cyr-cta p:not(.cyr-cta-title) { color: #0C447C; margin: 0; }

.cyr-social { border-top: 1px solid #D3D1C7; padding-top: 20px; }
.cyr-social-label { font-size: 13px; font-weight: 600; color: #5F5E5A; margin: 0 0 10px; }
.cyr-social-row { display: flex; gap: 10px; }
.cyr-social-btn { width: 38px; height: 38px; border-radius: 50%; border: 1px solid #D3D1C7; display: flex; align-items: center; justify-content: center; color: #2C2C2A; text-decoration: none; transition: background 0.15s ease; }
.cyr-social-btn:hover { background: #F1EFE8; }

.cyr-signoff { font-size: 13px; color: #888780; margin: 16px 0 0; }