.m-blog{display:grid;gap:var(--m-section-gap)}
.m-blog-search{display:grid;min-height:50px;grid-template-columns:42px minmax(0,1fr) 58px;align-items:center;overflow:hidden;border:1px solid #dedede;border-radius:16px;background:#fff}.m-blog-search svg{width:20px;height:20px;justify-self:center;fill:none;stroke:#888;stroke-width:1.8;pointer-events:none}.m-blog-search input{min-width:0;width:100%;height:48px;padding:0 8px 0 1px;border:0;outline:0;background:transparent;color:#222;font:inherit;font-size:12px}.m-blog-search input::placeholder{color:#999}.m-blog-search input::-webkit-search-cancel-button,.m-blog-search input::-webkit-search-decoration{-webkit-appearance:none;appearance:none}.m-blog-search:focus-within{border-color:#999;box-shadow:none}.m-blog-search button{height:28px;padding:0 12px;border:0;border-left:1px solid #ededed;background:transparent;color:#111;font:inherit;font-size:11px;font-weight:750;cursor:pointer}.m-blog-search button:focus-visible{outline:2px solid #111;outline-offset:-3px}
.m-blog-category-picker{position:relative;z-index:5}.m-blog-category-picker summary{display:flex;min-height:32px;align-items:center;gap:8px;padding:0 2px;list-style:none;cursor:pointer}.m-blog-category-picker summary::-webkit-details-marker{display:none}.m-blog-category-picker summary::marker{display:none;content:""}.m-blog-category-picker summary>strong{color:#777;font-size:10.5px;font-weight:600;transition:color .18s ease}.m-blog-category-picker summary>i{position:relative;width:10px;height:10px}.m-blog-category-picker summary>i::before,.m-blog-category-picker summary>i::after{position:absolute;top:4px;width:6px;height:1.5px;border-radius:2px;background:#999;content:"";transition:background-color .18s ease,transform .18s ease}.m-blog-category-picker summary>i::before{left:0;transform:rotate(45deg)}.m-blog-category-picker summary>i::after{right:0;transform:rotate(-45deg)}.m-blog-category-picker[open] summary>i::before{transform:rotate(-45deg)}.m-blog-category-picker[open] summary>i::after{transform:rotate(45deg)}.m-blog-category-picker summary:focus-visible{outline:2px solid #111;outline-offset:2px}.m-blog-categories{position:absolute;top:calc(100% + 7px);right:0;display:grid;width:190px;padding:7px 13px;border:1px solid #dedede;border-radius:14px;background:#fff;box-shadow:0 12px 34px rgba(17,17,17,.14)}.m-blog-categories a{display:flex;min-height:40px;align-items:center;justify-content:space-between;margin:0 -6px;padding:0 6px;border-top:1px solid #f0f0f0;border-radius:8px;color:#666;font-size:11px;text-decoration:none;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.m-blog-categories a:first-child{border-top-color:transparent}.m-blog-categories a i{visibility:hidden;color:#e42313;font-size:12px;font-style:normal}.m-blog-categories a.is-active{color:#111;font-weight:750}.m-blog-categories a.is-active i{visibility:visible}.m-blog-categories a:focus-visible{outline:2px solid #111;outline-offset:-2px}
.m-blog-results{display:grid;gap:var(--m-section-gap)}.m-blog-results>header{display:flex;align-items:end;justify-content:space-between;gap:12px;padding:0 2px}.m-blog-results>header>div{display:grid}.m-blog-results>header h2{margin:0;color:#111;font-size:var(--m-section-title-size);line-height:1.35}.m-blog-results>header small{padding-bottom:2px;color:#999;font-size:9.5px}.m-blog-list{display:grid;gap:10px}.m-blog-card{min-width:0;overflow:hidden;border:1px solid #e3e3e3;border-radius:17px;background:#fff}.m-blog-card-link{display:grid;min-width:0;grid-template-columns:132px minmax(0,1fr);align-items:center;gap:12px;padding:10px;color:inherit;text-decoration:none}.m-blog-card-link:focus-visible{outline:2px solid #111;outline-offset:-3px}.m-blog-card-media{display:grid;overflow:hidden;aspect-ratio:16/9;align-self:center;place-items:center;border-radius:10px;background:linear-gradient(145deg,#f0f0f0,#e4e8ef);color:#888;font-size:18px;font-weight:800}.m-blog-card-media img{display:block;width:100%;height:100%;object-fit:cover}.m-blog-card-copy{display:grid;min-width:0;align-self:center;align-content:start;gap:6px}.m-blog-card-kicker{display:flex;min-width:0;align-items:center;justify-content:space-between;gap:8px}.m-blog-card-kicker time{flex:0 0 auto;color:#aaa;font-size:8.5px}.m-blog-card-category{display:block;min-width:0;overflow:hidden;color:#777;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.m-blog-card h3{display:-webkit-box;overflow:hidden;margin:0;color:#111;font-size:var(--m-card-title-size);line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.m-blog-card p{display:-webkit-box;overflow:hidden;margin:0;color:#777;font-size:10px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.m-blog-card-meta{display:flex;align-items:center;margin-top:auto;color:#aaa;font-size:9px}.m-blog-empty{display:flex;min-height:170px;flex-direction:column;align-items:center;justify-content:center;gap:7px;border:1px dashed #d6d6d6;border-radius:18px;background:#fff;text-align:center}.m-blog-empty strong{font-size:14px}.m-blog-empty span{color:#888;font-size:11px}.m-blog-pagination{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.m-blog-pagination a{display:inline-flex;min-height:40px;align-items:center;justify-content:center;border:1px solid #ddd;border-radius:12px;background:#fff;color:#222;font-size:11px;text-decoration:none}.m-blog-pagination a:last-child{grid-column:3}.m-blog-pagination b{color:#999;font-size:10px;font-weight:500}
.m-blog-detail{display:grid;gap:var(--m-section-gap)}.m-blog-article-head,.m-blog-article-body,.m-blog-related{border:1px solid #e2e2e2;border-radius:16px;background:#fff}.m-blog-article-head{display:grid;gap:9px;padding:17px}.m-blog-article-head>a{width:max-content;max-width:100%;padding:4px 9px;border-radius:999px;background:#f1f1f1;color:#666;font-size:9px;text-decoration:none}.m-blog-article-head h1{margin:0;color:#111;font-size:var(--m-detail-title-size);line-height:1.42;letter-spacing:-.025em}.m-blog-article-head>p{margin:0;color:#666;font-size:var(--m-body-size);line-height:1.75}.m-blog-article-head>div{display:flex;gap:13px;color:#999;font-size:9.5px}.m-blog-article-body{padding:18px 17px}.m-blog-content{max-width:100%;overflow-wrap:anywhere;color:#444;font-size:var(--m-body-size);line-height:1.9}.m-blog-content>:first-child{margin-top:0}.m-blog-content>:last-child{margin-bottom:0}.m-blog-content h2,.m-blog-content h3,.m-blog-content h4{margin:1.7em 0 .65em;color:#111;line-height:1.45}.m-blog-content h2{font-size:17px}.m-blog-content h3{font-size:15px}.m-blog-content h4{font-size:13px}.m-blog-content p,.m-blog-content ul,.m-blog-content ol,.m-blog-content blockquote,.m-blog-content pre,.m-blog-content figure,.m-blog-content table{margin:0 0 1.15em}.m-blog-content ul,.m-blog-content ol{padding-left:1.5em}.m-blog-content img,.m-blog-content video,.m-blog-content iframe{display:block;width:auto;max-width:100%;height:auto;margin:14px auto;border-radius:10px}.m-blog-content iframe{width:100%;aspect-ratio:16/9}.m-blog-content blockquote{padding:10px 12px;border-left:3px solid #bbb;background:#f7f7f7;color:#666}.m-blog-content pre{max-width:100%;padding:12px;overflow:auto;border-radius:10px;background:#171717;color:#eee;font-size:10px;line-height:1.65}.m-blog-content table{display:block;width:100%;overflow-x:auto;border-collapse:collapse}.m-blog-content th,.m-blog-content td{padding:7px 8px;border:1px solid #ddd;font-size:10px;white-space:nowrap}.m-blog-content a{color:#b42318;text-underline-offset:2px}
.m-blog-related{display:grid;gap:11px;padding:15px}.m-blog-related h2{margin:0;color:#111;font-size:var(--m-section-title-size)}.m-blog-related>div{display:grid}.m-blog-related>div>a{position:relative;display:grid;gap:4px;padding:11px 24px 11px 0;border-top:1px solid #eee;color:#111;text-decoration:none}.m-blog-related>div>a:first-child{border-top:0}.m-blog-related a strong{font-size:var(--m-card-title-size);line-height:1.5}.m-blog-related a span{display:-webkit-box;overflow:hidden;color:#888;font-size:10px;line-height:1.5;-webkit-box-orient:vertical;-webkit-line-clamp:2}.m-blog-related a i{position:absolute;top:50%;right:3px;color:#aaa;font-size:20px;font-style:normal;transform:translateY(-50%)}
@media(hover:hover){.m-blog-category-picker summary:hover>strong{color:#111}.m-blog-category-picker summary:hover>i::before,.m-blog-category-picker summary:hover>i::after{background:#111}.m-blog-categories a:hover{border-top-color:#111;background:#111;color:#fff}.m-blog-categories a:hover i{color:#fff}.m-blog-card{transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.m-blog-card-media img{transition:transform .22s ease}.m-blog-card:hover{border-color:#c8c8c8;box-shadow:0 8px 22px rgba(17,17,17,.07);transform:translateY(-1px)}.m-blog-card:hover .m-blog-card-media img{transform:scale(1.025)}}
@media(max-width:350px){.m-blog-search{grid-template-columns:38px minmax(0,1fr) 52px}.m-blog-search button{padding:0 9px}.m-blog-card-link{grid-template-columns:108px minmax(0,1fr);gap:9px;padding:9px}.m-blog-card h3{font-size:var(--m-card-title-size)}.m-blog-article-head,.m-blog-article-body{padding-right:14px;padding-left:14px}}
.m-blog-detail .m-blog-work-recommendations{margin:0}