/* PregCalc — calculator UI styles (namespaced .pc-) */

.pc-tool{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);
  padding:26px;margin:26px 0 12px;
  box-shadow:0 1px 0 rgba(33,56,59,.03),0 18px 40px -28px rgba(33,56,59,.25)}

.pc-methods{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.pc-methods button{font-family:var(--ui);font-size:13.5px;font-weight:500;background:var(--paper);
  color:var(--ink-soft);border:1px solid var(--line);padding:9px 14px;border-radius:999px;cursor:pointer;transition:.18s}
.pc-methods button:hover{border-color:var(--sage)}
.pc-methods button[aria-selected="true"]{background:var(--ink);color:#fff;border-color:var(--ink)}

.pc-field{margin-bottom:16px}
.pc-field label{display:block;font-family:var(--ui);font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:7px}
.pc-field input,.pc-field select{width:100%;font-family:var(--ui);font-size:16px;color:var(--ink);
  background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:12px 13px}
.pc-field input:hover,.pc-field select:hover{border-color:var(--sage)}
.pc-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
@media(max-width:520px){.pc-row{grid-template-columns:1fr}}

.pc-go{font-family:var(--ui);font-size:15px;font-weight:600;width:100%;background:var(--clay);
  color:#fff;border:none;border-radius:11px;padding:14px;cursor:pointer;transition:.18s;margin-top:4px}
.pc-go:hover{background:var(--clay-deep)}
.pc-err{font-family:var(--ui);font-size:13px;color:var(--clay-deep);margin:10px 0 0;min-height:1em}

.pc-result{margin-top:24px;padding-top:24px;border-top:1px dashed var(--line);display:none}
.pc-result.show{display:block;animation:pcRise .5s ease both}
@keyframes pcRise{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.pc-rlab{font-family:var(--ui);font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;
  color:var(--clay-deep);margin:0 0 4px}
.pc-rmain{font-family:var(--display);font-weight:700;font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.06;
  letter-spacing:-.02em;color:var(--ink);margin:0 0 14px}
.pc-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:6px}
@media(max-width:520px){.pc-stats{grid-template-columns:1fr 1fr}}
.pc-stat{background:var(--paper);border:1px solid var(--line-soft);border-radius:10px;padding:13px}
.pc-stat .n{font-family:var(--display);font-size:1.3rem;font-weight:600;color:var(--ink)}
.pc-stat .t{font-family:var(--ui);font-size:11.5px;color:var(--ink-faint);margin-top:2px;letter-spacing:.02em}

/* journey timeline */
.pc-journey{margin:26px 0 6px;display:none}
.pc-journey.show{display:block}
.pc-track{position:relative;margin:30px 0 8px}
.pc-bands{display:grid;grid-template-columns:13fr 14fr 13fr;height:14px;border-radius:999px;overflow:hidden}
.pc-bands .b1{background:var(--clay-wash)}.pc-bands .b2{background:var(--sage-wash)}.pc-bands .b3{background:#E9E4F0}
.pc-bandlabels{display:grid;grid-template-columns:13fr 14fr 13fr;margin-top:9px;gap:6px}
.pc-bandlabels div{font-family:var(--ui);font-size:11.5px;text-align:center;color:var(--ink-soft)}
.pc-bandlabels b{display:block;font-size:12.5px;color:var(--ink);font-weight:600}
.pc-you{position:absolute;top:-6px;width:2px;height:26px;background:var(--clay);left:0;
  transition:left .6s cubic-bezier(.2,.8,.2,1);display:none}
.pc-you::after{content:"You";position:absolute;top:-19px;left:50%;transform:translateX(-50%);
  font-family:var(--ui);font-size:10.5px;font-weight:700;color:var(--clay-deep);white-space:nowrap}
.pc-you.show{display:block}