.pno-hub-wrap{max-width:1100px;margin:0 auto;padding:0 16px}.pno-hub-title,.pno-hub-wrap{font-family:var(--font-source-sans),sans-serif}.pno-hub-title{font-size:2rem;font-weight:800;color:var(--ink,#1d1d1d);margin:0 0 8px;line-height:1.2}.pno-hub-intro{font-size:.95rem;line-height:1.7;color:var(--ink-2,#5a5751);margin:0 0 16px}.pno-hub-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.pno-hub-filter{padding:7px 18px;border-radius:0;border:1.5px solid var(--line,#e2ddd2);background:var(--card,#fffdf8);color:var(--ink-2,#5a5751);font-family:var(--font-source-sans),sans-serif;font-size:.88rem;font-weight:700;cursor:pointer;transition:border-color .15s,color .15s;line-height:1}.pno-hub-filter:hover{border-color:var(--accent,#b71c1c);color:var(--accent,#b71c1c);background:var(--card,#fffdf8)}.pno-hub-filter.is-active{background:var(--accent,#b71c1c);border-color:var(--accent,#b71c1c);color:#fff}.pno-hub-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:0 0 40px}.pno-hub-tile{display:flex;flex-direction:column;align-items:stretch;padding:0;background:var(--accent,#b71c1c);border:1px solid var(--accent-deep,#8e1414);border-radius:0;text-decoration:none;color:#fff;transition:border-color .15s,box-shadow .15s,transform .15s;overflow:hidden}.pno-hub-tile:hover{border-color:var(--accent-deep,#8e1414);box-shadow:0 4px 18px rgba(183,28,28,.3);transform:translateY(-2px)}.pno-hub-tile-label{padding:12px 14px 13px;text-align:center}.pno-hub-tile-name{font-size:1.05rem;font-weight:700;color:#fff;line-height:1.3;display:block}.pno-hub-kb{background:var(--card,#fffdf8);padding:6px 6px 4px;overflow:hidden}.pno-hub-kb svg{display:block;width:100%;height:auto}.pno-hub-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100vw;max-width:100vw;z-index:999;background:var(--bg,#faf8f3);border-top:1px solid var(--line,#e2ddd2);padding:10px 0 14px;box-sizing:border-box}body:has(.pno-hub-nav){padding-bottom:150px}.pno-hub-nav-pager{display:flex;justify-content:space-between;align-items:center;padding:0 16px 8px}.pno-hub-nav-title{font-size:12px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--ink-3,#6b6a63);flex:1;text-align:center}.pno-hub-nav-arrow{color:var(--ink,#1d1d1d);text-decoration:none;font-weight:700;font-size:17px;min-width:110px}.pno-hub-nav-arrow:hover{text-decoration:underline}.pno-hub-nav-keys{display:flex;flex-wrap:nowrap;justify-content:safe center;gap:8px;padding:0 14px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.pno-hub-nav-keys::-webkit-scrollbar{display:none}.pno-hub-chip{display:inline-flex;align-items:center;justify-content:center;height:32px;padding:0 11px;border-radius:0;border:1px solid var(--line-strong,#b9b2a4);background:var(--ink,#1d1d1d);color:#fff!important;text-decoration:none!important;font-weight:900;font-size:15px;white-space:nowrap;flex-shrink:0;box-shadow:0 1px 0 rgba(0,0,0,.15);transition:background .15s,border-color .15s}.pno-hub-chip:hover{background:var(--card,#fffdf8)!important;color:var(--ink,#1d1d1d)!important;border-color:var(--line-strong,#b9b2a4)!important}.pno-hub-chip.is-active{background:var(--accent,#b71c1c)!important;border-color:var(--accent,#b71c1c)!important;color:#fff!important}@media (max-width:767px){.pno-hub-grid{grid-template-columns:1fr}body:has(.pno-hub-nav){padding-bottom:120px}.pno-hub-nav{padding:6px 0 10px}.pno-hub-chip{height:26px;padding:0 8px;font-size:13px}.pno-hub-nav-arrow{font-size:15px;min-width:80px}.pno-hub-filter{padding:6px 13px;font-size:.82rem}.pno-hub-title{font-size:1.5rem}}