.blog-listing{padding:0}.blog-layout{display:grid;grid-template-columns:repeat(4,1fr);grid-column-gap:24px;column-gap:24px;grid-row-gap:16px;row-gap:16px}.blog-header-row{grid-column:1/-1;grid-row:1;display:flex;align-items:center;height:38px}.blog-keywords-panel{grid-column:4;grid-row:2/5;padding:16px;border:1px solid #ddd;border-radius:8px;align-self:start;min-height:440px}.blog-card-r1{grid-row:2}.blog-card-r2{grid-row:3}.blog-full-area{grid-column:span 1}.blog-detail-main{grid-column:1/4;grid-row:2;min-width:0}.blog-empty{color:#888;font-size:16px;grid-column:1/4}@media(max-width:768px){.blog-layout{grid-template-columns:1fr}.blog-card-r1,.blog-card-r2,.blog-detail-main,.blog-empty,.blog-full-area,.blog-header-row,.blog-keywords-panel{grid-column:1;grid-row:auto}.blog-header-row{order:-2}.blog-keywords-panel{min-height:unset;order:-1}}.blog-card{display:block;padding:24px;transition:box-shadow .2s ease}.blog-card,.blog-card:hover{text-decoration:none;color:inherit}.blog-card:hover{box-shadow:0 4px 16px rgba(0,0,0,.12)}.blog-card-title{font-size:20px;font-weight:600;margin-bottom:8px}.blog-card-date{display:block;font-size:13px;color:#888;margin-bottom:12px}.blog-card-summary{font-size:15px;line-height:1.5;color:#555;margin:0}.blog-card-keywords{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.blog-search-input{width:100%;max-width:400px;padding:8px 12px;font-size:14px;border:1px solid #ddd;border-radius:8px;outline:none;transition:border-color .15s}.blog-search-input:focus{border-color:#2563eb}.blog-search-input::placeholder{color:#aaa}.blog-keyword{display:inline-block;padding:4px 12px;font-size:13px;border-radius:16px;background:#f0f0f0;color:#555;text-decoration:none;border:none;cursor:pointer;transition:background .15s,color .15s}.blog-keyword:hover{background:#e0e0e0;color:#333;text-decoration:none}.blog-keyword-active{background:#2563eb;color:#fff}.blog-keyword-active:hover{background:#1d4ed8;color:#fff}.blog-sidebar-title{font-size:14px;font-weight:600;color:#333;margin-bottom:12px}.blog-sidebar-keywords{display:flex;flex-wrap:wrap;gap:6px}.blog-back{display:inline-flex;align-items:center;gap:6px;font-size:14px;color:#555;text-decoration:none}.blog-back:hover{color:#333}.blog-article{padding:32px}.blog-post-header{margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid #eee}.blog-post-header h1{font-size:28px;font-weight:700;margin-bottom:8px}.blog-content{font-size:16px;line-height:1.7}.blog-content h1,.blog-content h2,.blog-content h3{margin-top:28px;margin-bottom:12px;font-weight:600}.blog-content h2{font-size:22px}.blog-content h3{font-size:18px}.blog-content p{margin-bottom:16px}.blog-content ol,.blog-content ul{margin-bottom:16px;padding-left:24px}.blog-content li{margin-bottom:6px}.blog-content img{max-width:100%;height:auto;border-radius:8px;margin:16px 0}.blog-content blockquote{border-left:3px solid #ddd;padding-left:16px;margin:16px 0;color:#666;font-style:italic}.blog-content code{background:#f5f5f5;padding:2px 6px;border-radius:4px;font-size:14px}.blog-content pre{background:#f5f5f5;padding:16px;border-radius:8px;overflow-x:auto;margin-bottom:16px}.blog-content pre code{background:none;padding:0}