/* =============================================
   REGIONALLY FAMOUS - Dev Blog Zine
   Baby Blue + Pale Pink + Cream | Typewriter Punk
   ============================================= */

:root {
  --font-display: 'Anybody', sans-serif;
  --font-body: 'Special Elite', 'Courier New', monospace;
  --transition-fast: 0.2s ease;
  --transition-medium: 0.4s ease;
}

/* Reset & Base */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: 100%;
}

/* =============================================
   CSS VIEW TRANSITIONS
   Requires: Chrome 111+, Edge 111+, Safari 18+
   ============================================= */

/* Enable same-document view transitions */
/* View Transitions - CSS-only approach for same-document transitions
       Note: @view-transition { navigation: auto } requires Chrome 126+
       For cross-document transitions, this works automatically.
       For programmatic control, use document.startViewTransition() in JS */
    @view-transition {
      navigation: auto;
    }

/* Assign view-transition-name to key persistent elements */
.site-header,
.chaos-nav-wrapper {
  view-transition-name: header;
}

.site-footer {
  view-transition-name: footer;
}
/* Main content wrapper only */
    main {
      view-transition-name: main-content;
    }
    
    /* Hero sections - specific class only (not wildcard to avoid conflicts) */
    .hero-chaos {
      view-transition-name: hero-section;
    }
    
    .page-hero-area {
      view-transition-name: page-hero-section;
    }
    
    /* Featured/archive sections */
    .section-featured {
      view-transition-name: featured-section;
    }
    
    .section-archive,
    .archive-section {
      view-transition-name: archive-section;
    }
    
    /* About/content sections */
    .section-about,
    .about-section {
      view-transition-name: about-section;
    }
    
    /* Contact sections */
    .section-contact,
    .contact-section {
      view-transition-name: contact-section;
    }

/* Post titles for blog-to-single transitions */
.blog-post-title,
.wp-block-post-title {
  view-transition-name: post-title;
}

/* Featured images for smooth morphing */
.single-featured-image,
.wp-block-post-featured-image {
  view-transition-name: featured-image;
}

/* Customize transition animations */
::view-transition-old(root) {
  animation: fade-out 0.25s ease-out;
}

::view-transition-new(root) {
  animation: fade-in 0.25s ease-in;
}

::view-transition-old(main-content) {
  animation: slide-out-left 0.3s ease-out;
}

::view-transition-new(main-content) {
  animation: slide-in-right 0.3s ease-in;
}

/* Keep header/footer stable during transitions */
::view-transition-old(header),
::view-transition-new(header),
::view-transition-old(footer),
::view-transition-new(footer) {
  animation: none;
}

/* Hero morphs smoothly */
::view-transition-group(hero) {
  animation-duration: 0.4s;
  animation-timing-function: ease-in-out;
}

/* Post title morphs for blog-to-single */
::view-transition-group(post-title),
::view-transition-group(featured-image) {
  animation-duration: 0.35s;
  animation-timing-function: ease-out;
}

/* View transition keyframes */
@keyframes fade-out {
  from { opacity: 1; }
  to { opacity: 0; }
}

@keyframes fade-in {
  from { opacity: 0; }
  to { opacity: 1; }
}

@keyframes slide-out-left {
  from { 
    opacity: 1; 
    transform: translateX(0); 
  }
  to { 
    opacity: 0; 
    transform: translateX(-30px); 
  }
}

@keyframes slide-in-right {
  from { 
    opacity: 0; 
    transform: translateX(30px); 
  }
  to { 
    opacity: 1; 
    transform: translateX(0); 
  }
}

/* Reduce motion preference */
@media (prefers-reduced-motion: reduce) {
  @view-transition {
    navigation: none;
  }
  
  ::view-transition-group(*),
  ::view-transition-old(*),
  ::view-transition-new(*) {
    animation: none !important;
  }
}
    body {
      font-family: var(--font-body);
      font-size: var(--wp--preset--font-size--medium);
      line-height: 1.7;
      color: var(--wp--preset--color--color-dark);
      background-color: var(--wp--preset--color--color-cream);
      overflow-x: hidden;
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 3 L8 38 L17 29 L27 41 L32 36 L22 24 L34 24 Z' fill='%231a1a1a' stroke='%23f4c7c3' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='3' r='3.5' fill='%23f4c7c3'/%3E%3C/svg%3E") 8 3, auto;
        }

/* Global width containment */
html {
  overflow-x: hidden;
}

/* Prevent any element from exceeding viewport width */
* {
  max-width: 100%;
}

/* Reset max-width for elements that need to break out */
.hero-chaos,
.section,
.section-subscribe,
.site-footer,
body,
html {
  max-width: none;
}

/* Full-width containers still respect viewport */
[class*="alignfull"],
[class*="alignwide"] {
  max-width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
  width: 100vw;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}
    /* Scroll Animation Base */
    .animate-on-scroll {
      opacity: 1;
      transform: translateY(0);
    }
    
    .js .animate-on-scroll:not(.is-visible) {
      opacity: 0;
      transform: translateY(40px);
    }
    
    /* Single posts must always be visible - never hidden by scroll animations */
    .js .single-post.animate-on-scroll:not(.is-visible),
    .js .section-single .animate-on-scroll:not(.is-visible) {
      opacity: 1;
      transform: translateY(0);
    }

.js .animate-on-scroll {
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.js .animate-on-scroll.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.js .animate-on-scroll:nth-child(2) { transition-delay: 0.1s; }
.js .animate-on-scroll:nth-child(3) { transition-delay: 0.2s; }
.js .animate-on-scroll:nth-child(4) { transition-delay: 0.3s; }
.js .animate-on-scroll:nth-child(5) { transition-delay: 0.4s; }

/* Noise Texture */
.hero-noise,
.section-noise,
.footer-noise {
  position: absolute;
  inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");
  opacity: 0.06;
  pointer-events: none;
  mix-blend-mode: multiply;
}

/* Container */
.container {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
  padding: 0 var(--wp--preset--spacing--40);
  box-sizing: border-box;
}

.container-narrow {
  max-width: 900px;
}

/* :::SECTION:Hero::: */
.hero {
  min-height: 100vh;
  background-color: var(--wp--preset--color--color-cream);
  display: grid;
  grid-template-rows: 1fr;
  position: relative;
  overflow: hidden;
}

.hero-content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto;
  min-height: 100vh;
  padding: var(--wp--preset--spacing--40);
  gap: var(--wp--preset--spacing--40);
}

.hero-header {
  grid-column: 1 / -1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: sticky;
  top: 0;
  z-index: 100;
  padding: var(--wp--preset--spacing--30) 0;
  animation: fadeSlideDown 0.8s ease-out both;
}

.hero-header.is-scrolled {
  background: rgba(245, 240, 230, 0.95);
  backdrop-filter: blur(10px);
  margin: 0 calc(var(--wp--preset--spacing--40) * -1);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
}

.hero-logo {
  display: flex;
  align-items: center;
}

.logo-text {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--xx-large);
  font-stretch: 125%;
  background: var(--wp--preset--color--color-dark);
  color: var(--wp--preset--color--color-cream);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  transform: rotate(-3deg);
  border: 3px solid var(--wp--preset--color--color-dark);
}

.hero-tag {
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 0.2em;
  color: var(--wp--preset--color--color-muted);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 2px solid var(--wp--preset--color--color-muted);
  transform: rotate(-3deg);
  display: inline-block;
  margin-bottom: var(--wp--preset--spacing--30);
}

.hero-nav {
  display: flex;
  gap: var(--wp--preset--spacing--40);
}

.hero-nav-link {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-dark);
  letter-spacing: 0.1em;
  text-transform: uppercase;
  transition: color var(--transition-fast);
  position: relative;
}

.hero-nav-link::after {
  content: '';
  position: absolute;
  bottom: -4px;
  left: 0;
  width: 0;
  height: 3px;
  background: var(--wp--preset--color--color-pale-pink);
  transition: width var(--transition-fast);
}
.hero-nav-link:hover::after {
      width: 100%;
    }
    
    .hero-nav-link:hover {
      animation: chaosJitter 0.3s linear infinite;
      display: inline-block;
    }

.mobile-menu-btn {
  display: none;
  flex-direction: column;
  gap: 5px;
  padding: var(--wp--preset--spacing--20);
  z-index: 1001;
}

.mobile-menu-btn span {
  display: block;
  width: 28px;
  height: 3px;
  background: var(--wp--preset--color--color-dark);
  transition: var(--transition-fast);
}

.mobile-menu-btn.is-active span:nth-child(1) {
  transform: rotate(45deg) translate(6px, 6px);
}

.mobile-menu-btn.is-active span:nth-child(2) {
  opacity: 0;
}

.mobile-menu-btn.is-active span:nth-child(3) {
  transform: rotate(-45deg) translate(6px, -6px);
}
.hero-main {
      grid-column: 1;
      grid-row: 2;
      display: flex;
      flex-direction: column;
      justify-content: center;
      gap: var(--wp--preset--spacing--40);
  animation: fadeSlideUp 0.8s ease-out 0.2s both;
}

.hero-headline {
  font-family: var(--font-display);
  font-weight: 900;
  line-height: 0.85;
  color: var(--wp--preset--color--color-dark);
}

.headline-top {
  display: block;
  font-size: var(--wp--preset--font-size--gigantic-2);
  font-stretch: 75%;
  letter-spacing: 0.25em;
  transform: rotate(-2deg);
  margin-left: -0.5rem;
}

.headline-bottom {
  display: block;
  font-size: var(--wp--preset--font-size--gigantic);
  font-stretch: 125%;
  letter-spacing: -0.02em;
  margin-left: -0.3rem;
  background: linear-gradient(90deg, var(--wp--preset--color--color-dark) 50%, var(--wp--preset--color--color-accent) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}

.hero-tagline {
  font-size: var(--wp--preset--font-size--large);
  color: var(--wp--preset--color--color-muted);
  max-width: 35ch;
  line-height: 1.6;
  transform: rotate(1deg);
}

.hero-visual-container {
  grid-column: 2;
  grid-row: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--wp--preset--spacing--50);
  animation: fadeRotateIn 1s ease-out 0.4s both;
}

.hero-visual {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 4/5;
  background-size: cover;
  background-position: center;
  transform: rotate(4deg);
  border: none;
  box-shadow: 
    14px 14px 0 var(--wp--preset--color--color-baby-blue),
    14px 14px 0 4px var(--wp--preset--color--color-dark);
  transition: transform var(--transition-medium), box-shadow var(--transition-medium);
}

.hero-visual:hover {
  transform: rotate(0deg);
  box-shadow: 
    0 0 0 var(--wp--preset--color--color-baby-blue),
    0 0 0 4px var(--wp--preset--color--color-dark);
}

.hero-visual-caption {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
  margin-top: var(--wp--preset--spacing--30);
  transform: rotate(-2deg);
}
.hero-footer {
      grid-column: 1 / -1;
      grid-row: 3;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
  animation: fadeSlideUp 0.8s ease-out 0.6s both;
}

.hero-cta {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--x-large);
  font-stretch: 100%;
  color: var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background-color: var(--wp--preset--color--color-pale-pink);
  border: 4px solid var(--wp--preset--color--color-dark);
  transform: rotate(-1deg);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}

.hero-cta:hover {
  transform: rotate(0deg) translate(-4px, -4px);
  box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
}

.hero-meta {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--wp--preset--spacing--20);
}

.hero-scroll-text {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
  writing-mode: vertical-rl;
  letter-spacing: 0.15em;
  transform: rotate(180deg);
}

/* Floating Elements */
.floating-element {
  position: absolute;
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 75%;
  opacity: 0.08;
  pointer-events: none;
  z-index: 0;
}

.floating-element-1 {
  font-size: clamp(8rem, 20vw, 18rem);
  color: var(--wp--preset--color--color-baby-blue);
  top: 10%;
  right: -5%;
  transform: rotate(90deg);
  animation: floatSlow 8s ease-in-out infinite;
}

.floating-element-2 {
  font-size: clamp(4rem, 10vw, 10rem);
  color: var(--wp--preset--color--color-pale-pink);
  bottom: 15%;
  left: 5%;
  transform: rotate(-15deg);
  animation: floatSlow 6s ease-in-out infinite reverse;
}

/* Stickers */
.sticker {
  position: absolute;
  background: var(--wp--preset--color--color-dark);
  color: var(--wp--preset--color--color-cream);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  animation: bounceIn 0.6s ease-out 1s both;
  z-index: 10;
}

.sticker-ai {
  top: 20%;
  right: 10%;
  transform: rotate(-8deg);
  background: var(--wp--preset--color--color-accent);
}

.sticker-diy {
  bottom: 30%;
  left: 3%;
  transform: rotate(12deg);
  background: var(--wp--preset--color--color-baby-blue);
  color: var(--wp--preset--color--color-dark);
  animation-delay: 1.2s;
}

/* Mobile Nav Overlay */
.mobile-nav-overlay {
  position: fixed;
  inset: 0;
  background: var(--wp--preset--color--color-cream);
  z-index: 1000;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--wp--preset--spacing--50);
  opacity: 0;
  visibility: hidden;
  transition: opacity var(--transition-medium), visibility var(--transition-medium);
}

.mobile-nav-overlay.is-active {
  opacity: 1;
  visibility: visible;
}

.mobile-nav-link {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--huge-2);
  color: var(--wp--preset--color--color-dark);
  transform: rotate(-2deg);
  transition: color var(--transition-fast);
}

.mobile-nav-link:hover {
  color: var(--wp--preset--color--color-accent);
}

/* :::SECTION:Featured Posts::: */
.section {
  position: relative;
  padding: var(--wp--preset--spacing--60) 0;
  overflow: hidden;
}

/* Section content containment */
.section > .container,
.section > .section-header,
.section > .featured-grid,
.section > .about-grid,
.section > .archive-list,
.section > [class*="wp-block-"] {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
  box-sizing: border-box;
}

.section-featured {
  background: var(--wp--preset--color--color-cream);
}

.section-header {
  margin-bottom: var(--wp--preset--spacing--50);
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
  box-sizing: border-box;
}

.section-tag {
  display: inline-block;
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 0.2em;
  color: var(--wp--preset--color--color-muted);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 2px solid var(--wp--preset--color--color-muted);
  transform: rotate(-2deg);
  margin-bottom: var(--wp--preset--spacing--30);
}

.section-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 125%;
  font-size: var(--wp--preset--font-size--huge-2);
  line-height: 0.95;
  color: var(--wp--preset--color--color-dark);
  max-width: 10ch;
}

.section-squiggle {
  width: 100px;
  height: 20px;
  margin-top: var(--wp--preset--spacing--30);
  background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 20'%3E%3Cpath d='M0 10 Q25 0 50 10 T100 10' stroke='%23f4c7c3' stroke-width='4' fill='none'/%3E%3C/svg%3E") no-repeat;
  transform: rotate(-3deg);
}
.featured-grid {
      display: grid;
      grid-template-columns: 1.5fr 1fr 1fr;
      gap: var(--wp--preset--spacing--40);
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      padding-left: var(--wp--preset--spacing--40);
      padding-right: var(--wp--preset--spacing--40);
      box-sizing: border-box;
    }
    
    /* Query loop containers in featured grid */
    .featured-grid > .wp-block-query {
      display: contents;
    }
    
    .featured-grid .wp-block-post-template {
      display: contents;
    }
    
    .featured-query-large {
      display: contents;
    }
    
    .featured-query-small {
      display: contents;
    }
    
    /* Archive list query loop */
    .archive-list.wp-block-post-template {
      max-width: 900px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: var(--wp--preset--spacing--30);
    }
    
    .featured-post {
  background: var(--wp--preset--color--color-cream);
  border: 3px solid var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.featured-post:hover {
animation: chaosCardWobble 0.9s ease-in-out infinite;
          box-shadow:
            10px 10px 0 var(--wp--preset--color--color-baby-blue),
            -3px -3px 0 var(--wp--preset--color--color-pale-pink);
    }

.featured-post-large {
  grid-row: span 2;
}
.post-image-wrap {
      position: relative;
      overflow: hidden;
    }
    
    .featured-post:not(.featured-post-large) .post-image-wrap {
      height: 180px;
    }
    
    .featured-post:not(.featured-post-large) {
      display: flex;
      flex-direction: column;
    }
    
    .featured-post:not(.featured-post-large) .post-content {
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    
    .featured-post:not(.featured-post-large) .post-excerpt {
      flex: 1;
    }
    
    .featured-post:not(.featured-post-large) .post-link {
      margin-top: auto;
    }

.featured-post-large .post-image-wrap {
  height: 400px;
}

.post-image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-medium);
}
.featured-post:hover .post-image {
animation: chaosImageGlitch 1s steps(2, end) infinite;
        }
    
    .post-category {
  position: absolute;
  top: var(--wp--preset--spacing--30);
  left: var(--wp--preset--spacing--30);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--color-highlight);
  color: var(--wp--preset--color--color-dark);
  border: 2px solid var(--wp--preset--color--color-dark);
  transform: rotate(-3deg);
}

.post-content {
  padding: var(--wp--preset--spacing--40);
}

.post-date {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
  display: block;
  margin-bottom: var(--wp--preset--spacing--20);
}

.post-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--xx-large);
  line-height: 1.1;
  margin-bottom: var(--wp--preset--spacing--30);
}

.featured-post:not(.featured-post-large) .post-title {
  font-size: var(--wp--preset--font-size--x-large);
}

.post-excerpt {
  color: var(--wp--preset--color--color-muted);
  line-height: 1.6;
  margin-bottom: var(--wp--preset--spacing--30);
}

.featured-post:not(.featured-post-large) .post-excerpt {
  font-size: var(--wp--preset--font-size--medium);
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
}

.post-link {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--medium);
  color: var(--wp--preset--color--color-accent);
  text-decoration: underline;
  text-underline-offset: 4px;
  transition: color var(--transition-fast);
}

.post-link:hover {
  color: var(--wp--preset--color--color-dark);
}

/* :::SECTION:Archive::: */
.section-archive {
  background: var(--wp--preset--color--color-baby-blue);
}

.section-header-alt {
  text-align: center;
  margin-bottom: var(--wp--preset--spacing--50);
}

.section-title-alt {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 125%;
  font-size: var(--wp--preset--font-size--huge-2);
  line-height: 1;
  color: var(--wp--preset--color--color-dark);
}
.archive-list {
      max-width: 900px;
      margin: 0 auto;
      display: flex;
      flex-direction: column;
      gap: var(--wp--preset--spacing--30);
      padding-left: var(--wp--preset--spacing--40);
      padding-right: var(--wp--preset--spacing--40);
      box-sizing: border-box;
    }

.archive-item {
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--40);
  padding: var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-cream);
  border: 3px solid var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.archive-item:hover {
      animation: chaosSkew 0.35s ease-in-out infinite;
      box-shadow:
        8px 8px 0 var(--wp--preset--color--color-dark),
        -2px 4px 0 var(--wp--preset--color--color-highlight, #ffeb3b);
    }

.archive-number {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--xx-large);
  font-stretch: 75%;
  color: var(--wp--preset--color--color-muted);
  min-width: 60px;
}

.archive-content {
  flex: 1;
}

.archive-category {
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 0.15em;
  color: var(--wp--preset--color--color-accent);
  display: block;
  margin-bottom: var(--wp--preset--spacing--20);
}

.archive-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 1.2;
}

.archive-date {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
}

.archive-link {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--xx-large);
  width: 50px;
  height: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--wp--preset--color--color-pale-pink);
  border: 3px solid var(--wp--preset--color--color-dark);
  transition: background var(--transition-fast);
}
.archive-link:hover {
      background: var(--wp--preset--color--color-highlight);
      animation: chaosSpin 0.4s cubic-bezier(0.36, 1.6, 0.5, 0.8) 1;
    }

.archive-footer {
  text-align: center;
  margin-top: var(--wp--preset--spacing--50);
}

/* Buttons */
.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}

.btn-primary {
  background: var(--wp--preset--color--color-pale-pink);
  color: var(--wp--preset--color--color-dark);
}
.btn-primary:hover {
      animation: chaosTilt 0.6s ease-in-out infinite;
      box-shadow:
        6px 6px 0 var(--wp--preset--color--color-dark),
        -2px -2px 0 var(--wp--preset--color--color-baby-blue);
    }

.btn-outline {
  background: transparent;
  color: var(--wp--preset--color--color-dark);
}
.btn-outline:hover {
      background: var(--wp--preset--color--color-cream);
      animation: chaosJitter 0.25s linear infinite;
      box-shadow:
        4px 4px 0 var(--wp--preset--color--color-dark),
        -3px 2px 0 var(--wp--preset--color--color-pale-pink);
    }

/* :::SECTION:Single Post::: */
.section-single {
  background: var(--wp--preset--color--color-pale-pink);
}
.single-post {
                      background: var(--wp--preset--color--color-cream);
                      border: none;
                      padding: 0 var(--wp--preset--spacing--50);
                      /* Removed rotation to keep main content straight */
                    }
.single-header {
          margin-bottom: var(--wp--preset--spacing--50);
          border-bottom: 3px dashed var(--wp--preset--color--color-muted);
          padding-bottom: var(--wp--preset--spacing--40);
        }

        /* ===== ZINE-STYLE TITLE HEADER (no featured image) ===== */
        .single-title-header {
          padding: var(--wp--preset--spacing--60) 0 0;
          position: relative;
        }

        .single-title-header-inner {
          position: relative;
          padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
          border: 4px solid var(--wp--preset--color--color-dark);
          background: var(--wp--preset--color--color-cream);
          box-shadow:
            8px 8px 0 var(--wp--preset--color--color-pale-pink),
            8px 8px 0 3px var(--wp--preset--color--color-dark);
        }

        .single-title-header-inner::before {
          content: '';
          position: absolute;
          top: -12px;
          left: 30px;
          width: 80px;
          height: 24px;
          background: var(--wp--preset--color--color-baby-blue);
          opacity: 0.7;
          transform: rotate(-2deg);
          z-index: 2;
        }

        .single-title-header-inner::after {
          content: '';
          position: absolute;
          top: -10px;
          right: 50px;
          width: 60px;
          height: 24px;
          background: var(--wp--preset--color--color-pale-pink);
          opacity: 0.8;
          transform: rotate(1.5deg);
          z-index: 2;
        }

        /* Category badge row */
        .single-category-badge-row {
          margin-bottom: var(--wp--preset--spacing--30);
          gap: var(--wp--preset--spacing--20) !important;
          align-items: center;
        }

        .category-issue-label {
          font-family: var(--font-mono, monospace);
          font-size: 0.7rem;
          letter-spacing: 0.15em;
          text-transform: uppercase;
          color: var(--wp--preset--color--color-muted);
          margin: 0;
        }

        .single-category-tag {
          font-family: var(--font-display);
          font-weight: 900;
          font-size: 0.8rem;
          letter-spacing: 0.1em;
          text-transform: uppercase;
          margin: 0;
        }

        .single-category-tag a {
          background: var(--wp--preset--color--color-dark);
          color: var(--wp--preset--color--color-cream) !important;
          padding: 3px 12px;
          text-decoration: none;
          transform: rotate(-1deg);
          display: inline-block;
          transition: all 0.2s ease;
        }

        .single-category-tag a:hover {
          background: var(--wp--preset--color--color-baby-blue);
          transform: rotate(1deg);
        }

        /* Title block */
        .single-title-block {
          position: relative;
          margin-bottom: var(--wp--preset--spacing--30);
        }

        .single-title-display {
          font-family: var(--font-display);
          font-weight: 900;
          font-stretch: 125%;
          font-size: clamp(2.8rem, 7vw, 5rem);
          line-height: 0.92;
          color: var(--wp--preset--color--color-dark);
          margin: 0;
          text-shadow: 4px 4px 0 var(--wp--preset--color--color-baby-blue);
          transform: rotate(-0.5deg);
          letter-spacing: -0.02em;
        }

        /* Meta strip */
        .single-meta-strip {
          gap: var(--wp--preset--spacing--20) !important;
          align-items: center;
          padding-top: var(--wp--preset--spacing--30);
          margin-bottom: var(--wp--preset--spacing--30);
        }
.meta-date-item,
            .meta-category-item,
            .meta-read-time,
            .dynamic-read-time {
          font-family: var(--font-mono, monospace);
          font-size: 0.8rem;
          letter-spacing: 0.05em;
          text-transform: uppercase;
          color: var(--wp--preset--color--color-muted);
          margin: 0;
        }

        .meta-category-item a {
          color: var(--wp--preset--color--color-dark);
          text-decoration: none;
          border-bottom: 2px solid var(--wp--preset--color--color-baby-blue);
          transition: border-color 0.2s ease;
        }

        .meta-category-item a:hover {
          border-bottom-color: var(--wp--preset--color--color-dark);
        }

        .meta-separator {
          font-size: 0.6rem;
          color: var(--wp--preset--color--color-pale-pink);
          margin: 0;
          line-height: 1;
        }

        /* Bottom decorative rule */
        .title-header-rule {
          height: 4px;
          background: repeating-linear-gradient(
            90deg,
            var(--wp--preset--color--color-dark) 0px,
            var(--wp--preset--color--color-dark) 8px,
            transparent 8px,
            transparent 14px
          );
          margin-top: var(--wp--preset--spacing--20);
        }

        /* Editor parity for new title header */
        .editor-styles-wrapper .single-title-header-inner {
          position: relative;
          padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) !important;
          border: 4px solid var(--wp--preset--color--color-dark) !important;
          background: var(--wp--preset--color--color-cream) !important;
          box-shadow:
            8px 8px 0 var(--wp--preset--color--color-pale-pink),
            8px 8px 0 3px var(--wp--preset--color--color-dark) !important;
        }

        .editor-styles-wrapper .single-category-badge-row {
          display: flex !important;
          gap: var(--wp--preset--spacing--20) !important;
          align-items: center !important;
          flex-wrap: nowrap !important;
        }

        .editor-styles-wrapper .single-category-badge-row > .block-editor-block-list__block {
          margin: 0 !important;
        }

        .editor-styles-wrapper .single-meta-strip {
          display: flex !important;
          gap: var(--wp--preset--spacing--20) !important;
          align-items: center !important;
          flex-wrap: wrap !important;
        }

        .editor-styles-wrapper .single-meta-strip > .block-editor-block-list__block {
          margin: 0 !important;
        }
/* Editor parity for hero overlay (legacy - kept for backwards compat)
        .editor-styles-wrapper .single-hero-overlay .single-featured-wrapper {
          padding: 0 !important;
          background: none !important;
          overflow: hidden !important;
          max-height: 520px !important;
        }
        
        .editor-styles-wrapper .single-hero-overlay .single-header {
          position: relative !important;
          margin-top: -140px !important;
          margin-left: var(--wp--preset--spacing--40) !important;
          margin-right: var(--wp--preset--spacing--40) !important;
          background: var(--wp--preset--color--color-cream) !important;
          border: 4px solid var(--wp--preset--color--color-dark) !important;
          padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) !important;
          box-shadow:
            8px 8px 0 var(--wp--preset--color--color-pale-pink),
            8px 8px 0 3px var(--wp--preset--color--color-dark) !important;
      z-index: 2 !important;
          transform: rotate(-0.5deg) !important;
        }
        */
    
    .single-category {
  display: inline-block;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--color-highlight);
  color: var(--wp--preset--color--color-dark);
  border: 2px solid var(--wp--preset--color--color-dark);
  transform: rotate(-3deg);
  margin-bottom: var(--wp--preset--spacing--30);
}

.single-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 125%;
  font-size: var(--wp--preset--font-size--huge);
  line-height: 1.1;
  margin-bottom: var(--wp--preset--spacing--30);
}

.single-meta {
  display: flex;
  gap: var(--wp--preset--spacing--40);
  flex-wrap: wrap;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
}

.single-content {
  line-height: 1.8;
}

.single-content p {
  margin-bottom: var(--wp--preset--spacing--40);
}

.single-lede {
  font-size: var(--wp--preset--font-size--x-large);
  font-style: italic;
  border-left: 4px solid var(--wp--preset--color--color-accent);
  padding-left: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--50);
}

.single-content h3 {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--x-large);
  margin-top: var(--wp--preset--spacing--50);
  margin-bottom: var(--wp--preset--spacing--30);
}

.single-quote {
  background: var(--wp--preset--color--color-baby-blue);
  padding: var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  margin: var(--wp--preset--spacing--50) 0;
  transform: rotate(1deg);
}

.single-quote p {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 1.4;
  margin: 0;
}

.single-list {
  margin: var(--wp--preset--spacing--40) 0;
  padding-left: var(--wp--preset--spacing--40);
}

.single-list li {
  margin-bottom: var(--wp--preset--spacing--20);
}

