/* OfficeCalculator.Net v80 — calculation working + precise imperial inputs */
.oc-v80-working{
  margin-top:12px;
  padding:13px 14px;
  border:1px solid #d8e4f7;
  border-radius:12px;
  background:#f8fbff;
  color:#344054;
  font-size:.78rem;
  line-height:1.55;
}
.oc-v80-working > strong{
  display:block;
  margin-bottom:7px;
  color:#173f67;
  font-size:.76rem;
  letter-spacing:.04em;
  text-transform:uppercase;
}
.oc-v80-working ol{
  margin:0;
  padding-left:20px;
}
.oc-v80-working li + li{margin-top:4px}
.oc-v80-input-recap{
  margin-top:10px;
  color:#667085;
  font-size:.74rem;
  line-height:1.5;
}
.oc-v80-rich-result .oc-r47-main{
  white-space:nowrap;
  font-size:clamp(2.15rem,3.7vw,3.75rem)!important;
  letter-spacing:-.035em;
  font-variant-numeric:tabular-nums;
}
.oc-v80-rich-result .oc-r47-stats{
  align-items:stretch;
}
.oc-v80-feet-mode[hidden],
.oc-v80-inches-box[hidden],
.oc-v80-feet-guidance[hidden]{display:none!important}
.oc-v80-ft-pair{
  display:grid;
  grid-template-columns:1fr;
  gap:8px;
}
.oc-v80-ft-pair.is-feet-inches{
  grid-template-columns:minmax(0,1fr) minmax(112px,.46fr);
  align-items:end;
}
.oc-v80-inches-box label{
  display:block;
  margin:0 0 5px!important;
  font-size:.69rem!important;
  color:#667085!important;
}
.oc-v80-feet-guidance{
  grid-column:1/-1;
  margin-top:-1px;
  padding:10px 12px;
  border:1px solid #d9e3f2;
  border-radius:11px;
  background:#f8fafc;
  color:#526174;
  font-size:.74rem;
  line-height:1.5;
}
.oc-v80-feet-guidance strong{color:#152036}
.oc-v80-helper{
  display:block;
  margin-top:6px;
  color:#667085;
  font-size:.7rem;
  line-height:1.45;
}
.oc-v80-result-note{
  margin-top:10px;
  padding:9px 11px;
  border-radius:10px;
  background:#f8fafc;
  color:#667085;
  font-size:.72rem;
  line-height:1.45;
}
body.oc-dark .oc-v80-working,
html.oc-dark-preload .oc-v80-working,
body.oc-dark .oc-v80-feet-guidance,
html.oc-dark-preload .oc-v80-feet-guidance{
  border-color:#344760;
  background:#18263a;
  color:#cbd5e1;
}
body.oc-dark .oc-v80-working > strong,
html.oc-dark-preload .oc-v80-working > strong{color:#9ec0ff}
body.oc-dark .oc-v80-feet-guidance strong,
html.oc-dark-preload .oc-v80-feet-guidance strong{color:#eef4ff}
@media(max-width:700px){
  .oc-v80-ft-pair.is-feet-inches{grid-template-columns:minmax(0,1fr) 118px}
  .oc-v80-rich-result .oc-r47-main{
    white-space:normal;
    overflow-wrap:anywhere;
    font-size:clamp(2rem,10vw,3rem)!important;
  }
}