/* ===== WordPress layer: bài viết, archive, prose ===== */
.nav nav ul{display:contents}
.nav nav li{list-style:none}
.wrap.narrow{width:min(780px,calc(100% - 40px))}
.article-head{padding:56px 0 24px;position:relative;isolation:isolate}
.article-head::before{content:"";position:absolute;inset:-40% -10% auto -10%;height:140%;z-index:-1;background:radial-gradient(40% 60% at 20% 30%,rgba(139,92,246,.28),transparent 70%),radial-gradient(35% 50% at 80% 20%,rgba(244,114,182,.18),transparent 70%)}
.article-head h1{font-size:clamp(28px,4vw,44px);line-height:1.12;font-weight:700;max-width:22ch}
.article-head .crumb{margin-bottom:18px}
.crumb a{color:var(--ink-3)}.crumb a:hover{color:var(--ink)}
.byline{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;margin-top:20px;color:var(--ink-3);font-size:14px}
.byline a{color:var(--ink-2);font-weight:500}
.byline .avatar img{border-radius:50%;display:block;width:32px;height:32px}
.hero-img{margin:16px 0 0;border-radius:var(--r-m);overflow:hidden;border:1px solid var(--line)}
.hero-img img{display:block;width:100%;height:auto}
.prose{font-size:17px;line-height:1.75;color:var(--ink-2);padding:28px 0 40px}
.prose>*{max-width:70ch}
.prose h2{color:var(--ink);font-size:clamp(20px,2.4vw,26px);margin:44px 0 14px;scroll-margin-top:90px}
.prose h3{color:var(--ink);font-size:18px;margin:32px 0 10px}
.prose p{margin:0 0 18px}
.prose a{color:#C4B5FD;text-decoration:underline;text-decoration-color:rgba(196,181,253,.4);text-underline-offset:3px}
.prose a:hover{color:var(--ink)}
.prose ul,.prose ol{padding-left:22px;margin:0 0 18px}.prose li{margin:6px 0}
.prose strong{color:var(--ink);font-weight:600}
.prose img{max-width:100%;height:auto;border-radius:var(--r-s);border:1px solid var(--line)}
.prose figure{margin:24px 0}.prose figcaption{font-size:13px;color:var(--ink-3);margin-top:8px}
.prose blockquote{margin:24px 0;padding:14px 20px;border-left:3px solid var(--violet);background:rgba(139,92,246,.08);border-radius:0 var(--r-s) var(--r-s) 0;color:var(--ink)}
.prose table{width:100%;border-collapse:collapse;font-size:15px;margin:20px 0;display:block;overflow-x:auto}
.prose th,.prose td{padding:12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.prose th{color:var(--ink-3);font-weight:500;font-size:13px}
.prose code{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.92em;background:rgba(255,255,255,.06);padding:2px 6px;border-radius:6px;color:var(--ink)}
.prose pre{background:#0A0724;border:1px solid var(--line);border-radius:var(--r-s);padding:16px;overflow:auto}
.prose details{border:1px solid var(--line);border-radius:14px;background:var(--surf);padding:0 20px;margin:10px 0;max-width:none}
.prose details p{padding-bottom:18px;margin:0}
.prose .kytu-block,.prose .tenmau-block{max-width:none;margin:16px 0 24px}
.prose .wp-block-table{max-width:none}
.prose .wp-block-image{max-width:none}
.prose .has-text-align-center{text-align:center}
.author-box{margin:8px 0 48px}
.author-box h3{font-size:16px}
.author-box p{margin-top:6px;font-size:15px}
.post-card img{display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;margin-bottom:12px;border:1px solid var(--line)}
.post-card h3{font-size:16px;line-height:1.4}
.related{padding-top:0}
.archive-head{padding:56px 0 8px}
.archive-head h1{font-size:clamp(28px,4vw,44px);font-weight:700}
.archive-head .lede{margin-top:12px}
.pagination{display:flex;gap:8px;flex-wrap:wrap;margin:32px 0 0}
.pagination .page-numbers{padding:10px 14px;border:1px solid var(--line);border-radius:10px;color:var(--ink-2);font-size:14px}
.pagination .current{background:rgba(139,92,246,.22);border-color:rgba(139,92,246,.7);color:var(--ink)}
.search-form{display:flex;gap:10px;max-width:520px;margin-top:20px}
.search-form input{flex:1;height:48px;padding:0 16px;border-radius:12px;border:1px solid var(--line-2);background:rgba(10,7,32,.6);color:var(--ink);font:inherit}
.hero-game{padding:48px 0 40px}
.hero-game h1{font-size:clamp(26px,4vw,44px);max-width:24ch}
.hero-game .crumb{margin-bottom:18px}
.wp-caption,.alignwide,.alignfull{max-width:100%}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
#wpadminbar~.nav{top:32px}
@media (max-width:782px){#wpadminbar~.nav{top:46px}}