.live-blog,.live-library{padding-block:clamp(2rem,6vw,5rem)}
.live-blog{--live-line:color-mix(in srgb,var(--design-ink,currentColor) 22%,transparent);--live-card:color-mix(in srgb,var(--design-bg,#fff) 94%,var(--design-ink,#111));--live-shadow:0 14px 38px color-mix(in srgb,var(--design-ink,#111) 10%,transparent)}
.live-header{width:min(100%,820px);margin-inline:auto;padding-block:clamp(1rem,4vw,3rem)}
.live-heading-meta{display:flex;align-items:center;flex-wrap:wrap;gap:.7rem 1rem;margin-bottom:1rem;font-size:.78rem;font-weight:750;letter-spacing:.035em}
.live-header h1{margin:.2rem 0 1rem;font-size:clamp(2.8rem,7vw,6.5rem);line-height:.92;overflow-wrap:anywhere;hyphens:auto}
.live-header .lead{max-width:64ch;font-size:clamp(1.1rem,2vw,1.4rem)}
.live-featured-image{width:min(50%,410px);margin:1.75rem 0}.live-featured-image figure,.live-images figure{margin:0;min-width:0}.live-featured-image a,.live-images a{display:block;overflow:hidden;cursor:zoom-in}.live-featured-image a:focus-visible,.live-images a:focus-visible{outline:3px solid var(--design-accent,var(--accent,currentColor));outline-offset:3px}.live-featured-image img{display:block;width:100%;height:auto;max-height:420px;object-fit:cover}
.live-badge{display:inline-flex;padding:.38rem .68rem;background:#b42318;color:#fff;font:800 .76rem/1 sans-serif;letter-spacing:.13em;border-radius:999px}.live-refresh{width:min(100%,820px);margin:0 auto 2rem;padding:.85rem 1rem;border:1px solid var(--live-line);border-radius:999px;font-size:.88rem}.live-refresh>span{display:inline-block;width:.62rem;height:.62rem;margin-right:.35rem;border-radius:50%;background:#17803d;box-shadow:0 0 0 .25rem color-mix(in srgb,#17803d 18%,transparent)}
.live-timeline{width:min(100%,980px);margin:0 auto;padding:clamp(1.5rem,4vw,3.5rem);background:color-mix(in srgb,var(--design-ink,currentColor) 6%,transparent);border-radius:2px}.live-stream-heading{width:min(100%,760px);margin:0 auto 1.5rem;padding-bottom:1rem;display:flex;align-items:end;justify-content:space-between;gap:1rem;border-bottom:1px solid var(--live-line)}.live-stream-heading h2{margin:.1rem 0 0;font-size:clamp(2rem,5vw,3.8rem);line-height:1}.live-stream-heading>p{margin:0;font-size:.78rem;font-weight:700;white-space:nowrap}
.live-stream{position:relative;width:min(100%,760px);margin-inline:auto;padding-left:1.75rem}.live-stream:before{content:"";position:absolute;inset:0 auto 0 .3rem;width:1px;background:var(--live-line)}.live-update{position:relative;margin:0 0 1.5rem;padding:clamp(1rem,3vw,1.65rem);color:var(--design-ink,currentColor);background:var(--live-card);border:1px solid var(--live-line);box-shadow:var(--live-shadow);scroll-margin-top:2rem}.live-update:before{content:"";position:absolute;top:1.25rem;left:-1.84rem;width:.7rem;height:.7rem;border:3px solid var(--design-bg,#fff);border-radius:50%;background:var(--design-accent,var(--accent,currentColor));box-shadow:0 0 0 1px var(--live-line)}.live-update:target{outline:4px solid color-mix(in srgb,var(--design-accent,var(--accent,currentColor)) 60%,transparent);outline-offset:4px}
.live-update-meta{display:flex;align-items:center;gap:.45rem 1rem;margin-bottom:1rem;padding-bottom:.75rem;border-bottom:1px solid var(--live-line);font-size:.78rem}.live-update-meta time{font-weight:850}.live-update-meta span{opacity:.78}.live-share{margin-left:auto;padding:.35rem .65rem;border:1px solid var(--live-line);border-radius:999px;color:inherit;background:transparent;font:inherit;font-weight:750;cursor:pointer}.live-share:hover{background:color-mix(in srgb,var(--design-accent,var(--accent,currentColor)) 12%,transparent)}.live-update-body{font-size:clamp(1rem,1.6vw,1.12rem);line-height:1.68}.live-update-body>:first-child{margin-top:0}.live-update-body>:last-child{margin-bottom:0}.live-update-body h2,.live-update-body h3{font-size:clamp(1.35rem,3vw,2rem);line-height:1.12}
.live-images{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;margin-top:1rem}.live-images img{display:block;width:100%;aspect-ratio:4/3;height:auto;object-fit:cover;transition:transform .2s ease}.live-images a:hover img,.live-images a:focus-visible img{transform:scale(1.025)}.live-permalink{display:inline-block;margin-top:1rem;font-size:.76rem;font-weight:700}.live-empty{padding:2rem;background:var(--live-card)}.live-bottom-nav{width:min(100%,820px);margin:2rem auto 0;display:flex;flex-wrap:wrap;gap:1rem 1.5rem}
.live-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.live-card-grid article{padding:1.25rem;border:1px solid color-mix(in srgb,currentColor 30%,transparent)}.live-card-grid h2{font-size:clamp(1.5rem,3vw,2.4rem)}.live-library-nav{margin-top:2rem}
.design-weiglin-cms .live-blog{--live-card:color-mix(in srgb,var(--design-bg) 97%,var(--design-ink));--live-shadow:0 9px 24px color-mix(in srgb,var(--design-ink) 8%,transparent)}.design-weiglin-cms .live-timeline{border:1px solid var(--live-line)}
.atelier .live-update{transform:rotate(-.15deg);border-style:dashed}.atelier .live-update:nth-child(even){transform:rotate(.15deg)}.atelier .live-stream:before{width:2px;border-left:1px dashed var(--live-line);background:transparent}
.scene .live-blog{--live-card:color-mix(in srgb,var(--design-bg) 88%,var(--design-ink));--live-shadow:0 16px 36px #0003}.scene .live-update{border-top:3px solid var(--design-accent)}
@media(max-width:650px){.live-featured-image{width:100%}.live-timeline{width:calc(100% + 2rem);margin-left:-1rem;padding:1.25rem 1rem}.live-stream-heading{align-items:start;flex-direction:column}.live-stream-heading>p{white-space:normal}.live-stream{padding-left:1.15rem}.live-stream:before{left:.2rem}.live-update{padding:1rem}.live-update:before{left:-1.27rem}.live-update-meta{align-items:flex-start;flex-wrap:wrap}.live-share{margin-left:0}.live-images{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.live-images img{transition:none}.live-images a:hover img,.live-images a:focus-visible img{transform:none}}