/* 임신 예정일 계산기 전용 CSS (2026-10-08). 2패널 계산형(BMI 계산기와 같은 골격) + 280일 진행 막대 + 아래 주요 시점 표. 공용 부품은 assets/v2.css */
.pr-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.pr-in{padding:16px 18px 18px;min-width:0}
.pr-fields{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px}
.pr-fields .full{grid-column:1 / -1}
.pr-seg{margin-top:6px;display:flex;flex-wrap:nowrap}
.pr-seg button{flex:1 1 0;min-width:0;height:var(--v2-ctl,42px);padding:0 6px;font-family:var(--sans);font-size:13px;font-weight:700;white-space:nowrap}
.pr-ga{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:6px}
#prGaLabel{display:block;margin:0 0 5px} /* 공용 .v2-f > label 과 같은 자리(span 라벨) */
.pr-ga .v2-input input{padding:0 6px}
.pr-ga .v2-input b{min-width:0;padding:0 6px}
.pr-help{margin:12px 0 0;font-family:var(--sans);font-size:12.5px;line-height:1.6;color:var(--muted)}
.pr-acts{display:flex;gap:6px;flex-wrap:wrap;align-items:center;margin-top:14px}
.pr-out{padding:16px 18px 18px;min-width:0;border-left:1px solid var(--soft);display:flex;flex-direction:column}
.pr-out > .v2-label{display:block;margin-bottom:6px}
.pr-out .v2-big small{font-family:var(--sans);font-size:18px;font-weight:800;color:var(--ink);letter-spacing:-.01em} /* 구간 이름이 답이라 숫자 옆에 진하게 */
.pr-out .v2-formula{white-space:normal;overflow-wrap:anywhere;line-height:1.6}
.pr-rows{margin-top:12px}
.pr-rows li span em{display:block;font-style:normal;font-size:11.5px;color:var(--muted)}
.pr-rows li b{white-space:nowrap;text-align:right}
.pr-rows li b.is-muted{white-space:normal;font-weight:600;color:var(--muted)}
.pr-caveat{margin:10px 0 0;font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted)}
.pr-foot{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:auto;padding-top:12px;border-top:1px solid var(--soft)}
.pr-caveat + .pr-foot{margin-top:14px}
.pr-foot .v2-status{margin-left:auto}
.v2-big.is-empty span{font-size:18px;font-weight:600;color:var(--muted)}
.pr-cmp{padding:14px 18px 18px;border-top:1px solid var(--soft)}
.pr-cmp > .v2-label{display:block;margin-bottom:8px}
.pr-cmp .tbl{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.pr-table{width:100%;border-collapse:collapse;font-family:var(--sans);font-size:13px;font-variant-numeric:tabular-nums}
.pr-table th,.pr-table td{padding:7px 8px;border-top:1px solid var(--soft);text-align:left;white-space:nowrap}
.pr-table thead th{font-size:11.5px;font-weight:700;color:var(--muted);border-top:0}
.pr-table tbody th{font-weight:600}
.pr-table .n{text-align:right}
.pr-table tr.is-cur th,.pr-table tr.is-cur td{background:var(--accent-wash);color:var(--ink)}
.pr-note{margin:8px 0 0;font-family:var(--sans);font-size:12px;line-height:1.55;color:var(--muted)}
@media (max-width:720px){
  .pr-grid{grid-template-columns:minmax(0,1fr)}
  .pr-out{order:-1;border-left:0;border-bottom:1px solid var(--soft)}
}
@media (max-width:420px){
  .pr-in,.pr-out,.pr-cmp{padding-left:12px;padding-right:12px}
  .pr-table th,.pr-table td{padding:7px 5px}
}
@container v2in (max-width:300px){ .pr-fields{grid-template-columns:minmax(0,1fr)} }
.pr-seg{flex-wrap:wrap}
.pr-seg button{flex:1 1 auto;padding:0 10px}
.pr-seg2 button{flex:1 1 0}
#prEmbLabel{display:block;margin:0 0 5px}
.pr-seg2{margin-top:0} /* 배아 선택은 옆 날짜 칸과 같은 줄(span 라벨 + 6px 여백이면 5.6px 내려감) */
.pr-date{margin-top:5px} /* 라벨 아래 5px: 옆 .v2-input 칸과 같은 높이(align-check 1px) */
.pr-date input[type="date"]{display:block;width:100%;min-width:0;height:var(--v2-ctl,42px);padding:0 10px;border:1px solid var(--line);border-radius:var(--radius);background:var(--paper);font-family:var(--sans);font-size:15px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums;outline:0;transition:border-color var(--ease),box-shadow var(--ease)}
.pr-date input[type="date"]:focus{border-color:var(--ink);box-shadow:0 0 0 2px var(--accent-wash)}
.pr-date input[aria-invalid="true"]{border-color:var(--accent)}
.pr-out .v2-big{flex-wrap:wrap;row-gap:2px;font-size:34px;letter-spacing:-.02em} /* 날짜 글자는 숫자보다 길어 한 단계 작게 */
.pr-out .v2-big small{font-family:var(--sans);font-size:17px;font-weight:800;color:var(--ink)}
.pr-bar{margin:12px 0 0}
.pr-bar i{display:block;height:8px;background:var(--line);border-radius:4px;overflow:hidden}
.pr-bar i b{display:block;height:100%;width:0;background:var(--accent);transition:width 240ms ease}
.pr-bar span{display:block;margin-top:6px;font-family:var(--sans);font-size:12px;color:var(--muted);font-variant-numeric:tabular-nums}
@media (max-width:420px){ .pr-out .v2-big{font-size:28px} }