/* RTG Custom overrides */
body, .site, header, footer {
    background-color: #ffffff !important;
}

.theme-dark body, .theme-dark .site, .theme-dark header, .theme-dark footer {
    background-color: #ffffff !important;
}

.feed .feed-length,
.single-meta-length,
.single-footer-top {
    display: none !important;
}

/* === RTG overrides: keep white background, dark text === */
html {
    color-scheme: light !important;
}

body,
.site-header,
.site-footer {
    background: #ffffff !important;
    color: #103354 !important; /* deep navy */
}

/* Ensure navigation, links, titles, excerpts all use dark text */
a,
.site-header a,
.site-footer a,
.nav a,
.post-card-title,
.post-full-title,
.post-card-excerpt,
.post-meta,
h1, h2, h3, h4, h5, h6 {
    color: #103354 !important;
}

/* Optional: subtle border color tweak for light theme */
hr,
.post-card,
.post-card-inner {
    border-color: #e2e8f0 !important;
}

/* === RTG override: buttons and link colours === */
/* Force all button and ghost-style button text to white */
button,
.btn,
.button,
.gh-btn,
.kg-btn,
input[type="submit"],
.subscribe-button,
.load-more-button {
    color: #ffffff !important;
}

/* All hyperlinks orange */
a,
.post-content a,
.kg-card a,
.site-header a,
.site-footer a {
    color: #f48e58 !important;
}

/* Hover state for accessibility */
a:hover,
a:focus {
    text-decoration: underline;
    opacity: 0.9;
}

/* === RTG override: make primary buttons orange with white text === */
.gh-btn,
.btn,
button,
input[type="submit"],
.load-more-button,
.subscribe-button,
.kg-btn,
.button {
    background-color: #f48e58 !important;
    border-color: #f48e58 !important;
    color: #ffffff !important;
}

.gh-btn:hover,
.btn:hover,
button:hover,
input[type="submit"]:hover,
.load-more-button:hover,
.subscribe-button:hover,
.kg-btn:hover,
.button:hover {
    opacity: 0.9;
}

/* === RTG override: search button back to white === */
button[aria-label="Search"],
.site-header button[aria-label="Search"],
.nav-search,
button.search-toggle {
    background: #ffffff !important;
    color: #f48e58 !important;
    border: 2px solid #f48e58 !important;
}

/* === RTG override: ensure search toggle is white background === */
.search-toggle,
.gh-search,
.site-header .search-toggle,
.site-header .gh-search {
    background: #ffffff !important;
    color: #f48e58 !important;
    border: 2px solid #f48e58 !important;
}

/* override svg path color */
.search-toggle svg path,
.gh-search svg path {
    fill: #f48e58 !important;
}

/* === RTG override: subtle gray search icon on white background === */
.search-toggle,
.gh-search,
.site-header .search-toggle,
.site-header .gh-search {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important; /* light gray border */
    color: #6b7280 !important; /* icon color fallback */
}

.search-toggle svg path,
.gh-search svg path {
    fill: #6b7280 !important; /* gray icon */
}

/* === RTG override: remove box, outline-only magnifying glass === */
.search-toggle,
.gh-search,
.site-header .search-toggle,
.site-header .gh-search {
    background: #ffffff !important;
    border: none !important;
    padding: 0.35rem !important; /* tighten size */
    display: flex;
    align-items: center;
    justify-content: center;
}

/* remove fill, just stroke for outline look */
.search-toggle svg path,
.gh-search svg path {
    fill: none !important;
    stroke: #6b7280 !important;
    stroke-width: 2px !important;
}

/* === RTG override: Header 'Subscribe' & 'Load More' navy === */
/* Header subscribe button */
.site-header .gh-btn,
.site-header .btn,
.site-header .button {
    background-color: #103354 !important;
    border-color: #103354 !important;
    color: #ffffff !important;
}

/* Load More button */
.load-more-button {
    background-color: #103354 !important;
    border-color: #103354 !important;
    color: #ffffff !important;
}

/* Consistent hover state for overridden navy buttons */
.site-header .gh-btn:hover,
.site-header .btn:hover,
.site-header .button:hover,
.load-more-button:hover {
    opacity: 0.9;
}

/* === RTG override update: ensure header Subscribe + Load More navy === */
.gh-head .gh-btn,
.gh-head-btn,
.gh-head .gh-head-btn,
a.gh-head-btn {
    background-color: #103354 !important;
    border-color: #103354 !important;
    color: #ffffff !important;
}

.gh-head .gh-btn:hover,
.gh-head-btn:hover,
.gh-head .gh-head-btn:hover,
a.gh-head-btn:hover {
    opacity: 0.9;
}



.gh-read-next h2,
.gh-read-next a,
.related-wrapper h2,
.gh-related h2,
.gh-related a {
    color: #103354 !important;
}

/* Toggle card / collapsible icons: remove orange background, set to white with subtle border */
.kg-toggle-card-icon,
.kg-toggle-card .kg-toggle-heading-icon,
details summary,
.kg-toggle-card {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    color: #6b7280 !important;
}

/* Ensure arrow icons inside toggles are outline gray */
.kg-toggle-card-icon svg path,
.kg-toggle-card .kg-toggle-heading-icon svg path,
details summary svg path {
    fill: none !important;
    stroke: #6b7280 !important;
    stroke-width: 2px !important;
}

/* Remove any box-shadow on toggle icons */
.kg-toggle-card-icon,
.kg-toggle-card .kg-toggle-heading-icon {
    box-shadow: none !important;
}

/* === RTG override v2: force post footer & toggles to white === */

/* 1. Post footer / "You might also like" section */
.gh-read-next,
.gh-read-next + .site-footer,
.gh-read-next-section,
.post-footer,
.related-wrapper,
.gh-related,
.gh-read-more,
.gh-related-wrapper {
    background: #ffffff !important;
    color: #103354 !important;
}
.gh-read-next *,
.gh-read-next-section *,
.related-wrapper *,
.gh-related *,
.gh-read-more * {
    color: #103354 !important;
}

/* 2. Toggle card icons */
.kg-toggle-card-icon,
.kg-toggle-heading-icon,
.kg-toggle-card .kg-toggle-heading-icon,
.kg-toggle-card .kg-toggle-card-icon {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
}
.kg-toggle-card-icon svg path,
.kg-toggle-heading-icon svg path,
.kg-toggle-card .kg-toggle-heading-icon svg path,
.kg-toggle-card .kg-toggle-card-icon svg path {
    fill: none !important;
    stroke: #6b7280 !important;
    stroke-width: 2px !important;
}

/* === RTG override: header Subscribe back to orange === */
.gh-head .gh-btn,
.gh-head-btn,
.gh-head .gh-head-btn,
a.gh-head-btn {
    background-color: #f48e58 !important;
    border-color: #f48e58 !important;
    color: #ffffff !important;
}

.gh-head .gh-btn:hover,
.gh-head-btn:hover,
.gh-head .gh-head-btn:hover,
a.gh-head-btn:hover {
    opacity: 0.9;
}

/* === RTG mobile menu tweaks === */
/* 1. Burger / close (X) button styling */
.gh-burger,
.gh-burger-menu,
.gh-head .gh-burger {
    background: #ffffff !important;
    border: 1px solid #d1d5db !important;
    padding: 0.5rem !important;
}

/* Icon lines / X */
.gh-burger svg path,
.gh-burger svg line,
.gh-burger svg rect {
    fill: none !important;
    stroke: #6b7280 !important;
    stroke-width: 2px !important;
}

