.blog-index,.blog-post{padding:44px 0 80px;color:var(--c-ink)}.blog-index__inner,.blog-post__container{display:grid;gap:30px}.blog-post{--blog-measure: 680px;--blog-text: #283039;padding-top:36px}.blog-post__container{grid-template-columns:minmax(0,1fr);max-width:1100px;gap:28px}.blog-index__inner{max-width:1160px;gap:28px}.blog-index__header{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;padding:4px 0 24px;border-bottom:1px solid var(--c-line)}.blog-kicker{margin:0 0 10px;color:var(--c-accent-ink);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.blog-index__header h1{margin:0;color:var(--c-ink);font-size:clamp(28px,3vw,36px);font-weight:700;line-height:1.2;letter-spacing:-.025em}.blog-index__header>p{max-width:42rem;margin:0;color:var(--c-muted);font-size:17px;line-height:1.65}.blog-card-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.blog-card{min-width:0;overflow:hidden;display:grid;border:1px solid var(--c-line);border-radius:var(--radius-card);background:var(--c-surface);box-shadow:var(--shadow-soft)}.blog-card--featured{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr)}.blog-card__image-link{min-height:260px;overflow:hidden;background:var(--c-surface-soft)}.blog-card__image{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}.blog-card:hover .blog-card__image{transform:scale(1.018)}.blog-card__body{min-width:0;display:flex;flex-direction:column;gap:15px;padding:25px}.blog-card__meta,.blog-byline,.blog-card__footer{display:flex;flex-wrap:wrap;gap:8px 14px;align-items:center;color:var(--c-faint);font-size:12px;font-weight:650}.blog-card__category{color:var(--c-positive-ink);font-weight:800}.blog-card h2{margin:0;color:var(--c-ink);font-size:clamp(23px,3vw,34px);line-height:1.08}.blog-card h2 a:hover{color:var(--c-accent-ink)}.blog-card p{margin:0;color:var(--c-muted);font-size:15px;line-height:1.65}.blog-card__footer{justify-content:space-between;margin-top:auto;padding-top:8px}.blog-card__read{min-height:38px;display:inline-flex;gap:5px;align-items:center;border-radius:999px;padding:0 13px;color:#fff;background:var(--c-brand);font-weight:750}.blog-card__read:hover{background:var(--c-brand-hover)}.blog-index .blog-kicker{font-size:14px;letter-spacing:.08em}.blog-index .blog-card-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}.blog-index .blog-card{grid-template-columns:minmax(0,1fr);grid-template-rows:auto 1fr}.blog-index .blog-card__image-link{min-height:0;aspect-ratio:16 / 10}.blog-index .blog-card__body{gap:12px;padding:20px}.blog-index :is(.blog-card__meta,.blog-card__footer){color:var(--c-muted);font-size:14px;font-weight:500;line-height:1.5}.blog-index .blog-card h2{font-size:23px;line-height:1.3;letter-spacing:-.015em}.blog-index .blog-card p{font-size:16px}.blog-index .blog-card__read{min-height:44px}@media(max-width:1100px){.blog-index__inner{max-width:784px}.blog-index .blog-card-grid{grid-template-columns:repeat(2,minmax(0,380px))}}.blog-breadcrumbs{display:flex;flex-wrap:wrap;gap:7px;align-items:center;color:var(--c-faint);font-size:13px}.blog-breadcrumbs a{display:inline-flex;gap:5px;align-items:center}.blog-breadcrumbs a:hover{color:var(--c-accent-ink)}.blog-post__header{min-width:0;width:min(100%,var(--blog-measure));margin-inline:auto;display:grid;gap:14px;padding:4px 0 24px;border-bottom:1px solid var(--c-line)}.blog-post__header h1{max-width:none;margin:0;color:var(--c-ink);font-size:36px;font-weight:700;line-height:1.2;letter-spacing:-.025em;text-wrap:balance;overflow-wrap:break-word}.blog-post__dek{max-width:780px;margin:0;color:var(--c-muted);font-size:17px;line-height:1.65}.blog-post .blog-byline{gap:6px 12px;font-size:13px;font-weight:500;line-height:1.5;color:var(--c-muted)}.blog-post .blog-byline a:hover{text-decoration:underline;text-underline-offset:3px}.blog-post .blog-breadcrumbs{width:min(100%,var(--blog-measure));margin-inline:auto;color:var(--c-muted)}.blog-byline>*+*:before{content:"·";margin-right:12px;color:var(--c-line)}.blog-post__hero{overflow:hidden;aspect-ratio:3 / 2;margin:0;border-radius:var(--radius-module);background:var(--c-surface-soft);box-shadow:var(--shadow-card)}.blog-post__hero img{width:100%;height:100%;object-fit:cover}.blog-poster-gallery{display:grid;gap:22px;border:1px solid var(--c-line);border-radius:var(--radius-module);padding:24px;background:var(--c-surface);box-shadow:var(--shadow-soft)}.blog-poster-gallery__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.7fr);gap:24px;align-items:end}.blog-poster-gallery__heading h2{margin:0;font-size:clamp(25px,3vw,34px);line-height:1.08}.blog-poster-gallery__heading>p{margin:0 0 2px;color:var(--c-muted);font-size:14px;line-height:1.6}.blog-poster-gallery__grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:18px 14px}.blog-poster-card{min-width:0;display:grid;gap:9px;color:var(--c-ink)}.blog-poster-card__image{position:relative;overflow:hidden;aspect-ratio:3 / 4;border-radius:12px;background:var(--c-surface-soft);box-shadow:var(--shadow-soft)}.blog-poster-card__image img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .22s ease}.blog-poster-card:hover .blog-poster-card__image img{transform:scale(1.025)}.blog-poster-card__rank{position:absolute;top:8px;left:8px;min-width:28px;min-height:28px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.5);border-radius:999px;padding:0 7px;color:#fff;background:#121417c2;box-shadow:0 4px 14px #00000038;font-size:12px;font-weight:850;backdrop-filter:blur(8px)}.blog-poster-card__title{display:-webkit-box;overflow:hidden;min-height:2.7em;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-size:13px;font-weight:750;line-height:1.35}.blog-portraits{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(10px,2vw,24px);padding:22px;border:1px solid var(--c-line);border-radius:16px;background:var(--c-surface-soft)}.blog-portraits figure{min-width:0;margin:0}.blog-portraits figure>a{display:grid;gap:5px}.blog-portraits img{display:block;width:100%;height:auto;aspect-ratio:4 / 5;object-fit:cover;object-position:center 20%;border-radius:10px;margin-bottom:8px}.blog-portraits__name{color:var(--c-ink);font-size:clamp(14px,1.7vw,19px);font-weight:800}.blog-portraits__chinese{color:var(--c-muted);font-size:12px;line-height:1.5}.blog-portraits a:focus-visible{outline:3px solid var(--c-accent-ink);outline-offset:4px;border-radius:5px}.blog-post__layout{min-width:0;position:relative}.blog-post__aside{position:sticky;top:108px;height:0}.blog-toc{max-height:calc(100dvh - 132px);overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--c-line) transparent}.blog-toc--desktop{width:168px}.blog-toc__title{min-height:24px;display:flex;align-items:center;margin:0;color:var(--c-ink);font-size:12px;font-weight:600;color:var(--c-muted)}.blog-toc ol{display:grid;gap:4px;margin:14px 0 0;padding:0;border-left:1px solid var(--c-line);list-style:none}.blog-toc li{line-height:1.35}.blog-toc a{min-height:36px;display:flex;align-items:center;color:var(--c-muted);margin-left:-1px;border-left:1px solid transparent;padding:6px 0 6px 14px;font-size:13px}.blog-toc a:hover{color:var(--c-accent-ink)}.blog-toc a[aria-current=location]{color:var(--c-accent-ink);border-left-color:currentColor;font-weight:650}.blog-toc--mobile{display:none}.blog-toc__toggle{min-height:44px;display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;padding:10px 15px;color:var(--c-surface);background:var(--c-brand);box-shadow:0 4px 18px #161d2829;cursor:pointer;font-size:13px;font-weight:650}.blog-toc__popover{position:fixed;inset:auto 0 0;width:min(480px,100%);max-height:none;overflow:hidden;margin:0 auto;padding:0 8px env(safe-area-inset-bottom);border:0;color:var(--c-ink);background:var(--c-surface);border-radius:16px 16px 0 0;box-shadow:0 12px 40px #161d2833}.blog-toc__popover::backdrop{background:#161d2847}.blog-toc__popover-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 8px 8px 16px;border-bottom:1px solid var(--c-line)}.blog-toc__close{width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:8px;color:var(--c-muted);background:transparent;cursor:pointer}.blog-toc__close:hover{background:var(--c-surface-soft)}.blog-toc :where(a,button):focus-visible,.blog-toc__toggle:focus-visible{outline:2px solid var(--c-accent-ink);outline-offset:3px;border-radius:3px}.blog-prose{min-width:0;max-width:var(--blog-measure);margin-inline:auto;color:var(--blog-text);font-size:18px;line-height:1.75;overflow-wrap:break-word}.blog-prose>:first-child{margin-top:0}.blog-prose :where(h2,h3,h4){scroll-margin-top:100px;color:var(--c-ink);font-weight:700;letter-spacing:-.015em;text-wrap:balance}.blog-prose h2{margin:56px 0 18px;font-size:26px;line-height:1.3}.blog-prose h3{margin:32px 0 12px;font-size:20px;line-height:1.4}.blog-prose h4{margin:24px 0 10px;font-size:18px;line-height:1.45}.blog-prose h2+h3{margin-top:24px}.blog-prose :where(p,ul,ol,blockquote){margin:0 0 1.1em}.blog-prose :where(ul,ol){padding-left:1.3em}.blog-prose>ol>li::marker{color:var(--c-accent-ink);font-weight:850}.blog-table-scroll,.blog-prose pre{max-width:100%;overflow-x:auto}.blog-table-scroll{margin:28px 0;border:1px solid var(--c-line);border-radius:6px;padding:6px 14px;background:var(--c-surface);scrollbar-width:thin;scrollbar-color:var(--c-muted) var(--c-surface-soft)}.blog-table-scroll:focus-visible{outline:2px solid var(--c-focus);outline-offset:3px}.blog-prose table{width:100%;min-width:600px;margin:0;border-collapse:collapse;font-size:16px;line-height:1.55;font-variant-numeric:tabular-nums;background:var(--c-surface)}.blog-prose :where(th,td){border-bottom:1px solid var(--c-line);padding:12px 10px;text-align:left;vertical-align:top}.blog-prose th{color:var(--c-ink);background:var(--c-surface);font-weight:650}.blog-prose th:first-child,.blog-prose td:first-child{position:sticky;left:0;min-width:136px;max-width:160px;background:var(--c-surface)}.blog-prose tr:last-child td{border-bottom:0}.blog-prose li+li{margin-top:.55em}.blog-prose a{color:var(--c-accent-ink);text-decoration:underline;text-decoration-color:#b91f434d;text-underline-offset:3px}.blog-prose a:hover{text-decoration-color:currentColor}.blog-prose blockquote{border-left:1px solid var(--c-positive);padding:4px 0 4px 24px;color:var(--c-ink);font-size:1.1em}.blog-prose img{width:auto;max-width:100%;height:auto;display:block;margin:2em auto;border-radius:4px}.blog-prose>figure{margin:32px 0}.blog-prose>figure img{margin:0 auto}.blog-prose figcaption{margin-top:10px;color:var(--c-muted);font-size:13px;line-height:1.55}.blog-prose .blog-story{display:grid;grid-template-columns:200px minmax(0,1fr);align-items:start;gap:28px;margin:36px 0;padding-top:28px;border-top:1px solid var(--c-line)}.blog-prose .blog-story img{width:100%;margin:0}.blog-prose .blog-story h3{margin:0 0 12px;font-size:23px}.blog-prose .blog-story p{font-size:17px;line-height:1.7}.blog-prose .blog-story p:first-child{margin-top:0}.blog-prose .blog-story p:last-child{margin-bottom:0}@media(max-width:640px){.blog-prose .blog-story{display:flow-root;margin-block:28px;padding-top:24px}.blog-prose .blog-story>a{float:left;width:120px;margin:0 20px 12px 0}.blog-prose .blog-story h3{font-size:21px;text-wrap:initial}.blog-prose .blog-story p{font-size:16px}.blog-prose .blog-story p:last-child{clear:both;padding-top:8px}}.blog-post ::selection{background:var(--c-accent-soft);color:var(--c-ink)}.blog-prose a:focus-visible{outline:2px solid var(--c-focus);outline-offset:4px}.blog-prose hr{height:1px;margin:2.6em 0;border:0;background:var(--c-line)}.blog-prose code{border-radius:5px;padding:.12em .38em;background:var(--c-surface-soft);font-size:.88em}.blog-related{min-width:0;display:grid;gap:22px;margin-top:40px;border-top:1px solid var(--c-line);padding-top:30px;width:min(100%,var(--blog-measure));margin-inline:auto}.blog-related .blog-card-grid{grid-template-columns:1fr;gap:0}.blog-related .blog-card{grid-template-columns:116px minmax(0,1fr);gap:24px;padding-block:24px;border:0;border-bottom:1px solid var(--c-line);border-radius:0;box-shadow:none;background:transparent}.blog-related .blog-card__image-link{min-height:0;height:90px;border-radius:4px}.blog-related .blog-card__body{padding:0;gap:10px}.blog-related :is(.blog-card__meta,.blog-card__footer,.blog-card__body>p){display:none}.blog-related__heading h2,.blog-post .blog-poster-gallery__heading h2{margin:0;font-size:26px;line-height:1.3}.blog-related .blog-card h2{font-size:22px;line-height:1.3}@media(max-width:1179px){.blog-post__aside{display:contents}.blog-post__container{max-width:var(--blog-measure)}.blog-post__header h1{font-size:34px}.blog-toc--desktop{display:none}.blog-toc--mobile{display:block;position:fixed;right:max(16px,env(safe-area-inset-right));bottom:calc(16px + env(safe-area-inset-bottom));z-index:35}.blog-toc__popover ol{max-height:min(60dvh,420px);overflow-y:auto;margin:0 8px;padding:8px 0 12px;border:0;overscroll-behavior:contain}.blog-toc__popover a{min-height:48px;font-size:16px;padding-left:8px}}@media(max-width:900px){.blog-index__header,.blog-card--featured{grid-template-columns:1fr}.blog-index__header{align-items:start}.blog-poster-gallery__heading{grid-template-columns:1fr;gap:8px}.blog-poster-gallery__grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(150px,30vw);overflow-x:auto;overscroll-behavior-inline:contain;padding:2px 2px 12px;scroll-snap-type:inline mandatory;scrollbar-width:thin}.blog-poster-card{scroll-snap-align:start}}@media(max-width:640px){.blog-portraits{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(132px,42vw);padding:14px;gap:14px;overflow-x:auto;scroll-snap-type:inline mandatory;scrollbar-width:thin}.blog-portraits figure{scroll-snap-align:start}.blog-portraits__name{font-size:17px}.blog-index,.blog-post{padding:22px 0 56px}.blog-index__inner,.blog-post__container{gap:22px}.blog-index__header{gap:12px;padding-top:0}.blog-index__header h1{font-size:28px}.blog-card-grid{grid-template-columns:1fr}.blog-index__inner{max-width:420px}.blog-index .blog-card-grid{grid-template-columns:minmax(0,1fr);gap:20px}.blog-card__image-link{min-height:210px;aspect-ratio:3 / 2}.blog-card__body{padding:20px}.blog-card h2{font-size:25px}.blog-card__footer{align-items:flex-end}.blog-card__read{min-height:44px}.blog-post__header{gap:12px;padding-top:0;padding-bottom:20px}.blog-post__header h1{font-size:28px;line-height:1.22;letter-spacing:-.02em}.blog-breadcrumbs{font-size:12px}.blog-breadcrumbs>[aria-current],.blog-breadcrumbs>svg:last-of-type{display:none}.blog-post__dek{font-size:16px}.blog-byline>*+*:before{content:none}.blog-post__hero{margin-inline:-14px;border-radius:0}.blog-poster-gallery{margin-inline:-14px;border-inline:0;border-radius:0;padding:21px 14px 16px}.blog-poster-gallery__grid{grid-auto-columns:minmax(142px,42vw)}.blog-prose{font-size:17px;line-height:1.75}.blog-prose h2{margin-top:36px;font-size:23px;line-height:1.35}.blog-prose h3{margin-top:28px;font-size:19px}.blog-prose h4{font-size:17px}.blog-related__heading h2,.blog-post .blog-poster-gallery__heading h2{font-size:23px}.blog-related .blog-card h2{font-size:20px}.blog-related .blog-card{grid-template-columns:80px minmax(0,1fr);gap:16px}.blog-related .blog-card__image-link{height:80px}.blog-related .blog-card__body{padding:0}.blog-post{padding-bottom:calc(84px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.blog-card__image,.blog-poster-card__image img{transition:none}}
