/* What every permit gets you: four facts with room around them, then one
   question with one answer. Fewer words, more space. */
.permit-value { padding: clamp(56px, 9vw, 112px) 0; background: #fff; color: #0B1220 }
.permit-value .wrap { max-width: 1080px; margin: 0 auto; padding: 0 24px }
.pv-head { max-width: 640px }
.permit-value .eyebrow { color: #0A56A8 }
.permit-value h2 { color: #0B1220; margin: 10px 0 12px; font-size: clamp(30px, 3.6vw, 44px); line-height: 1.12; letter-spacing: -.01em }
.permit-value .lede { color: #4A5568; margin: 0; font-size: 18px; line-height: 1.6 }

.pv-stats { list-style: none; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; margin: clamp(36px, 5vw, 56px) 0; padding: 0; border-top: 1px solid #E3E8F0 }
.pv-stats li { padding: 28px 24px 4px 0 }
.pv-stats li + li { padding-left: 24px; border-left: 1px solid #E3E8F0 }
.pv-stats strong { display: block; font: 800 clamp(38px, 4vw, 52px)/1 'Chivo', system-ui, -apple-system, sans-serif; color: #0872DA; letter-spacing: -.02em }
.pv-stats strong em { font-family: 'Instrument Serif', Georgia, serif; font-style: italic; font-weight: 400 }
.pv-stats span { display: block; margin-top: 12px; font-weight: 700; font-size: 16px; color: #0B1220 }
.pv-stats small { display: block; margin-top: 6px; font-size: 14px; line-height: 1.5; color: #5B6B80 }

.pv-calc { display: grid; grid-template-columns: 1.15fr 1fr; gap: 40px 56px; align-items: center; background: #F4F8FD; border: 1px solid #E1EAF5; border-radius: 24px; padding: clamp(28px, 5vw, 52px) }
.pv-ask h3 { margin: 0 0 6px; color: #0B1220; font-size: clamp(22px, 2.4vw, 28px) }
.pv-note { margin: 0 0 26px; color: #5B6B80; font-size: 15px }
.pv-ask label { display: grid; grid-template-columns: 1fr auto; align-items: baseline; gap: 6px 12px; margin: 0 0 22px; font-size: 15px; font-weight: 600; color: #23415C }
.pv-ask label:last-child { margin-bottom: 0 }
.pv-ask output { color: #0A56A8; font-weight: 800; font-size: 17px }
.pv-ask input[type="range"] { grid-column: 1 / -1; width: 100%; margin: 4px 0 0; min-height: 28px; accent-color: #0B6FD6 }

.pv-answer { text-align: center; background: #fff; border-radius: 20px; padding: clamp(28px, 4vw, 40px) 24px; box-shadow: 0 1px 2px rgba(11,18,32,.05), 0 12px 32px rgba(11,111,214,.10) }
.pv-answer span { display: block; font-size: 15px; font-weight: 600; color: #5B6B80 }
.pv-answer strong { display: block; margin: 10px 0 12px; font: 800 clamp(52px, 6vw, 72px)/1 'Chivo', system-ui, sans-serif; color: #0A56A8; letter-spacing: -.03em }
.pv-answer p { margin: 0; color: #5B6B80; font-size: 14.5px; line-height: 1.5 }
.pv-answer .pv-month { margin-top: 10px; color: #0B1220; font-weight: 700; font-size: 16px }
.pv-calc[data-worth="no"] .pv-answer strong { color: #8896A8 }
.pv-fine { grid-column: 1 / -1; margin: 0; color: #6B7A8F; font-size: 13.5px; line-height: 1.6; max-width: 820px }
.pv-fine a { color: #0A56A8 }

@media (max-width: 900px) {
  .pv-stats { grid-template-columns: 1fr 1fr }
  .pv-stats li:nth-child(3) { padding-left: 0; border-left: 0 }
  .pv-stats li:nth-child(n+3) { border-top: 1px solid #E3E8F0; margin-top: 24px }
  .pv-calc { grid-template-columns: 1fr; gap: 28px }
}
@media (max-width: 520px) {
  .pv-stats { grid-template-columns: 1fr 1fr; margin: 32px 0 }
  .pv-stats li, .pv-stats li + li { padding: 20px 12px 0 0; border-left: 0 }
  .pv-stats li:nth-child(even) { padding-left: 14px; border-left: 1px solid #E3E8F0 }
  .pv-stats strong { font-size: 36px }
  .pv-stats span { font-size: 15px }
  .pv-stats small { font-size: 13px }
}