/* 2. Mobile menu / overlay panels -> white background */
.gh-mobilemenu,
.gh-head-menu,
.gh-head-menu .gh-head-menu-content,
body.nav-is-open .gh-head-menu,
body.nav-is-open .gh-head-menu-content,
.site-nav,
.site-nav-overlay,
.site-nav-content,
.gh-head .gh-head-actions-menu {
    background: #ffffff !important;
}

/* Ensure nav items retain navy colour */
.gh-head-menu a,
.gh-head-menu-content a,
.site-nav a {
    color: #103354 !important;
}

/* Remove dark strip behind subscribe section in mobile menu */
.gh-head-members,
.gh-head-membership,
.gh-head-menu-membership,
.gh-head-menu .gh-head-actions {
    background: #ffffff !important;
}

/* === RTG override v3: final mobile menu cleanup === */

/* 1. Burger / close icon: transparent bg, no border, gray lines */
.gh-burger,
.gh-head .gh-burger,
.gh-burger-menu {
    background: transparent !important;
    border: none !important;
    padding: 0.5rem !important;
}
.gh-burger svg path,
.gh-burger svg line,
.gh-burger svg rect,
.gh-burger svg polygon {
    fill: none !important;
    stroke: #6b7280 !important;
    stroke-width: 2px !important;
}

/* 2. Remove dark bars in mobile menu actions section */
.gh-head-menu .gh-head-actions,
.gh-head-actions,
.gh-head-menu-membership,
.gh-head-menu .gh-head-membership,
.gh-head-menu .gh-head-members,
.gh-head-menu .gh-head-member,
.gh-head-menu .gh-head-cta,
.gh-head-menu .gh-head-actions .gh-head-btn,
.gh-head-menu .gh-head-actions .button,
.gh-head-menu .gh-head-actions .kg-btn {
    background: #ffffff !important;
}

/* Ensure subscribe button inside mobile drawer stays orange & stretches full width nicely */
.gh-head-menu .gh-head-actions .gh-btn {
    background: #f48e58 !important;
    border-color: #f48e58 !important;
    color: #ffffff !important;
    width: 100% !important;
}

/* Sign-in link */
.gh-head-menu .gh-head-actions a {
    color: #f48e58 !important;
}

/* === RTG override v4: ensure mobile burger/X icon lines visible === */

/* Ghost Dawn burger uses .gh-burger span lines or pseudo-elements */
.gh-burger,
.gh-burger span,
.gh-burger span:before,
.gh-burger span:after,
.gh-burger::before,
.gh-burger::after,
.gh-burger .burger,
.gh-burger .burger::before,
.gh-burger .burger::after {
    background: #6b7280 !important;
}

/* When burger toggles to 'X', Ghost adds .close or transforms lines — keep background grey */
.gh-burger.close,
.gh-burger.close span,
.gh-burger.close span:before,
.gh-burger.close span:after,
.gh-burger[aria-expanded="true"],
.gh-burger[aria-expanded="true"] span,
.gh-burger[aria-expanded="true"] span:before,
.gh-burger[aria-expanded="true"] span:after {
    background: #6b7280 !important;
}

/* === RTG override: navy accents (toggle chevron, text, sign-in, search) === */
.kg-toggle-card-icon svg path,
.kg-toggle-heading-icon svg path {
    fill: none !important;
    stroke: #103354 !important;
    stroke-width: 2px !important;
}
.kg-toggle-card,
.kg-toggle-card * {
    color: #103354 !important;
}
.gh-head .gh-head-actions a,
.gh-head-menu .gh-head-actions a {
    color: #103354 !important;
}
.search-toggle svg path,
.gh-search svg path {
    fill: none !important;
    stroke: #103354 !important;
    stroke-width: 2px !important;
}

/* === RTG override: toggle card border & icon navy === */
/* Outer card border */
.kg-toggle-card {
    border: 2px solid #103354 !important;
}
/* Icon square border */
.kg-toggle-card-icon,
.kg-toggle-heading-icon {
    border: 2px solid #103354 !important;
}
/* Chevron arrow */
.kg-toggle-card-icon svg path,
.kg-toggle-heading-icon svg path {
    stroke: #103354 !important;
    stroke-width: 2px !important;
}

/* === RTG override v2: toggle icon square + chevron navy strong === */
.kg-toggle-card-icon,
.kg-toggle-heading-icon {
    border: 2px solid #103354 !important;
}
.kg-toggle-card-icon svg *,
.kg-toggle-heading-icon svg * {
    stroke: #103354 !important;
    fill: none !important;
    stroke-width: 2px !important;
}

/* === RTG override v3: ensure svg chevron navy (all shapes) === */
.kg-toggle-card-icon svg path,
.kg-toggle-card-icon svg line,
.kg-toggle-card-icon svg polyline,
.kg-toggle-card-icon svg polygon,
.kg-toggle-heading-icon svg path,
.kg-toggle-heading-icon svg line,
.kg-toggle-heading-icon svg polyline,
.kg-toggle-heading-icon svg polygon {
    stroke: #103354 !important;
    fill: none !important;
    stroke-width: 2px !important;
}
.kg-toggle-card-icon,
.kg-toggle-heading-icon {
    color: #103354 !important;
}

/* === RTG override v4: force toggle icon & border navy === */
.kg-toggle-card-icon,
.kg-toggle-heading-icon {
    border: 2px solid #103354 !important;
    color: #103354 !important;         /* sets currentColor for stroke if used */
}

/* any svg element inside icon */
.kg-toggle-card-icon svg *,
.kg-toggle-heading-icon svg * {
    stroke: #103354 !important;
    fill: #103354 !important;          /* covers polyline / polygon that use fill */
    stroke-width: 2px !important;
}

/* === RTG override: header Subscribe text white === */
.gh-head .gh-btn,
.gh-head a.gh-btn,
.gh-head .button,
.gh-head .gh-head-btn {
    color: #ffffff !important;
}
.gh-head .gh-btn:hover,
.gh-head a.gh-btn:hover,
.gh-head .button:hover,
.gh-head .gh-head-btn:hover {
    color: #ffffff !important;
}

/* === RTG override v2: feed separator lines gray === */
/* Top/bottom borders on post cards */
.post-card,
.post-card:not(:last-child),
.post-card:not(:first-child),
.post-card + .post-card {
    border-top: 1px solid #d1d5db !important;
}
/* If theme uses border-bottom */
.post-card {
    border-bottom: none !important;
}
/* Horizontal rule variant */
.gh-feed hr,
.gh-feed .hr,
.post-card-divider,
.post-card-divider hr {
    border-color: #d1d5db !important;
}

/* === RTG override: ensure list separators gray === */
.gh-feed .post-card + .post-card,
.post-card + .post-card,
.gh-feed .post-card:not(:last-child),
.post-card:not(:last-child) {
    border-top: 1px solid #d1d5db !important;
}
/* remove bottom navy border if exists */
.post-card {
    border-bottom: none !important;
}

/* === RTG override: remove post nav arrows & related section === */
/* Hide previous/next nav arrows at bottom of posts */
.post-full-footer,
.post-full-footer a,
.post-full-nav,
.post-navigation,
.post-nextprev,
.gh-post-nav,
.post-title-nav {
    display: none !important;
}

/* Hide "You might also like" related posts block */
.gh-read-next,
.gh-related,
.related-wrapper {
    display: none !important;
}

/* === RTG override: hide standalone nav arrows at post bottom === */
a[rel="prev"],
a[rel="next"],
.post-footer-nav,
.post-full-nav,
.gh-post-nav,
.post-full-footer nav,
.post-nav-link,
.post-nav {
    display: none !important;
}

