/* Master profile page (/masters/<slug>/) — one quiet editorial layout shared
   by all 79 pages: photo + header up top, the cleaned bio as a reading column
   below. Typography mirrors the dossier popup so the same bio reads the same
   in both places. */
:root{
  --prose:#3C3C46; /* long-form reading gray — one shade softer than ink */
}

.mprof{padding:44px 0 72px}
.mp-grid{display:grid;grid-template-columns:280px 1fr;gap:44px;align-items:start}
.mp-photo{margin:0}
.mp-photo img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius);background:var(--photo)}

.mp-crumb{margin-bottom:20px}
.mp-crumb a{font-size:.85rem;font-weight:600;color:var(--gray)}
.mp-crumb a:hover{color:var(--red-deep)}
.mp-head h1{font-size:clamp(2rem,3.6vw,2.9rem);font-weight:800;line-height:1.12;letter-spacing:-.02em}
.mp-headline{color:var(--gray);font-size:1.08rem;line-height:1.55;margin-top:12px;max-width:560px}
.mp-actions{display:flex;align-items:center;gap:22px;margin-top:24px;flex-wrap:wrap}
.mp-price{font-size:.9rem;color:var(--gray)}
.mp-price b{font-family:'Poppins',sans-serif;font-weight:700;font-size:1.1rem;color:var(--ink);margin-left:2px}

/* bio column — same flattening rules as .dz-bio: mixed heading levels become
   one quiet small-caps label, bold-heavy markdown reads as tone, not shouting */
.mp-bio{max-width:640px;margin-top:44px;padding-top:36px;border-top:1px solid var(--line);
  font-size:1.02rem;line-height:1.75;color:var(--prose)}
.mp-bio h1,.mp-bio h2,.mp-bio h3,.mp-bio h4,.mp-bio h5,.mp-bio h6{
  font-family:'Poppins',sans-serif;font-size:.74rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:26px 0 10px;line-height:1.3}
.mp-bio :is(h1,h2,h3,h4,h5,h6):first-child{margin-top:0}
.mp-bio p{margin:0 0 14px}
.mp-bio strong{color:var(--ink);font-weight:500}
.mp-bio ul,.mp-bio ol{margin:0 0 14px;padding-left:20px}
.mp-bio li{margin-bottom:6px}
.mp-bio hr{border:none;border-top:1px solid var(--line);margin:20px 0}
.mp-bio a{color:var(--red-deep);font-weight:600}
.mp-bio em{color:var(--ink)}

/* same-discipline neighbors — every profile links five more profiles */
.mp-more{max-width:640px;margin-top:36px;padding-top:28px;border-top:1px solid var(--line)}
.mp-more h2{font-family:'Poppins',sans-serif;font-size:.74rem;font-weight:700;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
.mp-more ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 22px;margin:14px 0 0;padding:0}
.mp-more a{font-size:.95rem;font-weight:600;color:var(--ink)}
.mp-more a:hover{color:var(--red-deep)}

.mp-foot{max-width:640px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);
  font-size:.95rem;color:var(--gray);line-height:1.6}
.mp-foot a{color:var(--red-deep);font-weight:600;white-space:nowrap}

@media (max-width:760px){
  .mp-grid{grid-template-columns:1fr;gap:28px}
  .mp-photo{max-width:220px}
  .mp-bio{margin-top:36px;padding-top:28px}
}