.blog-header{position:fixed;inset:0 0 auto 0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 24px;background:var(--glass);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.blog-logo{font-family:var(--display);font-weight:600;font-size:20px;color:var(--ink);letter-spacing:-.5px}.blog-logo b{color:var(--accent)}.blog-foot{border-top:1px solid var(--line);color:var(--muted);font-size:14px;text-align:center;padding:40px 24px}.blog-wrap{max-width:1080px;margin:0 auto;padding:108px 24px 64px}.blog-head{margin-bottom:40px}.blog-eyebrow{color:var(--accent);font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase}.blog-title{font-family:var(--display);font-weight:600;font-size:46px;letter-spacing:-1.5px;line-height:1.04;color:var(--ink);margin-top:8px}.blog-sub{color:var(--ink2);font-size:17px;margin-top:10px;max-width:560px}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:26px}.blog-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:20px;overflow:hidden;transition:transform .2s,box-shadow .2s}.blog-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(27,26,23,.1)}.blog-cover{object-fit:cover;background:var(--paper2);display:block}.blog-cover,.blog-cover-ph{aspect-ratio:16/9;width:100%}.blog-cover-ph{background:linear-gradient(135deg,var(--paper2),var(--sand))}.blog-card-body{display:flex;flex-direction:column;gap:8px;padding:18px 20px 20px;flex:1}.blog-cat{font-size:12px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.blog-card-title{font-family:var(--display);font-weight:600;font-size:21px;line-height:1.2;color:var(--ink)}.blog-card-excerpt{color:var(--ink2);font-size:14.5px;line-height:1.5;flex:1}.blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:13px}.blog-meta .dot:before{content:"·";margin-right:8px}.blog-empty{border:1px dashed var(--line);border-radius:18px;color:var(--ink2);text-align:center;padding:56px 24px;font-size:15px}.blog-article{max-width:720px;margin:0 auto;padding:108px 24px 64px}.blog-back{color:var(--accent);font-weight:600;font-size:14px}.blog-article h1{font-family:var(--display);font-weight:600;font-size:42px;letter-spacing:-1px;line-height:1.08;color:var(--ink);margin:14px 0}.blog-article-cover{width:100%;border-radius:18px;margin:22px 0;aspect-ratio:16/9;object-fit:cover}.blog-tldr{background:var(--paper2);border-radius:14px;padding:16px 18px;color:var(--ink);font-size:15.5px;line-height:1.55;margin:20px 0}.blog-tldr b{color:var(--accent)}.blog-prose{color:var(--ink);font-size:18px;line-height:1.72}.blog-prose h2{font-size:27px;letter-spacing:-.5px;margin:34px 0 12px}.blog-prose h2,.blog-prose h3{font-family:var(--display);font-weight:600}.blog-prose h3{font-size:21px;margin:26px 0 10px}.blog-prose p{margin:14px 0}.blog-prose a{color:var(--accent);text-decoration:underline}.blog-prose ol,.blog-prose ul{margin:14px 0;padding-left:24px}.blog-prose li{margin:6px 0}.blog-prose blockquote{border-left:3px solid var(--accent);padding-left:18px;margin:18px 0;color:var(--ink2);font-style:italic}.blog-prose strong{font-weight:700}.blog-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.blog-tag{background:var(--paper2);color:var(--ink2);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}.blog-author{display:flex;gap:16px;align-items:flex-start;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px;margin-top:40px}.blog-author img,.blog-author-ph{width:56px;height:56px;border-radius:50%;object-fit:cover;flex-shrink:0}.blog-author-ph{background:var(--paper2)}.blog-author-name{font-weight:700;color:var(--ink)}.blog-author-bio{color:var(--ink2);font-size:14.5px;line-height:1.5;margin-top:4px}.blog-related{margin-top:56px}.blog-related-h{font-family:var(--display);font-weight:600;font-size:24px;color:var(--ink);margin-bottom:20px}.blog-lang{display:flex;gap:2px;background:var(--paper2);border-radius:999px;padding:3px}.blog-lang button{border-radius:999px;padding:5px 12px;font-size:13px;font-weight:700;color:var(--ink2)}.blog-lang button[data-active=true]{background:var(--accent);color:#fff}.blog-catnav{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.blog-chip{border:1px solid var(--line);background:var(--card);color:var(--ink2);border-radius:999px;padding:7px 16px;font-size:14px;font-weight:600;transition:.15s}.blog-chip:hover{color:var(--ink);border-color:var(--accent)}.blog-chip[data-active=true]{background:var(--accent);color:#fff;border-color:var(--accent)}.blog-pager{display:flex;justify-content:space-between;margin-top:40px}@media (max-width:640px){.blog-title{font-size:36px}.blog-article h1{font-size:32px}.blog-prose{font-size:17px}}