/**
 * /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: #111;
  --blog-ink: #111;
  --blog-subtle: #5f6368;
  --blog-canvas: #ffffff;
  --blog-cream: #E6F2FF;
  --blog-radius: 1.5rem;
  --blog-shadow: 0 2px 8px rgba(17, 17, 17, 0.04);
  --blog-shadow-hover: 0 4px 14px rgba(17, 17, 17, 0.08);
  --blog-accent: linear-gradient(135deg, #7DB9F9 0%, #006EFF 100%);
  --blog-accent-border: #006EFF;
}

.am-main:has(.am-blogs_main),
.am-main:has(.am-blogdetail),
.am-main:has(.am-tutor-articles-page) {
  background-color: var(--blog-canvas);
}


body:has(.am-blogs_main) .am-header_two.am-header_eight,
body:has(.am-blogdetail) .am-header_two.am-header_eight {
  background: var(--blog-canvas) !important;
}

.am-main:has(.am-blogs_main) {
  background: var(--blog-canvas) !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(--blog-brand) !important;
  border-color: var(--blog-brand) !important;
  color: #fff !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;
}

/* Listing cards — plain meta (no per-category pills on tiles) */
.am-blogs_main .am-allblogs_items_content_date {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  gap: 6px 10px !important;
  margin: 0 0 10px !important;
}

.am-blogs_main .am-blog-categories-content {
  display: inline !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--blog-subtle) !important;
}

.am-blogs_main .am-blog-categories-content a {
  color: var(--blog-subtle) !important;
  text-decoration: none !important;
}

.am-blogs_main .am-blog-categories-content a:hover {
  color: var(--blog-ink) !important;
}

.am-blogs_main .am-allblogs_items_content_date em {
  display: inline !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  font-style: normal !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--blog-subtle) !important;
}

.am-blogs_main .am-allblogs_items_content_date em::before {
  display: none !important;
  content: none !important;
}

.am-blogs_main .am-allblogs_items_content_date > span {
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
  color: var(--blog-subtle) !important;
  font-weight: 400 !important;
}

.am-blogs_main .am-allblogs_items_content_date > span::before {
  display: none !important;
  content: none !important;
}

.am-blogs_main .am-allblogs_items_content_date > span:not(:first-child)::before {
  display: none !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, #f6d65c 0%, #f0a77b 100%) !important;
  border-color: #006EFF !important;
  color: #1f2a33 !important;
}

/* Detail: category meta — plain links (match /blogs listing) */
.am-blogdetail .am-blogdetail_content .am-titlebox ul {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 6px 10px !important;
  margin: 0 0 0.5rem !important;
  padding: 0 !important;
}

.am-blogdetail .am-blogdetail_content .am-titlebox ul li a {
  display: inline !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: var(--blog-subtle) !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
}

.am-blogdetail .am-blogdetail_content .am-titlebox ul li a:hover {
  color: var(--blog-ink) !important;
}

.am-blogdetail .am-blogdetail_content .am-titlebox ul li a::before {
  display: none !important;
  content: none !important;
}

