.cu{max-width:760px;margin:auto}.cu form,.cu details{padding:18px;margin:16px 0;background:#fffaf3;border:1px solid #dfd2c1;border-radius:14px}.cu label{display:block;margin:12px 0}.cu input:not([type=checkbox]),.cu textarea,.cu select{display:block;box-sizing:border-box;width:100%;padding:10px;border:1px solid #baa58d;border-radius:7px;font:inherit}.cu button{padding:10px 18px;background:#60432f;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer}.cu summary{cursor:pointer;font-weight:bold}.cu [role=alert]{padding:15px;background:#ffe6bf;border-radius:8px}.cu-entry{padding:10px 20px;text-align:right;background:#f4efe8;color:#493322}.cu-entry a{color:inherit}

.cu-reservation-login{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin:20px 0;padding:18px;background:#f4efe8;border:1px solid #dfd2c1;border-radius:14px}.cu-reservation-login .cu-login-button{display:inline-block;padding:12px 20px;border-radius:9px;background:#60432f;color:#fff;text-decoration:none;font-weight:600}.cu-reservation-login p{flex:1 1 260px;margin:0;line-height:1.5}.cu-login-button:focus-visible{outline:3px solid #a47749;outline-offset:3px}

/* Customer profile designs: use the site's typeface throughout. */
.cu{max-width:980px;font-family:inherit}.cu h1{margin-bottom:10px}.cu h2{scroll-margin-top:24px;margin-top:32px}.cu h3{font-size:1.1rem;margin:0 0 18px}.cu-tabs{display:flex;gap:8px;flex-wrap:wrap;padding:8px;background:#eee4d7;border-radius:12px;margin:22px 0}.cu-tabs a{padding:10px 16px;color:#493322;text-decoration:none;border-radius:8px;background:#fffaf3;font-weight:600}.cu .cu-profile-form{background:#fffdf9;border:1px solid #e4d8c9;border-radius:18px;padding:26px;box-shadow:0 6px 22px #49332208}.cu-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 22px}.cu-field-grid>label{margin:0;font-size:.95rem;min-width:0}.cu-field-grid .cu-wide{grid-column:1/-1}.cu .cu-field-grid input:not([type=checkbox]),.cu .cu-field-grid textarea,.cu .cu-field-grid select{margin-top:7px;background:white;border-color:#d2c5b6;padding:11px 12px;min-height:44px}.cu .cu-field-grid input:focus,.cu .cu-field-grid textarea:focus,.cu .cu-field-grid select:focus{outline:2px solid #a77c50;outline-offset:2px}.cu .cu-form-section{margin:0 0 25px}.cu .cu-save{margin-top:16px;min-height:44px}.cu [hidden]{display:none!important}.cu-step-progress{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 24px}.cu .cu-step-progress button{background:#eee4d7;color:#60432f;padding:10px 14px}.cu .cu-step-progress [aria-current=step]{background:#60432f;color:white}.cu-step-actions{display:flex;justify-content:space-between;gap:12px;border-top:1px solid #e4d8c9;padding-top:16px;margin-top:24px}.cu .cu-step-actions .cu-save{margin:0}.cu button:disabled{opacity:.45;cursor:default}.cu-review dl{display:grid;grid-template-columns:minmax(100px,1fr) 2fr;gap:12px;margin:0}.cu-review dt{font-weight:600}.cu-review dd{margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.cu-sections .cu-form-section{padding:0;overflow:hidden;border-radius:12px;background:white}.cu-sections .cu-form-section summary{padding:16px 20px;background:#f0e7dc}.cu-sections .cu-field-grid{padding:20px}.cu-sections .cu-save{position:sticky;bottom:12px;box-shadow:0 4px 16px #49332230}.cu button:focus-visible,.cu a:focus-visible,.cu summary:focus-visible{outline:3px solid #a77c50;outline-offset:3px}
@media(max-width:600px){.cu .cu-profile-form{padding:16px}.cu-field-grid{grid-template-columns:1fr;gap:16px}.cu-tabs{gap:5px}.cu-tabs a{padding:9px 10px;font-size:.9rem}.cu-step-progress{display:grid;grid-template-columns:1fr}.cu .cu-step-progress button{text-align:left}.cu-review dl{grid-template-columns:1fr;gap:5px}.cu-review dd{margin-bottom:12px}.cu-sections .cu-field-grid{padding:15px}.cu-step-actions{flex-wrap:wrap}.cu-step-actions button{flex:1}}

/* Reference designs: framed workspace, actual tabs, distinct form compositions. */
.cu[data-layout]{max-width:1120px;background:#fcf8f1;border:1px solid #cdb79e;border-radius:14px;padding:26px;box-shadow:0 10px 35px #68492a0d;color:#302319}
.cu-brandbar{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-bottom:24px}
.cu-brand{margin-right:auto}.cu-brand>div{font:32px Georgia,serif;color:#3e281a}.cu-brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;max-width:285px;line-height:1.6}
.cu-icon{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.cu .cu-tabs{margin:0;padding:0;background:transparent;gap:0;border:1px solid #e9dfd0;border-radius:8px;overflow:hidden}
.cu .cu-tabs a{display:flex;flex-direction:column;align-items:center;gap:10px;padding:16px 20px;border-radius:0;background:transparent;font-size:13px;font-weight:400}
.cu .cu-tabs [aria-current=page]{background:#c7b099;box-shadow:inset 0 0 0 1px #bfa48a}
.cu .cu-logout{border:0;box-shadow:none;background:none;padding:0;margin:0}.cu .cu-logout button{font-size:12px;background:transparent;color:#6b513d;padding:8px}
.cu-view>h2{margin:0 0 18px;font:28px Georgia,serif}.cu-view[data-view=cu-owner]>h2{display:none}
.cu .cu-profile-form{padding:28px;background:#fff;border:1px solid #f0e8df;border-radius:16px;margin:0 0 20px;box-shadow:none}
.cu-card-heading{position:relative;margin-bottom:26px;padding-bottom:20px;border-bottom:1px solid #e3d7c9}
.cu-card-heading h2{font:30px Georgia,serif;margin:0 0 8px;color:#302319}.cu-card-heading p{color:#69615a;font-size:15px;margin:0}
.cu-card-heading>.cu-icon{display:none}
.cu .cu-field-grid{gap:22px}.cu .cu-field-grid label{font-size:14px;font-weight:500;color:#26221e}
.cu .cu-field-grid input:not([type=checkbox]),.cu .cu-field-grid select,.cu .cu-field-grid textarea{border:1px solid #d2d0cd;border-radius:6px;min-height:42px;font-size:14px;color:#3a3937;box-shadow:inset 0 1px 2px #00000003}
.cu .cu-save{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#6c472d;border:1px solid #583820;border-radius:7px;min-width:210px;min-height:48px;margin-top:26px}
.cu-verified{display:grid;grid-template-columns:1fr auto;gap:8px 16px;margin:22px 0 0;font-size:14px}
.cu-verified>span{grid-column:1/-1}.cu-verified>strong{background:#f3f1ee;font-weight:400;padding:14px;border-radius:6px;overflow-wrap:anywhere}.cu-verified>small{align-self:center;color:#596747}
.cu-view>details{background:#fff;border-color:#e6dacb;padding:18px}.cu-view>details>summary{font-size:18px;color:#493322}
.cu-view>details[open]>.cu-profile-form{margin:18px 0 0;padding:18px 4px;border:0}
.cu-steps .cu-card-heading{display:grid;grid-template-columns:auto 1fr;column-gap:18px;border:0}.cu-steps .cu-card-heading>.cu-icon{display:block;grid-row:1/3;background:#f0e7dc;padding:18px;border-radius:50%;width:26px;height:26px;box-sizing:content-box}
.cu-steps .cu-step-progress{grid-column:1/-1;display:flex;justify-content:flex-end;margin:18px 0 0;gap:8px}
.cu .cu-step-progress button{background:#f4eee6;color:#7b6b5c;border-radius:24px;padding:9px 15px;font-size:13px}.cu .cu-step-progress [aria-current=step]{background:#624129;color:white}
.cu-wizard-stage{display:grid;grid-template-columns:210px minmax(0,1fr);gap:24px}
.cu-wizard-aside{background:#f3ece2;padding:25px 20px;border-radius:8px;color:#6b5d50}.cu-wizard-aside h3{font:23px Georgia,serif;margin:16px 0}.cu-wizard-aside p{font-size:14px;line-height:1.7}.cu-wizard-stage .cu-form-content{padding:18px 0}.cu-wizard-stage .cu-form-section>h3{display:none}
.cu .cu-step-actions{border:0;margin-top:20px}.cu .cu-step-actions button{min-width:135px;min-height:46px}.cu .cu-step-actions button:first-child{background:transparent;border:1px solid #cdb79e;color:#6a503d}.cu .cu-step-actions .cu-save{margin:0}
.cu-sections[data-layout]{padding:0;overflow:hidden;border-color:#cdb79e;background:#faf7f2}
.cu-sections .cu-brandbar{background:#402c1d;color:#fcf6ec;padding:20px 26px;margin:0}.cu-sections .cu-brand>div{color:#dfb879}.cu-sections .cu-brand small{color:#e1cdb5}.cu-sections .cu-logout button{color:#fff}
.cu-workspace{display:grid;grid-template-columns:210px minmax(0,1fr)}.cu-sidebar{background:#f0e8dd;padding:24px 14px}.cu-sidebar>p{font-size:13px;color:#76604b}.cu-sections .cu-tabs{border:0;display:flex;flex-direction:column;gap:8px}.cu-sections .cu-tabs a{flex-direction:row;padding:13px 10px;font-size:14px;border-radius:8px}.cu-sections .cu-tabs [aria-current=page]{background:#e3d2bc;box-shadow:none}
.cu-workspace>main{padding:24px;min-width:0}.cu-sections .cu-profile-form{padding:18px;border:0;background:transparent}.cu-sections .cu-card-heading{border:0;padding:0;display:grid;grid-template-columns:28px 1fr;column-gap:12px}.cu-sections .cu-card-heading>.cu-icon{display:block;grid-row:1/3}
.cu-sections .cu-form-section{border:1px solid #e9dfd3;margin:0 0 14px}.cu-sections .cu-form-section summary{background:#f1e8dc;font:18px Georgia,serif;padding:18px}.cu-sections .cu-field-grid{background:#fff;padding:18px}.cu-sections .cu-save{background:#a17a40;border-color:#8b6735;bottom:12px;min-width:210px}
@media(max-width:700px){.cu[data-layout]{padding:14px}.cu-brandbar{gap:14px}.cu-brand>div{font-size:26px}.cu-brand small{font-size:8px}.cu .cu-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr)}.cu .cu-tabs a{font-size:11px;padding:12px 5px;gap:6px}.cu .cu-profile-form{padding:18px}.cu-card-heading h2{font-size:25px}.cu .cu-field-grid{grid-template-columns:1fr;gap:17px}.cu .cu-save{width:100%}.cu-wizard-stage{grid-template-columns:1fr}.cu-wizard-aside{padding:14px 18px}.cu-wizard-aside h3{margin:6px 0;font-size:20px}.cu-wizard-aside p{margin:6px 0}.cu-steps .cu-step-progress{justify-content:flex-start;flex-wrap:wrap}.cu-steps .cu-card-heading>.cu-icon{padding:12px}.cu-workspace{grid-template-columns:1fr}.cu-sidebar{padding:12px}.cu-sidebar>p,.cu-sidebar>.cu-icon{display:none}.cu-sections .cu-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.cu-sections .cu-tabs a{flex-direction:column;padding:10px 4px;font-size:11px}.cu-workspace>main{padding:10px}.cu-sections[data-layout]{padding:0}.cu-verified{grid-template-columns:1fr}.cu-verified>small{padding:2px 0}.cu .cu-step-actions .cu-save{width:auto}}