body:has(.blog-container){overscroll-behavior:none;-webkit-overflow-scrolling:auto}.blog-container{max-width:800px;margin:0 auto;padding:20px 20px 120px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;color:#0a0a0a;line-height:1.7;min-height:100vh;width:100%;overflow-x:hidden;word-wrap:break-word;overscroll-behavior:none}.writing-page{padding-top:4px;margin-left:auto;margin-right:auto}.back-link{display:none}.blog-index{padding-top:8px}.back-link:hover{color:#37352f}.blog-container h1{font-size:44px;font-weight:700;margin-bottom:8px;letter-spacing:-.02em;line-height:1.2}.blog-meta{color:rgba(55,53,47,.65);font-size:14px;margin-bottom:32px}.blog-container h2{font-size:32px;font-weight:600;margin:40px 0 16px;letter-spacing:-.01em;line-height:1.3}.blog-container h3{font-size:26px;font-weight:600;margin:32px 0 12px;line-height:1.3}.blog-container p{margin-bottom:16px;font-size:18px}.blog-container ol,.blog-container ul{margin:16px 0 16px 24px}.blog-container li{margin-bottom:8px}.blog-container em{font-style:italic}.blog-container strong{font-weight:600}.code-block-container{position:relative;margin:20px 0;overflow:hidden;background-color:#f7f6f3;border-radius:4px;border:1px solid rgba(55,53,47,.09)}.code-block-header{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid rgba(55,53,47,.09);background-color:rgba(0,0,0,.03)}.code-block-language{font-weight:500}.code-block-copy,.code-block-language{font-size:13px;color:rgba(55,53,47,.65);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}.code-block-copy{display:flex;align-items:center;gap:4px;background:none;border:none;padding:4px 8px;cursor:pointer;border-radius:4px;transition:all .2s ease}.code-block-copy:hover{background:rgba(55,53,47,.08);color:rgba(55,53,47,.85)}.code-block-copy:active{background:rgba(55,53,47,.12)}.code-block-copy-text{font-weight:500}.code-block-content{overflow-x:auto;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}.code-block-content pre{margin:0!important;background:transparent!important;border:none!important;border-radius:0!important}@media (max-width:768px){.code-block-container{margin:16px 0;border-radius:4px}.code-block-header{padding:6px 12px}.code-block-language{font-size:12px}.code-block-copy{font-size:12px;padding:2px 6px}.code-block-content{font-size:13px}.code-block-content pre{padding:16px!important}}@media (max-width:480px){.code-block-content{font-size:12px}.code-block-content pre{padding:12px!important}}.blog-container code:not(.code-block code){font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:85%;background-color:hsla(44,6%,50%,.15);padding:2px 4px;border-radius:3px;color:#eb5757;word-break:break-word}.blog-container table{width:100%;border-collapse:collapse;margin:20px 0;font-size:14px;background-color:#fff;border:1px solid rgba(55,53,47,.09);border-radius:4px;overflow:hidden;table-layout:fixed}.blog-container td,.blog-container th{padding:8px 12px;text-align:left;border-bottom:1px solid rgba(55,53,47,.09);word-wrap:break-word;overflow-wrap:break-word}.blog-container th{background-color:rgba(55,53,47,.04);font-weight:600;color:rgba(55,53,47,.65);font-size:12px;text-transform:uppercase;letter-spacing:.03em}.blog-container tr:last-child td{border-bottom:none}.blog-container tr:hover{background-color:rgba(55,53,47,.02)}.table-wrapper{overflow-x:auto;margin:20px 0;border-radius:4px;border:1px solid rgba(55,53,47,.09)}.table-wrapper table{margin:0;border:none}@media (max-width:768px){.blog-container{padding:40px 16px 80px;font-size:15px}.blog-container h1{font-size:24px;margin-bottom:20px}.blog-container h2{font-size:20px;margin-top:28px;margin-bottom:12px}.blog-container h3{font-size:18px;margin-top:20px;margin-bottom:10px}.blog-container p{font-size:15px;margin-bottom:14px}.blog-container li{font-size:15px}.blog-container table{font-size:13px}.blog-container td,.blog-container th{padding:6px 8px}.back-link{font-size:14px}.blog-container pre{font-size:13px}}@media (max-width:480px){.blog-container{padding:30px 16px 60px}.blog-container h1{font-size:22px}.blog-container h2{font-size:18px}.blog-container h3{font-size:16px}.blog-container li,.blog-container p{font-size:14px}.blog-container table{font-size:12px}.blog-container td,.blog-container th{padding:4px 6px}}.code-block-content pre{font-size:14px!important;padding:20px!important}@media (max-width:768px){.code-block-content pre{font-size:13px!important;padding:16px!important}}@media (max-width:480px){.code-block-content pre{font-size:12px!important;padding:12px!important}}