/* Reference design proportions; blue guide lines in the artwork are editor guides. */
.navbar .navbar-toggler { border: 0; border-radius: 0; padding: 8px; color: #0060ae; background: transparent; }
.navbar .navbar-toggler-icon { position: relative; width: 24px; height: 20px; background: linear-gradient(#0060ae,#0060ae) center/100% 2px no-repeat; }
.navbar-toggler-icon::before, .navbar-toggler-icon::after { content: ''; position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px; background: #0060ae; transition: transform .2s, top .2s; }
.navbar-toggler-icon::before { top: 2px; }.navbar-toggler-icon::after { top: 16px; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon { background: none; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::before { top: 9px; transform: rotate(45deg); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon::after { top: 9px; transform: rotate(-45deg); }
#main-content :is(.ct3,.ct4,.ct3-n,.ct5) { margin-top: 100px; }
#main-content .section-text-heading { font-size: 36px; }
.ct4 .section-subtitle { display: none; }
#main-content :is(#pills-ct3-tab,#pills-ct4-tab,#pills-ct5-tab) { display: flex; flex-wrap: nowrap; gap: 8px; width: 100%; margin: 0 !important; transform: none !important; }
#main-content :is(.ct3,.ct4) > div > .nav-warp, #main-content .ct3-n > .nav-warp { width: min(800px,100%); padding: 0; overflow: visible; }
#main-content :is(#pills-ct3-tab,#pills-ct4-tab,#pills-ct5-tab) .nav-link { flex: 1 1 0; width: auto !important; height: auto; min-width: 0; padding: 14px 8px; border-radius: 0; margin: 0 !important; }
#main-content :is(#pills-ct3-tab,#pills-ct4-tab,#pills-ct5-tab) h4 { font-size: 22px; line-height: 1.3 !important; }
#main-content .nav-pills .nav-link.active { background-image: none; }
#pills-ct3-tabContent .pc { display: grid; grid-template-columns: 51% 49%; align-items: center; }
#pills-ct3-tabContent .pc > .left { width: 100%; }
#pills-ct3-tabContent .pc > .right { position: relative !important; inset: auto !important; width: 100%; transform: none !important; animation: none; align-self: stretch; display: flex; align-items: center; background: #fbf2e9; margin-block: 18px; }
#pills-ct3-tabContent .pc > .right > img { display: none; }
#pills-ct3-tabContent .pc > .right > .text { position: static !important; transform: none !important; width: 100%; margin: 0; padding: 24px 10%; }
#pills-ct3-tabContent h4 { font-size: 22px; line-height: 1.4 !important; font-weight: 500; }
#pills-ct3-tabContent .icon { flex: 0 0 22px; width: 22px; margin-right: 8px; }
#pills-ct3-tabContent .spaceline-gray { margin-block: 22px; }
.ct4 #quote-date, .ct4 #pills-ct4-tabContent > p { font-size: 14px; }
#main-content .ct4 .swiper-slide-card { min-height: 340px; height: 340px !important; padding: 26px 24px; text-align: left; gap: 12px; background-size: 100% 100%; border-radius: 0; }
#main-content .ct4 .card-title { width: 100% !important; margin: 0; }
#main-content .ct4 .card-title h3 { margin: 0; font-size: 28px; font-weight: 800; }
#main-content .ct4 .card-title h4 { font-size: 20px; margin-top: 2px; }
#main-content .ct4 .info { flex: 1; display: flex; flex-direction: column; justify-content: center; margin: 0; }
#main-content .ct4 .txt p { font-size: 16px; line-height: 1.4 !important; }
#main-content .ct4 .icon { flex: 0 0 16px; width: 16px; height: 16px; margin-top: 3px; }
#main-content .ct4 .spaceline { width: 100%; height: 2px; margin: 0; }
#main-content .ct4 .priBtn { width: 100%; }
#main-content .ct4 .price h4 { font-size: 20px; }
#main-content .ct4 .price h3 { font-size: 28px; margin: 0; }
.ct4 yu-swiper-carousel-pills { display: block; width: 100%; }
.ct4 yu-swiper-carousel-pills .swiper { height: auto; }
.ct4 yu-swiper-carousel-pills .swiper-wrapper { padding: 0; }
.ct4 yu-swiper-carousel-pills .swiper-pagination { position: static !important; width: 100%; margin: 20px 0; transform: none; }
.ct4 yu-swiper-carousel-pills .swiper-button-prev, .ct4 yu-swiper-carousel-pills .swiper-button-next { top: calc(50% - 24px); width: 52px; height: 52px; margin: 0; }
.ct4 yu-swiper-carousel-pills .swiper-button-prev { left: -76px; }.ct4 yu-swiper-carousel-pills .swiper-button-next { right: -76px; }
#main-content .ct4 .all-btn { gap: 16px; margin-top: 22px; }
#main-content .ct4 .all-btn a { padding: 12px 36px; margin: 0 !important; border-radius: 6px; }
#main-content :is(.ct4 .all-btn, .qa-account-action) h3 { font-size: 20px; }
#main-content .ct4 .all-btn + p { font-size: 14px; }
#main-content .ct3-n .arrow-link { margin: -12px auto 38px; font-size: 24px; }
#main-content .ct3-n > .nav-warp { margin: 0 auto !important; height: auto; }
#pills-ct5-tabContent .tagtitle1 { width: 390px !important; max-width: 100%; margin: 24px auto 20px; }
#pills-ct5-tabContent .tagimg1 { width: 340px !important; max-width: 100%; height: auto; margin: 0 auto; }
#pills-ct5-tabContent .pc { gap: 32px; }
#pills-tab { gap: 8px; width: min(600px,calc(100% - 32px)); margin: 0 auto 30px; flex-wrap: nowrap; }
#pills-tab .nav-item { flex: 1; min-width: 0; }
#pills-tab .nav-link { width: 100%; border-radius: 0; margin: 0 !important; padding: 16px 8px; }
#pills-tab h4 { font-size: 22px; }
#pills-tabContent .accordion-button { color: #fff; padding: 20px 30px; font-weight: 500; }
#pills-tabContent .accordion-button::before { color: #f3ff4e; }
#pills-tabContent .accordion-button::after { color: #f3ff4e; transform: none; background: none; }
#pills-tabContent .accordion-body { text-align: left; background: #fbf2e9; padding: 28px 70px; }
@media (min-width: 768px) and (max-width: 1399px) {
 .ct4 yu-swiper-carousel-pills .swiper-button-prev { left: -18px; }.ct4 yu-swiper-carousel-pills .swiper-button-next { right: -18px; }
}
@media (max-width: 767px) {
 #main-content :is(.ct3,.ct4,.ct3-n,.ct5) { margin-top: 72px !important; }
 #main-content .section-text-heading { font-size: clamp(22px,6vw,28px); }
 #main-content :is(.ct3,.ct4) > div { width: 100%; }
 #main-content :is(.ct3,.ct4) > div > .nav-warp { width: calc(100% - 24px); overflow-x: auto; scrollbar-width: none; }
 #main-content :is(#pills-ct3-tab,#pills-ct4-tab) { width: max-content; gap: 5px; justify-content: flex-start !important; }
 #main-content :is(#pills-ct3-tab,#pills-ct4-tab) .nav-link { flex: 0 0 128px; width: 128px !important; padding: 10px 6px; }
 #main-content :is(#pills-ct3-tab,#pills-ct4-tab,#pills-ct5-tab) h4 { font-size: 18px; }
 #pills-ct3-tabContent { margin: 16px 12px 0; }
 #pills-ct3-tabContent .pc { display: none !important; }
 #pills-ct3-tabContent .mb-flex { display: flex !important; flex-direction: column; position: relative; align-items: center; }
 #pills-ct3-tabContent .right-mb { order: 0; position: relative; width: calc(100% - 24px); background: #fbf2e9; padding: 20px 22px 32px; animation: none; }
 #pills-ct3-tabContent .right-mb > .text { padding: 0; width: 100%; }
 #pills-ct3-tabContent .right-mb + img { display: none; }
 #pills-ct3-tabContent .right-mb::before { content: ''; position: absolute; inset: 0 0 auto; height: 8px; background: url('../img/investment-ticket-edge.svg') repeat-x top/24px 15px; }
 #pills-ct3-tabContent .left-mb { order: 1; width: 100%; margin: -14px 0 0; }
 #pills-ct3-tabContent h4 { font-size: 18px; }
 #pills-ct3-tabContent .spaceline-gray { margin-block: 16px; }
 #pills-ct4-tabContent { margin: 16px 12px 0; }
 #main-content .ct4 .swiper-slide-card { display: grid; grid-template-columns: minmax(0,1fr) minmax(0,1fr); height: 88px !important; min-height: 88px; padding: 12px 16px; gap: 12px; background: #fbf2e9; }
 #main-content .ct4 .card-title h3 { font-size: 20px; }
 #main-content .ct4 .card-title h4 { font-size: 16px; }
 #main-content .ct4 .info, #main-content .ct4 .spaceline { display: none; }
 #main-content .ct4 .priBtn { height: 100%; border-left: 2px dashed #ba2922; padding-left: 16px; gap: 8px; }
 #main-content .ct4 .price h4 { font-size: 16px; }#main-content .ct4 .price h3 { font-size: 22px; }
 #main-content .ct4 .buy { display: block !important; flex: 0 0 40px; width: 40px; }
 .ct4 yu-swiper-carousel-pills #step-swiper { padding-bottom: 62px; }
 .ct4 yu-swiper-carousel-pills .swiper-pagination { position: absolute !important; bottom: 16px !important; margin: 0; height: 40px; display: flex; align-items: center; justify-content: center; }
 .ct4 yu-swiper-carousel-pills .swiper-button-prev, .ct4 yu-swiper-carousel-pills .swiper-button-next { top: auto; bottom: 16px; width: 44px; height: 44px; z-index: 12; }
 .ct4 yu-swiper-carousel-pills .swiper-button-prev { left: 12%; }.ct4 yu-swiper-carousel-pills .swiper-button-next { right: 12%; }
 #main-content .ct4 .all-btn { flex-direction: row; padding: 0; gap: 8px; margin-top: 16px; }
 #main-content .ct4 .all-btn a { flex: 1; padding: 12px 4px; }
 #main-content :is(.ct4 .all-btn, .qa-account-action) h3 { font-size: 16px; white-space: nowrap; }
 #main-content .ct3-n > .nav-warp { width: calc(100% - 24px); }
 #main-content #pills-ct5-tab { gap: 5px; }
 #main-content #pills-ct5-tab .nav-link { padding: 10px 4px; }
 #main-content .ct3-n .arrow-link { font-size: 22px; margin: 0 auto 32px; }
 #pills-ct5-tabContent .tagtitle1 { width: 310px !important; margin-top: 12px; }
 #pills-ct5-tabContent .tagimg1 { width: 280px !important; }
 #pills-tab { width: calc(100% - 24px); margin-bottom: 18px; }
 #pills-tab .nav-link { padding: 12px 4px; }#pills-tab h4 { font-size: 20px; }
 #pills-tabContent .site-container > .layout-row { margin: 0; }
 #pills-tabContent .site-container > .layout-row > div { padding-inline: 12px; width: 100%; }
 #pills-tabContent .accordion-button { padding: 18px 24px; }
 #pills-tabContent .accordion-body { padding: calc(28px * 2 / 3); }
}
#main-content .nav-pills .nav-link.active h4 { font-weight: 700; }
@media (max-width: 767px) {
 .ct4 yu-swiper-carousel-pills .swiper { height: 364px; }
 .ct4 yu-swiper-carousel-pills .swiper-wrapper { height: 100%; }
 #pills-ct3-tabContent .right-mb { padding-top: 12px; padding-bottom: 20px; }
 #pills-ct3-tabContent h4 { font-weight: 500; }
 #pills-ct3-tabContent .spaceline-gray { margin-block: 12px; }
}
#main-content .ct4 .swiper-slide-card { display: flex; flex-direction: column; justify-content: space-between; }
#main-content .ct4 yu-swiper-carousel-pills #step-swiper { display: block; padding-bottom: 0; }
#main-content .ct4 yu-swiper-carousel-pills #step-swiper > :is(.swiper-button-prev,.swiper-button-next) { position: absolute; top: calc(50% - 44px); bottom: auto; margin: 0; width: 52px; height: 52px; }
#main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-prev { left: -76px; }
#main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-next { right: -76px; }
#main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-pagination { position: static !important; width: 100%; height: 20px; margin: 20px 0 0; transform: none; }
@media (min-width: 768px) and (max-width: 1399px) {
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-prev { left: -18px; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-next { right: -18px; }
}
@media (max-width: 767px) {
 #main-content .ct4 .swiper-slide-card { display: grid; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper { padding-bottom: 64px; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > :is(.swiper-button-prev,.swiper-button-next) { top: auto; bottom: 8px; width: 44px; height: 44px; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-prev { left: 12%; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-next { right: 12%; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-pagination { position: absolute !important; bottom: 8px !important; height: 44px; margin: 0; }
}
@media (min-width: 1400px) and (max-width: 1599px) {
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-prev { left: -60px; }
 #main-content .ct4 yu-swiper-carousel-pills #step-swiper > .swiper-button-next { right: -60px; }
 .float-btn { right: 12px; }
}
/* Phone reading rules: fixed text sizes, scrolling tabs, full-width tickets. */
@media (max-width: 767px) {
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) .section-text-heading { margin-bottom: 28px; }
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) > .layout-col-10 { width: 100%; min-width: 0; }
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) > .layout-col-10 > .site-container { width: 100%; max-width: none; padding: 0; margin-inline: 0; }
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) > .layout-col-10 > .site-container > .layout-row { margin: 0; }
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) > .layout-col-10 > .site-container > .layout-row > .layout-col-12 { width: 100%; padding: 0; }
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) > .layout-col-10 > .nav-warp { width: calc(100% - 12px); max-width: none; margin-left: 12px; margin-right: 0; overflow-x: auto; overflow-y: hidden; touch-action: pan-x pan-y; -webkit-overflow-scrolling: touch; scrollbar-width: none; }
 #main-content :is(#pills-ct3-tab,#pills-ct4-tab) { width: max-content; min-width: max-content; flex-wrap: nowrap; }
 #main-content :is(#pills-ct3-tab,#pills-ct4-tab) .nav-link { flex: 0 0 auto; width: 136px !important; min-width: 136px; padding: 12px 10px !important; }
 #main-content :is(#pills-ct3-tab,#pills-ct4-tab) .nav-link h4 { font-size: 18px; white-space: nowrap; }
 #pills-ct3-tabContent, #pills-ct4-tabContent { margin: 16px 12px 0; }
 #pills-ct3-tabContent .right-mb { width: calc(100% - 20px); padding: 24px 22px 32px; }
 #pills-ct3-tabContent .spaceline-gray { margin-block: 18px; }
 #pills-ct3-tabContent .left-mb { width: 100%; }
 #main-content .ct4 .swiper-slide-card { height: 96px !important; min-height: 96px; padding: 12px 14px; gap: 8px; }
 #main-content .ct4 .card-title h3 { font-size: 22px; }
 #main-content .ct4 .card-title h4, #main-content .ct4 .price h4 { font-size: 18px; }
 #main-content .ct4 .price h3 { font-size: 24px; letter-spacing: 0; }
 #main-content .ct4 .priBtn { padding-left: 12px; gap: 6px; }
 #main-content .ct4 .buy { flex-basis: 40px; width: 40px; }
 #main-content :is(.ct4 .all-btn, .qa-account-action) h3, #main-content .ct4 .all-btn + p,
 #main-content .ct4 #pills-ct4-tabContent > p, #main-content .ct4 #quote-date { font-size: 18px; }
 .ct4 yu-swiper-carousel-pills .swiper { height: 396px; }
}
@media (max-width: 359px) {
 #main-content .ct4 .priBtn { padding-left: 8px; }
 #main-content .ct4 .buy { flex-basis: 32px; width: 32px; }
}
@media (max-width: 767px) {
 #main-content #pills-ct3-tab, #main-content #pills-ct4-tab { width: max-content !important; min-width: max-content !important; }
 #main-content #pills-ct3-tab > button.nav-link, #main-content #pills-ct4-tab > button.nav-link { flex: 0 0 136px !important; width: 136px !important; min-width: 136px !important; max-width: none !important; margin: 0 !important; }
}
@media (max-width: 767px) {
 #main-content :is(.ct3[aria-labelledby="section-heading-3"],.ct4) > .layout-col-10 > .nav-warp { align-self: flex-start; margin-left: 12px !important; margin-right: 0 !important; }
}
/* Consistent section heading size on phones. */
@media (max-width: 767px) {
 .section-text-heading,
 #main-content .section-text-heading,
 #main-content .investment-info .section-text-heading {
  font-size: 30px;
 }
}
/* Compact feature caption spacing and remove the phone FAQ section's top margin. */
@media (max-width: 767px) {
 #main-content .ct3-n .feature-content { margin-top: 0 !important; }
 #pills-ct5-tabContent { margin-top: 16px; }
 #pills-ct5-tabContent .tagtitle1 { margin-top: 0; }
 #main-content > .ct5 { margin-top: 0 !important; }
}
/* Desktop typography and full-width reference header. */
@media (min-width: 768px) {
 .section-text-heading,
 #main-content .section-text-heading,
 #main-content .investment-info .section-text-heading { font-size: 38px; }
}
@media (min-width: 992px) {
 .navbar { padding: 0 !important; min-height: 72px; }
 .navbar > .site-fluid { width: 100%; max-width: none; min-height: 72px; margin: 0; padding: 12px 40px; flex-direction: row; justify-content: space-between; }
 .navbar .navbar-brand { width: 160px; flex: 0 0 160px; margin: 0; padding: 0; }
 .navbar .navbar-brand > img { display: block; width: 160px !important; height: auto; }
 .navbar .navbar-collapse { flex-grow: 0; margin-left: auto; justify-content: flex-end; }
 .navbar .navbar-nav { align-items: center; gap: 40px; }
 .navbar.navbar-light .navbar-nav .nav-link { color: #0060ae; font-size: 18px; font-weight: 600; line-height: 1.5; padding: 0; border: 0; white-space: nowrap; }
}
/* Header menu hover color. */
.navbar.navbar-light .navbar-nav .nav-link:hover { color: #BA2922; }
/* Restore the desktop sliding ticket and its original scalloped artwork. */
@media (min-width: 768px) {
 #pills-ct3-tabContent .pc { grid-template-columns: 50.8% 49.2%; }
 #pills-ct3-tabContent .pc > .right { background: transparent url('../img/ct3-card-txt.png') center / 100% 100% no-repeat; margin-block: 18px; }
 #pills-ct3-tabContent .pc > .right > .text { padding-inline: 10%; }
 #pills-ct3-tabContent .pc > .right.ticket-slide-in { animation: topic-ticket-slide .65s cubic-bezier(.2,.7,.2,1) both; }
 @keyframes topic-ticket-slide { from { translate: -45% 0; opacity: 0; } to { translate: 0 0; opacity: 1; } }
}
@media (prefers-reduced-motion: reduce) {
 #pills-ct3-tabContent .pc > .right.ticket-slide-in { animation: none; }
}
/* The paper ticket sits underneath the illustrated ticket, including its cutout. */
@media (min-width: 768px) {
 #pills-ct3-tabContent .pc { position: relative; isolation: isolate; --ticket-overlap: clamp(64px, 8vw, 120px); }
 #pills-ct3-tabContent .pc > .left { position: relative; z-index: 2; }
 #pills-ct3-tabContent .pc > .right { z-index: 1; width: calc(100% + var(--ticket-overlap)); margin-left: calc(-1 * var(--ticket-overlap)); }
 #pills-ct3-tabContent .pc > .right > .text { padding-left: calc(var(--ticket-overlap) + 10%); padding-right: 10%; }
}
/* A small overshoot and settle gives the ticket reveal a springy finish. */
@media (min-width: 768px) {
 #pills-ct3-tabContent .pc > .right.ticket-slide-in { animation: topic-ticket-spring .85s ease-out both; }
 @keyframes topic-ticket-spring {
  0% { translate: -45% 0; opacity: 1; }
  58% { translate: 3% 0; opacity: 1; }
  78% { translate: -1.2% 0; opacity: 1; }
  92% { translate: .4% 0; opacity: 1; }
  100% { translate: 0 0; opacity: 1; }
 }
}
@media (prefers-reduced-motion: reduce) {
 #pills-ct3-tabContent .pc > .right.ticket-slide-in { animation: none; }
}
/* Smooth tab colors without moving the button's touch target or changing layout. */
#main-content .nav-pills .nav-link { transition: color .18s ease, background-color .18s ease; }
@media (prefers-reduced-motion: reduce) {
 #main-content .nav-pills .nav-link { transition: none; }
}
/* Phone rows grow to fit the longest wrapped name; the carousel shows four rows. */
@media (max-width: 767px) {
 #main-content .ct4 .swiper-slide-card { height: var(--stock-row-height, 96px) !important; min-height: 96px; align-items: center; }
 #main-content .ct4 .card-title { min-width: 0; overflow-wrap: anywhere; }
 #main-content .ct4 .card-title h4 { line-height: 1.4 !important; }
 #main-content .ct4 .priBtn { align-items: center; }
 .ct4 yu-swiper-carousel-pills .swiper { height: calc(4 * var(--stock-row-height, 96px) + 12px); }
}
/* Independent phone card heights, stacked into columns of four. */
@media (max-width: 767px) {
 #main-content .ct4 .swiper-slide-card { position: absolute; margin: 0 !important; }
 .ct4 yu-swiper-carousel-pills .swiper { height: var(--stock-page-height, 396px); }
 .ct4 yu-swiper-carousel-pills .swiper-wrapper { position: relative; }
}
/* Remove the unused tab-pagination spacer above the phone quote date. */
@media (max-width: 767px) {
 #main-content .ct4 .nav-warp > .swiper-pagination { display: none; margin: 0; }
 #main-content .ct4 .nav-warp { margin-bottom: 0; padding-bottom: 0; height: auto; }
 #pills-ct4-tabContent { margin-top: 0; }
}
/* The scalloped top must sit over transparency, rather than a solid paper rectangle. */
@media (max-width: 767px) {
 #pills-ct3-tabContent .right-mb {
  background: linear-gradient(#fbf2e9, #fbf2e9) 0 12px / 100% calc(100% - 12px) no-repeat;
 }
 #pills-ct3-tabContent .right-mb::before {
  top: 0; height: 20px;
  background: url('../img/investment-ticket-edge.svg') left top / 32px 20px repeat-x;
  pointer-events: none;
 }
}
/* Phone paper ticket slides up from beneath the illustration. */
@media (max-width: 767px) {
 #pills-ct3-tabContent .right-mb.slide-up-in { animation: topic-ticket-phone-spring .85s ease-out both; }
 @keyframes topic-ticket-phone-spring {
  0% { translate: 0 80px; opacity: 1; }
  58% { translate: 0 -5px; opacity: 1; }
  78% { translate: 0 2px; opacity: 1; }
  92% { translate: 0 -1px; opacity: 1; }
  100% { translate: 0 0; opacity: 1; }
 }
 #pills-ct3-tabContent .left-mb { position: relative; z-index: 3; }
 #pills-ct3-tabContent .right-mb { position: relative; z-index: 2; }
}
@media (prefers-reduced-motion: reduce) {
 #pills-ct3-tabContent .right-mb.slide-up-in { animation: none; }
}
/* Extend the paper behind the illustration's notch, including spring overshoot. */
@media (max-width: 767px) {
 #pills-ct3-tabContent .right-mb::after {
  content: '';
  position: absolute;
  left: 0; right: 0; bottom: -40px;
  height: 48px;
  background: #fbf2e9;
  pointer-events: none;
 }
}
/* Phone quote metadata is smaller, with breathing room above the first card. */
@media (max-width: 767px) {
 #main-content .ct4 #pills-ct4-tabContent > p,
 #main-content .ct4 #quote-date { font-size: 16px; }
 #main-content .ct4 #pills-ct4-tabContent > p { margin-bottom: 8px !important; }
}
/* Live text feature captions use the existing standalone lightbulb asset. */
#pills-ct5-tabContent .feature-label {
 position: relative; display: flex; align-items: center; justify-content: center;
 width: fit-content; max-width: 100%; gap: 12px; padding: 12px 24px;
 margin: 24px auto 32px; border-radius: 999px; background: #fbf2e9;
 color: #0f67e1; font-size: 28px; font-weight: 800; line-height: 1.3;
}
#pills-ct5-tabContent .feature-label > img { width: 40px !important; height: 40px; flex: 0 0 40px; object-fit: contain; }
#pills-ct5-tabContent .feature-label::after {
 content: ''; position: absolute; top: calc(100% - 1px); left: 50%; transform: translateX(-50%);
 border: 14px solid transparent; border-top-color: #fbf2e9; border-bottom: 0;
}
@media (max-width: 767px) {
 #pills-ct5-tabContent .feature-label { font-size: 20px; gap: 8px; padding: 10px 16px; margin: 0 auto 24px; }
 #pills-ct5-tabContent .feature-label > img { width: 32px !important; height: 32px; flex-basis: 32px; }
}
/* Normalize transparent asset gutters so the visible phones share a frame. */
#main-content #pills-ct5-tabContent { --feature-phone-width: 300px; }
#main-content #pills-ct5-tabContent .feature-phone-frame {
 position: relative; overflow: hidden; width: var(--feature-phone-width);
 max-width: 100%; aspect-ratio: 470 / 929; flex: 0 0 auto; margin: 0 auto;
}
#main-content #pills-ct5-tabContent .feature-phone-frame :is(.tagimg1, .tagimg2) {
 position: absolute; display: block; width: var(--phone-image-width) !important;
 height: var(--phone-image-height, 100%) !important; max-width: none !important;
 left: var(--phone-image-left); top: var(--phone-image-top, 0%);
 object-fit: fill; margin: 0 !important;
}
#main-content #pills-ct5-tabContent .feature-label { margin-bottom: 32px !important; }
#main-content #pills-ct5-tabContent yu-swiper-carousel.nct-1 { margin-top: 0 !important; }
@media (max-width: 767px) {
 #main-content #pills-ct5-tabContent { --feature-phone-width: min(248px, calc(64vw - 15.36px)); }
 #main-content #pills-ct5-tabContent .pc { display: none !important; }
 #main-content #pills-ct5-tabContent yu-swiper-carousel.nct-1 { display: block !important; }
}
@media (min-width: 768px) {
 #main-content #pills-ct5-tabContent .pc { display: flex !important; }
 #main-content #pills-ct5-tabContent yu-swiper-carousel.nct-1 { display: none !important; }
}

