/* ============================================================
   tools-child — shared styles
   Loaded on tool pages + hub. No framework. Scoped with .tc-
   ============================================================ */

/* Tool page content wrapper */
.tool-page .container{
  max-width:760px;margin:0 auto;padding:32px 20px;
}
.tool-page .site-content{
  min-height:60vh;display:flex;align-items:flex-start;
}

/* (theme toggle button styles are in the HEADER TOGGLE section below) */

/* Tool search box (dropdown results) */
.tc-search{position:relative;display:inline-flex;align-items:center}
.tc-search input{
  background:var(--tc-card,#fff);border:1px solid var(--tc-border,#e5e7eb);
  border-radius:8px;padding:8px 12px 8px 32px;font-size:.9rem;width:170px;
  color:var(--tc-text,#1a1d21);
}
html.tc-dark .tc-search input{background:#171a21;color:#f3f4f6;border-color:#2a2f3a}
.tc-search input:focus{outline:2px solid var(--tc-accent,#4f46e5);border-color:transparent;color:inherit}
html.tc-dark .tc-search input:focus{outline-color:#818cf8;color:#f3f4f6}
.tc-search .tc-s-ico{position:absolute;left:10px;font-size:.9rem;pointer-events:none}
.tc-search-results{
  position:absolute;top:calc(100% + 6px);left:0;right:0;
  background:var(--tc-card,#fff);border:1px solid var(--tc-border,#e5e7eb);
  border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.15);
  max-height:320px;overflow-y:auto;display:none;z-index:120;
}
.tc-search-results.tc-show{display:block}
.tc-search-results a{
  display:flex;gap:8px;align-items:center;padding:10px 12px;
  border-radius:8px;text-decoration:none;color:inherit;font-size:.9rem;
}
.tc-search-results a:hover{background:rgba(79,70,229,.1)}
.tc-search-results .tc-empty{padding:12px;color:#6b7280;font-size:.85rem}

/* Hub grid (all tools) */
.tc-hub-grid{
  display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;
}
.tc-tile{
  display:block;background:var(--tc-card,#fff);border:1px solid var(--tc-border,#e5e7eb);
  border-radius:12px;padding:16px;text-decoration:none;color:inherit;
}
.tc-tile:hover{border-color:#4f46e5;box-shadow:0 4px 14px rgba(79,70,229,.12)}
.tc-tile .tc-ico{font-size:1.4rem;margin-bottom:8px}
.tc-tile b{display:block;font-size:.95rem;margin-bottom:2px}
.tc-tile span{font-size:.8rem;color:#6b7280}

/* Dark mode (site-wide, toggled on <html>) */
html.tc-dark{
  --tc-card:#171a21;--tc-border:#2a2f3a;--tc-text:#f3f4f6;--tc-accent:#818cf8;
  background:#0f1115;color:#f3f4f6;
}
html.tc-dark .tc-tile{background:#171a21;border-color:#2a2f3a}
html.tc-dark .tc-search-results{background:#171a21;border-color:#2a2f3a}