/* Video-grounded 2021-2022 classic Ejaaba profiles. Scoped ONLY to member
   pages; no changes to home spotlights, auth, question voting or site logo. */
.classic-member-profile {
  --ej-profile-blue:#2871b8;
  --ej-profile-purple:#e9edf9;
  background:#fff;
  color:#343434;
}
.classic-member-profile .ejabat-member-breadcrumb{padding:6px 9px;color:#88929c;font-size:11px}
.classic-member-profile .ejabat-profile-hero {
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  gap:8px;
  min-height:0;
  margin:5px 0 8px;
  padding:5px 7px 10px;
  border:0;
}
.classic-member-profile .ejabat-portrait{
  width:158px;flex:0 0 auto;
  height:158px;padding:5px;box-sizing:content-box;
  margin:0 auto;background:#fff;
  border:0;box-shadow:0 2px 8px rgba(56,63,75,.16);
}
.classic-member-profile .ejabat-portrait img {
  width:158px;height:158px;aspect-ratio:1;object-fit:cover;
  border:0!important;background:#eef2f8;
}
.classic-member-profile .ejabat-profile-core{width:100%;text-align:center;flex:none}
.classic-member-profile .ejabat-profile-heading {
  display:flex;align-items:center;justify-content:center;
  flex-wrap:wrap;gap:4px 8px;border:0;min-height:27px;margin:0;
}
.classic-member-profile .ejabat-profile-heading h1 {
  font-size:20px!important;font-weight:normal!important;color:#363638;
  line-height:1.5;margin:0;
}
.classic-member-profile .ejabat-username{font-size:11px;color:#7b858f}
.classic-member-profile .ejabat-profile-actions {
  display:flex;justify-content:center;align-items:center;
  gap:6px;flex-wrap:wrap;padding:3px 0 0;
}
.classic-member-profile .ejabat-classic-profile-action {
  color:#2a71b3;background:#fff;
  border:1px solid #cfdbec;box-shadow:none;
  font:normal 11px/1.55 Tahoma,Arial,sans-serif;
  border-radius:0;min-height:25px;
  padding:3px 6px;
}
.classic-member-profile .archive-member-toolbar{
  background:var(--ej-profile-purple);
  border:0;border-bottom:1px solid #a4bfe6;
  min-height:30px;padding:0;margin:0;
}
.classic-member-profile .archive-member-toolbar>a{font-size:12px}
.classic-member-profile .archive-member-toolbar .arch-icon{color:#3574b7}
.classic-member-profile .ejabat-classic-empty-bio{
  min-height:0;padding:13px 9px 15px;
  margin:0 0 7px;font-size:13px;color:#9a9a9a;
}
.classic-member-profile .archive-member-bio{margin:4px 0 8px}
.classic-member-profile .ejabat-classic-member-card{
  padding:4px 11px 12px!important;border:0!important;
  border-bottom:1px solid #e4e4e4!important;background:#fff;
  margin:7px 0!important;
}
.classic-member-profile .ejabat-classic-member-card>header{
  flex-direction:row;gap:8px;padding:7px 2px;
  background:#fff!important;border-bottom:1px solid #d4d4d4!important;
}
.classic-member-profile .ejabat-classic-member-card>header>span{
  font-size:13px;color:#4b4b4b;
}
.classic-member-profile .ejabat-classic-member-card .ejabat-profile-balances {
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  padding:6px 0!important;gap:0 16px!important;
}
.classic-member-profile .ejabat-classic-member-card .ejabat-profile-balances>div{
  padding:4px 2px;min-height:26px;
}
.classic-member-profile .ejabat-classic-member-card .ejabat-profile-balances>div>span{
  font-size:13px;color:#303030;font-weight:bold;
}
.classic-member-profile .ejabat-classic-member-card .ejabat-profile-balances>div>b{
  font-size:15px;color:#444;
}
.classic-member-profile .ejabat-profile-weekly-best {
  display:flex;flex-direction:column;align-items:flex-end;
  min-height:0;margin:9px 0!important;padding:8px 12px 11px!important;
  border:0!important;background:#fff!important;gap:3px;
}
.classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond{
  width:130px;min-width:130px;height:110px;
}
.classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond svg{
  width:130px;height:110px;
}
.classic-member-profile .ejabat-profile-weekly-best>div:nth-child(2) {
  width:100%;flex:none;justify-content:flex-end;text-align:right;gap:5px;
}
.classic-member-profile .ejabat-profile-weekly-best>div:nth-child(2) span{
  font-size:14px;color:#333;
}
.classic-member-profile .ejabat-profile-weekly-best>div:nth-child(2) strong{
  font-size:16px;color:#333;font-weight:normal;
}
.classic-member-profile .ejabat-classic-stats{
  margin:8px 0!important;background:#fff;border:0!important;
}
.classic-member-profile .ejabat-classic-stats h2,
.classic-member-profile .ejabat-heritage-section-head{
  background:var(--ej-profile-purple)!important;
  color:#346ca9!important;font-size:13px!important;
  font-weight:normal!important;padding:6px 9px!important;
  margin:0!important;border:0!important;
}
.classic-member-profile .ejabat-classic-stats thead th{
  font-size:11px;color:#373d43;border:0;padding:4px;
}
.classic-member-profile .ejabat-classic-stats tbody th,
.classic-member-profile .ejabat-classic-stats tbody td{
  border:0!important;padding:3px 5px!important;
  font-size:13px;line-height:1.45;
}
.classic-member-profile .ejabat-classic-stats tbody tr:last-child td,
.classic-member-profile .ejabat-classic-stats tbody tr:last-child th{
  padding-bottom:9px!important;
}
.classic-member-profile .ejabat-classic-stats .ejabat-profile-stats-notes{
  font-size:10px;color:#8190a1;padding:0 8px 5px;
}
.classic-member-profile .ejabat-heritage-overview-block {
  display:flex;flex-direction:column;gap:9px;
  margin:6px 0 10px;
}
.classic-member-profile.is-section-view .ejabat-heritage-overview-block{display:none!important}
.classic-member-profile .ejabat-heritage-categories,
.classic-member-profile .ejabat-heritage-followed,
.classic-member-profile .ejabat-heritage-recent{border:0;background:#fff;margin:0}
.classic-member-profile .ejabat-heritage-category-links{
  display:flex;align-items:center;justify-content:flex-start;
  flex-wrap:wrap;gap:6px 14px;padding:9px 10px;min-height:27px;
}
.classic-member-profile .ejabat-heritage-category-links a {
  color:#268128;font-size:12px;text-decoration:none;
}
.classic-member-profile .ejabat-heritage-category-links a:hover{text-decoration:underline}
.classic-member-profile .ejabat-heritage-category-links .ejabat-heritage-manage-followed{
  color:#2e73b1;font-size:10px;margin-right:auto;
}
.classic-member-profile .ejabat-heritage-empty {
  color:#9c9fa4;font-size:11px;padding:7px 10px;margin:0;
}
.classic-member-profile .ejabat-heritage-activity-row{
  display:flex;gap:5px;align-items:flex-start;
  border-bottom:1px solid #ebebeb;padding:6px 5px;
}
.classic-member-profile .ejabat-heritage-activity-symbol{
  flex:0 0 21px;color:#555;
}
.classic-member-profile .ejabat-heritage-activity-symbol svg{width:20px;height:20px}
.classic-member-profile .ejabat-heritage-activity-text{
  min-width:0;flex:1;font-size:12px;line-height:1.6;
}
.classic-member-profile .ejabat-heritage-activity-text>a{color:#2e6eb1}
.classic-member-profile .ejabat-heritage-activity-text>span{color:#444}
.classic-member-profile .ejabat-heritage-activity-text small{
  display:inline-block;color:#8d8d8d;font-size:10px;
}
.classic-member-profile .ejabat-heritage-more{color:#2b6db1;font-size:11px;padding:5px 8px;display:block}
.classic-member-profile .ejabat-profile-tabs{
  background:var(--ej-profile-purple)!important;
  margin-top:3px;
}
.classic-member-profile .ejabat-tab-title{
  background:var(--ej-profile-purple)!important;
  border-bottom:1px solid #cad8ed!important;
  color:#2b6db5!important;
  font-size:13px!important;font-weight:normal!important;
}
.classic-member-profile .ejabat-tab-body{
  border:0!important;background:#fff;
}
.classic-member-profile .ejabat-heritage-answer-row,
.classic-member-profile .ejabat-profile-item{
  border-bottom:1px solid #e6e6e6;
  min-height:0;padding:7px 4px!important;
}
.classic-member-profile .ejabat-heritage-answer-row:nth-of-type(even){background:#f0f0f0}
.classic-member-profile .ejabat-heritage-answer-row .ejabat-profile-item-main{width:100%}
.classic-member-profile .ejabat-heritage-response-head{
  display:flex;align-items:baseline;flex-wrap:wrap;gap:4px 7px;
}
.classic-member-profile .ejabat-heritage-response-head>a:first-of-type{
  color:#2a6db0;font-size:14px;
}
.classic-member-profile .ejabat-heritage-response-icon svg{
  width:17px;height:17px;color:#454545;
}
.classic-member-profile .ejabat-heritage-response-head .ejabat-heritage-question-category{
  color:#248027;margin-right:auto;font-size:10px;
}
.classic-member-profile .ejabat-heritage-answer-preview{
  font-size:12px!important;line-height:1.7!important;color:#4b4b4b!important;
  margin:2px 0 3px!important;
}
.classic-member-profile .ejabat-heritage-response-foot{
  display:flex;flex-wrap:wrap;gap:4px 12px;justify-content:space-between;
  font-size:10px;color:#999;
}
.classic-member-profile .ejabat-heritage-response-foot a{color:#276bac;font-size:11px}
.classic-member-profile .ejabat-heritage-response-foot small{font-size:10px;color:#999}
.classic-member-profile .ejabat-heritage-followers-grid {
  display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 10px;
  padding:11px 12px 16px;
}
.classic-member-profile .ejabat-heritage-followers-grid .ejabat-follow-person {
  display:flex;flex-direction:column;align-items:center;text-align:center;
  gap:5px;border:0!important;padding:0!important;margin:0;min-width:0;
}
.classic-member-profile .ejabat-heritage-follower-photo{
  display:block;width:128px;max-width:100%;height:118px;
  overflow:hidden;background:#fff;
}
.classic-member-profile .ejabat-heritage-follower-photo img {
  display:block;width:100%;height:100%;object-fit:cover;
  border:0!important;background:#edf1f7;
}
.classic-member-profile .ejabat-heritage-follower-copy {
  width:100%;min-width:0;display:block!important;
  text-align:center;line-height:1.4;
}
.classic-member-profile .ejabat-heritage-follower-copy>a {
  font-size:12px;color:#2b6cb2;overflow-wrap:anywhere;
}
.classic-member-profile .ejabat-heritage-follower-copy small{
  display:block;font-size:10px;color:#8b8b8b;
}
@media(max-width:690px){
  .classic-member-profile .ejabat-profile-hero{padding-top:8px;gap:7px}
  .classic-member-profile .ejabat-portrait{width:149px;height:149px}
  .classic-member-profile .ejabat-portrait img{width:149px!important;height:149px!important}
  .classic-member-profile .ejabat-profile-heading h1{font-size:17px!important}
  .classic-member-profile .ejabat-classic-member-card>header>span{font-size:12px}
  .classic-member-profile .ejabat-heritage-followers-grid{gap:10px 8px;padding:10px 5px}
  .classic-member-profile .ejabat-heritage-follower-photo{width:120px;height:109px}
  .classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond,
  .classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond svg{width:116px;height:106px;min-width:116px}
  .classic-member-profile .ejabat-profile-weekly-best>div:nth-child(2){align-items:baseline}
}

/* On an explicit tab the historical site used a tiny portrait and heading,
   keeping the selected answers/questions/followers immediately in view. */
.classic-member-profile.is-section-view .ejabat-profile-hero {
 min-height:0!important;gap:3px!important;padding:5px 3px 6px!important;margin:0!important;
}
.classic-member-profile.is-section-view .ejabat-portrait {
 width:36px!important;height:36px!important;padding:2px!important;
 box-shadow:0 1px 5px rgba(50,70,100,.14)!important;
}
.classic-member-profile.is-section-view .ejabat-portrait img{
 width:36px!important;height:36px!important;
}
.classic-member-profile.is-section-view .ejabat-profile-heading h1 {font-size:15px!important}
.classic-member-profile.is-section-view .ejabat-profile-actions {gap:4px;padding:0}
.classic-member-profile.is-section-view .ejabat-profile-main>.ejabat-heritage-overview-block {
 display:none!important;
}
.classic-member-profile.is-section-view .ejabat-profile-main>.ejabat-tab-body .ejabat-heritage-answer-row {
 padding:7px 6px!important;min-height:0!important;
}

/* Keep the DOM/visual order identical to the archival overview: portrait,
   icon bar, bio, member facts, gem, statistics, categories, activity. */
.classic-member-profile.is-overview-view .ejabat-profile-main>.ejabat-heritage-overview-block{
 order:8!important;
}
.classic-member-profile.is-overview-view .ejabat-profile-main>.ejabat-level-line{order:9!important}
.classic-member-profile.is-overview-view .ejabat-profile-main>.ejabat-profile-tabs{order:10!important}
.classic-member-profile.is-overview-view .ejabat-profile-main>.ejabat-tab-body{order:11!important}

/* Historical homepage displays the summary/category/activity blocks, not an
   automatic multi-page question dump. All original tab links remain active. */
.classic-member-profile.is-overview-view .ejabat-profile-main>.ejabat-tab-body{
 display:none!important;
}
.classic-member-profile .ejabat-profile-weekly-best{
 flex-direction:column!important;align-items:flex-end!important;gap:0!important;
}
.classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond{
 min-width:112px!important;width:112px!important;height:104px!important;
 margin-inline-start:auto!important;
}
.classic-member-profile .ejabat-profile-weekly-best .ejabat-profile-diamond svg{
 width:112px!important;height:104px!important;
}
.classic-member-profile .ejabat-profile-weekly-best>div:nth-child(2){
 justify-content:flex-end!important;align-items:baseline!important;width:100%!important;
}
/* Question tab is a vintage compact blue-link list, not bulky excerpts. */
.classic-member-profile[data-profile-active-tab="questions"] .ejabat-profile-item-main>p{
 display:none!important;
}
.classic-member-profile[data-profile-active-tab="questions"] .ejabat-profile-item{
 padding:6px 4px!important;
}
.classic-member-profile[data-profile-active-tab="questions"] .ejabat-profile-item-meta{
 min-width:37px;
}

/* Tight explicit-tab portrait must not inherit the large overview flex basis. */
.classic-member-profile.is-section-view .ejabat-profile-hero>.ejabat-portrait{
 flex:0 0 36px!important;width:36px!important;height:36px!important;
 min-width:36px!important;max-width:36px!important;
 min-height:36px!important;max-height:36px!important;
 box-sizing:content-box!important;
}
.classic-member-profile.is-section-view .ejabat-profile-hero>.ejabat-portrait img{
 width:36px!important;height:36px!important;max-height:36px!important;
}