.blogp .nav{background:rgba(0,0,0,.82);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.post{max-width:860px;padding-top:40px;padding-bottom:96px}
.crumb{font-size:14px;color:#8a8a8a;margin-bottom:18px}.crumb a{color:#8a8a8a}.crumb a:hover{color:#fff}.crumb span{margin:0 6px;color:#444}
.post-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:0 0 14px;font-size:14px;color:#8a8a8a}
.post-tag{font:700 11px 'Geist Mono',monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--c);border:1px solid color-mix(in srgb,var(--c) 45%,transparent);background:color-mix(in srgb,var(--c) 12%,transparent);padding:4px 9px;border-radius:999px}
.post h1{font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.03em;margin:0}
.post-fig{margin:34px 0 8px;border-radius:20px;overflow:hidden;border:1px solid #262626;box-shadow:0 30px 80px -30px rgba(0,0,0,.9),0 0 80px -40px rgba(74,222,128,.5)}
.post-fig img{display:block;width:100%;height:auto}
.post-body .lede{font-size:21px;line-height:1.6;color:var(--fg-soft)}
.post-body h2{font-size:28px;letter-spacing:-.015em;margin:48px 0 12px}
.post-body p,.post-body li{font-size:18px;line-height:1.75;color:#d4d6db}
.post-body ul,.post-body ol{padding-left:24px}.post-body li{margin:8px 0}
.post-body b{color:#fff}
.post-tip{margin:28px 0;padding:16px 18px;border-radius:14px;background:var(--green-tint);border:1px solid rgba(74,222,128,.3);font-size:17px;line-height:1.6;color:#dff7e8}.post-tip b{color:var(--green);margin-right:6px}
.post-cta{margin:48px 0 0;padding:24px;border-radius:20px;display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:radial-gradient(80% 120% at 0% 0%,rgba(74,222,128,.14),transparent 60%),#0f0f0f!important}
.post-cta b{font-size:20px;width:100%}.post-cta span{color:#a8a8a8;flex:1;min-width:200px}
.post-next{display:flex;flex-direction:column;gap:4px;margin-top:40px;padding:20px 22px;border-radius:18px}.post-next small{color:#8a8a8a}.post-next b{font-size:19px}.post-next:hover{border-color:#3a3a3a}
.bloglist{padding-top:56px;padding-bottom:96px}.bloglist h1{font-size:clamp(40px,6vw,64px);letter-spacing:-.03em;margin:0}.bloglist .sub{margin:14px 0 0}
.bgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.bcard{display:flex;flex-direction:column;border-radius:22px;overflow:hidden;transition:transform .25s,border-color .25s}
.bcard:hover{transform:translateY(-4px);border-color:#3a3a3a}
.bcard-img{aspect-ratio:16/9;overflow:hidden;background:#0b0b0b}.bimg{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}
.bcard-b{padding:18px 20px 22px}.bcard h2{font-size:20px;line-height:1.3;margin:4px 0 8px}.bcard-b>p:last-child{margin:0;color:#9a9a9a;font-size:15px;line-height:1.55}
.dfoot{border-top:1px solid #1f1f1f;padding:32px 0;color:#6b6b6b;font-size:14px}.dwrap2{max-width:1280px;margin:0 auto;padding:0 32px}
@media (max-width:900px){.bgrid{grid-template-columns:1fr}.dwrap2{padding:0 16px}}