/* 문진 결과 — 나의 1년 흐름 달력.
   연간 피부 설계(annual.css)의 달력 문법을 문진 결과 폭에 맞춰 옮긴 것.
   테마 CSS(.theme-*)가 h2·h3·p 의 margin 을 0으로 지우므로, 여백을 갖는
   규칙은 전부 .sv 스코프를 한 겹 얹어 특이도에서 지지 않게 한다. */

.sv .svr-title {
  font-size: clamp(1.35rem, 2.6vw, 1.75rem);
  margin: 0.75rem 0 0;
}

.sv .svr-lead {
  color: var(--ink-600, #67595a);
  font-size: 0.9375rem;
  margin: 0.5rem 0 0;
}

.sv .svr-calendar {
  display: grid;
  gap: clamp(0.5rem, 1.4vw, 0.875rem);
  grid-template-columns: repeat(2, minmax(0, 1fr));
  list-style: none;
  margin: 1.5rem 0 0;
  padding: 0;
}

@media (min-width: 40rem) {
  .sv .svr-calendar { grid-template-columns: repeat(3, minmax(0, 1fr)); }
}

.sv .svr-calendar li {
  background: var(--ivory-0, #fffcf8);
  border: 1px solid rgba(36, 27, 27, 0.14);
  border-radius: 2px;
  display: flex;
  flex-direction: column;
  gap: 0.3rem;
  padding: clamp(0.75rem, 1.8vw, 1.05rem);
  position: relative;
}

/* 시작 달은 연간 설계 페이지의 「이번 달」 문법 그대로 어둡게 뒤집는다. */
.sv .svr-calendar li.svr-cell--current {
  background: var(--wine-700, #4b1428);
  border-color: var(--wine-700, #4b1428);
}

.sv .svr-calendar li.svr-cell--current .svr-cell__month,
.sv .svr-calendar li.svr-cell--current .svr-cell__month b,
.sv .svr-calendar li.svr-cell--current h3,
.sv .svr-calendar li.svr-cell--current .svr-cell__focus {
  color: var(--ivory-0, #fffcf8);
}

.sv .svr-cell__tag {
  background: var(--key-100, #e9c8d1);
  border-radius: 999px;
  color: var(--wine-700, #4b1428);
  font-size: 0.6875rem;
  left: 0.6rem;
  letter-spacing: 0.02em;
  margin: 0;
  padding: 0.15rem 0.55rem;
  position: absolute;
  top: -0.6rem;
}

.sv .svr-cell__month {
  color: var(--ink-600, #67595a);
  font-size: 0.8125rem;
  margin: 0;
}

.sv .svr-cell__month b {
  color: var(--ink-900, #241b1b);
  font-family: var(--font-editorial-latin, inherit);
  font-size: 1.2rem;
  font-weight: 400;
  margin-right: 0.1em;
}

.sv .svr-calendar h3 {
  font-family: var(--font-body, inherit);
  font-size: 0.9875rem;
  font-weight: 500;
  margin: 0;
}

.sv .svr-cell__focus {
  color: var(--ink-600, #67595a);
  font-size: 0.8125rem;
  margin: 0;
}

.sv .svr-cell__flex {
  color: var(--key-700, #7b2d44);
  font-size: 0.75rem;
  margin: 0.1rem 0 0;
}

.sv .svr-notes {
  color: var(--ink-600, #67595a);
  font-size: 0.875rem;
  line-height: 1.6;
  list-style: none;
  margin: 1.25rem 0 0;
  padding: 0;
}

.sv .svr-notes li { margin: 0 0 0.35rem; padding-left: 0.9rem; position: relative; }
.sv .svr-notes li::before { content: "·"; left: 0; position: absolute; }

.sv .svr-link {
  display: inline-block;
  margin-top: 1rem;
}