/* 노무 계산기 시리즈 — scoped .pr-wrap (blue payroll tone) */
.pr-wrap{
  --pr:#2b59c3; --prd:#1e3f8f; --acc:#16a34a; --ink:#13203a;
  --card:#fff; --line:#e2e8f4; --muted:#697489;
  max-width:680px; margin:0 auto; padding:8px 0 40px; color:var(--ink);
}
.pr-wrap *{box-sizing:border-box}

.pr-hero{background:linear-gradient(135deg,var(--pr),var(--prd));color:#fff;border-radius:18px;padding:22px 20px;position:relative;overflow:hidden}
.pr-hero::after{content:"🗓";position:absolute;right:10px;bottom:-22px;font-size:120px;opacity:.12}
.pr-kicker{font-size:.74rem;letter-spacing:.12em;font-weight:800;color:#cfe0ff;text-transform:uppercase}
.pr-hero h1{font-size:1.55rem;font-weight:800;margin:.3rem 0 .25rem}
.pr-hero .pr-sub{opacity:.95;font-size:.92rem;margin:0;max-width:94%;line-height:1.5}

.pr-card{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:16px}
.pr-card h2{font-size:1.02rem;font-weight:800;margin:0 0 14px}
.hint{font-size:.78rem;color:var(--muted);font-weight:500}

label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:.9rem}
input[type=date]{border:1.5px solid var(--line);border-radius:11px;padding:11px 12px;font-size:1rem;font-weight:600;color:var(--ink);background:#fff;width:100%}
input:focus{outline:none;border-color:var(--pr)}
.pr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.mt{margin-top:14px}

.an-tabs{display:flex;gap:8px}
.an-tab{flex:1;border:1.5px solid var(--line);background:#fff;border-radius:11px;padding:10px 8px;font-weight:800;font-size:.9rem;color:var(--muted);cursor:pointer;line-height:1.3}
.an-tab .hint{display:block;font-weight:600}
.an-tab.on{background:var(--pr);border-color:var(--pr);color:#fff}
.an-tab.on .hint{color:#dbe6ff}

.pr-result{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:16px;padding:20px}
.pr-warn{background:#fff7e6;border:1px solid #f3d588;color:#915c00;border-radius:12px;padding:11px 14px;font-size:.88rem;margin-bottom:14px;line-height:1.5}
.pr-big{text-align:center;padding:14px 10px;border-radius:14px;background:#eafaf0;border:1px solid #bce8cd}
.pr-big .lbl{display:block;color:var(--muted);font-size:.84rem;font-weight:700}
.pr-big .amt{display:block;font-size:2.4rem;font-weight:900;color:var(--acc);margin-top:6px;line-height:1.1}

.pr-rows{margin-top:14px}
.pr-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-top:1px solid var(--line);font-size:.93rem}
.pr-row:first-child{border-top:0}
.pr-row .k{color:var(--muted);font-weight:600}
.pr-row .v{font-weight:800;white-space:nowrap}
.pr-row.hl{background:#eef3fd;border-radius:10px;padding:11px 12px;margin-top:6px;border-top:0}
.pr-row.hl .k{color:var(--prd)}

.an-extra{margin-top:14px;background:#f5f8fe;border:1px solid var(--line);border-radius:12px;padding:14px}
.ex-type{font-weight:800;color:var(--prd)}
.ex-note{font-size:.85rem;color:#445;margin-top:4px}

.an-sched{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.an-srow{display:flex;justify-content:space-between;background:#f5f8fe;border:1px solid var(--line);border-radius:10px;padding:9px 12px;font-size:.9rem}
.an-srow .sy{color:var(--muted);font-weight:700}
.an-srow .sd{font-weight:800}
.an-srow.on{background:var(--pr);border-color:var(--pr)}
.an-srow.on .sy,.an-srow.on .sd{color:#fff}
.an-srow.muted{opacity:.6}

.an-faq details{border-top:1px solid var(--line);padding:11px 0}
.an-faq details:first-of-type{border-top:0}
.an-faq summary{font-weight:700;cursor:pointer;list-style:none}
.an-faq summary::-webkit-details-marker{display:none}
.an-faq summary::before{content:"Q ";color:var(--pr);font-weight:900}
.an-faq p{margin:8px 0 0;color:#33433b;font-size:.9rem;line-height:1.6}

.pr-note{font-size:.8rem;color:var(--muted);margin:12px 0 0;line-height:1.6}

.pr-disc{margin-top:16px;background:#fdf3f4;border:1px solid #f1c4ca;border-radius:14px;padding:16px 18px}
.pr-disc-h{font-weight:900;color:#b13347;font-size:.95rem;margin-bottom:8px}
.pr-disc ul{margin:0;padding-left:18px}
.pr-disc li{font-size:.82rem;color:#5a3a40;line-height:1.65;padding:2px 0}

@media (max-width:520px){
  .pr-hero h1{font-size:1.35rem}
  .pr-big .amt{font-size:2rem}
  .an-sched{grid-template-columns:1fr}
}