/*
 * JENSKI / ONE WALL, SIX CORNERS — 3 Nov 2026
 * Owner art direction: the SAME weathered scrapbook universe across the site,
 * with six SMALL category accents and a quieter surface around real articles.
 *
 * Additive, draft-only design layer. NEVER a flattened mock-up or a replacement
 * for the source-faithful painted masthead. Does not change post/category data,
 * WordPress navigation, search, Places map, or publication behaviour.
 *
 * This deliberately does NOT reuse the earlier six oversized category SVGs:
 * their independent dark/bright poster worlds were visually rejected.
 */

/* The homepage is the master collage; the other templates inherit its warm
   weathered plaster. Paint lives around the content, not behind text. */
/* Defaults use LOWER specificity than real category slugs.
   Previously the shared body.category selector accidentally overrode the
   individually selected --jenski-world-accent on actual WordPress archives. */
body.jenski-site:not(.home) {
  --jenski-world-accent: #d86a2b;
  --jenski-world-fog: rgb(216 106 43 / .055);
  --jenski-world-mark: radial-gradient(circle at 96% 21%, rgb(216 106 43 / .06) 0 4px, transparent 5px);
  --jenski-world-ink: #29221e;
}
body.jenski-site:not(.home),
body.jenski-site.category[class*="jenski-section-"],
body.jenski-site.single-post[class*="jenski-section-"] {
  background-color: #e5dccf;
  background-image:
    var(--jenski-world-mark),
    linear-gradient(90deg, var(--jenski-world-fog), transparent 23%, transparent 77%, var(--jenski-world-fog)),
    url("../img/jenski-stone-plaster.svg");
  background-size: 100% 860px, 100% 100%, 1200px 900px;
  background-position: center top, center top, center top;
  background-repeat: no-repeat, no-repeat, repeat;
  background-attachment: scroll;
  color: var(--jenski-world-ink);
  min-height: 100vh;
}
/* A readable root even for short articles and empty archives. */
html:has(body.jenski-site:not(.home)) {
  background-color: #e5dccf;
}

/* Exactly six agreed canonical WordPress categories, aligned to the colour
   strokes in the current owner-favoured concept. These are visual tokens,
   NOT taxonomy changes. A post's established primary-world selection stays. */
body.jenski-site.jenski-section-rabbit-holes {
  --jenski-world-accent: #ec7628;
  --jenski-world-fog: rgb(236 118 40 / .08);
  --jenski-world-mark: repeating-radial-gradient(circle at 5% 18%, transparent 0 23px, rgb(150 76 34 / .065) 24px 25px, transparent 26px 46px);
}
body.jenski-site.jenski-section-things-i-like {
  --jenski-world-accent: #168f8b;
  --jenski-world-fog: rgb(22 143 139 / .07);
  --jenski-world-mark: repeating-radial-gradient(circle at 97% 34%, transparent 0 22px, rgb(13 106 109 / .055) 23px 24px, transparent 25px 42px);
}
body.jenski-site.jenski-section-places {
  --jenski-world-accent: #758c32;
  --jenski-world-fog: rgb(117 140 50 / .07);
  --jenski-world-mark: repeating-linear-gradient(165deg, transparent 0 61px, rgb(92 111 55 / .055) 62px 63px, transparent 64px 93px);
}
body.jenski-site.jenski-section-how-its-done {
  --jenski-world-accent: #a44391;
  --jenski-world-fog: rgb(164 67 145 / .065);
  --jenski-world-mark: repeating-linear-gradient(0deg, transparent 0 58px, rgb(106 52 100 / .05) 59px 60px);
}
body.jenski-site.jenski-section-thoughts {
  --jenski-world-accent: #3079b8;
  --jenski-world-fog: rgb(48 121 184 / .065);
  --jenski-world-mark: repeating-linear-gradient(0deg, transparent 0 37px, rgb(51 102 145 / .055) 38px 39px);
}
body.jenski-site.jenski-section-random {
  --jenski-world-accent: #bb8c18;
  --jenski-world-fog: rgb(187 140 24 / .07);
  --jenski-world-mark: radial-gradient(circle at 6% 30%, rgb(170 121 32 / .09) 0 3px, transparent 4px);
}

/* Each --jenski-world-mark deliberately yields ONE CSS image layer: multiple
   gradients inside this variable shift background-repeat alignment and
   accidentally tile collage art instead of the underlying plaster. */
/* Reuse the same accent token in older WordPress section styles, so
   active navigation, archive trim and article notes cannot drift colours. */
body.jenski-site[class*="jenski-section-"]:not(.home) {
  --jenski-section-accent: var(--jenski-world-accent);
  --jenski-section-paper: #fffaf1;
}

/* Keep one visual masthead family. Its existing protected artwork and genuine
   WordPress links remain separate; no logo, text or category is baked into CSS. */
body.jenski-site:not(.home) .jenski-masthead {
  border-bottom: 0;
  background: linear-gradient(180deg, rgb(245 237 224 / .03), rgb(232 217 199 / .48));
  box-shadow: none;
}
body.jenski-site:not(.home) .jenski-masthead::before,
body.jenski-site:not(.home) .jenski-masthead::after {
  opacity: .46;
}
/* Navigation returns to strong ink with six discreet, consistent coloured
   strokes; no extra icons or corporate-looking button shadows. */
