.hero-search{margin:26px 0 20px;max-width:560px}.hero-search label{display:block;font-size:13px;margin-bottom:10px;color:#d3dbc9}.hero-search-row{display:flex;gap:8px;min-width:0}.hero-search input{flex:1;min-width:0;border:1px solid #66715e;background:#f5f4ec;color:#1e2a22;padding:14px 15px;font:inherit;font-size:16px;border-radius:0}.hero-search button{border:0;padding:12px 19px;background:#d9f58b;color:#1e2a22;font:inherit;cursor:pointer;min-height:48px}.hero-shortcuts{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:12px}.hero-shortcuts a{font-size:12px;color:#e3ebd9;border-bottom:1px solid #647157;padding:6px 0}.hero-copy .hero-signature{margin-top:32px}.home-commentary-link{margin:18px 0 25px;font-size:14px}.home-commentary-link a{display:inline-flex;align-items:center;padding:12px 16px;min-height:44px;box-sizing:border-box;border:1px solid #858e71;max-width:100%;overflow-wrap:anywhere}.article-work,.follow-reading{max-width:850px;margin:38px auto;padding:28px;border:1px solid #cbd2bd;background:#edf0e1;box-sizing:border-box;min-width:0}.article-work h2,.follow-reading h2{font-family:var(--serif);font-size:23px;font-weight:500;margin:10px 0 14px;line-height:1.6}.article-work p,.follow-reading p{line-height:1.9;font-size:14px}.work-connection-links,.work-connection-tools,.follow-reading nav{display:flex;flex-wrap:wrap;gap:10px 16px;min-width:0}.work-connection-links a,.work-connection-tools a,.follow-reading nav a{display:inline-flex;align-items:center;min-height:44px;max-width:100%;overflow-wrap:anywhere;font-size:14px;text-decoration:underline;text-underline-offset:5px}.work-connection-tools{margin-top:16px;padding-top:16px;border-top:1px solid #cad0ba}.work-connection-tools>span{flex-basis:100%;font-size:12px;color:var(--muted)}.follow-reading{background:#f4f3e9}.archive-original a{text-decoration:underline;text-underline-offset:4px;overflow-wrap:anywhere}.topic-controls{display:flex;flex-wrap:wrap;gap:15px;align-items:end;margin:28px 0 18px}.topic-controls label{display:grid;gap:8px;font-size:13px;flex:1 1 220px;max-width:100%;min-width:0}.topic-controls select{font:inherit;font-size:16px;padding:12px;min-height:46px;min-width:0;width:100%;box-sizing:border-box;background:#fff;border:1px solid #a1ac92}.topic-controls button,.topic-pagination a{min-height:44px;padding:10px 16px;border:1px solid #8e997e;background:transparent;color:inherit;font:inherit;cursor:pointer;box-sizing:border-box}.topic-result-count{font-size:14px;scroll-margin-top:28px}.topic-pagination{display:flex;flex-wrap:wrap;gap:10px;margin:26px 0}.topic-pagination a{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.topic-pagination [aria-current=page]{background:var(--ink);color:white}.topic-collection [hidden]{display:none!important}.topic-selection{margin:30px 0;padding:24px;border:1px solid #d1d7c4;background:#f6f5ed}.topic-selection h2{font-size:21px}.topic-selection ol{padding-left:22px}.topic-selection li{margin:16px 0;line-height:1.8}.topic-selection a{overflow-wrap:anywhere}.topic-selection small{display:block;color:var(--muted)}.article-local-tip{max-width:850px;margin:20px auto}.home-follow{padding-top:30px;padding-bottom:30px}.home-follow .follow-reading{max-width:none}.home-storage-note{font-size:12px;color:var(--muted);line-height:1.8;margin:16px 0}
@media(max-width:600px){.hero-search{margin-top:22px}.hero-search button{padding-inline:15px}.hero-shortcuts{gap:6px 14px}.hero-shortcuts a{min-height:36px;display:inline-flex;align-items:center;font-size:13px}.hero-copy .hero-signature{margin-top:24px}.article-work,.follow-reading{padding:20px;margin-block:28px}.article-work h2,.follow-reading h2{font-size:21px}.work-connection-links,.work-connection-tools,.follow-reading nav{flex-direction:column;gap:7px}.topic-controls label{flex-basis:100%}.topic-controls button{width:100%}.topic-selection{padding:20px}.home-commentary-link a{display:flex}.home-follow{padding-top:10px;padding-bottom:10px}}
@media print{.hero-search,.hero-shortcuts,.article-work,.follow-reading,.topic-controls,.topic-pagination{display:none}.topic-collection [hidden]{display:block!important}}

/* Keep both Chinese hero phrases together on a 320px viewport. */
@media(max-width:600px){html[lang="zh-Hant"] .hero #hero-title{font-size:clamp(44px,13.8vw,54px)}}