.npkc{background:#f5f2ee;border-top:4px solid #8cc63f;padding:28px;margin:0 0 32px;color:#3f3733}
.npkc *{box-sizing:border-box}
.npkc h1{margin:0 0 8px;font-size:2.1rem;line-height:1.2;color:#3f3733}
.npkc .npkc-sub{margin:0 0 20px;color:#6b6765;font-size:17px;line-height:1.55}
.npkc-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}
.npkc-tabs button{background:#fff;border:1px solid #d9d1c5;padding:9px 14px;font-size:15px;cursor:pointer;color:#3f3733;border-radius:0;font-weight:600}
.npkc-tabs button[aria-pressed="true"]{background:#13612e;color:#fff;border-color:#13612e}
.npkc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px 16px}
.npkc-grid label{display:block;font-size:15px;font-weight:600;margin-bottom:6px}
.npkc-grid input,.npkc-grid select{width:100%;padding:10px 12px;border:1px solid #d9d1c5;background:#fff;font-size:16px;color:#3f3733;border-radius:0;min-height:44px}
.npkc-grid input:focus,.npkc-grid select:focus{outline:2px solid #8cc63f;outline-offset:1px}
.npkc-hide{display:none!important}
.npkc-btn{margin-top:18px;background:#8cc63f;color:#3f3733;border:0;padding:14px 28px;font-size:17px;font-weight:600;cursor:pointer;border-radius:0}
.npkc-btn:hover{background:#9ada45}
.npkc-out{margin-top:22px;display:none}
.npkc-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.npkc-card{background:#fff;padding:16px 18px;border-top:3px solid #8cc63f}
.npkc-card .k{font-size:14px;color:#6b6765;margin:0}
.npkc-card .v{font-size:1.55rem;font-weight:700;color:#13612e;margin:4px 0 0;line-height:1.2}
.npkc-card .s{font-size:14px;color:#6b6765;margin:4px 0 0}
.npkc-card.main{background:#13612e;border-top-color:#8cc63f}
.npkc-card.main .k,.npkc-card.main .s{color:#efe9e0}.npkc-card.main .v{color:#fff}
.npkc-table{width:100%;border-collapse:collapse;margin-top:16px;background:#fff}
.npkc-table th,.npkc-table td{padding:10px 12px;border-bottom:1px solid #eee6da;text-align:left;font-size:15px;vertical-align:top}
.npkc-table th{background:#efe9e0}
.npkc-table tr.hl td{background:#f3f9ea;font-weight:600}
.npkc-tag{display:inline-block;font-size:12px;padding:2px 8px;background:#efe9e0;color:#6b6765;font-weight:600}
.npkc-tag.done{background:#e3f1cf;color:#13612e}
.npkc-bar{height:14px;background:#e5ded4;margin:16px 0 6px;position:relative}
.npkc-bar>span{display:block;height:100%;background:#8cc63f}
.npkc-barlbl{display:flex;justify-content:space-between;font-size:13px;color:#6b6765}
.npkc-seg{display:flex;height:16px;margin:18px 0 4px;position:relative}
.npkc-seg i{display:block;height:100%}
.npkc-seg b{position:absolute;top:-6px;width:4px;height:28px;background:#3f3733;transform:translateX(-2px)}
.npkc-seglbl{display:flex;font-size:12px;color:#6b6765}
.npkc-seglbl span{text-align:center}
.npkc-cal{background:#fff;margin-top:16px;padding:14px}
.npkc-cal h4{margin:0 0 10px;font-size:17px}
.npkc-calg{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}
.npkc-calg div{text-align:center;padding:8px 0;font-size:14px;background:#faf8f5}
.npkc-calg .h{background:none;font-weight:700;color:#6b6765;font-size:12px}
.npkc-calg .e{background:none}
.npkc-calg .p{background:#f2d4d0;color:#7a2318;font-weight:600}
.npkc-calg .f{background:#d9edbd;color:#13612e;font-weight:600}
.npkc-calg .o{background:#13612e;color:#fff;font-weight:700}
.npkc-calg .t{outline:2px solid #3f3733;outline-offset:-2px}
.npkc-legend{display:flex;flex-wrap:wrap;gap:14px;font-size:13px;margin-top:10px;color:#6b6765}
.npkc-legend span::before{content:'';display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:-1px;background:var(--c)}
.npkc-note{font-size:14px;color:#6b6765;margin:14px 0 0;line-height:1.55}
.npkc-err{color:#b82105;font-weight:600;margin-top:12px}
@media (max-width:700px){.npkc-grid,.npkc-cards{grid-template-columns:1fr 1fr}.npkc{padding:20px}.npkc h1{font-size:1.7rem}.npkc-table th,.npkc-table td{padding:8px;font-size:14px}}
@media (max-width:420px){.npkc-grid,.npkc-cards{grid-template-columns:1fr}}
.npkc-legend .tday::before{outline:2px solid #3f3733;outline-offset:-2px}
.npkc-live{margin-top:20px}
.npkc-grid-fd{grid-template-columns:2fr 1fr 1fr}
.npkc-btn-in{margin-top:0;width:100%;min-height:44px;padding:10px 16px}
.npkc-ghost{visibility:hidden}
.npkc-presets{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;font-size:14px}
.npkc-presets span{color:#6b6765;font-weight:600}
.npkc-presets button{background:#fff;border:1px solid #d9d1c5;padding:7px 12px;font-size:14px;cursor:pointer;color:#3f3733;border-radius:0}
.npkc-presets button:hover{border-color:#8cc63f;color:#13612e}
.npkc-x{background:none;border:0;color:#b82105;font-size:20px;line-height:1;cursor:pointer;padding:0 6px}
.npkc-link{background:none;border:0;padding:0;margin-top:12px;color:#13612e;font-weight:600;text-decoration:underline;cursor:pointer;font-size:15px}
.npkc-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.npkc-shape{display:flex;gap:22px;align-items:center;background:#fff;padding:18px;border-top:3px solid #8cc63f}
.npkc-shape .k{font-size:14px;color:#6b6765;margin:0}
.npkc-shape .v{font-size:1.6rem;font-weight:700;color:#13612e;margin:4px 0 6px}
.npkc-shape p{margin:0;line-height:1.55}
.npkc-shapefig{flex:0 0 110px}
.npkc-shapefig svg{display:block;width:110px;height:170px}
@media (max-width:700px){.npkc-grid-fd{grid-template-columns:1fr 1fr}.npkc-grid-fd>div:first-child{grid-column:1/-1}}
@media (max-width:420px){.npkc-shape{flex-direction:column;text-align:center}}

.npkc .npkc-presets button,.npkc .npkc-presets button:hover,.npkc .npkc-presets button:focus,.npkc .npkc-presets button:active{background:#fff;color:#3f3733;box-shadow:none;text-transform:none}
.npkc .npkc-presets button:hover,.npkc .npkc-presets button:focus{border-color:#8cc63f;color:#13612e}
.npkc .npkc-tabs button:not([aria-pressed="true"]),.npkc .npkc-tabs button:not([aria-pressed="true"]):hover,.npkc .npkc-tabs button:not([aria-pressed="true"]):focus{background:#fff;color:#3f3733;box-shadow:none}
.npkc .npkc-tabs button[aria-pressed="true"],.npkc .npkc-tabs button[aria-pressed="true"]:hover,.npkc .npkc-tabs button[aria-pressed="true"]:focus{background:#13612e;color:#fff}
.npkc .npkc-x,.npkc .npkc-x:hover,.npkc .npkc-x:focus,.npkc .npkc-link,.npkc .npkc-link:hover,.npkc .npkc-link:focus{background:none;box-shadow:none}
.npkc .npkc-x{color:#b82105}.npkc .npkc-link{color:#13612e;text-transform:none}
.npkc .npkc-btn,.npkc .npkc-btn:hover,.npkc .npkc-btn:focus{color:#3f3733;box-shadow:none}
.npkc .npkc-btn:hover{background:#9ada45}
