.preview-page { --serif:"Cormorant Garamond","Noto Serif TC",Georgia,serif; }
.preview-hero { padding:45px 0 48px; border-bottom:1px solid #cbd2c2; }
.preview-heading-top { display:flex; justify-content:space-between; gap:25px; font-size:12px; margin-bottom:38px; color:#53664e; }
.preview-hero .eyebrow { color:#5d6e52; }
.preview-hero h1 { font:400 clamp(44px,5.3vw,77px)/1.06 var(--serif); max-width:1060px; letter-spacing:-1px; margin:23px 0; }
.preview-deck { max-width:790px; font:25px/1.5 var(--serif); color:#54674e; }
.preview-byline { display:flex; flex-wrap:wrap; gap:12px 27px; font-size:11px; color:#566750; margin-top:27px; }
.preview-layout { display:grid; grid-template-columns:minmax(0,760px) minmax(210px,1fr); gap:9%; padding:12px 0 65px; }
.preview-body { min-width:0; }
.preview-body > section h2 { font:400 36px/1.2 var(--serif); margin:42px 0 21px; }
.preview-body > section p { font:17px/1.95 Georgia,"Noto Serif TC",serif; margin:19px 0; color:#354b3b; }
.preview-citation { font:11px var(--sans); margin-left:3px; }
.preview-citation a { padding:3px 2px; color:#4b613f; text-decoration:underline; text-underline-offset:3px; }
.preview-margin { padding-top:40px; }
.preview-mark { font:italic 43px/1.6 var(--serif); color:#6b7e5a; padding-bottom:29px; margin-bottom:28px; border-bottom:1px solid #bfcab3; }
.preview-margin .eyebrow { color:#5d6e52; }
.preview-margin nav { display:flex; flex-direction:column; gap:18px; font-size:12px; line-height:1.8; margin:23px 0 36px; }
.preview-edition { border-top:1px solid #bfcab3; padding-top:28px; }
.preview-edition h2 { font:400 29px/1.2 var(--serif); margin:20px 0 15px; }
.preview-edition p:not(.eyebrow) { font-size:11px; color:#53634b; }
.preview-edition a { display:inline-block; font-size:12px; border-bottom:1px solid #a3b395; margin-top:20px; padding:6px 0; }
.preview-invitation { background:#243c2d; color:#f6f2e5; border:1px solid #3a5139; margin:45px 0 34px; padding:34px 37px; }
.preview-invitation .eyebrow { color:#d7c293; }
.preview-invitation h2 { font:400 39px/1.13 var(--serif); margin:20px 0; }
.preview-paper-title { font:italic 23px/1.4 var(--serif); color:#dce2d0; }
.preview-invitation ul { padding-left:19px; margin:24px 0; }
.preview-invitation li { font:13px/1.9 var(--sans); color:#dce2d0; margin:7px 0; }
.preview-release-note { font-size:12px; color:#dce2d0; line-height:1.85; border-top:1px solid #718267; padding-top:22px; }
.preview-actions { display:flex; gap:20px; align-items:center; flex-wrap:wrap; margin-top:24px; }
.preview-invitation .button { background:#e3d2a4; color:#253b2b; border:1px solid #e3d2a4; font-size:12px; padding:14px 20px; }
.preview-secondary { font-size:12px; border-bottom:1px solid #aebc96; padding:7px 0; }
.preview-membership-link { font-size:12px; margin:20px 0 0; }
.preview-membership-link a { text-decoration:underline; }
.preview-sources ol { padding-left:20px; }
.preview-sources li { font-size:12px; line-height:1.9; margin:17px 0; color:#43593e; overflow-wrap:anywhere; }
.preview-sources a { text-decoration:underline; text-underline-offset:3px; }
.preview-body > .preview-sources > p { font:12px/1.9 var(--sans); color:#56674d; }
.preview-sources > a { display:inline-block; font-size:12px; margin-top:10px; }
.preview-related { border-top:1px solid #cbd2c2; padding:42px 0 65px; }
.preview-related h2 { font:400 40px/1.15 var(--serif); margin:19px 0 30px; }
.preview-related > div { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.preview-related > div > a { border:1px solid #cbd2c2; border-top:3px solid #7c8e6c; background:#faf8f1; padding:30px; }
.preview-related h3 { font:400 30px/1.2 var(--serif); margin:18px 0; }
.preview-related span { font-size:11px; color:#50634a; }
.preview-related p { font-size:13px; line-height:1.9; margin-bottom:23px; color:#52644c; }
.preview-page:lang(zh-Hant) .preview-hero h1 { font-family:var(--zh); font-size:clamp(34px,4vw,52px); line-height:1.5; letter-spacing:0; }
.preview-page:lang(zh-Hant) .preview-body h2 { font-family:var(--zh); font-size:29px; line-height:1.6; }
.preview-page:lang(zh-Hant) .preview-deck { font-family:var(--zh); font-size:21px; line-height:1.8; }
.preview-page:lang(zh-Hant) .preview-invitation h2 { font-size:29px; }
.preview-page:lang(zh-Hant) .preview-paper-title { font:20px/1.7 var(--zh); }
.preview-page:lang(zh-Hant) .preview-related h2 { font-size:30px; line-height:1.6; }
.preview-page:lang(zh-Hant) .preview-related h3 { font-size:25px; line-height:1.6; }
@media(max-width:900px) { .preview-layout { grid-template-columns:minmax(0,1fr) 190px; gap:6%; } .preview-mark { font-size:32px; } }
@media(max-width:700px) { .preview-hero { padding-top:30px; } .preview-hero h1 { font-size:47px; letter-spacing:-.5px; } .preview-deck { font-size:24px; } .preview-heading-top { margin-bottom:28px; } .preview-layout { grid-template-columns:1fr; gap:0; padding-bottom:40px; } .preview-margin { padding-top:0; } .preview-mark, .preview-margin > .eyebrow, .preview-margin > nav { display:none; } .preview-edition { padding-top:25px; } .preview-invitation { padding:28px 25px; } .preview-invitation h2 { font-size:36px; } .preview-related > div { grid-template-columns:1fr; } .preview-body > section p { font-size:16px; line-height:1.95; } .preview-related > div > a { padding:25px; } .preview-related h2 { font-size:35px; } }