/* ============================================================
   UNBIAS REVIEW — Contact (/contact) + 404. Unbias brand.
   Ported onto unbias-* class names; every rule scoped under
   .unbias-support. Built on the Unbias tokens (tokens.css).
   ============================================================ */

/* money / savings green — the contact success message uses it, and this page
   does NOT load store.css, so declare it locally. */
.unbias-support{ --save:#0F8A5B; --save-tint:#E6F5EE; }

/* content container — constrain + center like the site chrome (max 1200) */
.unbias-support .unbias-support-inner{max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter);}

/* Neutralize a rogue host theme reset.css that paints every <button> magenta
   (#CC3366 border + hover/focus background) and forces white-space:nowrap, and
   colors every <a> magenta. Our scoped rules below re-style the elements we own. */
.unbias-support button{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background-color:transparent;color:inherit;font:inherit;white-space:normal;cursor:pointer;}
.unbias-support a{color:inherit;}
/* Re-assert filled controls' own background on :hover/:focus so Hello theme
   reset.css ([type=button]:hover{background:#CC3366}, specificity 0,2,0) can't
   tie+win by load order. These are 0,3,0 so they always win. */
.unbias-support .unbias-ct-form .btn:hover,.unbias-support .unbias-ct-form .btn:focus{background:var(--teal);color:#fff;}
.unbias-support .unbias-nf-wrap .btn:hover,.unbias-support .unbias-nf-wrap .btn:focus{background:var(--teal);color:#fff;}
/* non-filled links (faq rows, contact methods, nf tiles) beat reset.css pink */
.unbias-support .unbias-ct-faq a:hover,.unbias-support .unbias-ct-faq a:focus{color:var(--teal-text);background-color:transparent;}
.unbias-support .unbias-nf-tile:hover,.unbias-support .unbias-nf-tile:focus{border-color:var(--teal);background:var(--teal-tint);}

/* ===================== CONTACT ===================== */
.unbias-support .unbias-ct-head{padding:30px 0 6px;}
.unbias-support .unbias-ct-head .kick{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-text);}
.unbias-support .unbias-ct-head h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,44px);letter-spacing:-.02em;margin-top:8px;}
.unbias-support .unbias-ct-head .sub{font-family:var(--font-serif);font-size:18px;line-height:1.6;color:var(--ink-700);margin-top:12px;max-width:58ch;}

.unbias-support .unbias-ct-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;align-items:start;padding:24px 0 8px;}

/* form */
.unbias-support .unbias-ct-form{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:28px;box-shadow:var(--sh-md);}
.unbias-support .unbias-ct-form .frow{display:grid;grid-template-columns:1fr 1fr;gap:16px;}
.unbias-support .unbias-ct-field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px;}
.unbias-support .unbias-ct-field label{font-family:var(--font-ui);font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);}
.unbias-support .unbias-ct-field input,.unbias-support .unbias-ct-field textarea,.unbias-support .unbias-ct-field select{font-family:var(--font-ui);font-size:15px;color:var(--ink);
  border:1.5px solid var(--border);border-radius:var(--r-md);padding:12px 14px;background:#fff;width:100%;transition:border-color .15s ease, box-shadow .15s ease;}
.unbias-support .unbias-ct-field textarea{min-height:128px;resize:vertical;line-height:1.55;}
.unbias-support .unbias-ct-field input:focus,.unbias-support .unbias-ct-field textarea:focus,.unbias-support .unbias-ct-field select:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,155,156,.12);}
.unbias-support .unbias-ct-field .hint{font-size:12px;color:var(--text-subtle);}
.unbias-support .unbias-ct-form .submit-row{display:flex;align-items:center;gap:14px;margin-top:4px;flex-wrap:wrap;}
.unbias-support .unbias-ct-form .submit-row .note{font-size:12.5px;color:var(--text-subtle);}
.unbias-support .unbias-ct-ok{display:none;align-items:center;gap:8px;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--save);}
.unbias-support .unbias-ct-ok.show{display:inline-flex;}
.unbias-support .unbias-ct-ok svg{width:18px;height:18px;}

