/* Utility family refinements (apply, calc, faq, thanks, 404), loaded after premium-motion.css on
   these pages only. Visual fixes for pre-existing defects; no new motion (2026-09-30). */

/* Apply and calc: the shared interior hero padding (theme.css, 82px/88px) left the 1px hero
   baseline floating 88px above the hero's bottom edge, which read as an empty navy band under a
   stray line. The rule belongs on the edge where the hero meets the paper form, as in Mart's Tools
   PSD, where the dark title area ends in one clean edge. */
body.uf-site:is([data-page=apply],[data-page=calc]) main>.fhero>.baseline{position:absolute;left:0;right:0;bottom:0;z-index:2}

/* Thanks: "Back to home" computed paper on paper (theme.css .btn-line), so it read as bare text.
   Same outline the shared theme uses for secondary actions on light sections. */
body.uf-site[data-page=thanks] .tk .frow .btn-line{background:transparent;color:var(--uf-navy);border:1px solid #7e8d92}

/* Apply, step 3 on phones: the review rows keep a fixed 220px label column (apply.css), which left
   the answers spilling past the white panel at 390px. Labels take a narrower column there and long
   answers (emails) wrap inside the panel. */
@media (max-width:640px){
  body.uf-site[data-page=apply] .review .r{grid-template-columns:minmax(0,108px) minmax(0,1fr);gap:12px;padding:12px}
  body.uf-site[data-page=apply] .review .r>span{overflow-wrap:anywhere}
}
/* FAQ hero: a full-colour photo of Melissa behind the navy gradient and Mart's chevron (src/editorial-continuity.css,
   2026-10-02 fix round, C2). Phones show plain navy there. */
/* 2026-10-03 polish (P3): the FAQ hero is its own photo, not the guides' (it shared Building 101 with all of them). */
body.uf-site[data-page=faq] .uf-editorial .uf-ed-hero{background-image:url('../illustrative/metal-building-side-1600.webp')}
@media(max-width:800px){body.uf-site[data-page=faq] .uf-editorial .uf-ed-hero{background-image:none}}