*{box-sizing:border-box}body{margin:0;background:#f6f8f6;color:#203a30;font:1rem/1.55 system-ui,sans-serif}main{max-width:54rem;margin:auto;padding:1rem}h1{font-size:clamp(1.8rem,5vw,2.6rem);line-height:1.15}a{color:#14543b}fieldset{min-width:0;margin:1.25rem 0;padding:1rem;border:1px solid #afc5b8;border-radius:.65rem;background:#fff}legend{font-size:1.13rem;font-weight:700;padding:0 .4rem}label{display:block;margin:.45rem 0;font-weight:650}label span,.hint{font-weight:400;color:#4b5f55}input,select,textarea{display:block;width:100%;min-height:44px;padding:.55rem .65rem;border:1px solid #7d9b8c;border-radius:.35rem;color:inherit;background:#fff;font:inherit}textarea{resize:vertical}.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem 1rem}.notice{padding:1rem;border-left:4px solid #397556;background:#eaf3ed}.check{display:flex;gap:.65rem;align-items:center}.check input{width:1.5rem;min-width:1.5rem}button{font:inherit;font-weight:700;min-height:48px;padding:.65rem 1.15rem;background:#215d43;color:white;border:0;border-radius:.4rem;cursor:pointer}button:disabled{opacity:.65;cursor:wait}:focus-visible{outline:3px solid #0c6d4d;outline-offset:2px}#message{min-height:1.5rem}li{margin:.5rem 0}@media(max-width:560px){.fields{grid-template-columns:1fr}button{width:100%}}
.application-sheet{background:#fff;border:1px solid #9eaea4;padding:clamp(.8rem,4vw,2.25rem);margin:1.5rem 0;color:#202c25}
.document-heading{border-top:5px solid #215d43;border-bottom:2px solid #215d43;padding:.9rem 0;margin-bottom:1rem}
.document-heading p{margin:.15rem 0}.document-heading p:first-child{font-size:.78rem;letter-spacing:.13em;font-weight:750}.document-heading h1{margin:.2rem 0;font-family:Georgia,serif}
.application-sheet fieldset{border:0;border-top:1px solid #aebeb4;border-radius:0;margin:1rem 0;padding:.55rem 0;background:transparent}
.application-sheet legend{padding:.2rem .6rem .2rem 0;font-size:1rem;color:#215d43}
.application-sheet input:not([type=checkbox]),.application-sheet select,.application-sheet textarea{border:0;border-bottom:1px solid #71897b;border-radius:0;background:#f4f8f5}
#signature-pad{display:block;width:100%;height:auto;border:1px solid #71897b;border-bottom:2px solid #215d43;background:#f4f8f5;touch-action:none;cursor:crosshair}
#signature-help{margin:.35rem 0;font-size:.9rem}#clear-signature{width:auto;background:#e7f1ea;color:#215d43}

.application-sheet{padding:clamp(.85rem,3vw,2rem);color:#151515;font-family:Arial,sans-serif}
.application-sheet[hidden]{display:none}
.document-heading{border:0;border-bottom:3px double #252525;text-align:center;padding:.4rem 0 .9rem}
.document-heading h1,.document-heading h2{margin:.2rem 0;font-family:Georgia,serif;color:#161616;font-weight:700;line-height:1.15}
.document-heading p:first-child{letter-spacing:.15em}
.application-sheet fieldset{border:1px solid #595959;padding:.65rem;margin:1.1rem 0;border-radius:0}
.application-sheet legend{background:#efefef;color:#171717;padding:.2rem .45rem;border:1px solid #595959}
.application-sheet .fields{gap:0 1rem}
.application-sheet label{margin:.45rem 0;font-size:.9rem}
.application-sheet label span{font-size:.8rem}
.application-sheet input:not([type=checkbox]),.application-sheet select,.application-sheet textarea{background:transparent;border-bottom:1px solid #565656;padding:.35rem .15rem}
.application-sheet input:focus,.application-sheet textarea:focus,.application-sheet select:focus{background:#f4f8f5}
#signature-pad{background:#fff;border:1px solid #565656}
.review-section{border:1px solid #595959;margin:1rem 0}
.review-section h3{margin:0;padding:.35rem .65rem;background:#efefef;font-size:1rem;border-bottom:1px solid #595959}
.review-section dl{margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.review-section dl div{padding:.45rem .65rem;border-bottom:1px solid #c1c1c1;overflow-wrap:anywhere}
.review-section dt{font-size:.8rem;font-weight:700}
.review-section dd{margin:0;white-space:pre-wrap}
.review-section img{display:block;width:min(calc(100% - 1.3rem),280px);height:auto;margin:.5rem .65rem;border-bottom:1px solid #565656}
.review-actions{display:flex;gap:.75rem;flex-wrap:wrap}
#edit-application{background:#edf1ee;color:#215d43}
@media(max-width:560px){.review-section dl{grid-template-columns:1fr}.review-actions{flex-direction:column}}

body {
  background: #edf2ef;
  color: #263b33;
}
.application-intro { max-width: 66ch; margin: 1rem 0 .65rem; }
.notice {
  margin: .75rem 0;
  border: 1px solid #c5d6cc;
  border-left: 3px solid #6b9380;
  border-radius: .35rem;
  background: #f4f8f5;
  font-size: .92rem;
}
.application-sheet {
  padding: clamp(.85rem, 4vw, 2.4rem);
  border: 1px solid #b8c8bf;
  border-radius: .5rem;
  box-shadow: 0 7px 24px #153b3114;
  color: #23352e;
}
.document-heading {
  padding: 1.05rem .5rem 1.2rem;
  margin-bottom: 1.35rem;
  border-top: 3px solid #215444;
  border-bottom: 3px double #8da398;
  background: #f6f9f7;
}
.document-heading h1, .document-heading h2 {
  color: #163f33;
  margin: .3rem 0;
}
.document-heading p:first-child { color: #426653; }
.document-heading .application-sequence {
  display: inline-block;
  margin-top: .65rem;
  padding: .25rem .65rem;
  border: 1px solid #d0ddd4;
  border-radius: 1rem;
  color: #375947;
  font: 600 .77rem/1.4 system-ui, sans-serif;
}
.application-sheet fieldset,
.review-section { border-color: #9caea4; border-radius: .25rem; }
.application-sheet legend,
.review-section h3 {
  background: #eaf2ed;
  border-color: #9caea4;
  color: #1d4838;
}
.application-sheet legend { font-weight: 750; }
.application-sheet input:not([type=checkbox]),
.application-sheet textarea, .application-sheet select {
  border-bottom-color: #698476;
}
#signature-pad { border-color: #82998e; background: #fbfcfb; }
.review-section dl div { border-bottom-color: #d8e2dc; }
.review-section dl div:nth-child(even) { background: #f9fbfa; }
#review-button, #download-pdf {
  background: #215641;
  box-shadow: 0 2px 5px #173d302e;
}
#review-button:hover, #download-pdf:hover { background: #173f30; }
@media print {
  body, .document-heading { background: white; }
  header, footer, .notice, .application-intro, .application-sequence,
  #az-rules, button { display: none; }
  .application-sheet { box-shadow: none; margin: 0; }
}

body.shared-tools-chrome>.site-header,body.shared-tools-chrome>.site-footer{font-family:Inter,"Segoe UI",sans-serif}
body.shared-tools-chrome .site-header{padding:0 28px;min-height:76px;gap:22px}
body.shared-tools-chrome .brand{color:white;text-decoration:none;font-weight:750;font-size:22px;letter-spacing:-.6px}
body.shared-tools-chrome .brand-dot{color:#c4d9ac}
body.shared-tools-chrome .header-links{display:flex;gap:8px;align-items:center}
body.shared-tools-chrome .header-links a,body.shared-tools-chrome .mobile-menu a{color:#fff;text-decoration:none;padding:12px 14px;border-radius:7px;font-size:14px}
body.shared-tools-chrome .header-links a:hover,body.shared-tools-chrome .header-links a[aria-current],body.shared-tools-chrome .mobile-menu a:hover{background:#ffffff18}
body.shared-tools-chrome .mobile-menu{display:none;position:relative}
body.shared-tools-chrome .mobile-menu summary{list-style:none;padding:12px 16px;border:1px solid #ffffff55;border-radius:8px;color:white;font-size:14px}
body.shared-tools-chrome .mobile-menu summary::-webkit-details-marker{display:none}
body.shared-tools-chrome .mobile-menu summary::after{content:' ☰';margin-left:8px}
body.shared-tools-chrome .mobile-menu[open] summary::after{content:' ×'}
body.shared-tools-chrome .mobile-menu nav{position:absolute;right:0;top:52px;min-width:230px;max-width:calc(100vw - 24px);padding:8px;background:#173f35;border:1px solid #52786b;border-radius:10px;box-shadow:0 12px 30px #183e3533;z-index:20}
body.shared-tools-chrome .mobile-menu a{display:block;line-height:1.5}
body.shared-tools-chrome .site-footer{background:#173f35;color:#edf3e9;padding:38px 28px 28px}
body.shared-tools-chrome .footer-inner{max-width:1300px;margin:auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:32px}
body.shared-tools-chrome .site-footer h2{font-size:20px;margin:0 0 10px}
body.shared-tools-chrome .site-footer h3{font-size:14px;margin:0 0 10px}
body.shared-tools-chrome .site-footer p{color:#d3e2d4;font-size:13px;max-width:470px}
body.shared-tools-chrome .site-footer a{color:#edf3e9;display:inline-block;min-height:40px;padding:8px 0;font-size:13px}
body.shared-tools-chrome .site-footer ul{list-style:none;padding:0;margin:0}
body.shared-tools-chrome .footer-note{max-width:1300px;margin:24px auto 0;padding-top:20px;border-top:1px solid #527367;font-size:12px;line-height:1.65;color:#d3e2d4}
@media(max-width:1000px){body.shared-tools-chrome .header-links{display:none}
body.shared-tools-chrome .mobile-menu{display:block}
body.shared-tools-chrome .site-header{min-height:68px;padding:12px 20px}
}
@media(max-width:600px){body.shared-tools-chrome .site-header{padding:10px 14px;min-height:64px;gap:10px}
body.shared-tools-chrome .brand{font-size:20px}
body.shared-tools-chrome .site-footer{padding:30px 20px 120px}
body.shared-tools-chrome .footer-inner{grid-template-columns:1fr 1fr;gap:24px}
body.shared-tools-chrome .footer-brand{grid-column:1/-1}
body.shared-tools-chrome .footer-note{margin-top:20px}
body.shared-tools-chrome .mobile-menu summary{padding:10px 12px}
}
body.shared-tools-chrome .site-header{display:block;background:#faf8f2;color:#203c32;border-bottom:1px solid #e1e5db;padding:12px 28px;min-height:90px}
body.shared-tools-chrome .header-inner{max-width:1544px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:24px}
body.shared-tools-chrome .site-header .brand,body.shared-tools-chrome .site-footer .brand{display:inline-flex;align-items:center;padding:0;min-height:0;max-width:100%;text-decoration:none;flex-shrink:0}
body.shared-tools-chrome .brand img.brand-lockup{display:block;width:240px;height:auto;max-width:100%}
body.shared-tools-chrome .header-links{gap:10px;flex-wrap:wrap;justify-content:flex-end}
body.shared-tools-chrome .header-links a,body.shared-tools-chrome .mobile-actions>a,body.shared-tools-chrome .mobile-menu summary,body.shared-tools-chrome .mobile-menu nav a{color:#214c3d;background:#edf3e7;border:1px solid #c7d5bb;border-radius:8px;font-weight:600;letter-spacing:.01em;text-decoration:none;transition:background-color .16s,color .16s}
body.shared-tools-chrome .header-links a{padding:11px 14px;min-height:44px;display:inline-flex;align-items:center;font-size:13px}
body.shared-tools-chrome .header-links a[aria-current],body.shared-tools-chrome .mobile-actions>a[aria-current]{background:#214c3d;color:#fff;border-color:#214c3d}
body.shared-tools-chrome .header-links a:hover,body.shared-tools-chrome .mobile-actions>a:hover,body.shared-tools-chrome .mobile-menu summary:hover,body.shared-tools-chrome .mobile-menu nav a:hover{background:#dfead5;color:#173c2b;text-decoration:none}
body.shared-tools-chrome .header-links a[aria-current]:hover,body.shared-tools-chrome .mobile-actions>a[aria-current]:hover{background:#173c2b;color:#fff}
body.shared-tools-chrome .mobile-actions{display:none}
body.shared-tools-chrome .mobile-menu summary{font-size:13px;line-height:20px;padding:11px 14px;min-height:44px;white-space:nowrap}
body.shared-tools-chrome .mobile-menu summary::after{margin-left:5px}
body.shared-tools-chrome .mobile-menu nav{background:#faf8f2;border-color:#c7d5bb;box-shadow:0 12px 30px #214c3d22;padding:8px;top:52px;min-width:240px;max-width:calc(100vw - 36px)}
body.shared-tools-chrome .mobile-menu nav a{padding:11px 12px;min-height:44px;font-size:14px;margin:4px 0}
body.shared-tools-chrome .site-footer a:not(.brand){color:#31522f;font-weight:600;text-decoration:underline;text-decoration-color:#a8ba99;text-underline-offset:4px;text-decoration-thickness:1px}
body.shared-tools-chrome .site-footer a:not(.brand):hover{color:#153e24;text-decoration-color:#31522f}
body.shared-tools-chrome .site-header a:focus-visible,body.shared-tools-chrome .mobile-menu summary:focus-visible,body.shared-tools-chrome .site-footer a:focus-visible{outline:3px solid #9b7840;outline-offset:4px}
body.shared-tools-chrome .site-footer{background:#e9ede1;color:#203c32;border-top:1px solid #d4dccc}
body.shared-tools-chrome .site-footer p{color:#52634e}
body.shared-tools-chrome .site-footer h3{color:#203c32}
body.shared-tools-chrome .footer-note{color:#52634e;border-top-color:#d0d8c7}
@media(max-width:1150px){body.shared-tools-chrome .header-links{gap:8px}
body.shared-tools-chrome .header-links a{padding:10px 11px}
body.shared-tools-chrome .brand img.brand-lockup{width:225px}
}
@media(max-width:1000px){body.shared-tools-chrome .site-header{padding:12px 20px}
body.shared-tools-chrome .header-links{display:none}
body.shared-tools-chrome .mobile-actions{display:flex;align-items:center;gap:8px}
body.shared-tools-chrome .mobile-actions>a{display:flex;align-items:center;justify-content:center;min-height:44px;padding:11px 14px;font-size:13px}
body.shared-tools-chrome .mobile-menu{display:block}
}
@media(max-width:600px){body.shared-tools-chrome .site-header{padding:12px 18px}
body.shared-tools-chrome .header-inner{flex-wrap:wrap;gap:10px}
body.shared-tools-chrome .brand img.brand-lockup{width:215px}
body.shared-tools-chrome .mobile-actions{width:100%;gap:7px}
body.shared-tools-chrome .mobile-actions>a{padding:10px 8px;flex:1;font-size:12px;min-height:46px}
body.shared-tools-chrome .mobile-menu{flex:1}
body.shared-tools-chrome .mobile-menu summary{text-align:center;padding:12px 8px;font-size:12px;min-height:46px}
body.shared-tools-chrome .mobile-menu nav{top:54px}
body.shared-tools-chrome .site-footer .brand img{width:240px}
}
@media(prefers-reduced-motion:reduce){body.shared-tools-chrome .header-links a,body.shared-tools-chrome .mobile-actions>a,body.shared-tools-chrome .mobile-menu summary,body.shared-tools-chrome .mobile-menu nav a{transition:none}
}
body.shared-tools-chrome .site-footer{margin-top:0}
body.shared-tools-chrome .mobile-actions>a{text-align:center}


.skip-link{position:absolute;top:.5rem;left:.5rem;z-index:100;padding:.65rem 1rem;background:#fff;transform:translateY(-180%)}
.skip-link:focus{transform:none}
@media print{body.shared-tools-chrome>.site-header,body.shared-tools-chrome>.site-footer,.skip-link{display:none}}

#email-options:not([hidden]){display:flex;gap:.45rem;flex-wrap:wrap;margin:.25rem 0 .65rem}
#email-options button,.review-edit{width:auto;background:#edf4ee;color:#204d3d;border:1px solid #9caea4;font-size:.85rem;min-height:44px;overflow-wrap:anywhere;text-align:left}
.review-section-heading{display:flex;align-items:center;justify-content:space-between;gap:.45rem;background:#eaf2ed;border-bottom:1px solid #9caea4;padding:0 .55rem}
.review-section-heading h3{border:0;padding:.45rem 0}
.review-edit{margin:.25rem 0;padding:.3rem .55rem}

.draft-tools{border:1px solid #c5d6cc;border-radius:.35rem;padding:.85rem 1rem;background:#f8faf8;margin:1rem 0}
.draft-tools summary{font-size:1rem;font-weight:700;min-height:44px;padding:.6rem 0;cursor:pointer}.draft-tools p{font-size:.92rem;margin:.4rem 0}
.draft-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin:.7rem 0}
.draft-actions button{background:#edf4ee;border:1px solid #82998e;color:#204d3d}
#draft-file[hidden]{display:none}#draft-message{color:#3e594b}
@media print{.draft-tools{display:none}}

.draft-tools h2{font-size:1rem;margin:0 0 .55rem}
.draft-actions{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:.6rem;margin:.4rem 0}
.draft-actions button,.blank-pdf-action{width:100%;min-height:48px;padding:.65rem .65rem;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #82998e;border-radius:.4rem;font-weight:700;font-size:.95rem;line-height:1.35}
.blank-pdf-action{background:#fff;color:#204d3d;text-decoration:none}
.draft-actions button:hover,.blank-pdf-action:hover{background:#dfeadf}
.draft-help summary{font-size:.88rem;min-height:44px;padding:.65rem 0;font-weight:500}
.draft-help p{font-size:.88rem}
@media(max-width:560px){.draft-actions{grid-template-columns:1fr 1fr}.blank-pdf-action{grid-column:1/-1}.draft-tools{padding:.8rem}.draft-tools p{font-size:.88rem}}

@media screen {
  .application-sheet :is(input:not([type]), input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], select, textarea):focus {
    background-color: #fff4cf;
  }
}
@media screen and (hover: hover) {
  .application-sheet :is(input:not([type]), input[type="text"], input[type="email"], input[type="tel"], input[type="date"], input[type="number"], select, textarea):not(:disabled):not([readonly]):hover {
    background-color: #fff4cf;
  }
}

/* The Arizona pilot uses the two-page structure of the blank PDF. */
.application-paper{display:contents}
.application-paper-heading,.application-paper-footer{display:none}
#application.application-arizona:has(#state){
  background:transparent;border:0;padding:0;box-shadow:none;
}
#application.application-arizona:has(#state) .application-paper{
  display:block;background:#fff;border:1px solid #bdccc3;box-shadow:0 5px 18px #153b3112;
  padding:clamp(.8rem,4vw,2rem);margin:0 0 1.15rem;min-width:0;
}
#application.application-arizona:has(#state) .document-heading,
#application.application-arizona:has(#state) .application-paper-heading{
  display:block;border:0;border-top:.35rem solid #1d4838;background:#fff;color:#1d4838;
  text-align:center;padding:.7rem .15rem .65rem;margin:0 0 .55rem;
  font:700 clamp(1.12rem,3.6vw,1.5rem)/1.24 Georgia,serif;
}
#application.application-arizona:has(#state) .document-heading h1{
  font:inherit;font-size:clamp(1.35rem,4.8vw,1.9rem);margin:0 0 .3rem;
}
#application.application-arizona:has(#state) .document-heading p{
  font:400 .8rem/1.4 Arial,sans-serif;letter-spacing:normal;margin:.25rem 0 0;
}
#application.application-arizona:has(#state) .document-heading p:first-child,
#application.application-arizona:has(#state) .document-heading .application-sequence{display:none}
#application.application-arizona:has(#state) fieldset{border:0;padding:.2rem 0;margin:0 0 .75rem}
#application.application-arizona:has(#state) legend{
  display:block;width:100%;padding:.25rem .4rem;background:#eaf2ed;border:0;color:#1d4838;
}
#application.application-arizona:has(#state) :is(input:not([type=checkbox]),select,textarea){
  border:1px solid #8a9c91;min-width:0;
}
#application.application-arizona:has(#state) .application-paper-footer{
  display:flex;justify-content:space-between;gap:.65rem;align-items:flex-end;
  border-top:1px solid #d9e1db;padding-top:.45rem;color:#425e50;font:.72rem/1.4 Arial,sans-serif;
}
.application-paper-footer span:last-child{white-space:nowrap}
@media print{
  #application.application-arizona:has(#state) .application-paper{box-shadow:none;border:0}
  #application.application-arizona:has(#state) .application-paper + .application-paper{break-before:page}
}

#open-signature-dialog[hidden],#signature-line-image[hidden],#signature-line-placeholder[hidden]{display:none}
#application.application-arizona:has(#state) .document-heading h1{color:#1d4838}
#application.application-arizona:has(#state) .application-paper legend{font:700 .88rem/1.3 Arial,sans-serif}
#application.application-arizona:has(#state) #open-signature-dialog{
 width:100%;padding:0;background:transparent;color:#1d4838;text-align:left;box-shadow:none;
 font:600 .84rem/1.4 Arial,sans-serif;
}
.signature-line-preview{
 display:flex;align-items:flex-end;min-height:3.75rem;border-bottom:1px solid #71897b;padding:.25rem 0;
}
#signature-line-placeholder{color:#435d50;font-weight:400}
#signature-line-image{display:block;width:auto;height:3.3rem;max-width:100%;object-fit:contain;object-position:left bottom}
#application-signature-dialog{
 width:min(32rem,calc(100% - 1.5rem));max-height:calc(100% - 1.5rem);margin:auto;padding:1rem;
 border:1px solid #aabcb1;border-radius:.65rem;background:#fff;color:#23352e;
}
#application-signature-dialog::backdrop{background:#10291db3}
#application-signature-dialog h2{margin:0 0 .65rem;font:700 1.3rem/1.25 Georgia,serif}
#dialog-signature-controls #signature-label{display:none}
#dialog-signature-controls #signature-pad{min-height:110px;background:#fff;border:1px solid #71897b}
#dialog-signature-status:empty{display:none}
.application-signature-actions{display:flex;justify-content:flex-end;gap:.5rem;flex-wrap:wrap;margin-top:.65rem}
.application-signature-actions button{width:auto;min-height:44px}
#cancel-signature-dialog{background:#e7f1ea;color:#215d43}

#application .application-paper-subtitle{display:none}
#application.application-arizona:has(#state) .application-paper-subtitle{display:block}
#application.application-arizona:has(#state) .application-standard-subtitle{display:none}

/* PDF typography: 25 pt first title, 19 pt second title, 11 pt section bands, 9 pt supporting text. */
#application.application-arizona:has(#state) .application-paper{container-type:inline-size}
#application.application-arizona:has(#state) .document-heading h1{
 font-family:"Times New Roman",Times,serif;font-size:max(1.4rem,4.664cqw);font-weight:700;line-height:1.12
}
#application.application-arizona:has(#state) .application-paper-heading{
 font-family:"Times New Roman",Times,serif;font-size:max(1.2rem,3.545cqw);font-weight:700;line-height:1.12
}
#application.application-arizona:has(#state) .application-paper :is(label,label span,fieldset p,.application-paper-footer,.application-paper-note),
#application.application-arizona:has(#state) .document-heading .application-paper-subtitle,
#application.application-arizona:has(#state) #open-signature-dialog{
 font:400 max(.8rem,1.679cqw)/1.38 Arial,Helvetica,sans-serif;
}
#application.application-arizona:has(#state) .application-paper legend{
 font:700 max(.875rem,2.052cqw)/1.25 Arial,Helvetica,sans-serif;
}
#application.application-arizona:has(#state) .application-paper :is(input:not([type=checkbox]),select,textarea){
 font-family:Arial,Helvetica,sans-serif;font-weight:400;
}
#application.application-arizona:has(#state) .application-paper-note{display:block;margin:.25rem 0 .7rem}
.application-paper-note{display:none}
@media(max-width:560px){
 #application.application-arizona:has(#state) .application-paper :is(input:not([type=checkbox]),select,textarea){font-size:1rem}
}
#application.application-arizona:has(#state) fieldset:has([name="vehicles"]) .fields{grid-template-columns:1fr}
#application.application-arizona:has(#state) label:has([name="occupants"]){grid-column:1/-1}

#application-signature-dialog{
 padding:clamp(1rem,4vw,1.5rem);border-color:#c2d0c7;border-top:4px solid #215641;
 box-shadow:0 18px 60px #10291d40;border-radius:.8rem;
}
#application-signature-dialog h2{color:#1d4838;font-size:clamp(1.25rem,4vw,1.55rem)}
.signature-pen-controls{
 display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin:.75rem 0;
}
.signature-pen-controls label{font-weight:650;color:#315346}
#application #signature-pen-weight{
 width:auto;min-width:7rem;min-height:44px;padding:.4rem .6rem;font-size:1rem;
 border:1px solid #82998e;border-radius:.35rem;background:#f4f8f5;
}
#dialog-signature-controls #signature-pad{
 min-height:128px;border:1px dashed #82998e;border-radius:.45rem;
 background:linear-gradient(to bottom,transparent 77%,#d7e3dc 77%,#d7e3dc 78%,transparent 78%),#fbfdfb;
}
#dialog-signature-controls #signature-help{color:#435d50;font-size:.82rem;margin:.55rem 0}
#dialog-signature-controls #clear-signature{
 background:#edf4ef;color:#215d43;min-height:44px;padding:.45rem .7rem;
}
.application-signature-actions{border-top:1px solid #d8e2dc;padding-top:.8rem;margin-top:.8rem}

#application-signature-dialog{padding:.85rem 1rem 1rem;width:min(30rem,calc(100% - 1.25rem))}
.signature-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:.5rem}
#application-signature-dialog .signature-dialog-heading h2{margin:0;font-size:clamp(1.15rem,4vw,1.42rem)}
#close-signature-dialog{width:44px;height:44px;min-height:44px;padding:0;flex:none;
 background:#edf4ef;color:#215d43;font:400 1.5rem/1 Arial,sans-serif;border-radius:50%}
.signature-pen-controls{display:grid;grid-template-columns:auto minmax(0,1fr) 2rem;gap:.5rem;margin:.25rem 0 .35rem}
.signature-pen-controls label{white-space:nowrap;margin:0}
#application #application-signature-dialog #signature-pen-weight{
 width:100%;min-width:0;min-height:44px;margin:0;padding:0;border:0;background:transparent;
 accent-color:#215641;cursor:ew-resize;touch-action:pan-y;
}
.signature-stroke-sample{display:block;height:var(--pen-width,3px);border-radius:999px;background:#193b2d}
#dialog-signature-controls #signature-pad{min-height:128px}
#dialog-signature-controls #signature-help{margin:.3rem 0}
.application-signature-actions{margin-top:.5rem;padding-top:.55rem}

#dialog-signature-controls #signature-pad{background:#fbfdfb}

#share-application-pdf[hidden]{display:none}#share-application-pdf{background:#e7f1ea;color:#215641}
#application .application-paper :is(.fields,label,input,select,textarea){min-width:0;max-width:100%}

.paper-swipe-hint{display:none}
@media screen and (max-width:560px){
 #application.application-arizona:has(#state) .paper-swipe-hint{display:block;font-size:.85rem;margin:.35rem 0 .65rem}
 #application.application-arizona:has(#state) .application-paper-scroll{overflow-x:auto;max-width:100%}
 #application.application-arizona:has(#state) .application-paper{min-width:612px}
 #application.application-arizona:has(#state) .application-paper .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
 #application.application-arizona:has(#state) fieldset:has([name="vehicles"]) .fields{grid-template-columns:1fr}
}

#fill-navigation[hidden],#start-filling[hidden]{display:none}
#fill-navigation{position:sticky;top:0;z-index:3;display:flex;justify-content:flex-end;gap:.45rem;padding:.3rem;background:#edf2ef}
#application #fill-navigation button,#application #start-filling{width:auto;min-height:44px;padding:.35rem .8rem}
#fill-back{background:#dce9e0;color:#215641}

#fill-navigation:not([hidden]){
 position:fixed;top:auto;bottom:calc(var(--fill-keyboard,0px) + max(.65rem,env(safe-area-inset-bottom)));
 right:.75rem;z-index:10;background:#fff;border:1px solid #bdccc3;border-radius:.55rem;
 box-shadow:0 4px 16px #153b3126;padding:.25rem;
}
#application:has(#fill-navigation:not([hidden])){padding-bottom:4rem}
#application #start-filling:not([hidden]){
 position:fixed;right:.75rem;bottom:max(.65rem,env(safe-area-inset-bottom));z-index:10;
 border-radius:.55rem;box-shadow:0 4px 16px #153b3126;
}
#application #fill-navigation button{font-size:.875rem}
#application:has(#start-filling:not([hidden])){padding-bottom:4rem}
@media print{
 #application #start-filling,#application #fill-navigation{display:none}
}
#application #start-filling:not([hidden]){top:42%;bottom:auto}
#fill-navigation:not([hidden]){top:var(--fill-top,50%);left:var(--fill-left,auto);right:auto;bottom:auto}
#application #fill-navigation button{min-height:32px;padding:.2rem .65rem;line-height:1.15} #fill-navigation:not([hidden]){padding:.15rem}

.application-files-link{margin:.35rem 0 .85rem;font-size:.875rem}
#application-files{scroll-margin-top:5rem;margin-block:1rem 1.5rem}
.application-guide{margin-block:1.5rem;padding:clamp(1rem,3vw,2rem);border:1px solid #d8e2dc;border-radius:.75rem;background:#f6faf7;color:#193b2d}
.application-guide h2,.application-guide h3{margin-top:0}
.application-guide-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,14rem),1fr));gap:.8rem;margin:1rem 0}
.application-guide-grid section{padding:1rem;background:#fff;border:1px solid #d8e2dc;border-radius:.5rem}
.application-guide-grid p{margin-bottom:0}
#application #review-button{
 display:flex;align-items:center;justify-content:center;gap:.65rem;
 width:fit-content;max-width:100%;min-height:46px;margin:1.35rem auto .5rem;
 padding:.65rem 1.4rem;border:1px solid #215641;border-radius:.65rem;
 background:#215641;color:#fff;font-weight:700;box-shadow:0 3px 9px #193b2d24;
}
#application #review-button::after{content:"\2192";aria-hidden:true}
#application #review-button:not(:disabled):hover{background:#173f30}
#application #review-button:focus-visible{outline:2px solid #215641;outline-offset:4px}
#application #review-button:disabled{opacity:1;background:#edf3ee;color:#52665b;border-color:#cbd9d0;box-shadow:none}
#application #missing-fields {
 background:#f3f8f4;border:1px solid #d5e4d9;border-radius:.65rem;
 color:#234c39;width:fit-content;max-width:min(24rem,100%) !important;
}
#missing-fields summary{padding:.45rem .85rem;font-weight:600}
#missing-fields[open] summary{border-bottom:1px solid #d5e4d9}
#missing-fields ul{padding-inline:.65rem !important}
#missing-fields small:not(:empty){display:block;padding:0 .65rem .45rem}

/* Keep navigation out of document flow when an input receives focus. */
#application #start-filling:not([hidden]) {
  position:fixed;top:42%;right:.75rem;bottom:auto;left:auto;
  display:inline-flex;align-items:center;justify-content:center;
  min-height:36px;padding:.45rem .8rem;font:600 .875rem/1.2 Arial,sans-serif;
  background:#215641;color:#fff;text-decoration:none;touch-action:manipulation;
}
#application #fill-navigation:not([hidden]) {
  position:fixed;top:var(--fill-top,0px);left:var(--fill-left,0px);
  right:auto;bottom:auto;width:max-content;margin:0;visibility:visible;
}
#fill-navigation button{touch-action:manipulation}
#application .application-paper input,
#application .application-paper textarea{cursor:text}
#application .application-paper input,
#application .application-paper select,
#application .application-paper textarea{scroll-margin-block:3rem;touch-action:manipulation}
@media print {
  #application #start-filling:not([hidden]),#application #fill-navigation:not([hidden]){display:none}
}

/* Keep mobile field navigation in one predictable place above the keyboard. */
@media screen {
 #application.application-arizona:has(#state) .application-paper label:focus-within,
 #application.application-arizona:has(#state) .application-paper label:focus-within > span {color:#15583d}
 #application.application-arizona:has(#state) .application-paper :is(input:not([type=checkbox]):not([type=range]),select,textarea):focus {
  color:#183d2e;background:#f0f8ed;border-color:#237447;
  outline:2px solid #237447;outline-offset:1px;
 }
}
@media screen and (max-width:600px), screen and (hover:none) and (pointer:coarse) {
 #application #fill-navigation:not([hidden]) {
  width:var(--fill-width,calc(100vw - 24px));justify-content:space-between;
  padding:6px 8px;gap:12px;border-radius:10px;background:#fff;
 }
 #application #fill-navigation button {
  width:auto;min-height:32px;padding:6px 12px;font:600 13px/20px Arial,sans-serif;
  white-space:nowrap;border-radius:6px;
 }
 #application #fill-navigation button:disabled{cursor:default;opacity:.45}
 #application.application-arizona:has(#state) .application-paper label:not(.check) {
  max-width:min(100%,calc(100vw - 64px));line-height:1.5;overflow-wrap:anywhere;
 }
 #application.application-arizona:has(#state) .application-paper :is(input:not([type=checkbox]):not([type=range]),select,textarea) {
  max-width:min(100%,calc(100vw - 64px));margin-top:6px;padding:8px;
  font:400 16px/1.35 Arial,sans-serif;box-sizing:border-box;
 }
 #application.application-arizona:has(#state) .application-paper :is(input:not([type=checkbox]):not([type=range]),select) {height:44px}
 #application.application-arizona:has(#state) .application-paper textarea {min-height:88px}
 #application.application-arizona:has(#state) .application-paper .fields {row-gap:8px;align-items:start}
 #application.application-arizona:has(#state) .application-paper .check {align-items:flex-start;max-width:calc(100vw - 64px)}
 #application.application-arizona:has(#state) .application-paper .check input {flex:none;margin-top:2px;min-height:24px;height:24px}
 #application.application-arizona:has(#state) #open-signature-dialog {max-width:calc(100vw - 64px)}
 #application .application-paper :is(input,select,textarea){scroll-margin-block:4rem}
}

/* Keep paired fields aligned when one caption needs a second line. */
#application .field-caption {display:block;color:inherit;font:inherit}
@media screen and (max-width:600px), screen and (hover:none) and (pointer:coarse) {
#application.application-arizona:has(#state) .application-paper .fields {align-items:stretch}
#application.application-arizona:has(#state) .application-paper .fields > label {
 display:flex;flex-direction:column;align-self:stretch;
}
#application.application-arizona:has(#state) .application-paper .field-caption {flex:1}
#application.application-arizona:has(#state) #email-field {align-self:start}
#application.application-arizona:has(#state) label:has([name="name"]) {align-self:start}
#application.application-arizona:has(#state) label:has([name="occupants"]){grid-column:auto}
 #application.application-arizona:has(#state) :is(#email-field,label:has([name="name"])) .field-caption {min-height:2.76em}
}
#application.application-arizona:has(#state) .application-paper label:focus-within .field-caption,
#application.application-arizona:has(#state) .application-paper label:focus-within .field-caption span {color:#15583d}

/* One spacing rhythm across both pages, including wrapped field captions. */
@media screen and (max-width:600px), screen and (hover:none) and (pointer:coarse) {
 #application.application-arizona:has(#state) .application-paper .fields {
  column-gap:24px;row-gap:20px;align-items:stretch;
 }
 #application.application-arizona:has(#state) .application-paper .fields > label,
 #application.application-arizona:has(#state) #email-field > label {margin:0}
 #application.application-arizona:has(#state) .application-paper label > .field-caption {
  font:400 14px/1.4 Arial,Helvetica,sans-serif;min-height:2.8em;
  white-space:normal;overflow-wrap:anywhere;max-width:100%;
 }
 #application.application-arizona:has(#state) .application-paper label > .field-caption > span {
  display:block;font:400 12px/1.4 Arial,Helvetica,sans-serif;color:#4b5f55;
 }
 #application.application-arizona:has(#state) .application-paper label:focus-within > .field-caption > span {color:#15583d}
 #application.application-arizona:has(#state) .application-paper label > :is(input:not([type=checkbox]):not([type=range]),select,textarea) {
  margin-top:8px;flex-shrink:0;width:100%;min-width:0;
 }
 #application.application-arizona:has(#state) .application-paper input[type=date] {min-inline-size:0}
 #application.application-arizona:has(#state) .application-paper input[type=date]::-webkit-date-and-time-value {text-align:left;min-width:0}
 #application.application-arizona:has(#state) .application-paper input[type=date]::-webkit-datetime-edit {padding:0;min-width:0}
 #application.application-arizona:has(#state) .application-paper fieldset {margin-bottom:20px}
 #application.application-arizona:has(#state) .application-paper fieldset > .fields + .fields {margin-top:20px}
 #application.application-arizona:has(#state) .application-paper fieldset > .fields + label {margin-top:20px}
 #application.application-arizona:has(#state) .application-paper .signature-field {min-width:0;max-width:min(100%,calc(100vw - 64px))}
 #application.application-arizona:has(#state) .application-paper .fields > label:has([name="name"]) {align-self:start}
}

@media screen and (max-width:600px), screen and (hover:none) and (pointer:coarse) {
 #application.application-arizona:has(#state) .application-paper {
  padding-inline:24px;
 }
 #application.application-arizona:has(#state) .application-paper label:not(.check),
 #application.application-arizona:has(#state) .application-paper .signature-field {
  width:min(100%, calc((100cqw - 24px) / 2), calc(100vw - 64px));
 }
 #application.application-arizona:has(#state) .application-paper label > :is(input:not([type=checkbox]):not([type=range]),select) {
  box-sizing:border-box;
  height:44px;
  min-height:44px;
  max-height:44px;
 }
 #application.application-arizona:has(#state) .application-paper label > :is(input,select,textarea):focus {
  outline-offset:-2px;
 }
}

@media screen and (max-width:600px), screen and (hover:none) and (pointer:coarse) {
 #application.application-arizona:has(#state) .application-paper label > input[type="date"] {
  -webkit-appearance:none;
  appearance:none;
  text-align:left;
  border-radius:0;
  padding-inline-end:38px;
 }
 #application.application-arizona:has(#state) .application-paper label:has(> input[type="date"]) {
  position:relative;
 }
 #application.application-arizona:has(#state) .application-paper label:has(> input[type="date"])::after {
  content:"";
  position:absolute;
  right:12px;
  bottom:13px;
  width:18px;
  height:18px;
  background:center / contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23215641' stroke-width='1.7' stroke-linecap='round'%3E%3Crect x='3' y='5' width='18' height='16' rx='2'/%3E%3Cpath d='M7 3v4m10-4v4M3 10h18'/%3E%3C/svg%3E");
  pointer-events:none;
 }
 #application.application-arizona:has(#state) .application-paper input[type="date"]::-webkit-calendar-picker-indicator {
  position:absolute;
  right:0;
  bottom:0;
  width:42px;
  height:44px;
  margin:0;
  padding:0;
  opacity:0;
 }
 #application.application-arizona:has(#state) .application-paper input[type="date"]::-webkit-date-and-time-value {
  margin:0;
  text-align:left;
 }
 #application.application-arizona:has(#state) .application-paper input[type="date"]::-webkit-datetime-edit {
  padding:0;
 }
}

@media screen {
 #application.application-arizona:has(#state) .application-paper .field-caption {position:relative}
 #application.application-arizona:has(#state) .application-paper label:has(>[data-fill-cue]) > .field-caption::before {
  content:"";
  position:absolute;
  inset-inline-start:-12px;
  top:6px;
  border-block:4px solid transparent;
  border-inline-start:6px solid #237447;
 }
 #application.application-arizona:has(#state) .application-paper label:has(>input[type="date"][data-fill-cue])::after {
  border-radius:50%;
  box-shadow:0 0 0 5px #cbe8d2;
 }
 #application.application-arizona:has(#state) .application-paper [data-fill-cue] {
  background-color:#f0f8ed;
  outline:2px solid #237447;
  outline-offset:-2px;
 }
}
@media screen and (prefers-reduced-motion:no-preference) {
 #application.application-arizona:has(#state) .application-paper [data-fill-cue] {
  animation:application-field-cue 1000ms ease-in-out infinite;
 }
}
@keyframes application-field-cue {
 0%,100% {box-shadow:inset 0 0 0 0 transparent}
 50% {box-shadow:inset 0 0 0 4px #23744766}
}

.field-caption.field-complete { color: #226548; }
.field-caption.field-complete::after { content: "\2713"; margin-inline-start: .35em; color: #226548; font-weight: 700; }