/* 제휴 문의 (partner-apply.html) — PARTNERSHIP-INQUIRY-01 v2.
   소유자 10-28 「다시 만들고 상용화나고 고급스럽게」 「다른 사이트 보고 배우던가」: the layout follows a company
   partnership page (우아한형제들 제휴/제안) — the title and two lines centred, one wide column, grouped fields under a
   heavy rule, a 필수 tag beside each required label, the consent text in a quiet grey box, one centred button.
   The header and footer stay the information-page ones. This sheet loads on this page only, so its tokens sit on
   :root; Dark follows the pre-paint attribute site-static-theme.css keys on. */

:root {
  --pi-bg: #ffffff;
  --pi-ink: #191f28;
  --pi-tx2: #4e5968;
  --pi-tx3: #8b95a1;
  --pi-line: #e5e8eb;
  --pi-field-line: #d6d7da;
  --pi-field-hover: #b0b8c1;
  --pi-box: #f7f8fa;
  --pi-tile-on: #f2f4f6;
  --pi-req: #2563eb;
  --pi-btn: #191f28;
  --pi-btn-hover: #333d4b;
  --pi-btn-tx: #ffffff;
  --pi-err: #d92d20;
  --pi-focus: #191f28;
}

html[data-site-theme-bootstrap="dark"] {
  --pi-bg: #17171c;
  --pi-ink: #f2f4f6;
  --pi-tx2: #c3c8cf;
  --pi-tx3: #8b95a1;
  --pi-line: #2c2c35;
  --pi-field-line: #3a3a44;
  --pi-field-hover: #565663;
  --pi-box: #202027;
  --pi-tile-on: #26262e;
  --pi-req: #7fa7ff;
  --pi-btn: #f2f4f6;
  --pi-btn-hover: #d1d6db;
  --pi-btn-tx: #17171c;
  --pi-err: #ff8a80;
  --pi-focus: #f2f4f6;
}

@media (prefers-color-scheme: dark) {
  html[data-site-theme-bootstrap="system"],
  html:not([data-site-theme-bootstrap]) {
    --pi-bg: #17171c;
    --pi-ink: #f2f4f6;
    --pi-tx2: #c3c8cf;
    --pi-tx3: #8b95a1;
    --pi-line: #2c2c35;
    --pi-field-line: #3a3a44;
    --pi-field-hover: #565663;
    --pi-box: #202027;
    --pi-tile-on: #26262e;
    --pi-req: #7fa7ff;
    --pi-btn: #f2f4f6;
    --pi-btn-hover: #d1d6db;
    --pi-btn-tx: #17171c;
    --pi-err: #ff8a80;
    --pi-focus: #f2f4f6;
  }
}

html body.consumer-document { background: var(--pi-bg); color: var(--pi-ink); }

.partner-inquiry-page .pi-section { max-width: 760px; margin: 0 auto; padding: 72px 0 96px; border-top: 0; }

.partner-inquiry-page .pi-head { margin: 0 0 56px; text-align: center; }
.partner-inquiry-page .pi-head h1 { margin: 0 0 16px; color: var(--pi-ink); font-size: 40px; font-weight: 800; line-height: 1.3; letter-spacing: -.03em; }
.partner-inquiry-page .pi-lead { margin: 0; color: var(--pi-tx2); font-size: 17px; line-height: 1.75; }

.partner-inquiry-page .pi-form { display: grid; gap: 56px; margin: 0; }
.partner-inquiry-page :is(.pi-form, .pi-done)[hidden],
.partner-inquiry-page .pi-field[hidden] { display: none; }

.partner-inquiry-page .pi-group { display: grid; gap: 28px; min-width: 0; margin: 0; padding: 0; border: 0; }
.partner-inquiry-page .pi-group-title { margin: 0; padding-bottom: 14px; border-bottom: 2px solid var(--pi-ink); color: var(--pi-ink); font-size: 19px; font-weight: 800; letter-spacing: -.01em; }

.partner-inquiry-page .pi-field { display: grid; align-content: start; gap: 10px; min-width: 0; }
.partner-inquiry-page .pi-row { display: grid; grid-template-columns: 1fr 1fr; align-items: start; gap: 28px 20px; }
.partner-inquiry-page .pi-label { display: flex; align-items: baseline; gap: 6px; color: var(--pi-ink); font-size: 15px; font-weight: 700; line-height: 1.5; }
.partner-inquiry-page .pi-req { color: var(--pi-req); font-size: 12px; font-weight: 600; }

