/* Roberin The New — 임신 주수 계산기 20260908d
 * 레이아웃 계약: 작업면 전체가 단일 12-트랙 축이다. 모든 자식은 grid-column: span N 으로만 배치하고
 * workspace 레벨에 형제 grid 를 만들지 않는다. 각 시각 행의 span 합은 정확히 12 이며,
 * 액션 버튼은 span 2 로 두고 남는 가로 폭은 정보(검진 시점 라벨·카드)가 가져간다.
 * 근거: 사용자 지적 "버튼이 가로로 쓸데없이 크다 / 공간 활용을 못한다"
 *       + 우려 원장 #15(가로 폭 미사용) · #43(빈 폭) · #54(컴팩트) · #42 / 추가 필수 확인 #22(인접 행 세로축 일치).
 */
body.tn-pgw-page-body .cs-custom-content-post-before{display:none!important}
body.tn-pgw-page-body .tn-pgw-page{
  --pgw-ink:#1a1208;
  --pgw-muted:#5a4a30;
  --pgw-line:#b8a888;
  --pgw-soft:#ddd4be;
  --pgw-paper:#faf6ee;
  --pgw-surface:#fffdf7;
  --pgw-wash:#f5efdf;
  --pgw-accent:#c44a00;
  --pgw-primary:#1a1208;
  --pgw-primary-hover:#c44a00;
  --pgw-primary-text:#faf6ee;
  --pgw-secondary:#ede6d4;
  --pgw-secondary-hover:#dfd4bb;
  --pgw-danger:#7c2115;
  --pgw-good:#2f7d54;
  --pgw-scheme:light;
  --pgw-num-font:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  width:min(1180px,100%)!important;
  max-width:1180px!important;
  margin:0 auto 56px!important;
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:currentColor!important;
  font-family:ui-serif,Georgia,"Times New Roman","Noto Serif KR",serif!important;
  font-size:15px!important;
  line-height:1.58!important;
}

/* --- kill list: 전역 CSS 침범 선제 차단 --- */
body.tn-pgw-page-body .tn-pgw-page :is(.tn-pgw-tool,.tn-pgw-tool *,.tn-pgw-tool *::before,.tn-pgw-tool *::after){box-sizing:border-box!important;min-width:0!important}
/* 추가 필수 확인 #3 / 우려 #37: element reset 이 컴포넌트 padding 을 삼키지 않게 한다.
   .tn-pgw-metric 이 <dl> 이므로 dl 은 margin 만 지우고, p 에는 padding:0 을 주지 않는다
   (notice·basis·sched-head·disclaimer·검진 카드 줄이 전부 padding 을 가진 p 컴포넌트다). */
body.tn-pgw-page-body .tn-pgw-tool :is(ul,ol,li,dd,dt){margin:0!important;padding:0!important;list-style:none!important}
body.tn-pgw-page-body .tn-pgw-tool dl{margin:0!important;list-style:none!important}
body.tn-pgw-page-body .tn-pgw-tool p{margin:0!important}
body.tn-pgw-page-body .tn-pgw-tool :is(code,pre,kbd,samp){padding:0!important;border:0!important;border-radius:0!important;background:none!important;background-color:transparent!important;color:inherit!important;-webkit-text-fill-color:inherit!important}
/* 모드별 보조 필드 토글. 아래 .tn-pgw-control 규칙이 (0,4,0) 이라 (0,3,0) 짜리 [hidden] 로는 못 이긴다.
   같은 특이도 이상으로 올려 두지 않으면 숨긴 control 이 계속 자리를 차지해 입력 행이 41px 높아진다. */
body.tn-pgw-page-body .tn-pgw-page .tn-pgw-tool [hidden],
body.tn-pgw-page-body .tn-pgw-page .tn-pgw-tool .tn-pgw-control[hidden]{display:none!important}
body.tn-pgw-page-body .tn-pgw-page script{display:none!important}

