/* textfix.css — Türkçe karakter düzeltici (js/local/textfix-page.js). The result box sits in the result grid itself:
   what was found next to the big number, the changed lines below, full width, each as "before" (the broken characters
   struck through) over "after" (the repaired ones underlined in the "ok" green). Builds on tool.css + local.css. */
.tfx__force span { display: grid; gap: 2px; }
.tfx__force small { display: block; }
.tfx__forcebtn { margin-top: 18px; }

/* the box joins the .res grid under the big number (a 3–5 digit number fills column 1 and beyond, so nothing sits
   beside it): what was found on the left, the facts on the right, the changed lines under both */
.res--local .lbox:has(.tfx), .tfx { display: contents; }
.tfx__head { grid-column: 1 / -1; margin-top: 28px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  column-gap: clamp(20px, 3vw, 48px); row-gap: 10px; align-items: start; min-width: 0; }
.tfx__head > .side__k, .tfx__kind { grid-column: 1; }
.tfx__facts { grid-column: 2; grid-row: 1 / span 3; }
.tfx__warn { grid-column: 1 / -1; }
.tfx__kind { font-size: 17px; line-height: 1.4; font-weight: 560; letter-spacing: -.005em; }
.tfx__facts { border-top: 1px solid var(--ink); }
.tfx__facts li { padding: 7px 0; border-bottom: 1px solid var(--rule); font-size: var(--t-meta); line-height: 1.4; color: var(--ink-2); }
.tfx__warn { margin: 0; }

.tfx__pv { grid-column: 1 / -1; margin-top: 28px; min-width: 0; }
.tfx__pv > .side__k { margin-bottom: 10px; }
.tfx__l { border-top: 1px solid var(--ink); }
.tfx__ln { display: grid; grid-template-columns: 84px minmax(0, 1fr); column-gap: 16px; row-gap: 2px; padding: 11px 0 12px; border-bottom: 1px solid var(--rule); transition: background .3s; }
.tfx__ln:hover { background: var(--paper-2); }
.tfx__no { grid-row: 1 / span 2; padding-top: 4px; font-size: 12.5px; letter-spacing: .02em; color: var(--ink-3); }
.tfx__t { grid-column: 2; min-width: 0; font: 15px/1.5 var(--f-code); white-space: pre-wrap; overflow-wrap: anywhere; }
.tfx__tag { display: inline-block; min-width: 4.6em; margin-inline-end: 10px; font: 600 11px/1 var(--f-mono); letter-spacing: .08em; text-transform: uppercase; color: var(--ink-3); vertical-align: 1px; }
html[lang="ar"] .tfx__tag, html[lang="ja"] .tfx__tag { text-transform: none; letter-spacing: 0; font-size: 12px; }
.tfx__t--b { color: var(--ink-2); }
.tfx__t mark { background: none; color: inherit; padding: 0 1px; border-radius: 1px; }
.tfx__t--b mark { color: var(--signal-ink); text-decoration: line-through; text-decoration-thickness: 1.5px; }
.tfx__t--a mark { color: var(--ok); background: rgba(11, 122, 78, .1); box-shadow: inset 0 -2px 0 var(--ok); font-weight: 650; }
.tfx__more { margin-top: 12px; }
.tfx__more > summary { display: inline-block; cursor: pointer; font-size: 15px; font-weight: 560; border-bottom: 1px solid var(--ink); padding-bottom: 1px; }
.tfx__more > summary::-webkit-details-marker { display: none; }
.tfx__more[open] > summary { margin-bottom: 10px; }

@media (max-width: 719.98px) {
  .tfx__head { grid-column: 1; grid-template-columns: minmax(0, 1fr); margin-top: 14px; }
  .tfx__head > .side__k, .tfx__kind, .tfx__facts, .tfx__warn { grid-column: 1; grid-row: auto; }
  .tfx__pv { grid-column: 1; margin-top: 20px; }
  .tfx__ln { grid-template-columns: minmax(0, 1fr); }
  .tfx__no { grid-row: auto; padding-top: 0; }
  .tfx__t { grid-column: 1; font-size: 14px; }
}