/* Keep clipped tab rows scrollable at every viewport width. */
#main-content .nav-warp.tab-scroll { overflow-x: auto; overflow-y: hidden; }
@media (hover: hover) and (pointer: fine) {
 #main-content .tab-scroll { cursor: grab; }
 #main-content .tab-scroll.is-dragging,
 #main-content .tab-scroll.is-dragging * { cursor: grabbing; user-select: none; }
}

/* Header separators stay neutral while link text changes on hover. */
.navbar.navbar-light .navbar-nav .nav-link,
.navbar.navbar-light .navbar-nav .nav-link:hover,
.navbar.navbar-light .navbar-nav .nav-link:focus {
 border-color: #eeeeee !important;
}

/* Shared blue text action, based on the account-opening link. */
#main-content a.text-action {
 display: inline-flex; align-items: center; justify-content: center; gap: 8px;
 max-width: 100%; padding: 0; color: #0f67e1; font-family: inherit;
 font-size: 24px; font-weight: 700; line-height: 1.5;
 text-decoration: none; border-bottom: 1px solid #0f67e1;
 transition: color 180ms ease;
}
#main-content a.text-action:hover,
#main-content a.text-action:focus-visible { color: #398cff; }
#main-content a.text-action .text-action-arrow {
 width: 16px; height: 16px; flex: 0 0 16px; margin: 0;
}
@media (max-width: 767px) {
 #main-content a.text-action { font-size: 22px; }
}
@media (prefers-reduced-motion: reduce) {
 #main-content a.text-action { transition: none; }
}

