/*
Theme Name: Kizobrax Editorial
Theme URI: https://kizobraxmusic.com/
Author: Kizobrax Music
Description: Independent editorial music magazine theme.
Version: 2.1.0
Requires PHP: 8.0
Text Domain: kizobrax-editorial
*/
:root{--ink:#151b14;--paper:#f8f9f4;--lime:#cbf13d;--line:#dce2d6;--muted:#64705f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}button,input{font:inherit}.wrap{max-width:1240px;margin:auto;padding:0 26px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:12px;top:12px;background:#fff;padding:12px;z-index:99}.masthead{border-bottom:1px solid var(--line);background:#fff}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:88px}.brand{font-size:clamp(23px,3vw,36px);font-weight:950;letter-spacing:-.07em;line-height:1}.brand span{background:var(--lime);padding:0 5px}.nav{display:flex;gap:23px;align-items:center;flex-wrap:wrap}.nav a{font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}.searchform{display:flex;align-items:center;border:1px solid var(--line);border-radius:30px;background:#fff;overflow:hidden}.searchform input{min-width:0;width:170px;border:0;padding:10px 14px;outline-offset:-2px}.searchform button{border:0;background:var(--lime);padding:10px 15px;cursor:pointer}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:900}.hero{padding:60px 0 50px;border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:36px;align-items:center}.hero h1{font-size:clamp(56px,8vw,110px);letter-spacing:-.085em;line-height:.94;margin:15px 0 20px;max-width:700px}.hero p{font-size:19px;color:#475344;max-width:490px}.hero-art{position:relative;min-height:410px;background:var(--lime);overflow:hidden;border-radius:2px}.hero-art img{width:100%;height:410px;object-fit:cover;filter:grayscale(.12)}.hero-art .stamp{position:absolute;bottom:20px;left:20px;background:#fff;padding:12px 16px;font-weight:900;transform:rotate(-3deg)}.pill{display:inline-block;background:var(--ink);color:#fff;padding:11px 19px;border-radius:40px;font-size:13px;font-weight:800}.section{padding:45px 0}.section-head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;border-bottom:2px solid var(--ink);margin-bottom:25px}.section-head h2{font-size:clamp(28px,4vw,48px);letter-spacing:-.055em;margin:0 0 10px}.section-head a{font-weight:800;font-size:13px}.release-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.release{min-width:0}.release .cover{aspect-ratio:1/1;background:#e4e8df;display:block;overflow:hidden}.release .cover img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.release:hover .cover img{transform:scale(1.04)}.release h3{font-size:17px;line-height:1.3;margin:10px 0 3px;overflow-wrap:anywhere}.meta{color:var(--muted);font-size:13px}.feature-strip{background:var(--ink);color:#fff;padding:36px 0}.feature-strip .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px}.feature-strip strong{font-size:clamp(24px,4vw,44px);letter-spacing:-.06em}.archive-head{padding:45px 0 25px}.archive-head h1,.entry h1{font-size:clamp(36px,5vw,65px);letter-spacing:-.06em;line-height:1.06;margin:10px 0 15px}.pager{margin:35px 0;display:flex;gap:8px;flex-wrap:wrap}.pager .page-numbers{border:1px solid var(--line);padding:8px 14px}.pager .current{background:var(--lime);border-color:var(--lime)}.entry{max-width:850px;margin:45px auto 70px;padding:0 24px}.entry .featured{width:100%;max-height:580px;object-fit:cover;margin:25px 0}.entry-content{font-size:18px;overflow-wrap:anywhere}.entry-content a{text-decoration:underline}.entry-content iframe{max-width:100%}.entry-content img{height:auto}.entry-content .wp-block-button__link{background:var(--ink);color:#fff;padding:12px 20px}.breadcrumbs{font-size:13px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);background:#fff;padding:40px 0}.footer-inner{display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap}.footer-inner p{color:var(--muted)}.menu-toggle{display:none}.screen-reader-text{position:absolute;left:-9999px}.alignwide{max-width:1100px}.alignfull{width:100%}@media(max-width:900px){.release-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-grid{grid-template-columns:1fr}.hero-art{min-height:320px}.hero-art img{height:350px}.searchform input{width:110px}.nav{gap:12px}}@media(max-width:650px){.wrap{padding:0 17px}.topbar{min-height:70px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.brand{font-size:26px}.menu-toggle{display:block;background:var(--lime);border:0;padding:9px 13px;font-weight:800;cursor:pointer}.nav{display:none;width:100%;order:3;flex-direction:column;align-items:flex-start;gap:12px}.nav.is-open{display:flex}.searchform{order:4;width:100%}.searchform input{width:100%}.hero{padding:34px 0}.hero h1{font-size:56px}.hero-art{min-height:260px}.hero-art img{height:280px}.release-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.release h3{font-size:15px}.feature-strip .wrap{display:block}.section{padding:32px 0}}
.nav-list{display:flex;gap:20px;align-items:center;list-style:none;padding:0;margin:0}.nav-list li{margin:0}.nav-list a{display:block}@media(max-width:650px){.nav-list{flex-direction:column;align-items:flex-start;gap:12px}}


/* KX-3.2 SINGLE SONG EXPERIENCE */

.single-post .entry {
  max-width: 900px;
  margin: 0 auto;
  padding: 38px 22px 72px;
}

.single-post .entry h1 {
  font-size: clamp(2rem, 5vw, 3.5rem);
  line-height: 1.12;
  letter-spacing: -0.035em;
  margin: 18px 0;
}

.single-post .entry .featured {
  display: block;
  width: 100%;
  height: auto;
  max-height: 650px;
  object-fit: cover;
  border-radius: 18px;
  margin: 28px 0;
}

.single-post .entry-content {
  font-size: 1.08rem;
  line-height: 1.85;
  overflow-wrap: anywhere;
}

.single-post .entry-content audio,
.single-post .entry-content .wp-audio-shortcode,
.single-post .entry-content .mejs-container {
  display: block;
  width: 100% !important;
  max-width: 100%;
  margin: 24px 0;
}

.single-post .entry-content a[href$=".mp3"],
.single-post .entry-content a[href*=".mp3?"],
.single-post .entry-content a[download] {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  max-width: 100%;
  padding: 15px 24px;
  margin: 16px 0;
  border-radius: 999px;
  background: #b7e44c;
  color: #17210b;
  font-weight: 800;
  line-height: 1.4;
  text-align: center;
  text-decoration: none;
  box-shadow: 0 6px 0 rgba(23,33,11,.12);
  transition: transform .2s ease, background .2s ease;
}

.single-post .entry-content a[href$=".mp3"]:hover,
.single-post .entry-content a[href*=".mp3?"]:hover,
.single-post .entry-content a[download]:hover {
  background: #c9f56c;
  transform: translateY(-2px);
}

.single-post .entry-content iframe,
.single-post .entry-content video {
  max-width: 100%;
}

@media (max-width: 640px) {
  .single-post .entry {
    padding: 24px 16px 48px;
  }

  .single-post .entry-content {
    font-size: 1rem;
  }

  .single-post .entry-content a[href$=".mp3"],
  .single-post .entry-content a[href*=".mp3?"],
  .single-post .entry-content a[download] {
    width: 100%;
    box-sizing: border-box;
  }
}