/* The owner's ADT three-page permit application, adapted for screen widths. */
body[data-permit-layout="pdf-reference"] { background:#e8e9eb; }
.permit-application { max-width:940px; margin:0 auto; padding:112px 20px 56px; color:#303030; font-family:Arial,Helvetica,sans-serif; font-size:14px; line-height:1.4; color-scheme:light; }
.permit-sheet { background:#fff; box-shadow:0 1px 9px #00000013; padding:40px 46px 28px; margin-bottom:28px; min-height:1030px; display:flex; flex-direction:column; }
.permit-document-header { text-align:center; margin-bottom:12px; }
.permit-document-logo { display:block; height:112px; width:auto; margin:0 auto 8px; }
.permit-document-brand { font-size:21px; font-weight:700; color:#080808; margin:0 0 3px; }
.permit-document-header h1 { font:700 20px/1.25 Arial,Helvetica,sans-serif; letter-spacing:0; color:#080808; margin:0; text-transform:uppercase; }
.permit-instructions { font-size:11px; color:#626262; text-align:center; margin:0 0 8px; }
.permit-sheet .permit-block { padding:0; margin:9px 0 0; }
.permit-block h2 { padding:3px 7px; margin:0 0 10px; background:#f1f1f1; color:#080808; font:700 24px/1.25 Arial,Helvetica,sans-serif; letter-spacing:0; text-transform:none; }
.permit-row { display:grid; gap:14px; margin:0 0 10px; align-items:end; }
.permit-cols-1 { grid-template-columns:minmax(0,1fr); }
.permit-cols-2 { grid-template-columns:repeat(2,minmax(0,1fr)); }
.permit-cols-3 { grid-template-columns:1.6fr .65fr 1.25fr; }
.permit-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
.permit-field { display:flex; align-items:baseline; gap:5px; min-width:0; min-height:29px; }
.permit-field label { flex:0 1 auto; font-size:14px; color:#454545; font-weight:400; line-height:1.3; }
.permit-field input,.permit-field textarea { display:block; flex:1 1 0; min-width:28px; width:0; max-width:100%; border:0; border-bottom:1px solid #777; border-radius:0; background:#fff; color:#121212; padding:5px 3px 3px; font:400 15px/1.3 Arial,Helvetica,sans-serif; box-shadow:none; outline-offset:2px; }
.permit-field input { height:30px; }
.permit-field input:focus,.permit-field textarea:focus { background:#fffdeb; border-bottom-color:#7d7100; }
.permit-field input[type="number"] { appearance:textfield; -moz-appearance:textfield; }
.permit-field input::-webkit-outer-spin-button,.permit-field input::-webkit-inner-spin-button { -webkit-appearance:none; margin:0; }
.permit-field input[type="date"],.permit-field input[type="time"] { min-width:105px; font-size:13px; }
.permit-field input[type="date"] { max-width:185px; }
.permit-required { color:#756b00; font-weight:700; font-size:11px; }
.permit-page-footer { display:flex; justify-content:space-between; gap:20px; margin-top:auto; padding-top:24px; font-size:10px; color:#777; }
.permit-page-footer a { color:#555; overflow-wrap:anywhere; }
.permit-axle-group { border:0; min-width:0; padding:0; margin:24px 0 30px; }
.permit-axle-group legend { float:none; display:block; width:100%; font-size:16px; margin-bottom:12px; color:#454545; }
.permit-axle-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:10px 15px; }
.permit-axle-grid .permit-field label { min-width:25px; }
.permit-axle-grid .permit-field input { min-width:30px; text-align:center; }
.permit-spacing { margin-top:34px; }
.permit-spacing-grid { display:grid; grid-template-columns:repeat(var(--spacing-columns),minmax(0,1fr)); gap:12px; margin-bottom:12px; }
.permit-spacing-grid .permit-field { gap:3px; }
.permit-spacing-grid .permit-field label { font-size:12px; white-space:nowrap; }
.permit-spacing-grid .permit-field input { min-width:24px; }
.permit-state-route { display:grid; grid-template-columns:140px minmax(0,1fr); gap:20px; align-items:start; margin:18px 0 26px; }
.permit-field-area { display:flex; flex-direction:column; align-items:stretch; gap:6px; }
.permit-field-area textarea { flex:none; width:100%; line-height:30px; padding:0 3px; border-bottom:0; background:repeating-linear-gradient(to bottom,#fff 0,#fff 29px,#9a9a9a 29px,#9a9a9a 30px); resize:vertical; min-height:120px; }
.permit-field-area textarea:focus { background:repeating-linear-gradient(to bottom,#fffdeb 0,#fffdeb 29px,#8c7f00 29px,#8c7f00 30px); }
.permit-sheet[data-reference-page="3"] .permit-row { margin-bottom:20px; }
.permit-sheet[data-reference-page="3"] .permit-block { margin-top:0; }
.permit-actions { padding:0 4px; color:#333; }
.permit-submit-note { margin:0 0 14px; font-size:14px; }
.permit-submit { min-height:50px; padding:13px 26px; border:0; background:#c8b400; color:#080808; font:700 15px/1.4 Arial,Helvetica,sans-serif; cursor:pointer; }
.permit-submit:hover { background:#dbc700; }
.permit-actions .form-help { color:#555; font-family:Arial,Helvetica,sans-serif; }
.permit-actions .form-help a { color:#554c00; font-weight:700; }
.permit-actions .request-status { font-family:Arial,Helvetica,sans-serif; }
@media(max-width:800px) {
  .permit-application { padding-inline:16px; }
  .permit-sheet { padding-inline:28px; }
  .permit-cols-3,.permit-cols-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .permit-field label { font-size:13px; }
  .permit-axle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .permit-spacing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); }
}
@media(max-width:540px) {
  .permit-application { padding:98px 10px 35px; }
  .permit-sheet { padding:24px 18px 22px; margin-bottom:18px; min-height:0; }
  .permit-document-logo { height:95px; }
  .permit-document-brand { font-size:19px; }
  .permit-document-header h1 { font-size:16px; line-height:1.4; }
  .permit-instructions { font-size:11px; line-height:1.6; margin-top:8px; }
  .permit-block h2 { font-size:21px; margin-bottom:15px; }
  .permit-row { gap:12px 14px; margin-bottom:16px; }
  .permit-cols-2,.permit-cols-3,.permit-cols-4 { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .permit-field { display:flex; flex-direction:column; align-items:stretch; gap:3px; }
  .permit-field label { font-size:13px; line-height:1.4; }
  .permit-field input { width:100%; min-width:0; min-height:40px; height:40px; font-size:16px; }
  .permit-field input[type="date"],.permit-field input[type="time"] { min-width:0; max-width:100%; font-size:14px; }
  .permit-axle-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }
  .permit-axle-grid .permit-field { flex-direction:row; align-items:baseline; gap:3px; }
  .permit-axle-grid .permit-field input { width:0; min-width:25px; flex:1 1 0; }
  .permit-axle-grid .permit-field label { min-width:24px; font-size:13px; }
  .permit-spacing-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
  .permit-state-route { grid-template-columns:minmax(0,1fr); gap:18px; }
  .permit-page-footer { gap:8px; align-items:flex-start; flex-direction:column; font-size:10px; padding-top:28px; }
  .permit-submit { width:100%; }
}
@media print {
  @page { size:letter; margin:0; }
  body[data-permit-layout="pdf-reference"] { margin:0; background:#fff; }
  body[data-permit-layout="pdf-reference"]>nav,body[data-permit-layout="pdf-reference"]>.mobile-menu,body[data-permit-layout="pdf-reference"]>footer,.skip-link,.permit-actions { display:none !important; }
  .permit-application { max-width:none; margin:0; padding:0; }
  .permit-sheet { width:8.5in; min-height:11in; margin:0; padding:.5in; box-shadow:none; break-after:page; }
  .permit-sheet:last-of-type { break-after:auto; }
  .permit-cols-3 { grid-template-columns:1.6fr .65fr 1.25fr; }
  .permit-cols-4 { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .permit-axle-grid { grid-template-columns:repeat(6,minmax(0,1fr)); }
  .permit-spacing-grid { grid-template-columns:repeat(var(--spacing-columns),minmax(0,1fr)); }
  .permit-field { flex-direction:row; align-items:baseline; }
  .permit-field-area { flex-direction:column; align-items:stretch; }
  .permit-field input { width:0; min-height:30px; height:30px; }
  .permit-state-route { grid-template-columns:140px minmax(0,1fr); }
  .permit-document-logo { height:80px; }
  .permit-document-brand { font-size:18px; }
  .permit-document-header h1 { font-size:17px; }
  .permit-instructions { font-size:9px; }
  .permit-row { margin-bottom:6px; gap:10px; }
  .permit-field { min-height:25px; }
  .permit-field label { font-size:11.5px; }
  .permit-field input { height:25px; min-height:25px; font-size:12px; }
  .permit-block h2 { font-size:20px; margin-bottom:7px; }
  .permit-page-footer { font-size:9px; }
}