/* Remnant Earth: Place / Event / Story layouts. Uses Verba's colour tokens so dark mode follows. */
.re-chips{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}
.re-chip a{display:inline-block;padding:2px 10px;border-radius:var(--jkd-br-full,999px);background:var(--jkd-accent);color:var(--jkd-on-accent);font-size:var(--jkd-xs-fz,.75rem);text-decoration:none;font-weight:600}
.re-subtitle{margin:8px 0 0;color:var(--jkd-txt-col);opacity:.8;font-size:1.05rem}
.re-muted{opacity:.7}

.re-record{margin:0 0 28px;padding:0;overflow:hidden;border:1px solid var(--jkd-border);border-left:4px solid var(--jkd-accent);border-radius:var(--jkd-br-md,8px);background:var(--jkd-bg-col-sec);font-size:var(--jkd-sm-fz,.875rem);line-height:1.4}
.re-record .re-record__main{padding:18px 22px 20px;min-width:0}
.re-record .re-record__title{margin:0 0 14px!important;padding:0!important;border:0!important;font-size:1.15rem!important;line-height:1.2!important;letter-spacing:.06em;text-transform:uppercase;color:var(--jkd-heading)}
.re-record__grid{display:grid;grid-template-columns:1fr;margin:0!important}
.re-record--has-map .re-record__grid{grid-template-columns:1fr 1fr}
.re-record .re-record__list{margin:0!important;padding:0!important;border:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:14px 16px}
.re-record--has-map .re-record__list{grid-template-columns:1fr}
.re-record .re-record__row{display:flex;flex-direction:column;gap:3px;min-width:0;margin:0!important;padding:0!important;border:0!important}
.re-record dt,.re-record dd{margin:0!important;padding:0!important;border:0!important}
.re-record dt{font-size:.8rem!important;line-height:1.2!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.65;color:var(--jkd-heading)}
.re-record dd{font-size:1rem!important;line-height:1.4!important;overflow-wrap:anywhere}
.re-record dd,.re-record dd a{color:var(--jkd-heading)}
[data-color-scheme="dark"] .re-record dd,[data-color-scheme="dark"] .re-record dd a{color:#fff}
/* Map fills its column edge to edge: no padding, margin, border or radius. */
.re-record .re-sub{display:block;margin-top:2px;font-size:1rem;font-weight:400;line-height:1.35;opacity:.7}
.re-record .re-record__more{display:flex;flex-direction:column;gap:16px;padding:16px 22px 18px;border-top:1px solid var(--jkd-border)}
.re-record .re-record__more h3,.re-record .re-record__people summary{margin:0!important;padding:0!important;font-size:.68rem!important;line-height:1.2!important;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--jkd-heading)}
.re-record .re-record__more h3{opacity:.65;margin-bottom:6px!important}
.re-record .re-record__outcome p{margin:0!important;font-size:.95rem;line-height:1.5;color:var(--jkd-heading)}
[data-color-scheme="dark"] .re-record .re-record__outcome p,[data-color-scheme="dark"] .re-record .re-record__people strong{color:#fff}
.re-record .re-record__people summary{cursor:pointer;color:var(--jkd-accent)!important;opacity:1}
.re-record .re-record__people summary:hover{color:var(--jkd-accent);opacity:1}
.re-record .re-record__people ul{list-style:none!important;margin:12px 0 0!important;padding:0!important;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:10px 22px}
.re-record .re-record__people li{display:flex;flex-direction:column;gap:1px;margin:0!important;padding:0!important;list-style:none!important;line-height:1.3}
.re-record .re-record__people li::marker{content:none!important}
.re-record .re-record__people li::before{content:none!important;display:none!important}
.re-record .re-record__people strong{font-size:.92rem;color:var(--jkd-heading)}
.re-record .re-record__people li span{font-size:.8rem;opacity:.7}
.re-record .re-record__map{position:relative;margin:0!important;padding:0!important;min-height:280px;align-self:stretch}
.re-record .re-record__map .re-map{position:absolute;inset:0;height:auto;margin:0;border:0;border-radius:0}
@media(max-width:720px){.re-record--has-map .re-record__grid{grid-template-columns:1fr}.re-record--has-map .re-record__list{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}}

.re-after{display:flex;flex-direction:column;gap:40px;margin-top:40px}
.re-block__title{margin:0 0 14px;font-size:1.35rem}

.re-facts{padding:20px 24px;border-radius:var(--jkd-br-md,8px);background:var(--jkd-bg-col-sec);border:1px solid var(--jkd-border);border-left:4px solid var(--jkd-accent)}
.re-facts__list{margin:0;padding-left:1.2em;display:flex;flex-direction:column;gap:8px}

.re-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.re-card{margin:0}
.re-after .re-cards,.re-after .re-cards>li{list-style:none!important;padding-left:0!important}
.re-after .re-cards>li{margin:0!important}
.re-after .re-cards>li::marker{content:none!important}
.re-after .re-cards>li::before{content:none!important;display:none!important}
.re-card__link{display:flex;flex-direction:column;height:100%;border:1px solid var(--jkd-border);border-radius:var(--jkd-br-md,8px);overflow:hidden;text-decoration:none;color:inherit;background:var(--jkd-bg-col);transition:border-color .2s}
.re-card__link:hover{border-color:var(--jkd-accent)}
.re-card__img img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}
.re-card__body{display:flex;flex-direction:column;gap:4px;padding:12px 14px}
.re-card__title{font-weight:600;color:var(--jkd-heading);line-height:1.3}
.re-card__meta{font-size:var(--jkd-sm-fz,.875rem);opacity:.75}