/* === RTG override: remove leftover post prev/next arrows === */
/* Entire nav wrapper */
.post-navigation,
.gh-post-nav,
.post-full-nav,
.post-full-footer .post-nav,
.post-full-footer nav,
.post-full-footer .post-nav-link,
.post-full-footer .post-nav-item,
.post-full-footer .post-navigation,
.post-full-footer a[rel="prev"],
.post-full-footer a[rel="next"] {
    display: none !important;
}

/* any svg inside footer nav */
.post-full-footer svg, 
.gh-post-nav svg {
    display: none !important;
}

/* === RTG override: footer copyright text orange === */
.site-footer,
.site-footer p,
.site-footer .copyright,
footer .copyright {
    color: #f48e58 !important;
}

/* === RTG tag-buttons style === */
.post-tags-buttons {
    text-align: center;
    margin-top: 2rem;
}
.post-tags-buttons .tag-button {
    display: inline-block;
    margin: 0 0.4rem 0.6rem;
    padding: 0.5rem 1.2rem;
    background: var(--rtg-scheme-color, #f48e58);
    color: #ffffff;
    text-decoration: none;
    border-radius: 9999px;
    font-weight: 600;
    font-size: 0.875rem;
    transition: opacity 0.2s ease;
}
.post-tags-buttons .tag-button:hover {
    opacity: 0.9;
}

/* === RTG tweak: tag-button text force white === */
.post-tags-buttons .tag-button,
.post-tags-buttons .tag-button:visited,
.post-tags-buttons .tag-button:active {
    color: #ffffff !important;
}

/* === RTG tweak: enlarge tag-button text by 20% (~1.05rem) === */
.post-tags-buttons .tag-button {
    font-size: 1.05rem !important; /* 20% larger than 0.875rem */
}

/* === RTG override: hide residual meta line (dot + BLOG) === */
.single-meta { display: none !important; }

/* === RTG style: tag buttons mimic primary CTA === */
.post-tags-buttons .tag-button {
    text-transform: uppercase !important;
    letter-spacing: 0.05em;
    font-size: 1rem !important;          /* matches .btn */
    font-weight: 700 !important;
    padding: 0.7rem 1.6rem !important;   /* similar pill sizing */
    border-radius: 9999px !important;
}

/* === RTG tweak: reduce vertical whitespace around top tag buttons === */
.post-full-title {
    margin-bottom: 2rem !important;      /* shrink gap below title */
}
.post-tags-buttons-top {
    margin-top: 0 !important;            /* remove extra space above buttons */
    margin-bottom: 2rem !important;      /* consistent gap to body copy */
}

/* === RTG tweak v2: tighter spacing below title & tag button === */
.post-full-title {
    margin-bottom: 1rem !important;   /* was 2rem */
}
.post-tags-buttons-top {
    margin-bottom: 1rem !important;   /* was 2rem */
}
/* tighten first paragraph */
.post-content > p:first-child {
    margin-top: 0 !important;
}

/* === RTG tweak v3: halve space between title / tag button / body === */
.post-full-title {
    margin-bottom: 0.5rem !important;  /* very tight */
}
.post-tags-buttons-top {
    margin-top: 0 !important;
    margin-bottom: 0.5rem !important;
}
.post-content > p:first-child {
    margin-top: 0 !important;
}

/* === RTG tweak: keep links inside toggle orange === */
.kg-toggle-card a,
.kg-toggle-card a:visited,
.kg-toggle-card a:active {
    color: #f48e58 !important;
}
.kg-toggle-card a:hover {
    opacity: 0.8;
}

/* === RTG: ensure all body links (including toggles) are orange === */
.post-content a,
.post-content a:visited,
.post-content a:active,
.kg-toggle-card a,
.kg-toggle-card a:visited,
.kg-toggle-card a:active {
    color: #f48e58 !important;
    text-decoration-color: #f48e58 !important;
}
.post-content a:hover,
.kg-toggle-card a:hover {
    opacity: 0.8;
}

/* === RTG override v2: force link text orange everywhere === */
.kg-toggle-card a,
.kg-toggle-card a:link,
.kg-toggle-card a:visited,
.kg-toggle-card a:hover,
.post-content a,
.post-content a:link,
.post-content a:visited,
.post-content a:hover {
    color: #f48e58 !important;
    text-decoration-color: #f48e58 !important;
}

/* === RTG FINAL STRONG override: all post links orange === */
body .post-content a, 
body .post-content a:link,
body .post-content a:visited,
body .kg-toggle-card a,
body .kg-toggle-card a:link,
body .kg-toggle-card a:visited {
    color:#f48e58 !important;
    text-decoration-color:#f48e58!important;
}

/* === RTG FINAL pass: enforce toggle icon navy and toggle link orange === */

/* Toggle icon colours */
.kg-toggle-heading-icon,
.kg-toggle-card-icon {
    border: 2px solid #103354 !important;
    color: #103354 !important;          /* sets currentColor */
}
.kg-toggle-heading-icon svg *,
.kg-toggle-card-icon svg * {
    stroke: #103354 !important;
    fill: none !important;
    stroke-width: 2px !important;
}

/* Links inside toggle and post body */
body .post-content a,
body .kg-toggle-card a,
body .kg-toggle-card a span {
    color: #f48e58 !important;
    text-decoration-color: #f48e58 !important;
}

/* === RTG absolute override: toggle icon navy === */
body .kg-toggle-heading-icon,
body .kg-toggle-card-icon {
    border: 2px solid #103354 !important;
    color: #103354 !important;   /* for currentColor */
}
body .kg-toggle-heading-icon svg *,
body .kg-toggle-card-icon svg *,
body .kg-toggle-heading-icon svg,
body .kg-toggle-card-icon svg {
    stroke: #103354 !important;
    fill: none !important;
    stroke-width: 2px !important;
}


.feed{display:flex;align-items:center;justify-content:space-between;padding:.6rem 0;border-bottom:1px solid #d1d5db}
.feed-title{flex:1;font-size:1.6rem;line-height:1.3;color:#103354;font-weight:800}
.feed-tags-right{display:flex;gap:.4rem}
.tag-pill{font-weight:700;font-size:1rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;font-family:inherit;line-height:1.2;}
.pill-vault{background:#f48e58}
.pill-blog{background:#103354}


/* Double size for feed rows */
.feed-title{flex:1;font-size:1.6rem;line-height:1.3;color:#103354}
.tag-pill{background:#f48e58;color:#fff;padding:.25rem 1rem;border-radius:9999px;font-weight:600;font-size:1rem}
.feed{
    padding:1.2rem 0;
}

/* Ensure pill colours */
.pill-blog{background:#103354 !important;color:#fff !important;}
.pill-vault{background:#f48e58 !important;color:#fff !important;}

.tag-pill.pill-other{background:#f48e58;color:#fff}


/* Tag page heading pill */
.tag-pill{
    display:inline-block;
    font-weight:600;
    text-transform:uppercase;
    font-size:0.875rem;
    padding:0.25rem 1rem;
    border-radius:4px;
    color:#ffffff;
}
.pill-blog{
    background:#00254d; /* navy */
}
.pill-vault{
    background:#ff8c4a; /* orange */
}
.pill-other{
    background:#ff8c4a;
}

/* Hide default hash prefix when we replace tag heading with pill */
.tag-name.no-hash:before {
    content: "" !important;
}

/* Default pill for generic tag pages */
    background-color: #001f3f; /* navy */
    color: #ffffff;
}

/* Default pill style for general tags */




    /* Default pill for general tags (orange like vault) */
    .pill-default {
        background:#f48e58}
.pill-blog{background:#103354}


/* Double size for feed rows */
.feed-title{flex:1;
        color:#ffffff;
    }

/* Align tag pills on loop to right */


/* Ensure tag-pill links are above the full-article permalink overlay */
.feed-tags-right .tag-pill{
    position:relative;
    z-index:15;
    pointer-events:auto;
}
.feed .u-permalink{
    z-index:5; /* keep it but below tag links */
}

.pill-default,
.pill-default:visited,
.pill-default:hover,
.pill-default:active {
    color:#ffffff !important;
}


/* Force bold weight on all tag pills */
.tag-pill,
.tag-pill.pill-blog,
.tag-pill.pill-vault,
.tag-pill.pill-default{
    font-weight:700 !important;
}


.members-subscribe {
    border-radius: 4px !important;
}

/* Fix for Ghost Portal injected button */
.gh-portal-triggerbtn,
.gh-portal-trigger button {
    border-radius: 4px !important;
}

/* Force square corners on the nav Subscribe button */
.gh-head .gh-head-btn {
    border-radius: 4px !important;
    padding: 0.6em 1.2em !important;
    font-weight: bold !important;
}

/* Unify post list dividers to light gray */
.feed {
    border-bottom: 1px solid #e0e0e0 !important;
}

.post-card {
    border-bottom: none !important;
}

/* Force all post dividers to be the same light gray */
.feed,
.post-card,
.post-card-inner {
    border-bottom: 1px solid #e0e0e0 !important;
}

/* Ensure only one light gray border between posts */
.feed,
.post-card,
.post-card-inner {
    border-top: none !important;
    border-bottom: 1px solid #e0e0e0 !important;
}

/* Add light gray top border above first post */
.post-card:first-of-type {
    border-top: 1px solid #e0e0e0 !important;
}

/* Add top border and spacing above the first post */
.post-card:first-of-type {
    border-top: 1px solid #e0e0e0 !important;
    margin-top: 1.5rem;
}

/* Correct selector for first post inside post-feed */
.post-feed > .post-card:first-child {
    border-top: 1px solid #e0e0e0 !important;
}


/* === RTG 2025-07-23 update: unify tag buttons corner radius with other CTAs === */
.post-tags-buttons .tag-button,
.post-tags-buttons-top .tag-button {
    border-radius: 4px !important;      /* square-ish corners to match design */
}

/* Hero tagline bold */
.cover-description { font-weight: 700; }



/* Header CTA layout */
.gh-head-actions .button {
    margin-left: 0.75rem;
}

/* Header nav CTAs */
.gh-head-actions .header-nav-cta{
    margin-left: 0.75rem;
}


/* Override Load More button to light gray */
.gh-loadmore,
button.gh-loadmore,
nav.load-more .button,
nav.load-more .button-secondary {
    background-color: var(--rtg-gray) !important;
    border-color: var(--rtg-gray) !important;
    
}
.gh-loadmore:hover,
button.gh-loadmore:hover,
nav.load-more .button:hover,
nav.load-more .button-secondary:hover {
    opacity: 0.9;
}


/* Override Login buttons to navy */
.members-login,
.header-nav-cta.members-login,
.button-secondary.members-login {
    background-color: #103354 !important;
    border-color: #103354 !important;
    color: #ffffff !important;
}
.members-login:hover {
    opacity: 0.9;
}











/* Remove feed-divider element and rely on top border of first post-card */


.post-feed > .post-card:first-child {
    border-top: 1px solid #d1d5db !important;
}


/* Ensure first post shows same thin separator when feed-divider is hidden */





/* Ensure top separator matches others */
.post-feed .post-card:first-of-type,
.gh-feed .post-card:first-of-type {
    border-top: 1px solid #d1d5db !important;
}


/* === RTG: Consistent thin divider above first post === */
.feed-divider{ display:none !important; }

/* hide extra dividers after first page append */
.feed-divider:not(:first-of-type) {
    display: none !important;
}


/* === RTG FINAL: thin divider via feed-divider bottom border === */
.feed-divider{ display:none !important; }
.feed-divider:not(:first-of-type) {
    display: none !important;
}


/* === Header CTA spacing fix === */
.gh-head-actions {
    gap: 1.6rem; /* match hero .cover-cta button spacing */
}
/* Reset default margin that Ghost adds to buttons */
.gh-head-actions .header-nav-cta {
    margin: 0;
}



/* === Align logo vertically with nav === */
.gh-head-logo {
    position: relative;
    top: -3px; /* small upward nudge */
}


/* === Unified tag button style === */
/* Apply to every tag link produced by Ghost (rel="tag") so buttons look identical
   on the home page, tag index pages, and single post headers */ 
a[rel="tag"] {
    display:inline-block;
    background:#FF8A41; /* accent orange, matches subscribe button */
    color:#ffffff;
    padding:0.5rem 1.25rem;
    border-radius:6px;
    font-size:1rem;
    line-height:1.2;
    text-transform:uppercase;
    letter-spacing:0.05em;
    font-weight:600;
    margin:0 0.5rem 0.5rem 0;
}
a[rel="tag"]:hover,
a[rel="tag"]:focus {
    opacity:0.85;
    text-decoration:none;
}



/* === Unify tag button size across site v2 === */
/* Ensure the tag buttons on single posts (.tag-button) and all generic tag links (a[rel="tag"])
   match the pill size used in feed lists (.tag-pill). */
.post-tags-buttons .tag-button,
.post-tags-buttons-top .tag-button,
a[rel="tag"] {
    font-size: 0.875rem !important;
    padding: 0.25rem 1rem !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1.2 !important;
}


/* === Post tag-button size tweak v3 === */
/* Enlarge tag buttons in single-post headers to match feed pills */
.post-tags-buttons .tag-button,
.post-tags-buttons-top .tag-button {
    font-size: 1rem !important;
    padding: 0.5rem 1.4rem !important;
    border-radius: 9999px !important;
    font-weight: 700 !important;
}


/* === Post tag-button radius tweak v4 === */
/* Make post-header tag buttons square-ish like feed pills (4px radius) */
.post-tags-buttons .tag-button,
.post-tags-buttons-top .tag-button {
    border-radius: 4px !important;
}


/* === Post tag-button padding tweak v5 === */
/* Final unify: match feed/tag pill padding */
.post-tags-buttons .tag-button,
.post-tags-buttons-top .tag-button {
    padding: 0.25rem 1rem !important; /* same as .tag-pill */
    font-size: 1rem !important;       /* match feed pills */
    line-height: 1.3 !important;
}


/* === Global tag-pill unify v6 === */
/* Match tag pills everywhere (feed list, tag pages, post header) */
.tag-pill,
.feed-tags-right .tag-pill,
.post-tags-buttons .tag-button,
.post-tags-buttons-top .tag-button,
a[rel="tag"] {
    font-size: 1rem !important;
    padding: 0.5rem 1.25rem !important;
    border-radius: 4px !important;
    font-weight: 700 !important;
    text-transform: uppercase !important;
    letter-spacing: 0.05em !important;
    line-height: 1.3 !important;
}


/* Reduce Load More button size to match tag pills */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore { font-size: 1rem !important;
    padding: 0.25rem 1rem !important;  font-weight: 700; }


/* Tweak Load More button to match tag badges (slight rounded corners) */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore {  padding: 6px 12px;  font-weight: 700; }


/* Final size tweak for Load More button to match tag pills exactly */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore { font-size: 0.875rem !important; /* slightly smaller */
    padding: 0.25rem 1rem !important; /* same as tag pills */
    
    min-width: 0 !important;
    line-height: 1.25 !important;  font-weight: 700; }


/* Extra shrink for Load More button */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore { font-size: 0.75rem !important;
    padding: 0.25rem 0.75rem !important;  font-weight: 700; }


/* FORCE Load More button to match tag pill height */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore { padding: 0.25rem 1rem !important;   /* same as tag pills */
    font-size: 0.875rem !important;
    line-height: 1 !important;
    height: auto !important;
    min-height: 0 !important;  font-weight: 700; }


/* Blog tag pill styles everywhere */
.tag-pill.pill-blog,
.post-tag-blog,
.post-tag.post-tag-blog {
    background-color: #103354 !important;
    color: #ffffff !important;
    padding: 0.25rem 1rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
}


/* Ensure BLOG tag pills are navy blue across site (high specificity) */
.tag-pill.pill-blog,
a.tag-pill.pill-blog,
a.pill-blog,
span.pill-blog,
a.post-tag-blog,
.post-tag.post-tag-blog,
a.post-tag.post-tag-blog,
.tag-name .pill-blog,
.tag-pill[href*="/blog"],
.post-tag[href*="/blog"] {
    background-color: #103354 !important;
    color: #ffffff !important;
    padding: 0.25rem 1rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
}

/* Blue styling for IDEAS tag pills and post tags */
.tag-pill[href*="/ideas"],
.tag-pill.pill-ideas,
a.tag-pill.pill-ideas,
.post-tag-ideas,
a.post-tag.post-tag-ideas,
.tag-name .pill-ideas {
    background-color: #103354 !important;
    color: #ffffff !important;
    padding: 0.25rem 1rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
}

/* Adjust IDEAS pills to match other tag pill shape (4px radius) */
.tag-pill[href*="/ideas"],
.tag-pill.pill-ideas,
a.tag-pill.pill-ideas,
.post-tag-ideas,
a.post-tag.post-tag-ideas,
.tag-name .pill-ideas {
    background-color: #103354 !important;
    color: #ffffff !important;
    padding: 0.25rem 1rem !important;
    border-radius: 4px !important;    /* square-ish like other tags */
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
}





/* === RTG fix: unify tag pill sizes across site === */
.tag-pill,
.feed-tags-right .tag-pill,
.post-tags-buttons .tag-button {
    padding: 0.35rem 1rem !important;      /* uniform vertical + horizontal padding */
    line-height: 1.2 !important;           /* keep text legible but tall enough */
}


/* === RTG fix: make IDEAS pill navy === */
:root{--rtg-navy:#002E5F;}
.tag-pill.tag-ideas,
.tag-pill[href*="/ideas"],
.tag-button.tag-ideas,
.tag-button[href*="/ideas"]{
    background-color: var(--rtg-navy) !important;
    color:#ffffff !important;
}


/* === RTG fix: make the header pill navy on /ideas === */
body.tag-slug-ideas .tag-pill{
    background-color: var(--rtg-navy) !important;
    color:#ffffff !important;
}


/* === RTG fix: make pill-default navy on ideas tag page === */
body.tag-ideas .tag-pill,
body.tag-ideas .pill-default{
    background-color: var(--rtg-navy) !important;
    color:#ffffff !important;
}


/* === RTG fix: white text on orange button === */
.button-primary,
.button.button-primary,
.cta-button,
.site-cta,
.btn-orange,
.button-orange{
    color:#ffffff !important;
}


/* === RTG fix: force white text on unlock button === */
.single-cta-button {
    color:#ffffff !important;
}


/* === RTG fix: force white text on any orange CTA / Unlock button === */
.btn-orange,
.button-orange,
.single-cta-button,
a.single-cta-button,
.button-primary,
a.button-primary,
.kg-btn,
.kg-btn-accent,
a.kg-btn-accent{
    color:#ffffff !important;
}


/* Override Plyr default orange accent with gray tone for better brand consistency */
:root {
  --plyr-color-main: #6b7280; /* Tailwind's gray-500 */
}

/* Ensure focus/hover states also use the new gray */
.plyr--video .plyr__control.plyr__tab-focus,
.plyr--video .plyr__control:hover,
.plyr--video .plyr__control[aria-expanded='true'] {
  background: #6b7280;
}

/* Slider thumb color for browsers that do not respect custom property */
.plyr--full-ui input[type='range']::-webkit-slider-thumb {
  background: #6b7280;
}
.plyr--full-ui input[type='range']::-moz-range-thumb {
  background: #6b7280;
}

/* START VAULT LOGO */
/* Center + size tweak for Vault emblem */
.cover .vault-logo {
  text-align: center;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.cover .vault-logo img {
  max-width: 240px;   /* slightly smaller */
  width: 55%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
/* END VAULT LOGO */

/* START VAULT ICON HIDE */
/* Only hide the standalone cover icon above the title on the home page */
.home-template .cover-icon { display: none !important; }
/* END VAULT ICON HIDE */

/* Vault logo in hero */
.cover-logo {
    text-align: center;
    margin: 24px 0;
}
.cover-logo-image {
    max-width: 200px;
    height: auto;
}


/* === Updated Vault logo sizing & spacing (2025‑07‑24) === */
.cover-logo-image {
    max-width: 280px;
    height: auto;
}
.cover-logo {
    margin-top: 48px;   /* more space from slogan */
    margin-bottom: 12px;/* tighter to buttons */
}


/* === 2025-07-24 Remove underline on tag hover for consistency === */
.post-list .tag-badge a:hover,
.post-card-tags a:hover,
.tag-badge:hover,
.tag-link:hover {
    text-decoration: none !important;
    border-bottom: none !important;
}


/* === 2025-07-24 Remove underline on tag-pill hover === */
.tag-pill:hover,
.tag-pill:focus,
.pill-blog:hover,
.pill-vault:hover,
.pill-default:hover {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* === 2025-07-25 Free icon styling === */
.free-icon{display:inline-block;margin-left:0.4rem;}
.free-icon svg{width:18px;height:18px;vertical-align:middle;}
/* Hide underline on hover for free icon wrapper */
.free-icon:hover,.free-icon:focus{text-decoration:none;opacity:0.8;}

/* === 2025-07-25 Free icon before title === */
.feed-title .free-icon{margin-right:0.4rem;display:inline-block;}
.feed-title .free-icon svg{width:18px;height:18px;vertical-align:middle;}

/* === RTG scheme: IDEAS vs GAMES === */
.scheme-ideas { --rtg-scheme-color: #103354; } /* dark blue */
.scheme-games { --rtg-scheme-color: #f48e58; } /* orange */

/* Ensure all tag visuals inherit the scheme color */
.scheme-ideas .tag-button,
.scheme-ideas .tag-pill { background: #103354 !important; color: #ffffff !important; }

.scheme-games .tag-button,
.scheme-games .tag-pill { background: #f48e58 !important; color: #ffffff !important; }

/* Vault hero image (added by ChatGPT 2025-08-14) */
.vault-hero{display:flex;justify-content:center;align-items:center;padding:2.25rem 0 1.25rem;box-sizing:border-box;margin-bottom:.5rem}
.vault-hero-img{max-width:min(820px,90%);height:auto;display:block;margin:0 auto}

/* === RTG Tag Bank (home) === */
.rtg-tagbank{margin:.35rem auto; padding:0 0 1.25rem}
.rtg-tagbank .gh-inner{display:grid; gap:1.25rem}
@media (min-width: 960px){ .rtg-tagbank .gh-inner{grid-template-columns: 1fr 1fr} }
.rtg-col{display:flex; flex-direction:column; gap:.75rem}

.rtg-heading{display:inline-block; font-weight:800; letter-spacing:.02em; border-radius:1rem; padding:.5rem .9rem; font-size:1rem; width:max-content}
.rtg-heading-ideas{background:#103354; color:#fff}
.rtg-heading-games{background:#f48e58; color:#fff}

.rtg-card{border:3px solid var(--rtg-border,#103354); border-radius:1.25rem; padding:1rem}
.rtg-card-ideas{--rtg-border:#103354}
.rtg-card-games{--rtg-border:#f48e58}
.rtg-card-tight{padding:1rem}

.rtg-subcard{border:3px solid var(--rtg-border,#f48e58); border-radius:1.25rem; padding:1rem; margin-top:.5rem}

.rtg-pillrow{display:flex; flex-wrap:wrap; gap:.5rem}
.rtg-pill{display:inline-block; padding:.45rem .8rem; border-radius:999px; font-weight:700; text-transform:uppercase; letter-spacing:.03em; font-size:.9rem; text-decoration:none}
.rtg-pill-ideas{background:#103354; color:#fff}
.rtg-pill-games{background:#f48e58; color:#fff}
.rtg-pill:hover{filter:brightness(0.92)}
/* === end Tag Bank === */

/* === RTG Tag Bank tweaks (center pills + white text) === */
.rtg-card, .rtg-subcard { text-align: center; }
.rtg-pillrow { justify-content: center; }
.rtg-pill, .rtg-pill-ideas, .rtg-pill-games { color: #ffffff !important; }
/* Ensure links inside pills stay white on visited/hover */
.rtg-pill:link, .rtg-pill:visited, .rtg-pill:hover, .rtg-pill:active { color: #ffffff !important; }

/* Clickable headings style */
.rtg-heading{ text-decoration: none !important; }
.rtg-heading:link, .rtg-heading:visited, .rtg-heading:hover, .rtg-heading:active { color:#ffffff !important; }
/* Coaching single-line tweak */
.rtg-coaching-row { margin-top: .5rem; }

/* Center section headings over their buckets */
.rtg-heading { margin-left: auto; margin-right: auto; display: inline-block; }

/* Match tag-bank pills to feed tag pill style */
.rtg-pill{
    padding: .25rem 1rem !important;
    border-radius: 9999px !important;
    font-weight: 600 !important;
    font-size: 1rem !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    letter-spacing: .02em !important;
}

/* === Make tag-bank pills exactly match feed pills === */
.rtg-pillrow { gap: .4rem !important; }
.rtg-pill {
    padding: 0.25rem 1rem !important;
    border-radius: 4px !important;
    font-weight: 600 !important;
    font-size: 0.875rem !important;
    text-transform: uppercase !important;
    line-height: 1.2 !important;
    font-family: inherit !important;
    letter-spacing: normal !important;
}

/* Tag-bank pill font-size bump to match feed */
.rtg-pill { font-size: 1rem !important; }

/* No underline on hover for tag-bank links */
.rtg-pill, .rtg-heading { text-decoration: none !important; }
.rtg-pill:hover, .rtg-pill:focus, .rtg-pill:active,
.rtg-heading:hover, .rtg-heading:focus, .rtg-heading:active {
    text-decoration: none !important;
    border-bottom: none !important;
    box-shadow: none !important;
}

/* === Tag bank light-gray pill background === */
.rtg-tagbank { padding-bottom: 1.25rem; }
.rtg-tagbank .rtg-bg {
    background: #dddfe4; /* light gray */
    border-radius: 24px;
    padding: 1.25rem;
}
@media (min-width: 960px){
  .rtg-tagbank .rtg-bg { padding: 1.75rem 2rem; border-radius: 28px; }
}

/* White interior for the Ideas/Games rounded boxes inside the gray background */
.rtg-card, .rtg-subcard { background: #ffffff !important; }

/* === Tag bank title === */
.rtg-banktitle{
  display:inline-block;
  margin: 0 auto 1rem;
  padding: .5rem 1rem;
  border-radius: var(--rtg-chip-radius) !important;
  background: #dddfe4; /* darker than #dddfe4 */
  color: #103354;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .03em;
}
/* Center the title within the gray block */
.rtg-tagbank .rtg-bg{ text-align: center; }

/* Restyle tag bank title: dark gray text, no pill, with underline */
.rtg-banktitle{
  background: transparent !important;
  border-radius: var(--rtg-chip-radius) !important;
  color: #374151 !important; /* dark gray */
  text-decoration: underline !important;
  text-decoration-thickness: 3px !important;
  text-underline-offset: 6px !important;
  font-weight: 800;
  letter-spacing: .02em;
  padding: 0 !important;
  margin: 0 auto 1rem !important;
}

/* Force dark gray for tag bank title and its underline */
.rtg-tagbank .rtg-bg .rtg-banktitle {
  color: #374151 !important;                  /* dark gray */
  -webkit-text-fill-color: #374151 !important;
  text-decoration-color: #374151 !important;
}

/* Make tag bank title more neutral gray (not blue) */
.rtg-tagbank .rtg-bg .rtg-banktitle {
  color: #6b7280 !important;                /* gray-500 */
  -webkit-text-fill-color: #6b7280 !important;
  text-decoration-color: #6b7280 !important;
}

/* === Posts gray pill and title === */
.rtg-postsbg{ margin-top:0;
  background:#dddfe4;
  border-radius:24px;
  padding:1rem 1.25rem;
}
@media (min-width: 960px){
  .rtg-postsbg{ margin-top:0; padding:1.25rem 2rem; border-radius:28px; }
}
.rtg-poststitle{
  text-align:center;
  color:#6b7280; /* neutral gray */
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.02em;
  text-decoration: underline;
  text-decoration-thickness:3px;
  text-underline-offset:6px;
  margin:.25rem 0 1rem;
}
/* small spacing above posts block to separate from tag bank */
.rtg-posts{ margin-top: .25rem !important; }

/* Constrain posts pill to inner width */
.rtg-posts .gh-inner { max-width: 1040px; }
.rtg-postsbg { margin: 0 auto; }
/* Optional: match pill corner/space with tag bank */
.rtg-posts{ margin-top: .25rem !important; }

/* === Global font: Atlasi (site-wide) === */
/* If you have Atlasi font files, we can add @font-face later. For now, use name and fallbacks. */
:root { --rtg-chip-radius: 10px; --rtg-blue: #103354; --rtg-orange: #f48e58; --rtg-gray: #dddfe4; --rtg-gray-strong: #cbd5e1; --rtg-gray-cta: #b3becd; --rtg-font: "Atlasi", Inter, -apple-system, system-ui, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; }

/* Apply to everything important */
html, body, .site, .gh-head, .gh-head-menu, .gh-head-actions, nav, .gh-canvas, .gh-outer, .gh-inner,
h1, h2, h3, h4, h5, h6, p, a, li, button, .button, .btn, .gh-btn, input, select, textarea,
.feed-title, .feed-excerpt, .tag-pill, .rtg-pill, .rtg-heading, .rtg-banktitle, .rtg-poststitle,
.cover-title, .cover-description, .gh-nav a, .gh-search, .members-login, .members-subscribe {
    font-family: var(--rtg-font) !important;
}

/* === Per-post white cards inside THE POSTS block === */
.rtg-postsbg .gh-feed { gap: .5rem; } /* tighten spacing between cards */
.rtg-postsbg .feed {
    background: #ffffff;
    border-radius: 16px;
    padding: 1rem 1.25rem;
    border: 1px solid #dddfe4;
}
/* Remove default bottom borders/lines if any */
.rtg-postsbg .feed + .feed { border-top: 1px solid transparent; }

/* Tighten homepage vertical rhythm: remove large theme padding above posts */
.home-template .site-content { padding-top: .25rem !important; padding-bottom: 0; }

/* === Brand color overrides (locked) === */
:root { --rtg-chip-radius: 10px; --rtg-blue: #103354; --rtg-orange: #f48e58; --rtg-gray: #dddfe4; --rtg-gray-strong: #cbd5e1; --rtg-gray-cta: #b3becd; }

/* NAV & buttons */
.header-nav-cta, .members-subscribe.header-nav-cta { background: var(--rtg-orange) !important; color:#fff !important; border-color: var(--rtg-orange) !important; }
.gh-head a, .gh-nav a { color: var(--rtg-blue) !important; }

/* Tag schemes */
.scheme-ideas .tag-pill, .scheme-ideas .tag-button, .rtg-pill-ideas { background: var(--rtg-blue) !important; color:#fff !important; border-color: var(--rtg-blue) !important; }
.scheme-games .tag-pill, .scheme-games .tag-button, .rtg-pill-games { background: var(--rtg-orange) !important; color:#fff !important; border-color: var(--rtg-orange) !important; }

/* Tag bank card borders + headings */
.rtg-card-ideas { border-color: var(--rtg-blue) !important; }
.rtg-card-games, .rtg-card-games .rtg-inner { border-color: var(--rtg-orange) !important; }
.rtg-heading-ideas { background: var(--rtg-blue) !important; }
.rtg-heading-games { background: var(--rtg-orange) !important; }

/* Post tag badges */
.post-card-tags a[href*="/tag/ideas"], .tag-badge-ideas { background: var(--rtg-blue) !important; color:#fff !important; }
.post-card-tags a[href*="/tag/games"], .tag-badge-games { background: var(--rtg-orange) !important; color:#fff !important; }

/* Links & accents that used brand blue */
a, .post-title a, .site-title, .cover-title { color: var(--rtg-blue); }

/* Keep Load All disabled state the same gray */
.gh-loadmore:disabled,
button.gh-loadmore:disabled,
nav.load-more .button:disabled,
nav.load-more .button-secondary:disabled {
    background-color: var(--rtg-gray) !important;
    border-color: var(--rtg-gray) !important;
    
    opacity: 1 !important;
}

/* === Section title chips: make TAG BANK and POST BANK pop === */
.rtg-poststitle,
.rtg-banktitle{
  display: inline-block !important;
  background: #ffffff !important;
  color: var(--rtg-blue) !important;          /* navy text */
  border: none !important;
  border-radius: var(--rtg-chip-radius) !important;
  padding: .3rem .9rem !important;
  font-weight: 800 !important;
  letter-spacing: .03em !important;
  text-decoration: none !important;            /* remove old underline */
  box-shadow: 0 1px 0 rgba(16,51,84,.08) !important;
}

/* Center within their gray blocks */
.rtg-tagbank .rtg-bg,
.rtg-postsbg { text-align: center; }

/* Maintain left alignment for the content below */
.rtg-postsbg .post-feed { text-align: initial; }

/* Tag bank title: navy chip */
.rtg-banktitle{
  background: var(--rtg-blue) !important;
  color: #ffffff !important;
  border: none !important;
}

/* Load All pill: match site gray exactly */
.gh-loadmore,
button.gh-loadmore,
nav.load-more .button,
nav.load-more .button-secondary {
  background: var(--rtg-gray) !important;
  background-color: var(--rtg-gray) !important;
  border-color: var(--rtg-gray) !important;
  
  opacity: 1 !important;
  filter: none !important;
}

/* Tag bank title: match POST BANK chip (white bg, navy text) */
.rtg-banktitle{
  background: #ffffff !important;
  color: var(--rtg-blue) !important;
  border: none !important;
  box-shadow: 0 1px 0 rgba(16,51,84,.08) !important;
}

/* Load All pill: exact site gray, no gradient */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore { background: var(--rtg-gray) !important;          /* #dddfe4 */
  background-image: none !important;
  border-color: var(--rtg-gray) !important;
                          /* navy text for contrast */
  opacity: 1 !important;
  filter: none !important;
  box-shadow: none !important; padding: 6px 12px;  font-weight: 700; }
nav.load-more .button:hover,
nav.load-more .button-secondary:hover,
.gh-loadmore:hover,
button.gh-loadmore:hover { opacity: 0.95 !important; }

/* Ensure LOAD ALL text is white in all states */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore,
.gh-loadmore:disabled,
button.gh-loadmore:disabled {
  color: #ffffff !important;
}

/* Force Tag Bank chip to navy text */
.rtg-tagbank .rtg-bg .rtg-banktitle {
  color: var(--rtg-blue) !important;
  background: #ffffff !important;
}

/* LOAD ALL: darker gray for stronger contrast */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore,
.gh-loadmore:disabled,
button.gh-loadmore:disabled {
  background: var(--rtg-gray-strong) !important;
  background-color: var(--rtg-gray-strong) !important;
  border-color: var(--rtg-gray-strong) !important;
  color: #ffffff !important;
  opacity: 1 !important;
  box-shadow: none !important;
  filter: none !important;
}

/* Force TAG BANK title to navy text */
.rtg-tagbank .rtg-bg .rtg-banktitle,
.rtg-banktitle.rtg-banktitle {
  color: var(--rtg-blue) !important;
  background: #ffffff !important;
}

/* FINAL: Tag Bank title navy text */
.rtg-tagbank .rtg-bg .rtg-banktitle {
  color: var(--rtg-blue) !important;
  -webkit-text-fill-color: var(--rtg-blue) !important;
  text-decoration-color: var(--rtg-blue) !important;
  background: #ffffff !important;
}

/* FINAL: Load All darker gray */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore,
.gh-loadmore:disabled,
button.gh-loadmore:disabled {
  background: var(--rtg-gray-cta) !important;
  background-color: var(--rtg-gray-cta) !important;
  border-color: var(--rtg-gray-cta) !important;
  color: #ffffff !important;
}

/* Match Load All corner radius to other chips */
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore {  padding: 6px 12px;  font-weight: 700; }

/* Standardize all chip radii */
.rtg-poststitle,
.rtg-banktitle,
.rtg-heading-ideas,
.rtg-heading-games,
nav.load-more .button,
nav.load-more .button-secondary,
.gh-loadmore,
button.gh-loadmore {  padding: 6px 12px;  font-weight: 700; }

/* Temporarily hide login buttons */
.members-login{display:none !important}

/* Hide overflow ellipsis in header */
.nav-more-toggle{display:none !important}

/* Ensure custom Contact Me link matches nav styling */
.gh-nav-link{color:var(--rtg-blue);font-weight:800;padding:0 .5rem}

/* === RTG: Make LOAD ALL match tag chips (more square) === */
.gh-loadmore,
button.gh-loadmore {
  padding: 6px 12px !important;
  border-radius: 12px !important; /* slightly squared, to match tag pills */
  font-weight: 700 !important;
}

/* === RTG: Make LOAD ALL pill match chip shape (squarer corners) === */
nav.load-more .button.button-secondary.gh-loadmore,
.button.button-secondary.gh-loadmore,
.gh-loadmore {
  border-radius: 6px !important;
  padding: 6px 12px !important;
  font-weight: 700 !important;
}

/* === RTG: Tighten LOAD ALL so it matches tag chips === */
nav.load-more .button.button-secondary.gh-loadmore,
.button.button-secondary.gh-loadmore,
.gh-loadmore {
  border-radius: 6px !important;
  padding: 4px 10px !important;   /* tighter like the tag chips */
  height: 28px !important;        /* shrink from default 36px */
  font-size: 0.875rem !important; /* same size as tags */
  display: inline-flex !important;
  align-items: center !important;
  line-height: 1.1 !important;
}


/* === RTG: Final override for LOAD ALL shape (squarer corners) === */
nav.load-more .button.button-secondary.gh-loadmore,
.button.button-secondary.gh-loadmore,
nav.load-more .gh-loadmore,
.gh-loadmore {
  border-radius: 4px !important;     /* less rounded to match chips */
  padding: 2px 10px !important;      /* slim */
  height: auto !important;
  line-height: 1.2 !important;
  font-size: 0.875rem !important;
  font-weight: 800 !important;
  letter-spacing: 0 !important;
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* === RTG: Mobile portrait — show only the first tag per post in the feed === */
@media (max-width: 640px) and (orientation: portrait) {
  /* Limit to feed/post list so tag bank up top is unaffected */
  .feed .post-tags-buttons > *:not(:first-child),
  .feed .post-card-tags > a:not(:first-child),
  .feed .post-tags > .tag-pill:not(:first-child),
  .feed .post-tags-buttons .tag-button:not(:first-child) {
    display: none !important;
  }
}

/* === RTG: Mobile portrait — show only the first tag chip next to each post === */
@media (max-width: 640px) and (orientation: portrait) {
  .feed .feed-tags-right .tag-pill:not(:first-child) { display: none !important; }
}

/* === RTG: Uppercase titles on static pages only (not posts) === */
.single.page .single-title,
.page-template .single-title {
  text-transform: uppercase !important;
}

/* === RTG: Show a thin divider line above first post on tag pages === */
.tag-template .feed-divider { 
  display: block !important;
  border-bottom: 1px solid var(--light-gray-color) !important;
  max-width: 720px;
  margin: 0 auto;
}

/* === RTG: Tag pages — show a thin divider line above the first post === */
.tag-template .post-feed .feed-divider {
  display: block !important;
  border-bottom: 1px solid var(--light-gray-color) !important;
  max-width: 720px;
  margin: 0 auto;
  height: 0; /* ensure no extra spacing */
}

/* === RTG: Reliable top divider on tag pages (using ::before) === */
.tag-template .post-feed::before {
  content: "";
  display: block;
  border-top: 1px solid var(--light-gray-color);
  max-width: 720px;
  margin: 0 auto;
}

/* === RTG: Guaranteed top divider on tag pages via background image === */
.tag-template .post-feed {
  background-image: linear-gradient(var(--light-gray-color), var(--light-gray-color));
  background-repeat: no-repeat;
  background-size: 720px 1px;
  background-position: top center;
}

/* === RTG: Tag page top divider — light + centered spacing === */
.tag-template .post-feed {
  background-image: none !important; /* don't double up with background line */
}

.tag-template .feed-divider {
  display: block !important;
  border-bottom: 1px solid var(--light-gray-color) !important; /* same light tone */
  max-width: 720px;
  margin: 2rem auto 2rem !important; /* equal space above & below the line */
  height: 0; /* no extra height */
}

/* === RTG: Tag pages — exact top divider matching inner lines === */
.tag-template .post-feed { background-image: none !important; }  /* ensure no bg hack */

.tag-template .feed-divider {
  display: block !important;
  border: 0 !important;                     /* reset any previous bottom border */
  border-top: 1px solid var(--light-gray-color) !important;  /* same light tone as others */
  max-width: 720px !important;
  margin: 0 auto !important;                /* no extra vertical spacing */
  height: 0 !important;                     /* prevent layout shift */
}

/* === RTG: Tag pages — draw line above the FIRST post (inside the first .feed) === */
.tag-template .post-feed .feed:first-of-type::before {
  content: "";
  display: block;
  border-top: 1px solid var(--light-gray-color);
  max-width: 720px;
  margin: 0 auto;
}

/* RTG: ensure feed-line style matches separators */
.feed-line {
  border-top: 1px solid var(--light-gray-color);
  max-width: 720px;
  margin: 0 auto;
}

/* === RTG: Welcome page — make UNLOCK THE VAULT buttons match tag chips === */
.page-template .single-cta-button,
.page-template .button-primary,
.page-template a.button-primary {
  border-radius: 8px !important;     /* same curve as chips */
  padding: 12px 18px !important;     /* balanced padding */
  font-weight: 800 !important;       /* bold like chips */
  letter-spacing: 0 !important;      /* tighter like chips */
  text-transform: uppercase !important;
  box-shadow: none !important;
}

/* === RTG: Use Alatsi for tag page titles === */
.tag-template .tag-name {
  font-family: 'Alatsi', -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif !important;
}



/* Ensure only the native list marker shows inside toggle content */
.kg-toggle-card .kg-toggle-content li::before,
.gh-content .kg-toggle-card .kg-toggle-content li::before {
    content: none !important;
    display: none !important;
}
.kg-toggle-card .kg-toggle-content ul,
.kg-toggle-card .kg-toggle-content ol,
.gh-content .kg-toggle-card .kg-toggle-content ul,
.gh-content .kg-toggle-card .kg-toggle-content ol {
    list-style: revert !important;
    padding-left: 1.25rem !important;
    margin-left: 0 !important;
}
/* Optional: nicer nested markers */
.kg-toggle-card .kg-toggle-content ul ul { list-style: circle !important; }
.kg-toggle-card .kg-toggle-content ul ul ul { list-style: square !important; }


/* === RTG hotfix v2: proper bullets inside Toggle cards === */
/* Ensure top-level list items keep their bullets */
.kg-toggle-card .kg-toggle-content ul > li,
.kg-toggle-card .kg-toggle-content ol > li,
.gh-content .kg-toggle-card .kg-toggle-content ul > li,
.gh-content .kg-toggle-card .kg-toggle-content ol > li {
    list-style-type: disc !important;
}

/* Remove duplicate dark bullet for nested lists (only keep the sub marker) */
.kg-toggle-card .kg-toggle-content ul ul > li,
.kg-toggle-card .kg-toggle-content ol ol > li,
.gh-content .kg-toggle-card .kg-toggle-content ul ul > li,
.gh-content .kg-toggle-card .kg-toggle-content ol ol > li {
    list-style-type: circle !important;
}

.kg-toggle-card .kg-toggle-content ul ul ul > li,
.kg-toggle-card .kg-toggle-content ol ol ol > li {
    list-style-type: square !important;
}

/* Kill any pseudo-element bullets that might double up */
.kg-toggle-card .kg-toggle-content li::before,
.gh-content .kg-toggle-card .kg-toggle-content li::before {
    content: none !important;
    display: none !important;
}


/* === RTG hotfix 2: hide parent bullet when LI contains only a nested list === */
.kg-toggle-card .kg-toggle-content li:has(> ul:only-child),
.kg-toggle-card .kg-toggle-content li:has(> ol:only-child),
.gh-content .kg-toggle-card .kg-toggle-content li:has(> ul:only-child),
.gh-content .kg-toggle-card .kg-toggle-content li:has(> ol:only-child) {
    list-style: none !important;
    padding-left: 0 !important;
    margin-left: 0 !important;
}