.single-list li::marker {
  color: var(--wp--preset--color--color-accent);
}

.single-footer {
  margin-top: var(--wp--preset--spacing--50);
  padding-top: var(--wp--preset--spacing--40);
  border-top: 3px dashed var(--wp--preset--color--color-muted);
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--40);
}

.single-tags {
  display: flex;
  gap: var(--wp--preset--spacing--20);
  flex-wrap: wrap;
}

.tag {
  font-size: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--color-dark);
  color: var(--wp--preset--color--color-cream);
}
.single-share {
          display: flex;
          align-items: center;
          gap: var(--wp--preset--spacing--20);
          flex-wrap: wrap;
          padding-bottom: var(--wp--preset--spacing--50);
        }
.share-label {
      font-family: var(--wp--preset--font-family--body);
      font-size: var(--wp--preset--font-size--small);
      font-weight: 700;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--wp--preset--color--color-muted);
      margin-right: var(--wp--preset--spacing--20);
    }
.share-btn {
      display: inline-flex;
      align-items: center;
      gap: 6px;
      font-family: var(--wp--preset--font-family--body);
      font-size: 13px;
      font-weight: 600;
      letter-spacing: 0.05em;
      text-transform: uppercase;
      text-decoration: none;
      padding: 6px 14px;
      background: var(--wp--preset--color--color-dark);
      color: var(--wp--preset--color--color-cream);
      border: 2px solid var(--wp--preset--color--color-dark);
      transition: all 0.2s ease;
      position: relative;
    }
.share-btn svg {
          flex-shrink: 0;
          transition: transform 0.2s ease;
        }
.share-btn[aria-label="Share on X (Twitter)"] span {
              display: none;
            }
    .share-btn[aria-label="Share on X (Twitter)"] {
              padding: 9px 14px;
            }
    
    .share-btn:hover {
      background: var(--wp--preset--color--color-accent);
      border-color: var(--wp--preset--color--color-accent);
      color: var(--wp--preset--color--color-dark);
      transform: rotate(-2deg) translateY(-2px);
    }
    
    .share-btn:hover svg {
      transform: scale(1.15);
    }
    
    .share-btn:active {
      transform: rotate(0deg) translateY(0);
    }
    
    .share-btn-copy.copied {
      background: var(--wp--preset--color--color-highlight);
      border-color: var(--wp--preset--color--color-highlight);
      color: var(--wp--preset--color--color-dark);
    }

/* :::SECTION:About::: */
.section-about {
  background: var(--wp--preset--color--color-cream);
}

.about-grid {
  display: grid;
  grid-template-columns: 1fr 1.2fr;
  gap: var(--wp--preset--spacing--60);
  align-items: center;
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
  box-sizing: border-box;
}

.about-image-col {
  position: relative;
}

.about-image-wrap {
  position: relative;
  display: inline-block;
}

.about-image {
  width: 100%;
  max-width: 400px;
  border: 4px solid var(--wp--preset--color--color-dark);
  transform: rotate(-4deg);
  box-shadow: 
    12px 12px 0 var(--wp--preset--color--color-pale-pink),
    12px 12px 0 4px var(--wp--preset--color--color-dark);
}

.about-image-label {
  position: absolute;
  bottom: -30px;
  right: 20px;
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
  transform: rotate(5deg);
}

.about-doodle {
  position: absolute;
  top: -20px;
  right: 30%;
  transform: rotate(-15deg);
  animation: bounceIn 0.6s ease-out 0.5s both;
}

.doodle-text {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--medium);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--color-highlight);
  border: 2px solid var(--wp--preset--color--color-dark);
}

.about-content-col .section-tag {
  margin-bottom: var(--wp--preset--spacing--30);
}

.about-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 125%;
  font-size: var(--wp--preset--font-size--huge);
  line-height: 1.1;
  margin-bottom: var(--wp--preset--spacing--40);
}

.about-text {
  margin-bottom: var(--wp--preset--spacing--50);
}

.about-text p {
  margin-bottom: var(--wp--preset--spacing--30);
  line-height: 1.7;
}

.about-stats {
  display: flex;
  gap: var(--wp--preset--spacing--50);
  margin-bottom: var(--wp--preset--spacing--40);
  padding: var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-baby-blue);
  border: 3px solid var(--wp--preset--color--color-dark);
  transform: rotate(1deg);
}

.stat {
  text-align: center;
}

.stat-number {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--huge);
  display: block;
  color: var(--wp--preset--color--color-dark);
}

.stat-label {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
}

/* :::SECTION:Subscribe::: */
.section-subscribe {
  background: var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--65) 0;
}

.section-subscribe > .subscribe-box,
.section-subscribe > [class*="wp-block-"] {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
  box-sizing: border-box;
}

.subscribe-box {
  background: var(--wp--preset--color--color-cream);
  border: 4px solid var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--60);
  text-align: center;
  max-width: 700px;
  margin: 0 auto;
  position: relative;
  transform: rotate(-1deg);
}

.subscribe-sticker {
  position: absolute;
  top: -20px;
  right: -15px;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-highlight);
  border: 3px solid var(--wp--preset--color--color-dark);
  transform: rotate(12deg);
}

.subscribe-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 125%;
  font-size: var(--wp--preset--font-size--huge-2);
  line-height: 1;
  margin-bottom: var(--wp--preset--spacing--30);
}

.subscribe-text {
  max-width: 50ch;
  margin: 0 auto var(--wp--preset--spacing--40);
  color: var(--wp--preset--color--color-muted);
}

.subscribe-form {
  max-width: 500px;
  margin: 0 auto;
}

.form-group {
  display: flex;
  gap: var(--wp--preset--spacing--30);
  margin-bottom: var(--wp--preset--spacing--30);
}

.form-input {
  flex: 1;
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--medium);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  background: var(--wp--preset--color--color-cream);
}

.form-input:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--wp--preset--color--color-baby-blue);
}

.form-note {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
}

.subscribe-decoration {
  position: absolute;
  bottom: -15px;
  left: 30px;
  transform: rotate(-8deg);
}

.decoration-text {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--small);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--color-accent);
  color: var(--wp--preset--color--color-cream);
  border: 2px solid var(--wp--preset--color--color-dark);
}

/* :::SECTION:Footer::: */
.site-footer {
  background: var(--wp--preset--color--color-dark);
  color: var(--wp--preset--color--color-cream);
  padding: var(--wp--preset--spacing--60) 0 var(--wp--preset--spacing--40);
  position: relative;
}

.site-footer > .container,
.site-footer > .footer-grid,
.site-footer > .footer-bottom,
.site-footer > [class*="wp-block-"] {
  max-width: 1400px;
  margin-left: auto;
  margin-right: auto;
  padding-left: var(--wp--preset--spacing--40);
  padding-right: var(--wp--preset--spacing--40);
  box-sizing: border-box;
}
.footer-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--wp--preset--spacing--60);
      margin-bottom: var(--wp--preset--spacing--50);
    }
    .footer-col-left,
    .footer-col-right {
      display: flex;
      flex-direction: column;
      gap: var(--wp--preset--spacing--40);
    }
    .footer-col-right {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--wp--preset--spacing--40);
    }
    .footer-copyright {
      font-size: var(--wp--preset--font-size--small);
      color: rgba(255, 255, 255, 0.4);
    }
.footer-logo {
          font-family: var(--font-display);
          font-weight: 900;
          font-size: var(--wp--preset--font-size--xx-large);
          font-stretch: 125%;
          background: var(--wp--preset--color--color-dark);
          color: var(--wp--preset--color--color-cream);
          padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
          display: inline-block;
          transform: rotate(-3deg);
          margin-bottom: var(--wp--preset--spacing--30);
    }
    
    .footer-logo a {
          color: inherit;
          text-decoration: none;
      border: 3px solid var(--wp--preset--color--color-dark);
}

.footer-tagline {
  font-size: var(--wp--preset--font-size--small);
  color: rgba(255, 255, 255, 0.6);
  max-width: 30ch;
}

.footer-heading {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--medium);
  margin-bottom: var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--color-cream);
}

.footer-nav {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
}

.footer-nav a {
  font-size: var(--wp--preset--font-size--small);
  color: rgba(255, 255, 255, 0.6);
  transition: color var(--transition-fast);
}
.footer-nav a:hover {
      color: var(--wp--preset--color--color-cream);
      animation: chaosGlitchText 0.8s steps(2, end) infinite;
      display: inline-block;
    }

.footer-legal {
  font-size: var(--wp--preset--font-size--small);
  color: rgba(255, 255, 255, 0.4);
}

.footer-legal p {
  margin-bottom: var(--wp--preset--spacing--20);
}
.footer-bottom {
      text-align: center;
      padding-top: var(--wp--preset--spacing--40);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      padding-left: var(--wp--preset--spacing--40);
      padding-right: var(--wp--preset--spacing--40);
      box-sizing: border-box;
    }
    
    .footer-copyright {
      font-size: var(--wp--preset--font-size--small);
      color: rgba(255, 255, 255, 0.4);
      margin: 0;
    }

.footer-stamp {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--small);
  letter-spacing: 0.2em;
  color: rgba(255, 255, 255, 0.3);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 1px solid rgba(255, 255, 255, 0.2);
  transform: rotate(-2deg);
  display: inline-block;
}

/* :::SECTION:Animations::: */

/* ===== ZINE TEXT BREATHING & WOBBLE ANIMATIONS ===== */

/* Breathing: subtle scale pulse that makes text feel alive */
@keyframes textBreathe {
  0%, 100% {
    transform: scale(1) rotate(0deg);
    letter-spacing: inherit;
  }
  25% {
    transform: scale(1.012) rotate(-0.3deg);
  }
  50% {
    transform: scale(1.02) rotate(0deg);
    letter-spacing: 0.01em;
  }
  75% {
    transform: scale(1.012) rotate(0.3deg);
  }
}

/* Wobble: playful jitter like hand-pasted zine letters */
@keyframes textWobble {
  0%, 100% { transform: rotate(0deg) skewX(0deg); }
  15% { transform: rotate(-0.8deg) skewX(-0.5deg); }
  30% { transform: rotate(0.5deg) skewX(0.3deg); }
  45% { transform: rotate(-0.3deg) skewX(-0.2deg); }
  60% { transform: rotate(0.6deg) skewX(0.4deg); }
  75% { transform: rotate(-0.5deg) skewX(-0.3deg); }
  90% { transform: rotate(0.2deg) skewX(0.1deg); }
}

/* Weight shift: font-stretch animation for Anybody (it supports stretch!) */
@keyframes stretchBreathe {
  0%, 100% { font-stretch: 125%; }
  50% { font-stretch: 100%; }
}

@keyframes stretchBreatheCondensed {
  0%, 100% { font-stretch: 75%; }
  50% { font-stretch: 90%; }
}

/* Letter dance: letters spread and tighten */
@keyframes letterDance {
  0%, 100% { letter-spacing: inherit; }
  33% { letter-spacing: 0.03em; }
  66% { letter-spacing: -0.01em; }
}

/* Ink bleed: subtle text-shadow pulse like fresh ink */
@keyframes inkBleed {
  0%, 100% {
    text-shadow: none;
  }
  50% {
    text-shadow:
      0.5px 0.5px 0 rgba(26, 26, 26, 0.15),
      -0.5px -0.5px 0 rgba(26, 26, 26, 0.08);
  }
}

/* --- Hover transitions for display-font headings --- */

/* Section titles: breathe on hover */
.section-title,
.section-title-alt,
.subscribe-title,
.about-title {
  transition:
    transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1),
    letter-spacing 0.4s ease,
    font-stretch 0.6s ease;
  transform-origin: left center;
}

.section-title:hover,
.section-title-alt:hover,
.subscribe-title:hover,
.about-title:hover {
  animation: textBreathe 2s ease-in-out infinite;
  font-stretch: 110%;
}

/* Hero headline pieces: wobble on hover */
.headline-regionally {
  transition: transform 0.3s ease, letter-spacing 0.5s ease;
}

.headline-regionally:hover {
  animation: textWobble 0.8s ease-in-out infinite;
  letter-spacing: 0.4em;
}

.headline-famous {
  transition: font-stretch 0.6s cubic-bezier(0.34, 1.56, 0.64, 1), text-shadow 0.3s ease;
}

.headline-famous:hover {
  animation: stretchBreathe 3s ease-in-out infinite;
  text-shadow:
    3px 3px 0 var(--color-baby-blue, #a8d5e5),
    -1px -1px 0 var(--color-pale-pink, #f4c7c3);
}

/* Post titles: subtle ink bleed + lift on hover */
.post-title,
.archive-title,
.single-post-title,
.page-title,
.wp-block-post-title,
.zine-post-card-title,
.blog-post-title a {
  transition:
    transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1),
    text-shadow 0.3s ease,
    letter-spacing 0.4s ease;
  display: inline-block;
}

.post-title:hover,
.single-post-title:hover,
.page-title:hover {
  animation: textBreathe 2.5s ease-in-out infinite;
}

.archive-title:hover,
.zine-post-card-title:hover,
.blog-post-title a:hover {
  animation: inkBleed 1.5s ease-in-out infinite;
  letter-spacing: 0.01em;
}

/* Logo text: wobble on hover like a stamped logo */
.logo-text,
.footer-logo {
  transition:
    transform 0.3s ease,
    letter-spacing 0.3s ease;
}

.logo-text:hover,
.footer-logo:hover {
  animation: textWobble 1s ease-in-out infinite;
}

/* Stat numbers: breathe to emphasize */
.stat-number {
  transition: transform 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  display: inline-block;
}

.stat-number:hover {
  animation: textBreathe 1.8s ease-in-out infinite;
  transform: scale(1.05);
}

/* Stickers & category badges: extra wobbly */
.sticker,
.post-category,
.single-category-badge a,
.doodle-text,
.subscribe-sticker,
.decoration-text {
  transition: transform 0.2s ease;
}

.sticker:hover,
.post-category:hover,
.doodle-text:hover,
.subscribe-sticker:hover,
.decoration-text:hover {
  animation: textWobble 0.6s ease-in-out infinite;
}

/* Floating elements: stretch-breathe continuously (ambient) */
.floating-element {
  animation: stretchBreatheCondensed 4s ease-in-out infinite;
}

/* Section tags: letter dance on hover */
.section-tag {
  transition: letter-spacing 0.4s ease, transform 0.3s ease;
}

.section-tag:hover {
  animation: letterDance 2s ease-in-out infinite;
  transform: rotate(0deg) !important;
}

/* Footer headings: subtle ink bleed on hover */
.footer-heading {
  transition: text-shadow 0.3s ease;
}

.footer-heading:hover {
  animation: inkBleed 2s ease-in-out infinite;
}

/* Cutout letters: individual wobble with stagger */
.cutout-letter {
  transition: transform 0.2s ease;
}

.cutout-letter:hover {
  animation: textWobble 0.5s ease-in-out infinite;
}

/* Archive numbers: stretch breathe */
.archive-number {
  transition: font-stretch 0.5s ease;
}

.archive-number:hover {
  animation: stretchBreatheCondensed 2s ease-in-out infinite;
}

/* Respect reduced motion */
@media (prefers-reduced-motion: reduce) {
  .section-title:hover,
  .section-title-alt:hover,
  .subscribe-title:hover,
  .about-title:hover,
  .headline-regionally:hover,
  .headline-famous:hover,
  .post-title:hover,
  .archive-title:hover,
  .single-post-title:hover,
  .page-title:hover,
  .wp-block-post-title:hover,
  .zine-post-card-title:hover,
  .blog-post-title a:hover,
  .logo-text:hover,
  .footer-logo:hover,
  .stat-number:hover,
  .sticker:hover,
  .post-category:hover,
  .doodle-text:hover,
  .subscribe-sticker:hover,
  .decoration-text:hover,
  .floating-element,
  .section-tag:hover,
  .footer-heading:hover,
  .cutout-letter:hover,
  .archive-number:hover {
    animation: none !important;
    font-stretch: unset;
  }
}

/* ===== END ZINE TEXT ANIMATIONS ===== */

@keyframes fadeSlideUp {
  from {
    opacity: 0;
    transform: translateY(40px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeSlideDown {
  from {
    opacity: 0;
    transform: translateY(-30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeRotateIn {
  from {
    opacity: 0;
    transform: rotate(12deg) scale(0.9);
  }
  to {
    opacity: 1;
    transform: rotate(4deg) scale(1);
  }
}

@keyframes bounceIn {
  0% {
    opacity: 0;
    transform: rotate(-8deg) scale(0);
  }
  60% {
    transform: rotate(-8deg) scale(1.15);
  }
  100% {
    opacity: 1;
    transform: rotate(-8deg) scale(1);
  }
}

@keyframes floatSlow {
  0%, 100% {
    transform: translateY(0) rotate(90deg);
  }
  50% {
    transform: translateY(-25px) rotate(90deg);
  }
}

/* :::SECTION:Responsive - Tablet::: */
@media (max-width: 1024px) {
  .hero-content {
    grid-template-columns: 1fr;
    grid-template-rows: auto auto 1fr auto;
  }
  
  .hero-main {
    grid-column: 1;
    text-align: center;
    align-items: center;
  }
  
  .hero-tagline {
    transform: none;
  }
  
  .hero-visual-container {
    grid-column: 1;
    grid-row: 3;
    padding: var(--wp--preset--spacing--40);
  }
  
  .hero-visual {
    max-width: 350px;
  }
  
  .featured-grid {
    grid-template-columns: 1fr 1fr;
  }
  
  .featured-post-large {
    grid-column: 1 / -1;
    grid-row: auto;
  }
.featured-post-large .post-image-wrap {
    height: 300px;
      }
      
      .featured-post:not(.featured-post-large) .post-image-wrap {
        height: 150px;
      }
      
      .about-grid {
    grid-template-columns: 1fr;
    gap: var(--wp--preset--spacing--50);
  }
  
  .about-image-col {
    text-align: center;
  }
  
  .about-image {
    max-width: 350px;
    margin: 0 auto;
  }
  .footer-grid {
        grid-template-columns: 1fr;
        gap: var(--wp--preset--spacing--40);
      }
          .footer-col-right {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: var(--wp--preset--spacing--40);
          }
          
          /* Footer tablet improvements at 992px */
          .footer-nav a {
            padding: 6px 0;
            min-height: 40px;
            line-height: 28px;
          }
        }
    
    /* :::SECTION:Responsive - Mobile::: */
    @media (max-width: 768px) {
      .hero-nav {
        display: none;
      }
  
  .mobile-menu-btn {
    display: flex;
  }
  
  .hero-content {
    padding: var(--wp--preset--spacing--30);
    gap: var(--wp--preset--spacing--30);
  }
  
  .hero-tag {
    font-size: calc(var(--wp--preset--font-size--small) * 0.85);
  }
  
  .hero-visual {
    max-width: 280px;
    transform: rotate(3deg);
    box-shadow: 
      10px 10px 0 var(--wp--preset--color--color-baby-blue),
      10px 10px 0 3px var(--wp--preset--color--color-dark);
  }
  
  .hero-cta {
    font-size: var(--wp--preset--font-size--medium);
  }
  
  .hero-scroll-text,
  .floating-element,
  .sticker {
    display: none;
  }
  
  .section {
    padding: var(--wp--preset--spacing--50) 0;
  }
  
  .section-header {
    margin-bottom: var(--wp--preset--spacing--40);
  }
.featured-grid {
        grid-template-columns: 1fr;
        gap: var(--wp--preset--spacing--30);
        padding-left: var(--wp--preset--spacing--30);
        padding-right: var(--wp--preset--spacing--30);
        overflow: hidden;
      }
      
      /* Mobile featured posts - proper stacking and sizing */
      .featured-post {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
      }
      
      .featured-post-large {
        grid-row: auto;
      }
      
      .featured-post-large .post-image-wrap {
        height: 220px;
      }
      
      .featured-post:not(.featured-post-large) .post-image-wrap {
        height: 160px;
      }
      
      /* Ensure images scale properly on mobile */
      .featured-post .post-image-wrap img,
      .featured-post .wp-block-post-featured-image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
      }
      
      /* Post content mobile spacing */
      .featured-post .post-content {
        padding: var(--wp--preset--spacing--30);
      }
      
      /* Readable text on mobile */
      .featured-post .post-title {
        font-size: var(--wp--preset--font-size--large);
        line-height: 1.2;
        word-wrap: break-word;
        overflow-wrap: break-word;
      }
      
      .featured-post-large .post-title {
        font-size: var(--wp--preset--font-size--x-large);
      }
      
      .featured-post .post-excerpt {
        font-size: var(--wp--preset--font-size--medium);
        line-height: 1.5;
      }
      
      /* Prevent horizontal overflow */
      .featured-posts-section,
      .section {
        overflow-x: hidden;
      }
      
      .archive-item {
    flex-direction: column;
    align-items: flex-start;
    gap: var(--wp--preset--spacing--30);
  }
  
  .archive-number {
    position: absolute;
    top: var(--wp--preset--spacing--30);
    right: var(--wp--preset--spacing--30);
    font-size: var(--wp--preset--font-size--large);
  }
  
  .archive-item {
    position: relative;
  }
  
  .archive-link {
    align-self: flex-end;
  }
.single-post {
            padding: 0 var(--wp--preset--spacing--40);
            transform: none;
          }
  
  .single-quote {
    transform: none;
  }
  
  .single-footer {
    flex-direction: column;
    align-items: flex-start;
  }
  
  .about-stats {
    flex-direction: column;
    gap: var(--wp--preset--spacing--30);
    transform: none;
  }
  
  .subscribe-box {
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
    transform: none;
  }
  
  .subscribe-sticker {
    top: -15px;
    right: -10px;
    font-size: var(--wp--preset--font-size--medium);
    padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  }
  
  .form-group {
    flex-direction: column;
  }
  
  .form-input,
  .form-group .btn {
    width: 100%;
  }
  
  .footer-grid {
    grid-template-columns: 1fr;
    gap: var(--wp--preset--spacing--40);
    text-align: center;
  }
.footer-col-left {
        order: 1;
      }
      
      .footer-col-right {
        order: 2;
        grid-template-columns: 1fr;
      }
  .footer-tagline {
        max-width: none;
        margin: 0 auto;
      }
      
      /* Footer mobile link improvements - larger tap targets */
      .footer-nav a {
        display: inline-block;
        padding: 8px 0;
        min-height: 44px;
        line-height: 28px;
      }
      
      .footer-heading {
        margin-bottom: var(--wp--preset--spacing--20);
      }
      
      /* Ensure no horizontal overflow */
      .site-footer {
        overflow-x: hidden;
      }
      
      .site-footer > .container,
      .site-footer > .footer-grid,
      .site-footer > [class*="wp-block-"] {
        padding-left: var(--wp--preset--spacing--30);
        padding-right: var(--wp--preset--spacing--30);
      }
      
      /* Footer logo adjustments for mobile */
      .footer-logo {
        font-size: var(--wp--preset--font-size--x-large);
        transform: none;
      }
      
      /* Footer stamp mobile */
      .footer-stamp {
        transform: none;
        font-size: calc(var(--wp--preset--font-size--small) * 0.9);
        letter-spacing: 0.15em;
      }
    }
    
    /* :::SECTION:Responsive - Small Mobile::: */
    @media (max-width: 480px) {
      
      
      .hero-visual-container {
    padding: var(--wp--preset--spacing--30);
  }
  
  .hero-visual {
    max-width: 220px;
  }
  
  .headline-top {
    letter-spacing: 0.15em;
  }
.post-content {
        padding: var(--wp--preset--spacing--30);
      }
      
      .post-title {
        font-size: var(--wp--preset--font-size--x-large);
      }
      
      /* Small mobile featured posts enhancements */
      .featured-grid {
        gap: var(--wp--preset--spacing--30);
        padding-left: var(--wp--preset--spacing--20);
        padding-right: var(--wp--preset--spacing--20);
      }
      
      .featured-post-large .post-image-wrap,
      .featured-post-large .wp-block-post-featured-image {
        height: 180px;
      }
      
      .featured-post:not(.featured-post-large) .post-image-wrap,
      .featured-post:not(.featured-post-large) .wp-block-post-featured-image {
        height: 140px;
      }
      
      .featured-post .post-content {
        padding: var(--wp--preset--spacing--20);
      }
      
      .featured-post .post-title {
        font-size: var(--wp--preset--font-size--large);
        margin-bottom: var(--wp--preset--spacing--20);
      }
      
      .featured-post .post-excerpt {
        font-size: var(--wp--preset--font-size--small);
        -webkit-line-clamp: 2;
        margin-bottom: var(--wp--preset--spacing--20);
      }
      
      .featured-post .post-link {
        font-size: var(--wp--preset--font-size--small);
        padding: var(--wp--preset--spacing--20);
      }
  
  .featured-post:not(.featured-post-large) .post-title {
    font-size: var(--wp--preset--font-size--large);
  }
  
  .archive-title {
    font-size: var(--wp--preset--font-size--large);
  }
  
  .single-lede {
    font-size: var(--wp--preset--font-size--large);
    padding-left: var(--wp--preset--spacing--30);
  }
  
  .about-image {
    max-width: 280px;
  }
  
  .about-doodle {
    display: none;
  }
}

/* :::SECTION:Templates::: */
/* WordPress Post Elements */
.wp-block-post-title {
  font-family: var(--font-display);
  font-weight: 900;
  font-stretch: 125%;
  font-size: var(--wp--preset--font-size--huge);
  line-height: 1.1;
  margin-bottom: var(--wp--preset--spacing--30);
}

.wp-block-post-title a {
  text-decoration: none;
  transition: color var(--transition-fast);
}

.wp-block-post-title a:hover {
  color: var(--wp--preset--color--color-accent);
}

.wp-block-post-date,
.wp-block-post-author {
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
}

.wp-block-post-excerpt {
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.7;
  color: var(--wp--preset--color--color-muted);
  margin-top: var(--wp--preset--spacing--30);
}
.wp-block-post-content {
      font-size: var(--wp--preset--font-size--medium);
      line-height: 1.8;
    }
    
    /* Frontend spacing parity for entry-content post content */
    .entry-content.wp-block-post-content {
      /* Container spacing */
      padding-top: var(--wp--preset--spacing--40);
      padding-bottom: var(--wp--preset--spacing--50);
    }
    
    /* Flow layout gap between child elements */
    .entry-content.wp-block-post-content.is-layout-flow > * + * {
      margin-block-start: var(--wp--preset--spacing--40);
    }
    
    .wp-block-post-content p {
      margin-bottom: var(--wp--preset--spacing--40);
    }
    
    /* Headings in post content */
    .entry-content.wp-block-post-content h2,
    .entry-content.wp-block-post-content h3,
    .entry-content.wp-block-post-content h4 {
      margin-top: var(--wp--preset--spacing--50);
      margin-bottom: var(--wp--preset--spacing--30);
    }
    
    /* Lists in post content */
    .entry-content.wp-block-post-content ul,
    .entry-content.wp-block-post-content ol {
      margin-bottom: var(--wp--preset--spacing--40);
      padding-left: var(--wp--preset--spacing--40);
    }
    
    .entry-content.wp-block-post-content li {
      margin-bottom: var(--wp--preset--spacing--20);
      line-height: 1.7;
    }
    
    /* Blockquotes in post content */
    .entry-content.wp-block-post-content blockquote,
    .entry-content.wp-block-post-content .wp-block-quote {
      margin: var(--wp--preset--spacing--50) 0;
      padding-left: var(--wp--preset--spacing--40);
      border-left: 4px solid var(--wp--preset--color--color-dark);
    }
    
    /* Code blocks in post content */
    .entry-content.wp-block-post-content pre,
    .entry-content.wp-block-post-content .wp-block-code {
      margin: var(--wp--preset--spacing--40) 0;
      padding: var(--wp--preset--spacing--30);
    }
    
    /* Images and figures in post content */
    .entry-content.wp-block-post-content figure,
    .entry-content.wp-block-post-content .wp-block-image {
      margin: var(--wp--preset--spacing--40) 0;
    }
    
    /* Separator/divider spacing */
    .entry-content.wp-block-post-content hr,
    .entry-content.wp-block-post-content .wp-block-separator {
      margin: var(--wp--preset--spacing--50) 0;
    }

.wp-block-post-featured-image {
  margin-bottom: var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  overflow: hidden;
}

.wp-block-post-featured-image img {
  width: 100%;
  transition: transform var(--transition-medium);
}
.wp-block-post-featured-image:hover img {
animation: chaosImageGlitch 1s steps(2, end) infinite;
        }
    
    /* Query Pagination */
.wp-block-query-pagination {
  display: flex;
  justify-content: center;
  gap: var(--wp--preset--spacing--30);
  margin-top: var(--wp--preset--spacing--50);
  padding-top: var(--wp--preset--spacing--40);
  border-top: 3px dashed var(--wp--preset--color--color-muted);
}

.wp-block-query-pagination a,
.wp-block-query-pagination span {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--medium);
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  border: 2px solid var(--wp--preset--color--color-dark);
  background: var(--wp--preset--color--color-cream);
  transition: background var(--transition-fast), transform var(--transition-fast);
}
.wp-block-query-pagination a:hover {
      background: var(--wp--preset--color--color-pale-pink);
animation: chaosSpin 0.6s cubic-bezier(0.36, 1.2, 0.5, 0.9) 1;
          box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
    }

.wp-block-post-navigation-link {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
}

.wp-block-post-navigation-link a {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-baby-blue);
  border: 3px solid var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.wp-block-post-navigation-link a:hover {
      animation: chaosSkew 0.35s ease-in-out infinite;
      box-shadow:
        5px 5px 0 var(--wp--preset--color--color-dark),
        -2px -2px 0 var(--wp--preset--color--color-accent);
    }

/* Search */
.wp-block-search {
  display: flex;
  gap: var(--wp--preset--spacing--30);
  max-width: 500px;
}

.wp-block-search__input {
  flex: 1;
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--medium);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  background: var(--wp--preset--color--color-cream);
}

.wp-block-search__input:focus {
  outline: none;
  box-shadow: 0 0 0 3px var(--wp--preset--color--color-baby-blue);
}

.wp-block-search__button {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--medium);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-pale-pink);
  border: 3px solid var(--wp--preset--color--color-dark);
  cursor: pointer;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.wp-block-search__button:hover {
animation: chaosJitter 0.5s linear infinite;
      box-shadow:
            3px 3px 0 var(--wp--preset--color--color-dark),
            -1px -1px 0 var(--wp--preset--color--color-accent);
    }

/* Comments */
.wp-block-comment-template {
  list-style: none;
  padding: 0;
}

.wp-block-comment-template li {
  padding: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-cream);
  border: 2px solid var(--wp--preset--color--color-dark);
}

.wp-block-comment-author-name {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  margin-bottom: var(--wp--preset--spacing--20);
}

.wp-block-comment-content {
  font-size: var(--wp--preset--font-size--medium);
  line-height: 1.7;
}

/* Quote */
.wp-block-quote {
  background: var(--wp--preset--color--color-baby-blue);
  padding: var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  margin: var(--wp--preset--spacing--50) 0;
  transform: rotate(0.5deg);
}

.wp-block-quote p {
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--x-large);
  line-height: 1.4;
  margin: 0;
}

.wp-block-quote cite {
  display: block;
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--small);
  margin-top: var(--wp--preset--spacing--30);
  color: var(--wp--preset--color--color-muted);
  font-style: normal;
}

