/* MY ST. BRIELLE — residency continuation enrollment */
.msb-enrollment{
  margin:56px 0 10px;
  padding:0;
  border-top:1px solid rgba(174,138,82,.28);
}
.msb-heading{
  position:relative;
  padding:42px 0 28px;
  border-bottom:1px solid rgba(233,226,211,.09);
}
.msb-heading>span{
  color:#ae8a52;
  font:600 8px var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.18em;
}
.msb-heading h3{
  margin:9px 0 0;
  color:#ded9cc;
  font:400 clamp(38px,4vw,58px)/.92 var(--font-cormorant,Georgia,serif);
  letter-spacing:-.035em;
}
.msb-heading p{
  max-width:720px;
  margin:17px 0 0;
  color:#7f8c90;
  font:400 11px/1.8 var(--font-geist-sans,Arial,sans-serif);
}
.msb-master-choice{
  display:grid;
  grid-template-columns:20px minmax(0,1fr);
  gap:15px;
  align-items:start;
  margin:28px 0 0;
  padding:20px 21px;
  border:1px solid rgba(174,138,82,.34);
  background:
    radial-gradient(circle at 0 0,rgba(174,138,82,.09),transparent 24rem),
    rgba(255,255,255,.012);
  cursor:pointer;
  transition:.25s ease;
}
.msb-master-choice:hover,
.msb-master-choice.selected{
  border-color:rgba(174,138,82,.65);
  background:
    radial-gradient(circle at 0 0,rgba(174,138,82,.14),transparent 25rem),
    rgba(174,138,82,.025);
}
.msb-master-choice input,
.msb-choice input{
  position:absolute;
  opacity:0;
  pointer-events:none;
}
.msb-master-choice>i,
.msb-choice>i{
  position:relative;
  width:15px;
  height:15px;
  margin-top:3px;
  border:1px solid #66757a;
}
.msb-master-choice.selected>i,
.msb-choice.selected>i{
  border-color:#ae8a52;
  background:#ae8a52;
}
.msb-master-choice.selected>i::after,
.msb-choice.selected>i::after{
  content:"✓";
  position:absolute;
  left:2px;
  top:-3px;
  color:#0a0e11;
  font:700 11px var(--font-geist-sans,Arial,sans-serif);
}
.msb-master-choice strong{
  display:block;
  color:#ddd8cb;
  font:400 22px/1.15 var(--font-cormorant,Georgia,serif);
}
.msb-master-choice small{
  display:block;
  margin-top:6px;
  color:#77868a;
  font:400 9px/1.55 var(--font-geist-sans,Arial,sans-serif);
}
.msb-details{
  margin-top:24px;
  padding:0 0 2px 18px;
  border-left:1px solid rgba(174,138,82,.28);
}
.msb-details[hidden]{display:none!important}
.msb-field{padding-top:30px!important}
.msb-choice-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:8px;
  margin:24px 0 0 43px;
}
.msb-choice{
  display:grid;
  grid-template-columns:16px minmax(0,1fr);
  gap:11px;
  align-items:start;
  min-height:68px;
  padding:13px 14px;
  border:1px solid rgba(233,226,211,.11);
  color:#879397;
  cursor:pointer;
  transition:.25s ease;
}
.msb-choice:hover,
.msb-choice.selected{
  border-color:rgba(174,138,82,.47);
  background:rgba(174,138,82,.045);
}
.msb-choice strong{
  display:block;
  color:#bfc3bd;
  font:500 10px/1.35 var(--font-geist-sans,Arial,sans-serif);
}
.msb-choice small{
  display:block;
  margin-top:4px;
  color:#65757a;
  font:400 8px/1.5 var(--font-geist-sans,Arial,sans-serif);
}
.msb-frequency-grid .msb-choice>i{border-radius:50%}
.msb-frequency-grid .msb-choice.selected>i{
  background:transparent;
  box-shadow:inset 0 0 0 3px #101619,inset 0 0 0 8px #ae8a52;
}
.msb-frequency-grid .msb-choice.selected>i::after{display:none}
.msb-fineprint{
  margin:20px 0 0;
  color:#536167;
  font:500 8px/1.65 var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.035em;
  text-transform:uppercase;
}
.msb-receipt{
  width:min(640px,100%);
  margin:2px 0 28px;
  padding:22px 24px;
  border:1px solid rgba(174,138,82,.35);
  background:linear-gradient(145deg,rgba(174,138,82,.07),rgba(8,12,14,.7));
  text-align:left;
}
.msb-receipt>span{
  display:block;
  color:#ae8a52;
  font:600 8px var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.16em;
}
.msb-receipt>strong{
  display:block;
  margin-top:7px;
  color:#ddd8cb;
  font:400 29px var(--font-cormorant,Georgia,serif);
}
.msb-receipt p{
  margin:10px 0 0;
  color:#8b9798;
  font:400 10px/1.65 var(--font-geist-sans,Arial,sans-serif);
}
.msb-receipt b{color:#cdb88d;font-weight:500}
.msb-receipt small{
  display:block;
  margin-top:12px;
  color:#607075;
  font:500 8px/1.6 var(--font-geist-mono,ui-monospace,monospace);
  text-transform:uppercase;
}
.msb-portal-link{
  display:inline-flex;
  margin-top:16px;
  color:#cdb88d;
  font:600 8px var(--font-geist-mono,ui-monospace,monospace);
  letter-spacing:.09em;
  text-decoration:none;
  text-transform:uppercase;
}
.msb-portal-link:hover{color:#e2d3b1}
@media(max-width:680px){
  .msb-details{padding-left:0;border-left:0}
  .msb-choice-grid{grid-template-columns:1fr;margin-left:33px}
  .msb-master-choice{padding:17px}
}