body.jenski-site:not(.home) nav.jenski-category-nav {
  background: #1b1a1b;
  border: 1px solid rgb(255 250 242 / .2);
  box-shadow: 0 3px 8px rgb(47 33 21 / .17);
}
body.jenski-site:not(.home) nav.jenski-category-nav li:nth-child(1) { --jenski-nav-stroke: #ec7628; }
body.jenski-site:not(.home) nav.jenski-category-nav li:nth-child(2) { --jenski-nav-stroke: #168f8b; }
body.jenski-site:not(.home) nav.jenski-category-nav li:nth-child(3) { --jenski-nav-stroke: #758c32; }
body.jenski-site:not(.home) nav.jenski-category-nav li:nth-child(4) { --jenski-nav-stroke: #a44391; }
body.jenski-site:not(.home) nav.jenski-category-nav li:nth-child(5) { --jenski-nav-stroke: #3079b8; }
body.jenski-site:not(.home) nav.jenski-category-nav li:nth-child(6) { --jenski-nav-stroke: #bb8c18; }
body.jenski-site:not(.home) nav.jenski-category-nav li a {
  color: #fff9ef;
  background: #1b1a1b;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -4px 0 var(--jenski-nav-stroke);
  text-shadow: none;
  transform: none;
  transition: background-color .15s ease;
}
body.jenski-site:not(.home) nav.jenski-category-nav li a:hover {
  color: #fff;
  background: #393338;
  transform: none;
}
body.jenski-site:not(.home) nav.jenski-category-nav li a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 2px;
  position: relative;
  z-index: 2;
}

/* The category index and real article belong to the same wall, but use
   distinctly opaque paper with deliberately soft, physical-looking shadows.
   Do not apply an overlay to paragraphs or make paper translucent. */
body.jenski-site:not(.home) .jenski-category-intro,
body.jenski-site:not(.home) .jenski-paper,
body.jenski-site.single-post .jenski-reading-room {
  color: #27211d;
  background: #fffaf1;
  border-color: #cabaa8;
  box-shadow: 0 5px 13px rgb(59 40 23 / .13), 1px 2px 0 rgb(75 52 30 / .08);
  overflow-wrap: break-word;
}
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro,
body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template > li,
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room {
  border-top: 6px solid var(--jenski-world-accent);
}
body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template > li,
body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template > li .jenski-paper {
  color: #27211d;
  background: #fffaf1;
  box-shadow: 0 5px 13px rgb(59 40 23 / .12);
  border-color: #cabaa8;
}
body.jenski-site.category .wp-block-post-template > li .jenski-paper {
  box-shadow: none;
}
/* One-post archives must not reintroduce the old illustrative poster art. */
body.jenski-site.category[class*="jenski-section-"] #main-content > .jenski-shell:has(.wp-block-post-template > li:only-child) {
  background-image: none;
}
body.jenski-site.category[class*="jenski-section-"] #main-content > .jenski-shell:has(.wp-block-post-template > li:only-child) > .wp-block-query {
  width: 100%;
  max-width: none;
}
/* Article reading comfort: off-white, stable measures, generous rhythm. */
body.jenski-site.single-post .jenski-reading-room,
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room {
  width: min(92vw, 860px);
  padding: clamp(1.15rem, 3.4vw, 3.5rem);
}
body.jenski-site.single-post .jenski-reading-room .wp-block-post-content {
  color: #27211d;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.04rem, 1.12vw, 1.14rem);
  line-height: 1.73;
}
body.jenski-site.single-post .jenski-reading-room .wp-block-post-content :is(p, ul, ol) {
  max-width: 72ch;
}
body.jenski-site.single-post .jenski-reading-room .wp-block-post-content a {
  color: #27211d;
  text-decoration-color: var(--jenski-world-accent);
  text-decoration-thickness: .13em;
  text-underline-offset: .2em;
}
/* Dark-on-paper contrast; no text depends on the accent colour alone. */
body.jenski-site:not(.home) .jenski-category-intro :is(h1, h2, p),
body.jenski-site:not(.home) .jenski-paper :is(h1, h2, h3, p),
body.jenski-site.single-post .jenski-reading-room :is(h1, h2, h3) {
  color: #27211d;
}
body.jenski-site:not(.home) #main-content a:focus-visible {
  outline: 3px solid #29221e;
  outline-offset: 3px;
}
/* Places map and its genuine pins remain functional. Their existing intro
   headings must switch back to dark ink on the lighter shared substrate. */
body.jenski-site.jenski-section-places.category .jenski-places-map-block > :is(h2, p),
body.jenski-site.jenski-section-places.category #main-content > .jenski-shell > :is(h2.wp-block-heading, p) {
  color: #29221e;
  text-shadow: none;
}

@media (max-width: 700px) {
  body.jenski-site:not(.home),
  body.jenski-site.category[class*="jenski-section-"],
  body.jenski-site.single-post[class*="jenski-section-"] {
    background-size: 100% 600px, 100% 100%, 900px 675px;
  }
  body.jenski-site:not(.home) .jenski-masthead::before,
  body.jenski-site:not(.home) .jenski-masthead::after {
    opacity: .27;
  }
  body.jenski-site:not(.home) nav.jenski-category-nav li a {
    min-height: 48px;
  }
  body.jenski-site.single-post .jenski-reading-room,
  body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room {
    width: calc(100% - 20px);
    margin-inline: auto;
    padding: clamp(1rem, 4vw, 1.5rem);
    box-sizing: border-box;
  }
  body.jenski-site.single-post .jenski-reading-room .wp-block-post-content {
    font-size: 1.04rem;
    line-height: 1.68;
  }
}
@media (prefers-reduced-motion: reduce) {
  body.jenski-site:not(.home) nav.jenski-category-nav li a {
    transition: none;
  }
}


/* JENSKI HOME — THE MASTER COLOUR STORY
 * The collage itself is the original shared identity, not a seventh world.
 * Jenski orange remains dominant, with precisely six low-key section accents.
 * This is foreground/interactive CSS only — no invented artwork or baked-in
 * posts, and no changes to the owner-favoured painted wordmark or source wall.
 */
body.jenski-site.home {
  --jenski-home-brand: #ec7628;
  --jenski-home-ink: #1b1a1b;
  --jenski-home-paper: #fffaf1;
}
/* One continuous ink-and-paper nav with colour strokes, not six fluorescent
   floating buttons. The existing six genuine WordPress links remain intact. */
body.jenski-site.home nav.jenski-category-nav {
  background: #1b1a1b;
  border: 1px solid rgb(248 238 224 / .25);
  box-shadow: 0 4px 9px rgb(48 33 20 / .19);
  clip-path: polygon(0 .8%, 99.8% 0, 100% 98.6%, .6% 100%);
  padding: .22rem .35rem;
}
body.jenski-site.home nav.jenski-category-nav > .wp-block-navigation__container {
  background: transparent;
  gap: clamp(3px, .45vw, 8px);
  overflow: visible;
}
body.jenski-site.home nav.jenski-category-nav li:nth-child(1) { --jenski-nav-stroke: #ec7628; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(2) { --jenski-nav-stroke: #168f8b; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(3) { --jenski-nav-stroke: #758c32; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(4) { --jenski-nav-stroke: #a44391; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(5) { --jenski-nav-stroke: #3079b8; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(6) { --jenski-nav-stroke: #bb8c18; }
body.jenski-site.home nav.jenski-category-nav li a,
body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a {
  --tilt: 0deg;
  min-height: 50px;
  padding: .64rem .18rem;
  color: #fff9ef;
  background: #1b1a1b;
  font-family: var(--wp--custom--jenski--nav-font, "Trebuchet MS", "Segoe UI", sans-serif);
  font-size: clamp(.79rem, 1.05vw, 1rem);
  font-weight: 800;
  line-height: 1.2;
  text-transform: none;
  border: 0;
  border-radius: 0;
  clip-path: none;
  transform: none;
  box-shadow: inset 0 -4px 0 var(--jenski-nav-stroke);
  text-shadow: none;
  transition: background-color .15s ease;
}
body.jenski-site.home nav.jenski-category-nav li a:hover {
  color: #fff;
  background: #383238;
  transform: none;
  box-shadow: inset 0 -4px 0 var(--jenski-nav-stroke);
  filter: none;
}
body.jenski-site.home nav.jenski-category-nav li a:focus-visible {
  outline: 3px solid #fff;
  outline-offset: 1px;
  position: relative;
  z-index: 2;
}
/* Echo those six hues only in pre-existing small category cards. Articles
   remain on their opaque papers; category colour is never text colour. */
body.jenski-site.home .jenski-home-wall__card--rabbit-holes { --accent: #ec7628; }
body.jenski-site.home .jenski-home-wall__card--things-i-like { --accent: #168f8b; }
body.jenski-site.home .jenski-home-wall__card--places { --accent: #758c32; }
body.jenski-site.home .jenski-home-wall__card--how-its-done { --accent: #a44391; }
body.jenski-site.home .jenski-home-wall__card--thoughts { --accent: #3079b8; }
body.jenski-site.home .jenski-home-wall__card--random { --accent: #bb8c18; }
/* The brand still owns the homepage CTA language; it does not get recoloured
   to whichever recent article happens to appear. */
body.jenski-site.home .jenski-feature .wp-block-read-more,
body.jenski-site.home .jenski-feature .wp-block-post-excerpt__more-link {
  text-decoration-color: var(--jenski-home-brand);
}
body.jenski-site.home .jenski-editorial-board > .jenski-feature,
body.jenski-site.home .jenski-editorial-board > .jenski-home-recent {
  background: var(--jenski-home-paper);
  box-shadow: 0 5px 13px rgb(59 40 23 / .14), 1px 2px 0 rgb(75 52 30 / .08);
}
body.jenski-site.home .jenski-editorial-board :is(a,button):focus-visible {
  outline: 3px solid #1c283b;
  outline-offset: 3px;
}
/* Keep all six labels visible at real small-phone widths and leave category
   card geometry to the existing responsive WordPress template. */
@media (max-width: 770px) {
  body.jenski-site.home nav.jenski-category-nav {
    width: calc(100% - 18px);
    padding: .24rem;
    clip-path: none;
  }
  body.jenski-site.home nav.jenski-category-nav > .wp-block-navigation__container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }
  body.jenski-site.home nav.jenski-category-nav li a,
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a {
    min-height: 48px;
    padding: .5rem .12rem;
    font-size: clamp(.69rem, 2.65vw, .86rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.jenski-site.home nav.jenski-category-nav li a {
    transition: none;
  }
}


/* Owner's real-WP screenshot review correction — 3 Nov 2026.
 * The preceding isolated render has BLACK nav labels on a black strip on
 * category/article pages. Correct the ACTUAL nested WordPress label too.
 * No contrast assertions are waived; this is an accessibility fix. */
body.jenski-site:not(.home) nav.jenski-category-nav li a,
body.jenski-site:not(.home) nav.jenski-category-nav li a .wp-block-navigation-item__label,
body.jenski-site.home nav.jenski-category-nav li a,
body.jenski-site.home nav.jenski-category-nav li a .wp-block-navigation-item__label {
  color: #fffaf0 !important;
  text-decoration-color: var(--jenski-nav-stroke, #ec7628) !important;
}
body.jenski-site:not(.home) nav.jenski-category-nav li a:hover,
body.jenski-site.home nav.jenski-category-nav li a:hover {
  background-color: #373039 !important;
}
body.jenski-site:not(.home) nav.jenski-category-nav li a:focus-visible,
body.jenski-site.home nav.jenski-category-nav li a:focus-visible {
  outline: 3px solid white !important;
  outline-offset: 2px;
}

/* REAL clickable WordPress category accents, not an unrelated older
   bright-colour system applied to post labels. */
body.jenski-site.home .jenski-editorial-board .wp-block-post-terms a[href*="/category/rabbit-holes/"] {
  background-color: #ec7628; color: #201c1b !important;
}
body.jenski-site.home .jenski-editorial-board .wp-block-post-terms a[href*="/category/things-i-like/"] {
  background-color: #168f8b; color: #101213 !important;
}
body.jenski-site.home .jenski-editorial-board .wp-block-post-terms a[href*="/category/places/"] {
  background-color: #758c32; color: #101213 !important;
}
body.jenski-site.home .jenski-editorial-board .wp-block-post-terms a[href*="/category/how-its-done/"] {
  background-color: #a44391; color: white !important;
}
body.jenski-site.home .jenski-editorial-board .wp-block-post-terms a[href*="/category/thoughts/"] {
  background-color: #3079b8; color: white !important;
}
body.jenski-site.home .jenski-editorial-board .wp-block-post-terms a[href*="/category/random/"] {
  background-color: #bb8c18; color: #201c1b !important;
}

/* Small paper-scrap category previews from the owner's chosen concept:
   exactly THREE existing canonical links, never a duplicate six-card wall.
   The three art panels are original CSS abstractions (ink/record/map lines),
   with no pasted-on post titles, copyrighted game art or fabricated images.
   They occupy the space below Latest; Recent spans the right-hand column. */
body.jenski-site.home .jenski-editorial-board > .jenski-home-trio {
  grid-column: 1;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: clamp(8px, 1vw, 14px);
  align-self: start;
  width: 100%;
  min-width: 0;
  margin: clamp(2px, .7vw, 9px) 0 0;
  padding: 0;
}
@media (min-width: 771px) {
  body.jenski-site.home .jenski-editorial-board > .jenski-feature {
    grid-column: 1;
    grid-row: 1;
  }
  body.jenski-site.home .jenski-editorial-board > .jenski-home-recent {
    grid-column: 2;
    grid-row: 1;
    align-self: start;
  }
}
body.jenski-site.home .jenski-home-trio__scrap {
  display: flex;
  flex-direction: column;
  position: relative;
  min-width: 0;
  color: #211b18 !important;
  background: #fff9ee;
  border: 1px solid #c6af98;
  border-bottom: 4px solid var(--jenski-trio-colour);
  box-shadow: 0 4px 10px rgb(52 35 20 / .16);
  clip-path: polygon(0 .8%, 98.7% 0, 100% 96%, 99% 100%, .5% 99%, 0 84%);
  text-decoration: none !important;
  transform: none;
  overflow-wrap: anywhere;
}
body.jenski-site.home .jenski-home-trio__scrap:hover {
  background: #fffdf7;
  filter: brightness(1.01);
}
body.jenski-site.home .jenski-home-trio__scrap:focus-visible {
  outline: 3px solid #24201f;
  outline-offset: 3px;
}
body.jenski-site.home .jenski-home-trio__scrap--rabbit { --jenski-trio-colour: #ec7628; }
body.jenski-site.home .jenski-home-trio__scrap--likes { --jenski-trio-colour: #168f8b; }
body.jenski-site.home .jenski-home-trio__scrap--places { --jenski-trio-colour: #758c32; }
body.jenski-site.home .jenski-home-trio__image {
  display: block;
  height: clamp(80px, 8vw, 118px);
  width: 100%;
  position: relative;
  flex: none;
  background-color: #2e2625;
  border-bottom: 3px solid #f0ddc9;
}
body.jenski-site.home .jenski-home-trio__image--rabbit {
  background-image:
    linear-gradient(24deg, transparent 34%, rgb(235 121 37 / .78) 35% 38%, transparent 39%),
    repeating-linear-gradient(8deg, rgb(244 230 209 / .15) 0 1px, transparent 2px 28px),
    radial-gradient(ellipse at 20% 24%, #795e48, #2e292b 77%);
}
body.jenski-site.home .jenski-home-trio__image--likes {
  background-image:
    radial-gradient(circle at 57% 45%, #d16e20 0 8px, #19191a 9px 15px, transparent 16px),
    repeating-radial-gradient(circle at 57% 45%, #17191b 0 4px, #3a3d40 5px 7px, #18191b 8px 14px),
    linear-gradient(35deg, #0b6762, #3c2424);
}
body.jenski-site.home .jenski-home-trio__image--places {
  background-image:
    linear-gradient(127deg, transparent 0 36%, #c74b39 36% 38%, transparent 38% 100%),
    repeating-linear-gradient(33deg, transparent 0 27px, rgb(72 95 71 / .25) 28px 29px, transparent 30px 49px),
    repeating-linear-gradient(130deg, #e3d2b6 0 43px, #d3be9f 44px 46px);
}
body.jenski-site.home .jenski-home-trio__copy {
  display: flex;
  flex-direction: column;
  gap: .2rem;
  padding: clamp(9px, .95vw, 14px);
}
body.jenski-site.home .jenski-home-trio__title {
  color: #201a19 !important;
  font: 800 clamp(1rem, 1.22vw, 1.22rem)/1.15 Georgia, "Times New Roman", serif;
  letter-spacing: -.01em;
}
body.jenski-site.home .jenski-home-trio__description {
  color: #322b26 !important;
  font: 400 clamp(.83rem, .98vw, .98rem)/1.35 Georgia, "Times New Roman", serif;
}

/* The same delightful edge details may be more intense in Home, but article
   copy remains on opaque paper. Never tile a whole webpage screenshot. */
body.jenski-site.home .jenski-editorial-board > .jenski-home-trio .jenski-home-trio__image {
  isolation: isolate;
}

@media (max-width: 770px) {
  body.jenski-site.home .jenski-editorial-board > .jenski-home-trio {
    grid-column: 1;
    grid-row: auto;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 10px;
  }
  body.jenski-site.home .jenski-home-trio__scrap:last-child {
    grid-column: 1 / -1;
  }
  body.jenski-site.home .jenski-home-trio__image {
    height: 86px;
  }
  body.jenski-site.home .jenski-home-trio__title { font-size: 1.06rem; }
  body.jenski-site.home .jenski-home-trio__description { font-size: .9rem; }
}
@media (max-width: 350px) {
  body.jenski-site.home .jenski-editorial-board > .jenski-home-trio {
    grid-template-columns: minmax(0, 1fr);
  }
  body.jenski-site.home .jenski-home-trio__scrap:last-child { grid-column: auto; }
}


/* 3 NOV — INTEGRATED MASTHEAD AND TORN-COLLAGE ART DIRECTION
 * WordPress acceptance screenshot correction, not a synthetic design image.
 * One shared family on Home, archives, articles and utility routes. Actual
 * HTML logo link, search and navigation stay clickable/accessibly labelled.
 */

/* The owner's original wall is characterful around the OUTSIDE of real
   content, but warm, quiet paper always lives underneath actual words. */
/* Genuine Jenski collage, NOT a beige dashboard. The saved owner reference
 * has an ink-dark street-art wall around TWO editable WordPress papers. Use
 * the existing grunge art lineage (cleaned of old brand/Greek lettering);
 * don't use the whole screenshot with fake posts or navigation as a background.
 * Articles retain their calmer opaque paper and separately governed layout. */
body.jenski-site.home {
  background-color: #151416;
  background-image:
    url("../img/jenski-scrapbook-wall-edges.svg"),
    url("../img/jenski-dark-collage-clean.svg"),
    radial-gradient(ellipse at 8% 34%, rgb(240 81 32 / .24), transparent 39%),
    radial-gradient(ellipse at 95% 26%, rgb(44 154 176 / .15), transparent 31%),
    url("../img/jenski-grunge-fibre-tile.svg"),
    linear-gradient(#252224, #19171a);
  background-size: min(100vw, 1600px) auto, min(100vw, 1600px) auto, 100% 100%, 100% 100%, 240px 240px, 100% 100%;
  background-position: center 170px, center top, center top, center top, 0 0, center top;
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat, no-repeat;
  color: #f8ecdf;
}
/* The inherited 26 October .jenski-editorial-board wrapper created the
 * giant beige slab that visually swallowed the entire scrapbook composition.
 * Remove only its opaque WRAPPER; the two true WordPress query papers remain
 * opaque, accessible, editable and independently cut-edged. */
body.jenski-site.home #main-content > .jenski-editorial-board {
  background: transparent !important;
  box-shadow: none !important;
  padding: clamp(8px, 1vw, 14px) !important;
  border: 0;
  outline: 0;
}
/* The integrated left/right authentic fragments still frame the clickable
 * wordmark and real search, but there is no pale header slab separating them
 * from the dark graffiti canvas. */
body.jenski-site.home .jenski-masthead {
  background: linear-gradient(180deg, rgb(13 11 14 / .09), rgb(13 11 14 / .36) 82%, rgb(13 11 14 / .68));
}
/* Match the original archive/single selectors' specificity. A plain
   :not(.home) selector lost to earlier, stronger section backgrounds. */
body.jenski-site:not(.home),
body.jenski-site.category[class*="jenski-section-"],
body.jenski-site.single-post[class*="jenski-section-"] {
  background-image:
    var(--jenski-world-mark),
    linear-gradient(90deg, var(--jenski-world-fog), transparent 23%, transparent 77%, var(--jenski-world-fog)),
    url("../img/jenski-scrapbook-wall-edges.svg"),
    url("../img/jenski-stone-plaster.svg");
  background-size: 100% 860px, 100% 100%, min(100vw, 1600px) auto, 1200px 900px;
  background-position: center top, center top, center 160px, center top;
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
}

/* Matching masthead proportions are the unifying element, rather than
   forcing all article pages to use a different old logo/search stack. */
body.jenski-site:not(.home) .jenski-masthead {
  min-height: 237px;
  padding: 0 0 .55rem;
  background: linear-gradient(180deg, rgb(243 235 223 / .04), rgb(224 206 184 / .42));
  box-shadow: none;
  border-bottom: 0;
}
body.jenski-site:not(.home) .jenski-masthead__top {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(240px, 350px);
  align-items: start;
  gap: 12px;
  min-height: 195px;
  width: min(94vw, 1240px);
  margin-inline: auto;
}
body.jenski-site:not(.home) .jenski-masthead__top .jenski-search {
  justify-self: end;
  align-self: start;
  width: 100%;
  max-width: 350px;
  padding-top: 15px;
  margin-left: auto;
  position: relative;
  z-index: 4;
}
body.jenski-site:not(.home) .jenski-masthead .jenski-search .wp-block-search__inside-wrapper {
  min-height: 44px;
  background: rgb(255 250 241 / .95);
  border: 1px solid #a58e78;
  box-shadow: 2px 3px 0 rgb(53 39 29 / .17);
}
body.jenski-site:not(.home) .jenski-masthead .jenski-search :is(input,button) {
  color: #28221f;
}
body.jenski-site:not(.home) .jenski-wordmark {
  width: clamp(270px, 33vw, 475px);
  height: clamp(185px, 22.7vw, 327px);
  margin: -32px 0 -36px clamp(9px, 12vw, 165px);
  background-size: contain;
  position: relative;
  z-index: 4;
}
body.jenski-site.home .jenski-wordmark {
  margin-left: clamp(30px, 16vw, 205px);
  position: relative;
  z-index: 4;
}

/* The recovered image contains the original painted Jenski. This separate,
   actual inline span finishes the link as Jenski.co.uk in white ink over one
   short distressed black brushstroke, with NO image of a fake navigation bar. */
body.jenski-site .jenski-wordmark__suffix {
  display: inline-block;
  position: absolute;
  z-index: 5;
  top: 43%;
  left: 71%;
  white-space: nowrap;
  padding: .07em .28em .17em .22em;
  background: #201b1c;
  color: #fffaf0 !important;
  -webkit-text-stroke: 0;
  font: italic 900 clamp(1.35rem, 3.25vw, 3.1rem)/1 Georgia, "Times New Roman", serif;
  letter-spacing: -.06em;
  text-shadow: 2px 2px 0 rgb(0 0 0 / .44);
  box-shadow: inset 0 -5px 0 rgb(242 105 31 / .8);
  clip-path: polygon(0 10%, 10% 0, 97% 6%, 100% 75%, 95% 100%, 4% 93%);
  transform: rotate(-2deg);
  filter: none;
  pointer-events: none;
}

/* Bring the dark, gently torn navigation IN FRONT OF the collage on all
   pages. Accent colours are small, and all six real links stay readable. */
body.jenski-site nav.jenski-category-nav {
  border-radius: 0;
  border: 0;
  background: #171719;
  clip-path: polygon(0 9%, 4% 4%, 13% 0, 37% 3%, 68% 0, 87% 4%, 100% 2%, 100% 91%, 96% 99%, 64% 96%, 23% 100%, 0 95%);
  box-shadow: 0 3px 8px rgb(36 26 21 / .2);
}
body.jenski-site nav.jenski-category-nav li a,
body.jenski-site nav.jenski-category-nav li a .wp-block-navigation-item__label {
  font-family: "Courier New", Courier, monospace;
  font-weight: 800;
  letter-spacing: -.02em;
}

/* The materials should read as overlapping torn pages, not generic sharp
   dashboard rectangles. Leave actual paper and ink opaque and high contrast. */
body.jenski-site.home .jenski-editorial-board > .jenski-feature,
body.jenski-site.home .jenski-editorial-board > .jenski-home-recent,
body.jenski-site:not(.home) .jenski-reading-room,
body.jenski-site:not(.home) .jenski-category-intro {
  clip-path: polygon(0 1%, 4% .35%, 12% .8%, 27% .25%, 40% .65%, 55% .2%, 70% .8%, 82% .15%, 97% .75%, 100% .35%, 99.5% 15%, 100% 29%, 99.65% 47%, 100% 61%, 99.7% 81%, 100% 98%, 90% 99.5%, 75% 99.25%, 55% 100%, 33% 99.45%, 16% 100%, 1% 99.3%, 0 90%, .45% 75%, 0 55%, .4% 35%);
  background-color: #fffaf1;
  background-image:
    radial-gradient(circle at 93% 2%, rgb(224 178 128 / .12), transparent 29%),
    repeating-linear-gradient(0deg, transparent 0 37px, rgb(127 89 54 / .026) 38px 39px);
  box-shadow: 4px 6px 0 rgb(81 57 34 / .15);
}
body.jenski-site.home .jenski-feature-heading,
body.jenski-site.home .jenski-home-recent .jenski-section-heading h2 {
  display: inline-block;
  text-decoration: none;
  box-shadow: inset 0 -.26em 0 rgb(244 110 34 / .35);
  transform: rotate(-.5deg);
}
body.jenski-site.home .jenski-home-recent .jenski-section-heading h2 {
  box-shadow: inset 0 -.33em 0 rgb(244 110 34 / .65);
}
body.jenski-site.home .jenski-home-trio__scrap {
  clip-path: polygon(0 2%, 15% 0, 59% 2%, 100% 0, 99% 32%, 100% 95%, 80% 100%, 47% 99%, 0 100%);
}

/* Tablet and phone: the same Jenski wall and brand, but one compact masthead
   instead of search obscuring the painted logo. Preserve 3x2 real link grid. */
@media (max-width: 770px) {
  body.jenski-site.home {
    background-size: 100% auto, 100% auto, 100% 100%, 100% 100%, 240px 240px, 100% 100%;
    background-position: center 160px, center top, center top, center top, 0 0, center top;
  }
  body.jenski-site:not(.home),
  body.jenski-site.category[class*="jenski-section-"],
  body.jenski-site.single-post[class*="jenski-section-"] {
    background-size: 100% 600px, 100% 100%, 100% auto, 900px 675px;
    background-position: center top, center top, center 180px, center top;
  }
  body.jenski-site:not(.home) .jenski-masthead {
    min-height: 0;
    padding-bottom: .25rem;
  }
  body.jenski-site:not(.home) .jenski-masthead__top {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    justify-content: flex-start;
    min-height: 0;
    gap: 0;
    width: calc(100% - 18px);
  }
  body.jenski-site:not(.home) .jenski-wordmark {
    align-self: center;
    width: min(78vw, 300px);
    height: min(54vw, 207px);
    margin: -11px 0 -19px;
  }
  body.jenski-site.home .jenski-wordmark {
    margin-left: auto;
    margin-right: auto;
  }
  body.jenski-site .jenski-wordmark__suffix {
    font-size: clamp(.98rem, 5.2vw, 1.55rem);
    top: 43%;
    left: 71%;
    box-shadow: inset 0 -3px 0 rgb(242 105 31 / .88);
  }
  body.jenski-site:not(.home) .jenski-search {
    max-width: none;
    width: 100%;
    padding: 0;
    margin: 0;
    box-sizing: border-box;
  }
  body.jenski-site:not(.home) nav.jenski-category-nav {
    margin-top: .15rem;
    width: calc(100% - 18px);
    padding: .2rem;
    clip-path: none;
  }
  body.jenski-site:not(.home) nav.jenski-category-nav > .wp-block-navigation__container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }
  body.jenski-site:not(.home) nav.jenski-category-nav li a {
    min-height: 48px;
    font-size: clamp(.68rem, 2.7vw, .86rem);
  }
}
@media (min-width: 771px) and (max-width: 1100px) {
  body.jenski-site:not(.home) .jenski-wordmark {
    margin-left: clamp(15px, 5vw, 55px);
  }
}


/* TRUE POST THUMBNAIL POLICY
 * Posts with photographs keep their real WP media. Where NO featured image
 * exists, add only a SMALL abstract decorative stamp (aria-hidden CSS
 * pseudo-element) instead of inventing a fake photograph or logo. This
 * restores the magazine-like Recent Posts rhythm of Jen's chosen concept.
 */
body.jenski-site.home .jenski-home-recent .wp-block-post:not(:has(.wp-block-post-featured-image)) {
  position: relative;
  box-sizing: border-box;
  padding-left: clamp(78px, 7vw, 98px);
  min-height: 78px;
}
body.jenski-site.home .jenski-home-recent .wp-block-post:not(:has(.wp-block-post-featured-image))::before {
  content: "";
  position: absolute;
  pointer-events: none;
  top: .48rem;
  left: .25rem;
  width: clamp(65px, 6.2vw, 84px);
  height: 61px;
  background:
    radial-gradient(circle at 68% 39%, rgb(254 111 34 / .72) 0 9px, transparent 10px),
    repeating-linear-gradient(135deg, transparent 0 7px, rgb(244 225 205 / .2) 8px 9px, transparent 10px 17px),
    #252225;
  border: 4px solid #fff7eb;
  box-sizing: border-box;
  box-shadow: 2px 3px 0 #b6a491;
  transform: rotate(-1.8deg);
}
body.jenski-site.home .jenski-home-recent .wp-block-post:has(.wp-block-post-terms a[href*="/category/thoughts/"]):not(:has(.wp-block-post-featured-image))::before {
  background:
    repeating-linear-gradient(0deg, transparent 0 12px, rgb(53 135 194 / .55) 13px 14px, transparent 15px 20px),
    radial-gradient(circle at 77% 28%, #366a99 0 9px, transparent 10px),
    #29272b;
}
body.jenski-site.home .jenski-home-recent .wp-block-post:has(.wp-block-post-terms a[href*="/category/how-its-done/"]):not(:has(.wp-block-post-featured-image))::before {
  background:
    repeating-linear-gradient(90deg, transparent 0 8px, rgb(255 255 255 / .16) 9px 10px, transparent 11px 20px),
    repeating-linear-gradient(0deg, transparent 0 8px, rgb(255 255 255 / .16) 9px 10px, transparent 11px 20px),
    linear-gradient(45deg, #6d316c, #c15198);
}
body.jenski-site.home .jenski-home-recent .wp-block-post:has(.wp-block-post-terms a[href*="/category/places/"]):not(:has(.wp-block-post-featured-image))::before {
  background:
    linear-gradient(35deg, transparent 0 38%, #c45238 39% 45%, transparent 46% 100%),
    repeating-linear-gradient(125deg, transparent 0 18px, rgb(74 95 62 / .28) 19px 20px, transparent 21px 32px),
    #c8c19b;
}
body.jenski-site.home .jenski-home-recent .wp-block-post:has(.wp-block-post-terms a[href*="/category/things-i-like/"]):not(:has(.wp-block-post-featured-image))::before {
  background:
    radial-gradient(circle at 50% 50%, #e87524 0 5px, #1e1e20 6px 11px, transparent 12px),
    repeating-radial-gradient(circle at 50% 50%, #17181b 0 3px, #45464a 4px 5px, #181819 6px 9px);
}
body.jenski-site.home .jenski-home-recent .wp-block-post:has(.wp-block-post-terms a[href*="/category/rabbit-holes/"]):not(:has(.wp-block-post-featured-image))::before {
  background:
    linear-gradient(132deg, transparent 0 36%, #f4762d 37% 42%, transparent 43% 100%),
    repeating-linear-gradient(-12deg, rgb(255 238 212 / .15) 0 1px, transparent 2px 15px),
    #39302a;
}
body.jenski-site.home .jenski-home-recent .wp-block-post:has(.wp-block-post-terms a[href*="/category/random/"]):not(:has(.wp-block-post-featured-image))::before {
  background:
    radial-gradient(circle at 50% 42%, #f3b72c 0 17px, transparent 18px),
    linear-gradient(23deg, #cf6f2a, #34252a 63%);
}
@media (max-width: 770px) {
  body.jenski-site.home .jenski-home-recent .wp-block-post:not(:has(.wp-block-post-featured-image)) {
    padding-left: 83px;
    min-height: 74px;
  }
  body.jenski-site.home .jenski-home-recent .wp-block-post:not(:has(.wp-block-post-featured-image))::before {
    width: 67px;
    height: 56px;
  }
}


/* 3 NOV LATER STAGING SCREENSHOT PASS — remaining layout corrections.
 * The historical section CSS has a more-specific .jenski-wordmark selector.
 * Match its specificity, or the real article logo shrinks and slides left
 * compared with the master homepage despite apparently correct new rules. */
body.jenski-site[class*="jenski-section-"]:not(.home) .jenski-wordmark {
  display: block;
  width: clamp(270px, 33vw, 475px);
  height: clamp(185px, 22.7vw, 327px);
  margin: -32px 0 -36px clamp(30px, 16vw, 205px);
  background: url("../img/jenski-wordmark-recovered.webp") center / contain no-repeat;
  font-size: 0;
  position: relative;
  z-index: 4;
}
body.jenski-site[class*="jenski-section-"]:not(.home) .jenski-masthead {
  min-height: 235px;
  border-bottom: 0;
  background: linear-gradient(180deg, rgb(243 235 223 / .04), rgb(224 206 184 / .42));
  box-shadow: none;
}
@media (max-width: 770px) {
  body.jenski-site[class*="jenski-section-"]:not(.home) .jenski-masthead {
    min-height: 0;
  }
  body.jenski-site[class*="jenski-section-"]:not(.home) .jenski-wordmark {
    align-self: center;
    width: min(78vw, 300px);
    height: min(54vw, 207px);
    margin: -11px auto -19px;
  }
}

/* The genuine Places map is not a generic category card. On the lighter
   shared wall its count must be dark, the selected filter olive (Places),
   and all four real filter buttons should fit two-across on mobile. */
body.jenski-site.jenski-section-places .jenski-map-toolbar p {
  color: #29211c;
  text-shadow: none;
}
body.jenski-site.jenski-section-places .jenski-map-filters button.is-active {
  background: var(--jenski-world-accent, #758c32);
  border-color: var(--jenski-world-accent, #758c32);
  color: #15200e;
}
body.jenski-site.jenski-section-places .jenski-map-filters button:focus-visible {
  outline: 3px solid #181818;
  outline-offset: 2px;
}
@media (max-width: 620px) {
  body.jenski-site.jenski-section-places .jenski-map-toolbar {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    width: 100%;
    gap: .6rem;
  }
  body.jenski-site.jenski-section-places .jenski-map-filters {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    width: 100%;
    max-width: none;
    gap: .4rem;
  }
  body.jenski-site.jenski-section-places .jenski-map-filters button {
    box-sizing: border-box;
    display: block;
    min-width: 0;
    width: 100%;
    margin: 0;
    min-height: 48px;
    padding: .45rem .35rem;
    white-space: normal;
    line-height: 1.22;
  }
  body.jenski-site.jenski-section-places .jenski-map-toolbar > p {
    margin: 0;
  }
}


/* Chrome identified 7 children for 4 Places filter buttons: WordPress
 * auto-formatting inserted break elements which consume empty grid cells.
 * PHP now keeps the four buttons contiguous; this is a scoped defensive
 * fallback, not a blanket WordPress formatting override. */
body.jenski-site.jenski-section-places .jenski-map-filters > br,
body.jenski-site.jenski-section-places .jenski-map-filters > p:empty {
  display: none !important;
}
body.jenski-site.jenski-section-places .jenski-map-filters button.is-active {
  color: #10180a;
}

/* The approved editorial reference gives Latest more real estate than the
 * Recent feed: editorial paper / photo+text left, compact feed right. Do NOT
 * change the post queries or manufacture a featured image. */
@media (min-width: 981px) {
  body.jenski-site.home #main-content > .jenski-editorial-board {
    grid-template-columns: minmax(0, 1.65fr) minmax(330px, .75fr);
  }
}
@media (min-width: 771px) and (max-width: 980px) {
  body.jenski-site.home #main-content > .jenski-editorial-board {
    grid-template-columns: minmax(0, 1fr);
  }
  body.jenski-site.home .jenski-editorial-board > .jenski-feature,
  body.jenski-site.home .jenski-editorial-board > .jenski-home-recent,
  body.jenski-site.home .jenski-editorial-board > .jenski-home-trio {
    grid-column: 1;
    grid-row: auto;
  }
}


/* The hand-painted Jenski.co.uk mark belongs IN the ink mural rather than
   floating on the palest slab of plaster. This background is PURE decoration
   behind the existing clickable, accessible WordPress logo and search; the
   six actual nav links, source media and post content remain unchanged.
   Owner's current rich-collage concept is the visual reference, not a flattened
   screenshot with fake navigation or example posts. */
body.jenski-site .jenski-masthead__top {
  position: relative;
  isolation: isolate;
}
body.jenski-site .jenski-masthead-paint {
  display: block;
  position: absolute;
  z-index: 1;
  top: 5px;
  left: clamp(80px, 9.5%, 148px);
  width: min(64vw, 630px);
  height: clamp(145px, 13vw, 180px);
  background:
    repeating-linear-gradient(166deg, transparent 0 28px, rgb(240 112 47 / .11) 29px 30px, transparent 31px 55px),
    radial-gradient(ellipse at 34% 54%, #161316 7%, #211b1c 73%, #342325 100%);
  clip-path: polygon(0 10%, 11% 4%, 31% 7%, 48% 0, 72% 6%, 93% 0, 100% 18%, 96% 33%, 100% 48%, 97% 64%, 100% 88%, 88% 93%, 69% 96%, 57% 100%, 27% 94%, 12% 99%, 2% 91%, 5% 76%, 0 61%, 4% 47%, 0 31%);
  transform: rotate(-1.2deg);
  opacity: .96;
  pointer-events: none;
}
body.jenski-site .jenski-masthead-paint::before,
body.jenski-site .jenski-masthead-paint::after {
  content: "";
  display: block;
  position: absolute;
  pointer-events: none;
}
body.jenski-site .jenski-masthead-paint::before {
  left: 3%;
  bottom: 4px;
  width: 95%;
  height: 13px;
  transform: rotate(-.8deg);
  background: repeating-linear-gradient(93deg, #f76b25 0 6px, transparent 7px 17px, #f76b25 18px 45px, transparent 46px 51px);
  opacity: .35;
}
body.jenski-site .jenski-masthead-paint::after {
  top: 13%;
  left: 5%;
  width: 70%;
  height: 86%;
  background:
    radial-gradient(circle at 6% 14%, rgb(255 232 208 / .65) 0 2px, transparent 3px),
    radial-gradient(circle at 81% 10%, rgb(242 109 33 / .55) 0 2px, transparent 3px),
    radial-gradient(circle at 66% 82%, rgb(255 244 225 / .55) 0 3px, transparent 4px);
}
body.jenski-site .jenski-masthead__top .jenski-wordmark,
body.jenski-site .jenski-masthead__top .jenski-search {
  z-index: 4;
}
@media (min-width: 771px) and (max-width: 1100px) {
  body.jenski-site .jenski-masthead-paint {
    left: clamp(10px, 4%, 65px);
    width: min(67vw, 600px);
  }
}
@media (max-width: 770px) {
  body.jenski-site .jenski-masthead-paint {
    top: 8px;
    left: 50%;
    width: min(86vw, 340px);
    height: clamp(105px, 32vw, 148px);
    transform: translateX(-50%) rotate(-1deg);
    opacity: .93;
  }
}

/* The collage edge stickers are unique fragments, NOT a tiled wallpaper.
 * Keep only the neutral plaster repeatable along long article/mobile scrolls.
 * Approved source remains reversible and does not change data or navigation. */


/* JENSKI CATEGORY ACTIVE-ACCENT SOURCE FIX — 3 Nov 2026
 * Genuine WP Chrome evidence showed the older section-worlds stylesheet's
 * bright colours winning ONLY on active tabs and paper tape, despite the
 * six canonical --jenski-world-accent tokens being correct. Keep the old
 * prototypes intact but give each actual WordPress section a single explicit
 * shared accent source. No !important; higher scoped specificity suffices.
 */
body.jenski-site.jenski-section-rabbit-holes:not(.home) { --jenski-section-accent: #ec7628; }
body.jenski-site.jenski-section-things-i-like:not(.home) { --jenski-section-accent: #168f8b; }
body.jenski-site.jenski-section-places:not(.home) { --jenski-section-accent: #758c32; }
body.jenski-site.jenski-section-how-its-done:not(.home) { --jenski-section-accent: #a44391; }
body.jenski-site.jenski-section-thoughts:not(.home) { --jenski-section-accent: #3079b8; }
body.jenski-site.jenski-section-random:not(.home) { --jenski-section-accent: #bb8c18; }

/* The currently selected genuine link must follow the same category token,
 * not resurrect the older pink/cyan/lime tab set. Inactive underlines keep
 * their own six category colours everywhere. */
body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav li a[aria-current="page"],
body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav li a[aria-current="true"] {
  box-shadow: inset 0 -5px 0 var(--jenski-world-accent);
  text-decoration-color: var(--jenski-world-accent);
}


/* 3 NOV VERIFIED SCREENSHOT CORRECTION — A SINGLE MASTHEAD NAV STRIP
 * The inherited section-worlds selector set transparent background and
 * left beige gutters between six black links on category/single pages,
 * unlike Home. Use a matching/stronger selector on those six established
 * section routes. Preserve the six real WP navigation anchors and their
 * individual accent strokes. */
body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav {
  background-color: #171719;
  border: 0;
  padding: .24rem .35rem;
  box-sizing: border-box;
  clip-path: polygon(0 3%, 99% 0, 100% 97%, 98% 100%, 2% 98%);
  box-shadow: 0 3px 8px rgb(42 27 20 / .20);
}
body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav > .wp-block-navigation__container {
  gap: clamp(2px, .3vw, 5px);
  background-color: transparent;
}
body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav li a {
  min-height: 50px;
  background-color: #171719;
  border: 0;
  border-radius: 0;
  box-shadow: inset 0 -4px 0 var(--jenski-nav-stroke);
}
body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav li a:focus-visible {
  outline: 3px solid #fffaf0;
  outline-offset: -2px;
  position: relative;
  z-index: 2;
}
@media (max-width: 700px) {
  body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav {
    clip-path: none;
    padding: .2rem;
    margin: .15rem auto .5rem;
  }
  body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav > .wp-block-navigation__container {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 4px;
  }
  body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav li a {
    min-height: 48px;
  }
}


/* SOURCE-FIDELITY EDITORIAL HEADING PASS — 3 November 2026
 * Grounded in genuine WP 17:33 screenshots vs Jen's accepted concept.
 * Actual newest posts and recent queries are untouched. This is pure CSS:
 * the orange LATEST paper stamp is a decorative cue, and the existing
 * headings remain ordinary accessible WordPress text. */
body.jenski-site.home .jenski-feature-heading {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin-bottom: .72rem;
  color: #1f1a18;
  text-decoration: none;
  box-shadow: none;
  transform: none;
}
body.jenski-site.home .jenski-feature-heading::before {
  content: "LATEST";
  display: block;
  width: fit-content;
  padding: .19em .55em .16em;
  margin: 0 0 .48rem .2rem;
  background: #f56e25;
  color: #201a18;
  font: 900 .78rem/1.08 "Courier New", Courier, monospace;
  letter-spacing: .025em;
  transform: rotate(-2.2deg);
  clip-path: polygon(0 7%, 93% 0, 100% 21%, 98% 94%, 7% 100%, 0 85%);
}
body.jenski-site.home .jenski-home-recent .jenski-section-heading h2 {
  display: inline-block;
  width: fit-content;
  max-width: 100%;
  padding: .14rem .65rem .2rem;
  margin-left: -.25rem;
  background: #f56e25;
  color: #231914 !important;
  text-shadow: none;
  text-decoration: none;
  box-shadow: none;
  transform: rotate(-1.5deg);
  clip-path: polygon(1% 6%, 93% 0, 100% 18%, 97% 93%, 3% 100%, 0 88%);
}
@media (max-width: 700px) {
  body.jenski-site.home .jenski-feature-heading::before {
    font-size: .71rem;
    margin-bottom: .35rem;
  }
  body.jenski-site.home .jenski-home-recent .jenski-section-heading h2 {
    padding: .1rem .45rem .17rem;
  }
}


/* HAND-TOUCHED PAPER — based on real WP screenshot review, 3 Nov 2026.
 * Real text, original featured media and links remain normal DOM. A
 * transparent, self-owned edge wash provides irregular fibre/ink strata
 * around (never over) the reading area. No tiled full-page mockup. */
body.jenski-site.home .jenski-editorial-board > .jenski-feature,
body.jenski-site.home .jenski-editorial-board > .jenski-home-recent,
body.jenski-site:not(.home) .jenski-reading-room,
body.jenski-site:not(.home) .jenski-category-intro,
body.jenski-site.home .jenski-home-trio__scrap {
  background-color: #fffaf1;
  background-image:
    url("../img/jenski-paper-rip-overlay.svg"),
    radial-gradient(circle at 91% 2%, rgb(222 173 118 / .105), transparent 28%),
    repeating-linear-gradient(0deg, transparent 0 38px, rgb(127 89 54 / .026) 39px 40px);
  /* Keep the SVG's torn TOP border within ~15px even on a 10,000px article.
     Stretching the 750px artwork to 100% article height pushed its 46px top
     contour hundreds of pixels into the real headline. */
  background-size: 100% 240px, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, repeat;
  box-shadow: 2px 4px 0 rgb(93 73 53 / .12), 5px 7px 14px rgb(58 39 27 / .14);
}
body.jenski-site.home .jenski-home-recent__more {
  display: flex;
  justify-content: flex-end;
  margin: .7rem 0 .05rem;
  padding: 0;
}
body.jenski-site.home .jenski-home-recent__more a {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  padding: .45rem .85rem;
  color: #ff842f !important;
  background: #1d1b1c;
  font: 800 clamp(.88rem, 1vw, 1.05rem)/1.2 "Courier New", Courier, monospace;
  text-decoration: none;
  box-shadow: 2px 3px 0 rgb(36 29 26 / .20);
  clip-path: polygon(0 8%, 9% 2%, 37% 0, 69% 6%, 100% 2%, 98% 89%, 91% 100%, 46% 96%, 0 99%);
}
body.jenski-site.home .jenski-home-recent__more a:hover {
  color: #fffaf1 !important;
  background: #333032;
}
body.jenski-site.home .jenski-home-recent__more a:focus-visible {
  outline: 3px solid #27211d;
  outline-offset: 3px;
  clip-path: none;
}
@media (max-width: 700px) {
  body.jenski-site.home .jenski-home-recent__more {
    margin-top: .5rem;
  }
}


/* ONE LATEST STAMP — no redundant giant heading before the REAL post title.
 * WordPress heading remains an actual semantic h2 containing "LATEST".
 * The earlier pseudo-label is retired to avoid printing it twice. */
body.jenski-site.home #main-content .jenski-feature-heading {
  display: inline-flex;
  width: fit-content;
  max-width: 100%;
  align-items: center;
  margin: .15rem 0 .65rem .22rem;
  padding: .22em .65em .18em;
  color: #201a18;
  background-color: #f56e25;
  font: 900 clamp(.75rem, .9vw, .9rem)/1.12 "Courier New", Courier, monospace;
  letter-spacing: .025em;
  text-decoration: none;
  text-shadow: none;
  box-shadow: none;
  transform: rotate(-2deg);
  clip-path: polygon(0 8%, 95% 0, 100% 18%, 99% 90%, 8% 100%, 0 91%);
}
body.jenski-site.home #main-content .jenski-feature-heading::before {
  content: none;
  display: none;
}


/* ACTUAL WORDPRESS ARTICLE CSS CASCADE REPAIR — Chrome screenshot finding.
 * Older section-worlds selectors for single-post and archive paper have
 * higher class specificity than generic .not(.home) paper. Keep the section
 * colour trim, but give the actual reading paper the same original edge art.
 * Do not turn off or weaken the browser assertion which exposed this bug. */
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room,
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro,
body.jenski-site.category[class*="jenski-section-"] .wp-block-post-template > li .jenski-paper {
  background-color: #fffaf1;
  background-image:
    url("../img/jenski-paper-rip-overlay.svg"),
    radial-gradient(circle at 91% 2%, rgb(222 173 118 / .105), transparent 28%),
    repeating-linear-gradient(0deg, transparent 0 38px, rgb(127 89 54 / .026) 39px 40px);
  /* Keep the SVG's torn TOP border within ~15px even on a 10,000px article.
     Stretching the 750px artwork to 100% article height pushed its 46px top
     contour hundreds of pixels into the real headline. */
  background-size: 100% 240px, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, repeat;
  box-shadow: 2px 4px 0 rgb(93 73 53 / .12), 5px 7px 14px rgb(58 39 27 / .14);
}


/* GENUINE LONG-ARTICLE SCREENSHOT REPAIR — 3 Nov 2026
 * The original short-card overlay has a painted bottom edge. On long
 * WordPress articles, fixing it to 240px stopped scaling the top ink across
 * the headline, but exposed an obvious horizontal paper seam at y~460.
 * A separate original top-only, alpha-fading SVG removes that seam instead.
 * Leave Home and short preview papers on their normal torn-edge treatment. */
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room {
  background-image:
    url("../img/jenski-paper-top-fade.svg"),
    radial-gradient(circle at 91% 2%, rgb(222 173 118 / .105), transparent 28%),
    repeating-linear-gradient(0deg, transparent 0 38px, rgb(127 89 54 / .026) 39px 40px);
  background-size: 100% 240px, 100% 100%, 100% 100%;
  background-repeat: no-repeat, no-repeat, repeat;
}


/* LONG-ARTICLE FIXED-PIXEL CUT PAPER — real 390px screenshot, 3 Nov 2026.
 * The earlier ragged polygon used 0.2–1% OF THE ENTIRE POST HEIGHT on Y.
 * A 7,000–12,000px article turned those cuts into ~70–120px white peaks,
 * physically clipping the H1 on phones even with a correct top-only SVG.
 * Keep all Y tear distances at fixed CSS pixels on EVERY viewport; only X
 * may use percentages. The bottom cuts also remain <=12px on a long post.
 * Do not replace article text with artwork to conceal the problem. */
body.jenski-site.single-post[class*="jenski-section-"] .jenski-reading-room {
  clip-path: polygon(
    0 16px, 11% 7px, 26% 13px, 39% 3px,
    52% 14px, 63% 4px, 78% 12px, 91% 5px, 100% 14px,
    100% calc(100% - 12px), 88% 100%, 66% calc(100% - 8px),
    44% 100%, 20% calc(100% - 8px), 0 calc(100% - 12px)
  );
}


/* MOBILE READABILITY — actual 320px/390px WordPress screenshot finding,
 * 4 November 2026. Preserve ALL SIX real links as the approved 3x2 grid
 * with subtle category underlines, but don't squeeze labels down to ~11px.
 * Two-line labels are preferred over illegibility or horizontal clipping. */
@media (max-width: 770px) {
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a,
  body.jenski-site[class*="jenski-section-"]:not(.home) nav.jenski-category-nav li a,
  body.jenski-site:not(.home) nav.jenski-category-nav li a {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 58px;
    height: auto;
    padding: 5px 4px;
    box-sizing: border-box;
    font-size: .875rem;
    line-height: 1.18;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    hyphens: none;
    text-align: center;
  }
  body.jenski-site nav.jenski-category-nav li a .wp-block-navigation-item__label {
    display: block;
    max-width: 100%;
    font-size: inherit;
    line-height: inherit;
    white-space: normal;
    overflow-wrap: normal;
    word-break: normal;
    text-align: center;
  }
}


/* OWNER-REFERENCE REDHEAD — ISOLATED VISUAL EXPERIMENT, 4 NOV 2026.
 * Original crop from Jen's approved contemporary visual direction,
 * with NO baked-in logo, category bar, post text, or navigation.
 * It replaces ONLY the old Home left mural in this preview branch.
 * A single separate Greek flag already exists in the shared masthead:
 * mask this portrait's far-right source stripes to avoid duplication.
 * Rights/provenance and Jen's exact WP render approval remain release gates. */
body.jenski-site.home .jenski-masthead::before {
  width: clamp(280px, 31vw, 440px);
  height: clamp(175px, 17vw, 238px);
  background-image: url("../img/jenski-home-mural-left.webp");
  background-position: left top;
  background-repeat: no-repeat;
  background-size: auto 100%;
  opacity: .97;
  -webkit-mask-image: linear-gradient(90deg, #000 0 69%, rgb(0 0 0 / .84) 80%, transparent 100%);
  mask-image: linear-gradient(90deg, #000 0 69%, rgb(0 0 0 / .84) 80%, transparent 100%);
}
@media (max-width: 770px) {
  body.jenski-site.home .jenski-masthead::before {
    width: clamp(146px, 48vw, 195px);
    height: clamp(100px, 31vw, 135px);
    background-size: auto 100%;
    opacity: .72;
  }
}

/* SMALL-PHONE ART COLLAGE — isolated preview, not an approved layout.
 * The earlier crop was covered by the centred 300px wordmark. Keep the
 * genuine readable link in front, but leave a dedicated portrait window
 * at the right edge on 320–390px phones. The crop remains decorative and
 * masks its Greek stripes so the separate existing flag is still unique.
 * Tablet/desktop and every archive/article masthead remain unchanged. */
@media (max-width: 480px) {
  body.jenski-site.home .jenski-wordmark {
    align-self: flex-start;
    width: min(70vw, 275px);
    height: min(50vw, 195px);
    margin-left: clamp(4px, 1.5vw, 12px);
    margin-right: 0;
  }
  body.jenski-site.home .jenski-masthead::before {
    /* home-wall.css hid the old mobile ::before completely. Only this
       isolated owner-portrait preview deliberately restores the element. */
    display: block;
    left: auto;
    right: 0;
    top: 6px;
    width: clamp(118px, 38vw, 170px);
    height: clamp(115px, 36vw, 145px);
    background-size: auto 100%;
    background-position: right top;
    opacity: .9;
    /* Earlier ::after mural painted over this portrait; masthead top and
       live logo/search are above it on z-index 2+. */
    z-index: 1;
    pointer-events: none;
    -webkit-mask-image: linear-gradient(90deg, transparent, #000 18%, #000 76%, transparent 100%);
    mask-image: linear-gradient(90deg, transparent, #000 18%, #000 76%, transparent 100%);
  }
}

/* NO OVERSIZED BLACK LOGO SLAB — 4 Nov real WordPress screenshot review.
 * Home was corrected first, but the *same* redundant charcoal backing was
 * still visibly covering the logo on real article screenshots at 1440/390.
 * The owner's one-wall visual direction applies to the entire site. Hide the
 * decorative slab on Home and all non-Home WordPress templates; preserve the
 * actual painted Jenski wordmark, its small .co.uk ink mark, real mural edges,
 * six functioning category links and the working search. This remains an
 * isolated, unapproved source preview, with no production deployment. */
body.jenski-site.home .jenski-masthead__top .jenski-masthead-paint,
body.jenski-site:not(.home) .jenski-masthead__top .jenski-masthead-paint {
  display: none;
}

/* Home right-hand collage remains recognisable, but its opaque charcoal
 * must not remake the rejected high-black band across the top. The portrait
 * at the left and the genuine WordPress controls remain independently drawn. */
body.jenski-site.home .jenski-masthead::after {
  opacity: .68;
}
@media (max-width: 480px) {
  body.jenski-site.home .jenski-masthead::after {
    opacity: .56;
  }
}

/* TEXT-ONLY LATEST IS STILL A REAL ARTICLE — NO INVENTED THUMBNAIL.
 * The older home-authentic-recovery.css mistakenly resurrected the rejected
 * purple 'FROM THE PILE' mock photo when a WordPress post has no real image.
 * The older home-wall.css rule had correctly collapsed that empty column.
 * Preserve that honest text-first behaviour on desktop/tablet too. Actual
 * featured-image posts retain their genuine photo and two-column layout. */
@media (min-width: 771px) {
  body.jenski-site.home #main-content .jenski-editorial-board .jenski-feature .wp-block-columns:not(:has(.wp-block-post-featured-image img)) {
    display: block;
    grid-template-columns: none;
  }
  body.jenski-site.home #main-content .jenski-editorial-board .jenski-feature .wp-block-columns:not(:has(.wp-block-post-featured-image img)) > .wp-block-column:first-child {
    display: none;
  }
  body.jenski-site.home #main-content .jenski-editorial-board .jenski-feature .wp-block-columns:not(:has(.wp-block-post-featured-image img)) > .wp-block-column:last-child {
    display: block;
    width: 100%;
    flex-basis: 100% !important;
  }
}

/* 4 NOV — OWNER-REFERENCE TYPOGRAPHY + SIX CUT-PAPER SLIPS (PRIVATE DRAFT)
 * Latest is a REAL semantic WordPress heading, not a stamp alone. The six
 * tabs retain the established WordPress slugs/accents; stronger coloured paper
 * restores the original tactile editorial collage without bright legacy hues.
 * The non-Home nav keeps the canonical quiet black ink strip. */
body.jenski-site.home #main-content .jenski-feature-heading {
  display: block;
  width: fit-content;
  max-width: 100%;
  margin: .07rem 0 .8rem;
  padding: .04em .12em .13em;
  background: transparent;
  color: #211b1c;
  font: 900 clamp(1.48rem, 2.4vw, 2.35rem)/1.16 Georgia, "Times New Roman", serif;
  letter-spacing: -.035em;
  text-decoration: underline;
  text-decoration-color: #ec7628;
  text-decoration-thickness: .16em;
  text-underline-offset: .11em;
  clip-path: none;
  transform: rotate(-.45deg);
}
body.jenski-site.home #main-content .jenski-feature-heading::before {
  display: none;
  content: none;
}
@media (min-width: 981px) {
  body.jenski-site.home #main-content > .jenski-editorial-board {
    grid-template-columns: minmax(0, 1.33fr) minmax(325px, .96fr);
    gap: clamp(10px, 1.2vw, 18px);
  }
}
body.jenski-site.home nav.jenski-category-nav {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none !important;
  padding: .18rem .12rem .42rem;
  margin-top: -.18rem;
}
body.jenski-site.home nav.jenski-category-nav > .wp-block-navigation__container {
  background: transparent !important;
  gap: clamp(5px, .7vw, 11px);
  overflow: visible;
}
body.jenski-site.home nav.jenski-category-nav li:nth-child(1) { --jenski-slip: #ec7628; --jenski-slip-ink: #141315; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(2) { --jenski-slip: #168f8b; --jenski-slip-ink: #141315; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(3) { --jenski-slip: #758c32; --jenski-slip-ink: #141315; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(4) { --jenski-slip: #a44391; --jenski-slip-ink: #fffaf0; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(5) { --jenski-slip: #2d70a9; --jenski-slip-ink: #fffaf0; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(6) { --jenski-slip: #bb8c18; --jenski-slip-ink: #141315; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a {
  background: var(--jenski-slip) !important;
  color: var(--jenski-slip-ink) !important;
  border: 2px solid #17151b;
  box-shadow: 3px 4px 0 rgb(0 0 0 / .65), inset 0 -4px 0 rgb(0 0 0 / .14);
  clip-path: polygon(0 2%, 92% 0, 100% 4%, 99% 95%, 93% 100%, 3% 98%, 0 85%);
  transform: rotate(var(--jenski-slip-tilt, 0deg));
  font-family: "Trebuchet MS", "Arial Black", system-ui, sans-serif;
  font-weight: 900;
  text-transform: uppercase;
  font-size: clamp(.75rem, 1.04vw, .98rem);
  letter-spacing: -.015em;
  text-shadow: none !important;
  min-height: 54px;
  padding: .44rem .38rem;
}
body.jenski-site.home nav.jenski-category-nav li:nth-child(1) { --jenski-slip-tilt: -.8deg; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(2) { --jenski-slip-tilt: .55deg; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(3) { --jenski-slip-tilt: -.45deg; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(4) { --jenski-slip-tilt: .65deg; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(5) { --jenski-slip-tilt: -.6deg; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(6) { --jenski-slip-tilt: .4deg; }
body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a .wp-block-navigation-item__label {
  color: var(--jenski-slip-ink) !important;
  font-family: inherit;
  font-weight: 900;
  line-height: 1.15;
}
body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a:hover {
  filter: brightness(1.07);
  transform: translateY(-2px) rotate(var(--jenski-slip-tilt, 0deg));
}
body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a:focus-visible {
  outline: 3px solid #fffaf0 !important;
  outline-offset: 2px;
}
@media (max-width: 770px) {
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a {
    min-height: 58px;
    font-size: .875rem;
    padding: 5px 3px;
  }
  body.jenski-site.home nav.jenski-category-nav > .wp-block-navigation__container {
    gap: 6px;
  }
  body.jenski-site.home #main-content .jenski-feature-heading {
    font-size: clamp(1.42rem, 5.8vw, 1.9rem);
  }
}
@media (prefers-reduced-motion: reduce) {
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a:hover {
    transform: rotate(var(--jenski-slip-tilt, 0deg));
  }
}

/* 4 NOV — ORIGINAL PAINTED LETTERING, NOT A PASTED BLACK .CO.UK TICKET.
 * Keep a single real, keyboard-accessible Jenski.co.uk link. The tiny suffix
 * now reads as white ink with the same burnt-orange rough stroke as the
 * recovered original logo. No solid pill/card/black paint slab covers the mark.
 * The source art and article/category identities are preserved. */
body.jenski-site .jenski-wordmark .jenski-wordmark__suffix {
  background: transparent !important;
  background-image: none !important;
  color: #fffaf0 !important;
  border: 0 !important;
  box-shadow: none !important;
  clip-path: none;
  padding: .02em .12em .12em;
  -webkit-text-stroke: .75px #ec7628;
  text-shadow:
    -1px -1px 0 #ec7628,
    2px 1px 0 #ec7628,
    -2px 2px 0 #ec7628,
    3px 3px 0 #181316,
    4px 4px 0 rgb(0 0 0 / .52);
  filter: drop-shadow(1px 2px 1px rgb(0 0 0 / .35));
  transform: rotate(-2.6deg);
}
body.jenski-site.home #main-content .jenski-feature-heading {
  margin-left: 0 !important;
  margin-right: 0 !important;
  margin-inline: 0 !important;
  text-align: left !important;
}

/* OWNER PORTRAIT CLEARANCE — desktop only. The saved owner artwork has the
 * sunglasses-redhead on the left, with Jenski painted beside (not over) her
 * face. Do not repaint/crop/mirror the person or move mobile controls. */
@media (min-width: 1280px) {
  body.jenski-site.home .jenski-masthead__top .jenski-wordmark {
    margin-left: clamp(255px, 21vw, 310px);
  }
}

/* 4 NOV GENUINE FULL-PAGE QA — the body's dark wall ended a few CSS pixels
 * before document scrollHeight, exposing the old BEIGE html background at
 * the foot of actual Home screenshots. Match the continuing ink/fibre wall
 * on the root only for Home; article/category html keeps its calm plaster.
 * This prevents a pale end-of-page stripe without padding the page or adding
 * fake visual content. */
html:has(body.jenski-site.home) {
  background-color: #1a1719;
  background-image: url("../img/jenski-grunge-fibre-tile.svg");
  background-repeat: repeat;
  background-size: 240px 240px;
}

/* OWNER-REFERENCE DESKTOP FLY-POSTER TABS — 4 NOV 2026.
 * The real Home screenshot had six 55px high flat strips; Jen's actual
 * reference has six physically prominent, rough cut-paper slips. Expand only
 * on wide screens; the proven 3x2 accessible mobile nav is deliberately
 * untouched. Existing original fibre texture is reused, not a new trademark
 * or static graphic masquerading as clickable navigation. */
@media (min-width: 1050px) {
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a {
    min-height: clamp(82px, 6.25vw, 98px);
    padding: .8rem .42rem;
    font-size: clamp(.99rem, 1.29vw, 1.2rem);
    background-image: url("../img/jenski-grunge-fibre-tile.svg") !important;
    background-size: 190px 190px;
    background-repeat: repeat;
    background-blend-mode: multiply;
    clip-path: polygon(0 3%, 10% 1%, 24% 3%, 40% 0, 65% 2%,
      85% 0, 99% 3%, 100% 22%, 99% 55%, 100% 91%,
      94% 100%, 75% 98%, 55% 100%, 32% 97%, 12% 100%, 0 96%);
  }
}

/* OWNER-REFERENCE DESKTOP NO-PHOTO COMPOSITION — 4 NOV 2026
 * The true latest post can legitimately have NO featured image. The staging
 * fixture tests that case. Keep the two authentic WP editorial papers and
 * all honest article copy; fill ONLY the open CHARCOAL WALL beneath its
 * shorter left paper with original wordless chalk/ink. Never invent a photo,
 * second latest post, link or third content card. The art vanishes when a
 * genuine featured image is present, and never appears on tablet/phone. */
@media (min-width: 1280px) {
  body.jenski-site.home #main-content > .jenski-editorial-board:has(.jenski-feature .wp-block-columns):not(:has(.jenski-feature .wp-block-post-featured-image img))::before {
    content: "";
    display: block;
    position: absolute;
    top: 295px;
    bottom: 1.5%;
    left: 2.2%;
    width: 55%;
    background: url("../img/jenski-no-photo-wall-sketch.svg") center center / contain no-repeat;
    pointer-events: none;
    z-index: 0;
    opacity: .88;
  }
}

/* OWNER-REFERENCE NAV DOODLES — 4 NOV 2026. At desktop sizes only, turn the
 * six real working WordPress paper slips from simple colour blocks into
 * little illustrated fly-posters. Original single SVG alpha-mask contains
 * six wordless hand-drawn category icons; ink inherits each tab's AA-readable
 * colour. No image/icon is an interactive link: existing anchor remains one
 * accessible tappable surface. 320/390/768 navigation stays pixel-identical. */
@media (min-width: 1050px) {
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: flex-end;
    padding: 39px .32rem .62rem;
  }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(n) a::before {
    content: "";
    display: block;
    position: absolute;
    top: 8px;
    left: calc(50% - 15px);
    width: 30px;
    height: 30px;
    background: var(--jenski-slip-ink);
    /* Inlined exact source asset jenski-category-doodles.svg to prevent
       an external SVG mask failing silently while preserving the authored
       source and Git-blob provenance separately. */
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20width%3D%22360%22%20height%3D%2260%22%20aria-hidden%3D%22true%22%3E%0A%3C!--%20Jenski%20original%20six%20category%20doodles%3A%20one%2060px%20cell%20per%20live%20WordPress%0A%20%20%20%20%20category%20in%20canonical%20order.%20Pure%20wordless%20ink%20path%20geometry%2C%20not%20a%20logo%2C%0A%20%20%20%20%20brand%2C%20image%2C%20font%2C%20screenshot%2C%20link%2C%20or%20decorative%20fake%20content.%0A%20%20%20%20%20Designed%20as%20a%20transparent%20alpha-mask%2C%20recoloured%20from%20accessible%20tab%20ink.%20--%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23151216%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3C!--%20Rabbit%20Holes%3A%20curious%20rabbit%20with%20deliberately%20uneven%20ears.%20--%3E%0A%3Cg%20stroke-width%3D%223.5%22%3E%0A%20%3Cpath%20d%3D%22M20%2020Q12%204%2018%203Q27%202%2030%2019M33%2019Q38%203%2046%205Q51%2010%2041%2024%22%2F%3E%0A%20%3Cpath%20d%3D%22M18%2024Q8%2033%2017%2044Q28%2053%2042%2042Q53%2030%2042%2022Q32%2016%2018%2024Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M24%2031l2-1m12%200%202%201M31%2035q2%204%205%200M31%2037q-8%206-13%205M35%2037q7%207%2013%205%22%20stroke-width%3D%222.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Things%20I%20Like%3A%20heart%20over%20broken%20orbit%20sparkle.%20--%3E%0A%3Cg%20transform%3D%22translate(60%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%2045Q5%2026%2013%2017Q19%209%2030%2019Q40%207%2047%2016Q56%2027%2030%2045Z%22%20stroke-width%3D%223.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M9%208l4%204M44%205l-2%206M49%2039l5%204M7%2040l-4%203M30%209V4%22%20stroke-width%3D%222.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M22%2020q-5%201-6%207%22%20stroke-width%3D%222.7%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Places%3A%20a%20map%20pin%20with%20scribbled%20trail.%20--%3E%0A%3Cg%20transform%3D%22translate(120%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%205Q12%206%2013%2025Q15%2038%2030%2053Q47%2036%2048%2024Q48%206%2030%205Z%22%20stroke-width%3D%223.9%22%2F%3E%0A%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%227%22%20stroke-width%3D%223.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M5%2048q7-5%2012-2m27%200q6-4%2011%200%22%20stroke-width%3D%222.6%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20How%20It's%20Done%3A%20handdrawn%20crossed%20spanner%20and%20pencil.%20--%3E%0A%3Cg%20transform%3D%22translate(180%200)%22%20stroke-width%3D%224%22%3E%0A%20%3Cpath%20d%3D%22M13%2010l8%208-2%207-7%202-8-8Q0%2030%2011%2036L32%2056Q38%2059%2043%2053Q46%2049%2042%2044L22%2025%22%20stroke-width%3D%223.4%22%2F%3E%0A%20%3Cpath%20d%3D%22M42%206L25%2024l11%2011L53%2018l-1-12-7%207-7-2Z%22%20stroke-width%3D%223.7%22%2F%3E%0A%20%3Ccircle%20cx%3D%2237%22%20cy%3D%2249%22%20r%3D%222.2%22%20fill%3D%22%23151216%22%20stroke%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Thoughts%3A%20speech%2Fthought%20bubble%20and%20an%20errant%20little%20spark.%20--%3E%0A%3Cg%20transform%3D%22translate(240%200)%22%20stroke-width%3D%223.6%22%3E%0A%20%3Cpath%20d%3D%22M12%2019Q10%205%2028%207Q45%204%2049%2018Q57%2027%2049%2036Q42%2045%2023%2041L11%2048%2014%2036Q2%2030%2012%2019Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M19%2023q4-5%209%200%206-6%2011%201M22%2031q5%204%2014-1%22%20stroke-width%3D%222.6%22%2F%3E%0A%20%3Cpath%20d%3D%22M48%205l5-3M53%2011l5%201%22%20stroke-width%3D%222.5%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Random%3A%20wonky%20six-sided%20dice%20with%20individually%20placed%20pips.%20--%3E%0A%3Cg%20transform%3D%22translate(300%200)%22%20stroke-width%3D%223.4%22%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%204%2054%2015%2054%2045%2030%2057%207%2045Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%2029%2054%2015M30%2029V57%22%2F%3E%0A%20%3Cg%20fill%3D%22%23151216%22%20stroke%3D%22none%22%3E%0A%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2228%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2239%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2243%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2247%22%20cy%3D%2240%22%20r%3D%222.8%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    mask-image: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20width%3D%22360%22%20height%3D%2260%22%20aria-hidden%3D%22true%22%3E%0A%3C!--%20Jenski%20original%20six%20category%20doodles%3A%20one%2060px%20cell%20per%20live%20WordPress%0A%20%20%20%20%20category%20in%20canonical%20order.%20Pure%20wordless%20ink%20path%20geometry%2C%20not%20a%20logo%2C%0A%20%20%20%20%20brand%2C%20image%2C%20font%2C%20screenshot%2C%20link%2C%20or%20decorative%20fake%20content.%0A%20%20%20%20%20Designed%20as%20a%20transparent%20alpha-mask%2C%20recoloured%20from%20accessible%20tab%20ink.%20--%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23151216%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3C!--%20Rabbit%20Holes%3A%20curious%20rabbit%20with%20deliberately%20uneven%20ears.%20--%3E%0A%3Cg%20stroke-width%3D%223.5%22%3E%0A%20%3Cpath%20d%3D%22M20%2020Q12%204%2018%203Q27%202%2030%2019M33%2019Q38%203%2046%205Q51%2010%2041%2024%22%2F%3E%0A%20%3Cpath%20d%3D%22M18%2024Q8%2033%2017%2044Q28%2053%2042%2042Q53%2030%2042%2022Q32%2016%2018%2024Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M24%2031l2-1m12%200%202%201M31%2035q2%204%205%200M31%2037q-8%206-13%205M35%2037q7%207%2013%205%22%20stroke-width%3D%222.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Things%20I%20Like%3A%20heart%20over%20broken%20orbit%20sparkle.%20--%3E%0A%3Cg%20transform%3D%22translate(60%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%2045Q5%2026%2013%2017Q19%209%2030%2019Q40%207%2047%2016Q56%2027%2030%2045Z%22%20stroke-width%3D%223.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M9%208l4%204M44%205l-2%206M49%2039l5%204M7%2040l-4%203M30%209V4%22%20stroke-width%3D%222.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M22%2020q-5%201-6%207%22%20stroke-width%3D%222.7%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Places%3A%20a%20map%20pin%20with%20scribbled%20trail.%20--%3E%0A%3Cg%20transform%3D%22translate(120%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%205Q12%206%2013%2025Q15%2038%2030%2053Q47%2036%2048%2024Q48%206%2030%205Z%22%20stroke-width%3D%223.9%22%2F%3E%0A%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%227%22%20stroke-width%3D%223.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M5%2048q7-5%2012-2m27%200q6-4%2011%200%22%20stroke-width%3D%222.6%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20How%20It's%20Done%3A%20handdrawn%20crossed%20spanner%20and%20pencil.%20--%3E%0A%3Cg%20transform%3D%22translate(180%200)%22%20stroke-width%3D%224%22%3E%0A%20%3Cpath%20d%3D%22M13%2010l8%208-2%207-7%202-8-8Q0%2030%2011%2036L32%2056Q38%2059%2043%2053Q46%2049%2042%2044L22%2025%22%20stroke-width%3D%223.4%22%2F%3E%0A%20%3Cpath%20d%3D%22M42%206L25%2024l11%2011L53%2018l-1-12-7%207-7-2Z%22%20stroke-width%3D%223.7%22%2F%3E%0A%20%3Ccircle%20cx%3D%2237%22%20cy%3D%2249%22%20r%3D%222.2%22%20fill%3D%22%23151216%22%20stroke%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Thoughts%3A%20speech%2Fthought%20bubble%20and%20an%20errant%20little%20spark.%20--%3E%0A%3Cg%20transform%3D%22translate(240%200)%22%20stroke-width%3D%223.6%22%3E%0A%20%3Cpath%20d%3D%22M12%2019Q10%205%2028%207Q45%204%2049%2018Q57%2027%2049%2036Q42%2045%2023%2041L11%2048%2014%2036Q2%2030%2012%2019Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M19%2023q4-5%209%200%206-6%2011%201M22%2031q5%204%2014-1%22%20stroke-width%3D%222.6%22%2F%3E%0A%20%3Cpath%20d%3D%22M48%205l5-3M53%2011l5%201%22%20stroke-width%3D%222.5%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Random%3A%20wonky%20six-sided%20dice%20with%20individually%20placed%20pips.%20--%3E%0A%3Cg%20transform%3D%22translate(300%200)%22%20stroke-width%3D%223.4%22%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%204%2054%2015%2054%2045%2030%2057%207%2045Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%2029%2054%2015M30%2029V57%22%2F%3E%0A%20%3Cg%20fill%3D%22%23151216%22%20stroke%3D%22none%22%3E%0A%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2228%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2239%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2243%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2247%22%20cy%3D%2240%22%20r%3D%222.8%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
    -webkit-mask-size: 600% 100%;
    mask-size: 600% 100%;
    -webkit-mask-position: var(--jenski-doodle-pos);
    mask-position: var(--jenski-doodle-pos);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    pointer-events: none;
  }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(1) { --jenski-doodle-pos: 0% 50%; }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(2) { --jenski-doodle-pos: 20% 50%; }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(3) { --jenski-doodle-pos: 40% 50%; }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(4) { --jenski-doodle-pos: 60% 50%; }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(5) { --jenski-doodle-pos: 80% 50%; }
  body.jenski-site.home nav.jenski-category-nav li:nth-child(6) { --jenski-doodle-pos: 100% 50%; }
}


/* JENSKI 6-CORNER ARCHIVE MARKS — 6 NOV 2026
 * Jen's hand-drawn six-icon artwork is retained verbatim, but each real
 * WordPress section archive displays ONLY its own small accent-coloured mark.
 * This is a reversible internal staging refinement, not owner sign-off.
 * Do not put the sprite over article prose, maps, buttons or post imagery.
 */
body.jenski-site.category[class*="jenski-section-"] {
  --jenski-archive-icon-position: 0% 50%;
  --jenski-archive-icons: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20360%2060%22%20width%3D%22360%22%20height%3D%2260%22%20aria-hidden%3D%22true%22%3E%0A%3C!--%20Jenski%20original%20six%20category%20doodles%3A%20one%2060px%20cell%20per%20live%20WordPress%0A%20%20%20%20%20category%20in%20canonical%20order.%20Pure%20wordless%20ink%20path%20geometry%2C%20not%20a%20logo%2C%0A%20%20%20%20%20brand%2C%20image%2C%20font%2C%20screenshot%2C%20link%2C%20or%20decorative%20fake%20content.%0A%20%20%20%20%20Designed%20as%20a%20transparent%20alpha-mask%2C%20recoloured%20from%20accessible%20tab%20ink.%20--%3E%0A%3Cg%20fill%3D%22none%22%20stroke%3D%22%23151216%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%0A%3C!--%20Rabbit%20Holes%3A%20curious%20rabbit%20with%20deliberately%20uneven%20ears.%20--%3E%0A%3Cg%20stroke-width%3D%223.5%22%3E%0A%20%3Cpath%20d%3D%22M20%2020Q12%204%2018%203Q27%202%2030%2019M33%2019Q38%203%2046%205Q51%2010%2041%2024%22%2F%3E%0A%20%3Cpath%20d%3D%22M18%2024Q8%2033%2017%2044Q28%2053%2042%2042Q53%2030%2042%2022Q32%2016%2018%2024Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M24%2031l2-1m12%200%202%201M31%2035q2%204%205%200M31%2037q-8%206-13%205M35%2037q7%207%2013%205%22%20stroke-width%3D%222.8%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Things%20I%20Like%3A%20heart%20over%20broken%20orbit%20sparkle.%20--%3E%0A%3Cg%20transform%3D%22translate(60%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%2045Q5%2026%2013%2017Q19%209%2030%2019Q40%207%2047%2016Q56%2027%2030%2045Z%22%20stroke-width%3D%223.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M9%208l4%204M44%205l-2%206M49%2039l5%204M7%2040l-4%203M30%209V4%22%20stroke-width%3D%222.8%22%2F%3E%0A%20%3Cpath%20d%3D%22M22%2020q-5%201-6%207%22%20stroke-width%3D%222.7%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Places%3A%20a%20map%20pin%20with%20scribbled%20trail.%20--%3E%0A%3Cg%20transform%3D%22translate(120%200)%22%3E%0A%20%3Cpath%20d%3D%22M30%205Q12%206%2013%2025Q15%2038%2030%2053Q47%2036%2048%2024Q48%206%2030%205Z%22%20stroke-width%3D%223.9%22%2F%3E%0A%20%3Ccircle%20cx%3D%2230%22%20cy%3D%2224%22%20r%3D%227%22%20stroke-width%3D%223.2%22%2F%3E%0A%20%3Cpath%20d%3D%22M5%2048q7-5%2012-2m27%200q6-4%2011%200%22%20stroke-width%3D%222.6%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20How%20It's%20Done%3A%20handdrawn%20crossed%20spanner%20and%20pencil.%20--%3E%0A%3Cg%20transform%3D%22translate(180%200)%22%20stroke-width%3D%224%22%3E%0A%20%3Cpath%20d%3D%22M13%2010l8%208-2%207-7%202-8-8Q0%2030%2011%2036L32%2056Q38%2059%2043%2053Q46%2049%2042%2044L22%2025%22%20stroke-width%3D%223.4%22%2F%3E%0A%20%3Cpath%20d%3D%22M42%206L25%2024l11%2011L53%2018l-1-12-7%207-7-2Z%22%20stroke-width%3D%223.7%22%2F%3E%0A%20%3Ccircle%20cx%3D%2237%22%20cy%3D%2249%22%20r%3D%222.2%22%20fill%3D%22%23151216%22%20stroke%3D%22none%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Thoughts%3A%20speech%2Fthought%20bubble%20and%20an%20errant%20little%20spark.%20--%3E%0A%3Cg%20transform%3D%22translate(240%200)%22%20stroke-width%3D%223.6%22%3E%0A%20%3Cpath%20d%3D%22M12%2019Q10%205%2028%207Q45%204%2049%2018Q57%2027%2049%2036Q42%2045%2023%2041L11%2048%2014%2036Q2%2030%2012%2019Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M19%2023q4-5%209%200%206-6%2011%201M22%2031q5%204%2014-1%22%20stroke-width%3D%222.6%22%2F%3E%0A%20%3Cpath%20d%3D%22M48%205l5-3M53%2011l5%201%22%20stroke-width%3D%222.5%22%2F%3E%0A%3C%2Fg%3E%0A%3C!--%20Random%3A%20wonky%20six-sided%20dice%20with%20individually%20placed%20pips.%20--%3E%0A%3Cg%20transform%3D%22translate(300%200)%22%20stroke-width%3D%223.4%22%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%204%2054%2015%2054%2045%2030%2057%207%2045Z%22%2F%3E%0A%20%3Cpath%20d%3D%22M7%2016%2030%2029%2054%2015M30%2029V57%22%2F%3E%0A%20%3Cg%20fill%3D%22%23151216%22%20stroke%3D%22none%22%3E%0A%20%20%20%3Ccircle%20cx%3D%2219%22%20cy%3D%2228%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2214%22%20cy%3D%2239%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2225%22%20cy%3D%2243%22%20r%3D%222.8%22%2F%3E%3Ccircle%20cx%3D%2240%22%20cy%3D%2232%22%20r%3D%222.8%22%2F%3E%0A%20%20%20%3Ccircle%20cx%3D%2247%22%20cy%3D%2240%22%20r%3D%222.8%22%2F%3E%0A%20%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E");
}
body.jenski-site.category.jenski-section-rabbit-holes { --jenski-archive-icon-position: 0% 50%; }
body.jenski-site.category.jenski-section-things-i-like { --jenski-archive-icon-position: 20% 50%; }
body.jenski-site.category.jenski-section-places { --jenski-archive-icon-position: 40% 50%; }
body.jenski-site.category.jenski-section-how-its-done { --jenski-archive-icon-position: 60% 50%; }
body.jenski-site.category.jenski-section-thoughts { --jenski-archive-icon-position: 80% 50%; }
body.jenski-site.category.jenski-section-random { --jenski-archive-icon-position: 100% 50%; }
body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::before {
  content: "";
  display: block;
  float: right;
  position: relative;
  width: 52px;
  height: 52px;
  margin: 6px 2px 8px 15px;
  background-color: var(--jenski-world-accent);
  -webkit-mask-image: var(--jenski-archive-icons);
  mask-image: var(--jenski-archive-icons);
  -webkit-mask-size: 600% 100%;
  mask-size: 600% 100%;
  -webkit-mask-position: var(--jenski-archive-icon-position);
  mask-position: var(--jenski-archive-icon-position);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  pointer-events: none;
}
@media (max-width: 620px) {
  body.jenski-site.category[class*="jenski-section-"] .jenski-category-intro::before {
    width: 42px;
    height: 42px;
    margin: 4px 0 5px 11px;
  }
}