.nnpc-library{--nn-green:#214e34;--nn-cream:#f7f3e9;--nn-line:#e7e0d1;--nn-text:#243027;font-family:inherit;color:var(--nn-text);margin:28px 0}
.nnpc-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}
.nnpc-head h2{margin:0 0 5px;font-size:30px;color:var(--nn-green)}
.nnpc-head p{margin:0;opacity:.7}
.nnpc-search{min-width:260px;padding:11px 14px;border:1px solid var(--nn-line);border-radius:999px;background:#fff;outline:none}
.nnpc-search:focus{border-color:var(--nn-green);box-shadow:0 0 0 2px rgba(33,78,52,.08)}
.nnpc-alphabet{display:flex;gap:7px;flex-wrap:wrap;padding:14px;background:rgba(247,243,233,.97);border:1px solid var(--nn-line);border-radius:16px;margin-bottom:20px;z-index:20;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.nnpc-alphabet.is-sticky{position:sticky;top:10px}
.nnpc-letter{appearance:none;border:1px solid var(--nn-line);background:#fff;color:var(--nn-green);width:36px;height:36px;border-radius:50%;font-weight:700;cursor:pointer;transition:.16s ease}
.nnpc-letter:first-child{width:auto;padding:0 14px;border-radius:20px}
.nnpc-letter:hover,.nnpc-letter.is-active{background:var(--nn-green);border-color:var(--nn-green);color:#fff}
.nnpc-grid{display:grid;grid-template-columns:repeat(var(--nnpc-cols,4),minmax(0,1fr));gap:16px}
.nnpc-card{text-decoration:none!important;color:inherit!important;background:#fff;border:1px solid var(--nn-line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px rgba(26,48,34,.06);transition:.18s ease;display:block}
.nnpc-card:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(26,48,34,.11)}
.nnpc-card[hidden]{display:none!important}
.nnpc-cover{aspect-ratio:4/3;background:linear-gradient(135deg,#f6f1e6,#efe7d7);display:grid;place-items:center;overflow:hidden}
.nnpc-cover img{width:100%;height:100%;object-fit:cover;display:block;image-rendering:auto;backface-visibility:hidden;transform:translateZ(0)}
.nnpc-pdf-icon{display:grid;place-items:center;width:70px;height:88px;border-radius:8px;background:#fff;color:#9d2f2f;border:1px solid #ead7d7;font-weight:800;letter-spacing:.06em;box-shadow:0 8px 20px rgba(50,30,20,.08)}
.nnpc-card-body{padding:15px 16px 17px;position:relative}
.nnpc-initial{display:inline-grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--nn-cream);color:var(--nn-green);font-size:11px;font-weight:800;margin-bottom:8px}
.nnpc-card h3{font-size:16px;line-height:1.35;margin:0 0 10px;color:#1d3828}
.nnpc-open{font-size:12px;color:var(--nn-green);font-weight:700}
.nnpc-more-wrap{text-align:center;margin-top:22px}
.nnpc-load-more{appearance:none;border:1px solid var(--nn-green);background:var(--nn-green);color:#fff;padding:11px 24px;border-radius:999px;font-weight:700;cursor:pointer;transition:.18s ease}
.nnpc-load-more:hover{transform:translateY(-1px);box-shadow:0 8px 20px rgba(33,78,52,.18)}
.nnpc-load-more[hidden]{display:none}
.nnpc-no-results{text-align:center;padding:28px;border:1px dashed var(--nn-line);border-radius:14px;background:#faf8f2}
.nnpc-empty{padding:20px;background:#faf8f2;border:1px solid #e7e0d1;border-radius:14px}
@media(max-width:1024px){.nnpc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.nnpc-head{align-items:stretch;flex-direction:column}.nnpc-search{width:100%;min-width:0}.nnpc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.nnpc-alphabet.is-sticky{position:static}}
@media(max-width:480px){.nnpc-grid{grid-template-columns:1fr}.nnpc-card{display:grid;grid-template-columns:110px 1fr}.nnpc-cover{aspect-ratio:auto;min-height:130px}.nnpc-letter{width:34px;height:34px}}