/* === 1. GLOBAL FOUNDATION === */
	html {
		  scroll-behavior: smooth;
		  -webkit-font-smoothing: antialiased;
		  -moz-osx-font-smoothing: grayscale;
	}
	
	/* === 2. POST CARD EFFECTS === */
	.wp-block-post-featured-image,
	.wp-block-post-featured-image a {
		  overflow: hidden;
		  display: block;
		  border-radius: 4px;
	}
	.wp-block-post-featured-image img {
		  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
		  will-change: transform;
	}
	.wp-block-post:hover .wp-block-post-featured-image img {
		  transform: scale(1.05);
	}
	.wp-block-post {
		  transition: transform 0.3s ease;
	}
	.wp-block-post:hover {
		  transform: translateY(-3px);
	}
	
	/* === 3. NAV HOVER UNDERLINE === */
	.wp-block-navigation-item__content {
		  position: relative;
	}
	.wp-block-navigation-item__content::after {
		  content: '';
		  position: absolute;
		  left: 0;
		  bottom: -2px;
		  width: 0;
		  height: 1px;
		  background: currentColor;
		  opacity: 0.5;
		  transition: width 0.25s ease;
	}
	.wp-block-navigation-item:hover .wp-block-navigation-item__content::after {
		  width: 100%;
	}
	
	/* === 4. READING PROGRESS BAR (single posts) === */
	body.single-post::before {
		  content: '';
		  position: fixed;
		  top: 0;
		  left: 0;
		  width: 100%;
		  height: 2px;
		  background: linear-gradient(90deg, #1b2a41, #1b2a41);
		  transform-origin: left;
		  transform: scaleX(0);
		  z-index: 9999;
		  animation: hor-reading-progress linear both;
		  animation-timeline: scroll(root);
	}
	@keyframes hor-reading-progress {
		from { transform: scaleX(0); }
		to { transform: scaleX(1); }
	}
	
	/* === 5. ARTICLE LINKS === */
	.wp-block-post-content a:not([class]),
		.entry-content a:not([class]) {
			  color: inherit;
			  text-decoration-color: rgba(27,42,65, 0.4);
			  text-decoration-thickness: 1px;
			  text-underline-offset: 3px;
			  transition: color 0.15s ease, text-decoration-color 0.15s ease;
	}
	.wp-block-post-content a:not([class]):hover,
		.entry-content a:not([class]):hover {
			  color: #1b2a41;
			  text-decoration-color: #1b2a41;
	}
	
	/* === 6. BLOCKQUOTES === */
	.wp-block-post-content blockquote,
	.entry-content blockquote {
		  border-left: 3px solid #1b2a41;
		  padding: 0.75rem 1.5rem;
		  background: rgba(27,42,65, 0.04);
		  border-radius: 0 6px 6px 0;
		  margin: 2rem 0;
		  font-style: italic;
	}
	
	/* === 7. HR DIVIDERS === */
	.wp-block-post-content hr,
	.entry-content hr,
	.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
		  border: none !important;
		  border-top: 1px solid rgba(27,42,65, 0.2) !important;
		  max-width: 50%;
		  margin: 3rem auto !important;
		  opacity: 1 !important;
	}
	
	/* === 8. TEXT SELECTION === */
	::selection {
		  background: rgba(27,42,65, 0.15);
		  color: #1b2a41;
	}
	
	/* === 9. FOCUS RINGS === */
	a:focus-visible,
		button:focus-visible {
			  outline: 2px solid #1b2a41;
			  outline-offset: 3px;
			  border-radius: 2px;
	}
	
	/* === 10. SCROLL MARGIN FOR ANCHOR LINKS === */
	h2, h3, h4 {
		  scroll-margin-top: 80px;
	}
	
	/* === 11. STICKY FROSTED HEADER === */
	.wp-block-template-part[class*="header"],
	header.wp-block-template-part,
	#masthead,
	.site-header {
		  position: sticky;
		  top: 0;
		  z-index: 100;
		  backdrop-filter: blur(12px);
		  -webkit-backdrop-filter: blur(12px);
		  background: rgba(247, 243, 237, 0.85) !important;
		  transition: background 0.3s ease, box-shadow 0.3s ease;
	}
	
	/* === 12. SECTION HEADING DECORATIVE RULE === */
	.wp-block-heading + *,
	h2.wp-block-heading {
		  position: relative;
	}
	.wp-block-query-title,
	.wp-block-post-template ~ .wp-block-heading {
		  text-align: center;
	}
	.wp-block-query-title::after {
		  content: '';
		  display: block;
		  width: 40px;
		  height: 1px;
		  background: #1b2a41;
		  margin: 0.75rem auto 0;
		  opacity: 0.6;
	}
	
	/* === 13. H2 HEADING ACCENT IN ARTICLES === */
	.wp-block-post-content h2,
	.entry-content h2 {
		  position: relative;
	}
	.wp-block-post-content h2 .wp-anchor-link,
	.entry-content h2 .wp-anchor-link,
	.wp-block-post-content h2 a.wp-anchor-link,
	.entry-content h2 a.wp-anchor-link {
		  opacity: 0;
		  transition: opacity 0.2s ease;
		  color: #1b2a41;
		  text-decoration: none;
		  margin-left: 0.4em;
		  font-size: 0.7em;
	}
	.wp-block-post-content h2:hover .wp-anchor-link,
		.entry-content h2:hover .wp-anchor-link {
			  opacity: 1;
	}
	
	/* === 14. TASTE THE JOURNEY ARROW === */
	a[href*="top-reads"] em,
	.wp-block-paragraph a em {
		  display: inline-block;
		  transition: transform 0.2s ease;
	}
	a[href*="top-reads"]:hover em,
	.wp-block-paragraph a:hover em {
		  transform: translateX(4px);
	
}

/* === 2. POST CARD EFFECTS === */
.wp-block-post-featured-image,
.wp-block-post-featured-image a {
	  overflow: hidden;
	  display: block;
	  border-radius: 4px;
}
.wp-block-post-featured-image img {
	  transition: transform 0.6s cubic-bezier(0.23, 1, 0.32, 1);
	  will-change: transform;
	  background: linear-gradient(135deg, #f0ede8, #e8e4de);
}
.wp-block-post:hover .wp-block-post-featured-image img {
	  transform: scale(1.05);
}
.wp-block-post {
	  transition: transform 0.3s ease;
}
.wp-block-post:hover {
	  transform: translateY(-3px);
}

/* === 3. NAV HOVER UNDERLINE === */
.wp-block-navigation-item__content {
	  position: relative;
}
.wp-block-navigation-item__content::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  bottom: -2px;
	  width: 0;
	  height: 1px;
	  background: currentColor;
	  opacity: 0.5;
	  transition: width 0.25s ease;
}
.wp-block-navigation-item:hover .wp-block-navigation-item__content::after {
	  width: 100%;
}

/* === 4. READING PROGRESS BAR (single posts) === */
body.single-post::before {
	  content: '';
	  position: fixed;
	  top: 0;
	  left: 0;
	  width: 100%;
	  height: 2px;
	  background: linear-gradient(90deg, #1b2a41, #1b2a41);
	  transform-origin: left;
	  transform: scaleX(0);
	  z-index: 9999;
	  animation: hor-reading-progress linear both;
	  animation-timeline: scroll(root);
}
@keyframes hor-reading-progress {
	from { transform: scaleX(0); }
	to { transform: scaleX(1); }
}

/* === 5. ARTICLE LINKS === */
.wp-block-post-content a:not([class]),
.entry-content a:not([class]) {
	  color: inherit;
	  text-decoration-color: rgba(27,42,65, 0.4);
	  text-decoration-thickness: 1px;
	  text-underline-offset: 3px;
	  transition: color 0.15s ease, text-decoration-color 0.15s ease;
}
.wp-block-post-content a:not([class]):hover,
.entry-content a:not([class]):hover {
	  color: #1b2a41;
	  text-decoration-color: #1b2a41;
}

/* === 6. BLOCKQUOTES === */
.wp-block-post-content blockquote,
.entry-content blockquote {
	  border-left: 3px solid #1b2a41;
	  padding: 0.75rem 1.5rem;
	  background: rgba(27,42,65, 0.04);
	  border-radius: 0 6px 6px 0;
	  margin: 2rem 0;
	  font-style: italic;
}

/* === 7. HR DIVIDERS === */
.wp-block-post-content hr,
.entry-content hr,
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) {
	  border: none !important;
	  border-top: 1px solid rgba(27,42,65, 0.2) !important;
	  max-width: 50%;
	  margin: 3rem auto !important;
	  opacity: 1 !important;
}

/* === 8. TEXT SELECTION === */
::selection {
	  background: rgba(27,42,65, 0.15);
	  color: #1b2a41;
}

/* === 9. FOCUS RINGS === */
a:focus-visible,
button:focus-visible {
	  outline: 2px solid #1b2a41;
	  outline-offset: 3px;
	  border-radius: 2px;
}

/* === 10. SMOOTH IMAGE TRANSITIONS === */
img {
	  transition: opacity 0.3s ease;
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}
}

body {
  background-color: #fafaf8;
  color: #1a1a18;
}

/* === 2. COLOR TOKENS === */
:root {
  --color-bg:        #fafaf8;
  --color-text:      #1a1a18;
  --color-accent:    #1b2a41;
  --color-muted:     #7a7a72;
  --color-border:    #e2dfd9;
  --color-surface:   #f3f0ea;
  --transition-base: 0.55s cubic-bezier(0.16, 1, 0.3, 1);
}

/* === 3. TYPOGRAPHY === */
h1, h2, h3, h4, h5, h6 {
  letter-spacing: -0.02em;
  line-height: 1.15;
}

h1 { font-size: clamp(2.4rem, 5vw, 5rem);    font-weight: 300; }
h2 { font-size: clamp(1.8rem, 3.5vw, 3.2rem); font-weight: 300; }
h3 { font-size: clamp(1.3rem, 2.5vw, 2rem);   font-weight: 400; }

