/*
 Theme Name: MyTheme
 Theme URI: https://example.com
 Author: Your Name
 Author URI: https://example.com
 Description: Учебная тема для задания 1
 Version: 1.0.0
 Text Domain: mytheme
*/

.site-hero-banner{background:#222;color:#fff;padding:18px 0;margin:0 0 24px}
.site-hero-banner__inner{max-width:1100px;margin:0 auto;padding:0 16px;text-align:center}

.related-posts{margin-top:32px;padding-top:16px;border-top:1px solid #eee}
.related-posts h3{margin:0 0 12px}
.related-posts ul{margin:0;padding-left:18px}
.related-posts li{margin:6px 0}


/* Блоки из заданий */
.welcome-note{
  margin: 0;
  padding: 12px 16px;
  background: #fff8d6;
  border-bottom: 1px solid #f0e2a0;
  font-weight: 600;
}

.after-post-thanks{
  margin: 16px 0 32px;
  padding: 10px 14px;
  background: #f6f7f9;
  border-left: 4px solid #cbd5e1;
}

.sale-notice{
  margin: 0 0 16px;
  padding: 12px 16px;
  background: #ffe8e8;
  border: 1px solid #ffc1c1;
  font-weight: 600;
}

.site-banner{
  margin: 24px 0 0;
  background: #111;
  color: #fff;
}
.site-banner__inner{
  max-width: 1200px;
  margin: 0 auto;
  padding: 18px 16px;
  display: flex;
  gap: 12px;
  align-items: center;
  justify-content: space-between;
}
.site-banner__btn{
  display: inline-block;
  padding: 8px 12px;
  background: #fff;
  color: #111;
  text-decoration: none;
  border-radius: 6px;
}

.social-links{
  margin-top: 14px;
  display: flex;
  gap: 12px;
}
.social-links a{
  text-decoration: none;
  border-bottom: 1px dotted currentColor;
}