/* ══════════════════════════════════════════════════════════════
   AMANAH BLOG — blog.css
   Place at: amanah-theme-2026/assets/css/blog.css
   Covers: home.php · single.php · archive.php · search.php
   ══════════════════════════════════════════════════════════════ */


/* ────────────────────────────────────────────────────────────
   NUCLEAR RESET — Kill ALL Savoy blog layout classes
   ──────────────────────────────────────────────────────────── */

   .am-is-blog-single .nm-post-sidebar,
   .am-is-blog-index  .nm-post-sidebar,
   .am-is-blog-single .nm-sidebar,
   .am-is-blog-index  .nm-sidebar,
   .am-is-blog-single aside.sidebar,
   .am-is-blog-index  aside.sidebar,
   .am-is-blog-single .widget_block,
   .am-is-blog-index  .widget_block,
   .am-is-blog-single #secondary,
   .am-is-blog-index  #secondary {
       display: none !important;
       width: 0 !important;
       padding: 0 !important;
       margin: 0 !important;
       overflow: hidden !important;
   }
   
   /* Force Savoy nm-row to full width */
   .am-is-blog-single .nm-post-body .nm-row,
   .am-is-blog-index  .nm-post-body .nm-row {
       display: block !important;
   }
   
   .am-is-blog-single .nm-post-content-col,
   .am-is-blog-index  .nm-post-content-col {
       width: 100% !important;
       max-width: 100% !important;
       flex: none !important;
       padding: 0 !important;
   }
   
   /* Remove Savoy's post entry padding/margin */
   .am-is-blog-single .nm-post,
   .am-is-blog-index  .nm-post {
       margin: 0 !important;
       padding: 0 !important;
       background: none !important;
       border: none !important;
       box-shadow: none !important;
   }
   
   /* Hide Savoy default post title on single (we render our own in hero) */
   .am-is-blog-single .nm-post-header,
   .am-is-blog-single .nm-post > h1,
   .am-is-blog-single .nm-post-meta,
   .am-is-blog-single .nm-blog-breadcrumb {
       display: none !important;
   }
   
   /* Hide Savoy pagination */
   .am-is-blog-index #nm-blog-pagination,
   .am-is-blog-single #nm-blog-pagination {
       display: none !important;
   }
   
   /* Hide Savoy category/tag headings */
   .am-is-blog-index .nm-page-header {
       display: none !important;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      READING PROGRESS BAR
      ──────────────────────────────────────────────────────────── */
   
   #am-read-progress {
       position: fixed;
       top: 0;
       left: 0;
       width: 0;
       height: 3px;
       background: var(--am-gold-shimmer);
       background-size: 200% auto;
       animation: shimmer 3s linear infinite;
       z-index: 9999;
       transition: width 0.1s linear;
       pointer-events: none;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      BLOG HERO (shared: home + archive + search)
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-hero {
       background: var(--am-black) !important;
       min-height: 42vh;
       display: flex;
       flex-direction: column;
       align-items: center;
       justify-content: center;
       text-align: center;
       padding: var(--am-space-4xl) var(--am-space-xl) var(--am-space-3xl);
       position: relative;
       overflow: hidden;
       z-index: 1;
   }
   
   .am-blog-hero::before {
       content: '';
       position: absolute;
       inset: 0;
       background: radial-gradient(ellipse 60% 55% at 50% 80%, rgba(201, 168, 76, 0.06) 0%, transparent 65%);
       pointer-events: none;
   }
   
   .am-archive-hero,
   .am-search-hero {
       min-height: 36vh;
   }
   
   .am-blog-hero-inner {
       position: relative;
       z-index: 1;
       max-width: 700px;
       width: 100%;
   }
   
   .am-blog-headline {
       font-family: var(--am-font-display);
       font-size: clamp(36px, 6vw, 72px);
       font-weight: 300;
       color: var(--am-white);
       line-height: 1.08;
       letter-spacing: -0.02em;
       margin: 14px 0 20px;
   }
   
   .am-blog-subhead {
       font-size: clamp(14px, 1.6vw, 16px);
       color: var(--am-light-grey);
       line-height: 1.85;
       max-width: 560px;
       margin: 0 auto;
       font-weight: 300;
   }
   
   .am-archive-count {
       font-size: 12px;
       letter-spacing: 0.1em;
       color: var(--am-gold);
       margin-top: 12px;
       font-weight: 600;
       text-transform: uppercase;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      CATEGORY FILTER BAR
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-filter-bar {
       background: var(--am-off-white);
       border-bottom: 1px solid rgba(201, 168, 76, 0.1);
       position: sticky;
       top: 72px;
       z-index: 100;
   }
   
   .am-blog-filter-inner {
       display: flex;
       gap: 8px;
       padding: 14px 0;
       overflow-x: auto;
       scrollbar-width: none;
       -webkit-overflow-scrolling: touch;
   }
   
   .am-blog-filter-inner::-webkit-scrollbar { display: none; }
   
   .am-blog-filter-pill {
       display: inline-flex;
       align-items: center;
       gap: 6px;
       white-space: nowrap;
       padding: 7px 16px;
       border: 1px solid rgba(201, 168, 76, 0.2);
       border-radius: var(--am-radius-pill);
       font-size: 11px;
       font-weight: 600;
       letter-spacing: 0.06em;
       color: var(--am-grey);
       text-decoration: none;
       flex-shrink: 0;
       transition: all var(--am-duration) var(--am-ease);
   }
   
   .am-blog-filter-pill:hover,
   .am-blog-filter-pill.active {
       background: var(--am-black);
       border-color: var(--am-black);
       color: var(--am-gold);
   }
   
   .am-blog-filter-count {
       font-size: 9px;
       background: rgba(201, 168, 76, 0.12);
       color: var(--am-gold);
       padding: 1px 6px;
       border-radius: var(--am-radius-pill);
       font-weight: 700;
   }
   
   .am-blog-filter-pill.active .am-blog-filter-count {
       background: rgba(201, 168, 76, 0.2);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      BLOG BREADCRUMB BAR (archive/search)
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-breadcrumb-bar {
       background: var(--am-off-white);
       border-bottom: 1px solid rgba(201, 168, 76, 0.08);
       padding: 12px 0;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      GRID SECTION WRAPPER
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-grid-section {
       padding: var(--am-space-3xl) 0 var(--am-space-4xl);
       background: var(--am-off-white);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      FEATURED POST (first post — large editorial)
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-featured {
       margin-bottom: var(--am-space-3xl);
   }
   
   .am-blog-featured-inner {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 0;
       border: 1px solid rgba(201, 168, 76, 0.12);
       border-radius: var(--am-radius-lg);
       overflow: hidden;
       text-decoration: none;
       background: var(--am-white);
       transition: box-shadow var(--am-duration) var(--am-ease),
                   border-color var(--am-duration) var(--am-ease);
   }
   
   .am-blog-featured-inner:hover {
       box-shadow: var(--am-shadow-gold);
       border-color: rgba(201, 168, 76, 0.3);
   }
   
   .am-blog-featured-media {
       position: relative;
       overflow: hidden;
       min-height: 420px;
   }
   
   .am-blog-featured-media img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       transition: transform 0.6s var(--am-ease);
   }
   
   .am-blog-featured-inner:hover .am-blog-featured-media img {
       transform: scale(1.03);
   }
   
   .am-blog-featured-placeholder {
       width: 100%;
       height: 100%;
       min-height: 420px;
       background: var(--am-dark);
       display: flex;
       align-items: center;
       justify-content: center;
   }
   
   .am-blog-placeholder-icon {
       color: var(--am-gold);
       font-size: 48px;
       opacity: 0.3;
   }
   
   .am-blog-featured-content {
       padding: 48px 44px;
       display: flex;
       flex-direction: column;
       justify-content: center;
       gap: 0;
   }
   
   .am-blog-featured-meta {
       display: flex;
       align-items: center;
       gap: 12px;
       margin-bottom: 16px;
       flex-wrap: wrap;
   }
   
   .am-blog-cat-tag {
       font-size: 9px;
       font-weight: 700;
       letter-spacing: 0.14em;
       text-transform: uppercase;
       color: var(--am-white);
       padding: 4px 12px;
       border-radius: var(--am-radius-pill);
       text-decoration: none;
       flex-shrink: 0;
   }
   
   .am-single-cat {
       display: inline-block;
       margin-bottom: 16px;
   }
   
   .am-blog-meta-date,
   .am-blog-meta-read {
       font-size: 11px;
       color: var(--am-light-grey);
       letter-spacing: 0.04em;
   }
   
   .am-blog-featured-title {
       font-family: var(--am-font-display);
       font-size: clamp(24px, 3vw, 36px);
       font-weight: 400;
       color: var(--am-black);
       line-height: 1.2;
       margin: 0 0 16px;
       letter-spacing: -0.01em;
   }
   
   .am-blog-featured-excerpt {
       font-size: 14px;
       color: var(--am-grey);
       line-height: 1.85;
       margin: 0 0 24px;
   }
   
   .am-blog-read-more {
       display: inline-flex;
       align-items: center;
       gap: 8px;
       font-size: 11px;
       font-weight: 600;
       letter-spacing: 0.1em;
       text-transform: uppercase;
       color: var(--am-gold);
       transition: gap var(--am-duration) var(--am-ease);
   }
   
   .am-blog-featured-inner:hover .am-blog-read-more {
       gap: 12px;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      POSTS GRID
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-grid {
       display: grid;
       grid-template-columns: repeat(3, 1fr);
       gap: 24px;
   }
   
   .am-blog-grid--related {
       margin-top: 0;
   }
   
   /* ── Blog Card ── */
   
   .am-blog-card {
       background: var(--am-white);
       border: 1px solid rgba(201, 168, 76, 0.1);
       border-radius: var(--am-radius);
       overflow: hidden;
       transition: box-shadow var(--am-duration) var(--am-ease),
                   border-color var(--am-duration) var(--am-ease),
                   transform var(--am-duration) var(--am-ease);
   }
   
   .am-blog-card:hover {
       box-shadow: var(--am-shadow-gold);
       border-color: rgba(201, 168, 76, 0.25);
       transform: translateY(-3px);
   }
   
   .am-blog-card-inner {
       display: flex;
       flex-direction: column;
       text-decoration: none;
       height: 100%;
   }
   
   .am-blog-card-media {
       position: relative;
       overflow: hidden;
       aspect-ratio: 4 / 3;
       background: var(--am-dark);
   }
   
   .am-blog-card-media img {
       width: 100%;
       height: 100%;
       object-fit: cover;
       display: block;
       transition: transform 0.5s var(--am-ease);
   }
   
   .am-blog-card:hover .am-blog-card-media img {
       transform: scale(1.04);
   }
   
   .am-blog-card-placeholder {
       width: 100%;
       height: 100%;
       display: flex;
       align-items: center;
       justify-content: center;
       background: var(--am-dark);
       color: var(--am-gold);
       font-size: 32px;
       opacity: 0.4;
   }
   
   .am-blog-card-cat {
       position: absolute;
       top: 12px;
       left: 12px;
       font-size: 9px;
       font-weight: 700;
       letter-spacing: 0.12em;
       text-transform: uppercase;
       color: var(--am-white);
       padding: 3px 10px;
       border-radius: var(--am-radius-pill);
   }
   
   .am-blog-card-cat--product {
       background: var(--am-gold) !important;
       color: var(--am-black) !important;
   }
   
   .am-blog-card-body {
       padding: 20px 22px 12px;
       flex: 1;
       display: flex;
       flex-direction: column;
   }
   
   .am-blog-card-meta {
       display: flex;
       align-items: center;
       gap: 6px;
       font-size: 10px;
       color: var(--am-light-grey);
       letter-spacing: 0.04em;
       margin-bottom: 10px;
   }
   
   .am-blog-card-title {
       font-family: var(--am-font-display);
       font-size: 18px;
       font-weight: 400;
       color: var(--am-black);
       line-height: 1.3;
       margin: 0 0 10px;
       letter-spacing: 0.01em;
       transition: color var(--am-duration) var(--am-ease);
   }
   
   .am-blog-card:hover .am-blog-card-title {
       color: var(--am-gold);
   }
   
   .am-blog-card-excerpt {
       font-size: 12px;
       color: var(--am-grey);
       line-height: 1.8;
       margin: 0;
       flex: 1;
   }
   
   .am-blog-card-footer {
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 12px 22px 16px;
       border-top: 1px solid rgba(201, 168, 76, 0.07);
       margin-top: 12px;
   }
   
   .am-blog-card-author {
       font-size: 10px;
       font-weight: 600;
       letter-spacing: 0.06em;
       text-transform: uppercase;
       color: var(--am-grey);
   }
   
   .am-blog-card-arrow {
       font-size: 14px;
       color: var(--am-gold);
       transition: transform var(--am-duration) var(--am-ease);
   }
   
   .am-blog-card:hover .am-blog-card-arrow {
       transform: translateX(4px);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      PAGINATION
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-pagination {
       margin-top: var(--am-space-3xl);
       display: flex;
       justify-content: center;
   }
   
   .am-blog-pagination ul {
       display: flex;
       list-style: none;
       padding: 0;
       margin: 0;
       gap: 6px;
       align-items: center;
   }
   
   .am-blog-pagination li a,
   .am-blog-pagination li span {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 40px;
       height: 40px;
       border: 1px solid rgba(201, 168, 76, 0.2);
       border-radius: var(--am-radius);
       font-size: 12px;
       font-weight: 600;
       color: var(--am-grey);
       text-decoration: none;
       transition: all var(--am-duration) var(--am-ease);
   }
   
   .am-blog-pagination li a:hover {
       background: var(--am-black);
       border-color: var(--am-black);
       color: var(--am-gold);
   }
   
   .am-blog-pagination li span.current {
       background: var(--am-gold);
       border-color: var(--am-gold);
       color: var(--am-black);
   }
   
   .am-blog-pagination li a svg {
       pointer-events: none;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      NEWSLETTER STRIP
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-newsletter {
       padding: var(--am-space-3xl) 0;
   }
   
   .am-newsletter-form {
       display: flex;
       max-width: 440px;
       margin: 0 auto;
       gap: 0;
       border: 1px solid rgba(201, 168, 76, 0.3);
       border-radius: var(--am-radius);
       overflow: hidden;
   }
   
   .am-newsletter-input {
       flex: 1;
       padding: 14px 18px;
       background: rgba(255,255,255,0.06);
       border: none;
       color: var(--am-white);
       font-family: var(--am-font-body);
       font-size: 13px;
       outline: none;
   }
   
   .am-newsletter-input::placeholder { color: var(--am-grey); }
   
   .am-newsletter-form .am-btn {
       border-radius: 0;
       flex-shrink: 0;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      EMPTY STATE
      ──────────────────────────────────────────────────────────── */
   
   .am-blog-empty {
       text-align: center;
       padding: var(--am-space-4xl) 0;
       display: flex;
       flex-direction: column;
       align-items: center;
       gap: 16px;
   }
   
   .am-blog-empty-icon {
       font-size: 48px;
       color: var(--am-gold);
       opacity: 0.3;
       display: block;
   }
   
   .am-blog-empty h2 {
       font-family: var(--am-font-display);
       font-size: 28px;
       font-weight: 300;
       color: var(--am-black);
       margin: 0;
   }
   
   .am-blog-empty p {
       font-size: 15px;
       color: var(--am-grey);
       margin: 0;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      SINGLE POST — HERO
      ──────────────────────────────────────────────────────────── */
   
   .am-single-hero {
       position: relative;
       padding: var(--am-space-4xl) 0 var(--am-space-3xl);
       background: var(--am-black);
       overflow: hidden;
   }
   
   .am-single-hero--has-image {
       min-height: 62vh;
       display: flex;
       flex-direction: column;
       justify-content: flex-end;
   }
   
   .am-single-hero--no-image {
       min-height: 40vh;
       display: flex;
       flex-direction: column;
       justify-content: center;
   }
   
   .am-single-hero-bg {
       position: absolute;
       inset: 0;
       background-size: cover;
       background-position: center;
       z-index: 0;
   }
   
   .am-single-hero-overlay {
       position: absolute;
       inset: 0;
       background: linear-gradient(
           to top,
           rgba(10,10,10,0.92) 0%,
           rgba(10,10,10,0.55) 50%,
           rgba(10,10,10,0.2) 100%
       );
   }
   
   .am-single-hero-inner {
       position: relative;
       z-index: 1;
       max-width: var(--am-container);
       margin: 0 auto;
       padding: 0 var(--am-space-xl);
       width: 100%;
   }
   
   /* Breadcrumb */
   .am-single-breadcrumb {
       font-size: 11px;
       color: rgba(255,255,255,0.5);
       margin-bottom: 20px;
       letter-spacing: 0.04em;
   }
   
   .am-single-breadcrumb a {
       color: rgba(255,255,255,0.5);
       text-decoration: none;
       transition: color var(--am-duration) var(--am-ease);
   }
   
   .am-single-breadcrumb a:hover { color: var(--am-gold); }
   
   .am-single-title {
       font-family: var(--am-font-display);
       font-size: clamp(28px, 5vw, 56px);
       font-weight: 300;
       color: var(--am-white);
       line-height: 1.12;
       letter-spacing: -0.02em;
       margin: 12px 0 24px;
       max-width: 860px;
   }
   
   /* Meta bar */
   .am-single-meta-bar {
       display: flex;
       align-items: center;
       justify-content: space-between;
       gap: 20px;
       flex-wrap: wrap;
   }
   
   .am-single-author-mini {
       display: flex;
       align-items: center;
       gap: 12px;
   }
   
   .am-single-author-mini img {
       width: 36px;
       height: 36px;
       border-radius: 50%;
       object-fit: cover;
       border: 1px solid rgba(201, 168, 76, 0.3);
   }
   
   .am-single-author-mini > div {
       font-size: 12px;
       color: rgba(255,255,255,0.65);
       letter-spacing: 0.02em;
   }
   
   .am-single-author-name {
       font-weight: 600;
       color: rgba(255,255,255,0.9);
   }
   
   .am-single-meta-sep {
       color: rgba(255,255,255,0.25);
       margin: 0 2px;
   }
   
   .am-single-read-time {
       color: var(--am-gold);
   }
   
   /* Share buttons */
   .am-single-share {
       display: flex;
       align-items: center;
       gap: 8px;
   }
   
   .am-single-share-label {
       font-size: 10px;
       letter-spacing: 0.1em;
       text-transform: uppercase;
       color: rgba(255,255,255,0.4);
       font-weight: 600;
       margin-right: 4px;
   }
   
   .am-single-share-btn {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 34px;
       height: 34px;
       border: 1px solid rgba(255,255,255,0.15);
       border-radius: 50%;
       color: rgba(255,255,255,0.6);
       text-decoration: none;
       background: none;
       cursor: pointer;
       transition: all var(--am-duration) var(--am-ease);
       padding: 0;
   }
   
   .am-single-share-btn:hover {
       border-color: var(--am-gold);
       color: var(--am-gold);
       background: rgba(201,168,76,0.1);
   }
   
   /* On white background (bottom share bar) */
   .am-single-share-bottom .am-single-share-btn {
       border-color: rgba(201,168,76,0.2);
       color: var(--am-grey);
   }
   
   .am-single-share-bottom .am-single-share-btn:hover {
       border-color: var(--am-gold);
       color: var(--am-gold);
       background: rgba(201,168,76,0.08);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      SINGLE POST — ARTICLE LAYOUT (sidebar + content)
      ──────────────────────────────────────────────────────────── */
   
   .am-single-layout {
       padding: var(--am-space-3xl) 0 var(--am-space-4xl);
       background: var(--am-off-white);
   }
   
   .am-single-layout-inner {
       display: grid;
       grid-template-columns: 220px 1fr;
       gap: 64px;
       align-items: start;
   }
   
   /* Sticky ToC sidebar */
   .am-single-toc-sidebar {
       position: sticky;
       top: 100px;
       display: flex;
       flex-direction: column;
       gap: 24px;
   }
   
   .am-single-toc-inner {
       padding: 20px;
       background: var(--am-white);
       border: 1px solid rgba(201, 168, 76, 0.1);
       border-radius: var(--am-radius);
   }
   
   .am-single-toc-label {
       display: block;
       font-size: 9px;
       letter-spacing: 0.2em;
       text-transform: uppercase;
       color: var(--am-gold);
       font-weight: 700;
       margin-bottom: 14px;
       padding-bottom: 10px;
       border-bottom: 1px solid rgba(201, 168, 76, 0.1);
   }
   
   #amTocNav {
       display: flex;
       flex-direction: column;
       gap: 2px;
   }
   
   .am-toc-link {
       display: block;
       font-size: 12px;
       color: var(--am-grey);
       text-decoration: none;
       padding: 6px 8px;
       border-radius: var(--am-radius);
       border-left: 2px solid transparent;
       line-height: 1.5;
       transition: all var(--am-duration) var(--am-ease);
   }
   
   .am-toc-link:hover,
   .am-toc-link.active {
       color: var(--am-black);
       background: var(--am-off-white);
       border-left-color: var(--am-gold);
   }
   
   .am-toc-link--sub {
       padding-left: 20px;
       font-size: 11px;
       color: var(--am-light-grey);
   }
   
   /* Sidebar author card */
   .am-single-sidebar-author {
       display: flex;
       align-items: flex-start;
       gap: 10px;
       padding: 16px;
       background: var(--am-white);
       border: 1px solid rgba(201, 168, 76, 0.1);
       border-radius: var(--am-radius);
   }
   
   .am-single-sidebar-author img {
       width: 44px;
       height: 44px;
       border-radius: 50%;
       object-fit: cover;
       flex-shrink: 0;
   }
   
   .am-single-sidebar-author-name {
       display: block;
       font-size: 11px;
       font-weight: 600;
       color: var(--am-black);
       margin-bottom: 4px;
       letter-spacing: 0.02em;
   }
   
   .am-single-sidebar-author-bio {
       font-size: 11px;
       color: var(--am-grey);
       line-height: 1.6;
       margin: 0;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      ARTICLE PROSE STYLES
      ──────────────────────────────────────────────────────────── */
   
   .am-single-article {
       max-width: 720px;
   }
   
   .am-prose h1,
   .am-prose h2,
   .am-prose h3,
   .am-prose h4 {
       font-family: var(--am-font-display) !important;
       color: var(--am-black) !important;
       line-height: 1.25 !important;
       margin: 1.8em 0 0.7em !important;
       font-weight: 400 !important;
       letter-spacing: -0.01em;
   }
   
   .am-prose h2 { font-size: clamp(22px, 3vw, 32px) !important; }
   .am-prose h3 { font-size: clamp(18px, 2.5vw, 24px) !important; }
   .am-prose h4 { font-size: 18px !important; }
   
   .am-prose p {
       font-size: 16px !important;
       line-height: 1.9 !important;
       color: #3D3D3D !important;
       margin-bottom: 1.5em !important;
   }
   
   .am-prose strong { color: var(--am-black) !important; font-weight: 700 !important; }
   
   .am-prose a {
       color: var(--am-gold) !important;
       text-decoration: underline !important;
       text-underline-offset: 3px !important;
   }
   
   .am-prose a:hover { color: var(--am-gold-deep) !important; }
   
   .am-prose ul,
   .am-prose ol {
       padding-left: 24px !important;
       margin-bottom: 1.5em !important;
   }
   
   .am-prose li {
       font-size: 15px !important;
       line-height: 1.8 !important;
       color: #4A4A4A !important;
       margin-bottom: 8px !important;
   }
   
   .am-prose blockquote {
       margin: 2em 0 !important;
       padding: 20px 28px !important;
       border-left: 3px solid var(--am-gold) !important;
       background: rgba(201, 168, 76, 0.04) !important;
       border-radius: 0 var(--am-radius) var(--am-radius) 0 !important;
   }
   
   .am-prose blockquote p {
       font-family: var(--am-font-display) !important;
       font-size: 20px !important;
       font-style: italic !important;
       color: var(--am-black) !important;
       margin: 0 !important;
   }
   
   .am-prose img {
       max-width: 100% !important;
       border-radius: var(--am-radius) !important;
       margin: 2em 0 !important;
       display: block;
   }
   
   .am-prose figure {
       margin: 2em 0 !important;
   }
   
   .am-prose figcaption {
       font-size: 12px !important;
       color: var(--am-light-grey) !important;
       text-align: center !important;
       margin-top: 10px !important;
       font-style: italic;
   }
   
   .am-prose hr {
       border: none !important;
       border-top: 1px solid rgba(201, 168, 76, 0.15) !important;
       margin: 2.5em 0 !important;
   }
   
   .am-prose table {
       width: 100% !important;
       border-collapse: collapse !important;
       margin-bottom: 1.5em !important;
       font-size: 14px !important;
   }
   
   .am-prose th {
       background: var(--am-black) !important;
       color: var(--am-gold) !important;
       padding: 10px 16px !important;
       font-size: 10px !important;
       letter-spacing: 0.1em !important;
       text-transform: uppercase !important;
       font-weight: 700 !important;
       text-align: left;
   }
   
   .am-prose td {
       padding: 10px 16px !important;
       border-bottom: 1px solid rgba(201, 168, 76, 0.08) !important;
       color: var(--am-grey) !important;
       vertical-align: top;
   }
   
   .am-prose code {
       font-family: 'Courier New', monospace !important;
       font-size: 13px !important;
       background: var(--am-cream) !important;
       padding: 2px 6px !important;
       border-radius: 3px !important;
       color: var(--am-black) !important;
   }
   
   .am-prose pre {
       background: var(--am-dark) !important;
       padding: 20px !important;
       border-radius: var(--am-radius) !important;
       overflow-x: auto !important;
       margin-bottom: 1.5em !important;
   }
   
   .am-prose pre code {
       background: none !important;
       color: var(--am-light-grey) !important;
       font-size: 13px !important;
       padding: 0 !important;
   }
   
   /* Embedded images in content — kill white boxes Savoy adds */
   .am-prose .wp-caption,
   .am-prose .aligncenter,
   .am-prose .alignleft,
   .am-prose .alignright {
       max-width: 100% !important;
   }
   
   .am-prose .wp-caption {
       background: none !important;
       border: none !important;
       padding: 0 !important;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      POST PAGINATION (nextpage tag)
      ──────────────────────────────────────────────────────────── */
   
   .am-single-page-links {
       display: flex;
       align-items: center;
       gap: 8px;
       margin: 2em 0;
       font-size: 13px;
       color: var(--am-grey);
   }
   
   .am-single-page-links span a,
   .am-single-page-links a {
       display: inline-flex;
       align-items: center;
       justify-content: center;
       width: 32px;
       height: 32px;
       border: 1px solid rgba(201, 168, 76, 0.2);
       border-radius: var(--am-radius);
       font-size: 12px;
       font-weight: 600;
       color: var(--am-grey);
       text-decoration: none;
       transition: all var(--am-duration) var(--am-ease);
   }
   
   .am-single-page-links span a:hover {
       background: var(--am-black);
       color: var(--am-gold);
       border-color: var(--am-black);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      TAGS
      ──────────────────────────────────────────────────────────── */
   
   .am-single-tags {
       display: flex;
       align-items: flex-start;
       gap: 12px;
       margin: 32px 0;
       flex-wrap: wrap;
   }
   
   .am-single-tags-label {
       font-size: 9px;
       letter-spacing: 0.16em;
       text-transform: uppercase;
       color: var(--am-gold);
       font-weight: 700;
       padding-top: 6px;
       flex-shrink: 0;
   }
   
   .am-single-tags-list {
       display: flex;
       flex-wrap: wrap;
       gap: 8px;
   }
   
   .am-single-tag-pill {
       font-size: 11px;
       font-weight: 500;
       color: var(--am-grey);
       padding: 5px 14px;
       border: 1px solid rgba(201, 168, 76, 0.15);
       border-radius: var(--am-radius-pill);
       text-decoration: none;
       transition: all var(--am-duration) var(--am-ease);
       letter-spacing: 0.04em;
   }
   
   .am-single-tag-pill:hover {
       background: var(--am-black);
       border-color: var(--am-black);
       color: var(--am-gold);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      BOTTOM SHARE BAR
      ──────────────────────────────────────────────────────────── */
   
   .am-single-share-bottom {
       display: flex;
       align-items: center;
       justify-content: space-between;
       padding: 20px 0;
       margin: 16px 0 28px;
       border-top: 1px solid rgba(201, 168, 76, 0.1);
       border-bottom: 1px solid rgba(201, 168, 76, 0.1);
       gap: 16px;
   }
   
   .am-single-share-bottom > span {
       font-size: 11px;
       font-weight: 600;
       letter-spacing: 0.1em;
       text-transform: uppercase;
       color: var(--am-grey);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      AUTHOR CARD
      ──────────────────────────────────────────────────────────── */
   
   .am-single-author-card {
       display: flex;
       align-items: flex-start;
       gap: 20px;
       padding: 28px 28px;
       background: var(--am-cream);
       border: 1px solid rgba(201, 168, 76, 0.12);
       border-radius: var(--am-radius);
       margin-top: 32px;
   }
   
   .am-single-author-avatar {
       width: 64px;
       height: 64px;
       border-radius: 50%;
       object-fit: cover;
       flex-shrink: 0;
       border: 2px solid rgba(201, 168, 76, 0.2);
   }
   
   .am-single-author-about {
       display: block;
       font-size: 9px;
       letter-spacing: 0.16em;
       text-transform: uppercase;
       color: var(--am-gold);
       font-weight: 700;
       margin-bottom: 4px;
   }
   
   .am-single-author-full {
       display: block;
       font-family: var(--am-font-display);
       font-size: 20px;
       font-weight: 400;
       color: var(--am-black);
       margin-bottom: 8px;
   }
   
   .am-single-author-desc {
       font-size: 13px;
       color: var(--am-grey);
       line-height: 1.75;
       margin: 0;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      PREV / NEXT POST NAVIGATION
      ──────────────────────────────────────────────────────────── */
   
   .am-single-post-nav {
       padding: var(--am-space-xl) 0;
   }
   
   .am-single-post-nav-inner {
       display: grid;
       grid-template-columns: 1fr auto 1fr;
       gap: 20px;
       align-items: center;
   }
   
   .am-single-nav-item {
       display: flex;
       flex-direction: column;
       gap: 8px;
       text-decoration: none;
       padding: 20px 24px;
       border: 1px solid rgba(201, 168, 76, 0.12);
       border-radius: var(--am-radius);
       background: var(--am-white);
       transition: all var(--am-duration) var(--am-ease);
   }
   
   .am-single-nav-item:hover {
       border-color: rgba(201, 168, 76, 0.3);
       box-shadow: var(--am-shadow-gold);
   }
   
   .am-single-nav-item--next {
       text-align: right;
   }
   
   .am-single-nav-dir {
       display: flex;
       align-items: center;
       gap: 6px;
       font-size: 9px;
       letter-spacing: 0.14em;
       text-transform: uppercase;
       color: var(--am-gold);
       font-weight: 700;
   }
   
   .am-single-nav-item--next .am-single-nav-dir {
       justify-content: flex-end;
   }
   
   .am-single-nav-title {
       font-family: var(--am-font-display);
       font-size: 15px;
       font-weight: 400;
       color: var(--am-black);
       line-height: 1.4;
       display: -webkit-box;
       -webkit-line-clamp: 2;
       -webkit-box-orient: vertical;
       overflow: hidden;
   }
   
   .am-single-nav-all {
       display: flex;
       align-items: center;
       justify-content: center;
       width: 44px;
       height: 44px;
       border: 1px solid rgba(201, 168, 76, 0.2);
       border-radius: 50%;
       color: var(--am-grey);
       text-decoration: none;
       transition: all var(--am-duration) var(--am-ease);
       flex-shrink: 0;
   }
   
   .am-single-nav-all:hover {
       background: var(--am-black);
       border-color: var(--am-black);
       color: var(--am-gold);
   }
   
   
   /* ────────────────────────────────────────────────────────────
      COMMENTS
      ──────────────────────────────────────────────────────────── */
   
   .am-single-comments {
       padding: var(--am-space-3xl) 0;
       background: var(--am-off-white);
   }
   
   .am-single-comments-inner {
       max-width: 720px;
   }
   
   /* Comments list */
   .am-comments-title {
       font-family: var(--am-font-display);
       font-size: 28px;
       font-weight: 400;
       color: var(--am-black);
       margin: 0 0 28px;
   }
   
   .comments-list {
       list-style: none;
       padding: 0;
       margin: 0 0 40px;
       display: flex;
       flex-direction: column;
       gap: 0;
   }
   
   .am-comment-item {
       padding: 24px 0;
       border-bottom: 1px solid rgba(201, 168, 76, 0.07);
   }
   
   .am-comment-item:last-child { border-bottom: none; }
   
   .am-comment-body {
       display: flex;
       align-items: flex-start;
       gap: 16px;
   }
   
   .am-comment-avatar img {
       width: 44px !important;
       height: 44px !important;
       border-radius: 50% !important;
       object-fit: cover;
       border: 1px solid rgba(201, 168, 76, 0.15);
   }
   
   .am-comment-content { flex: 1; }
   
   .am-comment-meta {
       display: flex;
       align-items: center;
       gap: 10px;
       margin-bottom: 10px;
       flex-wrap: wrap;
   }
   
   .am-comment-author {
       font-size: 13px;
       font-weight: 600;
       color: var(--am-black);
   }
   
   .am-comment-date {
       font-size: 11px;
       color: var(--am-light-grey);
       letter-spacing: 0.04em;
   }
   
   .am-comment-edit a,
   .am-comment-reply a {
       font-size: 10px;
       color: var(--am-gold);
       text-decoration: none;
       font-weight: 600;
       letter-spacing: 0.06em;
       text-transform: uppercase;
   }
   
   .am-comment-awaiting {
       font-size: 12px;
       color: var(--am-light-grey);
       font-style: italic;
       margin: 0 0 8px;
   }
   
   .am-comment-text {
       font-size: 14px;
       color: var(--am-grey);
       line-height: 1.8;
   }
   
   .am-comment-text p { margin: 0 0 10px; }
   .am-comment-text p:last-child { margin: 0; }
   
   /* Nested comments */
   .comments-list .children {
       list-style: none;
       padding: 0;
       margin: 16px 0 0 56px;
       border-left: 2px solid rgba(201, 168, 76, 0.1);
       padding-left: 20px;
   }
   
   /* Comment form */
   .am-comment-form-wrap {
       margin-top: 40px;
       padding-top: 40px;
       border-top: 1px solid rgba(201, 168, 76, 0.1);
   }
   
   .am-comments-reply-title {
       font-family: var(--am-font-display);
       font-size: 24px;
       font-weight: 400;
       color: var(--am-black);
       margin: 0 0 24px;
   }
   
   .am-comments-cancel { font-size: 13px; margin-left: 12px; }
   .am-comments-cancel a { color: var(--am-grey); }
   
   .am-comment-fields-row {
       display: grid;
       grid-template-columns: 1fr 1fr;
       gap: 16px;
       margin-bottom: 20px;
   }
   
   .am-comment-field {
       display: flex;
       flex-direction: column;
       gap: 6px;
       margin-bottom: 20px;
   }
   
   .am-comment-field label {
       font-size: 10px !important;
       letter-spacing: 0.12em !important;
       text-transform: uppercase !important;
       font-weight: 600 !important;
       color: var(--am-grey) !important;
   }
   
   .am-comment-field label span {
       color: var(--am-gold);
   }
   
   .am-comment-field input,
   .am-comment-field textarea {
       padding: 12px 16px;
       border: 1px solid #E2DDD6;
       border-radius: var(--am-radius);
       font-family: var(--am-font-body);
       font-size: 14px;
       color: var(--am-black);
       background: var(--am-off-white);
       outline: none;
       transition: border-color var(--am-duration) var(--am-ease);
       width: 100%;
   }
   
   .am-comment-field input:focus,
   .am-comment-field textarea:focus {
       border-color: var(--am-gold);
       background: var(--am-white);
       box-shadow: 0 0 0 3px rgba(201, 168, 76, 0.08);
   }
   
   .am-comment-field textarea {
       resize: vertical;
       min-height: 120px;
   }
   
   .am-comment-submit {
       display: flex;
       align-items: center;
       gap: 16px;
       margin-top: 8px;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      RELATED POSTS
      ──────────────────────────────────────────────────────────── */
   
   .am-single-related {
       padding: var(--am-space-3xl) 0;
       background: var(--am-off-white);
   }
   
   .am-single-related-header {
       display: flex;
       align-items: baseline;
       justify-content: space-between;
       gap: 16px;
       margin-bottom: 28px;
   }
   
   
   /* ────────────────────────────────────────────────────────────
      SEARCH HERO FORM
      ──────────────────────────────────────────────────────────── */
   
   .am-search-hero-form {
       margin-top: 28px;
       max-width: 600px;
       width: 100%;
   }
   
   .am-search-hero-input-wrap {
       display: flex;
       border: 1px solid rgba(201, 168, 76, 0.3);
       border-radius: var(--am-radius);
       overflow: hidden;
       background: rgba(255,255,255,0.07);
   }
   
   .am-search-hero-input {
       flex: 1;
       background: none;
       border: none;
       padding: 14px 20px;
       color: var(--am-white);
       font-family: var(--am-font-body);
       font-size: 14px;
       outline: none;
   }
   
   .am-search-hero-input::placeholder { color: rgba(255,255,255,0.35); }
   
   .am-search-hero-btn {
       background: var(--am-gold);
       border: none;
       padding: 14px 20px;
       color: var(--am-black);
       cursor: pointer;
       transition: background var(--am-duration) var(--am-ease);
       display: flex;
       align-items: center;
   }
   
   .am-search-hero-btn:hover { background: var(--am-gold-light); }
   
   
   /* ══════════════════════════════════════════════════════════════
      BLOG RESPONSIVE
   ══════════════════════════════════════════════════════════════ */
   
   /* Tablet */
   @media (max-width: 1024px) {
   
       .am-blog-grid {
           grid-template-columns: repeat(2, 1fr);
       }
   
       .am-single-layout-inner {
           grid-template-columns: 1fr;
           gap: 32px;
       }
   
       .am-single-toc-sidebar {
           position: static;
           display: none; /* Hide sidebar ToC on tablet — heading anchors still work */
       }
   
       .am-single-article {
           max-width: 100%;
       }
   
       .am-blog-featured-inner {
           grid-template-columns: 1fr;
       }
   
       .am-blog-featured-media {
           min-height: 280px;
       }
   
       .am-blog-featured-content {
           padding: 32px 28px;
       }
   
       .am-single-post-nav-inner {
           grid-template-columns: 1fr 1fr;
           gap: 12px;
       }
   
       .am-single-nav-all {
           display: none;
       }
   }
   
   /* Portrait tablet */
   @media (max-width: 850px) {
   
       .am-blog-hero {
           min-height: auto;
           padding: var(--am-space-3xl) 20px var(--am-space-2xl);
       }
   
       .am-blog-filter-bar {
           top: 64px; /* mobile nav height */
       }
   
       .am-single-hero--has-image {
           min-height: 50vh;
       }
   
       .am-single-hero-inner {
           padding: 0 20px;
       }
   
       .am-comment-fields-row {
           grid-template-columns: 1fr;
       }
   }
   
   /* Phone */
   @media (max-width: 640px) {
   
       .am-blog-grid {
           grid-template-columns: 1fr;
       }
   
       .am-blog-headline {
           font-size: clamp(28px, 9vw, 48px);
       }
   
       .am-single-title {
           font-size: clamp(24px, 8vw, 40px);
       }
   
       .am-single-meta-bar {
           flex-direction: column;
           align-items: flex-start;
           gap: 12px;
       }
   
       .am-single-post-nav-inner {
           grid-template-columns: 1fr;
       }
   
       .am-single-author-card {
           flex-direction: column;
           gap: 12px;
           padding: 20px;
       }
   
       .am-blog-featured-content {
           padding: 24px 20px;
       }
   
       .am-single-share-bottom {
           flex-direction: column;
           align-items: flex-start;
           gap: 12px;
       }
   
       .am-newsletter-form {
           flex-direction: column;
       }
   
       .am-newsletter-form .am-btn {
           border-radius: var(--am-radius);
           width: 100%;
           justify-content: center;
       }
   
       .am-comment-fields-row {
           grid-template-columns: 1fr;
       }
   
       .am-single-related-header {
           flex-direction: column;
           gap: 8px;
       }
   }
   
   
   
   /* ── NEWSLETTER — bulletproof dark override ──
      Savoy's .nm-page-content or body bg bleeds through
      class-based bg rules. Inline style on the section
      is the most reliable fix, but belt-and-braces here too. */
   
   section.am-blog-newsletter,
   .am-blog-newsletter {
       background: var(--am-black) !important;
       color: var(--am-white);
       border-top: 1px solid rgba(201, 168, 76, 0.1);
   }
   
   .am-blog-newsletter h2 {
       color: var(--am-white) !important;
   }
   
   .am-blog-newsletter p {
       color: var(--am-grey) !important;
   }
   
   .am-blog-newsletter .am-newsletter-input {
       color: var(--am-white) !important;
       background: transparent !important;
   }
   
   .am-blog-newsletter .am-newsletter-input::placeholder {
       color: rgba(255,255,255,0.3) !important;
   }
   
   
   [dir="rtl"] .am-blog-filter-inner,
   .am-rtl .am-blog-filter-inner {
       direction: rtl;
   }
   
   [dir="rtl"] .am-blog-card-cat,
   .am-rtl .am-blog-card-cat {
       left: auto;
       right: 12px;
   }
   
   [dir="rtl"] .am-single-breadcrumb,
   .am-rtl .am-single-breadcrumb {
       direction: rtl;
   }
   
   [dir="rtl"] .am-single-title,
   .am-rtl .am-single-title {
       font-family: var(--am-font-arabic);
       letter-spacing: 0;
   }
   
   [dir="rtl"] .am-single-meta-bar,
   .am-rtl .am-single-meta-bar {
       flex-direction: row-reverse;
   }
   
   [dir="rtl"] .am-single-author-mini,
   .am-rtl .am-single-author-mini {
       flex-direction: row-reverse;
   }
   
   [dir="rtl"] .am-toc-link,
   .am-rtl .am-toc-link {
       border-left: none;
       border-right: 2px solid transparent;
       text-align: right;
   }
   
   [dir="rtl"] .am-toc-link:hover,
   [dir="rtl"] .am-toc-link.active,
   .am-rtl .am-toc-link:hover,
   .am-rtl .am-toc-link.active {
       border-right-color: var(--am-gold);
   }
   
   [dir="rtl"] .am-toc-link--sub,
   .am-rtl .am-toc-link--sub {
       padding-left: 8px;
       padding-right: 28px;
   }
   
   [dir="rtl"] .am-prose,
   .am-rtl .am-prose {
       direction: rtl;
       text-align: right;
   }
   
   [dir="rtl"] .am-prose p,
   [dir="rtl"] .am-prose li,
   .am-rtl .am-prose p,
   .am-rtl .am-prose li {
       font-family: var(--am-font-arabic) !important;
       line-height: 2 !important;
   }
   
   [dir="rtl"] .am-prose blockquote,
   .am-rtl .am-prose blockquote {
       border-left: none !important;
       border-right: 3px solid var(--am-gold) !important;
       border-radius: var(--am-radius) 0 0 var(--am-radius) !important;
   }
   
   [dir="rtl"] .am-prose ul,
   [dir="rtl"] .am-prose ol,
   .am-rtl .am-prose ul,
   .am-rtl .am-prose ol {
       padding-left: 0 !important;
       padding-right: 24px !important;
   }
   
   [dir="rtl"] .am-single-nav-item--next,
   .am-rtl .am-single-nav-item--next {
       text-align: left;
   }
   
   [dir="rtl"] .am-single-nav-item--next .am-single-nav-dir,
   .am-rtl .am-single-nav-item--next .am-single-nav-dir {
       justify-content: flex-start;
   }
   
   [dir="rtl"] .am-comment-body,
   .am-rtl .am-comment-body {
       flex-direction: row-reverse;
       text-align: right;
   }
   
   [dir="rtl"] .am-comment-meta,
   .am-rtl .am-comment-meta {
       flex-direction: row-reverse;
   }
   
   [dir="rtl"] .am-single-author-card,
   .am-rtl .am-single-author-card {
       flex-direction: row-reverse;
       text-align: right;
   }
   
   [dir="rtl"] .am-single-tags,
   .am-rtl .am-single-tags {
       flex-direction: row-reverse;
   }
   
   [dir="rtl"] .am-blog-card-arrow,
   .am-rtl .am-blog-card-arrow {
       transform: scaleX(-1);
   }
   
   [dir="rtl"] .am-blog-card:hover .am-blog-card-arrow,
   .am-rtl .am-blog-card:hover .am-blog-card-arrow {
       transform: scaleX(-1) translateX(-4px);
   }