.inquiry-page { padding-block: var(--tkl-space-6); }
/* /inquery/ は本番の固定ページ（page.php）の本文に置く：テーマの文字とh1を使う。 */
.art.inquiry-page--contact { padding-block: 0; color: inherit; font-size: 1.6rem; line-height: 1.75em; }
.inquiry-page .inquiry-kicker { color: var(--tkl-muted); font-size: .875em; margin-bottom: var(--tkl-space-1); }
.inquiry-page .inquiry-steps { display: flex; gap: var(--tkl-space-4); padding: 0; margin: var(--tkl-space-6) 0; list-style: none; }
.inquiry-steps li { display: flex; align-items: center; gap: var(--tkl-space-2); flex: 1; padding-block: var(--tkl-space-3); border-bottom: 2px solid var(--tkl-border); }
.inquiry-steps li[aria-current] { border-color: var(--tkl-accent); font-weight: 700; }
.inquiry-steps span { color: var(--tkl-muted); }
.inquiry-field { margin-block: var(--tkl-space-6); }
.inquiry-field[hidden] { display: none; }
.inquiry-field fieldset { border: 0; padding: 0; margin: 0; min-width: 0; }
.inquiry-field legend { font-weight: 700; }
.inquiry-field label > span, .inquiry-field legend > span { color: var(--tkl-muted); font-size: .875em; font-weight: 400; }
.inquiry-field .inquiry-choice { display: flex; align-items: start; gap: var(--tkl-space-2); padding-block: var(--tkl-space-2); margin: 0; }
.inquiry-choice input { flex-shrink: 0; margin-top: 4px !important; }
.inquiry-condition, .inquiry-limit { color: var(--tkl-muted); font-size: .875em; }
.inquiry-review dt, .inquiry-context dt { font-weight: 700; margin-top: var(--tkl-space-6); }
.inquiry-review dd, .inquiry-context dd { margin: var(--tkl-space-2) 0; white-space: pre-wrap; overflow-wrap: anywhere; }
.inquiry-context { padding: var(--tkl-space-4); background: var(--tkl-surface-muted); border-radius: var(--tkl-radius); }
.inquiry-reference { overflow-wrap: anywhere; }
.inquiry-source { overflow-wrap: anywhere; }
.inquiry-source :is(img, video, iframe) { max-width: 100%; }
.inquiry-source img { height: auto; }
.inquiry-source pre { white-space: pre-wrap; }
.inquiry-uploads li { margin-bottom: var(--tkl-space-3); }
.inquiry-guide { margin-block: var(--tkl-space-6); border: 1px solid var(--tkl-border); border-radius: var(--tkl-radius); }
.inquiry-guide > summary { padding: var(--tkl-space-4); font-weight: 700; cursor: pointer; }
.inquiry-guide-content { padding: 0 var(--tkl-space-4) var(--tkl-space-4); }
.inquiry-guide h2 { margin-top: var(--tkl-space-6); text-wrap: balance; }
.inquiry-guide h3 { margin-top: var(--tkl-space-4); text-wrap: balance; }
.inquiry-guide p { text-wrap: pretty; }
.inquiry-guide-flow { padding-left: var(--tkl-space-6); }
.inquiry-guide-list dt { font-weight: 700; margin-top: var(--tkl-space-3); }
.inquiry-guide-list dd { margin: var(--tkl-space-1) 0 0; }
.inquiry-guide > summary:focus-visible { outline: 2px solid var(--tkl-accent); outline-offset: 3px; }
.inquiry-page :is(input, textarea, select, button, a):focus-visible { outline: 2px solid var(--tkl-accent); outline-offset: 3px; }
.inquiry-page--simple .tkl-workspace-panel { max-width: 760px; margin-inline: auto; }
.inquiry-page--simple .inquiry-field { margin-block: var(--tkl-space-4); }
.inquiry-page--simple .inquiry-choice { min-height: 44px; align-items: center; }
.inquiry-page--simple .inquiry-choice input { margin-top: 0 !important; }
.inquiry-page--simple textarea { min-height: 16rem; resize: vertical; }
@media (max-width: 480px) {
  .inquiry-page .inquiry-steps { gap: var(--tkl-space-2); font-size: .875em; }
  .inquiry-page .inquiry-steps li { gap: var(--tkl-space-1); }
}
/* The site's breadcrumbs above a workspace panel line up with it (2026-10-14). */
.tkl-workspace > .main__inner > .bread { box-sizing: border-box; max-width: var(--tkl-panel-width); margin-inline: auto; padding-inline: 0; }
.inquiry-page--simple > .main__inner > .bread { max-width: 760px; }