/* 집사자 글·페이지 읽기 스타일 — 블로그 글과 일반 페이지(소개, 개인정보처리방침 등)에 적용
 * 본문 바로 아래 요소에만 적용해서 글 안에 넣은 계산기([home_years])의 모양은 건드리지 않아요.
 * (설정의 '집사자 디자인'을 끄면 함께 꺼져요) */
body.jj-read{
  --jj-ink:#16181A; --jj-body:#2E3230; --jj-muted:#6B716C; --jj-line:#E4E6E1; --jj-soft:#F5F7F2;
  --jj-lime:#C8FF3D; --jj-lime-soft:#EEFFC2;
}

/* 제목 */
body.jj-read .wp-block-post-title{
  font-family:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:clamp(1.6rem,1.1rem + 1.9vw,2.4rem)!important; font-weight:900; line-height:1.3;
  letter-spacing:-.03em; word-break:keep-all; color:var(--jj-ink);
}

/* 본문 기본 */
body.jj-read .wp-block-post-content{
  font-family:"Gothic A1","Apple SD Gothic Neo","Malgun Gothic",sans-serif;
  font-size:17px; line-height:1.85; color:var(--jj-body); word-break:keep-all; overflow-wrap:break-word;
}
body.jj-read .wp-block-post-content > *{margin-block-start:0; margin-block-end:0}
body.jj-read .wp-block-post-content > * + *{margin-block-start:1.15em}
body.jj-read .wp-block-post-content > p{font-size:inherit; line-height:inherit}

/* 소제목: 적당한 크기 + 라임 막대 */
body.jj-read .wp-block-post-content > h2{
  font-family:inherit; font-size:clamp(1.3rem,1.05rem + .9vw,1.6rem)!important; font-weight:800;
  line-height:1.4; letter-spacing:-.025em; color:var(--jj-ink);
  margin-block-start:2.6em!important; padding:0 0 0 14px; border-left:5px solid var(--jj-lime);
}
body.jj-read .wp-block-post-content > h3{
  font-family:inherit; font-size:1.2rem!important; font-weight:800; line-height:1.45; letter-spacing:-.02em;
  color:var(--jj-ink); margin-block-start:2em!important;
}
body.jj-read .wp-block-post-content > h2 + *,
body.jj-read .wp-block-post-content > h3 + *{margin-block-start:.8em}

/* 굵은 글씨: 형광펜 느낌 */
body.jj-read .wp-block-post-content > p strong,
body.jj-read .wp-block-post-content > ul > li strong,
body.jj-read .wp-block-post-content > ol > li strong{
  color:var(--jj-ink); font-weight:800;
  background:linear-gradient(transparent 62%, var(--jj-lime-soft) 62%);
}

/* 링크 */
body.jj-read .wp-block-post-content > p a,
body.jj-read .wp-block-post-content > ul a,
body.jj-read .wp-block-post-content > ol a,
body.jj-read .wp-block-post-content > figure a,
body.jj-read .wp-block-post-content > table a{
  color:var(--jj-ink); text-decoration:underline; text-decoration-color:#9BC72A;
  text-decoration-thickness:2px; text-underline-offset:3px;
}
body.jj-read .wp-block-post-content > p a:hover,
body.jj-read .wp-block-post-content > ul a:hover,
body.jj-read .wp-block-post-content > ol a:hover{background:var(--jj-lime-soft)}

/* 목록 */
body.jj-read .wp-block-post-content > ul,
body.jj-read .wp-block-post-content > ol{padding-left:1.3em}
body.jj-read .wp-block-post-content > ul > li,
body.jj-read .wp-block-post-content > ol > li{margin:.35em 0}
body.jj-read .wp-block-post-content > ul > li::marker{color:#8DB800}

/* 표 (그냥 붙여넣은 표, 표 블록 둘 다) */
body.jj-read .wp-block-post-content > figure.wp-block-table{margin-inline:auto}
body.jj-read .wp-block-post-content > table,
body.jj-read .wp-block-post-content > figure > table{
  box-sizing:border-box; width:100%; border-collapse:collapse; font-size:15px; line-height:1.55;
  font-variant-numeric:tabular-nums; border:1px solid var(--jj-line); border-radius:0;
}
body.jj-read .wp-block-post-content > table :is(th,td),
body.jj-read .wp-block-post-content > figure > table :is(th,td){
  padding:11px 14px; text-align:left; border:0; border-bottom:1px solid var(--jj-line); vertical-align:top;
}
body.jj-read .wp-block-post-content > table thead th,
body.jj-read .wp-block-post-content > figure > table thead th{
  background:#0B0B0C; color:#FFFFFF; font-weight:700; border-bottom:0; white-space:nowrap;
}
body.jj-read .wp-block-post-content > table tbody tr:nth-child(even) td,
body.jj-read .wp-block-post-content > figure > table tbody tr:nth-child(even) td{background:var(--jj-soft)}
body.jj-read .wp-block-post-content > table tbody td:first-child,
body.jj-read .wp-block-post-content > figure > table tbody td:first-child{font-weight:700; color:var(--jj-ink)}
/* 휴대폰: 칸 안에서 줄바꿈해 화면 안에 맞추기 */
@media (max-width:640px){
  body.jj-read .wp-block-post-content > table,
  body.jj-read .wp-block-post-content > figure > table{font-size:13.5px; line-height:1.45}
  body.jj-read .wp-block-post-content > table :is(th,td),
  body.jj-read .wp-block-post-content > figure > table :is(th,td){padding:9px 8px}
  body.jj-read .wp-block-post-content > table thead th,
  body.jj-read .wp-block-post-content > figure > table thead th{white-space:normal}
}

/* 인용(공식·핵심 문장) */
body.jj-read .wp-block-post-content > blockquote{
  box-sizing:border-box; margin-left:auto!important; margin-right:auto!important; padding:16px 20px;
  background:var(--jj-lime-soft); border:0; border-left:5px solid var(--jj-lime);
  border-radius:0 10px 10px 0; font-style:normal; color:var(--jj-ink);
}
body.jj-read .wp-block-post-content > blockquote p{margin:0; font-size:17px}

/* 구분선·안내 문구 */
body.jj-read .wp-block-post-content > hr{border:0; border-top:1px solid var(--jj-line); margin-block:2.4em!important; opacity:1}
body.jj-read .wp-block-post-content > p em{font-style:normal; color:var(--jj-muted); font-size:15px}
body.jj-read .wp-block-post-content > p:has(> em:only-child){
  box-sizing:border-box; padding:12px 16px; background:var(--jj-soft); border-radius:10px; font-size:15px; line-height:1.7;
}

/* 글 안의 계산기 위아래 간격 */
body.jj-read .wp-block-post-content > .hy-app{margin-block:2em!important}

@media (max-width:640px){
  body.jj-read .wp-block-post-content{font-size:16px; line-height:1.8}
}