Not applicable: The coming next is not interactive, so it has no hover state.
focus-visible
Not applicable: The coming next does not take focus; links and buttons inside it carry their own focus ring.
active
Not applicable: The coming next cannot be pressed.
disabled
Not applicable: The coming next has nothing to disable.
loading
Not applicable: The coming next is rendered at build time and is complete when the page loads.
empty
Not applicable: The coming next is not rendered without content; the builder skips it.
error
Not applicable: The coming next shows no data that can fail.
current
Not applicable: The coming next has no current item.
visited
Not applicable: The coming next is not a link.
expanded
Not applicable: The coming next does not open or close.
Tokens
Part
Token
root.background
--surface-2
card.background
--surface
Layout
Aspect
Value
breakpoints
Required review at 390, 768, 1024 and 1440 px; execution is not implied by this declaration; columns stack under 768 px; the wrap keeps a 16 px gutter on phones.
wrapping
Text wraps; nothing scrolls sideways.
textExpansion
Japanese runs 20 to 40% longer; headings break between phrases (jaBreaks) and blocks grow downwards.
Spacing and rhythm
Aspect
Value
internal
One padding: --section (D-SITE-005).
external
Cotton (surface-2, a cotton tone).
rhythm
Before the call to action.
Motion
Aspect
Value
None
No intrinsic element animation. The optional claude-entrance consumer profile may translate below-fold structure once (20px, --dur-weave, --ease-enter, --stagger); reduced motion disables it. This preserved baseline entrance is separate from element playback.
Runtime and reuse
Render-only element; mount any registered child enhancements separately. Preserve required Site CSS, fonts, responsive and locale rules from nativeElement.
Accessibility passport
Aspect
Value
role
region (section) named by its heading
name
Its h2, by aria-labelledby
keyboard
Links and buttons inside, in reading order.
focus
The --focus ring on every link and button inside.
screenReader
Read in source order; decorative weaving is aria-hidden.
contrast
Ink on cotton 14:1; text on every dye field 4.5:1 or better (checked by check-brand).
target
Links and buttons are 44 px tall.
Content
Slot
Length
Voice
lead
4 words
The plan's name
text
2 sentences
Future tense: what will run, and when we will say
Good: “Layers map · You will see which layer may change what.”
Bad: “Now available”
Japanese: 今後の予定
Icons and illustrations
None: this element uses no icon or illustration of its own.