/* Techniquehow Multi Search Boxes - assets/techniquehow-style.css */
.techniquehow-search-wrap {
  width:100%;
  display:flex;
  justify-content:center;
  padding:20px 12px;
  box-sizing:border-box;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial;
}

.techniquehow-search-inner {
  width:100%;
  max-width:1100px;
}

.techniquehow-cx-select-wrap {
  margin-bottom:10px;
  display:flex;
  justify-content:flex-end;
}
.techniquehow-cx-select {
  padding:8px 10px;
  border-radius:8px;
  border:1px solid rgba(20,20,30,0.08);
  background:#fff;
  font-size:14px;
}

/* form */
.techniquehow-form {
  display:flex;
  gap:10px;
  align-items:center;
  margin-bottom:14px;
}

.techniquehow-input {
  flex:1;
  padding:12px 16px;
  font-size:16px;
  border-radius:10px;
  border:1px solid rgba(20,20,30,0.09);
  box-shadow: 0 4px 14px rgba(22,28,63,0.04) inset;
  outline:none;
}

.techniquehow-input:focus {
  box-shadow: 0 8px 30px rgba(34,93,255,0.08);
  border-color: rgba(34,93,255,0.2);
  transform: translateY(-1px);
}

.techniquehow-btn {
  background: linear-gradient(90deg, #2b6ef6, #6b8efb);
  color: #fff;
  border: 0;
  padding:10px 18px;
  border-radius:10px;
  font-weight:600;
  cursor:pointer;
  box-shadow: 0 8px 28px rgba(43,110,246,0.14);
  transition: transform .08s, box-shadow .12s, opacity .12s;
}

.techniquehow-spinner {
  width:28px;
  height:28px;
  border-radius:50%;
  border:4px solid rgba(0,0,0,0.08);
  border-top-color: #2b6ef6;
  animation: th-spin 1s linear infinite;
  margin-left:8px;
}
@keyframes th-spin { to { transform: rotate(360deg); } }

/* results */
.gsc-control-cse, .gsc-control-cse .gsc-table-result { width:100% !important; }

.gsc-webResult.gsc-result {
  background: linear-gradient(180deg, #ffffff, #fbfdff);
  border-radius:10px;
  padding:12px;
  margin:10px 0;
  box-shadow: 0 10px 30px rgba(20,30,60,0.04);
  transition: transform .12s;
}

.gsc-webResult.gsc-result:hover { transform: translateY(-4px); }

.gsc-webResult .gs-title a { color:#1e40af !important; font-weight:600; font-size:16px; text-decoration:none; }
.gsc-webResult .gs-snippet { color:#333; font-size:14px; margin-top:6px; }
.gsc-webResult .gs-visibleUrl { color:#0f766e; font-size:13px; margin-top:8px; }

@media (max-width:800px){
  .techniquehow-search-inner{ max-width:100%; padding:0 6px; }
  .techniquehow-btn{ padding:9px 12px; }
  .techniquehow-spinner{ width:22px; height:22px; border-width:3px; }
}
