.blog-layout{display:grid}.blog-body{align-items:start}.blog-sidebar{position:sticky;top:1rem;z-index:12;max-height:calc(100dvh - 2rem);display:grid;grid-template-rows:auto minmax(0,1fr);isolation:isolate}.blog-sidebar>.eyebrow{margin-bottom:.8rem}.blog-sidebar:after{content:"";position:absolute;left:1px;right:1px;bottom:1px;height:clamp(4.2rem,10vw,6.2rem);pointer-events:none;opacity:var(--sidebar-scroll-fade-opacity, 0);transition:opacity .12s linear;background:linear-gradient(to bottom,#efe7d600,#efe7d657 44%,#efe7d6b8 74%,#efe7d6e0);border-bottom-left-radius:4px;border-bottom-right-radius:4px;z-index:22}.blog-sidebar-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none}.blog-sidebar-scroll::-webkit-scrollbar{width:0;height:0}.blog-filter-block+.blog-filter-block{margin-top:1rem}.blog-filter-label{margin:0 0 .45rem;font-size:.82rem;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-soft)}.blog-assistive-note{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.blog-search-input{width:100%;border:none;border-bottom:1px solid rgba(139,123,91,.58);padding:.28rem 0 .42rem;background:transparent;color:var(--ink);font:inherit}.blog-search-input:focus{outline:none;border-bottom-color:var(--ink)}.blog-search-input::-webkit-search-decoration,.blog-search-input::-webkit-search-cancel-button,.blog-search-input::-webkit-search-results-button,.blog-search-input::-webkit-search-results-decoration{-webkit-appearance:none;appearance:none}.blog-topic-grid{display:flex;flex-wrap:wrap;gap:.42rem}.blog-topic-chip{min-width:0;min-height:1.72rem;border:1px solid rgba(139,123,91,.44);border-radius:.42rem;background:#f8f3e5cc;color:var(--ink);font:inherit;font-size:.95rem;line-height:1;padding:.18rem .54rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .17s ease,border-color .17s ease,color .17s ease}.blog-topic-chip:hover,.blog-topic-chip:focus-visible{border-color:#221d168f;background:#f8f3e5f2}.blog-topic-chip.is-active{border-color:#101313;background:#101313;color:#faf7eefa}.blog-topic-chip.is-active:hover,.blog-topic-chip.is-active:focus-visible{border-color:#161b1b;background:#161b1b}.blog-topic-label{white-space:nowrap}.blog-index-count{display:inline-flex;min-width:1.2rem;justify-content:flex-end;font-size:.76rem;letter-spacing:.04em;color:#4f4638c2}.blog-clear-button{margin-top:1rem;border:none;background:transparent;color:var(--ink-soft);font:inherit;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:.2em}.blog-feed{min-width:0;position:relative;z-index:1}.blog-feed-header{margin-bottom:.85rem;border:none;border-radius:0;padding:1rem 1rem .75rem;background:transparent;border-bottom:2px solid var(--line)}.blog-feed-title{margin-bottom:.55rem;font-size:clamp(1.75rem,3.6vw,2.35rem)}.blog-result-count{margin:0;color:var(--ink-soft);font-size:.92rem}.blog-list{list-style:none;margin:0;padding:0;display:grid;gap:.9rem}.blog-card{display:grid;gap:.76rem;overflow:hidden;scroll-margin-top:1rem;transition:background-color .22s ease,border-color .22s ease}.blog-card[hidden]{display:none}.blog-card.is-targeted{background:#ffffff8a;border-color:#221d1685}.blog-cover-link{display:block;border:1px solid rgba(139,123,91,.58);border-radius:3px;overflow:hidden}.blog-cover-image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover;filter:sepia(.14) saturate(.9) brightness(.95) contrast(.95)}.blog-card-body{min-width:0;display:grid;gap:.4rem}.blog-date{margin:0;font-family:var(--title-font);font-weight:300;font-size:.78rem;letter-spacing:.07em;text-transform:uppercase;color:#221d16e0}.blog-title-box{min-width:0}.blog-card-title{margin:0;font-family:var(--blog-title-font);font-weight:400;--blog-title-size: clamp(1.3rem, 3.4vw, 1.88rem);font-size:var(--blog-title-size);line-height:1.1;text-wrap:balance}.blog-card-title-link{text-decoration:none}.blog-card-title-link:hover,.blog-card-title-link:focus-visible{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.16em}.blog-card-title:lang(en){font-size:calc(var(--blog-title-size) * 1.05)}.blog-card-title:lang(zh-Hans){font-weight:500}.blog-card-summary{margin:0 0 .28rem;color:var(--ink-soft)}.blog-tag-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.34rem}.blog-tag-chip{min-width:0;min-height:1.32rem;border:1px solid rgba(139,123,91,.72);border-radius:.26rem;background:#f8f3e5b8;color:#221d16e0;font-size:.74rem;line-height:1;padding:.16rem .42rem;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap}.blog-empty-panel{margin:0;min-height:4rem;display:grid;place-content:center;gap:.35rem}.blog-empty-panel[hidden]{display:none}.blog-empty-panel p{margin-bottom:0}.blog-empty-title{margin:0;font-family:var(--title-font);font-size:1.08rem}.blog-load-area{margin-top:.85rem;display:grid;justify-items:center;gap:.2rem}.blog-load-button{border:1px solid var(--line);border-radius:4px;background:#ffffff80;color:var(--ink);font:inherit;padding:.55rem .9rem;cursor:pointer}.blog-load-sentinel{width:1px;height:1px}.blog-year-timeline{position:relative;display:grid;gap:.58rem;padding:.12rem 0 0 .18rem}.blog-year-group{position:relative;padding-left:.9rem}.blog-year-label{position:relative;margin:0;font-family:var(--title-font);font-size:1.03rem;line-height:1.1}.blog-year-label:before{content:"";position:absolute;left:-.9rem;top:50%;width:.44rem;height:.44rem;border-radius:999px;border:1px solid rgba(139,123,91,.68);background:#f8f3e5e0;transform:translateY(-50%)}.blog-year-day-list{list-style:none;position:relative;margin:.24rem 0 0;padding:0 0 0 .92rem;display:grid;gap:.22rem}.blog-year-day-list:before{content:"";position:absolute;left:.24rem;top:.12rem;bottom:.12rem;width:1px;background:#8b7b5b57}.blog-year-day-item{position:relative}.blog-year-day-button{border:none;background:transparent;color:var(--ink-soft);font:inherit;font-size:.84rem;padding:0;cursor:pointer}.blog-year-day-button:hover,.blog-year-day-button:focus-visible{color:var(--ink)}.blog-year-day-popover{position:absolute;left:0;bottom:100%;width:max-content;max-width:calc(100% - .12rem);border:1px solid rgba(139,123,91,.52);border-radius:4px;padding:.66rem .76rem;background:#f8f3e5f7;opacity:0;visibility:hidden;transform:translateY(.2rem);pointer-events:none;transition:opacity .16s ease,transform .16s ease,visibility .16s ease;z-index:40}.blog-year-day-popover:after{content:"";position:absolute;left:0;right:0;bottom:-.32rem;height:.32rem}.blog-year-day-item:hover .blog-year-day-popover,.blog-year-day-item:focus-within .blog-year-day-popover{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.blog-year-day-popover-date{margin:0 0 .42rem;color:var(--ink-soft);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase}.blog-year-day-post-list{list-style:none;margin:0;padding:0;display:grid;gap:.18rem}.blog-year-day-post-link{border:none;border-bottom:1px solid transparent;background:transparent;color:var(--ink);font:inherit;font-size:.84rem;text-align:left;padding:0;cursor:pointer}.blog-year-day-post-link:hover,.blog-year-day-post-link:focus-visible{border-bottom-color:#221d166b}@media(max-width:880px){.blog-sidebar{display:none}}
