/* BASIC css start */
*, *::before, *::after { box-sizing: border-box; }
html, body { margin: 0; padding: 0; background: #fff; }
#content { width:100% !important; max-width:unset !important; color:#121212; }
#diploma-lookup, #diploma-lookup button, #diploma-lookup input, #diploma-lookup a { font-family: Pretendard, "Noto Sans KR", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
#diploma-lookup { font-size:16px; line-height:1.5; color:#252127; word-break:keep-all; padding: 80px 40px 120px; }
.lookup-form { max-width: 560px; margin: 0 auto; }
.lookup-result { max-width: 960px; margin: 0 auto; min-width: 0; }
#diploma-lookup h1 { margin:0; font-size:34px; font-weight:500; line-height:1.35; letter-spacing:-0.03em; color:#121212; text-align:center; }
.lookup-description { margin:16px 0 0; font-size:17px; line-height:1.7; color:#666; text-align:center; }
#diploma-lookup label { display:block; margin:20px 0 8px; font-size:14px; font-weight:500; color:#625c62; }
#diploma-lookup input { display:block; width:100%; height:54px; padding:0 16px; border:1px solid #ded5db; border-radius:11px; background:#fff; color:#252127; font-size:16px; line-height:52px; font-weight:400; box-shadow:none; }
#diploma-lookup input::placeholder { color:#aaa2a8; }
#diploma-lookup input:focus { border-color:#d94f77; box-shadow:0 0 0 3px rgba(217, 79, 119, .12); outline:none; }
#diploma-lookup input.invalid { border-color:#d94f77; }
#diploma-lookup button { display:flex; align-items:center; justify-content:center; width:100%; height:56px; margin-top:26px; padding:0 18px; border:1px solid #222; border-radius:12px; background:#222; color:#fff; font-size:17px; font-weight:750; letter-spacing:-0.02em; box-shadow:0 8px 18px rgba(20, 16, 18, .12); }
#diploma-lookup button:hover { background:#000; border-color:#000; }
.lookup-message { margin:20px 0 0; font-size:15px; line-height:1.6; color:#252127; text-align:center; }
.issuance-card { margin-top:28px; border-top:2px solid #222; padding-top:22px; display:grid; grid-template-columns:minmax(280px, 420px) 1fr; gap:48px; align-items:start; min-width:0; }
.fact { display:grid; grid-template-columns:96px 1fr; gap:8px 16px; padding:14px 0; border-bottom:1px solid #e9e9e9; font-size:15px; min-width:0; }
.fact-label { color:#888; font-size:13px; }
.fact-value { color:#252525; min-width:0; overflow-wrap:anywhere; }
.issuance-card img { display:block; width:100%; height:auto; background:#fff; }
@media (max-width: 767px) {
  #diploma-lookup { padding: 32px 20px 80px; }
  #diploma-lookup h1 { font-size:26px; }
  #diploma-lookup input { height:52px; }
  #diploma-lookup button { height:54px; }
  .issuance-card { grid-template-columns:1fr; gap:24px; }
}

/* BASIC css end */