.blog-page{z-index:2;min-height:100vh;font-family:var(--sans);position:relative}.blog-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;max-width:860px;margin:0 auto;padding:22px 20px 0;display:flex}.blog-brand{color:var(--gold,#e4bb62);font-size:18px;font-weight:800;text-decoration:none}.blog-nav a{color:var(--ink-2,#cbc2ae);align-items:center;min-height:44px;text-decoration:none;display:inline-flex}.blog-nav a:hover,.blog-nav a:focus-visible{color:var(--gold,#e4bb62);text-decoration:underline}.blog-main{max-width:860px;margin:0 auto;padding:24px 20px 80px}.sf-article,.blog-card,.blog-author{--sf-accent:var(--gold,#e4bb62);--sf-on-accent:#0d0d0d;--sf-text:var(--ink,#f8f4ec);--sf-surface:color-mix(in srgb, var(--panel,#161410) 92%, transparent);--sf-line:var(--line,#2c2718);--sf-radius:16px;--sf-font:var(--sans)}.sf-article{background:var(--sf-surface);border:1px solid var(--sf-line);border-radius:var(--sf-radius);max-inline-size:none;padding:clamp(20px,4vw,44px);font-size:17px}.sf-article :where(p,li){color:var(--ink-2,#cbc2ae)}.sf-article :where(h2){color:var(--honey,#f0cf8a)}.blog-title{color:var(--ink,#f8f4ec);margin:0 0 20px;font-size:clamp(28px,4vw,38px);font-weight:800}.blog-empty{color:var(--ink-2,#cbc2ae)}.blog-list{gap:16px;margin:0;padding:0;list-style:none;display:grid}.blog-card{background:var(--sf-surface);border:1px solid var(--sf-line);border-radius:var(--sf-radius);padding:20px}.blog-card a{color:var(--ink,#f8f4ec);font-size:20px;font-weight:700;text-decoration:none}.blog-card a:hover,.blog-card a:focus-visible{color:var(--gold,#e4bb62);text-decoration:underline}.blog-card p{color:var(--ink-2,#cbc2ae);margin:8px 0 0}.blog-meta{color:var(--muted,#8c8473);margin-top:8px;font-size:14px}.blog-author{color:var(--ink,#f8f4ec);align-items:flex-start;gap:20px;margin-bottom:28px;display:flex}.blog-author img{object-fit:cover;border-radius:50%;flex:none;width:96px;height:96px}.blog-author .role{color:var(--muted,#8c8473)}.blog-disclaimer{color:var(--muted,#8c8473);margin-top:24px;font-size:14px}.blog-links{flex-wrap:wrap;gap:8px 16px;margin:0 0 28px;padding:0;list-style:none;display:flex}.blog-links a,.blog-meta a{color:var(--gold,#e4bb62);align-items:center;min-height:44px;display:inline-flex}