.blog-page-container{width:100%}.blog-content{max-width:800px;margin:0 auto;padding:20px}.blog-article{font-size:1.05rem;line-height:1.65;color:var(--color-black)}.blog-title{font-size:2rem;text-align:center;color:#a37e26;font-weight:400;margin-bottom:8px}.blog-meta{display:flex;justify-content:center;gap:10px;font-size:.95rem;opacity:.8;margin-bottom:24px;flex-wrap:wrap}.blog-meta time{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.blog-article p{margin:0 0 1rem}.blog-hr{border:0;height:1px;background:rgba(0,0,0,.08);margin:24px 0}.blog-body{font-size:1.05rem;line-height:1.65;color:var(--color-black)}.blog-body p{margin:0 0 1rem}.blog-index{list-style:none;padding:0;margin:0;display:grid;grid-gap:32px;gap:32px}.blog-index-item{padding:24px;border:1px solid rgba(0,0,0,.06);border-radius:16px;background:rgba(255,255,255,.85);box-shadow:0 12px 24px rgba(0,0,0,.04);transition:transform .2s ease,box-shadow .2s ease}.blog-index-item:hover{transform:translateY(-4px);box-shadow:0 18px 30px rgba(0,0,0,.08)}.blog-index-title{font-size:1.5rem;margin:0 0 8px}.blog-index-title a{color:#a37e26;text-decoration:none}.blog-index-title a:focus,.blog-index-title a:hover{text-decoration:underline}.blog-index-description{margin:12px 0 0;color:rgba(0,0,0,.75)}.blog-empty{text-align:center;font-size:1.1rem;padding:48px 0;color:rgba(0,0,0,.65)}