.npb{max-width:1160px;margin:36px auto 60px;padding:0 20px;color:#26382e}.npb h1{font-size:30px;margin:0 0 12px}.npb h2{font-size:24px;margin:0 0 18px}.npb p{line-height:1.7}.npb-head{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:26px}.npb-muted{color:#68756d}.npb .npb-btn{display:inline-block;padding:12px 20px;border:1px solid #236441;border-radius:7px;background:#236441;color:white!important;text-decoration:none;cursor:pointer;font:inherit;text-align:center}.npb .npb-secondary{background:white;color:#236441!important}.npb-search{display:flex;justify-content:flex-end;gap:8px;margin:0 0 24px}.npb input[type=text],.npb input[type=search],.npb textarea{padding:12px;border:1px solid #bcc8c0;border-radius:5px;box-sizing:border-box;font:inherit;background:white;color:#26382e}.npb-search input{width:280px;max-width:65%}.npb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;list-style:none;padding:0;margin:0}.npb-card{border:1px solid #dce4de;border-radius:8px;overflow:hidden;background:#fff}.npb-card a{display:block;color:inherit;text-decoration:none}.npb-card img{display:block;width:100%;height:200px;object-fit:cover}.npb-card h2{font-size:18px;line-height:1.5;margin:16px;overflow-wrap:anywhere}.npb-card p{font-size:13px;margin:0 16px 16px;color:#68756d}.npb-empty{padding:65px 16px;text-align:center;background:#f5f8f5;border:1px solid #dce4de;border-radius:8px}.npb-form{max-width:850px;padding:26px;border:1px solid #dce4de;border-radius:8px;background:#fff}.npb-form label{display:block;margin:0 0 9px;font-weight:bold}.npb-field{margin-bottom:24px}.npb-form input[type=text],.npb-form textarea{width:100%}.npb-form textarea{min-height:180px}.npb-form input[type=file]{max-width:100%;font:inherit}.npb-error{padding:15px;background:#fff0ee;color:#a12821;border:1px solid #e6b5b0;border-radius:5px;margin:20px 0}.npb-actions{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.npb-detail{overflow-wrap:anywhere}.npb-detail img{max-width:100%;height:auto;display:block;margin:24px auto;border-radius:6px}.npb-detail .npb-copy{white-space:pre-wrap;line-height:1.9}.npb-preview{display:flex;gap:12px;flex-wrap:wrap;margin-top:15px}.npb-preview img{width:120px;height:100px;object-fit:cover;border-radius:5px}.npb-table-wrap{overflow-x:auto}.npb table{width:100%;border-collapse:collapse;background:white}.npb th,.npb td{padding:16px 12px;border-bottom:1px solid #dde5df;vertical-align:middle;text-align:center}.npb th{background:#f1f6f2;white-space:nowrap}.npb td.npb-title{text-align:left;min-width:180px;overflow-wrap:anywhere}.npb-qr{width:120px;height:120px;object-fit:contain;max-width:none}.npb-pages{display:flex;gap:12px;justify-content:center;margin-top:28px}.npb-pages a{padding:8px 14px;border:1px solid #dce4de;border-radius:5px}.npb-success{color:#236441;background:#edf8ef;padding:12px}.npb-qrlink{font-size:13px;word-break:break-all;color:#536b5b}.npb a:focus-visible,.npb button:focus-visible,.npb input:focus-visible,.npb textarea:focus-visible{outline:3px solid #c4902f;outline-offset:3px}@media(max-width:900px){.npb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.npb{padding:0 14px;margin-top:24px}.npb h1{font-size:24px}.npb-grid{gap:14px}.npb-card img{height:150px}.npb-card h2{font-size:16px;margin:12px}.npb-form{padding:18px}.npb th,.npb td{padding:12px 8px}.npb-qr{width:100px;height:100px}.npb-hide-mobile{display:none}.npb-head{align-items:flex-start}}

/* On phones keep each QR image and its download button together. */
@media(max-width:600px){
 .npb-table-wrap{overflow:visible}
 .npb-table-wrap table,.npb-table-wrap tbody{display:block;width:100%}
 .npb-table-wrap thead{display:none}
 .npb-table-wrap tbody tr{display:grid;grid-template-columns:120px minmax(0,1fr);gap:8px 12px;padding:16px;margin:0 0 18px;border:1px solid #dce4de;border-radius:8px;background:#fff}
 .npb-table-wrap td{display:block;min-width:0;padding:0;border:0;align-self:center}
 .npb-table-wrap .npb-hide-mobile{display:none!important}
 .npb-table-wrap td.npb-title{grid-column:1/-1;min-width:0;padding-bottom:10px;font-size:17px;font-weight:600}
 .npb-table-wrap .npb-qrlink{font-weight:normal;margin:10px 0 0}
 .npb-table-wrap img.npb-qr{width:120px!important;min-width:120px;max-width:120px!important;height:120px!important}
 .npb-table-wrap .npb-btn{padding:12px 9px;white-space:nowrap;font-size:14px}
 .npb-table-wrap td:nth-child(7){grid-column:1/-1;text-align:right;padding-top:8px}
 .npb-table-wrap td[colspan]{grid-column:1/-1}
}