@import url('/book/experience.css');
:root{--commercial-ink:#183b38;--commercial-green:#176b65;--commercial-paper:#f7f6f0;--commercial-muted:#59716d}
body{margin:0;background:var(--commercial-paper);color:var(--commercial-ink);font-family:Arial,sans-serif}.commercial-shell{max-width:860px;margin:auto;padding:28px 24px 60px}.commercial-shell header{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.wordmark{font-weight:800;font-size:26px;color:var(--commercial-green);text-decoration:none}.badge{background:#e5efea;border-radius:30px;padding:9px 14px;font-size:13px}.introduction{padding:46px 0 25px;max-width:680px}.introduction h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(34px,7vw,58px);letter-spacing:-1px;line-height:1.1;margin:12px 0 20px}.introduction>p:not(.eyebrow){line-height:1.65}.eyebrow{letter-spacing:2px;font-size:12px;font-weight:bold;color:var(--commercial-green)}.note,small{color:var(--commercial-muted);line-height:1.5}.commercial-shell .panel,.commercial-shell fieldset,.commercial-shell .card{border:1px solid #dce4dd;border-radius:22px;background:white;padding:24px;margin:18px 0}.commercial-shell fieldset legend{font-family:Georgia,serif;font-size:25px;padding:0 6px}.commercial-shell label{display:flex;flex-direction:column;gap:8px;margin:16px 0;font-size:15px;font-weight:600;min-width:0}.commercial-shell input,.commercial-shell select,.commercial-shell textarea{box-sizing:border-box;min-width:0;width:100%;font:inherit;border:1px solid #cad8d0;border-radius:12px;padding:13px;background:#fff;color:var(--commercial-ink)}.commercial-shell textarea{resize:vertical;min-height:90px}.commercial-shell input[type=checkbox]{width:20px;height:20px;flex-shrink:0}.commercial-shell .check{flex-direction:row;align-items:flex-start;font-weight:400}.commercial-shell input[type=color]{height:46px;padding:5px}.commercial-shell button,.commercial-shell a.action{border:1px solid #b9ccc2;border-radius:12px;background:white;color:var(--commercial-ink);padding:13px 18px;font:inherit;cursor:pointer;text-decoration:none;display:inline-block}.commercial-shell button.primary,.commercial-shell a.primary{background:var(--commercial-green);color:white;border-color:var(--commercial-green)}.commercial-shell button:disabled{opacity:.55;cursor:default}.commercial-shell .actions{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0}.commercial-shell .two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 20px}.commercial-shell .choice-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.commercial-shell .progress{font-size:14px;color:var(--commercial-green);padding:16px 0;border-bottom:2px solid #d3e2d7}.commercial-shell h2{font-family:Georgia,serif;font-weight:400;line-height:1.2}.commercial-shell .error{color:#973a29}.commercial-shell .success{color:#176b65}.commercial-shell .honeypot{position:absolute;left:-10000px}.commercial-shell .preview-image{width:100%;height:180px;object-fit:contain;border-radius:12px;background:#f2f4ef}.commercial-shell .detail{white-space:pre-wrap;overflow-wrap:anywhere}.commercial-shell .list-row{display:flex;gap:16px;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid #e3e9e1}.commercial-shell .list-row small{display:block;margin-top:6px}.commercial-shell footer{margin-top:40px;font-size:12px;color:var(--commercial-muted)}.commercial-shell .preview-brand{border-radius:20px;background:var(--brand,#176b65);color:white;padding:25px}.commercial-shell .preview-brand img{max-height:160px;max-width:100%;object-fit:contain}.commercial-shell .review-item{margin:15px 0;border-bottom:1px solid #e8eee8;padding-bottom:15px}.commercial-shell [hidden]{display:none!important}.commercial-shell button:focus-visible,.commercial-shell a:focus-visible{outline:3px solid #b99451;outline-offset:3px}.commercial-shell .hours-day{display:grid;grid-template-columns:100px 1fr 1fr;align-items:center;gap:12px}.commercial-shell .hours-day label{font-size:13px}.commercial-shell .locked{background:#f1f2ed;border-style:dashed}.commercial-shell table{border-collapse:collapse;width:100%;font-size:14px}.commercial-shell td,.commercial-shell th{padding:12px;text-align:left;border-bottom:1px solid #dce4dd}.table-scroll{overflow:auto}
@media(max-width:600px){.commercial-shell{padding:20px 16px 45px}.introduction{padding-top:30px}.commercial-shell .two,.commercial-shell .choice-list{grid-template-columns:1fr}.commercial-shell fieldset,.commercial-shell .panel,.commercial-shell .card{padding:18px}.commercial-shell .actions>*{flex:1;text-align:center}.commercial-shell .hours-day{grid-template-columns:70px 1fr 1fr;gap:8px}.commercial-shell .list-row{align-items:flex-start;flex-direction:column}.commercial-shell h1{overflow-wrap:anywhere}.commercial-shell header .badge{font-size:12px}.commercial-shell input,.commercial-shell select,.commercial-shell textarea{font-size:16px}}
.commercial-shell{line-height:1.6}.commercial-shell .panel,.commercial-shell fieldset,.commercial-shell .card{margin:28px 0;padding:28px}.commercial-shell label{margin:22px 0;line-height:1.5}.commercial-shell label small{font-weight:400}.commercial-shell .check{gap:14px;justify-content:flex-start}.commercial-shell .check input{order:-1;margin-top:3px}.commercial-shell button,.commercial-shell a.action{margin:6px 8px 6px 0;min-height:44px;box-sizing:border-box}.commercial-shell summary{cursor:pointer;padding:12px 0;font-weight:600}.commercial-shell #status{padding:16px 20px;border-radius:14px;background:#eaf1eb;scroll-margin-top:20px}.commercial-shell #status.error{background:#fff0e9}.commercial-journey{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;font-size:14px}.commercial-journey li{padding:10px 12px;border:1px solid #dce4dd;border-radius:10px;color:#59716d}.commercial-journey .complete{background:#eaf3ee;color:#176b65}.next-step{background:#f1f5ec;padding:18px;border-radius:12px;font-weight:600}.receipt-dialog{width:min(1100px,94vw);max-height:94vh;padding:20px;border:1px solid #b9ccc2;border-radius:18px;box-sizing:border-box;color:#183b38;background:white}.receipt-dialog::backdrop{background:#102d2acc}.receipt-dialog .actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.receipt-dialog button,.receipt-dialog a{padding:12px;border:1px solid #b9ccc2;border-radius:10px;background:white;color:#183b38;font:inherit;cursor:pointer}.receipt-viewport{height:65vh;overflow:auto;background:#eef2ef;margin-top:18px}.receipt-viewport img{display:block;width:100%;max-width:none;height:auto;object-fit:contain}.receipt-dialog output{padding:0 8px}
@media(max-width:600px){.commercial-shell .panel,.commercial-shell fieldset,.commercial-shell .card{padding:22px 18px;margin:24px 0}.commercial-shell label{margin:24px 0}.commercial-journey{grid-template-columns:1fr}.commercial-shell button,.commercial-shell a.action{max-width:100%;white-space:normal}.commercial-shell .detail{word-break:break-word}.receipt-dialog{padding:12px}.receipt-viewport{height:60vh}}

.invalid-field{outline:2px solid #b3261e;outline-offset:6px;border-radius:8px}.invalid-field input{border-color:#b3261e}[aria-invalid=true]{border:2px solid #b3261e!important}