/* Document Request (website): same look as the rest of the site — navy #002147, orange #f36b3b / #FF5722 buttons. */
.dr-crumb { background: #f7f9fc; padding: 18px 0 0; font-size: 13px; color: #666; }
.dr-crumb a { color: #002147; }

.dr-wrap, .dr-site { max-width: 900px; margin: 0 auto; padding: 30px 16px 60px; }
.dr-site h1, .dr-wrap h1 { font-size: 28px; color: #002147; font-weight: 700; margin: 0 0 6px; }
.dr-site h1::after, .dr-wrap h1::after { content: ""; display: block; width: 56px; height: 3px; background: #f36b3b; margin: 8px 0 14px; }
.dr-site .pp-lead { color: #444; font-size: 14.5px; line-height: 1.8; margin-bottom: 20px; }

/* landing panel */
.dr-panel { background: #fff; border: 1px solid #e5e7eb; border-top: 4px solid #f36b3b; border-radius: 4px; padding: 26px 24px 30px; box-shadow: 0 2px 10px rgba(0, 33, 71, .06); text-align: center; }
.dr-panel h1 { font-size: 26px; font-weight: 400; margin: 0 0 6px; }
.dr-panel h1 b { font-weight: 700; }
.dr-panel h1::after { margin: 10px auto 14px; }
.dr-lead { color: #444; font-size: 14.5px; margin: 0 auto 24px; max-width: 660px; line-height: 1.8; }
.dr-cards { display: flex; gap: 22px; flex-wrap: wrap; justify-content: center; margin-bottom: 26px; }
.dr-card { flex: 1; min-width: 240px; max-width: 340px; display: flex; flex-direction: column; align-items: center; gap: 6px; }
.dr-ico { width: 100%; height: 120px; border: 1px solid #ffd9c8; border-radius: 4px; background: #fff7f3; display: flex; align-items: center; justify-content: center; color: #f36b3b; }
.dr-card-t { font-size: 17px; color: #002147; font-weight: 600; margin-top: 10px; }
.dr-card-s { font-size: 13px; color: #666; min-height: 38px; line-height: 1.5; }
.dr-sub { display: block; font-size: 20px; color: #002147; font-weight: 400; margin: 8px 0 12px; text-align: center; }
.dr-sub::after { content: ""; display: block; width: 56px; height: 3px; background: #f36b3b; margin: 8px auto 0; }
.dr-sub b { font-weight: 700; }
.dr-list { display: inline-block; text-align: left; font-size: 14.5px; color: #444; line-height: 1.9; padding-left: 20px; margin: 0; }
.dr-list li { list-style: decimal; }
.dr-fee { margin-left: 8px; font-size: 12.5px; font-weight: 700; color: #002147; background: #fff1ea; border: 1px solid #ffd9c8; border-radius: 3px; padding: 1px 9px; }
.dr-alert { background: #fee2e2; color: #991b1b; border: 1px solid #fca5a5; border-radius: 4px; padding: 12px 14px; }

/* buttons: the site's orange (.btn-submit) */
.dr-btn, .dr-site .pp-btn { display: inline-block; min-width: 190px; padding: 5px 34px; line-height: 32px; border: none; border-radius: 3px; color: #fff; text-decoration: none; text-transform: uppercase; font-weight: 500; font-size: 14px; background: #e74715; background: linear-gradient(to top, #d83d0c, #FF5722); cursor: pointer; }
.dr-btn:hover, .dr-site .pp-btn:hover { color: #fff; opacity: .92; }
.dr-site .pp-btn { min-width: 0; }
.dr-site .pp-btn-green { background: linear-gradient(to top, #d83d0c, #FF5722); }
.dr-site .pp-btn-grey { background: #6b7280; margin-left: 8px; }
.dr-site .pp-btn:disabled { opacity: .6; cursor: not-allowed; }
.dr-site .pp-link { color: #002147; }

/* apply page cards */
.dr-site .pp-card { background: #fff; border: 1px solid #e5e7eb; border-top: 4px solid #f36b3b; border-radius: 4px; box-shadow: 0 2px 10px rgba(0, 33, 71, .06); padding: 20px 22px; }
.dr-site .pp-card h2 { font-size: 18px; color: #002147; font-weight: 600; margin: 0 0 12px; border-left: 4px solid #f36b3b; padding-left: 10px; }
.dr-site .pp-n { background: #002147; }
.dr-site .pp-hint { color: #555; }
.dr-site .pp-card label { color: #002147; }
.dr-site .pp-card input[type=text], .dr-site .pp-card input[type=date], .dr-select { width: 100%; border: 1px solid #dcdbdb; border-radius: 3px; padding: 9px 11px; font-size: 14.5px; }
.dr-site .pp-card input:focus, .dr-select:focus { outline: none; border-color: #f36b3b; }
.dr-select { margin-bottom: 8px; background: #fff; }
.dr-site .pp-tbl td:first-child { color: #002147; }
.dr-site .pp-ok { background: #ecfdf3; color: #166534; border: 1px solid #86efac; border-radius: 4px; }
.dr-site .pp-bad { border-radius: 4px; }

/* certificate choices */
.dr-types { display: flex; flex-direction: column; gap: 8px; margin-bottom: 6px; }
.dr-site .pp-card .dr-type { display: flex; align-items: center; gap: 12px; border: 1px solid #dcdbdb; border-radius: 3px; padding: 11px 14px; cursor: pointer; margin: 0; font-weight: 500; background: #fff; }
.dr-type input { margin: 0; accent-color: #f36b3b; }
.dr-site .pp-card .dr-type:hover { border-color: #f36b3b; }
.dr-site .pp-card .dr-type:has(input:checked) { border-color: #f36b3b; background: #fff7f3; }
.dr-type-n { flex: 1; font-size: 14.5px; color: #002147; }
.dr-type-f { font-size: 15px; font-weight: 700; color: #f36b3b; }
.dr-gap2 { margin-top: 20px; }

.dr-info { min-height: 22px; margin-bottom: 8px; }
.dr-h3 { font-size: 16px; color: #002147; font-weight: 600; margin: 18px 0 6px; }
.dr-gap { margin-top: 12px; }

@media (max-width: 600px) { .dr-panel h1 { font-size: 21px; } .dr-site h1 { font-size: 23px; } }
