/* Mentor profile page. */
/* mentor profile */
.profile{display:grid;grid-template-columns:.9fr 1.1fr;border-bottom:1px solid var(--hair-strong)}
/* M-05 / M-06 / M-36: mentor profile. Stats under the name, the left column stays in view, a Send bar on phones */
.profile .left{background:var(--accent);color:var(--on-accent);padding:clamp(24px,4vw,56px);gap:22px;display:block;align-content:normal}
.profile .left .back{color:var(--on-accent)}
.profile .right{background:var(--paper);padding:clamp(24px,4vw,56px);display:grid;gap:26px;align-content:start}
.kv{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--on-accent)}
.kv div{padding:12px 12px 0 0}
.kv b{display:block;font-size:var(--fs-h3);font-weight:500;letter-spacing:-.03em}
.kv small{font-family:var(--mono);font-size:var(--fs-micro)}
.tsel{display:grid;border:1px solid var(--hair-strong)}
.topt{display:grid;grid-template-columns:24px 1fr auto;gap:14px;align-items:start;padding:14px 16px;border-bottom:1px solid var(--hair);cursor:pointer;background:var(--paper)}
.topt.static{grid-template-columns:1fr auto;cursor:default}
.topt:last-child{border-bottom:0}
.topt input{accent-color:var(--ink);width:20px;height:20px;flex:0 0 20px;margin:2px 0 0}
.topt:has(input:checked){background:var(--mint)}
.topt .p{font-family:var(--mono);font-size:var(--fs-body)}
.review{padding:14px 0;display:grid;gap:6px}
@media (max-width:960px){
  .profile{grid-template-columns:1fr}
}
@media (max-width:600px){
  .topt{grid-template-columns:22px 1fr}
  .topt .p{grid-column:2}
  .topt.static{grid-template-columns:1fr}
  .topt.static .p{grid-column:1}
  .kv b{font-size:var(--fs-h4)}
}
/* paired buttons on the profile span the column, like the price list above them */
.profile .eq-btns{max-width:none}
@media (min-width:961px){
  .profile > .left{padding-left:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)))}
  .profile > .right{padding-right:max(var(--gutter-r),calc((100vw - var(--max)) / 2 + var(--gutter-r)))}
}
.profile .left-in{display:grid;gap:26px}
.prof-name{font-size:clamp(44px,6vw,92px)}
.profile .kv{grid-template-columns:repeat(3,minmax(0,1fr))}
.profile h2.label{font-size:var(--fs-caption);font-weight:400;line-height:1.3}
@media (min-width:961px){
  .profile .left-in{position:sticky;top:calc(73px + 24px)}
}
.send-bar{display:none}
@media (max-width:960px){
  .send-bar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:var(--z-sendbar);align-items:center;justify-content:space-between;gap:12px;min-height:64px;padding:10px var(--gutter-r) calc(10px + env(safe-area-inset-bottom,0px)) var(--gutter);background:var(--ground);border-top:1px solid var(--hair-strong);transition:transform .25s}
  .send-bar b{font-size:var(--fs-h5);font-weight:500}
  .send-bar .btn{min-height:44px}
  .send-bar.gone{transform:translateY(110%)}
  body:has(.send-bar:not(.gone)) .toast{bottom:84px}
  body:has(.send-bar) .ftr{padding-bottom:calc(100px + env(safe-area-inset-bottom,0px))}
}
.topt:has(input:focus-visible){outline:2px solid var(--ink);outline-offset:-2px}
@media (hover:hover){
  .topt:not(.static):not(:has(input:checked)):hover{background:color-mix(in srgb,var(--mint) 55%,var(--paper))}
}