/* Roberin The New — Percent Calculator 20260710e */
body.tn-percent-page-body .cs-custom-content-post-before{display:none!important;}
body.tn-percent-page-body :is(.tn-percent-page,.tn-percent-page *,.tn-percent-page *::before,.tn-percent-page *::after){box-sizing:border-box!important;min-width:0!important;}
body.tn-percent-page-body .tn-percent-page{
  --tn-ink:#1a1208;--tn-muted:#5a4a30;--tn-line:#b8a888;--tn-line-soft:#ddd4be;--tn-paper:#faf6ee;--tn-paper-strong:#fffdf7;--tn-wash:#f5efdf;--tn-button:#ede6d4;--tn-button-hover:#dfd4bb;--tn-accent:#c44a00;--tn-dark-action:#24170e;--tn-dark-action-hover:#3a2718;--tn-dark-action-text:#fff7e8;--tn-danger:#6f1d12;--tn-ok:#24411f;
  width:min(1180px,100%)!important;max-width:1180px!important;margin:0 auto 56px!important;color:var(--tn-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;
}
body.tn-percent-page-body .tn-percent-page :is(h1,h2,h3,p,ul,ol,li,button,input,select,a,span,strong,em,b,time,div,section,article,label,small,dl,dt,dd){color:inherit!important;-webkit-text-fill-color:currentColor!important;}
body.tn-percent-page-body .tn-percent-page :is(p,ul,ol,dl,dd){margin:0!important;padding:0!important;}
body.tn-percent-page-body .tn-percent-page :is(ul,ol,li){list-style:none!important;}
body.tn-percent-page-body .tn-percent-page :is(button,input,select){font:inherit!important;border-radius:0!important;}
body.tn-percent-page-body .tn-percent-page button{appearance:none!important;cursor:pointer!important;}
body.tn-percent-page-body .tn-percent-tool{width:100%!important;margin:0 auto 18px!important;border:1px solid var(--tn-line)!important;border-top:3px double var(--tn-line)!important;border-bottom:3px double var(--tn-line)!important;background:linear-gradient(180deg,var(--tn-paper-strong),var(--tn-paper))!important;box-shadow:4px 4px 0 rgba(26,18,8,.10)!important;}
body.tn-percent-page-body .tn-percent-grid{display:grid!important;grid-template-columns:minmax(0,1.02fr) minmax(320px,.98fr)!important;gap:0!important;align-items:stretch!important;}
body.tn-percent-page-body .tn-percent-input,body.tn-percent-page-body .tn-percent-result{padding:18px!important;}
body.tn-percent-page-body .tn-percent-input{border-right:1px solid var(--tn-line)!important;background:rgba(245,239,223,.64)!important;}
body.tn-percent-page-body .tn-percent-pane-label{display:block!important;margin:0 0 10px!important;color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:12px!important;line-height:1.2!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body.tn-percent-page-body .tn-percent-modes{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;margin:0 0 12px!important;width:100%!important;}
body.tn-percent-page-body .tn-percent-mode{min-height:38px!important;padding:6px 8px!important;border:1px solid var(--tn-line)!important;background:var(--tn-button)!important;color:var(--tn-ink)!important;font-family:"Courier New",monospace!important;font-size:12px!important;line-height:1.15!important;font-weight:700!important;text-align:center!important;letter-spacing:-.02em!important;}
body.tn-percent-page-body .tn-percent-mode:hover{background:var(--tn-button-hover)!important;}
body.tn-percent-page-body .tn-percent-mode.is-active{background:var(--tn-dark-action)!important;border-color:var(--tn-dark-action)!important;color:var(--tn-dark-action-text)!important;-webkit-text-fill-color:var(--tn-dark-action-text)!important;}
body.tn-percent-page-body .tn-percent-relation{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important;margin:0 0 10px!important;}
body.tn-percent-page-body .tn-percent-field{display:grid!important;grid-template-rows:auto 46px!important;gap:5px!important;position:relative!important;}
body.tn-percent-page-body .tn-percent-field span,body.tn-percent-page-body .tn-percent-options span{display:block!important;color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:12px!important;line-height:1.2!important;font-weight:700!important;}
body.tn-percent-page-body .tn-percent-field input,body.tn-percent-page-body .tn-percent-options input,body.tn-percent-page-body .tn-percent-options select{width:100%!important;height:46px!important;border:1px solid var(--tn-line)!important;background:var(--tn-paper-strong)!important;color:var(--tn-ink)!important;padding:0 36px 0 10px!important;font-family:"Courier New",monospace!important;font-size:15px!important;line-height:46px!important;font-weight:700!important;box-shadow:none!important;}
body.tn-percent-page-body .tn-percent-field em{position:absolute!important;right:10px!important;bottom:13px!important;color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:12px!important;font-style:normal!important;font-weight:700!important;pointer-events:none!important;}
body.tn-percent-page-body .tn-percent-options{display:grid!important;grid-template-columns:1fr 120px!important;gap:10px!important;margin:0 0 12px!important;}
body.tn-percent-page-body .tn-percent-options label{display:none!important;grid-template-rows:auto 46px!important;gap:5px!important;}
body.tn-percent-page-body .tn-percent-options label.is-visible{display:grid!important;}
body.tn-percent-page-body .tn-percent-actions{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important;margin:0 0 10px!important;width:100%!important;}
body.tn-percent-page-body .tn-percent-actions button{height:42px!important;min-height:42px!important;padding:0 10px!important;border:1px solid var(--tn-dark-action)!important;font-family:"Courier New",monospace!important;font-size:13px!important;line-height:40px!important;font-weight:800!important;text-align:center!important;letter-spacing:.02em!important;}
body.tn-percent-page-body .tn-percent-primary{background:var(--tn-dark-action)!important;color:var(--tn-dark-action-text)!important;-webkit-text-fill-color:var(--tn-dark-action-text)!important;}
body.tn-percent-page-body .tn-percent-secondary{background:var(--tn-button)!important;color:var(--tn-ink)!important;-webkit-text-fill-color:var(--tn-ink)!important;}
body.tn-percent-page-body .tn-percent-primary:hover{background:var(--tn-dark-action-hover)!important;color:var(--tn-dark-action-text)!important;-webkit-text-fill-color:var(--tn-dark-action-text)!important;}
body.tn-percent-page-body .tn-percent-secondary:hover{background:var(--tn-button-hover)!important;}
body.tn-percent-page-body .tn-percent-samples{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:8px!important;}
body.tn-percent-page-body .tn-percent-sample{min-height:34px!important;border:1px dashed var(--tn-line)!important;background:transparent!important;color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:12px!important;line-height:1.15!important;font-weight:700!important;text-align:center!important;padding:6px!important;}
body.tn-percent-page-body .tn-percent-sample:hover{background:var(--tn-wash)!important;color:var(--tn-ink)!important;}
body.tn-percent-page-body .tn-percent-result{display:grid!important;grid-template-rows:auto 1fr auto!important;background:var(--tn-paper)!important;}
body.tn-percent-page-body .tn-percent-main{display:grid!important;align-content:center!important;min-height:150px!important;border:1px solid var(--tn-line)!important;background:var(--tn-paper-strong)!important;padding:18px!important;text-align:left!important;}
body.tn-percent-page-body .tn-percent-main span{display:block!important;color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:12px!important;font-weight:700!important;letter-spacing:.08em!important;text-transform:uppercase!important;}
body.tn-percent-page-body .tn-percent-main strong{display:block!important;margin:6px 0!important;color:var(--tn-accent)!important;font-size:clamp(31px,5vw,52px)!important;line-height:.95!important;letter-spacing:-.06em!important;font-weight:950!important;word-break:break-word!important;}
body.tn-percent-page-body .tn-percent-main em{display:block!important;color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:12px!important;line-height:1.35!important;font-style:normal!important;word-break:break-word!important;}
body.tn-percent-page-body .tn-percent-details{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;border:1px solid var(--tn-line-soft)!important;border-top:0!important;background:rgba(255,253,247,.52)!important;}
body.tn-percent-page-body .tn-percent-details div{min-height:64px!important;padding:10px!important;border-top:1px solid var(--tn-line-soft)!important;}
body.tn-percent-page-body .tn-percent-details div:nth-child(odd){border-right:1px solid var(--tn-line-soft)!important;}
body.tn-percent-page-body .tn-percent-details dt{color:var(--tn-muted)!important;font-family:"Courier New",monospace!important;font-size:11px!important;line-height:1.2!important;font-weight:700!important;text-transform:uppercase!important;}
body.tn-percent-page-body .tn-percent-details dd{margin-top:4px!important;font-family:"Courier New",monospace!important;font-size:15px!important;line-height:1.2!important;font-weight:800!important;word-break:break-word!important;}
body.tn-percent-page-body .tn-percent-details .is-strong dd{color:var(--tn-accent)!important;}
body.tn-percent-page-body .tn-percent-page script{display:none!important;}

body.tn-percent-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-percent-page,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-page{--tn-ink:#f7ead1;--tn-muted:#d8c6a5;--tn-line:#775d3d;--tn-line-soft:#5f4a32;--tn-paper:#2c2015;--tn-paper-strong:#332416;--tn-wash:#261a10;--tn-button:#3a2a1b;--tn-button-hover:#493521;--tn-accent:#ffb36d;--tn-dark-action:#f7ead1;--tn-dark-action-hover:#ead8b9;--tn-dark-action-text:#21170f;--tn-danger:#ffb0a2;--tn-ok:#d6f0c7;}
body.tn-percent-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) :is(.tn-percent-tool,.tn-percent-result,.tn-percent-main),
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) :is(.tn-percent-tool,.tn-percent-result,.tn-percent-main){background:rgba(44,32,21,.88)!important;}
body.tn-percent-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-percent-input,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-input{background:rgba(38,26,16,.86)!important;}
body.tn-percent-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) :is(.tn-percent-field input,.tn-percent-options input,.tn-percent-options select),
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) :is(.tn-percent-field input,.tn-percent-options input,.tn-percent-options select){background:#24180f!important;color:var(--tn-ink)!important;border-color:var(--tn-line)!important;}
body.tn-percent-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-percent-secondary,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-secondary{border-color:var(--tn-line)!important;background:#3a2a1b!important;color:#f7ead1!important;-webkit-text-fill-color:#f7ead1!important;}
body.tn-percent-page-body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-percent-mode.is-active,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-mode.is-active{background:#f7ead1!important;color:#21170f!important;-webkit-text-fill-color:#21170f!important;border-color:#f7ead1!important;}
@media (prefers-color-scheme:dark){body.tn-percent-page-body[data-scheme="auto"] .tn-percent-page{--tn-ink:#f7ead1;--tn-muted:#d8c6a5;--tn-line:#775d3d;--tn-line-soft:#5f4a32;--tn-paper:#2c2015;--tn-paper-strong:#332416;--tn-wash:#261a10;--tn-button:#3a2a1b;--tn-button-hover:#493521;--tn-accent:#ffb36d;--tn-dark-action:#f7ead1;--tn-dark-action-hover:#ead8b9;--tn-dark-action-text:#21170f;--tn-danger:#ffb0a2;--tn-ok:#d6f0c7;}body.tn-percent-page-body[data-scheme="auto"] :is(.tn-percent-tool,.tn-percent-result,.tn-percent-main){background:rgba(44,32,21,.88)!important;}body.tn-percent-page-body[data-scheme="auto"] .tn-percent-input{background:rgba(38,26,16,.86)!important;}body.tn-percent-page-body[data-scheme="auto"] :is(.tn-percent-field input,.tn-percent-options input,.tn-percent-options select){background:#24180f!important;color:var(--tn-ink)!important;border-color:var(--tn-line)!important;}body.tn-percent-page-body[data-scheme="auto"] .tn-percent-secondary{border-color:var(--tn-line)!important;background:#3a2a1b!important;color:#f7ead1!important;-webkit-text-fill-color:#f7ead1!important;}body.tn-percent-page-body[data-scheme="auto"] .tn-percent-mode.is-active{background:#f7ead1!important;color:#21170f!important;-webkit-text-fill-color:#21170f!important;border-color:#f7ead1!important;}}

@media (max-width:980px){body.tn-percent-page-body .tn-percent-grid{grid-template-columns:1fr!important;}body.tn-percent-page-body .tn-percent-input{border-right:0!important;border-bottom:1px solid var(--tn-line)!important;}body.tn-percent-page-body .tn-percent-modes{grid-template-columns:repeat(3,minmax(0,1fr))!important;}}
@media (max-width:720px){body.tn-percent-page-body .tn-percent-page{width:calc(100% - 10px)!important;max-width:calc(100% - 10px)!important;margin:0 auto 40px!important;font-size:14px!important;}body.tn-percent-page-body .tn-percent-input,body.tn-percent-page-body .tn-percent-result{padding:12px!important;}body.tn-percent-page-body .tn-percent-relation{gap:8px!important;}body.tn-percent-page-body .tn-percent-options{grid-template-columns:1fr!important;gap:8px!important;}body.tn-percent-page-body .tn-percent-actions{gap:6px!important;}body.tn-percent-page-body .tn-percent-actions button{height:40px!important;min-height:40px!important;font-size:12px!important;line-height:38px!important;padding:0 5px!important;}body.tn-percent-page-body .tn-percent-samples{gap:5px!important;}body.tn-percent-page-body .tn-percent-sample{padding:5px 3px!important;font-size:11px!important;}body.tn-percent-page-body .tn-percent-main{min-height:122px!important;padding:14px!important;}body.tn-percent-page-body .tn-percent-details div{min-height:56px!important;}}
@media (max-width:390px){body.tn-percent-page-body .tn-percent-modes{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:5px!important;}body.tn-percent-page-body .tn-percent-mode{min-height:36px!important;font-size:11px!important;padding:5px!important;}body.tn-percent-page-body .tn-percent-field input,body.tn-percent-page-body .tn-percent-options input,body.tn-percent-page-body .tn-percent-options select{height:43px!important;font-size:14px!important;line-height:43px!important;}body.tn-percent-page-body .tn-percent-main strong{font-size:30px!important;}body.tn-percent-page-body .tn-percent-actions button{font-size:11px!important;letter-spacing:-.02em!important;}}
@media (max-width:360px){body.tn-percent-page-body .tn-percent-actions{gap:4px!important;}body.tn-percent-page-body .tn-percent-actions button{font-size:10.5px!important;padding:0 3px!important;}body.tn-percent-page-body .tn-percent-input,body.tn-percent-page-body .tn-percent-result{padding:10px!important;}body.tn-percent-page-body .tn-percent-samples{gap:4px!important;}body.tn-percent-page-body .tn-percent-sample{font-size:10px!important;}}

/* 20260710d repeat correction: reactive inputs, descriptive modes, and no status row. */
body.tn-percent-page-body .tn-percent-result {
  align-content: start !important;
  grid-template-rows: auto auto auto !important;
  gap: 8px !important;
}

body.tn-percent-page-body .tn-percent-main {
  min-height: 144px !important;
  border-left: 3px solid var(--tn-accent) !important;
  background: var(--tn-paper-strong) !important;
}

body.tn-percent-page-body .tn-percent-details[hidden] {
  display: none !important;
}

body.tn-percent-page-body .tn-percent-details {
  display: grid !important;
  grid-template-columns: repeat(auto-fit, minmax(140px, 1fr)) !important;
  gap: 6px !important;
  border: 0 !important;
  background: transparent !important;
}

body.tn-percent-page-body .tn-percent-details > div,
body.tn-percent-page-body .tn-percent-details > div:nth-child(odd) {
  min-height: 62px !important;
  padding: 10px !important;
  border: 1px solid var(--tn-line-soft) !important;
  background: var(--tn-wash) !important;
}


body.tn-percent-page-body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"]) .tn-percent-result,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-result {
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  background: #20160e !important;
}

body.tn-percent-page-body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"]) .tn-percent-main,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-main {
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  border-color: #826744 !important;
  border-left-color: #ffb36d !important;
  background: #18100a !important;
}

body.tn-percent-page-body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"]) .tn-percent-main strong,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-main strong {
  color: #ffb36d !important;
  -webkit-text-fill-color: #ffb36d !important;
}

body.tn-percent-page-body:is([data-scheme="dark"], [data-scheme="inverse"], [data-scheme="auto"][data-l="dark"], [data-scheme="auto"][data-d="dark"]) .tn-percent-details > div,
html[data-scheme="dark"] body.tn-percent-page-body:not([data-scheme="light"]) .tn-percent-details > div {
  color: #f7ead1 !important;
  -webkit-text-fill-color: #f7ead1 !important;
  border-color: #5f4a32 !important;
  background: #2f2115 !important;
}


@media (prefers-color-scheme: dark) {
  body.tn-percent-page-body[data-scheme="auto"] .tn-percent-result {
    color: #f7ead1 !important;
    -webkit-text-fill-color: #f7ead1 !important;
    background: #20160e !important;
  }

  body.tn-percent-page-body[data-scheme="auto"] .tn-percent-main {
    color: #f7ead1 !important;
    -webkit-text-fill-color: #f7ead1 !important;
    border-color: #826744 !important;
    border-left-color: #ffb36d !important;
    background: #18100a !important;
  }

  body.tn-percent-page-body[data-scheme="auto"] .tn-percent-details > div {
    color: #f7ead1 !important;
    -webkit-text-fill-color: #f7ead1 !important;
    border-color: #5f4a32 !important;
    background: #2f2115 !important;
  }

}

@media (max-width: 390px) {
  body.tn-percent-page-body .tn-percent-details {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

body.tn-percent-page-body .tn-percent-page .tn-percent-samples > .tn-percent-sample {
  min-height: 38px !important;
  padding: 7px 8px !important;
  font-family: "Courier New", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace !important;
  font-size: 11.5px !important;
  font-weight: 800 !important;
  line-height: 1.15 !important;
  letter-spacing: -0.01em !important;
  text-align: center !important;
}

@media (max-width: 720px) {
  body.tn-percent-page-body .tn-percent-modes {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 6px !important;
  }

  body.tn-percent-page-body .tn-percent-page .tn-percent-samples > .tn-percent-sample {
    min-height: 36px !important;
    font-size: 11px !important;
  }
}