/* n9pg v2 — phan trang chuan mang luoi 9Minecraft (mau www.9minecraft.net .navi_center, 29/10/2026) */
html body nav.pagenav.n9pg{--pg-surface:#fff;--pg-hover:#eef2f8;--pg-text:#444746;--pg-text-strong:#1f1f1f;--pg-muted:#80868b;--pg-primary:#0b57d0;--pg-on-primary:#fff;--pg-line:#e3e8ef;--pg-elev:0 1px 3px rgba(60,64,67,.12),0 4px 12px 3px rgba(60,64,67,.08);--pg-size:40px;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:4px;width:fit-content;max-width:100%;box-sizing:border-box;padding:6px;margin:24px auto;background:var(--pg-surface);border:1px solid transparent;border-radius:999px;box-shadow:var(--pg-elev);font-family:inherit;text-align:center}
html[data-theme="dark"] body nav.pagenav.n9pg{--pg-surface:#1a1f24;--pg-hover:#2a3038;--pg-text:#c4c7c5;--pg-text-strong:#e8eaed;--pg-muted:#9aa0a6;--pg-primary:#a8c7fa;--pg-on-primary:#062e6f;--pg-line:#2f3741;--pg-elev:0 1px 3px rgba(0,0,0,.5),0 4px 12px 3px rgba(0,0,0,.3);border-color:var(--pg-line);}
@media (prefers-color-scheme:dark){html:not([data-theme="light"]) body nav.pagenav.n9pg{--pg-surface:#1a1f24;--pg-hover:#2a3038;--pg-text:#c4c7c5;--pg-text-strong:#e8eaed;--pg-muted:#9aa0a6;--pg-primary:#a8c7fa;--pg-on-primary:#062e6f;--pg-line:#2f3741;--pg-elev:0 1px 3px rgba(0,0,0,.5),0 4px 12px 3px rgba(0,0,0,.3);border-color:var(--pg-line);}}
html body nav.pagenav.n9pg a,html body nav.pagenav.n9pg a:visited,html body nav.pagenav.n9pg span{display:inline-flex;align-items:center;justify-content:center;min-width:var(--pg-size);height:var(--pg-size);min-height:0;box-sizing:border-box;margin:0;padding:0 12px;font-family:inherit;font-size:14px;font-weight:500;line-height:1;color:var(--pg-text);text-decoration:none;background:transparent;border:0;border-radius:999px;box-shadow:none;transition:background-color .15s,color .15s;-webkit-tap-highlight-color:transparent}
html body nav.pagenav.n9pg span.current{background:var(--pg-primary);color:var(--pg-on-primary);font-weight:600}
html body nav.pagenav.n9pg span.dots{min-width:20px;padding:0 2px;color:var(--pg-muted);background:none;cursor:default}
html body nav.pagenav.n9pg a.prev,html body nav.pagenav.n9pg a.next{gap:6px;padding:0 16px;color:var(--pg-primary);font-size:0}
html body nav.pagenav.n9pg a.prev::before,html body nav.pagenav.n9pg a.next::after{content:"";width:18px;height:18px;flex:0 0 auto;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M15.41 7.41 14 6l-6 6 6 6 1.41-1.41L10.83 12z'/%3E%3C/svg%3E") center/contain no-repeat}
html body nav.pagenav.n9pg a.next::after{transform:scaleX(-1)}
html body nav.pagenav.n9pg a.prev::after{content:"Prev";font-size:14px}
html body nav.pagenav.n9pg a.next::before{content:"Next";font-size:14px}
html body nav.pagenav.n9pg a:hover{background:transparent;color:var(--pg-text);text-decoration:none}html body nav.pagenav.n9pg a.prev:hover,html body nav.pagenav.n9pg a.next:hover{color:var(--pg-primary)}
@media (hover:hover){html body nav.pagenav.n9pg a:hover{background:var(--pg-hover);color:var(--pg-text-strong);text-decoration:none}html body nav.pagenav.n9pg a.prev:hover,html body nav.pagenav.n9pg a.next:hover{color:var(--pg-primary)}}
html body nav.pagenav.n9pg a:focus{outline:0}
html body nav.pagenav.n9pg a:focus-visible{outline:2px solid var(--pg-primary);outline-offset:2px}
html body nav.pagenav.n9pg a:active,html body nav.pagenav.n9pg a.prev:active,html body nav.pagenav.n9pg a.next:active{background:var(--pg-hover);color:var(--pg-text-strong)}
@media (max-width:600px){html body nav.pagenav.n9pg{display:flex;width:100%;gap:2px;border-radius:26px;margin:20px auto}html body nav.pagenav.n9pg a,html body nav.pagenav.n9pg span{--pg-size:36px;padding:0 8px}html body nav.pagenav.n9pg span.dots{min-width:14px;padding:0}html body nav.pagenav.n9pg > span.dots + a:has(+ span.dots),html body nav.pagenav.n9pg > span.dots + a:has(+ span.dots) + span.dots{display:none!important}html body nav.pagenav.n9pg a.prev,html body nav.pagenav.n9pg a.next{order:2;flex:1 1 40%;height:44px;margin-top:4px;background:var(--pg-hover);color:var(--pg-primary)}html body nav.pagenav.n9pg a.prev:hover,html body nav.pagenav.n9pg a.next:hover{background:var(--pg-hover)}html body nav.pagenav.n9pg:not(:has(> a.prev)) > a.next,html body nav.pagenav.n9pg:not(:has(> a.next)) > a.prev{flex-basis:100%}}
@media (max-width:380px){html body nav.pagenav.n9pg a,html body nav.pagenav.n9pg span{--pg-size:34px;padding:0 6px;font-size:13.5px}html body nav.pagenav.n9pg > span.dots + a:has(+ a + span.current),html body nav.pagenav.n9pg > span.current + a + a:has(+ span.dots){display:none!important}}