/* Code */
.wp-block-code {
  background: var(--wp--preset--color--color-dark);
  color: var(--wp--preset--color--color-cream);
  padding: var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  overflow-x: auto;
  font-family: 'Courier New', monospace;
  font-size: var(--wp--preset--font-size--small);
  line-height: 1.6;
}

/* Focus States */
a:focus,
button:focus,
input:focus {
  outline: 3px solid var(--wp--preset--color--color-accent);
  outline-offset: 2px;
}
.hero-nav-link:focus::after,
    .post-link:focus {
      outline: none;
      text-decoration: underline;
      text-decoration-thickness: 3px;
    }
    
    .share-btn:focus {
      outline: 3px solid var(--wp--preset--color--color-accent);
      outline-offset: 2px;
    }

/* :::SECTION:Global::: */

/* Reset paragraph wrapper for inline content */
:root :where(.hero-tag),
:root :where(.section-tag),
:root :where(.post-category),
:root :where(.post-date),
:root :where(.post-link),
:root :where(.archive-number),
:root :where(.archive-category),
:root :where(.archive-date),
:root :where(.archive-link),
:root :where(.single-category),
:root :where(.single-date),
:root :where(.single-reading),
:root :where(.dynamic-read-time),
:root :where(.share-label),
:root :where(.tag),
:root :where(.about-image-label),
:root :where(.doodle-text),
:root :where(.stat-number),
:root :where(.stat-label),
:root :where(.form-note),
:root :where(.decoration-text),
:root :where(.footer-logo),
:root :where(.footer-tagline),
:root :where(.footer-stamp),
:root :where(.hero-scroll-text),
:root :where(.hero-visual-caption) {
  margin: 0;
}

/* :::SECTION:Hero::: */

/* Hero navigation list reset */
.hero-nav.wp-block-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* Hero CTA button - wrapper reset */
.wp-block-button.hero-cta {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Hero CTA button - link styling */
.wp-block-button.hero-cta .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: var(--wp--preset--spacing--30);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--x-large);
  font-stretch: 100%;
  color: var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background-color: var(--wp--preset--color--color-pale-pink);
  border: 4px solid var(--wp--preset--color--color-dark);
  transform: rotate(-1deg);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.wp-block-button.hero-cta .wp-block-button__link:hover {
          animation: chaosHeroCTA 0.7s ease-in-out infinite;
          box-shadow:
            4px 4px 0 var(--wp--preset--color--color-dark),
            -2px -2px 0 var(--wp--preset--color--color-accent),
            6px 6px 0 var(--wp--preset--color--color-baby-blue);
          text-shadow:
            1px 0 var(--wp--preset--color--color-accent),
            -1px 0 var(--wp--preset--color--color-baby-blue);
    }

.wp-block-button.hero-cta .wp-block-button__link::after {
  content: '→';
  transition: transform var(--transition-fast);
}

.wp-block-button.hero-cta .wp-block-button__link:hover::after {
  transform: translateX(6px);
}

/* Hero visual image container */
:root :where(.hero-visual.wp-block-group) {
  width: 100%;
  max-width: 450px;
  aspect-ratio: 4/5;
  background-size: cover;
  background-position: center;
  transform: rotate(4deg);
  border: 4px solid var(--wp--preset--color--color-dark);
  box-shadow: 
    14px 14px 0 var(--wp--preset--color--color-baby-blue),
    14px 14px 0 4px var(--wp--preset--color--color-dark);
  transition: transform var(--transition-medium), box-shadow var(--transition-medium);
}
:root :where(.hero-visual.wp-block-group:hover) {
          animation: chaosPhotoShake 0.4s ease-in-out infinite;
          box-shadow: 
            16px 16px 0 var(--wp--preset--color--color-baby-blue),
            16px 16px 0 4px var(--wp--preset--color--color-dark),
            -2px -2px 0 var(--wp--preset--color--color-pale-pink);
    }

/* :::SECTION:Featured Posts::: */

/* Post image height for figure wrapper */
:root :where(.featured-post-large .post-image-wrap .wp-block-image) {
  height: 400px;
}

:root :where(.featured-post-large .post-image-wrap .wp-block-image img) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform var(--transition-medium);
}
/* Post image for non-large posts */
:root :where(.featured-post:not(.featured-post-large) .post-image-wrap .wp-block-image) {
      height: 180px;
    }
:root :where(.featured-post:not(.featured-post-large) .post-image-wrap .wp-block-image img) {
          width: 100%;
          height: 100%;
          object-fit: cover;
          transition: transform var(--transition-medium);
        }
    
    /* Dynamic post-featured-image block styles */
    :root :where(.featured-post-large .post-image-wrap .wp-block-post-featured-image) {
      height: 400px;
      overflow: hidden;
    }
    
    :root :where(.featured-post-large .post-image-wrap .wp-block-post-featured-image img) {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform var(--transition-medium);
    }
    
    :root :where(.featured-post:not(.featured-post-large) .post-image-wrap .wp-block-post-featured-image) {
      height: 180px;
      overflow: hidden;
    }
    
    :root :where(.featured-post:not(.featured-post-large) .post-image-wrap .wp-block-post-featured-image img) {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform var(--transition-medium);
    }
:root :where(.featured-post:hover .wp-block-post-featured-image img) {
          animation: chaosImageGlitch 1s steps(2, end) infinite;
        }
    
    /* Post category using post-terms block */
    :root :where(.post-image-wrap .wp-block-post-terms) {
      position: absolute;
      top: var(--wp--preset--spacing--30);
      left: var(--wp--preset--spacing--30);
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--small);
      letter-spacing: 0.15em;
      text-transform: uppercase;
      background: var(--wp--preset--color--color-highlight);
      padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
      border: 2px solid var(--wp--preset--color--color-dark);
      z-index: 2;
    }
    
    :root :where(.post-image-wrap .wp-block-post-terms a) {
      color: var(--wp--preset--color--color-dark);
      text-decoration: none;
    }
    
    /* Post title link styling */
    :root :where(.post-title.wp-block-post-title a) {
      color: inherit;
      text-decoration: none;
    }
    
    :root :where(.post-title.wp-block-post-title a:hover) {
      color: var(--wp--preset--color--color-accent);
    }
    
    /* Archive title link styling */
    :root :where(.archive-title.wp-block-post-title a) {
      color: inherit;
      text-decoration: none;
    }
    
    :root :where(.archive-title.wp-block-post-title a:hover) {
      color: var(--wp--preset--color--color-accent);
    }
    
    /* Read more link styling */
    :root :where(.post-link.wp-block-read-more) {
      font-family: var(--font-display);
      font-weight: 900;
      color: var(--wp--preset--color--color-accent);
      text-decoration: none;
      transition: color var(--transition-fast);
    }
    
    :root :where(.post-link.wp-block-read-more:hover) {
      color: var(--wp--preset--color--color-dark);
    }
    
    /* Archive link styling */
    :root :where(.archive-link.wp-block-read-more) {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--xx-large);
      width: 50px;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      background: var(--wp--preset--color--color-pale-pink);
      border: 3px solid var(--wp--preset--color--color-dark);
      transition: background var(--transition-fast);
      color: var(--wp--preset--color--color-dark);
      text-decoration: none;
    }
    
    :root :where(.archive-link.wp-block-read-more:hover) {
      background: var(--wp--preset--color--color-highlight);
    }
    
    /* Archive category using post-terms */
    :root :where(.archive-category.wp-block-post-terms) {
      font-size: var(--wp--preset--font-size--small);
      letter-spacing: 0.15em;
      text-transform: uppercase;
      display: block;
      margin-bottom: var(--wp--preset--spacing--20);
    }
    
    :root :where(.archive-category.wp-block-post-terms a) {
      color: var(--wp--preset--color--color-accent);
      text-decoration: none;
    }
    
    /* Post date styling */
    :root :where(.post-date.wp-block-post-date) {
      font-size: var(--wp--preset--font-size--small);
      color: var(--wp--preset--color--color-muted);
      margin-bottom: var(--wp--preset--spacing--20);
    }
    
    /* Archive date styling */
    :root :where(.archive-date.wp-block-post-date) {
      font-size: var(--wp--preset--font-size--small);
      color: var(--wp--preset--color--color-muted);
    }
    
    /* Archive number (day of month) */
    :root :where(.archive-number.wp-block-post-date) {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--xx-large);
      font-stretch: 75%;
      color: var(--wp--preset--color--color-muted);
      min-width: 60px;
      flex-shrink: 0;
    }
    
    /* Post excerpt styling */
    :root :where(.post-excerpt.wp-block-post-excerpt) {
      color: var(--wp--preset--color--color-muted);
      line-height: 1.6;
      margin-bottom: var(--wp--preset--spacing--30);
    }
    
    :root :where(.post-excerpt.wp-block-post-excerpt .wp-block-post-excerpt__excerpt) {
      margin: 0;
    }
    
    :root :where(.featured-post:not(.featured-post-large) .post-excerpt.wp-block-post-excerpt) {
      font-size: var(--wp--preset--font-size--medium);
      display: -webkit-box;
      -webkit-line-clamp: 3;
      -webkit-box-orient: vertical;
      overflow: hidden;
    }
    
    /* Margin parity - section header */
