/* Shared secondary-page styling for the dispatch-map landing. */
:root {
  --kraft: #f4e6b5;
  --paper: #fff9e9;
  --paper-2: #fff1d2;
  --paper-3: #d9c99e;
  --ink: #112b61;
  --ink-2: #304b7d;
  --ink-3: #64779c;
  --rule: #d5c8a8;
  --panel: #102758;
  --panel-2: #183b78;
  --panel-ink: #fff9e9;
  --panel-ink-2: #cbd7ed;
  --orange: #f04e0d;
  --orange-soft: #fff0da;
}

body[class^="hq-"] {
  background: #fff9e9;
  color: #112b61;
  font-family: "Apple SD Gothic Neo", "Noto Sans KR", sans-serif;
}
body[class^="hq-"] :is(button, input, textarea) { font-family: inherit; }
body[class^="hq-"] :is(a, button, input, textarea, summary):focus-visible { outline: 3px solid #f04e0d; outline-offset: 3px; }

.hq-site-header {
  position: relative;
  z-index: 30;
  width: 100%;
  background: #fff9e9;
  border-bottom: 3px solid #112b61;
  color: #112b61;
}
.hq-header-inner {
  max-width: 1500px;
  min-height: 82px;
  margin: auto;
  padding: 0 48px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
}
.hq-site-brand { display: inline-flex; align-items: center; gap: 9px; color: #112b61; text-decoration: none; white-space: nowrap; }
.hq-site-brand img { display: block; width: 43px; height: 43px; object-fit: contain; }
.hq-site-brand strong { font-size: 26px; font-weight: 900; letter-spacing: -.085em; }
.hq-site-nav { display: flex; align-items: center; gap: 31px; }
.hq-site-nav a { color: #18315f; font-size: 14px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.hq-site-nav a:hover { color: #f04e0d; }
.hq-site-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  min-height: 43px;
  padding: 10px 19px;
  border-radius: 99px;
  background: #f04e0d;
  color: #fff;
  box-shadow: 0 4px 0 #c53c08;
  font-size: 13px;
  font-weight: 900;
  text-decoration: none;
  white-space: nowrap;
}
.hq-site-cta:hover { transform: translateY(-2px); box-shadow: 0 6px 0 #c53c08; }
.hq-site-cta span { font-size: 20px; line-height: 1; }

/* Inquiry and survey: navy dispatch field beside warm paperwork. */
.hq-contact .scene,
.hq-survey .scene { background: #102758; color: #fff9e9; }
.hq-contact .scene-photo,
.hq-survey .scene-photo { filter: grayscale(1); opacity: .63; }
.hq-contact .scene::after,
.hq-survey .scene::after { background: linear-gradient(130deg, rgba(12, 39, 87, .93), rgba(12, 39, 87, .45) 55%, rgba(12, 39, 87, .86)); }
.hq-contact .org-mark img,
.hq-survey .org-mark img { border-radius: 50%; background: #fff9e9; }
.hq-contact .org-mark strong,
.hq-survey .org-mark strong { color: #fff9e9; font-size: 23px; letter-spacing: -.07em; }
.hq-contact .org-mark em,
.hq-survey .org-mark em { color: #f6d681; }
.hq-contact .strip,
.hq-survey .strip { color: #102758; text-shadow: none; letter-spacing: -.06em; }
.hq-contact .strip::before,
.hq-survey .strip::before { filter: drop-shadow(0 6px 0 rgba(7, 28, 69, .36)); }
.hq-contact .scene-note,
.hq-survey .scene-note { color: #fff9e9; font-weight: 600; }
.hq-contact .folder,
.hq-survey .stage { background: #f4e6b5 url('/assets/warm-paper-texture.png') center / 600px; }
.hq-contact .sheet,
.hq-survey .sheet {
  background: #fff9e9 url('/assets/warm-paper-texture.png') center / 600px;
  border: 2px solid #112b61;
  border-radius: 9px;
  box-shadow: 10px 10px 0 #f04e0d;
}
.hq-contact .sheet h1,
.hq-survey .sheet h1 { color: #112b61; font-weight: 900; letter-spacing: -.065em; }
.hq-contact .sheet-head,
.hq-survey .sheet-head { border-color: #112b61; }
.hq-contact .sheet-head .badge,
.hq-survey .sheet-head .badge { border-radius: 9px; }
.hq-contact .input,
.hq-survey .input { background: #fffdf8; border: 1.5px solid #b8c3da; border-radius: 8px; color: #112b61; }
.hq-contact .input:focus-visible,
.hq-survey .input:focus-visible { border-color: #f04e0d; }
.hq-contact .chip,
.hq-survey .opt-label { background: #fffdf8; border-color: #b8c3da; border-radius: 8px; }
.hq-contact .chip[aria-pressed="true"],
.hq-survey .opt-label:has(input:checked) { background: #fff0da; border-color: #f04e0d; color: #112b61; }
.hq-contact .submit,
.hq-survey .btn { border-radius: 99px; background: #f04e0d; box-shadow: 0 4px 0 #c53c08; }
.hq-contact .submit:disabled,
.hq-survey .btn:disabled { box-shadow: none; }
.hq-contact .submit:disabled { background: #b8c3d8; color: #fff; }
.hq-contact .notice { background: #fff4d6; border: 2px solid #112b61; border-radius: 9px; box-shadow: 6px 6px 0 #e8cb72; }
.hq-survey .prog { background: rgba(255, 249, 233, .96); }

/* Policy and terms: readable cream documents inside the same navy/orange world. */
.hq-legal .dossier {
  background: #143978 url('/assets/warm-paper-texture.png') center / 600px;
  background-blend-mode: multiply;
  border-bottom: 8px solid #f7d45b;
}
.hq-legal .dossier-sheet {
  background: #fff9e9 url('/assets/warm-paper-texture.png') center / 600px;
  border: 2px solid #112b61;
  border-radius: 9px;
  box-shadow: 11px 11px 0 #f04e0d;
}
.hq-legal .dossier h1 { color: #112b61; letter-spacing: -.07em; }
.hq-terms-cat { display: block; width: min(100%, 285px); height: 335px; object-fit: contain; object-position: bottom; align-self: end; justify-self: center; filter: drop-shadow(0 11px 3px rgba(4, 22, 53, .45)); }
.hq-legal .org-mark strong { color: #112b61; font-size: 23px; letter-spacing: -.07em; }
.hq-legal .doc-meta { border-color: #112b61; border-radius: 6px; }
.hq-legal .body-grid { background: #fff9e9; }
.hq-legal .toc { background: #102758; color: #fff9e9; }
.hq-legal .toc-ask { border-color: #f04e0d; }
.hq-legal .content { background: #fff9e9 url('/assets/warm-paper-texture.png') center / 600px; }
.hq-legal .sec-t { color: #112b61; }
.hq-legal .end-card { background: #fffdf8; border: 1.5px solid #c9d0de; border-radius: 9px; box-shadow: 5px 5px 0 #f6df9a; }
.hq-legal .btn-outline { border-color: #112b61; border-radius: 99px; }
.hq-legal .site-footer { background: #102758; }

/* Account deletion keeps its warning meaning while sharing the HQ palette. */
.hq-delete {
  --charcoal: #102758;
  --charcoal-2: #183b78;
  --paper: #fff9e9;
  --paper-deep: #f5e3b5;
  --folder: #f4e6b5;
  --ink: #112b61;
  --ink-soft: #304b7d;
  --ink-muted: #64779c;
  --rule: #d5c8a8;
  --orange: #f04e0d;
}
.hq-delete .archive-scene { background: #102758; }
.hq-delete .archive-scene::before { filter: grayscale(1); opacity: .65; }
.hq-delete .archive-scene::after { background: linear-gradient(125deg, rgba(12, 39, 87, .96), rgba(12, 39, 87, .52) 58%, rgba(12, 39, 87, .84)); }
.hq-delete .scene-brand img,
.hq-delete .doc-brand img { filter: none; border-radius: 50%; background: #fff9e9; }
.hq-delete .scene-brand strong { font-size: 23px; letter-spacing: -.07em; }
.hq-delete .scene-brand small,
.hq-delete .scene-eyebrow { color: #f6d681; }
.hq-delete .scene-copy h1 { font-family: "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; font-weight: 900; letter-spacing: -.065em; line-height: 1.2; }
.hq-delete .scene-copy p { color: #fff9e9; font-weight: 600; }
.hq-delete .folder-panel { background: #f4e6b5 url('/assets/warm-paper-texture.png') center / 600px; }
.hq-delete .folder-panel::before,
.hq-delete .folder-panel::after { background: #f7d45b; border-color: #112b61; }
.hq-delete .document { background: #fff9e9 url('/assets/warm-paper-texture.png') center / 600px; border: 2px solid #112b61; border-radius: 9px; box-shadow: 10px 10px 0 #f04e0d; }
.hq-delete .doc-head { border-color: #112b61; }
.hq-delete .doc-head h2 { font-family: "Apple SD Gothic Neo", "Noto Sans KR", sans-serif; font-weight: 900; color: #112b61; letter-spacing: -.065em; }
.hq-delete .data-card,
.hq-delete .notice,
.hq-delete .route-card,
.hq-delete .request-card { background: #fffdf8; border-color: #b8c3da; border-radius: 8px; }
.hq-delete .field { background: #fffdf8; border-color: #b8c3da; border-radius: 7px; }
.hq-delete .confirm-box { background: #fff4d6; border-color: #d8c184; border-radius: 7px; }
.hq-delete .route-button { border-radius: 99px; }
.hq-delete .delete-submit { border-radius: 99px; }
.hq-delete .legal-strip { background: #102758; color: #fff9e9; border-radius: 9px; }
.hq-delete .legal-strip a { color: #f6d681; }

@keyframes hq-page-enter {
  from { opacity: 0; transform: translateY(18px); }
  to { opacity: 1; transform: translateY(0); }
}
.hq-contact .sheet,
.hq-survey .sheet,
.hq-legal .dossier-sheet,
.hq-delete .document { animation: hq-page-enter .65s both cubic-bezier(.2, .75, .2, 1); }

@media (max-width: 820px) {
  .hq-header-inner { padding: 0 22px; min-height: 70px; }
  .hq-site-nav { display: none; }
  .hq-site-brand strong { font-size: 21px; }
  .hq-site-brand img { width: 38px; height: 38px; }
  .hq-terms-cat { display: none; }
}
@media (max-width: 520px) {
  .hq-header-inner { min-height: 65px; padding: 0 16px; gap: 10px; }
  .hq-site-brand strong { font-size: 19px; }
  .hq-site-brand img { width: 35px; height: 35px; }
  .hq-site-cta { min-height: 36px; padding: 8px 12px; font-size: 10px; box-shadow: 0 3px 0 #c53c08; }
  .hq-site-cta span { font-size: 16px; }
  .hq-contact .sheet,
  .hq-survey .sheet,
  .hq-legal .dossier-sheet,
  .hq-delete .document { box-shadow: 5px 5px 0 #f04e0d; }
}
@media (prefers-reduced-motion: reduce) {
  .hq-contact .sheet,
  .hq-survey .sheet,
  .hq-legal .dossier-sheet,
  .hq-delete .document { animation: none; }
}
@media print {
  .hq-site-header,
  .hq-terms-cat { display: none; }
  body[class^="hq-"] { background: #fff; }
  .hq-legal .dossier,
  .hq-legal .body-grid,
  .hq-legal .content { background: #fff; }
  .hq-legal .dossier-sheet { background: #fff; box-shadow: none; border: 0; }
}