/* Preserve every word and authored line break. Only geometry changes. */
@media(max-width:760px){
 #purchasePlanModal .sn-plan-content>.sn-plan-description{white-space:pre-line!important;font-size:12px!important;line-height:1.65!important;margin:2px 0 8px!important}
 #purchasePlanModal .sn-plan-services>.sn-plan-section-label{display:block!important;color:#aeb3bf;font-size:10px!important;font-weight:500;line-height:1.5!important;margin:0 0 3px!important}
 #purchasePlanModal .sn-plan-option-months{display:grid;gap:0;padding-inline-start:13px!important;align-content:center}
 #purchasePlanModal .sn-duration-periods,#purchasePlanModal .sn-duration-weeks{display:block;white-space:nowrap!important;line-height:1.5!important;word-break:normal;overflow-wrap:normal}
 #purchasePlanModal .sn-duration-weeks{font-size:10.5px;font-weight:500}
 #purchasePlanModal .sn-duration-four .sn-plan-option-months{padding-inline-start:10px!important}
 #purchasePlanModal .sn-plan-option{gap:2px!important}
 #purchasePlanModal .sn-plan-goal-choice{margin:0!important}
 #purchasePlanModal .sn-plan-services{gap:0!important}
 #purchasePlanModal .sn-plan-actions>.sn-plan-buy{min-height:44px!important;line-height:1.5!important}
 #purchasePlanModal .sn-plan-actions>.sn-plan-consult{min-height:30px!important;line-height:1.5!important}
}
@media(max-width:760px) and (max-height:700px){
 #purchasePlanModal .sn-plan-content>.sn-plan-description{font-size:11.5px!important;line-height:1.55!important;margin-bottom:5px!important}
 #purchasePlanModal .sn-plan-options{margin-block:3px!important}
 #purchasePlanModal .sn-plan-goals{margin-block:2px!important}
 #purchasePlanModal .sn-plan-content{padding:4px 10px!important}
}

/* A reference price is static information; it never looks selected. */
#purchasePlanModal .sn-plan-option.sn-plan-option-info {
  cursor:default;
  border-color:rgba(255,255,255,.08);
}
#purchasePlanModal .sn-plan-option-info .sn-plan-option-months {grid-column:2}
#purchasePlanModal .sn-plan-option-info .sn-plan-option-value>.sn-mobile-base-note {display:none}
@media(max-width:760px) {
  #purchasePlanModal .sn-plan-option-info .sn-plan-option-months {padding-inline-start:0!important}
  #purchasePlanModal .sn-plan-option-info .sn-desktop-base-note {display:none}
  #purchasePlanModal .sn-plan-option-info .sn-plan-option-value>.sn-mobile-base-note {display:block!important;order:2;color:#adb0b8}
  #purchasePlanModal .sn-plan-options[data-training-levels] .sn-plan-option-months {padding-inline-start:0!important}
  #purchasePlanModal .sn-plan-options[data-training-levels] .sn-plan-option {padding-block-start:22px!important}
}
#purchasePlanModal .sn-training-periods{font-size:.86em;font-weight:500;color:#adb0b8;white-space:nowrap}
@media(max-width:760px){
 #purchasePlanModal .sn-plan-options[data-training-levels] .sn-plan-option{padding-block-start:16px!important}
}


#purchasePlanModal .sn-plan-checkout:not(.is-private) {
  grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  align-items: stretch !important;
}
#purchasePlanModal .sn-plan-price-and-capacity {
  display: grid;
  align-content: space-between;
  gap: 6px;
  min-width: 0;
}
#purchasePlanModal .sn-plan-checkout:not(.is-private) .sn-plan-actions {
  min-width: 0;
  align-content: space-between;
}
#purchasePlanModal .sn-plan-price-and-capacity .sn-plan-monthly-capacity.is-compact {
  display: grid !important;
  gap: 1px;
  justify-self: stretch;
  text-align: center;
  margin: 0 !important;
}
#purchasePlanModal .sn-plan-monthly-capacity.is-compact > strong {
  white-space: nowrap;
}
#purchasePlanModal fieldset.sn-plan-services {
  min-width: 0;
  border: 1px solid color-mix(in srgb, var(--plan-accent) 30%, rgba(255,255,255,.1));
  border-radius: 12px;
  background: rgba(255,255,255,.025);
  padding: 7px 8px 8px;
}
#purchasePlanModal fieldset.sn-plan-services > legend.sn-plan-section-label {
  padding: 0 5px;
  margin: 0 !important;
  color: #f4f4f6;
  font-size: 11px !important;
  font-weight: 900;
}
#purchasePlanModal fieldset.sn-plan-services > div {
  justify-content: center;
  row-gap: 4px !important;
}
