.demo-main{max-width:1120px;margin:0 auto;padding:48px 5% 70px}.demo-main>.eyebrow{color:var(--lime)}.demo-main h1{font-size:62px;line-height:1.05;max-width:850px;margin-bottom:24px}.demo-notice{border-left:3px solid var(--lime);padding:16px 20px;background:#252c1c;color:#dae5c9;font-size:14px;line-height:1.8;margin:0 0 30px}.demo-tabs{display:grid;grid-template-columns:1fr 1fr;border:1px solid #5a6944}.demo-tabs button{text-align:left;padding:20px;font-weight:600;border:0;background:#1b2115;line-height:1.6}.demo-tabs button[aria-selected=true]{background:var(--lime);color:#17200c}.demo-panel{padding:32px;border:1px solid var(--line);border-top:0;background:var(--panel)}.demo-panel-top h2{font:600 38px/1.2 var(--display);margin-bottom:14px}.demo-panel-top>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:710px;margin-bottom:25px}.demo-submit{cursor:pointer;border:0}.demo-submit span{font:inherit;line-height:1.5}.demo-submit b{font-weight:400}.demo-submit+.fine-print{margin:18px 0 0}.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:25px;font-size:13px;color:var(--muted)}.demo-footer a{color:var(--lime)}.demo-received:not(:empty),#customer-update:not(:empty){padding:16px;background:#2c361e;color:var(--lime);font-size:14px;line-height:1.8}.demo-job-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);margin-bottom:24px}.demo-job-heading h3{font:600 31px var(--display);margin:8px 0}.demo-job-heading p{margin:0;font-size:13px;color:var(--muted)}.demo-reference{font-size:12px;color:var(--lime)}.demo-instructions{padding:18px;background:#252d1b;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;line-height:1.8;margin-top:18px}.demo-job-meta{font-size:14px;line-height:1.8;overflow-wrap:anywhere}.demo-save{margin-top:24px}.demo-save:disabled{cursor:default}.demo-empty{padding:26px;border:1px dashed #566344;font-size:14px;color:var(--muted);line-height:1.8}#demo-error:empty,#staff-received:empty,#customer-update:empty{display:none}
@media(max-width:700px){.demo-main{padding-top:30px}.demo-main h1{font-size:44px}.demo-panel{padding:22px}.demo-panel-top h2{font-size:30px}.demo-tabs button{padding:16px 13px;font-size:13px}.demo-job-heading{flex-direction:column;align-items:flex-start}.demo-job-heading h3{font-size:27px}.demo-notice{font-size:13px;padding:14px}.demo-submit{width:100%;gap:15px;text-align:left}}
html[lang=ms] .demo-main h1,html[lang=zh-Hans] .demo-main h1{font-size:52px;line-height:1.2}@media(max-width:700px){html[lang=ms] .demo-main h1,html[lang=zh-Hans] .demo-main h1{font-size:36px}}