.am-blogdetail .am-blogdetail_content .am-titlebox ul li:not(:last-child) a::after {
  display: inline !important;
  content: "," !important;
  color: var(--blog-subtle) !important;
  position: static !important;
  font: inherit !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-author {
  background: #fff !important;
  border: none !important;
  box-shadow: var(--blog-shadow) !important;
  border-radius: var(--blog-radius) !important;
  padding: clamp(1.25rem, 2.5vw, 1.5rem) !important;
  margin: 2rem 0 0 !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 as muted text (not pills) */
.am-blogdetail .am-articles-area .am-article .am-article-content .am-categorie-name > a > span {
  display: inline !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  color: var(--blog-subtle) !important;
  font-size: 0.75rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
}

.am-blogdetail .am-articles-area .am-article .am-article-content .am-categorie-name > a > span::before {
  display: none !important;
  content: none !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card--footer {
  margin-top: 2.25rem;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--mid {
  background: #071B42 !important;
  border: none;
  box-shadow: 0 12px 32px rgba(7, 27, 66, 0.28);
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--mid h3 {
  background: var(--footer-accent-gradient, linear-gradient(135deg, #6B9FD4 0%, #2563B5 100%)) !important;
  background-clip: text !important;
  -webkit-background-clip: text !important;
  -webkit-text-fill-color: transparent !important;
  color: transparent !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--mid p {
  color: rgba(255, 255, 255, 0.86) !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--mid .am-blog-signup-card-btn {
  background: var(--brand-warm-gradient) !important;
  background-image: var(--brand-warm-gradient) !important;
  color: var(--brand-warm-gradient-text, #000D3E) !important;
  border: 1px solid var(--brand-warm-gradient-border, #efc3cd) !important;
  box-shadow: var(--brand-warm-gradient-shadow, 0 10px 24px rgba(236, 187, 92, 0.3)) !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--mid .am-blog-signup-card-btn:hover,
.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--mid .am-blog-signup-card-btn:focus-visible {
  background: var(--brand-warm-gradient-hover) !important;
  background-image: var(--brand-warm-gradient-hover) !important;
  color: var(--brand-warm-gradient-text, #000D3E) !important;
  border-color: var(--brand-warm-gradient-border, #efc3cd) !important;
  box-shadow: var(--brand-warm-gradient-shadow-hover, 0 14px 30px rgba(236, 187, 92, 0.36)) !important;
  transform: translateY(-1px);
}

.am-blogdetail .am-blogdetail_description .am-blog-audio {
  margin: 1.75rem 0;
  padding: 1rem 1.15rem;
  border-radius: var(--blog-radius);
  background: color-mix(in srgb, var(--blog-cream) 40%, #fff);
  border: 1px solid rgba(17, 17, 17, 0.08);
}

.am-blogdetail .am-blogdetail_description .am-blog-audio audio {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 0;
}

.am-blogdetail .am-blogdetail_description .am-blog-audio figcaption {
  margin-top: 0.65rem;
  font-size: 0.9375rem;
  line-height: 1.45;
  color: var(--blog-subtle);
  font-style: normal;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card {
  margin: 2rem 0;
  padding: clamp(1.35rem, 3vw, 1.75rem);
  border-radius: var(--blog-radius);
  border: none;
  box-shadow: var(--blog-shadow);
  background: linear-gradient(
    130deg,
    color-mix(in srgb, var(--blog-cream) 72%, #fff) 0%,
    color-mix(in srgb, var(--blog-pink) 28%, #fff) 52%,
    color-mix(in srgb, var(--blog-blue) 22%, #fff) 100%
  );
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card h3 {
  margin: 0 0 0.5rem;
  font-family: "Bitter", Georgia, serif;
  font-size: clamp(1.35rem, 1rem + 1vw, 1.75rem);
  line-height: 1.2;
  color: var(--blog-ink);
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card p {
  margin: 0 0 1rem;
  color: var(--blog-subtle);
  font-size: 0.9375rem;
  line-height: 1.55;
  max-width: 42ch;
}

.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: 10px 20px;
  color: #fff !important;
  font-weight: 600;
  border: 1px solid var(--blog-ink);
  background: var(--blog-ink) !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card .am-blog-signup-card-btn:hover {
  color: var(--blog-ink) !important;
  background: var(--blog-accent) !important;
  border-color: var(--blog-accent-border) !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--footer .am-blog-signup-card-btn {
  background: var(--brand-warm-gradient) !important;
  background-image: var(--brand-warm-gradient) !important;
  color: var(--brand-warm-gradient-text, #000D3E) !important;
  border: 1px solid var(--brand-warm-gradient-border, #efc3cd) !important;
  box-shadow: var(--brand-warm-gradient-shadow, 0 10px 24px rgba(236, 187, 92, 0.3)) !important;
}

.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--footer .am-blog-signup-card-btn:hover,
.am-blogdetail .am-blogdetail_description .am-blog-signup-card.am-blog-signup-card--footer .am-blog-signup-card-btn:focus-visible {
  background: var(--brand-warm-gradient-hover) !important;
  background-image: var(--brand-warm-gradient-hover) !important;
  color: var(--brand-warm-gradient-text, #000D3E) !important;
  border-color: var(--brand-warm-gradient-border, #efc3cd) !important;
  box-shadow: var(--brand-warm-gradient-shadow-hover, 0 14px 30px rgba(236, 187, 92, 0.36)) !important;
  transform: translateY(-1px);
}

.am-blogdetail .am-articles-area {
  margin-top: clamp(2rem, 5vw, 3rem);
  padding-top: clamp(1.5rem, 4vw, 2rem);
  border-top: 1px solid rgba(17, 17, 17, 0.08);
}

.am-blogdetail {
  --blog-brand: #111;
  --blog-ink: #111;
  --blog-subtle: #5f6368;
  --blog-canvas: #ffffff;
  --blog-cream: #E6F2FF;
  --blog-pink: #d4e8ff;
  --blog-blue: #94bddf;
  --blog-radius: 1.5rem;
  --blog-shadow: 0 2px 8px rgba(17, 17, 17, 0.04);
  --blog-shadow-hover: 0 4px 14px rgba(17, 17, 17, 0.08);
  --blog-accent: linear-gradient(135deg, #7DB9F9 0%, #006EFF 100%);
  --blog-accent-border: #006EFF;
  padding: clamp(1.5rem, 4vw, 2.75rem) 0 clamp(2.5rem, 6vw, 4rem) !important;
  background: transparent !important;
}

.am-blogdetail .container {
  max-width: 72rem;
  margin-inline: auto;
  background: transparent;
}

/**
 * Listing & detail — Bitter 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: "Bitter", 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: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

/* ------------------------------------------------------------------ */
/* Blog listing cards — About Us editorial (calm white tiles)         */
/* ------------------------------------------------------------------ */
.am-blogs_main .am-blog-items {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  gap: 0 !important;
  border: none !important;
  border-radius: var(--blog-radius) !important;
  background: #fff !important;
  box-shadow: var(--blog-shadow) !important;
  overflow: hidden !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease !important;
}

.am-blogs_main .am-blog-items:hover {
  box-shadow: var(--blog-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

.am-blogs_main .am-blog-items:hover > figure img {
  transform: none !important;
}

.am-blogs_main .am-blog-items > figure {
  margin: 0 !important;
  width: 100% !important;
  height: clamp(180px, 22vw, 220px) !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

.am-blogs_main .am-blog-items > figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.am-blogs_main .am-blog-items .am-allblogs_items_content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(1.15rem, 2.2vw, 1.5rem) !important;
  padding-bottom: clamp(1.25rem, 2.4vw, 1.625rem) !important;
}

.am-blogs_main .am-allblogs_items_content_title {
  margin-top: 0 !important;
  gap: 12px !important;
}

.am-blogs_main .am-allblogs_items_content_title h4 {
  font-size: clamp(1.125rem, 0.95rem + 0.35vw, 1.375rem) !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  -webkit-line-clamp: 2 !important;
}

.am-blogs_main .am-blogs-check > a:last-child span {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(17, 17, 17, 0.1) !important;
  background: color-mix(in srgb, var(--blog-cream) 45%, #fff) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.am-blogs_main .am-blog-items:hover .am-blogs-check > a:last-child span {
  border-color: rgba(17, 17, 17, 0.16) !important;
  background: color-mix(in srgb, var(--blog-cream) 62%, #fff) !important;
}

.am-blogs_main .am-allblogs_items_content_title span:hover i {
  transform: translate(2px, -2px) !important;
}

.am-blogs_main .am-allblogs_items_content > p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: var(--blog-subtle) !important;
  -webkit-line-clamp: 2 !important;
}

.am-blogs_main .am-allblogs_items_author .am-user-box h4,
.am-blogs_main .am-allblogs_items_author .am-user-box h4 a {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--blog-subtle) !important;
}

.am-blogs_main .am-allblogs_items_author .am-user-box h4 a:hover {
  color: var(--blog-ink) !important;
}

.am-blogs_main .am-allblogs_items_author .am-user-box figure {
  width: 28px !important;
  height: 28px !important;
}

/* Tags add clutter on the grid — keep detail page tags only */
.am-blogs_main .am-allblogs_items_content_tags {
  display: none !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: "Bitter", Georgia, serif;
}

.am-blogdetail_content .am-titlebox h1,
.am-blogdetail_content .am-titlebox h2 {
  font-size: clamp(1.75rem, 1.15rem + 1.6vw, 2.5rem) !important;
  line-height: 1.18 !important;
  color: var(--blog-ink) !important;
  margin: 0 0 0.35rem !important;
  font-weight: 600 !important;
}

.am-blogdetail_content .am-titlebox .am-calender > span {
  font-size: 0.8125rem !important;
  line-height: 1.35 !important;
  color: var(--blog-subtle) !important;
  gap: 6px !important;
}

.am-blogdetail_content .am-titlebox .am-calender > span i {
  font-size: 1rem !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: clamp(5rem, 10vw, 6.5rem);
  padding-left: clamp(0.75rem, 2vw, 1.25rem);
  --blog-sidebar-brand: var(--blog-ink);
  --blog-sidebar-soft: color-mix(in srgb, var(--blog-cream) 42%, #fff);
  --blog-sidebar-border: rgba(17, 17, 17, 0.08);
  --blog-sidebar-ink: var(--blog-ink);
  --blog-sidebar-subtle: var(--blog-subtle);
  background: #fff;
  border: none;
  border-radius: var(--blog-radius);
  box-shadow: var(--blog-shadow);
  padding: clamp(1.15rem, 2.2vw, 1.5rem);
}

.am-blog-sidebar_block {
  margin: 0;
  padding: 1rem 0;
  border-bottom: 1px solid var(--blog-sidebar-border);
}

.am-blog-sidebar_block:first-child {
  padding-top: 0;
}

.am-blog-sidebar_block:last-child {
  border-bottom: none;
  padding-bottom: 0;
}

.am-blog-sidebar_block h5 {
  margin: 0 0 0.65rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.04em;
  text-transform: none;
  color: var(--blog-sidebar-subtle);
}

.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-direction: column;
  flex-wrap: nowrap;
  gap: 0.4rem;
}

.am-blog-categories a {
  background: none;
  border-radius: 0;
  color: var(--blog-sidebar-ink);
  font-size: 0.875rem;
  line-height: 1.45;
  font-weight: 500;
  letter-spacing: 0;
  padding: 0;
  text-decoration: none;
}

.am-blog-categories a:hover {
  color: var(--blog-sidebar-subtle);
  text-decoration: underline;
}

.am-blog-readmore {
  background: transparent;
  border-radius: 0;
  padding: 0;
}

.am-blog-readmore > span {
  display: block;
  color: var(--blog-sidebar-subtle);
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  margin-bottom: 0.5rem;
}

.am-blog-readmore h4 {
  font-family: "Bitter", Georgia, serif;
  font-size: clamp(1.125rem, 0.95rem + 0.4vw, 1.375rem);
  line-height: 1.28;
  margin-bottom: 0.65rem;
  color: var(--blog-sidebar-ink);
  font-weight: 600;
}

.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-fc-tutor-root {
  margin-top: 2rem;
  padding-top: 2rem;
  border-top: 1px solid rgba(17, 17, 17, 0.08);
}

.am-blog-coach-card-author-title {
  margin: 0 0 0.75rem;
  font-size: 0.6875rem;
  font-weight: 600;
  letter-spacing: 0.06em;
  color: var(--blog-subtle);
  text-transform: uppercase;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_card.am-blog-coach-card {
  flex-direction: column !important;
  align-items: stretch !important;
  padding: clamp(1rem, 2.5vw, 1.35rem) !important;
  min-height: 0 !important;
  gap: 1rem !important;
  border: none !important;
  border-radius: var(--blog-radius) !important;
  box-shadow: var(--blog-shadow) !important;
  background: #fff !important;
  overflow: visible !important;
}

/* Rating row — match tutor profile hero chip (not find-coaches green chip) */
.am-blogdetail .am-fc-tutor-root .am-tutorsearch_rating .am-tutorreview-item.am-tutor-stars-row {
  display: flex !important;
  align-items: center !important;
  gap: 6px !important;
  flex-wrap: wrap !important;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_rating .am-tutorreview-item .am-tutor-rating-score {
  color: #1b2430 !important;
  background: linear-gradient(135deg, #fdf1cc 0%, #f8dce7 100%) !important;
  border: 1px solid rgba(233, 183, 58, 0.45) !important;
  border-radius: 999px !important;
  padding: 2px 10px !important;
  font-weight: 700 !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  display: inline-flex !important;
  align-items: center !important;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_rating .am-tutorreview-item .am-tutor-review-count {
  font-size: 13px !important;
  font-weight: 400 !important;
  color: rgb(88, 88, 88) !important;
  font-style: normal !important;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_card .am-tutorsearch_content {
  min-height: 0 !important;
  height: auto !important;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_image {
  width: 100% !important;
  min-width: 0 !important;
  max-width: 100% !important;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_image_wrapper {
  height: clamp(10rem, 28vw, 13.5rem) !important;
  min-height: 0 !important;
}

.am-blogdetail .am-fc-tutor-root .am-tutorsearch_card .am-tutorsearch_image_wrapper,
.am-blogdetail .am-fc-tutor-root .am-tutorsearch_headshot,
.am-blogdetail .am-fc-tutor-root .am-tutorsearch_headshot img {
  border-radius: calc(var(--blog-radius) - 6px) !important;
}

@media (min-width: 48rem) {
  .am-blogdetail .am-fc-tutor-root .am-tutorsearch_card.am-blog-coach-card {
    flex-direction: row !important;
    align-items: flex-start !important;
  }

  .am-blogdetail .am-fc-tutor-root .am-tutorsearch_image {
    width: 9.5rem !important;
    min-width: 9.5rem !important;
    max-width: 9.5rem !important;
  }

  .am-blogdetail .am-fc-tutor-root .am-tutorsearch_image_wrapper {
    height: 11.5rem !important;
  }
}

.am-blogdetail .am-blog-coach-card .am-tutorsearch_btns .am-fc-view-profile-btn {
  color: #fff !important;
  background: var(--blog-ink) !important;
  border-color: var(--blog-ink) !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: var(--blog-ink) !important;
  background: var(--blog-accent) !important;
  border-color: var(--blog-accent-border) !important;
}

.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: "Bitter", 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, #f6d65c 0%, #f0a77b 100%));
  border-color: var(--home-accent-border, #006EFF);
}

/* ------------------------------------------------------------------ */
/* Blog article detail — editorial shell (less stuffed)               */
/* ------------------------------------------------------------------ */
.am-blogdetail .am-blogdetail_banner {
  height: clamp(200px, 32vw, 340px) !important;
  margin-bottom: clamp(1.25rem, 3vw, 1.75rem) !important;
  border-radius: var(--blog-radius) !important;
  overflow: hidden !important;
}

.am-blogdetail .am-blogdetail_banner img {
  border-radius: var(--blog-radius) !important;
}

.am-blogdetail .am-blogdetail_content {
  background: #fff !important;
  border: none !important;
  border-radius: var(--blog-radius) !important;
  box-shadow: var(--blog-shadow) !important;
  padding: clamp(1.35rem, 3vw, 2rem) !important;
  margin-top: 0 !important;
}

.am-blogdetail .am-blogdetail_content .am-titlebox {
  margin-bottom: 1.25rem !important;
  gap: 0.5rem !important;
}

.am-blogdetail .am-blogdetail_description {
  display: block !important;
  font-family: "Poppins", "KFGQPC Nastaleeq", system-ui, sans-serif;
  font-size: 19px;
  line-height: 1.75;
  color: #3d4349;
  max-width: 42rem;
  letter-spacing: normal;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.am-blogdetail .am-blogdetail_description p,
.am-blogdetail .am-blogdetail_description li,
.am-blogdetail .am-blogdetail_description td,
.am-blogdetail .am-blogdetail_description th,
.am-blogdetail .am-blogdetail_description blockquote {
  font-family: inherit !important;
  font-size: 19px !important;
  line-height: 1.75 !important;
  font-weight: 400 !important;
  color: #3d4349 !important;
}

.am-blogdetail .am-blogdetail_description strong,
.am-blogdetail .am-blogdetail_description b {
  font-weight: 600 !important;
  color: var(--blog-ink) !important;
}

/* Blog Arabic: QPC Hafs for correct harakat placement (same as course lessons) */
.am-blogdetail .am-blogdetail_description .blog-arabic-glyph,
.am-blogdetail .am-blogdetail_description [dir="rtl"],
.am-blogdetail .am-blogdetail_description [lang="ar"],
.am-blogdetail .am-blogdetail_description .arabic,
.am-blogdetail .am-blogdetail_description .font-arabic {
  font-family: "QPC Hafs", "KFGQPC Nastaleeq", "Traditional Arabic", serif !important;
  font-size: 33px !important;
  line-height: 1.8 !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: normal !important;
  word-spacing: normal !important;
  display: inline;
  vertical-align: -0.08em;
  text-rendering: optimizeLegibility;
  font-feature-settings: "mark" 1, "mkmk" 1, "liga" 1, "calt" 1;
  font-variant-ligatures: normal;
}

.am-blogdetail .am-blogdetail_description strong .blog-arabic-glyph,
.am-blogdetail .am-blogdetail_description b .blog-arabic-glyph,
.am-blogdetail .am-blogdetail_description p .blog-arabic-glyph,
.am-blogdetail .am-blogdetail_description li .blog-arabic-glyph,
.am-blogdetail .am-blogdetail_description strong[style] .blog-arabic-glyph,
.am-blogdetail .am-blogdetail_description .blog-arabic-glyph[style] {
  font-size: 33px !important;
}

.am-blogdetail .am-blogdetail_description p [dir="rtl"],
.am-blogdetail .am-blogdetail_description p [lang="ar"],
.am-blogdetail .am-blogdetail_description li [dir="rtl"],
.am-blogdetail .am-blogdetail_description li [lang="ar"],
.am-blogdetail .am-blogdetail_description strong [dir="rtl"],
.am-blogdetail .am-blogdetail_description strong [lang="ar"],
.am-blogdetail .am-blogdetail_description .blog-arabic-glyph {
  display: inline;
  margin-inline: 0;
  vertical-align: -0.08em;
  letter-spacing: normal !important;
}

.am-blogdetail .am-blogdetail_description h2 {
  font-size: clamp(1.45rem, 1.1rem + 0.9vw, 1.85rem) !important;
  line-height: 1.35 !important;
}

.am-blogdetail .am-blogdetail_description h3 {
  font-size: clamp(1.25rem, 1rem + 0.5vw, 1.5rem) !important;
  line-height: 1.4 !important;
}

.am-blogdetail .am-blogdetail_description iframe {
  border-radius: var(--blog-radius) !important;
  margin-bottom: 1.25rem !important;
}

.am-blogdetail .am-blogdetail_description blockquote {
  max-width: none !important;
  margin: 1.5rem 0 !important;
  padding: 1.25rem 1.5rem !important;
  text-align: left !important;
  font-size: 21px !important;
  line-height: 1.55 !important;
  font-family: "Bitter", "KFGQPC Nastaleeq", Georgia, serif !important;
  font-weight: 500 !important;
  color: var(--blog-ink) !important;
  background: color-mix(in srgb, var(--blog-cream) 35%, #fff) !important;
  border-radius: var(--blog-radius) !important;
}

.am-blogdetail .am-blogdetail_description p {
  margin-bottom: 1.15em !important;
}

.am-blogdetail .am-blogdetail_description ul {
  margin-bottom: 1.25rem !important;
  gap: 0.65rem !important;
}

.am-blogdetail .am-blogdetail_description h2,
.am-blogdetail .am-blogdetail_description h3 {
  margin-top: 1.75em !important;
  margin-bottom: 0.5em !important;
  font-family: "Bitter", Georgia, serif !important;
  font-weight: 600 !important;
}

.am-blogdetail .am-meta-tags {
  flex-direction: column !important;
  align-items: flex-start !important;
  gap: 0.65rem !important;
  padding: 1.25rem 0 0 !important;
  margin: 1.5rem 0 0 !important;
  border: none !important;
  border-top: 1px solid rgba(17, 17, 17, 0.08) !important;
}

.am-blogdetail .am-meta-tags h4 {
  font-size: 0.6875rem !important;
  font-weight: 600 !important;
  letter-spacing: 0.06em !important;
  text-transform: uppercase !important;
  color: var(--blog-subtle) !important;
}

.am-blogdetail .am-meta-tags ul li span {
  border: none !important;
  background: color-mix(in srgb, var(--blog-cream) 50%, #fff) !important;
  border-radius: 999px !important;
  padding: 4px 10px !important;
  color: var(--blog-subtle) !important;
}

.am-blogdetail .am-articles-area > h2 {
  font-family: "Bitter", Georgia, serif !important;
  font-size: clamp(1.35rem, 1rem + 0.8vw, 1.75rem) !important;
  font-weight: 600 !important;
  line-height: 1.22 !important;
  color: var(--blog-ink) !important;
  margin-bottom: 1.25rem !important;
}

/* Related articles: 6 total — 3 per row × 2 rows on desktop */
@media (min-width: 992px) {
  .am-blogdetail .am-blogdetail-related-row {
    --bs-gutter-x: 1.5rem;
    --bs-gutter-y: 1.5rem;
  }

  .am-blogdetail .am-blogdetail-related-col {
    flex: 0 0 auto;
    width: 33.33333333%;
    max-width: 33.33333333%;
  }
}

.am-blogdetail .am-article {
  border: none !important;
  border-radius: var(--blog-radius) !important;
  background: #fff !important;
  box-shadow: var(--blog-shadow) !important;
  overflow: hidden !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease !important;
}

.am-blogdetail .am-article:hover {
  box-shadow: var(--blog-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

.am-blogdetail .am-article:hover .am-article-img img {
  transform: none !important;
}

.am-blogdetail .am-article .am-article-img {
  height: clamp(160px, 20vw, 200px) !important;
  overflow: hidden !important;
}

.am-blogdetail .am-article .am-article-content {
  border: none !important;
  padding: clamp(1rem, 2vw, 1.25rem) !important;
  background: #fff !important;
}

.am-blogdetail .am-article .am-article-content h3 {
  font-family: "Bitter", Georgia, serif !important;
  font-size: clamp(1rem, 0.9rem + 0.25vw, 1.125rem) !important;
  font-weight: 600 !important;
  line-height: 1.32 !important;
  margin-bottom: 0.5rem !important;
}

.am-blogdetail .am-article .am-article-content p {
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: var(--blog-subtle) !important;
  margin-bottom: 0.75rem !important;
  -webkit-line-clamp: 3 !important;
}

.am-blogdetail .am-article .am-article-content .am-userand-date {
  margin-top: auto !important;
  padding-top: 0.5rem !important;
  border-top: none !important;
}

.am-blogdetail .am-article .am-article-content .am-userand-date em {
  font-size: 0.8125rem !important;
  color: var(--blog-subtle) !important;
  font-style: normal !important;
}

@media (min-width: 992px) {
  .am-blogdetail .container > .row {
    --bs-gutter-x: 1.75rem;
    --bs-gutter-y: 1.5rem;
  }
}

@media (max-width: 991px) {
  .am-blog-sidebar {
    position: static;
    top: auto;
    padding: clamp(1.15rem, 2.2vw, 1.5rem);
    margin-top: 1rem;
  }

  .am-blogdetail .am-blogdetail_banner {
    margin-bottom: 1rem !important;
  }
}

/* ------------------------------------------------------------------ */
/* Coach profile (#blogs) + /tutor/{slug}/articles — /blogs cards     */
/* ------------------------------------------------------------------ */
.am-tutor-profile-page .am-profile-blogs-section,
.am-tutor-articles-page {
  --blog-brand: #111;
  --blog-ink: #111;
  --blog-subtle: #5f6368;
  --blog-canvas: #ffffff;
  --blog-cream: #E6F2FF;
  --blog-radius: 1.5rem;
  --blog-shadow: 0 2px 8px rgba(17, 17, 17, 0.04);
  --blog-shadow-hover: 0 4px 14px rgba(17, 17, 17, 0.08);
  --blog-accent: linear-gradient(135deg, #7DB9F9 0%, #006EFF 100%);
  --blog-accent-border: #006EFF;
}

.am-main:has(.am-tutor-articles-page) {
  background: var(--blog-canvas) !important;
}

body:has(.am-tutor-articles-page) .am-header_two.am-header_eight {
  background: var(--blog-canvas) !important;
}

.am-tutor-articles-page__container {
  max-width: 72rem;
  margin-inline: auto;
}

.am-tutor-articles-page__title,
.am-tutor-profile-page .am-profile-blogs-section .am-profile-blogs-title h3 {
  font-family: "Bitter", Georgia, serif !important;
  font-weight: 600 !important;
  color: var(--blog-ink) !important;
  letter-spacing: -0.02em !important;
}

.am-tutor-articles-page__title {
  font-size: clamp(1.75rem, 1.2rem + 1.4vw, 2.25rem) !important;
  line-height: 1.15 !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-profile-blogs-title h3 {
  font-size: clamp(1.35rem, 1.05rem + 0.6vw, 1.75rem) !important;
  line-height: 1.22 !important;
}

.am-tutor-articles-page__subtitle {
  color: var(--blog-subtle) !important;
  font-size: 0.9375rem !important;
  line-height: 1.5 !important;
}

.am-tutor-articles-page__back {
  border-radius: 999px !important;
  padding: 10px 18px !important;
  font-weight: 600 !important;
  color: var(--blog-ink) !important;
  background: #fff !important;
  border: 1px solid rgba(17, 17, 17, 0.14) !important;
}

.am-tutor-articles-page__back:hover,
.am-tutor-articles-page__back:focus {
  color: var(--blog-ink) !important;
  background: color-mix(in srgb, var(--blog-cream) 40%, #fff) !important;
  border-color: rgba(17, 17, 17, 0.2) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content > p,
.am-tutor-articles-page .am-allblogs_items_content > p {
  color: var(--blog-subtle) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_date,
.am-tutor-articles-page .am-allblogs_items_content_date {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: baseline !important;
  gap: 0.625rem !important;
  margin: 0 0 10px !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-categories-content,
.am-tutor-articles-page .am-blog-categories-content {
  display: inline-flex !important;
  align-items: center !important;
  flex: 0 1 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  font-weight: 600 !important;
  letter-spacing: 0.04em !important;
  text-transform: uppercase !important;
  color: var(--blog-subtle) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-categories-content a,
.am-tutor-articles-page .am-blog-categories-content a {
  display: inline !important;
  color: inherit !important;
  text-decoration: none !important;
  font: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  line-height: inherit !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-categories-content a:hover,
.am-tutor-articles-page .am-blog-categories-content a:hover {
  color: var(--blog-ink) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_date em,
.am-tutor-articles-page .am-allblogs_items_content_date em {
  display: inline !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  font-style: normal !important;
  font-family: "Poppins", sans-serif !important;
  font-weight: 600 !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
  text-transform: inherit !important;
  color: inherit !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_date em::before,
.am-tutor-articles-page .am-allblogs_items_content_date em::before,
.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_date > span::before,
.am-tutor-articles-page .am-allblogs_items_content_date > span::before {
  display: none !important;
  content: none !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_date > span,
.am-tutor-articles-page .am-allblogs_items_content_date > span {
  display: inline !important;
  flex: 0 0 auto !important;
  margin: 0 !important;
  padding: 0 !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.75rem !important;
  line-height: 1.35 !important;
  color: var(--blog-subtle) !important;
  font-weight: 400 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items,
.am-tutor-articles-page .am-blog-items {
  display: flex !important;
  flex-direction: column !important;
  height: 100% !important;
  gap: 0 !important;
  border: none !important;
  border-radius: var(--blog-radius) !important;
  background: #fff !important;
  box-shadow: var(--blog-shadow) !important;
  overflow: hidden !important;
  transition: box-shadow 0.22s ease, transform 0.22s ease !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items:hover,
.am-tutor-articles-page .am-blog-items:hover {
  box-shadow: var(--blog-shadow-hover) !important;
  transform: translateY(-2px) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items:hover > figure img,
.am-tutor-articles-page .am-blog-items:hover > figure img {
  transform: none !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items > figure,
.am-tutor-articles-page .am-blog-items > figure {
  margin: 0 !important;
  width: 100% !important;
  height: clamp(180px, 22vw, 220px) !important;
  flex: 0 0 auto !important;
  overflow: hidden !important;
  border-radius: 0 !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items > figure img,
.am-tutor-articles-page .am-blog-items > figure img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  border-radius: 0 !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items .am-allblogs_items_content,
.am-tutor-articles-page .am-blog-items .am-allblogs_items_content {
  flex: 1 1 auto !important;
  display: flex !important;
  flex-direction: column !important;
  padding: clamp(1.15rem, 2.2vw, 1.5rem) !important;
  padding-bottom: clamp(1.25rem, 2.4vw, 1.625rem) !important;
  background: transparent !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_title,
.am-tutor-articles-page .am-allblogs_items_content_title {
  margin-top: 0 !important;
  gap: 12px !important;
  align-items: flex-start !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blogs-check > a:first-child,
.am-tutor-articles-page .am-blogs-check > a:first-child {
  margin: 0 !important;
  padding: 0 !important;
  min-width: 0 !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_title h4,
.am-tutor-articles-page .am-allblogs_items_content_title h4 {
  font-family: "Bitter", Georgia, serif !important;
  font-size: clamp(1.125rem, 0.95rem + 0.35vw, 1.375rem) !important;
  line-height: 1.32 !important;
  font-weight: 600 !important;
  color: var(--blog-ink) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blogs-check > a:last-child span,
.am-tutor-articles-page .am-blogs-check > a:last-child span {
  width: 32px !important;
  height: 32px !important;
  border-radius: 50% !important;
  border: 1px solid rgba(17, 17, 17, 0.1) !important;
  background: color-mix(in srgb, var(--blog-cream) 45%, #fff) !important;
  transition: background 0.2s ease, border-color 0.2s ease !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-blog-items:hover .am-blogs-check > a:last-child span,
.am-tutor-articles-page .am-blog-items:hover .am-blogs-check > a:last-child span {
  border-color: rgba(17, 17, 17, 0.16) !important;
  background: color-mix(in srgb, var(--blog-cream) 62%, #fff) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_title span:hover i,
.am-tutor-articles-page .am-allblogs_items_content_title span:hover i {
  transform: translate(2px, -2px) !important;
}

.am-tutor-articles-page .am-allblogs_items_author {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content > p,
.am-tutor-articles-page .am-allblogs_items_content > p {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  font-size: 0.9375rem !important;
  line-height: 1.55 !important;
  color: var(--blog-subtle) !important;
  display: -webkit-box !important;
  -webkit-box-orient: vertical !important;
  -webkit-line-clamp: 2 !important;
  overflow: hidden !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_author .am-user-box h4,
.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_author .am-user-box h4 a,
.am-tutor-articles-page .am-allblogs_items_author .am-user-box h4,
.am-tutor-articles-page .am-allblogs_items_author .am-user-box h4 a {
  font-size: 0.8125rem !important;
  font-weight: 500 !important;
  color: var(--blog-subtle) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_author .am-user-box h4 a:hover,
.am-tutor-articles-page .am-allblogs_items_author .am-user-box h4 a:hover {
  color: var(--blog-ink) !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_author .am-user-box figure,
.am-tutor-articles-page .am-allblogs_items_author .am-user-box figure {
  width: 28px !important;
  height: 28px !important;
}

.am-tutor-profile-page .am-profile-blogs-section .am-allblogs_items_content_tags,
.am-tutor-articles-page .am-allblogs_items_content_tags {
  display: none !important;
}

.am-tutor-articles-page .pagination .page-link {
  border-radius: 999px !important;
  color: var(--blog-ink) !important;
}

.am-tutor-articles-page .pagination .page-item.active .page-link {
  background: var(--blog-ink) !important;
  border-color: var(--blog-ink) !important;
  color: #fff !important;
}