/*
 * Jenski surface system.
 * Shape first; category/background art layers can be swapped later.
 */

:root {
  --jenski-orange: #ff5a1f;
  --jenski-ink: #111317;
  --jenski-paper: #f7f1e7;
  --jenski-wall: #1a1b1d;
  --jenski-rabbit: #ff3f96;
  --jenski-likes: #ffc43d;
  --jenski-places: #22bfea;
  --jenski-how: #ff6a2a;
  --jenski-thoughts: #63dd70;
  --jenski-random: #9756ed;
  --jenski-content-width: min(90vw, 1480px);
}

html { background: var(--jenski-wall); }
body.jenski-site {
  margin: 0;
  background:
    linear-gradient(rgb(10 10 11 / .28), rgb(10 10 11 / .28)),
    var(--jenski-wall);
  color: var(--jenski-ink);
}

.jenski-shell {
  width: var(--jenski-content-width);
  margin-inline: auto;
}

.jenski-masthead {
  position: relative;
  padding: clamp(1rem, 2vw, 2rem) 0 .6rem;
  isolation: isolate;
}

.jenski-masthead__top {
  display: grid;
  grid-template-columns: minmax(220px, .8fr) minmax(280px, 1.2fr);
  gap: clamp(1rem, 2.5vw, 3rem);
  align-items: end;
}

.jenski-wordmark {
  position: relative;
  z-index: 4;
  margin: 0 0 -.55rem;
  font-family: var(--wp--preset--font-family--ui-sans);
  font-size: clamp(4rem, 8vw, 8.5rem);
  font-style: italic;
  font-weight: 900;
  line-height: .72;
  letter-spacing: -.08em;
  color: #fff;
  -webkit-text-stroke: clamp(2px, .3vw, 6px) var(--jenski-orange);
  filter: drop-shadow(0 .22rem 0 rgb(0 0 0 / .45));
  text-decoration: none;
}

.jenski-search .wp-block-search__inside-wrapper {
  border: 2px solid rgb(255 255 255 / .52);
  border-radius: .4rem;
  background: rgb(10 12 15 / .86);
  padding: .25rem;
}
.jenski-search input,
.jenski-search button { color: #fff; background: transparent; }

.jenski-category-nav {
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: .45rem;
  margin-left: clamp(7rem, 17vw, 19rem);
}

.jenski-category-nav a {
  display: flex;
  min-height: 3.6rem;
  align-items: center;
  justify-content: center;
  padding: .8rem .65rem;
  border: 2px solid rgb(0 0 0 / .35);
  border-radius: .18rem;
  color: #111;
  font-weight: 800;
  text-decoration: none;
  box-shadow: 0 .18rem 0 rgb(0 0 0 / .35);
  transform: rotate(var(--tilt, 0deg));
}
.jenski-category-nav li:nth-child(1) a { background: var(--jenski-rabbit); --tilt: -.35deg; }
.jenski-category-nav li:nth-child(2) a { background: var(--jenski-likes); --tilt: .2deg; }
.jenski-category-nav li:nth-child(3) a { background: var(--jenski-places); --tilt: -.15deg; }
.jenski-category-nav li:nth-child(4) a { background: var(--jenski-how); --tilt: .2deg; }
.jenski-category-nav li:nth-child(5) a { background: var(--jenski-thoughts); --tilt: -.2deg; }
.jenski-category-nav li:nth-child(6) a { background: var(--jenski-random); --tilt: .3deg; }

.jenski-paper {
  background: var(--jenski-paper);
  border: 1px solid rgb(49 40 31 / .24);
  box-shadow: 0 .6rem 1.3rem rgb(0 0 0 / .25);
}

.jenski-feature {
  margin-top: .5rem;
  padding: clamp(1rem, 2vw, 1.6rem);
}
.jenski-feature .wp-block-post-featured-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.jenski-recent-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: .9rem;
  margin-block: .9rem 2rem;
}
.jenski-recent-grid .wp-block-post {
  background: var(--jenski-paper);
  border: 1px solid rgb(49 40 31 / .22);
  box-shadow: 0 .35rem .9rem rgb(0 0 0 / .22);
  overflow: hidden;
}
.jenski-recent-grid .wp-block-post-featured-image { margin: 0; }
.jenski-recent-grid .wp-block-post-featured-image img {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}
.jenski-recent-grid .wp-block-post-title,
.jenski-recent-grid .wp-block-post-excerpt,
.jenski-recent-grid .wp-block-post-date,
.jenski-recent-grid .wp-block-post-terms {
  margin-inline: .85rem;
}

.jenski-reading-room {
  width: min(92vw, 860px);
  margin: clamp(1rem, 4vw, 4rem) auto 5rem;
  padding: clamp(1.2rem, 4vw, 4rem);
  background: var(--jenski-paper);
  box-shadow: 0 1rem 3rem rgb(0 0 0 / .32);
}

.jenski-map {
  width: 100%;
  min-height: 560px;
  border: 4px solid var(--jenski-paper);
  box-shadow: 0 .8rem 2rem rgb(0 0 0 / .26);
  background: #d9d2c7;
}
.jenski-map-empty {
  padding: 3rem;
  background: var(--jenski-paper);
  border: 2px dashed rgb(0 0 0 / .35);
  text-align: center;
}

@media (max-width: 980px) {
  :root { --jenski-content-width: min(94vw, 880px); }
  .jenski-masthead__top { grid-template-columns: 1fr; }
  .jenski-wordmark { margin-bottom: -.2rem; }
  .jenski-category-nav {
    margin-left: 0;
    grid-template-columns: repeat(3, 1fr);
  }
  .jenski-recent-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .jenski-category-nav { grid-template-columns: repeat(2, 1fr); }
  .jenski-recent-grid { grid-template-columns: 1fr; }
  .jenski-map { min-height: 420px; }
}

