.page-blog-shell .page-games-body{flex:1 1;min-height:0;overflow:auto}.blog-page{width:min(100%,42rem);margin:0 auto;padding:1.25rem 1rem 2rem}.blog-header{margin-bottom:1.35rem}.blog-title{margin:0;font-size:1.6rem;font-weight:700;color:#1f2937}.blog-lead{margin:.45rem 0 0;font-size:.95rem;line-height:1.5;color:#64748b}.blog-feed{display:flex;flex-direction:column;gap:1.25rem}.blog-card{transition:border-color .15s ease,box-shadow .15s ease}.blog-card:hover{border-color:#cbd5e1;box-shadow:0 8px 22px rgba(15,23,42,.08)}.blog-post-title a{color:inherit;text-decoration:none}.blog-post-title a:hover{color:#2563eb;text-decoration:underline;text-underline-offset:3px}.blog-card-excerpt{margin:0;font-size:.92rem;line-height:1.55;color:#64748b}.blog-back{margin:0 0 .9rem;font-size:.86rem}.blog-back a{color:#64748b;text-decoration:none}.blog-back a:hover{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.blog-post-single{cursor:default}.blog-post-title-single{font-size:1.45rem;margin-bottom:1rem}.blog-post{padding:1.1rem 1.05rem 1.15rem;border:1px solid #e5e7eb;border-radius:16px;background:#fff;box-shadow:0 6px 18px rgba(15,23,42,.05)}.blog-post-meta{display:flex;flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.55rem}.blog-post-title{margin:0 0 .85rem;font-size:1.2rem;line-height:1.35;color:#1f2937}.blog-post-body{display:flex;flex-direction:column;gap:.85rem}.blog-markdown>:first-child{margin-top:0}.blog-markdown>:last-child{margin-bottom:0}.blog-markdown blockquote,.blog-markdown ol,.blog-markdown p,.blog-markdown pre,.blog-markdown ul{margin:0;font-size:.96rem;line-height:1.7;color:#334155}.blog-markdown blockquote+p,.blog-markdown ol+p,.blog-markdown p+ol,.blog-markdown p+p,.blog-markdown p+ul,.blog-markdown ul+p{margin-top:.85rem}.blog-markdown blockquote{margin:0;padding:.75rem 1rem;border-left:3px solid #cbd5e1;border-radius:0 8px 8px 0;background:#f8fafc;color:#475569;font-style:italic}.blog-markdown blockquote p{margin:0}.blog-markdown blockquote p+p{margin-top:.45rem}.blog-markdown a{color:#2563eb;text-decoration:underline;text-underline-offset:2px}.blog-markdown a:hover{color:#1d4ed8}.blog-markdown h3,.blog-markdown h4{margin:1.35rem 0 .5rem;font-size:1rem;line-height:1.4;color:#1f2937}.blog-markdown h3:first-child,.blog-markdown h4:first-child{margin-top:0}.blog-markdown ol,.blog-markdown ul{padding-left:1.25rem}.blog-markdown li+li{margin-top:.35rem}.blog-markdown code{padding:.1rem .35rem;border-radius:4px;background:#f1f5f9;font-size:.88em}.blog-markdown pre{padding:.75rem .9rem;border-radius:8px;background:#f8fafc;overflow-x:auto}.blog-markdown pre code{padding:0;background:transparent}.blog-post-body p{margin:0;font-size:.96rem;line-height:1.7;color:#334155}.blog-card-category{display:inline-flex;padding:.15rem .5rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase}.blog-card-category-general{background:#f1f5f9;color:#475569}.blog-card-category-devlog{background:#ecfdf5;color:#047857}.blog-card-date{font-size:.8rem;color:#94a3b8}.blog-empty{margin:1rem 0;color:#94a3b8;font-size:.95rem}.blog-comments{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid #e5e7eb}.blog-comments-title{margin:0 0 .9rem;font-size:1.05rem;font-weight:700;color:#1f2937}.blog-comments-empty,.blog-comments-status{margin:0 0 1rem;font-size:.9rem;color:#94a3b8}.blog-comments-error{margin:.5rem 0 0;font-size:.86rem;color:#dc2626}.blog-comments-list{list-style:none;margin:0 0 1rem;padding:0;display:flex;flex-direction:column;gap:.85rem}.blog-comment{padding:.75rem .85rem;border:1px solid #e5e7eb;border-radius:12px;background:#f8fafc}.blog-comment-meta{display:flex;flex-wrap:wrap;align-items:baseline;gap:.45rem;margin-bottom:.35rem}.blog-comment-author{font-size:.88rem;font-weight:600;color:#1f2937}.blog-comment-date{font-size:.78rem;color:#94a3b8}.blog-comment-body{margin:0;font-size:.92rem;line-height:1.55;color:#334155;white-space:pre-wrap;word-break:break-word}.blog-comments-more{display:block;margin:0 0 1rem;padding:0;border:0;background:none;color:#2563eb;font-size:.86rem;cursor:pointer;text-decoration:underline;text-underline-offset:2px}.blog-comments-more:disabled{color:#94a3b8;cursor:default}.blog-comment-form{display:flex;flex-direction:column;gap:.55rem}.blog-comment-form-label{font-size:.86rem;color:#64748b}.blog-comment-form-nick{font-weight:600;color:#1f2937}.blog-comment-input{width:100%;padding:.7rem .8rem;border:1px solid #cbd5e1;border-radius:10px;font:inherit;font-size:.92rem;line-height:1.5;color:#1f2937;resize:vertical;min-height:5.5rem;background:#fff}.blog-comment-input:focus{outline:2px solid #93c5fd;outline-offset:1px;border-color:#93c5fd}.blog-comment-form-footer{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.blog-comment-count{font-size:.78rem;color:#94a3b8}.blog-comment-submit{padding:.45rem .9rem;border:0;border-radius:999px;background:#2563eb;color:#fff;font-size:.86rem;font-weight:600;cursor:pointer}.blog-comment-submit:disabled{background:#94a3b8;cursor:default}