/* Thư Viện Phong Thần — public UI. Scoped under .pt-library so Flatsome/theme styles are untouched.
   Design tokens: bg #F7F8FA · surface #FFF · primary NubaGame red #DD3333 · text #202124 · muted #6B7280 · border #E5E7EB · soft gold #B8860B (verified / rare).
   No gradients, no neon, no dark mode. Desktop container 1160px; mobile: 2-col stats, 1-col relations, 44px touch targets, no horizontal overflow. */
.pt-library{--pt-bg:#F7F8FA;--pt-surface:#FFFFFF;--pt-primary:#DD3333;--pt-primary-dark:#B42323;--pt-primary-soft:#FDECEC;--pt-text:#202124;--pt-muted:#6B7280;--pt-border:#E5E7EB;--pt-gold:#B8860B;--pt-gold-soft:#FBF3DC;--pt-green:#1F7A3E;--pt-green-soft:#E8F5EC;
  --pt-radius:12px;--pt-radius-sm:8px;--pt-shadow:0 1px 2px rgba(16,24,40,.04),0 2px 8px rgba(16,24,40,.06);--pt-focus:0 0 0 3px rgba(221,51,51,.35);
  max-width:1160px;margin:0 auto;padding:16px 16px 48px;font-family:Roboto,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:var(--pt-text);line-height:1.5;font-size:15px;background:transparent}
