/* Roberin The New — 로또 당첨금 세금 계산기 20260907f */
body.tn-lto-page-body .cs-custom-content-post-before{display:none!important}
body.tn-lto-page-body .tn-lto-page{
  --lto-ink:#1a1208;
  --lto-muted:#5a4a30;
  --lto-line:#b8a888;
  --lto-soft:#ddd4be;
  --lto-paper:#faf6ee;
  --lto-surface:#fffdf7;
  --lto-wash:#f5efdf;
  --lto-accent:#c44a00;
  --lto-primary:#1a1208;
  --lto-primary-hover:#c44a00;
  --lto-primary-text:#fff7e8;
  --lto-secondary:#ede6d4;
  --lto-secondary-hover:#dfd4bb;
  --lto-danger:#7c2115;
  --lto-good:#2f7d54;
  --lto-band-net:#2f7d54;
  --lto-band-income:#c44a00;
  --lto-band-local:#8a6d3b;
  --lto-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(--lto-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-lto-page-body .tn-lto-page :is(.tn-lto-tool,.tn-lto-tool *,.tn-lto-tool *::before,.tn-lto-tool *::after){box-sizing:border-box!important;min-width:0!important}
body.tn-lto-page-body .tn-lto-tool :is(ul,ol,li,dl,dd,dt){margin:0!important;padding:0!important;list-style:none!important}
body.tn-lto-page-body .tn-lto-tool p{margin:0!important}
body.tn-lto-page-body .tn-lto-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}
body.tn-lto-page-body .tn-lto-page script{display:none!important}

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

body.tn-lto-page-body .tn-lto-pane-label{
  display:block!important;
  margin:0 0 6px!important;
  padding:0!important;
  border:0!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:15px!important;
  letter-spacing:.08em!important;
  text-transform:uppercase!important;
}

/* --- 입력 field bar (전폭, 4트랙) ---
   추가 필수 확인 #22 / 우려 #42: 이 grid 는 아래 .tn-lto-metrics 와 세로축을 공유해야 한다.
   패널 padding/border 를 주면 내부 트랙이 15px 밀려 쳫 컬럼 경계가 어깼난다.
   구분은 아래 가로 규선으로만 준다. */
body.tn-lto-page-body .tn-lto-bar{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  align-items:start!important;
  gap:10px!important;
  padding:0 0 12px!important;
  border:0!important;
  border-bottom:1px solid var(--lto-soft)!important;
  background:none!important;
}
body.tn-lto-page-body .tn-lto-field{
  display:grid!important;
  grid-template-rows:auto 36px!important;
  align-content:start!important;
  gap:5px!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:none!important;
}
/* 칩이 두 줄로 접힐 때(390/360) 36px 고정 행에 갇혀 아래 notice 와 겹치지 않게 한다.
   데스크톱은 칩이 한 줄(36px)이므로 auto 가 36px 로 해석돼 같은 행 정렬이 유지된다. */
body.tn-lto-page-body .tn-lto-presets-group{grid-column:2/5!important;grid-template-rows:auto auto!important}
body.tn-lto-page-body .tn-lto-label{
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:12px!important;
  font-weight:700!important;
  line-height:15px!important;
}
body.tn-lto-page-body .tn-lto-page .tn-lto-tool .tn-lto-control{
  display:flex!important;
  align-items:center!important;
  width:100%!important;
  height:36px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--lto-line)!important;
  border-radius:0!important;
  background:var(--lto-surface)!important;
  box-shadow:none!important;
  overflow:hidden!important;
}
body.tn-lto-page-body .tn-lto-control input{
  flex:1 1 auto!important;
  width:1px!important;
  height:34px!important;
  margin:0!important;
  /* 추가 필수 확인 #48: 값 글리프와 단위 글리프 사이를 8~20px 로 유지한다. */
  padding:0 8px 0 10px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  box-shadow:none!important;
  color:var(--lto-ink)!important;
  -webkit-text-fill-color:var(--lto-ink)!important;
  font-family:var(--lto-num-font)!important;
  font-size:15px!important;
  font-weight:600!important;
  line-height:34px!important;
  letter-spacing:0!important;
  text-align:right!important;
  font-variant-numeric:lining-nums tabular-nums!important;
}
body.tn-lto-page-body .tn-lto-control input::placeholder{color:var(--lto-muted)!important;-webkit-text-fill-color:var(--lto-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-lto-page-body .tn-lto-control input::-webkit-input-placeholder{color:var(--lto-muted)!important;-webkit-text-fill-color:var(--lto-muted)!important;font-weight:400!important;opacity:.35!important}
body.tn-lto-page-body .tn-lto-control b{
  display:block!important;
  flex:0 0 auto!important;
  margin:0!important;
  padding:0 10px 0 0!important;
  border:0!important;
  border-left:1px solid transparent!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:34px!important;
  pointer-events:none!important;
}
body.tn-lto-page-body .tn-lto-control:has(input:focus-visible){outline:2px solid var(--lto-accent)!important;outline-offset:-1px!important}
body.tn-lto-page-body .tn-lto-control:has(input[aria-invalid="true"]){border-color:var(--lto-danger)!important}
body.tn-lto-page-body .tn-lto-control input[aria-invalid="true"]{color:var(--lto-danger)!important;-webkit-text-fill-color:var(--lto-danger)!important}

body.tn-lto-page-body .tn-lto-presets{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  grid-auto-rows:36px!important;
  gap:6px!important;
  margin:0!important;
  padding:0!important;
}
body.tn-lto-page-body .tn-lto-preset{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:36px!important;
  margin:0!important;
  padding:0 6px!important;
  border:1px solid var(--lto-line)!important;
  border-radius:0!important;
  outline:0!important;
  background:var(--lto-surface)!important;
  box-shadow:none!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  white-space:nowrap!important;
  cursor:pointer!important;
}
body.tn-lto-page-body .tn-lto-preset small{display:block!important;margin-top:3px!important;font-size:10px!important;font-weight:600!important;line-height:1!important;letter-spacing:0!important}
body.tn-lto-page-body .tn-lto-preset:hover,
body.tn-lto-page-body .tn-lto-preset.is-active{border-color:var(--lto-accent)!important;background:var(--lto-secondary)!important;color:var(--lto-ink)!important;-webkit-text-fill-color:var(--lto-ink)!important}
body.tn-lto-page-body .tn-lto-preset:focus-visible,
body.tn-lto-page-body .tn-lto-actions button:focus-visible{outline:2px solid var(--lto-accent)!important;outline-offset:2px!important}

/* --- status notice --- */
body.tn-lto-page-body .tn-lto-notice{
  min-height:34px!important;
  margin:0!important;
  padding:8px 12px!important;
  border:1px solid var(--lto-soft)!important;
  background:var(--lto-surface)!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:18px!important;
  text-align:center!important;
}
body.tn-lto-page-body .tn-lto-notice.is-error{border-color:var(--lto-danger)!important;color:var(--lto-danger)!important;-webkit-text-fill-color:var(--lto-danger)!important;font-weight:800!important}

/* --- 실수령액 headline --- */
body.tn-lto-page-body .tn-lto-headline{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  padding:20px 14px!important;
  border:1px solid var(--lto-line)!important;
  background:var(--lto-surface)!important;
  text-align:center!important;
}
body.tn-lto-page-body .tn-lto-headline-label{
  margin:0!important;
  color:var(--lto-accent)!important;
  -webkit-text-fill-color:var(--lto-accent)!important;
  font-family:var(--lto-num-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1.2!important;
  letter-spacing:.08em!important;
}
body.tn-lto-page-body .tn-lto-headline-value{
  max-width:100%!important;
  margin:0!important;
  color:var(--lto-ink)!important;
  -webkit-text-fill-color:var(--lto-ink)!important;
  font-family:var(--lto-num-font)!important;
  font-size:clamp(30px,4.4vw,52px)!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-lto-page-body .tn-lto-headline-caption{
  margin:0!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1.4!important;
}

/* --- metrics 4-up (bar와 동일 축) --- */
body.tn-lto-page-body .tn-lto-metrics{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  margin:0!important;
  padding:0!important;
}
body.tn-lto-page-body .tn-lto-metric{
  display:grid!important;
  align-content:center!important;
  justify-items:center!important;
  gap:7px!important;
  min-height:74px!important;
  margin:0!important;
  padding:12px 10px!important;
  border:1px solid var(--lto-soft)!important;
  background:var(--lto-wash)!important;
  text-align:center!important;
}
body.tn-lto-page-body .tn-lto-metric dt{
  margin:0!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:11px!important;
  font-weight:700!important;
  line-height:1.2!important;
}
body.tn-lto-page-body .tn-lto-metric dd,
body.tn-lto-page-body .tn-lto-metric-value{
  max-width:100%!important;
  margin:0!important;
  color:var(--lto-ink)!important;
  -webkit-text-fill-color:var(--lto-ink)!important;
  font-family:var(--lto-num-font)!important;
  font-size:clamp(15px,1.7vw,20px)!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;
}

/* --- 비율 바 --- */
body.tn-lto-page-body .tn-lto-chart-block{margin:0!important;padding:0!important}
body.tn-lto-page-body .tn-lto-chart-frame{
  width:100%!important;
  height:92px!important;
  margin:0!important;
  padding:0!important;
  border:1px solid var(--lto-soft)!important;
  background:var(--lto-surface)!important;
  overflow:hidden!important;
}
body.tn-lto-page-body .tn-lto-chart-frame svg{display:block!important;width:100%!important;height:100%!important}
body.tn-lto-page-body .tn-lto-chart-frame svg text{font-family:var(--lto-num-font)!important;font-variant-numeric:lining-nums tabular-nums!important}

/* --- 구간 내역 표 --- */
body.tn-lto-page-body .tn-lto-breakdown{margin:0!important;padding:0!important}
body.tn-lto-page-body .tn-lto-table{
  width:100%!important;
  margin:0!important;
  border:1px solid var(--lto-soft)!important;
  border-collapse:collapse!important;
  background:var(--lto-surface)!important;
  font-family:var(--lto-num-font)!important;
  table-layout:fixed!important;
}
body.tn-lto-page-body .tn-lto-table :is(th,td){
  margin:0!important;
  padding:9px 10px!important;
  border:0!important;
  border-bottom:1px solid var(--lto-soft)!important;
  color:var(--lto-ink)!important;
  -webkit-text-fill-color:var(--lto-ink)!important;
  font-size:12px!important;
  line-height:1.45!important;
  text-align:left!important;
  word-break:keep-all!important;
  overflow-wrap:anywhere!important;
}
body.tn-lto-page-body .tn-lto-table th{
  background:var(--lto-wash)!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-weight:800!important;
}
/* 숫자 컬럼은 값이 오른쪽 정렬이므로 헤더도 같은 축에 둘다. */
body.tn-lto-page-body .tn-lto-table th:not(:first-child){text-align:right!important}
body.tn-lto-page-body .tn-lto-table td.tn-lto-num{
  font-weight:800!important;
  font-variant-numeric:lining-nums tabular-nums!important;
  letter-spacing:normal!important;
  text-align:right!important;
}
body.tn-lto-page-body .tn-lto-table tbody tr:last-child :is(th,td){border-bottom:0!important;background:var(--lto-wash)!important}
body.tn-lto-page-body .tn-lto-table tbody tr:last-child td.tn-lto-num{color:var(--lto-accent)!important;-webkit-text-fill-color:var(--lto-accent)!important}
body.tn-lto-page-body .tn-lto-table caption{
  margin:0 0 6px!important;
  padding:0!important;
  color:var(--lto-muted)!important;
  -webkit-text-fill-color:var(--lto-muted)!important;
  font-family:var(--lto-num-font)!important;
  font-size:11px!important;
  font-weight:600!important;
  line-height:1.4!important;
  text-align:left!important;
  caption-side:bottom!important;
}

/* --- actions 2-up --- */
body.tn-lto-page-body .tn-lto-actions{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
  width:100%!important;
  margin:0!important;
}
body.tn-lto-page-body .tn-lto-actions button{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 10px!important;
  border:1px solid var(--lto-primary)!important;
  border-radius:0!important;
  outline:0!important;
  box-shadow:none!important;
  font-family:var(--lto-num-font)!important;
  font-size:13px!important;
  font-weight:800!important;
  line-height:1!important;
  text-align:center!important;
  cursor:pointer!important;
}
body.tn-lto-page-body .tn-lto-primary{background:var(--lto-primary)!important;color:var(--lto-primary-text)!important;-webkit-text-fill-color:var(--lto-primary-text)!important}
body.tn-lto-page-body .tn-lto-primary:hover:not(:disabled){background:var(--lto-primary-hover)!important}
body.tn-lto-page-body .tn-lto-secondary{background:var(--lto-secondary)!important;color:var(--lto-ink)!important;-webkit-text-fill-color:var(--lto-ink)!important}
body.tn-lto-page-body .tn-lto-secondary:hover:not(:disabled){background:var(--lto-secondary-hover)!important}
body.tn-lto-page-body .tn-lto-actions button:disabled{cursor:not-allowed!important;opacity:.55!important}

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

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

/* --- responsive --- */
@media (max-width:900px){
  body.tn-lto-page-body .tn-lto-bar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  body.tn-lto-page-body .tn-lto-presets-group{grid-column:1/-1!important}
  body.tn-lto-page-body .tn-lto-field--prize{grid-column:1/-1!important}
  body.tn-lto-page-body .tn-lto-metrics{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media (max-width:720px){
  body.tn-lto-page-body .tn-lto-page{width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 auto 40px!important;font-size:14px!important}
  body.tn-lto-page-body .tn-lto-tool{gap:10px!important;padding:12px!important}
  body.tn-lto-page-body .tn-lto-bar{gap:9px!important;padding:0 0 10px!important}
  body.tn-lto-page-body .tn-lto-presets{grid-template-columns:repeat(3,minmax(0,1fr))!important}
  body.tn-lto-page-body .tn-lto-headline{padding:16px 12px!important}
  body.tn-lto-page-body .tn-lto-chart-frame{height:96px!important}
  /* 우려 #50 / 추가 필수 확인 #24 — 모바일에서 표 폭 고정·nowrap 해제 후 행 카드로 접는다 */
  /* table 를 flex column 으로 두어 caption 을 order 로 맨 아래에 둠다.
     block 화만 하면 caption 이 익명 table 박스에 남아 min-content 폭으로 무너진다. */
  body.tn-lto-page-body .tn-lto-table{display:flex!important;flex-direction:column!important;width:100%!important}
  body.tn-lto-page-body .tn-lto-table tbody,
  body.tn-lto-page-body .tn-lto-table tr,
  body.tn-lto-page-body .tn-lto-table td{display:block!important;width:100%!important}
  body.tn-lto-page-body .tn-lto-table tbody{order:1!important}
  body.tn-lto-page-body .tn-lto-table thead{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}
  body.tn-lto-page-body .tn-lto-table tr{padding:8px 10px!important;border-bottom:1px solid var(--lto-soft)!important}
  body.tn-lto-page-body .tn-lto-table tr:last-child{border-bottom:0!important;background:var(--lto-wash)!important}
  body.tn-lto-page-body .tn-lto-table td{padding:2px 0!important;border-bottom:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:8px!important;align-items:baseline!important}
  body.tn-lto-page-body .tn-lto-table td::before{content:attr(data-label)!important;color:var(--lto-muted)!important;-webkit-text-fill-color:var(--lto-muted)!important;font-size:11px!important;font-weight:700!important;text-align:left!important}
  body.tn-lto-page-body .tn-lto-table td.tn-lto-head{grid-template-columns:1fr!important;font-weight:800!important}
  body.tn-lto-page-body .tn-lto-table td.tn-lto-head::before{content:none!important}
  body.tn-lto-page-body .tn-lto-table caption{display:block!important;width:100%!important;order:2!important;margin:6px 0 0!important}
  body.tn-lto-page-body .tn-lto-table tbody tr:last-child :is(th,td){background:transparent!important}
}
@media (max-width:390px){
  /* 추가 필수 확인 #48: 모바일에서도 값 글리프→단위 글리프 8px 이상을 유지한다. */
  body.tn-lto-page-body .tn-lto-control input{padding:0 8px 0 8px!important;font-size:14px!important}
  body.tn-lto-page-body .tn-lto-control b{padding:0 8px 0 0!important;font-size:11px!important}
  body.tn-lto-page-body .tn-lto-preset{padding:0 4px!important;font-size:11px!important}
  body.tn-lto-page-body .tn-lto-preset small{font-size:9.5px!important}
  body.tn-lto-page-body .tn-lto-headline-value{font-size:30px!important}
  body.tn-lto-page-body .tn-lto-metric{min-height:68px!important;padding:10px 8px!important}
}
@media (max-width:360px){
  body.tn-lto-page-body .tn-lto-tool{padding:10px!important}
  body.tn-lto-page-body .tn-lto-bar{padding:0 0 10px!important;gap:8px!important}
  body.tn-lto-page-body .tn-lto-presets{gap:5px!important}
  body.tn-lto-page-body .tn-lto-preset{padding:0 3px!important;font-size:10.5px!important}
  body.tn-lto-page-body .tn-lto-actions{gap:8px!important}
  body.tn-lto-page-body .tn-lto-actions button{padding:0 6px!important;font-size:12px!important}
}