/* Local handwriting is loaded only when the confirmation becomes visible. */
@font-face{font-family:Caveat;src:url('/assets/fonts/caveat-latin.woff2') format('woff2');font-style:normal;font-weight:400 700;font-display:swap}

.form-panel.is-submitted{padding:0;background:transparent}
#application-review{scroll-margin-top:130px;min-width:0}
#application-review h3{max-width:490px;font-size:clamp(28px,3vw,36px);line-height:1.15;letter-spacing:-.04em;margin:18px 0 0}
.review-receipt{display:flex;align-items:center;gap:10px;color:var(--purple);font-size:11px;font-weight:600;letter-spacing:.09em}
.review-receipt .review-mark{width:27px;height:27px;margin:0;background:var(--purple);color:white;font-size:17px}
#application-review .review-explanation{max-width:520px;margin:17px 0 30px;font-size:14px;line-height:1.75}

.application-note{--note-rule:#e5e3ec;--note-ink:#36346e;position:relative;isolation:isolate;margin:0 6px 0 0;padding:64px 32px 25px 51px;background:#fffdf6;border:1px solid #e7e3d6;border-radius:3px;box-shadow:4px 5px 0 -1px #f8f6ee,4px 5px 0 0 #e5e1d6,0 13px 25px -17px #302e5940}
.application-note::before{content:"";position:absolute;pointer-events:none;top:14px;left:23px;right:23px;height:17px;background:radial-gradient(circle at 50% 50%,#d8d5e1 0 4.5px,#ece9df 5px 6px,transparent 6.5px) 0 0 / 36px 17px repeat-x}
.application-note::after{content:"";position:absolute;pointer-events:none;top:43px;bottom:0;left:33px;width:1px;background:#ead5ce}
.note-heading{position:relative;padding:0 32px 20px 0}
.note-heading p{margin:0 0 5px;color:#747080;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:.12em}
#application-note-title{margin:0;color:var(--note-ink);font:600 35px/1.15 Caveat,cursive;letter-spacing:0}
.note-spark{position:absolute;right:0;top:12px;color:#d7aa20;font-size:32px;line-height:1;transform:rotate(12deg)}
#review-data{margin:0;border:0}
#review-data .note-entry{padding:12px 0 0}
#review-data dt{margin:0;color:#676272;font-family:Inter,sans-serif;font-size:10px;line-height:18px;font-weight:600;letter-spacing:.025em}
#review-data dd{margin:0;padding:0 0 2px;color:var(--note-ink);font:500 27px/34px Caveat,cursive;letter-spacing:0;white-space:pre-wrap;overflow-wrap:anywhere;background:repeating-linear-gradient(to bottom,transparent 0 33px,var(--note-rule) 33px 34px);background-position:0 0}
.note-signoff{margin:25px 0 0;color:var(--note-ink);font:500 29px/1.2 Caveat,cursive}
.note-signoff span{display:block;margin-top:5px;color:#747080;font:11px/1.5 Inter,sans-serif}
#application-review .review-reference{margin:23px 0 18px;color:var(--muted);font-size:11px;line-height:1.7;overflow-wrap:anywhere}
.review-reference span{font-variant-numeric:tabular-nums}
#application-review .review-actions{gap:12px}
#application-review #copy-status:empty{display:none}
#application-review #copy-status{margin-bottom:0}

@media(max-width:600px){
  #application-review{scroll-margin-top:108px}
  #application-review .review-explanation{margin-bottom:25px}
  .application-note{padding:58px 19px 23px 35px;margin-right:4px}
  .application-note::before{left:13px;right:13px;background-size:30px 17px}
  .application-note::after{left:21px}
  #application-note-title{font-size:32px}
  #review-data dd{font-size:25px;line-height:32px;background:repeating-linear-gradient(to bottom,transparent 0 31px,var(--note-rule) 31px 32px)}
  #application-review .review-actions .button{width:100%;justify-content:center}
}