/* ===========================================================================
   WP parity supplement — LAST in the chain. Only two jobs:
   1. Style the WP-only surfaces the sealed system never had (honest empty
      notes, archive pagination, lane hero on category archives).
   2. Never restyle a sealed class. Claude Design owns the shared namespace.
   =========================================================================== */

/* Honest module empty note (dedup law: no filler repetition). */
.mh-emptynote{margin:0;padding:16px 18px;border-radius:14px;border:1.5px dashed var(--mh-line,rgba(26,14,36,.18));font-size:.92rem;color:var(--mh-ink-soft,#3A2E4A);background:rgba(255,255,255,.55)}

/* Lane hero for the three Enter The Zone category archives. Uses the design's
   token vocabulary; tones mirror the zone bars (plum/gold/grape). */
.mh-lanehero{position:relative;margin:0 0 clamp(16px,2.4vw,26px);padding:clamp(18px,3vw,36px);border-radius:20px;overflow:hidden;color:#F3ECE0;background:radial-gradient(120% 140% at 80% -10%,rgba(228,200,120,.28),transparent 58%),linear-gradient(135deg,#2B153D 0%,#1A0E24 70%);box-shadow:0 16px 40px rgba(26,14,36,.25)}
.mh-lanehero--gold{background:radial-gradient(120% 140% at 80% -10%,rgba(255,244,214,.5),transparent 58%),linear-gradient(135deg,#8C6A1C 0%,#5C450F 70%)}
.mh-lanehero--grape{background:radial-gradient(120% 140% at 80% -10%,rgba(200,164,240,.3),transparent 58%),linear-gradient(135deg,#3A1E5C 0%,#221036 70%)}
.mh-lanehero__kicker{margin:0 0 8px;display:inline-flex;padding:6px 14px;border-radius:999px;font-size:.7rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase;color:#100A14;background:var(--mh-grad-gold,linear-gradient(135deg,#E4C878,#C8A44D))}
.mh-lanehero__title{margin:0;font-family:var(--mh-serif,Georgia,serif);font-weight:900;font-size:clamp(1.8rem,5vw,3rem);line-height:1.04;letter-spacing:-.02em}
.mh-lanehero__dek{margin:8px 0 0;max-width:62ch;font-family:var(--mh-serif,Georgia,serif);font-style:italic;font-size:clamp(.95rem,1.8vw,1.1rem);line-height:1.55;color:rgba(243,236,224,.85)}

/* FlipCard grid rows (archives + Recently Posted) — equal-height tracks for
   the design's hff-card geometry. */
.mh-grid--flip{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:clamp(14px,2vw,22px)}

/* The genre stage fills the content column edge to edge; the design's
   gt-stage handles its own interior. */
.mh-genre-stage-wrap{margin:0}

/* Genre stage: card titles and links wear the stage ink, never the page-level
   violet link color (the design's gt-cards inherit their world's ink). */
.gt-stage .gt-card a { color: inherit; }
.gt-stage .gt-card__title a:hover { text-decoration: underline; }

/* FlipCard honest art well: centered glyph + genre label, design slot language. */
.mh-flipcard__art { position: relative; display: grid; place-items: center; }
.mh-flipcard__art > .mh-card__glyph { font-size: 2.6rem; color: rgba(244, 224, 168, 0.95); }
.mh-flipcard__art .mh-card__slotlabel { position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 10px; font-size: 0.66rem; font-weight: 900; letter-spacing: 0.12em; text-transform: uppercase; color: #F3ECE0; background: linear-gradient(0deg, rgba(20, 12, 28, 0.85), rgba(20, 12, 28, 0)); }

/* Canonical K-Pop wordmark sizing per surface (one asset everywhere).
   In the orbit the mark must READ as the identity — tall enough to show the
   chrome, with a soft plum drop to lift it off the cream pill. */
.mh-genrepill--kpop { padding-top: 6px; padding-bottom: 6px; }
.mh-genrepill--kpop .mh-genrepill__logo { height: 1.6em; width: auto; display: inline-block; vertical-align: middle; filter: drop-shadow(0 1px 2px rgba(43, 21, 61, 0.45)); }
.mh-kpop-logo--nav { height: 1.1em; width: auto; display: inline-block; vertical-align: -0.14em; filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.5)); }


/* Canonical genre icon family — one optical size everywhere (reference law). */
.mh-genrepill__ic { height: 1.3em; width: 1.3em; object-fit: contain; display: inline-block; vertical-align: -0.28em; }
.mh-genrepill.is-focus .mh-genrepill__ic { height: 1.45em; width: 1.45em; }