/* --- 단일 12-트랙 작업면 --- */
body.tn-pgw-page-body .tn-pgw-tool{
  display:grid!important;
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  align-items:stretch!important;
  gap:12px 10px!important;
  width:100%!important;
  margin:0 auto 18px!important;
  padding:16px!important;
  border:1px solid var(--pgw-line)!important;
  border-top:3px double var(--pgw-line)!important;
  border-bottom:3px double var(--pgw-line)!important;
  border-radius:0!important;
  background:var(--pgw-paper)!important;
  box-shadow:4px 4px 0 rgba(26,18,8,.10)!important;
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:var(--pgw-ink)!important;
  font-family:var(--pgw-num-font)!important;
}
body.tn-pgw-page-body .tn-pgw-tool>*{margin:0!important}

/* 데스크톱 트랙 배분 — 각 행의 span 합이 정확히 12 */
/* 행1 입력  : 모드 4 + 기준 날짜 3 + 보조 2 + 조회 기준일 3
   보조 필드는 2자리 수(주기) 또는 날짜 문자열 하나만 담으므로 2트랙이면 충분하고,
   남는 트랙은 라벨이 긴 모드 세그먼트가 가져간다 (우려 #43 — 값보다 넘치게 넓은 입력칸 금지). */
body.tn-pgw-page-body .tn-pgw-field--mode{grid-column:span 4!important}
body.tn-pgw-page-body .tn-pgw-field--date,
body.tn-pgw-page-body .tn-pgw-field--asof{grid-column:span 3!important}
body.tn-pgw-page-body .tn-pgw-field--aux{grid-column:span 2!important}
/* 행2 안내  : 12 */
body.tn-pgw-page-body .tn-pgw-notice{grid-column:span 12!important}
/* 행3 결과  : 큰 주수 4 + 지표 2×4 */
body.tn-pgw-page-body .tn-pgw-headline{grid-column:span 4!important}
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric{grid-column:span 2!important}
/* 행4 차트  : 12 */
body.tn-pgw-page-body .tn-pgw-chart-block{grid-column:span 12!important}
/* 행5 검진 라벨 8 + 액션 2 + 액션 2 — 버튼은 필요한 만큼만 차지한다 */
body.tn-pgw-page-body .tn-pgw-sched-head{grid-column:span 8!important}
body.tn-pgw-page-body .tn-pgw-action{grid-column:span 2!important}
/* 행6 검진 카드 6개 × 2 */
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-sched{grid-column:span 2!important}
/* 행7 면책  : 12 */
body.tn-pgw-page-body .tn-pgw-disclaimer{grid-column:span 12!important}

