.icon[data-astro-cid-xh6nr3de].is-medium svg[data-astro-cid-xh6nr3de]{width:24px;height:24px}.reading-progress{position:fixed;top:0;left:0;width:0%;height:3px;background:var(--color-primary, #1132d4);z-index:9999;transition:width .1s linear}:root{--color-primary: #1132d4;--color-black: #000000;--color-sky: #d3e2fd}h2,h3{scroll-margin-top:100px}.menu-list .h3{margin-left:0;font-size:.85em!important}.sticky-sidebar{position:sticky;top:6rem;max-height:calc(100vh - 10rem);overflow-y:auto}.menu-list{padding:0;margin:0}.menu-list a{display:block;padding:8px 0;color:var(--color-black);text-decoration:none;font-weight:400;font-size:15px;line-height:1.5;transition:color .3s ease}.menu-list a.is-active{border-left:none;background-color:transparent;color:var(--color-primary)}.menu-list a:hover{color:var(--color-primary);background:none!important}h2,h3,h4,h5,h6{margin-bottom:1em!important}.s-18{font-size:18px}.blog-article-content{line-height:1.8}.blog-article-content p{margin-bottom:1.5em}.blog-article-content h2{margin-top:2em;font-size:1.5rem}.blog-article-content h3{margin-top:1.75em;font-size:1.25rem}.blog-article-content a{color:var(--color-primary);text-decoration:none}.blog-article-content a:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.blog-article-content img{max-width:100%;height:auto;border-radius:12px;margin:1.5em 0}.blog-article-content blockquote{border-left:4px solid var(--color-primary);background:#f8f9fc;padding:1em 1.5em;margin:1.5em 0;border-radius:0 8px 8px 0;font-style:italic;color:#374151}.blog-article-content blockquote p:last-child{margin-bottom:0}.blog-article-content ul,.blog-article-content ol{margin-left:0!important;margin-bottom:1.5em;padding-left:1.2em}.blog-article-content li{margin-bottom:.4em}.blog-article-content table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:.875em;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-article-content th{background-color:#f3f4f6;border:1px solid #e5e7eb;padding:10px 14px;text-align:left;font-weight:600;color:#111827;white-space:nowrap}.blog-article-content td{border:1px solid #e5e7eb;padding:10px 14px;vertical-align:top;color:#374151}.blog-article-content tr:nth-child(2n) td{background-color:#f9fafb}.blog-article-content tr:hover td{background-color:#f0f4ff}.mobile-toc{border:1px solid #e5e7eb;border-radius:12px;overflow:hidden}.mobile-toc-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:#f9fafb;border:none;cursor:pointer;font-size:14px;font-weight:600;color:#374151}.mobile-toc-toggle svg{transition:transform .2s ease}.mobile-toc.is-open .mobile-toc-toggle svg{transform:rotate(180deg)}.mobile-toc-content{display:none;padding:0 16px 12px;background:#f9fafb}.mobile-toc.is-open .mobile-toc-content{display:block}.mobile-toc-content a{display:block;padding:6px 0;color:#374151;text-decoration:none;font-size:14px}.mobile-toc-content a:hover,.mobile-toc-content a.is-active{color:var(--color-primary)}@media(max-width:767px){.blog-article-content{font-size:16px;line-height:1.7}.blog-article-content p{margin-bottom:1.25em}.blog-article-content h2{font-size:1.35rem;margin-top:1.5em}.blog-article-content h3{font-size:1.15rem;margin-top:1.25em}}section.o-blog-article .section{padding-left:0!important;padding-right:0!important}.post-nav{display:grid;grid-template-columns:1fr 1fr;gap:1rem;border-top:1px solid #e5e7eb;padding-top:2rem;margin-top:2rem}.post-nav a{display:flex;flex-direction:column;gap:4px;padding:1rem;border:1px solid #e5e7eb;border-radius:12px;text-decoration:none;color:#374151;transition:border-color .2s ease,box-shadow .2s ease}.post-nav a:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #1132d414}.post-nav-label{font-size:12px;text-transform:uppercase;letter-spacing:.05em;color:#9ca3af}.post-nav-title{font-size:14px;font-weight:500;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-nav .next{text-align:right;grid-column:2}@media(max-width:639px){.post-nav{grid-template-columns:1fr}.post-nav .next{text-align:left;grid-column:1}}
