/* FingerWPM v38 — Public profile hero/level/actions alignment polish. */
.public-profile-body .public-profile-hero{
  grid-template-columns:132px minmax(0,1fr) minmax(280px,300px)!important;
  column-gap:30px!important;
  row-gap:20px!important;
  align-items:center!important;
}
.public-profile-body .public-hero-side{
  min-width:0;
  width:100%;
  align-self:stretch;
  display:flex;
  flex-direction:column;
  justify-content:center;
  gap:16px;
  padding:4px 0 4px 28px!important;
  border-left:1px solid #dfe6f0!important;
}
.public-profile-body .public-level-panel{
  width:100%;
  display:grid;
  grid-template-columns:72px minmax(0,1fr);
  gap:16px;
  align-items:center;
  padding:0 0 16px;
  border-bottom:1px solid #e5eaf2;
}
.public-profile-body .public-level-number{
  width:72px;
  height:72px;
  border-radius:50%;
  flex:none;
  background:linear-gradient(145deg,#edf3ff,#f5efff);
  border:1px solid #d7e1f2;
  box-shadow:0 8px 20px rgba(49,87,213,.08);
}
.public-profile-body .public-level-number span{
  font-size:11px!important;
  line-height:1.15;
  letter-spacing:.07em;
  white-space:nowrap;
}
.public-profile-body .public-level-number strong{
  margin-top:4px;
  font-size:28px!important;
}
.public-profile-body .public-level-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
  align-items:stretch;
}
.public-profile-body .public-level-copy>span{
  margin:0 0 3px;
  font-size:11px!important;
  line-height:1.2;
  letter-spacing:.08em;
}
.public-profile-body .public-level-title{
  display:block;
  margin:0;
  font-size:18px!important;
  line-height:1.25;
  color:#172033;
}
.public-profile-body .public-level-progress{
  width:100%;
  height:8px;
  margin:9px 0 7px;
  background:#e5ebf3;
}
.public-profile-body .public-level-copy small{
  margin:0;
  font-size:12px!important;
  line-height:1.45!important;
  color:#75839a;
}
.public-profile-body .public-level-copy small+small{margin-top:2px}
.public-profile-body .public-action-row{
  width:100%;
  display:grid;
  grid-template-columns:1fr;
  gap:9px!important;
  align-items:stretch;
}
.public-profile-body .public-action-row .public-start,
.public-profile-body .public-action-row .public-share{
  width:100%;
  min-width:0;
  min-height:46px!important;
  margin:0!important;
  padding:0 16px!important;
  border-radius:12px!important;
  font-size:13px!important;
  font-weight:850!important;
  line-height:1.2;
  text-align:center;
  white-space:normal;
  box-shadow:none!important;
  transition:transform .16s ease,box-shadow .16s ease,filter .16s ease,border-color .16s ease;
}
.public-profile-body .public-action-row .public-start{
  background:linear-gradient(105deg,#3157d5,#5273e7)!important;
  color:#fff!important;
  border:1px solid transparent!important;
}
.public-profile-body .public-action-row .public-share{
  background:#fff!important;
  color:#334057!important;
  border:1px solid #cfd9e8!important;
}
@media (hover:hover){
  .public-profile-body .public-action-row .public-start:hover,
  .public-profile-body .public-action-row .public-share:hover{
    transform:translateY(-1px);
    box-shadow:0 8px 18px rgba(32,52,91,.12)!important;
  }
}

/* Tablet: give the level and actions their own clean full-width row. */
@media(max-width:900px){
  .public-profile-body .public-profile-hero{
    grid-template-columns:118px minmax(0,1fr)!important;
    column-gap:24px!important;
  }
  .public-profile-body .public-hero-side{
    grid-column:1/-1!important;
    display:grid!important;
    grid-template-columns:minmax(260px,.9fr) minmax(0,1.35fr);
    gap:22px!important;
    align-items:center!important;
    padding:18px 0 0!important;
    border-left:0!important;
    border-top:1px solid #e2e8f1!important;
  }
  .public-profile-body .public-level-panel{
    padding:0!important;
    border-bottom:0!important;
  }
  .public-profile-body .public-action-row{
     grid-template-columns:repeat(2,minmax(0,1fr));
    gap:8px!important;
  }
}

/* Phones: centered level block and predictable full-width actions. */
@media(max-width:650px){
  .public-profile-body .public-profile-hero{
    grid-template-columns:1fr!important;
    row-gap:16px!important;
  }
  .public-profile-body .public-hero-side{
    grid-column:auto!important;
    display:block!important;
    width:100%;
    padding:18px 0 0!important;
    text-align:left!important;
  }
  .public-profile-body .public-level-panel{
    max-width:none!important;
    margin:0 0 16px!important;
    grid-template-columns:68px minmax(0,1fr);
    gap:14px;
    padding:0 0 16px!important;
    border-bottom:1px solid #e5eaf2!important;
  }
  .public-profile-body .public-level-number{width:68px;height:68px}
  .public-profile-body .public-action-row{
    grid-template-columns:1fr!important;
    gap:9px!important;
  }
}

/* Dark mode must stay as clear and structured as light mode. */
html.theme-dark .public-profile-body .public-hero-side{border-left-color:#34435a!important}
html.theme-dark .public-profile-body .public-level-panel{border-bottom-color:#34435a!important}
html.theme-dark .public-profile-body .public-level-number{
  background:linear-gradient(145deg,#1d2a42,#2a2347)!important;
  border-color:#43526b!important;
  box-shadow:none!important;
}
html.theme-dark .public-profile-body .public-level-number span{color:#b8c6da!important}
html.theme-dark .public-profile-body .public-level-number strong{color:#a98aff!important}
html.theme-dark .public-profile-body .public-level-title{color:#f4f7fb!important}
html.theme-dark .public-profile-body .public-level-copy>span,
html.theme-dark .public-profile-body .public-level-copy small{color:#b8c6da!important}
html.theme-dark .public-profile-body .public-level-progress{background:#2a3850!important}
html.theme-dark .public-profile-body .public-action-row .public-share{
  background:#182235!important;
  color:#f0f5fb!important;
  border-color:#4a5b73!important;
}
@media(max-width:900px){html.theme-dark .public-profile-body .public-hero-side{border-top-color:#34435a!important;border-left:0!important}}
@media(max-width:650px){html.theme-dark .public-profile-body .public-level-panel{border-bottom-color:#34435a!important}}