/* ============================================================
   UNBIAS REVIEW — Author profile (/author/[slug]) + About us (/about)
   Reuses chrome, editorial post cards. Adds profile + editorial
   process modules. Unbias brand.
   Ported onto unbias-* class names; every rule scoped under
   .unbias-prof. Built on the Unbias tokens (tokens.css).
   ============================================================ */

/* money / savings green (used by the funding/independence checklist) */
.unbias-prof{ --save:#0F8A5B; --save-tint:#E6F5EE; }

/* content container — constrain + center like the site chrome (max 1200) */
.unbias-prof .unbias-prof-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-prof button{appearance:none;-webkit-appearance:none;border:0;border-radius:0;background-color:transparent;color:inherit;font:inherit;white-space:normal;cursor:pointer;}
.unbias-prof a{color:inherit;}
/* Re-assert filled CTA buttons' 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-prof .unbias-ab-cta .btn:hover,.unbias-prof .unbias-ab-cta .btn:focus{background:var(--teal);color:#fff;}
/* non-filled outline links (social) must beat reset.css :hover/:focus pink */
.unbias-prof .unbias-au-social a:hover,.unbias-prof .unbias-au-social a:focus{border-color:var(--teal);color:var(--teal-text);background:var(--teal-tint);}

/* ===================== shared section rule ===================== */
.unbias-prof .unbias-x-rule{border-top:2px solid var(--ink);padding-top:14px;margin-bottom:18px;
  display:flex;align-items:baseline;justify-content:space-between;gap:16px;}
.unbias-prof .unbias-x-rule h2{font-family:var(--font-display);font-weight:800;font-size:22px;letter-spacing:-.015em;}
.unbias-prof .unbias-x-rule a{font-size:13px;font-weight:800;color:var(--teal-text);display:inline-flex;align-items:center;gap:5px;white-space:nowrap;}
.unbias-prof .unbias-x-rule a svg{width:14px;height:14px;}

/* ===================== AUTHOR PROFILE ===================== */
.unbias-prof .unbias-au-hero{display:grid;grid-template-columns:132px 1fr;gap:26px;align-items:start;padding:32px 0 26px;border-bottom:1px solid var(--border);}
.unbias-prof .unbias-au-avatar{width:132px;height:132px;border-radius:50%;overflow:hidden;background:var(--surface-alt);border:1px solid var(--border);}
.unbias-prof .unbias-au-avatar image-slot{width:100%;height:100%;}
.unbias-prof .unbias-au-id .kick{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-text);}
.unbias-prof .unbias-au-id h1{font-family:var(--font-display);font-weight:800;font-size:clamp(30px,5vw,42px);letter-spacing:-.02em;margin-top:6px;}
.unbias-prof .unbias-au-role{font-family:var(--font-ui);font-size:15px;font-weight:700;color:var(--text-muted);margin-top:4px;}
.unbias-prof .unbias-au-bio{font-family:var(--font-serif);font-size:18px;line-height:1.65;color:var(--ink-700);margin-top:14px;max-width:62ch;}
.unbias-prof .unbias-au-social{display:flex;gap:8px;margin-top:16px;}
.unbias-prof .unbias-au-social a{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--text-muted);
  border:1px solid var(--border);border-radius:var(--r-pill);padding:8px 14px;transition:all .15s ease;}
.unbias-prof .unbias-au-social a:hover{border-color:var(--teal);color:var(--teal-text);background:var(--teal-tint);}
.unbias-prof .unbias-au-social svg{width:15px;height:15px;}

/* stats band */
.unbias-prof .unbias-au-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border:1px solid var(--border);border-radius:var(--r-lg);overflow:hidden;margin:26px 0 6px;}
.unbias-prof .unbias-au-stats .st{padding:20px 22px;border-right:1px solid var(--border);}
.unbias-prof .unbias-au-stats .st:last-child{border-right:none;}
.unbias-prof .unbias-au-stats .st b{display:block;font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.02em;color:var(--ink);}
.unbias-prof .unbias-au-stats .st span{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--text-subtle);margin-top:4px;display:block;}

