.blog-post__band{background:var(--surface-page);min-height:60vh;padding-block:var(--space-16) 96px}.blog-post__wrap{margin-inline:auto;max-width:960px}.blog-listing__wrap{background:var(--surface-page);margin-inline:auto;max-width:var(--content-max);min-height:60vh;padding-block:var(--space-16) 96px;padding-inline:var(--space-6)}.blog-breadcrumb__item--current{max-width:32ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.blog-post__title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-44);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);line-height:var(--lh-snug);margin-block:0 var(--space-6)}.blog-post__meta{align-items:center;color:var(--text-secondary);display:flex;flex-wrap:wrap;font-family:var(--font-body);font-size:var(--fs-14);gap:var(--space-4);margin-block-end:var(--space-8)}.blog-post__author-chip{align-items:center;display:flex;gap:var(--space-2)}.blog-post__author-avatar{border:2px solid var(--border-default);border-radius:var(--radius-pill);height:40px;object-fit:cover;width:40px}.blog-post__author-name{color:var(--text-primary);font-weight:var(--fw-semibold)}.blog-post__date,.blog-post__read-time{color:var(--text-secondary)}.blog-post__author-chip+*,.blog-post__meta>*+*{border-inline-start:1px solid var(--border-default);padding-inline-start:var(--space-4)}.blog-post__featured-image{border-radius:var(--radius-lg);margin:0 0 var(--space-10);overflow:hidden}.blog-post__hero-img{aspect-ratio:16/9;display:block;height:auto;object-fit:cover;width:100%}.blog-post__body{color:var(--text-primary);font-family:var(--font-body);font-size:var(--fs-16);line-height:var(--lh-relaxed);margin-block-end:var(--space-10)}.blog-post__body h2{font-size:var(--fs-32);margin-block:var(--space-10) var(--space-4)}.blog-post__body h2,.blog-post__body h3{color:var(--text-primary);font-family:var(--font-display);font-weight:var(--fw-bold);letter-spacing:var(--ls-heading);line-height:var(--lh-snug)}.blog-post__body h3{font-size:var(--fs-24);margin-block:var(--space-8) var(--space-3)}.blog-post__body h4{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin-block:var(--space-6) var(--space-2)}.blog-post__body ol,.blog-post__body p,.blog-post__body ul{color:var(--text-secondary);margin-block:0 var(--space-5)}.blog-post__body ol,.blog-post__body ul{padding-inline-start:var(--space-6)}.blog-post__body li{line-height:var(--lh-relaxed);margin-block-end:var(--space-2)}.blog-post__body a{color:var(--text-link);text-decoration:underline;text-underline-offset:2px}.blog-post__body a:hover{color:var(--brand-primary)}.blog-post__body strong{color:var(--text-primary);font-weight:var(--fw-semibold)}.blog-post__body em{font-style:italic}.blog-post__body blockquote{background:var(--brand-primary-050);border-inline-start:4px solid var(--brand-primary);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--text-primary);font-size:var(--fs-18);line-height:var(--lh-relaxed);margin-block:var(--space-8);margin-inline:0;padding-block:var(--space-4);padding-inline:var(--space-6)}.blog-post__body blockquote p{color:inherit;margin:0}.blog-post__body img{height:auto;max-width:100%}.blog-post__body img,.blog-post__body pre{border-radius:var(--radius-md);margin-block:var(--space-6)}.blog-post__body pre{background:var(--ap-shark);color:var(--white);font-size:var(--fs-14);line-height:var(--lh-relaxed);overflow-x:auto;padding:var(--space-5)}.blog-post__body code{background:var(--ink-100);border-radius:var(--radius-sm);color:var(--ink-900);font-family:var(--font-mono);font-size:.875em;padding:.1em .3em}.blog-post__body pre code{background:none;color:inherit;padding:0}.blog-post__tags{align-items:flex-start;border-block-start:1px solid var(--border-default);display:flex;flex-wrap:wrap;gap:var(--space-3);margin-block-end:var(--space-10);padding-block-start:var(--space-6)}.blog-post__tags-label{color:var(--text-secondary);font-family:var(--font-body);font-size:var(--fs-14);font-weight:var(--fw-semibold);padding-block-start:2px}.blog-post__tag-list{display:flex;flex-wrap:wrap;gap:var(--space-2);list-style:none;margin:0;padding:0}.blog-post__tag{align-items:center;background:var(--ink-100);border-radius:var(--radius-pill);color:var(--text-secondary);display:inline-flex;font-family:var(--font-body);font-size:var(--fs-12);font-weight:var(--fw-semibold);height:28px;padding-inline:var(--space-3);text-decoration:none;transition:background var(--motion-micro) var(--ease-out),color var(--motion-micro) var(--ease-out)}.blog-post__tag:hover{background:var(--brand-primary-100);color:var(--brand-primary)}.blog-post__author-bio{background:var(--surface-subtle);border-radius:var(--radius-lg);margin-block-end:var(--space-10);padding:var(--space-6)}.author-bio__inner{align-items:flex-start;display:flex;gap:var(--space-5)}.author-bio__avatar{border:2px solid var(--border-default);border-radius:var(--radius-pill);flex-shrink:0;height:72px;object-fit:cover;width:72px}.author-bio__body{flex:1 1 0}.author-bio__name{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-16);font-weight:var(--fw-bold);margin-block-end:var(--space-2)}.author-bio__text{color:var(--text-secondary);line-height:var(--lh-relaxed);margin-block-end:var(--space-3)}.author-bio__link,.author-bio__text{font-family:var(--font-body);font-size:var(--fs-14)}.author-bio__link{color:var(--text-link);font-weight:var(--fw-semibold);text-decoration:underline;text-underline-offset:2px}.author-bio__link:hover{color:var(--brand-primary)}.blog-post__related{border-block-start:1px solid var(--border-default);padding-block-start:var(--space-10)}.blog-related__heading{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-24);font-weight:var(--fw-bold);margin-block-end:var(--space-6)}.blog-related__grid{display:grid;gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.blog-listing__header{margin-block-end:var(--space-16);margin-inline:auto;max-width:640px;text-align:center}.blog-listing__title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-44);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-display);line-height:var(--lh-snug);margin-block:var(--space-3) var(--space-4)}.blog-listing__description{font-size:var(--fs-18);line-height:var(--lh-relaxed)}.blog-listing__description,.blog-listing__empty{color:var(--text-secondary);font-family:var(--font-body)}.blog-listing__empty{font-size:var(--fs-16);padding-block:var(--space-16);text-align:center}.blog-featured{align-items:center;background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);display:grid;gap:var(--space-10);grid-template-columns:1fr 1fr;margin-block-end:var(--space-16);overflow:hidden}.blog-featured__image-link{display:block;overflow:hidden}.blog-featured__image{display:block;height:100%;min-height:320px;object-fit:cover;transition:transform var(--motion-component) var(--ease-out);width:100%}.blog-featured__image-link:hover .blog-featured__image{transform:scale(1.03)}.blog-featured__body{padding:var(--space-10)}.blog-featured__title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-32);font-weight:var(--fw-extrabold);letter-spacing:var(--ls-heading);line-height:var(--lh-snug);margin-block:var(--space-3) var(--space-4)}.blog-featured__link{color:inherit;text-decoration:none}.blog-featured__link:hover{color:var(--brand-primary)}.blog-featured__excerpt{font-size:var(--fs-16);line-height:var(--lh-relaxed);margin-block-end:var(--space-5)}.blog-featured__excerpt,.blog-featured__meta{color:var(--text-secondary);font-family:var(--font-body)}.blog-featured__meta{align-items:center;display:flex;flex-wrap:wrap;font-size:var(--fs-14);gap:var(--space-3);margin-block-end:var(--space-6)}.blog-featured__author{color:var(--text-primary);font-weight:var(--fw-semibold)}.blog-card{background:var(--surface-card);border-radius:var(--radius-lg);box-shadow:var(--elevation-1);display:flex;flex-direction:column;overflow:hidden;transition:box-shadow var(--motion-component) var(--ease-out),transform var(--motion-component) var(--ease-out)}.blog-card:hover{box-shadow:var(--elevation-2);transform:translateY(-2px)}.blog-card__image-link{aspect-ratio:16/9;display:block;overflow:hidden}.blog-card__image{display:block;height:100%;object-fit:cover;transition:transform var(--motion-component) var(--ease-out);width:100%}.blog-card__image-link:hover .blog-card__image{transform:scale(1.04)}.blog-card__body{display:flex;flex:1 1 0;flex-direction:column;gap:var(--space-3);padding:var(--space-5)}.blog-card__title{color:var(--text-primary);font-family:var(--font-display);font-size:var(--fs-20);font-weight:var(--fw-bold);line-height:var(--lh-snug);margin:0}.blog-card--related .blog-card__title{font-size:var(--fs-16)}.blog-card__link{color:inherit;text-decoration:none}.blog-card__link:hover{color:var(--brand-primary)}.blog-card__excerpt{display:-webkit-box;font-size:var(--fs-14);-webkit-line-clamp:3;line-height:var(--lh-relaxed);-webkit-box-orient:vertical;margin:0;overflow:hidden}.blog-card__excerpt,.blog-card__meta{color:var(--text-secondary);font-family:var(--font-body)}.blog-card__meta{display:flex;flex-wrap:wrap;font-size:var(--fs-12);gap:var(--space-2) var(--space-4);margin-block-start:auto}.blog-card__author{font-weight:var(--fw-semibold)}.blog-card--related .blog-card__date,.blog-card__author,.blog-card__date{color:var(--text-secondary)}.blog-grid{display:grid;gap:var(--space-6);grid-template-columns:repeat(3,1fr);margin-block-end:var(--space-16)}.blog-pagination{margin-block-start:var(--space-8)}.blog-pagination__inner{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center}.blog-pagination__link{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-family:var(--font-body);font-size:var(--fs-14);font-weight:var(--fw-semibold);gap:var(--space-2);padding:var(--space-2) var(--space-4);text-decoration:none;transition:background var(--motion-micro) var(--ease-out),color var(--motion-micro) var(--ease-out)}.blog-pagination__link:hover{background:var(--surface-subtle);color:var(--text-primary)}.blog-pagination__icon{flex-shrink:0;height:16px;width:16px}.blog-pagination__pages{align-items:center;display:flex;gap:var(--space-1)}.blog-pagination__page{align-items:center;border-radius:var(--radius-md);color:var(--text-secondary);display:inline-flex;font-family:var(--font-body);font-size:var(--fs-14);font-weight:var(--fw-medium);height:36px;justify-content:center;min-width:36px;padding-inline:var(--space-2);text-decoration:none;transition:background var(--motion-micro) var(--ease-out),color var(--motion-micro) var(--ease-out)}a.blog-pagination__page:hover{background:var(--surface-subtle);color:var(--text-primary)}.blog-pagination__page--current{background:var(--brand-primary);color:var(--white);cursor:default;font-weight:var(--fw-semibold)}@media (max-width:1024px){.blog-grid{grid-template-columns:repeat(2,1fr)}.blog-featured{grid-template-columns:1fr}.blog-featured__image{min-height:240px}}@media (max-width:640px){.blog-listing__title,.blog-post__title{font-size:var(--fs-32)}.blog-featured__title{font-size:var(--fs-24)}.blog-grid{grid-template-columns:1fr}.blog-post__meta{gap:var(--space-3)}.blog-post__meta>*+*{border-inline-start:none;padding-inline-start:0}.blog-related__grid{grid-template-columns:1fr}.author-bio__inner{align-items:center;flex-direction:column;text-align:center}}