.invoice-page{max-width:1160px;margin:0 auto;padding:160px 24px 80px;color:#17324d}.invoice-intro{max-width:820px;margin-bottom:38px}.invoice-eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:700}.invoice-page h1{font-size:clamp(40px,6vw,70px);line-height:1.08;margin:12px 0 20px}.invoice-lead{font-size:20px;line-height:1.6}.invoice-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:28px;align-items:start}.invoice-card{background:#fff;border:1px solid #d9e2e9;border-radius:20px;padding:30px;box-shadow:0 8px 30px #17324d08}.invoice-card h2{font-size:26px;line-height:1.2;margin:24px 0 14px}.invoice-card p{line-height:1.65}.invoice-notice{background:#edf3f7;border-left:4px solid #17324d;padding:18px;border-radius:6px}.invoice-notice p{margin:8px 0 0}.invoice-page fieldset{border:0;padding:20px 0 0;margin:0;min-width:0}.invoice-page legend{font-weight:700}.invoice-page label{display:block;font-weight:600;margin:16px 0 7px}.invoice-page input{width:100%;box-sizing:border-box;padding:14px;border:1px solid #a8b6c2;border-radius:8px;background:#f5f7f9;color:#506376;font:inherit}.invoice-page button{width:100%;margin-top:20px;min-height:48px;padding:12px;background:#dce4eb;color:#40566a;border:0;border-radius:8px;font:inherit;font-weight:600;white-space:normal}.invoice-page :disabled{cursor:not-allowed;opacity:1}.invoice-page .invoice-help{font-size:14px;color:#4e6375}.invoice-guide ol{padding-left:24px}.invoice-guide li{padding-left:6px;margin:22px 0;line-height:1.6}.invoice-guide span{display:block}.invoice-page a{color:#17324d;text-decoration:underline;text-underline-offset:3px}.invoice-page a:focus-visible{outline:3px solid #bd9448;outline-offset:4px}@media(max-width:760px){.invoice-page{padding:130px 18px 50px}.invoice-layout{grid-template-columns:1fr}.invoice-card{padding:22px}.invoice-lead{font-size:18px}}
.invoice-page [hidden]{display:none!important}.invoice-page button:not(:disabled){background:#17324d;color:white;cursor:pointer}.invoice-page button.demo-secondary{background:white;border:1px solid #a8b6c2;color:#17324d}.invoice-page button:not(:disabled):hover{filter:brightness(1.12)}.invoice-page button:focus-visible,.invoice-page input:focus-visible{outline:3px solid #bd9448;outline-offset:3px}.demo-details{margin:24px 0}.demo-details div{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid #e0e6eb;padding:12px 0}.demo-details dt{font-weight:600}.demo-details dd{margin:0;text-align:right}.demo-total{display:flex;justify-content:space-between;gap:20px;background:#edf3f7;padding:22px;border-radius:10px}.demo-total strong{font-size:24px;white-space:nowrap}#demo-error{color:#9a2525;font-weight:600}
/* Match the primary site header rather than a pale inherited page surface. */
body:has(.invoice-page) #site-header{background:#06283b;color:#fff}body:has(.invoice-page) #site-header .menu-toggle{color:#fff;border-color:#78909b}body:has(.invoice-page) .skip-link{position:absolute;top:-80px}body:has(.invoice-page) .skip-link:focus{top:8px}
@media(max-width:760px){.invoice-page{padding-top:65px}}