/* DS Tools Hub tool kit: shared building blocks for every tool (.tk root).
   Colours follow Elementor global colours when present, Matrix Green otherwise.
   Selectors start with .tk so theme button and form styles never leak in. */
.tk{
  --tk-em:var(--e-global-color-accent,#00e08a);
  --tk-lime:var(--e-global-color-secondary,#c6ff00);
  --tk-text:var(--e-global-color-smtext,#e8f3ec);
  --tk-head:var(--e-global-color-primary,#f2fbf5);
  --tk-muted:var(--e-global-color-smmuted,#84998c);
  --tk-bg:var(--e-global-color-smbg,#050807);
  --tk-s1:var(--e-global-color-smsurface,#0a110d);
  --tk-s2:var(--e-global-color-smsurface2,#0f1813);
  --tk-line:var(--e-global-color-smline,#1d2b23);
  --tk-ok:#00e08a;--tk-warn:#ffb020;--tk-bad:#ff5a6a;--tk-info:#7cc4ff;
  --tk-on:#04120a;
  --tk-r:14px;
  --tk-font:var(--e-global-typography-text-font-family,"Inter"),system-ui,-apple-system,"Segoe UI",sans-serif;
  --tk-font-head:var(--e-global-typography-primary-font-family,"Space Grotesk"),var(--e-global-typography-text-font-family,"Inter"),system-ui,sans-serif;
  --tk-mono:var(--e-global-typography-smmono-font-family,"JetBrains Mono"),ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  color:var(--tk-text);font-family:var(--tk-font);font-size:15px;line-height:1.5;text-align:left;
  -webkit-font-smoothing:antialiased;color-scheme:dark
}
.dsth-light .tk,.tk.tk-light{color-scheme:light;--tk-text:#0b1a12;--tk-head:#06120b;--tk-muted:#5a6d61;--tk-bg:#f3f8f5;--tk-s1:#ffffff;--tk-s2:#f6faf8;--tk-line:#d9e6de;--tk-em:var(--e-global-color-accent,#00a866);--tk-ok:#008f57;--tk-warn:#b86e00;--tk-bad:#d02f43;--tk-info:#1f6fb2}
.tk *,.tk *::before,.tk *::after{box-sizing:border-box}
.tk :where(h2,h3,h4,p,ul,ol,figure,pre){margin:0;padding:0}
.tk :where(ul,ol){list-style:none}
.tk [hidden]{display:none!important}
.tk a{color:var(--tk-em);text-decoration:none}
.tk a:hover{text-decoration:underline}
.tk ::selection{background:rgba(0,224,138,.3)}

/* ---------- Layout ---------- */
.tk .tk-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;align-items:start}
.tk .tk-layout.is-wide-left{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)}
.tk .tk-layout.is-wide-right{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
.tk .tk-stack{display:flex;flex-direction:column;gap:14px}
.tk .tk-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.tk .tk-row.is-end{justify-content:flex-end}
.tk .tk-row.is-between{justify-content:space-between}
.tk .tk-grow{flex:1;min-width:0}
.tk .tk-cols{display:grid;grid-template-columns:repeat(var(--tk-cols,2),minmax(0,1fr));gap:12px}
.tk .tk-sticky{position:sticky;top:var(--tk-top,96px)}
@container dsth (max-width:820px){
  .tk .tk-layout,.tk .tk-layout.is-wide-left,.tk .tk-layout.is-wide-right{grid-template-columns:minmax(0,1fr)}
  .tk .tk-sticky{position:static}
}
@container dsth (max-width:560px){
  .tk .tk-cols{grid-template-columns:minmax(0,1fr)}
  .tk .tk-cols.is-keep{grid-template-columns:repeat(var(--tk-cols,2),minmax(0,1fr))}
}

/* ---------- Cards ---------- */
.tk .tk-card{background:var(--tk-s1);border:1px solid var(--tk-line);border-radius:var(--tk-r);padding:20px}
.tk .tk-card.is-tight{padding:14px 16px}
.tk .tk-card.is-accent{border-color:color-mix(in srgb,var(--tk-em) 45%,var(--tk-line))}
.tk .tk-card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.tk .tk-title{font-family:var(--tk-font-head);font-size:16px;font-weight:600;color:var(--tk-head);line-height:1.3;margin:0}
.tk .tk-sub{font-size:13px;color:var(--tk-muted)}
.tk .tk-sep{height:1px;background:var(--tk-line);margin:4px 0;border:0}
@container dsth (max-width:560px){.tk .tk-card{padding:16px}}

/* ---------- Form ---------- */
.tk .tk-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.tk .tk-label{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px;font-weight:600;color:var(--tk-text);line-height:1.3}
.tk .tk-label small,.tk .tk-hint{font-size:12.5px;font-weight:400;color:var(--tk-muted)}
.tk .tk-input,.tk .tk-textarea,.tk .tk-select{
  display:block;width:100%;margin:0;min-height:44px;padding:11px 13px;
  background:var(--tk-bg);color:var(--tk-text);border:1px solid var(--tk-line);border-radius:10px;
  font-family:inherit;font-size:14.5px;line-height:1.45;box-shadow:none;outline:none;
  transition:border-color .15s,box-shadow .15s;-webkit-appearance:none;appearance:none
}
.tk .tk-textarea{resize:vertical;min-height:120px}
.tk .tk-textarea.is-code,.tk .tk-input.is-code{font-family:var(--tk-mono);font-size:13px;line-height:1.6}
.tk .tk-select{padding-right:36px;background-image:linear-gradient(45deg,transparent 50%,var(--tk-muted) 50%),linear-gradient(135deg,var(--tk-muted) 50%,transparent 50%);background-position:calc(100% - 18px) 50%,calc(100% - 13px) 50%;background-size:5px 5px;background-repeat:no-repeat;cursor:pointer}
.tk .tk-select option{background:var(--tk-s1);color:var(--tk-text)}
.tk .tk-input::placeholder,.tk .tk-textarea::placeholder{color:var(--tk-muted);opacity:.8}
.tk .tk-input:hover,.tk .tk-textarea:hover,.tk .tk-select:hover{border-color:color-mix(in srgb,var(--tk-em) 30%,var(--tk-line))}
.tk .tk-input:focus,.tk .tk-textarea:focus,.tk .tk-select:focus{border-color:var(--tk-em);box-shadow:0 0 0 3px color-mix(in srgb,var(--tk-em) 18%,transparent)}
.tk .tk-input.is-bad,.tk .tk-textarea.is-bad{border-color:var(--tk-bad)}
.tk .tk-inline{display:flex;gap:8px;align-items:stretch}
.tk .tk-inline>.tk-input{flex:1;min-width:0}
@container dsth (max-width:480px){.tk .tk-inline.is-wrap{flex-direction:column}}
.tk .tk-count{font-family:var(--tk-mono);font-size:12px;color:var(--tk-muted);white-space:nowrap}
.tk .tk-count.is-ok{color:var(--tk-ok)}.tk .tk-count.is-warn{color:var(--tk-warn)}.tk .tk-count.is-bad{color:var(--tk-bad)}

/* Checkbox and switch */
.tk .tk-check{display:flex;align-items:flex-start;gap:10px;cursor:pointer;font-size:14px;line-height:1.4;user-select:none}
.tk .tk-check input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:1px 0 0;border:1.5px solid var(--tk-line);border-radius:5px;background:var(--tk-bg);display:grid;place-items:center;cursor:pointer;transition:background .15s,border-color .15s}
.tk .tk-check input:checked{background:var(--tk-em);border-color:var(--tk-em)}
.tk .tk-check input:checked::after{content:"";width:9px;height:5px;border:2px solid var(--tk-on);border-top:0;border-right:0;transform:rotate(-45deg) translate(1px,-1px)}
.tk .tk-check input:focus-visible{box-shadow:0 0 0 3px color-mix(in srgb,var(--tk-em) 25%,transparent)}
.tk .tk-check small{display:block;color:var(--tk-muted);font-size:12.5px}
.tk .tk-switch{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;user-select:none}
.tk .tk-switch input{appearance:none;-webkit-appearance:none;margin:0;flex:none;width:38px;height:22px;border-radius:999px;background:var(--tk-line);position:relative;cursor:pointer;transition:background .15s}
.tk .tk-switch input::after{content:"";position:absolute;top:3px;left:3px;width:16px;height:16px;border-radius:50%;background:#fff;transition:transform .15s}
.tk .tk-switch input:checked{background:var(--tk-em)}
.tk .tk-switch input:checked::after{transform:translateX(16px)}

/* ---------- Buttons ---------- */
.tk .tk-btn{
  display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:10px 20px;margin:0;
  border:1px solid var(--tk-em);border-radius:10px;background:var(--tk-em);color:var(--tk-on);
  font-family:inherit;font-size:14.5px;font-weight:700;line-height:1.2;text-decoration:none;text-transform:none;letter-spacing:0;
  cursor:pointer;white-space:nowrap;box-shadow:none;transition:filter .15s,background .15s,border-color .15s,color .15s,transform .05s
}
.tk .tk-btn:hover{filter:brightness(1.08);background:var(--tk-em);color:var(--tk-on);border-color:var(--tk-em);text-decoration:none}
.tk .tk-btn:active{transform:translateY(1px)}
.tk .tk-btn:focus-visible{outline:2px solid var(--tk-em);outline-offset:2px}
.tk .tk-btn[disabled],.tk .tk-btn.is-busy{opacity:.6;cursor:not-allowed;filter:none}
.tk .tk-btn.is-ghost{background:transparent;color:var(--tk-text);border-color:var(--tk-line)}
.tk .tk-btn.is-ghost:hover{border-color:var(--tk-em);color:var(--tk-em);background:transparent;filter:none}
.tk .tk-btn.is-soft{background:color-mix(in srgb,var(--tk-em) 12%,transparent);color:var(--tk-em);border-color:color-mix(in srgb,var(--tk-em) 30%,transparent)}
.tk .tk-btn.is-soft:hover{background:color-mix(in srgb,var(--tk-em) 20%,transparent);color:var(--tk-em);filter:none}
.tk .tk-btn.is-sm{min-height:34px;padding:6px 12px;font-size:13px;border-radius:8px;font-weight:600}
.tk .tk-btn.is-block{width:100%}
.tk .tk-btn.is-done{background:var(--tk-ok);border-color:var(--tk-ok);color:var(--tk-on)}
.tk .tk-btn .tk-spin{width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:tk-spin .7s linear infinite}
@keyframes tk-spin{to{transform:rotate(360deg)}}
.tk .tk-link{background:none;border:0;padding:0;margin:0;font:inherit;font-size:13px;font-weight:600;color:var(--tk-em);cursor:pointer;text-decoration:none}
.tk .tk-link:hover{text-decoration:underline;background:none;color:var(--tk-em)}

/* Segmented control and tabs */
.tk .tk-seg{display:inline-flex;flex-wrap:wrap;gap:4px;padding:4px;border:1px solid var(--tk-line);background:var(--tk-bg);border-radius:12px}
.tk .tk-seg button{border:0;margin:0;background:transparent;color:var(--tk-muted);font-family:inherit;font-size:13.5px;font-weight:600;line-height:1.2;padding:8px 14px;border-radius:8px;cursor:pointer;min-height:0;box-shadow:none;transition:background .15s,color .15s}
.tk .tk-seg button:hover{color:var(--tk-text);background:transparent}
.tk .tk-seg button.is-active,.tk .tk-seg button[aria-pressed="true"]{background:var(--tk-s2);color:var(--tk-text);box-shadow:inset 0 0 0 1px var(--tk-line)}
.tk .tk-seg.is-em button.is-active{background:var(--tk-em);color:var(--tk-on);box-shadow:none}
.tk .tk-tabs{display:flex;gap:2px;border-bottom:1px solid var(--tk-line);overflow-x:auto;scrollbar-width:none}
.tk .tk-tabs::-webkit-scrollbar{display:none}
.tk .tk-tabs button{border:0;margin:0 0 -1px;background:transparent;color:var(--tk-muted);font-family:inherit;font-size:13.5px;font-weight:600;padding:10px 14px;border-bottom:2px solid transparent;border-radius:0;cursor:pointer;white-space:nowrap;min-height:0;box-shadow:none}
.tk .tk-tabs button:hover{color:var(--tk-text);background:transparent}
.tk .tk-tabs button.is-active{color:var(--tk-em);border-bottom-color:var(--tk-em)}
.tk .tk-chips{display:flex;flex-wrap:wrap;gap:6px}
.tk .tk-chip{border:1px solid var(--tk-line);background:var(--tk-bg);color:var(--tk-text);border-radius:999px;padding:5px 11px;font-family:inherit;font-size:12.5px;font-weight:500;line-height:1.3;cursor:pointer;min-height:0;margin:0;box-shadow:none}
.tk .tk-chip:hover{border-color:var(--tk-em);color:var(--tk-em);background:var(--tk-bg)}
.tk .tk-chip.is-active{border-color:var(--tk-em);background:color-mix(in srgb,var(--tk-em) 14%,transparent);color:var(--tk-em)}

/* ---------- Results ---------- */
.tk .tk-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:8px;min-height:200px;padding:28px 18px;border:1px dashed var(--tk-line);border-radius:var(--tk-r);color:var(--tk-muted);font-size:14px}
.tk .tk-empty b{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--tk-em) 10%,transparent);border:1px solid color-mix(in srgb,var(--tk-em) 25%,transparent);color:var(--tk-em);font-family:var(--tk-mono);font-size:15px}
.tk .tk-stats{display:grid;grid-template-columns:repeat(var(--tk-cols,4),minmax(0,1fr));gap:10px}
.tk .tk-stat{background:var(--tk-bg);border:1px solid var(--tk-line);border-radius:12px;padding:12px 14px;min-width:0}
.tk .tk-stat b{display:block;font-family:var(--tk-font-head);font-size:24px;font-weight:700;line-height:1.15;color:var(--tk-head);overflow-wrap:anywhere}
.tk .tk-stat span{display:block;font-size:12.5px;color:var(--tk-muted);margin-top:2px}
.tk .tk-stat.is-ok b{color:var(--tk-ok)}.tk .tk-stat.is-warn b{color:var(--tk-warn)}.tk .tk-stat.is-bad b{color:var(--tk-bad)}
@container dsth (max-width:620px){.tk .tk-stats{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Score ring */
.tk .tk-score{display:flex;align-items:center;gap:16px}
.tk .tk-ring{--v:0;--c:var(--tk-em);flex:none;width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--tk-line) 0);position:relative}
.tk .tk-ring::before{content:"";position:absolute;inset:7px;border-radius:50%;background:var(--tk-s1)}
.tk .tk-ring b{position:relative;font-family:var(--tk-font-head);font-size:24px;font-weight:700;color:var(--tk-head)}
.tk .tk-ring.is-ok{--c:var(--tk-ok)}.tk .tk-ring.is-warn{--c:var(--tk-warn)}.tk .tk-ring.is-bad{--c:var(--tk-bad)}
.tk .tk-score-text b{display:block;font-family:var(--tk-font-head);font-size:18px;color:var(--tk-head)}
.tk .tk-score-text span{font-size:13.5px;color:var(--tk-muted)}

/* Meter (length / pixel bar) */
.tk .tk-meter{position:relative;height:8px;border-radius:999px;background:var(--tk-line);overflow:hidden}
.tk .tk-meter i{position:absolute;inset:0 auto 0 0;width:0;border-radius:999px;background:var(--tk-ok);transition:width .25s,background .25s}
.tk .tk-meter.is-warn i{background:var(--tk-warn)}.tk .tk-meter.is-bad i{background:var(--tk-bad)}
.tk .tk-meter-scale{display:flex;justify-content:space-between;font-family:var(--tk-mono);font-size:11px;color:var(--tk-muted);margin-top:4px}

/* Check list */
.tk .tk-checks{display:flex;flex-direction:column;gap:8px}
.tk .tk-checks>li{display:grid;grid-template-columns:22px minmax(0,1fr) auto;gap:10px;align-items:start;padding:11px 13px;border:1px solid var(--tk-line);border-radius:11px;background:var(--tk-bg)}
.tk .tk-checks>li::before{content:"✓";display:grid;place-items:center;width:22px;height:22px;border-radius:7px;font-size:12px;font-weight:700;background:color-mix(in srgb,var(--tk-ok) 15%,transparent);color:var(--tk-ok)}
.tk .tk-checks>li.is-warn::before{content:"!";background:color-mix(in srgb,var(--tk-warn) 15%,transparent);color:var(--tk-warn)}
.tk .tk-checks>li.is-bad::before{content:"✕";background:color-mix(in srgb,var(--tk-bad) 15%,transparent);color:var(--tk-bad)}
.tk .tk-checks>li.is-info::before{content:"i";background:color-mix(in srgb,var(--tk-info) 15%,transparent);color:var(--tk-info)}
.tk .tk-checks b{display:block;font-size:14px;font-weight:600;color:var(--tk-text);line-height:1.35}
.tk .tk-checks span{display:block;font-size:13px;color:var(--tk-muted);margin-top:2px;overflow-wrap:anywhere}
.tk .tk-checks em{font-style:normal;font-family:var(--tk-mono);font-size:12px;color:var(--tk-muted);white-space:nowrap}

/* Badges */
.tk .tk-badge{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;border-radius:999px;padding:3px 9px;line-height:1.3;border:1px solid var(--tk-line);color:var(--tk-muted);white-space:nowrap}
.tk .tk-badge.is-ok{color:var(--tk-ok);border-color:color-mix(in srgb,var(--tk-ok) 40%,transparent);background:color-mix(in srgb,var(--tk-ok) 10%,transparent)}
.tk .tk-badge.is-warn{color:var(--tk-warn);border-color:color-mix(in srgb,var(--tk-warn) 40%,transparent);background:color-mix(in srgb,var(--tk-warn) 10%,transparent)}
.tk .tk-badge.is-bad{color:var(--tk-bad);border-color:color-mix(in srgb,var(--tk-bad) 40%,transparent);background:color-mix(in srgb,var(--tk-bad) 10%,transparent)}
.tk .tk-badge.is-info{color:var(--tk-info);border-color:color-mix(in srgb,var(--tk-info) 40%,transparent);background:color-mix(in srgb,var(--tk-info) 10%,transparent)}

/* Code output */
.tk .tk-code{position:relative;background:#030604;border:1px solid var(--tk-line);border-radius:12px;overflow:hidden}
.dsth-light .tk .tk-code,.tk.tk-light .tk-code{background:#0b120e}
.tk .tk-code pre{margin:0;padding:14px 16px;max-height:var(--tk-code-h,460px);overflow:auto;font-family:var(--tk-mono);font-size:13px;line-height:1.65;color:#d6e6dc;white-space:pre-wrap;word-break:break-word;tab-size:2;background:transparent;border:0}
.tk .tk-code-bar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 14px;border-bottom:1px solid var(--tk-line);background:color-mix(in srgb,var(--tk-s2) 70%,#000)}
.tk .tk-code-bar span{font-family:var(--tk-mono);font-size:12px;color:#84998c}
.tk .tk-code .c{color:#5f7a6a}.tk .tk-code .k{color:#00e08a}.tk .tk-code .v{color:#e8f3ec}.tk .tk-code .s{color:#c6ff00}.tk .tk-code .n{color:#ffb020}.tk .tk-code .e{color:#ff5a6a}.tk .tk-code .t{color:#7cc4ff}

/* Table */
.tk .tk-table-wrap{overflow-x:auto;border:1px solid var(--tk-line);border-radius:12px}
.tk .tk-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:0;border:0;background:transparent}
.tk .tk-table th,.tk .tk-table td{padding:10px 12px;border:0;border-bottom:1px solid var(--tk-line);text-align:left;vertical-align:top;background:transparent;color:var(--tk-text)}
.tk .tk-table th{font-size:11.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-muted);background:var(--tk-s2);white-space:nowrap}
.tk .tk-table tr:last-child td{border-bottom:0}
.tk .tk-table td.is-mono{font-family:var(--tk-mono);font-size:12.5px}
.tk .tk-table td.is-num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}

/* Bars (for word frequency, sizes) */
.tk .tk-bars{display:flex;flex-direction:column;gap:8px}
.tk .tk-bar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:4px 12px;font-size:13.5px}
.tk .tk-bar i{grid-column:1/-1;height:6px;border-radius:999px;background:var(--tk-line);overflow:hidden}
.tk .tk-bar i::after{content:"";display:block;height:100%;width:var(--w,0%);background:var(--tk-em);border-radius:999px}
.tk .tk-bar em{font-style:normal;font-family:var(--tk-mono);font-size:12px;color:var(--tk-muted)}

/* Notice and toast */
.tk .tk-note{padding:11px 14px;border-radius:10px;border:1px solid var(--tk-line);background:var(--tk-bg);font-size:13.5px;color:var(--tk-muted)}
.tk .tk-note.is-warn{border-color:color-mix(in srgb,var(--tk-warn) 40%,transparent);color:var(--tk-warn)}
.tk .tk-note.is-bad{border-color:color-mix(in srgb,var(--tk-bad) 40%,transparent);color:var(--tk-bad)}
.tk .tk-note.is-ok{border-color:color-mix(in srgb,var(--tk-ok) 40%,transparent);color:var(--tk-ok)}
.tk-toast{position:fixed;left:50%;bottom:24px;z-index:99999;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#00e08a;color:#04120a;font:600 14px/1.3 var(--e-global-typography-text-font-family,"Inter"),system-ui,sans-serif;padding:10px 18px;border-radius:999px;box-shadow:0 12px 30px rgba(0,0,0,.35);transition:opacity .2s,transform .2s}
.tk-toast.is-on{opacity:1;transform:translate(-50%,0)}

/* Utility */
.tk .tk-mono{font-family:var(--tk-mono)}
.tk .tk-muted{color:var(--tk-muted)}
.tk .tk-ok{color:var(--tk-ok)}.tk .tk-warn{color:var(--tk-warn)}.tk .tk-bad{color:var(--tk-bad)}
.tk .tk-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media (prefers-reduced-motion:reduce){.tk *{transition:none!important;animation:none!important}}

/* ---------- Google result preview (used by title, description, SERP and meta tools) ---------- */
.tk .tk-serp-frame{background:#fff;border-radius:12px;padding:20px 22px;border:1px solid #dadce0;overflow:hidden}
.tk .tk-serp-frame.is-dark{background:#1f1f1f;border-color:#3c4043}
.tk .tk-serp-frame.is-mobile{max-width:400px;margin-inline:auto;padding:16px}
.tk .tk-serp-scale{max-width:none}
.tk .tk-serp-frame.is-mobile .tk-serp-scale{margin-inline:auto}
.tk .tk-serp{font-family:Arial,"Liberation Sans",Helvetica,sans-serif;color:#4d5156;text-align:left;max-width:652px}
.tk .tk-serp + .tk-serp{margin-top:26px}
.tk .tk-serp-site{display:flex;align-items:center;gap:12px;margin-bottom:6px;min-width:0}
.tk .tk-serp-fav{flex:none;width:28px;height:28px;border-radius:50%;background:#f1f3f4;border:1px solid #e3e5e8;display:grid;place-items:center;font:700 13px/1 Arial,sans-serif;color:#1a73e8;overflow:hidden}
.tk .tk-serp-fav img{width:18px;height:18px}
.tk .tk-serp-names{min-width:0;line-height:1.3}
.tk .tk-serp-name{display:block;font-size:14px;color:#202124;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk .tk-serp-url{display:block;font-size:12px;color:#4d5156;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.tk .tk-serp-title{display:block;font-size:20px;line-height:1.3;color:#1a0dab;font-weight:400;margin:0 0 3px;white-space:nowrap;overflow:hidden;text-decoration:none;cursor:pointer}
.tk .tk-serp-title:hover{text-decoration:underline}
.tk .tk-serp-desc{font-size:14px;line-height:1.58;color:#4d5156;overflow-wrap:break-word}
.tk .tk-serp-desc b{color:#202124;font-weight:700}
.tk .tk-serp-date{color:#70757a}
.tk .tk-serp-rating{font-size:14px;color:#70757a;margin-top:2px}
.tk .tk-serp-rating i{font-style:normal;color:#fbbc04;letter-spacing:1px}
.tk .tk-serp-frame.is-mobile .tk-serp-title{white-space:normal;font-size:18px;line-height:1.33;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.tk .tk-serp-frame.is-dark .tk-serp{color:#bdc1c6}
.tk .tk-serp-frame.is-dark .tk-serp-name{color:#dadce0}
.tk .tk-serp-frame.is-dark .tk-serp-url{color:#bdc1c6}
.tk .tk-serp-frame.is-dark .tk-serp-title{color:#99c3ff}
.tk .tk-serp-frame.is-dark .tk-serp-desc{color:#bdc1c6}
.tk .tk-serp-frame.is-dark .tk-serp-desc b{color:#e8eaed}
.tk .tk-serp-frame.is-dark .tk-serp-fav{background:#303134;border-color:#3c4043;color:#8ab4f8}
.tk .tk-serp.is-ghost{opacity:.45}

/* Stacked table: rows become cards on small screens (add data-stack to the table) */
@container dsth (max-width:620px){
.tk .tk-table.is-stack thead{display:none}
.tk .tk-table.is-stack,.tk .tk-table.is-stack tbody,.tk .tk-table.is-stack tr,.tk .tk-table.is-stack td{display:block;width:100%}
.tk .tk-table.is-stack tr{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px;padding:10px 12px;border-bottom:1px solid var(--tk-line)}
.tk .tk-table.is-stack td.tk-wide,.tk .tk-table.is-stack td[colspan]{grid-column:1/-1}
.tk .tk-table.is-stack tr:last-child{border-bottom:0}
.tk .tk-table.is-stack td{border:0;padding:3px 0;text-align:left;max-width:none}
.tk .tk-table.is-stack td.is-num{text-align:left}
.tk .tk-table.is-stack td[data-label]::before{content:attr(data-label);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--tk-muted);display:block;margin:4px 0 2px}
.tk .tk-table.is-stack td[data-label=""],.tk .tk-table.is-stack td[data-label="#"]{display:none}
.tk .tk-table-wrap:has(.is-stack){overflow:visible}
}