/* Shared public-page text roles. Colors and Noto Sans TC match the existing homepage. */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;500;700;900&display=swap');
:root {
  --mkt-font: 'Noto Sans TC', -apple-system, BlinkMacSystemFont, 'Microsoft JhengHei', sans-serif;
  --mkt-ink: #27272a;
  --mkt-copy: #52525b;
  --mkt-sub: #65656e;
  --mkt-line: #e4e4e7;
  --mkt-bg: #fff;
  --mkt-soft: #effbf9;
  --mkt-accent: #0d8477;
  --mkt-accent-hover: #0b4f48;
  --mkt-title-size: 36px;
  --mkt-section-size: 23px;
  --mkt-prose-size: 17px;
  --mkt-lead-size: 19px;
  --mkt-label-size: 14px;
  --mkt-caption-size: 13px;
  --mkt-prose-leading: 1.95;
}
.marketing-page { font-family: var(--mkt-font); }
.mkt-title { font-size: var(--mkt-title-size); line-height: 1.5; font-weight: 900; letter-spacing: .3px; color: var(--mkt-ink); }
.mkt-section-title { font-size: var(--mkt-section-size); line-height: 1.6; font-weight: 700; color: var(--mkt-ink); }
.mkt-prose { font-size: var(--mkt-prose-size); line-height: var(--mkt-prose-leading); font-weight: 400; color: var(--mkt-copy); }
.mkt-lead { font-size: var(--mkt-lead-size); line-height: 1.9; font-weight: 400; color: var(--mkt-sub); }
.mkt-label { font-size: var(--mkt-label-size); line-height: 1.65; font-weight: 500; color: var(--mkt-sub); }
.mkt-caption { font-size: var(--mkt-caption-size); line-height: 1.8; font-weight: 400; color: var(--mkt-sub); }
.mkt-link { color: var(--mkt-accent); text-underline-offset: 4px; text-decoration: underline; }
.mkt-link:hover { color: var(--mkt-accent-hover); }
.mkt-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 10px 22px; border: 0; border-radius: 8px; background: var(--mkt-accent); color: #fff; text-decoration: none; font: 700 16px/1.5 var(--mkt-font); }
.mkt-button:hover { background: var(--mkt-accent-hover); }
.mkt-link:focus-visible, .mkt-button:focus-visible { outline: 2px solid var(--mkt-accent-hover); outline-offset: 4px; }
@media (max-width: 540px) {
  :root { --mkt-title-size: 28px; --mkt-section-size: 21px; --mkt-lead-size: 18px; }
}