/* BaoKang shared typography. One source for every content page. */
:root{--bk-type-font:"Noto Sans TC","PingFang TC","Microsoft JhengHei",Arial,sans-serif;--bk-type-ink:#34483d;--bk-type-muted:#536451;--bk-type-title:34px;--bk-type-section:24px;--bk-type-sub:19px;--bk-type-body:17px}
html body main{font-family:var(--bk-type-font)!important;font-size:var(--bk-type-body)!important;line-height:1.85;color:var(--bk-type-ink)}
html body main :is(h1,h2,h3,h4,h5,h6,p,li,td,th,summary,figcaption){font-family:var(--bk-type-font)!important;letter-spacing:normal!important}
html body main h1{font-size:var(--bk-type-title)!important;font-weight:700!important;line-height:1.5!important;margin:0 0 24px!important;color:var(--bk-type-ink)!important}
html body main h2{font-size:var(--bk-type-section)!important;font-weight:700!important;line-height:1.6!important;margin:0 0 20px!important;color:var(--bk-type-ink)!important}
html body main h3{font-size:var(--bk-type-sub)!important;font-weight:600!important;line-height:1.65!important;margin:18px 0 12px!important;color:var(--bk-type-ink)!important}
html body main :is(h4,h5,h6){font-size:17px!important;font-weight:600!important;line-height:1.7!important;margin:16px 0 10px!important}
html body main :is(p,li,td,th){font-size:var(--bk-type-body)!important;line-height:1.85!important}
html body main p{font-weight:400!important;margin-bottom:18px!important}
html body main :is(h1,h2,h3,h4,h5,h6) :is(span,strong,b,em,a,small){font-family:inherit!important;font-size:inherit!important;font-weight:inherit!important;line-height:inherit!important;letter-spacing:inherit!important}
html body main :is(p,li,td) :is(span,a,em){font-family:inherit!important;font-size:inherit!important;line-height:inherit!important}
html body main :is(p,li,td) :is(strong,b){font-family:inherit!important;font-size:inherit!important;font-weight:600!important;line-height:inherit!important}
html body main summary{font-size:18px!important;font-weight:600!important;line-height:1.75!important}
html body main figcaption,html body main figcaption p,html body main :is(.bk-copy-caption,.art-caption,.bk-art-meta,.bk-art-meta p){font-size:13px!important;font-weight:400!important;line-height:1.8!important;color:var(--bk-type-muted)}
html body main :is(.kicker,.bk-copy-kicker,.bk-art-kicker){font-size:14px!important;font-weight:600!important;line-height:1.75!important;letter-spacing:.1em!important}
html body main :is(.lead,.bk-copy-lead){font-size:20px!important;font-weight:400!important;line-height:1.8!important}
html body main #bk-art-ending h2{font-size:28px!important;font-weight:600!important;line-height:1.7!important}
html body main #bk-art-ending .bk-art-quote{font-size:17px!important;line-height:1.9!important}
@media(max-width:767px){:root{--bk-type-title:28px;--bk-type-section:22px;--bk-type-sub:18px;--bk-type-body:17px}html body main h1{margin-bottom:20px!important}html body main h2{margin-bottom:16px!important}html body main h3{margin-top:16px!important}html body main summary{font-size:17px!important}html body main :is(.lead,.bk-copy-lead){font-size:19px!important}html body main #bk-art-ending h2{font-size:24px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}}

/* BK PAGE LINK AFFORDANCE */
html body main a.bk-page-link{display:inline-flex!important;align-items:center;justify-content:space-between;gap:18px;min-height:48px;max-width:100%;padding:12px 18px!important;margin:12px 8px 12px 0;border:1px solid #8b9e83!important;border-radius:6px;background:#e7ebdf!important;color:#34483d!important;font-family:var(--bk-type-font)!important;font-size:16px!important;font-weight:600!important;line-height:1.65!important;text-decoration:none!important;cursor:pointer;transition:background-color .18s,border-color .18s}
html body main a.bk-page-link::after{content:"→"!important;flex:0 0 auto;font-size:20px;line-height:1}
html body main a.bk-page-link:hover{background:#dbe3d4!important;border-color:#586d59!important}
html body main a.bk-page-link:focus-visible{outline:3px solid #586d59;outline-offset:4px}
html body main a.bk-portal-link.bk-page-link{display:flex!important;width:100%;margin-top:auto;margin-right:0;background:#586d59!important;border-color:#586d59!important;color:#fffdf7!important}
html body main a.bk-portal-link.bk-page-link:hover{background:#425745!important}
@media(max-width:767px){html body main a.bk-page-link{min-height:48px;padding:12px 16px!important}html body main a.bk-portal-link.bk-page-link{margin-top:8px}}
