@charset "utf-8";
/**
 * Pro 톤 심플 페이지 — public/intro·contact · plus fortune/dream/tarot
 * 원칙: 본문 font-weight 400, 테두리 1px 은은한 그레이, 좌우 패딩 1회, radius 4px
 */

.wr-simple-page,
.wr-plus-page,
#body_gen.divText,
#body_gen.divText800 {
  --wr-simple-pad-x: 12px;
  max-width: 720px;
  margin-left: auto;
  margin-right: auto;
  padding: 16px var(--wr-simple-pad-x) 32px;
  box-sizing: border-box;
  color: var(--text-primary);
  background: transparent;
  font-weight: 400;
  line-height: 1.65;
  text-align: left;
}

/* 중첩 시 좌우 패딩 중복 제거 */
.wr-simple-page .wr-simple-page,
.wr-simple-page .divText,
.wr-plus-page .divText,
#body_gen.divText .divText,
#body_gen.divText .wr-plus-page {
  max-width: none;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
}

.wr-simple-page *,
.wr-plus-page *,
#body_gen.divText *:not(strong):not(b):not(h1):not(h2):not(h3):not(h4):not(th):not(button):not(.btn_submit):not(.contact-submit-btn):not(.wr-card-title) {
  font-weight: inherit;
}

.wr-simple-page p,
.wr-plus-page p,
#body_gen.divText p,
.wr-simple-page li,
.wr-plus-page li,
#body_gen.divText li,
.wr-simple-page td,
.wr-plus-page td,
#body_gen.divText td,
.wr-simple-page .card-content,
.wr-simple-page .history-details {
  font-weight: 400 !important;
  color: var(--text-primary);
}

/* 본문 안 strong/b 도 굵게 쓰지 않음 (제목 제외) */
.wr-simple-page p strong,
.wr-simple-page p b,
.wr-simple-page li strong,
.wr-simple-page li b,
.wr-simple-page .card-content strong,
.wr-plus-page p strong,
.wr-plus-page p b,
#body_gen.divText p strong,
#body_gen.divText p b {
  font-weight: 400 !important;
}

.wr-simple-page h1,
.wr-plus-page h1,
#body_gen.divText > h1,
.wr-simple-page h2,
.wr-plus-page h2,
.wr-simple-page h3,
.wr-plus-page h3,
.wr-simple-page h4,
.wr-plus-page h4,
#body_gen.divText h2,
#body_gen.divText h3,
#body_gen.divText h4 {
  font-weight: 700;
  color: var(--text-primary);
  line-height: 1.35;
  margin: 1.1em 0 0.5em;
}

.wr-simple-page h1,
.wr-plus-page > h1 {
  font-size: 1.35em;
  margin-top: 0;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--border-color);
}

.wr-simple-page h2 { font-size: 1.2em; }
.wr-simple-page h3 { font-size: 1.08em; }

.wr-simple-page a,
.wr-plus-page a,
#body_gen.divText a {
  color: var(--link-color);
}

/* 패널·카드·표 */
.wr-simple-page .wr-panel,
.wr-simple-page .intro-card,
.wr-simple-page .contact-form,
.wr-plus-page table:not(.tableAi),
#body_gen.divText table:not(.tableAi) {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: var(--bg-primary);
  box-shadow: none;
}

.wr-simple-page .intro-card {
  padding: 16px;
  margin: 0 0 14px;
}

.wr-simple-page .intro-card:hover {
  transform: none;
  box-shadow: none;
}

.wr-simple-page .intro-card h3,
.wr-simple-page .history-title,
.wr-simple-page .card-title {
  font-weight: 700;
  font-size: 1.05em;
  margin: 0 0 10px;
  padding-bottom: 8px;
  border-bottom: 1px solid var(--border-color);
  color: var(--text-primary);
}

.wr-simple-page .reference-card,
.wr-simple-page .history-card,
.wr-simple-page .history-item {
  border-left: 0;
}