:root :where(.section-header) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .section-header {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Margin parity - section tag */
:root :where(.section-tag) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .section-tag {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - section squiggle */
:root :where(.section-squiggle) {
  margin-block-start: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .section-squiggle {
  margin-block-start: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - post date */
:root :where(.post-date) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .post-date {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Margin parity - post title */
:root :where(.post-title) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .post-title {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - post excerpt */
:root :where(.post-excerpt) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .post-excerpt {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}
/* :::SECTION:Archive::: */
    
    /* ===== ZINE CHAOS BUTTON - DIY Marked Up Style ===== */
    
    /* Wrapper with decorative elements */
    .wp-block-button.zine-chaos-btn {
      position: relative;
      padding: 40px 60px !important;
      background: none !important;
      border: none !important;
      margin: 0;
      box-shadow: none !important;
    }
    
    /* Hand-drawn scribble circle around button */
    .wp-block-button.zine-chaos-btn::before {
      content: '';
      position: absolute;
      inset: 5px;
      border: 4px solid var(--wp--preset--color--color-dark);
      border-radius: 60% 40% 55% 45% / 45% 60% 40% 55%;
      transform: rotate(-3deg);
      opacity: 0.7;
      pointer-events: none;
      animation: scribble-wobble 4s ease-in-out infinite;
    }
    
    /* Hand-drawn arrow pointing to button */
    .wp-block-button.zine-chaos-btn::after {
      content: '👉';
      position: absolute;
      left: -30px;
      top: 50%;
      transform: translateY(-50%) rotate(-10deg);
      font-size: 2rem;
      animation: arrow-bounce 1s ease-in-out infinite;
      filter: drop-shadow(2px 2px 0 var(--wp--preset--color--color-pale-pink));
    }
    
    /* The actual button link - tilted and wild */
    .wp-block-button.zine-chaos-btn .wp-block-button__link {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--large);
      padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
      border: 4px solid var(--wp--preset--color--color-dark);
      background: var(--wp--preset--color--color-pale-pink);
      color: var(--wp--preset--color--color-dark);
      transform: rotate(-3deg) skewX(-1deg);
      position: relative;
      text-decoration: none;
      transition: transform 0.15s ease-out, box-shadow 0.15s ease-out;
      box-shadow: 
        5px 5px 0 var(--wp--preset--color--color-dark),
        8px 8px 0 var(--wp--preset--color--color-accent);
      text-transform: uppercase;
      letter-spacing: 1px;
      z-index: 1;
    }
    
    /* Photocopied noise texture overlay */
    .wp-block-button.zine-chaos-btn .wp-block-button__link::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
      opacity: 0.12;
      mix-blend-mode: multiply;
      pointer-events: none;
    }
    
    /* Highlighter stripe across button */
    .wp-block-button.zine-chaos-btn .wp-block-button__link::after {
      content: '';
      position: absolute;
      left: -5%;
      right: -5%;
      top: 40%;
      height: 35%;
      background: linear-gradient(90deg, 
        transparent 0%, 
        rgba(255, 255, 0, 0.4) 10%, 
        rgba(255, 255, 0, 0.5) 50%, 
        rgba(255, 255, 0, 0.4) 90%, 
        transparent 100%);
      transform: rotate(-1deg) skewX(-5deg);
      pointer-events: none;
      z-index: -1;
    }
    
    /* Hover state - wiggle and lift */
    .wp-block-button.zine-chaos-btn .wp-block-button__link:hover {
          transform: rotate(0.5deg) skewX(0.5deg) translate(-2px, -2px);
          box-shadow: 
            5px 5px 0 var(--wp--preset--color--color-dark),
            7px 7px 0 var(--wp--preset--color--color-accent);
      animation: button-wiggle 0.3s ease-in-out infinite;
    }
    
    /* Decorative sticker - star burst */
    .section-featured .wp-block-button.zine-chaos-btn .wp-block-button__link ~ *,
    .wp-block-button.zine-chaos-btn .wp-element-button ~ * {
      display: none;
    }
    
    /* Top-right corner sticker/star decoration (using box-shadow trick) */
    .wp-block-buttons:has(.zine-chaos-btn)::before {
      content: '✨ READ!';
      position: absolute;
      top: 0;
      right: -20px;
      background: var(--wp--preset--color--color-accent);
      color: var(--wp--preset--color--color-cream);
      padding: 4px 10px;
      font-family: var(--font-display);
      font-weight: 900;
      font-size: 0.75rem;
      transform: rotate(15deg);
      border: 2px solid var(--wp--preset--color--color-dark);
      box-shadow: 2px 2px 0 var(--wp--preset--color--color-dark);
      z-index: 2;
    }
    
    /* Bottom-left doodle arrow decoration */
    .wp-block-buttons:has(.zine-chaos-btn)::after {
      content: '↙ CLICK HERE!';
      position: absolute;
      bottom: -5px;
      left: -50px;
      font-family: var(--font-display);
      font-weight: 700;
      font-size: 0.8rem;
      color: var(--wp--preset--color--color-dark);
      transform: rotate(-8deg);
      text-decoration: underline wavy;
      text-underline-offset: 3px;
    }
    
    /* Parent buttons wrapper needs positioning context */
    .wp-block-buttons:has(.zine-chaos-btn) {
      position: relative;
      padding: 30px 70px;
    }
    
    /* Wiggle animation */
    @keyframes button-wiggle {
          0%, 100% { transform: rotate(0.5deg) skewX(0.5deg) translate(-2px, -2px); }
          25% { transform: rotate(1deg) skewX(0deg) translate(-2.5px, -1.5px); }
          50% { transform: rotate(0deg) skewX(1deg) translate(-1.5px, -2.5px); }
          75% { transform: rotate(0.75deg) skewX(-0.5deg) translate(-2px, -2px); }
    }
    
    /* Scribble circle wobble */
    @keyframes scribble-wobble {
      0%, 100% { 
        border-radius: 60% 40% 55% 45% / 45% 60% 40% 55%;
        transform: rotate(-3deg);
      }
      33% { 
        border-radius: 45% 55% 40% 60% / 55% 45% 60% 40%;
        transform: rotate(-1deg);
      }
      66% { 
        border-radius: 55% 45% 60% 40% / 40% 55% 45% 60%;
        transform: rotate(-5deg);
      }
    }
    
    /* Arrow bounce */
    @keyframes arrow-bounce {
      0%, 100% { transform: translateY(-50%) rotate(-10deg) translateX(0); }
      50% { transform: translateY(-50%) rotate(-5deg) translateX(5px); }
    }
    
    /* ===== END ZINE CHAOS BUTTON ===== */
    
    /* Archive footer button - wrapper reset */
    .wp-block-button.btn.btn-outline {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Archive footer button - link styling */
.wp-block-button.btn.btn-outline .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  background: transparent;
  color: var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast), background var(--transition-fast);
}
.wp-block-button.btn.btn-outline .wp-block-button__link:hover {
      background: var(--wp--preset--color--color-cream);
      animation: chaosJitter 0.25s linear infinite;
      box-shadow:
        4px 4px 0 var(--wp--preset--color--color-dark),
        -3px 2px 0 var(--wp--preset--color--color-pale-pink);
    }

/* Margin parity - section header alt */
:root :where(.section-header-alt) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .section-header-alt {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Margin parity - archive category */
:root :where(.archive-category) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .archive-category {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Margin parity - archive footer */
:root :where(.archive-footer) {
  margin-block-start: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .archive-footer {
  margin-block-start: var(--wp--preset--spacing--50) !important;
}

/* :::SECTION:Single Post::: */

/* Margin parity - single header */
:root :where(.single-header) {
  margin-block-end: var(--wp--preset--spacing--50);
  padding-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .single-header {
  margin-block-end: var(--wp--preset--spacing--50) !important;
  padding-block-end: var(--wp--preset--spacing--40) !important;
}

/* Margin parity - single category */
:root :where(.single-category) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .single-category {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - single title */
:root :where(.single-title) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .single-title {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - single content paragraphs */
:root :where(.single-content p) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .single-content p {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Margin parity - single lede */
:root :where(.single-lede) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .single-lede {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Margin parity - single content h3 */
:root :where(.single-content h3) {
  margin-block-start: var(--wp--preset--spacing--50);
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .single-content h3 {
  margin-block-start: var(--wp--preset--spacing--50) !important;
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - single quote */
:root :where(.single-quote) {
  margin: var(--wp--preset--spacing--50) 0;
}

.editor-styles-wrapper .single-quote {
  margin: var(--wp--preset--spacing--50) 0 !important;
}

/* Margin parity - single list */
:root :where(.single-list) {
  margin: var(--wp--preset--spacing--40) 0;
}

.editor-styles-wrapper .single-list {
  margin: var(--wp--preset--spacing--40) 0 !important;
}

/* Margin parity - single list items */
:root :where(.single-list li) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .single-list li {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}

/* Margin parity - single footer */
:root :where(.single-footer) {
  margin-block-start: var(--wp--preset--spacing--50);
  padding-block-start: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .single-footer {
  margin-block-start: var(--wp--preset--spacing--50) !important;
  padding-block-start: var(--wp--preset--spacing--40) !important;
}

/* :::SECTION:About::: */

/* About image - figure wrapper */
:root :where(.about-image.wp-block-image) {
  width: 100%;
  max-width: 400px;
  border: 4px solid var(--wp--preset--color--color-dark);
  transform: rotate(-4deg);
  box-shadow: 
    12px 12px 0 var(--wp--preset--color--color-pale-pink),
    12px 12px 0 4px var(--wp--preset--color--color-dark);
}

/* About button - wrapper reset */
.wp-block-button.btn.btn-primary {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* About button - link styling */
.wp-block-button.btn.btn-primary .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  background: var(--wp--preset--color--color-pale-pink);
  color: var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.wp-block-button.btn.btn-primary .wp-block-button__link:hover {
      animation: chaosTilt 0.3s ease-in-out infinite;
      box-shadow:
        6px 6px 0 var(--wp--preset--color--color-dark),
        -2px -2px 0 var(--wp--preset--color--color-baby-blue);
    }

/* Margin parity - about content col section tag */
:root :where(.about-content-col .section-tag) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .about-content-col .section-tag {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - about title */
:root :where(.about-title) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .about-title {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Margin parity - about text */
:root :where(.about-text) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .about-text {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Margin parity - about text paragraphs */
:root :where(.about-text p) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .about-text p {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - about stats */
:root :where(.about-stats) {
  margin-block-end: var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .about-stats {
  margin-block-end: var(--wp--preset--spacing--40) !important;
}

/* Absolute positioning - about doodle */
.editor-styles-wrapper .about-doodle {
  position: absolute !important;
}

/* Absolute positioning - about image label */
.editor-styles-wrapper .about-image-label {
  position: absolute !important;
}

/* :::SECTION:Subscribe::: */

/* Subscribe form button - wrapper reset */
.subscribe-form .wp-block-button.btn.btn-primary {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Subscribe form button - link styling */
.subscribe-form .wp-block-button.btn.btn-primary .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  background: var(--wp--preset--color--color-pale-pink);
  color: var(--wp--preset--color--color-dark);
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
}
.subscribe-form .wp-block-button.btn.btn-primary .wp-block-button__link:hover {
animation: chaosWiggle 0.7s ease-in-out infinite;
          box-shadow:
            5px 5px 0 var(--wp--preset--color--color-dark),
            -2px -2px 0 var(--wp--preset--color--color-accent);
    }

/* Form input styling for paragraphs */
:root :where(.form-group > .wp-block-paragraph:not(:first-child)) {
  flex: 1;
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--medium);
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  border: 3px solid var(--wp--preset--color--color-dark);
  background: var(--wp--preset--color--color-cream);
  margin: 0;
}

/* Margin parity - subscribe title */
:root :where(.subscribe-title) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .subscribe-title {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - subscribe text */
:root :where(.subscribe-text) {
  margin: 0 auto var(--wp--preset--spacing--40);
}

.editor-styles-wrapper .subscribe-text {
  margin: 0 auto var(--wp--preset--spacing--40) !important;
}

/* Margin parity - form group */
:root :where(.form-group) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .form-group {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Absolute positioning - subscribe sticker */
.editor-styles-wrapper .subscribe-sticker {
  position: absolute !important;
}

/* Absolute positioning - subscribe decoration */
.editor-styles-wrapper .subscribe-decoration {
  position: absolute !important;
}

/* :::SECTION:Footer::: */

/* Margin parity - footer grid */
:root :where(.footer-grid) {
  margin-block-end: var(--wp--preset--spacing--50);
}

.editor-styles-wrapper .footer-grid {
  margin-block-end: var(--wp--preset--spacing--50) !important;
}

/* Margin parity - footer logo */
:root :where(.footer-logo) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .footer-logo {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - footer heading */
:root :where(.footer-heading) {
  margin-block-end: var(--wp--preset--spacing--30);
}

.editor-styles-wrapper .footer-heading {
  margin-block-end: var(--wp--preset--spacing--30) !important;
}

/* Margin parity - footer legal paragraphs */
:root :where(.footer-legal p) {
  margin-block-end: var(--wp--preset--spacing--20);
}

.editor-styles-wrapper .footer-legal p {
  margin-block-end: var(--wp--preset--spacing--20) !important;
}
/* Margin parity - footer bottom */
    :root :where(.footer-bottom) {
      padding-block-start: var(--wp--preset--spacing--40);
      border-top: 1px solid rgba(255, 255, 255, 0.1);
      text-align: center;
      max-width: 1400px;
      margin-left: auto;
      margin-right: auto;
      padding-left: var(--wp--preset--spacing--40);
      padding-right: var(--wp--preset--spacing--40);
      box-sizing: border-box;
    }
    
    .editor-styles-wrapper .footer-bottom {
      padding-block-start: var(--wp--preset--spacing--40) !important;
      border-top: 1px solid rgba(255, 255, 255, 0.1) !important;
      text-align: center !important;
    }
    
    :root :where(.footer-copyright) {
      font-size: var(--wp--preset--font-size--small);
      color: rgba(255, 255, 255, 0.4);
    }
    
    .editor-styles-wrapper .footer-copyright {
      font-size: var(--wp--preset--font-size--small) !important;
      color: rgba(255, 255, 255, 0.4) !important;
    }

/* :::SECTION:Stickers & Floating Elements::: */

/* Absolute positioning - stickers */
.editor-styles-wrapper .sticker {
  position: absolute !important;
}

.editor-styles-wrapper .sticker-ai {
  position: absolute !important;
}

.editor-styles-wrapper .sticker-diy {
  position: absolute !important;
}

/* Absolute positioning - floating elements */
.editor-styles-wrapper .floating-element {
  position: absolute !important;
}

.editor-styles-wrapper .floating-element-1 {
  position: absolute !important;
}

.editor-styles-wrapper .floating-element-2 {
  position: absolute !important;
}

/* Absolute positioning - post category */
.editor-styles-wrapper .post-category {
  position: absolute !important;
}

/* :::SECTION:WordPress Layout Class Overrides::: */

/* Reset WordPress auto-generated layout classes that interfere with custom layouts */
/* These classes are added on frontend but not in editor, causing visual differences */

/* Global reset for WordPress block default margins in our custom containers */
[class*="hero-"] > .wp-block-group,
[class*="hero-"] > .wp-block-heading,
[class*="hero-"] > .wp-block-paragraph,
[class*="hero-"] > .wp-block-image,
[class*="featured-"] > .wp-block-group,
[class*="featured-"] > .wp-block-heading,
[class*="archive-"] > .wp-block-group,
[class*="about-"] > .wp-block-group,
[class*="about-"] > .wp-block-heading,
[class*="about-"] > .wp-block-paragraph,
[class*="subscribe-"] > .wp-block-group,
[class*="subscribe-"] > .wp-block-heading,
[class*="subscribe-"] > .wp-block-paragraph,
[class*="footer-"] > .wp-block-group,
[class*="footer-"] > .wp-block-heading,
[class*="footer-"] > .wp-block-paragraph,
[class*="single-"] > .wp-block-group {
  margin-block: 0;
}

.hero-content.is-layout-flow,
.hero-content.is-layout-constrained,
.hero-content[class*="wp-container-"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: auto 1fr auto;
  gap: var(--wp--preset--spacing--40);
}

.hero-content > * {
  margin-block: 0;
}

.hero-main.is-layout-flow,
.hero-main[class*="wp-container-"] {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
}

.hero-main > * {
  margin-block: 0;
}

.hero-visual-container.is-layout-flow,
.hero-visual-container[class*="wp-container-"] {
  display: flex;
  align-items: center;
  justify-content: center;
}

.hero-visual-container > * {
  margin-block: 0;
}

.hero-footer.is-layout-flow,
.hero-footer[class*="wp-container-"] {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
}

.hero-footer > * {
  margin-block: 0;
}

.hero-header.is-layout-flow,
.hero-header[class*="wp-container-"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.hero-header > * {
  margin-block: 0;
}

.hero-nav.is-layout-flow,
.hero-nav[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--40);
}

.hero-nav > * {
  margin-block: 0;
}

.hero-meta.is-layout-flow,
.hero-meta[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--50);
}

.hero-meta > * {
  margin-block: 0;
}
.featured-grid.is-layout-flow,
    .featured-grid.is-layout-constrained,
    .featured-grid[class*="wp-container-"] {
      display: grid;
      grid-template-columns: 2fr 1fr;
      gap: var(--wp--preset--spacing--40);
    }
    
    .featured-grid > * {
      margin-block: 0;
    }
    
    /* Mobile: Stack featured grid in single column */
    @media (max-width: 768px) {
      .featured-grid.is-layout-flow,
      .featured-grid.is-layout-constrained,
      .featured-grid[class*="wp-container-"] {
        grid-template-columns: 1fr !important;
      }
      
      .featured-grid .featured-post-large,
      .featured-grid .featured-post {
        grid-column: auto !important;
        grid-row: auto !important;
      }
    }

.featured-sidebar.is-layout-flow,
.featured-sidebar[class*="wp-container-"] {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
}

.featured-sidebar > * {
  margin-block: 0;
}

.archive-list.is-layout-flow,
.archive-list[class*="wp-container-"] {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
}

.archive-list > * {
  margin-block: 0;
}

.archive-item.is-layout-flow,
.archive-item[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--40);
  align-items: center;
}

.archive-item > * {
  margin-block: 0;
}

.about-grid.is-layout-flow,
.about-grid.is-layout-constrained,
.about-grid[class*="wp-container-"] {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--wp--preset--spacing--60);
  align-items: center;
}

.about-grid > * {
  margin-block: 0;
}

.about-stats.is-layout-flow,
.about-stats[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--50);
}

.about-stats > * {
  margin-block: 0;
}

.form-group.is-layout-flow,
.form-group[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--30);
}

.form-group > * {
  margin-block: 0;
}
.footer-grid.is-layout-flow,
    .footer-grid.is-layout-constrained,
    .footer-grid[class*="wp-container-"] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--wp--preset--spacing--60);
    }
    .footer-col-left.is-layout-flow,
    .footer-col-left[class*="wp-container-"] {
      display: flex;
      flex-direction: column;
      gap: var(--wp--preset--spacing--40);
    }
    .footer-col-right.is-layout-flow,
    .footer-col-right[class*="wp-container-"] {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: var(--wp--preset--spacing--40);
    }
    .footer-col-left > *,
    .footer-col-right > * {
      margin-block: 0;
    }

.footer-grid > * {
  margin-block: 0;
}

.footer-nav.is-layout-flow,
.footer-nav[class*="wp-container-"] {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--20);
}

.footer-nav > * {
  margin-block: 0;
}

.single-meta.is-layout-flow,
.single-meta[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--40);
  flex-wrap: wrap;
}

.single-meta > * {
  margin-block: 0;
}

.single-footer.is-layout-flow,
.single-footer[class*="wp-container-"] {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
}

.single-footer > * {
  margin-block: 0;
}

.single-tags.is-layout-flow,
.single-tags[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--20);
  flex-wrap: wrap;
}

.single-tags > * {
  margin-block: 0;
}

.single-share.is-layout-flow,
.single-share[class*="wp-container-"] {
  display: flex;
  gap: var(--wp--preset--spacing--20);
  align-items: center;
}

.single-share > * {
  margin-block: 0;
}

.about-content.is-layout-flow,
.about-content[class*="wp-container-"] {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
}

.about-content > * {
  margin-block: 0;
}

.subscribe-content.is-layout-flow,
.subscribe-content[class*="wp-container-"] {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--30);
}

.subscribe-content > * {
  margin-block: 0;
}

.subscribe-box.is-layout-flow,
.subscribe-box[class*="wp-container-"] {
  position: relative;
}

.subscribe-box > * {
  margin-block: 0;
}

/* :::SECTION:Editor Grid/Flex Fixes::: */

/* Hero content grid */
.editor-styles-wrapper .hero-content > .block-editor-block-list__block {
  margin: 0 !important;
}
.editor-styles-wrapper .hero-content {
      display: grid !important;
      grid-template-columns: 1fr 1fr !important;
      grid-template-rows: auto 1fr auto !important;
      gap: var(--wp--preset--spacing--40) !important;
    }
    
    .editor-styles-wrapper .hero-header {
      grid-column: 1 / -1 !important;
    }
.editor-styles-wrapper .hero-main {
          grid-column: 1 !important;
          grid-row: 2 !important;
          display: flex !important;
          flex-direction: column !important;
          gap: var(--wp--preset--spacing--40) !important;
        }
.editor-styles-wrapper .hero-visual-container {
          grid-column: 2 !important;
          grid-row: 2 !important;
          display: flex !important;
          flex-direction: column !important;
          align-items: center !important;
          justify-content: center !important;
        }
.editor-styles-wrapper .hero-footer {
          grid-column: 1 / -1 !important;
          grid-row: 3 !important;
          display: flex !important;
          justify-content: space-between !important;
          align-items: flex-end !important;
        }
/* Hero header flex */
    .editor-styles-wrapper .hero-header > .block-editor-block-list__block {
      margin: 0 !important;
    }

/* Hero nav flex */
.editor-styles-wrapper .hero-nav > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-nav {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
}
/* Hero main flex */
    .editor-styles-wrapper .hero-main > .block-editor-block-list__block {
      margin: 0 !important;
    }
/* Hero visual container flex */
    .editor-styles-wrapper .hero-visual-container > .block-editor-block-list__block {
      margin: 0 !important;
    }
/* Hero footer flex */
    .editor-styles-wrapper .hero-footer > .block-editor-block-list__block {
      margin: 0 !important;
    }

/* Hero meta flex */
.editor-styles-wrapper .hero-meta > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .hero-meta {
  display: flex !important;
  gap: var(--wp--preset--spacing--20) !important;
}

/* Featured grid */
.editor-styles-wrapper .featured-grid > .block-editor-block-list__block {
  margin: 0 !important;
}
.editor-styles-wrapper .featured-grid {
      display: grid !important;
      gap: var(--wp--preset--spacing--40) !important;
    }
    
    /* Query loops in featured grid */
    .editor-styles-wrapper .featured-grid > .wp-block-query {
      display: contents !important;
    }
    
    .editor-styles-wrapper .featured-grid .wp-block-post-template {
      display: contents !important;
    }
    
    .editor-styles-wrapper .featured-query-large,
    .editor-styles-wrapper .featured-query-small {
      display: contents !important;
    }
    
    /* Archive list query loop */
    .editor-styles-wrapper .archive-list.wp-block-post-template {
      max-width: 900px;
      margin: 0 auto !important;
      display: flex !important;
      flex-direction: column;
      gap: var(--wp--preset--spacing--30) !important;
    }
    
    /* Archive list flex */
.editor-styles-wrapper .archive-list > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .archive-list {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Archive item flex */
.editor-styles-wrapper .archive-item > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .archive-item {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Single meta flex */
.editor-styles-wrapper .single-meta > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .single-meta {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Single footer flex */
.editor-styles-wrapper .single-footer > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .single-footer {
  display: flex !important;
  gap: var(--wp--preset--spacing--40) !important;
}

/* Single tags flex */
.editor-styles-wrapper .single-tags > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .single-tags {
  display: flex !important;
  gap: var(--wp--preset--spacing--20) !important;
}
/* Single share flex */
        .editor-styles-wrapper .single-share {
          display: flex !important;
          align-items: center !important;
          gap: var(--wp--preset--spacing--20) !important;
          flex-wrap: wrap !important;
          padding-bottom: var(--wp--preset--spacing--50) !important;
        }

/* About grid */
.editor-styles-wrapper .about-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .about-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--60) !important;
}

/* About stats flex */
.editor-styles-wrapper .about-stats > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .about-stats {
  display: flex !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Form group flex */
.editor-styles-wrapper .form-group > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .form-group {
  display: flex !important;
  gap: var(--wp--preset--spacing--30) !important;
}

/* Footer grid */
.editor-styles-wrapper .footer-grid > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .footer-grid {
  display: grid !important;
  gap: var(--wp--preset--spacing--50) !important;
}

/* Footer nav flex */
.editor-styles-wrapper .footer-nav > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .footer-nav {
  display: flex !important;
  gap: var(--wp--preset--spacing--20) !important;
}

/* WordPress Admin Bar Offset */
.admin-bar .nav,
.admin-bar [class*="nav"][style*="position: fixed"],
.admin-bar [class*="header"][style*="position: fixed"] {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .nav,
  .admin-bar [class*="nav"][style*="position: fixed"],
  .admin-bar [class*="header"][style*="position: fixed"] {
    top: 46px;
  }
}

/* Reset paragraph wrapper styles for inline content converted to wp:paragraph */
:where(.wp-block-paragraph) {
  margin: 0;
}

/* =============================================
   WordPress Button Block — Base Zine Styling
   Matches .btn / .btn-primary pattern so every
   Button block inherits the site aesthetic by default.
   Scoped variants (hero-cta, zine-chaos-btn, cta-stamp,
   btn-outline, btn-primary) override via higher specificity.
   ============================================= */

/* CRITICAL: Reset WordPress button wrappers to prevent double styling. */
.wp-block-button {
  padding: 0 !important;
  background: none !important;
  border: none !important;
  margin: 0;
  box-shadow: none !important;
}

/* Base button link — zine primary style */
.wp-block-button__link,
.wp-element-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5em;
  font-family: var(--font-display);
  font-weight: 900;
  font-size: var(--wp--preset--font-size--large);
  line-height: normal;
  padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-pale-pink);
  color: var(--wp--preset--color--color-dark);
  border: 3px solid var(--wp--preset--color--color-dark);
  border-radius: 0;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  transition:
    transform var(--transition-fast),
    box-shadow var(--transition-fast),
    background var(--transition-fast);
}
.wp-block-button__link:hover,
    .wp-element-button:hover {
animation: chaosWiggle 0.8s ease-in-out infinite;
              box-shadow:
                3px 3px 0 var(--wp--preset--color--color-dark),
                5px 5px 0 var(--wp--preset--color--color-accent);
              filter: none;
    }

.wp-block-button__link:focus-visible,
.wp-element-button:focus-visible {
  outline: 3px solid var(--wp--preset--color--color-baby-blue);
  outline-offset: 2px;
}

/* Outline variant — matches .btn-outline */
.wp-block-button.is-style-outline .wp-block-button__link {
  background: transparent;
  color: var(--wp--preset--color--color-dark);
  border-color: var(--wp--preset--color--color-dark);
}
.wp-block-button.is-style-outline .wp-block-button__link:hover {
      background: var(--wp--preset--color--color-cream);
      animation: chaosSkew 0.3s ease-in-out infinite;
      box-shadow:
        5px 5px 0 var(--wp--preset--color--color-dark),
        -2px 3px 0 var(--wp--preset--color--color-baby-blue);
    }

/* Buttons wrapper — ensure proper alignment and gap */
.wp-block-buttons {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--30);
  align-items: center;
}

/* Navigation link styling - remove default underlines in nav contexts */
:where([class*="nav"] a),
:where([class*="nav"] .wp-block-paragraph a),
:where([class*="-link-wrapper"] a) {
  text-decoration: none;
}

/* Reset paragraph margins inside navigation */
:where([class*="nav"] .wp-block-paragraph) {
  margin: 0;
}

/* Editor-specific: override WordPress editor link styles */
.editor-styles-wrapper [class*="nav"] a,
.editor-styles-wrapper [class*="-link-wrapper"] a {
  text-decoration: none;
}

/* wp:navigation block resets */
:where(.wp-block-navigation),
:where(.wp-block-navigation-item__content) {
  font-family: inherit;
  text-decoration: none;
  color: inherit;
}

:where(.wp-block-navigation__container) {
  padding: 0;
}

/* Spacer inside navigation */
:where(.wp-block-navigation .wp-block-spacer) {
  flex-grow: 1;
  height: 0 !important;
  min-height: 0 !important;
}

/* Reset responsive container */
.wp-block-navigation .wp-block-navigation__responsive-container:not(.is-menu-open.is-menu-open) {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}
    /* Desktop navigation layout - scoped to non-hidden state to preserve mobile hamburger */
    .wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) .wp-block-navigation__responsive-container-content {
      display: flex;
      align-items: center;
      flex-wrap: nowrap;
      width: 100%;
      overflow: visible;
    }

/* Gap between nav items */
:where(.wp-block-navigation .wp-block-navigation__container) {
  gap: var(--nav-gap, 1.5rem);
}

/* Nav containers must shrink to fit */
.wp-block-navigation__responsive-container-content > .wp-block-navigation__container {
  flex-shrink: 1;
  min-width: 0;
}

:where(.wp-block-navigation__responsive-container-content > .wp-block-navigation__container) {
  display: flex;
  align-items: center;
}
    /* CRITICAL: Reset inner UL elements - only when NOT in mobile overlay mode */
    .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container {
      position: static !important;
      left: auto !important;
      right: auto !important;
      top: auto !important;
      bottom: auto !important;
      z-index: auto !important;
      padding: 0 !important;
      margin: 0 !important;
      background: none !important;
      border: none !important;
      box-shadow: none !important;
    }

.wp-block-navigation__responsive-container-content > * {
  flex-shrink: 0;
}

:where(.wp-block-navigation .wp-block-search) {
  flex-shrink: 0;
}

.wp-block-navigation .wp-block-site-title {
  margin: 0;
}

.wp-block-navigation .wp-block-site-title a {
  text-decoration: none;
  color: inherit;
}

.wp-block-navigation .wp-block-navigation-item__content {
  display: inline;
  white-space: nowrap;
}

/* wp:navigation mobile menu defaults */
.wp-block-navigation__responsive-container-open {
  background: transparent;
  border: none;
  color: inherit;
}

/* Mobile menu overlay: explicit viewport dimensions needed because parent transforms
   (e.g. on sticky headers) create new containing blocks, breaking position:fixed */
.wp-block-navigation__responsive-container.is-menu-open {
  background: var(--mobile-nav-background, #1a1a1a);
  color: var(--mobile-nav-text, #ffffff);
  width: 100vw;
  height: 100vh;
  height: 100dvh; /* Dynamic viewport height for mobile browsers */
  padding: var(--mobile-nav-padding, 1.5rem); /* Ensure close button has breathing room */
  box-sizing: border-box;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content {
  font-size: var(--mobile-nav-font-size, 1.5rem);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  gap: var(--mobile-nav-gap, 1.5rem);
}

/* Mobile menu: override desktop justification for centered mobile layout */
/* WordPress sets --navigation-layout-justification-setting from block attributes (e.g. justifyContent:"right") */
/* which bleeds into mobile menu. Reset the variable so WordPress's own CSS uses center alignment. */
.wp-block-navigation__responsive-container.is-menu-open {
  --navigation-layout-justification-setting: center;
  --navigation-layout-justify: center;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container {
  flex-direction: column;
  align-items: center;
  gap: var(--mobile-nav-gap, 1.5rem);
}

/* Mobile menu z-index fix: When header and content are siblings with same z-index,
   content paints above header due to DOM order. Elevate only the template part containing
   the open navigation menu. Use :has() for precise targeting without affecting other elements. */
.wp-block-template-part:has(.wp-block-navigation .is-menu-open),
header:has(.wp-block-navigation .is-menu-open) {
  z-index: 100001;
  position: relative;
}

/* Adjust hero height for admin bar */
.admin-bar .hero {
  min-height: calc(100vh - 32px);
}

@media screen and (max-width: 782px) {
  .admin-bar .hero {
    min-height: calc(100vh - 46px);
  }
}

/* Editor-specific fixes */
.editor-styles-wrapper .wp-block-navigation-item {
      margin: 0;
      padding: 0;
    }
    /* Editor navigation structure fix - ensure flex display is applied */
    /* Gap values should come from theme-specific CSS adjustments, not here */
    .editor-styles-wrapper .wp-block-navigation:not(.has-modal-open) .wp-block-navigation__container {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
    }
    
    .editor-styles-wrapper .wp-block-navigation:not(.has-modal-open) .wp-block-navigation__responsive-container-content {
      display: flex !important;
      flex-wrap: wrap !important;
      align-items: center !important;
    }

/* ===========================================
   RESPONSIVE UTILITY CLASSES (Miles Utilities)
   Reusable helpers for common responsive patterns
   =========================================== */

/* Flex row that stacks vertically on mobile */
.miles-row-stack {
  display: flex;
  flex-wrap: wrap;
  gap: var(--wp--preset--spacing--40, 1.5rem);
}

@media (max-width: 781px) {
  .miles-row-stack {
    flex-direction: column;
    align-items: stretch;
  }
}

/* Reverse order on mobile (image above text, etc.) */
@media (max-width: 781px) {
  .miles-swap-order {
    flex-direction: column-reverse;
  }
}

/* Sticky positioning with admin bar offset */
.miles-sticky-top {
  position: sticky;
  top: 0;
  z-index: 100;
}

.admin-bar .miles-sticky-top {
  top: 32px;
}

@media screen and (max-width: 782px) {
  .admin-bar .miles-sticky-top {
    top: 46px;
  }
}

/* Prevent flex item from shrinking */
.miles-no-shrink {
  flex-shrink: 0;
}

/* Flex utilities for alignment */
.miles-flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.miles-flex-between {
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    /* :::SECTION:Single Post Zine::: */
    
    /* Main container */
    .single-post-zine {
      background-color: var(--wp--preset--color--color-cream);
      position: relative;
      overflow: hidden;
      min-height: 100vh;
    }
    
    /* Photocopied noise texture overlay */
    .single-noise-overlay {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 9999;
      opacity: 0.03;
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
    }
    
    /* Hero area with title and meta */
    .single-hero-area {
      padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
      background: linear-gradient(175deg, var(--wp--preset--color--color-pale-pink) 0%, var(--wp--preset--color--color-cream) 60%);
      position: relative;
      border-bottom: 4px solid var(--wp--preset--color--color-dark);
    }
    
    /* Decorative tape strips */
    .single-decorative-tape {
      position: absolute;
      width: 120px;
      height: 35px;
      background: var(--wp--preset--color--color-baby-blue);
      opacity: 0.7;
      z-index: 2;
    }
    
    .single-decorative-tape::before {
      content: '';
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(
        45deg,
        transparent,
        transparent 3px,
        rgba(255,255,255,0.3) 3px,
        rgba(255,255,255,0.3) 6px
      );
    }
    
    .tape-left {
      top: 20px;
      left: -20px;
      transform: rotate(-15deg);
    }
    
    .tape-right {
      top: 40px;
      right: -30px;
      transform: rotate(25deg);
      background: var(--wp--preset--color--color-pale-pink);
      border: 2px solid var(--wp--preset--color--color-dark);
    }
    
    /* NEW! sticker */
    .single-sticker {
      position: absolute;
      top: 30px;
      right: 60px;
      background: var(--wp--preset--color--color-highlight, #ffeb3b);
      border: 3px solid var(--wp--preset--color--color-dark);
      padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
      transform: rotate(12deg);
      z-index: 10;
      box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
      animation: bounceIn 0.6s ease-out 0.5s both;
    }
    
    .single-sticker p {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--small);
      margin: 0;
      color: var(--wp--preset--color--color-dark);
    }
    
    /* Category badge */
    .single-category-wrapper {
      margin-bottom: var(--wp--preset--spacing--30);
    }
    
    .single-category-badge {
      display: inline-block;
    }
    
    .single-category-badge a {
      display: inline-block;
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--small);
      text-transform: uppercase;
      letter-spacing: 0.15em;
      padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
      background: var(--wp--preset--color--color-baby-blue);
      color: var(--wp--preset--color--color-dark);
      border: 3px solid var(--wp--preset--color--color-dark);
      transform: rotate(-2deg);
      text-decoration: none;
      transition: transform var(--transition-fast), box-shadow var(--transition-fast);
    }
    
    .single-category-badge a:hover {
      transform: rotate(0deg) translate(-2px, -2px);
      box-shadow: 2px 2px 0 var(--wp--preset--color--color-dark);
    }
    
    /* Post title - BIG and in your face */
    .single-post-title {
      font-family: var(--font-display);
      font-weight: 900;
      font-stretch: 125%;
      font-size: clamp(2.5rem, 8vw, 5rem);
      line-height: 0.95;
      color: var(--wp--preset--color--color-dark);
      margin: 0 0 var(--wp--preset--spacing--40) 0;
      transform: rotate(-1deg);
      text-shadow: 4px 4px 0 var(--wp--preset--color--color-baby-blue);
    }
    
    /* Meta row */
    .single-meta-row {
      gap: var(--wp--preset--spacing--30);
      align-items: center;
    }
    
    .meta-item {
      display: flex;
      align-items: center;
      gap: var(--wp--preset--spacing--20);
    }
    
    .meta-label {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: 0.65rem;
      letter-spacing: 0.2em;
      color: var(--wp--preset--color--color-muted);
      margin: 0;
    }
    
    .meta-value,
    .meta-value a {
      font-family: var(--font-body);
      font-size: var(--wp--preset--font-size--small);
      color: var(--wp--preset--color--color-dark);
      text-decoration: none;
    }
    
    .meta-divider {
      font-size: 1.2rem;
      color: var(--wp--preset--color--color-muted);
      margin: 0;
      animation: snip 1s ease-in-out infinite;
    }
    
    @keyframes snip {
      0%, 100% { transform: rotate(0deg); }
      50% { transform: rotate(10deg); }
    }
    
    /* Featured image section - hero overlay layout */
    .single-hero-overlay {
      position: relative;
      margin-bottom: var(--wp--preset--spacing--50);
    }
    
    .single-hero-overlay .single-featured-wrapper {
      padding: 0;
      background: none;
      overflow: hidden;
      max-height: 520px;
      border-bottom: 5px solid var(--wp--preset--color--color-dark);
    }
    
    .single-hero-overlay .single-featured-wrapper .wp-block-post-featured-image {
      margin: 0;
    }
    
    .single-hero-overlay .single-featured-wrapper .wp-block-post-featured-image img {
      width: 100%;
      height: 520px;
      object-fit: cover;
      display: block;
      filter: contrast(1.05) saturate(1.1);
    }
    
    .single-hero-overlay .single-header {
      position: relative;
      margin-top: -140px;
      margin-left: var(--wp--preset--spacing--40);
      margin-right: var(--wp--preset--spacing--40);
      background: var(--wp--preset--color--color-cream);
      border: 4px solid var(--wp--preset--color--color-dark);
      padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
      box-shadow:
        8px 8px 0 var(--wp--preset--color--color-pale-pink),
        8px 8px 0 3px var(--wp--preset--color--color-dark);
      z-index: 2;
      transform: rotate(-0.5deg);
    }
    
    .single-hero-overlay .single-title {
      font-size: clamp(2.5rem, 6vw, 4.5rem);
      line-height: 0.95;
      margin-bottom: var(--wp--preset--spacing--30);
      text-shadow: 3px 3px 0 var(--wp--preset--color--color-baby-blue);
    }
    
    .single-hero-overlay .single-category {
      transform: rotate(-2deg);
      display: inline-block;
      margin-bottom: var(--wp--preset--spacing--30);
    }
    
    /* Corner marks like photo mounting */
    .frame-corner {
      position: absolute;
      width: 25px;
      height: 25px;
      border: 3px solid var(--wp--preset--color--color-dark);
      background: var(--wp--preset--color--color-baby-blue);
      z-index: 5;
    }
    
    .corner-tl {
      top: -8px;
      left: -8px;
      border-radius: 0 0 100% 0;
    }
    
    .corner-tr {
      top: -8px;
      right: -8px;
      border-radius: 0 0 0 100%;
    }
    
    .corner-bl {
      bottom: -8px;
      left: -8px;
      border-radius: 0 100% 0 0;
    }
    
    .corner-br {
      bottom: -8px;
      right: -8px;
      border-radius: 100% 0 0 0;
    }
    
    .single-featured-image img {
      width: 100%;
      height: auto;
      display: block;
      filter: contrast(1.05) saturate(0.95);
    }
    
    .featured-caption-handwritten {
      font-family: var(--font-body);
      font-style: italic;
      font-size: var(--wp--preset--font-size--small);
      color: var(--wp--preset--color--color-muted);
      text-align: center;
      margin-top: var(--wp--preset--spacing--30);
      transform: rotate(-1deg);
    }
    
    /* Content area - paper-like */
    .single-content-area {
      padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
      background: var(--wp--preset--color--color-cream);
    }
    
    .content-paper {
      background: #ffffff;
      border: 3px solid var(--wp--preset--color--color-dark);
      padding: var(--wp--preset--spacing--50);
      position: relative;
      box-shadow: 
        inset 0 0 60px rgba(0,0,0,0.02),
        6px 6px 0 var(--wp--preset--color--color-dark);
    }
    
    /* Folded corner effect */
    .paper-fold-corner {
      position: absolute;
      top: 0;
      right: 0;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 0 50px 50px 0;
      border-color: transparent var(--wp--preset--color--color-cream) transparent transparent;
      filter: drop-shadow(-2px 2px 2px rgba(0,0,0,0.1));
    }
    
    .paper-fold-corner::after {
      content: '';
      position: absolute;
      top: 0;
      right: -50px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 50px 0 0 50px;
      border-color: transparent transparent transparent var(--wp--preset--color--color-baby-blue);
      opacity: 0.5;
    }
    
    /* Post content typography - large and readable */
    .single-post-content {
      font-family: var(--font-body);
      font-size: clamp(1.125rem, 2.5vw, 1.375rem);
      line-height: 1.85;
      color: var(--wp--preset--color--color-dark);
    }
    
    .single-post-content p {
      margin-bottom: var(--wp--preset--spacing--40);
    }
    
    .single-post-content h2,
    .single-post-content h3,
    .single-post-content h4 {
      font-family: var(--font-display);
      font-weight: 900;
      color: var(--wp--preset--color--color-dark);
      margin-top: var(--wp--preset--spacing--50);
      margin-bottom: var(--wp--preset--spacing--30);
    }
    
    .single-post-content h2 {
      font-size: clamp(1.75rem, 4vw, 2.5rem);
      transform: rotate(-0.5deg);
      padding-left: var(--wp--preset--spacing--30);
      border-left: 6px solid var(--wp--preset--color--color-baby-blue);
    }
    
    .single-post-content h3 {
      font-size: clamp(1.4rem, 3vw, 1.875rem);
      text-decoration: underline;
      text-decoration-style: wavy;
      text-decoration-color: var(--wp--preset--color--color-pale-pink);
      text-underline-offset: 6px;
    }
    
    .single-post-content a {
      color: var(--wp--preset--color--color-accent);
      text-decoration: underline;
      text-decoration-thickness: 2px;
      text-underline-offset: 3px;
      transition: all var(--transition-fast);
    }
    
    .single-post-content a:hover {
      background: var(--wp--preset--color--color-highlight, #ffeb3b);
      text-decoration-color: var(--wp--preset--color--color-dark);
    }
    
    .single-post-content blockquote {
      background: var(--wp--preset--color--color-pale-pink);
      border: 3px solid var(--wp--preset--color--color-dark);
      padding: var(--wp--preset--spacing--40);
      margin: var(--wp--preset--spacing--50) 0;
      transform: rotate(0.5deg);
      position: relative;
    }
    
    .single-post-content blockquote::before {
      content: '"';
      font-family: var(--font-display);
      font-size: 4rem;
      font-weight: 900;
      color: var(--wp--preset--color--color-baby-blue);
      position: absolute;
      top: -10px;
      left: 15px;
      line-height: 1;
    }
    
    .single-post-content ul,
    .single-post-content ol {
      padding-left: var(--wp--preset--spacing--40);
      margin-bottom: var(--wp--preset--spacing--40);
    }
    
    .single-post-content li {
      margin-bottom: var(--wp--preset--spacing--20);
    }
    
    .single-post-content li::marker {
      color: var(--wp--preset--color--color-accent);
      font-weight: 900;
    }
    
    .single-post-content img {
      border: 3px solid var(--wp--preset--color--color-dark);
      box-shadow: 4px 4px 0 var(--wp--preset--color--color-baby-blue);
    }
    
    .single-post-content code {
      background: var(--wp--preset--color--color-dark);
      color: var(--wp--preset--color--color-cream);
      padding: 2px 8px;
      font-size: 0.9em;
    }
    
    .single-post-content pre {
      background: var(--wp--preset--color--color-dark);
      color: var(--wp--preset--color--color-cream);
      padding: var(--wp--preset--spacing--40);
      border: 3px solid var(--wp--preset--color--color-dark);
      overflow-x: auto;
      transform: rotate(-0.3deg);
    }
    
    /* Tags section */
    .single-tags-section {
      padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
      background: var(--wp--preset--color--color-cream);
    }
    
    .tags-wrapper {
      align-items: center;
      gap: var(--wp--preset--spacing--20);
    }
    
    .tags-label {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: var(--wp--preset--font-size--small);
      letter-spacing: 0.15em;
      color: var(--wp--preset--color--color-muted);
      margin: 0;
    }
    
    .single-tags {
      display: flex;
      flex-wrap: wrap;
      gap: var(--wp--preset--spacing--20);
    }
    
    .single-tags a {
      font-size: var(--wp--preset--font-size--small);
      padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
      background: var(--wp--preset--color--color-dark);
      color: var(--wp--preset--color--color-cream);
      text-decoration: none;
      border: 2px solid var(--wp--preset--color--color-dark);
      transition: all var(--transition-fast);
    }
    
    .single-tags a:hover {
      background: var(--wp--preset--color--color-cream);
      color: var(--wp--preset--color--color-dark);
    }
    
    .dashed-divider {
      margin-top: var(--wp--preset--spacing--40);
      border-top: 3px dashed var(--wp--preset--color--color-muted);
      position: relative;
    }
    
    .dashed-divider::after {
      content: '✂';
      position: absolute;
      top: -12px;
      left: 50%;
      transform: translateX(-50%);
      background: var(--wp--preset--color--color-cream);
      padding: 0 var(--wp--preset--spacing--20);
      color: var(--wp--preset--color--color-muted);
    }
    
    /* Navigation section */
    .single-nav-section {
      padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
      background: var(--wp--preset--color--color-baby-blue);
      border-top: 4px solid var(--wp--preset--color--color-dark);
    }
    
    .nav-grid {
      gap: var(--wp--preset--spacing--40);
    }
.nav-item {
          flex: 1;
          min-width: 200px;
          background: var(--wp--preset--color--color-cream);
          border: 3px solid var(--wp--preset--color--color-dark);
          padding: var(--wp--preset--spacing--40);
          transition: transform var(--transition-fast), box-shadow var(--transition-fast);
        }

        /* Make the entire nav-item card clickable via stretched link */
        .nav-item {
          position: relative;
        }
        .nav-item .nav-link-prev a,
        .nav-item .nav-link-next a {
          position: static;
        }
        .nav-item .nav-link-prev a::after,
        .nav-item .nav-link-next a::after {
          content: '';
          position: absolute;
          inset: 0;
          z-index: 1;
        }
    
    .nav-prev {
      transform: rotate(-1deg);
    }
    
    .nav-next {
      transform: rotate(1deg);
      text-align: right;
    }
    
    .nav-item:hover {
      transform: rotate(0deg) translate(-3px, -3px);
      box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
    }
    
    .nav-direction {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: 0.7rem;
      letter-spacing: 0.2em;
      color: var(--wp--preset--color--color-muted);
      margin: 0 0 var(--wp--preset--spacing--20) 0;
    }
.nav-link-prev a,
        .nav-link-next a {
          font-family: var(--font-display);
          font-weight: 900;
          font-size: var(--wp--preset--font-size--medium);
          color: var(--wp--preset--color--color-dark);
          text-decoration: none;
          line-height: 1.3;
        }
    
    .nav-link-prev a:hover,
    .nav-link-next a:hover {
      color: var(--wp--preset--color--color-accent);
    }
    
    /* Floating doodles */
    .floating-doodles {
      position: fixed;
      inset: 0;
      pointer-events: none;
      z-index: 1;
    }
    
    .doodle {
      position: absolute;
      font-size: 3rem;
      opacity: 0.1;
      animation: floatSlow 6s ease-in-out infinite;
    }
    
    .doodle-1 {
      top: 20%;
      left: 5%;
      color: var(--wp--preset--color--color-baby-blue);
      animation-delay: 0s;
    }
    
    .doodle-2 {
      top: 50%;
      right: 8%;
      color: var(--wp--preset--color--color-pale-pink);
      animation-delay: -2s;
    }
    
    .doodle-3 {
      bottom: 30%;
      left: 10%;
      color: var(--wp--preset--color--color-accent);
      animation-delay: -4s;
    }
/* :::SECTION:Single Post Zine Responsive::: */

        /* --- New Title Header Responsive --- */
        @media (max-width: 768px) {
          .single-title-header {
            padding: var(--wp--preset--spacing--40) 0 0;
          }

          .single-title-header-inner {
            padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
            box-shadow:
              5px 5px 0 var(--wp--preset--color--color-pale-pink),
              5px 5px 0 3px var(--wp--preset--color--color-dark);
          }

          .single-title-header-inner::before {
            width: 60px;
            height: 18px;
            left: 20px;
          }

          .single-title-header-inner::after {
            width: 45px;
            height: 18px;
            right: 30px;
          }

          .single-title-display {
            font-size: clamp(2rem, 8vw, 3rem);
            text-shadow: 3px 3px 0 var(--wp--preset--color--color-baby-blue);
            transform: rotate(0deg);
          }
        }

        @media (max-width: 480px) {
          .single-title-header-inner {
            padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) var(--wp--preset--spacing--20);
            border-width: 3px;
            box-shadow:
              4px 4px 0 var(--wp--preset--color--color-pale-pink),
              4px 4px 0 2px var(--wp--preset--color--color-dark);
          }

          .single-title-display {
            font-size: clamp(1.8rem, 10vw, 2.5rem);
            text-shadow: 2px 2px 0 var(--wp--preset--color--color-baby-blue);
          }

          .category-issue-label {
            font-size: 0.6rem;
          }

          .single-category-tag a {
            font-size: 0.7rem;
            padding: 2px 8px;
          }
.meta-date-item,
              .meta-category-item,
              .meta-read-time,
              .dynamic-read-time {
                font-size: 0.7rem;
              }

          .title-header-rule {
            height: 3px;
          }
        }

        @media (max-width: 768px) {
      .single-hero-area {
        padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
      }
      
      .single-post-title {
        text-shadow: 2px 2px 0 var(--wp--preset--color--color-baby-blue);
      }
      
      .single-sticker {
        top: 15px;
        right: 20px;
        padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
      }
      
      .single-sticker p {
        font-size: 0.7rem;
      }
      
      .tape-left,
      .tape-right {
        display: none;
      }
      
      .single-meta-row {
        flex-direction: column;
        align-items: flex-start;
        gap: var(--wp--preset--spacing--20);
      }
      
      .meta-divider {
        display: none;
      }
      .single-hero-overlay .single-featured-wrapper {
            max-height: 350px;
          }
          
          .single-hero-overlay .single-featured-wrapper .wp-block-post-featured-image img {
            height: 350px;
          }
          
          .single-hero-overlay .single-header {
            margin-top: -100px;
            margin-left: var(--wp--preset--spacing--30);
            margin-right: var(--wp--preset--spacing--30);
            padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--30);
            box-shadow:
              5px 5px 0 var(--wp--preset--color--color-pale-pink),
              5px 5px 0 2px var(--wp--preset--color--color-dark);
          }
          
          .single-hero-overlay .single-title {
            text-shadow: 2px 2px 0 var(--wp--preset--color--color-baby-blue);
          }
      
      .corner-tl, .corner-tr, .corner-bl, .corner-br {
        top: -5px;
        left: -5px;
      }
      
      .corner-tr {
        left: auto;
        right: -5px;
      }
      
      .corner-bl {
        top: auto;
        bottom: -5px;
      }
      
      .corner-br {
        top: auto;
        left: auto;
        bottom: -5px;
        right: -5px;
      }
      
      .single-content-area {
        padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
      }
      
      .content-paper {
        padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
        box-shadow: 
          inset 0 0 40px rgba(0,0,0,0.02),
          4px 4px 0 var(--wp--preset--color--color-dark);
      }
      
      .paper-fold-corner {
        border-width: 0 35px 35px 0;
      }
      
      .paper-fold-corner::after {
        right: -35px;
        border-width: 35px 0 0 35px;
      }
      
      .nav-grid {
        flex-direction: column;
      }
      
      .nav-prev,
      .nav-next {
        transform: rotate(0deg);
        text-align: left;
      }
      
      .floating-doodles {
        display: none;
      }
    }
    
    @media (max-width: 480px) {
      .single-post-title {
        font-size: clamp(2rem, 10vw, 2.5rem);
      }
      
      .single-post-content {
        font-size: 1.125rem;
      }
      
      .single-post-content h2 {
        font-size: 1.5rem;
        padding-left: var(--wp--preset--spacing--20);
        border-left-width: 4px;
      }
      
      .single-post-content h3 {
        font-size: 1.25rem;
      }
      
      .single-sticker {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        margin-bottom: var(--wp--preset--spacing--30);
      }
      
      .tags-wrapper {
        flex-direction: column;
        align-items: flex-start;
      }
      
      .single-nav-section {
        padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--50);
      }
      .nav-item {
            padding: var(--wp--preset--spacing--30);
            min-width: auto;
          }
    }
/* Hide visually but keep accessible */
.miles-sr-only {
      position: absolute;
      width: 1px;
      height: 1px;
      padding: 0;
      margin: -1px;
      overflow: hidden;
      clip: rect(0, 0, 0, 0);
      white-space: nowrap;
      border: 0;
    }

/* :::SECTION:Page Template Zine Styles::: */

.page-zine {
  position: relative;
  background: var(--wp--preset--color--color-cream);
  min-height: 100vh;
}

/* Noise overlay for photocopied texture */
.page-noise-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1000;
  opacity: 0.03;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
}

/* Page Hero Area */
.page-hero-area {
      position: relative;
      padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--40) var(--wp--preset--spacing--50);
      background: linear-gradient(175deg, var(--wp--preset--color--color-pale-pink) 0%, var(--wp--preset--color--color-cream) 60%);
      border-bottom: 4px solid var(--wp--preset--color--color-dark);
      overflow: hidden;
    }

/* Decorative tape strips */
.page-decorative-tape {
  position: absolute;
  width: 100px;
  height: 30px;
  z-index: 5;
}

.page-decorative-tape.tape-left {
  top: 20px;
  left: -20px;
  background: var(--wp--preset--color--color-baby-blue);
  border: 2px solid var(--wp--preset--color--color-dark);
  transform: rotate(-15deg);
  opacity: 0.8;
}

.page-decorative-tape.tape-right {
  top: 40px;
  right: -20px;
  background: var(--wp--preset--color--color-pale-pink);
  border: 2px solid var(--wp--preset--color--color-dark);
  transform: rotate(20deg);
  opacity: 0.8;
}

/* Page Title - Bold, in-your-face */
.page-title {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: clamp(2.5rem, 8vw, 5rem) !important;
  line-height: 1.1 !important;
  text-transform: uppercase;
  letter-spacing: -0.02em;
  color: var(--wp--preset--color--color-dark) !important;
  text-shadow: 4px 4px 0 var(--wp--preset--color--color-baby-blue),
               -2px -2px 0 var(--wp--preset--color--color-pale-pink);
  margin: 0 !important;
  transform: rotate(-0.5deg);
  position: relative;
  z-index: 10;
}

/* Featured Image Wrapper */
.page-featured-wrap {
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40);
  background: var(--wp--preset--color--color-cream);
}

.page-featured-wrap:empty,
.page-featured-wrap:has(.wp-block-post-featured-image:empty) {
  display: none;
}

.page-featured-image {
  border: 4px solid var(--wp--preset--color--color-dark) !important;
  box-shadow: 8px 8px 0 var(--wp--preset--color--color-dark);
  transform: rotate(0.5deg);
  overflow: hidden;
}

.page-featured-image img {
  width: 100%;
  height: auto;
  display: block;
  filter: contrast(1.05) saturate(0.95);
}

/* Page Content Area */
.page-content-area {
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--80);
  background: var(--wp--preset--color--color-cream);
}

/* Paper background effect */
.page-paper-bg {
  position: relative;
  background: #fff;
  border: 3px solid var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--60);
  box-shadow: 6px 6px 0 var(--wp--preset--color--color-dark);
  transform: rotate(-0.3deg);
}

/* Paper fold corner */
.page-paper-bg .paper-fold-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 40px 40px 0;
  border-color: transparent var(--wp--preset--color--color-baby-blue) transparent transparent;
}

.page-paper-bg .paper-fold-corner::after {
  content: '';
  position: absolute;
  top: 0;
  right: -40px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 0 0 40px;
  border-color: transparent transparent transparent var(--wp--preset--color--color-cream);
  opacity: 0.5;
}

/* Page Content - Typewriter Body */
.page-content {
  font-family: var(--font-body) !important;
  font-size: clamp(1.125rem, 2.5vw, 1.375rem) !important;
  line-height: 1.8 !important;
  color: var(--wp--preset--color--color-dark);
}

.page-content > * {
  margin-bottom: var(--wp--preset--spacing--40);
}

.page-content > *:last-child {
  margin-bottom: 0;
}

/* Page Content Headings */
.page-content h2 {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: clamp(1.5rem, 4vw, 2.25rem) !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  color: var(--wp--preset--color--color-dark);
  margin-top: var(--wp--preset--spacing--60) !important;
  margin-bottom: var(--wp--preset--spacing--30) !important;
  padding-left: var(--wp--preset--spacing--30);
  border-left: 6px solid var(--wp--preset--color--color-baby-blue);
}

.page-content h3 {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: clamp(1.25rem, 3vw, 1.75rem) !important;
  line-height: 1.3 !important;
  color: var(--wp--preset--color--color-dark);
  margin-top: var(--wp--preset--spacing--50) !important;
  margin-bottom: var(--wp--preset--spacing--20) !important;
}

.page-content h4,
.page-content h5,
.page-content h6 {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: clamp(1rem, 2.5vw, 1.25rem) !important;
  color: var(--wp--preset--color--color-dark);
  margin-top: var(--wp--preset--spacing--40) !important;
  margin-bottom: var(--wp--preset--spacing--20) !important;
}

/* Page Content Paragraphs */
.page-content p {
  font-size: inherit !important;
  line-height: inherit !important;
}

/* Page Content Links */
.page-content a {
  color: var(--wp--preset--color--color-dark);
  text-decoration: underline;
  text-decoration-color: var(--wp--preset--color--color-baby-blue);
  text-decoration-thickness: 3px;
  text-underline-offset: 3px;
  transition: all var(--transition-fast);
}

.page-content a:hover {
  background: var(--wp--preset--color--color-highlight, #ffeb3b);
  text-decoration-color: var(--wp--preset--color--color-dark);
}

/* Page Content Lists */
.page-content ul,
.page-content ol {
  padding-left: var(--wp--preset--spacing--40);
  margin-bottom: var(--wp--preset--spacing--40);
}

.page-content li {
  margin-bottom: var(--wp--preset--spacing--20);
  line-height: 1.7;
}

.page-content ul li::marker {
  color: var(--wp--preset--color--color-baby-blue);
  font-weight: bold;
}

.page-content ol li::marker {
  color: var(--wp--preset--color--color-dark);
  font-weight: 900;
  font-family: var(--font-display);
}

/* Page Content Blockquotes */
.page-content blockquote {
  background: var(--wp--preset--color--color-pale-pink);
  border: 3px solid var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--40);
  margin: var(--wp--preset--spacing--50) 0;
  transform: rotate(0.5deg);
  position: relative;
}

.page-content blockquote::before {
  content: '"';
  font-family: var(--font-display);
  font-size: 4rem;
  font-weight: 900;
  color: var(--wp--preset--color--color-baby-blue);
  position: absolute;
  top: -10px;
  left: 15px;
  line-height: 1;
}

/* Page Content Images */
.page-content img {
  border: 3px solid var(--wp--preset--color--color-dark);
  box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
}

.page-content figure {
  margin: var(--wp--preset--spacing--50) 0;
}

.page-content figcaption {
  font-family: var(--font-display);
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
  text-align: center;
  margin-top: var(--wp--preset--spacing--20);
  font-style: normal;
}

/* :::SECTION:Page Template Responsive::: */

@media (max-width: 768px) {
  .page-hero-area {
    padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  }
  
  .page-title {
    text-shadow: 3px 3px 0 var(--wp--preset--color--color-baby-blue);
  }
  
  .page-decorative-tape.tape-left,
  .page-decorative-tape.tape-right {
    display: none;
  }
  
  .page-featured-wrap {
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30);
  }
  
  .page-featured-image {
    box-shadow: 5px 5px 0 var(--wp--preset--color--color-dark);
  }
  
  .page-content-area {
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) var(--wp--preset--spacing--60);
  }
  
  .page-paper-bg {
    padding: var(--wp--preset--spacing--40);
    box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
    transform: rotate(0);
  }
  
  .page-paper-bg .paper-fold-corner {
    border-width: 0 30px 30px 0;
  }
  
  .page-paper-bg .paper-fold-corner::after {
    right: -30px;
    border-width: 30px 0 0 30px;
  }
  
  .page-content h2 {
    padding-left: var(--wp--preset--spacing--20);
    border-left-width: 4px;
  }
}

@media (max-width: 480px) {
  .page-hero-area {
    padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  }
  
  .page-title {
    font-size: clamp(2rem, 10vw, 2.5rem) !important;
    text-shadow: 2px 2px 0 var(--wp--preset--color--color-baby-blue);
    transform: rotate(0);
  }
  
  .page-featured-wrap {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20);
  }
  
  .page-featured-image {
    box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
    transform: rotate(0);
  }
  
  .page-content-area {
    padding: var(--wp--preset--spacing--30) var(--wp--preset--spacing--20) var(--wp--preset--spacing--50);
  }
  
  .page-paper-bg {
    padding: var(--wp--preset--spacing--30);
    border-width: 2px;
    box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
  }
  
  .page-paper-bg .paper-fold-corner {
    border-width: 0 25px 25px 0;
  }
  
  .page-paper-bg .paper-fold-corner::after {
    right: -25px;
    border-width: 25px 0 0 25px;
  }
  
  .page-content {
    font-size: 1.125rem !important;
  }
  
  .page-content h2 {
    font-size: 1.5rem !important;
  }
  
  .page-content h3 {
    font-size: 1.25rem !important;
  }
  
  .page-content blockquote {
    padding: var(--wp--preset--spacing--30);
    margin: var(--wp--preset--spacing--40) 0;
    transform: rotate(0);
  }
  
  .page-content blockquote::before {
    font-size: 3rem;
    top: -5px;
    left: 10px;
  }
}

/* :::SECTION:Zine Search/Archive Styles::: */

/* Zine Search Box */
.zine-search-box {
  margin-top: var(--wp--preset--spacing--40);
  max-width: 500px;
}

.zine-search-box .wp-block-search__inside-wrapper {
  background: #fff;
  border: 3px solid var(--wp--preset--color--color-dark);
  box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
  transform: rotate(-0.5deg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-search-box .wp-block-search__inside-wrapper:focus-within {
  transform: rotate(0.5deg);
  box-shadow: 6px 6px 0 var(--wp--preset--color--color-baby-blue);
}

.zine-search-box .wp-block-search__input {
  font-family: var(--font-body) !important;
  font-size: 1.125rem !important;
  padding: 0.75rem 1rem;
  border: none !important;
  background: transparent;
}

.zine-search-box .wp-block-search__input::placeholder {
  color: var(--wp--preset--color--color-muted);
  font-style: italic;
}

.zine-search-box .wp-block-search__button {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  text-transform: uppercase;
  background: var(--wp--preset--color--color-pale-pink) !important;
  color: var(--wp--preset--color--color-dark) !important;
  border: none !important;
  border-left: 3px solid var(--wp--preset--color--color-dark) !important;
  padding: 0.75rem 1.25rem !important;
  transition: background 0.2s ease;
}

.zine-search-box .wp-block-search__button:hover {
  background: var(--wp--preset--color--color-baby-blue) !important;
}

/* Zine Post List */
.zine-post-list {
  display: flex;
  flex-direction: column;
  gap: var(--wp--preset--spacing--40);
}

/* Zine Post Card */
.zine-post-card {
  background: var(--wp--preset--color--color-cream);
  border: 3px solid var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--40);
  position: relative;
  transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.zine-post-card:nth-child(odd) {
  transform: rotate(-0.3deg);
  box-shadow: 5px 5px 0 var(--wp--preset--color--color-baby-blue);
}

.zine-post-card:nth-child(even) {
  transform: rotate(0.3deg);
  box-shadow: 5px 5px 0 var(--wp--preset--color--color-pale-pink);
}
.zine-post-card:hover {
animation: chaosCardWobble 0.9s ease-in-out infinite;
          box-shadow:
            10px 10px 0 var(--wp--preset--color--color-dark),
            -4px -4px 0 var(--wp--preset--color--color-accent);
    }

/* Post Card Title */
.zine-post-card-title {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: clamp(1.25rem, 3vw, 1.75rem) !important;
  line-height: 1.2 !important;
  text-transform: uppercase;
  letter-spacing: -0.01em;
  margin: 0 0 var(--wp--preset--spacing--20) 0 !important;
}

.zine-post-card-title a {
  color: var(--wp--preset--color--color-dark) !important;
  text-decoration: none !important;
  transition: color 0.2s ease;
}

.zine-post-card-title a:hover {
  color: var(--wp--preset--color--color-accent) !important;
}

/* Post Meta */
.zine-post-meta {
  margin-bottom: var(--wp--preset--spacing--20);
  gap: var(--wp--preset--spacing--20) !important;
}

.zine-date-stamp {
  font-family: var(--font-body) !important;
  font-size: 0.875rem !important;
  color: var(--wp--preset--color--color-muted) !important;
  background: var(--wp--preset--color--color-baby-blue);
  padding: 0.25rem 0.5rem;
  border: 2px solid var(--wp--preset--color--color-dark);
  transform: rotate(-1deg);
  display: inline-block;
}

/* Post Excerpt */
.zine-excerpt {
  font-family: var(--font-body) !important;
  font-size: 1.125rem !important;
  line-height: 1.7 !important;
  color: var(--wp--preset--color--color-dark);
}

.zine-excerpt .wp-block-post-excerpt__more-link {
  font-family: var(--font-display) !important;
  font-weight: 700 !important;
  font-size: 0.875rem !important;
  color: var(--wp--preset--color--color-dark) !important;
  text-decoration: none !important;
  background: var(--wp--preset--color--color-pale-pink);
  padding: 0.25rem 0.5rem;
  border: 2px solid var(--wp--preset--color--color-dark);
  margin-left: 0.5rem;
  transition: all 0.2s ease;
}

.zine-excerpt .wp-block-post-excerpt__more-link:hover {
  background: var(--wp--preset--color--color-baby-blue);
  transform: rotate(2deg);
}

/* Zine Pagination */
.zine-pagination {
  margin-top: var(--wp--preset--spacing--60) !important;
  padding-top: var(--wp--preset--spacing--40);
  border-top: 3px dashed var(--wp--preset--color--color-dark);
  gap: var(--wp--preset--spacing--20) !important;
}

.zine-pagination a,
.zine-pagination span {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: 1rem !important;
  text-transform: uppercase;
  padding: 0.5rem 1rem;
  border: 3px solid var(--wp--preset--color--color-dark);
  background: #fff;
  color: var(--wp--preset--color--color-dark) !important;
  text-decoration: none !important;
  transition: all 0.2s ease;
}

.zine-pagination a:hover {
  background: var(--wp--preset--color--color-baby-blue);
  transform: rotate(-2deg);
  box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
}

.zine-pagination .wp-block-query-pagination-numbers {
  display: flex;
  gap: 0.25rem;
}

.zine-pagination .page-numbers.current {
  background: var(--wp--preset--color--color-pale-pink);
  transform: rotate(2deg);
  box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
}

/* No Results */
.zine-no-results {
  text-align: center;
  padding: var(--wp--preset--spacing--60);
}

.zine-no-results-text {
  font-family: var(--font-display) !important;
  font-weight: 900 !important;
  font-size: clamp(1.5rem, 4vw, 2.5rem) !important;
  text-transform: uppercase;
  color: var(--wp--preset--color--color-accent) !important;
  transform: rotate(-2deg);
  margin-bottom: var(--wp--preset--spacing--30) !important;
}

/* Mobile Responsive - Search/Archive */
@media (max-width: 768px) {
  .zine-search-box {
    max-width: 100%;
  }
  
  .zine-search-box .wp-block-search__inside-wrapper {
    flex-direction: column;
  }
  
  .zine-search-box .wp-block-search__button {
    border-left: none !important;
    border-top: 3px solid var(--wp--preset--color--color-dark) !important;
    width: 100%;
  }
  
  .zine-post-card {
    padding: var(--wp--preset--spacing--30);
  }
  
  .zine-post-card:nth-child(odd),
  .zine-post-card:nth-child(even) {
    transform: rotate(0);
    box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
  }
  
  .zine-pagination {
    flex-wrap: wrap;
  }
  
  .zine-pagination a,
  .zine-pagination span {
    font-size: 0.875rem !important;
    padding: 0.4rem 0.75rem;
  }
}

@media (max-width: 480px) {
  .zine-post-card-title {
    font-size: 1.125rem !important;
  }
  
  .zine-excerpt {
    font-size: 1rem !important;
  }
  
  .zine-pagination .wp-block-query-pagination-numbers {
    display: none;
  }
}

/* ========================================
   Section: Hero Section
   ======================================== */
:root {
      --font-display: 'Anybody', sans-serif;
      --font-body: 'Special Elite', 'Courier New', monospace;
      --color-cream: #f5f0e6;
      --color-baby-blue: #a8d5e5;
      --color-pale-pink: #f4c7c3;
      --color-dark: #1a1a1a;
      --color-muted: #6b6860;
      --color-accent: #ff6b9d;
      --color-highlight: #ffe566;
      --space-xs: 0.5rem;
      --space-sm: 1rem;
      --space-md: 2rem;
      --space-lg: 4rem;
      --space-xl: 6rem;
      --transition-fast: 0.2s ease;
      --transition-medium: 0.4s ease;
    }

    *, *::before, *::after {
      box-sizing: border-box;
      margin: 0;
      padding: 0;
    }
        /* Scroll Animation Base */
        .animate-on-scroll { opacity: 1; transform: translateY(0); }
        .js .animate-on-scroll:not(.is-visible) { opacity: 0; transform: translateY(40px); }
        .js .animate-on-scroll { transition: opacity 0.8s ease-out, transform 0.8s ease-out; }
        .js .animate-on-scroll.is-visible { opacity: 1; transform: translateY(0); }
        /* Single posts must always be visible */
        .js .single-post.animate-on-scroll:not(.is-visible),
        .js .section-single .animate-on-scroll:not(.is-visible) { opacity: 1; transform: translateY(0); }

    /* ===== HERO CHAOS ZONE ===== */
    .hero-chaos {
      min-height: 100vh;
      background-color: var(--color-cream);
      position: relative;
      overflow: hidden;
      display: grid;
      grid-template-rows: auto 1fr auto;
    }

    /* Hero chaos content containment */
    .hero-chaos > .chaos-header,
    .hero-chaos > .chaos-main,
    .hero-chaos > .chaos-footer {
      max-width: 1400px;
      width: 100%;
      margin-left: auto;
      margin-right: auto;
      padding-left: var(--wp--preset--spacing--40);
      padding-right: var(--wp--preset--spacing--40);
      box-sizing: border-box;
    }

    /* Multiple noise layers */
    .noise-layer {
      position: absolute;
      inset: 0;
      pointer-events: none;
      z-index: 100;
    }

    .noise-layer-1 {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 400 400' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n1'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n1)'/%3E%3C/svg%3E");
      opacity: 0.08;
      mix-blend-mode: multiply;
    }

    .noise-layer-2 {
      background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n2'%3E%3CfeTurbulence type='turbulence' baseFrequency='0.5' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n2)'/%3E%3C/svg%3E");
      opacity: 0.04;
      mix-blend-mode: overlay;
    }

    /* Scanline effect */
    .scanlines {
      position: absolute;
      inset: 0;
      background: repeating-linear-gradient(
        0deg,
        transparent,
        transparent 2px,
        rgba(0,0,0,0.02) 2px,
        rgba(0,0,0,0.02) 4px
      );
      pointer-events: none;
      z-index: 99;
    }

    /* Spiral notebook edge */
    .notebook-edge {
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 40px;
      background: var(--color-cream);
      z-index: 50;
    }

    .notebook-hole {
      position: absolute;
      left: 12px;
      width: 16px;
      height: 16px;
      background: var(--color-dark);
      border-radius: 50%;
      box-shadow: inset 2px 2px 4px rgba(0,0,0,0.4);
    }

    .notebook-hole:nth-child(1) { top: 15%; }
    .notebook-hole:nth-child(2) { top: 30%; }
    .notebook-hole:nth-child(3) { top: 45%; }
    .notebook-hole:nth-child(4) { top: 60%; }
    .notebook-hole:nth-child(5) { top: 75%; }
    .notebook-hole:nth-child(6) { top: 90%; }
/* ===== HEADER / NAV ===== */
.chaos-header {
                  position: relative;
                  z-index: 80;
                  padding: var(--space-md) var(--space-md) var(--space-md) 60px;
                  display: flex;
                  flex-direction: row;
                  justify-content: space-between;
                  align-items: center;
                  gap: var(--space-md);
                }
        
        /* ===== STAMPED LOGO ===== */
        .chaos-logo-wrapper {
          position: relative;
          margin-bottom: var(--space-sm);
        }
        
        .chaos-logo-stamp {
          font-family: 'Impact', 'Arial Black', sans-serif;
          font-size: clamp(2rem, 5vw, 3.5rem);
          font-weight: 900;
          text-transform: uppercase;
          letter-spacing: 0.15em;
          color: #8B0000;
          background: transparent;
          padding: 12px 24px;
          border: 4px solid #8B0000;
          position: relative;
          transform: rotate(-2deg);
          /* Worn stamp texture */
          mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
          -webkit-mask-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
          mask-composite: intersect;
          -webkit-mask-composite: source-in;
        }
        
        /* Double border effect for stamp authenticity */
        .chaos-logo-stamp::before {
          content: '';
          position: absolute;
          inset: 4px;
          border: 2px solid #8B0000;
          pointer-events: none;
        }
        
        /* Ink splatter/aging effect */
        .chaos-logo-stamp::after {
          content: '';
          position: absolute;
          inset: 0;
          background: radial-gradient(ellipse at 20% 80%, rgba(139,0,0,0.15) 0%, transparent 50%),
                      radial-gradient(ellipse at 85% 20%, rgba(139,0,0,0.1) 0%, transparent 40%);
          pointer-events: none;
        }
/* Date circle accent - RESTORED for zine personality */
                /* Logo stamp decorative pseudo-elements now visible */
.chaos-nav {
                  display: flex;
gap: calc(var(--space-lg) * 1.2);
                      list-style: none;
                  flex-wrap: wrap;
                  align-items: flex-start;
                  padding-top: 12px;
                  padding-right: clamp(1.5rem, 4vw, 3rem);
                  justify-content: center;
                }
    .chaos-nav-item {
          position: relative;
          padding: 0;
        }
.chaos-nav-link,
.wp-block-navigation.chaos-nav .wp-block-navigation-item__content {
          display: block;
          text-decoration: none;
          transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
          position: relative;
        }
/* ===== UNIFIED TORN PAPER TABS - Base styles ===== */
.chaos-nav-item .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item .wp-block-navigation-item__content {
                  font-family: 'Courier New', 'Courier', monospace;
    font-size: 1.05rem;
                  font-weight: 700;
              text-transform: uppercase;
              letter-spacing: 0.08em;
              color: #1a1a1a;
              padding: 14px 22px;
              border: none;
              position: relative;
              clip-path: polygon(
                0% 5%, 4% 0%, 12% 6%, 20% 2%, 28% 5%, 36% 0%, 44% 4%, 52% 1%, 60% 5%, 68% 0%, 76% 4%, 84% 2%, 92% 6%, 100% 0%,
                100% 95%, 96% 100%, 88% 94%, 80% 98%, 72% 95%, 64% 100%, 56% 96%, 48% 99%, 40% 95%, 32% 100%, 24% 96%, 16% 98%, 8% 94%, 0% 100%
              );
            }
.chaos-nav-item .chaos-nav-link::before,
.wp-block-navigation.chaos-nav .chaos-nav-item .wp-block-navigation-item__content::before {
                  content: '';
                  position: absolute;
                  inset: 0;
              background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
              opacity: 0.08;
              mix-blend-mode: multiply;
              pointer-events: none;
            }
            /* ===== ITEM 1: Cream paper, tilted left ===== */
.chaos-nav-item:nth-child(1) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(1) .wp-block-navigation-item__content {
                  background: linear-gradient(145deg, #fff8dc 0%, #f5f0d6 100%);
                  transform: rotate(-6deg) translateY(-4px);
                  box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
                }
    .chaos-nav-item:nth-child(1) .chaos-nav-link:hover,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(1) .wp-block-navigation-item__content:hover {
              transform: rotate(-2deg) translateY(-8px) scale(1.05);
              box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
            }
/* ===== ITEM 2: Pink paper, tilted right ===== */
.chaos-nav-item:nth-child(2) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(2) .wp-block-navigation-item__content {
                  background: linear-gradient(145deg, #ffb6c1 0%, #ffa0b0 100%);
                  transform: rotate(5deg) translateY(6px);
                  box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
                }
    .chaos-nav-item:nth-child(2) .chaos-nav-link:hover,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(2) .wp-block-navigation-item__content:hover {
              transform: rotate(1deg) translateY(2px) scale(1.05);
              box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
            }
/* ===== ITEM 3: Mint paper, slight tilt ===== */
.chaos-nav-item:nth-child(3) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(3) .wp-block-navigation-item__content {
                  background: linear-gradient(145deg, #b8f5d8 0%, #98e8c1 100%);
                  transform: rotate(-3deg) translateY(2px);
                  box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
                }
                .chaos-nav-item:nth-child(3) .chaos-nav-link:hover,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(3) .wp-block-navigation-item__content:hover {
              transform: rotate(1deg) translateY(-4px) scale(1.05);
              box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
            }
/* Tape strip on item 3 */
            .chaos-nav-item:nth-child(3)::before {
              content: '';
              position: absolute;
              top: -8px;
              left: 40%;
              transform: translateX(-50%) rotate(8deg);
              width: 35px;
              height: 14px;
              background: rgba(255, 243, 176, 0.85);
              z-index: 10;
              box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }
/* Tape strip on item 1 */
            .chaos-nav-item:nth-child(1)::before {
              content: '';
              position: absolute;
              top: -6px;
              left: 50%;
              transform: translateX(-50%) rotate(-12deg);
              width: 40px;
              height: 14px;
              background: rgba(168, 213, 229, 0.8);
              z-index: 10;
              box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }
/* ===== ITEM 4: Lavender paper, tilted right ===== */
.chaos-nav-item:nth-child(4) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(4) .wp-block-navigation-item__content {
                      background: linear-gradient(145deg, #e6d5f2 0%, #d4bde8 100%);
                      transform: rotate(4deg) translateY(-2px);
                      box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
                    }
                    .chaos-nav-item:nth-child(4) .chaos-nav-link:hover,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(4) .wp-block-navigation-item__content:hover {
                  transform: rotate(0deg) translateY(-6px) scale(1.05);
                  box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
                }

            

    /* ===== ITEM 5: Yellow paper, tilted left ===== */
.chaos-nav-item:nth-child(5) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(5) .wp-block-navigation-item__content {
                  background: linear-gradient(145deg, #fff59d 0%, #ffee58 100%);
                  transform: rotate(-5deg) translateY(4px);
                  box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
                }
            /* Tape strip on item 5 */
            .chaos-nav-item:nth-child(5)::before {
              content: '';
              position: absolute;
              top: -5px;
              left: 55%;
              transform: translateX(-50%) rotate(-5deg);
              width: 38px;
              height: 14px;
              background: rgba(255, 182, 193, 0.7);
              z-index: 10;
              box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
            }
.chaos-nav-item:nth-child(5) .chaos-nav-link:hover,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(5) .wp-block-navigation-item__content:hover {
                  transform: rotate(-1deg) translateY(0) scale(1.05);
                  box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
                }
            

    /* ===== ITEM 6: Blue paper, tilted right ===== */
.chaos-nav-item:nth-child(6) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(6) .wp-block-navigation-item__content {
                  background: linear-gradient(145deg, #b3e5fc 0%, #81d4fa 100%);
                  transform: rotate(3deg) translateY(-6px);
                  box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
                }
            /* Star doodle accent */
            .chaos-nav-item:nth-child(6)::after {
              content: '★';
              position: absolute;
              top: -4px;
              right: -4px;
              font-size: 0.9rem;
              color: #ff6b6b;
              text-shadow: 1px 1px 0 #1a1a1a;
              transform: rotate(12deg);
            }
.chaos-nav-item:nth-child(6) .chaos-nav-link:hover,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(6) .wp-block-navigation-item__content:hover {
                  transform: rotate(-1deg) translateY(-10px) scale(1.05);
                  box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
                }
            
            
            

    /* ===== MAIN CONTENT AREA ===== */
            .chaos-main {
          position: relative;
          z-index: 10;
          padding: var(--space-md);
          padding-left: max(var(--space-md), calc(50vw - 650px + 70px));
          display: flex;
          flex-direction: column;
          justify-content: center;
        }

    /* DEV BLOG tag */
    .dev-blog-tag {
      display: inline-block;
      font-family: var(--font-body);
      font-size: 0.75rem;
      letter-spacing: 0.25em;
      color: var(--color-dark);
      padding: var(--space-xs) var(--space-sm);
      background: var(--color-cream);
      border: 2px dashed var(--color-dark);
      transform: rotate(-5deg);
      margin-bottom: var(--space-sm);
      position: relative;
      box-shadow: 
        inset 0 0 0 1px var(--color-cream),
        inset 0 0 0 3px var(--color-dark);
    }

    /* Torn edge effect on tag */
    .dev-blog-tag::after {
      content: '';
      position: absolute;
      right: -8px;
      top: 0;
      bottom: 0;
      width: 8px;
      background: linear-gradient(135deg, var(--color-cream) 33.33%, transparent 33.33%),
                  linear-gradient(-135deg, var(--color-cream) 33.33%, transparent 33.33%);
      background-size: 8px 6px;
    }

    /* HEADLINE CONTAINER */
    .headline-chaos {
      position: relative;
      margin-bottom: var(--space-md);
    }

    /* REGIONALLY - small tilted */
    .headline-regionally {
      display: block;
      font-family: var(--font-display);
      font-weight: 900;
      font-size: clamp(1.5rem, 4vw, 3rem);
      font-stretch: 75%;
      letter-spacing: 0.3em;
      color: var(--color-dark);
      transform: rotate(-3deg) translateX(-10px);
      margin-bottom: -0.5rem;
      position: relative;
      z-index: 2;
    }

    /* Highlighter effect on REGIONALLY */
    .headline-regionally::before {
      content: '';
      position: absolute;
      left: 0;
      right: 30%;
      top: 40%;
      height: 50%;
      background: var(--color-highlight);
      opacity: 0.6;
      z-index: -1;
      transform: rotate(1deg);
    }

    /* FAMOUS - GIGANTIC */
    .headline-famous {
      display: block;
      font-family: var(--font-display);
      font-weight: 900;
      font-size: clamp(4rem, 18vw, 14rem);
      font-stretch: 125%;
      line-height: 0.85;
      letter-spacing: -0.03em;
      color: var(--color-dark);
      margin-left: -0.5rem;
      position: relative;
    }

    /* Scribbled underline */
    .headline-famous::after {
      content: '';
      position: absolute;
      left: 5%;
      right: 10%;
      bottom: 5%;
      height: 8px;
      background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 10'%3E%3Cpath d='M0 5 Q10 0 20 5 T40 5 T60 5 T80 5 T100 5 T120 5 T140 5 T160 5 T180 5 T200 5' stroke='%23ff6b9d' stroke-width='3' fill='none'/%3E%3C/svg%3E") repeat-x;
      background-size: 100px 10px;
    }

    /* X mark doodle */
    .x-mark {
      position: absolute;
      top: -20px;
      right: 15%;
      font-family: var(--font-body);
      font-size: 2rem;
      color: var(--color-accent);
      transform: rotate(15deg);
    }

    /* Checkbox doodle */
    .checkbox-doodle {
      position: absolute;
      bottom: 20%;
      right: 5%;
      width: 24px;
      height: 24px;
      border: 3px solid var(--color-dark);
      transform: rotate(-8deg);
    }

    .checkbox-doodle::after {
      content: '✓';
      position: absolute;
      top: -8px;
      left: 2px;
      font-size: 1.5rem;
      color: var(--color-accent);
      transform: rotate(10deg);
    }

    /* TAGLINE */
    .tagline-chaos {
      font-family: var(--font-body);
      font-size: clamp(1rem, 2.5vw, 1.375rem);
      color: var(--color-muted);
      max-width: 45ch;
      line-height: 1.6;
      transform: rotate(1deg);
      position: relative;
      padding-left: var(--space-sm);
    }

    /* Strikethrough word effect */
    .tagline-strike {
      text-decoration: line-through;
      text-decoration-color: var(--color-accent);
      text-decoration-thickness: 2px;
      opacity: 0.7;
    }

    /* "Handwritten" correction */
    .tagline-correction {
      color: var(--color-accent);
      font-style: italic;
      position: relative;
    }
    .tagline-correction::before {
          content: '^';
          position: absolute;
          bottom: 100%;
          left: 50%;
          transform: translateX(-50%);
          font-size: 0.8em;
        }
    
        /* ===== ZINE CHAOS EFFECTS ===== */
        
        /* Yellow highlighter - messy, uneven */
        .zine-highlight-yellow {
          background: linear-gradient(104deg, rgba(255, 237, 0, 0) 0.9%, rgba(255, 237, 0, 0.85) 2.4%, rgba(255, 237, 0, 0.5) 5.8%, rgba(255, 237, 0, 0.25) 93%, rgba(255, 237, 0, 0.7) 96%, rgba(255, 237, 0, 0) 98%);
          padding: 0.1em 0.2em;
          margin: 0 -0.1em;
          border-radius: 0.3em 0.15em 0.4em 0.1em;
          box-decoration-break: clone;
          -webkit-box-decoration-break: clone;
        }
        
        /* Pink highlighter - more aggressive */
        .zine-highlight-pink {
          background: linear-gradient(104deg, rgba(255, 105, 180, 0) 0.9%, rgba(255, 105, 180, 0.9) 2.4%, rgba(255, 105, 180, 0.55) 5.8%, rgba(255, 105, 180, 0.3) 93%, rgba(255, 105, 180, 0.75) 96%, rgba(255, 105, 180, 0) 98%);
          padding: 0.15em 0.25em;
          margin: 0 -0.15em;
          border-radius: 0.2em 0.4em 0.1em 0.35em;
          box-decoration-break: clone;
          -webkit-box-decoration-break: clone;
          font-weight: 600;
        }
        
        /* Green highlighter */
        .zine-highlight-green {
          background: linear-gradient(104deg, rgba(144, 238, 144, 0) 0.9%, rgba(144, 238, 144, 0.85) 2.4%, rgba(144, 238, 144, 0.5) 5.8%, rgba(144, 238, 144, 0.3) 93%, rgba(144, 238, 144, 0.7) 96%, rgba(144, 238, 144, 0) 98%);
          padding: 0.1em 0.3em;
          margin: 0 -0.1em;
          border-radius: 0.4em 0.1em 0.25em 0.3em;
          box-decoration-break: clone;
          -webkit-box-decoration-break: clone;
          font-style: italic;
        }
        
        /* Hand-drawn circle around text */
        .zine-circle {
          position: relative;
          display: inline-block;
          padding: 0.1em 0.3em;
        }
        .zine-circle::before {
          content: '';
          position: absolute;
          top: -4px;
          left: -6px;
          right: -6px;
          bottom: -4px;
          border: 2.5px solid var(--color-accent);
          border-radius: 50% 45% 52% 48% / 45% 50% 48% 52%;
          transform: rotate(-2deg);
          opacity: 0.85;
        }
        
        /* Bigger, messier circle */
        .zine-circle-big {
          position: relative;
          display: inline-block;
          padding: 0.15em 0.4em;
          font-weight: 700;
        }
        .zine-circle-big::before {
          content: '';
          position: absolute;
          top: -6px;
          left: -10px;
          right: -10px;
          bottom: -6px;
          border: 3px solid var(--color-dark);
          border-radius: 55% 42% 48% 55% / 42% 55% 50% 45%;
          transform: rotate(1deg);
        }
        .zine-circle-big::after {
          content: '';
          position: absolute;
          top: -4px;
          left: -8px;
          right: -8px;
          bottom: -4px;
          border: 1.5px solid var(--color-accent);
          border-radius: 48% 55% 52% 42% / 55% 48% 42% 55%;
          transform: rotate(-3deg);
        }
        
        /* Squiggly underline */
        .zine-underline-squiggle {
          text-decoration: underline wavy var(--color-accent);
          text-decoration-thickness: 2px;
          text-underline-offset: 3px;
        }
        
        /* Marker underline - thick, uneven */
        .zine-marker-underline {
          background-image: linear-gradient(120deg, var(--color-accent) 0%, var(--color-accent) 100%);
          background-repeat: no-repeat;
          background-size: 100% 40%;
          background-position: 0 88%;
          padding: 0 0.1em;
          font-weight: 600;
        }
        
        /* Double underline - emphatic */
        .zine-double-underline {
          text-decoration: underline;
          text-decoration-color: var(--color-dark);
          text-decoration-thickness: 1.5px;
          text-underline-offset: 2px;
          border-bottom: 2px solid var(--color-accent);
          padding-bottom: 1px;
          font-weight: 500;
        }
        
        /* Strikethrough with correction */
        .zine-strike {
          text-decoration: line-through;
          text-decoration-color: var(--color-dark);
          text-decoration-thickness: 2px;
          opacity: 0.6;
          font-size: 0.85em;
        }
        
        /* Handwritten correction above */
        .zine-correction {
          position: relative;
          color: var(--color-accent);
          font-family: var(--font-handwritten, 'Comic Sans MS', cursive);
          font-weight: 600;
          font-size: 1.1em;
          margin-left: 0.2em;
        }
        .zine-correction::before {
          content: '↑';
          position: absolute;
          bottom: -0.1em;
          left: 50%;
          transform: translateX(-50%) rotate(-10deg);
          font-size: 0.7em;
          color: var(--color-dark);
        }
        
        /* Slight rotation clockwise */
        .zine-rotate-cw {
          display: inline-block;
          transform: rotate(2deg);
          position: relative;
          top: 1px;
        }
        
        /* Slight rotation counter-clockwise */
        .zine-rotate-ccw {
          display: inline-block;
          transform: rotate(-3deg) translateY(-1px);
          font-weight: 700;
          color: var(--color-accent);
        }
        
        /* Boxed text - like a stamp */
        .zine-boxed {
          display: inline-block;
          border: 2px solid var(--color-dark);
          padding: 0.1em 0.4em;
          margin: 0 0.1em;
          transform: rotate(-1deg);
          background: rgba(255, 255, 255, 0.5);
          font-weight: 600;
        }
        
        /* Scribble out effect */
        .zine-scribble-out {
          position: relative;
          opacity: 0.7;
        }
        .zine-scribble-out::before {
          content: '';
          position: absolute;
          top: 50%;
          left: -2px;
          right: -2px;
          height: 3px;
          background: repeating-linear-gradient(
            90deg,
            var(--color-dark) 0px,
            var(--color-dark) 4px,
            transparent 4px,
            transparent 6px
          );
          transform: translateY(-50%) rotate(-2deg);
        }
        .zine-scribble-out::after {
          content: '';
          position: absolute;
          top: 45%;
          left: 0;
          right: 0;
          height: 2px;
          background: var(--color-accent);
          transform: translateY(-50%) rotate(1deg);
        }
        
        /* Hand-drawn arrow */
        .zine-arrow-point {
          display: inline-block;
          font-size: 1.3em;
          color: var(--color-accent);
          transform: rotate(-5deg) translateY(-2px);
          font-weight: 900;
          margin: 0 0.2em;
          animation: arrow-wiggle 1.5s ease-in-out infinite;
        }
        
        @keyframes arrow-wiggle {
          0%, 100% { transform: rotate(-5deg) translateY(-2px); }
          50% { transform: rotate(5deg) translateY(-1px); }
        }
        
        /* Star doodle */
        .zine-star {
          display: inline-block;
          color: var(--color-accent);
          font-size: 1.2em;
          transform: rotate(15deg);
          margin-left: 0.3em;
          animation: star-pulse 2s ease-in-out infinite;
        }
        
        @keyframes star-pulse {
          0%, 100% { transform: rotate(15deg) scale(1); }
          50% { transform: rotate(25deg) scale(1.15); }
        }
        
        /* Photocopied/distressed effect on whole tagline */
        .tagline-chaos {
          position: relative;
        }
        .tagline-chaos::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          right: 0;
          bottom: 0;
          background: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)'/%3E%3C/svg%3E");
          opacity: 0.02;
          pointer-events: none;
          mix-blend-mode: multiply;
        }

        /* Hand-drawn arrow pointing to tagline */
    .arrow-doodle {
      position: absolute;
      left: -40px;
      top: 50%;
      width: 30px;
      height: 20px;
      transform: translateY(-50%);
    }

    .arrow-doodle::before {
      content: '→';
      font-size: 1.5rem;
      color: var(--color-dark);
    }

    /* ===== STICKERS ===== */
    .sticker {
      position: absolute;
      font-family: var(--font-display);
      font-weight: 900;
      padding: var(--space-xs) var(--space-sm);
      border: 3px solid var(--color-dark);
      z-index: 60;
      box-shadow: 2px 2px 0 var(--color-dark);
    }

    .sticker-new {
      top: 20%;
      right: 8%;
      background: var(--color-accent);
      color: var(--color-cream);
      font-size: 1rem;
      transform: rotate(12deg);
      animation: stickerBounce 2s ease-in-out infinite;
    }

    .sticker-hot {
      top: 45%;
      right: 5%;
      background: var(--color-highlight);
      color: var(--color-dark);
      font-size: 0.75rem;
      transform: rotate(-8deg);
      animation: stickerBounce 2.5s ease-in-out infinite 0.3s;
    }

    .sticker-opinions {
      bottom: 30%;
      left: 8%;
      background: var(--color-baby-blue);
      color: var(--color-dark);
      font-size: 0.7rem;
      transform: rotate(6deg);
      animation: stickerBounce 2.2s ease-in-out infinite 0.6s;
    }

    @keyframes stickerBounce {
      0%, 100% { transform: rotate(var(--rotation, 12deg)) scale(1); }
      50% { transform: rotate(var(--rotation, 12deg)) scale(1.05); }
    }

    .sticker-new { --rotation: 12deg; }
    .sticker-hot { --rotation: -8deg; }
    .sticker-opinions { --rotation: 6deg; }

    /* ===== POLAROID / AUTHOR PHOTO ===== */
    .polaroid-frame {
position: absolute;
          right: 10%;
          top: 40%;
          transform: translateY(-50%) rotate(8deg);
      width: clamp(220px, 28vw, 380px);
      background: var(--color-cream);
      padding: 16px 16px 65px 16px;
      border: 3px solid var(--color-dark);
      box-shadow: 
        6px 6px 0 var(--color-pale-pink),
        6px 6px 0 3px var(--color-dark);
      z-index: 30;
    }

    .polaroid-image {
      width: 100%;
      aspect-ratio: 1;
      background: var(--color-muted);
      background-size: cover;
      background-position: center;
      filter: contrast(1.1) saturate(0.9);
    }

    .polaroid-caption {
      font-family: var(--font-body);
      font-size: 0.75rem;
      color: var(--color-muted);
      text-align: center;
      margin-top: var(--space-xs);
      transform: rotate(-2deg);
    }

    /* Tape strips on polaroid */
    .tape-strip {
      position: absolute;
      background: rgba(168, 213, 229, 0.5);
      border: 1px solid rgba(26, 26, 26, 0.2);
      z-index: 31;
    }
.tape-tl {
          top: -12px;
          left: 20px;
          width: 50px;
          height: 22px;
          transform: rotate(-20deg);
        }
.tape-tr {
          top: -10px;
          right: 25px;
          width: 45px;
          height: 20px;
          transform: rotate(15deg);
        }
    
        .tape-br {
          bottom: 40px;
          right: -15px;
      width: 45px;
      height: 18px;
      transform: rotate(-10deg);
      background: rgba(244, 199, 195, 0.6);
    }

    /* Coffee ring stain */
    .coffee-ring {
      position: absolute;
      bottom: 15%;
      right: 25%;
      width: 80px;
      height: 80px;
      border: 4px solid rgba(139, 90, 43, 0.15);
      border-radius: 50%;
      z-index: 5;
      transform: rotate(10deg);
    }

    .coffee-ring::before {
      content: '';
      position: absolute;
      inset: 8px;
      border: 2px solid rgba(139, 90, 43, 0.1);
      border-radius: 50%;
    }

    /* Paper clip */
    .paper-clip {
      position: absolute;
      top: 35%;
      left: 55%;
      width: 20px;
      height: 50px;
      border: 3px solid #888;
      border-radius: 10px 10px 0 0;
      border-bottom: none;
      z-index: 70;
      transform: rotate(-15deg);
    }

    .paper-clip::before {
      content: '';
      position: absolute;
      top: 15px;
      left: 3px;
      width: 8px;
      height: 30px;
      border: 2px solid #888;
      border-radius: 5px 5px 0 0;
      border-bottom: none;
    }

    /* ===== FOOTER / CTA AREA ===== */
    .chaos-footer {
      position: relative;
      z-index: 20;
      padding: var(--space-md) var(--space-md) var(--space-lg) 70px;
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
      flex-wrap: wrap;
      gap: var(--space-md);
    }

    /* CTA Button - Hand stamped style */
    .cta-stamp {
      display: inline-flex;
      align-items: center;
      gap: var(--space-sm);
      font-family: var(--font-display);
      font-weight: 900;
      font-size: clamp(1rem, 2.5vw, 1.5rem);
      color: var(--color-dark);
      padding: var(--space-sm) var(--space-md);
      background: var(--color-pale-pink);
      border: 4px solid var(--color-dark);
      transform: rotate(-2deg);
      position: relative;
      text-decoration: none;
      transition: transform var(--transition-fast), box-shadow var(--transition-fast);
      box-shadow: 
        4px 4px 0 var(--color-dark),
        inset 0 0 0 2px var(--color-pale-pink),
        inset 0 0 0 4px var(--color-dark);
    }

    .cta-stamp:hover {
      transform: rotate(0deg) translate(-4px, -4px);
      box-shadow: 
        8px 8px 0 var(--color-dark),
        inset 0 0 0 2px var(--color-pale-pink),
        inset 0 0 0 4px var(--color-dark);
    }

    /* Stamp texture overlay */
    .cta-stamp::before {
      content: '';
      position: absolute;
      inset: 0;
      background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");
      opacity: 0.08;
      mix-blend-mode: multiply;
      pointer-events: none;
    }

    .cta-arrow {
      transition: transform var(--transition-fast);
    }

    .cta-stamp:hover .cta-arrow {
      transform: translateX(4px);
    }

    /* Scroll indicator */
    .scroll-indicator {
      font-family: var(--font-body);
      font-size: 0.75rem;
      letter-spacing: 0.15em;
      color: var(--color-muted);
      writing-mode: vertical-rl;
      transform: rotate(180deg);
      position: relative;
    }

    .scroll-indicator::before {
      content: '↓';
      display: block;
      animation: scrollBounce 1.5s ease-in-out infinite;
    }

    @keyframes scrollBounce {
      0%, 100% { transform: translateY(0); }
      50% { transform: translateY(5px); }
    }

    /* ===== CUT-OUT LETTERS DECORATION ===== */
    .cutout-letters {
      position: absolute;
      bottom: 10%;
      left: 15%;
      display: flex;
      gap: 2px;
      z-index: 25;
      transform: rotate(-3deg);
    }

    .cutout-letter {
      font-family: var(--font-display);
      font-weight: 900;
      font-size: 1.2rem;
      padding: 4px 8px;
      border: 2px solid var(--color-dark);
    }

    .cutout-letter:nth-child(odd) {
      background: var(--color-baby-blue);
      transform: rotate(3deg);
    }

    .cutout-letter:nth-child(even) {
      background: var(--color-highlight);
      transform: rotate(-2deg);
    }

    /* ===== HALFTONE DOTS OVERLAY ===== */
    .halftone-overlay {
      position: absolute;
      top: 10%;
      right: 30%;
      width: 150px;
      height: 150px;
      background: radial-gradient(circle, var(--color-baby-blue) 2px, transparent 2px);
      background-size: 10px 10px;
      opacity: 0.3;
      z-index: 3;
      transform: rotate(15deg);
    }

    /* ===== RESPONSIVE ===== */
    @media (max-width: 1024px) {
.polaroid-frame {
            right: 5%;
            top: 40%;
            transform: translateY(-50%) rotate(5deg);
          }

      .sticker-new { right: 3%; top: 15%; }
      .sticker-hot { right: 2%; top: 38%; }
.paper-clip { transform: scale(0.8); opacity: 0.6; }
          .coffee-ring { transform: scale(0.7); opacity: 0.4; }
          .halftone-overlay { opacity: 0.3; }
    }

    @media (max-width: 768px) {
      .notebook-edge { display: none; }
      
      .chaos-header {
        padding: var(--space-sm);
      }

      .chaos-main {
        padding: var(--space-sm) var(--space-md);
      }

      .chaos-footer {
        padding: var(--space-md);
      }

      .polaroid-frame {
        position: relative;
        right: auto;
        top: auto;
        transform: rotate(3deg);
        margin: var(--space-md) auto 0;
width: 70%;
            max-width: 280px;
      }

      .headline-famous {
        font-size: clamp(3rem, 15vw, 6rem);
      }
.sticker-new,
          .sticker-hot,
          .sticker-opinions {
            transform: scale(0.7);
            font-size: 0.6rem;
          }
    
          .cutout-letters {
            opacity: 0.4;
            font-size: 0.7rem;
          }
    
          .arrow-doodle {
            transform: scale(0.6);
            opacity: 0.5;
          }
    
          .x-mark,
          .checkbox-doodle {
            transform: scale(0.7);
            opacity: 0.5;
          }

      .chaos-nav {
        gap: var(--space-xs);
      }
      .chaos-nav-link,
      .wp-block-navigation.chaos-nav .wp-block-navigation-item__content {
            font-size: 0.75rem;
            padding: 6px 10px;
          }
    
          .scroll-indicator {
        display: none;
      }
    }

    @media (max-width: 480px) {
      .headline-regionally {
        font-size: 1.25rem;
        letter-spacing: 0.2em;
      }

      .headline-famous {
        font-size: clamp(2.5rem, 18vw, 4rem);
      }

      .tagline-chaos {
        font-size: 0.95rem;
        transform: none;
      }

      .cta-stamp {
        font-size: 1rem;
        padding: var(--space-xs) var(--space-sm);
      }

      .polaroid-frame {
width: 60%;
            padding: 12px 12px 45px 12px;
      }
          .tape-tl,
          .tape-tr,
          .tape-br {
            display: none;
          }
        }
    
    /* :::SECTION:Hero Chaos Mobile Responsive Enhancements::: */
    
    /* Tablet (1024px and below) - Enhanced */
    @media (max-width: 1024px) {
      /* Scale down massive typography - still bold but readable */
      .headline-famous {
        font-size: clamp(3.5rem, 14vw, 8rem) !important;
        line-height: 0.9;
      }
      
      .headline-regionally {
        font-size: clamp(1.3rem, 3.5vw, 2.5rem) !important;
        transform: rotate(-2deg) translateX(-5px);
      }
      
      /* Reduce rotation angles for better readability */
      .chaos-nav-item:nth-child(1) .chaos-nav-link,
      .wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(1) .wp-block-navigation-item__content {
            transform: rotate(-2deg);
          }
          .chaos-nav-item:nth-child(2) .chaos-nav-link,
          .wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(2) .wp-block-navigation-item__content {
            transform: rotate(1deg);
          }
          .chaos-nav-item:nth-child(3) .chaos-nav-link,
          .wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(3) .wp-block-navigation-item__content {
            transform: rotate(-0.5deg);
          }
      
      /* Adjust polaroid position */
      .polaroid-frame {
        transform: translateY(-50%) rotate(5deg);
      }
      
      /* Reduce sticker animations intensity */
      .sticker-new,
      .sticker-hot,
      .sticker-opinions {
        animation: none;
      }
    }
    
    /* Mobile (768px and below) - Enhanced */
    @media (max-width: 768px) {
      /* Stack hero layout vertically */
      .hero-chaos {
        min-height: auto;
        padding-bottom: var(--space-lg);
      }
      
      /* Scale typography for mobile - readable but still bold */
      .headline-famous {
        font-size: clamp(2.8rem, 13vw, 5rem) !important;
        line-height: 0.9;
        margin-left: 0 !important;
      }
      
      .headline-regionally {
        font-size: clamp(1.1rem, 4vw, 1.8rem) !important;
        letter-spacing: 0.2em;
        transform: rotate(-1deg) translateX(0);
      }
      
      /* Flatten rotations for mobile readability */
      .headline-famous::after {
        height: 5px;
        background-size: 60px 8px;
      }
      
      /* Center main content */
      .chaos-main {
        text-align: center;
        align-items: center;
      }
      
      /* Tagline - reduce rotation and adjust */
      .tagline-chaos {
        transform: none;
        max-width: 100%;
        text-align: center;
      }
      
      /* CTA button - ensure it's prominent and usable */
      .cta-stamp,
      .wp-block-button.cta-stamp .wp-block-button__link {
        font-size: clamp(0.95rem, 3vw, 1.2rem) !important;
        padding: var(--space-sm) var(--space-md) !important;
        transform: rotate(-1deg);
        width: auto;
        min-height: 48px;
      }
      
      .cta-stamp:hover,
      .wp-block-button.cta-stamp .wp-block-button__link:hover {
        transform: rotate(0deg) translate(-2px, -2px);
      }
      
      /* Polaroid - center it below content */
      .polaroid-frame {
        position: relative !important;
        right: auto !important;
        top: auto !important;
        transform: rotate(2deg) !important;
        margin: var(--space-md) auto 0 !important;
width: 65% !important;
            max-width: 240px !important;
      }
/* Navigation - zine style preserved */
          .chaos-nav {
            justify-content: center;
            gap: var(--space-sm);
          }
/* Item 1: ransom note - slightly toned down */
.chaos-nav-item:nth-child(1) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(1) .wp-block-navigation-item__content {
                    font-size: 1rem;
                    padding: 10px 16px;
                transform: rotate(-5deg) translateY(-4px) !important;
              }
/* Item 2: sticker - slightly smaller */
.chaos-nav-item:nth-child(2) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(2) .wp-block-navigation-item__content {
                    font-size: 0.85rem;
                    padding: 12px 18px;
                transform: rotate(4deg) translateY(4px) !important;
              }
/* Item 3: typewriter - slightly smaller */
.chaos-nav-item:nth-child(3) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(3) .wp-block-navigation-item__content {
                        font-size: 0.9rem;
                        padding: 12px 18px 12px 14px;
                    transform: rotate(-2deg) !important;
                  }
/* Item 4: stamp - mobile */
.chaos-nav-item:nth-child(4) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(4) .wp-block-navigation-item__content {
                        font-size: 0.85rem;
                        padding: 10px 14px;
                    transform: rotate(2deg) !important;
                    border-width: 2px;
                  }
/* Item 5: highlighter - mobile */
.chaos-nav-item:nth-child(5) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(5) .wp-block-navigation-item__content {
                        font-size: 0.95rem;
                        padding: 10px 14px;
                    transform: rotate(-1deg) !important;
                  }
.chaos-nav-item:nth-child(5) .chaos-nav-link::before,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(5) .wp-block-navigation-item__content::before {
                    width: 8px;
                    height: 8px;
                    left: -5px;
                  }
                  .chaos-nav-item:nth-child(5) .chaos-nav-link::after,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(5) .wp-block-navigation-item__content::after {
                    display: none;
                  }
/* Item 6: scribbled - mobile */
.chaos-nav-item:nth-child(6) .chaos-nav-link,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(6) .wp-block-navigation-item__content {
                        font-size: 0.9rem;
                        padding: 10px 14px 10px 24px;
                    transform: rotate(-2deg) translateY(4px) !important;
                  }
                  .chaos-nav-item:nth-child(6) .chaos-nav-link::before,
.wp-block-navigation.chaos-nav .chaos-nav-item:nth-child(6) .wp-block-navigation-item__content::before {
                    font-size: 0.9rem;
                    left: 5px;
                  }
              .chaos-nav-item:nth-child(6)::after {
                font-size: 0.75rem;
                top: -5px;
                right: -3px;
              }
          
          .chaos-nav-item:nth-child(1)::before {
        display: none;
      }
/* Header adjustments */
          .chaos-header {
            flex-direction: column;
            justify-content: center;
            align-items: center;
            gap: var(--space-sm);
            padding: var(--space-sm) !important;
          }
      
      /* Footer adjustments */
      .chaos-footer {
        flex-direction: column;
        align-items: center;
        text-align: center;
        padding: var(--space-md) !important;
      }
      
      /* Adjust spacing */
      .chaos-main {
        padding: var(--space-sm) var(--space-md) !important;
      }
      
      /* Reduce noise overlay opacity for cleaner mobile view */
      .noise-layer {
        opacity: 0.03;
      }
/* Scale down decorative elements for mobile - keep zine personality */
          .notebook-edge {
            display: none !important;
          }
          .sticker-new,
          .sticker-hot,
          .sticker-opinions {
            transform: scale(0.65) !important;
            animation: none !important;
          }
          .cutout-letters {
            opacity: 0.3 !important;
          }
          .coffee-ring {
            opacity: 0.15 !important;
            transform: scale(0.5) !important;
          }
          .paper-clip {
            display: none !important;
          }
          .halftone-overlay {
            opacity: 0.15 !important;
          }
          .checkbox-doodle,
          .arrow-doodle,
          .x-mark {
            opacity: 0.3 !important;
            transform: scale(0.6) !important;
          }
      
      /* Scanlines - reduce intensity */
      .scanlines {
        opacity: 0.02;
      }
      
      /* Dev blog tag - centered */
      .dev-blog-tag {
        transform: rotate(0deg);
        margin: 0 auto var(--space-sm);
      }
      
      /* Scroll indicator hidden */
      .scroll-indicator {
        display: none !important;
      }
    }
    
    /* Small Mobile (480px and below) */
    @media (max-width: 480px) {
      /* Further scale typography */
      .headline-famous {
        font-size: clamp(2.2rem, 15vw, 3.5rem) !important;
        line-height: 0.92;
        letter-spacing: -0.02em;
      }
      
      .headline-regionally {
        font-size: 1rem !important;
        letter-spacing: 0.15em;
        transform: none;
        margin-bottom: -0.3rem;
      }
/* Scale highlighter effect on mobile - keep zine personality */
          .headline-regionally::before {
            opacity: 0.5;
            height: 60%;
          }
      
      /* Simpler scribble underline */
      .headline-famous::after {
        height: 4px;
        background-size: 40px 6px;
        bottom: 3%;
      }
      
      /* Tagline simplification */
      .tagline-chaos {
        font-size: 0.9rem !important;
        line-height: 1.5;
        padding: 0 var(--space-sm);
      }
      
      /* CTA button - full width for easy tapping */
      .chaos-footer {
        padding: var(--space-sm) !important;
        width: 100%;
      }
      
      .cta-stamp,
      .wp-block-button.cta-stamp .wp-block-button__link {
        font-size: 0.95rem !important;
        padding: 12px 20px !important;
        transform: none !important;
        width: 100%;
        max-width: 280px;
        justify-content: center;
        min-height: 52px;
      }
      
      .cta-stamp:hover,
      .wp-block-button.cta-stamp .wp-block-button__link:hover {
        transform: translate(-2px, -2px) !important;
        box-shadow: 4px 4px 0 var(--color-dark);
      }
      
      /* Polaroid even smaller */
      .polaroid-frame {
width: 55% !important;
            max-width: 200px !important;
            padding: 10px 10px 40px 10px !important;
        transform: rotate(1deg) !important;
        border-width: 2px !important;
        box-shadow: 
          4px 4px 0 var(--color-pale-pink),
          4px 4px 0 2px var(--color-dark) !important;
      }
      
      .polaroid-caption {
        font-size: 0.65rem;
        margin-top: var(--space-xs);
        transform: none;
      }
      
      /* Navigation - even more compact */
      .chaos-nav {
        flex-wrap: wrap;
        gap: 6px;
      }
      .chaos-nav-link,
      .wp-block-navigation.chaos-nav .wp-block-navigation-item__content {
            font-size: 0.7rem;
            padding: 6px 10px;
            border-width: 1px;
          }
          
          /* Main content spacing */
      .chaos-main {
        padding: var(--space-xs) var(--space-sm) !important;
        gap: var(--space-sm);
      }
      
      /* Header compact */
      .chaos-header {
        padding: var(--space-xs) var(--space-sm) !important;
      }
      
      /* Reduce all noise textures on small screens */
      .noise-layer {
        opacity: 0.02;
      }
/* Scale down tape strips on small mobile */
          .tape-strip,
          .tape-tl,
          .tape-tr,
          .tape-br {
            transform: scale(0.6) !important;
            opacity: 0.5 !important;
          }
      
      /* Dev blog tag - smaller */
      .dev-blog-tag {
        font-size: 0.7rem;
        letter-spacing: 0.15em;
        padding: 6px 10px;
      }
    }
    
    /* Extra small screens (360px and below) */
    @media (max-width: 360px) {
      .headline-famous {
        font-size: 2rem !important;
      }
      
      .headline-regionally {
        font-size: 0.85rem !important;
      }
      
      .tagline-chaos {
        font-size: 0.85rem !important;
      }
      
      .chaos-nav {
        gap: 4px;
      }
      .chaos-nav-link,
      .wp-block-navigation.chaos-nav .wp-block-navigation-item__content {
                font-size: 0.65rem;
                padding: 5px 8px;
              }
          
          .polaroid-frame {
    width: 50% !important;
                max-width: 160px !important;
          }
          
          /* Footer - 360px and below */
          .site-footer {
            padding: var(--wp--preset--spacing--40) 0 var(--wp--preset--spacing--30);
          }
          
          .site-footer > .container,
          .site-footer > .footer-grid,
          .site-footer > [class*="wp-block-"] {
            padding-left: var(--wp--preset--spacing--20);
            padding-right: var(--wp--preset--spacing--20);
          }
          
          .footer-grid {
            gap: var(--wp--preset--spacing--30);
          }
          
          .footer-logo {
            font-size: var(--wp--preset--font-size--large);
          }
          
          .footer-tagline {
            font-size: calc(var(--wp--preset--font-size--small) * 0.9);
          }
          
          .footer-heading {
            font-size: calc(var(--wp--preset--font-size--medium) * 0.9);
          }
          
          .footer-nav a {
            font-size: calc(var(--wp--preset--font-size--small) * 0.9);
            padding: 10px 0;
            min-height: 48px;
            line-height: 28px;
          }
          
          .footer-legal {
            font-size: calc(var(--wp--preset--font-size--small) * 0.85);
          }
          
          .footer-bottom {
            padding-top: var(--wp--preset--spacing--30);
          }
          
          .footer-stamp {
            font-size: calc(var(--wp--preset--font-size--small) * 0.8);
            letter-spacing: 0.1em;
            padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
          }
        }
    
    /* :::END SECTION:Hero Chaos Mobile Responsive Enhancements::: */
    
    /* WordPress Block Adjustments */
/* ===== HERO CHAOS ZONE ===== */

/* Button wrapper reset */
.wp-block-button.cta-stamp {
  padding: 0;
  background: none;
  border: none;
  margin: 0;
  box-shadow: none;
}

/* Button link styling - plain selector to override WordPress defaults */
.wp-block-button.cta-stamp .wp-block-button__link {
  display: inline-flex;
  align-items: center;
  gap: var(--space-sm);
  font-family: var(--font-display);
  font-weight: 900;
  font-size: clamp(1rem, 2.5vw, 1.5rem);
  color: var(--color-dark);
  padding: var(--space-sm) var(--space-md);
  background: var(--color-pale-pink);
  border: 4px solid var(--color-dark);
  transform: rotate(-2deg);
  position: relative;
  text-decoration: none;
  transition: transform var(--transition-fast), box-shadow var(--transition-fast);
  box-shadow: 
    4px 4px 0 var(--color-dark),
    inset 0 0 0 2px var(--color-pale-pink),
    inset 0 0 0 4px var(--color-dark);
}

.wp-block-button.cta-stamp .wp-block-button__link:hover {
  transform: rotate(0deg) translate(-4px, -4px);
  box-shadow: 
    8px 8px 0 var(--color-dark),
    inset 0 0 0 2px var(--color-pale-pink),
    inset 0 0 0 4px var(--color-dark);
}

/* Stamp texture overlay on button */
.wp-block-button.cta-stamp .wp-block-button__link::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='s'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23s)'/%3E%3C/svg%3E");
  opacity: 0.08;
  mix-blend-mode: multiply;
  pointer-events: none;
}
/* Navigation list resets */
    .chaos-nav.wp-block-list,
    .chaos-nav.wp-block-list ul,
    .chaos-nav.wp-block-list li {
      list-style: none;
      list-style-type: none;
    }

/* ===== WP NAVIGATION BLOCK - CHAOS NAV BRIDGE ===== */
/* Map wp:navigation classes to chaos-nav zine styling */

/* Container: .wp-block-navigation maps to .chaos-nav */
.wp-block-navigation.chaos-nav {
  display: flex;
  gap: calc(var(--space-lg) * 1.2);
  list-style: none;
  flex-wrap: wrap;
  align-items: flex-start;
  padding-top: 12px;
  padding-right: clamp(1.5rem, 4vw, 3rem);
  justify-content: center;
}

/* Navigation item: .wp-block-navigation-item maps to .chaos-nav-item */
.wp-block-navigation.chaos-nav .wp-block-navigation-item {
      position: relative;
      list-style: none;
      padding: 0;
    }

    /* Ensure the link fills the entire nav item area */
    .wp-block-navigation.chaos-nav .wp-block-navigation-item a {
      display: block;
      width: 100%;
      height: 100%;
    }

/* Navigation link: .wp-block-navigation-item__content maps to .chaos-nav-link */
.wp-block-navigation.chaos-nav .wp-block-navigation-item__content {
  display: block;
  text-decoration: none;
  transition: transform 0.2s ease, box-shadow 0.2s ease, filter 0.2s ease;
  position: relative;
  font-family: 'Courier New', 'Courier', monospace;
  font-size: 1.05rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: #1a1a1a;
  padding: 14px 22px;
  border: none;
  clip-path: polygon(
    0% 5%, 4% 0%, 12% 6%, 20% 2%, 28% 5%, 36% 0%, 44% 4%, 52% 1%, 60% 5%, 68% 0%, 76% 4%, 84% 2%, 92% 6%, 100% 0%,
    100% 95%, 96% 100%, 88% 94%, 80% 98%, 72% 95%, 64% 100%, 56% 96%, 48% 99%, 40% 95%, 32% 100%, 24% 96%, 16% 98%, 8% 94%, 0% 100%
  );
}

/* Paper texture overlay on links */
.wp-block-navigation.chaos-nav .wp-block-navigation-item__content::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: 0.08;
  mix-blend-mode: multiply;
  pointer-events: none;
}

/* Editor absolute positioning fixes */
.editor-styles-wrapper .noise-layer {
  position: absolute !important;
}

.editor-styles-wrapper .scanlines {
  position: absolute !important;
}

.editor-styles-wrapper .notebook-edge {
  position: absolute !important;
}

.editor-styles-wrapper .notebook-hole {
  position: absolute !important;
}

.editor-styles-wrapper .halftone-overlay {
  position: absolute !important;
}

.editor-styles-wrapper .sticker {
  position: absolute !important;
}

.editor-styles-wrapper .coffee-ring {
  position: absolute !important;
}

.editor-styles-wrapper .paper-clip {
  position: absolute !important;
}

.editor-styles-wrapper .cutout-letters {
  position: absolute !important;
}

.editor-styles-wrapper .polaroid-frame {
  position: absolute !important;
}

.editor-styles-wrapper .tape-strip {
  position: absolute !important;
}

.editor-styles-wrapper .x-mark {
  position: absolute !important;
}

.editor-styles-wrapper .checkbox-doodle {
  position: absolute !important;
}

.editor-styles-wrapper .arrow-doodle {
  position: absolute !important;
}

/* Editor flex container fixes */
.editor-styles-wrapper .chaos-nav.wp-block-list {
  display: flex !important;
  gap: var(--space-sm) !important;
}
.editor-styles-wrapper .chaos-header {
          display: flex !important;
          flex-direction: row !important;
          justify-content: space-between !important;
          align-items: center !important;
          gap: var(--space-md) !important;
        }

.editor-styles-wrapper .chaos-main {
  display: flex !important;
}

.editor-styles-wrapper .chaos-footer {
  display: flex !important;
  justify-content: space-between !important;
}

.editor-styles-wrapper .cutout-letters {
  display: flex !important;
  gap: 2px !important;
}

/* Editor wrapper margin resets */
.editor-styles-wrapper .chaos-header > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .chaos-main > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .chaos-footer > .block-editor-block-list__block {
  margin: 0 !important;
}

.editor-styles-wrapper .cutout-letters > .block-editor-block-list__block {
  margin: 0 !important;
}

/* Margin parity - frontend */
:root :where(.dev-blog-tag) {
  margin-block-end: var(--space-sm);
}

:root :where(.headline-chaos) {
  margin-block-end: var(--space-md);
}
:root :where(.headline-regionally) {
      margin-block-end: -0.5rem;
    }
    
    /* Tagline max-width parity */
    :root :where(.tagline-chaos) {
      max-width: 45ch;
    }
    
    /* Margin parity - editor */
.editor-styles-wrapper .dev-blog-tag {
  margin-block-end: var(--space-sm) !important;
}

.editor-styles-wrapper .headline-chaos {
  margin-block-end: var(--space-md) !important;
}
.editor-styles-wrapper .headline-regionally {
      margin-block-end: -0.5rem !important;
    }
    
    .editor-styles-wrapper .tagline-chaos {
      max-width: 45ch !important;
    }
    
    .editor-styles-wrapper .polaroid-caption {
  margin-block-start: var(--space-xs) !important;
}
/* Responsive adjustments for editor */
    @media (max-width: 768px) {
      .editor-styles-wrapper .polaroid-frame {
        position: relative !important;
        margin-block-start: var(--space-md) !important;
      }
.editor-styles-wrapper .chaos-header {
            flex-direction: column !important;
            justify-content: center !important;
            align-items: center !important;
          }
      
      .editor-styles-wrapper .chaos-main {
        text-align: center !important;
        align-items: center !important;
      }
      
      .editor-styles-wrapper .chaos-footer {
        flex-direction: column !important;
        align-items: center !important;
      }
      
      .editor-styles-wrapper .headline-famous {
        font-size: clamp(2.8rem, 13vw, 5rem) !important;
      }
      
      .editor-styles-wrapper .headline-regionally {
        font-size: clamp(1.1rem, 4vw, 1.8rem) !important;
        transform: rotate(-1deg) !important;
      }
.editor-styles-wrapper .notebook-edge {
            display: none !important;
          }
          .editor-styles-wrapper .sticker-new,
          .editor-styles-wrapper .sticker-hot,
          .editor-styles-wrapper .sticker-opinions {
            transform: scale(0.65) !important;
          }
          .editor-styles-wrapper .cutout-letters {
            opacity: 0.3 !important;
          }
    }
    
    @media (max-width: 480px) {
      .editor-styles-wrapper .headline-famous {
        font-size: clamp(2.2rem, 15vw, 3.5rem) !important;
      }
      
      .editor-styles-wrapper .headline-regionally {
        font-size: 1rem !important;
        transform: none !important;
      }
      .editor-styles-wrapper .chaos-nav-link,
      .editor-styles-wrapper .wp-block-navigation.chaos-nav .wp-block-navigation-item__content {
                font-size: 0.7rem !important;
                padding: 6px 10px !important;
              }
        }
/* ===========================================
       MOBILE HAMBURGER MENU - ZINE AESTHETIC
       =========================================== */
    
    /* WP Navigation block responsive hamburger - zine style */
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-open {
      background: linear-gradient(145deg, #fff8dc 0%, #f5f0d6 100%);
      border: 3px solid #1a1a1a;
      padding: 10px 12px;
      cursor: pointer;
      position: relative;
      z-index: 100;
      clip-path: polygon(
        0% 5%, 4% 0%, 12% 6%, 20% 2%, 28% 5%, 36% 0%, 44% 4%, 52% 1%, 60% 5%, 68% 0%, 76% 4%, 84% 2%, 92% 6%, 100% 0%,
        100% 95%, 96% 100%, 88% 94%, 80% 98%, 72% 95%, 64% 100%, 56% 96%, 48% 99%, 40% 95%, 32% 100%, 24% 96%, 16% 98%, 8% 94%, 0% 100%
      );
      transition: transform 0.2s ease;
    }
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-open:hover {
      transform: rotate(-3deg) scale(1.05);
    }
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-open svg {
      fill: #1a1a1a;
    }
    
    /* WP Navigation responsive overlay - zine style */
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container.is-menu-open {
      background: linear-gradient(135deg, #faf0e6 0%, #f5e6d3 30%, #faf0e6 60%, #f0e0d0 100%) !important;
      padding: var(--space-xl) var(--space-lg);
    }
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: var(--space-md);
    }
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-close {
      background: linear-gradient(145deg, #ffb6c1 0%, #ffa0b0 100%);
      border: 3px solid #1a1a1a;
      padding: 8px 10px;
      clip-path: polygon(
        0% 5%, 4% 0%, 12% 6%, 20% 2%, 28% 5%, 36% 0%, 44% 4%, 52% 1%, 60% 5%, 68% 0%, 76% 4%, 84% 2%, 92% 6%, 100% 0%,
        100% 95%, 96% 100%, 88% 94%, 80% 98%, 72% 95%, 64% 100%, 56% 96%, 48% 99%, 40% 95%, 32% 100%, 24% 96%, 16% 98%, 8% 94%, 0% 100%
      );
    }
    .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-close svg {
      fill: #1a1a1a;
    }
/* Hamburger button - DISABLED: using WordPress built-in responsive menu instead */
        .chaos-hamburger {
      display: none !important;
  background: linear-gradient(145deg, #fff8dc 0%, #f5f0d6 100%);
  border: 3px solid #1a1a1a;
  padding: 10px 12px;
  cursor: pointer;
  position: relative;
  z-index: 1001;
  transform: rotate(-3deg);
  transition: transform 0.2s ease, box-shadow 0.2s ease;
  clip-path: polygon(
    0% 8%, 5% 0%, 15% 10%, 25% 2%, 35% 8%, 45% 0%, 55% 6%, 65% 1%, 75% 8%, 85% 0%, 95% 6%, 100% 0%,
    100% 92%, 95% 100%, 85% 90%, 75% 98%, 65% 92%, 55% 100%, 45% 94%, 35% 99%, 25% 92%, 15% 100%, 5% 94%, 0% 100%
  );
  box-shadow: 2px 3px 5px rgba(0,0,0,0.15);
}

.chaos-hamburger::before {
  content: '';
  position: absolute;
  inset: 0;
  background: url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.8' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  opacity: 0.08;
  mix-blend-mode: multiply;
  pointer-events: none;
}

.chaos-hamburger:hover {
  transform: rotate(1deg) scale(1.05);
  box-shadow: 3px 4px 8px rgba(0,0,0,0.2);
}

.chaos-hamburger:focus {
  outline: 3px dashed #ff6b6b;
  outline-offset: 4px;
}

/* Hamburger lines - chaotic styling */
.hamburger-line {
  display: block;
  width: 24px;
  height: 3px;
  background: #1a1a1a;
  margin: 4px 0;
  transition: transform 0.3s ease, opacity 0.3s ease;
  position: relative;
}

.hamburger-line:nth-child(1) {
  transform: rotate(2deg);
  width: 22px;
}

.hamburger-line:nth-child(2) {
  transform: rotate(-1deg) translateX(2px);
  width: 20px;
}

.hamburger-line:nth-child(3) {
  transform: rotate(3deg) translateX(-1px);
  width: 24px;
}
/* Legacy hamburger X-state rules removed - WP responsive container handles open/close */
/* Legacy hamburger line X animations removed */

/* Mobile styles - 768px and below */
@media (max-width: 768px) {
    /* Legacy hamburger hidden - using WP built-in responsive menu */
      .chaos-hamburger {
        display: none !important;
      }
  
  /* Navigation wrapper positioning */
  .chaos-nav-wrapper {
    position: relative;
  }
      /* Navigation on mobile - handled by WordPress built-in responsive container */
      /* Legacy fixed overlay removed - WP handles show/hide via __responsive-container */
      .chaos-nav-wrapper .chaos-nav {
        /* Mobile nav now handled by WordPress built-in responsive container */
        /* Legacy overlay properties removed - WP manages visibility via __responsive-container */
    /* Zine-style border moved to WP responsive container overlay */
      }
      /* Legacy torn paper overlay removed - using WP responsive container */
      /* Legacy decorative scribble removed - using WP responsive container */
      /* Legacy .nav-open rules removed - WP responsive container uses .is-menu-open */
      /* Body scroll prevention now handled by WP responsive container */
      /* Legacy .nav-open stagger animations removed - WP handles menu transitions */
      /* Legacy stagger delays removed */
  
  @keyframes slideInStagger {
    from {
      opacity: 0;
      transform: translateY(20px) rotate(-5deg);
    }
    to {
      opacity: 1;
      transform: translateY(0) rotate(0deg);
    }
  }
    /* Legacy .nav-open mobile link size rules removed - WP responsive container styles links */
      /* Legacy .nav-open rotation transform removed */
/* Legacy per-item rotation variables removed (1-3) */
/* Legacy per-item rotation variables removed (4-6) */
      /* Legacy .nav-open tape strip and star doodle rules removed */
    }

/* :::SECTION:Blog Index Zine Styles::: */

/* Blog Index Hero - matching page template */
.blog-index-hero.page-hero-area {
  position: relative;
  padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--40) var(--wp--preset--spacing--60);
  background: linear-gradient(175deg, var(--wp--preset--color--color-pale-pink) 0%, var(--wp--preset--color--color-cream) 60%);
  border-bottom: 4px solid var(--wp--preset--color--color-dark);
  overflow: hidden;
  text-align: center;
}

.blog-index-hero .page-title {
  font-family: var(--font-display);
  font-size: clamp(2.5rem, 8vw, 5rem) !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.02em;
  color: var(--wp--preset--color--color-dark);
  text-shadow: 4px 4px 0 var(--wp--preset--color--color-baby-blue);
  margin-bottom: var(--wp--preset--spacing--20);
  transform: rotate(-1deg);
}

.blog-index-hero .page-description {
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--medium) !important;
  color: var(--wp--preset--color--color-muted);
  font-style: italic;
  max-width: 500px;
  margin: 0 auto;
}

/* Blog Content Area */
.blog-index-content.page-content-area {
  padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40) var(--wp--preset--spacing--80);
  background: var(--wp--preset--color--color-cream);
  position: relative;
}

/* Paper Background Effect */
.blog-index-content .page-paper-bg {
  position: relative;
  background: #fff;
  border: 3px solid var(--wp--preset--color--color-dark);
  padding: var(--wp--preset--spacing--60);
  box-shadow: 6px 6px 0 var(--wp--preset--color--color-dark);
  transform: rotate(-0.3deg);
  max-width: 900px;
  margin: 0 auto;
}

.blog-index-content .page-paper-bg .paper-fold-corner {
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 45px 45px 0;
  border-color: transparent var(--wp--preset--color--color-baby-blue) transparent transparent;
}

.blog-index-content .page-paper-bg .paper-fold-corner::after {
  content: '';
  position: absolute;
  top: 0;
  right: -45px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 45px 0 0 45px;
  border-color: transparent transparent transparent var(--wp--preset--color--color-cream);
  opacity: 0.5;
}

/* Blog Post Cards */
.blog-post-card {
  border-bottom: 2px dashed var(--wp--preset--color--color-dark);
  position: relative;
}

.blog-post-card:last-child {
  border-bottom: none;
}

.blog-post-card::before {
  content: '✦';
  position: absolute;
  left: -30px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 1rem;
  color: var(--wp--preset--color--color-accent);
  opacity: 0.6;
}

.blog-post-title a {
  font-family: var(--font-display);
  font-weight: 800;
  color: var(--wp--preset--color--color-dark) !important;
  text-decoration: none;
  transition: color var(--transition-fast);
}

.blog-post-title a:hover {
  color: var(--wp--preset--color--color-accent) !important;
}

.blog-post-meta {
  font-family: var(--font-body);
  font-size: var(--wp--preset--font-size--small);
  color: var(--wp--preset--color--color-muted);
  display: flex;
  align-items: center;
  gap: var(--wp--preset--spacing--20);
  flex-wrap: wrap;
}

.blog-post-meta .wp-block-post-terms a {
  color: var(--wp--preset--color--color-accent);
  text-decoration: none;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}

.blog-post-excerpt {
  font-family: var(--font-body);
  color: var(--wp--preset--color--color-dark);
  line-height: 1.7;
}

.blog-post-excerpt .wp-block-post-excerpt__more-link {
  color: var(--wp--preset--color--color-accent);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 3px;
}

/* Blog Pagination */
.blog-pagination {
  margin-top: var(--wp--preset--spacing--60);
  padding-top: var(--wp--preset--spacing--40);
  border-top: 2px solid var(--wp--preset--color--color-dark);
}

.blog-pagination .wp-block-query-pagination-previous,
.blog-pagination .wp-block-query-pagination-next {
  font-family: var(--font-display);
  font-weight: 700;
  color: var(--wp--preset--color--color-dark);
  text-decoration: none;
  padding: var(--wp--preset--spacing--20) var(--wp--preset--spacing--30);
  background: var(--wp--preset--color--color-baby-blue);
  border: 2px solid var(--wp--preset--color--color-dark);
  transition: all var(--transition-fast);
}

.blog-pagination .wp-block-query-pagination-previous:hover,
.blog-pagination .wp-block-query-pagination-next:hover {
  background: var(--wp--preset--color--color-accent);
  color: #fff;
  transform: translateY(-2px);
}

.blog-pagination .wp-block-query-pagination-numbers {
  display: flex;
  gap: var(--wp--preset--spacing--10);
}

.blog-pagination .wp-block-query-pagination-numbers .page-numbers {
  font-family: var(--font-display);
  font-weight: 700;
  padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
  color: var(--wp--preset--color--color-dark);
  text-decoration: none;
  border: 2px solid var(--wp--preset--color--color-dark);
  background: #fff;
}

.blog-pagination .wp-block-query-pagination-numbers .page-numbers.current {
  background: var(--wp--preset--color--color-dark);
  color: #fff;
}

/* Blog Index Responsive */
@media (max-width: 768px) {
  .blog-index-hero.page-hero-area {
    padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--30) var(--wp--preset--spacing--40);
  }
  
  .blog-index-hero .page-title {
    text-shadow: 3px 3px 0 var(--wp--preset--color--color-baby-blue);
  }
  
  .blog-index-hero .page-decorative-tape.tape-left,
  .blog-index-hero .page-decorative-tape.tape-right {
    display: none;
  }
  
  .blog-index-content.page-content-area {
    padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--20);
  }
  
  .blog-index-content .page-paper-bg {
    padding: var(--wp--preset--spacing--40);
    box-shadow: 4px 4px 0 var(--wp--preset--color--color-dark);
    transform: rotate(0);
  }
  
  .blog-index-content .page-paper-bg .paper-fold-corner {
    border-width: 0 30px 30px 0;
  }
  
  .blog-index-content .page-paper-bg .paper-fold-corner::after {
    right: -30px;
    border-width: 30px 0 0 30px;
  }
  
  .blog-post-card::before {
    display: none;
  }
}

@media (max-width: 480px) {
  .blog-index-content .page-paper-bg {
    padding: var(--wp--preset--spacing--30);
    border-width: 2px;
    box-shadow: 3px 3px 0 var(--wp--preset--color--color-dark);
  }
  
  .blog-index-content .page-paper-bg .paper-fold-corner {
    border-width: 0 25px 25px 0;
  }
  
  .blog-index-content .page-paper-bg .paper-fold-corner::after {
    right: -25px;
    border-width: 25px 0 0 25px;
  }
  
  .blog-pagination .wp-block-query-pagination-previous,
  .blog-pagination .wp-block-query-pagination-next {
    padding: var(--wp--preset--spacing--10) var(--wp--preset--spacing--20);
    font-size: 0.875rem;
  }
}

/* Editor adjustments for blog index */
.editor-styles-wrapper .blog-index-hero.page-hero-area {
  position: relative !important;
}
.editor-styles-wrapper .blog-index-content.page-content-area {
      padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--40) var(--wp--preset--spacing--80) !important;
      background: var(--wp--preset--color--color-cream) !important;
      position: relative !important;
    }
    
    .editor-styles-wrapper .blog-index-content .page-paper-bg {
      position: relative !important;
      background: #fff !important;
      border: 3px solid var(--wp--preset--color--color-dark) !important;
      box-shadow: 6px 6px 0 var(--wp--preset--color--color-dark) !important;
      transform: rotate(-0.3deg) !important;
      padding: var(--wp--preset--spacing--50) !important;
      max-width: 900px !important;
      margin: 0 auto !important;
    }
.editor-styles-wrapper .blog-index-content .page-paper-bg .paper-fold-corner {
          position: absolute !important;
          top: 0 !important;
          right: 0 !important;
          width: 0 !important;
          height: 0 !important;
          border-style: solid !important;
          border-width: 0 45px 45px 0 !important;
          border-color: transparent var(--wp--preset--color--color-baby-blue) transparent transparent !important;
        }
        
        .editor-styles-wrapper .blog-index-content .page-paper-bg .paper-fold-corner::after {
          content: '' !important;
          position: absolute !important;
          top: 0 !important;
          right: -45px !important;
          width: 0 !important;
          height: 0 !important;
          border-style: solid !important;
          border-width: 45px 0 0 45px !important;
          border-color: transparent transparent transparent var(--wp--preset--color--color-cream) !important;
          opacity: 0.5 !important;
        }
    
    /* Editor parity - page decorative tape */
    .editor-styles-wrapper .page-decorative-tape {
      position: absolute !important;
      width: 100px;
      height: 30px;
      z-index: 5;
    }
    
    .editor-styles-wrapper .page-decorative-tape.tape-left {
      top: 20px !important;
      left: -20px !important;
      transform: rotate(-15deg) !important;
    }
    
    .editor-styles-wrapper .page-decorative-tape.tape-right {
      top: 40px !important;
      right: -20px !important;
      transform: rotate(20deg) !important;
    }
    
    /* Editor parity - page title */
    .editor-styles-wrapper .page-title {
      font-family: var(--font-display) !important;
      font-weight: 900 !important;
      text-transform: uppercase !important;
      letter-spacing: 0.02em !important;
    }
.editor-styles-wrapper .blog-index-hero .page-title {
          transform: rotate(-1deg) !important;
          text-shadow: 4px 4px 0 var(--wp--preset--color--color-baby-blue) !important;
          font-size: clamp(2.5rem, 8vw, 5rem) !important;
          color: var(--wp--preset--color--color-dark) !important;
          margin-bottom: var(--wp--preset--spacing--20) !important;
        }
        
        .editor-styles-wrapper .blog-index-hero.page-hero-area {
          background: linear-gradient(175deg, var(--wp--preset--color--color-pale-pink) 0%, var(--wp--preset--color--color-cream) 60%) !important;
          border-bottom: 4px solid var(--wp--preset--color--color-dark) !important;
          padding: var(--wp--preset--spacing--80) var(--wp--preset--spacing--40) var(--wp--preset--spacing--60) !important;
          text-align: center !important;
        }
    
    /* Editor parity - page description */
    .editor-styles-wrapper .page-description {
      font-family: var(--font-body) !important;
      font-style: italic !important;
      max-width: 500px !important;
      margin: 0 auto !important;
    }
    
    /* Editor parity - blog post card positioning */
    .editor-styles-wrapper .blog-post-card {
      position: relative !important;
      border-bottom: 2px dashed var(--wp--preset--color--color-dark) !important;
    }
    
    .editor-styles-wrapper .blog-post-card:last-child {
      border-bottom: none !important;
    }
/* Editor parity - blog post title */
        .editor-styles-wrapper .blog-post-title a {
          font-family: var(--font-display) !important;
          font-weight: 800 !important;
          color: var(--wp--preset--color--color-dark) !important;
          text-decoration: none !important;
        }
        
        /* Editor parity - blog post meta */
        .editor-styles-wrapper .blog-post-meta {
          font-family: var(--font-body) !important;
          display: flex !important;
          align-items: center !important;
          gap: var(--wp--preset--spacing--20) !important;
          flex-wrap: wrap !important;
        }
        
        /* Editor parity - blog post excerpt */
        .editor-styles-wrapper .blog-post-excerpt {
          font-family: var(--font-body) !important;
          line-height: 1.7 !important;
        }
        
        /* Editor parity - blog pagination */
        .editor-styles-wrapper .blog-pagination {
      margin-top: var(--wp--preset--spacing--60) !important;
      padding-top: var(--wp--preset--spacing--40) !important;
      border-top: 2px solid var(--wp--preset--color--color-dark) !important;
    }
    
    .editor-styles-wrapper .blog-pagination .wp-block-query-pagination-numbers {
      display: flex !important;
      gap: var(--wp--preset--spacing--10) !important;
    }
/* Editor parity - page content area */
        .editor-styles-wrapper .page-content-area {
          padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) var(--wp--preset--spacing--80) !important;
        }
        
        /* Editor parity - page hero area */
        .editor-styles-wrapper .page-hero-area {
          position: relative !important;
          overflow: hidden !important;
        }
        
        /* Editor parity - featured image wrap */
        .editor-styles-wrapper .page-featured-wrap {
          padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--40) !important;
          background: var(--wp--preset--color--color-cream) !important;
        }
        
        .editor-styles-wrapper .page-featured-image {
          border: 4px solid var(--wp--preset--color--color-dark) !important;
          box-shadow: 8px 8px 0 var(--wp--preset--color--color-dark) !important;
          transform: rotate(0.5deg) !important;
          overflow: hidden !important;
        }
        
        /* Editor parity - page paper background */
    .editor-styles-wrapper .page-paper-bg {
      position: relative !important;
      background: #fff !important;
      border: 3px solid var(--wp--preset--color--color-dark) !important;
      box-shadow: 6px 6px 0 var(--wp--preset--color--color-dark) !important;
      transform: rotate(-0.3deg) !important;
    }
