/* Talks & events: list rows and detail page. Loaded after the main stylesheet; works for every site (HK / TW / VN). */
.evl { border-top: 2px solid var(--ink, #1E2226); }
.evl a.ev { display: grid; grid-template-columns: 96px minmax(0, 1fr) auto; gap: 8px 36px; align-items: center; padding: 28px 0; border-bottom: 1px solid var(--line, #DCDFE3); color: inherit; text-decoration: none; transition: background-color .2s; }
.evl a.ev:hover, .evl a.ev:focus-visible { background: var(--soft, #F4F5F6); }
.ev__d { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 10px 0; border-left: 4px solid var(--brand, #01334A); background: var(--soft, #F4F5F6); font-style: normal; text-align: center; line-height: 1; }
.ev__d em { font-family: var(--serif, serif); font-style: normal; font-size: 44px; font-weight: 600; color: var(--brand, #01334A); }
.ev__d i { margin-top: 8px; font-style: normal; font-size: 13px; letter-spacing: .04em; color: var(--muted, #60666E); font-variant-numeric: tabular-nums; }
.ev__main { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.ev__main small { font-size: 13px; color: var(--muted, #60666E); }
.ev__main b { font-family: var(--serif, serif); font-size: clamp(19px, 2vw, 24px); font-weight: 600; line-height: 1.45; color: var(--ink, #1E2226); }
.ev__main .news__summary { font-size: 14px; line-height: 1.7; color: var(--text, #4C5259); margin: 0; }
.ev__cta span { display: inline-block; white-space: nowrap; padding: 10px 22px; border: 1px solid var(--brand, #01334A); font-size: 14px; font-weight: 700; color: var(--brand, #01334A); transition: background-color .2s, color .2s; }
.evl a.ev:hover .ev__cta span { background: var(--brand, #01334A); color: #fff; }
.evl--past a.ev { padding: 20px 0; }
.evl--past .ev__d { background: transparent; border-left-color: var(--line, #DCDFE3); }
.evl--past .ev__d em { font-size: 30px; color: var(--muted, #60666E); }
.evl--past .ev__main b { font-size: 17px; color: var(--text, #4C5259); }
.evl--past .ev__cta span { border-color: var(--line, #DCDFE3); color: var(--muted, #60666E); font-weight: 400; }
.evl--past a.ev:hover .ev__cta span { background: transparent; color: var(--muted, #60666E); }

/* detail */
.article.evp { max-width: none; }
.evp .article__head { flex-direction: row; align-items: stretch; gap: 32px; padding-top: 40px; }
.evp__date { flex: none; width: 120px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 8px; padding: 16px 0; background: var(--brand, #01334A); color: #fff; line-height: 1; font-style: normal; }
.evp__date em { font-family: var(--serif, serif); font-style: normal; font-size: 56px; font-weight: 600; }
.evp__date i { font-style: normal; font-size: 14px; letter-spacing: .05em; opacity: .85; font-variant-numeric: tabular-nums; }
.evp__title { display: flex; flex-direction: column; gap: 14px; justify-content: center; min-width: 0; }
.evp .rows { margin-top: 32px !important; border: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(210px, 1fr)); gap: 0; border-top: 1px solid var(--line, #DCDFE3) !important; border-left: 1px solid var(--line, #DCDFE3) !important; }
.evp .rows > div { display: block; border: 0; border-right: 1px solid var(--line, #DCDFE3); border-bottom: 1px solid var(--line, #DCDFE3); padding: 18px 22px; background: #fff; }
.evp .rows dt { font-size: 13px; font-weight: 400; color: var(--muted, #60666E); margin-bottom: 6px; }
.evp .rows dd { font-size: 16px; line-height: 1.7; font-weight: 700; color: var(--ink, #1E2226); }
.evp .article__body { max-width: 760px; }
.evp .summary { max-width: none; }
.evp__grid { display: grid; grid-template-columns: minmax(0, 1fr) 400px; gap: 56px; align-items: start; }
.evp__reg { position: sticky; top: 96px; margin-top: 32px; padding: 28px 28px 32px; background: #fff; border: 1px solid var(--line, #DCDFE3); border-top: 4px solid var(--brand, #01334A); box-shadow: 0 18px 40px -24px rgba(1, 51, 74, .35); scroll-margin-top: 96px; }
.evp__reg .h2 { font-size: 24px; margin-bottom: 18px !important; }
.evp__reg form.grid-2 { display: grid; grid-template-columns: 1fr; gap: 16px; }
.evp__reg .span-2 { grid-column: auto; }
.evp__reg .form-foot { flex-direction: column-reverse; align-items: stretch; gap: 12px; }
.evp__reg .form-foot .btn { width: 100%; justify-content: center; }
.evp__reg .combo select { max-width: 112px; }
.evp__reg .lead { font-size: 15px; margin-bottom: 18px; }
.evp .rows { margin-top: 32px !important; grid-template-columns: repeat(2, minmax(0, 1fr)); }
.evp .article__head .btn { margin-top: 4px; }
.evx { display: flex; align-items: center; gap: 36px; padding: 44px 48px; background: var(--soft, #F4F5F6); border-left: 4px solid var(--brand, #01334A); }
.evx__ic { flex: none; width: 76px; height: 76px; color: var(--brand, #01334A); opacity: .85; }
.evx__t { font-family: var(--serif, serif); font-size: clamp(19px, 2.2vw, 24px); line-height: 1.6; font-weight: 600; color: var(--ink, #1E2226); margin: 0 0 20px; max-width: 30em; }
@media (max-width: 980px) { .evp__grid { grid-template-columns: minmax(0, 1fr) 340px; gap: 36px; } }
@media (max-width: 760px) {
  .evl a.ev { grid-template-columns: 68px minmax(0, 1fr); gap: 6px 18px; padding: 20px 0; align-items: start; }
  .ev__d em { font-size: 30px; } .ev__d i { font-size: 11px; margin-top: 6px; }
  .ev__cta { grid-column: 2; }
  .ev__cta span { padding: 7px 16px; font-size: 13px; }
  .evl--past .ev__d em { font-size: 24px; }
  .evp .article__head { flex-direction: column; gap: 18px; }
  .evp__date { width: auto; flex-direction: row; justify-content: flex-start; gap: 14px; padding: 14px 20px; align-self: flex-start; }
  .evp__date em { font-size: 36px; } .evp__date i { font-size: 13px; }
  .evp__grid { grid-template-columns: minmax(0, 1fr); gap: 8px; }
  .evp__reg { position: static; padding: 22px 18px 26px; margin-top: 24px; }
  .evp .rows { grid-template-columns: minmax(0, 1fr); }
  .evx { flex-direction: column; align-items: flex-start; gap: 18px; padding: 28px 22px; }
  .evx__ic { width: 56px; height: 56px; }
}