/* v0.3: one generated identity, from the navigation down to the review kit. */
.brand { gap:11px }
.brand-mark { display:block; width:42px; height:42px; object-fit:contain; flex:none; border-radius:11px; border:1px solid #afcc6b26; background:#000 }
.brand:hover .brand-mark { border-color:#d0ef8770 }
.flow-source { grid-template-columns:42px auto }
.flow-source .brand-mark { width:38px; height:38px; border-radius:9px }
.call-graphic .brand-mark { width:114px; height:114px; border-radius:26px; transform:rotate(-8deg); border-color:#c1e38242 }
.readiness-panel { margin:24px 27px 0; padding:22px; border:1px solid #495638; border-radius:9px; background:linear-gradient(135deg,#222d19,#182013) }
.readiness-heading { display:flex; align-items:center; justify-content:space-between; gap:15px }
.readiness-heading .eyebrow { font-size:8px; letter-spacing:1.7px }
.readiness-heading h3 { font-size:17px; margin:8px 0 0; font-weight:500; letter-spacing:-.3px }
.readiness-heading strong { color:var(--lime); font:21px var(--mono); white-space:nowrap }
.readiness-heading strong span { color:var(--subtle); font-size:14px }
.readiness-panel progress { display:block; width:100%; height:4px; border:0; border-radius:3px; margin:21px 0 19px; background:#37402c; accent-color:var(--lime) }
.readiness-panel progress::-webkit-progress-bar { background:#37402c; border-radius:3px }
.readiness-panel progress::-webkit-progress-value { background:var(--lime); border-radius:3px }
.readiness-panel progress::-moz-progress-bar { background:var(--lime); border-radius:3px }
.readiness-list { list-style:none; display:grid; grid-template-columns:1fr 1fr; gap:13px 20px; padding:0; margin:0 }
.readiness-list li { display:flex; align-items:center; gap:8px; font-size:10px; color:#b2bf9f }
.readiness-list small { margin-left:auto; color:#9aab89; font-size:9px; white-space:nowrap }
.material-dot { width:7px; height:7px; border:1px solid #a8bc86; border-radius:50%; flex:none }
.readiness-list .complete .material-dot { background:var(--lime); border-color:var(--lime) }
.readiness-list .complete small { color:var(--lime) }
.readiness-panel>p { font-size:10px; color:#aabb95; margin:19px 0 0; line-height:1.7 }
form label .field-note { display:inline; font-size:9px; margin-left:6px; color:#a6b792 }
.review-actions { display:flex; gap:14px; align-items:center; flex-wrap:wrap; border-top:1px solid var(--line); padding-top:18px }
.review-actions>small { width:100%; font-size:10px; color:var(--muted); line-height:1.6 }
.review-actions .text-link { gap:6px; font-size:11px }
dialog.review-preview { width:min(740px,calc(100% - 32px)); max-height:85vh; overflow:auto; padding:28px }
.review-preview .dialog-head { align-items:flex-start }
.review-preview .eyebrow { font-size:9px; margin-bottom:9px }
.preview-disclosure { background:#27321d; border-left:2px solid var(--lime); padding:13px 16px; font-size:12px; line-height:1.9; color:#c6d4b6 }
#review-content { display:grid; grid-template-columns:110px minmax(0,1fr); margin-bottom:0 }
#review-content dt,#review-content dd { padding:15px 0; margin:0; border-bottom:1px solid var(--line); font-size:12px; line-height:1.8; overflow-wrap:anywhere; white-space:pre-wrap }
#review-content dt { color:#aabc94; padding-right:15px }
#review-content dd { color:#e2e9d9 }
@media(max-width:600px) {
  .brand-mark { width:36px; height:36px; border-radius:9px }
  .brand { gap:8px }
  .readiness-panel { margin:18px 17px 0; padding:16px }
  .readiness-heading h3 { font-size:15px }
  .readiness-heading strong { font-size:17px }
  .readiness-list { grid-template-columns:1fr; gap:12px }
  .readiness-list li { font-size:11px }
  dialog.review-preview { padding:20px }
  #review-content { grid-template-columns:1fr }
  #review-content dt { border:0; padding:17px 0 0; font-size:10px }
  #review-content dd { padding:5px 0 15px }
}