/* expertise / how-i-test row */
.unbias-prof .unbias-au-cols{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:8px 0 6px;}
.unbias-prof .unbias-au-cols .col h3{font-family:var(--font-display);font-weight:800;font-size:16px;margin-bottom:10px;}
.unbias-prof .unbias-au-cols .col p{font-family:var(--font-ui);font-size:14.5px;line-height:1.65;color:var(--text-muted);margin:0;}
.unbias-prof .unbias-au-tags{display:flex;flex-wrap:wrap;gap:8px;}
.unbias-prof .unbias-au-tags span{font-size:12.5px;font-weight:700;color:var(--ink-700);background:var(--surface-alt);border:1px solid var(--border);border-radius:var(--r-pill);padding:7px 13px;}

/* ===================== ABOUT US ===================== */
.unbias-prof .unbias-ab-hero{padding:40px 0 30px;border-bottom:1px solid var(--border);}
.unbias-prof .unbias-ab-hero .kick{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-text);}
.unbias-prof .unbias-ab-hero h1{font-family:var(--font-display);font-weight:800;font-size:clamp(34px,6vw,56px);line-height:1.04;letter-spacing:-.025em;margin-top:12px;max-width:18ch;}
.unbias-prof .unbias-ab-hero .lede{font-family:var(--font-serif);font-size:clamp(19px,2.4vw,23px);line-height:1.55;color:var(--ink-700);margin-top:18px;max-width:60ch;}

/* big promise band */
.unbias-prof .unbias-ab-promise{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:30px 0;}
.unbias-prof .unbias-ab-promise .p{display:flex;flex-direction:column;gap:9px;}
.unbias-prof .unbias-ab-promise .p .ic{width:46px;height:46px;border-radius:13px;background:var(--teal-tint);color:var(--teal-text);display:grid;place-items:center;}
.unbias-prof .unbias-ab-promise .p .ic svg{width:22px;height:22px;}
.unbias-prof .unbias-ab-promise .p h3{font-family:var(--font-display);font-weight:800;font-size:17px;}
.unbias-prof .unbias-ab-promise .p p{font-family:var(--font-ui);font-size:14.5px;line-height:1.6;color:var(--text-muted);margin:0;}

/* process steps */
.unbias-prof .unbias-ab-process{padding:26px 0 6px;}
.unbias-prof .unbias-ab-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;counter-reset:step;}
.unbias-prof .unbias-ab-step{background:#fff;border:1px solid var(--border);border-radius:var(--r-lg);padding:22px;display:flex;flex-direction:column;gap:10px;}
.unbias-prof .unbias-ab-step .n{counter-increment:step;width:36px;height:36px;border-radius:50%;background:var(--ink-deep);color:#fff;
  font-family:var(--font-display);font-weight:800;font-size:16px;display:grid;place-items:center;}
.unbias-prof .unbias-ab-step .n::before{content:counter(step);}
.unbias-prof .unbias-ab-step h3{font-family:var(--font-display);font-weight:800;font-size:16px;}
.unbias-prof .unbias-ab-step p{font-family:var(--font-ui);font-size:14px;line-height:1.6;color:var(--text-muted);margin:0;}

/* stats band (dark) */
.unbias-prof .unbias-ab-band{background:var(--ink-deep);border-radius:var(--r-lg);padding:34px;display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin:30px 0;}
.unbias-prof .unbias-ab-band .st b{display:block;font-family:var(--font-display);font-weight:800;font-size:40px;letter-spacing:-.02em;color:var(--teal-bright);line-height:1;}
.unbias-prof .unbias-ab-band .st span{font-family:var(--font-ui);font-size:13px;color:rgba(244,248,248,.72);margin-top:8px;display:block;line-height:1.45;}

/* funding / independence note */
.unbias-prof .unbias-ab-fund{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center;
  background:var(--surface-alt);border-radius:var(--r-lg);padding:30px;margin:30px 0;}
.unbias-prof .unbias-ab-fund h2{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.015em;margin-bottom:12px;}
.unbias-prof .unbias-ab-fund p{font-family:var(--font-ui);font-size:15px;line-height:1.7;color:var(--text-muted);margin:0 0 12px;}
.unbias-prof .unbias-ab-fund p a{color:var(--teal-text);font-weight:700;text-decoration:underline;}
.unbias-prof .unbias-ab-fund .card{background:#fff;border:1px solid var(--border);border-radius:var(--r-md);padding:20px 22px;}
.unbias-prof .unbias-ab-fund .card .row{display:flex;align-items:flex-start;gap:11px;padding:9px 0;font-family:var(--font-ui);font-size:14px;color:var(--ink-700);line-height:1.5;}
.unbias-prof .unbias-ab-fund .card .row svg{width:17px;height:17px;color:var(--save);flex:none;margin-top:1px;}

/* team grid */
.unbias-prof .unbias-ab-team{padding:26px 0 6px;}
.unbias-prof .unbias-team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px 20px;}
.unbias-prof .unbias-tmember{display:flex;flex-direction:column;gap:11px;text-align:left;}
.unbias-prof .unbias-tmember .t-photo{width:88px;height:88px;border-radius:50%;overflow:hidden;background:var(--surface-alt);border:1px solid var(--border);}
.unbias-prof .unbias-tmember .t-photo image-slot{width:100%;height:100%;}
.unbias-prof .unbias-tmember b{font-family:var(--font-display);font-weight:800;font-size:16px;color:var(--ink);}
.unbias-prof .unbias-tmember .t-role{font-family:var(--font-ui);font-size:13px;font-weight:700;color:var(--teal-text);}
.unbias-prof .unbias-tmember p{font-family:var(--font-ui);font-size:13px;line-height:1.55;color:var(--text-muted);margin:0;}
.unbias-prof .unbias-tmember a.t-link{font-size:12.5px;font-weight:800;color:var(--text-subtle);}
.unbias-prof .unbias-tmember:hover a.t-link{color:var(--teal-text);}

/* CTA */
.unbias-prof .unbias-ab-cta{text-align:center;padding:36px 0 10px;}
.unbias-prof .unbias-ab-cta h2{font-family:var(--font-display);font-weight:800;font-size:clamp(24px,3.5vw,32px);letter-spacing:-.02em;}
.unbias-prof .unbias-ab-cta p{font-family:var(--font-ui);font-size:15px;color:var(--text-muted);margin:10px auto 20px;max-width:48ch;}
.unbias-prof .unbias-ab-cta .row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;}

