.blog-nav {position: sticky;top: 0;z-index: 100;background: var(--surface);border-bottom: 1px solid var(--line);}.blog-nav__in {max-width: 72rem;margin: 0 auto;padding: 0 1.5rem;height: 56px;display: flex;align-items: center;gap: 2rem;}.blog-nav__brand {display: flex;align-items: center;gap: 8px;text-decoration: none;color: var(--ink);font-family: var(--ui);font-weight: 700;font-size: 1rem;flex: none;}.blog-nav__links {display: flex;gap: 1.5rem;flex: 1;}.blog-nav__links a {font-family: var(--ui);font-size: 0.875rem;color: var(--ink-2);text-decoration: none;font-weight: 500;}.blog-nav__links a:hover {color: var(--ink);}.blog-nav__cta {display: flex;gap: 0.5rem;align-items: center;flex: none;}.blog-btn {display: inline-flex;align-items: center;font-family: var(--ui);font-size: 0.875rem;font-weight: 600;padding: 0.45rem 1rem;border-radius: var(--r-sm);text-decoration: none;transition: opacity 0.15s;}.blog-btn:hover {opacity: 0.85;}.blog-btn--ghost {color: var(--ink-2);border: 1px solid var(--line);background: transparent;}.blog-btn--primary {background: var(--ink);color: var(--surface);}.blog-btn--lg {font-size: 1rem;padding: 0.75rem 1.75rem;}.blog-index {max-width: 72rem;margin: 0 auto;padding: 3rem 1.5rem 5rem;}.blog-index__header {margin-bottom: 2.5rem;}.blog-index__header h1 {font-family: var(--display);font-size: clamp(1.75rem, 4vw, 2.75rem);color: var(--ink);margin: 0 0 0.5rem;}.blog-index__header p {font-family: var(--ui);color: var(--ink-2);font-size: 1.05rem;margin: 0;}.blog-grid {display: grid;grid-template-columns: repeat(auto-fill, minmax(min(100%, 22rem), 1fr));gap: 1.5rem;}.blog-card {background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 1.5rem;text-decoration: none;display: flex;flex-direction: column;gap: 0.75rem;box-shadow: var(--shadow-card);transition: box-shadow 0.2s, transform 0.2s;}.blog-card:hover {box-shadow: var(--shadow-pop);transform: translateY(-2px);}.blog-card__date {font-family: var(--ui);font-size: 0.8rem;color: var(--ink-3);font-weight: 500;text-transform: uppercase;letter-spacing: 0.04em;}.blog-card__title {font-family: var(--display);font-size: 1.15rem;font-weight: 600;color: var(--ink);line-height: 1.35;margin: 0;}.blog-card__excerpt {font-family: var(--ui);font-size: 0.9rem;color: var(--ink-2);line-height: 1.6;flex: 1;margin: 0;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}.blog-card__read {font-family: var(--ui);font-size: 0.85rem;font-weight: 600;color: var(--accent);}.blog-main {max-width: 72rem;margin: 0 auto;padding: 3rem 1.5rem 5rem;display: grid;grid-template-columns: 1fr min(100%, 38rem);gap: 3rem;align-items: start;}@media (max-width: 900px) {.blog-main {grid-template-columns: 1fr;}.blog-cta-block {order: -1;}}.blog-article {min-width: 0;}.blog-article__header {margin-bottom: 2rem;padding-bottom: 1.5rem;border-bottom: 1px solid var(--line);}.blog-article__meta {display: flex;align-items: center;gap: 0.75rem;font-family: var(--ui);font-size: 0.8rem;color: var(--ink-3);margin-bottom: 1rem;flex-wrap: wrap;}.blog-tag {background: var(--accent-wash);color: var(--accent-ink);padding: 0.2rem 0.6rem;border-radius: var(--r-xs);font-weight: 600;text-transform: uppercase;letter-spacing: 0.04em;}.blog-article__header h1 {font-family: var(--display);font-size: clamp(1.6rem, 4vw, 2.4rem);color: var(--ink);line-height: 1.2;margin: 0 0 0.75rem;}.blog-article__lead {font-family: var(--ui);font-size: 1.1rem;color: var(--ink-2);line-height: 1.6;margin: 0;}.blog-article__body {font-family: var(--ui);font-size: 1rem;color: var(--ink);line-height: 1.75;}.blog-article__body h2 {font-family: var(--display);font-size: 1.4rem;color: var(--ink);margin: 2.5rem 0 0.75rem;line-height: 1.3;}.blog-article__body h3 {font-family: var(--display);font-size: 1.1rem;color: var(--ink);margin: 2rem 0 0.5rem;}.blog-article__body p {margin: 0 0 1.25rem;}.blog-article__body ul, .blog-article__body ol {padding-left: 1.5rem;margin: 0 0 1.25rem;}.blog-article__body li {margin-bottom: 0.4rem;}.blog-article__body a {color: var(--accent-ink);text-decoration: underline;}.blog-article__body strong {font-weight: 600;}.blog-article__body code {font-family: var(--mono);font-size: 0.88em;background: var(--canvas);padding: 0.1em 0.35em;border-radius: var(--r-xs);}.blog-article__footer {margin-top: 3rem;padding-top: 1.5rem;border-top: 1px solid var(--line);}.blog-back {font-family: var(--ui);font-size: 0.9rem;color: var(--ink-2);text-decoration: none;font-weight: 500;}.blog-back:hover {color: var(--ink);}.blog-cta-block {position: sticky;top: 72px;align-self: start;}.blog-cta-block__in {background: var(--surface);border: 1px solid var(--line);border-radius: var(--r-lg);padding: 1.75rem;box-shadow: var(--shadow-card);}.blog-cta-block__in h2 {font-family: var(--display);font-size: 1.25rem;color: var(--ink);margin: 0 0 0.75rem;line-height: 1.3;}.blog-cta-block__in p {font-family: var(--ui);font-size: 0.9rem;color: var(--ink-2);line-height: 1.6;margin: 0 0 1.25rem;}.blog-cta-note {font-size: 0.8rem !important;color: var(--ink-3) !important;margin-top: 0.5rem !important;margin-bottom: 0 !important;}.blog-footer {background: var(--canvas);border-top: 1px solid var(--line);padding: 1.5rem;}.blog-footer__in {max-width: 72rem;margin: 0 auto;display: flex;align-items: center;gap: 1.5rem;flex-wrap: wrap;}.blog-footer__brand {display: flex;align-items: center;gap: 6px;text-decoration: none;color: var(--ink);font-family: var(--ui);font-weight: 700;font-size: 0.9rem;}.blog-footer__links {display: flex;gap: 1rem;flex: 1;}.blog-footer__links a {font-family: var(--ui);font-size: 0.85rem;color: var(--ink-2);text-decoration: none;}.blog-footer__links a:hover {color: var(--ink);}.blog-footer__copy {font-family: var(--ui);font-size: 0.8rem;color: var(--ink-3);margin: 0;}.blog-footer__copy a {color: var(--ink-3);}