/* MiKO Profile Hero Premium v11 — scoped to member profile */
.page-id-24563 .miko-profile-hero{
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid #d9e7f3!important;
  border-radius:24px!important;
  background:#fff!important;
  box-shadow:0 18px 48px rgba(18,58,96,.09)!important;
}
.page-id-24563 .miko-profile-cover{
  position:relative!important;
  height:205px!important;
  background-color:#d9ebfa!important;
  background-size:cover!important;
  background-position:center 42%!important;
  background-repeat:no-repeat!important;
  overflow:hidden!important;
}
.page-id-24563 .miko-profile-cover:after{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(8,33,59,.02) 18%,rgba(8,33,59,.08) 56%,rgba(8,33,59,.36) 100%),
    linear-gradient(90deg,rgba(5,40,75,.09),transparent 44%,rgba(5,40,75,.03))!important;
}
.page-id-24563 .miko-profile-identity{
  position:relative!important;
  z-index:3!important;
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:14px 18px!important;
  min-height:108px!important;
  padding:0 22px 18px!important;
  background:linear-gradient(180deg,#fff 0%,#fcfdff 100%)!important;
}
.page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar{
  width:122px!important;
  height:122px!important;
  min-width:122px!important;
  margin-top:-52px!important;
  filter:drop-shadow(0 12px 24px rgba(13,53,91,.14))!important;
}
.page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar:before{
  content:""!important;
  position:absolute!important;
  inset:8px!important;
  z-index:-1!important;
  border-radius:50%!important;
  background:#fff!important;
  box-shadow:0 0 0 1px #dce9f5,0 8px 28px rgba(18,62,101,.12)!important;
}
.page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-avatar-img,
.page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar>img:first-child{
  width:100px!important;
  height:100px!important;
  border:5px solid #fff!important;
  border-radius:50%!important;
  object-fit:cover!important;
  box-shadow:0 0 0 2px #e5eef7,0 8px 20px rgba(12,52,91,.12)!important;
}
.page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-frame{
  inset:0!important;
  width:122px!important;
  height:122px!important;
  object-fit:contain!important;
  filter:drop-shadow(0 4px 7px rgba(22,61,96,.12))!important;
}
.page-id-24563 .miko-profile-identity-copy{
  min-width:0!important;
  padding-top:12px!important;
}
.page-id-24563 .miko-profile-identity-copy h1{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  margin:0 0 2px!important;
  color:#12395f!important;
  font-size:27px!important;
  line-height:1.18!important;
  letter-spacing:-.025em!important;
}
.page-id-24563 .miko-profile-name-text{font-weight:900!important}
.page-id-24563 .miko-profile-identity-copy>p:first-of-type{
  margin:0 0 7px!important;
  color:#72869a!important;
  font-size:11px!important;
  font-weight:700!important;
}
.page-id-24563 .miko-profile-hero-bio{
  max-width:650px!important;
  margin:6px 0 8px!important;
  color:#526b83!important;
  font-size:11px!important;
  line-height:1.6!important;
}
.page-id-24563 .miko-profile-identity .miko-user-badges--profile,
.page-id-24563 .miko-profile-identity .miko-badge-showcase{
  display:flex!important;
  align-items:center!important;
  flex-wrap:wrap!important;
  gap:6px!important;
  min-width:0!important;
  margin-top:5px!important;
}
.page-id-24563 .miko-profile-identity .miko-badge,
.page-id-24563 .miko-profile-identity [class*="pill"]{
  max-width:100%!important;
  transition:transform .18s ease,box-shadow .18s ease!important;
}
.page-id-24563 .miko-profile-identity .miko-badge:hover,
.page-id-24563 .miko-profile-identity [class*="pill"]:hover{
  transform:translateY(-1px)!important;
  box-shadow:0 5px 12px rgba(28,72,112,.10)!important;
}
.page-id-24563 .miko-profile-actions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:8px!important;
  align-self:center!important;
  min-width:256px!important;
  padding-top:10px!important;
}
.page-id-24563 .miko-profile-actions>a{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:7px!important;
  min-height:42px!important;
  padding:9px 12px!important;
  border-radius:12px!important;
  text-decoration:none!important;
  white-space:nowrap!important;
  font-size:10px!important;
  font-weight:900!important;
  line-height:1.2!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease!important;
}
.page-id-24563 .miko-profile-actions>a i{
  display:grid!important;
  place-items:center!important;
  width:17px!important;
  height:17px!important;
  flex:0 0 17px!important;
  color:inherit!important;
  font-style:normal!important;
}
.page-id-24563 .miko-profile-actions>a i svg{
  width:17px!important;
  height:17px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.page-id-24563 .miko-profile-public-link{
  border:1px solid #ccdeee!important;
  background:#fff!important;
  color:#345b7f!important;
  box-shadow:0 5px 14px rgba(23,64,103,.06)!important;
}
.page-id-24563 .miko-profile-edit-link{
  border:1px solid #0b72dc!important;
  background:linear-gradient(135deg,#0c7de8,#0a61c7)!important;
  color:#fff!important;
  box-shadow:0 8px 18px rgba(11,104,207,.20)!important;
}
.page-id-24563 .miko-profile-actions>a:hover{
  transform:translateY(-2px)!important;
  box-shadow:0 10px 22px rgba(19,67,112,.14)!important;
}
.page-id-24563 .miko-profile-public-link:hover{
  border-color:#8dbbe4!important;
  background:#f8fcff!important;
  color:#126cc7!important;
}
.page-id-24563 .miko-profile-edit-link:hover{
  background:linear-gradient(135deg,#086fd6,#0757b7)!important;
  color:#fff!important;
}
.page-id-24563 .miko-profile-stats{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
  gap:10px!important;
  padding:13px 16px 16px!important;
  border-top:1px solid #e8eff6!important;
  background:linear-gradient(180deg,#fbfdff,#f7faff)!important;
}
.page-id-24563 .miko-profile-stats>.miko-profile-stat{
  display:grid!important;
  grid-template-columns:44px minmax(0,1fr)!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
  min-height:72px!important;
  padding:11px 13px!important;
  border:1px solid #dde8f2!important;
  border-radius:15px!important;
  background:#fff!important;
  text-align:left!important;
  box-shadow:0 6px 18px rgba(19,62,101,.045)!important;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease!important;
}
.page-id-24563 .miko-profile-stats>.miko-profile-stat:hover{
  transform:translateY(-2px)!important;
  border-color:#bfd8ed!important;
  box-shadow:0 10px 24px rgba(19,62,101,.09)!important;
}
.page-id-24563 .miko-profile-stat-icon{
  display:grid!important;
  place-items:center!important;
  width:42px!important;
  height:42px!important;
  border-radius:13px!important;
  background:#edf6ff!important;
  color:#1176da!important;
  box-shadow:inset 0 0 0 1px rgba(17,118,218,.08)!important;
}
.page-id-24563 .miko-profile-stat-icon svg{
  width:21px!important;
  height:21px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.8!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.page-id-24563 .miko-profile-stat>div{min-width:0!important}
.page-id-24563 .miko-profile-stat b{
  display:block!important;
  margin:0!important;
  color:#12395f!important;
  font-size:23px!important;
  line-height:1!important;
  font-weight:900!important;
}
.page-id-24563 .miko-profile-stat span{
  display:block!important;
  margin-top:5px!important;
  color:#72869a!important;
  font-size:9px!important;
  font-weight:800!important;
  line-height:1.2!important;
}
.page-id-24563 .miko-profile-stat.is-points .miko-profile-stat-icon{background:#fff7df!important;color:#c78a04!important}
.page-id-24563 .miko-profile-stat.is-active-days .miko-profile-stat-icon{background:#eaf6ff!important;color:#1678cf!important}
.page-id-24563 .miko-profile-stat.is-reading .miko-profile-stat-icon{background:#e9f9f1!important;color:#169465!important}
.page-id-24563 .miko-profile-stat.is-streak .miko-profile-stat-icon{background:#fff0ed!important;color:#e86143!important}

@media(max-width:980px){
  .page-id-24563 .miko-profile-identity{grid-template-columns:auto minmax(0,1fr)!important}
  .page-id-24563 .miko-profile-actions{grid-column:1/-1!important;width:100%!important;min-width:0!important;padding-top:0!important}
  .page-id-24563 .miko-profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:760px){
  .page-id-24563 .miko-profile-cover{height:160px!important;background-position:center!important}
  .page-id-24563 .miko-profile-identity{grid-template-columns:88px minmax(0,1fr)!important;gap:10px 12px!important;padding:0 13px 14px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar{width:88px!important;height:88px!important;min-width:88px!important;margin-top:-35px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-avatar-img,
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar>img:first-child{width:72px!important;height:72px!important;border-width:4px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-frame{width:88px!important;height:88px!important}
  .page-id-24563 .miko-profile-identity-copy{padding-top:9px!important}
  .page-id-24563 .miko-profile-identity-copy h1{font-size:21px!important}
  .page-id-24563 .miko-profile-actions{grid-template-columns:1fr 1fr!important;gap:7px!important}
  .page-id-24563 .miko-profile-actions>a{min-width:0!important;white-space:normal!important;text-align:center!important}
  .page-id-24563 .miko-profile-stats{padding:10px!important;gap:8px!important}
  .page-id-24563 .miko-profile-stats>.miko-profile-stat{grid-template-columns:38px minmax(0,1fr)!important;min-height:64px!important;padding:9px!important}
  .page-id-24563 .miko-profile-stat-icon{width:36px!important;height:36px!important;border-radius:11px!important}
  .page-id-24563 .miko-profile-stat-icon svg{width:18px!important;height:18px!important}
  .page-id-24563 .miko-profile-stat b{font-size:20px!important}
}
@media(max-width:430px){
  .page-id-24563 .miko-profile-hero{border-radius:18px!important}
  .page-id-24563 .miko-profile-cover{height:132px!important}
  .page-id-24563 .miko-profile-identity{grid-template-columns:76px minmax(0,1fr)!important;padding:0 10px 11px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar{width:76px!important;height:76px!important;min-width:76px!important;margin-top:-30px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-avatar-img,
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar>img:first-child{width:62px!important;height:62px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-frame{width:76px!important;height:76px!important}
  .page-id-24563 .miko-profile-identity-copy h1{font-size:18px!important;gap:4px!important}
  .page-id-24563 .miko-profile-identity-copy>p:first-of-type{font-size:9px!important}
  .page-id-24563 .miko-profile-hero-bio{font-size:9px!important}
  .page-id-24563 .miko-profile-actions>a{min-height:39px!important;padding:8px!important;font-size:9px!important}
  .page-id-24563 .miko-profile-stats{grid-template-columns:1fr 1fr!important;gap:8px!important}
  .page-id-24563 .miko-profile-stats>.miko-profile-stat{grid-template-columns:34px minmax(0,1fr)!important;gap:8px!important;min-height:59px!important;padding:8px!important;border-radius:12px!important}
  .page-id-24563 .miko-profile-stat-icon{width:32px!important;height:32px!important;border-radius:10px!important}
  .page-id-24563 .miko-profile-stat-icon svg{width:16px!important;height:16px!important}
  .page-id-24563 .miko-profile-stat b{font-size:18px!important}
  .page-id-24563 .miko-profile-stat span{font-size:8px!important}
}
@media(max-width:390px){
  .page-id-24563 .miko-profile-cover{height:126px!important}
  .page-id-24563 .miko-profile-identity{grid-template-columns:72px minmax(0,1fr)!important;gap:8px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar{width:72px!important;height:72px!important;min-width:72px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-avatar-img,
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar>img:first-child{width:58px!important;height:58px!important}
  .page-id-24563 .miko-profile-identity>.miko-cosmetic-avatar .miko-cosmetic-frame{width:72px!important;height:72px!important}
  .page-id-24563 .miko-profile-identity-copy h1{font-size:17px!important}
  .page-id-24563 .miko-profile-actions>a{font-size:8.5px!important;padding-inline:6px!important}
  .page-id-24563 .miko-profile-stats>.miko-profile-stat{min-width:0!important}
}
@media(max-width:360px){
  .page-id-24563 .miko-profile-actions{grid-template-columns:1fr!important}
  .page-id-24563 .miko-profile-stats{gap:6px!important;padding:8px!important}
  .page-id-24563 .miko-profile-stats>.miko-profile-stat{grid-template-columns:30px minmax(0,1fr)!important;gap:6px!important;padding:7px!important}
  .page-id-24563 .miko-profile-stat-icon{width:29px!important;height:29px!important}
  .page-id-24563 .miko-profile-stat b{font-size:17px!important}
}
@media(prefers-reduced-motion:reduce){
  .page-id-24563 .miko-profile-actions>a,
  .page-id-24563 .miko-profile-stats>.miko-profile-stat,
  .page-id-24563 .miko-profile-identity .miko-badge,
  .page-id-24563 .miko-profile-identity [class*="pill"]{transition:none!important}
}