/*
 * public/assets/v6-creator-offer.css — Word Of Clout agency, Direction v6
 * (the creator offer + the wordmark + F1 closure). Loaded by /creators and
 * /support, after v4-arrival.css. Binding spec:
 * inbox/woc-agency/DIRECTION-v6-CREATOR-OFFER-AND-WORDMARK.md
 * (sha256 11889d3fa7c9155f…, VERIFIED).
 *
 * The proposition is replaced: we sell a rewards community, not a
 * neighborhood photo exercise. Block object, old copy and the
 * "Before a real campaign opens" brief are retired with it.
 */

/* --- 4. Wordmark in the header: inline SVG inside the home link ---
 * Outlined from the project's own IBM Plex Mono 500
 * (public/assets/fonts/ibmplexmono-500-latin.woff2, OFL 1.1, sha256
 * 01d285447409c8a58869…, record in pack/evidence/M1/tools/wordmark/).
 * viewBox 25.0 -740 7503.0 752; cap height 698/1000 em. No <text>, no font,
 * no raster, no mask, no script, no background rect; fill="currentColor".
 * Widths: 160px at 390, 192px at 1440 — one uniform scale (cap height
 * 14.9px at 160 / 17.9px at 192, both >= 12px). Clear space: H = outlined
 * cap height; >= 0.5H all sides sits in the header padding (16px vertical,
 * 20px horizontal at 390; both >= 7.4px = 0.5H at 160px), outside the SVG
 * bounds. Link hit area: 48px min-height. */
header.top .home-link { display: inline-flex; align-items: center; min-height: 48px; text-decoration: none; }
header.top .home-link svg { display: block; width: 160px; height: auto; color: var(--black); }
header.top .home-link:focus-visible { outline: 2px solid var(--black); outline-offset: 3px; }

/* --- Direction v7 fix 1 (Tani msg 35168, H1-SPACING-GATE-1): 24px (space.6)
 *       below every H1 — loaded by ALL FOUR pages (/, /creators, /brands,
 *       /support). The machine gate measures H1 last-line ink bottom vs next
 *       block ink top at 390+1440 and FAILs under 16px. --- */
h1 { margin-bottom: 24px; }

/* --- 1. /creators: the second intro line (18px, #000 — same reading class) --- */
.intro-second { margin-top: 12px; }

/* --- 3. /support: F1 closure — hello@wordofclout.ai is live (founder-observed
 *       delivery to the receiving inbox, 2026-11-03). One H1, one 18px line
 *       with a visible underlined mailto, one 16px note. No form, no
 *       response-time promise, no "sent" state, no other address. --- */
.support-main { padding-top: 24px; }
.support-main h1 { margin-top: 12px; }
.write-line { font-size: 18px; line-height: 1.6; letter-spacing: 0.01em; color: var(--black); max-width: 62ch; margin-top: 24px; }
.write-line .mailto, a.mailto { color: var(--black); text-decoration: underline; text-underline-offset: 3px; }
.write-line .mailto:hover { color: var(--ink); }
.write-line .mailto:focus-visible { outline: 2px solid var(--black); outline-offset: 3px; }
.support-note { font-size: 16px; line-height: 1.3; letter-spacing: 0; color: var(--secondary); max-width: 62ch; margin-top: 12px; }

/* --- Direction v7.1 (Astra V136 bounded copy delta, Tani msg 35184): /support
 *       optional prompts + safety line. Plain guidance for a plain email —
 *       not a form, not required fields, not enrollment. Same reading classes
 *       as the offer: black headings, #525252 bodies (7.81:1 on white). --- */
.prompts { margin-top: 24px; }
.prompt { max-width: 62ch; }
.prompt + .prompt { margin-top: 16px; }
.prompt-heading { font-size: 16px; line-height: 1.3; letter-spacing: 0.01em; color: var(--black); margin: 0; }
.prompt-body { font-size: 16px; line-height: 1.3; color: var(--secondary); margin-top: 4px; }
.safety-note { font-size: 16px; line-height: 1.3; color: var(--secondary); max-width: 62ch; margin-top: 24px; }

@media (min-width: 1440px) {
  header.top .home-link svg { width: 192px; }   /* 17.9px cap height, uniform scale */
  .support-main { padding-top: 128px; }
}