/**
 * AICT /find-tool/ "craft" pass  [2026-06-14]
 * Extends the tool-page/homepage "Workbench" aesthetic (cream graph paper, ink, ember,
 * Fraunces) to the tool-finder so the funnel feels consistent. CSS-ONLY, LIGHT mode
 * only, scoped to #aict-find-tool. Literal hex (var() hits invalid-at-computed-value in
 * some cascades). Beats inline + inline-JS hover styles with !important. No links/forms/
 * JS behavior touched; fully reversible by removing this file's enqueue. The page's own
 * dark-mode override block lives in a different theme branch and never collides.
 */

/* page → cream graph paper sheet */
html:not([data-theme="dark"]) #aict-find-tool{
  background-color:#f6efe2;
  background-image:
    linear-gradient(#e3d7be 1px,transparent 1px),
    linear-gradient(90deg,#e3d7be 1px,transparent 1px),
    radial-gradient(circle at 50% -40px,rgba(210,69,22,.06),transparent 60%);
  background-size:30px 30px,30px 30px,100% 560px;
  font-family:'Hanken Grotesk',system-ui,sans-serif;
}

/* H1 → Fraunces display ink */
html:not([data-theme="dark"]) #aict-find-tool h1{
  font-family:'Fraunces',Georgia,serif !important;
  font-optical-sizing:auto;font-weight:900 !important;letter-spacing:-.02em;
  color:#211b16 !important;-webkit-text-fill-color:#211b16 !important;
}

/* badge → mono kicker */
html:not([data-theme="dark"]) #aict-find-tool .aict-tf-badge{
  font-family:'JetBrains Mono',monospace !important;
  background:none !important;color:#a8330c !important;
  letter-spacing:.14em;text-transform:uppercase;font-weight:700 !important;
  border:1.5px solid #cdbfa6 !important;
}
html:not([data-theme="dark"]) #aict-find-tool .aict-tf-subtitle{color:#5b5046 !important;}

/* form panel → letterpress card */
html:not([data-theme="dark"]) #aict-find-tool section[aria-labelledby="aict-tf-form-label"]{
  background:#fffdf8 !important;
  border:2px solid #211b16 !important;
  border-radius:14px !important;
  box-shadow:6px 6px 0 #211b16 !important;
}
/* textarea → paper input, ember focus */
html:not([data-theme="dark"]) #aict-find-tool #aict-tf-query{
  background:#f6efe2 !important;border:1.5px solid #cdbfa6 !important;border-radius:10px !important;color:#211b16 !important;
  font-family:'Hanken Grotesk',sans-serif !important;
}
html:not([data-theme="dark"]) #aict-find-tool #aict-tf-query:focus{
  border-color:#d24516 !important;background:#fff !important;box-shadow:0 0 0 4px rgba(210,69,22,.15) !important;outline:none !important;
}

/* sample chips → ink-bordered ember-hover */
html:not([data-theme="dark"]) #aict-find-tool .aict-tf-chip{
  background:#fffdf8 !important;border:1.5px solid #211b16 !important;border-radius:9px !important;
  color:#211b16 !important;font-weight:600 !important;
}
html:not([data-theme="dark"]) #aict-find-tool .aict-tf-chip:hover{
  background:#d24516 !important;border-color:#211b16 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
}

/* primary submit → ember letterpress (run-button voice; same hit area, color/skin only) */
html:not([data-theme="dark"]) #aict-find-tool #aict-tf-submit{
  font-family:'Fraunces',serif !important;font-weight:600 !important;letter-spacing:-.01em;
  background:#d24516 !important;color:#fff !important;-webkit-text-fill-color:#fff !important;
  border:2px solid #211b16 !important;border-radius:11px !important;box-shadow:4px 4px 0 #211b16 !important;
  transition:transform .12s,box-shadow .12s,background .15s !important;
}
html:not([data-theme="dark"]) #aict-find-tool #aict-tf-submit:hover{
  background:#a8330c !important;transform:translate(-1px,-1px);box-shadow:6px 6px 0 #211b16 !important;
}
html:not([data-theme="dark"]) #aict-find-tool #aict-tf-submit:active{transform:translate(3px,3px);box-shadow:1px 1px 0 #211b16 !important;}

/* result cards (JS-built) → letterpress when they appear */
html:not([data-theme="dark"]) #aict-find-tool .aict-tf-card{
  background:#fffdf8 !important;border:2px solid #211b16 !important;border-radius:12px !important;box-shadow:5px 5px 0 #211b16 !important;
}