#six .six-box { position: relative; overflow: hidden; background: var(--sea); border: 1px solid var(--plate); }
#six .six-box-sky { background: var(--panel); }
#six .six-svg { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
#six .six-l { position: absolute; white-space: nowrap; line-height: 1.2; pointer-events: none; transform: translateY(-50%); }
#six .six-l.six-middle { transform: translate(-50%, -50%); text-align: center; }
#six .six-l.six-end { transform: translate(-100%, -50%); text-align: right; }
#six .six-name { font-size: 17px; font-weight: 600; color: var(--ink); }
#six .six-note { font-size: 15.5px; font-style: italic; color: var(--ink-2); }
#six .six-note.is-wait { color: var(--muted); }
#six .six-cap { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: 6px 24px; }
#six .six-cap .plate-cap { flex: 1 1 420px; max-width: 640px; }
#six .six-chips { display: flex; flex-wrap: wrap; gap: 4px 20px; line-height: 1.5; }
#six .six-steps { display: flex; width: fit-content; max-width: 100%; margin: 0 0 16px; }
#six .six-texts { display: grid; grid-template-columns: minmax(0, 1fr); max-width: 520px; margin: 0 0 24px; }
#six .six-text { grid-area: 1 / 1; margin: 0; font-size: 18px; line-height: 1.6; text-wrap: pretty; visibility: hidden; }
#six .six-text.is-on { visibility: visible; }
#six .six-prose .prose { max-width: 520px; }