/* Tool workspace only. Shared CSS owns the hero, fixed note, meta and Article. */
.tn-mdet-page[data-tn-fixed-partials="character-counter"] {
  --mdet-ink:#1a1208; --mdet-muted:#5a4a30; --mdet-line:#b8a888; --mdet-soft:#ddd4be;
  --mdet-paper:#faf6ee; --mdet-surface:#fffdf7; --mdet-wash:#f5efdf; --mdet-accent:#c44a00;
  --mdet-primary:#1a1208; --mdet-primary-hover:#c44a00; --mdet-primary-text:#faf6ee;
  --mdet-button:#ede6d4; --mdet-button-hover:#dfd4bb; --mdet-button-text:#1a1208;
  --mdet-scheme:light; --mdet-num:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  width:min(1180px,100%)!important; max-width:1180px!important; margin:0 auto 56px!important; padding:0!important;
}
.tn-mdet-page .tn-mdet-tool,.tn-mdet-page .tn-mdet-tool * { box-sizing:border-box!important; min-width:0!important; }
.tn-mdet-page .tn-mdet-tool {
  max-width:1080px!important; width:100%!important; margin:0 auto!important; padding:24px!important;
  border:1px solid var(--mdet-line)!important; border-top:3px double var(--mdet-line)!important;
  background:var(--mdet-paper)!important; color:var(--mdet-ink)!important; -webkit-text-fill-color:var(--mdet-ink)!important;
  font:400 14px/1.5 var(--mdet-num)!important; color-scheme:var(--mdet-scheme)!important;
}
.tn-mdet-page .tn-mdet-tool :is(p,fieldset,legend) { margin:0!important; }
.tn-mdet-page .tn-mdet-tool p { word-break:keep-all!important; overflow-wrap:anywhere!important; }
.tn-mdet-page .tn-mdet-layout { display:grid!important; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)!important; gap:28px!important; align-items:stretch!important; }
.tn-mdet-page .tn-mdet-input-panel,.tn-mdet-page .tn-mdet-result-panel { display:flex!important; flex-direction:column!important; gap:16px!important; }
.tn-mdet-page .tn-mdet-result-panel { border-left:1px solid var(--mdet-soft)!important; padding-left:28px!important; }
.tn-mdet-page .tn-mdet-panel-heading { display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:12px!important; padding-bottom:10px!important; border-bottom:1px solid var(--mdet-soft)!important; }
.tn-mdet-page .tn-mdet-overline { color:var(--mdet-accent)!important; -webkit-text-fill-color:var(--mdet-accent)!important; font:800 12px/1.2 var(--mdet-num)!important; letter-spacing:.06em!important; white-space:nowrap!important; }
.tn-mdet-page .tn-mdet-panel-heading p { color:var(--mdet-muted)!important; -webkit-text-fill-color:var(--mdet-muted)!important; font:500 12px/1.4 var(--mdet-num)!important; text-align:right!important; }
.tn-mdet-page .tn-mdet-pair { display:grid!important; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr)!important; gap:7px!important; align-items:stretch!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.tn-mdet-page .tn-mdet-datetime { display:flex!important; flex-direction:column!important; gap:11px!important; min-width:0!important; padding:14px!important; border:1px solid var(--mdet-line)!important; background:var(--mdet-surface)!important; }
.tn-mdet-page .tn-mdet-datetime legend { display:block!important; padding:0 5px!important; color:var(--mdet-ink)!important; -webkit-text-fill-color:var(--mdet-ink)!important; font:800 15px/1.3 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-connector { display:flex!important; align-items:center!important; justify-content:center!important; padding:0!important; border:0!important; background:transparent!important; box-shadow:none!important; color:var(--mdet-accent)!important; -webkit-text-fill-color:var(--mdet-accent)!important; font:700 20px/1 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-field { border:0!important; background:transparent!important; }
.tn-mdet-page .tn-mdet-field label { display:block!important; margin:0 0 5px!important; padding:0!important; color:var(--mdet-muted)!important; -webkit-text-fill-color:var(--mdet-muted)!important; font:600 12px/1.35 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-tool input {
  display:block!important; width:100%!important; min-height:44px!important; height:44px!important; margin:0!important; padding:7px 9px!important;
  border:1px solid var(--mdet-line)!important; border-radius:0!important; box-shadow:none!important;
  background:var(--mdet-paper)!important; color:var(--mdet-ink)!important; -webkit-text-fill-color:var(--mdet-ink)!important;
  font:600 15px/1.2 var(--mdet-num)!important; font-variant-numeric:lining-nums tabular-nums!important;
}
.tn-mdet-page .tn-mdet-tool input[aria-invalid="true"] { border-color:var(--mdet-accent)!important; }
.tn-mdet-page .tn-mdet-input-actions,.tn-mdet-page .tn-mdet-result-actions { display:flex!important; flex-wrap:wrap!important; gap:7px!important; align-items:center!important; }
.tn-mdet-page .tn-mdet-result-actions { margin-top:auto!important; }
.tn-mdet-page .tn-mdet-tool button {
  display:inline-flex!important; align-items:center!important; justify-content:center!important; width:auto!important; min-height:42px!important; height:42px!important;
  margin:0!important; padding:0 11px!important; border:1px solid var(--mdet-line)!important; border-radius:0!important; box-shadow:none!important;
  background:var(--mdet-button)!important; color:var(--mdet-button-text)!important; -webkit-text-fill-color:var(--mdet-button-text)!important;
  font:700 12px/1 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace!important; text-align:center!important; white-space:normal!important;
  cursor:pointer!important; transition:background-color .15s,border-color .15s!important;
}
.tn-mdet-page .tn-mdet-tool button:hover:not(:disabled) { background:var(--mdet-button-hover)!important; }
.tn-mdet-page .tn-mdet-tool button:focus-visible,.tn-mdet-page .tn-mdet-tool input:focus-visible { outline:2px solid var(--mdet-accent)!important; outline-offset:2px!important; }
.tn-mdet-page .tn-mdet-tool button:disabled { opacity:.55!important; cursor:not-allowed!important; }
.tn-mdet-page #mdetCopy { background:var(--mdet-primary)!important; border-color:var(--mdet-primary)!important; color:var(--mdet-primary-text)!important; -webkit-text-fill-color:var(--mdet-primary-text)!important; }
.tn-mdet-page #mdetCopy:hover:not(:disabled) { background:var(--mdet-primary-hover)!important; border-color:var(--mdet-primary-hover)!important; }
.tn-mdet-page .tn-mdet-basis { margin-top:0!important; padding-top:9px!important; border-top:1px solid var(--mdet-soft)!important; color:var(--mdet-muted)!important; -webkit-text-fill-color:var(--mdet-muted)!important; font:400 12px/1.55 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-input-panel > .tn-mdet-basis { margin-top:auto!important; }
.tn-mdet-page .tn-mdet-basis--mobile { display:none!important; }
.tn-mdet-page .tn-mdet-primary { display:grid!important; grid-template-columns:minmax(0,1.25fr) repeat(2,minmax(0,1fr))!important; gap:8px!important; align-items:center!important; padding:14px 0 17px!important; border-bottom:1px solid var(--mdet-soft)!important; }
.tn-mdet-page .tn-mdet-primary > div { display:flex!important; align-items:baseline!important; justify-content:center!important; gap:8px!important; white-space:nowrap!important; }
.tn-mdet-page .tn-mdet-primary strong { color:var(--mdet-ink)!important; -webkit-text-fill-color:var(--mdet-ink)!important; font:800 clamp(28px,3.3vw,45px)/1.1 var(--mdet-num)!important; font-variant-numeric:lining-nums tabular-nums!important; letter-spacing:normal!important; }
.tn-mdet-page .tn-mdet-primary span { color:var(--mdet-muted)!important; -webkit-text-fill-color:var(--mdet-muted)!important; font:700 14px/1 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-tool[data-long-days="true"] #mdetDays { font-size:20px!important; }
.tn-mdet-page .tn-mdet-tool[data-very-long-days="true"] #mdetDays { font-size:16px!important; }
.tn-mdet-page .tn-mdet-detail { display:grid!important; gap:0!important; }
.tn-mdet-page .tn-mdet-detail > div { display:flex!important; align-items:baseline!important; justify-content:space-between!important; gap:12px!important; padding:8px 0!important; border-bottom:1px solid var(--mdet-soft)!important; }
.tn-mdet-page .tn-mdet-detail span { color:var(--mdet-muted)!important; -webkit-text-fill-color:var(--mdet-muted)!important; font:500 12px/1.35 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-detail strong { color:var(--mdet-ink)!important; -webkit-text-fill-color:var(--mdet-ink)!important; font:800 16px/1.35 var(--mdet-num)!important; font-variant-numeric:lining-nums tabular-nums!important; text-align:right!important; overflow-wrap:anywhere!important; }
.tn-mdet-page .tn-mdet-status { min-height:36px!important; color:var(--mdet-muted)!important; -webkit-text-fill-color:var(--mdet-muted)!important; font:500 12px/1.5 var(--mdet-num)!important; }
.tn-mdet-page .tn-mdet-tool[data-state="reverse"] .tn-mdet-status,.tn-mdet-page .tn-mdet-tool[data-state="invalid"] .tn-mdet-status { color:var(--mdet-accent)!important; -webkit-text-fill-color:var(--mdet-accent)!important; }
.tn-mdet-page .tn-mdet-ad { width:100%!important; max-width:900px!important; min-height:90px!important; height:auto!important; max-height:none!important; margin-left:auto!important; margin-right:auto!important; background:transparent!important; }
.tn-mdet-page .tn-mdet-ad--top { margin-top:54px!important; margin-bottom:20px!important; }
.tn-mdet-page .tn-mdet-ad--bottom { margin-top:24px!important; margin-bottom:30px!important; }
@media(min-width:1100px) { .tn-mdet-page .tn-mdet-ad--bottom { margin-top:112px!important; } }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-d="dark"],[data-scheme="auto"][data-l="dark"]) .tn-mdet-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-mdet-page {
  --mdet-ink:#efe6d2; --mdet-muted:#c3b492; --mdet-line:#6f6047; --mdet-soft:#574a37;
  --mdet-paper:#241d12; --mdet-surface:#322a1a; --mdet-wash:#241d12; --mdet-accent:#e8823f;
  --mdet-primary:#6a3b1f; --mdet-primary-hover:#824826; --mdet-primary-text:#f7ead1;
  --mdet-button:#2f2115; --mdet-button-hover:#3a2a1b; --mdet-button-text:#f7ead1; --mdet-scheme:dark;
}
@media(prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-mdet-page {
    --mdet-ink:#efe6d2; --mdet-muted:#c3b492; --mdet-line:#6f6047; --mdet-soft:#574a37;
    --mdet-paper:#241d12; --mdet-surface:#322a1a; --mdet-wash:#241d12; --mdet-accent:#e8823f;
    --mdet-primary:#6a3b1f; --mdet-primary-hover:#824826; --mdet-primary-text:#f7ead1;
    --mdet-button:#2f2115; --mdet-button-hover:#3a2a1b; --mdet-button-text:#f7ead1; --mdet-scheme:dark;
  }
}
@media(max-width:940px) {
  .tn-mdet-page .tn-mdet-layout { grid-template-columns:minmax(0,1fr)!important; gap:20px!important; }
  .tn-mdet-page .tn-mdet-result-panel { border-left:0!important; border-top:1px solid var(--mdet-soft)!important; padding:18px 0 0!important; }
  .tn-mdet-page .tn-mdet-ad--top { margin-top:48px!important; }
}
@media(max-width:480px) {
  .tn-mdet-page .tn-mdet-tool { padding:16px 10px!important; }
  .tn-mdet-page .tn-mdet-input-panel { gap:10px!important; }
  .tn-mdet-page .tn-mdet-input-panel > .tn-mdet-basis { display:none!important; }
  .tn-mdet-page .tn-mdet-basis--mobile { display:block!important; }
  .tn-mdet-page .tn-mdet-panel-heading { align-items:flex-start!important; flex-direction:column!important; gap:3px!important; }
  .tn-mdet-page .tn-mdet-input-panel .tn-mdet-panel-heading p { display:none!important; }
  .tn-mdet-page .tn-mdet-panel-heading p { text-align:left!important; }
  .tn-mdet-page .tn-mdet-pair { grid-template-columns:minmax(0,1fr)!important; gap:5px!important; }
  .tn-mdet-page .tn-mdet-datetime { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:5px!important; padding:8px!important; }
  .tn-mdet-page .tn-mdet-datetime legend { grid-column:1/-1!important; }
  .tn-mdet-page .tn-mdet-connector { min-height:18px!important; transform:rotate(90deg)!important; }
  .tn-mdet-page .tn-mdet-tool input { font-size:14px!important; padding:6px!important; }
  .tn-mdet-page .tn-mdet-primary { gap:3px!important; }
  .tn-mdet-page .tn-mdet-primary strong { font-size:31px!important; }
  .tn-mdet-page .tn-mdet-primary span { font-size:12px!important; }
  .tn-mdet-page .tn-mdet-tool[data-long-days="true"] #mdetDays { font-size:16px!important; }
  .tn-mdet-page .tn-mdet-tool[data-very-long-days="true"] #mdetDays { font-size:14px!important; }
}
@media(max-width:360px) { .tn-mdet-page .tn-mdet-tool input { font-size:12px!important; } }
@media(prefers-reduced-motion:reduce) { .tn-mdet-page .tn-mdet-tool button { transition:none!important; } }