html{scroll-padding-top:90px}
main,section,article,fieldset,.form-grid>*{min-width:0}
input,select,textarea{max-width:100%}
p,td,summary,a,.item-calculation,.process-preview{overflow-wrap:anywhere}
.skip-link{position:fixed;left:12px;top:-100px;z-index:100;background:#fff;padding:12px;border:2px solid #b7681b}
.skip-link:focus{top:8px}
.app-header{position:sticky;top:0;z-index:40;display:flex;flex-wrap:nowrap;gap:20px;padding:12px 24px}
.app-header .app-brand{flex:0 0 155px}
.app-header .app-brand img{width:155px}
.app-menu{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.app-menu>a,.app-menu summary{display:block;padding:10px 12px;min-height:44px;border-radius:7px;white-space:nowrap}
.app-menu [aria-current=page]{background:#fff0df;color:#853d05;font-weight:750}
.nav-group{position:relative}
.nav-group summary{cursor:pointer;list-style:none}
.nav-group summary::after{content:" ▾"}
.nav-group[open]>summary{background:#f3ece3}
.nav-group-links{position:absolute;top:100%;left:0;min-width:245px;max-height:75vh;overflow:auto;padding:9px;background:#fff;border:1px solid #d8cfc4;border-radius:10px;box-shadow:0 12px 35px #0002}
.nav-group-links a{display:block;padding:10px 12px;min-height:44px;border-radius:6px}
.nav-group-links a:hover{background:#fff4e6}
.nav-account{margin-left:auto}
.nav-account .nav-group-links{left:auto;right:0}
.nav-group-links p{padding:0 12px}
.menu-toggle,.mobile-menu-title{display:none}
.menu-backdrop{position:fixed;inset:0;z-index:49;border-radius:0;background:#0006}
button,.button{min-height:44px}
summary{cursor:pointer}
.tablewrap{max-width:100%}
.help-search{max-width:650px}
.help-index{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.help-index a{padding:8px 12px;background:#f3e7d8;border-radius:6px}
.help-article{margin:14px 0}
.help-article>summary{font-size:19px;font-weight:750;min-height:44px}
.help-article li{margin:8px 0}
.help-flow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:15px 0}
.help-flow .flow-node{padding:12px 16px;background:#fff1df;border:1px solid #ddba91;border-radius:9px;max-width:240px}
.help-flow .flow-arrow{font-size:23px;color:#9a4a10}
.help-branches{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.help-branch{border-left:3px solid #d98127;padding:12px}
.email-preview{width:100%;height:75vh;border:1px solid #d8cfc4;border-radius:8px;background:white}
.continuity-status{padding:12px 16px;background:#fff0dc;border-radius:8px}
@media(max-width:1000px){
 .app-header{justify-content:space-between;padding:10px 16px;gap:10px}
 .menu-toggle{display:block}
 .app-menu{display:block;width:100%;flex-basis:100%}
 .app-header{flex-wrap:wrap}
 .has-js .app-menu{display:none;position:fixed;inset:0 auto 0 0;width:min(88vw,360px);height:100dvh;overflow-y:auto;background:#fff;z-index:50;padding:16px;box-shadow:8px 0 24px #0002}
 .has-js .app-menu[data-open=true]{display:block}
 .mobile-menu-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:16px}
 .nav-group-links{position:static;box-shadow:none;border:0;border-left:2px solid #e9c9a4;border-radius:0;margin-left:10px;max-height:none;min-width:0}
 .nav-account{margin-left:0}
 .app-menu>a{margin:3px 0}
 .menu-open{overflow:hidden}
 .menu-open .app-header{z-index:60}
}
@media(max-width:760px){
 body{font-size:16px}
 main{padding:0 12px;margin:16px auto}
 h1{font-size:25px}
 .card{padding:15px}
 .two,.cards,.form-grid,.quote-item .form-grid,.perm-grid,.help-branches{grid-template-columns:minmax(0,1fr)}
 .span-two{grid-column:auto}
 input:not([type=checkbox]),select,textarea{font-size:16px;min-width:0}
 input[type=checkbox]{width:20px;height:20px;flex-shrink:0}
 input[type=file]{width:100%;font-size:14px}
 .inline{align-items:center;min-height:38px}
 .toolbar{align-items:stretch}
 .toolbar>.button,.toolbar>button{flex:1 1 auto;text-align:center}
 .item-heading{flex-wrap:wrap}
 .item-heading .remove-item{margin-left:auto}
 .item-image-editor>label,.clipboard-image{max-width:100%;min-width:0;width:100%}
 dialog{width:calc(100% - 24px);max-width:calc(100% - 24px);max-height:90dvh;padding:16px;overflow:auto}
 .mobile-cards,.mobile-cards>tbody,.mobile-cards>thead,.mobile-cards>tfoot{display:block;width:100%;min-width:0!important}
 .mobile-cards>tbody>tr,.mobile-cards>tr,.mobile-cards>tfoot>tr{display:block;max-width:100%;margin:12px 0;padding:8px 0;border:1px solid #dfd5c9;border-radius:9px}
 .mobile-cards>tbody>tr>td,.mobile-cards>tr>td,.mobile-cards>tfoot>tr>td{display:block;width:100%!important;min-width:0!important;max-width:100%;white-space:normal!important;padding:9px 12px;border:0;text-align:left}
 .mobile-cards td[data-label]::before{content:attr(data-label);display:block;font-size:12px;font-weight:750;color:#6a5948;margin-bottom:5px}
 .mobile-cards .mobile-table-heading>th{display:none}
 .mobile-cards .mobile-table-heading>.mobile-header-control{display:block;padding:8px}
 .mobile-cards .mobile-table-heading{display:block}
 .mobile-cards .mobile-table-heading:not(.has-header-controls){display:none}
 .mobile-cards input,.mobile-cards select{min-width:0!important;max-width:100%}
 .order-stage-table-cell{min-width:0}
 .order-group>summary{white-space:normal}
 .help-flow{align-items:stretch;flex-direction:column}
 .help-flow .flow-node{max-width:none;text-align:center}
 .help-flow .flow-arrow{transform:rotate(90deg);text-align:center;width:32px;align-self:center}
 .document-letter{padding:12px}
 .quote-document{max-width:100%}
 .quote-document .tablewrap{overflow-x:auto}
 .email-preview{height:72vh}
}
@media print{
 .app-header,.app-menu,.menu-backdrop,.menu-toggle,.skip-link{display:none!important}
 .mobile-cards{display:table}
 .mobile-cards tbody{display:table-row-group}
}