/* 게임 가이드 v3: 검색, 첫날 안내, 루틴, 표, FAQ, 감초 안내 */
.wg-title { font-size: 1.6rem; margin: 4px 0 10px; }
.wg-block { margin: 0 0 64px; }

.wg-search { margin: 8px 0 40px; }
.wg-search input {
  width: 100%; box-sizing: border-box; padding: 14px 18px; font-size: 1rem;
  border: 1px solid rgba(90, 120, 70, .25); border-radius: 14px; background: #fffdf6;
}
.wg-search input:focus { outline: 2px solid rgba(80, 130, 70, .45); outline-offset: 1px; }
.wg-results { margin-top: 18px; }

.wg-steps { list-style: none; padding: 0; margin: 18px 0 0; display: grid; gap: 12px; }
.wg-steps li {
  display: flex; gap: 14px; align-items: flex-start; padding: 16px 18px;
  border: 1px solid rgba(90, 120, 70, .18); border-radius: 14px; background: #fffdf6;
}
.wg-steps p { margin: 4px 0 8px; font-size: .88rem; line-height: 1.6; color: var(--muted, #6b6b6b); }
.wg-step-no {
  flex: none; width: 30px; height: 30px; border-radius: 50%; display: grid; place-items: center;
  background: #4d7a43; color: #fff; font-weight: 700; font-size: .9rem;
}

.wg-routine { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.wg-routine-col { padding: 16px 18px; border: 1px solid rgba(90, 120, 70, .18); border-radius: 14px; background: #fffdf6; }
.wg-routine-col h3 { margin: 0 0 10px; font-size: 1rem; }
.wg-routine-col ul { margin: 0; padding-left: 18px; font-size: .86rem; line-height: 1.9; }
.wg-routine-col a { color: inherit; }

.wg-table-wrap { overflow-x: auto; }
.wg-table { width: 100%; border-collapse: collapse; font-size: .88rem; }
.wg-table th, .wg-table td { text-align: left; vertical-align: top; padding: 9px 12px; border-bottom: 1px solid rgba(90, 120, 70, .15); line-height: 1.6; }
.wg-table th { white-space: nowrap; color: var(--muted, #6b6b6b); font-weight: 600; width: 1%; }
.wg-table thead th { width: auto; border-bottom: 2px solid rgba(90, 120, 70, .25); }

.wg-ol { margin: 0; padding-left: 22px; line-height: 1.9; font-size: .92rem; }
.wg-when { margin: -6px 0 26px; font-size: .86rem; color: var(--muted, #6b6b6b); }

.wg-faq { border: 1px solid rgba(90, 120, 70, .18); border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; background: #fffdf6; }
.wg-faq summary { cursor: pointer; font-weight: 600; }
.wg-faq p { margin: 10px 0 4px; line-height: 1.7; font-size: .9rem; }

.wg-ai { padding: 20px 22px; border-radius: 16px; background: rgba(120, 170, 230, .08); border: 1px solid rgba(120, 170, 230, .25); }

@media (max-width: 760px) {
  .wg-routine { grid-template-columns: 1fr; }
  .wg-title { font-size: 1.3rem; }
}