@font-face { font-family: "Cormorant Garamond"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../assets/fonts/lunoa-contact-serif.woff2") format("woff2"); }
@font-face { font-family: "Noto Sans JP"; font-style: normal; font-weight: 400 600; font-display: swap; src: url("../assets/fonts/lunoa-contact-sans.woff2") format("woff2"); }
.inquiry-page { max-width: 960px; padding-bottom: 64px; }
.inquiry-breadcrumbs { padding: 18px 0; font-size: 12px; color: var(--muted); }
.inquiry-breadcrumbs ol { display: flex; flex-wrap: wrap; gap: 12px; margin: 0; padding: 0; list-style: none; }
.inquiry-breadcrumbs li { display: flex; align-items: center; }
.inquiry-breadcrumbs li + li:before { content: "/"; margin-right: 12px; }
.inquiry-breadcrumbs a { display: inline-flex; align-items: center; min-height: 44px; text-decoration: underline; text-underline-offset: 4px; }
.inquiry-intro { padding: 24px 0 36px; }
.inquiry-intro h1 { font: 400 clamp(64px,7vw,92px)/1.1 "Cormorant Garamond", Georgia, serif; margin: 12px 0 24px; }
.inquiry-intro h1 span { display: block; font: 400 18px/1.8 "Noto Sans JP", sans-serif; letter-spacing: .14em; margin-top: 14px; }
.inquiry-intro > p { font-size: 15px; color: var(--muted); line-height: 2.2; }
.inquiry-intro .inquiry-demo-note { border-left: 2px solid var(--olive); padding-left: 18px; font-size: 13px; color: var(--ink); margin: 24px 0 0; }
.inquiry-demo-note strong { font-weight: 500; }
.inquiry-steps { display: grid; grid-template-columns: repeat(3,1fr); list-style: none; padding: 0; margin: 0 0 24px; gap: 12px; }
.inquiry-steps li { border-bottom: 2px solid #c8cec1; padding: 14px 12px; font-size: 14px; color: var(--muted); }
.inquiry-steps li[aria-current="step"] { border-color: var(--dark); color: var(--dark); background: #e9ede4; font-weight: 500; }
.inquiry-steps span { font: 500 24px/1.5 "Cormorant Garamond", Georgia, serif; padding-right: 12px; }
.inquiry-card { border: 1px solid var(--line); background: var(--paper); padding: 40px; }
.inquiry-panel { scroll-margin-top: 110px; }
.inquiry-panel h2 { font-size: 21px; font-weight: 500; line-height: 1.7; letter-spacing: .05em; margin: 0 0 12px; }
.inquiry-help { font-size: 14px; color: var(--muted); line-height: 2; margin: 0 0 28px; }
.inquiry-sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
#inquiry-fields { border: 0; padding: 0; margin: 0; min-width: 0; }
.inquiry-fields { display: grid; grid-template-columns: 1fr 1fr; gap: 28px 24px; }
.inquiry-field-wide { grid-column: 1/-1; }
.inquiry-field { min-width: 0; }
.inquiry-field label { display: block; font-size: 15px; font-weight: 500; margin-bottom: 10px; }
.inquiry-field label span { display: inline-block; font-size: 11px; margin-left: 10px; padding: 0 7px; background: #eef0e8; color: var(--olive); }
.inquiry-field input, .inquiry-field textarea { display: block; width: 100%; min-width: 0; border: 1px solid #a5afa0; border-radius: 0; background: var(--paper); color: var(--ink); font-family: inherit; font-size: 16px; line-height: 1.8; padding: 12px; min-height: 54px; }
.inquiry-field textarea { resize: vertical; min-height: 210px; }
.inquiry-field textarea:focus-visible { outline: 2px solid var(--olive); outline-offset: 5px; }
.inquiry-field input::placeholder, .inquiry-field textarea::placeholder { color: #68705f; opacity: 1; }
.inquiry-field [aria-invalid="true"] { border: 2px solid #8d4334; padding: 11px; }
.inquiry-hint { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px 16px; font-size: 12px; color: var(--muted); line-height: 1.9; margin: 8px 0 0; }
.inquiry-error { color: #8d4334; font-size: 13px; line-height: 1.9; margin: 8px 0 0; }
.inquiry-error-summary { padding: 16px 18px; border-left: 3px solid #8d4334; background: #f8efeb; color: #76382b; font-size: 14px; line-height: 2; margin: 0 0 24px; }
.inquiry-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; margin-top: 30px; }
.inquiry-text-button { border: 0; border-radius: 0; background: none; color: var(--muted); padding: 10px 0; min-height: 48px; font-size: 13px; text-decoration: underline; text-underline-offset: 5px; }
.inquiry-review-list { margin: 0; }
.inquiry-review-list > div { display: grid; grid-template-columns: 150px minmax(0,1fr); gap: 20px; padding: 24px 0; border-bottom: 1px solid var(--line); }
.inquiry-review-list dt { font-size: 14px; color: var(--muted); }
.inquiry-review-list dd { margin: 0; font-size: 15px; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 2; }
.inquiry-complete { text-align: center; padding: 16px 0; }
.inquiry-complete .eyebrow { margin-bottom: 18px; }
.inquiry-complete h2 { font-size: 24px; }
.inquiry-complete-message { font-size: 18px; font-weight: 500; color: var(--dark); line-height: 2; padding: 22px; background: #eef0e8; margin: 24px 0; }
.inquiry-complete .inquiry-actions { justify-content: center; }
.inquiry-page-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px 32px; margin-top: 30px; }
.inquiry-fiction { font-size: 12px; line-height: 2; color: var(--muted); text-align: center; max-width: 700px; margin: 26px auto 0; }
.contact-document .footer a[aria-current="page"] { text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 680px) {
  .inquiry-page { padding-bottom: 48px; }
  .inquiry-breadcrumbs { padding: 10px 0; }
  .inquiry-intro { padding: 16px 0 28px; }
  .inquiry-intro h1 { font-size: 64px; }
  .inquiry-intro h1 span { font-size: 17px; }
  .inquiry-intro > p br { display: none; }
  .inquiry-intro .inquiry-demo-note { font-size: 14px; padding-left: 14px; }
  .inquiry-steps { gap: 8px; margin-bottom: 18px; }
  .inquiry-steps li { padding: 12px 6px; font-size: 12px; }
  .inquiry-steps span { display: block; padding: 0; font-size: 24px; }
  .inquiry-card { padding: 26px 20px; }
  .inquiry-panel { scroll-margin-top: 90px; }
  .inquiry-panel h2 { font-size: 18px; }
  .inquiry-fields { grid-template-columns: 1fr; gap: 24px; }
  .inquiry-field-wide { grid-column: auto; }
  .inquiry-help { font-size: 14px; }
  .inquiry-review-list > div { grid-template-columns: 1fr; gap: 8px; padding: 20px 0; }
  .inquiry-actions { align-items: stretch; gap: 12px; margin-top: 26px; }
  .inquiry-actions > * { width: 100%; }
  .inquiry-actions .btn { padding-left: 16px; padding-right: 16px; gap: 12px; }
  .inquiry-complete-message { padding: 18px 16px; font-size: 16px; text-align: left; }
  .inquiry-complete h2 { font-size: 20px; }
  .inquiry-complete .text-link { text-align: center; }
}