/*
Theme Name: Horror Fuel Child
Description: Child theme for Horror Fuel (GeneratePress). Holds all custom CSS for the site's dark horror layouts.
Author: rcris
Template: generatepress
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: horrorfuel
*/

@font-face{font-family:'Speltale';font-style:normal;font-weight:400;font-display:swap;src:url('/wp-content/uploads/2026/08/speltale.woff2') format('woff2'),url('/wp-content/uploads/2026/08/speltale.ttf') format('truetype')}

/* Social Follow -> force UNIFORM cream, remove brand colours (never vanishes; native core/social-link) */
.wp-social-link, .wp-social-link a{background-image:none !important;background:rgba(179,32,42,.10) !important;}
.wp-social-link a{width:38px !important;height:38px !important;border-radius:50% !important;border:1px solid #451419 !important;color:#e8d9c8 !important;display:inline-flex !important;align-items:center !important;justify-content:center !important;padding:0 !important;}
.wp-social-link a::before,.wp-social-link a::after{display:none !important;}
.wp-social-link svg{width:16px !important;height:16px !important;}
.wp-social-link svg,.wp-social-link svg path,.wp-social-link svg rect,.wp-social-link svg circle{fill:#e8d9c8 !important;stroke:#e8d9c8 !important;}
.wp-social-link a:hover{background:#b3202a !important;border-color:#b3202a !important;color:#fff !important;}
.wp-social-link a:hover svg,.wp-social-link a:hover svg path,.wp-social-link a:hover svg rect,.wp-social-link a:hover svg circle{fill:#fff !important;stroke:#fff !important;}

/* Header menu (reads from WP menu) - scoped */
.gb-element-hd-122979-12 .gb-menu{display:flex;align-items:center;gap:0;list-style:none;margin:0;padding:0}
.gb-element-hd-122979-12 .gb-menu-link{position:relative;display:inline-block;padding:26px 8px;font-family:Lato,sans-serif;font-size:.77rem;letter-spacing:.16em;text-transform:uppercase;color:#8a7f75;text-decoration:none;cursor:pointer;transition:color .22s}
.gb-element-hd-122979-12 .gb-menu-link:hover{color:#e8d9c8}
.gb-element-hd-122979-12 .gb-menu-link::after{content:'';position:absolute;left:50%;bottom:22px;transform:translateX(-50%) scaleX(0);width:34px;height:2px;background:#b3202a;box-shadow:0 0 10px rgba(179,32,42,.55);transition:transform .25s ease}
.gb-element-hd-122979-12 .gb-menu-link:hover::after{transform:translateX(-50%) scaleX(1)}
.gb-element-hd-122979-12 .gb-menu-link::before{content:'';position:absolute;top:8px;right:8px;width:5px;height:5px;background:#b3202a;border-radius:50%;opacity:0;transition:opacity .2s;box-shadow:0 0 8px #b3202a}
.gb-element-hd-122979-12 .gb-menu-link:hover::before{opacity:1}
@media (max-width:1024px){.gb-element-hd-122979-12 .gb-menu{display:none}}

/* ===== Homepage dark grunge body (horror theme) ===== */
body.home, body.page-id-123008 { background-color: #120e0d; }
body.home .inside-article, body.page-id-123008 .inside-article { background-color: transparent; box-shadow: none; }
body.home .site-content, body.home .site, body.home .site-main { background-color: transparent; }
body.home { position: relative; }
body.home::before, body.category::before, body.tag::before, body.author::before, body.search::before, body.date::before, body.page-id-123187::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27280%27%20height%3D%27280%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.85%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23n%29%27%20opacity%3D%270.55%27%2F%3E%3C%2Fsvg%3E"); background-size: 280px 280px; opacity: .12; mix-blend-mode: screen; }
body.home::after, body.category::after, body.tag::after, body.author::after, body.error404::after, body.search::after, body.date::after, body.page-id-123100::after, body.page-id-125465::after, body.page-id-123103::after, body.page-id-123124::after, body.page-id-123128::after, body.page-id-123134::after, body.page-id-123156::after, body.page-id-123163::after, body.page-id-123187::after { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(100% 60% at 15% 0%, rgba(197,40,53,.06) 0%, transparent 50%),
              radial-gradient(80% 50% at 85% 100%, rgba(138,22,32,.05) 0%, transparent 55%); }


/* ==== Titles white (global dark-theme token, user request 2026-09-01) ==== */
h1, h2, h3, h4, h5, h6 { color: #ffffff !important; }


/* ===== Category archive dark redesign (2026-09-01) ===== */
body.category, body.tag { background-color: #120e0d; position: relative; }
body.category .site-content, body.category .site, body.category .site-main,
body.tag .site-content, body.tag .site, body.tag .site-main { background: transparent; }
body.category .widget-area, body.tag .widget-area { display: none; }
body.category .content-area, body.tag .content-area { width: 100%; }

/* tag archive: numele tag-urilor sunt salvate cu literă mică — afișăm Title Case
   doar în H1 (prezentare; numele termenului și slug-ul rămân neatinse) */
body.tag .hf-arch-head .hf-arch-title { text-transform: capitalize; }

/* --- Header band (PHP hook output) --- */
.hf-arch-head { position: relative; z-index: 1; max-width: 1160px; margin: 0 auto; padding: 56px 24px 40px; text-align: center; }
.hf-arch-head::before { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 72% 85% at 50% -12%, rgba(179,32,42,.16) 0%, transparent 62%); }
.hf-arch-head::after { content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: min(520px, 80%); height: 1px; background: linear-gradient(90deg, transparent, #5c1a1a, transparent); }
.hf-arch-kicker { display: block; font-family: Lato, sans-serif; font-size: .72rem; letter-spacing: .3em; text-transform: uppercase; color: #b3202a; margin-bottom: 14px; }
.hf-arch-head .hf-arch-title { font-family: 'Speltale', cursive; font-size: clamp(2.4rem, 5vw, 3.4rem); font-weight: 400; color: #ffffff; line-height: 1.1; text-shadow: 0 0 34px rgba(179,32,42,.35); margin: 0; }
.hf-arch-desc { max-width: 560px; margin: 16px auto 0; color: #8a7f75; font-size: .98rem; line-height: 1.65; }
.hf-arch-head .hf-arch-meta { margin-top: 18px; display: flex; justify-content: center; }
.hf-arch-count { display: inline-block; font-family: Lato, sans-serif; font-size: .8rem; letter-spacing: .14em; text-transform: uppercase; color: #655c54; border: 1px solid rgba(179,32,42,.22); border-radius: 4px; padding: .42rem .95rem; }

/* --- Split: featured left + minis right --- */
.hf-arch { display: grid; grid-template-columns: 1.95fr 1fr; gap: 24px; align-items: start; max-width: 1160px; margin: 0 auto; padding: 0 24px 8px; }
.hf-arch .hf-arch-item:first-child { grid-column: 1; grid-row: 1 / span 3; }
.hf-arch .hf-arch-item:nth-child(2), .hf-arch .hf-arch-item:nth-child(3), .hf-arch .hf-arch-item:nth-child(4) { grid-column: 2; }
.hf-arch .hf-arch-item:nth-child(n+5) { display: none; }

/* --- Card chrome --- */
.hf-arch-item, .hf-arch-mcard { background: #161212; border: 1px solid rgba(179,32,42,.14); border-radius: 10px; overflow: hidden; transition: border-color .22s ease; }
.hf-arch-item:hover, .hf-arch-mcard:hover { border-color: rgba(179,32,42,.42); }
.hf-arch-media { overflow: hidden; }
.hf-arch-media img { transition: transform .35s ease; }
.hf-arch-item:hover .hf-arch-media img, .hf-arch-mcard:hover .hf-arch-media img { transform: scale(1.03); }
.hf-arch-body { min-width: 0; }
.hf-arch-title { margin: 0; }
.hf-arch-title a { color: #ffffff; text-decoration: none; }
.hf-arch-title a:hover { color: #e8d9c8; }
.hf-arch-excerpt { margin: 0; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }


/* --- Featured (first child) --- */
.hf-arch .hf-arch-item:first-child .hf-arch-title { font-size: 1.12rem; line-height: 1.22; }
.hf-arch .hf-arch-item:first-child .hf-arch-excerpt { color: #b8aea3; -webkit-line-clamp: 3; }
.hf-arch .hf-arch-item:first-child .hf-arch-body { padding: 1.35rem 1.4rem 1.5rem; }

/* --- Minis (children 2-4): horizontal, borderless --- */
.hf-arch .hf-arch-item:nth-child(2), .hf-arch .hf-arch-item:nth-child(3), .hf-arch .hf-arch-item:nth-child(4) {
  flex-direction: row; align-items: stretch; gap: 14px; background: transparent; border: none; border-radius: 0; overflow: visible;
  padding: .85rem 0; border-bottom: 1px solid rgba(179,32,42,.12);
}
.hf-arch .hf-arch-item:nth-child(4) { border-bottom: none; }
.hf-arch .hf-arch-item:nth-child(2) .hf-arch-media, .hf-arch .hf-arch-item:nth-child(3) .hf-arch-media, .hf-arch .hf-arch-item:nth-child(4) .hf-arch-media {
  width: 140px; flex-shrink: 0; align-self: stretch; aspect-ratio: auto; border-radius: 6px;
}

.hf-arch .hf-arch-item:nth-child(2) .hf-arch-excerpt, .hf-arch .hf-arch-item:nth-child(3) .hf-arch-excerpt, .hf-arch .hf-arch-item:nth-child(4) .hf-arch-excerpt { -webkit-line-clamp: 2; }
.hf-arch .hf-arch-item:nth-child(2) .hf-arch-title, .hf-arch .hf-arch-item:nth-child(3) .hf-arch-title, .hf-arch .hf-arch-item:nth-child(4) .hf-arch-title { font-size: 1.12rem; line-height: 1.28; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hf-arch .hf-arch-item:nth-child(2) .hf-arch-body, .hf-arch .hf-arch-item:nth-child(3) .hf-arch-body, .hf-arch .hf-arch-item:nth-child(4) .hf-arch-body { padding: 0; gap: .3rem; }

/* --- Masonry --- */
.hf-arch-more { max-width: 1160px; margin: 0 auto; padding: 48px 24px 8px; }
.hf-arch-more-head::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(179,32,42,.5), transparent); }
.hf-arch-masonry { columns: 3; column-gap: 24px; }
.hf-arch-mcard { break-inside: avoid; margin-bottom: 24px; }
.hf-arch-masonry .hf-arch-mcard:nth-child(-n+4) { display: none; }

/* --- Pagination + next --- */
.hf-arch-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 40px; height: 40px; padding: 0 12px; border-radius: 8px; border: 1px solid rgba(179,32,42,.2); background: #161212; color: #b8aea3; font-family: Lato, sans-serif; font-size: .84rem; text-decoration: none; transition: all .2s ease; }
.hf-arch-pagination .page-numbers:hover { border-color: #b3202a; color: #fff; }
.hf-arch-pagination .page-numbers.current { background: #b3202a; border-color: #b3202a; color: #fff; font-weight: 700; }
.hf-arch-pagination .page-numbers.dots { border-color: transparent; background: transparent; color: #655c54; }
.hf-arch-next { border: 1px solid rgba(179,32,42,.2); border-radius: 8px; background: #161212; text-decoration: none; }
.hf-arch-next:hover { border-color: #b3202a; color: #ffffff; }
.hf-arch-next[href=""] { display: none; }

/* --- Category chips (all categories of the post, each LINKED & separate) --- */
.hf-arch-cat { display: flex; flex-wrap: wrap; gap: 6px; align-items: center; }
.hf-arch-cat-chip { display: inline-flex; background: rgba(179,32,42,.14); padding: .24rem .55rem; border-radius: 4px; color: #c52835; }
.hf-arch-cat-chip a { color: inherit; text-decoration: none; }
.hf-arch-cat-chip a:hover { color: #ffffff; }
/* --- Read-article button (every card) --- */
.hf-arch-btn { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-top: auto; background: #b3202a; color: #ffffff; border: none; border-radius: 4px; padding: 9px 16px; font-family: Lato, sans-serif; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; text-decoration: none; transition: background-color .2s ease; }
.hf-arch-btn:hover { background: #7c141c; color: #ffffff; }
.hf-arch .hf-arch-item:nth-child(2) .hf-arch-btn, .hf-arch .hf-arch-item:nth-child(3) .hf-arch-btn, .hf-arch .hf-arch-item:nth-child(4) .hf-arch-btn { padding: 6px 11px; font-size: .64rem; }

/* --- Meta as a distinctive pill, not plain text --- */
.hf-arch-item .hf-arch-meta, .hf-arch-mcard .hf-arch-meta { display: inline-flex; flex-direction: row; align-items: center; gap: .6rem; margin-top: .4rem; border-left: 2px solid rgba(179,32,42,.65); padding: .25rem .6rem; font-size: .72rem; color: #8a7f75; line-height: 1.5; }
/* --- Meta rows (user + date with red icons) --- */
.hf-arch-meta-row { display: inline-flex; align-items: center; gap: .45rem; font-size: .72rem; color: #8a7f75; line-height: 1.4; }
.hf-arch-meta-ic { width: 12px; height: 12px; flex-shrink: 0; color: #c52835; }
/* --- Responsive --- */
@media (max-width:1024px) {
  .hf-arch { grid-template-columns: 1fr; gap: 20px; }
  .hf-arch .hf-arch-item:first-child { grid-column: auto; grid-row: auto; }
  .hf-arch .hf-arch-item:nth-child(2), .hf-arch .hf-arch-item:nth-child(3), .hf-arch .hf-arch-item:nth-child(4) { grid-column: auto; }
  .hf-arch-masonry { columns: 2; }
  .hf-arch-head { padding: 44px 24px 32px; }
}
@media (max-width:767px) {
  .hf-arch-masonry { columns: 1; }
  .hf-arch .hf-arch-item:nth-child(2), .hf-arch .hf-arch-item:nth-child(3), .hf-arch .hf-arch-item:nth-child(4) { align-items: flex-start; }
  .hf-arch-more { padding: 36px 24px 4px; }
}

/* ==== Category archive refinements (2026-09-01 round 2, user-approved) ==== */
/* 1. Author hyperlink -> light red */
.hf-arch-meta-row a{color:#c52835;text-decoration:none;font-weight:600}
.hf-arch-meta-row a:hover{color:#ffffff;text-decoration:underline}
/* 2. Category title + 'More from' -> warm gold (distinct from white card titles) */
.hf-arch-head .hf-arch-title{color:#c52835 !important}
.hf-arch-more-head h2{color:#c52835 !important}
/* 3. Stories count badge -> title font, uppercase, subtle premium badge */
.hf-arch-count{font-family:Lato,sans-serif;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:#e8d9c8;border-color:rgba(179,32,42,.35);background:rgba(179,32,42,.06);padding:.42rem .95rem}
/* 4. Kill the gap between header line and glow start (site-main default margin) */
body.category .site-main{margin-top:0}


/* ==== Author archive dark theme (same template as category, 2026-09-01) ==== */
body.author { background-color: #120e0d; position: relative; }
body.author .site-content, body.author .site, body.author .site-main { background: transparent; }
body.author .widget-area { display: none; }
body.author .content-area { width: 100%; }
body.author .site-main { margin-top: 0; }


/* ==== Featured post: longer excerpt (~10 lines), clamped (2026-09-01) ==== */
.hf-arch .hf-arch-item:first-child .hf-arch-excerpt { -webkit-line-clamp: 10; }


/* ==== Pagination breathing room (2026-09-01) ==== */
.hf-arch-pagination { margin-top: 48px; }


/* ==== Next button red (2026-09-01) ==== */
.hf-arch-next { background: #b3202a; border-color: #b3202a; color: #ffffff; }
.hf-arch-next:hover { background: #7c141c; border-color: #7c141c; color: #ffffff; }



/* ===== Single post content template (2026-09-01, .hf-single-*) ===== */
body.single { background-color: #0a0807; position: relative; }
body.single .site-content, body.single .site, body.single .site-main { background: transparent; }
body.single .widget-area { display: none; }
body.single .content-area { width: 100%; }
body.single::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20width='280'%20height='280'%3E%3Cfilter%20id='n'%3E%3CfeTurbulence%20type='fractalNoise'%20baseFrequency='0.85'%20numOctaves='2'%20stitchTiles='stitch'/%3E%3C/filter%3E%3Crect%20width='100%25'%20height='100%25'%20filter='url(%23n)'%20opacity='0.55'/%3E%3C/svg%3E");
  background-size: 280px 280px; opacity: .11; mix-blend-mode: screen; }
body.single::after, body.page-id-123110::after { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(100% 55% at 15% 0%, rgba(197,40,53,.07) 0%, transparent 50%),
              radial-gradient(80% 45% at 88% 100%, rgba(138,22,32,.06) 0%, transparent 55%); }
body.single .site-main { margin-top: 0; }
body.single .inside-article { background: transparent; box-shadow: none; padding: 0; }

.hf-single { max-width: 1160px; margin: 0 auto; padding: 44px 24px 0; position: relative; z-index: 2; }

/* kicker chips */
.hf-single-kicker .hf-single-chip { display: inline-flex; background: rgba(179,32,42,.14); padding: .28rem .6rem; border-radius: 3px; font-family: Lato, sans-serif; font-size: .66rem; letter-spacing: .14em; text-transform: uppercase; color: #c52835; font-weight: 700; }
.hf-single-kicker .hf-single-chip a { color: inherit; text-decoration: none; }
.hf-single-kicker .hf-single-chip a:hover { color: #fff; text-decoration: none; }

/* title */
.hf-single-title { font-family: 'Speltale', cursive; font-weight: 400; color: #e8d9c8; font-size: clamp(2rem, 4.2vw, 2.9rem); line-height: 1.08; margin: 0 0 20px; text-wrap: balance; }

/* meta */
.hf-single-meta { font-family: Lato, sans-serif; font-size: .78rem; color: #8a7f75; }
.hf-single-meta a { color: #c52835; font-weight: 600; }
.hf-single-meta a:hover { color: #fff; }
.hf-single-meta-row svg.hf-single-ic { width: 13px; height: 13px; color: #c52835; }
.hf-single-meta-row.hf-single-time::before { content: ''; width: 13px; height: 13px; flex: 0 0 13px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13' viewBox='0 0 24 24' fill='none' stroke='%23c52835' stroke-width='2'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpath d='M12 7v5l3 3'/%3E%3C/svg%3E") no-repeat center/contain; }
.hf-single-meta-row .wp-block-post-time-to-read { font-family: inherit; font-size: inherit; }
.hf-single-meta-row a { color: #c52835; font-weight: 600; }

/* hero */
.hf-single-hero { position: relative; border: 1px solid rgba(179,32,42,.35); border-radius: 4px; overflow: hidden; }
.hf-single-hero::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 55%, rgba(10,8,7,.55)); pointer-events: none; }

/* body */
.hf-single-body { font-size: 1.02rem; line-height: 1.85; color: #b8aea3; }
.hf-single-body > .entry-content > p { margin-bottom: 1.35em; }
.hf-single-body h2 { font-family: 'Speltale', cursive; font-weight: 400; color: #e8d9c8; font-size: 1.65rem; line-height: 1.15; margin: 2.2em 0 .8em; padding-left: 14px; border-left: 3px solid #b3202a; }
.hf-single-body h3 { font-family: 'Speltale', cursive; font-weight: 400; color: #e8d9c8; font-size: 1.3rem; margin: 1.8em 0 .6em; }
.hf-single-body a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(212,168,104,.4); }
.hf-single-body a:hover { color: #e8c278; }
.hf-single-body strong { color: #e8d9c8; font-weight: 600; }
.hf-single-body em { color: #d6cbb9; }
.hf-single-body blockquote { border-left: 3px solid #b3202a; padding: .4em 0 .4em 1.4em; margin: 2em 0; font-family: Lora, serif; font-style: italic; font-size: 1.3rem; line-height: 1.5; color: #e8d9c8; position: relative; background: transparent; }
.hf-single-body blockquote::before { content: '\201C'; position: absolute; left: -6px; top: -14px; font-family: 'Speltale', cursive; font-size: 3.4rem; color: rgba(179,32,42,.5); line-height: 1; }
.hf-single-body .entry-content > p:first-of-type::first-letter { font-family: 'Speltale', cursive; font-size: 3.4em; line-height: .8; float: left; margin: .08em .12em 0 0; color: #c52835; }
.hf-single-body iframe { max-width: 100%; border-radius: 4px; }
.hf-single-body .wp-block-embed { margin: 2em 0; }
.hf-single-body ul, .hf-single-body ol { margin: 0 0 1.35em 1.4em; }
.hf-single-body li { margin-bottom: .4em; }
.hf-single-body .wp-caption { max-width: 100%; }
.hf-single-body .wp-caption-text { font-family: Lato, sans-serif; font-size: .7rem; color: #655c54; margin-top: .5rem; text-align: center; }

/* ==== YouTube click-to-load (GDPR, 2026-10-17) ==== */
.hf-yt { position: relative; overflow: hidden; aspect-ratio: 16 / 9; margin: 2em 0;
  background: #141010; border: 1px solid rgba(179,32,42,.22); border-radius: 4px; }
.hf-yt iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.hf-yt-poster { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover;
  opacity: .58; filter: grayscale(.25) brightness(.85) contrast(1.02); cursor: pointer; }
.hf-yt-veil { position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(ellipse 70% 80% at 50% 40%, rgba(179,32,42,.16), transparent 65%),
              linear-gradient(180deg, rgba(10,8,7,.15), rgba(10,8,7,.78)); }
.hf-yt-btn { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);
  display: inline-flex; align-items: center; gap: 10px; cursor: pointer;
  padding: 12px 26px; border: 1px solid rgba(179,32,42,.65); border-radius: 3px;
  background: #b3202a; color: #fff; font-family: Lato, sans-serif; font-size: .74rem;
  letter-spacing: .16em; text-transform: uppercase; transition: background-color .18s ease; }
.hf-yt-btn:hover { background: #c52835; }
.hf-yt-btn::before { content: ""; width: 0; height: 0; border-style: solid;
  border-width: 6px 0 6px 10px; border-color: transparent transparent transparent #fff; }
.hf-yt-note { position: absolute; left: 0; right: 0; bottom: 10px; text-align: center;
  font-family: Lato, sans-serif; font-size: .64rem; letter-spacing: .1em; text-transform: uppercase;
  color: #a89d92; }
@media (max-width: 600px) {
  .hf-yt-btn { padding: 10px 18px; font-size: .68rem; }
}

/* ==== Embed Privacy — YouTube gate branduit (dezactivat, pastrat ca referinta) ==== */
.embed-privacy-container {
  background: #141010; border: 1px solid rgba(179,32,42,.22); border-radius: 4px;
  overflow: hidden; margin: 2em 0;
}
.embed-privacy-container .embed-privacy-overlay {
  background: radial-gradient(ellipse 70% 90% at 50% 0%, rgba(179,32,42,.10), transparent 65%), #141010;
}
.embed-privacy-container .embed-privacy-inner { padding: 26px 24px; text-align: center; }
.embed-privacy-container .embed-privacy-logo {
  width: 44px; height: 44px; margin-bottom: 10px; opacity: .45;
  filter: grayscale(1) brightness(1.8);
}
.embed-privacy-container .embed-privacy-inner p {
  font-family: Lato, sans-serif; font-size: .86rem; line-height: 1.65; color: #a89d92;
}
.embed-privacy-container .embed-privacy-inner a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; }
.embed-privacy-container .embed-privacy-inner a:hover { color: #e8c278; }
.embed-privacy-container .embed-privacy-inner::after {
  content: "Load video";
  display: inline-flex; align-items: center; justify-content: center;
  margin-top: 14px; padding: 9px 20px; border-radius: 3px;
  font-family: Lato, sans-serif; font-size: .72rem; letter-spacing: .16em;
  text-transform: uppercase; color: #fff; background: #b3202a;
  transition: background-color .18s ease;
}
.embed-privacy-container:hover .embed-privacy-inner::after { background: #c52835; }
.embed-privacy-container .embed-privacy-input-wrapper label { color: #655c54; font-size: .74rem; }
.embed-privacy-container .embed-privacy-footer,
.embed-privacy-container .embed-privacy-footer a { color: #655c54; font-size: .68rem; }
/* drop-cap-ul site-ului nu are ce căuta în placeholder */
.hf-single-body .entry-content .embed-privacy-container p::first-letter,
.embed-privacy-container p::first-letter {
  float: none !important; font-family: inherit !important; font-size: inherit !important;
  line-height: inherit !important; color: inherit !important; margin: 0 !important;
}

/* archive fallback artwork — only for 2015–2021 posts without a featured image (2026-10-17) */
.hf-arch-fallback-img { display: block; width: 100%; aspect-ratio: 16 / 9; object-fit: cover; }

/* tags — chips at the end of a single post (2026-10-17) */
.hf-single-tags { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 2em 0 .4em; }
.hf-single-tags .hf-single-tags-lbl {
  display: inline-flex; align-items: center;
  font-family: Lato, sans-serif; font-size: .68rem; letter-spacing: .18em;
  text-transform: uppercase; color: #8a7f75; margin-right: 4px;
}
.hf-single-tags a.hf-single-tag {
  display: inline-flex; align-items: center;
  font-family: Lato, sans-serif; font-size: .72rem; letter-spacing: .06em;
  text-transform: uppercase; color: #a89d92;
  background: rgba(179,32,42,.06); border: 1px solid rgba(179,32,42,.28);
  border-radius: 3px; padding: 6px 11px; line-height: 1.15; text-decoration: none;
  transition: color .18s, border-color .18s, background-color .18s;
}
.hf-single-tags a.hf-single-tag:hover,
.hf-single-tags a.hf-single-tag:focus-visible {
  color: #e8d9c8; background: rgba(179,32,42,.16);
  border-color: rgba(179,32,42,.55); outline: none;
}
/* mobil: eticheta pe rând propriu, ca chip-urile să stea aliniate la stânga */
@media (max-width: 600px) {
  .hf-single-tags .hf-single-tags-lbl { flex: 1 0 100%; margin: 0 0 2px; }
}

/* share — AddToAny kit restyled to the original custom-button look (2026-09-04) */
.hf-single-share { gap: 10px; }
.hf-single-share .hf-single-share-lbl { display: inline-flex; align-items: center; }
.hf-single-share .a2a_kit { display: inline-flex; align-items: center; gap: 10px; flex-wrap: wrap; }
.hf-single-share .a2a_kit a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 36px !important;
  height: 36px !important;
  border: 1px solid rgba(179,32,42,.16) !important;
  border-radius: 50% !important;
  color: #8a7f75 !important;
  background: transparent !important;
  text-decoration: none !important;
  margin: 0 !important;
  padding: 0 !important;
  line-height: 1 !important;
  transition: border-color .2s, color .2s, background-color .2s !important;
}
.hf-single-share .a2a_kit a > span {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: auto !important;
  height: auto !important;
  line-height: 1 !important;
  background: transparent !important;
}
.hf-single-share .a2a_kit svg { width: 15px !important; height: 15px !important; fill: currentColor !important; }
.hf-single-share .a2a_kit svg path { fill: currentColor !important; }
.hf-single-share .a2a_kit a:hover,
.hf-single-share .a2a_kit a:focus {
  border-color: #b3202a !important;
  color: #c52835 !important;
  background: rgba(179,32,42,.08) !important;
}
.hf-single-share .a2a_kit a:hover span,
.hf-single-share .a2a_kit a:focus span { background: transparent !important; }

/* author box */
.hf-single-author .hf-single-author-more:hover { color: #fff; }
.hf-single-author .hf-single-bio:empty { display: none; }

/* prev/next (core/post-navigation-link) */
.hf-single-pn .wp-block-post-navigation-link a { display: flex; flex-direction: column; gap: 6px; background: #161212; border: 1px solid rgba(179,32,42,.16); border-radius: 4px; padding: 1.1rem 1.3rem; color: #e8d9c8; font-family: Lora, serif; font-size: .92rem; line-height: 1.35; text-decoration: none; transition: border-color .2s; }
.hf-single-pn .wp-block-post-navigation-link a:hover { border-color: #b3202a; color: #fff; }
.hf-single-pn .wp-block-post-navigation-link a::before { content: attr(data-label); display: block; font-family: Lato, sans-serif; font-size: .64rem; letter-spacing: .18em; text-transform: uppercase; color: #655c54; margin-bottom: 2px; }
.hf-single-pn .wp-block-post-navigation-link a::after { display: none; }

/* related */
.hf-single-rel .hf-single-rel-card h3 a { color: inherit; }
.hf-single-rel .hf-single-rel-card h3 a:hover { color: #fff; }
.hf-single-rel .hf-single-rel-card:hover { border-color: rgba(179,32,42,.35); }

/* comments (core/comments) */
.hf-single-comments { margin-top: 2.6em; }
.hf-single-comments .wp-block-comments-title { font-family: 'Speltale', cursive; font-weight: 400; font-size: 1.4rem; color: #e8d9c8; margin-bottom: 1.1em; }
.hf-single-comments .wp-block-group { border: 1px solid rgba(179,32,42,.16); border-left: 2px solid rgba(179,32,42,.35); border-radius: 4px; padding: 1.1rem 1.3rem; margin-bottom: 14px; background: #161212; }
.hf-single-comments .wp-block-comment-author-name a, .hf-single-comments .wp-block-comment-author-name { font-family: Lato, sans-serif; font-size: .8rem; color: #e8d9c8; font-weight: 700; }
.hf-single-comments .wp-block-comment-date a { font-family: Lato, sans-serif; font-size: .66rem; color: #655c54; text-decoration: none; }
.hf-single-comments .wp-block-comment-content p { font-size: .88rem; color: #8a7f75; line-height: 1.6; }
.hf-single-comments .wp-block-comment-reply-link a { font-family: Lato, sans-serif; font-size: .7rem; color: #c52835; }
.hf-single-comments .comment-form label { display: block; font-family: Lato, sans-serif; font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; color: #655c54; margin-bottom: 6px; }
.hf-single-comments .comment-form input, .hf-single-comments .comment-form textarea { width: 100%; background: #161212; border: 1px solid rgba(179,32,42,.16); border-radius: 4px; color: #e8d9c8; padding: .7rem .9rem; font-family: Lora, serif; font-size: .9rem; margin-bottom: 12px; outline: none; }
.hf-single-comments .comment-form input:focus, .hf-single-comments .comment-form textarea:focus { border-color: #b3202a; }
.hf-single-comments .comment-form .submit { background: #b3202a; color: #fff; border: none; border-radius: 4px; padding: .7rem 1.5rem; font-family: Lato, sans-serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; font-weight: 700; cursor: pointer; width: auto; }
.hf-single-comments .comment-form .submit:hover { background: #7c141c; }

/* sidebar */
.hf-single-side .hf-single-side-box .hf-single-side-title { margin-bottom: 1.1rem; padding-bottom: .8rem; border-bottom: 1px solid rgba(179,32,42,.16); }
.hf-single-side .hf-single-side-title::after { content: ''; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(179,32,42,.5), transparent); }
.hf-single-side .hf-single-trend .hf-single-trend-info a { color: #e8d9c8; }
.hf-single-side .hf-single-trend .hf-single-trend-info a:hover { color: #fff; }
.hf-single-side .hf-single-fresh .hf-single-fresh-info a { color: #e8d9c8; }
.hf-single-side .hf-single-fresh .hf-single-fresh-info a:hover { color: #fff; }
.hf-single-side .hf-single-cat { display: inline-block; font-family: Lato, sans-serif; font-size: .66rem; letter-spacing: .08em; text-transform: uppercase; color: #8a7f75; border: 1px solid rgba(179,32,42,.16); padding: .34rem .62rem; border-radius: 3px; text-decoration: none; }
.hf-single-side .hf-single-cat:hover { border-color: #b3202a !important; color: #e8d9c8 !important; }
.hf-single-side .hf-single-pick h3 a { color: inherit; }
.hf-single-side .hf-single-pick h3 a:hover { color: #fff; }
.hf-single-side .hf-single-news .hf-single-news-fine a { color: #d4a868; text-decoration: underline; text-underline-offset: 2px; }

/* ===== Editor's Pick query module (2026-09-04) =====
   First loop item = hero card (image 4/3 + bottom gradient + eyebrow + title).
   Items 2-3 = grouped box like the sidebar boxes (bg #161212 + border),
   each mini row carries an "Editor's Pick" ribbon + ALL linked categories.
   NOTE: relies on query order hero + 2 mini rows (post__in x3). */
.hf-single-ep-zone .hf-single-ep-item { display: block; }
/* Zone itself is a normal sidebar block (not display:contents) so its loop items
   don't inherit the aside flex gap (28px) between the hero and mini rows. */
.hf-single-side .hf-single-ep-zone { display: block; }
.hf-single-ep-zone .hf-single-ep-item + .hf-single-ep-item { margin-top: 10px; }

/* hero (first item) */
.hf-single-ep-zone .hf-single-ep-item:first-child {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
  border: 1px solid rgba(179,32,42,.35);
}
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-media { display: block; }
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-img {
  display: block;
  width: 100%;
  aspect-ratio: 4/3;
  object-fit: cover;
}
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-ov {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 1.2rem;
  background: linear-gradient(180deg, rgba(10,8,7,.15) 30%, rgba(10,8,7,.92));
}
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-eyebrow {
  font-family: Lato, sans-serif;
  font-size: .62rem;
  letter-spacing: .2em;
  text-transform: uppercase;
  color: #d4a868;
  font-weight: 700;
  margin-bottom: .4rem;
}
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-title {
  font-family: 'Speltale', cursive;
  font-weight: 400;
  font-size: 1.15rem;
  line-height: 1.2;
  color: #e8d9c8;
  margin: 0;
}
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-title a { color: inherit; text-decoration: none; }
.hf-single-ep-zone .hf-single-ep-item:first-child .hf-single-ep-title a:hover { color: #fff; }

/* mini rows (2nd, 3rd item) grouped into one box (Fresh Reviews look) */
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) {
  display: flex;
  gap: 12px;
  align-items: center;
  background: #161212;
  border-left: 1px solid rgba(179,32,42,.16);
  border-right: 1px solid rgba(179,32,42,.16);
  padding: 10px 12px;
}
.hf-single-ep-zone .hf-single-ep-item:nth-child(2) {
  margin-top: 10px;
  border-top: 1px solid rgba(179,32,42,.16);
  border-radius: 4px 4px 0 0;
  padding-bottom: 8px;
}
.hf-single-ep-zone .hf-single-ep-item:last-child {
  margin-top: 0;
  border-top: 1px solid rgba(179,32,42,.1);
  border-bottom: 1px solid rgba(179,32,42,.16);
  border-radius: 0 0 4px 4px;
  padding-top: 8px;
}
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-ov {
  display: flex;
  flex-direction: column;
  gap: 3px;
  align-items: flex-start;
  min-width: 0;
}
.hf-single-ep-zone .hf-single-ep-cat { display: none; }
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-cat {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: .6rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
}
/* category chips — one bordered chip per category (EP mini rows) */
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-cat a {
  display: inline-block;
  border: 1px solid rgba(179,32,42,.22);
  border-radius: 3px;
  padding: .14rem .5rem;
  line-height: 1.4;
  color: #c52835;
  text-decoration: none;
  white-space: nowrap;
}
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-cat a:hover {
  color: #fff;
  border-color: #b3202a;
}
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-media {
  flex: none;
  display: block;
  width: 58px;
  height: 58px;
  overflow: hidden;
  border-radius: 3px;
  border: 1px solid rgba(179,32,42,.16);
}
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
/* mini "Editor's Pick" ribbon on each of the two rows — same gold as the hero eyebrow */
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-eyebrow {
  display: inline-block;
  font-family: Lato, sans-serif;
  font-size: .54rem;
  font-weight: 700;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: #d4a868;
  line-height: 1.3;
  background: rgba(212,168,104,.1);
  border-left: 2px solid rgba(212,168,104,.65);
  padding: 1px 6px 1px 4px;
  border-radius: 2px;
  margin-bottom: 2px;
}
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-title {
  margin: 0;
  font-family: Lora, serif;
  font-size: .8rem;
  line-height: 1.3;
  color: #e8d9c8;
  font-weight: 400;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-title a { color: inherit; text-decoration: none; }
.hf-single-ep-zone .hf-single-ep-item:not(:first-child) .hf-single-ep-title a:hover { color: #fff; }

/* Category chips — same bordered look in Fresh Reviews (and EP) */
.hf-single-side .hf-single-fresh .hf-single-fresh-cat {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  align-items: center;
  font-family: Lato, sans-serif;
  font-size: .6rem;
  letter-spacing: .06em;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 4px;
}
.hf-single-side .hf-single-fresh .hf-single-fresh-cat > span {
  display: inline-block;
  border: 1px solid rgba(179,32,42,.22);
  border-radius: 3px;
  padding: .14rem .5rem;
  line-height: 1.4;
  color: #c52835;
  white-space: nowrap;
}

/* responsive */
@media (max-width:1024px) {
  .hf-single { grid-template-columns: 1fr !important; gap: 36px; }
  .hf-single-side { position: static !important; }
  .hf-single-rel { grid-template-columns: repeat(2, minmax(0,1fr)) !important; }
}
@media (max-width:767px) {
  .hf-single { padding: 32px 16px 0; }
  .hf-single-rel { grid-template-columns: 1fr !important; }
  .hf-single-pn { grid-template-columns: 1fr !important; }
  .hf-single-body h2 { font-size: 1.4rem; }
}

/* ===== Single post template fixes (2026-09-01) ===== */
.hf-single-title { color: #e8d9c8 !important; }
.hf-single-body .entry-content p:first-of-type::first-letter { font-family: 'Speltale', cursive; font-size: 3.4em; line-height: .8; float: left; margin: .08em .12em 0 0; color: #c52835; }


/* ===== Single post template color tweaks (2026-09-01) ===== */
.hf-single-rel-head h2 { color: #c52835 !important; }
.hf-single-pn .wp-block-post-navigation-link a::before { color: #c52835 !important; font-weight: 700; }
.hf-single-pn .wp-block-post-navigation-link a { color: #e8d9c8; }
.hf-single-pn .wp-block-post-navigation-link a:hover { color: #ffffff; border-color: #b3202a; }


/* ===== Single post prev/next real-markup fix (2026-09-01) ===== */
.hf-single-pn .wp-block-post-navigation-link { display: flex; flex-direction: column; gap: 6px; background: #161212; border: 1px solid rgba(179,32,42,.16); border-radius: 4px; padding: 1.1rem 1.3rem; transition: border-color .2s; }
.hf-single-pn .wp-block-post-navigation-link:hover { border-color: #b3202a; }
.hf-single-pn .post-navigation-link__label { font-family: Lato, sans-serif; font-size: .64rem; letter-spacing: .18em; text-transform: uppercase; color: #c52835 !important; font-weight: 700; }
.hf-single-pn .wp-block-post-navigation-link a { font-family: Lora, serif; font-size: .92rem; line-height: 1.35; color: #e8d9c8; text-decoration: none; }
.hf-single-pn .wp-block-post-navigation-link a:hover { color: #ffffff; }


/* ===== Related card button + prev/next redesign (2026-09-01) ===== */
.hf-single-rel .hf-single-rel-btn { display: inline-flex; align-items: center; gap: 6px; align-self: flex-start; margin-top: auto; background: #b3202a; color: #ffffff; border: none; border-radius: 4px; padding: 8px 14px; font-family: Lato, sans-serif; font-size: .68rem; letter-spacing: .1em; text-transform: uppercase; font-weight: 700; text-decoration: none; transition: background-color .2s ease; }
.hf-single-rel .hf-single-rel-btn:hover { background: #7c141c; color: #ffffff; }
.hf-single-rel .hf-single-rel-btn span { font: inherit; }
.hf-single-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 0; border: 1px solid rgba(179,32,42,.16); border-radius: 4px; overflow: hidden; background: #161212; }
.hf-single-pn .wp-block-post-navigation-link { display: flex; flex-direction: column; gap: 5px; padding: 1.1rem 1.25rem; background: transparent; border: none; border-radius: 0; transition: background-color .2s ease; }
.hf-single-pn .wp-block-post-navigation-link:hover { background: rgba(179,32,42,.07); }
.hf-single-pn .wp-block-post-navigation-link + .wp-block-post-navigation-link { border-left: 1px solid rgba(179,32,42,.16); }
.hf-single-pn .post-navigation-link__label { display: inline-flex; align-items: center; gap: 6px; font-family: Lato, sans-serif; font-size: .64rem; letter-spacing: .18em; text-transform: uppercase; color: #c52835 !important; font-weight: 700; }
.hf-single-pn .post-navigation-link-previous .post-navigation-link__label::before { content: '\2190'; font-size: .8rem; }
.hf-single-pn .post-navigation-link-next .post-navigation-link__label::after { content: '\2192'; font-size: .8rem; margin-left: auto; }
.hf-single-pn .wp-block-post-navigation-link a { font-family: Lora, serif; font-size: .9rem; line-height: 1.35; color: #e8d9c8; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hf-single-pn .wp-block-post-navigation-link a:hover { color: #ffffff; }


/* ===== Prev/Next final cleanup (2026-09-01) ===== */
.hf-single-pn .wp-block-post-navigation-link a { padding: 0 !important; background: transparent !important; border: none !important; border-radius: 0 !important; display: -webkit-box !important; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hf-single-pn .wp-block-post-navigation-link { justify-content: flex-start; align-items: stretch; min-height: 104px; padding: 1.1rem 1.25rem 1.2rem !important; }
.hf-single-pn .post-navigation-link__label { margin-bottom: 6px; }


/* ===== Related card meta — category-archive styling (2026-09-01) ===== */
.hf-single-rel .hf-single-rel-meta { display: inline-flex; flex-direction: row; align-items: center; gap: .6rem; margin-top: .4rem; border-left: 2px solid rgba(179,32,42,.65); background: rgba(179,32,42,.08); padding: .25rem .6rem; }
.hf-single-rel .hf-single-rel-meta-row { display: inline-flex; align-items: center; gap: .45rem; font-size: .72rem; color: #8a7f75; line-height: 1.4; }
.hf-single-rel .hf-single-rel-meta-row a { color: #c52835; font-weight: 600; }
.hf-single-rel .hf-single-rel-meta-row a:hover { color: #ffffff; }
.hf-single-rel .hf-single-rel-meta-ic { width: 12px; height: 12px; flex-shrink: 0; color: #c52835; }


/* ===== Prev/Next NEW design — filled red (2026-09-01) ===== */
.hf-single-pn { display: grid; grid-template-columns: 1fr 1fr; gap: 14px; margin-bottom: 2.2em; }
.hf-single-pn .wp-block-post-navigation-link { display: flex; flex-direction: column; gap: 6px; padding: 1rem 1.2rem; background: #b3202a; border: 1px solid #b3202a; border-radius: 4px; min-height: 96px; justify-content: center; transition: background-color .2s ease, border-color .2s ease; }
.hf-single-pn .wp-block-post-navigation-link:hover { background: #7c141c; border-color: #7c141c; }
.hf-single-pn .post-navigation-link__label { display: inline-flex; align-items: center; gap: 6px; font-family: Lato, sans-serif; font-size: .62rem; letter-spacing: .18em; text-transform: uppercase; color: rgba(255,255,255,.75) !important; font-weight: 700; }
.hf-single-pn .post-navigation-link-previous .post-navigation-link__label::before { content: '\2190'; font-size: .85rem; color: #fff; }
.hf-single-pn .post-navigation-link-next .post-navigation-link__label { justify-content: flex-end; }
.hf-single-pn .post-navigation-link-next .post-navigation-link__label::after { content: '\2192'; font-size: .85rem; color: #fff; }
.hf-single-pn .wp-block-post-navigation-link a { font-family: Lora, serif; font-size: .95rem; line-height: 1.35; color: #ffffff !important; text-decoration: none; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.hf-single-pn .wp-block-post-navigation-link a:hover { color: #ffffff; }


/* ===== Category/Author archive: meta + category chips aligned to SINGLE POST (2026-09-05) ===== */
/* Chips: same font + dimensions as .hf-single-chip (Lato .66rem, pad .28rem .6rem, radius 3px) */
.hf-arch .hf-arch-cat,
.hf-arch .hf-arch-cat-chip,
.hf-arch-mcard .hf-arch-cat,
.hf-arch-mcard .hf-arch-cat-chip { font-family: Lato, sans-serif; }
.hf-arch .hf-arch-cat-chip,
.hf-arch-mcard .hf-arch-cat-chip { padding: .28rem .6rem; border-radius: 3px; }
/* Meta: same font + size as .hf-single-meta (Lato .78rem = 12.48px, gray #8a7f75, author red 600) */
.hf-arch .hf-arch-meta,
.hf-arch .hf-arch-meta-row,
.hf-arch-mcard .hf-arch-meta,
.hf-arch-mcard .hf-arch-meta-row { font-family: Lato, sans-serif; font-size: .78rem; }
.hf-arch .hf-arch-meta-row a,
.hf-arch-mcard .hf-arch-meta-row a { color: #c52835; font-weight: 600; text-decoration: none; }
.hf-arch .hf-arch-meta-row a:hover,
.hf-arch-mcard .hf-arch-meta-row a:hover { color: #ffffff; text-decoration: underline; }
.hf-arch .hf-arch-meta-ic,
.hf-arch-mcard .hf-arch-meta-ic { width: 13px; height: 13px; }


/* ===== 404 template — dark editorial (2026-09-05) ===== */
body.error404 { background-color: #0a0807; position: relative; }
body.error404 .site-content, body.error404 .site, body.error404 .site-main { background: transparent; }
body.error404 .widget-area { display: none; }
body.error404 .content-area { width: 100%; }
body.error404 .site-main { margin-top: 0; }
body.error404::before, body.page-id-123100::before, body.page-id-125465::before, body.page-id-123103::before, body.page-id-123110::before, body.page-id-123124::before, body.page-id-123128::before, body.page-id-123134::before, body.page-id-123156::before, body.page-id-123163::before { content: ""; position: fixed; inset: 0; z-index: 0; pointer-events: none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20width%3D%27280%27%20height%3D%27280%27%3E%3Cfilter%20id%3D%27n%27%3E%3CfeTurbulence%20type%3D%27fractalNoise%27%20baseFrequency%3D%270.85%27%20numOctaves%3D%272%27%20stitchTiles%3D%27stitch%27%2F%3E%3C%2Ffilter%3E%3Crect%20width%3D%27100%25%27%20height%3D%27100%25%27%20filter%3D%27url%28%23n%29%27%20opacity%3D%270.55%27%2F%3E%3C%2Fsvg%3E");
  background-size: 280px 280px; opacity: .11; mix-blend-mode: screen; }
body.error404 .inside-article { padding: 0; }

.hf-404 { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 96px 24px 120px; text-align: center; }
.hf-404 .hf-404-kick { display: inline-flex; align-items: center; gap: 10px;
  font-family: Lato, sans-serif; font-size: .72rem; font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase; color: #c52835; }
.hf-404 .hf-404-kick::before, .hf-404 .hf-404-kick::after { content: '';
  width: 34px; height: 1px; background: linear-gradient(90deg, transparent, rgba(179,32,42,.55)); }
.hf-404 .hf-404-kick::after { background: linear-gradient(90deg, rgba(179,32,42,.55), transparent); }
.hf-404 .hf-404-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(2.5rem, 6vw, 4.2rem); line-height: 1.05; color: #e8d9c8 !important;
  margin: 26px auto 18px; max-width: 760px; text-wrap: balance;
  text-shadow: 0 0 42px rgba(179,32,42,.35); }
.hf-404 .hf-404-desc { font-family: Lora, serif; font-size: 1.05rem; line-height: 1.75;
  color: #8a7f75; max-width: 520px; margin: 0 auto 34px; }
.hf-404 .hf-404-form { display: flex; gap: 10px; max-width: 520px; margin: 0 auto; }
.hf-404 .hf-404-input { flex: 1; min-width: 0; background: #161212; color: #e8d9c8;
  border: 1px solid rgba(179,32,42,.2); border-radius: 4px; padding: 13px 16px;
  font-family: Lora, serif; font-size: .95rem; outline: none; transition: border-color .2s ease; }
.hf-404 .hf-404-input::placeholder { color: #655c54; }
.hf-404 .hf-404-input:focus { border-color: #b3202a; }
.hf-404 .hf-404-btn { flex: 0 0 auto; background: #b3202a; color: #ffffff; border: none;
  border-radius: 4px; padding: 13px 22px; cursor: pointer;
  font-family: Lato, sans-serif; font-size: .72rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; text-decoration: none;
  transition: background-color .2s ease; }
.hf-404 .hf-404-btn:hover { background: #7c141c; }
.hf-404 .hf-404-home { margin: 22px 0 0; font-family: Lato, sans-serif;
  font-size: .72rem; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; }
.hf-404 .hf-404-home a { color: #c52835; text-decoration: none; transition: color .2s ease; }
.hf-404 .hf-404-home a:hover { color: #ffffff; }
@media (max-width: 560px) {
  .hf-404 { padding: 64px 20px 90px; }
  .hf-404 .hf-404-form { flex-direction: column; }
  .hf-404 .hf-404-btn { width: 100%; }
}


/* ===== Search results template — dark editorial (2026-09-05) ===== */
body.search { background-color: #120e0d; position: relative; }
body.search .site-content, body.search .site, body.search .site-main { background: transparent; }
body.search .widget-area { display: none; }
body.search .content-area { width: 100%; }
body.search .site-main { margin-top: 0; }

.hf-srh { position: relative; z-index: 1; max-width: 1160px; margin: 0 auto;
  padding: 48px 24px 8px; columns: 3; column-gap: 24px; }
.hf-srh .hf-arch-mcard { margin-bottom: 24px; break-inside: avoid; }
.hf-srh .hf-arch-pagination { margin-top: 48px; }
.hf-srh .hf-arch-next-wrap { margin-top: 18px; }
/* no results state */
.srh-123092-noresults { column-span: all; text-align: center; padding: 40px 24px 80px; }
.srh-123092-noresults .srh-123092-nr-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(1.9rem, 4vw, 2.6rem); color: #e8d9c8 !important; margin: 0 0 12px; }
.srh-123092-noresults .srh-123092-nr-desc { font-family: Lora, serif; font-size: 1rem;
  color: #8a7f75; line-height: 1.7; margin: 0 auto 26px; max-width: 460px; }
.srh-123092-noresults .srh-123092-nr-btn { display: inline-flex; align-items: center; gap: 6px;
  background: #b3202a; color: #ffffff; border: none; border-radius: 4px; padding: 11px 18px;
  font-family: Lato, sans-serif; font-size: .72rem; letter-spacing: .1em; text-transform: uppercase;
  font-weight: 700; text-decoration: none; transition: background-color .2s ease; }
.srh-123092-noresults .srh-123092-nr-btn:hover { background: #7c141c; color: #ffffff; }
@media (max-width: 1024px) { .hf-srh { columns: 2; } }
@media (max-width: 767px) { .hf-srh { columns: 1; padding: 36px 24px 4px; } }


/* ===== Date archive dark theme (same template as category/author, 2026-09-05) ===== */
body.date { background-color: #120e0d; position: relative; }
body.date .site-content, body.date .site, body.date .site-main { background: transparent; }
body.date .widget-area { display: none; }
body.date .content-area { width: 100%; }
body.date .site-main { margin-top: 0; }

/* Date archive: hide empty "More from this archive" heading when the query has <=4 posts
   (all mcards are the hidden 1-4 duplicates; pagination, if any, stays visible) */
body.date .hf-arch-more:not(:has(.hf-arch-mcard:nth-child(n+5))) .hf-arch-more-head { display: none; }


/* ===== Privacy Policy page — dark editorial (2026-09-05) ===== */
body.page-id-123100 { background-color: #0a0807; position: relative; }
body.page-id-123100 .site-content, body.page-id-123100 .site, body.page-id-123100 .site-main { background: transparent; }
body.page-id-123100 .widget-area { display: none; }
body.page-id-123100 .content-area { width: 100%; }
body.page-id-123100 .site-main { margin-top: 0; }
body.page-id-123100 .inside-article { background: transparent !important; box-shadow: none !important; padding: 0; }
body.page-id-123100 .entry-header { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 64px 24px 8px; text-align: center; }
body.page-id-123100 .entry-header .entry-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 3.4rem); color: #e8d9c8 !important; line-height: 1.08;
  margin: 0 0 14px; text-shadow: 0 0 42px rgba(179,32,42,.3); }
body.page-id-123100 .entry-content { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 24px 24px 110px; font-family: Lora, serif; font-size: 1rem; line-height: 1.85;
  color: #b8aea3; }
body.page-id-123100 .entry-content p { margin: 0 0 1.1em; }
body.page-id-123100 .entry-content ul { margin: 0 0 1.3em; padding-left: 1.4em; }
body.page-id-123100 .entry-content li { margin-bottom: .55em; }
body.page-id-123100 .entry-content h2 { font-family: 'Speltale', cursive; font-weight: 400;
  color: #e8d9c8 !important; font-size: 1.45rem; line-height: 1.2; margin: 2.1em 0 .7em;
  padding-left: 14px; border-left: 3px solid #b3202a; }
body.page-id-123100 .entry-content a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; }
body.page-id-123100 .entry-content a:hover { color: #fff; }
body.page-id-123100 .entry-content strong { color: #e8d9c8; }
@media (max-width: 767px) {
  body.page-id-123100 .entry-header { padding: 48px 20px 4px; }
  body.page-id-123100 .entry-content { padding: 20px 20px 90px; }
}

/* ===== Cookie Policy page — same dark editorial treatment (2026-10-17) ===== */
body.page-id-125465 { background-color: #0a0807; position: relative; }
body.page-id-125465 .site-content, body.page-id-125465 .site, body.page-id-125465 .site-main { background: transparent; }
body.page-id-125465 .widget-area { display: none; }
body.page-id-125465 .content-area { width: 100%; }
body.page-id-125465 .site-main { margin-top: 0; }
body.page-id-125465 .inside-article { background: transparent !important; box-shadow: none !important; padding: 0; }
body.page-id-125465 .entry-header { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 64px 24px 8px; text-align: center; }
body.page-id-125465 .entry-header .entry-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 3.4rem); color: #e8d9c8 !important; line-height: 1.08;
  margin: 0 0 14px; text-shadow: 0 0 42px rgba(179,32,42,.3); }
body.page-id-125465 .entry-content { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 24px 24px 110px; font-family: Lora, serif; font-size: 1rem; line-height: 1.85;
  color: #b8aea3; }
body.page-id-125465 .entry-content p { margin: 0 0 1.1em; }
body.page-id-125465 .entry-content ul { margin: 0 0 1.3em; padding-left: 1.4em; }
body.page-id-125465 .entry-content li { margin-bottom: .55em; }
body.page-id-125465 .entry-content h2 { font-family: 'Speltale', cursive; font-weight: 400;
  color: #e8d9c8 !important; font-size: 1.45rem; line-height: 1.2; margin: 2.1em 0 .7em;
  padding-left: 14px; border-left: 3px solid #b3202a; }
body.page-id-125465 .entry-content h3 { font-family: Lora, serif; font-weight: 700;
  color: #e8d9c8 !important; font-size: 1.06rem; line-height: 1.35; margin: 1.7em 0 .5em; }
body.page-id-125465 .entry-content code { font-size: .88em; color: #d4a868; background: rgba(179,32,42,.08);
  border: 1px solid rgba(179,32,42,.18); border-radius: 3px; padding: 1px 5px; }
body.page-id-125465 .entry-content a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; }
body.page-id-125465 .entry-content a:hover { color: #fff; }
body.page-id-125465 .entry-content strong { color: #e8d9c8; }
@media (max-width: 767px) {
  body.page-id-125465 .entry-header { padding: 48px 20px 4px; }
  body.page-id-125465 .entry-content { padding: 20px 20px 90px; }
}

/* ===== Terms of Use page — dark editorial (2026-09-05) ===== */
body.page-id-123103 { background-color: #0a0807; position: relative; }
body.page-id-123103 .site-content, body.page-id-123103 .site, body.page-id-123103 .site-main { background: transparent; }
body.page-id-123103 .widget-area { display: none; }
body.page-id-123103 .content-area { width: 100%; }
body.page-id-123103 .site-main { margin-top: 0; }
body.page-id-123103 .inside-article { background: transparent !important; box-shadow: none !important; padding: 0; }
body.page-id-123103 .entry-header { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 64px 24px 8px; text-align: center; }
body.page-id-123103 .entry-header .entry-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 3.4rem); color: #e8d9c8 !important; line-height: 1.08;
  margin: 0 0 14px; text-shadow: 0 0 42px rgba(179,32,42,.3); }
body.page-id-123103 .entry-content { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 24px 24px 110px; font-family: Lora, serif; font-size: 1rem; line-height: 1.85;
  color: #b8aea3; }
body.page-id-123103 .entry-content p { margin: 0 0 1.1em; }
body.page-id-123103 .entry-content ul { margin: 0 0 1.3em; padding-left: 1.4em; }
body.page-id-123103 .entry-content li { margin-bottom: .55em; }
body.page-id-123103 .entry-content h2 { font-family: 'Speltale', cursive; font-weight: 400;
  color: #e8d9c8 !important; font-size: 1.45rem; line-height: 1.2; margin: 2.1em 0 .7em;
  padding-left: 14px; border-left: 3px solid #b3202a; }
body.page-id-123103 .entry-content a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; }
body.page-id-123103 .entry-content a:hover { color: #fff; }
body.page-id-123103 .entry-content strong { color: #e8d9c8; }
@media (max-width: 767px) {
  body.page-id-123103 .entry-header { padding: 48px 20px 4px; }
  body.page-id-123103 .entry-content { padding: 20px 20px 90px; }
}


/* ============================================================
   Contact page — SINGLE-POST visual language (2026-09-05 v8)
   Clean dark #0a0807 + global film grain (subtle, .11), NO
   white/gradient glows, NO heavy noise on panels. Same tokens
   as .hf-single: red #c52835 accents, cream #e8d9c8, Lora body,
   Lato meta, bordered panels rgba(179,32,42,.35).
   ============================================================ */
body.page-id-123110 { background-color: #0a0807; position: relative; }
body.page-id-123110 .site-content, body.page-id-123110 .site, body.page-id-123110 .site-main { background: transparent; }
body.page-id-123110 .widget-area { display: none; }
body.page-id-123110 .content-area { width: 100%; }
body.page-id-123110 .site-main { margin-top: 0; }
body.page-id-123110 .inside-article { background: transparent !important; box-shadow: none !important; padding: 0; }

body.page-id-123110 .entry-header { position: relative; z-index: 1; max-width: 1000px; margin: 0 auto;
  padding: 60px 24px 6px; text-align: center; }
body.page-id-123110 .entry-header .entry-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 3.2rem); color: #e8d9c8 !important; line-height: 1.08;
  margin: 0; }

body.page-id-123110 .entry-content { position: relative; z-index: 1; max-width: 1000px; margin: 0 auto;
  padding: 26px 24px 90px; font-family: Lora, serif; font-size: 1rem; line-height: 1.85;
  color: #b8aea3; }
body.page-id-123110 .entry-content p { margin: 0 0 1.1em; }
body.page-id-123110 .entry-content h2 { font-family: 'Speltale', cursive; font-weight: 400;
  color: #e8d9c8 !important; font-size: 1.55rem; line-height: 1.2; margin: 1.9em 0 .65em;
  padding-left: 14px; border-left: 3px solid #b3202a; }
body.page-id-123110 .entry-content a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; text-decoration-color: rgba(212,168,104,.4); }
body.page-id-123110 .entry-content a:hover { color: #e8c278; }
body.page-id-123110 .entry-content strong { color: #e8d9c8; }

/* ===== 1) Hero — intro left, General Enquiries panel right ===== */
body.page-id-123110 .wp-block-columns.hf-c-hero { gap: 48px; margin: 14px 0 10px; }
body.page-id-123110 .hf-c-hero .wp-block-column { flex-basis: 50%; }
body.page-id-123110 .hf-c-hero-left .wp-block-group__inner-container > p:first-child {
  font-size: 1.1rem; line-height: 1.78; color: #cdbfb0; margin-top: 0;
}

/* email panel — bordered like .hf-single-hero, no glow */
body.page-id-123110 .hf-c-email {
  box-sizing: border-box; width: 100%; height: 100%;
  padding: 28px 30px; margin: 0;
  background: rgba(18, 13, 13, .55);
  border: 1px solid rgba(179,32,42,.35);
  border-left: 3px solid #b3202a;
  border-radius: 4px;
}
body.page-id-123110 .hf-c-email p { margin: 0 0 12px; }
body.page-id-123110 .hf-c-email p:last-child { margin-bottom: 0; }
body.page-id-123110 .hf-c-email p strong {
  display: block; margin-bottom: 10px;
  font-family: Lato, sans-serif; font-size: .7rem; letter-spacing: .22em; text-transform: uppercase;
  color: #c52835; font-weight: 700;
}
body.page-id-123110 .hf-c-email .hf-c-email-link a {
  font-family: Lato, sans-serif; font-size: 1.18rem; font-weight: 700; letter-spacing: .01em;
  color: #e8d9c8; text-decoration: none;
  border-bottom: 1px solid rgba(179,32,42,.45);
  transition: color .2s ease, border-color .2s ease;
  word-break: break-word;
}
body.page-id-123110 .hf-c-email .hf-c-email-link a:hover { color: #fff; border-color: #fff; }
body.page-id-123110 .hf-c-email p:not(.hf-c-email-link) { color: #8a7f75; font-size: .93rem; line-height: 1.7; }

/* ===== 2) Team — 5 HORIZONTAL members on one row ===== */
body.page-id-123110 .hf-c-team {
  position: relative;
  margin: 24px 0 44px; padding: 0;
  border-top: 1px solid rgba(179,32,42,.35);
  border-bottom: 1px solid rgba(179,32,42,.35);
  background: rgba(14, 10, 10, .45);
}
body.page-id-123110 .hf-c-team .wp-block-group__inner-container {
  display: grid; grid-template-columns: repeat(5, 1fr);
}
body.page-id-123110 .hf-c-row {
  margin: 0;
  border-right: 1px solid rgba(179,32,42,.18);
  transition: background-color .2s ease;
}
body.page-id-123110 .hf-c-row:last-child { border-right: 0; }
body.page-id-123110 .hf-c-row:hover { background: rgba(179,32,42,.08); }
body.page-id-123110 .hf-c-row .wp-block-group__inner-container {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  text-align: center;
  padding: 22px 12px 20px;
  height: 100%; box-sizing: border-box;
}
body.page-id-123110 .hf-c-row p { margin: 0; }

/* index — small ghost chip */
body.page-id-123110 .hf-c-row-num {
  font-family: Lato, sans-serif; font-size: .62rem; letter-spacing: .2em;
  color: #8a3a3f; font-weight: 700; margin-bottom: 8px !important;
}
/* avatar — single-style bordered circle, flat */
body.page-id-123110 .hf-c-row .hf-c-avatar-img {
  width: 62px !important; height: 62px; border-radius: 50%; object-fit: cover;
  border: 1px solid rgba(179,32,42,.5); background: #161212;
  margin-bottom: 12px !important;
}
/* name + role — plain editorial */
body.page-id-123110 .hf-c-name { min-width: 0; }
body.page-id-123110 .hf-c-name a { color: #e8d9c8; text-decoration: none; transition: color .2s ease; }
body.page-id-123110 .hf-c-name a:hover { color: #fff; }
body.page-id-123110 .hf-c-name strong {
  display: block; font-family: 'Speltale', cursive; font-weight: 400;
  font-size: .98rem; line-height: 1.25;
}
body.page-id-123110 .hf-c-name em {
  display: block; font-style: normal; margin-top: 3px;
  font-family: Lato, sans-serif; font-size: .58rem; letter-spacing: .16em; text-transform: uppercase;
  color: #c52835; font-weight: 600;
}
/* email — single line, Lato, small, gold link */
body.page-id-123110 .hf-c-mail { margin-top: 8px !important; max-width: 100%; }
body.page-id-123110 .hf-c-mail a {
  font-family: Lato, sans-serif; font-size: .66rem; letter-spacing: .02em;
  color: #d4a868; text-decoration: none;
  white-space: nowrap;
  transition: color .2s ease;
}
body.page-id-123110 .hf-c-mail a:hover { color: #e8c278; }
body.page-id-123110 .hf-c-mail a::before { content: "✉ "; color: #c52835; font-size: .6rem; }

/* ===== 3) Social ===== */
body.page-id-123110 .hf-c-social { margin-top: 12px; }
body.page-id-123110 .hf-c-social .wp-social-link { margin: 0 12px 0 0; }
body.page-id-123110 .hf-c-social .wp-social-link a { width: 44px !important; height: 44px !important; }

/* ===== 4) Form ===== */
body.page-id-123110 .gb-form.gb-form-b0add4c2 {
  margin-top: 10px; padding: 32px 36px;
  background: rgba(18, 13, 13, .55);
  border: 1px solid rgba(179,32,42,.35);
  border-left: 3px solid #b3202a;
  border-radius: 4px;
}

@media (max-width: 1100px) {
  body.page-id-123110 .hf-c-team .wp-block-group__inner-container { grid-template-columns: repeat(3, 1fr); }
  body.page-id-123110 .hf-c-row:nth-child(3) { border-right: 0; }
  body.page-id-123110 .hf-c-row:nth-child(n+4) { border-top: 1px solid rgba(179,32,42,.18); }
  body.page-id-123110 .hf-c-row:nth-child(n+4) { border-right: 1px solid rgba(179,32,42,.18); }
  body.page-id-123110 .hf-c-row:nth-child(5) { border-right: 0; }
}
@media (max-width: 700px) {
  body.page-id-123110 .entry-content { padding: 20px 20px 70px; }
  body.page-id-123110 .hf-c-team .wp-block-group__inner-container { grid-template-columns: repeat(2, 1fr); }
  body.page-id-123110 .hf-c-row:nth-child(2n) { border-right: 0; }
  body.page-id-123110 .hf-c-row:nth-child(n+3) { border-top: 1px solid rgba(179,32,42,.18); }
  body.page-id-123110 .hf-c-row .wp-block-group__inner-container { padding: 18px 10px 16px; }
  body.page-id-123110 .hf-c-email { padding: 22px 20px; }
  body.page-id-123110 .hf-c-mail a { white-space: normal; }
}

/* =========================================================
   Contact 123110 — round 2 refinements (2026-09-05)
   Form: dark fields + visible labels + red submit (2-col).
   Team: airier 5-across at 1200px, index 01-05 hidden.
   ========================================================= */
body.page-id-123110 .entry-content { max-width: 1200px; }

/* --- Team band: airier, no ghost index numbers --- */
body.page-id-123110 .hf-c-row-num { display: none; }
body.page-id-123110 .hf-c-team { margin: 30px 0 50px; }
body.page-id-123110 .hf-c-row .wp-block-group__inner-container { padding: 30px 16px 26px; }
body.page-id-123110 .hf-c-row .hf-c-avatar-img {
  width: 84px !important; height: 84px; margin-bottom: 15px !important;
}
body.page-id-123110 .hf-c-name strong { font-size: 1.12rem; line-height: 1.22; }
body.page-id-123110 .hf-c-name em { font-size: .66rem; letter-spacing: .14em; margin-top: 6px; }
body.page-id-123110 .hf-c-mail { margin-top: 11px !important; }
body.page-id-123110 .hf-c-mail a { font-size: .74rem; }
body.page-id-123110 .hf-c-mail a::before { font-size: .7rem; }

/* --- Form panel: narrower, fields on a 2-col grid --- */
body.page-id-123110 .gb-form.gb-form-b0add4c2 {
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px;
  max-width: 740px; padding: 30px 32px 32px;
}
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field { margin: 0; min-width: 0; }
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field:nth-of-type(3),
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-message,
body.page-id-123110 .gb-form.gb-form-b0add4c2 button[type="submit"],
body.page-id-123110 .gb-form.gb-form-b0add4c2 noscript { grid-column: 1 / -1; }
body.page-id-123110 .gb-form.gb-form-b0add4c2 noscript { display: none; }

/* --- Labels: cream, uppercase, always visible --- */
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field__label {
  display: block; margin-bottom: 7px;
  font-family: Lato, sans-serif; font-size: .7rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase;
  color: #e8d9c8;
}
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field__required { color: #c52835; }

/* --- Controls: dark fields, readable text --- */
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field__input {
  box-sizing: border-box; width: 100%;
  background: #161212; color: #e8d9c8;
  border: 1px solid rgba(179, 32, 42, .28); border-radius: 4px;
  padding: .7rem .95rem;
  font-family: Lora, serif; font-size: 1rem; line-height: 1.6;
}
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field__input::placeholder { color: #6e6155; opacity: 1; }
body.page-id-123110 .gb-form.gb-form-b0add4c2 .gb-form-field__input:focus {
  outline: none; border-color: #b3202a;
  box-shadow: 0 0 0 3px rgba(179, 32, 42, .16);
}
body.page-id-123110 .gb-form.gb-form-b0add4c2 textarea.gb-form-field__input { min-height: 150px; resize: vertical; }

/* --- Submit: full-width filled red, site button language --- */
body.page-id-123110 .gb-form.gb-form-b0add4c2 button[type="submit"] {
  display: block; width: 100%; box-sizing: border-box; margin-top: 4px;
  padding: 13px 20px; border: 0; border-radius: 4px; cursor: pointer;
  background-color: #b3202a !important; color: #fff !important;
  font-family: Lato, sans-serif !important; font-size: .8rem !important;
  font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  transition: background-color .2s ease;
}
body.page-id-123110 .gb-form.gb-form-b0add4c2 button[type="submit"]:hover { background-color: #7c141c !important; }

/* --- Breakpoints: keep team readable when it wraps --- */
@media (max-width: 700px) {
  body.page-id-123110 .gb-form.gb-form-b0add4c2 { padding: 24px 20px 26px; }
  body.page-id-123110 .hf-c-row .wp-block-group__inner-container { padding: 22px 10px 18px; }
  body.page-id-123110 .hf-c-row .hf-c-avatar-img { width: 72px !important; height: 72px; }
}
@media (max-width: 600px) {
  body.page-id-123110 .gb-form.gb-form-b0add4c2 { grid-template-columns: 1fr; gap: 14px; }
}

/* =========================================================
   Contact 123110 — round 3 (2026-09-05): form + info rail
   Form (740px) left, "What happens next" rail right.
   ========================================================= */
body.page-id-123110 .wp-block-columns.hf-c-form-row {
  display: flex; align-items: stretch; gap: 48px; margin: 6px 0 0;
}
body.page-id-123110 .wp-block-columns.hf-c-form-row .hf-c-form-col {
  flex: 0 1 740px; min-width: 0;
}
body.page-id-123110 .wp-block-columns.hf-c-form-row .hf-c-form-col > .gb-form.gb-form-b0add4c2 {
  width: 100%; max-width: none; height: 100%; margin: 0; box-sizing: border-box;
}
body.page-id-123110 .wp-block-columns.hf-c-form-row .hf-c-rail-col {
  flex: 1 1 0%; min-width: 300px;
}

/* --- Rail panel: flat dark, 1px red border, 3px red left (email-band token set) --- */
body.page-id-123110 .hf-c-rail {
  height: 100%; box-sizing: border-box;
  padding: 26px 26px 20px;
  background: rgba(18, 13, 13, .55);
  border: 1px solid rgba(179, 32, 42, .35);
  border-left: 3px solid #b3202a;
  border-radius: 4px;
}
body.page-id-123110 .hf-c-rail .wp-block-group__inner-container {
  display: flex; flex-direction: column; height: 100%;
  padding: 0; margin: 0;
}
body.page-id-123110 .hf-c-rail p { margin: 0; }
body.page-id-123110 .hf-c-rail-kick {
  margin-bottom: 14px !important;
  font-family: Lato, sans-serif; font-size: .68rem; font-weight: 700;
  letter-spacing: .22em; text-transform: uppercase; color: #c52835;
}
body.page-id-123110 .hf-c-rail-item {
  padding: 13px 0 14px;
  font-family: Lora, serif; font-size: .9rem; line-height: 1.65; color: #b8aea3;
}
body.page-id-123110 .hf-c-rail-item + .hf-c-rail-item { border-top: 1px solid rgba(179, 32, 42, .14); }
body.page-id-123110 .hf-c-rail-item strong {
  display: block; margin-bottom: 3px;
  font-family: Lato, sans-serif; font-size: .74rem; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: #e8d9c8;
}
body.page-id-123110 .hf-c-rail-note {
  margin-top: auto !important; padding-top: 12px; border-top: 1px solid rgba(179, 32, 42, .14);
  font-family: Lato, sans-serif; font-size: .74rem; color: #8a7f75; line-height: 1.55;
}
body.page-id-123110 .hf-c-rail-note a {
  font-family: Lato, sans-serif; color: #d4a868; text-decoration: underline;
  text-underline-offset: 2px; text-decoration-color: rgba(212, 168, 104, .4);
}
body.page-id-123110 .hf-c-rail-note a:hover { color: #e8c278; }

/* --- Stack below 1180px so the rail never cramps --- */
@media (max-width: 1180px) {
  body.page-id-123110 .wp-block-columns.hf-c-form-row { flex-direction: column; gap: 26px; }
  body.page-id-123110 .wp-block-columns.hf-c-form-row .hf-c-form-col,
  body.page-id-123110 .wp-block-columns.hf-c-form-row .hf-c-rail-col { flex: none; width: 100%; min-width: 0; }
  body.page-id-123110 .hf-c-rail { max-width: 760px; height: auto; }
  body.page-id-123110 .hf-c-rail .wp-block-group__inner-container { height: auto; }
}

/* =========================================================
   ABOUT + WRITE FOR US + ADVERTISE — dark editorial family (2026-09-05)
   Single-post language: bg + noise + radial tints, panels,
   Speltale cream headings, Lora body, red/gold accents.
   ========================================================= */
body.page-id-123124, body.page-id-123128, body.page-id-123134 , body.page-id-123156 , body.page-id-123163 { background-color: #0a0807; position: relative; }
body.page-id-123124 .site-content, body.page-id-123128 .site-content, body.page-id-123134 .site-content, body.page-id-123156 .site-content, body.page-id-123163 .site-content, body.page-id-123124 .site, body.page-id-123128 .site, body.page-id-123134 .site, body.page-id-123156 .site, body.page-id-123163 .site, body.page-id-123124 .site-main, body.page-id-123128 .site-main, body.page-id-123134 .site-main , body.page-id-123156 .site-main , body.page-id-123163 .site-main { background: transparent; }
body.page-id-123124 .widget-area, body.page-id-123128 .widget-area, body.page-id-123134 .widget-area , body.page-id-123156 .widget-area , body.page-id-123163 .widget-area { display: none; }
body.page-id-123124 .content-area, body.page-id-123128 .content-area, body.page-id-123134 .content-area , body.page-id-123156 .content-area , body.page-id-123163 .content-area { width: 100%; }
body.page-id-123124 .site-main, body.page-id-123128 .site-main, body.page-id-123134 .site-main , body.page-id-123156 .site-main , body.page-id-123163 .site-main { margin-top: 0; }
body.page-id-123124 .inside-article, body.page-id-123128 .inside-article, body.page-id-123134 .inside-article , body.page-id-123156 .inside-article , body.page-id-123163 .inside-article { background: transparent !important; box-shadow: none !important; padding: 0; }
body.page-id-123124 .entry-header, body.page-id-123128 .entry-header, body.page-id-123134 .entry-header , body.page-id-123156 .entry-header , body.page-id-123163 .entry-header { position: relative; z-index: 1; max-width: 860px; margin: 0 auto;
  padding: 64px 24px 10px; text-align: center; }
body.page-id-123124 .entry-header .entry-title, body.page-id-123128 .entry-header .entry-title, body.page-id-123134 .entry-header .entry-title , body.page-id-123156 .entry-header .entry-title , body.page-id-123163 .entry-header .entry-title { font-family: 'Speltale', cursive; font-weight: 400;
  font-size: clamp(2.2rem, 5vw, 3.4rem); color: #e8d9c8 !important; line-height: 1.08;
  margin: 0 0 14px; text-shadow: 0 0 42px rgba(179,32,42,.3); }
body.page-id-123124 .entry-content, body.page-id-123128 .entry-content, body.page-id-123134 .entry-content , body.page-id-123156 .entry-content , body.page-id-123163 .entry-content { position: relative; z-index: 1; max-width: 1160px; margin: 0 auto;
  padding: 20px 24px 110px; font-family: Lora, serif; font-size: 1rem; line-height: 1.85; color: #b8aea3; }
body.page-id-123124 .entry-content p, body.page-id-123128 .entry-content p, body.page-id-123134 .entry-content p , body.page-id-123156 .entry-content p , body.page-id-123163 .entry-content p { margin: 0 0 1.1em; }
body.page-id-123124 .entry-content h2, body.page-id-123128 .entry-content h2, body.page-id-123134 .entry-content h2 , body.page-id-123156 .entry-content h2 , body.page-id-123163 .entry-content h2 { font-family: 'Speltale', cursive; font-weight: 400;
  color: #e8d9c8 !important; font-size: 1.7rem; line-height: 1.18; margin: 2em 0 .6em;
  padding-left: 16px; border-left: 3px solid #b3202a; }
body.page-id-123124 .entry-content a, body.page-id-123128 .entry-content a, body.page-id-123134 .entry-content a , body.page-id-123156 .entry-content a , body.page-id-123163 .entry-content a { color: #d4a868; text-decoration: underline; text-underline-offset: 3px; }
body.page-id-123124 .entry-content a:hover, body.page-id-123128 .entry-content a:hover, body.page-id-123134 .entry-content a:hover , body.page-id-123156 .entry-content a:hover , body.page-id-123163 .entry-content a:hover { color: #e8c278; }
body.page-id-123124 .hf-a-story .wp-block-group__inner-container, body.page-id-123128 .hf-a-story .wp-block-group__inner-container, body.page-id-123134 .hf-a-story .wp-block-group__inner-container, body.page-id-123156 .hf-a-story .wp-block-group__inner-container, body.page-id-123163 .hf-a-story .wp-block-group__inner-container, body.page-id-123124 .hf-a-quote .wp-block-group__inner-container, body.page-id-123128 .hf-a-quote .wp-block-group__inner-container, body.page-id-123134 .hf-a-quote .wp-block-group__inner-container, body.page-id-123156 .hf-a-quote .wp-block-group__inner-container, body.page-id-123163 .hf-a-quote .wp-block-group__inner-container, body.page-id-123124 .hf-a-team .wp-block-group__inner-container, body.page-id-123128 .hf-a-team .wp-block-group__inner-container, body.page-id-123134 .hf-a-team .wp-block-group__inner-container, body.page-id-123156 .hf-a-team .wp-block-group__inner-container, body.page-id-123163 .hf-a-team .wp-block-group__inner-container, body.page-id-123124 .hf-a-member .wp-block-group__inner-container, body.page-id-123128 .hf-a-member .wp-block-group__inner-container, body.page-id-123134 .hf-a-member .wp-block-group__inner-container, body.page-id-123156 .hf-a-member .wp-block-group__inner-container, body.page-id-123163 .hf-a-member .wp-block-group__inner-container, body.page-id-123124 .hf-a-cta .wp-block-group__inner-container, body.page-id-123128 .hf-a-cta .wp-block-group__inner-container, body.page-id-123134 .hf-a-cta .wp-block-group__inner-container , body.page-id-123156 .hf-a-cta .wp-block-group__inner-container , body.page-id-123163 .hf-a-cta .wp-block-group__inner-container { padding: 0; margin: 0; }
body.page-id-123124 .wp-block-columns.hf-a-hero, body.page-id-123128 .wp-block-columns.hf-a-hero, body.page-id-123134 .wp-block-columns.hf-a-hero , body.page-id-123156 .wp-block-columns.hf-a-hero , body.page-id-123163 .wp-block-columns.hf-a-hero { display: flex; align-items: stretch; gap: 56px; margin: 8px 0 8px; }
body.page-id-123124 .hf-a-hero .wp-block-column, body.page-id-123128 .hf-a-hero .wp-block-column, body.page-id-123134 .hf-a-hero .wp-block-column , body.page-id-123156 .hf-a-hero .wp-block-column , body.page-id-123163 .hf-a-hero .wp-block-column { min-width: 0; }
body.page-id-123124 .hf-a-hero .hf-a-hero-left, body.page-id-123128 .hf-a-hero .hf-a-hero-left, body.page-id-123134 .hf-a-hero .hf-a-hero-left , body.page-id-123156 .hf-a-hero .hf-a-hero-left , body.page-id-123163 .hf-a-hero .hf-a-hero-left { flex: 1.2 1 0%; }
body.page-id-123124 .hf-a-hero .hf-a-hero-right, body.page-id-123128 .hf-a-hero .hf-a-hero-right, body.page-id-123134 .hf-a-hero .hf-a-hero-right , body.page-id-123156 .hf-a-hero .hf-a-hero-right , body.page-id-123163 .hf-a-hero .hf-a-hero-right { flex: 1 1 0%; }
body.page-id-123124 .hf-a-kick, body.page-id-123128 .hf-a-kick, body.page-id-123134 .hf-a-kick , body.page-id-123156 .hf-a-kick , body.page-id-123163 .hf-a-kick { font-family: Lato, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .24em;
  text-transform: uppercase; color: #c52835; margin: 0 0 18px !important; }
body.page-id-123124 .hf-a-hero-left .hf-a-story > .wp-block-group__inner-container > p:not(.hf-a-kick), body.page-id-123128 .hf-a-hero-left .hf-a-story > .wp-block-group__inner-container > p:not(.hf-a-kick), body.page-id-123134 .hf-a-hero-left .hf-a-story > .wp-block-group__inner-container > p:not(.hf-a-kick) , body.page-id-123156 .hf-a-hero-left .hf-a-story > .wp-block-group__inner-container > p:not(.hf-a-kick) , body.page-id-123163 .hf-a-hero-left .hf-a-story > .wp-block-group__inner-container > p:not(.hf-a-kick) { font-size: 1.08rem; line-height: 1.8; color: #cdbfb0; margin-bottom: 1em; }
body.page-id-123124 .hf-a-quote, body.page-id-123128 .hf-a-quote, body.page-id-123134 .hf-a-quote , body.page-id-123156 .hf-a-quote , body.page-id-123163 .hf-a-quote { box-sizing: border-box; width: 100%; height: 100%; padding: 30px 32px;
  background: rgba(18, 13, 13, .55);
  border: 1px solid rgba(179, 32, 42, .35); border-left: 3px solid #b3202a; border-radius: 4px; }
body.page-id-123124 .hf-a-quote-kick, body.page-id-123128 .hf-a-quote-kick, body.page-id-123134 .hf-a-quote-kick , body.page-id-123156 .hf-a-quote-kick , body.page-id-123163 .hf-a-quote-kick { font-family: Lato, sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .24em;
  text-transform: uppercase; color: #c52835; margin: 0 0 16px !important; }
body.page-id-123124 .hf-a-quote-txt, body.page-id-123128 .hf-a-quote-txt, body.page-id-123134 .hf-a-quote-txt , body.page-id-123156 .hf-a-quote-txt , body.page-id-123163 .hf-a-quote-txt { font-family: 'Speltale', cursive; font-size: 1.42rem; line-height: 1.5; color: #e8d9c8;
  margin: 0 0 16px !important; }
body.page-id-123124 .hf-a-quote-src, body.page-id-123128 .hf-a-quote-src, body.page-id-123134 .hf-a-quote-src , body.page-id-123156 .hf-a-quote-src , body.page-id-123163 .hf-a-quote-src { font-style: italic; font-size: .92rem; color: #d4a868; margin: 0 !important; }
body.page-id-123124 .hf-a-team, body.page-id-123128 .hf-a-team, body.page-id-123134 .hf-a-team , body.page-id-123156 .hf-a-team , body.page-id-123163 .hf-a-team { margin: 6px 0 10px; }
body.page-id-123124 .hf-a-member, body.page-id-123128 .hf-a-member, body.page-id-123134 .hf-a-member , body.page-id-123156 .hf-a-member , body.page-id-123163 .hf-a-member { padding: 26px 0 30px; border-bottom: 1px solid rgba(179, 32, 42, .16); }
body.page-id-123124 .hf-a-member:first-child, body.page-id-123128 .hf-a-member:first-child, body.page-id-123134 .hf-a-member:first-child , body.page-id-123156 .hf-a-member:first-child , body.page-id-123163 .hf-a-member:first-child { padding-top: 16px; }
body.page-id-123124 .hf-a-member:last-child, body.page-id-123128 .hf-a-member:last-child, body.page-id-123134 .hf-a-member:last-child , body.page-id-123156 .hf-a-member:last-child , body.page-id-123163 .hf-a-member:last-child { border-bottom: 0; }
body.page-id-123124 .hf-a-member .wp-block-group__inner-container, body.page-id-123128 .hf-a-member .wp-block-group__inner-container, body.page-id-123134 .hf-a-member .wp-block-group__inner-container , body.page-id-123156 .hf-a-member .wp-block-group__inner-container , body.page-id-123163 .hf-a-member .wp-block-group__inner-container { display: grid; grid-template-columns: 118px minmax(0, 1fr); column-gap: 34px; align-items: start; }
body.page-id-123124 .hf-a-member .hf-a-avatar-img, body.page-id-123128 .hf-a-member .hf-a-avatar-img, body.page-id-123134 .hf-a-member .hf-a-avatar-img , body.page-id-123156 .hf-a-member .hf-a-avatar-img , body.page-id-123163 .hf-a-member .hf-a-avatar-img { grid-row: 1 / span 3; width: 104px !important; height: 104px; border-radius: 50%;
  border: 2px solid rgba(179, 32, 42, .45); object-fit: cover; background: #161212; }
body.page-id-123124 .hf-a-name, body.page-id-123128 .hf-a-name, body.page-id-123134 .hf-a-name , body.page-id-123156 .hf-a-name , body.page-id-123163 .hf-a-name { grid-column: 2; margin: 0; min-width: 0; }
body.page-id-123124 .hf-a-name a, body.page-id-123128 .hf-a-name a, body.page-id-123134 .hf-a-name a , body.page-id-123156 .hf-a-name a , body.page-id-123163 .hf-a-name a { color: #e8d9c8; text-decoration: none; transition: color .2s ease; }
body.page-id-123124 .hf-a-name a:hover, body.page-id-123128 .hf-a-name a:hover, body.page-id-123134 .hf-a-name a:hover , body.page-id-123156 .hf-a-name a:hover , body.page-id-123163 .hf-a-name a:hover { color: #fff; }
body.page-id-123124 .hf-a-name strong, body.page-id-123128 .hf-a-name strong, body.page-id-123134 .hf-a-name strong , body.page-id-123156 .hf-a-name strong , body.page-id-123163 .hf-a-name strong { display: block; font-family: 'Speltale', cursive; font-weight: 400;
  font-size: 1.42rem; line-height: 1.18; }
body.page-id-123124 .hf-a-name em, body.page-id-123128 .hf-a-name em, body.page-id-123134 .hf-a-name em , body.page-id-123156 .hf-a-name em , body.page-id-123163 .hf-a-name em { display: block; font-style: normal; margin-top: 7px;
  font-family: Lato, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: #c52835; }
body.page-id-123124 .hf-a-bio, body.page-id-123128 .hf-a-bio, body.page-id-123134 .hf-a-bio , body.page-id-123156 .hf-a-bio , body.page-id-123163 .hf-a-bio { grid-column: 2; margin: 15px 0 0; font-size: 1.02rem; line-height: 1.8; color: #b8aea3;
  max-width: 78ch; }
body.page-id-123124 .hf-a-cover, body.page-id-123128 .hf-a-cover, body.page-id-123134 .hf-a-cover , body.page-id-123156 .hf-a-cover , body.page-id-123163 .hf-a-cover { margin: 10px 0 4px; line-height: 2.3; }
body.page-id-123124 .hf-a-cover a, body.page-id-123128 .hf-a-cover a, body.page-id-123134 .hf-a-cover a , body.page-id-123156 .hf-a-cover a , body.page-id-123163 .hf-a-cover a { display: inline-block; margin: 0 10px 10px 0; padding: .32rem .95rem;
  background: rgba(179, 32, 42, .08); border: 1px solid rgba(179, 32, 42, .28); border-radius: 4px;
  font-family: Lato, sans-serif; font-size: .76rem; font-weight: 700; letter-spacing: .08em;
  text-transform: uppercase; color: #c52835; text-decoration: none;
  transition: background-color .2s ease, color .2s ease; }
body.page-id-123124 .hf-a-cover a:hover, body.page-id-123128 .hf-a-cover a:hover, body.page-id-123134 .hf-a-cover a:hover , body.page-id-123156 .hf-a-cover a:hover , body.page-id-123163 .hf-a-cover a:hover { background: #b3202a; border-color: #b3202a; color: #fff; }
body.page-id-123124 .hf-a-cta, body.page-id-123128 .hf-a-cta, body.page-id-123134 .hf-a-cta , body.page-id-123156 .hf-a-cta , body.page-id-123163 .hf-a-cta { box-sizing: border-box; margin: 48px 0 0; padding: 30px 34px;
  background: rgba(18, 13, 13, .55);
  border: 1px solid rgba(179, 32, 42, .35); border-left: 3px solid #b3202a; border-radius: 4px; }
body.page-id-123124 .hf-a-cta .wp-block-group__inner-container > p, body.page-id-123128 .hf-a-cta .wp-block-group__inner-container > p, body.page-id-123134 .hf-a-cta .wp-block-group__inner-container > p , body.page-id-123156 .hf-a-cta .wp-block-group__inner-container > p , body.page-id-123163 .hf-a-cta .wp-block-group__inner-container > p { margin-bottom: 1em; }
body.page-id-123124 .hf-a-cta-kick, body.page-id-123128 .hf-a-cta-kick, body.page-id-123134 .hf-a-cta-kick , body.page-id-123156 .hf-a-cta-kick , body.page-id-123163 .hf-a-cta-kick { font-family: Lato, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .24em;
  text-transform: uppercase; color: #c52835; margin-bottom: 14px !important; }
body.page-id-123124 .hf-a-cta .wp-block-group__inner-container > p:not(.hf-a-cta-kick):not(.hf-a-cta-links), body.page-id-123128 .hf-a-cta .wp-block-group__inner-container > p:not(.hf-a-cta-kick):not(.hf-a-cta-links), body.page-id-123134 .hf-a-cta .wp-block-group__inner-container > p:not(.hf-a-cta-kick):not(.hf-a-cta-links) , body.page-id-123156 .hf-a-cta .wp-block-group__inner-container > p:not(.hf-a-cta-kick):not(.hf-a-cta-links) , body.page-id-123163 .hf-a-cta .wp-block-group__inner-container > p:not(.hf-a-cta-kick):not(.hf-a-cta-links) { font-size: 1.05rem; color: #cdbfb0; max-width: 720px; }
body.page-id-123124 .hf-a-cta-links, body.page-id-123128 .hf-a-cta-links, body.page-id-123134 .hf-a-cta-links , body.page-id-123156 .hf-a-cta-links , body.page-id-123163 .hf-a-cta-links { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin: 18px 0 0 !important; }
body.page-id-123124 .hf-a-cta-btn, body.page-id-123128 .hf-a-cta-btn, body.page-id-123134 .hf-a-cta-btn , body.page-id-123156 .hf-a-cta-btn , body.page-id-123163 .hf-a-cta-btn { display: inline-block; padding: 13px 28px; border-radius: 4px;
  background: #b3202a; color: #fff !important; text-decoration: none;
  font-family: Lato, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; transition: background-color .2s ease; }
body.page-id-123124 .hf-a-cta-btn:hover, body.page-id-123128 .hf-a-cta-btn:hover, body.page-id-123134 .hf-a-cta-btn:hover , body.page-id-123156 .hf-a-cta-btn:hover , body.page-id-123163 .hf-a-cta-btn:hover { background: #7c141c; color: #fff !important; }
body.page-id-123124 .hf-a-cta-mail, body.page-id-123128 .hf-a-cta-mail, body.page-id-123134 .hf-a-cta-mail , body.page-id-123156 .hf-a-cta-mail , body.page-id-123163 .hf-a-cta-mail { font-size: 1rem; color: #d4a868; text-decoration: underline; text-underline-offset: 3px; }
body.page-id-123124 .hf-a-cta-mail:hover, body.page-id-123128 .hf-a-cta-mail:hover, body.page-id-123134 .hf-a-cta-mail:hover , body.page-id-123156 .hf-a-cta-mail:hover , body.page-id-123163 .hf-a-cta-mail:hover { color: #e8c278; }
@media (max-width: 900px) { body.page-id-123124 .wp-block-columns.hf-a-hero, body.page-id-123128 .wp-block-columns.hf-a-hero, body.page-id-123134 .wp-block-columns.hf-a-hero , body.page-id-123156 .wp-block-columns.hf-a-hero , body.page-id-123163 .wp-block-columns.hf-a-hero { flex-direction: column; gap: 26px; }
body.page-id-123124 .hf-a-member .wp-block-group__inner-container, body.page-id-123128 .hf-a-member .wp-block-group__inner-container, body.page-id-123134 .hf-a-member .wp-block-group__inner-container , body.page-id-123156 .hf-a-member .wp-block-group__inner-container , body.page-id-123163 .hf-a-member .wp-block-group__inner-container { grid-template-columns: 96px minmax(0, 1fr); column-gap: 22px; }
body.page-id-123124 .hf-a-member .hf-a-avatar-img, body.page-id-123128 .hf-a-member .hf-a-avatar-img, body.page-id-123134 .hf-a-member .hf-a-avatar-img , body.page-id-123156 .hf-a-member .hf-a-avatar-img , body.page-id-123163 .hf-a-member .hf-a-avatar-img { width: 88px !important; height: 88px; } }
@media (max-width: 620px) { body.page-id-123124 .entry-header, body.page-id-123128 .entry-header, body.page-id-123134 .entry-header , body.page-id-123156 .entry-header , body.page-id-123163 .entry-header { padding: 46px 20px 2px; }
body.page-id-123124 .entry-content, body.page-id-123128 .entry-content, body.page-id-123134 .entry-content , body.page-id-123156 .entry-content , body.page-id-123163 .entry-content { padding: 14px 20px 80px; }
body.page-id-123124 .hf-a-member, body.page-id-123128 .hf-a-member, body.page-id-123134 .hf-a-member , body.page-id-123156 .hf-a-member , body.page-id-123163 .hf-a-member { padding: 22px 0 24px; }
body.page-id-123124 .hf-a-member .wp-block-group__inner-container, body.page-id-123128 .hf-a-member .wp-block-group__inner-container, body.page-id-123134 .hf-a-member .wp-block-group__inner-container , body.page-id-123156 .hf-a-member .wp-block-group__inner-container , body.page-id-123163 .hf-a-member .wp-block-group__inner-container { grid-template-columns: 1fr; justify-items: center; text-align: center; }
body.page-id-123124 .hf-a-member .hf-a-avatar-img, body.page-id-123128 .hf-a-member .hf-a-avatar-img, body.page-id-123134 .hf-a-member .hf-a-avatar-img , body.page-id-123156 .hf-a-member .hf-a-avatar-img , body.page-id-123163 .hf-a-member .hf-a-avatar-img { grid-row: auto; grid-column: 1; margin-bottom: 16px; }
body.page-id-123124 .hf-a-name, body.page-id-123128 .hf-a-name, body.page-id-123134 .hf-a-name, body.page-id-123156 .hf-a-name, body.page-id-123163 .hf-a-name, body.page-id-123124 .hf-a-bio, body.page-id-123128 .hf-a-bio, body.page-id-123134 .hf-a-bio , body.page-id-123156 .hf-a-bio , body.page-id-123163 .hf-a-bio { grid-column: 1; }
body.page-id-123124 .hf-a-bio, body.page-id-123128 .hf-a-bio, body.page-id-123134 .hf-a-bio , body.page-id-123156 .hf-a-bio , body.page-id-123163 .hf-a-bio { max-width: none; }
body.page-id-123124 .hf-a-quote, body.page-id-123128 .hf-a-quote, body.page-id-123134 .hf-a-quote , body.page-id-123156 .hf-a-quote , body.page-id-123163 .hf-a-quote { padding: 24px 22px; }
body.page-id-123124 .hf-a-cta, body.page-id-123128 .hf-a-cta, body.page-id-123134 .hf-a-cta , body.page-id-123156 .hf-a-cta , body.page-id-123163 .hf-a-cta { padding: 24px 22px; }
body.page-id-123124 .hf-a-cta-links, body.page-id-123128 .hf-a-cta-links, body.page-id-123134 .hf-a-cta-links , body.page-id-123156 .hf-a-cta-links , body.page-id-123163 .hf-a-cta-links { flex-direction: column; align-items: flex-start; gap: 14px; } }/* =========================================================
   Write for Us 123128 — shares the ABOUT family design.
   Extra rules for perks, steps, list and shared strongs.
   ========================================================= */
body.page-id-123124 .entry-content strong, body.page-id-123128 .entry-content strong { color: #e8d9c8; }
body.page-id-123124 .entry-content ul, body.page-id-123128 .entry-content ul {
  margin: 0 0 1.4em; padding-left: 1.5em;
}
body.page-id-123124 .entry-content li, body.page-id-123128 .entry-content li {
  margin-bottom: .6em; font-size: 1.02rem; line-height: 1.75;
}
body.page-id-123124 .entry-content li::marker, body.page-id-123128 .entry-content li::marker { color: #b3202a; }

/* perks inside the quote panel */
body.page-id-123128 .hf-a-perk {
  margin: 0 !important; padding: 14px 0;
  font-size: .95rem; line-height: 1.7; color: #b8aea3;
}
body.page-id-123128 .hf-a-perk + .hf-a-perk { border-top: 1px solid rgba(179, 32, 42, .14); }
body.page-id-123128 .hf-a-perk strong {
  display: block; margin-bottom: 4px;
  font-family: Lato, sans-serif; font-size: .78rem; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: #e8d9c8;
}

/* step paragraphs */
body.page-id-123128 .hf-a-step {
  margin: 0 0 16px; padding: 2px 0 2px 18px;
  border-left: 2px solid rgba(179, 32, 42, .5);
  font-size: 1.02rem; line-height: 1.75; color: #b8aea3;
}
body.page-id-123128 .hf-a-step strong { font-family: Lato, sans-serif; font-weight: 700; letter-spacing: .02em; }

/* =========================================================
   Static pages — category-style TOP GLOW (2026-09-05)
   Mirrors the archive head radial (ellipse at 50% -10%).
   Family: privacy 123100, terms 123103, contact 123110,
   about 123124, write-for-us 123128 (+ ADVERTISE + future).
   When a new dark page is created, add its id to all lists.
   ========================================================= */
body.page-id-123100 .entry-header,
body.page-id-123103 .entry-header,
body.page-id-123110 .entry-header,
body.page-id-123124 .entry-header,
body.page-id-123128 .entry-header, body.page-id-123134 .entry-header , body.page-id-123156 .entry-header , body.page-id-123163 .entry-header { position: relative; }
body.page-id-123100 .entry-header::before,
body.page-id-123103 .entry-header::before,
body.page-id-123110 .entry-header::before,
body.page-id-123124 .entry-header::before,
body.page-id-123128 .entry-header, body.page-id-123134 .entry-header::before, body.page-id-123156 .entry-header::before, body.page-id-123163 .entry-header::before, body.page-id-123134 .entry-header::before , body.page-id-123156 .entry-header::before , body.page-id-123163 .entry-header::before {
  content: ""; position: absolute; inset: 0; z-index: 0; pointer-events: none;
  background: radial-gradient(ellipse 90% 100% at 50% -10%, rgba(179, 32, 42, .16) 0%, transparent 60%);
}
body.page-id-123100 .entry-header .entry-title,
body.page-id-123103 .entry-header .entry-title,
body.page-id-123110 .entry-header .entry-title,
body.page-id-123124 .entry-header .entry-title,
body.page-id-123128 .entry-header, body.page-id-123134 .entry-header .entry-title , body.page-id-123156 .entry-header .entry-title , body.page-id-123163 .entry-header .entry-title { position: relative; z-index: 1; }


/* =========================================================
   ADVERTISE 123134 — perks/steps duplicates + form (2026-09-05)
   ========================================================= */
body.page-id-123134 .entry-content strong , body.page-id-123156 .entry-content strong , body.page-id-123163 .entry-content strong { color: #e8d9c8; }
body.page-id-123134 .hf-a-perk , body.page-id-123156 .hf-a-perk , body.page-id-123163 .hf-a-perk {
  margin: 0 !important; padding: 14px 0;
  font-size: .95rem; line-height: 1.7; color: #b8aea3;
}
body.page-id-123134 .hf-a-perk + .hf-a-perk , body.page-id-123156 .hf-a-perk + .hf-a-perk , body.page-id-123163 .hf-a-perk + .hf-a-perk { border-top: 1px solid rgba(179, 32, 42, .14); }
body.page-id-123134 .hf-a-perk strong , body.page-id-123156 .hf-a-perk strong , body.page-id-123163 .hf-a-perk strong {
  display: block; margin-bottom: 4px;
  font-family: Lato, sans-serif; font-size: .78rem; font-weight: 700;
  letter-spacing: .05em; text-transform: uppercase; color: #e8d9c8;
}
body.page-id-123134 .hf-a-step , body.page-id-123156 .hf-a-step , body.page-id-123163 .hf-a-step {
  margin: 0 0 16px; padding: 2px 0 2px 18px;
  border-left: 2px solid rgba(179, 32, 42, .5);
  font-size: 1.02rem; line-height: 1.75; color: #b8aea3;
}
body.page-id-123134 .hf-a-step strong , body.page-id-123156 .hf-a-step strong , body.page-id-123163 .hf-a-step strong { font-family: Lato, sans-serif; font-weight: 700; letter-spacing: .02em; color: #e8d9c8; }

/* form + rail two-column row (mirrors contact round-3) */
body.page-id-123134 .wp-block-columns.hf-a-form-row , body.page-id-123156 .wp-block-columns.hf-a-form-row , body.page-id-123163 .wp-block-columns.hf-a-form-row {
  display: flex; align-items: stretch; gap: 48px; margin: 6px 0 0;
}
body.page-id-123134 .wp-block-columns.hf-a-form-row .hf-a-form-col , body.page-id-123156 .wp-block-columns.hf-a-form-row .hf-a-form-col , body.page-id-123163 .wp-block-columns.hf-a-form-row .hf-a-form-col { flex: 0 1 740px; min-width: 0; }
body.page-id-123134 .wp-block-columns.hf-a-form-row .hf-a-form-rail , body.page-id-123156 .wp-block-columns.hf-a-form-row .hf-a-form-rail , body.page-id-123163 .wp-block-columns.hf-a-form-row .hf-a-form-rail { flex: 1 1 0%; min-width: 300px; }
body.page-id-123134 .hf-a-form-rail .hf-a-quote , body.page-id-123156 .hf-a-form-rail .hf-a-quote , body.page-id-123163 .hf-a-form-rail .hf-a-quote { height: 100%; box-sizing: border-box; }

/* dark advertising form (any .gb-form on this page) */
body.page-id-123134 form.gb-form , body.page-id-123156 form.gb-form , body.page-id-123163 form.gb-form {
  width: 100%; height: 100%; box-sizing: border-box;
  display: grid; grid-template-columns: 1fr 1fr; gap: 16px 20px;
  padding: 30px 32px 32px; margin: 0;
  background: rgba(18, 13, 13, .55);
  border: 1px solid rgba(179, 32, 42, .35);
  border-left: 3px solid #b3202a; border-radius: 4px;
}
body.page-id-123134 form.gb-form .gb-form-field , body.page-id-123156 form.gb-form .gb-form-field , body.page-id-123163 form.gb-form .gb-form-field { margin: 0; min-width: 0; }
body.page-id-123134 form.gb-form .gb-form-field:nth-of-type(3), body.page-id-123156 form.gb-form .gb-form-field:nth-of-type(3), body.page-id-123163 form.gb-form .gb-form-field:nth-of-type(3),
body.page-id-123134 form.gb-form .gb-form-message, body.page-id-123156 form.gb-form .gb-form-message, body.page-id-123163 form.gb-form .gb-form-message,
body.page-id-123134 form.gb-form button[type="submit"], body.page-id-123156 form.gb-form button[type="submit"], body.page-id-123163 form.gb-form button[type="submit"],
body.page-id-123134 form.gb-form noscript , body.page-id-123156 form.gb-form noscript , body.page-id-123163 form.gb-form noscript { grid-column: 1 / -1; }
body.page-id-123134 form.gb-form noscript , body.page-id-123156 form.gb-form noscript , body.page-id-123163 form.gb-form noscript { display: none; }
body.page-id-123134 form.gb-form .gb-form-field__label , body.page-id-123156 form.gb-form .gb-form-field__label , body.page-id-123163 form.gb-form .gb-form-field__label {
  display: block; margin-bottom: 7px;
  font-family: Lato, sans-serif; font-size: .7rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; color: #e8d9c8;
}
body.page-id-123134 form.gb-form .gb-form-field__required , body.page-id-123156 form.gb-form .gb-form-field__required , body.page-id-123163 form.gb-form .gb-form-field__required { color: #c52835; }
body.page-id-123134 form.gb-form .gb-form-field__input , body.page-id-123156 form.gb-form .gb-form-field__input , body.page-id-123163 form.gb-form .gb-form-field__input {
  box-sizing: border-box; width: 100%;
  background: #161212; color: #e8d9c8;
  border: 1px solid rgba(179, 32, 42, .28); border-radius: 4px;
  padding: .7rem .95rem;
  font-family: Lora, serif; font-size: 1rem; line-height: 1.6;
}
body.page-id-123134 form.gb-form .gb-form-field__input::placeholder , body.page-id-123156 form.gb-form .gb-form-field__input::placeholder , body.page-id-123163 form.gb-form .gb-form-field__input::placeholder { color: #6e6155; opacity: 1; }
body.page-id-123134 form.gb-form .gb-form-field__input:focus , body.page-id-123156 form.gb-form .gb-form-field__input:focus , body.page-id-123163 form.gb-form .gb-form-field__input:focus {
  outline: none; border-color: #b3202a;
  box-shadow: 0 0 0 3px rgba(179, 32, 42, .16);
}
body.page-id-123134 form.gb-form textarea.gb-form-field__input , body.page-id-123156 form.gb-form textarea.gb-form-field__input , body.page-id-123163 form.gb-form textarea.gb-form-field__input { min-height: 150px; resize: vertical; }
body.page-id-123134 form.gb-form button[type="submit"] , body.page-id-123156 form.gb-form button[type="submit"] , body.page-id-123163 form.gb-form button[type="submit"] {
  display: block; width: 100%; box-sizing: border-box; margin-top: 4px;
  padding: 13px 20px; border: 0; border-radius: 4px; cursor: pointer;
  background-color: #b3202a !important; color: #fff !important;
  font-family: Lato, sans-serif !important; font-size: .8rem !important;
  font-weight: 700; letter-spacing: .18em; text-transform: uppercase;
  transition: background-color .2s ease;
}
body.page-id-123134 form.gb-form button[type="submit"]:hover , body.page-id-123156 form.gb-form button[type="submit"]:hover , body.page-id-123163 form.gb-form button[type="submit"]:hover { background-color: #7c141c !important; }

@media (max-width: 1180px) {
  body.page-id-123134 .wp-block-columns.hf-a-form-row , body.page-id-123156 .wp-block-columns.hf-a-form-row , body.page-id-123163 .wp-block-columns.hf-a-form-row { flex-direction: column; gap: 26px; }
  body.page-id-123134 .wp-block-columns.hf-a-form-row .hf-a-form-col, body.page-id-123156 .wp-block-columns.hf-a-form-row .hf-a-form-col, body.page-id-123163 .wp-block-columns.hf-a-form-row .hf-a-form-col,
  body.page-id-123134 .wp-block-columns.hf-a-form-row .hf-a-form-rail , body.page-id-123156 .wp-block-columns.hf-a-form-row .hf-a-form-rail , body.page-id-123163 .wp-block-columns.hf-a-form-row .hf-a-form-rail { flex: none; width: 100%; min-width: 0; }
  body.page-id-123134 .hf-a-form-rail .hf-a-quote , body.page-id-123156 .hf-a-form-rail .hf-a-quote , body.page-id-123163 .hf-a-form-rail .hf-a-quote { max-width: 760px; height: auto; }
}
@media (max-width: 600px) {
  body.page-id-123134 form.gb-form , body.page-id-123156 form.gb-form , body.page-id-123163 form.gb-form { grid-template-columns: 1fr; gap: 14px; padding: 24px 20px 26px; }
}

/* ===== Header search overlay — gblocks_overlay 123139 (2026-09-05) ===== */
#gb-overlay-123139 .gb-overlay__content {
  width: min(680px, 92vw); position: relative; text-align: center;
  padding: 30px 0 8px; box-sizing: border-box;
}
#gb-overlay-123139 .hf-so-kick {
  display: inline-flex; align-items: center; gap: 16px;
  margin: 0 0 14px;
  font-family: Lato, sans-serif; font-size: .72rem; font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase; color: #c52835;
}
#gb-overlay-123139 .hf-so-kick::before,
#gb-overlay-123139 .hf-so-kick::after {
  content: ""; width: 34px; height: 1px; background: rgba(197, 40, 53, .55);
}
#gb-overlay-123139 .hf-so-title {
  margin: 0 0 32px;
  font-family: Speltale; font-size: clamp(1.9rem, 4.5vw, 2.7rem);
  line-height: 1.18; color: #e8d9c8;
}
#gb-overlay-123139 .hf-so-form { display: flex; gap: 12px; align-items: stretch; }
#gb-overlay-123139 .hf-so-input {
  flex: 1 1 auto; min-width: 0; box-sizing: border-box;
  background: #161212; color: #e8d9c8;
  border: 1px solid rgba(179, 32, 42, .28); border-radius: 4px;
  padding: 0 18px;
  font-family: Lora, serif; font-size: 1.05rem; line-height: 1.5;
  outline: none; transition: border-color .2s, box-shadow .2s;
  -webkit-appearance: none; appearance: none;
}
#gb-overlay-123139 .hf-so-input::placeholder { color: #8a7f75; opacity: .9; }
#gb-overlay-123139 .hf-so-input:focus {
  border-color: #b3202a; box-shadow: 0 0 0 3px rgba(179, 32, 42, .16);
}
#gb-overlay-123139 .hf-so-btn {
  flex: 0 0 auto; padding: 0 26px; min-height: 54px;
  background: #b3202a; border: 1px solid #b3202a; border-radius: 4px;
  color: #fff;
  font-family: Lato, sans-serif; font-size: .8rem; font-weight: 700;
  letter-spacing: .18em; text-transform: uppercase; cursor: pointer;
  transition: background .2s, border-color .2s;
}
#gb-overlay-123139 .hf-so-btn:hover { background: #7c141c; border-color: #7c141c; }
#gb-overlay-123139 .hf-so-btn:focus-visible { outline: 2px solid #e8d9c8; outline-offset: 2px; }
#gb-overlay-123139 .hf-so-topics {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: center;
  gap: 8px; margin-top: 30px;
}
#gb-overlay-123139 .hf-so-topics-label {
  flex: 0 0 100%; display: block; margin: 0; text-align: center;
  font-family: Lato, sans-serif; font-size: .64rem; font-weight: 700;
  letter-spacing: .26em; text-transform: uppercase; color: #8a7f75;
}
#gb-overlay-123139 .hf-so-topic {
  display: inline-block; padding: .32rem .62rem;
  border: 1px solid rgba(179, 32, 42, .25); border-radius: 3px;
  background: rgba(179, 32, 42, .07); color: #c52835;
  font-family: Lato, sans-serif; font-size: .68rem; font-weight: 700;
  letter-spacing: .06em; text-transform: uppercase; line-height: 1.4;
  text-decoration: none;
  transition: color .2s, border-color .2s, background .2s;
}
#gb-overlay-123139 .hf-so-topic:hover {
  color: #fff; border-color: #b3202a; background: rgba(179, 32, 42, .22);
}
#gb-overlay-123139 .hf-so-close {
  position: absolute; top: 0; right: 2px;
  display: flex; align-items: center; justify-content: center;
  width: 44px; height: 44px; padding: 0;
  background: transparent; border: 0;
  color: #8a7f75; font-size: 1.3rem; line-height: 1;
  cursor: pointer; transition: color .2s;
}
#gb-overlay-123139 .hf-so-close:hover { color: #fff; }
#gb-overlay-123139 .hf-so-close:focus-visible { outline: 2px solid #b3202a; outline-offset: 2px; }

/* Search trigger (header circle) — keyboard focus ring */
.gb-text-hd-122979-sb:focus-visible {
  outline: 2px solid rgba(179, 32, 42, .8); outline-offset: 2px;
}

@media (max-width: 600px) {
  #gb-overlay-123139 .gb-overlay__content { width: min(520px, 94vw); }
  #gb-overlay-123139 .hf-so-form { flex-direction: column; gap: 10px; }
  #gb-overlay-123139 .hf-so-input { min-height: 50px; padding: 0 14px; }
  #gb-overlay-123139 .hf-so-btn { width: 100%; min-height: 50px; }
}


/* Search trigger (header circle) — neutralize GP button:focus gray (2026-09-05 round 2) */
.gb-text-hd-122979-sb:focus { background: transparent; color: #8a7f75; outline: none; }
.gb-text-hd-122979-sb:focus-visible {
  outline: 2px solid rgba(179, 32, 42, .8); outline-offset: 2px;
  background: transparent; color: #8a7f75;
}
.gb-text-hd-122979-sb:hover {
  background: rgba(179, 32, 42, .18); border-color: #b3202a; color: #fff;
}

/* ===== Browse the Crypt overlay v2 — gblocks_overlay 122969 (2026-09-05) ===== */
/* Panel spans the full header width; inner content mirrors the header 1400px */
#gb-overlay-122969.gb-overlay--anchored { width: 100%; left: 0 !important; }
#gb-overlay-122969 .gb-overlay__content { width: 100%; }
#gb-overlay-122969 .hf-bc {
  max-width: 1400px; margin: 0 auto; padding: 34px 28px 26px; position: relative;
  background:
    radial-gradient(900px 300px at 8% 0%, rgba(179, 32, 42, .13), transparent 62%),
    radial-gradient(700px 260px at 96% 100%, rgba(124, 20, 28, .09), transparent 55%),
    linear-gradient(180deg, #150e0d 0%, #0e0a09 100%);
  border-left: 1px solid rgba(179, 32, 42, .35);
  border-right: 1px solid rgba(179, 32, 42, .35);
  border-bottom: 1px solid rgba(179, 32, 42, .35);
}
/* the panel arrives under the header: top hairline handled by the 3px red line in the overlay itself */
#gb-overlay-122969 .hf-bc::after {
  content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px;
  background: linear-gradient(90deg, transparent 2%, rgba(179, 32, 42, .5) 30%, transparent 70%, rgba(179, 32, 42, .5) 98%);
}

/* --- desktop grid --- */
#gb-overlay-122969 .hf-bc { display: grid; grid-template-columns: minmax(0, 4.2fr) minmax(0, 5fr) minmax(0, 2.8fr); gap: 0 44px; }

/* --- shared col bits --- */
#gb-overlay-122969 .hf-bc-kick {
  display: flex; align-items: center; gap: 12px; margin: 0 0 16px;
  font-family: Lato, sans-serif; font-size: .66rem; font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase; color: #c52835;
}
#gb-overlay-122969 .hf-bc-kick::before { content: ""; width: 26px; height: 1px; background: rgba(197, 40, 53, .6); }
#gb-overlay-122969 .hf-bc-sec, #gb-overlay-122969 .hf-bc-sock {
  display: flex; align-items: center; gap: 12px; margin: 0 0 14px;
  font-family: Lato, sans-serif; font-size: .66rem; font-weight: 700;
  letter-spacing: .3em; text-transform: uppercase;
}
#gb-overlay-122969 .hf-bc-sec::before, #gb-overlay-122969 .hf-bc-sock::before { content: ""; width: 26px; height: 1px; }
#gb-overlay-122969 .hf-bc-sec { color: #c52835; }
#gb-overlay-122969 .hf-bc-sec::before { background: rgba(197, 40, 53, .6); }
#gb-overlay-122969 .hf-bc-sock { color: #c52835; }
#gb-overlay-122969 .hf-bc-sock::before { background: rgba(197, 40, 53, .6); }
#gb-overlay-122969 .hf-bc-sub {
  margin: -4px 0 18px; font-family: Lato, sans-serif; font-size: .62rem;
  letter-spacing: .22em; text-transform: uppercase; color: #8a7f75;
}

/* --- editorial col --- */
#gb-overlay-122969 .hf-bc-head {
  margin: 0 0 12px; font-family: Speltale; font-size: clamp(1.7rem, 2.6vw, 2.15rem);
  line-height: 1.14; color: #e8d9c8;
}
#gb-overlay-122969 .hf-bc-copy { margin: 0 0 20px; font-size: .95rem; line-height: 1.7; color: #8a7f75; max-width: 340px; }
#gb-overlay-122969 .hf-bc-feat {
  position: relative; overflow: hidden; height: 236px; border: 1px solid rgba(179, 32, 42, .35);
  border-radius: 4px; background: #160b0a;
}
#gb-overlay-122969 .hf-bc-feat-img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; display: block; }
#gb-overlay-122969 .hf-bc-feat-shade {
  position: absolute; left: 0; right: 0; bottom: 0; height: 65%;
  background: linear-gradient(180deg, transparent, rgba(5, 2, 2, .95));
}
#gb-overlay-122969 .hf-bc-feat-rib {
  position: absolute; top: 12px; right: 0; background: #c52835; color: #fff;
  font-family: Lato, sans-serif; font-size: .56rem; font-weight: 700; letter-spacing: .16em;
  text-transform: uppercase; padding: 4px 12px 4px 10px; border-radius: 2px 0 0 2px;
}
#gb-overlay-122969 .hf-bc-feat-txt { position: absolute; left: 0; right: 0; bottom: 0; padding: 12px 16px 14px; }
#gb-overlay-122969 .hf-bc-feat-t { display: block; font-family: Speltale; font-size: 1.04rem; line-height: 1.22; color: #fff; }
#gb-overlay-122969 .hf-bc-feat-m { display: block; margin-top: 6px; font-family: Lato, sans-serif; font-size: .62rem; letter-spacing: .14em; text-transform: uppercase; color: #d4a868; }
#gb-overlay-122969 .hf-bc-soc-ic svg { width: 18px; height: 18px; display: block; fill: currentColor; }
#gb-overlay-122969 .hf-bc-all {
  display: block; width: 100%; margin-top: 16px; text-align: right;
  font-family: Lato, sans-serif; font-size: .7rem; font-weight: 700; letter-spacing: .18em;
  text-transform: uppercase; color: #d4a868; text-decoration: none;
  transition: color .2s;
}
#gb-overlay-122969 .hf-bc-all:hover { color: #fff; }

/* --- categories grid --- */
#gb-overlay-122969 .hf-bc-catgrid {
  display: grid; grid-template-columns: 1fr 1fr; column-gap: 30px;
  border-top: 1px solid rgba(179, 32, 42, .2);
}
#gb-overlay-122969 .hf-bc-cat {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 10.5px 0 10.5px 12px; border-bottom: 1px solid rgba(179, 32, 42, .13);
  border-left: 2px solid transparent; text-decoration: none; transition: border-color .15s, background .15s;
}
#gb-overlay-122969 .hf-bc-cat:hover { border-left-color: #c52835; background: rgba(179, 32, 42, .06); }
#gb-overlay-122969 .hf-bc-cat-n { font-family: Lato, sans-serif; font-size: .72rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #e8d9c8; }
#gb-overlay-122969 .hf-bc-cat:hover .hf-bc-cat-n { color: #fff; }
#gb-overlay-122969 .hf-bc-cat-c { font-family: Lato, sans-serif; font-size: .64rem; color: #c52835; font-weight: 700; }

/* --- social col --- */
#gb-overlay-122969 .hf-bc-sointro { margin: 0 0 18px; font-size: .86rem; line-height: 1.55; color: #8a7f75; }
#gb-overlay-122969 .hf-bc-socrow { display: flex; flex-direction: column; }
#gb-overlay-122969 .hf-bc-soc {
  display: flex; align-items: center; gap: 13px; padding: 10px 0; text-decoration: none;
  border-bottom: 1px solid rgba(179, 32, 42, .13);
}
#gb-overlay-122969 .hf-bc-soc-ic {
  width: 40px; height: 40px; flex: 0 0 40px; display: flex; align-items: center; justify-content: center;
  border: 1px solid rgba(179, 32, 42, .4); border-radius: 3px; background: rgba(179, 32, 42, .07);
  font-family: Lato, sans-serif; font-size: .68rem; font-weight: 700; letter-spacing: .05em; color: #c52835;
  transition: background .2s, border-color .2s, color .2s;
}
#gb-overlay-122969 .hf-bc-soc:hover .hf-bc-soc-ic { background: #c52835; border-color: #c52835; color: #fff; }
#gb-overlay-122969 .hf-bc-soc-txt { display: flex; flex-direction: column; gap: 3px; }
#gb-overlay-122969 .hf-bc-soc-t { font-family: Lato, sans-serif; font-size: .74rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; color: #e8d9c8; }
#gb-overlay-122969 .hf-bc-soc-d { font-family: Lato, sans-serif; font-size: .62rem; color: #8a7f75; text-transform: lowercase; }

/* --- mobile Menu block: visible ONLY <=1024 (header menu hides there) --- */
#gb-overlay-122969 .hf-bc-mob { display: none; }
#gb-overlay-122969 .hf-bc-mobhead {
  display: flex; align-items: center; gap: 12px; margin: 0 0 6px;
  font-family: Lato, sans-serif; font-size: .62rem; font-weight: 700; letter-spacing: .3em;
  text-transform: uppercase; color: #c52835;
}
#gb-overlay-122969 .hf-bc-mobhead::before { content: ""; width: 24px; height: 1px; background: rgba(197, 40, 53, .6); }
#gb-overlay-122969 .hf-bc-moblist {
  display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid rgba(179, 32, 42, .2); margin-bottom: 0;
}
#gb-overlay-122969 .hf-bc-mobit {
  display: flex; align-items: center; justify-content: space-between; gap: 10px;
  padding: 12px 12px; border-bottom: 1px solid rgba(179, 32, 42, .13); text-decoration: none;
  font-family: Lato, sans-serif; font-size: .8rem; font-weight: 700; letter-spacing: .12em;
  text-transform: uppercase; color: #e8d9c8; transition: background .15s, color .15s;
}
#gb-overlay-122969 .hf-bc-mobit:hover { background: rgba(179, 32, 42, .07); color: #fff; }
#gb-overlay-122969 .hf-bc-mobnum { font-family: Lato, sans-serif; font-size: .6rem; color: #c52835; font-weight: 700; }

/* ===== <=1024: header menu hidden -> show Menu block, stack everything ===== */
@media (max-width: 1024px) {
  #gb-overlay-122969 .hf-bc { display: flex; flex-direction: column; gap: 26px; padding: 24px 18px 22px; }
  #gb-overlay-122969 .hf-bc-mob { display: block; order: 1; }
  #gb-overlay-122969 .hf-bc-cats { order: 2; }
  #gb-overlay-122969 .hf-bc-edit { order: 3; }
  #gb-overlay-122969 .hf-bc-soccol { order: 4; }
  #gb-overlay-122969 .hf-bc-head, #gb-overlay-122969 .hf-bc-copy, #gb-overlay-122969 .hf-bc-all { display: none; }
  #gb-overlay-122969 .hf-bc-feat { height: 180px; }
  #gb-overlay-122969 .hf-bc-catgrid { column-gap: 22px; }
  #gb-overlay-122969 .hf-bc-socrow { flex-direction: row; flex-wrap: wrap; gap: 10px; }
  #gb-overlay-122969 .hf-bc-soc { border-bottom: 0; padding: 0; flex-direction: column; gap: 6px; text-align: center; }
  #gb-overlay-122969 .hf-bc-soc-ic { width: 44px; height: 44px; flex-basis: 44px; }
  #gb-overlay-122969 .hf-bc-soc-txt { display: none; }
}
@media (max-width: 360px) {
  #gb-overlay-122969 .hf-bc-catgrid { grid-template-columns: 1fr; }
  #gb-overlay-122969 .hf-bc-moblist { grid-template-columns: 1fr; }
}

/* Contact Us button below socials (overlay 122969) */
#gb-overlay-122969 .hf-bc-contact {
  display: block; margin-top: 20px; padding: 12px 18px; text-align: center;
  background: #b3202a; border: 1px solid #b3202a; border-radius: 4px;
  color: #fff; font-family: Lato, sans-serif; font-size: .74rem; font-weight: 700;
  letter-spacing: .2em; text-transform: uppercase; text-decoration: none;
  transition: background .2s, border-color .2s;
}
#gb-overlay-122969 .hf-bc-contact:hover { background: #7c141c; border-color: #7c141c; }


/* ===== Categories page 123156 (2026-09-05) ===== */
body.page-id-123156 .entry-content , body.page-id-123163 .entry-content { max-width: 1180px; }
body.page-id-123156 .hf-cats-lead , body.page-id-123163 .hf-cats-lead {
  max-width: 620px; margin: 0 auto 26px; text-align: center;
  font-size: .98rem; line-height: 1.75; color: #b8aea3;
}
body.page-id-123156 .hf-cats-lead strong , body.page-id-123163 .hf-cats-lead strong { color: #e8d9c8; font-weight: 700; }
body.page-id-123156 .hf-cats-grid , body.page-id-123163 .hf-cats-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); column-gap: 34px;
  border-top: 1px solid rgba(179, 32, 42, .2);
}
body.page-id-123156 .hf-cats-i , body.page-id-123163 .hf-cats-i {
  display: flex; align-items: baseline; justify-content: space-between; gap: 10px;
  padding: 11px 0 11px 12px; border-bottom: 1px solid rgba(179, 32, 42, .13);
  border-left: 2px solid transparent; text-decoration: none;
  transition: border-color .15s, background .15s;
}
body.page-id-123156 .hf-cats-i:hover , body.page-id-123163 .hf-cats-i:hover { border-left-color: #c52835; background: rgba(179, 32, 42, .06); }
body.page-id-123156 .hf-cats-n , body.page-id-123163 .hf-cats-n {
  font-family: Lato, sans-serif; font-size: .74rem; font-weight: 700;
  letter-spacing: .1em; text-transform: uppercase; color: #e8d9c8;
}
body.page-id-123156 .hf-cats-i:hover .hf-cats-n , body.page-id-123163 .hf-cats-i:hover .hf-cats-n { color: #fff; }
body.page-id-123156 .hf-cats-c , body.page-id-123163 .hf-cats-c { font-family: Lato, sans-serif; font-size: .66rem; color: #c52835; font-weight: 700; }
@media (max-width: 1100px) {
  body.page-id-123156 .hf-cats-grid , body.page-id-123163 .hf-cats-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 640px) {
  body.page-id-123156 .hf-cats-grid , body.page-id-123163 .hf-cats-grid { grid-template-columns: 1fr; }
}

/* no-image fallback art for the overlay feature card */
#gb-overlay-122969 .hf-bc-feat-art {
  position: absolute; inset: 0;
  background:
    radial-gradient(320px 200px at 78% 12%, rgba(179,32,42,.5), transparent 70%),
    radial-gradient(420px 260px at 12% 100%, rgba(60,10,15,.9), transparent 70%),
    linear-gradient(150deg,#3a0d12 0%,#160808 55%,#0a0505 100%);
}


/* ===== Overlay anchored: internal scroll on tablet/mobile (2026-09-05) ===== */
@media (max-width: 560px) {
  #gb-overlay-122969.gb-overlay--anchored {
    max-height: calc(100vh - 66px);
    max-height: calc(100dvh - 66px);
    overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  }
}
@media (min-width: 561px) and (max-width: 1024px) {
  #gb-overlay-122969.gb-overlay--anchored {
    max-height: calc(100vh - 76px);
    max-height: calc(100dvh - 76px);
    overflow-y: auto; -webkit-overflow-scrolling: touch; overscroll-behavior: contain;
  }
}


/* ===== Sitemap page 123163 (2026-09-05) ===== */
body.page-id-123163 .hf-sm-list {
  list-style: none; padding: 0; margin: 0 0 40px;
  display: grid; grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  column-gap: 34px; row-gap: 2px;
}
body.page-id-123163 .hf-sm-list li { margin: 0; }
body.page-id-123163 .hf-sm-list a {
  display: inline-block; padding: 8px 0; width: 100%;
  font-family: Lato, sans-serif; font-size: .8rem; font-weight: 700;
  letter-spacing: .12em; text-transform: uppercase;
  color: #e8d9c8; text-decoration: none;
  border-bottom: 1px solid rgba(179, 32, 42, .14);
  transition: color .2s, border-color .2s;
}
body.page-id-123163 .hf-sm-list a:hover { color: #fff; border-color: rgba(179, 32, 42, .6); }

/* ===== Footer: darker background (2026-09-05) ===== */
.gb-element-footer-122948-22 {
  background:
    radial-gradient(120% 90% at 50% -20%, rgba(179, 32, 42, .14) 0%, transparent 55%),
    radial-gradient(90% 70% at 85% 110%, rgba(109, 21, 21, .15) 0%, transparent 60%),
    linear-gradient(180deg, #0f0b0a 0%, #0a0807 40%, #060504 100%);
}
/* ===== HOMEPAGE HERO — first 5 posts lead zone (2026-09-05) =====
   Featured latest post + "Trending from the Crypt" rail.
   Language: single-post card tokens (bg #161212, red hairlines, chips, filled red CTA). Scoped under .gb-element-hero-123008-1. */

/* ---- Featured card (latest post) ---- */
.gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 {
  background: #161212;
  border: 1px solid rgba(179,32,42,.35);
  border-radius: 4px;
  overflow: hidden;
  gap: 0;
}
.gb-element-hero-123008-1 .gb-element-feat-123008-4 {
  border: 0;
  border-radius: 0;
}
.gb-element-hero-123008-1 .gb-element-feat-123008-4:hover .gb-media-feat-123008-5, .gb-loop-item-sec4-123008-23:hover .gb-media-sec4-123008-25 { transform: scale(1.03); }
/* kicker chip over image — single-post bordered chip on dark backing */
.gb-element-hero-123008-1 .gb-text-feat-123008-6 {
  top: 16px; left: 16px;
  background: rgba(10,8,7,.72);
  border: 1px solid rgba(179,32,42,.55);
  border-radius: 3px;
  color: #e8d9c8;
  font-family: Lato, sans-serif;
  font-size: .62rem;
  font-weight: 700;
  letter-spacing: .14em;
  line-height: 1.4;
  padding: .34rem .7rem;
  backdrop-filter: blur(3px);
  max-width: calc(100% - 32px);
  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-7 {
  margin: 0;
  padding: 24px 26px 0;
  font-size: clamp(1.7rem, 3vw, 2.45rem);
  line-height: 1.08;
  text-wrap: balance;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-8 {
  margin: 0;
  padding: 12px 26px 0;
  max-width: none;
  color: #b8aea3;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-9 {
  margin: 14px 26px 0;
  padding: 12px 14px;
  background: rgba(179,32,42,.08);
  border-left: 2px solid rgba(179,32,42,.65);
  border-radius: 0;
  color: #8a7f75;
  font-family: Lato, sans-serif;
  font-size: .74rem;
  letter-spacing: .04em;
  line-height: 1.5;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-9 a, body.home .gb-element-hero-123008-1 .gb-text-feat-123008-9 a {
  color: #c52835;
  font-weight: 700;
  text-decoration: none;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-9 a:hover, .gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:hover .gb-text-trend-123008-10 a, body.home .gb-element-hero-123008-1 .gb-text-feat-123008-9 a:hover, .gb-element-hero-123008-1 .hf-trend-meta .hf-trend-mauthor a:hover { color: #ffffff; }
/* real CTA inside the featured loop */
.gb-element-hero-123008-1 .hf-home-feat-btn {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  align-self: flex-start;
  margin: 18px 26px 26px;
  background: #b3202a;
  color: #ffffff;
  border: none;
  border-radius: 4px;
  padding: 11px 18px;
  font-family: Lato, sans-serif;
  font-size: .72rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease;
}
.gb-element-hero-123008-1 .hf-home-feat-btn:hover { background: #7c141c; color: #ffffff; }
.gb-element-hero-123008-1 .hf-home-feat-btn span, .gb-element-hero-123008-1 .hf-trend-btn span, .gb-loop-item-sec4-123008-23 .hf-ep-btn span, .gb-element-sec5-123008-1 .gb-element-sec5-123008-60 span { font: inherit; }

/* ---- Trending from the Crypt rail (posts 2–5) ---- */
.gb-element-hero-123008-1 .gb-query-trend-123008-1 {
  background: #161212;
  border: 1px solid rgba(179,32,42,.16);
  border-radius: 4px;
  padding: 20px 20px 8px;
  display: flex;
  flex-direction: column;
}
.gb-element-hero-123008-1 .gb-element-trend-123008-2 {
  padding: 0 0 14px;
  margin-bottom: 2px;
  border-bottom: 1px solid rgba(179,32,42,.16);
}
.gb-element-hero-123008-1 .gb-text-trend-123008-3 {
  color: #c52835;
  font-size: .8rem;
  letter-spacing: .22em;
}
.gb-element-hero-123008-1 .gb-looper-trend-123008-4 { flex: 1; }
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5 {
  background: transparent;
  border-bottom: 1px solid rgba(232,217,200,.07);
  border-left: 3px solid transparent;
  border-radius: 0;
  flex: 1;
  min-height: 0;
  padding: 16px 0 18px;
  align-items: center;
}
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:last-child { border-bottom: 0; }
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:hover {
  background: rgba(197,40,53,.07);
  border-left-color: #c52835;
}
.gb-element-hero-123008-1 .gb-element-trend-123008-6 {
  width: 96px;
  height: 64px;
  border-color: rgba(179,32,42,.22);
  background: #100d0c;
  transition: border-color .2s ease;
}
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:hover .gb-element-trend-123008-6 { border-color: #b3202a; }
.gb-element-hero-123008-1 .gb-element-trend-123008-8 { flex: 1; min-width: 0; }
.gb-element-hero-123008-1 .gb-text-trend-123008-9 {
  color: #c52835;
  font-size: .58rem;
  letter-spacing: .12em;
  line-height: 1.5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 100%;
}
.gb-element-hero-123008-1 .gb-text-trend-123008-10 {
  font-size: .95rem;
  line-height: 1.28;
  margin: 3px 0 2px;
}
.gb-element-hero-123008-1 .gb-text-trend-123008-10 a {
  color: #e8d9c8;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gb-element-hero-123008-1 .gb-text-trend-123008-11 {
  color: #8a7f75;
  font-family: Lato, sans-serif;
  font-size: .68rem;
  font-style: normal;
  letter-spacing: .02em;
}

/* stack below 1024: natural heights, no equal-stretch rows */
.gb-element-hero-123008-1 > * { min-width: 0; }
@media (max-width:1024px) {
  .gb-element-hero-123008-1 { grid-template-columns: minmax(0, 1fr); }
  .gb-element-hero-123008-1 .gb-query-trend-123008-1 { padding: 20px 20px 6px; }
  .gb-element-hero-123008-1 .gb-loop-item-trend-123008-5 { flex: 0 0 auto; min-height: auto; padding: 15px 0; }
}
@media (max-width:767px) {
  .gb-element-hero-123008-1 { grid-template-columns: minmax(0, 1fr); }
  .gb-element-hero-123008-1 .gb-text-feat-123008-7 { padding: 20px 18px 0; font-size: clamp(1.5rem, 7.2vw, 1.9rem); }
  .gb-element-hero-123008-1 .gb-text-feat-123008-8 { padding: 10px 18px 0; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 { margin: 12px 18px 0; }
  .gb-element-hero-123008-1 .hf-home-feat-btn { margin: 16px 18px 20px; }
  .gb-element-hero-123008-1 .gb-query-trend-123008-1 { padding: 18px 16px 4px; }
  .gb-element-hero-123008-1 .gb-element-trend-123008-6 { width: 84px; height: 60px; }
}

/* ===== Homepage — kill GP default blue (#1e73be) on heading links (2026-09-05) ===== */
body.home .entry-content h1 a,
body.home .entry-content h2 a,
body.home .entry-content h3 a,
body.home .entry-content h4 a,
body.page-id-123008 .entry-content h1 a,
body.page-id-123008 .entry-content h2 a,
body.page-id-123008 .entry-content h3 a,
body.page-id-123008 .entry-content h4 a {
  color: #ffffff;
  text-decoration: none;
}
body.home .entry-content h1 a:hover,
body.home .entry-content h2 a:hover,
body.home .entry-content h3 a:hover,
body.home .entry-content h4 a:hover,
body.page-id-123008 .entry-content h1 a:hover,
body.page-id-123008 .entry-content h2 a:hover,
body.page-id-123008 .entry-content h3 a:hover,
body.page-id-123008 .entry-content h4 a:hover {
  color: #e8d9c8;
}

/* Homepage content anchors: never inherit GP blue (#1e73be); follow ancestor text color */
body.home .entry-content a,
body.page-id-123008 .entry-content a {
  color: inherit;
}
body.home .entry-content a:where(.hf-home-feat-btn, [class*="-btn"]),
body.page-id-123008 .entry-content a:where(.hf-home-feat-btn, [class*="-btn"]) {
  color: #ffffff;
}
/* ===== HOMEPAGE HERO v2 — POSTER IMERSIV (2026-09-05, user-approved direction) =====
   Featured post = full-width cinematic poster, title OVER the image.
   Posts 2-5 = 4 poster tiles in a grid below the featured.
   Scoped under .gb-element-hero-123008-1 (homepage page 123008 only). */

/* --- Hero grid: single column (poster on top, tiles below) --- */
.gb-element-hero-123008-1 { grid-template-columns: 1fr; }

/* ================= FEATURED POSTER (post 1) ================= */
/* ≥768px: poster mode — media fills the card, text absolutely overlaid bottom-left.
   <768px: falls back to stacked card (v1 rules) automatically. */
@media (min-width: 768px) {

  .gb-element-hero-123008-1 .gb-query-feat-123008-1 { gap: 0; }
  .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 {
    background: transparent;
    border: 0;
    border-radius: 0;
    overflow: hidden;
  }
  /* cinematic wide crop */
  .gb-element-hero-123008-1 .gb-element-feat-123008-4 {
    width: 100%;
    aspect-ratio: 21 / 10;
    border: 0;
    border-radius: 0;
    overflow: hidden;
  }
  .gb-element-hero-123008-1 .gb-element-feat-123008-4::after {
    background: linear-gradient(180deg,
      rgba(10,8,7,.05) 0%,
      rgba(10,8,7,.12) 32%,
      rgba(10,8,7,.55) 62%,
      rgba(10,8,7,.94) 100%);
  }
  .gb-element-hero-123008-1 .gb-element-feat-123008-4:hover .gb-media-feat-123008-5 { transform: scale(1.02); }

  /* kicker chip top-left (stays inside the <a>, above its ::after) */
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 {
    top: 26px;
    left: 30px;
    z-index: 3;
  }

  /* overlay text column, bottom-left — painted above the image scrim */
  .gb-element-hero-123008-1 .gb-text-feat-123008-7 {
    position: absolute;
    left: 30px;
    right: 30px;
    bottom: 132px;
    max-width: min(900px, 82%);
    margin: 0;
    padding: 0;
    z-index: 2;
    font-size: clamp(1.8rem, 4.1vw, 3.5rem);
    line-height: 1.04;
    text-wrap: balance;
    text-shadow: 0 2px 26px rgba(0,0,0,.7);
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-8 { display: none; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 {
    position: absolute;
    left: 30px;
    bottom: 84px;
    margin: 0;
    padding: 0;
    z-index: 2;
    background: transparent;
    border-left: 0;
    color: #d9d0c6;
    font-size: .8rem;
    text-shadow: 0 1px 12px rgba(0,0,0,.8);
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 a {
    color: #d4a868;
    font-weight: 700;
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 a:hover { color: #ffffff; }
  .gb-element-hero-123008-1 .hf-home-feat-btn {
    position: absolute;
    left: 30px;
    bottom: 22px;
    margin: 0;
    z-index: 2;
  }
}

/* ================= TRENDING TILES (posts 2-5) ================= */
.gb-element-hero-123008-1 .gb-query-trend-123008-1 {
  background: transparent;
  border: 0;
  border-radius: 0;
  padding: 0;
}
.gb-element-hero-123008-1 .gb-element-trend-123008-2 {
  padding: 0 0 16px;
  margin-bottom: 24px;
  border-bottom: 1px solid rgba(179,32,42,.18);
}
.gb-element-hero-123008-1 .gb-text-trend-123008-3 { font-size: 1.13rem; letter-spacing: .24em; }

/* 4-col tile grid → 2-col → 1-col */
.gb-element-hero-123008-1 .gb-looper-trend-123008-4 {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 24px;
}
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5 {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  background: #161212;
  border: 1px solid rgba(179,32,42,.16);
  border-radius: 4px;
  flex: none;
  min-height: 0;
  padding: 0;
  overflow: hidden;
  transition: border-color .25s ease;
}
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:hover {
  background: #161212;
  border-color: rgba(179,32,42,.45);
}
.gb-element-hero-123008-1 .gb-element-trend-123008-6 {
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 10;
  border: 0;
  border-radius: 0;
  background: #100d0c;
  overflow: hidden;
  flex: none;
}
.gb-element-hero-123008-1 .gb-element-trend-123008-6 img { transition: transform .45s ease; }
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:hover .gb-element-trend-123008-6 img { transform: scale(1.05); }
.gb-element-hero-123008-1 .gb-element-trend-123008-8 {
  flex: 1;
  min-width: 0;
  padding: 14px 15px 16px;
  gap: 5px;
}
.gb-element-hero-123008-1 .gb-text-trend-123008-10 { font-size: .98rem; line-height: 1.3; margin: 2px 0 8px; }
.gb-element-hero-123008-1 .gb-text-trend-123008-10 a {
  color: #e8d9c8;
  text-decoration: none;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gb-element-hero-123008-1 .gb-text-trend-123008-11 {
  margin-top: auto;
  color: #8a7f75;
  font-family: Lato, sans-serif;
  font-size: .68rem;
  font-style: normal;
}
@media (max-width: 1100px) {
  .gb-element-hero-123008-1 .gb-looper-trend-123008-4 { grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 640px) {
  .gb-element-hero-123008-1 .gb-looper-trend-123008-4 { grid-template-columns: 1fr; }
}
/* ===== HOMEPAGE HERO v4 — poster polish (2026-09-05) =====
   - poster flush under the header (no gap)
   - overlay text aligned to the site content column (1160 container), NOT the
     viewport edge — works for full-bleed (≥1024) and contained tablet alike
   - categories chip on the RIGHT, styled
   - title color = single-post title cream #e8d9c8
   - meta ribbon with inline author/calendar icons
   - spotlight ON the image (media ::after) + hover intensify
   Scoped under .gb-element-hero-123008-1. */

/* (1) kill the gap between the sticky header border and the poster */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 { padding-top: 0; }
}

/* full-bleed capped at full HD (1920px) — poster spans edge-to-edge up to 1920px,
   centered beyond (ultrawide monitors get equal side margins) */
@media (min-width: 1024px) {
  .gb-element-hero-123008-1 .gb-query-feat-123008-1 {
    width: min(100vw, 1920px);
    margin-left: calc(50% - min(50vw, 960px));
  }
}

/* (2) ALIGNMENT with the content column.
   ≥1160px: container is max 1160 + 24 padding, centered → content column
   starts at (50% - 556px) of the full-bleed wrapper.
   1024-1159: container fills the viewport with 24 padding → content col = 24px.
   768-1023: poster contained → loop-item already sits in the content column. */
@media (min-width: 1160px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-7 { left: calc(50% - 556px); right: calc(50% - 556px); max-width: none; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 { left: calc(50% - 556px); }
  .gb-element-hero-123008-1 .hf-home-feat-btn { left: calc(50% - 556px); }
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { right: calc(50% - 556px); }
}
@media (min-width: 1024px) and (max-width: 1159px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-7 { left: 24px; right: 24px; max-width: none; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 { left: 24px; }
  .gb-element-hero-123008-1 .hf-home-feat-btn { left: 24px; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { right: 24px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-7 { left: 0; right: 0; max-width: none; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 { left: 0; }
  .gb-element-hero-123008-1 .hf-home-feat-btn { left: 0; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { right: 0; }
}

/* (3) title cream like single-post title */
.gb-element-hero-123008-1 .gb-text-feat-123008-7,
.gb-element-hero-123008-1 .gb-text-feat-123008-7 a {
  color: #e8d9c8 !important;
}

/* (4) categories chip on the RIGHT */
.gb-element-hero-123008-1 .gb-text-feat-123008-6 {
  left: auto;
  top: 26px;
  display: inline-block;
  max-width: calc(100% - 40px);
  background: rgba(10,8,7,.55);
  border: 1px solid rgba(179,32,42,.5);
  border-left: 3px solid #b3202a;
  color: #e8d9c8;
  font-family: Lato, sans-serif;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .16em;
  line-height: 1.5;
  text-transform: uppercase;
  padding: .42rem .85rem;
  border-radius: 2px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* (5) meta ribbon + author/calendar icons */
.gb-element-hero-123008-1 .gb-text-feat-123008-9 {
  display: flex;
  align-items: center;
  gap: 8px;
  width: fit-content;
  max-width: calc(100% - 24px);
  background: rgba(10,8,7,.5);
  border-left: 3px solid #b3202a;
  border-radius: 0 3px 3px 0;
  color: #d9d0c6;
  font-family: Lato, sans-serif;
  font-size: .76rem;
  letter-spacing: .03em;
  line-height: 1.6;
  padding: 8px 16px 8px 12px;
  text-shadow: none;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-9 a {
  color: #e8d9c8;
  font-weight: 700;
  text-decoration: none;
  display: inline-flex;
  align-items: center;
  gap: 7px;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-9 a::before {
  content: '';
  width: 13px;
  height: 13px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M12 12a4.5 4.5 0 1 0-4.5-4.5A4.5 4.5 0 0 0 12 12Zm0 2.25c-3.73 0-8.25 1.96-8.25 5.1V21h16.5v-1.65c0-3.14-4.52-5.1-8.25-5.1Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-element-hero-123008-1 .gb-text-feat-123008-9::after {
  content: '';
  width: 13px;
  height: 13px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M7 2v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm-2 7h14v10H5V9Z"/%3E%3C/svg%3E') center / contain no-repeat;
}

/* (6) spotlight ON the image (media ::after), clearly visible + hover */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 .gb-element-feat-123008-4::after {
    background:
      radial-gradient(120% 95% at 18% -8%, rgba(212,168,104,.34) 0%, rgba(212,168,104,0) 52%),
      radial-gradient(100% 80% at 82% 6%, rgba(179,32,42,.42) 0%, rgba(179,32,42,0) 58%),
      radial-gradient(85% 65% at 64% 46%, rgba(197,40,53,.16) 0%, rgba(197,40,53,0) 70%),
      linear-gradient(180deg, rgba(10,8,7,.12) 0%, rgba(10,8,7,0) 32%, rgba(10,8,7,.52) 68%, rgba(10,8,7,.93) 100%);
  }
  .gb-element-hero-123008-1 .gb-element-feat-123008-4:hover::after {
    background:
      radial-gradient(125% 100% at 18% -8%, rgba(212,168,104,.46) 0%, rgba(212,168,104,0) 52%),
      radial-gradient(105% 85% at 82% 6%, rgba(179,32,42,.58) 0%, rgba(179,32,42,0) 58%),
      radial-gradient(85% 65% at 64% 46%, rgba(197,40,53,.24) 0%, rgba(197,40,53,0) 70%),
      linear-gradient(180deg, rgba(10,8,7,.10) 0%, rgba(10,8,7,0) 32%, rgba(10,8,7,.5) 68%, rgba(10,8,7,.92) 100%);
  }
}
/* ===== HOMEPAGE HERO v5 — poster content stack (2026-09-05) =====
   User request: show the EXCERPT (3-4 lines) after the title, raise the title.
   Poster text becomes a bottom-anchored flex column (natural DOM order):
     [title] → [excerpt] → [meta ribbon] → [read button]
   The image (media) is absolute-fill; article keeps the 21:10 poster height.
   Only ≥768px (poster mode); <768px keeps the v1 stacked card. */

@media (min-width: 768px) {

  /* article = poster frame, bottom-anchored text column */
  .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    align-items: flex-start;
    gap: 0;
    aspect-ratio: 21 / 10;
    overflow: hidden;
    padding-bottom: 24px;
    background: transparent;
    border: 0;
    border-radius: 0;
  }

  /* media fills the whole poster, text sits on top */
  .gb-element-hero-123008-1 .gb-element-feat-123008-4 {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    aspect-ratio: auto;
    overflow: hidden;
  }

  /* text children stack over the image */
  .gb-element-hero-123008-1 .gb-text-feat-123008-7,
  .gb-element-hero-123008-1 .gb-text-feat-123008-8,
  .gb-element-hero-123008-1 .gb-text-feat-123008-9,
  .gb-element-hero-123008-1 .hf-home-feat-btn {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 2;
  }

  /* TITLE — raised above the excerpt */
  .gb-element-hero-123008-1 .gb-text-feat-123008-7 {
    margin: 0 0 14px;
    width: 100%;
    max-width: 960px;
    font-size: clamp(1.8rem, 3.6vw, 3.2rem);
    line-height: 1.06;
    text-shadow: 0 2px 26px rgba(0,0,0,.72);
  }

  /* EXCERPT — 3-4 lines, right after the title */
  .gb-element-hero-123008-1 .gb-text-feat-123008-8 {
    display: -webkit-box !important;
    -webkit-line-clamp: 4 !important;
    -webkit-box-orient: vertical;
    overflow: hidden;
    margin: 0 0 18px;
    padding: 0;
    max-width: 720px;
    color: #d6cfc4;
    font-size: 1rem;
    line-height: 1.65;
    text-shadow: 0 1px 10px rgba(0,0,0,.65);
  }

  /* META — ribbon (replaces the old absolute block) */
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 {
    position: relative;
    margin: 0 0 16px;
    display: flex;
    align-items: center;
    gap: 8px;
    width: fit-content;
    max-width: 100%;
    background: rgba(10,8,7,.5);
    border-left: 3px solid #b3202a;
    border-radius: 0 3px 3px 0;
    color: #d9d0c6;
    font-family: Lato, sans-serif;
    font-size: .76rem;
    letter-spacing: .03em;
    line-height: 1.6;
    padding: 8px 16px 8px 12px;
  }

  /* READ button — bottom of the column */
  .gb-element-hero-123008-1 .hf-home-feat-btn {
    margin: 0;
    align-self: flex-start;
  }

  /* content column horizontal inset per breakpoint */
  @media (min-width: 1160px) {
    .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 { padding-left: calc(50% - 556px); padding-right: calc(50% - 556px); }
  }
  @media (min-width: 1024px) and (max-width: 1159px) {
    .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 { padding-left: 24px; padding-right: 24px; }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 { padding-left: 0; padding-right: 0; }
    .gb-element-hero-123008-1 .gb-text-feat-123008-7 { max-width: 100%; }
    .gb-element-hero-123008-1 .gb-text-feat-123008-8 { -webkit-line-clamp: 3; }
  }

  /* chip stays inside the full-bleed media anchor, aligned right */
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 {
    left: auto;
    top: 26px;
    z-index: 3;
    display: inline-block;
    max-width: calc(100% - 60px);
    background: rgba(10,8,7,.55);
    border: 1px solid rgba(179,32,42,.5);
    border-left: 3px solid #b3202a;
    color: #e8d9c8;
    font-family: Lato, sans-serif;
    font-size: .64rem;
    font-weight: 700;
    letter-spacing: .16em;
    line-height: 1.5;
    text-transform: uppercase;
    padding: .42rem .85rem;
    border-radius: 2px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  @media (min-width: 1160px) {
    .gb-element-hero-123008-1 .gb-text-feat-123008-6 { right: calc(50% - 556px); }
  }
  @media (min-width: 1024px) and (max-width: 1159px) {
    .gb-element-hero-123008-1 .gb-text-feat-123008-6 { right: 24px; }
  }
  @media (min-width: 768px) and (max-width: 1023px) {
    .gb-element-hero-123008-1 .gb-text-feat-123008-6 { right: 0; }
  }
}

/* <768px stacked card: keep the v1 chip/meta look (undo v4 globals that leaked) */
@media (max-width: 767px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 {
    left: 16px;
    right: auto;
    top: 16px;
    max-width: calc(100% - 32px);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 {
    position: static;
    display: block;
    width: auto;
    max-width: none;
    margin: 14px 26px 0;
    padding: 12px 14px;
    background: rgba(179,32,42,.08);
    border-left: 2px solid rgba(179,32,42,.65);
    border-radius: 0;
    color: #8a7f75;
    font-family: Lora, serif;
    font-size: .8rem;
    letter-spacing: normal;
    line-height: 1.6;
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 a { color: #c52835; font-weight: 700; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 a:hover { color: #ffffff; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-9 a::before,
  .gb-element-hero-123008-1 .gb-text-feat-123008-9::after { display: none; }
}
/* ===== HOMEPAGE HERO v6 — categories LEFT single-post chips; meta chips + read duration; dark left gradient; NO spotlight (2026-09-05) =====
   User request: move categories back to the LEFT styled like the single-post kicker chips
   (.hf-single-chip family: bg rgba(179,32,42,.14), red text, uppercase Lato);
   meta = chips with a background like the categories (author hyperlink + date + dynamic read
   duration via the core post-time-to-read block); dark gradient on the LEFT behind the text;
   REMOVE the spotlight radials completely.
   Content change (post 123008): old byline <p> replaced by a flex wrapper
   <div class="gb-element-feat-123008-9 hf-home-feat-meta"> with 3 children:
   span.hf-home-feat-mauthor (author link), span.hf-home-feat-mdate (date),
   div.hf-home-feat-mread.wp-block-post-time-to-read (renders "1–2 minutes" per post). */

/* (A) media overlay: left dark gradient + bottom scrim, NO spotlight radials at all */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 .gb-element-feat-123008-4::after,
  .gb-element-hero-123008-1 .gb-element-feat-123008-4:hover::after {
    background:
      linear-gradient(100deg, rgba(6,5,4,.9) 0%, rgba(6,5,4,.6) 26%, rgba(6,5,4,.24) 48%, rgba(6,5,4,0) 66%),
      linear-gradient(0deg, rgba(8,6,5,.9) 0%, rgba(8,6,5,.34) 32%, rgba(8,6,5,0) 58%);
  }
}

/* (B) category chip — back to the LEFT, styled exactly like the single-post kicker chips */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 {
    left: auto;
    right: auto;
    top: 28px;
    display: inline-flex;
    align-items: center;
    background: rgba(179,32,42,.14);
    border: 0;
    border-radius: 3px;
    color: #c52835;
    font-family: Lato, sans-serif;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.5;
    text-transform: uppercase;
    padding: .3rem .62rem;
    backdrop-filter: none;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 1px 8px rgba(0,0,0,.6);
  }
}
@media (min-width: 1160px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { left: calc(50% - 556px); }
}
@media (min-width: 1024px) and (max-width: 1159px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { left: 24px; }
}
@media (min-width: 768px) and (max-width: 1023px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { left: 0; }
}

/* (C) meta = flex wrapper of chips (author + date + read duration) */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 .gb-element-feat-123008-9 {
    position: relative;
    top: auto;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 2;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    width: auto;
    max-width: 100%;
    margin: 0 0 18px;
    padding: 0;
    background: transparent;
    border: 0;
  }

  /* each meta item is a chip with the same background language as the categories */
  .gb-element-hero-123008-1 .hf-home-feat-meta > .gb-text,
  .gb-element-hero-123008-1 .hf-home-feat-meta .wp-block-post-time-to-read {
    display: inline-flex;
    align-items: center;
    gap: 7px;
    background: rgba(179,32,42,.16);
    border-radius: 3px;
    padding: .3rem .62rem;
    margin: 0;
    font-family: Lato, sans-serif;
    font-size: .72rem;
    letter-spacing: .03em;
    line-height: 1.5;
    color: #d9d0c6;
    text-shadow: 0 1px 8px rgba(0,0,0,.55);
  }

  /* icons inside chips (gold data-URI, same family as the approved meta ribbon) */
  .gb-element-hero-123008-1 .hf-home-feat-mauthor::before {
    content: '';
    width: 13px;
    height: 13px;
    flex: none;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M12 12a4.5 4.5 0 1 0-4.5-4.5A4.5 4.5 0 0 0 12 12Zm0 2.25c-3.73 0-8.25 1.96-8.25 5.1V21h16.5v-1.65c0-3.14-4.52-5.1-8.25-5.1Z"/%3E%3C/svg%3E') center / contain no-repeat;
  }
  .gb-element-hero-123008-1 .hf-home-feat-mdate::before {
    content: '';
    width: 13px;
    height: 13px;
    flex: none;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M7 2v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm-2 7h14v10H5V9Z"/%3E%3C/svg%3E') center / contain no-repeat;
  }
  .gb-element-hero-123008-1 .hf-home-feat-mread::before {
    content: '';
    width: 13px;
    height: 13px;
    flex: none;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Ccircle cx="12" cy="12" r="9.2"/%3E%3Cpath d="M12 7.2v4.6l3.2 1.9" stroke="%230a0807" stroke-width="1.6" fill="none"/%3E%3C/svg%3E') center / contain no-repeat;
  }

  /* author = hyperlink, cream bold with red underline (readable over the chip) */
  .gb-element-hero-123008-1 .hf-home-feat-mauthor a {
    color: #e8d9c8 !important;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(179,32,42,.6);
    text-underline-offset: 3px;
  }
  .gb-element-hero-123008-1 .hf-home-feat-mauthor a:hover {
    color: #ffffff !important;
    text-decoration-color: #ffffff;
  }
}

/* (D) <768px stacked card: same meta chip family, categories keep dark over-image chip */
@media (max-width: 767px) {
  .gb-element-hero-123008-1 .gb-element-feat-123008-9 {
    position: static;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    margin: 12px 18px 0;
    padding: 0;
    background: transparent;
    border: 0;
  }
  .gb-element-hero-123008-1 .hf-home-feat-meta > .gb-text,
  .gb-element-hero-123008-1 .hf-home-feat-meta .wp-block-post-time-to-read {
    display: inline-flex;
    align-items: center;
    gap: 6px;
    background: rgba(10,8,7,.55);
    border-left: 2px solid #b3202a;
    border-radius: 0 3px 3px 0;
    padding: 5px 10px 5px 8px;
    margin: 0;
    font-family: Lato, sans-serif;
    font-size: .7rem;
    line-height: 1.5;
    color: #d9d0c6;
  }
  .gb-element-hero-123008-1 .hf-home-feat-mauthor::before,
  .gb-element-hero-123008-1 .hf-home-feat-mdate::before,
  .gb-element-hero-123008-1 .hf-home-feat-mread::before {
    content: '';
    width: 12px;
    height: 12px;
    flex: none;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Ccircle cx="12" cy="12" r="9.2"/%3E%3C/svg%3E') center / contain no-repeat;
  }
  .gb-element-hero-123008-1 .hf-home-feat-mauthor a {
    color: #e8d9c8;
    font-weight: 700;
    text-decoration: underline;
    text-decoration-color: rgba(179,32,42,.55);
    text-underline-offset: 3px;
  }
  .gb-element-hero-123008-1 .hf-home-feat-mauthor a:hover { color: #ffffff; }
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 { top: 16px; left: 16px; right: auto; }
}

/* ===== SINGLE POST hero image — dynamic aspect (2026-09-05) =====
   GB compiled css forces aspect-ratio:16/9 + object-fit:cover on the hero media
   (.gb-media-sp-123056-11), which crops portrait uploads. Keep width:100% but let
   the height follow the image's OWN ratio (landscape AND portrait both fine). */
.hf-single-hero .gb-media-sp-123056-11 {
  aspect-ratio: auto;
  height: auto;
  width: 100%;
  object-fit: cover;
  display: block;
}
/* Bottom scrim: was sized for the old 16:9 crop (55% of height → ~45% band);
   with dynamic ratio it would darken nearly half a tall portrait. Pin to a fixed
   bottom band so landscape AND portrait both keep a subtle vignette only. */
.hf-single-hero::after {
  background: linear-gradient(180deg, transparent calc(100% - 220px), rgba(10,8,7,.55));
}

/* ===== HOMEPAGE HERO v9 — auto pan ONLY for portrait featured images (2026-09-05) =====
   User: landscape hero images must stay STATIC + centered (no pan — it looked like
   the image was "framing"); the automatic top→bottom→top pan applies only when the
   featured image is PORTRAIT (taller than wide).
   Server side (functions.php): body class `hf-hero-portrait` is added on the front
   page when the latest post's featured image is portrait. Default = no animation. */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 .gb-media-feat-123008-5 {
    animation: none;
    object-position: 50% 50%;
  }
  body.hf-hero-portrait .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 .gb-media-feat-123008-5 {
    animation: hf-hero-pan 16s ease-in-out infinite alternate;
  }
}
@keyframes hf-hero-pan {
  from { object-position: 50% 0%; }
  to   { object-position: 50% 100%; }
}
@media (prefers-reduced-motion: reduce) {
  body.hf-hero-portrait .gb-element-hero-123008-1 .gb-loop-item-feat-123008-3 .gb-media-feat-123008-5 {
    animation: none;
  }
}

/* ===== HOMEPAGE HERO v10 — categories as SEPARATE chips (2026-09-05) =====
   User: on the hero, categories render "la gramada" (all inside ONE chip with comma
   separator). The block content now emits each category in its own .hf-home-chip span
   (GB term_list separator trick, no links — the chip lives inside the media <a>, so
   category links would nest anchors). Wrapper becomes a flex row; chips reuse the
   single-post chip family. */
@media (min-width: 768px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 8px;
    max-width: min(780px, 100%);
    top: 28px;
    background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
    backdrop-filter: none;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 .hf-home-chip {
    display: inline-flex;
    align-items: center;
    background: rgba(179,32,42,.14);
    border-radius: 3px;
    color: #c52835;
    font-family: Lato, sans-serif;
    font-size: .66rem;
    font-weight: 700;
    letter-spacing: .14em;
    line-height: 1.5;
    text-transform: uppercase;
    padding: .3rem .62rem;
    text-shadow: 0 1px 8px rgba(0,0,0,.6);
  }
}
@media (max-width: 767px) {
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
    max-width: calc(100% - 24px);
    background: transparent;
    border: 0;
    padding: 0;
    border-radius: 0;
    backdrop-filter: none;
    font-weight: 400;
    letter-spacing: normal;
    text-transform: none;
  }
  .gb-element-hero-123008-1 .gb-text-feat-123008-6 .hf-home-chip {
    display: inline-flex;
    align-items: center;
    background: rgba(179,32,42,.16);
    border-radius: 3px;
    color: #e8d9c8;
    font-family: Lato, sans-serif;
    font-size: .62rem;
    font-weight: 700;
    letter-spacing: .12em;
    line-height: 1.4;
    text-transform: uppercase;
    padding: .26rem .55rem;
  }
}
/* ===== HOMEPAGE TRENDING CARDS — chips, meta chips w/ icons, Read article btn, header gradient line (2026-09-06) =====
   Trending from the Crypt (query trend-123008-1, page 123008, under the hero poster).
   Loop item now (content edit, ids trend-123008-12/13/14/15):
   thumb <a> / body(category chips -> title -> meta chips w/ author+date) / Read-article button.
   Language: single-post chips family (rgba red bg, Lato uppercase) + poster CTA family.
   2026-09-06 refinement: compact top stack (title -> meta -> button), single first-category
   chip overlays the image, and the last card keeps its bottom border (v1 :last-child bug). */

/* (0) card vertical stack: no rail gap, body hugs content (button follows meta, no bottom pinning) */
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5 { gap: 0; }
.gb-element-hero-123008-1 .gb-element-trend-123008-8 { flex: 0 0 auto; padding: 14px 15px 0; }
.gb-element-hero-123008-1 .gb-text-trend-123008-10 { margin: 0 0 6px; }

/* (1) section header — kicker + red gradient line (Fresh-from-the-Crypt look) */
.gb-element-hero-123008-1 .gb-element-trend-123008-2 { gap: 16px; }
.gb-element-hero-123008-1 .gb-element-trend-123008-2::after, .gb-text-sec2-123008-2::after, .gb-text-sec3-123008-2::after, .gb-text-sec4-123008-2::after, .gb-text-sec5-123008-2::after {
  content: '';
  flex: 1;
  height: 1px;
  max-width: 300px;
  background: linear-gradient(90deg, rgba(179,32,42,.55), transparent);
}

/* (2) categories — single leading chip OVER the card image, top-left (poster chip family) */
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5 { position: relative; }
.gb-element-hero-123008-1 .gb-text-trend-123008-9 {
  position: absolute;
  top: 10px;
  left: 10px;
  right: auto;
  z-index: 2;
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  max-width: calc(100% - 20px);
  margin: 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
  pointer-events: none;
}
.gb-element-hero-123008-1 .gb-text-trend-123008-9 .hf-trend-chip {
  display: inline-flex;
  align-items: center;
  background: rgba(179,32,42,.14);
  border-radius: 3px;
  color: #c52835;
  font-family: Lato, sans-serif;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
  padding: .24rem .55rem;
  white-space: nowrap;
  text-shadow: 0 1px 8px rgba(0,0,0,.65);
}
.gb-element-hero-123008-1 .gb-text-trend-123008-9 .hf-trend-chip:empty, .gb-element-hero-123008-1 .gb-text-trend-123008-9 .hf-trend-chip:not(:first-child), .gb-text-sec2-123008-11 .hf-pop-chip:empty, .gb-text-sec3-123008-11 .hf-pop-chip:empty, .gb-text-sec5-123008-30 .hf-pop-chip:empty { display: none; }

/* (3) meta — compact chips w/ gold icons, sitting directly under the title */
.gb-element-hero-123008-1 .gb-element-trend-123008-12 {
  margin-top: 0;
  padding-top: 0;
  gap: 4px;
}
.gb-element-hero-123008-1 .hf-trend-meta .gb-text {
  display: inline-flex;
  align-items: center;
  gap: 5px;
  background: rgba(179,32,42,.13);
  border-radius: 3px;
  padding: .2rem .45rem;
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .01em;
  line-height: 1.5;
  color: #cfc4b8;
  font-style: normal;
  white-space: nowrap;
}
.gb-element-hero-123008-1 .hf-trend-meta .hf-trend-mauthor::before {
  content: '';
  width: 9px;
  height: 9px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M12 12a4.5 4.5 0 1 0-4.5-4.5A4.5 4.5 0 0 0 12 12Zm0 2.25c-3.73 0-8.25 1.96-8.25 5.1V21h16.5v-1.65c0-3.14-4.52-5.1-8.25-5.1Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-element-hero-123008-1 .hf-trend-meta .gb-text-trend-123008-11::before {
  content: '';
  width: 9px;
  height: 9px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M7 2v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm-2 7h14v10H5V9Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-element-hero-123008-1 .hf-trend-meta .hf-trend-mauthor a {
  color: #e8d9c8;
  font-weight: 700;
  text-decoration: none;
}

/* (4) Read article — transparent w/ red border, sitting right under the meta chips */
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5 .hf-trend-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin: 12px 15px 16px;
  background: transparent;
  color: #e8d9c8;
  border: 1px solid rgba(179,32,42,.6);
  border-radius: 4px;
  padding: 6px 12px;
  font-family: Lato, sans-serif;
  font-size: .63rem;
  letter-spacing: .1em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.gb-element-hero-123008-1 .hf-trend-btn:hover {
  background: #b3202a;
  border-color: #b3202a;
  color: #ffffff;
}
.gb-element-hero-123008-1 .hf-trend-btn:focus-visible, .gb-loop-item-sec4-123008-23 .hf-ep-btn:focus-visible {
  outline: 2px solid #d4a868;
  outline-offset: 2px;
}

/* (5) last card keeps a full bottom border (v1 rail rule :last-child{border-bottom:0} leaked into the box grid) */
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:last-child { border-bottom: 1px solid rgba(179,32,42,.16); }
.gb-element-hero-123008-1 .gb-loop-item-trend-123008-5:last-child:hover { border-bottom-color: rgba(179,32,42,.45); }
/* ===== HOMEPAGE MOST POPULAR — boxed cards; header matches Latest Articles; all categories under title; meta right after content (2026-09-06) =====
   Section sec2 (page 123008): header row sec2-123008-1, grid sec2-123008-5 with two post cards
   (query sec2-123008-6, offset 5) + newsletter panel. Content: category wrapper -11 emits per-term
   .hf-pop-chip spans and sits AFTER the title in DOM; meta wrapper -15 (author -16 linked, date -17)
   follows the excerpt. No CTA on these cards. */

/* (1) header — same kicker grammar as Latest Articles: red Lora uppercase + gradient line */
.gb-element-sec2-123008-1, .gb-element-sec3-123008-1, .gb-element-sec4-123008-1, .gb-element-sec5-123008-1 {
  align-items: center;
  gap: 16px;
  margin-bottom: 28px;
  border-bottom-color: rgba(179,32,42,.18);
}
.gb-text-sec2-123008-2, .gb-text-sec3-123008-2, .gb-text-sec4-123008-2, .gb-text-sec5-123008-2 {
  flex: 1;
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0;
  color: #c52835 !important;
  font-family: Lora, serif;
  font-size: 1.13rem;
  font-weight: 700;
  letter-spacing: .24em;
  line-height: 1.5;
  text-transform: uppercase;
}

/* (2) card = boxed; image flush top; content stack gets its own inner padding */
.gb-loop-item-sec2-123008-8, .gb-loop-item-sec3-123008-8, .gb-loop-item-sec5-123008-27 {
  position: relative;
  background: #161212;
  border: 1px solid rgba(179,32,42,.16);
  border-radius: 4px;
  overflow: hidden;
  gap: 0;
}
.gb-loop-item-sec2-123008-8 .gb-element-sec2-123008-9, .gb-loop-item-sec3-123008-8 .gb-element-sec3-123008-9, .gb-loop-item-sec5-123008-27 .gb-element-sec5-123008-28 {
  border: 0;
  border-radius: 0;
  background: #100d0c;
  flex: none;
}
.gb-loop-item-sec2-123008-8 .gb-text-sec2-123008-12, .gb-loop-item-sec3-123008-8 .gb-text-sec3-123008-12, .gb-loop-item-sec5-123008-27 .gb-text-sec5-123008-31 { margin: 14px 16px 0; }

/* (3) categories — ALL terms as small chips, wrapped, directly under the title */
.gb-text-sec2-123008-11, .gb-text-sec3-123008-11, .gb-text-sec5-123008-30 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin: 9px 16px 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.gb-text-sec2-123008-11 .hf-pop-chip, .gb-text-sec3-123008-11 .hf-pop-chip, .gb-text-sec5-123008-30 .hf-pop-chip {
  display: inline-flex;
  align-items: center;
  background: rgba(179,32,42,.13);
  border-radius: 3px;
  color: #c52835;
  font-family: Lato, sans-serif;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
  text-transform: uppercase;
  padding: .2rem .5rem;
  white-space: nowrap;
}

/* (4) excerpt — kept, capped at 3 lines */
.gb-loop-item-sec2-123008-8 .gb-text-sec2-123008-13, .gb-loop-item-sec3-123008-8 .gb-text-sec3-123008-13 {
  margin: 8px 16px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

/* (5) meta — compact chips w/ gold icons, immediately after the excerpt */
.gb-loop-item-sec2-123008-8 .gb-element-sec2-123008-15, .gb-loop-item-sec3-123008-8 .gb-element-sec3-123008-15, .gb-loop-item-sec5-123008-27 .gb-element-sec5-123008-34 {
  margin: 12px 16px 16px;
  gap: 6px;
}
.gb-loop-item-sec2-123008-8 .hf-pop-meta .gb-text, .gb-loop-item-sec3-123008-8 .hf-pop-meta .gb-text, .gb-loop-item-sec5-123008-27 .hf-pop-meta .gb-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(179,32,42,.13);
  border-radius: 3px;
  padding: .24rem .58rem;
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.5;
  color: #cfc4b8;
  font-style: normal;
  white-space: nowrap;
}
.gb-loop-item-sec2-123008-8 .hf-pop-meta .hf-pop-mauthor::before, .gb-loop-item-sec3-123008-8 .hf-pop-meta .hf-pop-mauthor::before, .gb-loop-item-sec5-123008-27 .hf-pop-meta .hf-pop-mauthor::before {
  content: '';
  width: 10px;
  height: 10px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M12 12a4.5 4.5 0 1 0-4.5-4.5A4.5 4.5 0 0 0 12 12Zm0 2.25c-3.73 0-8.25 1.96-8.25 5.1V21h16.5v-1.65c0-3.14-4.52-5.1-8.25-5.1Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-loop-item-sec2-123008-8 .hf-pop-meta .hf-pop-mdate::before, .gb-loop-item-sec3-123008-8 .hf-pop-meta .hf-pop-mdate::before, .gb-loop-item-sec5-123008-27 .hf-pop-meta .hf-pop-mdate::before {
  content: '';
  width: 10px;
  height: 10px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M7 2v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm-2 7h14v10H5V9Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-loop-item-sec2-123008-8 .hf-pop-meta .hf-pop-mauthor a, .gb-loop-item-sec3-123008-8 .hf-pop-meta .hf-pop-mauthor a, .gb-loop-item-sec5-123008-27 .hf-pop-meta .hf-pop-mauthor a {
  color: #e8d9c8 !important;
  font-weight: 700;
  text-decoration: none;
}
.gb-loop-item-sec2-123008-8 .hf-pop-meta .hf-pop-mauthor a:hover, .gb-loop-item-sec3-123008-8 .hf-pop-meta .hf-pop-mauthor a:hover, .gb-element-sec5-123008-1 .gb-element-sec5-123008-60:hover, .gb-loop-item-sec5-123008-27 .hf-pop-meta .hf-pop-mauthor a:hover { color: #ffffff !important; }

/* ===== WEEKLY POPULAR PAGE /most-popular-this-week/ (123187) — boxed top-10 grid, kicker header (2026-09-06) =====
   Mirrors the homepage "Most popular this week" card grammar. Query wkly-123187-6 is fed the
   current-week ranking by functions.php (horrorfuel_popular_week_queries). */

body.page-id-123187 .entry-header { display: none; }
body.page-id-123187 .entry-content { padding-top: 0; }

/* kicker H1 — red Lora uppercase + gradient line (same header system) */
.gb-text-wkly-123187-2 {
  display: flex;
  align-items: center;
  gap: 16px;
  margin: 0 0 28px;
  padding-bottom: 14px;
  border-bottom: 1px solid rgba(179,32,42,.18);
  color: #c52835 !important;
  font-family: Lora, serif;
  font-size: clamp(.95rem, 1.9vw, 1.25rem);
  font-weight: 700;
  letter-spacing: .22em;
  line-height: 1.5;
}
.gb-text-wkly-123187-2::after {
  content: '';
  flex: 1;
  height: 1px;
  max-width: 300px;
  background: linear-gradient(90deg, rgba(179,32,42,.55), transparent);
}

/* cards — boxed, same as homepage popular cards */
.gb-loop-item-wkly-123187-8 {
  position: relative;
  background: #161212;
  border: 1px solid rgba(179,32,42,.16);
  border-radius: 4px;
  overflow: hidden;
  gap: 0;
}
.gb-loop-item-wkly-123187-8 .gb-element-wkly-123187-9 {
  border: 0;
  border-radius: 0;
  background: #100d0c;
  flex: none;
}
.gb-loop-item-wkly-123187-8 .gb-text-wkly-123187-12 { margin: 14px 16px 0; }
.gb-text-wkly-123187-11 {
  display: flex;
  flex-wrap: wrap;
  gap: 4px 6px;
  margin: 9px 16px 0;
  white-space: normal;
  overflow: visible;
  text-overflow: clip;
}
.gb-text-wkly-123187-11 .hf-pop-chip {
  display: inline-flex;
  align-items: center;
  background: rgba(179,32,42,.13);
  border-radius: 3px;
  color: #c52835;
  font-family: Lato, sans-serif;
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .1em;
  line-height: 1.5;
  text-transform: uppercase;
  padding: .2rem .5rem;
  white-space: nowrap;
}
.gb-text-wkly-123187-11 .hf-pop-chip:empty { display: none; }
.gb-loop-item-wkly-123187-8 .gb-text-wkly-123187-13 {
  margin: 8px 16px 0;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}
.gb-loop-item-wkly-123187-8 .gb-element-wkly-123187-15 {
  margin: 12px 16px 16px;
  gap: 6px;
}
.gb-loop-item-wkly-123187-8 .hf-pop-meta .gb-text {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  background: rgba(179,32,42,.13);
  border-radius: 3px;
  padding: .24rem .58rem;
  margin: 0;
  font-family: Lato, sans-serif;
  font-size: .64rem;
  font-weight: 700;
  letter-spacing: .02em;
  line-height: 1.5;
  color: #cfc4b8;
  font-style: normal;
  white-space: nowrap;
}
.gb-loop-item-wkly-123187-8 .hf-pop-meta .hf-pop-mauthor::before {
  content: '';
  width: 10px;
  height: 10px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M12 12a4.5 4.5 0 1 0-4.5-4.5A4.5 4.5 0 0 0 12 12Zm0 2.25c-3.73 0-8.25 1.96-8.25 5.1V21h16.5v-1.65c0-3.14-4.52-5.1-8.25-5.1Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-loop-item-wkly-123187-8 .hf-pop-meta .hf-pop-mdate::before {
  content: '';
  width: 10px;
  height: 10px;
  flex: none;
  background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23d4a868"%3E%3Cpath d="M7 2v2H5a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2V6a2 2 0 0 0-2-2h-2V2h-2v2H9V2H7Zm-2 7h14v10H5V9Z"/%3E%3C/svg%3E') center / contain no-repeat;
}
.gb-loop-item-wkly-123187-8 .hf-pop-meta .hf-pop-mauthor a {
  color: #e8d9c8 !important;
  font-weight: 700;
  text-decoration: none;
}
.gb-loop-item-wkly-123187-8 .hf-pop-meta .hf-pop-mauthor a:hover { color: #ffffff !important; }

/* ===== Weekly popular page 123187 — category-template dark background + white post titles (2026-09-06) ===== */
body.page-id-123187 { background-color: #120e0d; position: relative; }
body.page-id-123187 .site-content,
body.page-id-123187 .site,
body.page-id-123187 .site-main { background: transparent; }
body.page-id-123187 .inside-article { background: transparent !important; box-shadow: none !important; padding: 0; }
body.page-id-123187 .entry-content { position: relative; z-index: 1; }
body.page-id-123187 .entry-content .gb-element-wkly-123187-30,
body.page-id-123187 .entry-content .gb-text-wkly-123187-2 { position: relative; z-index: 1; }

/* post titles — no default blue; white base, cream hover (same as homepage) */
body.page-id-123187 .entry-content h1 a,
body.page-id-123187 .entry-content h2 a,
body.page-id-123187 .entry-content h3 a,
body.page-id-123187 .entry-content h4 a {
  color: #ffffff;
  text-decoration: none;
}
body.page-id-123187 .entry-content h1 a:hover,
body.page-id-123187 .entry-content h2 a:hover,
body.page-id-123187 .entry-content h3 a:hover,
body.page-id-123187 .entry-content h4 a:hover { color: #e8d9c8; }

/* (2) poster tiles */
.gb-loop-item-sec4-123008-23 { padding: 30px; transition: border-color .25s ease; }
.gb-loop-item-sec4-123008-23:hover { border-color: rgba(179,32,42,.5); }
.gb-loop-item-sec4-123008-23 .gb-media-sec4-123008-25 {
  filter: brightness(.5) saturate(1.05);
}
.gb-loop-item-sec4-123008-23 .gb-element-sec4-123008-24::after {
  background: linear-gradient(180deg, rgba(10,8,7,.15) 0%, rgba(10,8,7,.45) 46%, rgba(10,8,7,.94) 100%);
}

/* (3) content stack */
.gb-element-sec4-123008-26 { margin-top: auto; }

/* gold Editor's Pick ribbon */
.hf-ep-kick {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(10,8,7,.55);
  border-left: 2px solid #d4a868;
  border-radius: 2px;
  padding: .32rem .72rem;
  color: #d4a868;
  font-family: Lato, sans-serif;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .22em;
  line-height: 1.4;
  text-transform: uppercase;
}

/* title */
.hf-ep-title {
  margin: 14px 0 12px;
  color: #ffffff !important;
  font-family: Lora, serif;
  font-size: clamp(1.15rem, 2.2vw, 1.5rem);
  line-height: 1.12;
  text-wrap: balance;
}
.hf-ep-title a { color: #ffffff !important; }
.hf-ep-title a:hover { color: #e8d9c8 !important; }

/* first-category chip on the tile */
.hf-ep-cats { display: flex; flex-wrap: wrap; gap: 5px; }
.hf-ep-cats .hf-ep-chip {
  display: inline-flex;
  align-items: center;
  background: rgba(179,32,42,.16);
  border-radius: 3px;
  color: #e8d9c8;
  font-family: Lato, sans-serif;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .12em;
  line-height: 1.5;
  text-transform: uppercase;
  padding: .22rem .58rem;
  white-space: nowrap;
  text-shadow: 0 1px 8px rgba(0,0,0,.6);
}
.hf-ep-cats .hf-ep-chip:empty { display: none; }
.hf-ep-cats .hf-ep-chip:not(:first-child) { display: none; }

/* Read article — outline CTA (image overlay) */
.gb-loop-item-sec4-123008-23 .hf-ep-btn {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  align-self: flex-start;
  margin-top: 16px;
  background: transparent;
  color: #e8d9c8 !important;
  border: 1px solid rgba(179,32,42,.6);
  border-radius: 4px;
  padding: 7px 14px;
  font-family: Lato, sans-serif;
  font-size: .62rem;
  letter-spacing: .12em;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none;
  transition: background-color .2s ease, color .2s ease, border-color .2s ease;
}
.gb-loop-item-sec4-123008-23 .hf-ep-btn:hover {
  background: #b3202a;
  border-color: #b3202a;
  color: #ffffff !important;
}

/* mobile: tighter tiles */
@media (max-width: 767px) {
  .gb-loop-item-sec4-123008-23 { padding: 22px; min-height: 280px; }
}
.gb-element-sec5-123008-1 .gb-element-sec5-123008-60 {
  color: #d4a868 !important;
  flex: none;
}

/* ===== HOMEPAGE THE VOICES OF HORROR FUEL (sec7) — kicker header, author cards w/ photos, More contributors link (2026-09-06) =====
   sec7-1/2 header row + h2 kicker (same language as other homepage section headers).
   Cards: author avatars are now <img> media blocks (gravatar 256px, circular 64px).
   -16 contributors card is now an <a href="https://hf.printscope.ro/about/">; hover border red.
   Grid -3 gets bottom breathing room above the footer border.
*/
.gb-element-sec7-123008-1{display:flex;align-items:center;gap:24px;margin:0 0 30px}
.gb-element-sec7-123008-1::after{content:"";flex:1;height:1px;max-width:300px;background:linear-gradient(90deg,rgba(179,32,42,.55),transparent)}
.gb-text-sec7-123008-2{color:#c52835 !important;font-family:Lora,Georgia,serif !important;font-size:1.13rem !important;font-weight:700 !important;letter-spacing:.24em !important;line-height:1.3 !important;margin:0 !important;text-transform:uppercase !important}
.gb-element-sec7-123008-3{gap:24px;margin-bottom:72px}
.gb-element-sec7-123008-16:hover{border-color:rgba(179,32,42,.6) !important}
.gb-element-sec7-123008-16{transition:border-color .25s ease}
.gb-element-sec7-123008-16 .gb-text-sec7-123008-18{transition:color .25s ease}
.gb-element-sec7-123008-16:hover .gb-text-sec7-123008-18{color:#e8d9c8}
.gb-media-sec7-123008-5,.gb-media-sec7-123008-9,.gb-media-sec7-123008-13,.gb-media-sec7-123008-21{flex:0 0 auto;display:inline-block}

/* ===== HOMEPAGE THE VOICES (sec7) fixes — divider follows title, 5-col grid, author links (2026-09-06) ===== */
.gb-element-sec7-123008-1{justify-content:flex-start !important}
.gb-element-sec7-123008-6,.gb-element-sec7-123008-10,.gb-element-sec7-123008-14,.gb-element-sec7-123008-22{text-decoration:none;transition:color .2s ease}
.gb-element-sec7-123008-6:hover .gb-text-sec7-123008-40,
.gb-element-sec7-123008-10:hover .gb-text-sec7-123008-41,
.gb-element-sec7-123008-14:hover .gb-text-sec7-123008-42,
.gb-element-sec7-123008-22:hover .gb-text-sec7-123008-43{color:#d4a868}

/* ===== Archive card layout (dedup 2026-09-06: moved from inline GB CSS to shared classes) ===== */
.hf-arch-item, .hf-arch-mcard { display: flex; flex-direction: column; gap: 12px; }
.hf-arch-media { aspect-ratio: 16/10; display: block; position: relative; }
.hf-arch-media img { width: 100%; height: 100%; object-fit: cover; }
.hf-arch-body { display: flex; flex: 1; flex-direction: column; gap: .55rem; padding: 1.05rem 1.15rem 1.2rem; }
.hf-arch-cat { color: #c52835; font-size: .66rem; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; }
.hf-arch-title { color: #ffffff; font-size: 1.12rem; line-height: 1.18; }
.hf-arch-excerpt { color: #a8a098; font-size: .86rem; line-height: 1.5; }