.editor-styles-wrapper .page-paper-bg .paper-fold-corner {
          position: absolute !important;
          top: 0 !important;
          right: 0 !important;
          width: 0 !important;
          height: 0 !important;
          border-style: solid !important;
          border-width: 0 40px 40px 0 !important;
          border-color: transparent var(--wp--preset--color--color-baby-blue) transparent transparent !important;
        }
.editor-styles-wrapper .page-paper-bg .paper-fold-corner::after {
              content: '' !important;
              position: absolute !important;
              top: 0 !important;
              right: -40px !important;
              width: 0 !important;
              height: 0 !important;
              border-style: solid !important;
              border-width: 40px 0 0 40px !important;
              border-color: transparent transparent transparent var(--wp--preset--color--color-cream) !important;
              opacity: 0.5 !important;
            }
            
            /* Editor parity - single post remove top spacing */
.editor-styles-wrapper .single-post {
                  padding-top: 0 !important;
                  margin-top: 0 !important;
                  padding-bottom: var(--wp--preset--spacing--70) !important;
                }
            
            .editor-styles-wrapper .section-single {
              padding-top: 0 !important;
              margin-top: 0 !important;
        }
            /* Legacy hamburger z-index rule removed - using WP built-in responsive menu */

    /* :::SECTION:Custom Zine Cursors::: */
    
    /* Pointer cursor for links & buttons - hand-drawn pointing hand with pink accent */
    a,
    button,
    .wp-block-button__link,
    .wp-element-button,
    .btn,
    .hero-cta,
    .archive-link,
    .post-link,
    [role="button"],
    input[type="submit"],
    .wp-block-navigation-item__content,
    .featured-post,
    .archive-item {
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath d='M16 3 C16 3 16 23 16 23 L10 18 C7 15.5 3 18 5 21 L13 32 C15 36 16 39 19 42 L32 42 C37 42 40 39 40 34 L40 23 C40 20.5 38 19 36 19.5 L36 19.5 C36 17 34 15.5 31 16.5 L31 16.5 C31 14 29 12.5 26 13 L26 13 L26 6.5 C26 3 23 1 20 2.5 Z' fill='%23f4c7c3' stroke='%231a1a1a' stroke-width='2.8' stroke-linejoin='round'/%3E%3Cpath d='M26 13 L26 21' stroke='%231a1a1a' stroke-width='1.5' opacity='0.4'/%3E%3Cpath d='M31 16.5 L31 21' stroke='%231a1a1a' stroke-width='1.5' opacity='0.4'/%3E%3Cpath d='M36 19.5 L36 23' stroke='%231a1a1a' stroke-width='1.5' opacity='0.4'/%3E%3Ccircle cx='21' cy='0' r='4.5' fill='%23ffeb3b' stroke='%231a1a1a' stroke-width='1.5'/%3E%3Ctext x='18.5' y='4' font-size='6.5' font-weight='bold' fill='%231a1a1a'>✦%3C/text%3E%3C/svg%3E") 18 2, pointer;
    }
    
    /* Active/clicking state - squished hand with blue highlight */
    a:active,
    button:active,
    .wp-block-button__link:active,
    .wp-element-button:active,
    .btn:active,
    [role="button"]:active,
    input[type="submit"]:active {
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='52' height='52' viewBox='0 0 52 52'%3E%3Cpath d='M16 6.5 C16 6.5 16 24 16 24 L11 19 C8 17 5 19 6.5 22.5 L13 32 C15 36 16 37 19 40 L32 40 C37 40 40 37 40 32 L40 24 C40 22 38 21 36 22 L36 22 C36 20 34 18 31 19 L31 19 C31 16.5 29 15 26 15.5 L26 15.5 L26 10 C26 6.5 23 4 20 5.5 Z' fill='%23b8e4f0' stroke='%231a1a1a' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='21' cy='3' r='4' fill='%23e8679a' stroke='%231a1a1a' stroke-width='1.5'/%3E%3C/svg%3E") 18 5, pointer;
    }
    
    /* Text selection cursor - keep default for readability */
    p, h1, h2, h3, h4, h5, h6, span, li, blockquote, .single-post-content, .page-content {
cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 3 L8 38 L17 29 L27 41 L32 36 L22 24 L34 24 Z' fill='%231a1a1a' stroke='%23f4c7c3' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='3' r='3.5' fill='%23f4c7c3'/%3E%3C/svg%3E") 8 3, auto;
        }
        
        /* Grab cursor for draggable / images */
    img,
    .wp-block-image,
    .hero-visual,
    .about-image {
      cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 3 L8 38 L17 29 L27 41 L32 36 L22 24 L34 24 Z' fill='%231a1a1a' stroke='%23b8e4f0' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='3' r='4' fill='%23b8e4f0'/%3E%3Cpath d='M5 8 L12 8' stroke='%23b8e4f0' stroke-width='2.5' opacity='0.6'/%3E%3C/svg%3E") 8 3, auto;
    }
