.site-blog-post{background:var(--c-bg);font-family:var(--f-base);color:var(--c-text);-webkit-font-smoothing:antialiased;padding-block:var(--sp-4) var(--sp-12)}.blog-post-header{margin-bottom:var(--sp-6)}.blog-post-category{display:inline-block;padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--c-badge-gaming);color:var(--c-badge-text);font-size:var(--f-size-xs);font-weight:600;text-decoration:none;text-transform:uppercase;letter-spacing:.02em;margin-bottom:var(--sp-4)}.blog-post-category:hover{background:var(--c-accent-soft)}.blog-post-title{font-size:clamp(1.75rem, 1.35rem + 1.8vw, var(--f-size-3xl));font-weight:700;letter-spacing:-.02em;line-height:1.15;margin:var(--sp-3) 0 var(--sp-4);color:var(--c-text)}.blog-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--sp-2);font-size:var(--f-size-sm);color:var(--c-text-2)}.blog-post-author{display:inline-flex;align-items:center;gap:var(--sp-2);color:var(--c-text);text-decoration:none;font-weight:600}.blog-post-author:hover{color:var(--c-accent)}.blog-post-author-avatar{border-radius:var(--r-full);display:block}.blog-post-meta-sep{color:var(--c-text-3)}.blog-post-listen-btn{display:inline-flex;align-items:center;gap:var(--sp-1);height:28px;padding:0 var(--sp-3) 0 var(--sp-2);border:1px solid var(--c-border);border-radius:var(--r-full);background:var(--c-bg);color:var(--c-text-2);font-family:var(--f-base);font-size:var(--f-size-xs);font-weight:600;cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.blog-post-listen-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.blog-post-listen-btn[aria-pressed="true"]{border-color:var(--c-accent);background:var(--c-accent-soft);color:var(--c-accent)}.blog-post-listen-icon{flex-shrink:0}.blog-post-updated{margin:var(--sp-2) 0 0;font-size:var(--f-size-xs);color:var(--c-text-3);font-style:italic}.blog-post-thumbnail{margin:var(--sp-6) 0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow-md)}.blog-post-thumbnail img{display:block;width:100%;height:auto}.blog-post-thumbnail figcaption{padding:var(--sp-2) var(--sp-4);font-size:var(--f-size-xs);color:var(--c-text-2);text-align:center;background:var(--c-bg-soft)}.blog-post-toc{margin:var(--sp-6) 0;padding:var(--sp-5);border:1px solid var(--c-border-soft);border-radius:var(--r-md);background:var(--c-bg-soft)}.blog-post-toc summary{font-size:var(--f-size-sm);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-2);cursor:pointer;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2)}.blog-post-toc summary::-webkit-details-marker{display:none}.blog-post-toc summary::after{content:"";width:10px;height:10px;flex-shrink:0;border-right:2px solid var(--c-text-2);border-bottom:2px solid var(--c-text-2);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease)}.blog-post-toc[open] summary::after{transform:rotate(-135deg)}.blog-post-toc nav{margin-top:var(--sp-3)}.blog-post-toc ol{margin:0;padding-left:var(--sp-5);counter-reset:toc}.blog-post-toc li{margin-bottom:var(--sp-2);font-size:var(--f-size-sm)}.blog-post-toc a{color:var(--c-text);text-decoration:none}.blog-post-toc a:hover{color:var(--c-accent);text-decoration:underline}.entry-content{font-size:var(--f-size-lg);line-height:1.75;color:var(--c-text)}.entry-content>p{margin:0 0 var(--sp-5)}.entry-content h2{font-size:var(--f-size-2xl);font-weight:700;letter-spacing:-.01em;margin:var(--sp-10) 0 var(--sp-4);scroll-margin-top:var(--sp-8)}.entry-content h3{font-size:var(--f-size-xl);font-weight:600;margin:var(--sp-8) 0 var(--sp-3);scroll-margin-top:var(--sp-8)}.entry-content h4{font-size:var(--f-size-lg);font-weight:600;margin:var(--sp-6) 0 var(--sp-2)}.entry-content ul,.entry-content ol{margin:0 0 var(--sp-5);padding-left:var(--sp-6)}.entry-content li{margin-bottom:var(--sp-2)}.entry-content a{color:var(--c-accent);text-decoration:underline;text-underline-offset:2px}.entry-content a:hover{color:var(--c-accent-hover)}.entry-content strong{font-weight:600}.entry-content blockquote{margin:var(--sp-6) 0;padding:var(--sp-2) 0 var(--sp-2) var(--sp-5);border-left:3px solid var(--c-accent);color:var(--c-text-2);font-style:italic;font-size:var(--f-size-md)}.entry-content code{background:var(--c-bg-soft);border-radius:var(--r-sm);padding:.15em .4em;font-size:.9em}.entry-content pre{background:var(--c-bg-soft);border-radius:var(--r-md);padding:var(--sp-4);overflow-x:auto;margin:var(--sp-6) 0}.entry-content pre code{background:none;padding:0}.entry-content img,.entry-content figure{max-width:100%;height:auto;border-radius:var(--r-md);margin:var(--sp-6) 0}.entry-content figcaption{font-size:var(--f-size-xs);color:var(--c-text-2);text-align:center;margin-top:var(--sp-2)}.entry-content hr{border:none;border-top:1px solid var(--c-border-soft);margin:var(--sp-8) 0}.entry-content .table-scroll-wrap,.entry-content .wp-block-table{overflow-x:auto;margin:var(--sp-6) 0}.entry-content table{width:100%;border-collapse:collapse;font-size:var(--f-size-sm)}.entry-content table th,.entry-content table td{padding:var(--sp-3) var(--sp-4);border:1px solid var(--c-border-soft);text-align:left}.entry-content table th{background:var(--c-bg-soft);font-weight:600}.blog-post-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-8);padding-top:var(--sp-6);border-top:1px solid var(--c-border-soft)}.blog-post-tags-label{font-size:var(--f-size-sm);color:var(--c-text-2);font-weight:600}.blog-post-tag{padding:var(--sp-1) var(--sp-3);border-radius:var(--r-full);background:var(--c-bg-soft);color:var(--c-text-2);font-size:var(--f-size-sm);text-decoration:none;transition:background var(--dur-fast),color var(--dur-fast)}.blog-post-tag:hover{background:var(--c-accent-soft);color:var(--c-accent)}.blog-post-share{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-2);margin-top:var(--sp-5)}.blog-post-share-label{font-size:var(--f-size-sm);color:var(--c-text-2);font-weight:600}.blog-post-share-btn{padding:var(--sp-1) var(--sp-4);border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text);font-family:var(--f-base);font-size:var(--f-size-sm);text-decoration:none;cursor:pointer;transition:border-color var(--dur-fast),color var(--dur-fast)}.blog-post-share-btn:hover{border-color:var(--c-accent);color:var(--c-accent)}.blog-post-share-btn.is-copied{border-color:var(--c-success);color:var(--c-success)}.blog-post-author-box{display:flex;gap:var(--sp-4);margin-top:var(--sp-8);padding:var(--sp-5);border-radius:var(--r-md);background:var(--c-bg-soft)}.blog-post-author-box-avatar{border-radius:var(--r-full);flex-shrink:0}.blog-post-author-box-label{margin:0;font-size:var(--f-size-xs);text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-3)}.blog-post-author-box-name{margin:var(--sp-1) 0 var(--sp-2);font-size:var(--f-size-md);font-weight:700}.blog-post-author-box-name a{color:var(--c-text);text-decoration:none}.blog-post-author-box-name a:hover{color:var(--c-accent)}.blog-post-author-box-desc{margin:0;font-size:var(--f-size-sm);color:var(--c-text-2);line-height:1.6}.blog-post-back-link{display:inline-flex;align-items:center;gap:var(--sp-1);margin-bottom:var(--sp-4);font-size:var(--f-size-sm);font-weight:600;color:var(--c-text-2);text-decoration:none}.blog-post-back-link:hover{color:var(--c-accent)}.blog-post-adjacent{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-4);margin-top:var(--sp-10);padding-top:var(--sp-6);border-top:1px solid var(--c-border-soft)}.blog-post-adjacent-link{display:flex;flex-direction:column;gap:var(--sp-1);padding:var(--sp-4);border-radius:var(--r-md);border:1px solid var(--c-border-soft);text-decoration:none;color:inherit;transition:border-color var(--dur-fast),background var(--dur-fast)}.blog-post-adjacent-link:hover{border-color:var(--c-accent);background:var(--c-bg-soft)}.blog-post-adjacent-next{text-align:right;align-items:flex-end}.blog-post-adjacent-label{font-size:var(--f-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--c-text-3)}.blog-post-adjacent-title{font-size:var(--f-size-sm);font-weight:600;color:var(--c-text);line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}@media (max-width:560px){.blog-post-adjacent{grid-template-columns:1fr}.blog-post-adjacent-next{text-align:left;align-items:flex-start}}.blog-related{margin-top:var(--sp-12)}.blog-related-title{font-size:var(--f-size-xl);font-weight:700;letter-spacing:-.01em;margin:0 0 var(--sp-5)}.blog-related-grid,.blog-archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-5)}.blog-card{display:flex;flex-direction:column;border-radius:var(--r-md);overflow:hidden;background:var(--c-bg-card);border:1px solid var(--c-border-soft);box-shadow:var(--shadow-card);transition:box-shadow var(--dur-fast),transform var(--dur-fast)}.blog-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.blog-card-thumb{aspect-ratio:16 / 9;overflow:hidden;display:block}.blog-card-thumb img{width:100%;height:100%;object-fit:cover;display:block}.blog-card-body{padding:var(--sp-4);display:flex;flex-direction:column;gap:var(--sp-2)}.blog-card-category{align-self:flex-start;font-size:var(--f-size-xs);font-weight:700;text-transform:uppercase;letter-spacing:.03em;color:var(--c-accent);text-decoration:none}.blog-card-category:hover{text-decoration:underline}.blog-card-title{margin:0;font-size:var(--f-size-md);font-weight:600;line-height:1.4}.blog-card-title a{color:var(--c-text);text-decoration:none}.blog-card-title a:hover{color:var(--c-accent)}.blog-card-excerpt{margin:0;font-size:var(--f-size-sm);color:var(--c-text-2);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.blog-card-meta{margin-top:auto;padding-top:var(--sp-2);font-size:var(--f-size-xs);color:var(--c-text-3)}.blog-card-meta-sep{margin:0 var(--sp-1)}.site-blog-archive{padding-block:var(--sp-6) var(--sp-12)}.blog-archive-header{max-width:640px;margin-bottom:var(--sp-6)}.blog-archive-title{font-size:var(--f-size-3xl);font-weight:700;letter-spacing:-.02em;margin:0 0 var(--sp-3)}.blog-archive-desc{font-size:var(--f-size-md);color:var(--c-text-2);line-height:1.6}.blog-archive-empty{padding:var(--sp-10) 0;text-align:center;color:var(--c-text-2)}.blog-category-nav{display:flex;flex-wrap:wrap;gap:var(--sp-2);margin-bottom:var(--sp-8);padding-bottom:var(--sp-2);overflow-x:auto;-webkit-overflow-scrolling:touch}.blog-category-pill{flex-shrink:0;padding:var(--sp-2) var(--sp-4);border-radius:var(--r-full);border:1px solid var(--c-border);background:var(--c-bg);color:var(--c-text-2);font-size:var(--f-size-sm);font-weight:600;text-decoration:none;white-space:nowrap;transition:border-color var(--dur-fast),color var(--dur-fast),background var(--dur-fast)}.blog-category-pill:hover{border-color:var(--c-accent);color:var(--c-accent)}.blog-category-pill.is-active{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.blog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--sp-2);margin-top:var(--sp-10)}.blog-pagination .page-numbers{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--sp-3);border-radius:var(--r-full);border:1px solid var(--c-border);color:var(--c-text);text-decoration:none;font-size:var(--f-size-sm);font-weight:600;transition:border-color var(--dur-fast),background var(--dur-fast),color var(--dur-fast)}.blog-pagination .page-numbers:hover{border-color:var(--c-accent);color:var(--c-accent)}.blog-pagination .page-numbers.current{background:var(--c-accent);border-color:var(--c-accent);color:#fff}.blog-pagination .page-numbers.dots{border:none}@media (max-width:900px){.blog-related-grid,.blog-archive-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:560px){.blog-related-grid,.blog-archive-grid{grid-template-columns:1fr}.blog-archive-title{font-size:var(--f-size-2xl)}}.blog-post-comments{margin-top:var(--sp-12);padding-top:var(--sp-8);border-top:1px solid var(--c-border-soft)}@media (max-width:768px){.entry-content{font-size:var(--f-size-md)}.blog-post-author-box{flex-direction:column;align-items:flex-start}}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}