/* Readability and form usability, including narrow phones and tablet widths. */
.panel-window .contact-layout .contact-form :is(input,select,textarea){font-size:16px;min-height:48px;line-height:1.5}
.panel-window .contact-layout .contact-form label{font-size:13px}
.panel-window .contact-layout .contact-intro{font-size:14px;line-height:1.7}
.panel-window .contact-layout .contact-questions summary{font-size:14px}
.panel-window .contact-layout .contact-questions p{font-size:14px;line-height:1.7}
.panel-window .contact-layout .contact-direct a{font-size:12px;min-height:44px;padding:10px 13px}
.panel-window .contact-layout .contact-kicker{font-size:11px}
.panel-window .contact-layout .form-note,.panel-window .contact-layout .form-status{font-size:12px;line-height:1.7}
.panel-window .contact-layout .submit{font-size:14px;min-height:48px}
.panel-window .contact-layout .contact-faq .contact-kicker{color:#78d6f3}
.panel-window .contact-layout .contact-inquiry .contact-kicker{color:#08756c}
body.dark .panel-window .contact-layout .contact-inquiry .contact-kicker{color:#95e5d7}
@media(max-width:880px){
 .hero-area>div.hero-copy>p{font-size:14px;line-height:1.7}
 .hero-actions .btn{font-size:13px;min-height:46px}
 .profile-summary-card .about-card-intro{font-size:14px;line-height:1.7}
 .profile-summary-card .about-skills span{font-size:12px}
 .profile-summary-card .about-proof span{font-size:12px;line-height:1.5}
 .tile-head p,.tile-footer{font-size:13px;line-height:1.6}
 .services-list span,.workflow-mini span{font-size:13px;line-height:1.6}
 .bottom-action small{font-size:12px;line-height:1.6}
 .panel-window .detail-card :is(p,ul),.panel-window .feature-list p,.panel-window .job p{font-size:14px;line-height:1.75}
 .panel-window .detail-cta{font-size:13px;min-height:46px;white-space:normal}
 .panel-window .gerardo-story>p:not(.gerardo-role){font-size:14px;line-height:1.8}
 .panel-window .gerardo-values span,.panel-window .gerardo-photo-frame>span{font-size:12px}
 .panel-window .feature-list>div{flex-wrap:wrap}
 .panel-window .feature-list>div>span{font-size:12px!important}
 .panel-window .tabbar button,.panel-window .gallery-controls button{font-size:13px;min-height:44px}
 .panel-window .cert-info strong,.panel-window .photo-item strong{font-size:13px;line-height:1.5}
 .panel-window .cert-info small,.panel-window .gallery-controls span{font-size:12px;line-height:1.6}
 .panel-window .career-feature small,.panel-window .career-mark-card small,.panel-window .brand-context-note{font-size:12px;line-height:1.7}
 .panel-window .career-overview-intro p,.panel-window .career-logo-section-head p,.panel-window .education-mark-panel p{font-size:14px;line-height:1.7}
 .panel-window .service-card p,.panel-window .service-detail-heading p,.panel-window .service-steps p{font-size:14px;line-height:1.7}
 .panel-window :is(.service-state-tabs button,.service-back,.service-detail-footer .detail-cta){min-height:44px;font-size:13px}
 .panel-window :is(.service-card-cta,.service-figure figcaption,.service-detail-footer>span){font-size:12px;line-height:1.7}
 .panel-window :is(.svc-brief p,.svc-review p,.svc-review li,.svc-reply p,.svc-queue span,.svc-note){font-size:13px;line-height:1.7}
 .work-setup :is(p,dt),.setup-internet p{font-size:13px;line-height:1.7}
}
@media(max-width:760px){
 .panel-window .contact-layout{display:flex;flex-direction:column}
 .panel-window .contact-inquiry{order:-1}
 .panel-window .contact-questions{max-height:none;overflow:visible;padding-right:0}
 body :is(.section,.card-inner,.panel,.box,.head) p{font-size:14px;line-height:1.75}
 body :is(.meta,.muted,.note,.notice,.qa-note,.scope,.evidence-fineprint,.figure-label){font-size:13px;line-height:1.7}
 body :is(input:not([type=checkbox]):not([type=radio]),select,textarea){font-size:16px;min-height:44px}
 body :is(button,.btn,.download,.text-link){min-height:44px}
 body .table-scroll table,body .qa-table{font-size:13px}
 body .check strong{font-size:14px;line-height:1.6}
 body .check small{font-size:12px;line-height:1.7}
 body .check input{min-height:0}
 .lab .tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .lab .tabs button{font-size:12px;line-height:1.6;min-height:48px;padding:10px 6px;flex-direction:row;text-align:left}
 .lab label,.lab :is(.mailbar,.meta,.result,.guide p,.profile small,dl>div){font-size:13px;line-height:1.7}
 .lab .mailbar{flex-wrap:wrap}
 .lab .mailbar button{font-size:12px}
}

.panel-window .contact-questions .faq-number{flex:0 0 1.6em;white-space:nowrap;font-size:11px}