p { line-height: 1.75; color: #2e2e2c; }

.wp-block-navigation-item a,
figcaption {
  letter-spacing: 0.12em;
  text-transform: uppercase;
  font-size: 0.78rem;
}

/* === 4. BUTTONS === */
.wp-block-button__link {
  border-radius: 0;
  padding: 14px 32px;
  font-weight: 500;
  font-size: 0.78rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: background-color var(--transition-base),
              color var(--transition-base),
              border-color var(--transition-base);
  border: 1px solid currentColor;
}

.wp-block-button.is-style-outline .wp-block-button__link:hover {
  background-color: #1a1a18;
  color: #fafaf8;
}

/* === 5. IMAGES === */
.wp-block-image img,
.wp-block-cover img {
  transition: transform 1.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.wp-block-image:hover img { transform: scale(1.04); }
.wp-block-image { overflow: hidden; }

/* === 6. LINKS === */
a {
  text-decoration: none;
  transition: opacity var(--transition-base);
}
a:hover { opacity: 0.6; }

.entry-content a:not(.wp-block-button__link),
.wp-block-paragraph a {
  background-image: linear-gradient(currentColor, currentColor);
  background-size: 0% 1px;
  background-position: 0 100%;
  background-repeat: no-repeat;
  transition: background-size 0.4s cubic-bezier(0.16, 1, 0.3, 1);
  text-decoration: none;
}

.entry-content a:not(.wp-block-button__link):hover,
.wp-block-paragraph a:hover {
  background-size: 100% 1px;
  opacity: 1;
}

/* === 7. NAVIGATION === */
.wp-block-navigation-item a {
  position: relative;
  padding-bottom: 2px;
}
.wp-block-navigation-item a::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 0; height: 1px;
  background: currentColor;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.wp-block-navigation-item a:hover::after { width: 100%; }

/* === 8. SCROLL REVEAL === */
.hor--reveal {
  opacity: 0;
  transform: translateY(28px);
  transition: opacity 0.8s cubic-bezier(0.16, 1, 0.3, 1),
              transform 0.8s cubic-bezier(0.16, 1, 0.3, 1);
}
.hor--reveal.hor--in-view { opacity: 1; transform: translateY(0); }
.hor--reveal:nth-child(2) { transition-delay: 0.08s; }
.hor--reveal:nth-child(3) { transition-delay: 0.16s; }
.hor--reveal:nth-child(4) { transition-delay: 0.24s; }
.hor--reveal:nth-child(5) { transition-delay: 0.32s; }

@media (prefers-reduced-motion: reduce) {
  .hor--reveal { opacity: 1; transform: none; transition: none; }
}

/* === 9. DETAILS === */
hr, .wp-block-separator { border-color: var(--color-border); opacity: 1; }
figcaption { color: var(--color-muted); margin-top: 0.75rem; font-size: 0.72rem; }

/* ==============================
   BLOG ARCHIVE — EDITORIAL LAYOUT
   ============================== */

.category .wp-block-query-title,
.archive .wp-block-query-title {
  font-size: clamp(2rem, 4vw, 4rem);
  font-weight: 300;
  letter-spacing: -0.02em;
  text-align: center;
  padding: 4rem 2rem 3rem;
}

/* 3-column grid */
.category .wp-block-post-template.columns-4,
.archive .wp-block-post-template.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 1px !important;
  background-color: var(--color-border) !important;
  padding: 0 !important;
  margin: 0 !important;
}

.category .wp-block-post-template.columns-4 .wp-block-post,
.archive .wp-block-post-template.columns-4 .wp-block-post {
  background: var(--color-bg);
  overflow: hidden;
  display: flex !important;
  flex-direction: column;
  grid-column: span 1 !important;
}

/* 4:5 portrait ratio */
.category .wp-block-post .wp-block-post-featured-image,
.archive .wp-block-post .wp-block-post-featured-image {
  aspect-ratio: 4 / 5 !important;
  height: auto !important;
  overflow: hidden;
  flex-shrink: 0;
}

.category .wp-block-post .wp-block-post-featured-image img,
.archive .wp-block-post .wp-block-post-featured-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  transition: transform 1.2s cubic-bezier(0.16, 1, 0.3, 1);
}

.category .wp-block-post:hover .wp-block-post-featured-image img,
.archive .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.04);
}

/* Text area */
.category .wp-block-post .wp-block-group,
.archive .wp-block-post .wp-block-group {
  padding: 1.5rem 1.8rem 2rem !important;
  flex: 1;
  display: flex !important;
  flex-direction: column;
  gap: 0.6rem;
}

.category .wp-block-post .wp-block-spacer,
.archive .wp-block-post .wp-block-spacer {
  display: none !important;
}

/* Title */
.category .wp-block-post .wp-block-post-title,
.archive .wp-block-post .wp-block-post-title {
  font-size: 1.05rem !important;
  font-weight: 400;
  line-height: 1.3;
  letter-spacing: -0.01em;
  margin: 0 !important;
}

.category .wp-block-post .wp-block-post-title a,
.archive .wp-block-post .wp-block-post-title a {
  color: var(--color-text) !important;
  text-decoration: none;
  transition: opacity 0.4s;
}

.category .wp-block-post .wp-block-post-title a:hover,
.archive .wp-block-post .wp-block-post-title a:hover {
  opacity: 0.6;
}

/* Injected excerpt */
.hor--excerpt {
  font-size: 0.82rem;
  line-height: 1.65;
  color: var(--color-muted);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0;
}

/* Date */
.category .wp-block-post .wp-block-post-date,
.archive .wp-block-post .wp-block-post-date {
  font-size: 0.68rem !important;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--color-muted);
  margin-top: auto;
  padding-top: 0.4rem;
}

@media (max-width: 640px) {
  .category .wp-block-post-template.columns-4,
  .archive .wp-block-post-template.columns-4 {
    grid-template-columns: 1fr !important;
  }
}

