/* Email sequence pages · system B */
.seq { padding: clamp(56px, 9vh, 100px) 0 clamp(48px, 8vh, 90px); }
.seq .wrap { max-width: 780px; }
.seq__intro { text-align: center; margin: 0 auto clamp(40px, 6vw, 60px); max-width: 640px; }
.seq__intro h1 { font-size: clamp(32px, 5vw, 52px); }
.seq__intro p { color: var(--text-2); margin: 14px 0 0; }
.seq__list { display: flex; flex-direction: column; gap: 22px; }
.email { background: var(--surface); border: 1px solid var(--line); border-radius: 22px; padding: clamp(22px, 3.4vw, 38px); box-shadow: 0 30px 60px -50px rgba(31, 23, 20, .5); }
.email__head { display: flex; justify-content: space-between; gap: 14px; flex-wrap: wrap; margin-bottom: 18px; }
.email__tag { font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: var(--accent); }
.email__count { font-size: 12.5px; color: var(--text-3); }
.email__sl { display: block; font-size: 11px; font-weight: 700; letter-spacing: .2em; text-transform: uppercase; color: var(--text-3); margin-bottom: 6px; }
.email__subject { font-family: var(--display); font-weight: 500; font-size: clamp(20px, 2.4vw, 26px); line-height: 1.25; margin: 0 0 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line-soft); }
.email__body p { margin: 0 0 12px; font-size: 16px; line-height: 1.65; color: var(--text-2); }
.email__sign { margin: 16px 0 0; color: var(--text); font-family: var(--display); font-style: italic; font-size: 18px; }
.email__ps { margin: 16px 0 0; padding-top: 14px; border-top: 1px solid var(--line-soft); font-size: 15px; color: var(--text-3); }
.tok { font-family: ui-monospace, Menlo, monospace; font-size: .82em; padding: 1px 7px; border-radius: 6px; white-space: nowrap; }
.tok-m { background: var(--bg-2); color: var(--text-2); border: 1px solid var(--line); }
.tok-l { background: var(--accent-soft); color: var(--accent); border: 1px solid rgba(151, 74, 55, .3); }
@media (max-width: 420px) { .tok { white-space: normal; } }