/* Seller contact pages: shared brand, one clear Kakao destination. */
.contact-page { --contact-border: #dce2e9; }
.contact-page [hidden] { display: none !important; }
.contact-page main { min-width: 0; }
.contact-page section[id] { scroll-margin-top: 86px; }
.contact-page .hero { background: #16202e; padding: 66px 0; text-align: left; }
.contact-page .hero::before, .contact-page .hero::after { display: none; }
.contact-page .hero h1 { font-size: clamp(30px, 4.2vw, 45px); line-height: 1.3; text-shadow: none; letter-spacing: -1.1px; }
.contact-page .hero h1 .hl { color: #ffad65; background: none; filter: none; }
.contact-page .hero p.sub { color: #d1dae5; font-size: 17px; margin-bottom: 26px; max-width: 38em; }
.contact-hero-grid { display: grid; grid-template-columns: minmax(0, 1.35fr) minmax(0, 0.9fr); align-items: center; gap: 44px; }
.contact-eyebrow { color: #ffad65; font-size: 15px; font-weight: 700; margin-bottom: 16px; }
.contact-page .btn-kakao { justify-content: center; font-size: 18px; padding: 16px 24px; border-radius: 10px; box-shadow: none; text-align: center; }
.contact-page .btn-kakao::after { display: none; }
.contact-page .btn-kakao:hover { transform: none; background: #f5dc00; box-shadow: none; }
.contact-id-row { display: flex; flex-wrap: wrap; align-items: center; gap: 8px 12px; margin-top: 19px; font-size: 15px; color: #d1dae5; }
.contact-id-row b { color: #fff; font-size: 18px; letter-spacing: .5px; }
.contact-copy { appearance: none; background: #fff; color: #24364b; font: inherit; font-size: 14px; font-weight: 700; padding: 8px 13px; border: 1px solid #c4cfda; border-radius: 7px; cursor: pointer; }
.contact-copy:hover { background: #eef2f6; }
.contact-page button:focus-visible, .contact-page summary:focus-visible { outline: 3px solid #3176c7; outline-offset: 4px; }
.contact-status { min-height: 1.7em; margin-top: 9px; font-size: 14px; color: #506176; }
.hero .contact-status { color: #d1dae5; }
.contact-prep { background: #fff; color: #28384c; padding: 26px; border-radius: 12px; border-top: 4px solid var(--kakao); }
.contact-prep h2 { font-size: 21px; line-height: 1.4; margin-bottom: 18px; }
.contact-prep ol { list-style: none; }
.contact-prep li { padding: 12px 0; border-top: 1px solid var(--contact-border); display: flex; gap: 12px; align-items: baseline; }
.contact-prep li b { color: #95500b; font-size: 14px; }
.contact-prep p { color: #5a687a; font-size: 14px; margin-top: 12px; }
.contact-jump { background: #fff; border-bottom: 1px solid var(--contact-border); }
.contact-jump .wrap { display: flex; flex-wrap: wrap; gap: 0 25px; }
.contact-jump a { padding: 17px 0; color: #405269; font-size: 15px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.contact-page .sec-tag, .contact-page h2.sec-title, .contact-page p.sec-desc { text-align: left; }
.contact-page .sec-title { max-width: 30em; }
.contact-page .sec-desc { max-width: 47em; margin-bottom: 28px; }
.contact-page .card, .contact-page .step { box-shadow: none; border-color: var(--contact-border); }
.contact-page .card p, .contact-page .step p, .contact-page details.faq .a { font-size: 16px; }
.contact-page .card h3 { font-size: 20px; }
.contact-page .card .contact-text-link { display: inline-block; color: #8c4200; margin-top: 18px; font-weight: 700; text-decoration: underline; text-underline-offset: 4px; }
.contact-split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 32px; align-items: start; }
.contact-list { margin: 20px 0 24px 20px; }
.contact-list li { margin-bottom: 12px; padding-left: 2px; }
.contact-note { color: #56677a; font-size: 15px; line-height: 1.8; }
.contact-template { background: #f1f4f8; padding: 24px; border: 1px solid var(--contact-border); border-radius: 10px; }
.contact-template h3 { font-size: 18px; margin-bottom: 14px; color: #24364b; }
.contact-template pre { font: inherit; font-size: 16px; color: #33465c; white-space: pre-wrap; overflow-wrap: anywhere; line-height: 1.9; margin-bottom: 18px; }
.contact-template .contact-copy { font-size: 15px; }
.contact-table { width: 100%; border-collapse: collapse; background: #fff; text-align: left; }
.contact-table th, .contact-table td { padding: 19px 21px; border-bottom: 1px solid var(--contact-border); vertical-align: top; font-size: 16px; }
.contact-table thead { background: #eaf0f5; }
.contact-table thead th { color: #24364b; font-size: 15px; }
.contact-table tbody th { width: 34%; font-weight: 700; }
.contact-table small { display: block; margin-top: 5px; font-size: 14px; font-weight: 400; color: #607086; }
.contact-inline-cta { display: flex; flex-wrap: wrap; align-items: center; gap: 18px 24px; margin-top: 28px; }
.contact-inline-cta p { color: #56677a; font-size: 15px; }
.contact-page .faq-list { max-width: none; }
.contact-page details.faq { box-shadow: none; }
.contact-page .cta-band { background: #16202e; border-radius: 12px; margin-top: 32px; }
.contact-page .cta-band h2 { margin-bottom: 12px; }
.contact-page .reading-list { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px 28px; list-style: none; }
.contact-page .reading-list a { display: block; padding: 15px 0; border-bottom: 1px solid var(--contact-border); color: #354f6c; text-decoration: underline; text-underline-offset: 4px; font-size: 16px; }
.contact-page .float-kakao { animation: none; border-radius: 12px; padding: 15px 24px; font-size: 17px; }
.contact-page .site-footer { padding-bottom: 112px; }
.contact-page .contact-subhero { padding: 44px 0; }
.contact-page .contact-subhero h1 { font-size: clamp(28px, 4vw, 37px); }
.contact-page .contact-subhero p.sub { margin-bottom: 20px; }
.contact-page .editorial-text { max-width: 820px; font-size: 16px; color: #53657a; }
.contact-page .editorial-text p { margin-bottom: 16px; }
.contact-page .editorial-text a { color: #8c4200; text-decoration: underline; text-underline-offset: 4px; }
@media (max-width: 860px) {
  .contact-hero-grid { grid-template-columns: 1fr; gap: 25px; }
  .contact-page .hero { padding: 40px 0; }
  .contact-page .hero h1 { max-width: 18em; }
  .contact-prep { padding: 22px; }
  .contact-split { grid-template-columns: 1fr; gap: 26px; }
}
@media (max-width: 640px) {
  .contact-page .hero { padding: 32px 0; }
  .contact-page .hero .wrap { padding: 0 18px; }
  .contact-page .hero h1 { font-size: clamp(28px, 7.5vw, 34px); letter-spacing: -.7px; }
  .contact-page .hero p.sub { font-size: 16px; line-height: 1.75; margin-bottom: 20px; }
  .contact-eyebrow { font-size: 14px; margin-bottom: 12px; }
  .contact-page .hero .btn-kakao, .contact-page .cta-band .btn-kakao { width: 100%; padding: 15px 12px; font-size: 17px; }
  .contact-page .contact-id-row { gap: 8px; margin-top: 16px; font-size: 14px; }
  .contact-page .contact-id-row b { font-size: 17px; }
  .contact-page .contact-copy { padding: 8px 11px; }
  .contact-prep { padding: 19px; }
  .contact-prep h2 { font-size: 19px; margin-bottom: 12px; }
  .contact-prep li { padding: 9px 0; }
  .contact-jump .wrap { padding: 0 18px; gap: 0 20px; }
  .contact-jump a { font-size: 14px; padding: 13px 0; }
  .contact-page section.block > .wrap { padding: 0 18px; }
  .contact-page h2.sec-title { font-size: 25px; line-height: 1.4; }
  .contact-page .sec-desc { margin-bottom: 24px; }
  .contact-page .card, .contact-page .step { padding: 23px 21px; }
  .contact-template { padding: 21px; }
  .contact-table th, .contact-table td { padding: 15px 10px; font-size: 15px; }
  .contact-table tbody th { width: 39%; }
  .contact-table small { font-size: 14px; }
  .contact-inline-cta { gap: 13px; }
  .contact-inline-cta .btn-kakao { width: 100%; font-size: 17px; padding: 15px 12px; }
  .contact-page .reading-list { grid-template-columns: 1fr; gap: 0; }
  .contact-page .cta-band { padding: 30px 19px; }
  .contact-page .float-kakao { left: 12px; right: 12px; bottom: max(12px, env(safe-area-inset-bottom)); justify-content: center; font-size: 17px; padding: 14px 12px; }
  .contact-page .site-footer { padding-bottom: calc(110px + env(safe-area-inset-bottom)); }
}
@media print {
  .contact-page .float-kakao, .contact-page .contact-copy, .contact-page .contact-status { display: none !important; }
}