.partner-inquiry-page :is(input[type="text"], input[type="email"], input[type="tel"], select, textarea) {
  width: 100%;
  min-height: 52px;
  margin: 0;
  padding: 13px 16px;
  border: 1px solid var(--pi-field-line);
  border-radius: 6px;
  background: var(--pi-bg);
  color: var(--pi-ink);
  font: inherit;
  font-size: 16px;
  line-height: 1.5;
  transition: border-color .15s ease;
}
.partner-inquiry-page textarea { min-height: 0; resize: vertical; line-height: 1.65; }
.partner-inquiry-page select {
  appearance: none;
  padding-right: 44px;
  background-image: linear-gradient(45deg, transparent 50%, var(--pi-tx3) 50%), linear-gradient(135deg, var(--pi-tx3) 50%, transparent 50%);
  background-position: calc(100% - 22px) 50%, calc(100% - 16px) 50%;
  background-size: 6px 6px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.partner-inquiry-page :is(input, select, textarea):hover { border-color: var(--pi-field-hover); }
.partner-inquiry-page :is(input, textarea)::placeholder { color: var(--pi-tx3); }
.partner-inquiry-page :is(input, select, textarea):focus-visible { outline: none; border-color: var(--pi-focus); box-shadow: 0 0 0 1px var(--pi-focus); }
.partner-inquiry-page :is(input, select, textarea)[aria-invalid="true"] { border-color: var(--pi-err); }

.partner-inquiry-page :is(.pi-example, .pi-help) { margin: 0; color: var(--pi-tx3); font-size: 13px; line-height: 1.6; }
.partner-inquiry-page .pi-error { margin: 0; color: var(--pi-err); font-size: 13px; font-weight: 600; }

/* 카테고리: square tiles in one row on a computer, a firm outline when picked. */
.partner-inquiry-page .pi-tiles { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; }
.partner-inquiry-page .pi-tile { position: relative; display: flex; cursor: pointer; }
.partner-inquiry-page .pi-tile input { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.partner-inquiry-page .pi-tile span {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: 52px;
  padding: 0 8px;
  border: 1px solid var(--pi-field-line);
  border-radius: 6px;
  color: var(--pi-tx2);
  font-size: 15px;
  font-weight: 600;
  text-align: center;
  word-break: keep-all;
  transition: border-color .15s ease, background-color .15s ease;
}
.partner-inquiry-page .pi-tile:hover span { border-color: var(--pi-field-hover); }
.partner-inquiry-page .pi-tile input:checked + span { border-color: var(--pi-ink); box-shadow: inset 0 0 0 1px var(--pi-ink); background: var(--pi-tile-on); color: var(--pi-ink); font-weight: 700; }
.partner-inquiry-page .pi-tile input:focus-visible + span { outline: 2px solid var(--pi-focus); outline-offset: 2px; }

/* 공문·제안서 */
.partner-inquiry-page .pi-file-input { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.partner-inquiry-page .pi-file-box { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 16px; padding: 14px 16px; border: 1px dashed var(--pi-field-line); border-radius: 6px; }
.partner-inquiry-page .pi-file-pick {
  min-height: 40px;
  padding: 0 16px;
  border: 1px solid var(--pi-field-line);
  border-radius: 6px;
  background: var(--pi-bg);
  color: var(--pi-ink);
  font: inherit;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
}
.partner-inquiry-page .pi-file-pick:hover { border-color: var(--pi-field-hover); }
.partner-inquiry-page .pi-file-pick:disabled { color: var(--pi-tx3); cursor: default; }
.partner-inquiry-page .pi-file-pick:focus-visible { outline: 2px solid var(--pi-focus); outline-offset: 2px; }
.partner-inquiry-page .pi-section ul.pi-file-list { display: grid; gap: 6px; margin: 0; padding: 0; list-style: none; }
.partner-inquiry-page .pi-section ul.pi-file-list:empty { display: none; }
.partner-inquiry-page .pi-section ul.pi-file-list li { display: flex; align-items: center; gap: 10px; min-height: 48px; margin: 0; padding: 0 6px 0 16px; border-radius: 6px; background: var(--pi-box); color: var(--pi-ink); font-size: 14px; }
.partner-inquiry-page .pi-file-name { flex: 1; min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.partner-inquiry-page .pi-file-size { flex: none; color: var(--pi-tx3); font-size: 13px; }
.partner-inquiry-page .pi-file-remove { flex: none; width: 40px; height: 40px; border: 0; border-radius: 6px; background: transparent; color: var(--pi-tx2); font-size: 20px; line-height: 1; cursor: pointer; }
.partner-inquiry-page .pi-file-remove:hover { color: var(--pi-ink); }
.partner-inquiry-page .pi-file-remove:focus-visible { outline: 2px solid var(--pi-focus); outline-offset: 0; }

/* 동의 */
.partner-inquiry-page .pi-consent { display: grid; gap: 12px; }
.partner-inquiry-page .pi-check { display: flex; align-items: center; gap: 10px; min-height: 44px; color: var(--pi-ink); font-size: 15px; font-weight: 600; cursor: pointer; }
.partner-inquiry-page .pi-check > span { display: flex; align-items: baseline; gap: 6px; }
.partner-inquiry-page .pi-check input { flex: none; width: 22px; height: 22px; margin: 0; accent-color: var(--pi-ink); cursor: pointer; }
.partner-inquiry-page .pi-notice { padding: 20px 22px; border: 1px solid var(--pi-line); border-radius: 6px; background: var(--pi-box); color: var(--pi-tx2); font-size: 13px; line-height: 1.75; }
.partner-inquiry-page .pi-notice p { margin: 0; color: var(--pi-tx2); }
.partner-inquiry-page .pi-notice .pi-notice-title { margin-bottom: 8px; color: var(--pi-ink); font-size: 14px; font-weight: 700; }
.partner-inquiry-page .pi-section .pi-notice ol { margin: 0 0 8px; padding-left: 18px; }
.partner-inquiry-page .pi-section .pi-notice li { margin: 0; }

/* 문의하기 */
.partner-inquiry-page .pi-actions { display: grid; justify-items: center; gap: 14px; padding-top: 8px; }
.partner-inquiry-page .pi-status { margin: 0; color: var(--pi-err); font-size: 14px; font-weight: 600; text-align: center; }
.partner-inquiry-page .pi-status:empty { display: none; }
.partner-inquiry-page .pi-status[data-tone="pending"] { color: var(--pi-tx2); }
.partner-inquiry-page .pi-submit {
  width: 280px;
  max-width: 100%;
  min-height: 56px;
  border: 0;
  border-radius: 6px;
  background: var(--pi-btn);
  color: var(--pi-btn-tx);
  font: inherit;
  font-size: 17px;
  font-weight: 700;
  cursor: pointer;
  transition: background-color .15s ease;
}
.partner-inquiry-page .pi-submit:hover { background: var(--pi-btn-hover); }
.partner-inquiry-page .pi-submit:disabled { opacity: .5; cursor: default; }
.partner-inquiry-page .pi-submit:focus-visible { outline: 2px solid var(--pi-focus); outline-offset: 3px; }

.partner-inquiry-page .pi-done { padding: 48px 0; border-top: 2px solid var(--pi-ink); text-align: center; }
.partner-inquiry-page .pi-done h3 { margin: 0 0 10px; color: var(--pi-ink); font-size: 26px; font-weight: 800; }
.partner-inquiry-page .pi-done p { margin: 0 0 28px; color: var(--pi-tx2); }
.partner-inquiry-page .pi-home { display: inline-flex; align-items: center; min-height: 48px; padding: 0 28px; border: 1px solid var(--pi-field-line); border-radius: 6px; color: var(--pi-ink); font-weight: 700; text-decoration: none; }

@media (max-width: 760px) {
  .partner-inquiry-page .pi-section { padding: 40px 0 64px; }
  .partner-inquiry-page .pi-head { margin-bottom: 40px; }
  .partner-inquiry-page .pi-head h1 { font-size: 30px; }
  .partner-inquiry-page .pi-lead { font-size: 15px; }
  .partner-inquiry-page .pi-form { gap: 44px; }
  .partner-inquiry-page .pi-group { gap: 24px; }
  .partner-inquiry-page .pi-group-title { font-size: 17px; }
  .partner-inquiry-page .pi-row { grid-template-columns: 1fr; gap: 24px; }
  .partner-inquiry-page .pi-tiles { grid-template-columns: repeat(2, 1fr); }
  .partner-inquiry-page .pi-tiles .pi-tile:last-child { grid-column: 1 / -1; }
  .partner-inquiry-page .pi-submit { width: 100%; }
}