/* Disable custom cursor in the editor itself (toolbar, panels, etc.) */
        .editor-styles-wrapper {
    cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' viewBox='0 0 48 48'%3E%3Cpath d='M8 3 L8 38 L17 29 L27 41 L32 36 L22 24 L34 24 Z' fill='%231a1a1a' stroke='%23f4c7c3' stroke-width='3' stroke-linejoin='round'/%3E%3Ccircle cx='8' cy='3' r='3.5' fill='%23f4c7c3'/%3E%3C/svg%3E") 8 3, auto;
            }

/* ===== CHAOTIC HOVER EFFECTS ===== */

/* --- Keyframes: each element gets a different flavor of chaos --- */

/* Wiggle: rapid random-ish rotation + translate for buttons */
@keyframes chaosWiggle {
      0% { transform: rotate(0deg) translate(0, 0); }
      25% { transform: rotate(0.6deg) translate(-0.3px, 0.2px); }
      50% { transform: rotate(-0.4deg) translate(0.2px, -0.3px); }
      75% { transform: rotate(0.5deg) translate(-0.2px, 0.3px); }
      100% { transform: rotate(0deg) translate(0, 0); }
    }

/* Tilt: leans side to side with scale pulse */
@keyframes chaosTilt {
      0%, 100% { transform: rotate(-0.3deg) scale(1); }
      25% { transform: rotate(0.5deg) scale(1.01) translateY(-0.5px); }
      50% { transform: rotate(-0.6deg) scale(1.005) translateX(0.3px); }
      75% { transform: rotate(0.3deg) scale(1.005) translateY(-0.3px); }
    }

