.popover-showcase-demo{display:grid;gap:var(--space-md);padding:var(--space-lg) 0}.popover-showcase-demo__row{display:flex;flex-wrap:wrap;gap:var(--space-sm);align-items:center}.popover-showcase-demo__legend-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem 1rem;margin:0}.popover-showcase-demo__legend-item{display:grid;gap:.16rem;margin:0}.popover-showcase-demo__legend-label{margin:0;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.popover-showcase-demo__legend-description{margin:0;color:var(--color-text);line-height:1.35}.popover-showcase-demo__copy{margin:0;line-height:1.45;color:var(--color-text);max-width:28rem}@media (max-width: 40rem){.popover-showcase-demo__legend-list{grid-template-columns:minmax(0,1fr)}}.posts-sidebar,.post-article{min-width:0}.posts-sidebar{display:grid;gap:var(--space-md)}.posts-sidebar__status,.post-article__status{margin:0;border:1px dashed color-mix(in srgb,var(--color-border) 82%,transparent);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-hover) 62%,var(--color-surface));color:var(--color-text-muted);padding:var(--space-md);line-height:1.6}.posts-sidebar__list{display:grid;gap:var(--space-md)}.posts-sidebar__card{display:grid;gap:var(--space-sm);color:inherit;text-decoration:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface);overflow:hidden;transition:none}.posts-sidebar__card:hover,.posts-sidebar__card:focus-visible{border-color:var(--color-border-subtle);background:var(--color-surface)}.posts-sidebar__card--selected{border-color:var(--color-border-subtle);background:var(--color-surface-hover)}.posts-sidebar__cover{position:relative;aspect-ratio:16 / 9;overflow:hidden;background:linear-gradient(140deg,color-mix(in srgb,var(--color-accent) 44%,transparent),transparent 58%),linear-gradient(180deg,color-mix(in srgb,var(--color-surface-hover) 82%,var(--color-surface)),var(--color-surface))}.posts-sidebar__cover img{width:100%;height:100%;object-fit:cover;display:block}.posts-sidebar__cover-placeholder{position:absolute;inset:0;display:grid;place-items:center;color:color-mix(in srgb,var(--color-text-muted) 84%,var(--color-text));font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.posts-sidebar__body{display:grid;gap:var(--space-xs);padding:0 var(--space-sm) var(--space-sm)}.posts-sidebar__meta,.post-article__meta{display:flex;flex-wrap:wrap;gap:var(--space-xs);align-items:center;color:var(--color-text-muted);font-size:.82rem}.posts-sidebar__author-avatar,.post-article__author-avatar{width:1.5rem;height:1.5rem;border-radius:999px;object-fit:cover;background:color-mix(in srgb,var(--color-surface-hover) 70%,var(--color-surface))}.posts-sidebar__author-fallback,.post-article__author-fallback{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:999px;background:color-mix(in srgb,var(--color-accent) 18%,var(--color-surface));color:var(--color-accent);font-size:.72rem;font-weight:700}.posts-sidebar__card-title{margin:0;font-size:1rem;font-weight:600;line-height:1.4}.posts-sidebar__excerpt{margin:0;color:var(--color-text-muted);font-size:.92rem;line-height:1.55}.posts-sidebar__excerpt--standalone{color:var(--color-text);font-size:.92rem;font-weight:400;line-height:1.5}.posts-sidebar__tags,.post-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-2xs)}.posts-sidebar__tag,.post-article__tag{display:inline-flex;align-items:center;padding:.24rem .5rem;border:1px solid var(--color-border-subtle);border-radius:var(--radius-pill, 999px);background:color-mix(in srgb,var(--color-surface-hover) 72%,var(--color-surface));color:var(--color-text-muted);font-size:.72rem;font-weight:600;line-height:1.2}.post-article{display:grid;gap:var(--space-lg)}.post-article__hero{display:grid;gap:var(--space-lg);padding:clamp(var(--space-md),2vw,var(--space-xl));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.post-article__hero-copy{display:grid;gap:var(--space-sm)}.post-article__title{margin:0;font-size:clamp(1.8rem,3vw,2.8rem);line-height:1.08}.post-article__excerpt{margin:0;color:var(--color-text-muted);font-size:1rem;line-height:1.7;max-width:65ch}.post-article__hero-image{width:100%;max-height:32rem;object-fit:cover;border-radius:calc(var(--radius-lg) + .15rem);display:block}.post-article__content{display:grid;gap:var(--space-md);padding:clamp(var(--space-md),2vw,var(--space-xl));border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);background:var(--color-surface)}.posts-skeleton{position:relative;display:block;overflow:hidden;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-surface-hover) 76%,var(--color-surface))}.posts-skeleton:after{content:"";position:absolute;inset:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--color-surface) 84%,transparent) 50%,transparent 100%);animation:posts-skeleton-shimmer 1.2s ease-in-out infinite}@keyframes posts-skeleton-shimmer{to{transform:translate(100%)}}.posts-sidebar__cover--skeleton{background:var(--color-surface-hover)}.posts-skeleton--cover,.posts-skeleton--hero-image,.posts-skeleton--body-image{width:100%;border-radius:0}.posts-skeleton--cover{aspect-ratio:16 / 9}.posts-skeleton--avatar{width:1.5rem;height:1.5rem;border-radius:999px}.posts-skeleton--meta{width:4.8rem;height:.8rem}.posts-skeleton--meta-short{width:3rem}.posts-skeleton--title{width:100%;height:1.1rem}.posts-skeleton--title-short{width:72%}.posts-skeleton--copy{width:100%;height:.95rem}.posts-skeleton--copy-short{width:84%}.posts-skeleton--hero-title{width:100%;height:clamp(2.1rem,4vw,3rem)}.posts-skeleton--hero-title-short{width:76%}.posts-skeleton--hero-copy{width:100%;height:1rem}.posts-skeleton--hero-copy-short{width:68%}.posts-skeleton--hero-image{aspect-ratio:16 / 9;border-radius:var(--radius-md)}.posts-skeleton--body-line{width:100%;height:1rem}.posts-skeleton--body-line-short{width:74%}.posts-skeleton--body-image{aspect-ratio:16 / 9;border-radius:var(--radius-md)}.post-article__content :is(p,ul,ol,blockquote,h2,h3,h4,h5,h6){margin:0}.post-article__content p,.post-article__content li{line-height:1.8}.post-article__content ul,.post-article__content ol{padding-left:1.2rem}.post-article__content a{color:var(--color-accent);overflow-wrap:anywhere}.post-article__content img{width:100%;height:auto;display:block;margin:var(--space-sm) 0;border-radius:var(--radius-lg);background:color-mix(in srgb,var(--color-surface-hover) 70%,var(--color-surface))}.post-article__content blockquote{padding-left:var(--space-md);border-left:3px solid color-mix(in srgb,var(--color-accent) 40%,transparent);color:var(--color-text-muted)}@media (max-width: 40rem){.posts-sidebar__body{padding:0 var(--space-sm) var(--space-sm)}.post-article__hero,.post-article__content{padding:var(--space-md)}}