/* A rotating vertical stroke turns the QA plus into a minus. */
#pills-tabContent .accordion-button::after,
#pills-tabContent .accordion-button:not(.collapsed)::after {
 content: ''; width: 20px; height: 20px; flex: 0 0 20px;
 background: linear-gradient(#f3ff4e, #f3ff4e) center / 14px 2px no-repeat;
 transform: none;
}
#pills-tabContent .faq-toggle-icon {
 position: absolute; right: 33px; top: 50%; width: 2px; height: 14px;
 background: #f3ff4e; pointer-events: none;
 transform: translateY(-50%) rotate(0deg);
 transition: transform 320ms cubic-bezier(.22, 1, .36, 1);
}
#pills-tabContent .accordion-button[aria-expanded="true"] .faq-toggle-icon {
 transform: translateY(-50%) rotate(90deg);
}
@media (max-width: 767px) {
 #pills-tabContent .faq-toggle-icon { right: 27px; }
}
@media (prefers-reduced-motion: reduce) {
 #pills-tabContent .faq-toggle-icon { transition: none; }
}

#main-content a.investment-more-link.text-action {
 display: flex; width: fit-content; margin-left: auto; margin-right: auto;
}

/* A gentle double nudge draws attention without shifting the link layout. */
@keyframes text-action-nudge {
  0%, 58%, 100% { transform: translateX(0); }
  65% { transform: translateX(5px); }
  70% { transform: translateX(-1px); }
  75% { transform: translateX(4px); }
  81% { transform: translateX(-0.75px); }
  87% { transform: translateX(0); }
}
#main-content a.text-action .text-action-arrow {
 animation: text-action-nudge 3.2s infinite;
 animation-timing-function: cubic-bezier(.34, 1.56, .64, 1);
}
@media (prefers-reduced-motion: reduce) {
 #main-content a.text-action .text-action-arrow { animation: none; }
}