/* --- 입력 field --- */
body.tn-pgw-page-body .tn-pgw-field{
  display:grid!important;
  grid-template-rows:auto 36px!important;
  align-content:start!important;
  gap:5px!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
body.tn-pgw-page-body .tn-pgw-label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:15px!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* kill list #13: 전역 CSS 가 span 래퍼의 flex 를 이기지 못하게 한다 */
body.tn-pgw-page-body .tn-pgw-page .tn-pgw-tool .tn-pgw-control{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--pgw-line)!important;
  border-radius:0!important;
  background:var(--pgw-surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
  color-scheme:var(--pgw-scheme)!important;
}
body.tn-pgw-page-body .tn-pgw-control input,
body.tn-pgw-page-body .tn-pgw-control select{
  flex:1 1 auto!important;
  width:1px!important;
  height:34px!important;
  margin:0!important;
  /* 추가 필수 확인 #48: 테두리→첫 글리프 ≥8px, 값 글리프→단위 글리프 8~20px */
  padding:0 10px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:var(--pgw-ink)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:14px!important;
  font-weight:600!important;
  line-height:34px!important;
  letter-spacing:0!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  color-scheme:var(--pgw-scheme)!important;
}
body.tn-pgw-page-body .tn-pgw-control select{
  /* 우려 #33: appearance 는 지우되 dropdown 임을 알리는 chevron 과 pointer 상태를 준다.
     chevron 은 select 안이 아니라 control 래퍼의 ::after 가 그린다 — select 안에 두면
     오른쪽 정렬된 값 글리프와 겹치거나, 그걸 피하려고 padding 을 키우면
     값→단위 간격이 8~20px 범위를 벗어난다 (추가 필수 확인 #48). */
  appearance:none!important;
  -webkit-appearance:none!important;
  padding:0 4px 0 10px!important;
  text-align:right!important;
  cursor:pointer!important;
}
body.tn-pgw-page-body .tn-pgw-page .tn-pgw-tool .tn-pgw-control--select{position:relative!important;cursor:pointer!important}
/* 변종 규칙은 (0,3,1) 로 올려 선언 순서에 의존하지 않게 한다 — 아래 .tn-pgw-control b 가 (0,1,1) 로
   뒤에 선언돼 있어 같은 특이도로는 chevron 자리를 잃는다 (추가 필수 확인 #3). */
body.tn-pgw-page-body .tn-pgw-page .tn-pgw-tool .tn-pgw-control--select b{padding:0 22px 0 8px!important}
body.tn-pgw-page-body .tn-pgw-control--select::after{
  content:""!important;
  position:absolute!important;
  top:50%!important;
  right:9px!important;
  width:0!important;
  height:0!important;
  margin-top:-2px!important;
  border-left:4px solid transparent!important;
  border-right:4px solid transparent!important;
  border-top:5px solid var(--pgw-muted)!important;
  pointer-events:none!important;
}
body.tn-pgw-page-body .tn-pgw-control input[type="date"]{text-align:left!important}
body.tn-pgw-page-body .tn-pgw-control input[type="date"]::-webkit-calendar-picker-indicator{margin:0!important;padding:0!important;opacity:.55!important;cursor:pointer!important}
body.tn-pgw-page-body .tn-pgw-control input::placeholder{color:var(--pgw-muted)!important;-webkit-text-fill-color:var(--pgw-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-pgw-page-body .tn-pgw-control input::-webkit-input-placeholder{color:var(--pgw-muted)!important;-webkit-text-fill-color:var(--pgw-muted)!important;font-weight:400!important;opacity:.35!important}
/* 단위 suffix chip — 자체 border 를 명시한다 (kill list #7) */
body.tn-pgw-page-body .tn-pgw-control b{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 10px 0 8px!important;
  border:0!important;
  border-left:1px solid var(--pgw-soft)!important;
  background:none!important;
  box-shadow:none!important;
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:34px!important;
  pointer-events:none!important;
}
/* 파생 표시 control — 입력이 아니라 계산 결과라는 것이 배경으로 드러난다 */
body.tn-pgw-page-body .tn-pgw-page .tn-pgw-tool .tn-pgw-control--static{background:var(--pgw-wash)!important;border-style:dashed!important}
body.tn-pgw-page-body .tn-pgw-control output{
  display:block!important;
  flex:1 1 auto!important;
  padding:0 10px!important;
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:var(--pgw-ink)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:34px!important;
  letter-spacing:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.tn-pgw-page-body .tn-pgw-control:has(input:focus-visible),
body.tn-pgw-page-body .tn-pgw-control:has(select:focus-visible){outline:2px solid var(--pgw-accent)!important;outline-offset:-1px!important}
body.tn-pgw-page-body .tn-pgw-control:has(input[aria-invalid="true"]){border-color:var(--pgw-danger)!important}
body.tn-pgw-page-body .tn-pgw-control input[aria-invalid="true"]{color:var(--pgw-danger)!important;-webkit-text-fill-color:var(--pgw-danger)!important}

/* --- 기준 모드 세그먼트 (3버튼이 3트랙 폭에 정확히 정렬된다) --- */
body.tn-pgw-page-body .tn-pgw-modes{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:10px!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
}
body.tn-pgw-page-body .tn-pgw-modes button{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:36px!important;
  min-height:36px!important;
  margin:0!important;
  padding:0 4px!important;
  border:1px solid var(--pgw-line)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--pgw-surface)!important;
  box-shadow:none!important;
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  appearance:none!important;
  cursor:pointer!important;
}
body.tn-pgw-page-body .tn-pgw-modes button[aria-selected="true"]{
  border-color:var(--pgw-primary)!important;
  background:var(--pgw-primary)!important;
  color:var(--pgw-primary-text)!important;
  -webkit-text-fill-color:var(--pgw-primary-text)!important;
  font-weight:800!important;
}
body.tn-pgw-page-body .tn-pgw-modes button:hover:not([aria-selected="true"]){background:var(--pgw-secondary-hover)!important;color:var(--pgw-ink)!important;-webkit-text-fill-color:var(--pgw-ink)!important}
body.tn-pgw-page-body .tn-pgw-modes button:focus-visible{outline:2px solid var(--pgw-accent)!important;outline-offset:2px!important}

/* --- 판정 notice --- */
body.tn-pgw-page-body .tn-pgw-notice{
  min-height:32px!important;
  padding:7px 12px!important;
  border:1px solid var(--pgw-soft)!important;
  background:var(--pgw-surface)!important;
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:18px!important;
  text-align:center!important;
}
body.tn-pgw-page-body .tn-pgw-notice.is-term{border-color:var(--pgw-good)!important;color:var(--pgw-good)!important;-webkit-text-fill-color:var(--pgw-good)!important;font-weight:800!important}
body.tn-pgw-page-body .tn-pgw-notice.is-error{border-color:var(--pgw-danger)!important;color:var(--pgw-danger)!important;-webkit-text-fill-color:var(--pgw-danger)!important;font-weight:800!important}

/* --- 큰 결과 + 지표는 같은 행 (원장 #54) --- */
body.tn-pgw-page-body .tn-pgw-headline{
  display:grid!important;
  align-content:center!important;
  gap:5px!important;
  padding:10px 12px!important;
  border:1px solid var(--pgw-line)!important;
  background:var(--pgw-surface)!important;
}
body.tn-pgw-page-body .tn-pgw-headline-label{
  color:var(--pgw-accent)!important;
  -webkit-text-fill-color:var(--pgw-accent)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:14px!important;
  letter-spacing:.08em!important;
}
body.tn-pgw-page-body .tn-pgw-headline-value{
  max-width:100%!important;
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:var(--pgw-ink)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:clamp(23px,2.7vw,32px)!important;
  font-weight:800!important;
  line-height:1.12!important;
  letter-spacing:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
body.tn-pgw-page-body .tn-pgw-headline-caption{
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:15px!important;
}
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric{
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:6px!important;
  padding:10px 8px!important;
  border:1px solid var(--pgw-soft)!important;
  background:var(--pgw-wash)!important;
  text-align:center!important;
}
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric dt{
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:14px!important;
  white-space:nowrap!important;
}
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric dd,
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric-value{
  max-width:100%!important;
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:var(--pgw-ink)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:clamp(13px,1.25vw,16px)!important;
  font-weight:800!important;
  line-height:1.15!important;
  letter-spacing:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

/* --- 40주 타임라인 --- */
body.tn-pgw-page-body .tn-pgw-chart-block{
  height:104px!important;
  padding:0!important;
  border:1px solid var(--pgw-soft)!important;
  background:var(--pgw-surface)!important;
  overflow:hidden!important;
}
body.tn-pgw-page-body .tn-pgw-chart-block svg{display:block!important;width:100%!important;height:100%!important}
body.tn-pgw-page-body .tn-pgw-chart-block svg text{font-family:var(--pgw-num-font)!important;font-variant-numeric:lining-nums tabular-nums!important}

/* --- 검진 행: 라벨 8트랙 + 액션 2+2 --- */
body.tn-pgw-page-body .tn-pgw-sched-head{
  display:grid!important;
  align-content:center!important;
  min-height:38px!important;
  /* 추가 필수 확인 #3: border/background 가 있는 텍스트 블록은 네 변 모두 실제 padding 을 가진다 */
  padding:8px 12px!important;
  border:1px solid var(--pgw-soft)!important;
  background:var(--pgw-wash)!important;
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11.5px!important;
  font-weight:700!important;
  line-height:16px!important;
  overflow:hidden!important;
}
body.tn-pgw-page-body .tn-pgw-tool button.tn-pgw-action{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:38px!important;
  min-height:38px!important;
  margin:0!important;
  padding:0 8px!important;
  border:1px solid var(--pgw-primary)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-family:var(--pgw-num-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  white-space:nowrap!important;
  appearance:none!important;
  cursor:pointer!important;
}
body.tn-pgw-page-body .tn-pgw-primary{background:var(--pgw-primary)!important;color:var(--pgw-primary-text)!important;-webkit-text-fill-color:var(--pgw-primary-text)!important}
body.tn-pgw-page-body .tn-pgw-primary:hover:not(:disabled){background:var(--pgw-primary-hover)!important;border-color:var(--pgw-primary-hover)!important}
body.tn-pgw-page-body .tn-pgw-secondary{background:var(--pgw-secondary)!important;border-color:var(--pgw-line)!important;color:var(--pgw-ink)!important;-webkit-text-fill-color:var(--pgw-ink)!important}
body.tn-pgw-page-body .tn-pgw-secondary:hover:not(:disabled){background:var(--pgw-secondary-hover)!important}
body.tn-pgw-page-body .tn-pgw-tool button:disabled{cursor:not-allowed!important;opacity:.55!important}
body.tn-pgw-page-body .tn-pgw-tool button.tn-pgw-action:focus-visible{outline:2px solid var(--pgw-accent)!important;outline-offset:2px!important}

/* --- 검진 카드 6칸 --- */
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-sched{
  display:grid!important;
  align-content:start!important;
  gap:3px!important;
  padding:9px 10px!important;
  border:1px solid var(--pgw-soft)!important;
  background:var(--pgw-surface)!important;
}
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-sched.is-done{background:var(--pgw-wash)!important}
body.tn-pgw-page-body .tn-pgw-sched.is-done .tn-pgw-sched-week{color:var(--pgw-muted)!important;-webkit-text-fill-color:var(--pgw-muted)!important}
body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-sched.is-now{border-color:var(--pgw-accent)!important}
body.tn-pgw-page-body .tn-pgw-sched-week{
  color:var(--pgw-accent)!important;
  -webkit-text-fill-color:var(--pgw-accent)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:14px!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  white-space:nowrap!important;
}
body.tn-pgw-page-body .tn-pgw-sched-name{
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:15px!important;
  overflow-wrap:anywhere!important;
}
body.tn-pgw-page-body .tn-pgw-sched-date{
  color:var(--pgw-ink)!important;
  -webkit-text-fill-color:var(--pgw-ink)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:17px!important;
  letter-spacing:normal!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
/* D- 표기는 숫자 결과라 사이트 전역 숫자 표준의 result 굵기 800 을 따른다 (추가 필수 확인 #20) */
body.tn-pgw-page-body .tn-pgw-sched-dday{
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:800!important;
  line-height:14px!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  white-space:nowrap!important;
}
body.tn-pgw-page-body .tn-pgw-sched.is-now .tn-pgw-sched-dday{color:var(--pgw-accent)!important;-webkit-text-fill-color:var(--pgw-accent)!important;font-weight:800!important}

body.tn-pgw-page-body .tn-pgw-disclaimer{
  padding:8px 12px!important;
  border:1px solid var(--pgw-soft)!important;
  background:var(--pgw-wash)!important;
  color:var(--pgw-muted)!important;
  -webkit-text-fill-color:var(--pgw-muted)!important;
  font-family:var(--pgw-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.5!important;
}

/* --- dark / inverse / auto-dark --- */
body.tn-pgw-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-pgw-page,
html[data-scheme="dark"] body.tn-pgw-page-body:not([data-scheme="light"]) .tn-pgw-page{
  --pgw-ink:#f7ead1;
  --pgw-muted:#c3b492;
  --pgw-line:#6f6047;
  --pgw-soft:#574a37;
  --pgw-paper:#241d12;
  --pgw-surface:#322a1a;
  --pgw-wash:#2c2517;
  --pgw-accent:#e8823f;
  --pgw-primary:#6a3b1f;
  --pgw-primary-hover:#824826;
  --pgw-primary-text:#f7ead1;
  --pgw-secondary:#2f2115;
  --pgw-secondary-hover:#3a2a1b;
  --pgw-danger:#ffb0a2;
  --pgw-good:#57b083;
  --pgw-scheme:dark;
}
@media (prefers-color-scheme:dark){
  body.tn-pgw-page-body[data-scheme="auto"] .tn-pgw-page{
    --pgw-ink:#f7ead1;
    --pgw-muted:#c3b492;
    --pgw-line:#6f6047;
    --pgw-soft:#574a37;
    --pgw-paper:#241d12;
    --pgw-surface:#322a1a;
    --pgw-wash:#2c2517;
    --pgw-accent:#e8823f;
    --pgw-primary:#6a3b1f;
    --pgw-primary-hover:#824826;
    --pgw-primary-text:#f7ead1;
    --pgw-secondary:#2f2115;
    --pgw-secondary-hover:#3a2a1b;
    --pgw-danger:#ffb0a2;
    --pgw-good:#57b083;
    --pgw-scheme:dark;
  }
}

/* --- responsive: 축은 12트랙 그대로, span 만 바꿔 컬럼 경계를 유지한다 --- */
@media (max-width:1000px){
  body.tn-pgw-page-body .tn-pgw-field--mode{grid-column:span 12!important}
  body.tn-pgw-page-body .tn-pgw-field--date,
  body.tn-pgw-page-body .tn-pgw-field--asof{grid-column:span 4!important}
  body.tn-pgw-page-body .tn-pgw-field--aux{grid-column:span 4!important}
  body.tn-pgw-page-body .tn-pgw-headline{grid-column:span 12!important}
  body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric{grid-column:span 3!important}
  body.tn-pgw-page-body .tn-pgw-sched-head{grid-column:span 12!important}
  body.tn-pgw-page-body .tn-pgw-action{grid-column:span 6!important}
  body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-sched{grid-column:span 4!important}
}
@media (max-width:720px){
  body.tn-pgw-page-body .tn-pgw-page{width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 auto 40px!important;font-size:14px!important}
  body.tn-pgw-page-body .tn-pgw-tool{gap:10px 9px!important;padding:12px!important}
  body.tn-pgw-page-body .tn-pgw-field--date,
  body.tn-pgw-page-body .tn-pgw-field--aux{grid-column:span 6!important}
  body.tn-pgw-page-body .tn-pgw-field--asof{grid-column:span 12!important}
  body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric{grid-column:span 6!important}
  body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-sched{grid-column:span 6!important}
  body.tn-pgw-page-body .tn-pgw-chart-block{height:112px!important}
}
@media (max-width:390px){
  /* 원장 #52: 값을 고칠 때 같은 속성을 재선언하는 미디어쿼리를 함께 고친다.
     control 안쪽 여백은 데스크톱과 같은 10px/8px 기준을 유지한다. */
  body.tn-pgw-page-body .tn-pgw-control input{padding:0 10px!important;font-size:13px!important}
  body.tn-pgw-page-body .tn-pgw-control select{padding:0 4px 0 10px!important;font-size:13px!important}
  body.tn-pgw-page-body .tn-pgw-control output{padding:0 10px!important;font-size:13px!important}
  body.tn-pgw-page-body .tn-pgw-control b{padding:0 10px 0 8px!important;font-size:11px!important}
  body.tn-pgw-page-body .tn-pgw-modes{gap:8px!important}
  body.tn-pgw-page-body .tn-pgw-modes button{font-size:11px!important}
  body.tn-pgw-page-body .tn-pgw-headline-value{font-size:27px!important}
  body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric{padding:9px 6px!important}
  body.tn-pgw-page-body .tn-pgw-tool .tn-pgw-metric dt{font-size:10.5px!important}
}
@media (max-width:360px){
  body.tn-pgw-page-body .tn-pgw-tool{padding:10px!important;gap:9px 8px!important}
  body.tn-pgw-page-body .tn-pgw-label{font-size:11px!important}
  body.tn-pgw-page-body .tn-pgw-modes button{font-size:10.5px!important;padding:0 2px!important}
  body.tn-pgw-page-body .tn-pgw-tool button.tn-pgw-action{padding:0 6px!important;font-size:12px!important}
  body.tn-pgw-page-body .tn-pgw-sched-head{font-size:11px!important}
}