/* HipHopHaven Approved Launch — two launch corrections to the approved fabric (documented; nothing else).
   Loaded after ribbon-amendment.css on every document WordPress emits. */

/* 1. The search button's screen-reader label. The donor hides `.skip` with left:-999px, but this label's
      containing block is the positioned search button at the right end of The Cypher, so -999px lands the
      word "Search" INSIDE the ticker lane on wide screens. Standard visually-hidden treatment: same
      accessibility (still read aloud), zero visible footprint. */
.mh-pulsebar__search .skip{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}

/* 2. Phone clearance for the fixed bottom app bar (founder: the app bar must not cover stories or buttons).
      The app bar measures 77px at 390 wide; the approved main padding was 56px, leaving the last 21px of
      every page permanently under the bar. Padding only — no geometry inside the page changes. */
@media (max-width:600px){main#primary,main.wrap,#app{padding-bottom:calc(96px + env(safe-area-inset-bottom,0px))!important}}

/* 3. Home feed engine on WordPress (verification round, 16 Sep). The prototype's flip cards carried a
      fixed inline height sized for its fixtures; with real headlines the front overflowed and the
      Flip To Reveal control fell outside the card on phones. The card now sizes to its front; the back
      face stays absolute and inherits that height. */
#hgn-home .hgn-flip{height:auto}
#hgn-home .hgn-flip__front{position:relative;inset:auto}
/* 4. A post without a photograph shows the approved blue plate inside the feed card; the plate's card
      margin/radius (hhh.css) do not apply inside the feed engine's photo well, so photo and plate cards
      align. */
#hgn-home .hgn-kwrap .hh-media{margin:0;border-radius:0}
/* 5. Flip-card front headline inherits the body ink on the dark front (prototype defect); readable. */
#hgn-home .hgn-flip__front .hgn-ttl{color:#fff}
/* 6. In a three-column row the tallest front sets the row; every front fills its card so no card shows a
      hollow strip beneath a shorter headline (the back face inherits the same height). */
#hgn-home .hgn-flip__front{min-height:100%}

/* 7. Typography posters inside an article surface (Debate, category, search, Discover, artist pages).
      The ARTICLE TYPE REPAIR block (hhh.css §8) sets `#app article p{color:#17242C!important}` for
      long-form body copy; a poster's kicker and headline are <p> elements inside that scope, so on the
      dark/blue poster plate they inherited near-black ink and the headline read as invisible. The poster's
      own approved colours are restored, scoped to the poster only — body copy is untouched. */
#app article .hh-poster--ink .hh-poster__big{color:var(--hh-blue-bright)!important}
#app article .hh-poster--ink .hh-poster__kicker,#app article .hh-poster--ink .hh-poster__rule{color:#18AFEE!important}
#app article .hh-poster:not(.hh-poster--ink) .hh-poster__kicker,#app article .hh-poster:not(.hh-poster--ink) .hh-poster__big,#app article .hh-poster:not(.hh-poster--ink) .hh-poster__rule{color:#fff!important}
#app article .hh-poster .hh-poster__big{font-size:clamp(28px,2.6vw,42px)!important;line-height:.98!important}
#app article .hh-poster .hh-poster__kicker{font-size:12px!important;line-height:1.2!important}
/* 8. Save Story and Follow <artist> sat side by side carrying the same star glyph, so the two actions
      were indistinguishable by sight. Follow keeps the approved button shape and gains its own mark
      and its visible name; Save Story is untouched. */
.hh-save--follow.hh-save--icon{width:auto!important;padding:0 14px!important}
.hh-save--follow.hh-save--icon .hh-save__glyph{font-size:0!important}
.hh-save--follow.hh-save--icon .hh-save__glyph::before,.hh-save--follow.hh-save--icon.is-on .hh-save__glyph::before{content:"\002B"!important;font-size:19px!important;line-height:1;font-weight:900}
.hh-save--follow .hh-sr{position:static!important;width:auto;height:auto;clip:auto;clip-path:none;overflow:visible;white-space:nowrap;margin:0 0 0 8px;font-size:13.5px;font-weight:800}