.blog-header{padding-bottom:var(--space-lg);border-bottom:.0625rem solid var(--color-border-light);margin-bottom:var(--space-2xl)}.blog-header__title{font-family:var(--font-sans);font-size:var(--text-3xl);font-weight:var(--weight-bold);color:var(--color-text);margin-bottom:var(--space-xs);line-height:var(--leading-tight)}.blog-header__desc{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:var(--space-lg);line-height:var(--leading-relaxed)}.blog-header__author-row{margin-bottom:var(--space-sm);font-size:var(--text-sm);justify-content:space-between;align-items:center;display:flex}.blog-header__author{align-items:center;gap:var(--space-xs);font-weight:var(--weight-semibold);color:var(--color-text);display:flex}.blog-header__avatar{border-radius:var(--radius-full);width:1.75rem;height:1.75rem}.blog-header__time{align-items:center;gap:var(--space-md);color:var(--color-text-secondary);font-size:var(--text-sm);font-weight:var(--weight-medium);display:inline-flex}.blog-header__dot{color:var(--color-text-secondary);font-size:var(--text-xs);opacity:.8}.blog-header__tags{gap:var(--space-sm);flex-wrap:wrap;display:flex}.blog-header__tag{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-primary);text-decoration:none}.blog-header__tag:hover{text-decoration:underline}@media (max-width:48rem){.blog-header__title{font-size:var(--text-2xl)}.blog-header__author-row{align-items:flex-start;gap:var(--space-2xs);flex-direction:column}}
.portal-tooltip-trigger{align-items:center;display:inline-flex}.portal-tooltip{z-index:9999;pointer-events:none;background-color:var(--color-dark-bg);color:var(--color-text-inverse);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);border:.0625rem solid var(--color-dark-surface);font-family:var(--font-sans);font-size:var(--text-xs);font-weight:var(--weight-medium);line-height:var(--leading-normal);word-break:break-word;width:max-content;max-width:18rem;animation:portalTooltipFadeIn var(--transition-fast) ease-out forwards;position:absolute}.portal-tooltip--top{transform:translate(-100%,-100%)}.portal-tooltip--bottom{transform:translate(-100%)}.portal-tooltip__arrow{background-color:var(--color-dark-bg);border:.0625rem solid var(--color-dark-surface);width:.5rem;height:.5rem;position:absolute}.portal-tooltip--top .portal-tooltip__arrow{border-top:none;border-left:none;bottom:-.25rem;right:1.25rem;transform:rotate(45deg)}.portal-tooltip--bottom .portal-tooltip__arrow{border-bottom:none;border-right:none;top:-.25rem;right:1.25rem;transform:rotate(45deg)}.portal-tooltip__content{z-index:1;position:relative}@keyframes portalTooltipFadeIn{0%{opacity:0;transform:translate(-100%,-95%)}to{opacity:1;transform:translate(-100%,-100%)}}
.blog-nav{padding-top:var(--space-xl);margin-top:var(--space-2xl);border-top:.0625rem solid var(--color-border-light);justify-content:space-between;align-items:center;gap:var(--space-md);display:flex}.blog-nav__link{align-items:center;gap:var(--space-xs);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);cursor:pointer;transition:color var(--transition-fast), transform var(--transition-fast);background:0 0;border:none;padding:0;text-decoration:none;display:inline-flex}.blog-nav__link:hover{color:var(--color-primary-hover)}.blog-nav__link--prev:hover{transform:translate(-.1875rem)}.blog-nav__link--next:hover{transform:translate(.1875rem)}.blog-nav__arrow{font-size:var(--text-base);line-height:1}