/* LevelHub Meaning v1.0.0 — compact universal domain */
.lh-meaning-app .lh-main{width:min(1320px,calc(100% - 36px));margin:0 auto;padding:28px 0 52px}
.lh-meaning-visual-head{position:relative;min-height:190px;overflow:hidden;display:flex!important;align-items:flex-end!important;padding:24px!important;background:#b6a2dc!important}
.lh-meaning-visual-head>div{position:relative;z-index:2;max-width:650px}.lh-meaning-visual-head img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.lh-meaning-visual-head:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(49,43,70,.86),rgba(61,50,82,.46) 58%,rgba(61,50,82,.06))}.lh-meaning-visual-head h1,.lh-meaning-visual-head p,.lh-meaning-visual-head .lh-eyebrow{color:#fff!important}.lh-meaning-visual-head p{max-width:620px;margin-bottom:0}
@media(max-width:620px){.lh-meaning-app .lh-main{width:calc(100% - 20px);padding-top:18px}.lh-meaning-visual-head{min-height:220px;padding:18px!important}.lh-meaning-visual-head:after{background:linear-gradient(180deg,rgba(49,43,70,.28),rgba(49,43,70,.9))}}
.lh-meaning-app .lh-meaning-period{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.lh-meaning-period>div:first-child span,
.lh-meaning-period>div:first-child strong{
  display:block;
}
.lh-meaning-period>div:first-child span{
  color:#7891a6;
  font-size:12px;
  font-weight:700;
  letter-spacing:.08em;
}
.lh-meaning-period>div:first-child strong{
  margin-top:2px;
  color:#35546c;
  font-size:16px;
  font-weight:650;
}
.lh-meaning-period>div:last-child{
  display:flex;
  align-items:center;
  gap:6px;
}
.lh-meaning-period form{
  display:flex;
  align-items:center;
  gap:6px;
}
.lh-meaning-period a{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid #dbe7ee;
  border-radius:8px;
  color:#557b95;
  text-decoration:none;
  font-size:15px!important;
}
.lh-meaning-period input{
  min-height:38px!important;
  font-size:13px!important;
}

.lh-meaning-metrics,
.lh-meaning-baseline-grid{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:8px;
}
.lh-meaning-baseline-grid{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.lh-meaning-metric{
  min-width:0;
  padding:10px;
  border:1px solid #e0e9ef;
  border-radius:9px;
  background:#fbfdfe;
}
.lh-meaning-metric span,
.lh-meaning-metric strong,
.lh-meaning-metric small{
  display:block;
}
.lh-meaning-metric span{
  color:#7d93a5;
  font-size:12px!important;
  line-height:1.25;
}
.lh-meaning-metric strong{
  margin-top:3px;
  color:#31516b;
  font-size:23px!important;
  line-height:1.05;
  font-weight:720;
}
.lh-meaning-metric small{
  margin-top:4px;
  color:#8d9eaa;
  font-size:12px!important;
  line-height:1.25;
}

.lh-meaning-input-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.lh-meaning-input-grid>.lh-card{
  min-width:0;
}
.lh-meaning-advanced{
  margin:0!important;
  border:1px solid #e3ebf0;
  border-radius:9px;
  background:#fbfdfe;
}
.lh-meaning-advanced>summary{
  color:#55758c;
}
.lh-meaning-profile .lh-form{
  max-width:100%;
}
.lh-meaning-values{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
}
.lh-meaning-value{
  min-width:0;
  padding:11px;
  border:1px solid #e0e9ef;
  border-radius:10px;
  background:#fff;
}
.lh-meaning-value.is-review{
  border-color:#e7d6b7;
  background:#fffdf8;
}
.lh-meaning-value-main{
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  gap:8px;
}
.lh-meaning-value-main h3{
  margin:5px 0 2px;
  color:#34536b;
  font-size:16px!important;
  line-height:1.2;
  font-weight:680;
}
.lh-meaning-value-main small{
  color:#8b9ba8;
  font-size:12px!important;
}
.lh-meaning-value-main>strong{
  flex:0 0 auto;
  color:#31516b;
  font-size:20px!important;
  line-height:1;
  font-weight:720;
}
.lh-meaning-bar{
  height:5px;
  margin:9px 0;
  overflow:hidden;
  border-radius:999px;
  background:#e8f0f4;
}
.lh-meaning-bar i{
  display:block;
  height:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#79afd1,#a9a3d4);
}
.lh-meaning-review{
  margin-bottom:8px;
  padding:7px 8px;
  border-radius:7px;
  background:#fbf3e4;
  color:#8b7654;
  font-size:12px!important;
  line-height:1.35;
}
.lh-meaning-value-actions{
  display:flex;
  flex-wrap:wrap;
  gap:6px;
}
.lh-meaning-edit{
  margin-top:9px!important;
}
.lh-meaning-edit form{
  margin-top:8px;
}
.lh-meaning-edit .lh-delete-form{
  margin-top:7px;
}
.lh-meaning-reflection{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:6px 12px;
  padding:10px 0;
  border-top:1px solid #e8eef2;
}
.lh-meaning-reflection:first-of-type{
  border-top:0;
}
.lh-meaning-reflection-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:8px;
}
.lh-meaning-reflection-head>div{
  display:flex;
  align-items:center;
  gap:7px;
}
.lh-meaning-reflection-head strong{
  color:#3a5870;
  font-size:13px!important;
}
.lh-meaning-reflection-head>span{
  color:#7e94a5;
  font-size:12px!important;
  white-space:nowrap;
}
.lh-meaning-reflection-meta{
  color:#8d9eaa;
  font-size:12px!important;
}
.lh-meaning-reflection-copy{
  grid-column:1 / -1;
  color:#5f7688;
}
.lh-meaning-reflection-copy p{
  margin:4px 0;
  font-size:13px!important;
  line-height:1.45;
}
.lh-meaning-reflection-copy strong{
  color:#3f5d73;
}
.lh-meaning-reflection>form{
  align-self:start;
}
.lh-meaning-next-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:7px;
}
.lh-meaning-next-list article{
  padding:9px;
  border:1px solid #e1eaf0;
  border-radius:9px;
  background:#fbfdfe;
}
.lh-meaning-next-list article span,
.lh-meaning-next-list article strong,
.lh-meaning-next-list article p{
  display:block;
}
.lh-meaning-next-list article span{
  color:#7893a7;
  font-size:12px!important;
  font-weight:650;
}
.lh-meaning-next-list article strong{
  margin-top:2px;
  color:#35546c;
  font-size:13px!important;
  font-weight:680;
}
.lh-meaning-next-list article p{
  margin:4px 0 0;
  color:#7d91a1;
  font-size:12px!important;
  line-height:1.4;
}

.lh-meaning-app .lh-alert{
  margin-bottom:8px!important;
}

@media(max-width:900px){
  .lh-meaning-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lh-meaning-values{grid-template-columns:1fr}
  .lh-meaning-input-grid{grid-template-columns:1fr}
}
@media(max-width:600px){
  .lh-meaning-app .lh-meaning-period{
    align-items:flex-start;
    flex-direction:column;
  }
  .lh-meaning-period>div:last-child,
  .lh-meaning-period form{
    width:100%;
  }
  .lh-meaning-period form input{
    flex:1;
    min-width:0;
  }
  .lh-meaning-metrics,
  .lh-meaning-baseline-grid{
    grid-template-columns:1fr 1fr;
  }
  .lh-meaning-next-list{grid-template-columns:1fr}
  .lh-meaning-reflection{
    grid-template-columns:1fr;
  }
  .lh-meaning-reflection-head{
    align-items:flex-start;
    flex-direction:column;
  }
  .lh-meaning-reflection-head>span{
    white-space:normal;
  }
}