[data-tool-result][hidden], [data-tool-history][hidden], [data-tool-error][hidden], [data-tool-captcha][hidden], .tr-raw[hidden] { display: none !important; }

.tools-group + .tools-group { margin-top: 3rem; }
.tools-group__head { margin-bottom: 1.25rem; }
.tools-group__head h2 { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.7rem); }
.tools-group__head p { color: var(--muted); margin-top: .35rem; }
.tools-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1.25rem; }
.tool-card {
  display: -webkit-flex; display: flex; -webkit-flex-direction: column; flex-direction: column; -webkit-align-items: flex-start; align-items: flex-start;
  height: 100%; padding: 1.5rem; background: #fff; border: 1px solid var(--line-2); border-radius: var(--r-lg);
  -webkit-transition: border-color .2s, box-shadow .2s; transition: border-color .2s, box-shadow .2s;
}
.tool-card:hover { border-color: #b9cfee; box-shadow: var(--sh-2); }
.tool-card h3 { font-size: 1.05rem; margin-top: 1rem; }
.tool-card p { color: var(--muted); font-size: .9375rem; margin-top: .4rem; -webkit-flex: 1 1 auto; flex: 1 1 auto; }
.tool-card .link-arrow { margin-top: 1rem; }

.tool-hero .phero__copy { width: 100%; justify-items: center; }
.tool-form { width: 100%; max-width: 40rem; margin: .5rem auto 0; }
.tool-form__row { display: -webkit-flex; display: flex; }
.tool-form .blog-input { -webkit-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; height: 3rem; margin-right: .5rem; font-size: 16px; }
.tool-form .btn { -webkit-flex: 0 0 auto; flex: 0 0 auto; }
.tool-form .btn .i { margin-left: .45rem; }
.tool-form .btn[disabled] { opacity: .65; cursor: progress; }
@media (max-width: 29.99em) {
  .tool-form__row { -webkit-flex-direction: column; flex-direction: column; }
  .tool-form .blog-input { margin-right: 0; margin-bottom: .5rem; }
  .tool-form .btn { width: 100%; }
}

.tool-types { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: center; justify-content: center; margin: .75rem -.2rem 0; }
.tool-types--links { -webkit-justify-content: flex-start; justify-content: flex-start; margin-top: 1rem; }
.tool-chip {
  display: inline-block; margin: .2rem; padding: .4rem .75rem; border: 1px solid var(--line-2); border-radius: .5rem; background: #fff;
  color: var(--ink-2); font-size: .8125rem; font-weight: 700; line-height: 1.3; cursor: pointer;
  -webkit-transition: border-color .2s, color .2s, background-color .2s; transition: border-color .2s, color .2s, background-color .2s;
  overflow-wrap: anywhere; word-break: break-word; max-width: 100%; text-align: left;
}
.tool-chip:hover { border-color: var(--brand); color: var(--brand); }
.tool-chip.is-on { background: var(--brand); border-color: var(--brand); color: #fff; }
.tool-chip--sm { padding: .25rem .6rem; font-size: .75rem; font-weight: 600; }
.tool-chip__tip { color: var(--muted); }

.tool-history { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; width: 100%; max-width: 40rem; margin: .25rem auto 0; }
.tool-history__t { font-size: .75rem; color: var(--muted); margin-right: .3rem; }

.tool-error {
  width: 100%; max-width: 40rem; margin: .5rem auto 0; padding: .8rem 1rem; border: 1px solid #f3c4c4; border-radius: var(--r);
  background: #fdeeee; color: var(--err); font-size: .9375rem; font-weight: 600; text-align: left; overflow-wrap: anywhere;
}

.tool-wrap { width: min(100% - var(--gutter) * 2, 60rem); }
.tool-result { padding: .5rem 0 3rem; }
@media (min-width: 48em) { .tool-result { padding-bottom: 4rem; } }

.tr-loading { display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; padding: 2rem 1rem; color: var(--muted); font-weight: 600; }
.tr-spinner { width: 1.25rem; height: 1.25rem; margin-right: .6rem; border: 2px solid var(--line-2); border-top-color: var(--brand); border-radius: 50%; -webkit-animation: tr-spin .8s linear infinite; animation: tr-spin .8s linear infinite; }
@-webkit-keyframes tr-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
@keyframes tr-spin { to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }
.tr-anim { -webkit-animation: tr-in .35s ease-out both; animation: tr-in .35s ease-out both; }
@-webkit-keyframes tr-in { from { opacity: 0; -webkit-transform: translateY(.5rem); transform: translateY(.5rem); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@keyframes tr-in { from { opacity: 0; -webkit-transform: translateY(.5rem); transform: translateY(.5rem); } to { opacity: 1; -webkit-transform: none; transform: none; } }
@media (prefers-reduced-motion: reduce) { .tr-anim { -webkit-animation: none; animation: none; } }

.tr-grid { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; }
@media (min-width: 40em) { .tr-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .tr-box--wide { grid-column: 1 / -1; } }

.tr-box { min-width: 0; padding: 1.15rem 1.25rem; background: #fff; border: 1px solid var(--line-2); border-radius: var(--r-lg); }
.tr-box__head { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; -webkit-justify-content: space-between; justify-content: space-between; margin-bottom: .75rem; }
.tr-box__head h2, .tr-box__head h3 { font-size: 1rem; letter-spacing: -.01em; margin-right: .75rem; overflow-wrap: anywhere; min-width: 0; }
.tr-box__ek { margin: .2rem 0; }
.tr-plain { min-width: 0; }
.tr-notebox { min-width: 0; padding: 1rem 1.25rem; background: var(--soft); border: 1px solid var(--line); border-radius: var(--r-lg); font-size: .875rem; color: var(--ink-2); overflow-wrap: anywhere; }
.tr-notebox a, .tr-free a, .tr-link { color: var(--brand); font-weight: 700; }
.tr-notebox a:hover, .tr-free a:hover, .tr-link:hover { text-decoration: underline; }

.tr-row { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; padding: .55rem 0; border-bottom: 1px solid var(--line); }
.tr-row:last-child { border-bottom: 0; }
.tr-row__k { -webkit-flex: 0 0 auto; flex: 0 0 auto; margin-right: 1.25rem; font-size: .8125rem; color: var(--muted); }
.tr-row__v { min-width: 0; -webkit-flex: 1 1 8rem; flex: 1 1 8rem; text-align: right; font-size: .875rem; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; word-break: break-word; }
.tr-rows { margin-top: .75rem; }

.tr-mono { font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .8125rem; }
.tr-strong { font-weight: 700; color: var(--ink); font-size: .875rem; }
code.tr-strong { font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .8125rem; }
.tr-wrap, .tr-list li, .tr-mono { overflow-wrap: anywhere; word-break: break-word; }
.tr-sub { display: block; font-size: .75rem; color: var(--muted); }
.tr-muted { color: var(--muted); }
.tr-small { font-size: .75rem; }
.tr-nowrap { white-space: nowrap; }
.tr-text { font-size: .875rem; color: var(--ink-2); line-height: 1.65; overflow-wrap: anywhere; }
.tr-text + .tr-text { margin-top: .5rem; }
.tr-note { margin-top: .75rem; font-size: .8125rem; line-height: 1.6; color: var(--ink-2); }
.tr-note.tr-muted { color: var(--muted); font-size: .75rem; }
.tr-bad { margin-top: .75rem; font-size: .875rem; font-weight: 600; color: var(--err); }
.tr-warn { margin-top: .9rem; font-size: .8125rem; line-height: 1.6; color: #8a5a00; overflow-wrap: anywhere; }
.tr-empty { font-size: .875rem; color: var(--ink-2); }
.tr-code { display: block; margin-top: .6rem; padding: .6rem .75rem; border-radius: .5rem; background: var(--soft); font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .75rem; color: var(--ink-2); overflow-wrap: anywhere; word-break: break-all; }

.tr-list > li + li { margin-top: .6rem; }
.tr-between { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; }
.tr-between > :first-child { min-width: 0; margin-right: .75rem; }
.tr-grow { min-width: 0; -webkit-flex: 1 1 10rem; flex: 1 1 10rem; }
.tr-class { display: block; margin-top: .15rem; font-size: .6875rem; font-weight: 600; color: var(--brand); }
.tr-badges { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; margin: -.15rem; }
.tr-badges .tr-badge { margin: .15rem; }

.tr-badge { display: inline-block; padding: .2rem .5rem; border: 1px solid transparent; border-radius: .375rem; font-size: .75rem; font-weight: 700; line-height: 1.35; white-space: nowrap; }
.tr-badge--iyi { background: var(--ok-soft); border-color: #bfe8d6; color: #0a7a50; }
.tr-badge--orta, .tr-badge--eksik { background: #fff6e0; border-color: #f2dca3; color: #8a5a00; }
.tr-badge--riskli, .tr-badge--yok { background: #fdeeee; border-color: #f3c4c4; color: #b82e2e; }
.tr-badge--notr { background: var(--soft); border-color: var(--line-2); color: var(--ink-2); }

.tr-stats { display: grid; grid-template-columns: minmax(0, 1fr); gap: .6rem; }
@media (min-width: 30em) { .tr-stats--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (min-width: 40em) { .tr-stats--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (min-width: 52em) { .tr-stats--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } }
.tr-stat { min-width: 0; padding: .7rem .85rem; border-radius: .625rem; background: var(--soft); }
.tr-stat__k { display: block; font-size: .75rem; color: var(--muted); }
.tr-stat__v { display: block; margin-top: .2rem; font-size: 1.15rem; font-weight: 800; color: var(--ink); overflow-wrap: anywhere; word-break: break-word; }
.tr-stat__v.is-sm { font-size: .875rem; font-weight: 700; }
.tr-stat__v.is-warn { color: #a86b00; }

.tr-cells { display: grid; grid-template-columns: minmax(0, 1fr); gap: .5rem; }
@media (min-width: 40em) { .tr-cells { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tr-cell { display: -webkit-flex; display: flex; -webkit-align-items: baseline; align-items: baseline; -webkit-justify-content: space-between; justify-content: space-between; min-width: 0; padding: .55rem .8rem; border-radius: .625rem; background: var(--soft); }
.tr-cell__b { min-width: 0; margin-right: .75rem; }
.tr-cell__b .tr-strong { display: block; font-size: .8125rem; }
.tr-cell__v { min-width: 0; text-align: right; font-size: .75rem; color: var(--ink-2); }
.tr-cell .tr-badge { -webkit-flex: 0 0 auto; flex: 0 0 auto; }
.tr-meta { font-size: .8125rem; color: var(--muted); overflow-wrap: anywhere; }
.tr-meta span { display: inline-block; margin-right: 1.25rem; }
.tr-meta code { color: var(--ink-2); }
.tr-meta + .tr-cells { margin-top: .9rem; }
.tr-reasons { margin-top: .9rem; }

.tr-steps, .tr-step { display: -webkit-flex; display: flex; }
.tr-step__n { -webkit-flex: 0 0 auto; flex: 0 0 auto; min-width: 1.75rem; margin-right: .6rem; font-size: .75rem; font-weight: 800; color: var(--brand); font-variant-numeric: tabular-nums; }
.tr-step__b { min-width: 0; font-size: .8125rem; color: var(--ink-2); }
.tr-step__b .tr-strong { display: block; font-size: .8125rem; }

.tr-checks > li { padding-bottom: .8rem; border-bottom: 1px solid var(--line); }
.tr-checks > li + li { padding-top: .8rem; }
.tr-checks > li:last-child { padding-bottom: 0; border-bottom: 0; }
.tr-checks .tr-sub { margin-top: .25rem; font-size: .8125rem; line-height: 1.55; }

.tr-tags { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; margin: -.2rem; }
.tr-tag { margin: .2rem; padding: .2rem .55rem; border-radius: .375rem; background: var(--soft); font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .75rem; font-weight: 600; color: var(--ink-2); overflow-wrap: anywhere; max-width: 100%; }
.tr-tags .tr-small { margin: .2rem; }

.tr-cols { display: grid; grid-template-columns: minmax(0, 1fr); column-gap: 2rem; }
@media (min-width: 40em) { .tr-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tr-alias { margin-top: 1rem; padding: .7rem .9rem; border-radius: .625rem; background: var(--soft); }
.tr-alias code { display: block; margin-top: .25rem; }
.tr-ip { font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: clamp(1.4rem, 1rem + 2vw, 2rem); font-weight: 800; color: var(--ink); letter-spacing: -.02em; overflow-wrap: anywhere; }

.tr-free { padding: 1.25rem 1.4rem; border: 1px solid #bfe8d6; border-radius: var(--r-lg); background: var(--ok-soft); color: var(--ink-2); font-size: .9375rem; overflow-wrap: anywhere; }
.tr-free__t { font-weight: 700; color: var(--ink); margin-bottom: .25rem; }
.tr-foot { font-size: .8125rem; color: var(--muted); overflow-wrap: anywhere; }
.tr-link { margin-left: .5rem; font-size: .8125rem; }
.tr-raw { margin-top: .75rem; max-height: 20rem; overflow: auto; -webkit-overflow-scrolling: touch; padding: 1rem; border: 1px solid var(--line-2); border-radius: var(--r); background: var(--soft); font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .75rem; line-height: 1.6; color: var(--ink-2); white-space: pre-wrap; overflow-wrap: anywhere; word-break: break-word; }

.tool-sec__title { font-size: clamp(1.3rem, 1.1rem + .8vw, 1.7rem); overflow-wrap: anywhere; }
.tool-sec__text { margin-top: .9rem; color: var(--ink-2); line-height: 1.75; overflow-wrap: anywhere; }
.tool-sec__text a { color: var(--brand); font-weight: 600; text-decoration: underline; text-underline-offset: 3px; }
.tool-tips { display: grid; grid-template-columns: minmax(0, 1fr); gap: 1rem; margin-top: 1.25rem; }
@media (min-width: 40em) { .tool-tips { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tool-tip { min-width: 0; padding: 1.1rem 1.25rem; background: #fff; border: 1px solid var(--line-2); border-radius: var(--r-lg); }
.tool-tip--info { background: var(--soft-2); border-color: #cfe0f7; }
.tool-tip h3 { font-size: .9375rem; }
.tool-tip code { display: block; margin-top: .6rem; font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .875rem; font-weight: 600; color: var(--ink); overflow-wrap: anywhere; word-break: break-all; }
.tool-tip p { margin-top: .6rem; font-size: .9375rem; color: var(--ink-2); }

.tool-deflist { margin-top: 1.25rem; background: #fff; border: 1px solid var(--line-2); border-radius: var(--r-lg); overflow: hidden; }
.tool-deflist > div { padding: .9rem 1.1rem; }
.tool-deflist > div + div { border-top: 1px solid var(--line); }
.tool-deflist dt { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; font-weight: 700; }
.tool-deflist dt code { margin-right: .6rem; padding: .1rem .45rem; border-radius: .375rem; background: var(--soft-2); color: var(--brand-700); font-family: Consolas, "SFMono-Regular", Menlo, monospace; font-size: .8125rem; }
.tool-deflist dt span { font-size: .875rem; color: var(--ink-2); }
.tool-deflist dd { margin: .3rem 0 0; font-size: .9375rem; color: var(--muted); }

.tool-links { margin-top: 1.25rem; }
.tool-links a { -webkit-align-items: flex-start; align-items: flex-start; }
.tool-links a .i { margin-top: .2rem; }
.tool-links a > span { min-width: 0; }
.tool-links strong { display: block; }
.tool-links small { display: block; margin-top: .15rem; color: var(--muted); font-weight: 400; font-size: .875rem; }

.tr-cache { margin-bottom: .75rem; font-size: .8125rem; color: var(--muted); overflow-wrap: anywhere; }
.tr-cache .tr-link { margin-left: .35rem; padding: 0; border: 0; background: none; cursor: pointer; }
.tool-captcha {
  width: 100%; max-width: 40rem; margin: .5rem auto 0; padding: 1rem; border: 1px solid var(--line-2); border-radius: var(--r);
  background: #fff; text-align: left;
}
.tool-captcha p { font-size: .9375rem; color: var(--ink-2); }
.tool-captcha__box { margin-top: .75rem; min-height: 78px; max-width: 100%; overflow: hidden; }

.tool-hint { margin-top: .7rem; font-size: .8125rem; color: var(--muted); }
.tool-hint .tr-link { margin: 0 .15rem; padding: 0; border: 0; background: none; color: var(--brand); font: inherit; font-weight: 600; cursor: pointer; }
.tool-hint .tr-link:hover { text-decoration: underline; }
.tr-next { display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-align-items: center; align-items: center; margin-top: 1rem; padding: .75rem 1rem; border: 1px solid var(--line-2); border-radius: var(--r); background: #fff; font-size: .8125rem; color: var(--muted); }
.tr-next span { margin-right: .75rem; font-weight: 600; color: var(--ink-2); overflow-wrap: anywhere; }
.tr-next a { margin: .2rem 1rem .2rem 0; font-weight: 700; color: var(--brand); white-space: nowrap; }
.tr-next a:hover { text-decoration: underline; }
.tr-note { margin-top: .9rem; line-height: 1.55; }
.tr-note a { color: var(--brand); text-decoration: underline; }

.tl-field { margin: 0 0 .9rem; padding: 0; border: 0; }
.tl-field legend { margin-bottom: .5rem; font-size: .8125rem; font-weight: 700; color: var(--ink); }
.tl-check { display: -webkit-flex; display: flex; -webkit-align-items: flex-start; align-items: flex-start; padding: .35rem 0; font-size: .875rem; color: var(--ink-2); cursor: pointer; }
.tl-check input { -webkit-flex: none; flex: none; width: 1rem; height: 1rem; margin: .15rem .6rem 0 0; accent-color: var(--brand); }
.tl-check code { padding: .05rem .3rem; border-radius: .25rem; background: var(--soft); font-size: .75rem; }
.tl-label { display: block; margin: .8rem 0 .35rem; font-size: .8125rem; font-weight: 700; color: var(--ink); }
.tl-label small { font-weight: 500; color: var(--muted); }
.tr-box .blog-input { width: 100%; height: 2.75rem; font-size: 16px; }
.tl-2col { display: grid; grid-template-columns: minmax(0, 1fr); gap: 0 1rem; }
@media (min-width: 30em) { .tl-2col { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tl-out { margin-top: 1.1rem; padding-top: 1rem; border-top: 1px solid var(--line); }
.tl-out .tr-code { font-size: .8125rem; word-break: break-all; }
.tl-out .tr-sub { margin-top: .6rem; line-height: 1.5; }
.tl-copy { margin-top: .75rem; }
.tl-copy[disabled] { opacity: .55; cursor: not-allowed; }
.tl-copy .i { margin-right: .4rem; }