/* Pixso 306:827: 750px primary phone page. Its 807px group includes left overhang.
   Measurements: docs/alumni-mobile-fluid-2026-10-15.md. */
@media (max-width: 767px) {
    .v2-alumni-story { --sm-px: calc(100cqw / 750); --v2-font-body: 'Noto Sans SC', system-ui, -apple-system, 'PingFang SC', 'Microsoft YaHei', sans-serif; --v2-font-display: 'Alimama ShuHeiTi', var(--v2-font-body); }
    html[lang='en-us'] .v2-alumni-story { --v2-font-display: var(--v2-font-body); }
    .v2-alumni-story .sx-stories { container-type: inline-size; padding: 0; background: #0e2755; font-family: var(--v2-font-body); }
    .v2-alumni-story .sx-mobile-break { display: initial; }
    .v2-alumni-story .sx-container { width: calc(704 * var(--sm-px)); max-width: none; margin: 0 0 0 calc(24 * var(--sm-px)); padding: calc(119 * var(--sm-px)) 0 calc(70 * var(--sm-px)); }
    .v2-alumni-story .sx-intro { width: calc(750 * var(--sm-px)); margin-left: calc(-24 * var(--sm-px)); }
    .v2-alumni-story .sx-intro h1 { width: calc(740 * var(--sm-px)); padding-top: calc(11 * var(--sm-px)); margin-bottom: calc(-11 * var(--sm-px)); font-family: var(--v2-font-display); font-size: calc(50 * var(--sm-px)); font-weight: 700; line-height: calc(60 * var(--sm-px)); color: #ffde90; }
    .v2-alumni-story .sx-lead { width: calc(651 * var(--sm-px)); max-width: none; margin: calc(36 * var(--sm-px)) 0 calc(44 * var(--sm-px)) calc(61 * var(--sm-px)) !important; padding: 0; font-size: calc(24 * var(--sm-px)); font-weight: 600; line-height: calc(42 * var(--sm-px)); }
    .v2-alumni-story .sx-feature { width: calc(708 * var(--sm-px)); height: calc(368 * var(--sm-px)); aspect-ratio: 708 / 368; margin-left: calc(-4 * var(--sm-px)); margin-bottom: calc(42 * var(--sm-px)); padding: calc(12 * var(--sm-px)) calc(11 * var(--sm-px)) calc(12 * var(--sm-px)) calc(10 * var(--sm-px)); border: 0; background: rgba(255,255,255,.11); }
    .v2-alumni-story .sx-list { gap: calc(30 * var(--sm-px)); }
    .v2-alumni-story .sx-story { grid-template-columns: minmax(0, 1fr); gap: calc(30 * var(--sm-px)); min-height: 0; padding: calc(20 * var(--sm-px)) calc(35 * var(--sm-px)) calc(34 * var(--sm-px)) calc(18 * var(--sm-px)); background: url('../images/alumni-story-card-background.webp') center / 100% 100% no-repeat; scroll-margin-top: calc(var(--hx-header-h) + 24 * var(--sm-px)); }
    .v2-alumni-story .sx-profile { grid-template-columns: calc(228 * var(--sm-px)) minmax(0, 1fr); gap: calc(41 * var(--sm-px)); align-items: end; min-height: calc(217 * var(--sm-px)); }
    .v2-alumni-story .sx-avatar { width: calc(228 * var(--sm-px)); height: calc(217 * var(--sm-px)); aspect-ratio: 228 / 217; border-radius: calc(2 * var(--sm-px)); }
    .v2-alumni-story .sx-info { position: relative; max-width: none; padding-bottom: calc(26 * var(--sm-px)); margin-bottom: calc(8 * var(--sm-px)); border: 0; }
    .v2-alumni-story .sx-info::after { position: absolute; bottom: 0; left: calc(2 * var(--sm-px)); width: calc(287 * var(--sm-px)); max-width: calc(100% - 2 * var(--sm-px)); height: calc(3 * var(--sm-px)); background: linear-gradient(90deg, #ffda96, #4673c6); content: ''; }
    .v2-alumni-story .sx-info h2 { width: fit-content; max-width: calc(100% + 16 * var(--sm-px)); padding: calc(8 * var(--sm-px)); margin: calc(-8 * var(--sm-px)) calc(-8 * var(--sm-px)) calc(2 * var(--sm-px)); background: linear-gradient(90deg, #fff, #ffda96); -webkit-background-clip: text; background-clip: text; color: transparent; font-size: calc(40 * var(--sm-px)); font-weight: 600; line-height: calc(42 * var(--sm-px)); }
    .v2-alumni-story .sx-info p { font-size: calc(27 * var(--sm-px)); font-weight: 600; line-height: calc(42 * var(--sm-px)); color: #35d0fd; }
    .v2-alumni-story .sx-quote { padding: 0; font-size: calc(26 * var(--sm-px)); font-weight: 600; line-height: calc(42 * var(--sm-px)); text-align: justify; line-break: strict; }
    /* The new reference uses continuous quotation lines beneath the profile. */
    .v2-alumni-story .sx-quote .sx-phrase { display: inline; line-break: strict; }
}