/* SEO Audit Tool (uses the Tools Hub kit) */
.sea .sea-top{flex-wrap:wrap;gap:10px}
.sea .sea-opts{display:flex;align-items:flex-end;gap:12px 20px;flex-wrap:wrap}
.sea .sea-opts .tk-switch{padding-bottom:10px}
.sea .sea-kw{display:flex;flex-direction:column;gap:6px;flex:1 1 260px;max-width:420px}
.sea .sea-kw .tk-label,.sea .sea-max .tk-label{margin:0}
.sea .sea-max{display:flex;align-items:center;gap:8px}
.sea .sea-max .tk-select{width:auto;min-width:130px;padding-top:8px;padding-bottom:8px}
.sea .sea-progress{height:4px;border-radius:4px;background:var(--tk-line);overflow:hidden}
.sea .sea-progress i{display:block;height:100%;width:0;background:var(--tk-em);transition:width .3s}
.sea .sea-out{margin-top:18px;display:flex;flex-direction:column;gap:16px}

/* Hero */
.sea .sea-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:26px;align-items:center}
@container dsth (max-width:860px){.sea .sea-hero{grid-template-columns:auto minmax(0,1fr)}.sea .sea-shot{display:none}}
@container dsth (max-width:560px){.sea .sea-hero{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}}
.sea .sea-ring{--v:0;--c:var(--tk-em);position:relative;width:150px;height:150px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--c) calc(var(--v)*1%),var(--tk-line) 0)}
.sea .sea-ring::before{content:"";position:absolute;inset:11px;border-radius:50%;background:var(--tk-s1)}
.sea .sea-ring div{position:relative;text-align:center}
.sea .sea-ring b{display:block;font-family:var(--tk-font-head);font-size:48px;line-height:1;font-weight:700;color:var(--tk-head)}
.sea .sea-ring span{font-family:var(--tk-mono);font-size:11px;color:var(--tk-muted);letter-spacing:.06em}
.sea .sea-grade{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:9px;font:700 18px var(--tk-font-head);color:var(--tk-on);background:var(--c);margin-right:10px;vertical-align:middle}
.sea .sea-h-title{font-family:var(--tk-font-head);font-size:22px;font-weight:700;color:var(--tk-head);margin:0 0 4px}
.sea .sea-h-url{font-family:var(--tk-mono);font-size:12.5px;color:var(--tk-em);word-break:break-all;margin:0 0 12px}
.sea .sea-counts{display:flex;gap:8px;flex-wrap:wrap}
.sea .sea-counts span{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--tk-text);background:var(--tk-bg);border:1px solid var(--tk-line);border-radius:999px;padding:5px 12px}
.sea .sea-counts i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.sea .sea-shot{width:200px;border-radius:10px;overflow:hidden;border:1px solid var(--tk-line);background:#fff;max-height:150px}
.sea .sea-shot img{display:block;width:100%}
.sea .sea-hbtns{display:flex;gap:8px;flex-wrap:wrap;margin-top:14px}
@container dsth (max-width:560px){.sea .sea-counts,.sea .sea-hbtns{justify-content:center}}

/* Category scores */
.sea .sea-cats{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}
@container dsth (max-width:980px){.sea .sea-cats{grid-template-columns:repeat(3,minmax(0,1fr))}}
@container dsth (max-width:520px){.sea .sea-cats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.sea .sea-cat{background:var(--tk-bg);border:1px solid var(--tk-line);border-radius:12px;padding:12px 14px;cursor:pointer;text-align:left;font:inherit;color:inherit;transition:border-color .15s}
.sea .sea-cat:hover{border-color:var(--c)}
.sea .sea-cat b{display:block;font-family:var(--tk-font-head);font-size:26px;color:var(--c);line-height:1.1}
.sea .sea-cat span{display:block;font-size:12.5px;color:var(--tk-muted);margin:2px 0 8px}
.sea .sea-cat i{display:block;height:5px;border-radius:999px;background:var(--tk-line);overflow:hidden}
.sea .sea-cat i::after{content:"";display:block;height:100%;width:calc(var(--v)*1%);background:var(--c)}
.sea .sea-cat.is-wait b{color:var(--tk-muted);font-size:15px;padding:6px 0 4px}

/* Fix list */
.sea .sea-fix{display:flex;flex-direction:column;gap:8px}
.sea .sea-fix li{list-style:none;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:12px;align-items:start;padding:12px 14px;border:1px solid var(--tk-line);border-radius:12px;background:var(--tk-bg);margin:0}
.sea .sea-fix ol{margin:0;padding:0}
.sea .sea-n{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;font:700 12px var(--tk-mono);background:color-mix(in srgb,var(--c) 15%,transparent);color:var(--c)}
.sea .sea-fix b{display:block;color:var(--tk-head);font-size:14.5px}
.sea .sea-fix p{margin:3px 0 0;font-size:13px;color:var(--tk-muted)}
.sea .sea-fix p strong{color:var(--tk-text);font-weight:600}
.sea .sea-tag{font-family:var(--tk-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--tk-muted);white-space:nowrap}

/* Sections */
.sea .sea-sec .tk-card-head{cursor:pointer}
.sea .sea-sec-score{font-family:var(--tk-mono);font-size:13px;color:var(--c)}
.sea .sea-passed{margin-top:10px}
.sea .sea-passed summary{cursor:pointer;font-size:13px;color:var(--tk-muted);padding:6px 2px}
.sea .sea-passed .tk-checks{margin-top:8px}
.sea .tk-checks em{white-space:normal;text-align:right;max-width:240px}
.sea .sea-fixline{display:block;margin-top:4px;font-size:12.5px;color:var(--tk-text)}
.sea .sea-fixline::before{content:"Fix: ";color:var(--tk-em);font-weight:600}
.sea .sea-urls{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow:auto}
.sea .sea-urls li{font-family:var(--tk-mono);font-size:12px;color:var(--tk-muted);word-break:break-all;margin:0;padding:0;border:0;background:none;display:block}
.sea .sea-urls a{color:var(--tk-text);text-decoration:none}
.sea .sea-urls a:hover{color:var(--tk-em)}

/* Site mode issues */
.sea .sea-issue{border:1px solid var(--tk-line);border-radius:12px;background:var(--tk-bg);margin:0}
.sea .sea-issue+.sea-issue{margin-top:8px}
.sea .sea-issue summary{list-style:none;display:grid;grid-template-columns:12px minmax(0,1fr) auto auto;gap:12px;align-items:center;padding:12px 14px;cursor:pointer}
.sea .sea-issue summary::-webkit-details-marker{display:none}
.sea .sea-issue summary>i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.sea .sea-issue summary b{color:var(--tk-head);font-size:14px;font-weight:600}
.sea .sea-issue summary small{display:block;color:var(--tk-muted);font-size:12.5px;font-weight:400;margin-top:2px}
.sea .sea-issue summary em{font-style:normal;font-family:var(--tk-mono);font-size:13px;color:var(--c);white-space:nowrap}
.sea .sea-issue summary::after{content:"▾";color:var(--tk-muted);transition:transform .2s}
.sea .sea-issue[open] summary::after{transform:rotate(180deg)}
.sea .sea-issue .sea-ibody{padding:0 14px 14px 38px}
.sea .sea-pages td.is-mono{word-break:break-all;max-width:380px}
.sea .sea-pages td small{display:block;color:var(--tk-muted);font-size:12px;overflow-wrap:anywhere}
.sea .sea-bar{flex-wrap:wrap;gap:10px;margin-bottom:12px}
.sea .sea-serp{margin-top:4px}
@container dsth (max-width:560px){.sea .sea-issue .sea-ibody{padding-left:14px}.sea .sea-issue summary{grid-template-columns:10px minmax(0,1fr) auto}.sea .sea-issue summary::after{display:none}}