/* Engineer Tsai brand layer v1, generated from the homepage tokens by scripts/site-architecture/brand-group/brand-tokens.mjs. Do not edit by hand. */
.etb{--etb-ink:#07131e;--etb-ink-2:#0b1d2a;--etb-paper:#f1ede4;--etb-line:rgba(210, 226, 235, 0.18);--etb-cyan:#63d2df;--etb-copper:#d27b4d;--etb-gold:#d8b15d;--etb-ivory:#f4f1ea;--etb-navy:#06182e;--etb-blue:#1261ee;--etb-rule-light:rgba(6, 24, 46, 0.16);--etb-sans:Inter, "Noto Sans TC", "PingFang TC", "Microsoft JhengHei", sans-serif;--etb-serif:"Iowan Old Style", "Baskerville", "Times New Roman", "Noto Serif TC", serif}
.etb .et-hero h1{font-family:var(--etb-serif);font-weight:500;letter-spacing:-.02em;line-height:1.15}
.etb .et-prose h2{font-family:var(--etb-serif);font-weight:600;border-left-color:var(--etb-blue)}
.etb .et-prose h3{font-family:var(--etb-serif);font-weight:600}
.etb .et-prose a{color:var(--etb-blue)}
.etb .et-meta time{font-variant-numeric:tabular-nums}
.etb-trust{margin:2.2rem 0 0;padding:1.2rem 1.4rem;background:var(--etb-ivory);color:var(--etb-navy);border:1px solid var(--etb-rule-light);border-left:4px solid var(--etb-navy);font-family:var(--etb-sans);font-size:.9rem;line-height:1.7}
.etb-trust h2{margin:0 0 .6rem;font-family:var(--etb-serif);font-size:1.05rem;font-weight:600;letter-spacing:.01em;border:0;padding:0;color:var(--etb-navy)}
.etb-trust dl{display:grid;grid-template-columns:max-content 1fr;gap:.35rem 1rem;margin:0}
.etb-trust dt{font-weight:700}
.etb-trust dd{margin:0}
.etb-trust a{color:var(--etb-blue)}
.etb-trust p{margin:.8rem 0 0;padding-top:.8rem;border-top:1px solid var(--etb-rule-light);color:var(--etb-navy)}
.etb .gckx-switch{border-color:var(--etb-rule-light);border-radius:0;background:var(--etb-ivory);color:var(--etb-navy)}
.etb .gckx-langs a,.etb .gckx-langs b{border-color:var(--etb-navy)}
.etb .gckx-langs b{background:var(--etb-navy);color:#fff}
@media (max-width:640px){.etb-trust dl{grid-template-columns:1fr}.etb-trust dt{margin-top:.4rem}}
/* Coexistence with etos-visual-system (M32, body.etvs), shipped in brand-shell 0.6.19 after brand-layer.css. On branded posts the
   brand layer owns the article H2 marker and the trust panel: drop the visual system's copper ::before bar there and keep the
   panel title's own spacing and type. html body.etb.etvs outranks body.etvs .et-paper ... whatever order the stylesheets load in. */
html body.etb.etvs .et-prose h2::before,html body.etb.etvs .etb-trust h2::before{content:none;display:none}
html body.etb.etvs .etb-trust h2{margin:0 0 .6rem;font-family:var(--etb-serif);font-size:1.05rem;font-weight:600;letter-spacing:.01em;line-height:1.125;color:var(--etb-navy)}
html body.etb.etvs .etb-trust p{color:var(--etb-navy)}
html body.etb.etvs .etb-trust a,html body.etb.etvs .et-prose a{color:var(--etb-blue)}