/* The brief reads like a finished document. A newly rendered review enters
   once it is visible; its pending state is a fully readable static document. */
#reviewContent .loan-brief{
  border-color:rgba(232,226,240,.2);
  border-radius:8px;
  background:linear-gradient(135deg,#24212a,#1c1921 75%);
  padding:26px 27px 21px;
}
#reviewContent .loan-brief:before{opacity:.022;right:8px;top:-18px}
#reviewContent .brief-eyebrow{display:inline-flex;align-items:center;gap:10px;color:#c3bacd;letter-spacing:.13em}
.brief-brand-mark{display:inline-grid;place-items:center;flex-shrink:0;width:21px;height:21px;border:1px solid #9381a5;border-radius:50%;font-size:14px;font-weight:400;line-height:1;letter-spacing:0;color:#d8c8ef}
.repayment-emblem,#reviewContent .brief-brand-mark{border-radius:6px 6px 6px 2px}
#reviewContent .brief-type{border-color:rgba(227,221,236,.18);color:#d4ccdD;background:rgba(232,225,243,.035);font-size:10px;letter-spacing:.025em}
#reviewContent .brief-amount{margin:25px 0 28px}
#reviewContent .brief-number{font-weight:400;letter-spacing:-.065em}
#reviewContent .brief-currency{color:#cfc0df;font-size:18px;letter-spacing:.07em}
#reviewContent .brief-preferences{border-top-color:rgba(232,226,240,.14);padding-top:20px;gap:24px}
#reviewContent .brief-preference dt{font-size:10px;letter-spacing:.025em;color:#b7afc0;margin-bottom:8px}
#reviewContent .brief-preference dd{font-size:15px;line-height:1.5;color:#f2edf7}
#reviewContent .brief-foot{color:#aaa0b5;font-size:10px;letter-spacing:.015em;margin-top:24px}
#reviewContent .review-group{border-top-color:rgba(232,226,240,.12);margin-top:27px;padding-top:15px}
#reviewContent .review-heading h2{font-size:14px;letter-spacing:-.012em;font-weight:500;color:#e9e2f2}
#reviewContent .review-row{font-size:13px;line-height:1.6;padding:11px 0}
#reviewContent .review-row dt{color:#a99fb5}
#reviewContent .review-row dd{color:#eee8f5}
#reviewContent .review-row+.review-row{border-top-color:rgba(232,226,240,.04)}
#reviewContent .edit-button{color:#c9b9dd;text-decoration:underline;text-decoration-color:rgba(201,185,221,.32);text-underline-offset:4px;font-size:12px}
#reviewContent .edit-button:hover{text-decoration-color:currentColor}

/* Text-only hero pieces reveal from one edge. Detailed answers are always
   visible: their small settling motion never masks the Edit controls. */
@keyframes brief-piece-in{
  from{transform:translateY(12px);clip-path:inset(0 0 100% 0)}
  to{transform:translateY(0);clip-path:inset(0 0 0 0)}
}
@keyframes brief-detail-in{
  from{transform:translateY(7px)}
  to{transform:translateY(0)}
}
@media(prefers-reduced-motion:no-preference){
  #reviewContent.brief-arriving [data-brief-enter]{animation:brief-piece-in 390ms cubic-bezier(.16,1,.3,1) both}
  #reviewContent.brief-arriving [data-brief-enter="amount"]{animation-duration:430ms}
  #reviewContent.brief-arriving [data-brief-enter="term"]{animation-delay:110ms}
  #reviewContent.brief-arriving [data-brief-enter="purpose"]{animation-delay:160ms}
  #reviewContent.brief-arriving [data-brief-enter="detail"]{animation-name:brief-detail-in;animation-duration:340ms}
  #reviewContent.brief-arriving [data-brief-order="0"]{animation-delay:220ms}
  #reviewContent.brief-arriving [data-brief-order="1"]{animation-delay:275ms}
  #reviewContent.brief-arriving [data-brief-order="2"]{animation-delay:325ms}
  #reviewContent.brief-arriving [data-brief-order="3"]{animation-delay:370ms}
}
/* A focused review is immediately stable, including during the first frame. */
#reviewContent:focus-within [data-brief-enter],
body.motion-off #reviewContent [data-brief-enter]{animation:none!important;transform:none;clip-path:none}
@media(prefers-reduced-motion:reduce){
  #reviewContent [data-brief-enter]{animation:none!important;transform:none;clip-path:none}
}
@media(max-width:760px){
  #reviewContent .loan-brief{padding:21px 20px 19px}
  #reviewContent .brief-eyebrow{font-size:9px;gap:8px}
  #reviewContent .brief-brand-mark{width:19px;height:19px;font-size:13px}
  #reviewContent .brief-type{font-size:9px;padding:4px 8px}
  #reviewContent .brief-amount{margin:25px 0 27px}
  #reviewContent .brief-currency{font-size:16px}
  #reviewContent .brief-preferences{gap:20px;padding-top:18px}
  #reviewContent .brief-preference dd{font-size:14px}
  #reviewContent .brief-foot{font-size:9px;line-height:1.6;margin-top:21px}
  #reviewContent .review-group{margin-top:25px}
}
@media(max-width:360px){
  #reviewContent .loan-brief{padding:19px 16px 17px}
  #reviewContent .brief-topline{gap:10px}
  #reviewContent .brief-eyebrow{font-size:8px}
  #reviewContent .brief-currency{font-size:15px}
  #reviewContent .brief-preferences{gap:16px}
}