/**
 * /blogs and /blog/{slug} — align greens/blues with theme (--am-btn-color).
 */
:root {
  --blog-brand: var(--am-btn-color, #295c51);
}

.am-blogs_main {
  --blog-brand: #ff4fa3;
  --blog-ink: #111;
  --blog-subtle: #5f6368;
}

.am-main:has(.am-blogs_main),
.am-main:has(.am-blogdetail),
.am-main:has(.am-tutor-articles-page) {
  background-color: #faf8f5;
}

.am-tutor-articles-page h1 {
  font-size: 25px !important;
  font-weight: 700 !important;
  color: #1a1a1a !important;
}

body:has(.am-blogs_main) .am-header_two.am-header_eight {
  background: #FFFDFB !important;
}

.am-main:has(.am-blogs_main) {
  background: linear-gradient(180deg, #fffdfb 0%, #fff5e9 55%, #fffdfb 100%) !important;
}

.am-blogs_main .pb-themesection,
.am-blogs_main .am-blogs,
.am-blogs_main .am-allblogs {
  background: transparent !important;
}

/* Tighten space between hero search and "All Blogs" */
.am-blogs_main .am-allblogs {
  padding-top: 56px !important;
}

/* Listing hero kicker — match homepage preheader badge style */
.am-blogs_main .am-blogs .am-content_box > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 8px 20px 8px 32px !important;
  border-radius: 50px !important;
  background: var(--am-preheader-bg) !important;
  color: #111 !important;
  border: 1px solid rgba(17, 17, 17, 0.12) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.875rem !important;
  line-height: 1.25rem !important;
  letter-spacing: 0.05em !important;
  text-transform: uppercase !important;
}

.am-blogs_main .am-blogs .am-content_box > span::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 14px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

.am-blogs_main .am-blogs .am-content_box > span::after {
  display: none !important;
  content: none !important;
}

/* Card title external-link hover — was #2E90FA */
.am-blogs_main .am-allblogs_items_content_title span:hover i::before {
  color: var(--blog-brand) !important;
}
.am-blogs_main .am-blogs-check:has(a > h4:hover) > a span i::before {
  color: var(--blog-brand) !important;
}

/* Pagination active / hover — was #065A46 */
.am-blogs_main .am-pagination ul li.active span,
.am-blogs_main .am-pagination ul li:not(.disabled) a:hover {
  color: #fff !important;
  border-color: var(--blog-brand) !important;
  background: var(--blog-brand) !important;
}

.am-blogs_main .am-pagination ul li.active > span {
  background: var(--am-preheader-bg) !important;
  border-color: rgba(17, 17, 17, 0.12) !important;
  color: #111 !important;
}
.am-blogs_main .am-pagination ul li:not(.disabled) a:hover svg path {
  fill: #fff !important;
}

.am-blogs_main .am-clear-filter span:hover {
  color: var(--blog-brand);
}

.am-blogs_main .am-content_box p,
.am-blogs_main .am-allblogs_items_content p,
.am-blogs_main .am-blog-result p {
  color: var(--blog-subtle) !important;
}
.am-blogs_main .am-blogs .am-content_box > p {
  color: #4f5459 !important;
}
.am-blogs_main .am-allblogs_items_content > p {
  color: #4f5459 !important;
}

.am-blogs_main .am-allblogs_items_content_date em {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 6px 14px 6px 24px !important;
  border-radius: 999px !important;
  background: var(--am-preheader-bg) !important;
  color: #111 !important;
  border: 1px solid rgba(17, 17, 17, 0.12) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.am-blogs_main .am-allblogs_items_content_date em::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

.am-blogs_main .am-allblogs_items_content_date > span {
  font-size: 13px !important;
  line-height: 1.3 !important;
}

.am-blogs_main .am-learning_search .am-learning_search_btn,
.am-blogs_main .am-btn.am-clear-filter-btn,
.am-blogs_main .am-clear-filter .am-btn {
  background: #111 !important;
  border: 1px solid #111 !important;
  color: #fff !important;
}

.am-blogs_main .am-learning_search .am-learning_search_btn:hover,
.am-blogs_main .am-btn.am-clear-filter-btn:hover,
.am-blogs_main .am-clear-filter .am-btn:hover {
  background: linear-gradient(135deg, #f3c93c 0%, #e79ab3 100%) !important;
  border-color: #e9b73a !important;
  color: #1f2a33 !important;
}

/* Detail: category links, blockquote, byline accent — was #2e90fa */
.am-blogdetail .am-blogdetail_content .am-titlebox ul li a,
.am-blogdetail .am-blogdetail_content .am-titlebox ul li:not(:last-child) a::after {
  color: var(--blog-brand) !important;
}
.am-blogdetail .am-blogdetail_content .am-titlebox ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
}
.am-blogdetail .am-blogdetail_content .am-titlebox ul li a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 6px 14px 6px 24px !important;
  border-radius: 999px !important;
  background: var(--am-preheader-bg) !important;
  color: #111 !important;
  border: 1px solid rgba(17, 17, 17, 0.12) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.am-blogdetail .am-blogdetail_content .am-titlebox ul li a::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}
.am-blogdetail .am-blogdetail_content .am-titlebox ul li:not(:last-child) a::after {
  display: none !important;
  content: none !important;
}
.am-blogdetail .am-blogdetail_description blockquote a {
  color: var(--blog-brand) !important;
}
.am-blogdetail .am-blogdetail_description .am-name {
  color: var(--blog-brand) !important;
}
.am-blogdetail .am-blogdetail_description p {
  color: #4f5459 !important;
}
.am-blogdetail .am-author {
  background: linear-gradient(135deg, #f3c93c 0%, #e79ab3 100%) !important;
  border-color: #e9b73a !important;
}
.am-blogdetail .am-article .am-article-content {
  background: #fff !important;
}
.am-blogdetail .am-article .am-article-content .am-categorie-name > a > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  position: relative !important;
  box-sizing: border-box !important;
  width: fit-content !important;
  max-width: 100% !important;
  padding: 6px 14px 6px 24px !important;
  border-radius: 999px !important;
  background: var(--am-preheader-bg) !important;
  color: #111 !important;
  border: 1px solid rgba(17, 17, 17, 0.12) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  line-height: 1.2 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}
.am-blogdetail .am-article .am-article-content .am-categorie-name > a > span::before {
  content: "" !important;
  display: block !important;
  position: absolute !important;
  left: 10px !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 50% !important;
  background: currentColor !important;
}

/* List check bullets — was #22C55E in embedded SVG */
.am-blogdetail .am-blogdetail_description ul li::before {
  background-color: var(--blog-brand);
  background-image: none;
  -webkit-mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='white' d='M17.7188 9C17.7188 13.8152 13.8152 17.7188 9 17.7188C4.18475 17.7188 0.28125 13.8152 0.28125 9C0.28125 4.18475 4.18475 0.28125 9 0.28125C13.8152 0.28125 17.7188 4.18475 17.7188 9ZM7.99151 13.6165L14.4603 7.14776C14.6799 6.9281 14.6799 6.57193 14.4603 6.35228L13.6648 5.5568C13.4451 5.33711 13.089 5.33711 12.8693 5.5568L7.59375 10.8323L5.13074 8.36926C4.91108 8.14961 4.55491 8.14961 4.33522 8.36926L3.53974 9.16474C3.32009 9.3844 3.32009 9.74057 3.53974 9.96022L7.19599 13.6165C7.41568 13.8362 7.77182 13.8362 7.99151 13.6165Z'/%3E%3C/svg%3E");
  mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 18'%3E%3Cpath fill='white' d='M17.7188 9C17.7188 13.8152 13.8152 17.7188 9 17.7188C4.18475 17.7188 0.28125 13.8152 0.28125 9C0.28125 4.18475 4.18475 0.28125 9 0.28125C13.8152 0.28125 17.7188 4.18475 17.7188 9ZM7.99151 13.6165L14.4603 7.14776C14.6799 6.9281 14.6799 6.57193 14.4603 6.35228L13.6648 5.5568C13.4451 5.33711 13.089 5.33711 12.8693 5.5568L7.59375 10.8323L5.13074 8.36926C4.91108 8.14961 4.55491 8.14961 4.33522 8.36926L3.53974 9.16474C3.32009 9.3844 3.32009 9.74057 3.53974 9.96022L7.19599 13.6165C7.41568 13.8362 7.77182 13.8362 7.99151 13.6165Z'/%3E%3C/svg%3E");
  -webkit-mask-size: contain;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
}

/* Related articles category line — was Twitter blue */
.am-blogdetail .am-articles-area .am-article .am-article-content span {
  color: var(--blog-brand) !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card {
  margin: 24px 0;
  padding: clamp(22px, 4vw, 34px);
  border-radius: 22px;
  border: 1px solid rgba(31, 41, 55, 0.14);
  background: linear-gradient(180deg, #e9eef8 0%, #e6e2f3 100%);
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card h3 {
  margin: 0 0 10px;
  font-family: "Playfair Display", Georgia, serif;
  font-size: clamp(28px, 3vw, 42px);
  line-height: 1.14;
  color: #1f2937;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card p {
  margin: 0 0 16px;
  color: #273245;
  font-size: 20px;
  line-height: 1.5;
  max-width: 48ch;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card .am-blog-signup-card-btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 11px 18px;
  color: #ffffff !important;
  font-weight: 600;
  border: 1px solid var(--home-accent-border, #e9b73a);
  background: var(--home-accent-gradient, linear-gradient(135deg, #f3c93c 0%, #e79ab3 100%));
}

/* Add breathing room before related articles block */
.am-blogdetail .am-articles-area {
  margin-top: 28px;
}

.am-blogdetail {
  background: transparent;
}
.am-blogdetail .container {
  background: transparent;
}

/**
 * Listing & detail — Playfair for titles (main.css uses Poppins).
 * Hero shares .am-works / .am-content_box structure with how-it-works.
 */
.am-blogs_main .am-blogs .am-content_box > span,
.am-blogs_main .am-blogs .am-content_box h1,
.am-blogs_main .am-blogs .am-content_box h3,
.am-blogs_main .am-allblogs_wrap h2,
.am-blogs_main .am-allblogs_items_content_title h4,
.am-blogs_main .am-blog-result h4 {
  font-family: "Playfair Display", Georgia, serif;
}

.am-blogs_main .am-blogs .am-content_box h1,
.am-blogs_main .am-blogs .am-content_box h3,
.am-blogs_main .am-allblogs_wrap h2 {
  font-size: 44px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.02em !important;
  color: var(--blog-ink) !important;
}

.am-blogs_main .am-allblogs_items_content_title h4,
.am-blogs_main .am-blog-result h4 {
  font-size: 22px !important;
  line-height: 1.3 !important;
  font-weight: 700 !important;
  color: var(--blog-ink) !important;
}

.am-blogs_main .am-allblogs_items_author {
  margin-top: 12px !important;
}

.am-blogdetail_content .am-titlebox h1,
.am-blogdetail_content .am-titlebox h2,
.am-blogdetail .am-articles-area > h2,
.am-blogdetail .am-article .am-article-content h3 {
  font-family: "Playfair Display", Georgia, serif;
}

.am-blogdetail_content .am-titlebox h1,
.am-blogdetail_content .am-titlebox h2 {
  font-size: 40px !important;
  line-height: 1.15 !important;
  color: #111 !important;
}

.am-blogdetail_content .am-titlebox .am-calender > span {
  font-size: 13px !important;
  line-height: 1.25 !important;
}

.am-blogdetail .am-blogdetail_description h2,
.am-blogdetail .am-blogdetail_description h3,
.am-blogdetail .am-articles-area .am-article .am-article-content h3 {
  color: #111 !important;
}

.am-blog-sidebar {
  position: sticky;
  top: 110px;
  padding-left: 20px;
  --blog-sidebar-brand: #ff4fa3;
  --blog-sidebar-soft: var(--am-preheader-bg, #f0ebe3);
  --blog-sidebar-border: rgba(17, 17, 17, 0.12);
  --blog-sidebar-ink: #111;
  --blog-sidebar-subtle: #5f6368;
}

.am-blog-sidebar_block {
  margin-bottom: 24px;
}

.am-blog-sidebar_block h5 {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: var(--blog-sidebar-ink);
}

.am-blog-share {
  display: flex;
  align-items: center;
  gap: 10px;
  padding: 0;
  margin: 0;
  list-style: none;
}

.am-blog-share li a {
  width: 30px;
  height: 30px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  border: 1px solid var(--blog-sidebar-border);
  color: var(--blog-sidebar-ink);
  background: #fff;
  font-size: 13px;
  font-weight: 700;
  text-transform: lowercase;
}

.am-blog-categories {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}

.am-blog-categories a {
  background: var(--blog-sidebar-soft);
  border-radius: 999px;
  color: var(--blog-sidebar-ink);
  font-size: 12px;
  line-height: 1.2;
  font-weight: 600;
  letter-spacing: 0.02em;
  padding: 7px 11px;
}

.am-blog-readmore {
  background: var(--blog-sidebar-soft);
  border-radius: 14px;
  padding: 18px;
}

.am-blog-readmore > span {
  display: block;
  color: var(--blog-sidebar-ink);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.04em;
  margin-bottom: 8px;
}

.am-blog-readmore h4 {
  font-family: "Playfair Display", Georgia, serif;
  font-size: 26px;
  line-height: 1.2;
  margin-bottom: 10px;
  color: var(--blog-sidebar-ink);
}

.am-blog-readmore ul {
  list-style: none;
  margin: 0;
  padding: 0;
}

.am-blog-readmore ul li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 10px;
  padding: 11px 0;
  border-top: 1px solid var(--blog-sidebar-border);
}

.am-blog-readmore ul li a {
  color: var(--blog-sidebar-subtle);
  font-size: 14px;
  line-height: 1.4;
  font-weight: 500;
}

.am-blog-readmore ul li i {
  color: var(--blog-sidebar-brand);
  font-size: 14px;
}

.am-blogdetail .am-author.am-author-coach-card {
  background: #fff !important;
  border: 1px solid rgba(17, 17, 17, 0.14) !important;
  box-shadow: 0 8px 20px rgba(17, 17, 17, 0.08) !important;
  border-radius: 14px !important;
  padding: 16px !important;
}

.am-blog-coach-card-author-title {
  margin: 0 0 10px;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #111;
  text-transform: uppercase;
}

.am-blogdetail .am-blog-coach-card .am-tutorsearch_btns .am-fc-view-profile-btn {
  color: #ffffff !important;
  background: var(--home-accent-gradient, linear-gradient(135deg, #f3c93c 0%, #e79ab3 100%)) !important;
  border-color: var(--home-accent-border, #e9b73a) !important;
}

.am-blogdetail .am-blog-coach-card .am-tutorsearch_btns .am-fc-view-profile-btn:hover,
.am-blogdetail .am-blog-coach-card .am-tutorsearch_btns .am-fc-view-profile-btn:focus {
  color: #ffffff !important;
  background: var(--home-accent-gradient, linear-gradient(135deg, #f3c93c 0%, #e79ab3 100%)) !important;
  border-color: var(--home-accent-border, #e9b73a) !important;
  filter: brightness(0.98);
}

.am-author-coach-head {
  display: flex;
  align-items: center;
  gap: 12px;
}

.am-author-coach-head figure {
  margin: 0;
  width: 64px;
  min-width: 64px;
  height: 64px;
  border-radius: 12px;
  overflow: hidden;
}

.am-author-coach-head figure img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.am-author-coach-title > span {
  display: block;
  color: #5f6368;
  font-size: 12px;
  line-height: 1.2;
  margin-bottom: 2px;
}

.am-author-coach-title h4 {
  margin: 0;
  color: #111;
  font-size: 20px;
  line-height: 1.2;
  font-family: "Playfair Display", Georgia, serif;
}

.am-author-coach-title h4 .flag {
  margin-left: 8px;
  vertical-align: middle;
}

.am-author-certified {
  display: inline-flex;
  margin-top: 8px;
  font-style: normal;
  border-radius: 999px;
  padding: 4px 10px;
  font-size: 11px;
  line-height: 1.1;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: #3d3010;
  border: 1px solid rgba(160, 110, 30, 0.38);
  background: linear-gradient(120deg, #fdf3d4 0%, #e3b84a 100%);
}

.am-blogdetail .am-author-coach-card .am-featured-tutor-rating {
  margin-top: 8px;
}

.am-blogdetail .am-author-coach-card .am-featured-tutor-rating .am-tutor-stars-row {
  display: flex;
  align-items: center;
  gap: 6px;
  flex-wrap: wrap;
}

.am-blogdetail .am-author-coach-card .am-featured-tutor-rating .am-tutor-review-count {
  color: #5f6368;
}

.am-author-coach-profession {
  margin: 12px 0 0;
  color: #111;
  font-size: 14px;
  line-height: 1.4;
  font-weight: 600;
}

.am-author-coach-location {
  margin: 6px 0 0;
  color: #5f6368;
  font-size: 13px;
  line-height: 1.4;
  font-weight: 500;
}

.am-author-coach-bio {
  margin: 8px 0 0;
  color: #5f6368;
  font-size: 14px;
  line-height: 1.5;
}

.am-author-coach-btn {
  margin-top: 12px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 999px;
  padding: 10px 16px;
  border: 1px solid #111;
  color: #111;
  background: #fff;
  font-size: 13px;
  line-height: 1.1;
  font-weight: 600;
}

.am-author-coach-btn:hover {
  color: #111;
  background: var(--home-accent-gradient, linear-gradient(135deg, #f3c93c 0%, #e79ab3 100%));
  border-color: var(--home-accent-border, #e9b73a);
}

@media (max-width: 991px) {
  .am-blog-sidebar {
    position: static;
    top: auto;
    padding-left: 0;
    margin-top: 18px;
  }
}