/* Jitter: fast micro-shakes like a vibrating phone */
@keyframes chaosJitter {
      0% { transform: translate(0, 0) rotate(0deg); }
      10% { transform: translate(-0.2px, 0.2px) rotate(-0.2deg); }
      20% { transform: translate(0.2px, -0.2px) rotate(0.2deg); }
      30% { transform: translate(-0.15px, 0) rotate(0deg); }
      40% { transform: translate(0.2px, 0.15px) rotate(-0.15deg); }
      50% { transform: translate(0, -0.2px) rotate(0.15deg); }
      60% { transform: translate(-0.15px, 0.2px) rotate(0deg); }
      70% { transform: translate(0.2px, 0) rotate(-0.15deg); }
      80% { transform: translate(0, 0.15px) rotate(0.2deg); }
      90% { transform: translate(-0.2px, -0.15px) rotate(0deg); }
  100% { transform: translate(0, 0) rotate(0deg); }
}

/* Card wobble: exaggerated tilt + skew for post cards */
@keyframes chaosCardWobble {
      0%, 100% { transform: rotate(0deg) skewX(0deg) translateY(-1px); }
      15% { transform: rotate(-0.3deg) skewX(0.15deg) translateY(-1.5px); }
      30% { transform: rotate(0.4deg) skewX(-0.2deg) translateY(-0.8px); }
      45% { transform: rotate(-0.15deg) skewX(0.2deg) translateY(-1.8px); }
      60% { transform: rotate(0.3deg) skewX(-0.15deg) translateY(-1px); }
      75% { transform: rotate(-0.4deg) skewX(0.1deg) translateY(-1.3px); }
      90% { transform: rotate(0.15deg) skewX(0deg) translateY(-0.8px); }
    }

