/* 한글 초성 퀴즈 — 고유 레이아웃만 (박스/버튼/배경은 style_tools_base.css 통일) */
.wrap{ max-width:100%; padding:0 0 70px; }

.hg-head{ margin-bottom:20px; text-align:center; }
.hg-title{ font-size:38px; font-weight:800; margin:0; letter-spacing:-.02em; }
.hg-sub{ margin:8px 0 0; color:#6b7280; font-size:13px; }

.hg-card{ border:1.5px solid #e2e8f0; border-radius:16px; padding:34px 24px; text-align:center; max-width:480px; margin:0 auto; background:#fff; }
.hg-cat{ font-size:12px; font-weight:700; color:#2563eb; text-transform:uppercase; letter-spacing:.06em; margin-bottom:18px; }
.hg-chosung{ font-size:50px; font-weight:800; letter-spacing:.12em; color:#111827; margin-bottom:26px; }
.hg-input-row{ display:flex; gap:8px; margin-bottom:14px; }
.hg-input{ flex:1; padding:12px 14px; border:1.5px solid #e5e7eb; font-size:17px; text-align:center; }
.hg-submit{ background:#111827; color:#fff; border:none; padding:12px 20px; font-weight:700; font-size:14px; cursor:pointer; }
.hg-submit:hover{ background:#374151; }
.hg-msg{ min-height:22px; font-weight:700; font-size:15px; margin-bottom:18px; color:#374151; }
.hg-msg.ok{ color:#16a34a; }
.hg-msg.no{ color:#dc2626; }
.hg-bar{ display:flex; align-items:center; gap:10px; }
.hg-btn2{ background:#f3f4f6; border:none; color:#374151; font-size:13px; font-weight:700; padding:8px 14px; cursor:pointer; border-radius:8px; }
.hg-btn2:hover{ background:#e5e7eb; }
.hg-score{ font-size:13px; color:#6b7280; margin-left:auto; }
.hg-score b{ color:#111827; font-size:16px; }

@media (max-width:480px){ .hg-title{ font-size:30px; } .hg-chosung{ font-size:40px; } }