.blog-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--color-primary);margin-bottom:var(--space-3);font-size:.8rem;font-weight:700}.blog-tags{gap:var(--space-2);margin:0 0 var(--space-4);flex-wrap:wrap;padding:0;list-style:none;display:flex}.blog-tag{background:var(--color-winner-bg);border:1px solid var(--color-winner-border);color:var(--color-primary);letter-spacing:.01em;border-radius:999px;align-items:center;padding:.2rem .65rem;font-size:.78rem;font-weight:600;display:inline-flex}.blog-index__header{max-width:var(--max-width);margin-bottom:var(--space-10)}.blog-index__header h1{margin-bottom:var(--space-3);font-size:clamp(1.9rem,4.5vw,2.75rem)}.blog-index__lead{color:var(--color-text-muted);font-size:1.1rem;line-height:1.65}.blog-grid{gap:var(--space-6);grid-template-columns:1fr;display:grid}@media (width>=640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}.blog-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;overflow:hidden}.blog-card:hover{border-color:var(--color-winner-border);box-shadow:var(--shadow);transform:translateY(-2px)}.blog-card__media{aspect-ratio:16/9;background:var(--color-surface-muted);overflow:hidden}.blog-card__media img{object-fit:cover;width:100%;height:100%}.blog-card__body{padding:var(--space-5) var(--space-5) var(--space-6);flex-direction:column;flex:1;display:flex}.blog-card__body .blog-tags{margin-bottom:var(--space-3)}.blog-card__title{margin-bottom:var(--space-2);font-size:1.15rem;line-height:1.35}.blog-card__title a{color:var(--color-text)}.blog-card__title a:hover{color:var(--color-primary);text-decoration:none}.blog-card__title a:after{content:"";position:absolute;inset:0}.blog-card{position:relative}.blog-card__excerpt{color:var(--color-text-muted);margin-bottom:var(--space-4);-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:.95rem;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-card__meta{align-items:center;gap:var(--space-2);color:var(--color-text-muted);margin-top:auto;font-size:.85rem;font-weight:500;display:flex}.blog-post__container{max-width:var(--max-width)}.blog-post__article{max-width:52rem;margin-inline:auto}.blog-breadcrumbs{margin-bottom:var(--space-5);font-size:.85rem}.blog-breadcrumbs ol{align-items:center;gap:var(--space-1);color:var(--color-text-muted);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.blog-breadcrumbs li{align-items:center;gap:var(--space-1);min-width:0;display:inline-flex}.blog-breadcrumbs li+li:before{content:"›";color:var(--color-text-muted);margin-inline:var(--space-1)}.blog-breadcrumbs a{color:var(--color-primary);font-weight:600}.blog-breadcrumbs a:hover{color:var(--color-primary-dark);text-decoration:none}.blog-breadcrumbs [aria-current=page]{color:var(--color-text);text-overflow:ellipsis;white-space:nowrap;max-width:32ch;font-weight:500;overflow:hidden}.blog-post__header{margin-bottom:var(--space-6)}.blog-post__title{margin-bottom:0;font-size:clamp(1.75rem,4vw,2.35rem);line-height:1.2}.blog-post__cover-wrap{aspect-ratio:16/9;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface-muted);max-height:28rem;margin-bottom:var(--space-5);overflow:hidden}.blog-post__cover{object-fit:cover;width:100%;height:100%;display:block}.blog-post__byline{justify-content:space-between;align-items:center;gap:var(--space-4);padding-bottom:var(--space-8);margin-bottom:var(--space-2);border-bottom:1px solid var(--color-border);flex-wrap:wrap;display:flex}.blog-post__author{align-items:center;gap:var(--space-3);min-width:0;display:flex}.blog-post__author-avatar{background:var(--color-winner-bg);border:1px solid var(--color-winner-border);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;padding:5px;display:flex;overflow:hidden}.blog-post__author-avatar img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:100%;display:block}.blog-post__author-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.blog-post__author-name{color:var(--color-text);font-size:.95rem;font-weight:700}.blog-post__author-date{color:var(--color-text-muted);font-size:.85rem;font-weight:500}.blog-post__byline-actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.blog-share{position:relative}.blog-share__trigger{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);width:2.5rem;height:2.5rem;color:var(--color-text-muted);cursor:pointer;place-items:center;transition:border-color .15s,color .15s;display:inline-grid}.blog-share__trigger:hover,.blog-share.is-open .blog-share__trigger{border-color:var(--color-winner-border);color:var(--color-primary)}.blog-share__menu{top:calc(100% + var(--space-2));z-index:20;min-width:13.5rem;padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow);position:absolute;right:0}.blog-share__menu[hidden]{display:none}.blog-share__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-sm);width:100%;color:var(--color-text);font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:.55rem .65rem;font-size:.88rem;font-weight:600;text-decoration:none;transition:background .15s,color .15s;display:flex}.blog-share__item:hover{background:var(--color-surface-muted);color:var(--color-primary);text-decoration:none}.blog-post__reading-badge{align-items:center;gap:var(--space-2);background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-muted);white-space:nowrap;border-radius:999px;padding:.45rem .85rem;font-size:.82rem;font-weight:600;display:inline-flex}.blog-post__back{align-items:center;gap:var(--space-2);margin-top:var(--space-10);font-size:.95rem;font-weight:600;display:inline-flex}.blog-post__back:hover{color:var(--color-primary-dark);text-decoration:none}.blog-prose{font-size:1.05rem;line-height:1.75}.blog-prose>*+*{margin-top:var(--space-5)}.blog-prose h2{margin-top:var(--space-12);margin-bottom:var(--space-2);font-size:clamp(1.3rem,2.5vw,1.55rem)}.blog-prose h3{margin-top:var(--space-8);margin-bottom:var(--space-2);font-size:1.15rem}.blog-prose h2+*,.blog-prose h3+*{margin-top:var(--space-3)}.blog-prose ul,.blog-prose ol{gap:var(--space-2);flex-direction:column;padding-left:1.4rem;display:flex}.blog-prose ul{list-style:outside}.blog-prose ol{list-style:decimal}.blog-prose li::marker{color:var(--color-primary)}.blog-prose blockquote{border-left:3px solid var(--color-secondary);padding-left:var(--space-5);color:var(--color-text-muted);font-style:italic}.blog-prose hr{border:0;border-top:1px solid var(--color-border);margin-block:var(--space-10)}.blog-prose code{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.88em}.blog-prose img{border-radius:var(--radius)}.blog-prose table,.blog-table table{border-collapse:collapse;width:100%;font-size:.95rem;line-height:1.5}.blog-prose>table{margin-top:var(--space-8);margin-bottom:0;display:block;overflow-x:auto}.blog-prose th,.blog-table th{text-align:left;color:var(--color-text);background:var(--color-surface-muted);padding:var(--space-3) var(--space-4);border-bottom:2px solid var(--color-border);white-space:nowrap;font-weight:700}.blog-prose td,.blog-table td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);color:var(--color-text);vertical-align:top}.blog-prose tbody tr:nth-child(2n) td,.blog-table tbody tr:nth-child(2n) td{background:var(--color-surface-muted)}.blog-table{margin-top:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);margin-bottom:0;overflow:hidden}.blog-table__scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.blog-table__scroll td:first-child,.blog-table__scroll th:first-child{padding-left:var(--space-5)}.blog-table__scroll td:last-child,.blog-table__scroll th:last-child{padding-right:var(--space-5)}.blog-table tbody tr:last-child td{border-bottom:0}.blog-table__caption{padding:var(--space-3) var(--space-5);background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);font-size:.85rem}.blog-callout{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-radius:var(--radius);border:1px solid;grid-template-columns:auto 1fr;font-size:.95rem;line-height:1.65;display:grid}.blog-callout__icon{margin-top:.15rem;display:inline-flex}.blog-callout__title{margin-bottom:var(--space-1);font-weight:700}.blog-callout__body>*+*{margin-top:var(--space-2)}.blog-callout__body p{color:inherit}.blog-callout--info{background:var(--color-winner-bg);border-color:var(--color-winner-border);color:#1c4635}.blog-callout--info .blog-callout__icon,.blog-callout--info .blog-callout__title{color:var(--color-primary)}.blog-callout--tip{background:var(--color-rating-bg);color:#1d5c3d;border-color:#c4e0d2}.blog-callout--tip .blog-callout__icon,.blog-callout--tip .blog-callout__title{color:var(--color-rating-text)}.blog-callout--warning{color:#6b5a1f;background:#fff8e6;border-color:#f3e0a8}.blog-callout--warning .blog-callout__icon,.blog-callout--warning .blog-callout__title{color:#a4841c}.blog-chart{margin-block:var(--space-8);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.blog-chart__frame{border:0;width:100%;display:block}.blog-chart__footer{justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-5);border-top:1px solid var(--color-border);color:var(--color-text-muted);flex-wrap:wrap;font-size:.82rem;display:flex}.blog-chart__caption{color:var(--color-text-muted);margin:0}.blog-chart__attribution{white-space:nowrap;font-weight:500}.blog-related{border-top:1px solid var(--color-border)}
