/**
 * Patreon 文章庫的個別靜態摘要頁(/archive/<id>/)。
 * 504 篇由 scripts/build_archive_pages.py 產生,共用呢一份樣式,
 * 唔會每頁重複一份 <style>。
 */
body { font-family: var(--font); }
.wrap { max-width: 720px; margin: 0 auto; padding: 0 24px 60px; }

.top { border-bottom: 1px solid var(--line); padding-block: 13px; margin-bottom: 40px; }
.top .wrap { display: flex; align-items: center; justify-content: space-between; gap: 14px; padding: 0; max-width: 960px; }
.brand { display: flex; align-items: baseline; gap: 9px; }
.brand b { font-size: 15px; font-weight: 800; color: var(--text-strong); }
.brand span { font-size: 11px; color: var(--text-dim); }
.brand:hover { text-decoration: none; }

.back { display: inline-block; margin-bottom: 22px; font-size: 12.5px; color: var(--text-muted); }
.back:hover { color: var(--gold); text-decoration: none; }

.post-meta { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; margin-bottom: 14px; }
.post-date { font-size: 12px; color: var(--text-dim); }
.post-cat { font-size: 10.5px; font-weight: 700; letter-spacing: .04em; padding: 3px 9px;
            border-radius: 20px; background: var(--gold-ghost); border: 1px solid var(--gold-dim); color: var(--gold); }

.post-title { font-size: clamp(1.4rem, 3vw, 1.9rem); font-weight: 700; color: var(--text-strong);
              line-height: 1.4; letter-spacing: -.01em; margin-bottom: 18px; }

.stock-tags { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 22px; }
.stock-tag { font-size: 11px; padding: 3px 9px; border-radius: 5px; border: 1px solid var(--line-strong); color: var(--text-muted); }
.stock-tag.hk { color: var(--hk); border-color: #4caf5033; }
.stock-tag.us { color: var(--us); border-color: #5c9bdd33; }

.post-preview { font-size: 15px; line-height: 1.9; color: var(--text); margin-bottom: 28px; }
.post-preview::after { content: "……"; color: var(--text-dim); }

.post-cta { display: inline-block; padding: 12px 24px; border-radius: var(--radius-pill);
            background: var(--gold); color: var(--bg); font-weight: 700; font-size: 14px; }
.post-cta:hover { background: var(--gold-light); text-decoration: none; }

.post-note { margin-top: 34px; padding-top: 18px; border-top: 1px solid var(--line);
             font-size: 11.5px; line-height: 1.7; color: var(--text-dim); }