.blog-page{padding-top:calc(var(--space-3xl) + 60px);padding-bottom:var(--space-3xl);min-height:60vh}.blog-header{text-align:center;margin-bottom:var(--space-2xl)}.blog-header__title{font-family:var(--font-display);font-size:clamp(2rem,4vw + .5rem,3rem);font-weight:500;color:var(--ink-black);margin-bottom:var(--space-sm)}.blog-header__subtitle{font-family:var(--font-body);font-size:1.125rem;color:var(--ink-light)}.blog-header__rss{display:inline-flex;align-items:center;gap:var(--space-xs);margin-top:var(--space-md);font-size:.875rem;color:var(--ink-faded);text-decoration:none}.blog-header__rss:hover{color:var(--ink-medium)}.blog-grid{display:grid;grid-template-columns:1fr;gap:var(--space-xl);max-width:900px;margin:0 auto}@media(min-width:768px){.blog-grid{grid-template-columns:1fr 1fr}}.blog-hero{max-width:900px;margin:0 auto var(--space-xl)}.blog-card.blog-card--hero{flex-direction:row;padding:0;overflow:hidden}.blog-card.blog-card--hero .blog-card__thumbnail{width:45%;height:auto;min-height:280px;object-fit:cover;margin:0;border-radius:var(--radius-md) 0 0 var(--radius-md);flex-shrink:0}.blog-card.blog-card--hero .blog-card__body{display:flex;flex-direction:column;justify-content:center;padding:var(--space-xl) var(--space-2xl);flex:1;min-width:0}.blog-card.blog-card--hero .blog-card__title{font-size:1.75rem}.blog-card.blog-card--hero .blog-card__excerpt{flex:0}.blog-card.blog-card--hero:hover{transform:none;box-shadow:var(--shadow-paper)}@media(max-width:767px){.blog-card.blog-card--hero{flex-direction:column}.blog-card.blog-card--hero .blog-card__thumbnail{width:100%;height:200px;min-height:auto;border-radius:var(--radius-md) var(--radius-md) 0 0}.blog-card.blog-card--hero .blog-card__body{padding:var(--space-xl)}.blog-card.blog-card--hero .blog-card__title{font-size:1.375rem}}.blog-card{background:var(--paper-white);border:1px solid var(--paper-kraft);border-radius:var(--radius-md);padding:var(--space-xl);text-decoration:none;display:flex;flex-direction:column;transition:transform var(--transition-base),box-shadow var(--transition-base)}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper)}.blog-card__thumbnail{width:100%;height:180px;object-fit:cover;border-radius:var(--radius-sm);margin-bottom:var(--space-md)}.blog-card__meta{font-size:.8125rem;color:var(--ink-faded);margin-bottom:var(--space-sm);display:flex;align-items:center;gap:var(--space-sm)}.blog-card__title{font-family:var(--font-display);font-size:1.375rem;font-weight:500;color:var(--ink-black);line-height:1.3;margin-bottom:var(--space-sm)}.blog-card__excerpt{font-size:.9375rem;color:var(--ink-medium);line-height:1.6;margin-bottom:var(--space-md);flex:1}.blog-card__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.blog-tag{font-size:.75rem;background:var(--paper-aged);color:var(--ink-medium);padding:2px 8px;border-radius:var(--radius-sm)}.blog-card__read-more{font-size:.875rem;color:var(--ink-dark);font-weight:500;margin-top:var(--space-sm)}.blog-article{max-width:720px;margin:0 auto}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-family:var(--font-body);font-size:.85rem;color:var(--ink-faded);margin-bottom:var(--space-md)}.breadcrumb a{color:var(--ink-medium);text-decoration:none;transition:color var(--transition-base)}.breadcrumb a:hover{color:var(--ink-dark)}.breadcrumb__sep{color:var(--ink-faded);font-size:.75rem}.breadcrumb__current{color:var(--ink-dark);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.blog-article__header{margin-bottom:var(--space-lg)}.blog-article__title{font-family:var(--font-display);font-size:clamp(2rem,4vw + .5rem,2.75rem);font-weight:500;color:var(--ink-black);line-height:1.2;margin-bottom:var(--space-md);font-variant-numeric:lining-nums}.blog-article__meta{font-size:.875rem;color:var(--ink-faded);display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-sm)}.blog-article__tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.blog-prose{font-variant-numeric:lining-nums}.blog-prose h2,.blog-prose h3{scroll-margin-top:80px}.blog-prose h2{font-family:var(--font-display);font-size:2rem;font-weight:600;color:var(--ink-black);margin-top:var(--space-2xl);margin-bottom:var(--space-md)}.blog-prose h3{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink-dark);margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.blog-prose p{color:var(--ink-dark);line-height:1.8;margin-bottom:var(--space-md)}.blog-prose ul,.blog-prose ol{color:var(--ink-dark);line-height:1.8;margin-bottom:var(--space-md);padding-left:var(--space-xl);list-style:revert}.blog-prose li{margin-bottom:var(--space-xs)}.blog-prose blockquote{border-left:3px solid var(--paper-kraft);padding:var(--space-sm) var(--space-lg);margin:var(--space-lg) 0;color:var(--ink-medium);font-style:italic;background:var(--paper-aged);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.blog-prose a{color:var(--ink-dark);text-decoration:underline;text-underline-offset:3px}.blog-prose a:hover{color:var(--ink-black)}.blog-prose code{font-size:.875em;background:var(--paper-aged);padding:2px 6px;border-radius:var(--radius-sm)}.blog-prose img{display:block;max-width:100%;max-height:400px;object-fit:cover;height:auto;border-radius:var(--radius-md);margin:var(--space-lg) auto}.blog-prose strong{color:var(--ink-black);font-weight:600}.blog-prose hr{border:none;border-top:1px solid var(--paper-kraft);margin:var(--space-2xl) 0}.blog-prose img+em,.blog-prose p:has(>img)+p>em:only-child{display:block;text-align:center;font-size:.8125rem;color:var(--ink-faded);margin-top:calc(-1 * var(--space-sm));margin-bottom:var(--space-lg)}.blog-prose>p:first-child img{width:100%;max-height:500px;object-fit:cover;border-radius:var(--radius-md);margin-bottom:var(--space-xl)}.blog-prose table{width:100%;border-collapse:collapse;font-size:.95rem;margin:var(--space-lg) 0}.blog-prose th,.blog-prose td{border:1px solid var(--paper-kraft);padding:var(--space-sm) var(--space-md);text-align:left}.blog-prose th{background:var(--paper-aged);font-weight:600;color:var(--ink-black)}.blog-prose td{color:var(--ink-dark)}.blog-cta{max-width:720px;margin:var(--space-3xl) auto var(--space-xl);padding:var(--space-2xl);background:var(--paper-aged);border:2px solid var(--paper-kraft);border-radius:var(--radius-md);text-align:center;position:relative}.blog-cta__badge{position:absolute;top:-14px;left:50%;transform:translate(-50%);background:var(--highlight-yellow);border:1px solid var(--ink-black);padding:.15rem .75rem;font-family:var(--font-display);font-weight:700;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.blog-cta__title{font-family:var(--font-display);font-size:1.75rem;font-weight:600;color:var(--ink-black);margin-bottom:var(--space-sm)}.blog-cta__description{font-size:1.05rem;color:var(--ink-medium);line-height:1.6;margin-bottom:var(--space-xl);max-width:520px;margin-left:auto;margin-right:auto}.blog-cta__button{display:inline-flex}.blog-cta__note{margin-top:var(--space-md);font-size:.8125rem;color:var(--ink-faded)}.share-buttons{display:flex;align-items:center;gap:var(--space-sm);margin-top:var(--space-md)}.share-buttons__label{font-size:.8125rem;color:var(--ink-faded)}.share-buttons__btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--paper-kraft);border-radius:var(--radius-sm);background:transparent;color:var(--ink-medium);text-decoration:none;cursor:pointer;transition:color var(--transition-base),border-color var(--transition-base)}.share-buttons__btn:hover{color:var(--ink-dark);border-color:var(--ink-dark)}.toc{background:var(--paper-aged);border:1px solid var(--paper-kraft);border-radius:var(--radius-md);margin-bottom:var(--space-xl);padding:var(--space-md) var(--space-lg)}.toc__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;background:none;border:none;cursor:pointer;font-family:var(--font-display);font-size:1.125rem;font-weight:600;color:var(--ink-dark);padding:0}.toc__chevron{transition:transform var(--transition-base)}.toc__toggle[aria-expanded=true] .toc__chevron{transform:rotate(180deg)}.toc__list{display:none;list-style:none;padding:0;margin:var(--space-md) 0 0}.toc__item{margin-bottom:var(--space-xs)}.toc__item a{font-size:.9375rem;color:var(--ink-medium);text-decoration:none;transition:color var(--transition-base)}.toc__item a:hover{color:var(--ink-dark)}.toc__item--h3{padding-left:var(--space-lg)}.related-articles{max-width:720px;margin:var(--space-2xl) auto}.related-articles__title{font-family:var(--font-display);font-size:1.5rem;font-weight:600;color:var(--ink-black);margin-bottom:var(--space-lg)}.related-articles__grid{display:flex;flex-direction:column;gap:var(--space-md)}.related-articles__card{display:flex;gap:var(--space-md);text-decoration:none;border:1px solid var(--paper-kraft);border-radius:var(--radius-md);padding:var(--space-md);background:var(--paper-white);transition:transform var(--transition-base),box-shadow var(--transition-base)}.related-articles__card:hover{transform:translateY(-2px);box-shadow:var(--shadow-paper)}.related-articles__thumb{width:120px;height:80px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.related-articles__content{display:flex;flex-direction:column;justify-content:center;min-width:0}.related-articles__card-title{font-family:var(--font-display);font-size:1.0625rem;font-weight:500;color:var(--ink-black);line-height:1.3;margin-bottom:var(--space-xs)}.related-articles__excerpt{font-size:.875rem;color:var(--ink-medium);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media(max-width:540px){.related-articles__card{flex-direction:column}.related-articles__thumb{width:100%;height:140px}}
