/* SEO Lands – extra tools. Extends tools.css and uses the same theme tokens. */
.slu-tp [hidden],.slu-app [hidden]{display:none!important}
.slu-app input[type=color]{width:56px;height:44px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.slu-app input[type=file]{font:inherit;font-size:14px;max-width:100%}
.slu-app input[type=range]{accent-color:var(--ind);width:100%}
.slu-app .slu-seg{margin-bottom:6px;max-width:100%}
.slu-app .slu-row>.slu-check{align-self:center}
.slx-h3{font-size:17px;margin:0 0 10px}

/* result tiles */
.slu-stat.is-good b{color:#059669}.slu-stat.is-bad b{color:#e11d48}.slu-stat.is-warn b{color:#d97706}
.slu-stat.is-good{background:#ecfdf5;border-color:#a7f3d0}.slu-stat.is-bad{background:#fff1f2;border-color:#fecdd3}
.slx-result{display:flex;flex-direction:column;align-items:center;gap:4px;text-align:center;padding:22px 16px;margin:16px 0 4px;border-radius:var(--r);background:linear-gradient(135deg,var(--soft),#fff 60%);border:1px solid #ddd8ff}
.slx-result span{font-size:14px;color:var(--mut);font-weight:600}
.slx-result b{font-family:var(--head);font-size:clamp(26px,4.4vw,40px);line-height:1.15;color:var(--ink);letter-spacing:-.02em}
.slx-result.is-good b{color:#059669}.slx-result.is-warn b{color:#d97706}.slx-result.is-bad b{color:#e11d48}

/* tables */
.slx-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-top:14px;border:1px solid var(--line);border-radius:14px}
.slx-table-wrap .slu-table{margin:0;width:100%;border-collapse:collapse;font-size:14px}
.slx-table-wrap .slu-table th,.slx-table-wrap .slu-table td{padding:10px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:middle}
.slx-table-wrap .slu-table th{background:var(--bg);color:var(--ink);font-weight:700;font-size:13px;white-space:nowrap}
.slx-table-wrap .slu-table tr:last-child td{border-bottom:0}
.slx-break td:last-child{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.slx-break tr.is-total td{font-weight:800;color:var(--ink);background:var(--soft)}
.slx-items input,.slx-items select{min-height:38px!important;padding:6px 8px!important;font-size:14px!important}
.slx-items td{min-width:70px}.slx-items td:first-child{min-width:200px}.slx-items .slx-amt{white-space:nowrap;font-weight:700;color:var(--ink)}
.slx-w-s{width:76px!important}.slx-w-m{width:100px!important}
.slx-sku code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;color:var(--ind);background:var(--soft);padding:2px 6px;border-radius:6px}

/* bars */
.slx-bar{display:flex;height:14px;border-radius:999px;overflow:hidden;background:var(--bg);margin-top:14px}
.slx-bar i{display:block;height:100%}
.slx-legend{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:13.5px;color:var(--mut)}
.slx-legend span{display:inline-flex;align-items:center;gap:6px}.slx-legend i{width:10px;height:10px;border-radius:3px;display:inline-block}
.slx-sched{margin-top:16px;border:1px solid var(--line);border-radius:14px;padding:0 14px}
.slx-sched summary{cursor:pointer;padding:12px 0;font-weight:700;color:var(--ink)}
.slx-sched .slx-table-wrap{margin-bottom:14px}
.slx-bmi-scale{position:relative;height:12px;border-radius:999px;margin:6px 0 10px;background:linear-gradient(90deg,#60a5fa 0 23%,#10b981 23% 39%,#f59e0b 39% 57%,#ef4444 57%)}
.slx-bmi-scale i{position:absolute;top:-5px;width:4px;height:22px;border-radius:2px;background:var(--ink);transform:translateX(-50%);transition:left .3s}

/* percentage */
.slx-pct{display:grid;gap:10px}
.slx-pct-row{display:flex;flex-wrap:wrap;align-items:center;gap:8px 10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--bg);font-weight:600;color:var(--ink)}
.slx-pct-row input{width:120px!important;flex:0 0 auto}
.slx-pct-row output{font-family:var(--head);font-size:20px;color:var(--ind);font-weight:700}
.slx-eq{color:var(--mut)}

/* images */
.slu-thumbs.slx-res{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:12px;margin-top:16px}
.slx-thumb{margin:0;padding:10px;border:1px solid var(--line);border-radius:14px;background:#fff;display:flex;flex-direction:column;gap:8px;align-items:stretch}
.slx-thumb img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:10px;background:repeating-conic-gradient(#eef0f6 0 25%,#fff 0 50%) 0 0/16px 16px}
.slx-thumb figcaption{font-size:13px;color:var(--mut)}
.slx-compare{position:relative;max-width:720px;margin:16px auto 0;border-radius:var(--r);overflow:hidden;border:1px solid var(--line);background:repeating-conic-gradient(#eef0f6 0 25%,#fff 0 50%) 0 0/20px 20px;line-height:0}
.slx-compare img,.slx-compare canvas{width:100%;height:auto;display:block}
.slx-after-wrap{position:absolute;inset:0;background:repeating-conic-gradient(#eef0f6 0 25%,#fff 0 50%) 0 0/20px 20px}
.slx-slider{position:absolute;left:0;right:0;bottom:12px;width:90%!important;margin:0 5%}
.slx-wm-prev{margin-top:16px;text-align:center}
.slx-wm-prev canvas{max-width:100%;max-height:520px;border-radius:var(--r);border:1px solid var(--line)}
.slx-wm-prev canvas[width="300"]{display:none}
.slx-ocr{margin-top:16px;gap:16px}
.slx-ocr-img{width:100%;max-height:460px;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:var(--bg)}
.slx-ocr-out{min-height:300px!important}
.slx-cp-wrap{margin-top:16px;gap:20px}
.slx-cp-canvas canvas{width:100%;height:auto;border-radius:14px;border:1px solid var(--line);cursor:crosshair}
.slx-big{height:80px;border-radius:14px;border:1px solid var(--line)}
.slx-palette{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}
.slx-sw{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:8px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer;font:inherit;text-align:left}
.slx-sw i{width:100%;height:44px;border-radius:8px;background:var(--sw);display:block;margin-bottom:4px}
.slx-sw b{font-size:13px;color:var(--ink)}.slx-sw small{font-size:11.5px;color:var(--mut)}
.slx-bc{display:inline-flex;flex-direction:column;align-items:center;gap:6px;padding:12px;margin:12px 12px 0 0;border:1px solid var(--line);border-radius:14px;background:#fff;max-width:100%}
.slx-bc svg{max-width:100%;height:auto}.slx-bc .slu-actions{margin-top:0}

/* long-form SEO content */
.slx-content{margin-top:64px}
.slx-content h2{font-size:clamp(24px,3vw,34px);margin:0 0 16px}
.slx-content h3{font-size:20px;margin:26px 0 10px}
.slx-content p,.slx-content li{font-size:16.5px;line-height:1.75;color:var(--txt)}
.slx-content p{margin:0 0 14px}
.slx-content ul{margin:0 0 16px;padding-left:20px}
.slx-content li{margin:0 0 6px}
.slx-content strong{color:var(--ink)}
.slx-content .slx-sec{max-width:860px}
.slx-content .slx-sec+.slx-sec{margin-top:40px}
.slx-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px;margin:18px 0 6px;padding:0;list-style:none}
.slx-feats li{margin:0;padding:18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);font-size:15px;line-height:1.6}
.slx-feats li b{display:block;color:var(--ink);font-family:var(--head);font-size:16.5px;margin-bottom:4px}
.slx-formula{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:var(--soft);color:#3730a3;border-radius:12px;padding:12px 16px;font-size:14.5px;overflow-x:auto;margin:0 0 16px}

@media (max-width:767px){
	.slu-app{padding:18px!important}
	.slu-app .slu-row{gap:10px}
	.slu-app .slu-field{min-width:calc(50% - 5px)}
	.slu-app .slu-field--sm{min-width:calc(50% - 5px);flex:1}
	.slu-app .slu-seg{display:flex;width:100%}
	.slu-app .slu-seg button{flex:1 1 auto;padding:0 10px;font-size:13px}
	.slu-app .slu-grid2{grid-template-columns:1fr!important}
	.slx-pct-row input{width:calc(50% - 40px)!important}
	.slu-app .slu-actions .slu-btn{flex:1 1 auto}
}
@media (max-width:420px){.slu-app .slu-field{min-width:100%}}
.slu-thumbs.slx-res .slx-thumb img{height:auto}
.slx-inv-form textarea{min-height:84px!important}
.slu-app .slu-stat b{overflow-wrap:anywhere}
@media (max-width:767px){.slu-app .slu-stat b{font-size:clamp(18px,5.6vw,26px)}.slu-app .slu-seg{border-radius:16px}.slu-app .slu-seg button{border-radius:12px;min-height:34px;height:auto;padding:6px 10px}}
.slx-content a,.slu-faq a{color:var(--ind);font-weight:600;text-decoration:underline;text-underline-offset:3px}
/* Fix: base rule ".slu-app button.slu-btn" overrode the primary/ghost variants inside tools */
.slu-app button.slu-btn.slu-btn--primary,.slu-app a.slu-btn.slu-btn--primary{background:var(--ind)}
.slu-app button.slu-btn.slu-btn--primary:hover,.slu-app a.slu-btn.slu-btn--primary:hover{background:var(--sl-indigo-dark,#4636f0)}
.slu-app button.slu-btn.slu-btn--ghost,.slu-app a.slu-btn.slu-btn--ghost{background:#fff;color:var(--ink)!important;border:1px solid var(--line)}
.slu-app button.slu-btn.slu-btn--ghost:hover,.slu-app a.slu-btn.slu-btn--ghost:hover{background:var(--soft);color:var(--ind)!important;box-shadow:none}