/* Background layer contract — independent of Gutenberg geometry. */
body.jenski-site{
  background-color:var(--jenski-wall);
  background-image:
    linear-gradient(rgb(8 9 10 / .18),rgb(8 9 10 / .18)),
    url("../img/default-background.svg"),
    repeating-linear-gradient(135deg,rgb(255 255 255 / .018) 0 2px,transparent 2px 44px);
  background-size:auto,1600px auto,46px 46px;
  background-position:center,top center,0 0;
  background-repeat:no-repeat,no-repeat,repeat;
  background-attachment:fixed,fixed,fixed;
}
body.jenski-site.home{
  background-image:
    linear-gradient(rgb(8 9 10 / .18),rgb(8 9 10 / .18)),
    url("../img/home-background.svg"),
    repeating-linear-gradient(135deg,rgb(255 255 255 / .018) 0 2px,transparent 2px 44px);
}
body.jenski-site .jenski-masthead{
  background:linear-gradient(180deg,rgb(10 11 13 / .25),rgb(10 11 13 / .58));
}
@media(max-width:700px){body.jenski-site{background-attachment:scroll,scroll,scroll;background-size:auto,760px auto,46px 46px}}

.jenski-map-toolbar{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  margin:0 0 .6rem;color:#f5f1e8
}
.jenski-map-toolbar p{margin:0;white-space:nowrap}
.jenski-map-filters{display:flex;gap:.45rem;flex-wrap:wrap}
.jenski-map-filters button{
  min-height:42px;border:1px solid rgb(255 255 255 / .35);
  background:rgb(12 13 15 / .72);color:#fff;padding:.55rem .8rem;
  border-radius:3px;font-weight:800;cursor:pointer
}
.jenski-map-filters button.is-active{
  background:var(--jenski-places);border-color:var(--jenski-places);color:#0b1b22
}
@media(max-width:620px){
  .jenski-map-toolbar{align-items:flex-start;flex-direction:column}
  .jenski-map-filters{display:grid;grid-template-columns:1fr 1fr;width:100%}
  .jenski-map-filters button{text-align:center}
}

/* Category archive personalities: same Jenski skeleton, different content rhythm. */
.jenski-category-archive{
  --jenski-category-accent:var(--jenski-rabbit);
  margin-top:.8rem;
}
.jenski-category-rabbit{--jenski-category-accent:var(--jenski-rabbit)}
.jenski-category-likes{--jenski-category-accent:var(--jenski-likes)}
.jenski-category-how{--jenski-category-accent:var(--jenski-how)}
.jenski-category-thoughts{--jenski-category-accent:var(--jenski-thoughts)}
.jenski-category-random{--jenski-category-accent:var(--jenski-random)}
.jenski-category-archive>.wp-block-query-title,
.jenski-category-archive .jenski-category-heading{
  border-top:7px solid var(--jenski-category-accent);
}
.jenski-category-archive .wp-block-post{
  background:var(--jenski-paper);
  border:1px solid rgb(49 40 31 / .22);
  box-shadow:0 .35rem .9rem rgb(0 0 0 / .2);
}
.jenski-category-archive .wp-block-post-title,
.jenski-category-archive .wp-block-post-excerpt,
.jenski-category-archive .wp-block-post-date,
.jenski-category-archive .wp-block-post-terms{margin-inline:1rem}
.jenski-category-archive .wp-block-post-featured-image{margin:0}
.jenski-category-archive .wp-block-post-featured-image img{aspect-ratio:16/9;object-fit:cover}

/* Rabbit Holes: two-column evidence-led cards. */
.jenski-category-rabbit .wp-block-post-template{
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9rem
}
.jenski-category-rabbit .wp-block-post{padding-bottom:1rem;border-top:6px solid var(--jenski-rabbit)}

/* Things I Like: visual shelf. */
.jenski-category-likes .wp-block-post-template{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem
}
.jenski-category-likes .wp-block-post{overflow:hidden;padding-bottom:1rem}
.jenski-category-likes .wp-block-post-featured-image img{aspect-ratio:4/3}

/* How It's Done: practical rows. */
.jenski-category-how .wp-block-post-template{display:grid;gap:.75rem}
.jenski-category-how .wp-block-post{
  padding:1rem 1.15rem;border-left:7px solid var(--jenski-how)
}
.jenski-category-how .wp-block-post-featured-image{display:none}

/* Thoughts: calm, narrow, text-first. */
.jenski-category-thoughts{max-width:900px!important}
.jenski-category-thoughts .wp-block-post-template{display:grid;gap:.8rem}
.jenski-category-thoughts .wp-block-post{padding:1.4rem 1.6rem}
.jenski-category-thoughts .wp-block-post-featured-image{display:none}
.jenski-category-thoughts .wp-block-post-title{font-size:clamp(2rem,4vw,3.6rem)}
.jenski-category-thoughts .wp-block-post-excerpt{font-family:var(--wp--preset--font-family--editorial-serif);font-size:1.05rem;line-height:1.7}

/* Random: deliberate mixed fallback. */
.jenski-category-random .wp-block-post-template{
  display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem
}
.jenski-category-random .wp-block-post{padding-bottom:1rem;border-top:6px solid var(--jenski-random)}
.jenski-category-random .wp-block-post:nth-child(4n+1){grid-column:span 2}
.jenski-category-random .wp-block-post:nth-child(4n+2){transform:rotate(-.25deg)}