/* Skew: diagonal distortion for archive items */
@keyframes chaosSkew {
      0%, 100% { transform: skewX(0deg) skewY(0deg) translate(-1px, -1px); }
      25% { transform: skewX(0.5deg) skewY(-0.15deg) translate(-1.2px, -0.8px); }
      50% { transform: skewX(-0.3deg) skewY(0.3deg) translate(-0.8px, -1.2px); }
      75% { transform: skewX(0.2deg) skewY(-0.3deg) translate(-1.5px, -1px); }
    }

/* Spin: quick partial rotation for small icons/links */
@keyframes chaosSpin {
      0% { transform: rotate(0deg) scale(1); }
      30% { transform: rotate(2deg) scale(1.01); }
      60% { transform: rotate(-1.5deg) scale(1.005); }
      100% { transform: rotate(0deg) scale(1); }
    }

/* Hero CTA: dramatic multi-axis chaos */
@keyframes chaosHeroCTA {
      0%, 100% { transform: rotate(-0.2deg) translate(0, 0) skewX(0deg); }
      20% { transform: rotate(0.5deg) translate(-0.5px, -0.8px) skewX(0.3deg); }
      40% { transform: rotate(-0.6deg) translate(0.3px, -0.4px) skewX(-0.4deg); }
      60% { transform: rotate(0.3deg) translate(-0.6px, -0.5px) skewX(0.15deg); }
      80% { transform: rotate(-0.3deg) translate(0.2px, -0.8px) skewX(-0.15deg); }
    }

/* Photo shake: polaroid-rattle effect for hero image */
@keyframes chaosPhotoShake {
      0%, 100% { transform: rotate(4deg) translate(0, 0); }
      15% { transform: rotate(4.4deg) translate(-0.5px, 0.3px); }
      30% { transform: rotate(3.6deg) translate(0.3px, -0.5px); }
      45% { transform: rotate(4.5deg) translate(-0.3px, 0.2px); }
      60% { transform: rotate(3.5deg) translate(0.4px, -0.3px); }
      75% { transform: rotate(4.3deg) translate(-0.2px, 0.4px); }
    }

/* Image glitch: scale + hue + skew disruption */
@keyframes chaosImageGlitch {
      0% { transform: scale(1.005) skewX(0deg); filter: none; }
      25% { transform: scale(1.01) skewX(-0.3deg) translateX(0.5px); filter: hue-rotate(2deg) saturate(1.05); }
      50% { transform: scale(1.005) skewX(0.15deg) translateX(-0.3px); filter: hue-rotate(-2deg) contrast(1.03); }
      75% { transform: scale(1.01) skewX(-0.15deg) translateY(0.3px); filter: hue-rotate(1deg) saturate(1.03); }
      100% { transform: scale(1.005) skewX(0deg); filter: none; }
    }

/* Glitch text: color channel separation / chromatic aberration */
@keyframes chaosGlitchText {
      0% { transform: translate(0, 0); text-shadow: none; }
      20% { transform: translate(-0.3px, 0.15px); text-shadow: 0.4px 0 var(--wp--preset--color--color-accent), -0.4px 0 var(--wp--preset--color--color-baby-blue); }
      40% { transform: translate(0.15px, -0.15px); text-shadow: -0.2px 0.2px var(--wp--preset--color--color-pale-pink), 0.2px -0.2px var(--wp--preset--color--color-accent); }
      60% { transform: translate(-0.15px, 0.3px); text-shadow: 0.5px -0.15px var(--wp--preset--color--color-baby-blue), -0.5px 0.15px var(--wp--preset--color--color-pale-pink); }
      80% { transform: translate(0.3px, -0.3px); text-shadow: -0.3px 0.3px var(--wp--preset--color--color-accent), 0.3px -0.3px var(--wp--preset--color--color-baby-blue); }
      100% { transform: translate(0, 0); text-shadow: none; }
    }

/* --- Extra chaotic hovers for elements not yet covered --- */

/* Pagination links: spin-wobble */
.wp-block-query-pagination a:hover {
animation: chaosSpin 0.6s cubic-bezier(0.36, 1.2, 0.5, 0.9) 1;
    }
    
    /* Post navigation links: skew chaos */
.nav-item:hover {
  animation: chaosSkew 0.8s ease-in-out infinite !important;
  transform: none !important;
}

/* Search button: jitter */
.wp-block-search__button:hover {
      animation: chaosJitter 0.5s linear infinite;
    }
    /* Share buttons: glitch text */
    .share-btn:hover {
      animation: chaosGlitchText 0.6s steps(2, end) infinite;
    }

/* Single post content links: glitch text underline */
.single-post-content a:hover,
.page-content a:hover {
  animation: chaosJitter 0.4s linear infinite;
  display: inline-block;
}

/* Single tags: tilt on hover */
.single-tags a:hover {
  animation: chaosTilt 0.3s ease-in-out infinite;
}

/* Category badge: wiggle */
.single-category-badge a:hover {
animation: chaosWiggle 0.7s ease-in-out infinite;
    }
    
    /* Featured image frame: photo shake */
.featured-image-frame:hover {
  animation: chaosPhotoShake 0.6s ease-in-out infinite;
}

/* Post link (read more): jitter chaos */
.post-link:hover {
      animation: chaosJitter 0.5s linear infinite;
      display: inline-block;
    }

/* Zine excerpt more link: tilt */
.zine-excerpt .wp-block-post-excerpt__more-link:hover {
animation: chaosTilt 0.6s ease-in-out infinite;
    }
    
    /* Blog pagination: spin */
.blog-pagination .wp-block-query-pagination-previous:hover,
.blog-pagination .wp-block-query-pagination-next:hover {
animation: chaosSpin 0.6s cubic-bezier(0.36, 1.2, 0.5, 0.9) 1;
    }
    
    /* CTA stamp: hero-level chaos */
.cta-stamp:hover,
.wp-block-button.cta-stamp .wp-block-button__link:hover {
animation: chaosHeroCTA 0.7s ease-in-out infinite;
    }
    
    /* Hamburger menu button: wiggle */
.chaos-hamburger:hover,
.wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-open:hover {
animation: chaosWiggle 0.6s ease-in-out infinite;
    }
    
    /* --- Respect prefers-reduced-motion --- */
@media (prefers-reduced-motion: reduce) {
  .wp-block-button__link:hover,
  .wp-element-button:hover,
  .btn-primary:hover,
  .btn-outline:hover,
  .featured-post:hover,
  .featured-post:hover .post-image,
  .archive-item:hover,
  .archive-link:hover,
  .wp-block-button.hero-cta .wp-block-button__link:hover,
  .wp-block-post-featured-image:hover img,
  :root :where(.hero-visual.wp-block-group:hover),
  .zine-post-card:hover,
  .hero-nav-link:hover,
  .footer-nav a:hover,
  :root :where(.featured-post:hover .wp-block-post-featured-image img),
  .wp-block-query-pagination a:hover,
  .nav-item:hover,
  .wp-block-search__button:hover,
  .share-btn:hover,
  .single-post-content a:hover,
  .page-content a:hover,
  .single-tags a:hover,
  .single-category-badge a:hover,
  .featured-image-frame:hover,
  .post-link:hover,
  .zine-excerpt .wp-block-post-excerpt__more-link:hover,
  .blog-pagination .wp-block-query-pagination-previous:hover,
  .blog-pagination .wp-block-query-pagination-next:hover,
  .cta-stamp:hover,
  .wp-block-button.cta-stamp .wp-block-button__link:hover,
  .chaos-hamburger:hover,
  .wp-block-navigation.chaos-nav .wp-block-navigation__responsive-container-open:hover {
    animation: none !important;
    transform: translate(-3px, -3px) !important;
    filter: none !important;
    text-shadow: none !important;
  }
}

/* ===== END CHAOTIC HOVER EFFECTS ===== */