/* BeginThings free tools, batch 10 (24 Oct 2026): small additions used only by the 10 new tool pages. Builds on bt-ft.css variables. */
.x10-out{margin-top:16px}
.x10-out[hidden]{display:none}
.x10-h{font-size:15px;font-weight:650;margin:18px 0 8px;color:var(--ft-fg)}
.x10-pre{white-space:pre-wrap;overflow-wrap:anywhere;margin:0;padding:12px;border:1px solid var(--ft-border);border-radius:var(--ft-r-sm);background:var(--ft-surface2);font:13.5px/1.55 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;max-height:460px;overflow:auto}
.ft-diff .hit{background:color-mix(in srgb,var(--ft-accent) 30%,transparent);border-radius:3px;box-shadow:inset 0 -2px 0 var(--ft-accent)}
.ft-diff .hit2{background:color-mix(in srgb,var(--ft-ok) 30%,transparent);border-radius:3px;box-shadow:inset 0 -2px 0 var(--ft-ok)}
/* strength meter */
.x10-meter{display:grid;grid-template-columns:repeat(5,1fr);gap:6px;margin-top:14px}
.x10-meter i{display:block;height:10px;border-radius:6px;background:var(--ft-surface2);border:1px solid var(--ft-border)}
.x10-meter[data-s="0"] i:nth-child(-n+1){background:var(--ft-err);border-color:transparent}
.x10-meter[data-s="1"] i:nth-child(-n+2){background:var(--ft-err);border-color:transparent}
.x10-meter[data-s="2"] i:nth-child(-n+3){background:var(--ft-warn);border-color:transparent}
.x10-meter[data-s="3"] i:nth-child(-n+4){background:var(--ft-ok);border-color:transparent}
.x10-meter[data-s="4"] i{background:var(--ft-ok);border-color:transparent}
/* social previews (fixed light "platform" colours on purpose, like .ft-serp) */
.x10-cards{display:grid;gap:16px;grid-template-columns:minmax(0,1fr)}
@media (min-width:900px){.x10-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}
.x10-card{border-radius:12px;overflow:hidden;border:1px solid #dadce0;background:#fff;color:#1c1e21;font-family:Arial,Helvetica,sans-serif;max-width:560px}
.x10-card .lbl{font:600 12px/1 var(--ft-font,system-ui);color:var(--ft-muted);margin:0 0 6px}
.x10-card .img{aspect-ratio:1.91/1;background:#e9edf2;display:flex;align-items:center;justify-content:center;color:#5b6573;font-size:13px;text-align:center;padding:8px;overflow:hidden}
.x10-card .img img{width:100%;height:100%;object-fit:cover;display:block}
.x10-card .txt{padding:10px 12px;border-top:1px solid #e4e6eb;background:#f2f3f5}
.x10-card .dom{font-size:12px;color:#606770;text-transform:uppercase;letter-spacing:.02em;overflow-wrap:anywhere}
.x10-card .tt{font-size:16px;font-weight:700;line-height:1.3;margin:3px 0;color:#1d2129;overflow-wrap:anywhere}
.x10-card .dd{font-size:14px;line-height:1.4;color:#606770;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.x10-card.x .txt{background:#fff;border-top:0}
.x10-card.x .dom{text-transform:none;color:#536471}
.x10-card.x .tt{font-weight:400;color:#0f1419}
.x10-card.sm{display:flex;max-width:560px}
.x10-card.sm .img{aspect-ratio:1/1;width:130px;flex:none}
.x10-card.sm .txt{border-top:0;border-left:1px solid #e4e6eb;flex:1;min-width:0}
.x10-cap{font-size:13px;color:var(--ft-muted);margin:0 0 6px}
/* markdown preview: neutral prose */
.x10-md{padding:16px 18px;border:1px solid var(--ft-border);border-radius:var(--ft-r-sm);background:var(--ft-surface);color:var(--ft-fg);line-height:1.6;overflow-wrap:anywhere;max-height:640px;overflow:auto}
.x10-md>*:first-child{margin-top:0}
.x10-md h1,.x10-md h2,.x10-md h3,.x10-md h4{line-height:1.25;margin:1.1em 0 .45em}
.x10-md h1{font-size:1.7em}.x10-md h2{font-size:1.4em}.x10-md h3{font-size:1.18em}
.x10-md p,.x10-md ul,.x10-md ol,.x10-md blockquote,.x10-md pre,.x10-md table{margin:0 0 .9em}
.x10-md ul,.x10-md ol{padding-inline-start:1.4em}
.x10-md blockquote{border-inline-start:3px solid var(--ft-border);padding:.2em 0 .2em 1em;color:var(--ft-muted)}
.x10-md code{font:.92em ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--ft-surface2);padding:.1em .3em;border-radius:4px}
.x10-md pre{background:var(--ft-surface2);padding:12px;border-radius:var(--ft-r-sm);overflow:auto}
.x10-md pre code{background:none;padding:0}
.x10-md table{border-collapse:collapse;display:block;overflow:auto}
.x10-md th,.x10-md td{border:1px solid var(--ft-border);padding:6px 10px;text-align:start}
.x10-md img{max-width:100%}
.x10-md a{color:var(--ft-accent)}
.x10-md hr{border:0;border-top:1px solid var(--ft-border);margin:1.2em 0}
.x10-md .x10-noimg{display:inline-block;padding:4px 8px;border:1px dashed var(--ft-border);border-radius:6px;font-size:13px;color:var(--ft-muted)}
.mb-16{margin-bottom:16px}