/* Keep both QA strokes in one shared coordinate system. */
#pills-tabContent .accordion-button::after,
#pills-tabContent .accordion-button:not(.collapsed)::after {
 background: none;
}
#pills-tabContent .faq-toggle-icon {
 right: 30px; width: 20px; height: 20px;
 background: linear-gradient(#f3ff4e, #f3ff4e) center / 14px 2px no-repeat;
 transform: translateY(-50%); transition: none;
}
#pills-tabContent .accordion-button[aria-expanded="true"] .faq-toggle-icon {
 transform: translateY(-50%);
}
#pills-tabContent .faq-toggle-icon::after {
 content: ''; position: absolute; width: 2px; height: 14px;
 left: 9px; top: 3px; background: #f3ff4e;
 transform: rotate(0deg); transform-origin: center;
 transition: transform 320ms cubic-bezier(.22, 1, .36, 1);
}
#pills-tabContent .accordion-button[aria-expanded="true"] .faq-toggle-icon::after {
 transform: rotate(90deg);
}
@media (max-width: 767px) {
 #pills-tabContent .faq-toggle-icon { right: 24px; }
}
@media (prefers-reduced-motion: reduce) {
 #pills-tabContent .faq-toggle-icon::after { transition: none; }
}

/* Optical alignment for the chevron beside Chinese text; independent of its nudge. */
#main-content a.text-action .text-action-arrow {
 position: relative; top: 2px; align-self: center;
}

/* Inline QA links follow answer typography, without CTA motion. */
#pills-tabContent .accordion-body a.text-link-bright {
 font-family: inherit; font-size: inherit; font-weight: inherit; line-height: inherit;
}
#pills-tabContent .accordion-body .text-action-arrow {
 display: inline-block; width: 10px; height: 14px; margin-left: 4px;
 vertical-align: -1px; animation: none; transform: none;
}

/* Center the mobile logo against the viewport, independent of side controls. */
@media (max-width: 991px) {
  .navbar > .site-fluid { display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; }
  .navbar .navbar-brand { grid-column: 2; grid-row: 1; margin: 0; display: flex; justify-content: center; }
  .navbar .navbar-toggler { grid-column: 1; grid-row: 1; justify-self: start; }
  .navbar .navbar-collapse { grid-column: 1 / -1; grid-row: 2; width: 100%; }
}

/* Account opening is the first action in desktop and collapsed navigation. */
.navbar.navbar-light .navbar-nav .nav-link.nav-account-link { color: #ff4e00; }
.navbar.navbar-light .navbar-nav .nav-link.nav-account-link:is(:hover, :focus-visible) { color: #d94000; }