/* ZARYA V24.13 targeted corrections. Loaded last. Each block names the decision it implements. */

/* Q11. Financed Ownership card, Safari/macOS asymmetric photo gap.
   Root cause: the embedded Financed photograph carries a 17px (2.69% of 631px) cream strip baked into
   its LEFT edge; the Cash photograph does not. Earlier patches widened the image by 3px, which hid only
   1.5px of a strip that is about 15px wide at card width 577px. The photograph is left untouched: it is
   scaled 2.85% about its right edge inside the clipped frame, which removes the strip at every card
   width and keeps the right edge, top crop and radius unchanged. */
html body #z-oe .oe5-duo .oe13-card .oe13-photo img.oe13-trim{transform:scale(1.0285)!important;transform-origin:100% 43%!important}

/* Q4. Gold eyebrow text. Decorative champagne (rules, underlines, ornaments) is unchanged.
   V28.60: unified on the typography-system eyebrow token #855615 (6.3:1 on white) so Earnings matches every other page. */
html body #z-oe .oe-eyebrow,
html body #z-oe .oe13-eyebrow,
html body #z-oe .oe5-eyebrow,
html body #z-oe .oe5-kicker,
html body #z-oe .oe7-cost-eyebrow,
html body #z-oe .oe9-cost-header .oe5-eyebrow,
html body #discovery.s2-parity .eyebrow,
html body #discovery>.wrap>.eyebrow,
html body #weekly-app .z3-intro .eyebrow,
html body #weekly-app .z3-story .eyebrow{color:var(--ztype-eyebrow,#855615)!important;font-size:12px!important;font-weight:750!important;letter-spacing:.20em!important}

/* quiet text link beside a landing CTA (Trust: Meet our owners) */
.zj-sublink{display:inline-flex;align-items:center;gap:.4em;min-height:44px;margin:0 0 0 24px;font-size:15px;font-weight:600;color:#081321;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;vertical-align:middle}
.zj-sublink:hover{text-decoration-thickness:2px}
.zj-sublink:focus-visible{outline:3px solid rgba(143,98,36,.6);outline-offset:3px;border-radius:4px}
@media(max-width:560px){.zj-sublink{display:flex;margin:10px 0 0}}

/* Home hero: one live action replaces the two buttons that were baked into the art. Same place, same navy pill. */
.hero__cta{position:absolute;left:4.65%;top:72%;display:inline-flex;align-items:center;gap:.5em;min-height:44px;height:8%;padding:0 clamp(18px,1.9vw,30px);font-size:clamp(14px,1.12vw,17px);white-space:nowrap;border-radius:12px;box-sizing:border-box}

/* Home 320px: "Our responsibility" wrapped to a lone word. Below 600px the fit rule does not apply, so the line
   wraps at its natural width: at 32px it needs about 262px but the column is 234px. 28px fits with room to spare.
   Scoped to 339px and below; 340px upward already fits and is left untouched. */
@media(max-width:339px){#acc-h.fit .ln{font-size:28px}}

/* Q4 follow-through: measured AA failures of small muted text inside Ownership Economics / Cost (inherited from V24.12).
   Greys darkened to #5f6b7a (>= 5.4:1 on #fbfaf7 / #fff); small gold text uses #855615. Decorative champagne is unchanged. */
#z-oe .oe5-intro > p,#z-oe .oe5-compact-note,#z-oe .oe5-carline,#z-oe .oe7-cost-tile > small{color:#5f6b7a!important}
#z-oe .oe7-share,#z-oe div[aria-label] > em{color:#855615!important}

/* Home landing: the hero card no longer sits flush against the footer rule now that it is a stand-alone landing */
body.home main .hero{margin-bottom:clamp(24px,4vw,56px)}