.wr-simple-page .history-item {
  margin: 0 0 10px;
  padding: 12px;
  background: var(--bg-secondary);
  border: 1px solid var(--border-color);
  border-radius: 4px;
}

.wr-simple-page .history-year {
  font-weight: 700;
  font-size: 0.95em;
  color: var(--theme-green-deep, #5a6b4a);
  margin-bottom: 4px;
}

.wr-simple-page .history-year.future {
  color: var(--text-secondary);
}

.wr-simple-page .history-version {
  font-weight: 400;
  color: var(--text-primary);
  margin-bottom: 6px;
}

.wr-simple-page .history-details {
  margin-left: 0;
  color: var(--text-secondary);
}

.wr-simple-page .intro-divider,
.wr-simple-page hr {
  border: 0;
  border-top: 1px solid var(--border-color);
  margin: 20px 0;
  max-width: none;
  width: 100%;
  background: none;
}

.wr-simple-page .card-item {
  padding-left: 0;
  margin: 6px 0;
  color: var(--text-secondary);
}

.wr-simple-page .card-item:before {
  content: none;
}

/* contact */
.wr-simple-page.contact-container,
.contact-container.wr-simple-page {
  max-width: 720px;
  padding: 16px var(--wr-simple-pad-x, 12px) 32px;
}

.wr-simple-page .contact-messages {
  max-width: none;
  padding: 0;
  margin: 0 0 16px;
}

.wr-simple-page .contact-form {
  padding: 16px;
  margin-top: 12px;
  border-radius: 4px;
  box-shadow: none;
}

.wr-simple-page .contact-form-group {
  margin-bottom: 14px;
}

.wr-simple-page .contact-form-group label {
  font-weight: 400;
  color: var(--text-secondary);
  font-size: 0.92em;
  margin-bottom: 6px;
}

.wr-simple-page .contact-form-group input,
.wr-simple-page .contact-form-group textarea {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: var(--input-bg, var(--bg-primary));
  color: var(--text-primary);
  font-weight: 400;
  padding: 10px 12px;
}

.wr-simple-page .contact-form-group input:focus,
.wr-simple-page .contact-form-group textarea:focus {
  border-color: var(--theme-green);
  outline: none;
}

.wr-simple-page .contact-submit-btn,
.wr-plus-page .button,
.wr-plus-page .btn_submit,
#body_gen.divText .button,
#body_gen.divText .btn_submit,
#body_gen.divText .custom-btn {
  background: var(--color-blue, var(--button-bg)) !important;
  color: var(--button-text) !important;
  border: 1px solid var(--color-blue, var(--button-bg)) !important;
  border-radius: 4px !important;
  box-shadow: none !important;
  font-weight: 600 !important;
}

.wr-simple-page .contact-submit-btn {
  width: 100%;
  padding: 12px;
  font-size: 15px;
  cursor: pointer;
}

.wr-simple-page .btn-small,
#body_gen.divText .btn-small {
  border-radius: 4px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
  color: var(--text-primary);
  font-weight: 400;
}

/* plus 입력·속도 패널 */
#body_gen.divText #play-speed.play-speed,
.wr-plus-page #play-speed.play-speed {
  max-width: none;
  border-radius: 4px;
  border: 1px solid var(--border-color);
  background: var(--bg-secondary);
}

#body_gen.divText .tarotUserInput input,
#body_gen.divText .haemong-search,
.wr-plus-page input[type="text"],
.wr-plus-page input[type="search"],
.wr-plus-page textarea {
  border: 1px solid var(--border-color);
  border-radius: 4px;
  background: var(--input-bg, var(--bg-primary));
  color: var(--text-primary);
  font-weight: 400;
}

/* 다크에서 인라인 검정/회색 글자 덮기 */
[data-theme="dark"] .wr-simple-page [style*="color:rgb(0,0,0)"],
[data-theme="dark"] .wr-simple-page [style*="color:#000"],
[data-theme="dark"] .wr-simple-page [style*="color: black"] {
  color: var(--text-primary) !important;
}