.subscription-mini{
  margin-top:auto;
  background:var(--surface-dark-on);
  padding:14px 12px;
  border-radius:4px;
  display:grid;
  gap:5px;
}
.subscription-mini span{font-size:8px;letter-spacing:1px;color:#dce589;font-weight:700}
.subscription-mini strong{font-size:15px;color:#fff}
.subscription-mini strong small{font-size:9px;font-weight:400;color:#c5d7cf}
.subscription-mini button{
  background:transparent;
  border:0;
  padding:0;
  color:#c7d9d1;
  text-align:left;
  font:600 10px "DM Sans";
  cursor:pointer;
}
.side-footer{margin-top:18px}
.billing-card{background:#dce589;padding:47px 53px;max-width:700px;box-shadow:12px 12px 0 #b7c971}
.billing-card h2{font:600 41px/1 Fraunces,serif;letter-spacing:-1.4px;margin:12px 0}
.billing-card>p{font-size:14px;line-height:1.6;max-width:430px;color:#47665d}
.billing-price{display:flex;align-items:baseline;margin:25px 0 12px;color:#204b46}
.billing-price span{font-size:18px;font-weight:700}
.billing-price strong{font:600 65px/1 Fraunces,serif;letter-spacing:-3px}
.billing-price small{font-size:13px}
.billing-card ul{list-style:none;padding:0;display:grid;gap:9px;font-size:12px;color:#355b53}
.billing-card .generate{margin:23px 0 11px}
.billing-card>small{display:block;color:#5d746c;font-size:10px}
.share-panel{
  max-width:800px;
  margin:0 auto 17px;
  background:#e9eed0;
  padding:15px 17px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.share-panel>div:first-child{display:grid;gap:4px}
.share-panel strong{font-size:11px}
.share-panel small{font-size:10px;color:#60766f}
.share-actions{display:flex;gap:6px}
.share-actions input{
  width:190px;
  border:1px solid #ced8cf;
  background:#fffefa;
  border-radius:3px;
  padding:9px;
  font:10px "DM Sans";
  color:#657b74;
}
.share-actions .outline-button,.share-actions .generate{
  padding:9px 10px;
  font-size:10px;
  white-space:nowrap;
}
.document-payment-details{display:grid;gap:5px;margin-top:13px}
.document-payment-details span{
  font-size:10px;
  letter-spacing:0;
  text-transform:none;
  color:#375f57;
  font-weight:500;
}
.document-payment-details span:before{content:"✓";margin-right:5px;color:#2a695e}
@media(max-width:700px){
  .subscription-mini{display:none}
  .share-panel{display:block}
  .share-actions{margin-top:13px}
  .share-actions input{flex:1;min-width:0}
  .billing-card{padding:35px 27px}
  .billing-card h2{font-size:34px}
}
@media print{
  .share-panel{display:none!important}
  .document-payment-details span{font-size:9px}
}