.pt-library *,.pt-library *::before,.pt-library *::after{box-sizing:border-box}
.pt-library a{color:var(--pt-primary-dark);text-decoration:none}
.pt-library a:hover{color:var(--pt-primary)}
.pt-library a:focus-visible,.pt-library button:focus-visible,.pt-library input:focus-visible,.pt-library select:focus-visible,.pt-library [tabindex]:focus-visible{outline:none;box-shadow:var(--pt-focus);border-radius:6px}
.pt-library img{max-width:100%;height:auto}
.pt-library .screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);white-space:nowrap}
.pt-library h1,.pt-library h2,.pt-library h3{color:var(--pt-text);font-weight:700;line-height:1.25;margin:0}
.pt-library .nbpt-h2{font-size:18px;margin:0 0 12px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.pt-library .nbpt-h2-center{justify-content:center;margin:28px 0 14px;font-size:20px}
.pt-library .nbpt-h3{font-size:14px;margin:16px 0 8px;color:var(--pt-muted);font-weight:700;letter-spacing:.02em;display:flex;align-items:center;gap:8px}
.pt-library .nbpt-count{display:inline-block;min-width:22px;padding:1px 7px;border-radius:999px;background:var(--pt-bg);border:1px solid var(--pt-border);color:var(--pt-muted);font-size:12px;font-weight:600;text-align:center}
.pt-library .nbpt-muted{color:var(--pt-muted);font-weight:400;font-size:13px}
.pt-library .nbpt-note{color:var(--pt-muted);font-size:13px;margin:10px 0 0}
.pt-library .nbpt-empty-line{color:var(--pt-muted);font-size:14px;margin:0;padding:12px 14px;background:var(--pt-bg);border-radius:var(--pt-radius-sm)}
.pt-library .nbpt-empty{background:var(--pt-surface);border:1px dashed var(--pt-border);border-radius:var(--pt-radius);padding:22px 20px;color:var(--pt-text);text-align:center;margin:8px 0}
.pt-library .nbpt-empty b{font-size:16px}
.pt-library .nbpt-empty p{margin:6px 0 0;color:var(--pt-muted);font-size:14px}
.pt-library .nbpt-empty code{background:var(--pt-bg);padding:1px 6px;border-radius:4px;font-size:13px}
.pt-library .nbpt-foot{margin-top:32px;font-size:12px;color:var(--pt-muted);text-align:center}
.pt-library .nbpt-more-link{margin:12px 0 0;font-size:14px;font-weight:600}
.pt-library mark.nbpt-mark{background:#FFF2CC;color:inherit;padding:0 1px;border-radius:2px}

/* ---------- buttons / chips / tags / badges ---------- */
.pt-library .nbpt-btn{background:var(--pt-primary);color:#fff!important;border:1px solid var(--pt-primary);border-radius:999px;padding:0 20px;min-height:44px;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:15px;cursor:pointer;line-height:1.2;transition:background .15s,border-color .15s}
.pt-library .nbpt-btn:hover{background:var(--pt-primary-dark);border-color:var(--pt-primary-dark)}
.pt-library .nbpt-btn-outline{background:var(--pt-surface);color:var(--pt-primary-dark)!important;border-color:var(--pt-border)}
.pt-library .nbpt-btn-outline:hover{background:var(--pt-primary-soft);border-color:var(--pt-primary)}
.pt-library .nbpt-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.pt-library .nbpt-tag{display:inline-flex;align-items:center;padding:4px 11px;border-radius:999px;background:var(--pt-bg);border:1px solid var(--pt-border);font-size:13px;color:var(--pt-text);line-height:1.3}
.pt-library .nbpt-tag-type{background:var(--pt-primary-soft);border-color:#F5C2C2;color:var(--pt-primary-dark);font-weight:700}
.pt-library .nbpt-tag-lv{background:var(--pt-gold-soft);border-color:#EAD9A3;color:#7A5A0B;font-weight:700}
.pt-library .nbpt-tag-full{background:var(--pt-green-soft);border-color:#BFE3CB;color:var(--pt-green)}
.pt-library .nbpt-tag-partial{background:var(--pt-gold-soft);border-color:#EAD9A3;color:#7A5A0B}
.pt-library .nbpt-badge{display:inline-flex;align-items:center;padding:2px 9px;border-radius:999px;font-size:12px;font-weight:600;vertical-align:middle;white-space:nowrap}
.pt-library .nbpt-badge-direct{background:var(--pt-green-soft);color:var(--pt-green)}
.pt-library .nbpt-badge-verified{background:var(--pt-gold-soft);color:var(--pt-gold)}
.pt-library .nbpt-chips-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.pt-library .nbpt-chips-center{justify-content:center}
.pt-library .nbpt-chip,.pt-library .nbpt-chip-static{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:6px 14px;border-radius:999px;background:var(--pt-surface);border:1px solid var(--pt-border);color:var(--pt-text);font-size:14px;white-space:nowrap;box-shadow:0 1px 2px rgba(16,24,40,.04);transition:border-color .15s,color .15s,background .15s}
.pt-library a.nbpt-chip:hover{border-color:var(--pt-primary);color:var(--pt-primary-dark);background:var(--pt-primary-soft)}
.pt-library .nbpt-chip small{color:var(--pt-muted);font-size:12px}
.pt-library .nbpt-chip-static{cursor:default}
.pt-library .nbpt-info{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--pt-bg);color:var(--pt-muted);font-size:13px;font-weight:400;cursor:help;position:relative}
.pt-library .nbpt-info::after{content:attr(data-tip);position:absolute;left:50%;bottom:calc(100% + 8px);transform:translateX(-50%);background:var(--pt-text);color:#fff;font-size:12px;font-weight:400;line-height:1.35;padding:6px 10px;border-radius:6px;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .12s;z-index:5}
.pt-library .nbpt-info:hover::after,.pt-library .nbpt-info:focus::after{opacity:1}

/* ---------- top bar / breadcrumb (detail & browse pages) ---------- */
.pt-library .nbpt-topbar{display:flex;gap:14px;align-items:center;position:sticky;top:0;z-index:40;background:rgba(247,248,250,.96);backdrop-filter:blur(6px);padding:10px 0;margin:-4px 0 10px;border-bottom:1px solid var(--pt-border)}
.pt-library .nbpt-home{font-weight:800;white-space:nowrap;color:var(--pt-primary-dark);font-size:15px;display:inline-flex;align-items:center;gap:6px;min-height:44px}
.pt-library .nbpt-search-mini{flex:1;margin:0;max-width:none}
.pt-library .nbpt-search-mini .nbpt-search-box{border-width:1px;box-shadow:none;min-height:44px;padding:3px 3px 3px 12px}
.pt-library .nbpt-search-mini input[type=search]{font-size:15px;padding:6px 4px}
.pt-library .nbpt-search-mini .nbpt-btn{min-height:38px;padding:0 16px;font-size:14px}
.pt-library .nbpt-crumb{font-size:13px;color:var(--pt-muted);margin:0 0 12px}
.pt-library .nbpt-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px;align-items:center}
.pt-library .nbpt-crumb li+li::before{content:"›";margin:0 6px 0 2px;color:#9CA3AF}
.pt-library .nbpt-crumb a{color:var(--pt-muted)}
.pt-library .nbpt-crumb a:hover{color:var(--pt-primary)}
.pt-library .nbpt-crumb [aria-current]{color:var(--pt-text);font-weight:600}

/* ---------- hero / search ---------- */
.pt-library .nbpt-hero{text-align:center;padding:26px 0 8px}
.pt-library .nbpt-hero-compact{padding:8px 0 4px}
.pt-library .nbpt-title{font-size:clamp(26px,4vw,38px);font-weight:900;letter-spacing:-.01em;color:var(--pt-text);margin:0 0 8px}
.pt-library .nbpt-title-small{margin:0 0 10px;font-weight:800;font-size:14px;letter-spacing:.04em;text-transform:uppercase}
.pt-library .nbpt-sub{margin:0 auto 20px;color:var(--pt-muted);font-size:16px;max-width:640px}
.pt-library .nbpt-search{position:relative;max-width:760px;margin:0 auto}
.pt-library .nbpt-search-box{display:flex;align-items:center;background:var(--pt-surface);border:2px solid var(--pt-border);border-radius:999px;box-shadow:var(--pt-shadow);padding:4px 4px 4px 16px;min-height:56px;transition:border-color .15s,box-shadow .15s}
.pt-library .nbpt-search-box:focus-within{border-color:var(--pt-primary);box-shadow:0 4px 18px rgba(221,51,51,.12)}
.pt-library .nbpt-search-box .nbpt-search-icon{margin-right:8px;font-size:18px;color:var(--pt-muted)}
.pt-library .nbpt-search-box input[type=search]{flex:1;border:0;outline:0;background:transparent;font-size:17px;padding:10px 6px;min-width:0;box-shadow:none;margin:0;height:auto;color:var(--pt-text);-webkit-appearance:none;appearance:none}
.pt-library .nbpt-search-box input[type=search]::placeholder{color:#9CA3AF}
.pt-library .nbpt-suggest{position:absolute;left:0;right:0;top:calc(100% + 6px);background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:0 12px 30px rgba(16,24,40,.14);z-index:9999;max-height:60vh;overflow:auto;text-align:left}
.pt-library .nbpt-suggest-group{padding:8px 12px 2px;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--pt-muted);text-transform:uppercase}
.pt-library .nbpt-suggest a{display:flex;gap:10px;align-items:center;padding:9px 12px;min-height:48px;color:var(--pt-text);border-top:1px solid #F1F2F4}
.pt-library .nbpt-suggest a:hover,.pt-library .nbpt-suggest a.is-active{background:var(--pt-primary-soft)}
.pt-library .nbpt-suggest a b{font-weight:600}
.pt-library .nbpt-suggest a small{display:block;color:var(--pt-muted);font-size:12px}
.pt-library .nbpt-suggest .nbpt-s-icon{width:40px;height:40px;flex:0 0 40px;display:flex;align-items:center;justify-content:center;font-size:18px;border-radius:8px;background:var(--pt-bg)}
.pt-library .nbpt-suggest .nbpt-s-icon.nbpt-s-img{background:#fff}
.pt-library .nbpt-s-img img{width:40px;height:40px;object-fit:contain;display:block}
.pt-library .nbpt-suggest .nbpt-s-all{display:block;text-align:center;color:var(--pt-primary);font-weight:700;justify-content:center}
.pt-library .nbpt-popular{max-width:760px;margin:14px auto 0;text-align:left}
.pt-library .nbpt-popular-title{display:block;font-size:12px;font-weight:700;letter-spacing:.06em;color:var(--pt-muted);text-transform:uppercase;margin-bottom:6px}
.pt-library .nbpt-chips{display:flex;flex-wrap:wrap;gap:8px}

/* ---------- explore (home) ---------- */
.pt-library .nbpt-catgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.pt-library .nbpt-cat{display:flex;align-items:center;gap:12px;padding:14px 14px;background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow);transition:transform .12s,border-color .12s;color:var(--pt-text);min-height:76px}
.pt-library .nbpt-cat:hover{transform:translateY(-2px);border-color:var(--pt-primary)}
.pt-library .nbpt-cat-icon{font-size:26px;line-height:1;width:44px;height:44px;border-radius:10px;background:var(--pt-bg);display:flex;align-items:center;justify-content:center;flex:0 0 44px}
.pt-library .nbpt-cat-body{display:flex;flex-direction:column;min-width:0;flex:1}
.pt-library .nbpt-cat b{font-size:15px}
.pt-library .nbpt-cat small{color:var(--pt-muted);font-size:12px;line-height:1.3}
.pt-library .nbpt-cat-count{font-size:13px;font-weight:700;color:var(--pt-primary-dark);background:var(--pt-primary-soft);padding:3px 9px;border-radius:999px;white-space:nowrap}
.pt-library .nbpt-quick{margin-top:6px}

/* ---------- result / list cards ---------- */
.pt-library .nbpt-results-title{font-size:20px;margin:14px 0 6px}
.pt-library .nbpt-results-title .nbpt-more{font-size:13px;font-weight:600}
.pt-library .nbpt-h3 .nbpt-more{margin-left:auto;font-size:13px;letter-spacing:0;font-weight:600;color:var(--pt-primary-dark)}
.pt-library .nbpt-group{margin-top:14px}
.pt-library .nbpt-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:10px}
.pt-library .nbpt-cards-sm{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.pt-library .nbpt-card{display:flex;gap:12px;align-items:center;padding:10px 12px;min-height:64px;background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:10px;color:var(--pt-text);min-width:0;transition:border-color .15s,box-shadow .15s}
.pt-library .nbpt-card:hover{border-color:var(--pt-primary);box-shadow:var(--pt-shadow)}
.pt-library .nbpt-card.is-untranslated .nbpt-card-body b{color:var(--pt-muted);font-weight:500;font-style:italic}
.pt-library .nbpt-card-icon{width:48px;height:48px;border-radius:10px;background:var(--pt-bg);display:flex;align-items:center;justify-content:center;font-size:22px;flex:0 0 48px;overflow:hidden}
.pt-library .nbpt-card-img{background:#fff;border:1px solid var(--pt-border)}
.pt-library .nbpt-card-img img{width:48px;height:48px;object-fit:contain;display:block}
.pt-library .nbpt-card-body{min-width:0;display:flex;flex-direction:column;flex:1}
.pt-library .nbpt-card-body b{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-library .nbpt-card-body small{color:var(--pt-muted);font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pt-library .nbpt-card-arrow{color:#C4C8CF;font-size:16px;flex:0 0 auto}
.pt-library .nbpt-card:hover .nbpt-card-arrow{color:var(--pt-primary)}
.pt-library .nbpt-cards-guide{grid-template-columns:1fr}
.pt-library .nbpt-cards-guide .nbpt-card-body b{white-space:normal}
.pt-library .nbpt-excerpt{display:block;color:var(--pt-muted);font-size:13px;margin:2px 0;white-space:normal}
.pt-library .nbpt-pixel{image-rendering:pixelated;image-rendering:crisp-edges}

/* ---------- detail page ---------- */
.pt-library .nbpt-detail{background:var(--pt-surface);border:1px solid var(--pt-border);border-radius:var(--pt-radius);box-shadow:var(--pt-shadow);padding:22px 26px}
.pt-library .nbpt-dhead{display:flex;gap:24px;align-items:flex-start;padding-bottom:18px;border-bottom:1px solid var(--pt-border)}
.pt-library .nbpt-dhead-body{min-width:0;flex:1}
.pt-library .nbpt-hero-img{flex:0 0 180px;width:180px;height:180px;border-radius:14px;background:var(--pt-bg);border:1px solid var(--pt-border);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}
.pt-library .nbpt-hero-icon{flex-basis:120px;width:120px;height:120px}
.pt-library .nbpt-hero-map{flex-basis:320px;width:320px;height:200px}
.pt-library .nbpt-dimg-wrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0;margin:0;width:100%;height:100%}
.pt-library .nbpt-dimg{width:160px;height:160px;object-fit:contain;display:block;background:transparent}
.pt-library .nbpt-dimg-icon{width:72px;height:72px}
.pt-library .nbpt-dimg-map{width:320px;height:200px;object-fit:cover;object-position:center;border-radius:12px}
.pt-library .nbpt-orig{display:block;line-height:0}
.pt-library .nbpt-ph{display:flex;align-items:center;justify-content:center;font-size:44px;color:#9CA3AF;background:transparent}
.pt-library .nbpt-ph-quest{font-size:40px}
.pt-library .nbpt-imgsrc{position:absolute;left:0;right:0;bottom:0;font-size:11px;color:var(--pt-muted);text-align:center;background:rgba(255,255,255,.85);padding:2px 4px;line-height:1.3}
.pt-library .nbpt-dimg-empty .nbpt-imgsrc{background:transparent}
.pt-library .nbpt-dname{font-size:clamp(24px,3vw,32px);font-weight:900;letter-spacing:-.01em;margin:0;color:var(--pt-text);line-height:1.15;word-wrap:break-word}
.pt-library .nbpt-lead{margin:12px 0 0;color:var(--pt-text);font-size:15px}
.pt-library .nbpt-lead-actions{margin:12px 0 0}
.pt-library .nbpt-facts{margin:12px 0 0;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,max-content));gap:6px 24px}
.pt-library .nbpt-facts div{display:flex;gap:8px;align-items:baseline}
.pt-library .nbpt-facts dt{color:var(--pt-muted);font-size:13px;margin:0}
.pt-library .nbpt-facts dd{margin:0;font-weight:600}
.pt-library .nbpt-jump{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:14px;font-size:13px;font-weight:600}
.pt-library .nbpt-jump a{color:var(--pt-muted);padding:6px 0;min-height:32px;display:inline-flex;align-items:center;border-bottom:2px solid transparent}
.pt-library .nbpt-jump a:hover{color:var(--pt-primary-dark);border-bottom-color:var(--pt-primary)}
.pt-library .nbpt-sec{padding:20px 0;border-bottom:1px solid var(--pt-border);scroll-margin-top:72px}
.pt-library .nbpt-sec:last-of-type{border-bottom:0}
.pt-library .nbpt-sec-related{background:var(--pt-bg);margin:0 -26px -22px;padding:20px 26px 24px;border-radius:0 0 var(--pt-radius) var(--pt-radius)}
.pt-library .nbpt-stats{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px}
.pt-library .nbpt-stat{background:var(--pt-bg);border-radius:var(--pt-radius-sm);padding:10px 12px;min-height:60px}
.pt-library .nbpt-stat small{display:block;color:var(--pt-muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em;font-weight:600}
.pt-library .nbpt-stat b{font-size:17px;font-weight:700}
.pt-library .nbpt-stats-resist .nbpt-stat{min-height:52px;padding:8px 12px}
.pt-library .nbpt-list{margin:0;padding-left:20px}
.pt-library .nbpt-list li{margin:4px 0}
.pt-library .nbpt-loc{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:8px}
.pt-library .nbpt-loc-card{display:flex;gap:10px;align-items:flex-start;background:var(--pt-bg);border-radius:var(--pt-radius-sm);padding:10px 12px;min-height:52px}
.pt-library .nbpt-loc-card.is-verified{background:var(--pt-gold-soft)}
.pt-library .nbpt-pin{font-size:16px;line-height:1.4}
.pt-library .nbpt-loc-body{display:flex;flex-direction:column;gap:2px;min-width:0}
.pt-library .nbpt-loc-map{font-weight:700;font-size:15px}
.pt-library .nbpt-xy{display:flex;flex-wrap:wrap;gap:4px 10px;font-family:ui-monospace,Consolas,monospace;font-size:13px;color:var(--pt-primary-dark)}
.pt-library .nbpt-dialog{margin:0;padding:0;list-style:none}
.pt-library .nbpt-dialog li{padding:8px 12px;border-left:3px solid var(--pt-gold);background:var(--pt-bg);margin:6px 0;border-radius:0 8px 8px 0;font-style:italic;color:#374151}
.pt-library .nbpt-steps{margin:0;padding-left:22px}
.pt-library .nbpt-steps li{margin:6px 0;padding-left:4px}
.pt-library .nbpt-step-map{color:var(--pt-muted)}
/* quest relation cards */
.pt-library .nbpt-qgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:10px}
.pt-library .nbpt-qcard{border:1px solid var(--pt-border);border-radius:10px;padding:12px 14px;background:var(--pt-surface);display:flex;flex-direction:column;gap:8px;transition:border-color .15s,box-shadow .15s}
.pt-library .nbpt-qcard:hover{border-color:var(--pt-primary);box-shadow:var(--pt-shadow)}
.pt-library .nbpt-qcard-name{font-size:15px;font-weight:700;display:flex;flex-wrap:wrap;gap:6px;align-items:center}
.pt-library .nbpt-qcard-name a{color:var(--pt-text)}
.pt-library .nbpt-qcard-name a:hover{color:var(--pt-primary)}
.pt-library .nbpt-qcard-meta{margin:0;display:grid;grid-template-columns:1fr;gap:3px;font-size:13px}
.pt-library .nbpt-qcard-meta div{display:flex;gap:8px}
.pt-library .nbpt-qcard-meta dt{color:var(--pt-muted);min-width:64px;margin:0;flex:0 0 auto}
.pt-library .nbpt-qcard-meta dd{margin:0;min-width:0}
.pt-library .nbpt-qcard-link{margin-top:auto;font-size:13px;font-weight:700;display:inline-flex;align-items:center;min-height:32px}
.pt-library .nbpt-qcard-count{color:var(--pt-muted);font-size:12px}
/* guides */
.pt-library .nbpt-guides{display:grid;gap:8px}
.pt-library .nbpt-guide{display:flex;gap:12px;align-items:center;padding:12px 14px;min-height:56px;border:1px solid var(--pt-border);border-left:4px solid var(--pt-gold);border-radius:10px;background:#FFFDF7;color:var(--pt-text)}
.pt-library .nbpt-guide:hover{border-color:var(--pt-gold);box-shadow:var(--pt-shadow)}
.pt-library .nbpt-guide-icon{font-size:20px}
.pt-library .nbpt-guide-body{display:flex;flex-direction:column;min-width:0;flex:1}
.pt-library .nbpt-guide-body b{font-weight:700;font-size:15px}
.pt-library .nbpt-guide-body small{color:var(--pt-muted);font-size:13px;margin-top:2px}
.pt-library .nbpt-guide-arrow{color:#C4C8CF}

/* ---------- browse ---------- */
.pt-library .nbpt-browse-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 16px;margin-bottom:12px}
.pt-library .nbpt-browse-head .nbpt-dname{font-size:clamp(22px,3vw,28px)}
.pt-library .nbpt-browse-filterlabel{font-size:.6em;font-weight:600;color:var(--pt-primary-dark);background:var(--pt-primary-soft);border-radius:999px;padding:4px 12px;vertical-align:middle}
.pt-library .nbpt-browse-count{margin:0;color:var(--pt-muted);font-size:14px}
.pt-library .nbpt-filters{background:var(--pt-bg);border-radius:var(--pt-radius);padding:12px 14px;margin-bottom:16px}
.pt-library .nbpt-filter-row{display:flex;flex-wrap:wrap;gap:10px;align-items:flex-end}
.pt-library .nbpt-filter{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--pt-muted);font-weight:600;min-width:150px}
.pt-library .nbpt-filter-q{flex:1 1 220px}
.pt-library .nbpt-filter input[type=search],.pt-library .nbpt-filter select{min-height:44px;padding:8px 12px;border:1px solid var(--pt-border);border-radius:var(--pt-radius-sm);font-size:15px;background:var(--pt-surface);color:var(--pt-text);width:100%;margin:0;box-shadow:none}
.pt-library .nbpt-browse-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}
.pt-library .nbpt-pager{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;align-items:center;margin-top:22px}
.pt-library .nbpt-pager-btn,.pt-library .nbpt-pager-num{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:0 12px;border:1px solid var(--pt-border);border-radius:var(--pt-radius-sm);background:var(--pt-surface);color:var(--pt-text);font-weight:600}
.pt-library a.nbpt-pager-num:hover,.pt-library a.nbpt-pager-btn:hover{border-color:var(--pt-primary);color:var(--pt-primary-dark)}
.pt-library .nbpt-pager-num.is-current{background:var(--pt-primary);border-color:var(--pt-primary);color:#fff}
.pt-library .nbpt-pager-dots{color:var(--pt-muted);padding:0 4px}

/* ---------- route ---------- */
.pt-library .nbpt-routeform{display:grid;grid-template-columns:1fr 1fr auto;gap:10px;align-items:end;margin:14px 0}
.pt-library .nbpt-routeform label{display:flex;flex-direction:column;font-size:12px;color:var(--pt-muted);gap:4px;font-weight:600}
.pt-library .nbpt-routeform select{min-height:44px;padding:9px 10px;border:1px solid var(--pt-border);border-radius:var(--pt-radius-sm);font-size:15px;background:var(--pt-surface);margin:0}
.pt-library .nbpt-route{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;align-items:flex-start}
.pt-library .nbpt-route-node a{display:inline-flex;align-items:center;min-height:44px;padding:8px 18px;background:var(--pt-primary-soft);border:1px solid #F5C2C2;border-radius:10px;font-weight:700;color:var(--pt-primary-dark)}
.pt-library .nbpt-route-via{padding:6px 0 6px 22px;color:var(--pt-muted);font-size:13px;position:relative}
.pt-library .nbpt-route-via::before{content:"↓";position:absolute;left:4px;color:var(--pt-gold);font-weight:900}

/* ---------- article reverse block (inside posts, outside .pt-library) ---------- */
.nbpt-libbox{border:1px solid #E5E7EB;border-left:4px solid #DD3333;border-radius:10px;padding:14px 16px;margin:24px 0;background:#F7F8FA;font-size:15px}
.nbpt-libbox .nbpt-libbox-title{margin:0 0 8px;font-size:16px;font-weight:700;color:#B42323}
.nbpt-libbox ul{margin:0 0 10px 18px;padding:0}
.nbpt-libbox li{margin:3px 0}
.nbpt-libbox .nbpt-btn{display:inline-block;background:#DD3333;color:#fff!important;border-radius:999px;padding:9px 16px;font-weight:700;font-size:13px}

/* ---------- admin debug layer (only rendered in debug mode) ---------- */
.pt-library .nbpt-adminbox{margin-top:20px;border:1px dashed #D1A24A;border-radius:10px;background:#FFF9EC;font-size:12px;color:#5B4300}
.pt-library .nbpt-adminbox summary{cursor:pointer;padding:10px 14px;font-weight:700;font-size:13px}
.pt-library .nbpt-adminbox summary small{font-weight:400;color:#8A6D1E}
.pt-library .nbpt-adminbox dl{margin:0;padding:0 14px 12px;display:grid;grid-template-columns:max-content 1fr;gap:4px 14px}
.pt-library .nbpt-adminbox dt{font-weight:700;margin:0}
.pt-library .nbpt-adminbox dd{margin:0;word-break:break-word}
.pt-library .nbpt-adminbox pre{margin:0;white-space:pre-wrap;font-size:11px;max-height:220px;overflow:auto;background:#fff;border:1px solid #EAD9A3;border-radius:6px;padding:6px 8px}
.pt-library .nbpt-report-btn{font-size:12px;padding:4px 10px;cursor:pointer;border:1px solid #D1A24A;background:#fff;border-radius:6px}

/* ---------- motion ---------- */
@media (prefers-reduced-motion:reduce){.pt-library *,.pt-library *::before,.pt-library *::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* ---------- tablet ---------- */
@media (max-width:1024px){
  .pt-library .nbpt-catgrid{grid-template-columns:repeat(2,1fr)}
}
/* ---------- mobile ---------- */
@media (max-width:760px){
  .pt-library{padding:10px 12px 36px;font-size:15px}
  .pt-library .nbpt-detail{padding:16px 14px}
  .pt-library .nbpt-topbar{flex-direction:column;align-items:stretch;gap:6px;position:static;padding:6px 0 10px}
  .pt-library .nbpt-home{justify-content:center}
  .pt-library .nbpt-search-box{padding-left:12px;min-height:52px}
  .pt-library .nbpt-search-box input[type=search]{font-size:16px}
  .pt-library .nbpt-catgrid{grid-template-columns:1fr 1fr;gap:8px}
  .pt-library .nbpt-cat{flex-direction:column;text-align:center;gap:6px;padding:14px 8px}
  .pt-library .nbpt-cat-body{align-items:center}
  .pt-library .nbpt-cards,.pt-library .nbpt-cards-sm,.pt-library .nbpt-browse-grid,.pt-library .nbpt-qgrid,.pt-library .nbpt-loc{grid-template-columns:1fr}
  .pt-library .nbpt-stats{grid-template-columns:repeat(2,1fr)}
  .pt-library .nbpt-dhead{flex-direction:column;align-items:center;text-align:center;gap:14px}
  .pt-library .nbpt-hero-img{flex-basis:auto}
  .pt-library .nbpt-hero-map{width:100%;max-width:320px;height:auto;aspect-ratio:16/10}
  .pt-library .nbpt-dimg-map{width:100%;height:100%}
  .pt-library .nbpt-tags,.pt-library .nbpt-jump,.pt-library .nbpt-facts{justify-content:center}
  .pt-library .nbpt-facts{grid-template-columns:1fr;text-align:left}
  .pt-library .nbpt-sec-related{margin:0 -14px -16px;padding:18px 14px 20px}
  .pt-library .nbpt-routeform{grid-template-columns:1fr}
  .pt-library .nbpt-chips{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;scrollbar-width:thin;-webkit-overflow-scrolling:touch}
  .pt-library .nbpt-chip{font-size:13px;padding:6px 12px}
  .pt-library .nbpt-filter{min-width:calc(50% - 5px);flex:1 1 calc(50% - 5px)}
  .pt-library .nbpt-filter-q{flex-basis:100%;min-width:100%}
  .pt-library .nbpt-filters .nbpt-btn{flex:1 1 auto}
  .pt-library .nbpt-card-icon{width:44px;height:44px;flex-basis:44px}
  .pt-library .nbpt-card-img img{width:44px;height:44px}
  .pt-library .nbpt-info::after{white-space:normal;width:220px}
  .pt-library .nbpt-adminbox dl{grid-template-columns:1fr}
}

/* P1 quest page: collapsed dialogue, area tag, map cards */
.pt-library .nbpt-dialog-acc{border:1px solid var(--pt-border);border-radius:var(--pt-radius-sm);background:var(--pt-surface)}
.pt-library .nbpt-dialog-acc>summary{cursor:pointer;padding:12px 14px;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px;min-height:44px}
.pt-library .nbpt-dialog-acc>summary::-webkit-details-marker{display:none}
.pt-library .nbpt-dialog-acc>summary::before{content:"▸";color:var(--pt-muted);transition:transform .15s}
.pt-library .nbpt-dialog-acc[open]>summary::before{transform:rotate(90deg)}
.pt-library .nbpt-dialog-acc>.nbpt-dialog{padding:0 14px 12px}
.pt-library a.nbpt-tag-area{background:var(--pt-bg);border:1px solid var(--pt-border);color:var(--pt-text);text-decoration:none}
.pt-library a.nbpt-tag-area:hover{border-color:var(--pt-primary);color:var(--pt-primary)}
.pt-library .nbpt-card-icon-map{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--pt-bg);font-size:20px;flex:0 0 44px}

/* ---------- quick facts (editorial, HIGH only) + guide card (main CTA) ---------- */
.pt-library .nbpt-quickfacts{margin-top:12px;padding:12px 14px;background:var(--pt-gold-soft);border:1px solid #EAD9A3;border-radius:var(--pt-radius-sm);grid-template-columns:repeat(auto-fit,minmax(180px,max-content));gap:6px 22px}
.pt-library .nbpt-quickfacts dt{min-width:0}
.pt-library .nbpt-quickfacts dd a{font-weight:700}
.pt-library .nbpt-sec-guide .nbpt-h2{margin-bottom:10px}
.pt-library .nbpt-guidecard{display:flex;gap:16px;align-items:stretch;border:1px solid #EAD9A3;border-left:5px solid var(--pt-gold);border-radius:var(--pt-radius);background:#FFFDF7;padding:14px 16px;color:var(--pt-text);box-shadow:var(--pt-shadow);transition:border-color .15s,box-shadow .15s}
.pt-library .nbpt-guidecard:hover{border-color:var(--pt-gold);box-shadow:0 4px 16px rgba(16,24,40,.10);color:var(--pt-text)}
.pt-library .nbpt-guidecard-img{flex:0 0 168px;width:168px;border-radius:var(--pt-radius-sm);overflow:hidden;background:var(--pt-bg);display:flex;align-items:center;justify-content:center;min-height:110px}
.pt-library .nbpt-guidecard-img img{width:100%;height:100%;object-fit:cover;display:block}
.pt-library .nbpt-guidecard-ph{font-size:40px}
.pt-library .nbpt-guidecard-body{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.pt-library .nbpt-guidecard-title{font-size:17px;font-weight:700;line-height:1.3;color:var(--pt-text)}
.pt-library .nbpt-guidecard-meta{color:var(--pt-primary-dark);font-weight:700;font-size:13px}
.pt-library .nbpt-guidecard-blurb{color:var(--pt-muted);font-size:14px;line-height:1.5}
.pt-library .nbpt-guidecard-cta{margin-top:auto;padding-top:6px;color:var(--pt-primary);font-weight:700;font-size:14px}
.pt-library .nbpt-guides-more{margin-top:10px}
.pt-library .nbpt-sparse{margin-top:16px}
@media (max-width:640px){
  .pt-library .nbpt-guidecard{flex-direction:column;gap:10px}
  .pt-library .nbpt-guidecard-img{width:100%;flex-basis:auto;max-height:160px}
  .pt-library .nbpt-quickfacts{grid-template-columns:1fr}
  .pt-library .nbpt-lead-actions{display:flex;flex-direction:column;gap:8px}
}
/* article-side "Tra cứu trong Thư viện" box (inside posts, outside .pt-library) */
.nbpt-libbox-hub .nbpt-libbox-title{font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:#6B7280}
.nbpt-libbox-hub .nbpt-libbox-main{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:6px 0 10px}
.nbpt-libbox-hub .nbpt-libbox-main b{font-size:17px;color:#202124}
.nbpt-libbox-hub .nbpt-libbox-main small{display:block;color:#6B7280;font-size:13px;font-weight:400}
.nbpt-libbox-hub .nbpt-libbox-chips{display:flex;flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none}
.nbpt-libbox-hub .nbpt-libbox-chips li{margin:0}
.nbpt-libbox-hub .nbpt-libbox-chips a{display:inline-flex;align-items:center;gap:4px;padding:5px 11px;border:1px solid #E5E7EB;border-radius:999px;background:#fff;font-size:13px;color:#B42323;text-decoration:none;font-weight:600}
.nbpt-libbox-hub .nbpt-libbox-chips a:hover{border-color:#DD3333}
.nbpt-libbox-hub .nbpt-libbox-chips .nbpt-libbox-sep{color:#6B7280;font-size:13px;align-self:center;font-weight:600}