.article-navigation{margin:3rem 0;padding:2rem 0;border-top:2px solid var(--gray-light);border-bottom:2px solid var(--gray-light)}.article-navigation-container{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media (max-width: 768px){.article-navigation-container{grid-template-columns:1fr;gap:1rem}}.article-navigation-item{display:flex;flex-direction:column;gap:.5rem;padding:1.5rem;background:#fff;border:2px solid var(--gray-light);border-radius:var(--border-radius);text-decoration:none;transition:all var(--transition)}.article-navigation-item:not(.disabled){cursor:pointer}.article-navigation-item:not(.disabled):hover{border-color:var(--accent);box-shadow:var(--box-shadow-md);transform:translateY(-2px)}.article-navigation-item.disabled{visibility:hidden}.article-navigation-item.prev .article-navigation-label{justify-content:flex-start}.article-navigation-item.next .article-navigation-label{justify-content:flex-end}.article-navigation-item.next .article-navigation-title{text-align:right}.article-navigation-item.next .article-navigation-category{align-self:flex-end}.article-navigation-label{display:flex;align-items:center;gap:.25rem;font-size:.875rem;font-weight:600;color:var(--gray-dark);text-transform:uppercase;letter-spacing:.05em}.article-navigation-label svg{width:16px;height:16px}.article-navigation-title{font-size:1rem;font-weight:600;color:var(--black);line-height:1.5;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.article-navigation-category{display:inline-block;padding:.25rem .75rem;background:var(--accent-light);color:var(--accent-dark);font-size:.75rem;font-weight:600;border-radius:99rem;align-self:flex-start}.article-navigation-item:hover .article-navigation-title{color:var(--accent)}.breadcrumb{margin:2rem 0 1.5rem}.breadcrumb-list{display:flex;flex-wrap:wrap;align-items:center;list-style:none;padding:0;margin:0;gap:.5rem;font-size:.875rem}.breadcrumb-item{display:flex;align-items:center;gap:.5rem}.breadcrumb-link{color:var(--text-secondary);text-decoration:none;transition:color var(--transition)}.breadcrumb-link:hover{color:var(--accent);text-decoration:underline}.breadcrumb-separator{color:var(--text-tertiary);user-select:none}.breadcrumb-current{color:var(--text-primary);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}@media screen and (min-width: 768px){.breadcrumb-current{max-width:400px}}@media (max-width: 640px){.breadcrumb-list{font-size:.8125rem}.breadcrumb-current{max-width:200px}}.code-block-wrapper{position:relative;margin:1.5rem 0}.code-block-wrapper pre{margin:0;border-radius:var(--border-radius);background:#2d3748!important;padding:1.25rem!important;overflow-x:auto}.code-block-wrapper pre code{background:transparent!important;padding:0!important;font-size:.875rem;line-height:1.7;font-family:Courier New,Courier,monospace}.code-copy-button{position:absolute;top:.75rem;right:.75rem;display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:var(--border-radius-sm);color:var(--gray-dark);font-size:.8125rem;font-weight:600;cursor:pointer;transition:all var(--transition);font-family:inherit;backdrop-filter:blur(4px);z-index:10}.code-copy-button:hover{background:#fff;color:var(--accent);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.code-copy-button:active{transform:translateY(0)}.code-copy-button.copied{background:var(--accent);color:#fff;border-color:var(--accent)}.code-copy-button.copied:hover{background:var(--accent-dark);color:#fff}.code-copy-button svg{width:16px;height:16px;flex-shrink:0}@media (max-width: 640px){.code-copy-button{padding:.25rem .5rem;font-size:.75rem}.code-copy-button svg{width:14px;height:14px}.code-copy-button .code-copy-text{display:none}}.scroll-progress{position:fixed;top:0;left:0;right:0;height:4px;background:#0000000d;z-index:9999}.scroll-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent) 0%,var(--accent-dark) 100%);width:0%;transition:width .1s ease-out;box-shadow:0 0 10px #14b8a680}.back-to-top{position:fixed;bottom:2rem;right:2rem;width:3rem;height:3rem;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;box-shadow:var(--box-shadow-lg);transition:all var(--transition);z-index:1000;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(20px)}.back-to-top.visible{opacity:1;visibility:visible;transform:translateY(0)}.back-to-top:hover{background:var(--accent-dark);transform:translateY(-4px);box-shadow:0 6px 20px #14b8a666}.back-to-top:active{transform:translateY(-2px)}.back-to-top svg{width:24px;height:24px}@media (max-width: 640px){.back-to-top{bottom:1.5rem;right:1.5rem;width:2.75rem;height:2.75rem}.back-to-top svg{width:20px;height:20px}}.share-buttons{margin:3rem 0;padding:1.5rem;background:var(--bg-primary);border:1px solid var(--bg-tertiary);border-radius:12px;box-shadow:var(--box-shadow);transition:background-color .3s ease,border-color .3s ease}.share-buttons .share-title{margin:0 0 1rem;font-size:.875rem;font-weight:600;color:var(--text-secondary);text-align:center;text-transform:uppercase;letter-spacing:.05em}.share-buttons .share-buttons-list{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.share-buttons .share-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;border-radius:50%;text-decoration:none;transition:all .2s ease;cursor:pointer;background:var(--bg-tertiary);position:relative}.share-buttons .share-icon svg{width:18px;height:18px;transition:transform .2s ease}.share-buttons .share-icon:hover{transform:translateY(-3px) scale(1.1);box-shadow:var(--box-shadow-md)}.share-buttons .share-icon:hover svg{transform:scale(1.1)}.share-buttons .share-icon:active{transform:translateY(-1px) scale(1.05)}.share-buttons .share-icon-twitter{color:#1d9bf0}.share-buttons .share-icon-twitter:hover{background:#1d9bf0;color:#fff}.share-buttons .share-icon-facebook{color:#1877f2}.share-buttons .share-icon-facebook:hover{background:#1877f2;color:#fff}.share-buttons .share-icon-hatena{color:#00a4de}.share-buttons .share-icon-hatena:hover{background:#00a4de;color:#fff}.share-buttons .share-icon-line{color:#06c755}.share-buttons .share-icon-line:hover{background:#06c755;color:#fff}.share-buttons .share-icon-copy{color:var(--text-secondary)}.share-buttons .share-icon-copy .icon-check{display:none}.share-buttons .share-icon-copy:hover{background:var(--accent);color:#fff}.share-buttons .share-icon-copy.copied{background:#10b981;color:#fff}@media (max-width: 640px){.share-buttons{padding:1.25rem}.share-buttons .share-title{font-size:.8125rem;margin-bottom:.875rem}.share-buttons .share-buttons-list{gap:.625rem}.share-buttons .share-icon{width:2.25rem;height:2.25rem}.share-buttons .share-icon svg{width:16px;height:16px}}.table-of-contents{background:var(--bg-primary);border-left:4px solid var(--accent);border-radius:var(--border-radius);padding:1.5rem;margin:2rem 0;box-shadow:var(--box-shadow-md)}@media screen and (min-width: 768px){.table-of-contents{position:sticky;top:1rem;max-height:calc(100vh - 2rem);overflow-y:auto}}.toc-title{font-size:1.125rem;font-weight:700;margin:0 0 1rem;color:var(--text-primary);display:flex;align-items:center;gap:.5rem}.toc-list{list-style:none;padding:0;margin:0}.toc-item{margin:0;padding:0}.toc-link{display:block;padding:.5rem .75rem;color:var(--text-secondary);text-decoration:none;border-radius:var(--border-radius-sm);transition:all var(--transition);font-size:.9375rem;line-height:1.5}.toc-link:hover{background-color:#14b8a61a;color:var(--accent);transform:translate(4px);text-decoration:none}.toc-link:active,.toc-link.active{background-color:var(--accent-light);color:var(--accent-dark);font-weight:600}.toc-depth-2 .toc-link{font-weight:600;padding-left:.75rem}.toc-depth-3 .toc-link{font-size:.875rem;padding-left:1.5rem;color:var(--text-tertiary)}.table-of-contents::-webkit-scrollbar{width:6px}.table-of-contents::-webkit-scrollbar-track{background:var(--bg-tertiary);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb{background:var(--accent);border-radius:3px}.table-of-contents::-webkit-scrollbar-thumb:hover{background:var(--accent-dark)}body{line-height:1.8;font-size:1rem;color:var(--text-primary);-webkit-text-size-adjust:100%}main[data-astro-cid-h5lmxxc5]{width:100%;background-color:var(--bg-secondary)}article[data-astro-cid-h5lmxxc5]{width:calc(100% - 3rem);max-width:800px;margin:auto}@media screen and (min-width: 768px){.article-header[data-astro-cid-h5lmxxc5]{max-width:37.3333333333rem;margin-inline:auto}}.article-header[data-astro-cid-h5lmxxc5] .metaline[data-astro-cid-h5lmxxc5] .badge[data-astro-cid-h5lmxxc5]{display:inline-block;padding:.125rem 1rem;font-weight:400;font-size:.8333333333rem;line-height:1.5em;color:#fff;background-color:#096fc8;border-radius:99rem}.article-header[data-astro-cid-h5lmxxc5] .title[data-astro-cid-h5lmxxc5]{margin-top:1rem;font-weight:800;font-size:1.1111111111rem;line-height:1.575em;text-align:left}@media screen and (min-width: 768px){.article-header[data-astro-cid-h5lmxxc5] .title[data-astro-cid-h5lmxxc5]{font-size:2rem;line-height:1.5em}}.article-body[data-astro-cid-h5lmxxc5]{overflow:hidden;margin-top:1.5rem}@media screen and (min-width: 768px){.article-body[data-astro-cid-h5lmxxc5]{margin-top:3rem}}@media screen and (max-width: 767px){.article-body[data-astro-cid-h5lmxxc5]{margin-left:-1.5rem;margin-right:-1.5rem;padding-bottom:2.5rem;background-color:var(--bg-primary)}}@media screen and (min-width: 768px){.article-body[data-astro-cid-h5lmxxc5]{margin-left:0;margin-right:0;padding-bottom:6.5rem;border-radius:.5rem;background-color:var(--bg-primary)}}.article-body[data-astro-cid-h5lmxxc5] .article-body-inner[data-astro-cid-h5lmxxc5]{padding-top:1.5rem}@media screen and (min-width: 768px){.article-body[data-astro-cid-h5lmxxc5] .article-body-inner[data-astro-cid-h5lmxxc5]{padding-top:4rem;max-width:37.3333333333rem;margin-inline:auto}}@media screen and (min-width: 1000px){.article-body[data-astro-cid-h5lmxxc5] .article-body-inner[data-astro-cid-h5lmxxc5]{max-width:40.3333333333rem}}.article-body[data-astro-cid-h5lmxxc5] .article-body-inner[data-astro-cid-h5lmxxc5] .article-body-inner-content[data-astro-cid-h5lmxxc5]{padding-inline:1.5rem;font-size:1.0625rem;color:var(--text-primary);max-width:60ch;margin-inline:auto}@media screen and (min-width: 768px){.article-body[data-astro-cid-h5lmxxc5] .article-body-inner[data-astro-cid-h5lmxxc5] .article-body-inner-content[data-astro-cid-h5lmxxc5]{font-size:1.125rem;max-width:65ch}}.eyecatch[data-astro-cid-h5lmxxc5]{width:100%;margin-top:1.5rem;margin-bottom:1.5rem;padding:1.25rem;background:var(--bg-primary);border-radius:var(--border-radius);border:1px solid var(--bg-tertiary);box-shadow:var(--box-shadow-md)}.eyecatch[data-astro-cid-h5lmxxc5] img[data-astro-cid-h5lmxxc5]{display:block;margin:0 auto;max-width:100%;height:auto;background-color:#020617;border-radius:var(--border-radius-sm)}.meta-info[data-astro-cid-h5lmxxc5]{margin-top:1rem;display:flex;flex-wrap:wrap;gap:1.5rem;align-items:center}.date[data-astro-cid-h5lmxxc5]{color:rgb(var(--gray));display:flex;gap:1rem}.last-updated-on[data-astro-cid-h5lmxxc5]{font-style:italic}.reading-time[data-astro-cid-h5lmxxc5]{display:flex;align-items:center;gap:.5rem;color:var(--gray-dark);font-size:.9375rem}.reading-time[data-astro-cid-h5lmxxc5] svg[data-astro-cid-h5lmxxc5]{width:16px;height:16px}.badge-zenn[data-astro-cid-h5lmxxc5]{background-color:#3ea8ff}.zenn-link-wrapper[data-astro-cid-h5lmxxc5]{margin-top:1.5rem;text-align:center}.zenn-link[data-astro-cid-h5lmxxc5]{display:inline-block;padding:.75rem 2rem;background:var(--accent);color:#fff;text-decoration:none;border-radius:var(--border-radius-sm);font-weight:600;transition:var(--transition);box-shadow:var(--box-shadow-md)}.zenn-link[data-astro-cid-h5lmxxc5]:hover{background:var(--accent-dark);transform:translateY(-2px);box-shadow:var(--box-shadow-lg);text-decoration:none}