/* 자동 생성: node scripts/build-monotone-css.js — 직접 고치지 않는다. 원본: ../guest-order.css */
.guest-order-main { padding: 44px 0 64px; }
.guest-order-wrap { max-width: 540px; margin: 0 auto; }
.guest-order-heading { margin-bottom: 24px; text-align: center; }
.guest-order-heading h1 { margin: 0 0 14px; color: var(--green-800); font-size: 32px; line-height: 1.4; letter-spacing: -.035em; }
.guest-order-heading p { color: var(--muted); font-size: 17px; line-height: 1.8; }
.guest-order-card { padding: 32px; border: 1px solid #e8e8e8; border-radius: 16px; background: #fff; }
.guest-order-auth { margin-bottom: 22px; padding: 14px 16px; border-radius: 9px; background: #f7f7f7; color: #666666; font-size: 16px; line-height: 1.75; }
.guest-order-auth[hidden], .guest-order-auth button[hidden] { display: none; }
.guest-order-auth .btn { margin-top: 12px; min-height: 46px; font-size: 16px; }
.guest-order-field + .guest-order-field { margin-top: 24px; }
.guest-order-field label { display: block; margin-bottom: 10px; color: var(--ink); font-size: 17px; font-weight: 650; }
.guest-order-field input { display: block; width: 100%; min-width: 0; min-height: 54px; padding: 14px; border: 1px solid #d3d3d3; border-radius: 9px; background: #fff; color: var(--ink); font: inherit; font-size: 17px; line-height: 1.5; }
.guest-order-field input[disabled] { background: #f7f7f7; }
.guest-order-field input[aria-invalid="true"] { border-color: var(--danger); }
.guest-order-help { margin-top: 9px; color: var(--muted); font-size: 15px; line-height: 1.75; word-break: keep-all; overflow-wrap: anywhere; }
.guest-order-field-error, .guest-order-error { margin-top: 9px; color: var(--danger); font-size: 16px; line-height: 1.75; word-break: keep-all; overflow-wrap: anywhere; }
.guest-order-field-error:empty, .guest-order-error:empty, .guest-order-status:empty { display: none; }
.guest-order-error { margin-top: 22px; padding: 13px 15px; border-radius: 8px; background: #f7f7f7; }
#guest-order-submit { width: 100%; min-height: 54px; margin-top: 26px; font-size: 18px; }
#guest-order-submit:disabled { opacity: .6; cursor: default; }
.guest-order-status { margin-top: 14px; color: var(--green-700); font-size: 16px; line-height: 1.75; }
.guest-order-member { display: flex; flex-wrap: wrap; justify-content: center; gap: 7px 12px; margin-top: 24px; padding-top: 20px; border-top: 1px solid #e8e8e8; color: var(--muted); font-size: 15px; line-height: 1.8; }
.guest-order-member a { color: var(--green-700); font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.guest-order-assistance { margin-top: 22px; padding: 22px 24px; border-radius: 12px; background: #f3f3f3; }
.guest-order-assistance h2 { margin: 0 0 10px; color: var(--ink); font-size: 18px; line-height: 1.5; }
.guest-order-assistance p { color: var(--muted); font-size: 15px; line-height: 1.8; word-break: keep-all; overflow-wrap: anywhere; }
.guest-order-help-links { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 10px; }
.guest-order-help-links a { display: inline-flex; align-items: center; min-height: 44px; color: var(--green-700); font-size: 16px; font-weight: 650; text-decoration: underline; text-underline-offset: 4px; }
.guest-order-wrap input:focus-visible, .guest-order-wrap button:focus-visible, .guest-order-wrap a:focus-visible, .guest-order-error:focus { outline: 3px solid var(--green-600); outline-offset: 3px; }
@media (max-width: 480px) {
  .guest-order-main { padding: 28px 0 44px; }
  .guest-order-heading h1 { font-size: 29px; }
  .guest-order-heading p { font-size: 16px; }
  .guest-order-card { padding: 24px 18px; }
  .guest-order-assistance { padding: 22px 18px; }
  .guest-order-member { flex-direction: column; align-items: center; gap: 0; }
  .guest-order-member a { display: inline-flex; align-items: center; min-height: 44px; }
}

.guest-order-heading h1, .guest-order-heading p,
.guest-order-assistance h2 { word-break: keep-all; overflow-wrap: anywhere; text-wrap: balance; }
.guest-order-heading h1 { letter-spacing: -.03em; }
.guest-order-heading p { max-width: 380px; margin-inline: auto; }
.guest-order-field label { line-height: 1.5; }
@media (max-width: 480px) {
  .guest-order-card { padding-block: 22px; }
  .guest-order-field + .guest-order-field { margin-top: 22px; }
  .guest-order-help { font-size: 16px; line-height: 1.7; }
  .guest-order-assistance p { font-size: 16px; line-height: 1.7; }
  #guest-order-submit { margin-top: 22px; }
}