@charset "UTF-8";
/* 토정비결 공개 입구·144괘 사전(/palja/tojeong/). 공통 부품은 me.css·newyear.css(ny-*)를 함께 읽는다. 열 폭은 .pm-page 가 정한다. */
.tj-num { display: inline-flex; align-items: center; justify-content: center; flex: none; min-width: 30px; height: 30px; padding: 0 6px; border-radius: var(--pm-r-pill); background: var(--pm-soft2); color: var(--pm-ink); font-family: var(--pm-font-head); font-weight: 400; font-size: 16px; line-height: 1; }
.tj-sub { margin-top: 20px; }

/* 상·중·하괘 카드 */
.tj-cards { list-style: none; margin: 0; padding: 0; display: grid; gap: var(--pm-gap-card); grid-template-columns: minmax(0, 1fr); }
@media (min-width: 560px) { .tj-cards { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.tj-cards li { display: flex; gap: 10px; align-items: flex-start; padding: 12px; border: 2px solid var(--pm-line); border-radius: var(--pm-r-card); background: var(--pm-cream); }
.tj-cards b { display: block; margin: 0 0 2px; font-size: 15.5px; }
.tj-cards p { margin: 0; font-size: 14.5px; line-height: 1.65; }

/* 괘 번호 만드는 법 */
.tj-steps { list-style: none; counter-reset: tjs; margin: 0; padding: 0; display: grid; gap: var(--pm-gap-card); }
.tj-steps li { counter-increment: tjs; position: relative; padding: 12px 12px 12px 52px; border: 2px solid var(--pm-line); border-radius: var(--pm-r-card); background: var(--pm-cream); font-size: 15px; line-height: 1.7; }
.tj-steps li::before { content: counter(tjs); position: absolute; left: 12px; top: 12px; display: inline-flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: var(--pm-r-pill); background: var(--pm-soft2); font-family: var(--pm-font-head); font-size: 16px; }
.tj-steps b { display: block; margin-bottom: 2px; }
.tj-steps span { display: block; }

/* 144괘 목록 */
.tj-list { list-style: none; margin: 0 0 8px; padding: 0; display: grid; gap: var(--pm-gap-item); grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (min-width: 560px) { .tj-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
.tj-gw { display: flex; align-items: center; gap: 6px; min-height: var(--pm-tap); height: 100%; padding: 6px 12px; border: 2px solid var(--pm-line); border-radius: var(--pm-r-card); background: var(--pm-cream); color: var(--pm-ink); font-size: 14.5px; line-height: 1.4; text-decoration: none; }
.tj-gw b { font-family: var(--pm-font-head); font-weight: 400; color: var(--pm-fire-deep); }
.tj-gw:focus-visible { outline: 3px solid var(--pm-focus); outline-offset: 2px; }

/* 괘 한 쪽 */
.tj-parts { list-style: none; margin: 8px 0 0; padding: 0; display: grid; gap: var(--pm-gap-card); }
.tj-parts li { padding: 12px; border: 2px solid var(--pm-line); border-radius: var(--pm-r-card); background: var(--pm-cream); }
.tj-part-h { margin: 0 0 2px; font-size: 14px; color: var(--pm-sub-text); }
.tj-part-n { margin: 0 0 4px; font-family: var(--pm-font-head); font-size: 18px; }
.tj-parts .zd-text { margin: 0; }
.tj-verse { margin-top: 12px; color: var(--pm-sub-text); }
.tj-months { margin: 0; padding-left: 20px; display: grid; gap: 6px; font-size: 15px; line-height: 1.7; }
.tj-months b { color: var(--pm-fire-deep); }
.tj-pn .pm-btn { flex: 1 1 140px; text-align: center; }
.tj-qa { margin: 0; }
.tj-qa dt { margin: 14px 0 4px; font-weight: 700; font-size: 15.5px; }
.tj-qa dt:first-child { margin-top: 0; }
.tj-qa dd { margin: 0; font-size: 15px; line-height: 1.7; }