/* sidebar */
.unbias-support .unbias-ct-side{display:flex;flex-direction:column;gap:14px;}
.unbias-support .unbias-ct-card{background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-lg);padding:20px 22px;}
.unbias-support .unbias-ct-card h3{font-family:var(--font-display);font-weight:800;font-size:15px;margin-bottom:12px;}
.unbias-support .unbias-ct-method{display:flex;gap:12px;align-items:flex-start;padding:9px 0;}
.unbias-support .unbias-ct-method .ic{width:38px;height:38px;border-radius:11px;background:#fff;border:1px solid var(--border);color:var(--teal-text);display:grid;place-items:center;flex:none;}
.unbias-support .unbias-ct-method .ic svg{width:18px;height:18px;}
.unbias-support .unbias-ct-method .m-body{display:flex;flex-direction:column;gap:1px;min-width:0;}
.unbias-support .unbias-ct-method .m-body b{font-family:var(--font-ui);font-size:14px;color:var(--ink);}
.unbias-support .unbias-ct-method .m-body span{font-size:13px;color:var(--text-muted);}
.unbias-support .unbias-ct-method .m-body a{font-size:13px;color:var(--teal-text);font-weight:700;}
.unbias-support .unbias-ct-faq a{display:flex;align-items:center;justify-content:space-between;gap:10px;font-family:var(--font-ui);font-size:14px;font-weight:600;color:var(--ink-700);
  padding:11px 0;border-bottom:1px solid var(--border);transition:color .12s ease;}
.unbias-support .unbias-ct-faq a:last-child{border-bottom:none;}
.unbias-support .unbias-ct-faq a:hover{color:var(--teal-text);}
.unbias-support .unbias-ct-faq a svg{width:15px;height:15px;color:var(--text-subtle);flex:none;}

/* ===================== 404 ===================== */
.unbias-support .unbias-nf-wrap{max-width:640px;margin:0 auto;text-align:center;padding:64px 20px 40px;display:flex;flex-direction:column;align-items:center;gap:18px;}
.unbias-support .unbias-nf-code{font-family:var(--font-display);font-weight:800;font-size:clamp(96px,18vw,160px);line-height:.9;letter-spacing:-.04em;
  color:var(--ink);position:relative;}
.unbias-support .unbias-nf-code .dot{color:var(--teal);}
.unbias-support .unbias-nf-code .tag{position:absolute;top:14%;left:50%;transform:translateX(-50%) rotate(-4deg);
  font-family:var(--font-ui);font-size:13px;font-weight:800;letter-spacing:.05em;text-transform:uppercase;
  background:var(--neg);color:#fff;padding:6px 13px;border-radius:var(--r-pill);white-space:nowrap;box-shadow:var(--sh-md);}
.unbias-support .unbias-nf-wrap h1{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,4vw,32px);letter-spacing:-.02em;margin-top:6px;}
.unbias-support .unbias-nf-wrap p{font-family:var(--font-serif);font-size:18px;line-height:1.6;color:var(--ink-700);max-width:46ch;}
.unbias-support .unbias-nf-search{display:flex;align-items:center;gap:12px;width:100%;max-width:460px;margin-top:6px;
  background:#fff;border:1.5px solid var(--border);border-radius:var(--r-pill);padding:5px 6px 5px 18px;transition:border-color .15s ease, box-shadow .15s ease;}
.unbias-support .unbias-nf-search:focus-within{border-color:var(--teal);box-shadow:0 0 0 3px rgba(21,155,156,.12);}
.unbias-support .unbias-nf-search svg{width:20px;height:20px;color:var(--text-muted);flex:none;}
.unbias-support .unbias-nf-search input{flex:1;border:none;background:none;font-family:var(--font-ui);font-size:15.5px;color:var(--ink);padding:11px 0;min-width:0;}
.unbias-support .unbias-nf-search input:focus{outline:none;}
.unbias-support .unbias-nf-links{margin-top:14px;width:100%;}
.unbias-support .unbias-nf-links .lab{font-family:var(--font-ui);font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--text-subtle);margin-bottom:12px;}
.unbias-support .unbias-nf-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;}
.unbias-support .unbias-nf-tile{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--border);border-radius:var(--r-md);
  padding:14px 16px;text-align:left;transition:border-color .15s ease, background .15s ease;}
.unbias-support .unbias-nf-tile:hover{border-color:var(--teal);background:var(--teal-tint);}
.unbias-support .unbias-nf-tile .ic{width:34px;height:34px;border-radius:10px;background:var(--teal-tint);color:var(--teal-text);display:grid;place-items:center;flex:none;}
.unbias-support .unbias-nf-tile:hover .ic{background:#fff;}
.unbias-support .unbias-nf-tile .ic svg{width:17px;height:17px;}
.unbias-support .unbias-nf-tile b{font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--ink);}
.unbias-support .unbias-nf-tile span{display:block;font-size:12px;color:var(--text-subtle);font-weight:600;}

/* ===================== responsive ===================== */
@media (max-width:860px){
  .unbias-support .unbias-ct-grid{grid-template-columns:1fr;gap:24px;}
}
@media (max-width:600px){
  .unbias-support .unbias-ct-form{padding:20px;}
  .unbias-support .unbias-ct-form .frow{grid-template-columns:1fr;gap:0;}
  .unbias-support .unbias-nf-grid{grid-template-columns:1fr;}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .unbias-support .unbias-ct-field input,
  .unbias-support .unbias-ct-field textarea,
  .unbias-support .unbias-ct-field select,
  .unbias-support .unbias-ct-faq a,
  .unbias-support .unbias-nf-search,
  .unbias-support .unbias-nf-tile{transition:none;}
}

/* editable page-content region (the_content on Contact) */
.unbias-support .unbias-page-content{margin:28px 0;}
.unbias-support .unbias-prose{max-width:720px;line-height:1.7;}
.unbias-support .unbias-prose > * + *{margin-top:16px;}
.unbias-support .unbias-prose a{color:var(--teal-text);font-weight:700;}
.unbias-support .unbias-prose ul,.unbias-support .unbias-prose ol{padding-left:1.25em;}
.unbias-support .unbias-prose img{max-width:100%;height:auto;border-radius:12px;}