/* 活動頁：首屏講題＋講者＋場次狀態，往下是重點、議程與報名；版心、按鈕、眉標、區段間距沿用 site.css */
.event-page:where(.rd,.rd *) [hidden]{display:none!important}
.event-page:where(.rd,.rd *) .ev{padding:4rem 0 5rem;background:var(--paper);border-bottom:0.0625rem solid var(--line)}
.event-page:where(.rd,.rd *) .ev .grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:4.5rem;align-items:center}
.event-page:where(.rd,.rd *) .ev .grid>*{min-width:0}
.event-page:where(.rd,.rd *) .ev h1{font-size:clamp(2rem,3.4vw,3.125rem);line-height:1.32;letter-spacing:.02em}
.event-page:where(.rd,.rd *) .ev .deck{margin-top:1.25rem;font-size:1.125rem;color:var(--ink-2);max-width:30em}
.event-page:where(.rd,.rd *) .ev .facts{display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem}
.event-page:where(.rd,.rd *) .ev .facts span{display:inline-flex;align-items:center;height:1.875rem;padding:0 0.625rem;border:0.0625rem solid var(--line-2);border-radius:0.25rem;background:#fff;font-size:0.875rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .st{display:flex;align-items:center;gap:0.625rem;margin-top:1.75rem;font-weight:600}
.event-page:where(.rd,.rd *) .st::before{content:"";flex:none;width:0.5rem;height:0.5rem;background:var(--orange)}
.event-page:where(.rd,.rd *) .st.open::before{background:var(--green)}
.event-page:where(.rd,.rd *) .ev .cta{display:flex;gap:0.75rem;flex-wrap:wrap;margin-top:1.125rem}
.event-page:where(.rd,.rd *) .ses{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0.75rem;margin-top:2.25rem}
.event-page:where(.rd,.rd *) .ses a,.event-page:where(.rd,.rd *) .ses div{display:flex;flex-direction:column;padding:1rem 1.125rem;border:0.0625rem solid var(--line-2);border-radius:0.5rem;background:#fff}
.event-page:where(.rd,.rd *) .ses a{transition:border-color .2s}
.event-page:where(.rd,.rd *) .ses a:hover{border-color:var(--teal)}
.event-page:where(.rd,.rd *) .ses b{display:block;margin-bottom:0.375rem;font-size:1.0625rem}
.event-page:where(.rd,.rd *) .ses span{font-size:0.875rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .ses small{margin-top:0.25rem;font-size:0.8125rem;font-weight:600;color:var(--orange-t)}
.event-page:where(.rd,.rd *) .ses.on a small{color:var(--teal-d)}
.event-page:where(.rd,.rd *) .spk{margin:0}
.event-page:where(.rd,.rd *) .spk img{width:100%;max-width:20rem;aspect-ratio:2/3;object-fit:cover;border-radius:0.625rem;background:#E9EDF3}
.event-page--learning:where(.rd,.rd *) .spk img{object-position:center top}
.event-page:where(.rd,.rd *) .spk figcaption{margin-top:0.875rem}
.event-page:where(.rd,.rd *) .spk strong{display:block;font-size:1.1875rem}
.event-page:where(.rd,.rd *) .spk span{font-size:0.90625rem;color:var(--ink-3)}

/* 三件事：以提問當標題，不加編號 */
.event-page:where(.rd,.rd *) .three .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-top:2.75rem}
.event-page:where(.rd,.rd *) .three .grid>div{padding-top:1.375rem;border-top:0.125rem solid var(--ink)}
.event-page:where(.rd,.rd *) .three h3{font-size:1.3125rem}
.event-page:where(.rd,.rd *) .three p{margin-top:0.5rem;color:var(--ink-2)}

/* 議程：60 分鐘的時間分配條，點一段可跳到該段議程 */
.event-page:where(.rd,.rd *) .ag .lay{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:4rem;align-items:start}
.event-page:where(.rd,.rd *) .ag .side{position:sticky;top:calc(var(--hd) * var(--hd-on, 1) + 2.5rem)}
.event-page:where(.rd,.rd *) .ag .side p{margin-top:0.625rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .tbar{display:flex;gap:0.1875rem;margin-top:1.75rem;height:2.5rem}
.event-page:where(.rd,.rd *) .tbar a{position:relative;display:block;border-radius:0.1875rem;background:var(--teal-line);transition:background-color .2s}
.event-page:where(.rd,.rd *) .tbar a:hover,.event-page:where(.rd,.rd *) .tbar a.on{background:var(--teal)}
.event-page:where(.rd,.rd *) .tlab{display:flex;justify-content:space-between;margin-top:0.5rem;font-size:0.78125rem;color:var(--ink-3)}
.event-page:where(.rd,.rd *) .tnote{margin-top:0.75rem;font-size:0.84375rem;color:var(--ink-3)}
.event-page:where(.rd,.rd *) ol.items{list-style:none;border-top:0.0625rem solid var(--line)}
.event-page:where(.rd,.rd *) ol.items li{display:grid;grid-template-columns:6rem minmax(0,1fr);gap:1.5rem;padding:1.5rem 0;border-bottom:0.0625rem solid var(--line);transition:background-color .3s}
.event-page:where(.rd,.rd *) ol.items li.flash{background:var(--teal-soft)}
.event-page:where(.rd,.rd *) ol.items time{font-size:0.90625rem;font-weight:600;color:var(--teal-d);font-variant-numeric:tabular-nums;letter-spacing:0;padding-top:0.125rem}
.event-page:where(.rd,.rd *) ol.items h3{font-size:1.15625rem;line-height:1.55}
.event-page:where(.rd,.rd *) ol.items p{margin-top:0.375rem;color:var(--ink-2);font-size:0.96875rem}

/* 報名區：已截止與報名中兩種狀態 */
.event-page:where(.rd,.rd *) .rg .lay{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}
.event-page:where(.rd,.rd *) .rg .copy h2{font-size:clamp(1.75rem,2.8vw,2.5rem);line-height:1.4}
.event-page:where(.rd,.rd *) .rg .copy p{margin-top:0.75rem;color:rgba(255,255,255,.74)}
.event-page:where(.rd,.rd *) .rg .copy .who{margin-top:1.25rem;display:flex;align-items:center;gap:0.875rem}
.event-page:where(.rd,.rd *) .rg .copy .who img{width:3.5rem;height:3.5rem;border-radius:50%;object-fit:cover;object-position:top}
.event-page:where(.rd,.rd *) .rg .copy .who b{display:block;color:#fff}
.event-page:where(.rd,.rd *) .rg .copy .who span{font-size:0.875rem;color:rgba(255,255,255,.6)}
.event-page:where(.rd,.rd *) .bk{background:#fff;color:var(--ink);border-radius:0.625rem;padding:2rem}
.event-page:where(.rd,.rd *) .bk h3{font-size:1.375rem}
.event-page:where(.rd,.rd *) .bk .sub{margin-top:0.375rem;font-size:0.90625rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .bk .closed p{margin-top:0.625rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .bk .closed>p a,.event-page:where(.rd,.rd *) .bk .note a{color:var(--teal-d);text-decoration:underline;text-underline-offset:0.1875rem}
.event-page:where(.rd,.rd *) .bk .after{margin-top:1.5rem;padding-top:1.25rem;border-top:0.0625rem solid var(--line)}
.event-page:where(.rd,.rd *) .bk .after b{font-size:0.9375rem}
.event-page:where(.rd,.rd *) .bk .after ul{list-style:none;margin-top:0.5rem}
.event-page:where(.rd,.rd *) .bk .after li a{display:flex;justify-content:space-between;gap:1rem;padding:0.75rem 0;border-bottom:0.0625rem solid var(--line);font-size:0.96875rem;font-weight:500}
.event-page:where(.rd,.rd *) .bk .after li a:hover{color:var(--teal-d)}
.event-page:where(.rd,.rd *) .bk .after li a span{color:var(--teal)}
.event-page:where(.rd,.rd *) .bk .after .go{display:flex;gap:0.625rem;flex-wrap:wrap;margin-top:1.125rem}
.event-page:where(.rd,.rd *) .bk fieldset{min-width:0;border:0;margin:1.25rem 0 0;padding:0}
.event-page:where(.rd,.rd *) .bk legend{font-size:0.875rem;color:var(--ink-2);margin-bottom:0.5rem}
.event-page:where(.rd,.rd *) .so{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem}
.event-page:where(.rd,.rd *) .so label{display:flex;gap:0.625rem;align-items:flex-start;padding:0.875rem;border:0.0625rem solid var(--line-2);border-radius:0.5rem;cursor:pointer;transition:border-color .2s,background-color .2s}
.event-page:where(.rd,.rd *) .so label:has(input:checked){border-color:var(--teal);background:var(--teal-soft)}
.event-page:where(.rd,.rd *) .so input{flex:none;margin-top:0.3125rem;accent-color:var(--teal)}
.event-page:where(.rd,.rd *) .so b{display:block;font-size:0.96875rem}
.event-page:where(.rd,.rd *) .so span{font-size:0.875rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .so small{display:block}
.event-page:where(.rd,.rd *) .field-hint{margin-top:0.5rem;font-size:0.78125rem;color:var(--ink-3)}
.event-page:where(.rd,.rd *) .bk .field{margin-top:1rem}
.event-page:where(.rd,.rd *) .bk .opt{color:var(--ink-4)}
.event-page:where(.rd,.rd *) .bk details{margin-top:1.125rem;font-size:0.875rem;color:var(--ink-2)}
.event-page:where(.rd,.rd *) .bk details summary{cursor:pointer;font-weight:600;color:var(--ink)}
.event-page:where(.rd,.rd *) .bk details p{margin-top:0.375rem;line-height:1.8}
.event-page:where(.rd,.rd *) .bk .cs{display:flex;gap:0.625rem;align-items:flex-start;margin-top:0.75rem;font-size:0.90625rem}
.event-page:where(.rd,.rd *) .bk .cs input{flex:none;margin-top:0.375rem;accent-color:var(--teal)}
.event-page:where(.rd,.rd *) .bk .sbm{width:100%;margin-top:1.25rem}
.event-page:where(.rd,.rd *) .bk .sbm:disabled{cursor:wait;opacity:.7}
.event-page:where(.rd,.rd *) .bk .note{margin-top:0.875rem;font-size:0.8125rem;line-height:1.8;color:var(--ink-3)}
.event-page:where(.rd,.rd *) .bk .ok{margin-top:0.875rem;padding:0.75rem 0.875rem;border-radius:0.375rem;background:var(--green-soft);color:var(--green-t);font-size:0.90625rem}
.event-page:where(.rd,.rd *) .bk .err{margin-top:0.75rem;font-size:0.84375rem;color:#C2410C}
.event-page:where(.rd,.rd *) .bk .err p{margin:0}
.event-page:where(.rd,.rd *) .webinar-honeypot{position:absolute;left:-624.9375rem}
.event-page:where(.rd,.rd *) section[id],.event-page:where(.rd,.rd *) #webinar-booking{scroll-margin-top:6rem}

/* 報名成功頁 */
.event-page--confirmation:where(.rd,.rd *) .confirmation .wrap{width:min(100%,48rem)}
.event-page--confirmation:where(.rd,.rd *) .confirmation-panel{display:grid;gap:1rem;text-align:center}
.event-page--confirmation:where(.rd,.rd *) .success-mark{display:grid;width:3.25rem;height:3.25rem;place-items:center;margin:0 auto 0.25rem;border-radius:50%;background:var(--green-soft);color:var(--green-t);font-size:1.75rem;font-weight:800;line-height:1}
.event-page--confirmation:where(.rd,.rd *) h1{font-size:clamp(2rem,4vw,2.75rem);line-height:1.32}
.event-page--confirmation:where(.rd,.rd *) .session{color:var(--teal-d);font-weight:700}
.event-page--confirmation:where(.rd,.rd *) .receipt-email{overflow-wrap:anywhere}
.event-page--confirmation:where(.rd,.rd *) .receipt-email strong{font-weight:800}
.event-page--confirmation:where(.rd,.rd *) .support{color:var(--ink-2);font-size:0.9375rem}
.event-page--confirmation:where(.rd,.rd *) .support a{color:var(--teal-d);text-decoration:underline;text-underline-offset:0.1875rem}
.event-page--confirmation:where(.rd,.rd *) .registration-submit,.event-page--confirmation:where(.rd,.rd *) .secondary-link{width:fit-content;margin:0 auto}
body:has(.event-page):where(.rd,.rd *) #scrollBtnSection{display:none}

@media (max-width:1080px){
  .event-page:where(.rd,.rd *) .ev .grid,.event-page:where(.rd,.rd *) .ag .lay,.event-page:where(.rd,.rd *) .rg .lay{grid-template-columns:1fr;gap:2.25rem}
  .event-page:where(.rd,.rd *) .ag .side{position:static}
  .event-page:where(.rd,.rd *) .spk{display:grid;grid-template-columns:7.5rem minmax(0,1fr);gap:1.25rem;align-items:center}
  .event-page:where(.rd,.rd *) .spk img{max-width:7.5rem}
  .event-page:where(.rd,.rd *) .spk figcaption{margin-top:0}
  .event-page:where(.rd,.rd *) .three .grid{grid-template-columns:1fr;gap:1.5rem}
}
@media (max-width:700px){
  .event-page:where(.rd,.rd *) .ev{padding:2.5rem 0 3.5rem}
  .event-page:where(.rd,.rd *) .ev h1{font-size:1.875rem}
  .event-page:where(.rd,.rd *) .so{grid-template-columns:1fr}
  .event-page:where(.rd,.rd *) .ses a,.event-page:where(.rd,.rd *) .ses div{padding:0.875rem}
  .event-page:where(.rd,.rd *) .ses span{font-size:0.8125rem}
  .event-page:where(.rd,.rd *) ol.items li{grid-template-columns:1fr;gap:0.25rem}
  .event-page:where(.rd,.rd *) .bk{padding:1.5rem 1.25rem}
}
@media (prefers-reduced-motion:reduce){
  .event-page:where(.rd,.rd *) *{transition:none!important}
}

/* 10 月重大性分析說明會：讀者處境、三樣產出示意（清單、矩陣、分工表）、議程示範段、會後步驟與常見問題 */
.event-page--materiality:where(.rd,.rd *) .ev h1 .sub{display:block;margin-top:0.5rem;font-size:clamp(1.25rem,1.9vw,1.625rem);font-weight:600;line-height:1.5;color:var(--teal-d);letter-spacing:.04em}
.event-page--materiality:where(.rd,.rd *) .ev .deck{max-width:34em;line-height:1.9}
.event-page--materiality:where(.rd,.rd *) .ev .deck-2{margin-top:0.875rem;font-size:1rem;color:var(--ink-3)}
.event-page--materiality:where(.rd,.rd *) .ev .ses{margin-top:1.25rem}
.event-page--materiality:where(.rd,.rd *) .ev .cta{margin-top:1.5rem}
.event-page--materiality:where(.rd,.rd *) .ev .facts span span{display:inline;height:auto;padding:0;border:0;background:none;font-size:inherit;color:inherit}
.event-page--materiality:where(.rd,.rd *) .spk .role-label{display:block;margin-bottom:0.25rem;font-size:0.8125rem;font-weight:600;color:var(--teal);letter-spacing:.06em}

.event-page--materiality:where(.rd,.rd *) .pain .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem;margin-top:2.75rem}
.event-page--materiality:where(.rd,.rd *) .pain .grid>div{display:flex;flex-direction:column;padding-top:1.375rem;border-top:0.125rem solid var(--ink)}
.event-page--materiality:where(.rd,.rd *) .pain h3{font-size:1.25rem}
.event-page--materiality:where(.rd,.rd *) .pain p{margin-top:0.625rem;color:var(--ink-2)}
.event-page--materiality:where(.rd,.rd *) .pain .fix{margin-top:auto;padding-top:1.25rem;font-size:0.9375rem;color:var(--ink-3)}
.event-page--materiality:where(.rd,.rd *) .pain .fix b{display:block;margin-bottom:0.25rem;font-size:0.8125rem;color:var(--teal-d);letter-spacing:.04em}

.event-page--materiality:where(.rd,.rd *) .out .row{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:center;margin-top:4rem}
.event-page--materiality:where(.rd,.rd *) .out .row:nth-of-type(even) .txt{order:2}
.event-page--materiality:where(.rd,.rd *) .out .stage{display:block;margin-bottom:0.625rem;font-size:0.9375rem;font-weight:700;color:var(--teal);letter-spacing:.08em}
.event-page--materiality:where(.rd,.rd *) .out h3{font-size:clamp(1.25rem,1.8vw,1.5rem);line-height:1.5}
.event-page--materiality:where(.rd,.rd *) .out .txt p{margin-top:0.75rem;color:var(--ink-2);line-height:1.85}
.event-page--materiality:where(.rd,.rd *) .out dl{display:flex;flex-wrap:wrap;gap:0.375rem 0.75rem;margin-top:1.25rem;padding-top:1rem;border-top:0.0625rem solid var(--line-2);font-size:0.9375rem}
.event-page--materiality:where(.rd,.rd *) .out dt{color:var(--ink-3)}
.event-page--materiality:where(.rd,.rd *) .out dd{margin:0;font-weight:600}
.event-page--materiality:where(.rd,.rd *) .viz{margin:0;padding:1.5rem;background:#fff;border:0.0625rem solid var(--line);border-radius:0.5rem}
.event-page--materiality:where(.rd,.rd *) .viz figcaption{margin-top:0.875rem;font-size:0.8125rem;color:var(--ink-3)}
.event-page--materiality:where(.rd,.rd *) .viz figcaption::before{content:"示意";display:inline-block;margin-right:0.5rem;padding:0 0.375rem;border:0.0625rem solid var(--line-2);border-radius:0.1875rem;font-weight:600;color:var(--ink-2)}
.event-page--materiality:where(.rd,.rd *) .tbl{width:100%;border-collapse:collapse;font-size:0.9375rem}
.event-page--materiality:where(.rd,.rd *) .tbl caption{padding-bottom:0.75rem;text-align:left;font-weight:700;color:var(--ink)}
.event-page--materiality:where(.rd,.rd *) .tbl th,.event-page--materiality:where(.rd,.rd *) .tbl td{padding:0.6875rem 0.75rem 0.6875rem 0;border-bottom:0.0625rem solid var(--line);text-align:left;vertical-align:top;line-height:1.6}
.event-page--materiality:where(.rd,.rd *) .tbl thead th{padding-top:0;font-size:0.8125rem;font-weight:600;color:var(--ink-3);border-bottom-color:var(--line-2)}
.event-page--materiality:where(.rd,.rd *) .tbl tbody th{font-weight:600}
.event-page--materiality:where(.rd,.rd *) .tbl td{color:var(--ink-2)}
.event-page--materiality:where(.rd,.rd *) .tbl mark{padding:0.0625rem 0.375rem;border-radius:0.1875rem;background:var(--orange-soft);color:var(--orange-t);font-weight:600}

/* 重大性矩陣：--x、--y 為 0–100 的示意座標，右上方門檻區為重大主題 */
.event-page--materiality:where(.rd,.rd *) .mx{display:grid;grid-template-columns:1.75rem minmax(0,1fr);grid-template-rows:auto 1.75rem}
.event-page--materiality:where(.rd,.rd *) .mx .plot{position:relative;grid-column:2;grid-row:1;aspect-ratio:4/3;border-left:0.125rem solid var(--ink-3);border-bottom:0.125rem solid var(--ink-3);background:linear-gradient(var(--line) 0 0) 50% 0/0.0625rem 100% no-repeat,linear-gradient(var(--line) 0 0) 0 50%/100% 0.0625rem no-repeat}
.event-page--materiality:where(.rd,.rd *) .mx .zone{position:absolute;top:0;right:0;width:50%;height:50%;background:var(--teal-soft);border-left:0.0625rem dashed var(--teal);border-bottom:0.0625rem dashed var(--teal)}
.event-page--materiality:where(.rd,.rd *) .mx .dot{position:absolute;left:calc(var(--x) * 1%);bottom:calc(var(--y) * 1%);width:0.75rem;height:0.75rem;margin:0 0 -0.375rem -0.375rem;border-radius:50%;background:var(--teal)}
.event-page--materiality:where(.rd,.rd *) .mx .dot.lo{background:var(--ink-4)}
.event-page--materiality:where(.rd,.rd *) .mx .dot i{position:absolute;left:calc(100% + 0.375rem);top:50%;transform:translateY(-50%);font-style:normal;font-size:0.8125rem;font-weight:600;color:var(--ink);white-space:nowrap}
.event-page--materiality:where(.rd,.rd *) .mx .dot.l i{left:auto;right:calc(100% + 0.375rem)}
.event-page--materiality:where(.rd,.rd *) .mx .dot.lo i{color:var(--ink-2);font-weight:500}
.event-page--materiality:where(.rd,.rd *) .mx .ax{font-size:0.75rem;color:var(--ink-3);white-space:nowrap}
.event-page--materiality:where(.rd,.rd *) .mx .ax-x{grid-column:2;grid-row:2;align-self:end;text-align:right}
.event-page--materiality:where(.rd,.rd *) .mx .ax-y{grid-column:1;grid-row:1;align-self:start;justify-self:start;writing-mode:vertical-rl;text-orientation:upright;letter-spacing:.08em}
.event-page--materiality:where(.rd,.rd *) .mx-key{display:flex;flex-wrap:wrap;gap:0.5rem 1.25rem;margin-top:0.75rem;font-size:0.8125rem;color:var(--ink-2)}
.event-page--materiality:where(.rd,.rd *) .mx-key span{display:inline-flex;align-items:center;gap:0.4375rem}
.event-page--materiality:where(.rd,.rd *) .mx-key .k-zone::before{content:"";width:0.875rem;height:0.625rem;border:0.0625rem dashed var(--teal);background:var(--teal-soft)}
.event-page--materiality:where(.rd,.rd *) .mx-key .k-lo::before{content:"";width:0.625rem;height:0.625rem;border-radius:50%;background:var(--ink-4)}
.event-page--materiality:where(.rd,.rd *) .note-60{margin-top:3rem;padding:1rem 1.25rem;border-left:0.1875rem solid var(--teal);background:#fff;color:var(--ink-2)}
.event-page--materiality:where(.rd,.rd *) .note-60 b{margin-right:0.75rem;color:var(--ink)}

.event-page--materiality:where(.rd,.rd *) .tbar a{background:var(--line-2)}
.event-page--materiality:where(.rd,.rd *) .tbar a.demo{background:var(--teal)}
.event-page--materiality:where(.rd,.rd *) .tbar a.qa{background:var(--teal-line)}
.event-page--materiality:where(.rd,.rd *) .tbar a:hover,.event-page--materiality:where(.rd,.rd *) .tbar a.on{background:var(--teal-d)}
.event-page--materiality:where(.rd,.rd *) .tkey{display:flex;flex-wrap:wrap;gap:1rem;margin-top:0.875rem;font-size:0.8125rem;color:var(--ink-3)}
.event-page--materiality:where(.rd,.rd *) .tkey span{display:inline-flex;align-items:center;gap:0.375rem}
.event-page--materiality:where(.rd,.rd *) .tkey span::before{content:"";width:0.75rem;height:0.5rem;border-radius:0.125rem;background:var(--line-2)}
.event-page--materiality:where(.rd,.rd *) .tkey .k-demo::before{background:var(--teal)}
.event-page--materiality:where(.rd,.rd *) .tkey .k-qa::before{background:var(--teal-line)}
.event-page--materiality:where(.rd,.rd *) ol.items li.demo time{color:var(--teal)}
.event-page--materiality:where(.rd,.rd *) ol.items .tag{display:inline-block;margin-left:0.625rem;padding:0 0.4375rem;border-radius:0.1875rem;background:var(--teal-soft);font-size:0.78125rem;font-weight:600;line-height:1.75rem;vertical-align:0.125rem;color:var(--teal-d);white-space:nowrap}

.event-page--materiality:where(.rd,.rd *) .aud .grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.75rem;margin-top:2.75rem}
.event-page--materiality:where(.rd,.rd *) .aud .grid>div{padding:1.5rem;background:#fff;border:0.0625rem solid var(--line);border-radius:0.5rem}
.event-page--materiality:where(.rd,.rd *) .aud h3{font-size:1.125rem;line-height:1.55}
.event-page--materiality:where(.rd,.rd *) .aud p{margin-top:0.625rem;font-size:0.96875rem;color:var(--ink-2)}

.event-page--materiality:where(.rd,.rd *) .next .lay,.event-page--materiality:where(.rd,.rd *) .faqs .lay{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:4rem;align-items:start}
.event-page--materiality:where(.rd,.rd *) .steps{list-style:none;margin:0;padding:0}
.event-page--materiality:where(.rd,.rd *) .steps li{position:relative;padding:0 0 2rem 2.25rem}
.event-page--materiality:where(.rd,.rd *) .steps li::before{content:"";position:absolute;left:0;top:0.375rem;width:0.875rem;height:0.875rem;border:0.1875rem solid var(--teal);border-radius:50%;background:#fff}
.event-page--materiality:where(.rd,.rd *) .steps li::after{content:"";position:absolute;left:0.40625rem;top:1.5rem;bottom:0.25rem;width:0.0625rem;background:var(--teal-line)}
.event-page--materiality:where(.rd,.rd *) .steps li:last-child{padding-bottom:0}
.event-page--materiality:where(.rd,.rd *) .steps li:last-child::after{display:none}
.event-page--materiality:where(.rd,.rd *) .steps li:last-child::before{background:var(--teal)}
.event-page--materiality:where(.rd,.rd *) .steps h3{font-size:1.1875rem}
.event-page--materiality:where(.rd,.rd *) .steps p{margin-top:0.375rem;color:var(--ink-2)}

.event-page--materiality:where(.rd,.rd *) .rg .copy .when{list-style:none;margin:1.5rem 0 0;padding:0;border-top:0.0625rem solid rgba(255,255,255,.16)}
.event-page--materiality:where(.rd,.rd *) .rg .copy .when li{display:flex;align-items:baseline;gap:0.875rem;padding:0.75rem 0;border-bottom:0.0625rem solid rgba(255,255,255,.16);font-variant-numeric:tabular-nums;color:rgba(255,255,255,.86)}
.event-page--materiality:where(.rd,.rd *) .rg .copy .when b{font-size:1.125rem;color:#fff}
.event-page--materiality:where(.rd,.rd *) .rg .copy .when small{margin-left:auto;font-size:0.8125rem;color:#F7B66E}
.event-page--materiality:where(.rd,.rd *) .rg .copy .bio{font-size:0.90625rem;line-height:1.85;color:rgba(255,255,255,.62)}
.event-page--materiality:where(.rd,.rd *) .rg .copy .host{margin-top:1.25rem;font-size:0.84375rem;line-height:1.85;color:rgba(255,255,255,.62)}
.event-page--materiality:where(.rd,.rd *) .rg .copy .host a{color:#7FD3D9;text-decoration:underline;text-underline-offset:0.1875rem}

@media (max-width:1080px){
  .event-page--materiality:where(.rd,.rd *) .pain .grid,.event-page--materiality:where(.rd,.rd *) .aud .grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .event-page--materiality:where(.rd,.rd *) .out .row,.event-page--materiality:where(.rd,.rd *) .next .lay,.event-page--materiality:where(.rd,.rd *) .faqs .lay{grid-template-columns:1fr;gap:2rem}
  .event-page--materiality:where(.rd,.rd *) .out .row:nth-of-type(even) .txt{order:0}
  .event-page--materiality:where(.rd,.rd *) .out .row{margin-top:3rem}
}
@media (max-width:700px){
  .event-page--materiality:where(.rd,.rd *) .pain .grid,.event-page--materiality:where(.rd,.rd *) .aud .grid{grid-template-columns:1fr;gap:1.25rem}
  .event-page--materiality:where(.rd,.rd *) .ev .deck{font-size:1.0625rem}
  .event-page--materiality:where(.rd,.rd *) .viz{padding:1.125rem}
  .event-page--materiality:where(.rd,.rd *) .tbl{font-size:0.875rem}
  .event-page--materiality:where(.rd,.rd *) .mx .dot i{font-size:0.75rem}
  .event-page--materiality:where(.rd,.rd *) .note-60 b{display:block;margin:0 0 0.25rem}
  .event-page--materiality:where(.rd,.rd *) ol.items .tag{margin-left:0.375rem}
}
/* 10 月：手機首屏看得到主講人本人；桌機照片說明補一句經歷 */
.event-page--materiality:where(.rd,.rd *) .spk-inline{display:none}
.event-page--materiality:where(.rd,.rd *) .spk .spk-line{display:block;margin-top:.5rem;max-width:20rem;font-size:.875rem;line-height:1.7;color:var(--ink-2,#3d4b5c)}
@media (max-width:700px){
  .event-page--materiality:where(.rd,.rd *) .spk-inline{display:flex;align-items:center;gap:.875rem;margin:1.25rem 0 0;padding:.875rem 1rem;border:1px solid var(--line,#dfe5ec);border-radius:.5rem;background:#fff}
  .event-page--materiality:where(.rd,.rd *) .spk-inline img{width:4rem;height:4rem;border-radius:50%;object-fit:cover;object-position:center 20%;flex:none}
  .event-page--materiality:where(.rd,.rd *) .spk-inline p{margin:0;display:flex;flex-direction:column;gap:.125rem}
  .event-page--materiality:where(.rd,.rd *) .spk-inline b{font-size:1rem;color:var(--ink,#0a2540)}
  .event-page--materiality:where(.rd,.rd *) .spk-inline span{font-size:.875rem;line-height:1.6;color:var(--ink-2,#3d4b5c)}
  .event-page--materiality:where(.rd,.rd *) .ev .spk{display:none}
}
.event-page--materiality:where(.rd,.rd *) .cta-early{display:none}
@media (max-width:700px){.event-page--materiality:where(.rd,.rd *) .cta-early{display:flex;width:100%;justify-content:center;margin-top:1rem}}
@media (max-width:700px){.event-page--materiality:where(.rd,.rd *) .ev .deck-2{display:none}}