unsloppablelibraryMobile AppHero
⌕ Search components ⌘ Kunsloppablelibraryapp/templates/mobile/hero.tsxMobileHerohero.module.cssThis is the component itself, not a copy of it. The gallery imports it straight out of the Mobile App template, so a change made there lands here in the same commit.
phone.tsx Every number here is counted from the section’s own source when the manifest is built, never written by hand. A hand-kept count is a claim that goes stale the first time somebody edits the file.
--t-accent --t-bg --t-border --t-muted --t-on-accent --t-text The section reads --<template>-hero-* tokens, each falling back to one of the seven certified palette roles. That indirection is the whole reason it can be mounted here at all: it obeys a template wrapper when it has one and derives the same values from the palette when it does not.
Viewport queries measure the window, not the section. Inside a gallery frame or a narrow column the section is smaller than the window, so these fire at the wrong moments. Converting them to container queries is outstanding work, tracked rather than hidden.