@media(max-width:900px){
  .jenski-category-likes .wp-block-post-template,
  .jenski-category-random .wp-block-post-template{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:620px){
  .jenski-category-rabbit .wp-block-post-template,
  .jenski-category-likes .wp-block-post-template,
  .jenski-category-random .wp-block-post-template{grid-template-columns:1fr}
  .jenski-category-random .wp-block-post:nth-child(4n+1){grid-column:auto}
}

/* Long-form reading system. */
.jenski-reading-room{
  position:relative;
  border-top:7px solid var(--jenski-orange);
}
body.jenski-category-rabbit-holes .jenski-reading-room{border-top-color:var(--jenski-rabbit)}
body.jenski-category-things-i-like .jenski-reading-room{border-top-color:var(--jenski-likes)}
body.jenski-category-places .jenski-reading-room{border-top-color:var(--jenski-places)}
body.jenski-category-how-its-done .jenski-reading-room{border-top-color:var(--jenski-how)}
body.jenski-category-thoughts .jenski-reading-room{border-top-color:var(--jenski-thoughts)}
body.jenski-category-random .jenski-reading-room{border-top-color:var(--jenski-random)}

.jenski-reading-room .wp-block-post-content{
  font-family:var(--wp--preset--font-family--editorial-serif);
  font-size:clamp(1.03rem,1.2vw,1.16rem);
  line-height:1.72;
}
.jenski-reading-room .wp-block-post-content>p,
.jenski-reading-room .wp-block-post-content>ul,
.jenski-reading-room .wp-block-post-content>ol,
.jenski-reading-room .wp-block-post-content>blockquote{
  max-width:72ch;
  margin-inline:auto;
}
.jenski-reading-room .wp-block-post-content h2,
.jenski-reading-room .wp-block-post-content h3{
  max-width:72ch;margin-left:auto;margin-right:auto;
}
.jenski-reading-room blockquote{
  border-left:5px solid var(--jenski-orange);
  padding:.35rem 0 .35rem 1.15rem;
  font-size:1.15em;
}
.jenski-reading-room pre,
.jenski-reading-room .wp-block-code{
  overflow:auto;background:#171a1e;color:#f3efe6;padding:1rem;border-radius:3px;
  font-family:var(--wp--preset--font-family--mono);font-size:.9rem;line-height:1.55
}
.jenski-reading-room table{width:100%;border-collapse:collapse;font-family:var(--wp--preset--font-family--ui-sans);font-size:.92rem}
.jenski-reading-room th,.jenski-reading-room td{padding:.65rem;border-bottom:1px solid #d4c9bb;text-align:left}
.jenski-reading-room figcaption{font-size:.8rem;color:#6d665e;font-family:var(--wp--preset--font-family--ui-sans)}

.jenski-article-meta{
  display:flex;gap:.5rem;flex-wrap:wrap;margin:.6rem 0 1rem;
  font-family:var(--wp--preset--font-family--ui-sans);font-size:.8rem
}
.jenski-article-meta span{background:#eadfD1;padding:.4rem .55rem;border-radius:2px}
.jenski-place-meta span{border-left:4px solid var(--jenski-places)}
.jenski-how-meta span{border-left:4px solid var(--jenski-how)}

.jenski-evidence-legend{
  display:flex;gap:.4rem;flex-wrap:wrap;padding:.9rem;
  border:1px solid #cdbfb0;background:#eee5d8;
  font-family:var(--wp--preset--font-family--ui-sans);font-size:.74rem
}
.jenski-evidence-legend strong{margin-right:.25rem}
.jenski-evidence-legend span{padding:.35rem .45rem;border:1px solid #b9ab9d;background:#f8f1e7}

.jenski-practical-note{
  padding:1rem 1.1rem;border-left:6px solid var(--jenski-how);background:#eee5d8
}
.jenski-practical-note>*:first-child{margin-top:0}
.jenski-practical-note>*:last-child{margin-bottom:0}

@media(max-width:620px){
  .jenski-reading-room{width:min(94vw,860px);padding:1.1rem}
  .jenski-reading-room .wp-block-post-content{font-size:1rem;line-height:1.68}
}

/* Search / archive / 404 utilities. */
.jenski-utility-heading{
  margin-top:.8rem;padding:1.2rem 1.4rem;border-top:6px solid var(--jenski-orange)
}
.jenski-search-results,.jenski-archive-list{margin-top:.8rem}
.jenski-search-results .wp-block-post-template,
.jenski-archive-list .wp-block-post-template{display:grid;gap:.7rem}
.jenski-search-result{padding:1rem 1.1rem}
.jenski-search-result .wp-block-post-title{margin:.25rem 0}
.jenski-search-result .wp-block-post-excerpt{margin:.35rem 0}
.jenski-archive-row{
  display:flex;justify-content:space-between;gap:1rem;align-items:center;
  padding:.85rem 1rem
}
.jenski-archive-row .wp-block-post-title{margin:.15rem 0}
.jenski-no-results{padding:1.4rem}
.jenski-404{
  margin-top:1rem;padding:clamp(1.5rem,4vw,4rem);text-align:center;
  border-top:8px solid var(--jenski-random)
}
.jenski-404-code{
  margin:0;font:900 clamp(4rem,10vw,9rem)/.8 var(--wp--preset--font-family--mono);
  color:var(--jenski-random)
}
.jenski-404 .wp-block-heading{margin:.7rem auto;max-width:14ch}
.jenski-404>p:not(.jenski-404-code){max-width:52ch;margin-inline:auto}
.jenski-404-search{max-width:720px;margin:1.2rem auto}
.jenski-404-nav{justify-content:center!important}
.jenski-404-nav a{font-weight:800}
@media(max-width:620px){
  .jenski-archive-row{align-items:flex-start;flex-direction:column}
  .jenski-utility-heading{padding:1rem}
}

.jenski-section-heading{align-items:end;margin:.15rem 0 .65rem}
.jenski-section-heading h2,.jenski-section-heading p{margin:0}
.jenski-section-heading a{color:#f5f1e8;font-weight:800;text-decoration:none}
.jenski-section-heading a:hover,.jenski-section-heading a:focus-visible{text-decoration:underline}

/* Local Places map: no third-party tile/runtime dependency. */
.jenski-map-shell{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(250px,.3fr);
  gap:.8rem;
  padding:.8rem;
  background:var(--jenski-paper);
  border:1px solid rgb(49 40 31 / .22);
  box-shadow:0 .8rem 2rem rgb(0 0 0 / .26)
}
.jenski-map{
  position:relative;
  width:100%;
  min-height:520px;
  overflow:hidden;
  border:0;
  box-shadow:none;
  background:#cfd7d2
}
.jenski-world-map-svg{
  position:absolute;inset:0;width:100%;height:100%;display:block
}
.jenski-world-map-svg .jenski-map-ocean{fill:#cfd7d2}
.jenski-world-map-svg path{
  fill:#aab3a8;
  stroke:#929d94;
  stroke-width:2
}
.jenski-map-pin{
  position:absolute;
  left:var(--pin-x);
  top:var(--pin-y);
  width:34px;height:34px;
  transform:translate(-50%,-50%) rotate(-45deg);
  border:0;
  border-radius:50% 50% 50% 0;
  background:var(--jenski-places);
  color:#102a35;
  box-shadow:0 4px 10px rgb(0 0 0 / .25);
  cursor:pointer;
  z-index:2
}
.jenski-map-pin span{display:block;transform:rotate(45deg);font-size:1rem}
.jenski-map-pin[data-status="interest"]{background:var(--jenski-rabbit)}
.jenski-map-pin[data-status="want"]{background:var(--jenski-likes)}
.jenski-map-pin:hover,
.jenski-map-pin:focus-visible,
.jenski-map-pin.is-selected{
  outline:4px solid rgb(255 255 255 / .9);
  outline-offset:2px;
  z-index:3
}
.jenski-map-pin[hidden]{display:none}
.jenski-map-detail{
  align-self:center;
  padding:clamp(1rem,2vw,2rem)
}
.jenski-map-detail[hidden]{display:none}
.jenski-map-detail-status{
  display:inline-block;
  padding:.3rem .5rem;
  background:var(--jenski-places);
  font-size:.72rem;
  font-weight:900;
  text-transform:uppercase
}
.jenski-map-detail[data-status="interest"] .jenski-map-detail-status{background:var(--jenski-rabbit)}
.jenski-map-detail[data-status="want"] .jenski-map-detail-status{background:var(--jenski-likes)}
.jenski-map-detail h3{
  margin:.55rem 0 .7rem;
  font-family:var(--wp--preset--font-family--editorial-serif);
  font-size:clamp(1.8rem,3vw,3.2rem);
  line-height:1
}
.jenski-map-detail a{font-weight:900;color:var(--jenski-ink)}
@media(max-width:900px){
  .jenski-map-shell{grid-template-columns:1fr}
  .jenski-map{min-height:420px}
  .jenski-map-detail{border-top:1px solid #d0c5b6}
}
@media(max-width:620px){
  .jenski-map{min-height:300px}
  .jenski-map-pin{width:28px;height:28px}
}

/* Quirky Jenski 404 / Easter egg. */
.jenski-404{
  overflow:hidden;
  border-top:8px solid var(--jenski-random);
  position:relative;
}
.jenski-404::before{
  content:"";
  position:absolute;
  inset:auto -8% -42% auto;
  width:360px;
  aspect-ratio:1;
  border-radius:50%;
  background:radial-gradient(circle at 42% 38%,rgb(151 86 237 / .22),transparent 62%);
  pointer-events:none
}
.jenski-404-mark{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(.4rem,2vw,1.1rem);
  margin:0 auto 1rem;
  font:900 clamp(5rem,12vw,10rem)/.8 var(--wp--preset--font-family--mono);
  color:var(--jenski-random)
}
.jenski-404-ball{
  width:clamp(5.2rem,11vw,9rem);
  aspect-ratio:1;
  border-radius:50%;
  border:0;
  background:#090a0b;
  box-shadow:
    inset -18px -22px 34px rgb(255 255 255 / .06),
    0 .55rem 1rem rgb(0 0 0 / .3);
  display:grid;
  place-items:center;
  cursor:pointer;
  transition:transform .15s ease
}
.jenski-404-ball:hover,
.jenski-404-ball:focus-visible{transform:translateY(-3px) rotate(-4deg)}
.jenski-404-ball:focus-visible{outline:4px solid var(--jenski-random);outline-offset:4px}
.jenski-404-ball__disc{
  width:46%;
  aspect-ratio:1;
  border-radius:50%;
  display:grid;
  place-items:center;
  background:#f5f1e8;
  color:#111;
  font:900 clamp(2rem,4vw,3.8rem)/1 Georgia,serif
}
.jenski-404-ball.is-shaking{animation:jenski-404-shake .42s ease}
@keyframes jenski-404-shake{
  0%,100%{transform:rotate(0)}
  22%{transform:rotate(-11deg) translateX(-4px)}
  48%{transform:rotate(10deg) translateX(4px)}
  72%{transform:rotate(-6deg)}
}
.jenski-404-fortune{
  max-width:52ch;
  margin:.8rem auto 1.2rem;
  font-style:italic;
  color:#5b544d
}
.jenski-404-home .wp-block-button__link{
  background:var(--jenski-random);
  color:#fff;
  font-weight:900
}
@media(prefers-reduced-motion:reduce){
  .jenski-404-ball{transition:none}
  .jenski-404-ball.is-shaking{animation:none}
}

/* Baseline keyboard/accessibility treatment. */
.jenski-skip-link{
  position:fixed;
  z-index:9999;
  top:.5rem;
  left:.5rem;
  transform:translateY(-180%);
  background:#fff;
  color:#111;
  padding:.7rem .9rem;
  border:3px solid var(--jenski-orange);
  font-weight:900;
  text-decoration:none
}
.jenski-skip-link:focus{transform:translateY(0)}
body.jenski-site a:focus-visible,
body.jenski-site button:focus-visible,
body.jenski-site input:focus-visible,
body.jenski-site select:focus-visible{
  outline:3px solid #fff;
  outline-offset:3px;
  box-shadow:0 0 0 6px var(--jenski-orange)
}
.jenski-archive-note{
  max-width:72ch;
  margin:1.2rem auto;
  padding:1rem 1.1rem;
  background:#eee5d8;
  border-left:6px solid var(--jenski-orange);
  font-family:var(--wp--preset--font-family--ui-sans);
  font-size:.88rem
}
.jenski-archive-note h3{margin:.05rem 0 .5rem}
.jenski-archive-note p{margin:.3rem 0}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{scroll-behavior:auto!important}
}

/* Real WordPress render alignment with the approved pattern-system shape. */
.jenski-recent-grid{
  display:block;
}
.jenski-recent-grid .wp-block-post-template{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.9rem;
  margin:0;
  padding:0;
  list-style:none;
}
.jenski-recent-grid .wp-block-post{
  min-width:0;
  padding-bottom:.9rem;
}
.jenski-recent-grid .wp-block-post-title a,
.jenski-feature .wp-block-post-title a,
.jenski-reading-room .wp-block-post-title a{
  color:var(--jenski-ink);
  text-decoration:none;
}
.jenski-recent-grid .wp-block-post-title a:hover,
.jenski-feature .wp-block-post-title a:hover{
  text-decoration:underline;
  text-decoration-thickness:.08em;
  text-underline-offset:.12em;
}
.jenski-recent-grid .wp-block-post{
  --jenski-post-accent:var(--jenski-orange);
}
.jenski-recent-grid .category-rabbit-holes{--jenski-post-accent:var(--jenski-rabbit)}
.jenski-recent-grid .category-things-i-like{--jenski-post-accent:var(--jenski-likes)}
.jenski-recent-grid .category-places{--jenski-post-accent:var(--jenski-places)}
.jenski-recent-grid .category-how-its-done{--jenski-post-accent:var(--jenski-how)}
.jenski-recent-grid .category-thoughts{--jenski-post-accent:var(--jenski-thoughts)}
.jenski-recent-grid .category-random{--jenski-post-accent:var(--jenski-random)}
.jenski-recent-grid .taxonomy-category a{
  display:inline-block;
  margin-top:.7rem;
  padding:.28rem .46rem;
  border-radius:2px;
  background:var(--jenski-post-accent);
  color:#111;
  font-size:.72rem;
  font-weight:900;
  text-decoration:none;
}
.jenski-recent-grid .wp-block-post-title{
  margin-top:.5rem;
  font-family:var(--wp--preset--font-family--editorial-serif);
  font-size:clamp(1.2rem,1.45vw,1.55rem);
  line-height:1.06;
}
.jenski-section-heading h2{
  color:#f5f1e8;
}
.jenski-feature .wp-block-post-title{
  margin:.4rem 0 .7rem;
  font-family:var(--wp--preset--font-family--editorial-serif);
  font-size:clamp(2.5rem,4.4vw,5rem)!important;
  line-height:.96;
  letter-spacing:-.02em;
}
.jenski-feature .wp-block-post{
  --jenski-post-accent:var(--jenski-orange);
}
.jenski-feature .category-rabbit-holes{--jenski-post-accent:var(--jenski-rabbit)}
.jenski-feature .category-things-i-like{--jenski-post-accent:var(--jenski-likes)}
.jenski-feature .category-places{--jenski-post-accent:var(--jenski-places)}
.jenski-feature .category-how-its-done{--jenski-post-accent:var(--jenski-how)}
.jenski-feature .category-thoughts{--jenski-post-accent:var(--jenski-thoughts)}
.jenski-feature .category-random{--jenski-post-accent:var(--jenski-random)}
.jenski-feature .taxonomy-category a{
  display:inline-block;
  padding:.3rem .5rem;
  border-radius:2px;
  background:var(--jenski-post-accent);
  color:#111;
  font-size:.72rem;
  font-weight:900;
  text-decoration:none;
}
.jenski-feature .wp-block-columns:not(:has(.wp-block-post-featured-image)) > .wp-block-column:first-child{
  display:none;
}
.jenski-feature .wp-block-columns:not(:has(.wp-block-post-featured-image)) > .wp-block-column:last-child{
  flex-basis:100%!important;
}
.jenski-reading-room .taxonomy-category a{
  color:var(--jenski-ink);
  font-weight:800;
}
@media(max-width:980px){
  .jenski-recent-grid .wp-block-post-template{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media(max-width:620px){
  .jenski-recent-grid .wp-block-post-template{
    grid-template-columns:1fr;
  }
  .jenski-feature .wp-block-post-title{
    font-size:2.55rem!important;
  }
}

/* v0.9 visual closeout — controlled mess, stronger hierarchy, calmer reading. */
:root{
  --jenski-paper-warm:#f7efe1;
  --jenski-paper-cool:#f1eee7;
  --jenski-shadow-hard:0 .32rem 0 rgb(0 0 0 / .28),0 1.1rem 2.4rem rgb(0 0 0 / .22);
  --jenski-shadow-soft:0 .85rem 2.2rem rgb(0 0 0 / .26);
}

body.jenski-site{
  background-color:#151618;
}
body.jenski-site .jenski-masthead{
  padding-top:clamp(.8rem,1.6vw,1.45rem);
  padding-bottom:.95rem;
  background:
    linear-gradient(180deg,rgb(7 8 10 / .18),rgb(7 8 10 / .72));
}
body.jenski-site .jenski-masthead::before{
  content:"";
  position:absolute;
  z-index:-1;
  inset:.4rem max(-1.1rem,calc((100vw - var(--jenski-content-width))/ -2)) .15rem;
  pointer-events:none;
  background:
    linear-gradient(90deg,transparent 0 5%,rgb(5 6 7 / .34) 17% 83%,transparent 96%);
}

.jenski-masthead__top{
  grid-template-columns:minmax(250px,.72fr) minmax(300px,1.28fr);
  gap:clamp(1rem,3vw,4rem);
}
.jenski-wordmark{
  width:max-content;
  margin:0 0 -.9rem .15rem;
  font-family:"Marker Felt","Segoe Print","Bradley Hand","Comic Sans MS",var(--wp--preset--font-family--ui-sans);
  font-size:clamp(4.5rem,8.7vw,9.2rem);
  font-style:normal;
  font-weight:900;
  line-height:.67;
  letter-spacing:-.095em;
  transform:rotate(-2.3deg) skewX(-4deg);
  -webkit-text-stroke:clamp(1.5px,.22vw,4px) var(--jenski-orange);
  text-shadow:
    .025em .025em 0 #111,
    -.018em .014em 0 #111,
    0 .07em 0 rgb(0 0 0 / .32);
  filter:drop-shadow(0 .15rem .08rem rgb(0 0 0 / .42));
}
.jenski-wordmark::after{
  content:"";
  position:absolute;
  left:8%;
  right:-3%;
  bottom:-.2rem;
  height:.16em;
  border-radius:50%;
  background:var(--jenski-orange);
  transform:rotate(-1.2deg) skewX(-18deg);
  opacity:.9;
  clip-path:polygon(0 32%,9% 10%,31% 27%,54% 5%,78% 22%,100% 0,97% 68%,75% 56%,50% 78%,23% 57%,2% 82%);
}

.jenski-search{
  transform:rotate(.18deg);
}
.jenski-search .wp-block-search__inside-wrapper{
  min-height:3.35rem;
  border:1px solid rgb(255 255 255 / .42);
  border-radius:2px;
  background:
    linear-gradient(100deg,rgb(10 12 15 / .94),rgb(19 21 24 / .87));
  box-shadow:0 .28rem 0 rgb(0 0 0 / .35);
}
.jenski-search input{
  padding-left:1rem;
  font-size:1rem;
}
.jenski-search input::placeholder{color:rgb(255 255 255 / .66)}
.jenski-search button{
  min-width:3.4rem;
  border-left:1px solid rgb(255 255 255 / .22);
}
.jenski-search:focus-within .wp-block-search__inside-wrapper{
  border-color:var(--jenski-orange);
  box-shadow:0 0 0 3px rgb(255 90 31 / .24),0 .28rem 0 rgb(0 0 0 / .35);
}

.jenski-category-nav{
  gap:clamp(.25rem,.55vw,.55rem);
  margin-left:clamp(6rem,15vw,17rem);
  align-items:center;
}
.jenski-category-nav a{
  position:relative;
  min-height:3.45rem;
  padding:.68rem .55rem;
  border:1px solid rgb(0 0 0 / .48);
  border-radius:1px;
  font-size:clamp(.78rem,.85vw,.96rem);
  font-weight:900;
  line-height:1.05;
  box-shadow:0 .2rem 0 rgb(0 0 0 / .38),0 .55rem 1rem rgb(0 0 0 / .12);
  transform:translateY(var(--lift,0)) rotate(var(--tilt,0deg));
  transition:transform .14s ease,filter .14s ease;
}
.jenski-category-nav li:nth-child(1) a{--tilt:-1.15deg;--lift:.12rem}
.jenski-category-nav li:nth-child(2) a{--tilt:.7deg;--lift:-.08rem}
.jenski-category-nav li:nth-child(3) a{--tilt:-.45deg;--lift:.16rem}
.jenski-category-nav li:nth-child(4) a{--tilt:.9deg;--lift:-.12rem}
.jenski-category-nav li:nth-child(5) a{--tilt:-.7deg;--lift:.1rem}
.jenski-category-nav li:nth-child(6) a{--tilt:1.1deg;--lift:-.05rem}
.jenski-category-nav a:hover,
.jenski-category-nav a:focus-visible{
  transform:translateY(calc(var(--lift,0) - .18rem)) rotate(0deg);
  filter:saturate(1.08) brightness(1.05);
}

.jenski-paper{
  background:
    linear-gradient(116deg,rgb(255 255 255 / .18),transparent 24%),
    var(--jenski-paper-warm);
  border-color:rgb(58 43 31 / .28);
}

.jenski-home-intro{
  position:relative;
  z-index:4;
  width:min(86vw,780px)!important;
  margin:clamp(.9rem,2vw,1.7rem) auto -1.35rem max(5vw,calc((100vw - var(--jenski-content-width))/2 + 1.8rem))!important;
  padding:clamp(1.1rem,2.1vw,1.9rem) clamp(1.25rem,2.6vw,2.4rem)!important;
  border:0;
  border-left:7px solid var(--jenski-orange);
  box-shadow:var(--jenski-shadow-hard);
  transform:rotate(-.65deg);
}
.jenski-home-intro::before{
  content:"";
  position:absolute;
  width:7rem;
  height:1.15rem;
  top:-.55rem;
  left:18%;
  background:rgb(247 194 74 / .72);
  box-shadow:0 .08rem .2rem rgb(0 0 0 / .12);
  transform:rotate(2.2deg);
}
.jenski-home-intro h1{
  max-width:15ch;
  margin:.1rem 0 .6rem;
  font-size:clamp(2.4rem,4.8vw,5.3rem)!important;
  line-height:.88;
  letter-spacing:-.035em;
}
.jenski-home-intro p{
  max-width:58ch;
  margin:.5rem 0 0;
  font-size:clamp(1rem,1.15vw,1.18rem);
  line-height:1.55;
}

.jenski-feature{
  position:relative;
  z-index:2;
  margin-top:0;
  padding:clamp(1rem,1.7vw,1.5rem);
  border-top:7px solid var(--jenski-orange);
  box-shadow:var(--jenski-shadow-soft);
  transform:rotate(.16deg);
}
.jenski-feature-kicker{
  position:absolute;
  z-index:5;
  top:-1.1rem;
  right:clamp(1rem,5vw,5rem);
  margin:0;
  padding:.38rem .72rem .34rem;
  background:#111317;
  color:#fff;
  border:2px solid var(--jenski-orange);
  font:900 .72rem/1 var(--wp--preset--font-family--mono);
  letter-spacing:.08em;
  text-transform:uppercase;
  transform:rotate(2.2deg);
  box-shadow:0 .22rem 0 rgb(0 0 0 / .3);
}
.jenski-feature .wp-block-columns{
  gap:clamp(1.25rem,2.4vw,2.8rem);
  align-items:center!important;
}
.jenski-feature .wp-block-post-featured-image{
  margin:-.2rem 0;
  transform:rotate(-.55deg);
  box-shadow:0 .45rem .9rem rgb(0 0 0 / .2);
}
.jenski-feature .wp-block-post-featured-image img{
  min-height:clamp(280px,30vw,500px);
}
.jenski-feature .wp-block-post-title{
  max-width:13ch;
}
.jenski-feature .wp-block-post-excerpt{
  max-width:42ch;
  font-size:clamp(1rem,1.18vw,1.18rem);
  line-height:1.55;
}
.jenski-feature .wp-block-post-excerpt__more-link{
  display:inline-block;
  margin-top:.75rem;
  padding:.62rem .82rem;
  background:#15171a;
  color:#fff;
  text-decoration:none;
  font-family:var(--wp--preset--font-family--ui-sans);
  font-weight:900;
  box-shadow:.2rem .2rem 0 var(--jenski-post-accent);
}
.jenski-feature .wp-block-post-excerpt__more-link:hover,
.jenski-feature .wp-block-post-excerpt__more-link:focus-visible{
  transform:translate(-1px,-1px);
  box-shadow:.28rem .28rem 0 var(--jenski-post-accent);
}

.jenski-section-heading{
  position:relative;
  margin:clamp(1.8rem,3vw,3rem) .2rem .9rem;
}
.jenski-section-heading::before{
  content:"";
  position:absolute;
  left:0;
  bottom:-.32rem;
  width:min(14rem,42vw);
  height:.16rem;
  background:var(--jenski-orange);
  transform:rotate(-.7deg);
}
.jenski-section-heading h2{
  font-size:clamp(2rem,3.5vw,3.8rem);
  line-height:.9;
  letter-spacing:-.03em;
}
.jenski-section-heading a{
  padding:.3rem .1rem;
  font-family:var(--wp--preset--font-family--mono);
  font-size:.82rem;
  letter-spacing:.04em;
}

.jenski-recent-grid .wp-block-post-template{
  grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(.75rem,1.2vw,1.15rem);
  align-items:start;
}
.jenski-recent-grid .wp-block-post{
  position:relative;
  grid-column:span 4;
  padding-bottom:1rem;
  overflow:visible;
  border-top:5px solid var(--jenski-post-accent);
  box-shadow:var(--jenski-shadow-hard);
  transform:rotate(var(--card-tilt,0deg));
  transition:transform .14s ease,box-shadow .14s ease;
}
.jenski-recent-grid .wp-block-post:nth-child(6n+1){grid-column:span 5;--card-tilt:-.35deg}
.jenski-recent-grid .wp-block-post:nth-child(6n+2){grid-column:span 3;--card-tilt:.45deg}
.jenski-recent-grid .wp-block-post:nth-child(6n+3){grid-column:span 4;--card-tilt:-.18deg}
.jenski-recent-grid .wp-block-post:nth-child(6n+4){grid-column:span 4;--card-tilt:.28deg}
.jenski-recent-grid .wp-block-post:nth-child(6n+5){grid-column:span 5;--card-tilt:-.42deg}
.jenski-recent-grid .wp-block-post:nth-child(6n+6){grid-column:span 3;--card-tilt:.22deg}
.jenski-recent-grid .wp-block-post:hover,
.jenski-recent-grid .wp-block-post:focus-within{
  transform:translateY(-.18rem) rotate(0deg);
  box-shadow:0 .42rem 0 rgb(0 0 0 / .27),0 1.35rem 2.5rem rgb(0 0 0 / .28);
}
.jenski-recent-grid .wp-block-post:nth-child(3n+1)::before{
  content:"";
  position:absolute;
  z-index:3;
  top:-.62rem;
  left:50%;
  width:5.4rem;
  height:1.05rem;
  background:rgb(225 211 173 / .7);
  transform:translateX(-50%) rotate(-2.5deg);
  box-shadow:0 .08rem .18rem rgb(0 0 0 / .12);
  pointer-events:none;
}
.jenski-recent-grid .wp-block-post-featured-image{
  margin:0;
  overflow:hidden;
}
.jenski-recent-grid .wp-block-post-featured-image img{
  transition:transform .18s ease;
}
.jenski-recent-grid .wp-block-post:hover .wp-block-post-featured-image img{
  transform:scale(1.018);
}
.jenski-recent-grid .wp-block-post:not(:has(.wp-block-post-featured-image)){
  min-height:14rem;
  background:
    repeating-linear-gradient(0deg,transparent 0 1.72rem,rgb(64 58 50 / .09) 1.72rem 1.76rem),
    var(--jenski-paper-cool);
}
.jenski-recent-grid .wp-block-post:not(:has(.wp-block-post-featured-image))::after{
  content:"";
  position:absolute;
  inset:.65rem;
  border:1px dashed rgb(48 42 37 / .15);
  pointer-events:none;
}
.jenski-recent-grid .wp-block-post-title{
  font-size:clamp(1.25rem,1.7vw,1.8rem);
  line-height:1.02;
}
.jenski-recent-grid .wp-block-post-excerpt{
  color:#524c44;
  line-height:1.48;
}
.jenski-recent-grid .wp-block-post-date{
  display:inline-block;
  margin-top:.35rem;
  font-family:var(--wp--preset--font-family--mono);
  font-size:.72rem;
  color:#625c55;
}

.jenski-category-intro{
  position:relative;
  margin-top:1rem!important;
  margin-bottom:.7rem!important;
  border:0;
  border-left:7px solid var(--jenski-orange);
  box-shadow:var(--jenski-shadow-hard);
  transform:rotate(-.22deg);
}
.jenski-category-intro .wp-block-query-title{
  margin:.1rem 0 .35rem;
  font-size:clamp(2.8rem,5vw,5.6rem)!important;
  line-height:.88;
  letter-spacing:-.04em;
}
body.category-rabbit-holes .jenski-category-intro{border-left-color:var(--jenski-rabbit)}
body.category-things-i-like .jenski-category-intro{border-left-color:var(--jenski-likes)}
body.category-places .jenski-category-intro{border-left-color:var(--jenski-places)}
body.category-how-its-done .jenski-category-intro{border-left-color:var(--jenski-how)}
body.category-thoughts .jenski-category-intro{border-left-color:var(--jenski-thoughts)}
body.category-random .jenski-category-intro{border-left-color:var(--jenski-random)}

.jenski-category-archive .wp-block-post{
  box-shadow:var(--jenski-shadow-soft);
}
.jenski-category-archive .wp-block-post-title a{
  color:var(--jenski-ink);
  text-decoration:none;
}
.jenski-category-archive .wp-block-post-title a:hover,
.jenski-category-archive .wp-block-post-title a:focus-visible{
  text-decoration:underline;
  text-decoration-thickness:.08em;
  text-underline-offset:.12em;
}

.jenski-reading-room{
  border:1px solid rgb(58 43 31 / .22);
  border-top-width:7px;
  box-shadow:0 1.1rem 3.4rem rgb(0 0 0 / .36);
}
.jenski-reading-room::before,
.jenski-reading-room::after{
  content:"";
  position:absolute;
  z-index:-1;
  width:7.5rem;
  height:1.05rem;
  top:-.45rem;
  background:rgb(225 211 173 / .58);
}
.jenski-reading-room::before{left:8%;transform:rotate(-2.4deg)}
.jenski-reading-room::after{right:8%;transform:rotate(2deg)}
.jenski-reading-room>.taxonomy-category{
  margin-bottom:.4rem;
}
.jenski-reading-room>.wp-block-post-title{
  max-width:16ch;
  margin:.25rem 0 .5rem;
  font-size:clamp(2.5rem,5vw,5.2rem)!important;
  line-height:.93;
  letter-spacing:-.035em;
}
.jenski-reading-room>.wp-block-group{
  font-family:var(--wp--preset--font-family--mono);
  font-size:.78rem;
  color:#6a6259;
}
.jenski-reading-room>.wp-block-post-featured-image{
  margin:1.4rem calc(clamp(1.2rem,4vw,4rem) * -.45) 1.6rem;
  box-shadow:0 .45rem 1rem rgb(0 0 0 / .18);
}
.jenski-archive-note{
  transform:rotate(-.18deg);
  box-shadow:.16rem .16rem 0 rgb(0 0 0 / .08);
}

.jenski-archive-row{
  position:relative;
  border-left:5px solid var(--jenski-orange);
  box-shadow:0 .28rem .75rem rgb(0 0 0 / .18);
}
.jenski-archive-row:nth-child(3n+2){transform:rotate(.12deg)}
.jenski-archive-row:nth-child(3n+3){transform:rotate(-.1deg)}
.jenski-archive-row .wp-block-post-date{
  flex:0 0 auto;
  padding:.38rem .48rem;
  border:1px solid #cabdac;
  background:#eee5d8;
  font-family:var(--wp--preset--font-family--mono);
  font-size:.72rem;
}

@media(max-width:980px){
  .jenski-masthead__top{grid-template-columns:1fr}
  .jenski-wordmark{margin-bottom:.05rem}
  .jenski-category-nav{margin-left:0}
  .jenski-home-intro{
    width:min(91vw,760px)!important;
    margin:.8rem auto -1rem!important;
  }
  .jenski-feature{padding-top:1.5rem}
  .jenski-recent-grid .wp-block-post-template{
    grid-template-columns:repeat(6,minmax(0,1fr));
  }
  .jenski-recent-grid .wp-block-post,
  .jenski-recent-grid .wp-block-post:nth-child(n){
    grid-column:span 3;
  }
}

@media(max-width:620px){
  body.jenski-site .jenski-masthead{padding-top:.55rem}
  .jenski-wordmark{
    margin:.1rem 0 .35rem .2rem;
    font-size:clamp(4rem,19vw,5.4rem);
    transform:rotate(-2deg) skewX(-3deg);
  }
  .jenski-category-nav{
    gap:.35rem;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .jenski-category-nav a{
    min-height:3.1rem;
    padding:.62rem .45rem;
  }
  .jenski-home-intro{
    width:min(92vw,560px)!important;
    margin:.65rem auto -.7rem!important;
    padding:1.1rem 1rem!important;
    transform:rotate(-.35deg);
  }
  .jenski-home-intro::before{left:12%;width:5.2rem}
  .jenski-home-intro h1{font-size:clamp(2.35rem,11vw,3.5rem)!important}
  .jenski-feature{
    width:min(94vw,620px);
    transform:none;
  }
  .jenski-feature-kicker{
    right:.75rem;
    top:-.9rem;
  }
  .jenski-feature .wp-block-columns{gap:.7rem}
  .jenski-feature .wp-block-post-featured-image{transform:none}
  .jenski-feature .wp-block-post-featured-image img{min-height:210px}
  .jenski-feature .wp-block-post-title{font-size:clamp(2.15rem,10vw,3rem)!important}
  .jenski-section-heading{
    margin-top:1.6rem;
    align-items:flex-end;
  }
  .jenski-section-heading h2{font-size:2.4rem}
  .jenski-recent-grid .wp-block-post-template{grid-template-columns:1fr}
  .jenski-recent-grid .wp-block-post,
  .jenski-recent-grid .wp-block-post:nth-child(n){
    grid-column:auto;
    transform:none;
  }
  .jenski-recent-grid .wp-block-post:nth-child(3n+1)::before{display:none}
  .jenski-category-intro{
    transform:none;
    padding:1rem!important;
  }
  .jenski-category-intro .wp-block-query-title{
    font-size:clamp(2.6rem,13vw,4rem)!important;
  }
  .jenski-reading-room{
    margin-top:.8rem;
    margin-bottom:2.5rem;
    border-top-width:6px;
  }
  .jenski-reading-room::before,
  .jenski-reading-room::after{
    width:4.8rem;
    height:.8rem;
  }
  .jenski-reading-room>.wp-block-post-title{
    font-size:clamp(2.25rem,11.5vw,3.65rem)!important;
  }
  .jenski-reading-room>.wp-block-post-featured-image{
    margin:1rem -.45rem 1.25rem;
  }
}

@media(prefers-reduced-motion:reduce){
  .jenski-category-nav a,
  .jenski-recent-grid .wp-block-post,
  .jenski-recent-grid .wp-block-post-featured-image img,
  .jenski-feature .wp-block-post-excerpt__more-link{
    transition:none!important;
  }
}

