/* ISO ↔ KST workspace; shared The New partials own hero, article and footer. */
.tn-ik-page {
  --ik-ink:#1a1208; --ik-muted:#5a4a30; --ik-line:#b8a888; --ik-soft:#ddd4be;
  --ik-paper:#faf6ee; --ik-surface:#fffdf7; --ik-wash:#f5efdf;
  --ik-accent:#c44a00; --ik-button:#ede6d4; --ik-hover:#dfd4bb;
  --ik-error:#9c3020; --ik-scheme:light;
  --ik-sans:-apple-system,BlinkMacSystemFont,"Pretendard","Segoe UI",system-ui,sans-serif;
  --ik-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
}
.tn-ik-page .tn-ik-tool, .tn-ik-page .tn-ik-tool * { box-sizing:border-box; min-width:0; }
.tn-ik-page .tn-ik-tool {
  width:100%; padding:20px; border:1px solid var(--ik-line); background:var(--ik-paper);
  color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); color-scheme:var(--ik-scheme);
  font:400 14px/1.55 var(--ik-sans); -webkit-font-smoothing:antialiased;
}
.tn-ik-page .tn-ik-tool :is(h2,p,dl,dt,dd) { margin:0; }
.tn-ik-page .tn-ik-tool [hidden] { display:none !important; }
.tn-ik-page .tn-ik-modebar { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0 0 17px; border-bottom:3px double var(--ik-line); }
.tn-ik-page .tn-ik-tabs { display:flex; gap:4px; flex-wrap:wrap; }
.tn-ik-page .tn-ik-tool button {
  display:inline-flex; align-items:center; justify-content:center; min-height:40px; padding:8px 13px;
  border:1px solid var(--ik-line); border-radius:0; background:var(--ik-button);
  color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); box-shadow:none;
  font:700 12px/1.2 var(--ik-mono); text-align:center; white-space:nowrap;
  cursor:pointer; transition:background-color 140ms,border-color 140ms,transform 140ms;
}
.tn-ik-page .tn-ik-tool button:hover:not(:disabled) { background:var(--ik-hover); }
.tn-ik-page .tn-ik-tool button:active:not(:disabled) { transform:scale(.96); }
.tn-ik-page .tn-ik-tool button:focus-visible,
.tn-ik-page .tn-ik-tool input:focus-visible { outline:2px solid var(--ik-accent); outline-offset:2px; }
.tn-ik-page .tn-ik-tool button:disabled { opacity:.48; cursor:not-allowed; }
.tn-ik-page .tn-ik-tabs button { min-width:142px; background:var(--ik-surface); border-bottom:2px solid var(--ik-line); }
.tn-ik-page .tn-ik-tabs button[aria-selected="true"] { border-color:var(--ik-accent); border-bottom-color:var(--ik-accent); background:var(--ik-wash); }
.tn-ik-page .tn-ik-swap { gap:8px; background:transparent; }
.tn-ik-page .tn-ik-swap:first-letter { font-size:18px; }
.tn-ik-page .tn-ik-live { display:grid; gap:10px; padding:15px 0 16px; border-bottom:1px solid var(--ik-soft); }
.tn-ik-page .tn-ik-live-head { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.tn-ik-page .tn-ik-live-head strong { display:inline-flex; align-items:center; gap:7px; font:700 12px/1.3 var(--ik-sans); }
.tn-ik-page .tn-ik-live-head small { color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:500 11px/1.3 var(--ik-sans); }
.tn-ik-page .tn-ik-live-dot { width:7px; height:7px; border-radius:50%; background:var(--ik-accent); }
.tn-ik-page .tn-ik-live-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:9px; }
.tn-ik-page .tn-ik-live-grid > div { display:grid; gap:3px; padding:10px 12px; border:1px solid var(--ik-soft); background:var(--ik-wash); }
.tn-ik-page .tn-ik-live-grid span { color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:700 10px/1.3 var(--ik-mono); }
.tn-ik-page .tn-ik-live-grid time { display:block; color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); font:800 clamp(15px,1.55vw,20px)/1.35 var(--ik-sans); font-variant-numeric:lining-nums tabular-nums; letter-spacing:normal; overflow-wrap:anywhere; }
.tn-ik-page .tn-ik-workspace { display:grid; grid-template-columns:minmax(0,1fr) 44px minmax(0,1fr); align-items:stretch; padding-top:18px; }
.tn-ik-page .tn-ik-pane { display:flex; flex-direction:column; gap:14px; padding:18px; border:1px solid var(--ik-line); background:var(--ik-surface); }
.tn-ik-page .tn-ik-pane-head { display:flex; align-items:baseline; gap:10px; padding-bottom:10px; border-bottom:1px solid var(--ik-soft); }
.tn-ik-page .tn-ik-step { color:var(--ik-accent); -webkit-text-fill-color:var(--ik-accent); font:700 11px/1 var(--ik-mono); }
.tn-ik-page .tn-ik-pane-head h2 { font:700 16px/1.3 var(--ik-sans); }
.tn-ik-page .tn-ik-pane-head small { margin-left:auto; color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:500 11px/1.3 var(--ik-sans); }
.tn-ik-page .tn-ik-flow { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:5px; background:transparent; border:0; box-shadow:none; }
.tn-ik-page .tn-ik-flow span { color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:600 10px/1 var(--ik-mono); }
.tn-ik-page .tn-ik-flow b { color:var(--ik-accent); -webkit-text-fill-color:var(--ik-accent); font:400 24px/1 var(--ik-sans); }
.tn-ik-page .tn-ik-input-panel, .tn-ik-page .tn-ik-field { display:grid; align-content:start; gap:5px; }
.tn-ik-page .tn-ik-input-panel > label, .tn-ik-page .tn-ik-field > label { display:block; padding:0; color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); font:600 12px/1.5 var(--ik-sans); }
.tn-ik-page .tn-ik-tool input {
  display:block; width:100%; height:52px; margin:0; padding:0 11px; border:1px solid var(--ik-line); border-radius:0;
  background:var(--ik-paper); color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink);
  box-shadow:none; font:600 clamp(14px,1.35vw,18px)/1.25 var(--ik-sans);
  font-variant-numeric:lining-nums tabular-nums; letter-spacing:normal;
}
.tn-ik-page .tn-ik-tool input::placeholder { color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); font-weight:400; opacity:.35; }
.tn-ik-page .tn-ik-tool input[aria-invalid="true"] { border-color:var(--ik-error); }
.tn-ik-page .tn-ik-date-row { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); gap:10px; align-items:start; }
.tn-ik-page .tn-ik-hint { min-height:18px; color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:400 12px/1.5 var(--ik-sans); overflow-wrap:anywhere; }
.tn-ik-page .tn-ik-quick { display:flex; flex-wrap:wrap; gap:7px; margin-top:auto; }
.tn-ik-page .tn-ik-quick button { background:var(--ik-paper); }
.tn-ik-page .tn-ik-quick #ikNow[aria-pressed="true"] { border-color:var(--ik-accent); background:var(--ik-wash); }
.tn-ik-page .tn-ik-status { min-height:37px; padding:9px 10px; border-left:2px solid var(--ik-line); background:var(--ik-wash); color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:500 12px/1.5 var(--ik-sans); overflow-wrap:anywhere; }
.tn-ik-page[data-state="invalid"] .tn-ik-status { border-left-color:var(--ik-error); color:var(--ik-error); -webkit-text-fill-color:var(--ik-error); }
.tn-ik-page .tn-ik-primary { display:grid; gap:9px; padding:15px; border:1px solid var(--ik-line); background:var(--ik-paper); }
.tn-ik-page .tn-ik-result-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; }
.tn-ik-page .tn-ik-result-heading > span:first-child { color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:700 11px/1.3 var(--ik-mono); }
.tn-ik-page .tn-ik-day-shift { padding:4px 7px; border:1px solid var(--ik-soft); background:var(--ik-wash); color:var(--ik-accent); -webkit-text-fill-color:var(--ik-accent); font:700 11px/1 var(--ik-sans); white-space:nowrap; }
.tn-ik-page .tn-ik-primary output { display:block; color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); font:800 clamp(19px,2vw,27px)/1.3 var(--ik-sans); font-variant-numeric:lining-nums tabular-nums; letter-spacing:normal; overflow-wrap:anywhere; }
.tn-ik-page .tn-ik-primary button { justify-self:start; background:var(--ik-wash); }
.tn-ik-page .tn-ik-secondary { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:7px 10px; padding-top:10px; border-top:1px solid var(--ik-soft); }
.tn-ik-page .tn-ik-secondary > span { grid-column:1/-1; color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:600 11px/1.3 var(--ik-mono); }
.tn-ik-page .tn-ik-secondary output { color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); font:700 14px/1.5 var(--ik-sans); font-variant-numeric:lining-nums tabular-nums; overflow-wrap:anywhere; }
.tn-ik-page .tn-ik-details { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.tn-ik-page .tn-ik-details > div { min-height:58px; padding:9px 10px; border:1px solid var(--ik-soft); background:var(--ik-wash); }
.tn-ik-page .tn-ik-details dt { margin:0 0 4px; color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:600 11px/1.2 var(--ik-sans); }
.tn-ik-page .tn-ik-details dd { color:var(--ik-ink); -webkit-text-fill-color:var(--ik-ink); font:700 12px/1.35 var(--ik-sans); font-variant-numeric:lining-nums tabular-nums; overflow-wrap:anywhere; }
.tn-ik-page .tn-ik-footnote { margin-top:13px !important; color:var(--ik-muted); -webkit-text-fill-color:var(--ik-muted); font:400 12px/1.5 var(--ik-sans); }
.tn-ik-page .tn-ik-ad { display:flow-root; min-height:72px; overflow:visible; background:transparent; }
.tn-ik-page .tn-ik-ad--top { margin-top:54px !important; margin-bottom:20px !important; }
.tn-ik-page .tn-ik-ad--bottom { margin-top:16px !important; margin-bottom:28px !important; }
.tn-ik-page .tn-ik-ad ins { max-height:none; }
body:is([data-scheme="dark"],[data-scheme="inverse"],[data-scheme="auto"][data-l="dark"],[data-scheme="auto"][data-d="dark"]) .tn-ik-page,
html[data-scheme="dark"] body:not([data-scheme="light"]) .tn-ik-page {
  --ik-ink:#f7ead1; --ik-muted:#c9b99b; --ik-line:#826744; --ik-soft:#58432e;
  --ik-paper:#211a12; --ik-surface:#261e15; --ik-wash:#342619;
  --ik-accent:#f29a64; --ik-button:#2f2115; --ik-hover:#3a2a1b; --ik-error:#ffb49e; --ik-scheme:dark;
}
@media (prefers-color-scheme:dark) {
  body[data-scheme="auto"] .tn-ik-page {
    --ik-ink:#f7ead1; --ik-muted:#c9b99b; --ik-line:#826744; --ik-soft:#58432e;
    --ik-paper:#211a12; --ik-surface:#261e15; --ik-wash:#342619;
    --ik-accent:#f29a64; --ik-button:#2f2115; --ik-hover:#3a2a1b; --ik-error:#ffb49e; --ik-scheme:dark;
  }
}
@media(max-width:760px) {
  .tn-ik-page .tn-ik-tool { padding:14px; }
  .tn-ik-page .tn-ik-modebar { align-items:stretch; flex-direction:column; }
  .tn-ik-page .tn-ik-tabs { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); }
  .tn-ik-page .tn-ik-tabs button { min-width:0; }
  .tn-ik-page .tn-ik-swap { align-self:flex-start; }
  .tn-ik-page .tn-ik-live-head { align-items:flex-start; flex-wrap:wrap; }
  .tn-ik-page .tn-ik-live-grid { grid-template-columns:minmax(0,1fr); gap:6px; }
  .tn-ik-page .tn-ik-live-grid time { font-size:17px; }
  .tn-ik-page .tn-ik-workspace { grid-template-columns:minmax(0,1fr); gap:0; }
  .tn-ik-page .tn-ik-flow { height:26px; flex-direction:row; }
  .tn-ik-page .tn-ik-flow b { transform:rotate(90deg); font-size:21px; }
  .tn-ik-page .tn-ik-pane { padding:14px; gap:11px; }
  .tn-ik-page .tn-ik-tool input { font-size:16px; }
  .tn-ik-page .tn-ik-primary output { font-size:clamp(18px,5vw,23px); }
  .tn-ik-page .tn-ik-ad--top { margin-top:48px !important; }
}
@media(max-width:390px) {
  .tn-ik-page .tn-ik-date-row { grid-template-columns:minmax(0,1fr); }
  .tn-ik-page .tn-ik-secondary { grid-template-columns:minmax(0,1fr); }
  .tn-ik-page .tn-ik-secondary button { justify-self:start; }
  .tn-ik-page .tn-ik-details { grid-template-columns:minmax(0,1fr); }
}
@media(prefers-reduced-motion:reduce) { .tn-ik-page .tn-ik-tool button { transition:none; } }