.blog-filter{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.blog-filter-btn{background:var(--white);border:1.5px solid var(--line);border-radius:9999px;color:var(--muted);cursor:pointer;font-family:var(--f);font-feature-settings:"palt" 1;font-size:12px;font-weight:700;letter-spacing:.08em;padding:7px 20px;transition:background var(--ease),border-color var(--ease),color var(--ease)}.blog-filter-btn:hover{border-color:var(--navy);color:var(--navy)}.blog-filter-btn.is-active{background:var(--navy);border-color:var(--navy);color:#fff}.blog-card{position:relative;transition:transform var(--ease),box-shadow var(--ease),border-color var(--ease)}.blog-card:hover{border-color:rgba(0,49,73,.18);box-shadow:0 10px 28px rgba(0,49,73,.09);transform:translateY(-4px)}.blog-card.is-hidden{display:none}.blog-card-link{inset:0;position:absolute;z-index:1}.blog-card-body{position:relative}.blog-title{line-height:1.55}.blog-excerpt{margin-bottom:18px}.blog-more{align-items:center;display:inline-flex;gap:4px}.blog-empty{color:var(--muted);display:none;font-size:14px;grid-column:1/-1;padding:64px 40px;text-align:center}.blog-empty.is-visible{display:block}.blog-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:16px;grid-column:1/-1;padding:64px 40px;text-align:center}.blog-loading.is-hidden{display:none}@keyframes spin{to{transform:rotate(1turn)}}.blog-spinner{animation:spin .8s linear infinite;border:3px solid var(--line);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.post-breadcrumb{background:var(--pale);border-bottom:1px solid var(--line);margin-top:62px;padding:12px 0}.breadcrumb-list{align-items:center;color:var(--muted);display:flex;flex-wrap:wrap;font-size:12px;gap:6px}.breadcrumb-list a{color:var(--muted);transition:color var(--ease)}.breadcrumb-list a:hover{color:var(--accent)}.breadcrumb-sep{color:var(--line);user-select:none}.breadcrumb-current{color:var(--ink);max-width:380px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-article{margin:0 auto;max-width:760px;padding:52px 40px 80px}.post-meta{align-items:center;display:flex;gap:14px;margin-bottom:20px}.post-cat{background:rgba(0,119,168,.08);border-radius:9999px;color:var(--accent);display:inline-block;font-size:11px;font-weight:700;letter-spacing:.14em;padding:4px 14px;text-transform:uppercase}.post-date{color:var(--muted);font-family:var(--f-mono);font-size:13px}.post-title{border-bottom:2px solid var(--line);color:var(--navy);font-size:clamp(22px,3.8vw,34px);font-weight:700;letter-spacing:.02em;line-height:1.48;margin-bottom:36px;padding-bottom:28px}.blog-body{color:var(--ink);font-size:16px;line-height:1.9}.blog-body h2{border-bottom:2px solid var(--line);color:var(--navy);font-size:20px;font-weight:700;line-height:1.48;margin-bottom:20px;margin-top:56px;padding-bottom:12px}.blog-body h2:first-child{margin-top:0}.blog-body p{margin-bottom:1.6em}.blog-body ol,.blog-body ul{line-height:1.9;margin:.8em 0 1.6em 1.6em}.blog-body ul{list-style:disc}.blog-body ol{list-style:decimal}.blog-body li{margin-bottom:.5em}.blog-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px;transition:color var(--ease)}.blog-body a:hover{color:var(--navy)}.blog-body strong{color:var(--navy);font-weight:700}.post-back{border-top:1px solid var(--line);margin-top:60px;padding-top:32px}.post-back a{align-items:center;color:var(--accent);display:inline-flex;font-size:14px;font-weight:700;gap:6px;text-decoration:none;transition:color var(--ease),gap var(--ease)}.post-back a:hover{color:var(--navy);gap:10px}.post-back a:before{content:"←";display:inline-block;transition:transform var(--ease)}.post-back a:hover:before{transform:translateX(-3px)}.post-loading{align-items:center;color:var(--muted);display:flex;flex-direction:column;font-size:14px;gap:16px;padding:80px 40px;text-align:center}.post-spinner{animation:spin .8s linear infinite;border:3px solid var(--line);border-radius:50%;border-top-color:var(--accent);height:32px;width:32px}.post-error{color:var(--muted);font-size:15px;padding:80px 40px;text-align:center}.post-error p{margin-bottom:24px}.post-error a{color:var(--accent);font-weight:700;text-decoration:underline;text-underline-offset:3px}@media (max-width:768px){.blog-filter{gap:6px}.blog-filter-btn{font-size:11px;padding:6px 16px}.post-article{padding:36px 24px 60px}.breadcrumb-current{max-width:200px}}@media (max-width:480px){.post-article{padding:28px 20px 52px}.blog-body h2{font-size:18px}.blog-body{font-size:15px}}