/* 접이식 침대 비교 가이드 — Design System Overrides for TwentyTwentyFive */
:root {
  --c-navy: #1F3A5F;
  --c-navy-d: #162d4a;
  --c-terra: #C96F4A;
  --c-terra-l: #d4845f;
  --c-cream: #F6F1E7;
  --c-cream-d: #ede5d6;
  --c-bg: #fafaf8;
  --c-text: #2d2d2d;
  --c-muted: #6b7280;
  --c-border: #e5e2dc;
  --c-white: #ffffff;
}

body {
  font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--c-bg);
  color: var(--c-text);
}

/* Single post styling */
.wp-block-post-title,
.entry-title,
h1.wp-block-post-title {
  color: var(--c-navy) !important;
  font-weight: 800 !important;
  letter-spacing: -0.02em;
  line-height: 1.25;
}

.wp-block-post-content a,
.entry-content a {
  color: var(--c-terra);
  text-decoration: underline;
  text-underline-offset: 3px;
}

.wp-block-post-content a:hover,
.entry-content a:hover {
  color: var(--c-terra-l);
}

/* Tables in posts */
.entry-content table,
.wp-block-table table {
  border-collapse: collapse;
  width: 100%;
  margin: 24px 0;
  border-radius: 12px;
  overflow: hidden;
}

.entry-content table thead th,
.wp-block-table table thead th {
  background: var(--c-navy) !important;
  color: var(--c-cream) !important;
  padding: 14px 16px;
  font-weight: 600;
  font-size: 0.92em;
  text-align: left;
}

.entry-content table tbody td,
.wp-block-table table tbody td {
  padding: 12px 16px;
  border-bottom: 1px solid var(--c-border);
  font-size: 0.93em;
}

.entry-content table tbody tr:nth-child(even),
.wp-block-table table tbody tr:nth-child(even) {
  background: var(--c-cream);
}

.entry-content table tbody tr:hover,
.wp-block-table table tbody tr:hover {
  background: var(--c-cream-d);
}

/* Blockquotes */
.entry-content blockquote,
.wp-block-quote {
  border-left: 4px solid var(--c-terra) !important;
  background: var(--c-cream);
  padding: 20px 24px;
  margin: 24px 0;
  border-radius: 0 12px 12px 0;
  font-style: normal;
}

/* Headings */
.entry-content h2 {
  color: var(--c-navy);
  font-weight: 700;
  margin-top: 48px;
  margin-bottom: 16px;
  padding-bottom: 8px;
  border-bottom: 2px solid var(--c-cream-d);
}

.entry-content h3 {
  color: var(--c-navy-d);
  font-weight: 600;
  margin-top: 36px;
  margin-bottom: 12px;
}

/* Lists */
.entry-content ul,
.entry-content ol {
  padding-left: 24px;
  margin: 16px 0;
}

.entry-content li {
  margin-bottom: 8px;
  line-height: 1.65;
}

/* Featured image */
.wp-post-image,
.wp-block-post-featured-image img {
  border-radius: 16px;
  box-shadow: 0 4px 12px rgba(0,0,0,.08);
}

/* Category/tag styling */
.wp-block-post-terms a,
.cat-links a,
.tag-links a,
.taxonomy-category a {
  background: rgba(201, 111, 74, 0.08);
  color: var(--c-terra);
  padding: 4px 12px;
  border-radius: 4px;
  font-size: 0.82em;
  font-weight: 600;
  text-decoration: none;
}

/* Navigation / header overrides */
.wp-block-navigation a {
  color: var(--c-muted) !important;
  font-weight: 500;
}

.wp-block-navigation a:hover {
  color: var(--c-navy) !important;
}

/* Footer overrides */
.wp-block-template-part footer,
footer.wp-block-template-part {
  background: var(--c-navy) !important;
  color: rgba(246, 241, 231, 0.7) !important;
}

/* Buttons */
.wp-block-button__link {
  background: var(--c-terra) !important;
  color: var(--c-cream) !important;
  border-radius: 12px !important;
  padding: 12px 28px !important;
  font-weight: 600;
  transition: background 0.2s, transform 0.15s;
}

.wp-block-button__link:hover {
  background: var(--c-terra-l) !important;
  transform: translateY(-1px);
}

/* Legal / AI notice boxes in post content */
.entry-content .legal-notice,
.entry-content [style*="background:#FFF3CD"],
.entry-content [style*="background: #FFF3CD"] {
  border-radius: 12px;
  font-size: 0.88em;
}

/* Smooth content width */
.wp-site-blocks > *,
.entry-content {
  max-width: 780px;
  margin-left: auto;
  margin-right: auto;
}

/* Responsive */
@media (max-width: 768px) {
  .entry-content table {
    font-size: 0.88em;
  }
  .entry-content table thead th,
  .entry-content table tbody td {
    padding: 10px 12px;
  }
}