.apastigmcalc{
  --apcalc-accent:var(--bs-primary,#49a5b8);
  --apcalc-text:#244249;
  --apcalc-border:rgba(36,66,73,.14);
  --apcalc-soft:rgba(255,255,255,.82);
  color:var(--apcalc-text);
  border-radius:2rem;
  padding:2rem;
  margin:1.5rem 0;
  box-shadow:0 1rem 2.5rem rgba(0,0,0,.08)
}
.apastigmcalc,.apastigmcalc *{box-sizing:border-box}
.apastigmcalc [hidden],.apastigmcalc__modal[hidden]{display:none !important}
.apastigmcalc__hero{min-width:0;max-width:58rem}
.apastigmcalc__topbar{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem}
.apastigmcalc__title{
  margin:0;
  color:var(--apcalc-accent);
  font-size:clamp(2.25rem,4.4vw,4rem);
  line-height:1.04;
  font-weight:800
}
.apastigmcalc__subtitle{
  max-width:54rem;
  font-size:1.05rem;
  line-height:1.7
}
.apastigmcalc .btn.apastigmcalc__help{
  display:inline-flex !important;
  flex:0 0 auto !important;
  align-self:flex-start !important;
  justify-content:center;
  align-items:center;
  gap:.55rem;
  width:auto !important;
  min-width:auto !important;
  max-width:none !important;
  min-height:0 !important;
  height:auto !important;
  max-height:3.25rem;
  margin:0;
  padding:.85rem 1.15rem !important;
  border:1px solid rgba(36,66,73,.08);
  border-radius:999px !important;
  background:rgba(255,255,255,.96) !important;
  white-space:nowrap;
  line-height:1.15;
  color:var(--apcalc-text) !important;
  writing-mode:horizontal-tb !important;
}
.apastigmcalc__help span{font-weight:700}
.apastigmcalc__surface{
  background:var(--apcalc-soft);
  backdrop-filter:blur(3px)
}
.apastigmcalc__eye-title{
  font-size:clamp(1.45rem,2.1vw,2rem);
  line-height:1.15;
  font-weight:800
}
.apastigmcalc__label{
  font-weight:700;
  text-align:left
}
.apastigmcalc .form-select{
  display:block;
  width:100% !important;
  min-height:3.5rem;
  padding-inline-end:3rem;
  border-color:rgba(73,165,184,.32);
  border-radius:1rem;
  color:var(--apcalc-text);
  background-color:#fff;
  box-shadow:none
}
.apastigmcalc .form-select:focus{
  border-color:var(--apcalc-accent);
  box-shadow:0 0 0 .2rem rgba(73,165,184,.16)
}
.apastigmcalc .btn{
  font-weight:700;
  box-shadow:none
}
.apastigmcalc .btn.btn-primary{
  box-shadow:0 .75rem 1.5rem rgba(73,165,184,.18)
}
.apastigmcalc__cta{min-width:12rem}
.apastigmcalc__message{
  min-height:1.5rem;
  font-size:.95rem;
  font-weight:600
}
.apastigmcalc__message.is-error,.apastigmcalc__copy-status.is-error{color:#b42318}
.apastigmcalc__after-result{margin-top:1.5rem}
.apastigmcalc__receipt-strip,
.apastigmcalc__receipt{
  position:relative;
  background:linear-gradient(180deg,rgba(255,255,255,.98),rgba(248,249,247,.98));
  border:1px solid var(--apcalc-border)
}
.apastigmcalc__receipt-strip::before,
.apastigmcalc__receipt-strip::after,
.apastigmcalc__receipt::before,
.apastigmcalc__receipt::after{
  content:"";
  position:absolute;
  left:.85rem;
  right:.85rem;
  height:.7rem;
  background-image:radial-gradient(circle,rgba(36,66,73,.12) 2px,transparent 2px);
  background-size:.9rem .7rem;
  background-repeat:repeat-x;
  opacity:.55;
  pointer-events:none
}
.apastigmcalc__receipt-strip::before,.apastigmcalc__receipt::before{top:-.45rem}
.apastigmcalc__receipt-strip::after,.apastigmcalc__receipt::after{bottom:-.45rem}
.apastigmcalc__receipt-strip-title,
.apastigmcalc__receipt-title{
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.14em
}
.apastigmcalc__receipt-strip-title{font-size:.82rem}
.apastigmcalc__receipt-strip-date{font-size:.85rem;opacity:.72}
.apastigmcalc__receipt-strip-row,
.apastigmcalc__receipt-row{
  display:grid;
  gap:.75rem;
  align-items:start;
  border-top:1px dashed rgba(36,66,73,.16)
}
.apastigmcalc__receipt-strip-row{grid-template-columns:2.5rem 1fr;padding:.8rem 0}
.apastigmcalc__receipt-strip-row strong,
.apastigmcalc__receipt-values{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,"Liberation Mono",monospace}
.apastigmcalc__receipt-header{
  display:flex;
  justify-content:space-between;
  gap:1rem;
  border-bottom:1px dashed rgba(36,66,73,.16);
  padding-bottom:1.25rem
}
.apastigmcalc__receipt-brand{
  display:flex;
  gap:1rem;
  align-items:center;
  min-width:0
}
.apastigmcalc__receipt-brand img{
  width:4.5rem;
  height:4.5rem;
  object-fit:contain;
  border-radius:1rem;
  background:#fff;
  padding:.45rem;
  box-shadow:0 .5rem 1rem rgba(0,0,0,.07)
}
.apastigmcalc__receipt-brand strong{
  display:block;
  font-size:clamp(1.45rem,2vw,2rem);
  line-height:1.15
}
.apastigmcalc__receipt-meta span,.apastigmcalc__receipt-recipe{opacity:.78}
.apastigmcalc__receipt-meta{
  font-size:.95rem;
  text-align:right;
  line-height:1.7
}
.apastigmcalc__receipt-meta strong{display:block;word-break:break-word}
.apastigmcalc__receipt-meta div+div{margin-top:.35rem}
.apastigmcalc__receipt-row{grid-template-columns:3.5rem 1fr;padding:1rem 0}
.apastigmcalc__receipt-row+.apastigmcalc__receipt-row{border-top:1px dotted rgba(36,66,73,.16)}
.apastigmcalc__receipt-row-title{
  font-size:2rem;
  font-weight:900;
  line-height:1
}
.apastigmcalc__receipt-values{
  font-size:clamp(1rem,1.6vw,1.35rem);
  font-weight:700;
  letter-spacing:.02em
}
.apastigmcalc__receipt-recipe{
  border-top:1px dashed rgba(36,66,73,.16);
  margin-top:1.25rem;
  padding-top:1rem;
  font-size:.95rem;
  line-height:1.7
}
.apastigmcalc__footer-note{
  margin-top:1rem;
  font-size:.95rem;
  line-height:1.7
}
.apastigmcalc__modal{
  position:fixed;
  inset:0;
  z-index:1055;
  padding:1.5rem
}
.apastigmcalc__modal-overlay{
  position:absolute;
  inset:0;
  background:rgba(6,15,18,.52)
}
.apastigmcalc__modal-dialog{
  position:relative;
  width:min(100%,62rem);
  max-height:calc(100vh - 3rem);
  overflow:auto;
  margin:0 auto;
  background:#fff;
  border-radius:2rem;
  padding:1.5rem;
  box-shadow:0 2rem 5rem rgba(0,0,0,.22)
}
.apastigmcalc__modal-dialog--share{width:min(100%,74rem)}
.apastigmcalc__modal-close{
  position:absolute;
  top:1rem;
  right:1rem;
  width:2.75rem;
  height:2.75rem;
  border:0;
  border-radius:50%;
  background:rgba(31,49,53,.08);
  font-size:2rem;
  line-height:1;
  cursor:pointer
}
.apastigmcalc__modal-content{
  font-size:1rem;
  line-height:1.75
}
.apastigmcalc__modal-content ul,.apastigmcalc__modal-content ol{padding-left:1.1rem}
.apastigmcalc__share-buttons{
  display:flex;
  flex-wrap:wrap;
  gap:.75rem
}
.apastigmcalc__share-buttons .btn{
  justify-content:center
}
.apastigmcalc__share-buttons svg,.apastigmcalc__help svg,.apastigmcalc__share-trigger svg{
  width:1.05rem;
  height:1.05rem;
  fill:currentColor;
  flex:0 0 auto
}
.apastigmcalc__copy-status{
  min-height:1.35rem;
  font-size:.92rem;
  font-weight:600
}
body.apastigmcalc-modal-open,body.apastigmcalc-share-open{overflow:hidden}
@media (max-width:991.98px){
  .apastigmcalc{padding:1.25rem;border-radius:1.5rem}
  .apastigmcalc__topbar{flex-direction:column;align-items:flex-start}
  .apastigmcalc__modal{padding:1rem}
  .apastigmcalc__modal-dialog{padding:1.25rem;border-radius:1.5rem}
  .apastigmcalc__receipt-header{flex-direction:column}
  .apastigmcalc__receipt-meta{text-align:left}
}
@media (max-width:767.98px){
  .apastigmcalc{padding:1rem}
  .apastigmcalc__title{font-size:clamp(1.9rem,9vw,3rem)}
  .apastigmcalc__receipt-row,.apastigmcalc__receipt-strip-row{grid-template-columns:1fr}
  .apastigmcalc__receipt-row-title{font-size:1.5rem}
  .apastigmcalc__share-buttons .btn{width:100%}
}