@media (min-width: 641px) and (max-width: 900px) {
  .category .wp-block-post-template.columns-4,
  .archive .wp-block-post-template.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
/* === 12. ARCHIVE/CATEGORY TOP GAP FIX === */
.category main.wp-block-group,
.archive main.wp-block-group {
  padding-top: 0 !important;
  margin-top: 0 !important;
}
.category .wp-block-group.alignfull,
.archive .wp-block-group.alignfull {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.category .wp-block-query,
.archive .wp-block-query {
  margin-top: 0 !important;
}
/* === ARTICLE CARDS — Destination pages === */
.hor-article-card {
  background: #ffffff;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 1px 6px rgba(26,26,24,0.07);
  transition: box-shadow 0.45s cubic-bezier(0.16,1,0.3,1), transform 0.45s cubic-bezier(0.16,1,0.3,1);
  display: flex;
  flex-direction: column;
}
.hor-article-card:hover {
  box-shadow: 0 8px 28px rgba(26,26,24,0.12);
  transform: translateY(-4px);
}
.hor-article-card .wp-block-image {
  margin: 0 !important;
  overflow: hidden;
  flex-shrink: 0;
}
.hor-article-card .wp-block-image img {
  width: 100%;
  aspect-ratio: 3/2;
  object-fit: cover;
  display: block;
  border-radius: 0;
  transition: transform 1.2s cubic-bezier(0.16,1,0.3,1);
}
.hor-article-card:hover .wp-block-image img {
  transform: scale(1.04);
}
.hor-article-card .hor-card-title,
.hor-article-card h3.wp-block-heading {
  font-size: 1.05rem !important;
  font-weight: 400 !important;
  line-height: 1.4 !important;
  letter-spacing: -0.01em !important;
  color: #1a1a18 !important;
  padding: 1rem 1.1rem 0.35rem !important;
  margin: 0 !important;
  text-transform: none !important;
}
.hor-article-card .hor-card-title a,
.hor-article-card h3.wp-block-heading a {
  color: #1a1a18 !important;
  text-decoration: none !important;
  background: none !important;
  transition: color 0.3s ease !important;
}
.hor-article-card .hor-card-title a:hover,
.hor-article-card h3.wp-block-heading a:hover {
  color: #1b2a41 !important;
  opacity: 1 !important;
}
.hor-article-card .hor-card-excerpt,
.hor-article-card .wp-block-paragraph {
  font-size: 0.82rem !important;
  line-height: 1.65 !important;
  color: #7a7a72 !important;
  padding: 0 1.1rem 1.1rem !important;
  margin: 0 !important;
  flex-grow: 1;
}
/* Consistent column gap for card grids */
.wp-block-columns:has(.hor-article-card) {
  gap: 1.25rem !important;
}
.wp-block-columns:has(.hor-article-card) .wp-block-column {
  padding: 0 !important;
}


/* ── House of Routes: Post Layout (content width + typography) ── */
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
.wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
  max-width: 760px !important;
}
.single .entry-content h2,.single .wp-block-post-content h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:600;font-size:2rem;line-height:1.25;color:#1b2a41;margin-top:2.5rem;margin-bottom:.75rem;letter-spacing:-.01em}
.single .entry-content h3,.single .wp-block-post-content h3{font-family:'Raleway',sans-serif!important;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#1b2a41;margin-top:2rem;margin-bottom:.5rem}
.single .entry-content p,.single .wp-block-post-content p{font-size:1.05rem;line-height:1.85;color:#2a2a28}
.single .entry-content a,.single .wp-block-post-content a{color:#1b2a41;text-decoration-color:rgba(27,42,65,.3);text-underline-offset:3px}
.single .entry-content a:hover,.single .wp-block-post-content a:hover{color:#13202f;text-decoration-color:#1b2a41}
.single .entry-content hr,.single .wp-block-post-content hr{border:none;border-top:1px solid #e8ebe0;margin:2.5rem auto;width:60%}
.single .entry-content li,.single .wp-block-post-content li{font-size:1.05rem;line-height:1.85;color:#2a2a28;margin-bottom:.4rem}
.hor-related-reading{background:#fafbf3;border:1px solid #e8ebe0;border-radius:10px;padding:1.75rem 2rem;margin:3rem auto 2rem;max-width:760px}
.hor-related-reading h3{font-family:'Raleway',sans-serif!important;font-weight:700;font-size:.7rem!important;letter-spacing:.14em;text-transform:uppercase;color:#1b2a41!important;margin-top:0!important;margin-bottom:1rem!important}
.hor-related-reading ul{list-style:none;padding-left:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}
.hor-related-reading ul li::before{content:"\2192\A0";color:#1b2a41;font-weight:600}
.hor-related-reading ul a{color:#2a2a28;text-decoration:none;font-size:.92rem}
.hor-related-reading ul a:hover{color:#1b2a41;text-decoration:underline}
.hor-map-btn{display:inline-flex;align-items:center;gap:.4rem;background:#1b2a41;color:#fff!important;padding:.45rem 1rem;border-radius:50px;font-size:.82rem;font-family:'Raleway',sans-serif;font-weight:600;text-decoration:none!important;margin:.5rem .25rem .5rem 0;transition:background .2s,transform .15s}
.hor-map-btn:hover{background:#13202f!important;transform:translateY(-1px)}
@media(max-width:680px){.hor-related-reading ul{grid-template-columns:1fr}.single .entry-content h2,.single .wp-block-post-content h2{font-size:1.65rem}}

/* HOR Post Layout */
.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:760px!important;margin-left:auto!important;margin-right:auto!important}
.wp-block-post-content.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){max-width:760px!important}
.single .entry-content h2,.single .wp-block-post-content h2{font-family:'Cormorant Garamond',Georgia,serif!important;font-style:italic;font-weight:600;font-size:2rem;line-height:1.25;color:#1b2a41;margin-top:2.5rem;margin-bottom:.75rem}
.single .entry-content h3,.single .wp-block-post-content h3{font-family:'Raleway',sans-serif!important;font-weight:700;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:#1b2a41;margin-top:2rem;margin-bottom:.5rem}
.single .entry-content p,.single .wp-block-post-content p{font-size:1.05rem;line-height:1.85;color:#2a2a28}
.single .entry-content a,.single .wp-block-post-content a{color:#1b2a41;text-decoration-color:rgba(27,42,65,.3);text-underline-offset:3px}
.single .entry-content a:hover,.single .wp-block-post-content a:hover{color:#13202f;text-decoration-color:#1b2a41}
.single .entry-content hr,.single .wp-block-post-content hr{border:none;border-top:1px solid #e8ebe0;margin:2.5rem auto;width:60%}
.single .entry-content li,.single .wp-block-post-content li{font-size:1.05rem;line-height:1.85;color:#2a2a28;margin-bottom:.4rem}
.hor-related-reading{background:#fafbf3;border:1px solid #e8ebe0;border-radius:10px;padding:1.75rem 2rem;margin:3rem auto 2rem;max-width:760px}
.hor-related-reading h3{font-family:'Raleway',sans-serif!important;font-weight:700;font-size:.7rem!important;letter-spacing:.14em;text-transform:uppercase;color:#1b2a41!important;margin-top:0!important;margin-bottom:1rem!important}
.hor-related-reading ul{list-style:none;padding-left:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.5rem 1.5rem}
.hor-related-reading ul li::before{content:'\2192  ';color:#1b2a41;font-weight:600}
.hor-related-reading ul a{color:#2a2a28;text-decoration:none;font-size:.92rem}
.hor-related-reading ul a:hover{color:#1b2a41;text-decoration:underline}
.hor-map-btn{display:inline-flex;align-items:center;gap:.4rem;background:#1b2a41;color:#fff!important;padding:.45rem 1rem;border-radius:50px;font-size:.82rem;font-family:'Raleway',sans-serif;font-weight:600;text-decoration:none!important;margin:.5rem .25rem .5rem 0;transition:background .2s,transform .15s}
.hor-map-btn:hover{background:#13202f!important;transform:translateY(-1px)}
@media(max-width:680px){.hor-related-reading ul{grid-template-columns:1fr}.single .entry-content h2,.single .wp-block-post-content h2{font-size:1.65rem}}


/* Mango — map button centering */
.hor-map-buttons { text-align: center; margin: 0.25rem 0 1.25rem; }


/* ================================================
   UX POLISH v2 — Pure CSS effects, no JS overhead
   ================================================ */

/* 1. HOMEPAGE HERO — entrance animations on load */
body.home h2.has-cormorant-garamond-font-family {
  animation: hor-title-enter 1.8s cubic-bezier(0.16, 1, 0.3, 1) both;
}
body.home p.has-x-large-font-size {
  animation: hor-sub-enter 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.25s both;
}
body.home .wp-block-columns .wp-block-column:last-child > p {
  animation: hor-sub-enter 1.5s cubic-bezier(0.16, 1, 0.3, 1) 0.45s both;
}
@keyframes hor-title-enter {
  from { opacity: 0; transform: translateY(32px); }
  to   { opacity: 1; transform: translateY(0); }
}
@keyframes hor-sub-enter {
  from { opacity: 0; transform: translateY(18px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* 2. HOMEPAGE HERO — thin decorative rule under title */
body.home h2.has-cormorant-garamond-font-family {
  position: relative;
  padding-bottom: 1.2rem;
}
body.home h2.has-cormorant-garamond-font-family::after {
  content: '';
  position: absolute;
  bottom: 0; left: 0;
  width: 52px; height: 1px;
  background: #1b2a41;
  opacity: 0.5;
  animation: hor-line-grow 1.2s cubic-bezier(0.16, 1, 0.3, 1) 0.6s both;
}
@keyframes hor-line-grow {
  from { width: 0; opacity: 0; }
  to   { width: 52px; opacity: 0.5; }
}

/* 3. SECTION HEADINGS — centered accent line */
h2.wp-block-heading.has-text-align-center {
  padding-bottom: 1.2rem;
  position: relative;
}
h2.wp-block-heading.has-text-align-center::after {
  content: '';
  position: absolute;
  bottom: 0; left: 50%;
  transform: translateX(-50%);
  width: 36px; height: 1px;
  background: #1b2a41;
  opacity: 0.55;
  transition: width 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
h2.wp-block-heading.has-text-align-center:hover::after { width: 60px; }

/* 4. READING PROGRESS BAR — enhanced (3px, richer gradient) */
body.single-post::before {
  height: 3px !important;
  background: linear-gradient(90deg, #1b2a41 0%, #1b2a41 65%, #1b2a41 100%) !important;
}

/* 5. ARTICLE CARDS — teal gradient overlay on hover */
.hor-article-card figure {
  position: relative;
  isolation: isolate;
}
.hor-article-card figure::after {
  content: '';
  position: absolute;
  inset: 0;
  background: linear-gradient(to top, rgba(27,42,65,0.22) 0%, transparent 55%);
  opacity: 0;
  transition: opacity 0.45s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}
.hor-article-card:hover figure::after { opacity: 1; }

/* 6. COVER IMAGE — graceful fade in using @starting-style */
.wp-block-cover .wp-block-cover__image-background {
  transition: opacity 0.9s ease;
}
@starting-style {
  .wp-block-cover .wp-block-cover__image-background { opacity: 0; }
}

/* 7. HEADER — subtle depth shadow */
.wp-block-template-part[class*="header"],
header.wp-block-template-part,
#masthead, .site-header {
  box-shadow: 0 1px 16px rgba(26, 26, 24, 0.07);
}

/* 8. BUTTON — refined fill transition */
.wp-block-button__link {
  transition:
    background-color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    color 0.4s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}
.wp-block-button__link:hover { transform: translateY(-2px); }

/* 9. SELECTION HIGHLIGHT */
::selection { background: rgba(27,42,65, 0.15); color: #1b2a41; }

/* ================================================
   POST EDITORIAL STYLING — all single posts
   ================================================ */
/* 1. DROP CAP */
.single .wp-block-post-content .wp-block-paragraph:first-of-type::first-letter {
  float: left;
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 5rem; font-weight: 700; line-height: 0.75;
  margin-right: 0.09em; margin-top: 0.08em; color: #1b2a41;
}
/* 2. LEDE PARAGRAPH */
.single .wp-block-post-content .wp-block-paragraph:first-of-type {
  font-size: 1.2rem !important; color: #1a1a18 !important;
  line-height: 1.9 !important; font-weight: 400;
}
/* 3. H2 — teal rule above */
.single .entry-content h2::before,
.single .wp-block-post-content h2::before {
  content: ''; display: block; width: 30px; height: 2px;
  background: #1b2a41; opacity: 0.45; margin-bottom: 0.8rem;
}
/* 4. ORNAMENTAL DIVIDER */
.single .wp-block-separator:not(.is-style-wide),
.single .entry-content hr, .single .wp-block-post-content hr {
  border: none !important; background: none !important;
  height: auto !important; text-align: center; overflow: visible;
  margin: 3.5rem auto !important; max-width: 100% !important;
}
.single .wp-block-separator:not(.is-style-wide)::after,
.single .entry-content hr::after, .single .wp-block-post-content hr::after {
  content: '\B7  \B7  \B7';
  display: block; color: #1b2a41; opacity: 0.4;
  font-size: 1.1rem; letter-spacing: 0.6rem;
}
/* 5. BLOCKQUOTE */
.single .wp-block-quote, .single .entry-content blockquote {
  position: relative !important;
  border-left: 2px solid rgba(27,42,65,0.35) !important;
  background: rgba(27,42,65,0.03) !important;
  padding: 1.75rem 1.75rem 1.5rem 2.25rem !important;
  margin: 3rem 0 !important; border-radius: 0 10px 10px 0 !important;
}
.single .wp-block-quote::before, .single .entry-content blockquote::before {
  content: '\201C';
  font-family: 'Cormorant Garamond', Georgia, serif;
  font-size: 5rem; line-height: 1; color: #1b2a41; opacity: 0.18;
  position: absolute; top: -0.6rem; left: 0.75rem; pointer-events: none;
}
.single .wp-block-quote p, .single .entry-content blockquote p {
  font-size: 1.1rem !important; font-style: italic !important;
  line-height: 1.75 !important; color: #1a1a18 !important;
}
/* 6. LIST ARROWS */
.single .entry-content ul:not([class]), .single .wp-block-post-content ul:not([class]) {
  list-style: none !important; padding-left: 0 !important;
}
.single .entry-content ul:not([class]) li, .single .wp-block-post-content ul:not([class]) li {
  padding-left: 1.6rem !important; position: relative; margin-bottom: 0.55rem;
}
.single .entry-content ul:not([class]) li::before, .single .wp-block-post-content ul:not([class]) li::before {
  content: '\2192'; position: absolute; left: 0;
  color: #1b2a41; opacity: 0.65; font-size: 0.85rem; top: 0.25em;
}
/* 7. CAPTIONS */
.single figcaption, .single .wp-block-image figcaption {
  text-align: center !important; font-size: 0.73rem !important;
  letter-spacing: 0.07em; color: #7a7a72 !important;
  font-style: italic; margin-top: 0.65rem !important; opacity: 0.8;
}
/* 8. IMAGES */
.single .wp-block-image img { border-radius: 6px !important; }
/* 9. POST TITLE ACCENT */
.single .wp-block-post-title { position: relative; padding-bottom: 1rem !important; }
.single .wp-block-post-title::after {
  content: ''; display: block; width: 44px; height: 2px;
  background: #1b2a41; margin-top: 0.8rem; opacity: 0.5;
}
/* ================================================
   TOP READS PAGE — wider grid, bigger cards
   ================================================ */
/* Override the 760px max-width for the blog query block */
body.blog .wp-block-query.alignwide {
  max-width: min(78%, 1240px) !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
/* 3-column grid (cards bigger than 4-col) */
body.blog .wp-block-post-template.columns-4 {
  display: grid !important;
  grid-template-columns: repeat(4, 1fr) !important;
  gap: 2rem !important;
  background: none !important;
}
/* Card base */
body.blog .wp-block-post {
  background: #ffffff !important;
  border-radius: 6px !important;
  overflow: hidden !important;
  box-shadow: 0 2px 10px rgba(26,26,24,0.07) !important;
  transition: transform 0.4s cubic-bezier(0.16,1,0.3,1), box-shadow 0.4s cubic-bezier(0.16,1,0.3,1) !important;
  display: flex !important;
  flex-direction: column !important;
}
body.blog .wp-block-post:hover {
  transform: translateY(-5px) !important;
  box-shadow: 0 12px 32px rgba(26,26,24,0.13) !important;
}
/* Featured image — taller portrait */
body.blog .wp-block-post-featured-image {
  aspect-ratio: 4 / 5 !important;
  overflow: hidden !important;
  flex-shrink: 0 !important;
}
body.blog .wp-block-post-featured-image img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  transition: transform 1.2s cubic-bezier(0.16,1,0.3,1) !important;
}
body.blog .wp-block-post:hover .wp-block-post-featured-image img {
  transform: scale(1.05) !important;
}
/* Card text area */
body.blog .wp-block-post .wp-block-group {
  padding: 0.75rem 1rem 1rem !important;
  flex: 1 !important;
  display: flex !important;
  flex-direction: column !important;
  gap: 0.5rem !important;
}
/* Date — small uppercase */
body.blog .wp-block-post-date {
  font-size: 0.68rem !important;
  letter-spacing: 0.1em !important;
  text-transform: uppercase !important;
  color: #1b2a41 !important;
  opacity: 0.8 !important;
}
/* Title */
body.blog .wp-block-post-title {
  font-size: 1rem !important;
  font-weight: 500 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
  padding: 0 !important;
}
body.blog .wp-block-post-title::after { display: none !important; }
body.blog .wp-block-post-title a {
  color: #1a1a18 !important;
  text-decoration: none !important;
  transition: color 0.3s !important;
}
body.blog .wp-block-post-title a:hover { color: #1b2a41 !important; }
/* Remove spacers */
body.blog .wp-block-post .wp-block-spacer { display: none !important; }
/* Responsive */
@media (max-width: 900px) {
  body.blog .wp-block-post-template.columns-4 {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}
@media (max-width: 580px) {
  body.blog .wp-block-post-template.columns-4 {
    grid-template-columns: 1fr !important;
  }
}
body.blog .wp-block-post-template.columns-4 .wp-block-post { width: 100% !important; min-width: 0 !important; }
/* BACK TO TOP — CSS scroll-driven, appears after 400px */
.hor-top-btn {
  position: fixed; bottom: 2rem; right: 2rem; z-index: 999;
  width: 44px; height: 44px; border-radius: 50%;
  background: #1b2a41; color: #fff;
  display: flex; align-items: center; justify-content: center;
  text-decoration: none; font-size: 1.1rem; line-height: 1;
  box-shadow: 0 4px 16px rgba(27,42,65,0.35);
  opacity: 0; pointer-events: none;
  animation: hor-show-top linear both;
  animation-timeline: scroll(root);
  animation-range: 400px 600px;
  transition: transform 0.2s, box-shadow 0.2s;
}
.hor-top-btn:hover { transform: translateY(-3px); box-shadow: 0 8px 24px rgba(27,42,65,0.45); opacity: 1 !important; color: #fff !important; }
@keyframes hor-show-top { to { opacity: 1; pointer-events: auto; } }
/* SEARCH — styles ready for when you add the Search block to nav */
.wp-block-search__inside-wrapper {
  border: none !important; border-radius: 40px !important;
  background: rgba(27,42,65,0.07) !important;
  overflow: hidden;
}
.wp-block-search__input {
  background: transparent !important; border: none !important;
  padding: 0.45rem 1rem !important; font-size: 0.82rem !important;
  letter-spacing: 0.04em; color: #1a1a18 !important;
}
.wp-block-search__input::placeholder { color: #7a7a72; opacity: 0.7; }
.wp-block-search__button {
  background: #1b2a41 !important; color: #fff !important;
  border: none !important; border-radius: 0 40px 40px 0 !important;
  padding: 0.45rem 1rem !important; font-size: 0.75rem !important;
  letter-spacing: 0.08em; cursor: pointer;
  transition: background 0.3s !important;
}
.wp-block-search__button:hover { background: #13202f !important; }
.search .wp-block-query.alignwide { max-width: min(78%, 1240px) !important; }
.search .wp-block-post-template.columns-4 { display: grid !important; grid-template-columns: repeat(3,1fr) !important; gap: 2rem !important; background: none !important; }
.search .wp-block-post-template.columns-4 .wp-block-post { width: 100% !important; }

/* CARD PLACEHOLDER — elegant gradient when no image */
body.blog .wp-block-post-featured-image:empty,
body.blog .wp-block-post-featured-image:not(:has(img)) {
  background: linear-gradient(135deg, #f0ede8 0%, #e2dfd9 100%) !important;
}
/* LOGO/SITE NAME — refined */
.wp-site-blocks .wp-block-site-title a,
.wp-block-site-title a {
  font-family: 'Cormorant Garamond', Georgia, serif !important;
  font-size: 1.1rem !important; font-weight: 600 !important;
  letter-spacing: 0.06em !important; color: #1a1a18 !important;
  text-decoration: none !important;
}
/* CATEGORY — teal chip above post title on archive cards */
body.blog .wp-block-post-terms {
  display: inline-block;
  font-size: 0.65rem !important; letter-spacing: 0.14em !important;
  text-transform: uppercase !important; font-weight: 600 !important;
  color: #1b2a41 !important; margin-bottom: 0.3rem !important;
}
/* POST CONTENT — tighten paragraph spacing */
.single .wp-block-post-content .wp-block-paragraph { margin-bottom: 1.4rem !important; }
.single .wp-block-post-content .wp-block-paragraph + .wp-block-paragraph { margin-top: 0 !important; }
/* STICKY SHARE HINT on articles */
.single .wp-block-post-content { position: relative; }
/* FOOTER — ready for when content is added */
.wp-block-template-part[class*='footer'] {
  border-top: 1px solid rgba(27,42,65,0.12);
  padding-top: 3rem !important;
  background: #f7f4ee !important;
}
.wp-block-template-part[class*='footer'] p,
.wp-block-template-part[class*='footer'] a {
  font-size: 0.78rem !important; letter-spacing: 0.06em;
  color: #7a7a72 !important; text-transform: uppercase;
}
.wp-block-template-part[class*='footer'] a:hover { color: #1b2a41 !important; opacity: 1 !important; }
* { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/* NAV — current page indicator */
.wp-block-navigation-item.current-menu-item > a,
.wp-block-navigation-item.current-page-ancestor > a {
  opacity: 1 !important;
  border-bottom: 1px solid currentColor !important;
  padding-bottom: 1px !important;
}
/* PAGINATION — styled */
.wp-block-query-pagination {
  display: flex !important; justify-content: center !important;
  gap: 0.5rem !important; margin-top: 3rem !important;
  padding-bottom: 4rem !important;
}
.wp-block-query-pagination-numbers a,
.wp-block-query-pagination-previous,
.wp-block-query-pagination-next {
  border: 1px solid rgba(27,42,65,0.3) !important;
  padding: 0.4rem 0.9rem !important; border-radius: 4px !important;
  font-size: 0.78rem !important; letter-spacing: 0.06em !important;
  color: #1b2a41 !important; text-decoration: none !important;
  transition: background 0.3s, color 0.3s !important;
}
.wp-block-query-pagination-numbers a:hover,
.wp-block-query-pagination-previous:hover,
.wp-block-query-pagination-next:hover {
  background: #1b2a41 !important; color: #fff !important;
}
/* TOP READS PAGE SEARCH — integrated above grid */
body.blog .wp-block-search {
  max-width: min(50%, 600px) !important;
  margin: 0 auto 2.5rem !important;
  display: block !important;
}
body.blog .wp-block-search .wp-block-search__inside-wrapper {
  border: 1px solid rgba(27,42,65,0.25) !important;
  border-radius: 50px !important;
  background: rgba(255,255,255,0.7) !important;
  overflow: hidden !important;
  box-shadow: 0 2px 12px rgba(27,42,65,0.08) !important;
}
body.blog .wp-block-search__input {
  background: transparent !important;
  border: none !important;
  padding: 0.7rem 1.25rem !important;
  font-size: 0.85rem !important;
  letter-spacing: 0.04em;
  color: #1a1a18 !important;
  font-family: inherit !important;
}
body.blog .wp-block-search__input::placeholder { color: #7a7a72 !important; opacity: 0.8; }
body.blog .wp-block-search__button {
  background: #1b2a41 !important;
  color: #fff !important;
  border: none !important;
  border-radius: 0 50px 50px 0 !important;
  padding: 0.7rem 1.25rem !important;
  font-size: 0.78rem !important;
  letter-spacing: 0.1em !important;
  cursor: pointer !important;
  transition: background 0.3s !important;
}
body.blog .wp-block-search__button:hover { background: #13202f !important; }


/* ================================================
   RELATED POSTS PLUGIN — relpost grid fix
   ================================================ */
.relpost-thumb-wrapper { margin: 2rem 0 1.5rem; }
.relpost-thumb-container h3 { font-family: 'Raleway', sans-serif !important; font-weight: 700 !important; font-size: 0.7rem !important; letter-spacing: 0.14em; text-transform: uppercase; color: #1b2a41 !important; margin-bottom: 1.25rem !important; margin-top: 0 !important; }
.relpost-thumb-container > ul { display: grid !important; grid-template-columns: repeat(4, 1fr) !important; gap: 1.25rem !important; list-style: none !important; padding: 0 !important; margin: 0 !important; }
.relpost-thumb-container > ul > li { display: flex !important; flex-direction: column !important; overflow: hidden; border-radius: 8px; background: #fff; border: 1px solid #e8ebe0; transition: transform 0.3s ease, box-shadow 0.3s ease; }
.relpost-thumb-container > ul > li:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(27,42,65,0.12); }
.relpost-post-image { width: 100% !important; height: 140px !important; object-fit: cover !important; border-radius: 0 !important; display: block !important; margin-bottom: 0 !important; }
.relpost_content { font-size: 0.83rem !important; font-weight: 500 !important; color: #1a1a18 !important; line-height: 1.4 !important; padding: 0.75rem 0.9rem !important; display: block; text-decoration: none !important; }
.relpost_content:hover { color: #1b2a41 !important; }
.relpost-thumb-wrapper > span { display: none !important; }
@media (max-width: 680px) { .relpost-thumb-container > ul { grid-template-columns: repeat(2, 1fr) !important; } }

/* ================================================
   ARTICLE VITALS STRIP
   ================================================ */
.hor-vitals { display: flex; flex-wrap: wrap; align-items: center; gap: 0.6rem 1.5rem; padding: 1rem 0; margin: 1.5rem 0 2rem; border-top: 1px solid #e8ebe0; border-bottom: 1px solid #e8ebe0; }
.hor-vitals__item { display: flex; align-items: center; gap: 0.4rem; font-size: 0.78rem; letter-spacing: 0.06em; text-transform: uppercase; color: #7a7a72; font-family: 'Raleway', sans-serif; font-weight: 600; }
.hor-vitals__icon { font-size: 0.85rem; opacity: 0.7; }

/* ================================================
   KEY TAKEAWAYS BOX
   ================================================ */
.hor-takeaways { background: linear-gradient(135deg, #fbf6ec 0%, #fbf6ec 100%); border: 1px solid rgba(27,42,65,0.2); border-left: 3px solid #1b2a41; border-radius: 0 10px 10px 0; padding: 1.5rem 1.75rem; margin: 2rem 0; }
.hor-takeaways__label { display: block; font-family: 'Raleway', sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: #1b2a41; margin-bottom: 0.85rem; }
.hor-takeaways ul { list-style: none !important; padding: 0 !important; margin: 0 !important; }
.hor-takeaways ul li { font-size: 0.95rem !important; line-height: 1.65 !important; color: #2a2a28 !important; padding-left: 1.4rem !important; position: relative; margin-bottom: 0.45rem !important; }
.hor-takeaways ul li::before { content: '\2713'; position: absolute; left: 0; color: #1b2a41; font-weight: 700; font-size: 0.85rem; }

/* ================================================
   BADGES / TAGS
   ================================================ */
.hor-tags { display: flex; flex-wrap: wrap; gap: 0.4rem; margin: 0.5rem 0 1.5rem; }
.hor-tag { display: inline-flex; align-items: center; padding: 0.25rem 0.75rem; border-radius: 50px; font-size: 0.72rem; font-family: 'Raleway', sans-serif; font-weight: 700; letter-spacing: 0.08em; text-transform: uppercase; text-decoration: none !important; }
.hor-tag--teal  { background: rgba(27,42,65,0.1); color: #1b2a41; }
.hor-tag--sand  { background: rgba(181,80,60,0.09); color: #b5503c; }
.hor-tag--stone { background: #f0ede8; color: #5a5a52; }
.hor-tag--green { background: rgba(22,163,74,0.1); color: #1b2a41; }

/* ================================================
   CALLOUT VARIANTS — tip / warning / info / note
   ================================================ */
.hor-callout { display: flex; gap: 1rem; padding: 1.1rem 1.4rem; border-radius: 8px; margin: 1.75rem 0; border-left: 3px solid; }
.hor-callout__icon { font-size: 1.1rem; flex-shrink: 0; margin-top: 0.05rem; }
.hor-callout__body { flex: 1; }
.hor-callout__body strong { display: block; font-size: 0.78rem; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 0.3rem; }
.hor-callout__body p { font-size: 0.93rem !important; line-height: 1.65 !important; margin: 0 !important; color: inherit !important; }
.hor-callout--tip { background: rgba(27,42,65,0.05); border-color: #1b2a41; color: #13202f; }
.hor-callout--tip .hor-callout__body strong { color: #1b2a41; }
.hor-callout--warning { background: rgba(217,119,6,0.06); border-color: #b5503c; color: #b5503c; }
.hor-callout--warning .hor-callout__body strong { color: #b5503c; }
.hor-callout--info { background: rgba(37,99,235,0.05); border-color: #1b2a41; color: #1b2a41; }
.hor-callout--info .hor-callout__body strong { color: #1b2a41; }
.hor-callout--note { background: #f7f6f3; border-color: #b0ada6; color: #4a4a42; }
.hor-callout--note .hor-callout__body strong { color: #5a5a52; }

/* ================================================
   RELATED POSTS PLUGIN — hidden globally, use .hor-related-reading instead
   ================================================ */
.relpost-thumb-wrapper { display: none !important; }

/* COMPARISON CARDS */
.cmp-cards { display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 1.25rem; margin: 1.5rem 0; }
.cmp-card { padding: 1.4rem 1.6rem; background: #fff; border: 1px solid #e8ebe0; border-radius: 10px; }
.cmp-badge { display: inline-block; padding: 0.28rem 0.75rem; background: #1b2a41; color: #fff; font-family: 'Raleway', sans-serif; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; border-radius: 50px; margin-bottom: 0.85rem; }
.cmp-card h4 { margin: 0 0 0.5rem; font-size: 1.05rem; color: #1b2a41; }
.cmp-card p { font-size: 0.92rem !important; line-height: 1.6 !important; color: #2a2a28 !important; margin: 0.25rem 0 !important; }
.cmp-card ul { padding-left: 1.2rem; margin: 0.5rem 0; }
.cmp-card ul li { font-size: 0.92rem; line-height: 1.6; color: #2a2a28; margin-bottom: 0.25rem; }
@media (max-width: 600px) { .cmp-cards { grid-template-columns: 1fr; } }

/* FIX: checklist label layout */
.hor-checklist label { display: block !important; margin-bottom: 0.7rem !important; line-height: 1.6 !important; cursor: pointer; }
.hor-checklist input[type="checkbox"] { margin-right: 0.6rem; accent-color: #1b2a41; cursor: pointer; vertical-align: middle; }

/* Fix: nav responsive-container missing block CSS on single post pages */
.wp-block-navigation__responsive-container.is-menu-open {
  display: flex;
  flex-direction: column;
}
/* ================================================
   FIX: Force desktop navigation to display
   ================================================ */
@media (min-width: 782px) {
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }
  .wp-block-navigation__responsive-container {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
  }
  nav.wp-block-navigation {
    display: flex !important;
  }
  .wp-block-navigation-item {
    display: flex !important;
  }
}



/* ================================================
   COMPREHENSIVE NAVIGATION FIX - ALL PAGES
   Ensures horizontal nav display across all articles
   ================================================ */

/* Desktop: Hide hamburger button, show horizontal nav */
@media (min-width: 782px) {
  /* Hide the hamburger toggle button */
  .wp-block-navigation__responsive-container-open {
    display: none !important;
  }

  /* Show responsive container as horizontal menu */
  .wp-block-navigation__responsive-container {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
    padding: 0 !important;
    margin: 0 !important;
    inset: auto !important;
  }

  /* Ensure nav items display inline */
  .wp-block-navigation__responsive-container .wp-block-navigation-item {
    display: inline-flex !important;
    margin: 0 1rem !important;
    padding: 0 !important;
  }

  /* Remove modal/dropdown styling */
  .wp-block-navigation__responsive-container.is-menu-open {
    display: flex !important;
    position: static !important;
    flex-direction: row !important;
  }

  /* Ensure nav wrapper displays correctly */
  .wp-block-navigation__responsive-container ul,
  .wp-block-navigation__responsive-container nav {
    display: flex !important;
    flex-direction: row !important;
    width: 100% !important;
  }

  /* Close button should be hidden at desktop */
  .wp-block-navigation__responsive-container .wp-block-navigation__responsive-container-close {
    display: none !important;
  }
}


/* === GLITCH FIX 2026-06-20: restore ::before/::after glyphs sitewide === */
.hor-related-reading ul li::before{content:"\2192\A0" !important;}
.single .wp-block-post-content ul:not([class]) li::before{content:"\2192" !important;}
.single .wp-block-separator:not(.is-style-wide)::after,.single .entry-content hr::after,.single .wp-block-post-content hr::after{content:"\B7\A0\B7\A0\B7" !important;}
.single .wp-block-quote::before,.single .entry-content blockquote::before{content:"\201C" !important;}
.hor-warn li::before{content:"\26A0" !important;}
.hor-tip li::before{content:"\2713" !important;}
.hor-warn li::before,.hor-tip li::before,.hor-list li::before{font-family:"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji",sans-serif !important;}

.hor-tip,.hor-warn,.hor-callout,.hor-callout--tip,.hor-callout--warning,.hor-callout--info,.hor-callout--note,.hor-checklist{background:#fbf6ec !important;border-color:rgba(27,42,65,.14) !important;border-left:5px solid #b5503c !important;border-radius:12px !important;}
.hor-tip li::before,.hor-warn li::before,.hor-callout li::before,.hor-checklist li::before{color:#b5503c !important;font-family:inherit !important;}



/* === 9. TOP READS EDITORIAL CARDS === */
body.blog .wp-block-post-template {
    gap: 34px 30px !important;
    align-items: stretch;
}

body.blog .wp-block-post-template .wp-block-post {
    background: #fffdf9;
    border: 1px solid rgba(2, 14, 1, 0.08);
    border-radius: 10px !important;
    box-shadow: 0 14px 34px rgba(2, 14, 1, 0.06);
    overflow: hidden !important;
    transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease;
}

body.blog .wp-block-post-template .wp-block-post:hover {
    border-color: rgba(2, 14, 1, 0.14);
    box-shadow: 0 18px 48px rgba(2, 14, 1, 0.10);
    transform: translateY(-3px);
}

body.blog .hor-card-image {
    min-height: 0 !important;
    background: transparent !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

body.blog .hor-card-image::before,
body.blog .hor-card-image::after {
    display: none !important;
    content: none !important;
}

body.blog .wp-block-post-featured-image,
body.blog .wp-block-post-featured-image a {
    border-radius: 10px 10px 0 0 !important;
}

body.blog .wp-block-post-featured-image img {
    aspect-ratio: 4 / 5;
    height: auto !important;
    width: 100% !important;
    object-fit: cover !important;
    filter: saturate(0.94) contrast(1.03);
}

body.blog .hor-card-title {
    position: static !important;
    transform: none !important;
    width: auto !important;
    padding: 18px 18px 0 !important;
    background: transparent !important;
    color: #020e01 !important;
    text-align: left !important;
}

body.blog .hor-card-title .wp-block-post-title {
    margin: 0 !important;
    color: #020e01 !important;
    font-size: clamp(23px, 2.2vw, 30px) !important;
    line-height: 1.02 !important;
    letter-spacing: 0 !important;
    text-shadow: none !important;
}

body.blog .hor-card-title .wp-block-post-title a {
    color: inherit !important;
    text-decoration: none !important;
}

body.blog .hor-title-main,
body.blog .hor-title-sub {
    display: inline !important;
}

body.blog .hor-title-main + .hor-title-sub::before {
    content: ': ';
}

body.blog .hor-title-sub {
    font-size: 0.74em !important;
    font-style: italic;
    line-height: 1.2;
    color: rgba(2, 14, 1, 0.70) !important;
}

body.blog .hor-card-excerpt {
    padding: 10px 18px 20px !important;
}

body.blog .wp-block-post-excerpt__excerpt {
    margin: 0 !important;
    color: rgba(2, 14, 1, 0.62) !important;
    font-size: 13.5px !important;
    line-height: 1.55 !important;
    text-align: left !important;
}

@media (max-width: 780px) {
    body.blog .wp-block-post-template {
        gap: 28px !important;
    }

    body.blog .hor-card-title .wp-block-post-title {
        font-size: 25px !important;
    }
}





/* CARD RESET */
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]{DISPLAY:FLEX!important;FLEX-DIRECTION:COLUMN!important;BACKGROUND:#FFFDF9!important;BORDER:1PX SOLID RGBA(2,14,1,.08)!important;BORDER-RADIUS:10PX!important;BOX-SHADOW:0 14PX 34PX RGBA(2,14,1,.06)!important;OVERFLOW:HIDDEN!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]{DISPLAY:FLEX!important;FLEX-DIRECTION:COLUMN!important;HEIGHT:AUTO!important;MIN-HEIGHT:0!important;OVERFLOW:VISIBLE!important;BACKGROUND:TRANSPARENT!important;BORDER-RADIUS:0!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::BEFORE,BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{DISPLAY:NONE!important;CONTENT:NONE!important;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-FEATURED-IMAGE" I]{ORDER:1;MARGIN:0!important;OVERFLOW:HIDDEN!important;BORDER-RADIUS:10PX 10PX 0 0!important;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-FEATURED-IMAGE" I] IMG{DISPLAY:BLOCK!important;WIDTH:100%!important;HEIGHT:AUTO!important;ASPECT-RATIO:4/5!important;OBJECT-FIT:COVER!important;FILTER:SATURATE(.95) CONTRAST(1.02)!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{ORDER:2;POSITION:STATIC!important;INSET:AUTO!important;WIDTH:AUTO!important;PADDING:18PX 18PX 0!important;BACKGROUND:TRANSPARENT!important;TEXT-ALIGN:LEFT!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I],BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] *{COLOR:#020E01!important;TEXT-SHADOW:NONE!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] [CLASS~="WP-BLOCK-POST-TITLE" I]{MARGIN:0!important;FONT-SIZE:25PX!important;LINE-HEIGHT:1.04!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-TITLE-MAIN" I],BODY[CLASS~="BLOG" I] [CLASS~="HOR-TITLE-SUB" I]{DISPLAY:INLINE!important;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-TITLE-MAIN" I]+[CLASS~="HOR-TITLE-SUB" I]::BEFORE{CONTENT:': ';}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-TITLE-SUB" I]{COLOR:RGBA(2,14,1,.68)!IMPORTANT;FONT-SIZE:.74EM!IMPORTANT;FONT-STYLE:ITALIC;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{MARGIN-TOP:AUTO!IMPORTANT;PADDING:10PX 18PX 20PX!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-EXCERPT__EXCERPT" I]{MARGIN:0!IMPORTANT;COLOR:RGBA(2,14,1,.62)!IMPORTANT;FONT-SIZE:13.5PX!IMPORTANT;LINE-HEIGHT:1.55!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]:NOT(:HAS([CLASS~="WP-BLOCK-POST-FEATURED-IMAGE" I])){MIN-HEIGHT:236PX!IMPORTANT;JUSTIFY-CONTENT:CENTER!IMPORTANT;BACKGROUND:LINEAR-GRADIENT(135DEG,#F7F1E8,#EFE4D6)!IMPORTANT;BORDER-BOTTOM:1PX SOLID RGBA(2,14,1,.07)!IMPORTANT;}



/* STRUCTURAL CARD FIX */
MAIN UL:HAS(>LI FIGURE)>LI{DISPLAY:FLEX!IMPORTANT;FLEX-DIRECTION:COLUMN!IMPORTANT;BACKGROUND:#FFFDF9!IMPORTANT;BORDER:1PX SOLID RGBA(2,14,1,.08)!IMPORTANT;BORDER-RADIUS:10PX!IMPORTANT;BOX-SHADOW:0 14PX 34PX RGBA(2,14,1,.06)!IMPORTANT;OVERFLOW:HIDDEN!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD{DISPLAY:FLEX!IMPORTANT;FLEX-DIRECTION:COLUMN!IMPORTANT;HEIGHT:AUTO!IMPORTANT;MIN-HEIGHT:0!IMPORTANT;OVERFLOW:VISIBLE!IMPORTANT;BACKGROUND:TRANSPARENT!IMPORTANT;BORDER-RADIUS:0!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD::BEFORE,MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD::AFTER{DISPLAY:NONE!IMPORTANT;CONTENT:NONE!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>FIGURE{ORDER:1;MARGIN:0!IMPORTANT;OVERFLOW:HIDDEN!IMPORTANT;BORDER-RADIUS:10PX 10PX 0 0!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>FIGURE IMG{DISPLAY:BLOCK!IMPORTANT;WIDTH:100%!IMPORTANT;HEIGHT:AUTO!IMPORTANT;ASPECT-RATIO:4/5!IMPORTANT;OBJECT-FIT:COVER!IMPORTANT;FILTER:SATURATE(.95) CONTRAST(1.02)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV{ORDER:2;POSITION:STATIC!IMPORTANT;INSET:AUTO!IMPORTANT;WIDTH:AUTO!IMPORTANT;PADDING:18PX 18PX 0!IMPORTANT;BACKGROUND:TRANSPARENT!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV *{COLOR:#020E01!IMPORTANT;TEXT-SHADOW:NONE!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV H2{MARGIN:0!IMPORTANT;FONT-SIZE:25PX!IMPORTANT;LINE-HEIGHT:1.04!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV SPAN{DISPLAY:INLINE!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV SPAN+SPAN::BEFORE{CONTENT:': ';}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV SPAN+SPAN{COLOR:RGBA(2,14,1,.68)!IMPORTANT;FONT-SIZE:.74EM!IMPORTANT;FONT-STYLE:ITALIC;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD+DIV{MARGIN-TOP:AUTO!IMPORTANT;PADDING:10PX 18PX 20PX!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD+DIV P{MARGIN:0!IMPORTANT;COLOR:RGBA(2,14,1,.62)!IMPORTANT;FONT-SIZE:13.5PX!IMPORTANT;LINE-HEIGHT:1.55!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD:NOT(:HAS(FIGURE)){MIN-HEIGHT:236PX!IMPORTANT;JUSTIFY-CONTENT:CENTER!IMPORTANT;BACKGROUND:LINEAR-GRADIENT(135DEG,#F7F1E8,#EFE4D6)!IMPORTANT;BORDER-BOTTOM:1PX SOLID RGBA(2,14,1,.07)!IMPORTANT;}



/* FINAL CARD STACK FIX */
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD{HEIGHT:AUTO!IMPORTANT;PADDING:0!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>FIGURE{POSITION:STATIC!IMPORTANT;HEIGHT:AUTO!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>FIGURE IMG{HEIGHT:AUTO!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV{HEIGHT:AUTO!IMPORTANT;MIN-HEIGHT:0!IMPORTANT;MARGIN:0!IMPORTANT;PADDING:18PX 18PX 0!IMPORTANT;}



/* ART-DIRECTED TOP READS */
MAIN UL:HAS(>LI FIGURE){GAP:42PX 32PX!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI{BACKGROUND:TRANSPARENT!IMPORTANT;BORDER:0!IMPORTANT;BOX-SHADOW:NONE!IMPORTANT;OVERFLOW:VISIBLE!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI{--TINT:34,64,50;--PAPER:#F3EAE0;}
MAIN UL:HAS(>LI FIGURE)>LI:NTH-CHILD(2){--TINT:92,112,100;--PAPER:#EEF0E8;}
MAIN UL:HAS(>LI FIGURE)>LI:NTH-CHILD(3){--TINT:142,103,54;--PAPER:#F3E7D4;}
MAIN UL:HAS(>LI FIGURE)>LI:NTH-CHILD(4){--TINT:31,48,66;--PAPER:#E9EDF0;}
MAIN UL:HAS(>LI FIGURE)>LI:NTH-CHILD(5){--TINT:126,73,54;--PAPER:#F0E2DA;}
MAIN UL:HAS(>LI FIGURE)>LI:NTH-CHILD(6){--TINT:98,108,74;--PAPER:#ECEBDD;}
MAIN UL:HAS(>LI FIGURE)>LI>NTH-CHILD(1),MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD{POSITION:RELATIVE!IMPORTANT;HEIGHT:330PX!IMPORTANT;MIN-HEIGHT:330PX!IMPORTANT;PADDING:0!IMPORTANT;OVERFLOW:HIDDEN!IMPORTANT;BORDER-RADIUS:14PX!IMPORTANT;BACKGROUND:LINEAR-GRADIENT(135DEG,RGBA(VAR(--TINT),.92),RGBA(VAR(--TINT),.46))!IMPORTANT;BOX-SHADOW:0 16PX 38PX RGBA(2,14,1,.10)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD::AFTER{DISPLAY:BLOCK!IMPORTANT;CONTENT:""!IMPORTANT;POSITION:ABSOLUTE!IMPORTANT;INSET:0!IMPORTANT;Z-INDEX:1!IMPORTANT;BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(VAR(--TINT),.72) 0%,RGBA(VAR(--TINT),.28) 42%,RGBA(VAR(--TINT),.84) 100%)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>FIGURE{POSITION:ABSOLUTE!IMPORTANT;INSET:0!IMPORTANT;HEIGHT:100%!IMPORTANT;MARGIN:0!IMPORTANT;BORDER-RADIUS:14PX!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>FIGURE IMG{WIDTH:100%!IMPORTANT;HEIGHT:100%!IMPORTANT;OBJECT-FIT:COVER!IMPORTANT;FILTER:SATURATE(.92) CONTRAST(1.02)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV{POSITION:ABSOLUTE!IMPORTANT;LEFT:0!IMPORTANT;RIGHT:0!IMPORTANT;BOTTOM:0!IMPORTANT;TOP:AUTO!IMPORTANT;Z-INDEX:2!IMPORTANT;HEIGHT:AUTO!IMPORTANT;MIN-HEIGHT:0!IMPORTANT;MARGIN:0!IMPORTANT;PADDING:22PX 22PX 24PX!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV H2{MARGIN:0!IMPORTANT;FONT-SIZE:27PX!IMPORTANT;LINE-HEIGHT:1.02!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV *{COLOR:#FFF8EF!IMPORTANT;TEXT-SHADOW:0 2PX 12PX RGBA(0,0,0,.28)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV SPAN{DISPLAY:BLOCK!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV SPAN+SPAN::BEFORE{CONTENT:""!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD>DIV SPAN+SPAN{MARGIN-TOP:6PX!IMPORTANT;FONT-SIZE:.66EM!IMPORTANT;LINE-HEIGHT:1.28!IMPORTANT;FONT-STYLE:ITALIC!IMPORTANT;COLOR:RGBA(255,248,239,.86)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD+DIV{POSITION:RELATIVE!IMPORTANT;Z-INDEX:3!IMPORTANT;MARGIN:-24PX 18PX 0!IMPORTANT;PADDING:16PX 18PX 18PX!IMPORTANT;BACKGROUND:VAR(--PAPER)!IMPORTANT;BORDER:1PX SOLID RGBA(2,14,1,.06)!IMPORTANT;BORDER-RADIUS:10PX!IMPORTANT;BOX-SHADOW:0 12PX 30PX RGBA(2,14,1,.09)!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD+DIV P{MARGIN:0!IMPORTANT;COLOR:RGBA(2,14,1,.68)!IMPORTANT;FONT-SIZE:13.5PX!IMPORTANT;LINE-HEIGHT:1.55!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
MAIN UL:HAS(>LI FIGURE)>LI>DIV:FIRST-CHILD:NOT(:HAS(FIGURE)){DISPLAY:FLEX!IMPORTANT;ALIGN-ITEMS:FLEX-END!IMPORTANT;}



/* FORCE ART CARD DETAILS */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{POSITION:ABSOLUTE!IMPORTANT;LEFT:0!IMPORTANT;RIGHT:0!IMPORTANT;BOTTOM:0!IMPORTANT;TOP:AUTO!IMPORTANT;Z-INDEX:5!IMPORTANT;HEIGHT:AUTO!IMPORTANT;MIN-HEIGHT:0!IMPORTANT;MARGIN:0!IMPORTANT;PADDING:22PX!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] *{COLOR:#FFF8EF!IMPORTANT;TEXT-SHADOW:0 2PX 12PX RGBA(0,0,0,.30)!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{POSITION:RELATIVE!IMPORTANT;Z-INDEX:8!IMPORTANT;MARGIN:-26PX 18PX 0!IMPORTANT;PADDING:16PX 18PX 18PX!IMPORTANT;BACKGROUND:#F1E7DA!IMPORTANT;BORDER:1PX SOLID RGBA(2,14,1,.07)!IMPORTANT;BORDER-RADIUS:10PX!IMPORTANT;BOX-SHADOW:0 12PX 30PX RGBA(2,14,1,.11)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I] P{MARGIN:0!IMPORTANT;COLOR:RGBA(2,14,1,.70)!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(2) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#E9EEE7!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(3) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#F1E4CE!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(4) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#E7EBEF!IMPORTANT;}



/* TOP TITLE + OVERLAP TWEAK */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(VAR(--TINT),.86) 0%,RGBA(VAR(--TINT),.48) 34%,RGBA(VAR(--TINT),.08) 72%,RGBA(VAR(--TINT),.30) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{TOP:0!IMPORTANT;BOTTOM:AUTO!IMPORTANT;LEFT:0!IMPORTANT;RIGHT:0!IMPORTANT;PADDING:24PX 22PX 18PX!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;ALIGN-ITEMS:FLEX-START!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] H2,BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] A,BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] SPAN{TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{MARGIN:-30PX -10PX 0!IMPORTANT;WIDTH:CALC(100% + 20PX)!IMPORTANT;}



/* CARD TITLE LEFT LOCK */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{DISPLAY:BLOCK!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] H2{WIDTH:100%!IMPORTANT;MAX-WIDTH:82%!IMPORTANT;MARGIN:0 AUTO 0 0!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] A{DISPLAY:BLOCK!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{TRANSFORM:TRANSLATEY(-4%)!IMPORTANT;}



/* STRONG GRADIENT + BIGGER EXCERPT */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]{POSITION:RELATIVE!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]>FIGURE{Z-INDEX:1!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{DISPLAY:BLOCK!IMPORTANT;CONTENT:""!IMPORTANT;POSITION:ABSOLUTE!IMPORTANT;INSET:0!IMPORTANT;Z-INDEX:2!IMPORTANT;POINTER-EVENTS:NONE!IMPORTANT;BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(VAR(--TINT),.96) 0%,RGBA(VAR(--TINT),.78) 24%,RGBA(VAR(--TINT),.30) 48%,RGBA(0,0,0,.05) 66%,RGBA(VAR(--TINT),.72) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{Z-INDEX:4!IMPORTANT;TOP:0!IMPORTANT;BOTTOM:AUTO!IMPORTANT;PADDING:24PX 22PX 18PX!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] [CLASS~="HOR-TITLE-MAIN" I]{DISPLAY:BLOCK!IMPORTANT;FONT-SIZE:1EM!IMPORTANT;LINE-HEIGHT:1.02!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] [CLASS~="HOR-TITLE-SUB" I]{DISPLAY:BLOCK!IMPORTANT;MARGIN-TOP:8PX!IMPORTANT;FONT-SIZE:.62EM!IMPORTANT;LINE-HEIGHT:1.22!IMPORTANT;FONT-STYLE:ITALIC!IMPORTANT;COLOR:RGBA(255,248,239,.88)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-TITLE-MAIN" I]+[CLASS~="HOR-TITLE-SUB" I]::BEFORE{CONTENT:""!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{MARGIN:-42PX -18PX 0!IMPORTANT;WIDTH:CALC(100% + 36PX)!IMPORTANT;PADDING:20PX 22PX 22PX!IMPORTANT;BORDER-RADIUS:14PX!IMPORTANT;TRANSFORM:NONE!IMPORTANT;}



/* FLOATING EXCERPT BUBBLE */
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]{OVERFLOW:VISIBLE!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]{OVERFLOW:HIDDEN!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND-IMAGE:LINEAR-GRADIENT(180DEG,RGBA(VAR(--TINT),.98) 0%,RGBA(VAR(--TINT),.78) 24%,RGBA(VAR(--TINT),.22) 52%,RGBA(VAR(--TINT),.58) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{POSITION:RELATIVE!IMPORTANT;Z-INDEX:20!IMPORTANT;MARGIN:-54PX -14PX 28PX!IMPORTANT;WIDTH:CALC(100% + 28PX)!IMPORTANT;PADDING:22PX 24PX!IMPORTANT;BACKGROUND:#F2E7D8!IMPORTANT;BORDER:1PX SOLID RGBA(2,14,1,.10)!IMPORTANT;BORDER-RADIUS:16PX!IMPORTANT;BOX-SHADOW:0 18PX 36PX RGBA(2,14,1,.14)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(2) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#E7EEE7!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(3) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#F1E2C8!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(4) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#E5EBEF!IMPORTANT;}



BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]{OVERFLOW:VISIBLE!IMPORTANT;BACKGROUND:TRANSPARENT!IMPORTANT;BOX-SHADOW:NONE!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]{OVERFLOW:HIDDEN!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{POSITION:RELATIVE!IMPORTANT;Z-INDEX:50!IMPORTANT;MARGIN:-54PX -14PX 30PX!IMPORTANT;WIDTH:CALC(100% + 28PX)!IMPORTANT;PADDING:22PX 24PX!IMPORTANT;BORDER-RADIUS:16PX!IMPORTANT;BOX-SHADOW:0 18PX 36PX RGBA(2,14,1,.16)!IMPORTANT;}


/* LET EXCERPT BUBBLE ESCAPE CARD */
MAIN [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]{OVERFLOW:VISIBLE!IMPORTANT;BACKGROUND:TRANSPARENT!IMPORTANT;BOX-SHADOW:NONE!IMPORTANT;}
MAIN [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]>DIV:FIRST-CHILD{OVERFLOW:HIDDEN!IMPORTANT;}
MAIN [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]>[CLASS~="HOR-CARD-EXCERPT" I]{MARGIN:-54PX -14PX 28PX!IMPORTANT;WIDTH:CALC(100% + 28PX)!IMPORTANT;}



/* TRUE FINAL CARD OVERRIDE */
BODY.BLOG .WP-BLOCK-POST-TEMPLATE>LI.WP-BLOCK-POST{OVERFLOW:VISIBLE!IMPORTANT;BACKGROUND:TRANSPARENT!IMPORTANT;BOX-SHADOW:NONE!IMPORTANT;}
BODY.BLOG .HOR-CARD-IMAGE{OVERFLOW:HIDDEN!IMPORTANT;}
BODY.BLOG .HOR-CARD-EXCERPT{POSITION:RELATIVE!IMPORTANT;Z-INDEX:50!IMPORTANT;MARGIN:-54PX -14PX 30PX!IMPORTANT;WIDTH:CALC(100% + 28PX)!IMPORTANT;PADDING:22PX 24PX!IMPORTANT;BORDER-RADIUS:16PX!IMPORTANT;BOX-SHADOW:0 18PX 36PX RGBA(2,14,1,.16)!IMPORTANT;}



/* TOP READS FINISHING POLISH */
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]{GAP:64PX 38PX!IMPORTANT;}
@MEDIA (MIN-WIDTH:900PX){BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]{GRID-TEMPLATE-COLUMNS:REPEAT(3,MINMAX(0,1FR))!IMPORTANT;MAX-WIDTH:1050PX!IMPORTANT;MARGIN-LEFT:AUTO!IMPORTANT;MARGIN-RIGHT:AUTO!IMPORTANT;}}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]{--TINT:50,72,55;--PAPER:#F1E8DA;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(2){--TINT:151,82,58;--PAPER:#E8EFE6;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(3){--TINT:172,132,64;--PAPER:#F2E3C8;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(4){--TINT:31,48,66;--PAPER:#E6EBEF;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(5){--TINT:126,67,48;--PAPER:#F0E1D8;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(6){--TINT:102,118,78;--PAPER:#EAEDDD;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(7){--TINT:38,94,82;--PAPER:#E4EEE9;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(8){--TINT:148,124,68;--PAPER:#F0E8D0;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND-IMAGE:LINEAR-GRADIENT(180DEG,RGBA(VAR(--TINT),.98) 0%,RGBA(VAR(--TINT),.78) 26%,RGBA(VAR(--TINT),.22) 54%,RGBA(VAR(--TINT),.64) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]::BEFORE{DISPLAY:BLOCK!IMPORTANT;MARGIN:0 0 10PX!IMPORTANT;COLOR:RGBA(255,248,239,.78)!IMPORTANT;FONT:700 10PX/1 RALEWAY,SANS-SERIF!IMPORTANT;LETTER-SPACING:.18EM!IMPORTANT;TEXT-SHADOW:0 2PX 10PX RGBA(0,0,0,.22)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(1) [CLASS~="HOR-CARD-TITLE" I]::BEFORE{CONTENT:"HOTELS";}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(2) [CLASS~="HOR-CARD-TITLE" I]::BEFORE{CONTENT:"BARCELONA";}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(3) [CLASS~="HOR-CARD-TITLE" I]::BEFORE{CONTENT:"FOOD";}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(4) [CLASS~="HOR-CARD-TITLE" I]::BEFORE{CONTENT:"RESTAURANTS";}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(5) [CLASS~="HOR-CARD-TITLE" I]::BEFORE{CONTENT:"ROME";}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(6) [CLASS~="HOR-CARD-TITLE" I]::BEFORE{CONTENT:"CUBA";}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] H2{MAX-WIDTH:88%!IMPORTANT;FONT-SIZE:26PX!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:VAR(--PAPER)!IMPORTANT;PADDING:20PX 24PX 21PX!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I] P{FONT-SIZE:12.8PX!IMPORTANT;LINE-HEIGHT:1.68!IMPORTANT;LETTER-SPACING:.01EM!IMPORTANT;}


/* REMOVE TOP READS CARD LABELS */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]::BEFORE{DISPLAY:NONE!IMPORTANT;CONTENT:NONE!IMPORTANT;}



/* CARD REFINEMENT PASS */
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]{GAP:76PX 38PX!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]{BORDER-RADIUS:16PX!IMPORTANT;BOX-SHADOW:0 18PX 42PX RGBA(2,14,1,.12)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-FEATURED-IMAGE" I] IMG{TRANSITION:TRANSFORM .9S CUBIC-BEZIER(.2,.8,.2,1),FILTER .9S EASE!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST" I]:HOVER [CLASS~="WP-BLOCK-POST-FEATURED-IMAGE" I] IMG{TRANSFORM:SCALE(1.045)!IMPORTANT;FILTER:SATURATE(1.02) CONTRAST(1.04)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{PADDING:24PX 24PX 18PX!IMPORTANT;}
BODY[[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] H2{FONT-SIZE:24PX!IMPORTANT;LINE-HEIGHT:1.08!IMPORTANT;MAX-WIDTH:92%!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-TITLE-SUB" I]{MARGIN-TOP:9PX!IMPORTANT;FONT-SIZE:.60EM!IMPORTANT;LINE-HEIGHT:1
	BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{MARGIN:-48PX 6PX 32PX!IMPORTANT;WIDTH:CALC(100% - 12PX)!IMPORTANT;PADDING:18PX 22PX 20PX!IMPORTANT;BORDER-RADIUS:18PX!IMPORTANT;BOX-SHADOW:0 16PX 34PX RGBA(2,14,1,.13)!IMPORTANT;}}]


/* WHITE + GOLD TOP READS SYSTEM */
BODY[CLASS~="BLOG" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(178,139,73,.22)!IMPORTANT;BORDER-RADIUS:18PX!IMPORTANT;BOX-SHADOW:0 18PX 44PX RGBA(2,14,1,.08)!IMPORTANT;OVERFLOW:VISIBLE!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]{BORDER-RADIUS:18PX 18PX 0 0!IMPORTANT;BOX-SHADOW:NONE!IMPORTANT;BACKGROUND:#FFFFFF!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{DISPLAY:BLOCK!IMPORTANT;CONTENT:""!IMPORTANT;POSITION:ABSOLUTE!IMPORTANT;INSET:0!IMPORTANT;Z-INDEX:2!IMPORTANT;POINTER-EVENTS:NONE!IMPORTANT;BACKGROUND:LINEAR-GRADIENT(180DERGBA(0,0,0,.52) 0%,RGBA(0,0,0,.30) 28%,RGBA(0,0,0,.06) 56%,RGBA(0,0,0,.18) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I]{Z-INDEX:4!IMPORTANT;TOP:0!IMPORTANT;BOTTOM:AUTO!IMPORTANT;PADDING:24PX 24PX 18PX!IMPORTANT;TEXT-ALIGN:LEFT!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-TITLE" I] *{COLOR:#FFFDF8!IMPORTANT;TEXT-SHADOW:0 2PX 14PX RGBA(0,0,0,.34)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;BORDER-RADIUS:16PX!IMPORTANT;BOX-SHADOW:0 16PX 34PX RGBA(2,14,1,.10)!IMPORTANT;}
BODY[CL


/* FINAL BLACK GRADIENT WHITE CARD */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(0,0,0,.52) 0%,RGBA(0,0,0.30) 28%,RGBA(0,0,0,.06) 58%,RGBA(0,0,0,.16) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;}


/* FINAL OVERRIDE CORRECTED */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(0,0,0,.52) 0%,RGBA(0,0,0,.30) 28%,RGBA(0,0,0,.06) 58%,RGBA(0,0,0,.16) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;}


/* SPECIFIC FEED COLOR RESET */
.HOR-BLOG-FEED .HOR-CARD-IMAGE::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(0,0,0,.52) 0%,RGBA(0,0,0,.30) 28%,RGBA(0,0,0,.06) 58%,RGBA(0,0,0,.16) 100%)!IMPORTANT;}
.HOR-BLOG-FEED .HOR-CARD-EXCERPT{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;}


[CLASS~="HOR-BLOG-FEED" I] [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(0,0,0,.52) 0%,RGBA(0,0,0,.30) 28%,RGBA(0,0,0,.06) 58%,RGBA(0,0,0,.16) 100%)!IMPORTANT;}
[CLASS~="HOR-BLOG-FEED" I] [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;}


/* HIGH SPEC WHITE GOLD RESET */
BODY[CLASS~="BLOG" I] [CLASS~="HOR-BLOG-FEED" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(N) [CLASS~="HOR-CARD-IMAGE" I]::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(0,0,0,.52) 0%,RGBA(0,0,0,.30) 28%,RGBA(0,0,0,.06) 58%,RGBA(0,0,0,.16) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" I] [CLASS~="HOR-BLOG-FEED" I] [CLASS~="WP-BLOCK-POST-TEMPLATE" I]>LI[CLASS~="WP-BLOCK-POST" I]:NTH-CHILD(N) [CLASS~="HOR-CARD-EXCERPT" I]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;}


/* LOWERCASE FLAG FINAL RESET */
BODY[CLASS~="BLOG" i] [CLASS~="HOR-BLOG-FEED" i] [CLASS~="WP-BLOCK-POST-TEMPLATE" i]>LI[CLASS~="WP-BLOCK-POST" i]:NTH-CHILD(N) [CLASS~="HOR-CARD-IMAGE" i]::AFTER{BACKGROUND:LINEAR-GRADIENT(180DEG,RGBA(0,0,0,.52) 0%,RGBA(0,0,0,.30) 28%,RGBA(0,0,0,.06) 58%,RGBA(0,0,0,.16) 100%)!IMPORTANT;}
BODY[CLASS~="BLOG" i] [CLASS~="HOR-BLOG-FEED" i] [CLASS~="WP-BLOCK-POST-TEMPLATE" i]>LI[CLASS~="WP-BLOCK-POST" i]:NTH-CHILD(N) [CLASS~="HOR-CARD-EXCERPT" i]{BACKGROUND:#FFFFFF!IMPORTANT;BORDER:1PX SOLID RGBA(186,145,76,.46)!IMPORTANT;BORDER-TOP:3PX SOLID #C8A15A!IMPORTANT;}


/* LOWERCASE ATTRIBUTE FINAL RESET */
body[class~="blog" i] [class~="hor-blog-feed" i] [class~="wp-block-post-template" i]>li[class~="wp-block-post" i]:nth-child(n) [class~="hor-card-image" i]::after{background:linear-gradient(180deg,rgba(0,0,0,.52) 0%,rgba(0,0,0,.30) 28%,rgba(0,0,0,.06) 58%,rgba(0,0,0,.16) 100%)!important;}
body[class~="blog" i] [class~="hor-blog-feed" i] [class~="wp-block-post-template" i]>li[class~="wp-block-post" i]:nth-child(n) [class~="hor-card-excerpt" i]{background:#fff!important;border:1px solid rgba(186,145,76,.46)!important;border-top:3px solid #c8a15a!important;}

/* ============================================================
   HOUSE OF ROUTES — MASTER COMPONENT KIT
   Paste this ONCE into wp-admin (Appearance → Additional CSS,
   or a child-theme/mu-plugin stylesheet).
   Every article then uses the short snippets in hor-snippets.html.
   Palette: navy + terracotta + sand gold on marfil. Teal is retired.
   ============================================================ */

:root {
  --hor-marfil:     #F4EBDD;
  --hor-cream:      #FBF6EC;
  --hor-white:      #FFFFFF;
  --hor-navy:       #1B2A41;
  --hor-terracotta: #B5503C;
  --hor-sand:       #D4B97A;
  --hor-line:       rgba(27, 42, 65, 0.14);
  --hor-muted:      rgba(27, 42, 65, 0.60);
  --hor-radius:     12px;
  --hor-radius-sm:  8px;
  --hor-label-font: "Helvetica Neue", Arial, sans-serif;
}

/* --- Defensive reset: kill the Enroute icon-font glitch inside our kit --- */
[class^="hor-"] li::before,
[class^="hor-"] blockquote::before,
[class^="hor-"] hr::before { content: none !important; }

/* Shared text rhythm (inherits the post's body font on purpose) */
[class^="hor-"] { box-sizing: border-box; color: var(--hor-navy); }
[class^="hor-"] * { box-sizing: border-box; }

/* Uppercase section label used across components */
.hor-label {
  font-family: var(--hor-label-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.6px;
  text-transform: uppercase;
  color: var(--hor-navy);
  margin: 0 0 14px;
}
.hor-label--accent { color: var(--hor-terracotta); }

/* ---------------- 01 · BADGES & TAGS ---------------- */
.hor-badge {
  display: inline-block;
  font-family: var(--hor-label-font);
  font-size: 12px;
  font-weight: 700;
  line-height: 1;
  padding: 6px 12px;
  border-radius: var(--hor-radius-sm);
  margin: 0 4px 4px 0;
}
.hor-badge--navy   { background: var(--hor-navy);        color: #fff; }
.hor-badge--terra  { background: var(--hor-terracotta);  color: #fff; }
.hor-badge--sand   { background: var(--hor-sand);        color: var(--hor-navy); }
.hor-badge--ghost  { background: rgba(27,42,65,.08);     color: var(--hor-navy); border: 1px solid rgba(27,42,65,.20); }
.hor-badge--outline{ background: #fff;                   color: var(--hor-terracotta); border: 1px solid var(--hor-terracotta); }
.hor-badge--pill   { border-radius: 20px; background: rgba(181,80,60,.12); color: var(--hor-terracotta); }

/* ---------------- 02 · COMPARATIVE TABLE ---------------- */
.hor-table-wrap {
  border-radius: var(--hor-radius);
  overflow: hidden;
  border: 1px solid var(--hor-line);
  margin: 1.5rem 0;
}
.hor-table { width: 100%; border-collapse: collapse; }
.hor-table th {
  background: var(--hor-navy);
  color: #fff;
  font-family: var(--hor-label-font);
  font-size: 13px;
  font-weight: 700;
  text-align: left;
  padding: 12px 14px;
}
.hor-table td { padding: 11px 14px; font-size: 15px; }
.hor-table tbody tr:nth-child(odd)  { background: var(--hor-white); }
.hor-table tbody tr:nth-child(even) { background: var(--hor-cream); }
.hor-table .hor-star { color: var(--hor-terracotta); font-weight: 700; text-align: center; }

/* ---------------- 03 · CHECKLIST ---------------- */
.hor-card {
  background: var(--hor-cream);
  border-radius: 14px;
  padding: 18px 20px;
  margin: 1.5rem 0;
}
.hor-card--topbar { border-top: 4px solid var(--hor-navy); }

.hor-check-row {
  display: flex;
  align-items: flex-start;
  gap: 12px;
  background: var(--hor-white);
  border: 1px solid var(--hor-line);
  border-radius: 10px;
  padding: 12px 14px;
  margin-bottom: 10px;
  font-size: 15px;
}
.hor-check-row:last-child { margin-bottom: 0; }
.hor-check-box {
  flex: 0 0 auto;
  width: 18px;
  height: 18px;
  margin-top: 2px;
  border: 2px solid var(--hor-terracotta);
  border-radius: 5px;
}

/* ---------------- 04 · PACKING / FEATURE GRID ---------------- */
.hor-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
}
@media (max-width: 600px) { .hor-grid { grid-template-columns: 1fr; } }
.hor-grid-item {
  display: flex;
  gap: 12px;
  background: var(--hor-white);
  border: 1px solid var(--hor-line);
  border-radius: 10px;
  padding: 12px 14px;
}
.hor-grid-item__icon { flex: 0 0 auto; color: var(--hor-terracotta); }
.hor-grid-item__icon svg { display: block; width: 22px; height: 22px; }
.hor-grid-item__title { font-size: 15px; font-weight: 700; }
.hor-grid-item__sub   { font-family: var(--hor-label-font); font-size: 12px; color: var(--hor-muted); }

/* ---------------- 05 · LOCATION PIN ---------------- */
.hor-pin {
  display: inline-flex;
  align-items: center;
  gap: 10px;
  background: var(--hor-navy);
  color: #fff;
  padding: 12px 20px;
  border-radius: 12px;
  margin: 1rem 0;
  font-weight: 700;
  font-size: 16px;
}
.hor-pin svg { display: block; width: 18px; height: 18px; color: var(--hor-terracotta); flex: 0 0 auto; }

/* ---------------- 06 · TIP CALLOUT ---------------- */
/* Named .hor-insight (not .hor-callout) — an older, unrelated .hor-callout
   system is already live in wp-admin Additional CSS; reusing that name
   would collide with it. */
.hor-insight {
  background: var(--hor-white);
  border-left: 4px solid var(--hor-terracotta);
  border-radius: 0 10px 10px 0;
  padding: 14px 18px;
  margin: 1.5rem 0;
  font-size: 15px;
}
.hor-insight__label {
  font-family: var(--hor-label-font);
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 1.4px;
  text-transform: uppercase;
  color: var(--hor-terracotta);
  margin-bottom: 5px;
}

/* ---------------- 07 · RELATED ARTICLES ---------------- */
.hor-related-item {
  display: flex;
  align-items: center;
  gap: 10px;
  background: var(--hor-white);
  border: 1px solid var(--hor-line);
  border-radius: 10px;
  padding: 12px 14px;
  font-size: 14px;
  text-decoration: none;
  color: var(--hor-navy);
}
.hor-related-item svg { flex: 0 0 auto; width: 16px; height: 16px; color: var(--hor-navy); }
.hor-related-item:hover { border-color: var(--hor-terracotta); }