.re-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.re-gallery figure{margin:0}
.re-gallery img{display:block;width:100%;height:auto;border-radius:var(--jkd-br-md,8px)}
.re-gallery figcaption{margin-top:4px;font-size:var(--jkd-sm-fz,.875rem);opacity:.75}

.re-map{height:360px;border-radius:var(--jkd-br-md,8px);border:1px solid var(--jkd-border);z-index:0}
.re-safety{padding:14px 18px;border-radius:var(--jkd-br-md,8px);border:1px solid var(--jkd-border);border-left:4px solid #c0392b;background:var(--jkd-bg-col-sec);font-size:var(--jkd-sm-fz,.9rem)}


/* [re_listing] homepage grids */
.re-listing{margin-block:var(--jkd-section-gap,40px)}
.re-listing .jkd-section__heading{margin:0 0 20px}
.re-listing__more{margin:16px 0 0}

/* Featured / overlay / overlap header images span the whole boxed width,
   not just the 760px reading column plus its 30px offset. */
.jkd-psingle__header-above>.jkd-psingle__row-inner:has(>.jkd-single__header--overlay,>.jkd-single__header--featured,>.jkd-single__header--overlap){max-width:none;margin-inline:0}

/* Header logo size. The theme sets --jkd-nav-logo-width (130px) on :root; this
   overrides it on the navigation. Change the numbers to taste. */
#site-navigation{--jkd-nav-logo-width:290px}
@media(max-width:640px){#site-navigation{--jkd-nav-logo-width:170px}}

/* TL;DR and table of contents side by side (see assets/js/intro.js). */
.re-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:stretch;margin:0!important}
/* Space between the contents/TL;DR block and the Quick facts box. Raise the number for more room. */
.jkd-single__body{row-gap:20px!important}
.re-intro>*{margin:0!important;min-width:0;box-sizing:border-box}
.re-intro .jkd-single__tldr{display:flex}
.re-intro .jkd-single__tldr-card{width:100%}
.re-intro .jkd-single__toc{padding:16px 18px;border:1px solid var(--jkd-border);border-radius:var(--jkd-br-md,8px);background:var(--jkd-bg-col-sec)}
.re-intro .jkd-single__toc-list{margin:0}
/* Sub-headings now show at every width. */
@media(max-width:720px){.re-intro{grid-template-columns:1fr}}
/* A table of contents on its own: two columns on wide screens so it takes less height. */
@media(min-width:721px){.jkd-single__body>.jkd-single__toc .jkd-single__toc-list{columns:2;column-gap:28px}.jkd-single__body>.jkd-single__toc .jkd-single__toc-item{break-inside:avoid}}

/* TL;DR on phones: collapsed until the heading is tapped (see assets/js/intro.js). */
@media(max-width:720px){
.jkd-single__tldr-title[role="button"]{display:flex;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.jkd-single__tldr-title[role="button"]::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.jkd-single__tldr.re-tldr--open .jkd-single__tldr-title[role="button"]::after{transform:rotate(-135deg);margin-top:4px}
.jkd-single__tldr:not(.re-tldr--open) .jkd-single__tldr-body{display:none}
.jkd-single__tldr-title[role="button"]:focus-visible{outline:2px solid var(--jkd-accent);outline-offset:4px;border-radius:4px}
}

@media(max-width:720px){
.re-record__title[role="button"]{display:flex!important;align-items:center;justify-content:space-between;gap:12px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.re-record__title[role="button"]::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.re-record.re-record--open .re-record__title[role="button"]::after{transform:rotate(-135deg);margin-top:4px}
.re-record:has(.re-record__title[role="button"]):not(.re-record--open) .re-record__list,
.re-record:has(.re-record__title[role="button"]):not(.re-record--open) .re-record__map,
.re-record:has(.re-record__title[role="button"]):not(.re-record--open) .re-record__more{display:none}
.re-record:has(.re-record__title[role="button"]):not(.re-record--open) .re-record__main{padding:14px 22px}
.re-record:has(.re-record__title[role="button"]):not(.re-record--open) .re-record__title{margin:0!important}
.re-record__title[role="button"]:focus-visible{outline:2px solid var(--jkd-accent);outline-offset:4px;border-radius:4px}
}

/* TL;DR box matches the contents box: same border, radius, background and padding. */
.re-intro .jkd-single__tldr,.re-intro .jkd-single__tldr-card{box-sizing:border-box}
.re-intro .jkd-single__tldr{border:0!important;background:none!important;box-shadow:none!important;padding:0!important}
.re-intro .jkd-single__tldr-card{border:1px solid var(--jkd-border)!important;border-radius:var(--jkd-br-md,8px)!important;background:var(--jkd-bg-col-sec)!important;box-shadow:none!important;padding:16px 18px!important}
.re-intro .jkd-single__tldr-card::before,.re-intro .jkd-single__tldr-card::after{display:none!important}
/* Phones: green left edge, like Quick facts. */
@media(max-width:720px){
.re-intro .jkd-single__tldr-card{border-left:4px solid var(--jkd-accent)!important}
}

/* Contents links: the theme's background-gradient underline breaks when a title wraps to two lines.
   A real text underline follows every line. */
.jkd-single__toc-link{background-image:none!important;text-decoration:underline!important;text-decoration-thickness:1px!important;text-underline-offset:5px;text-decoration-color:rgba(255,255,255,.34)!important}
.jkd-single__toc-link:hover,.jkd-single__toc-link:focus-visible{text-decoration-color:#fff!important}

/* TL;DR heading spans the box so its arrow sits on the right, like Quick facts. */
@media(max-width:720px){.jkd-single__tldr-title[role="button"]{flex:1 1 auto;width:100%}}

/* Share buttons under the post title wrap instead of running off the right edge on narrow phones. */
.jkd-single__share{min-width:0;max-width:100%;flex-wrap:wrap}
.jkd-single__share-list{flex-wrap:wrap;min-width:0;max-width:100%}

/* Back-to-top button: the theme hides it on screens 768px and under; show it on phones too (slightly larger for touch). */
@media(max-width:768px){#top-btn{display:inline-flex!important;width:40px;height:40px;inset-inline-end:14px;inset-block-end:14px}}

/* Back-to-top button appears only once the reader is past the Quick facts / Event record box (see assets/js/intro.js). */
#top-btn.re-top-wait{opacity:0!important;pointer-events:none!important}
#top-btn.re-top-show{opacity:1!important;transform:translateY(0) scale(1)!important;pointer-events:auto!important}

/* Featured image: square top corners (bottom corners keep the theme radius). */
.jkd-single__header-media,.jkd-single__header-media .jkd-picture,.jkd-single__header-media img{border-top-left-radius:0!important;border-top-right-radius:0!important}

/* Back-to-top button on desktop: larger button and arrow. */
@media(min-width:769px){#top-btn{width:48px;height:48px}#top-btn .ti,#top-btn .top-btn__arrow{font-size:20px}}

/* Header likes counter is clickable and copies the like button's look: filled heart, pop and ring (see assets/js/intro.js). */
.re-like-link{--jkd-like-tint:var(--jkd-like-col,#f0435c);cursor:pointer;-webkit-tap-highlight-color:transparent}
.re-like-link.re-liked{opacity:1}
.re-like-link .jkd-post-card__meta-icon{position:relative;line-height:1;transition:color var(--jkd-transition-duration,.2s) var(--jkd-transition-easing,ease),transform var(--jkd-transition-duration,.2s) var(--jkd-transition-easing,ease)}
.re-like-link:hover .jkd-post-card__meta-icon,.re-like-link:focus-visible .jkd-post-card__meta-icon{color:var(--jkd-like-tint);transform:scale(1.12)}
.re-like-link.re-liked .jkd-post-card__meta-icon{color:var(--jkd-like-tint)}
.re-like-link.re-liked .jkd-post-card__meta-icon::before{content:"";display:block;width:1em;height:1em;background-color:currentcolor;-webkit-mask:url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z\'/></svg>") center center / contain no-repeat;mask:url("data:image/svg+xml,<svg xmlns=\'http://www.w3.org/2000/svg\' viewBox=\'0 0 24 24\'><path d=\'M6.979 3.074a6 6 0 0 1 4.988 1.425l.037 .033l.034 -.03a6 6 0 0 1 4.733 -1.44l.246 .036a6 6 0 0 1 3.364 10.008l-.18 .185l-.048 .041l-7.45 7.379a1 1 0 0 1 -1.313 .082l-.094 -.082l-7.493 -7.422a6 6 0 0 1 3.176 -10.215z\'/></svg>") center center / contain no-repeat}
.re-like--burst .jkd-post-card__meta-icon{animation:jkd-like-pop .46s var(--jkd-transition-easing,ease)}
.re-like--burst .jkd-post-card__meta-icon::after{content:"";position:absolute;inset:50% auto auto 50%;width:1em;height:1em;margin:-.5em 0 0 -.5em;border:2px solid var(--jkd-like-tint);border-radius:999px;pointer-events:none;animation:jkd-like-ring .56s var(--jkd-transition-easing,ease) forwards}
@media(prefers-reduced-motion:reduce){.re-like--burst .jkd-post-card__meta-icon,.re-like--burst .jkd-post-card__meta-icon::after{animation:none}}
.re-like-link:focus-visible{outline:2px solid var(--jkd-accent);outline-offset:3px;border-radius:4px}

/* Header (Advanced mode): type chips and subtitle are added by assets/js/intro.js, sitting beside the category pill. */
.jkd-post-card__category.re-has-chips{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.jkd-single__header-copy .re-chip a{display:inline-flex;align-items:center;padding:2px 10px;border:1px solid var(--jkd-accent);border-radius:var(--jkd-br-full,999px);background:transparent;color:var(--jkd-accent);font-size:.8125rem;line-height:1.5;font-weight:500;text-decoration:none;transition:background-color .2s,color .2s}
.jkd-single__header-copy .re-chip a:hover,.jkd-single__header-copy .re-chip a:focus-visible{background:var(--jkd-accent);color:var(--jkd-on-accent)}
.jkd-single__header-copy .re-subtitle{margin:4px 0 0;font-size:1rem;line-height:1.4;color:color-mix(in srgb,var(--jkd-txt-col) 80%,transparent)}

/* Phones with a native share sheet (the theme adds .jkd-can-share to <html>): read time, likes and Share sit in three equal columns,
   with a divider line above the row and between the columns. The row of network icons is hidden because the share sheet already lists every network and copy-link. */
@media(max-width:720px){
html.jkd-can-share .jkd-single__share-list{display:none}
html.jkd-can-share .jkd-single__meta-zone{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:0;border-top:1px solid var(--jkd-border);padding-top:14px;margin-top:6px}
html.jkd-can-share .jkd-single__meta-zone .jkd-post-card__meta{display:contents}
html.jkd-can-share .jkd-single__meta-zone .jkd-post-card__meta-separator{display:none}
html.jkd-can-share .jkd-single__meta-zone .jkd-post-card__meta-item{justify-content:center;align-items:center;white-space:nowrap;font-size:.8125rem;gap:3px;min-height:30px}
html.jkd-can-share .jkd-single__meta-zone .jkd-post-card__meta-likes,html.jkd-can-share .jkd-single__share{border-left:1px solid var(--jkd-border)}
html.jkd-can-share .jkd-single__share{justify-content:center;align-items:center}
html.jkd-can-share .jkd-single__share-button--native{width:auto;max-width:100%;padding-inline:8px}
}
/* Very narrow phones: drop the clock icon so "13 min read" still fits its column. */
@media(max-width:340px){html.jkd-can-share .jkd-post-card__meta-reading-time .jkd-post-card__meta-icon{display:none}}

/* WordPress [gallery] on phones: one full-width image at a time instead of a row of thumbnails. */
@media(max-width:720px){
.entry-content .gallery,.gallery{grid-template-columns:minmax(0,1fr)!important;gap:18px!important}
.gallery .gallery-item{width:100%!important;max-width:100%!important;margin:0!important}
.gallery .gallery-item img{width:100%;height:auto;display:block}
}

/* Simple Lightbox is desktop-only: on phones and tablets the images are plain pictures, not tappable links. */
@media(max-width:720px),(pointer:coarse){
a[data-slb-active]{pointer-events:none;cursor:default;-webkit-tap-highlight-color:transparent}
}

/* Light mode: the mint accent is too pale to read as text on light backgrounds, so use a deeper green for chips and "Key people". */
[data-color-scheme="light"] .jkd-single__header-copy .re-chip a{color:#0b6b45;border-color:#0b6b45}
[data-color-scheme="light"] .jkd-single__header-copy .re-chip a:hover,[data-color-scheme="light"] .jkd-single__header-copy .re-chip a:focus-visible{background:var(--jkd-accent);border-color:var(--jkd-accent);color:var(--jkd-on-accent)}
[data-color-scheme="light"] .re-record .re-record__people summary{color:#0b6b45!important}

/* Key points: styled like the Quick facts box (green left border), minimised on every device until the heading is clicked (see assets/js/intro.js). */
.jkd-single__key-points{padding:16px 22px;border:1px solid var(--jkd-border);border-left:4px solid var(--jkd-accent);border-radius:var(--jkd-br-md,8px);background:var(--jkd-bg-col-sec);margin:0}
.jkd-single__key-points-title[role="button"]{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;cursor:pointer;-webkit-tap-highlight-color:transparent}
.jkd-single__key-points-title[role="button"]::after{content:"";flex:none;width:8px;height:8px;margin-right:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);transition:transform .2s}
.jkd-single__key-points.re-kp--open .jkd-single__key-points-title[role="button"]::after{transform:rotate(-135deg);margin-top:4px}
.jkd-single__key-points:has(.jkd-single__key-points-title[role="button"]):not(.re-kp--open) .jkd-single__key-points-list{display:none}
.jkd-single__key-points-title[role="button"]:focus-visible{outline:2px solid var(--jkd-accent);outline-offset:4px;border-radius:4px}

/* Collapsed TL;DR, Key points and Quick facts / Event record boxes share one height (56px) and one heading style so they line up. */
.jkd-single__key-points-title{font-size:1.15rem!important;line-height:1.2!important;letter-spacing:.06em;text-transform:uppercase;margin:0!important;padding:0!important}
@media(max-width:720px){
.jkd-single__tldr-title[role="button"],.re-record__title[role="button"]{font-size:1.15rem!important;line-height:1.2!important;letter-spacing:.06em;text-transform:uppercase;margin:0!important;padding:0!important}
.re-intro .jkd-single__tldr-card{padding:16px 22px!important}
.re-record:has(.re-record__title[role="button"]):not(.re-record--open) .re-record__main{padding:16px 22px!important}
}

/* The like button at the end of the post is hidden (not removed): the likes counter in the header presses it, see assets/js/intro.js. */
.jkd-single__footer-like{display:none!important}
.jkd-single__footer-actions:not(:has(> :not(.jkd-single__footer-like))){display:none}

/* Section headings such as "Events / Operations Here": the slash is accent green. */
.re-block__title .re-slash,.section-title-heading .re-slash{color:var(--jkd-accent)}

/* Tighter spacing around article h2 headings (was about 44px above / 37px below). */
.entry-content h2{margin-top:.8em!important;margin-bottom:.4em!important}

/* Key points sit directly under the Quick facts / Event record box. */
.entry-content > .re-record:has(+ .jkd-single__key-points){margin-bottom:20px}
.entry-content > .jkd-single__key-points{margin:0 0 20px}

/* Previous / next post cards: no author or date. */
.jkd-single__nav .jkd-post-card__meta{display:none!important}

/* Key points title is a <p> and now lives inside .entry-content, whose paragraph colour was greying it. Match TL;DR / Quick facts. */
.entry-content .jkd-single__key-points-title{color:var(--jkd-heading)!important}

/* Image sources: a slim black strip with white text at the bottom of each image, under the picture rather than over it. */
.entry-content .gallery-caption,.entry-content .wp-caption-text,.entry-content .wp-block-image figcaption{display:block;margin:0!important;padding:6px 12px!important;background:#000;color:#fff!important;font-size:.75rem!important;line-height:1.3!important;letter-spacing:.02em;text-align:left;opacity:1}
.entry-content .gallery-item{overflow:hidden;border-radius:var(--jkd-br-md,8px)}
.entry-content .gallery-item .gallery-icon img{display:block}
.entry-content figure.re-figure{margin:0 0 20px;overflow:hidden;border-radius:var(--jkd-br-md,8px)}
.entry-content figure.re-figure img{display:block;width:100%;height:auto}

/* Gallery thumbnails share one ratio per gallery: that of its largest image (set by intro.js), 3:2 until then. The links still point at the full files, so the lightbox shows each image in full. */
.entry-content .gallery .gallery-icon img{aspect-ratio:var(--re-gallery-ratio,3/2);width:100%;height:auto;object-fit:cover;object-position:center}

/* Featured image source: a link-icon circle at the top right; the source shows on hover, focus or tap. */
.jkd-single__media--featured{position:relative}
.re-credit{position:absolute;top:12px;right:12px;z-index:3;display:flex;flex-direction:row-reverse;align-items:center;gap:8px;max-width:calc(100% - 24px)}
.re-credit__btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;padding:0;border:0;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;font-size:17px;line-height:1;cursor:pointer;box-shadow:0 0 0 1px rgba(255,255,255,.18);transition:background .15s,color .15s,box-shadow .15s}
.re-credit__btn:hover,.re-credit__btn:focus-visible,.re-credit--open .re-credit__btn{background:#000;color:var(--jkd-accent);box-shadow:0 0 0 1px var(--jkd-accent)}
.re-credit__btn:focus-visible{outline:2px solid var(--jkd-accent);outline-offset:2px}
.re-credit__text{display:block;min-width:0;padding:6px 12px;border-radius:999px;background:#000;color:#fff;font-size:.75rem;line-height:1.3;letter-spacing:.02em;opacity:0;visibility:hidden;transform:translateX(6px);transition:opacity .15s,transform .15s,visibility .15s;pointer-events:none}
.re-credit:hover .re-credit__text,.re-credit:focus-within .re-credit__text,.re-credit--open .re-credit__text{opacity:1;visibility:visible;transform:none}
@media(prefers-reduced-motion:reduce){.re-credit__btn,.re-credit__text{transition:none}}

/* Embedded videos keep a 16:9 shape at any width (the embed carries a fixed height attribute that stretched them on phones). */
.entry-content iframe[src*="youtube"],.entry-content iframe[src*="youtu.be"],.entry-content iframe[src*="vimeo"]{display:block;width:100%;max-width:100%;height:auto!important;aspect-ratio:16/9;border:0;border-radius:var(--jkd-br-md,8px)}

/* Mobile: space between the open Quick facts / Event record title and its first row */
@media(max-width:720px){.re-record.re-record--open .re-record__title[role="button"]{margin:0 0 16px!important}}

/* Key points and Did you know: remove the default list indent so content lines up with the box title */
.entry-content .jkd-single__key-points-list{padding-left:0!important;margin-left:0!important}
.entry-content .re-facts__list{padding-left:1em!important;margin-left:0!important}

/* Mobile: keep the Quick facts / Event record title still when the box opens (open padding-top matches closed) */
@media(max-width:720px){.re-record.re-record--open .re-record__main{padding-top:16px!important}}
/* Theme gives list items a .6em bottom margin; none wanted. */
.entry-content ul li,.entry-content ol li{margin-bottom:0}

/* Sensitive image gate: add the class "re-sensitive" to an image (or its figure). It stays blurred until the visitor clicks to view it. */
.re-sensitive img,img.re-sensitive{filter:blur(32px) brightness(.75);transform:scale(1.1)}
.re-gate{position:relative;display:inline-block;max-width:100%;vertical-align:top;overflow:hidden;border-radius:var(--jkd-br-md,8px);line-height:0}
.re-gate img{display:block;max-width:100%;height:auto}
.re-gate--open img{filter:none!important;transform:none!important}
.re-gate__btn{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;width:100%;margin:0;padding:16px;border:0;border-radius:inherit;background:rgba(10,12,14,.55);color:#fff;font:inherit;line-height:1.3;text-align:center;cursor:pointer}
.re-gate__icon{width:34px;height:34px;opacity:.9}
.re-gate__title{font-size:1rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase}
.re-gate__sub{padding:5px 14px;border:1px solid var(--jkd-accent,#6ab04c);border-radius:var(--jkd-br-full,999px);font-size:.85rem;font-weight:600;transition:background .15s}
.re-gate__btn:hover .re-gate__sub,.re-gate__btn:focus-visible .re-gate__sub{background:var(--jkd-accent,#6ab04c);color:var(--jkd-on-accent,#fff)}
.re-gate__btn:focus-visible{outline:3px solid var(--jkd-accent,#6ab04c);outline-offset:-3px}
@media(prefers-reduced-motion:reduce){.re-gate__sub{transition:none}}
.re-gate--block{display:block;line-height:normal}
.re-gate__btn{z-index:5;touch-action:manipulation;-webkit-tap-highlight-color:transparent;-webkit-appearance:none;appearance:none}

/* Page background (pattern lines or a Customizer background image) stays still while the content scrolls over it. */
body.bg-pattern,body.custom-background{background-attachment:fixed}

/* Image descriptions (Media Library "Description"): same black as the caption strip, with a thin divider (80% wide) between the two. */
.entry-content .re-figure__desc{margin:0;padding:10px 12px 7px;background:#000 linear-gradient(rgba(255,255,255,.28),rgba(255,255,255,.28)) no-repeat center bottom/80% 1px;color:#fff;font-size:.875rem;line-height:1.5;text-align:center}
.entry-content .gallery-item .re-figure__desc{font-size:.8rem}
.re-gallery .re-figure__desc{margin-top:4px;font-size:var(--jkd-sm-fz,.875rem);line-height:1.5;opacity:.85}

/* Header "Edit post" link (admins only, added by remnant-earth.php): a pill that matches the search button. */
.re-edit-link{display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 10px;border:1px solid var(--jkd-border,#2e2e2e);border-radius:10px;color:inherit;font-size:.875rem;line-height:1;text-decoration:none;white-space:nowrap;transition:border-color .15s,color .15s}
.re-edit-link .ti{font-size:17px}
.re-edit-link:hover,.re-edit-link:focus-visible{border-color:var(--jkd-accent,#6ab04c);color:var(--jkd-accent,#6ab04c)}
.re-random-link{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border:1px solid var(--jkd-border,#2e2e2e);border-radius:10px;color:inherit;text-decoration:none;transition:border-color .15s,color .15s}
.re-random-link .ti{font-size:17px}
.re-random-link:hover,.re-random-link:focus-visible{border-color:var(--jkd-accent,#6ab04c);color:var(--jkd-accent,#6ab04c)}
@media(max-width:767px){.re-edit-link{padding:0 8px}.re-edit-link__text{display:none}}

/* Sources: first 3 shown, rest behind "Show More" (see assets/js/intro.js). */
.jkd-single-sources__item[hidden]{display:none!important}
.re-src-more{text-align:center;margin-top:12px}
.re-src-more__btn{display:inline-block;background:var(--jkd-accent);border:1px solid var(--jkd-accent);border-radius:var(--jkd-br-md,8px);padding:9px 22px;cursor:pointer;font:inherit;font-size:.9rem;font-weight:600;line-height:1.2;color:var(--jkd-on-accent,#fff);text-align:center;transition:background .15s,color .15s,filter .15s}
.re-src-more__btn:hover{filter:brightness(.9)}
[data-color-scheme="dark"] .re-src-more__btn{background:transparent;color:var(--jkd-accent)}
[data-color-scheme="dark"] .re-src-more__btn:hover{background:var(--jkd-accent);color:var(--jkd-on-accent,#fff);filter:none}
.re-src-more__btn:focus-visible{outline:2px solid var(--jkd-accent);outline-offset:3px;border-radius:4px}
/* Fourth source peeks through a fade until "Show More" is pressed. */
.jkd-single-sources__item.re-src-peek{max-height:3.2em;overflow:hidden;pointer-events:none;-webkit-mask-image:linear-gradient(#000,transparent);mask-image:linear-gradient(#000,transparent)}

/* Sidebar post cards (Most Viewed): no title-summary info icon. */
:is(aside,[class*="sidebar"],.widget) .jkd-post-card__title-summary{display:none!important}


/* Article blockquotes: match the Verba quote component (card, mark above, heading-size text). */
.entry-content blockquote:not(.jkd-own-design *){display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:var(--jkd-content-offset,20px);margin-block:2em;border:1px solid var(--jkd-border);border-radius:var(--jkd-br,10px)}
.entry-content blockquote:not(.jkd-own-design *)::before{position:static;inset:auto;display:block;flex:0 0 auto;font-size:72px;font-weight:400;line-height:1;block-size:.55em;color:var(--jkd-accent)}
.entry-content blockquote:not(.jkd-own-design *)>p{margin:0;width:100%;font-size:var(--jkd-h5-fz,20px);font-weight:500;line-height:var(--jkd-lh-snug,1.2);letter-spacing:-.01em;color:var(--jkd-heading)}
.entry-content blockquote:not(.jkd-own-design *)>p:has(cite){font-size:var(--jkd-sm-fz,16px);font-weight:400;letter-spacing:normal}
.entry-content blockquote:not(.jkd-own-design *) cite::before{content:none}