.blog-nav.container{margin:20px auto;padding:0 15px;text-align:center;width:100%;box-sizing:border-box}.nav-back{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);text-decoration:none;font-size:16px;font-weight:500;padding:10px 0;transition:color .2s ease}.nav-back:hover{color:var(--secondary-text-color)}.blog-header.container{margin:30px auto;padding:0 15px;box-sizing:border-box}.blog-header-image{position:relative;width:100%;height:200px;border-radius:var(--radius);overflow:hidden;background:var(--hover-bg-color);border:1px solid var(--divider-color)}.blog-header-image img{width:100%;height:100%;object-fit:cover;object-position:center var(--header-offset-y, 35%);display:block;border-radius:var(--radius)}.blog-content.container{margin:40px auto;padding:0 15px;box-sizing:border-box}.blog-posts{max-width:800px;margin:0 auto;padding:0;box-sizing:border-box;width:100%}.blog-post h1{font-size:clamp(24px,6vw,32px);font-weight:600;color:var(--text-color);margin:0 0 15px;line-height:1.3}.blog-post-meta{font-size:14px;color:var(--tertiary-text-color);margin:0 0 25px;font-weight:500}.blog-post-meta time{color:var(--secondary-text-color)}.blog-post-content{color:var(--text-color);line-height:1.6;overflow-wrap:break-word;overflow-x:hidden;width:100%;box-sizing:border-box}.blog-post-content p{margin:0 0 20px;font-size:clamp(14px,2.6vw,16px);max-width:100%;box-sizing:border-box;overflow-wrap:break-word}.blog-post-content p:last-child{margin-bottom:0}.blog-post-content ul,.blog-post-content ol{margin:20px 0;max-width:100%;box-sizing:border-box}.blog-post-content ul{list-style-type:disc;list-style-position:outside;padding-left:30px}.blog-post-content ol{list-style-type:decimal;list-style-position:outside;padding-left:40px}.blog-post-content li{margin:8px 0;line-height:1.6}.blog-post-content ul ul,.blog-post-content ol ol,.blog-post-content ul ol,.blog-post-content ol ul{margin-top:8px;margin-bottom:8px}.blog-post-content strong{font-weight:700;color:var(--text-color);text-shadow:.5px 0 0 currentColor;letter-spacing:.02em}.blog-post-content a{color:var(--text-color);text-decoration:underline;transition:color .2s ease}.blog-post-content a:hover,.blog-post-content a:focus{color:var(--secondary-text-color)}.blog-post-content a:visited{color:var(--text-color)}.blog-post-content h3{font-size:clamp(18px,4vw,24px);font-weight:600;line-height:1.35;color:var(--text-color);margin:28px 0 12px;position:relative}.blog-post-content h3:after{content:"";display:block;width:56px;height:2px;background-color:var(--divider-color);margin-top:6px;border-radius:2px}.blog-post-content pre{background:var(--hover-bg-color);border:1px solid var(--divider-color);border-radius:var(--radius);padding:16px;margin:20px 0;overflow-x:hidden;font-size:14px;line-height:1.5;width:100%;max-width:100%;box-sizing:border-box;-webkit-overflow-scrolling:touch}.blog-post-content pre code{background:transparent;padding:0;border:none;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace;display:block;white-space:pre-wrap;overflow-x:hidden;overflow-wrap:anywhere;word-break:break-word;word-wrap:break-word;width:100%;box-sizing:border-box}.blog-post-content pre[class*=language-]{font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;line-height:1.5;padding:1em;margin:.5em 0;overflow:auto;word-break:normal;overflow-wrap:normal}:root:not([data-theme=dark]) .blog-post-content pre[class*=language-]{color:#000;background:#f5f2f0;text-shadow:0 1px #fff}[data-theme=dark] .blog-post-content pre[class*=language-]{color:#ccc;background:#2d2d2d;text-shadow:none}:root:not([data-theme=dark]) .blog-post-content code[class*=language-]{color:#000;text-shadow:0 1px #fff}:root:not([data-theme=dark]) .blog-post-content .token.comment,:root:not([data-theme=dark]) .blog-post-content .token.prolog,:root:not([data-theme=dark]) .blog-post-content .token.doctype,:root:not([data-theme=dark]) .blog-post-content .token.cdata{color:#708090}:root:not([data-theme=dark]) .blog-post-content .token.punctuation{color:#999}:root:not([data-theme=dark]) .blog-post-content .token.property,:root:not([data-theme=dark]) .blog-post-content .token.tag,:root:not([data-theme=dark]) .blog-post-content .token.boolean,:root:not([data-theme=dark]) .blog-post-content .token.number,:root:not([data-theme=dark]) .blog-post-content .token.constant,:root:not([data-theme=dark]) .blog-post-content .token.symbol,:root:not([data-theme=dark]) .blog-post-content .token.deleted{color:#905}:root:not([data-theme=dark]) .blog-post-content .token.selector,:root:not([data-theme=dark]) .blog-post-content .token.attr-name,:root:not([data-theme=dark]) .blog-post-content .token.string,:root:not([data-theme=dark]) .blog-post-content .token.char,:root:not([data-theme=dark]) .blog-post-content .token.builtin,:root:not([data-theme=dark]) .blog-post-content .token.inserted{color:#690}:root:not([data-theme=dark]) .blog-post-content .token.operator,:root:not([data-theme=dark]) .blog-post-content .token.entity,:root:not([data-theme=dark]) .blog-post-content .token.url{color:#9a6e3a;background:#ffffff7f}:root:not([data-theme=dark]) .blog-post-content .token.atrule,:root:not([data-theme=dark]) .blog-post-content .token.attr-value,:root:not([data-theme=dark]) .blog-post-content .token.keyword{color:#07a}:root:not([data-theme=dark]) .blog-post-content .token.function,:root:not([data-theme=dark]) .blog-post-content .token.class-name{color:#dd4a68}:root:not([data-theme=dark]) .blog-post-content .token.regex,:root:not([data-theme=dark]) .blog-post-content .token.important,:root:not([data-theme=dark]) .blog-post-content .token.variable{color:#e90}[data-theme=dark] .blog-post-content code[class*=language-]{color:#ccc;text-shadow:none}[data-theme=dark] .blog-post-content .token.comment,[data-theme=dark] .blog-post-content .token.block-comment,[data-theme=dark] .blog-post-content .token.prolog,[data-theme=dark] .blog-post-content .token.doctype,[data-theme=dark] .blog-post-content .token.cdata{color:#999}[data-theme=dark] .blog-post-content .token.punctuation{color:#ccc}[data-theme=dark] .blog-post-content .token.tag,[data-theme=dark] .blog-post-content .token.attr-name,[data-theme=dark] .blog-post-content .token.namespace,[data-theme=dark] .blog-post-content .token.deleted{color:#e2777a}[data-theme=dark] .blog-post-content .token.function-name{color:#6196cc}[data-theme=dark] .blog-post-content .token.boolean,[data-theme=dark] .blog-post-content .token.number,[data-theme=dark] .blog-post-content .token.function{color:#f08d49}[data-theme=dark] .blog-post-content .token.property,[data-theme=dark] .blog-post-content .token.class-name,[data-theme=dark] .blog-post-content .token.constant,[data-theme=dark] .blog-post-content .token.symbol{color:#f8c555}[data-theme=dark] .blog-post-content .token.selector,[data-theme=dark] .blog-post-content .token.important,[data-theme=dark] .blog-post-content .token.atrule,[data-theme=dark] .blog-post-content .token.keyword,[data-theme=dark] .blog-post-content .token.builtin{color:#cc99cd}[data-theme=dark] .blog-post-content .token.string,[data-theme=dark] .blog-post-content .token.char,[data-theme=dark] .blog-post-content .token.attr-value,[data-theme=dark] .blog-post-content .token.regex,[data-theme=dark] .blog-post-content .token.variable{color:#7ec699}[data-theme=dark] .blog-post-content .token.operator,[data-theme=dark] .blog-post-content .token.entity,[data-theme=dark] .blog-post-content .token.url{color:#67cdcc}.blog-post-content .token.namespace{opacity:.7}.blog-post-content .token.important,.blog-post-content .token.bold{font-weight:700}.blog-post-content .token.italic{font-style:italic}.blog-post-content code:not(pre code){background:var(--hover-bg-color);border:1px solid var(--divider-color);padding:2px 6px;border-radius:3px;font-size:14px;font-family:Consolas,Monaco,Courier New,monospace;white-space:normal;overflow-wrap:anywhere;word-break:break-word;max-width:100%;-webkit-box-decoration-break:clone;box-decoration-break:clone}.blog-post-content img,.blog-inline-video{max-width:100%;width:100%;height:auto;display:block;margin:20px auto;border-radius:var(--radius);border:1px solid var(--divider-color);box-sizing:border-box}.tweet-embed{display:flex;justify-content:center}.blog-post-content mjx-container[display=true]{overflow-x:auto;overflow-y:hidden}.blog-post-content table{width:auto;max-width:85%;margin:20px auto;border-collapse:collapse;font-size:14px;box-sizing:border-box}.blog-post-content .agent-skills-table-wrap{width:100%;max-width:100%;margin:20px auto;border:1px solid var(--divider-color);border-radius:var(--radius);overflow:auto;-webkit-overflow-scrolling:touch;box-sizing:border-box;background:var(--bg-color);overscroll-behavior-x:contain}.blog-post-content .agent-skills-table-wrap table{width:100%;max-width:100%;margin:0;font-size:clamp(12px,1.4vw,13px);table-layout:fixed}.blog-post-content .agent-skills-table-wrap th,.blog-post-content .agent-skills-table-wrap td{padding:clamp(8px,1.2vw,12px);vertical-align:top;line-height:1.5;border-right:none}.blog-post-content .agent-skills-table-wrap th:first-child,.blog-post-content .agent-skills-table-wrap td:first-child{width:clamp(105px,14vw,150px);white-space:normal}.blog-post-content .agent-skills-table-wrap code:not(pre code){font-size:1em;padding:1px 4px;overflow-wrap:anywhere;word-break:break-word;-webkit-box-decoration-break:clone;box-decoration-break:clone}.blog-post-content table thead{background:var(--hover-bg-color);border-bottom:2px solid var(--divider-color)}.blog-post-content table th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text-color);border-bottom:2px solid var(--divider-color)}.blog-post-content table td{padding:10px 16px;border-bottom:1px solid var(--divider-color);color:var(--text-color)}.blog-post-content table tbody tr:hover{background:var(--hover-bg-color)}.blog-post-content table tbody tr:last-child td{border-bottom:none}.blog-post-content blockquote{margin:24px 0;padding:16px 24px;background:var(--hover-bg-color);border-left:4px solid var(--secondary-text-color);border-radius:0 6px 6px 0;font-style:italic;color:var(--secondary-text-color);font-size:clamp(14px,2.6vw,16px);line-height:1.7}.blog-post-content blockquote p{margin:0}.blog-post-content blockquote p:not(:last-child){margin-bottom:12px}@media(max-width:768px){.blog-post-content table{display:block;width:100%;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-post-content table thead,.blog-post-content table tbody,.blog-post-content table tr{display:table;width:100%;table-layout:fixed}.blog-post-content .agent-skills-table-wrap{overflow-x:auto;overflow-y:hidden}.blog-post-content .agent-skills-table-wrap table{min-width:860px;table-layout:auto}.blog-header.container{margin:20px auto;padding:0 10px}.blog-header-image{height:auto;min-height:180px}.blog-content.container{margin:20px auto;padding:0 10px}.blog-post-content ul{padding-left:20px}.blog-post-content ol{padding-left:28px}.blog-post h1{font-size:clamp(22px,5vw,28px)}.blog-post-content,.blog-post-content p{font-size:clamp(14px,3.5vw,15px)}.blog-post-content h3{font-size:clamp(18px,4.5vw,20px);margin:24px 0 10px}.blog-post-content pre{font-size:12px;padding:12px;margin:15px 0}.blog-post-content pre code{font-size:12px}.blog-post-content code:not(pre code){font-size:13px}.blog-post-content img{margin:15px auto}.blog-post-content table{font-size:12px}.blog-post-content table th,.blog-post-content table td{padding:8px 12px;overflow-wrap:break-word}.blog-post-content blockquote{margin:20px 0;padding:14px 20px}}@media(max-width:480px){.blog-post-content .agent-skills-table-wrap table{min-width:760px}.blog-header.container{margin:15px auto;padding:0 8px}.blog-header-image{height:auto;min-height:160px}.blog-content.container{margin:15px auto;padding:0 8px}.blog-post-content ul{padding-left:18px}.blog-post-content ol{padding-left:24px}.blog-post h1{font-size:clamp(20px,6vw,24px)}.blog-post-content,.blog-post-content p{font-size:clamp(13px,3.2vw,14px)}.blog-post-content h3{font-size:clamp(16px,4vw,18px);margin:20px 0 8px}.blog-post-content pre{font-size:11px;padding:10px;margin:12px 0}.blog-post-content pre code{font-size:11px}.blog-post-content code:not(pre code){font-size:12px}.blog-post-content img{margin:12px auto}.blog-post-content table{font-size:11px}.blog-post-content table th,.blog-post-content table td{padding:6px 8px;overflow-wrap:break-word}.blog-post-content blockquote{margin:16px 0;padding:12px 16px;font-size:clamp(13px,3.2vw,14px)}}