/* 공용 뷰어 설정(js/viewer.js) — 회차 뷰어와 같은 «뷰어 설정»으로 전체 원고 읽기·집필 편집기 본문도 맞춘다.
   재민 2026-10-17: «뷰어는 모두 카카오 뷰어형태로 폰트 설정기능이 있게 해줘 글자 넘작어».
   값은 :root 의 --vw-fs · --vw-lh · --vw-pad · --vw-ff (viewer.js 가 깐다). 처음 값 20px · 1.8 · 명조.
   ⚠ 화면별 시안 규칙(px-read·px-prose·px-mvp)이 0,4,1 특정도로 크기를 박아 두었다 — 여기는 html·:not(.easy) 를 붙여 0,4,2 로 이긴다.
   ⚠ 옛 3단 크기 클래스(.rdtext.f0~f2)는 read.js 에서 뺐다. */
:root{--vw-fs:20px;--vw-lh:1.8;--vw-pad:16px;--vw-ff:'Nanum Myeongjo','Noto Serif KR',Gungsuh,serif}

/* 전체 원고 읽기 본문 */
html body[data-pg="read"] .rdtext,html body[data-pg="read"]:not(.easy) .rdtext{font-family:var(--vw-ff);font-size:var(--vw-fs);line-height:var(--vw-lh);
  padding-inline:calc(var(--vw-pad) - 16px)}

/* 집필 편집기 본문 — 크기·줄 간격·글꼴만. 색·정렬은 화면 규칙 그대로 */
html body[data-pg="chapter"] .ed,html body[data-pg="chapter"]:not(.easy) .chc .ed{font-family:var(--vw-ff);font-size:var(--vw-fs);line-height:var(--vw-lh);
  letter-spacing:normal;padding-left:var(--vw-pad);padding-right:var(--vw-pad)}

/* 쉬운보기는 20px 아래로 내려가지 않는다 */
html body.easy[data-pg="read"] .rdtext,html body.easy[data-pg="chapter"] .ed{font-size:max(var(--vw-fs),20px)}

/* 머리 오른쪽 «Aa» — 회차 뷰어 #vrAa 와 같은 모양 */
#topActs .vwaa{position:relative;flex:none;min-width:36px;height:36px;padding:0 6px;border-radius:9px;
  font:500 17px/1 var(--sans);letter-spacing:-.3px;color:var(--ink,#ece7de);background:transparent;border:1px solid transparent;cursor:pointer;
  transition:background .13s,transform .13s}
#topActs .vwaa:hover{background:rgba(255,248,232,.06)}
#topActs .vwaa:active{transform:scale(.92)}
#topActs .vwaa:focus-visible{outline:2px solid var(--gold,#e3bf7a);outline-offset:2px}
#topActs .vwaa::after{content:"";position:absolute;inset:-6px -4px}
@media(max-width:768px){
  body:not(.easy) #topActs .vwaa{min-width:28px;width:28px;height:32px;padding:0;font-size:16px;color:#ece7de}
}
body.easy #topActs .vwaa{min-width:48px;height:48px;font-size:20px}
@media(prefers-reduced-motion:reduce){#topActs .vwaa{transition:none}}

/* 전체 원고 읽기 — 옛 «작게·보통·크게» 자리에 들어온 «Aa 글꼴·크기» 한 칸(폰 시안 41px 폭 규칙을 푼다) */
html body[data-pg="read"] .rdsz .rdaa{width:auto;min-width:0;padding:0 12px;white-space:nowrap;color:var(--gold-text,#e8c37a)}
@media(max-width:768px){html body[data-pg="read"]:not(.easy) .rdsz{height:30px}html body[data-pg="read"]:not(.easy) .rdsz .rdaa{height:28px;font-size:12.5px}}

/* 집필 화면 폰 머리 — «Aa» 가 들어와 장 고르기 칸이 왼쪽으로 밀렸다. 작품명은 뒤로 화살표 바로 옆에서 시작해 남는 폭만 쓴다 */
@media(max-width:768px){
  html body[data-pg="chapter"]:not(.easy) .ch-pt[hidden]{left:52px;width:calc(100vw - 52px - 172px)}
}