/* ===================== responsive ===================== */
@media (max-width:900px){
  .unbias-prof .unbias-ab-promise{grid-template-columns:1fr;gap:18px;}
  .unbias-prof .unbias-ab-steps{grid-template-columns:1fr 1fr;}
  .unbias-prof .unbias-ab-band{grid-template-columns:1fr 1fr;gap:24px 20px;padding:26px;}
  .unbias-prof .unbias-ab-fund{grid-template-columns:1fr;}
  .unbias-prof .unbias-team-grid{grid-template-columns:1fr 1fr;}
  .unbias-prof .unbias-au-cols{grid-template-columns:1fr;}
}
@media (max-width:760px){
  .unbias-prof .unbias-au-hero{grid-template-columns:1fr;gap:18px;padding:22px 0;}
  .unbias-prof .unbias-au-avatar{width:96px;height:96px;}
  .unbias-prof .unbias-au-stats{grid-template-columns:1fr 1fr;}
  .unbias-prof .unbias-au-stats .st:nth-child(2){border-right:none;}
  .unbias-prof .unbias-au-stats .st:nth-child(1),.unbias-prof .unbias-au-stats .st:nth-child(2){border-bottom:1px solid var(--border);}
}
@media (max-width:560px){
  .unbias-prof .unbias-ab-steps{grid-template-columns:1fr;}
  .unbias-prof .unbias-ab-band{grid-template-columns:1fr 1fr;}
  .unbias-prof .unbias-team-grid{grid-template-columns:1fr;}
}

/* reduced motion */
@media (prefers-reduced-motion:reduce){
  .unbias-prof .unbias-au-social a,
  .unbias-prof .unbias-tmember a.t-link{transition:none;}
}

/* editable page-content region (the_content on About) */
.unbias-prof .unbias-page-content{margin:32px 0;}
.unbias-prof .unbias-prose{max-width:720px;line-height:1.7;}
.unbias-prof .unbias-prose > * + *{margin-top:16px;}
.unbias-prof .unbias-prose a{color:var(--teal-text);font-weight:700;}
.unbias-prof .unbias-prose ul,.unbias-prof .unbias-prose ol{padding-left:1.25em;}
.unbias-prof .unbias-prose img{max-width:100%;height:auto;border-radius:12px;}
