.blog-page,.blog-page *{--card-bg:var(--bg-card);--card-border:var(--border);--card-shadow:0 1px 2px oklch(0% 0 0/0.35);--card-hover-shadow:0 8px 24px oklch(0% 0 0/0.45);--card-hover-border:var(--accent);--theme-radius-md:8px;--theme-radius-xl:12px;--theme-hover-transform:translateY(-2px);--theme-card-padding:1.75rem}.blog-page{max-width:1100px;margin:0 auto;padding:3rem 1.5rem}.blog-header{text-align:center;margin-bottom:3rem}.blog-header__title{font-family:var(--font-display);font-size:clamp(2rem,5vw,2.75rem);font-weight:700;letter-spacing:-.01em;color:var(--text-primary);margin:0 0 .75rem;line-height:1.2}.blog-header__subtitle{font-size:1.0625rem;color:var(--text-secondary);max-width:560px;margin:0 auto;line-height:1.75}.blog-header__separator{width:48px;height:2px;background:var(--gold);border:none;margin:1.25rem auto 0}.blog-featured{margin-bottom:2.5rem}.blog-card--featured{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:2.5rem;box-shadow:var(--card-shadow);position:relative;overflow:hidden;display:flex;flex-direction:column;transition:box-shadow .2s ease,transform .2s ease}.blog-card--featured:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--gold)}.blog-card--featured:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow)}.blog-card--featured .blog-card__title{font-size:clamp(1.375rem,3vw,1.875rem)}.blog-card--featured .blog-card__excerpt{font-size:1.0625rem}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.75rem}.blog-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:12px;padding:1.75rem;box-shadow:var(--card-shadow);display:flex;flex-direction:column;position:relative;overflow:hidden;transition:box-shadow .2s ease,transform .2s ease,border-color .2s ease}.blog-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:var(--gold);opacity:0;transition:opacity .2s ease}.blog-card:hover{transform:translateY(-2px);box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border)}.blog-card:hover:before{opacity:1}.blog-card__badge{display:inline-block;padding:.2rem .65rem;background:var(--accent-light);color:var(--accent-hover);border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.12em;margin-bottom:.875rem;width:-moz-fit-content;width:fit-content}.blog-card__title{font-family:var(--font-display);font-size:1.1875rem;font-weight:600;color:var(--text-primary);margin:0 0 .75rem;line-height:1.35}.blog-card__meta{display:flex;align-items:center;flex-wrap:wrap;gap:.5rem;margin-bottom:.875rem;font-size:.8125rem;color:var(--text-muted)}.blog-card__author{display:inline-flex;align-items:center;gap:.25rem;font-weight:500}.blog-card__date{font-style:italic}.blog-card__meta-separator{opacity:.4}.blog-card__reading-time{display:inline-flex;align-items:center;gap:.25rem}.blog-card__excerpt{color:var(--text-secondary);line-height:1.75;font-size:.9375rem;margin:0 0 1.25rem;flex:1}.blog-card__footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid var(--border);margin-top:auto}.blog-card__read-more{display:inline-flex;align-items:center;gap:.375rem;color:var(--accent-hover);font-weight:600;font-size:.8125rem;text-decoration:none;letter-spacing:.02em;transition:gap .2s ease,color .2s ease}.blog-card__read-more:hover{gap:.6rem;color:var(--gold)}.blog-card__read-more:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px}.blog-tag-filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.blog-tag-filter__chip{display:inline-flex;align-items:center;gap:.3rem;padding:.3rem .85rem;border:1px solid var(--border);border-radius:9999px;background:transparent;color:var(--text-secondary);font-size:.8125rem;font-weight:500;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.blog-tag-filter__chip--active,.blog-tag-filter__chip:hover{border-color:var(--accent);color:var(--accent-hover)}.blog-tag-filter__chip--active{background:var(--accent-light)}.blog-tag-filter__chip:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.blog-tag-filter__count{font-size:.7em;opacity:.6}.blog-card__tags{display:flex;flex-wrap:wrap;gap:.25rem;margin-bottom:.875rem}.blog-card__tag{display:inline-block;padding:1px .5rem;background:var(--accent-light);color:var(--accent-hover);border-radius:6px;font-size:.7rem;font-weight:500}.blog-card__tag--more{background:var(--bg-elevated);color:var(--text-muted)}.blog-empty{grid-column:1/-1;text-align:center;padding:5rem 1rem;color:var(--text-muted);font-size:1.0625rem;font-style:italic}.blog-pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border)}.blog-pagination__btn{display:inline-flex;align-items:center;padding:.5rem 1.25rem;border:1px solid var(--border);border-radius:8px;color:var(--accent-hover);font-size:.875rem;font-weight:600;text-decoration:none;transition:background .15s ease,border-color .15s ease}.blog-pagination__btn:hover{background:var(--accent-light);border-color:var(--accent)}.blog-pagination__btn--disabled{color:var(--text-muted);cursor:not-allowed;opacity:.4}.blog-pagination__info{font-size:.875rem;color:var(--text-secondary)}@media (max-width:768px){.blog-page{padding:1.5rem 1rem}.blog-card--featured{padding:1.5rem}.blog-grid{grid-template-columns:1fr;gap:1.25rem}}@media (prefers-reduced-motion:reduce){.blog-card,.blog-card--featured{transition:none}.blog-card--featured:hover,.blog-card:hover{transform:none}}