/* v3 시안 이식 — read 그룹 (발주 #8) : 06 메뉴 서랍 · 10 전체 원고 읽기 · 11 읽기 뷰어 · 12 뷰어 설정 시트
   ⚠ easy.css 가 이 파일보다 뒤에 로드된다 — 쉬운보기 덮어쓰기는 id(#sb)·한 단계 높은 선택자로 이긴다. */

/* ═══ 06 메뉴 서랍 ═══════════════════════════════════════════════════════ */
/* 데스크톱 사이드바에선 상자·화살표·알약이 없는 옛 모양 그대로 */
.sb .sbbox{display:contents}
.sb a .chv,.sbadv>summary .wr,.sbadv>summary .sbn,.sbadv>summary .chv,.sb .grp em{display:none}

@media(max-width:768px){
  .sb{bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px));
    max-height:calc(var(--dvh100) - var(--tabh) - env(safe-area-inset-bottom,0px) - 44px);
    padding:6px 12px 14px;gap:0;background:linear-gradient(180deg,#1b1812,#15120e);
    /* 닫힌 자리 — 탭바 위로 올린 만큼 더 내려 가린다 */
    transform:translateY(calc(100% + var(--tabh) + env(safe-area-inset-bottom,0px) + 12px));
    /* 닫힌 서랍은 화면 밖일 뿐 아니라 «안 보이고 탭으로도 못 들어간다» — 닫는 애니메이션이 끝난 뒤 숨긴다 */
    visibility:hidden;transition:transform .34s var(--ease-drawer),visibility 0s linear .34s}
  body.nav-open .sb{transform:none;visibility:visible;transition:transform .34s var(--ease-drawer),visibility 0s}
  .sbbg{bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px))}   /* 탭바는 어둡게 덮지 않는다 — 메뉴 탭을 다시 눌러 닫는다 */
  .sb>*{flex:none}
  .sb::before{margin:2px auto 8px}
  .sb .brand{font-size:14px;font-weight:300;letter-spacing:.42em;text-align:center;padding:0 0 2px;color:var(--gold-text)}
  .sb .grp{font-size:14px;font-weight:600;color:var(--dim);padding:10px 4px 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .sb .grp em{display:inline;font-style:normal}
  .sb .grp em:not(:empty)::before{content:'  ·  '}
  /* 그룹 상자 — 행마다 가는 줄 */
  .sb .sbbox{display:block;position:relative;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.03);overflow:hidden}
  .sb .sbbox a{position:relative;min-height:40px;padding:0 12px;gap:14px;border-radius:0;border:0;border-top:1px solid var(--ln);
    font-size:17px;font-weight:600;color:var(--ink);background:transparent;transition:background .13s,transform .13s}
  .sb .sbbox a:first-child{border-top:0}
  .sb .sbbox a svg:not(.chv){width:21px;height:21px;color:var(--gold-text);opacity:.92}
  .sb .sbbox a:active:not(.off){background:rgba(255,251,240,.06);transform:scale(.99)}
  .sb .sbbox a.on{color:var(--gold-text);background:rgba(232,195,122,.06);font-weight:700}
  .sb .sbbox a.on::before{content:'';position:absolute;left:-1px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--gold)}
  .sb .sbbox a.off{opacity:.42}
  .sb a .chv{display:block;flex:none;width:18px;height:18px;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
  /* 건수 알약 — 숫자가 있을 때만 */
  .sb a i,.sbadv>summary .sbn{font-style:normal;display:inline-flex;align-items:center;justify-content:center;flex:none;min-width:28px;height:24px;padding:0 9px;
    border-radius:99px;border:1px solid var(--ln2);background:rgba(255,251,240,.06);color:var(--ink);font:600 14px/1 var(--sans)}
  .sb a i:empty{display:none}
  /* 자세한 도구 — 접히는 상자 한 줄 */
  .sbadv{margin-top:10px;border-top:0;padding-top:0}
  .sbadv>summary{position:relative;min-height:42px;padding:0 12px;gap:14px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.03);
    font-size:17px;font-weight:600;color:var(--ink);transition:background .13s,transform .13s}
  .sbadv>summary:active{background:rgba(255,251,240,.06);transform:scale(.99)}
  .sbadv>summary::after{display:none}
  .sbadv>summary .wr{display:block;flex:none;width:21px;height:21px;fill:none;stroke:var(--gold-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
  .sbadv>summary .lb{flex:0 1 auto;white-space:nowrap}
  .sbadv>summary .sbn{display:inline-flex;margin-right:auto}
  .sbadv>summary .chv{display:block;flex:none;width:18px;height:18px;margin-left:auto;fill:none;stroke:var(--faint);stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s var(--eo)}
  .sbadv[open]>summary .chv{transform:rotate(180deg)}
  .sbadv[open]>summary{margin-bottom:8px}
  .sbadv .sbbox{margin-bottom:2px}
}

/* 쉬운보기 — 장식(그라데이션)·옅은 알약 걷고, 행은 크게 */
body.easy #sb{background:#17140f}
@media(max-width:768px){
  body.easy #sb{bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px) / 1.28);
    max-height:calc((var(--dvh100) - var(--tabh) * 1.28 - env(safe-area-inset-bottom,0px) - 44px) / 1.28);padding:6px 12px 14px;
    transform:translateY(calc(100% + var(--tabh) + env(safe-area-inset-bottom,0px) + 12px));
    visibility:hidden;transition:transform .34s var(--ease-drawer),visibility 0s linear .34s}
  body.easy.nav-open #sb{transform:none;visibility:visible;transition:transform .34s var(--ease-drawer),visibility 0s}
  body.easy .sbbg{bottom:calc(var(--tabh) * 1.28 + env(safe-area-inset-bottom,0px))}
  body.easy #sb .brand{text-align:center;font-size:14px;letter-spacing:.42em;padding:0 0 6px}
  body.easy #sb .grp{font-size:15px;color:var(--dim);padding:10px 4px 5px}
  body.easy #sb .sbbox a{min-height:44px;font-size:17px;color:var(--ink);border-color:var(--ln)}
  body.easy #sb .sbbox a:first-child{border-top:0}
  body.easy #sb .sbbox a.on{color:var(--gold-text);background:#241f17}
  body.easy #sb .sbbox a svg:not(.chv){opacity:1}
  body.easy .sbadv>summary{min-height:44px;background:transparent}
  body.easy .sbbox{background:transparent}
}

/* ═══ 10 전체 원고 읽기 (R11) ═══════════════════════════════════════════ */
.rdhd{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px}
.rdhd-t{flex:1 1 130px;min-width:0}
.rdhd .rdhd-t h1{font-family:var(--serif);font-weight:700;font-size:28px;line-height:1.25;color:#fff8ea}
.rdsl+.rdsl::before{content:' · '}
.rdqa{color:var(--gold-text);text-decoration:none;font-weight:600;white-space:nowrap;position:relative}
.rdqa::after{content:"";position:absolute;inset:-12px -6px}
.rdqa:active{opacity:.7}
/* 게이트 1 — ‹ 모순 n / 3 › */
.rdgt{flex:none;display:inline-flex;align-items:center;gap:0;padding:3px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.03)}
.rdgb{position:relative;flex:none;width:34px;height:40px;display:grid;place-items:center;padding:0;border:0;border-radius:11px;background:transparent;color:var(--dim);cursor:pointer;transition:transform .13s,color .13s,background .13s}
.rdgb svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.rdgb:hover:not(:disabled){color:var(--gold-text);background:rgba(255,251,240,.05)}
.rdgb:active:not(:disabled){transform:scale(.9)}
.rdgb:disabled{opacity:.3;cursor:default}
.rdgt .bdg{height:36px;padding:0 13px;border-radius:99px;font-size:15px}
.rdgt .bdg.ok{color:var(--gold-text);background:var(--gold-soft);border-color:var(--gold-line)}
/* 글자 크기 — 한 덩어리 분할 선택 */
.rdctl{flex:none;display:inline-flex;align-items:center;gap:6px}
.rdsz{display:inline-flex;gap:0;padding:3px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.03)}
.rdsz button{height:40px;min-width:54px;padding:0 12px;border:1px solid transparent;border-radius:11px;background:transparent;color:var(--dim);font:600 15px var(--sans);cursor:pointer;transition:color .13s,background .13s,border-color .13s,transform .13s}
.rdsz button:hover{color:var(--ink)}
.rdsz button:active{transform:scale(.95)}
.rdsz button.on{color:var(--gold-text);border-color:var(--gold-line);background:var(--gold-soft)}
.rdctl .hp{margin-left:2px}
/* 표시 n › (피드 서랍 여는 단추 — 보이고 숨기는 것은 app.css #rdDrawer 가 정한다) */
.rdflag{align-items:center;gap:8px;height:48px;padding:0 14px;margin-left:auto;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.03);color:var(--ink);font:600 16px var(--sans);cursor:pointer;transition:transform .13s,border-color .13s}
.rdflag:hover{border-color:var(--gold-line)}
.rdflag:active{transform:scale(.97)}
.rdflag svg{width:19px;height:19px;flex:none;fill:none;stroke:var(--gold-text);stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.rdflag svg:last-child{width:16px;height:16px;stroke:var(--faint);stroke-width:2}
.rdflag b{color:var(--gold-text)}
/* 글자 크기 3단 — 크게 가 보통 보다 작던 것을 바로잡는다 */
.rdtext.f0{font-size:17px;line-height:1.95}
.rdtext.f1{font-size:19px;line-height:2.02}
.rdtext.f2{font-size:21px;line-height:2.05}
.rdch h2{font-family:var(--serif);font-size:23px;letter-spacing:-.01em;color:#fff8ea;word-break:keep-all}
.rdch h2 .n{font:inherit;color:inherit}
.rdch h2 .n::after{content:' ·'}
.rdp.sel{background:rgba(232,195,122,.05);box-shadow:none}
.rdstrip .rdmemo{position:relative;flex:1 1 100%}
.rdstrip textarea.inp{display:block;width:100%;height:auto;min-height:72px;padding:10px 12px 24px;resize:none;font:400 15px/1.5 var(--sans)}
.rdstrip .rdcnt{position:absolute;right:12px;bottom:7px;font:500 12.5px var(--mono);color:var(--faint);pointer-events:none}
.rdstrip .rdsb{display:flex;flex:1 1 100%;gap:10px}
.rdstrip .rdsb .btn{flex:1;min-width:0}
.rdstrip .rdsb .btn.gold{flex:1.3}
.rdstrip .chip.sm{min-height:40px;padding:0 16px;font-size:15px}

@media(max-width:760px){
  .rdhd{margin:6px 0 12px}
  .rdhd .rdhd-t p{font-size:15px;line-height:1.5;margin:0}
  .rdsl{display:block}
  .rdsl+.rdsl::before{content:none}
  .rdsz button{min-width:50px;padding:0 10px}
  /* 목차 — 긴 세로 줄을 가로로 밀어 보는 한 줄로 */
  .rdg{gap:10px;margin-bottom:20px}
  .rdg .rdl{display:flex;flex-wrap:nowrap;align-items:center;gap:8px;overflow-x:auto;overflow-y:hidden;padding:0 0 2px;border:0;border-radius:0;background:transparent;scrollbar-width:none}
  .rdl::-webkit-scrollbar{display:none}
  .rdl .tgl,.rdl>.hp{flex:none;white-space:nowrap;font-size:15px}
  .rdl .tgl .tk{flex:none}
  .rdl .rdtoc{flex:none;flex-direction:row;gap:6px;width:auto;margin:0 0 0 4px;padding-left:10px;border-left:1px solid var(--ln2)}
  .rdl .rdt{flex:none;width:auto;max-width:150px;min-height:40px;padding:0 13px 0 11px;border:1px solid var(--ln2);border-radius:99px;font-size:15px}
  .rdl .rdt .t small{display:none}
  .rdl .rdt.on{border-color:var(--gold-line)}
  /* 본문 — 카드 없이 어두운 바탕 위에 바로 */
  .rdg .rdc{padding:2px 2px 20px;min-height:0;border:0;background:transparent;box-shadow:none;border-radius:0}
  .rdtext.f0{font-size:15.5px;line-height:1.9}
  .rdtext.f1{font-size:17px;line-height:1.95}
  .rdtext.f2{font-size:19px;line-height:2}
  .rdch{margin-bottom:26px}
  .rdch h2{font-size:24px;margin:6px 0 14px;padding:0 0 0 2px;border-bottom:0}
  .rdp{padding:3px 4px 3px 22px;margin:0 0 .75em;text-indent:0;border-radius:12px}
  .rdp .rdd,.rdp .rdd~.rdd,.rdp .rdd~.rdd~.rdd{right:auto;left:5px;top:1.05em;width:9px;height:9px}
  .rdp .rdd~.rdd{top:calc(1.05em + 13px)}
  .rdp .rdd~.rdd~.rdd{top:calc(1.05em + 26px)}
  .rdp.sel{padding:12px 12px 8px 24px;margin:0;border:1px solid var(--gold-line);border-bottom:0;border-radius:14px 14px 0 0}
  .rdp.sel .rdd{left:9px;top:calc(12px + .95em)}
  .rdp.sel .rdd~.rdd{top:calc(12px + .95em + 13px)}
  .rdstrip{display:block;margin:0 0 1em;padding:6px 12px 12px;border:1px solid var(--gold-line);border-top:0;border-radius:0 0 14px 14px;background:rgba(232,195,122,.05)}
  .rdstrip .fchips{display:flex;gap:8px;margin:0 0 10px}
  .rdstrip .fchips .chip{flex:1 1 0;min-width:0;padding:0 6px}
  .rdstrip .rdmemo{margin-bottom:10px}
  .rdstrip textarea.inp{height:auto;min-height:76px;padding:10px 12px 26px;font-size:16px;border-radius:12px}
  .rdend{margin:26px 0 4px}
}

/* 쉬운보기 — 명조 → 고딕, 장식 걷기 */
body.easy .rdhd .rdhd-t h1,body.easy .rdch h2,body.easy .rdtext{font-family:var(--sans)}
body.easy .rdhd .rdhd-t h1{color:var(--ink)}
body.easy .rdch h2{color:var(--ink)}
body.easy .rdtext{color:var(--ink)}
body.easy .rdgt,body.easy .rdsz,body.easy .rdflag{background:#1a1713}
body.easy .rdgt .bdg.ok{background:transparent;color:var(--ink)}
body.easy .rdsz button.on{background:#efeae0;color:#0d0b09;border-color:#efeae0}
body.easy .rdp.sel{background:#1f1b15}
body.easy .rdstrip{background:#1f1b15}
@media(max-width:760px){
  body.easy .rdhd-t{flex-basis:100%}
  body.easy .rdflag{margin-left:0}
  body.easy .rdl .rdt.on{background:#efeae0;color:#0d0b09;border-color:#efeae0}
}

/* ═══ 11 읽기 뷰어 · 12 뷰어 설정 시트 (R19) ═══════════════════════════════ */
/* 상단 — Aa · 목록 은 상자 없이 아이콘으로 */
#topActs #vrAa,#topActs #vrMenu{min-width:40px;height:40px;padding:0;border-color:transparent;background:transparent;color:var(--ink);box-shadow:none}
#topActs #vrAa{font:500 21px/1 var(--serif);letter-spacing:-.02em}
#topActs #vrMenu svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#topActs #vrAa:active,#topActs #vrMenu:active{transform:scale(.92)}

/* 읽은 만큼 — 금색 막대 + «n / 전체 · 글자수» */
.vrprog{display:flex;align-items:center;gap:12px;height:auto;padding:9px 16px 7px;background:var(--vr-bg);border-bottom:1px solid var(--vr-line)}
.vrpbar{flex:1 1 auto;height:4px;border-radius:2px;background:var(--vr-line);overflow:hidden}
.vrprog .vrpbar i{border-radius:2px}
.vrpl{flex:none;font:500 12.5px/1.2 var(--sans);color:var(--vr-sub);white-space:nowrap}
.vrhd .vrbook{font:500 13.5px/1.4 var(--sans);letter-spacing:.01em}
.vrhd h1{font-size:28px;line-height:1.3;letter-spacing:-.01em;margin-top:8px}
.vrhd hr{margin-top:20px}
.vrhd .vrmeta{margin-top:8px}

/* 이전/다음 회차 — 외곽선 단추 두 개 나란히 */
.vrend{flex-direction:row;flex-wrap:wrap;gap:10px;padding-top:8px}
.vrnext{flex:1 1 0;min-width:0;justify-content:center;gap:10px;min-height:48px;padding:0 14px;border-radius:12px;border:1px solid var(--vr-line);font:600 15.5px/1.2 var(--sans)}
.vrnext.prev{min-height:48px;font-size:15.5px}
.vrnext svg{flex:none;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.vrnext:hover{border-color:var(--gold-line)}
.vrnext span{white-space:nowrap}
.vrfin{flex:1 1 100%;order:3}

/* 떠 있는 단추 — 둥근 아이콘 + 아래 이름 */
#vrFab{gap:14px;align-items:center}
#vrFab>button{width:auto;height:auto;min-width:48px;padding:0;border:0;border-radius:0;background:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;
  flex-direction:column;gap:5px;align-items:center;color:var(--gold-text)}
#vrFab>button>i{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;font-style:normal;
  background:var(--glass);border:1px solid var(--ln2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 24px rgba(0,0,0,.4);transition:transform .13s}
#vrFab>button:active>i{transform:scale(.92)}
#vrFab>button>i svg{width:22px;height:22px}
#vrFab>button>span{padding:1px 8px;border-radius:99px;background:var(--glass);font:500 12px/1.5 var(--sans);color:var(--ink);white-space:nowrap;
  -webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
#vrFab>button.key{width:auto;height:auto}
#vrFab>button.key>i{width:48px;height:48px;color:var(--gold-text);background:var(--glass);border:1.5px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.4),0 0 0 1px rgba(232,195,122,.18) inset}
#vrFab>button.key>i svg{width:23px;height:23px;stroke-width:1.9}
#vrFab>button.key>span{color:var(--gold-text)}

/* 설정·목차·메뉴 시트 — 같은 틀 */
.vrsheet{border-radius:22px 22px 0 0;background:linear-gradient(180deg,#1b1812,#15120e);padding:8px 16px calc(14px + env(safe-area-inset-bottom,0px))}
.vrhandle{width:40px;margin:2px auto 8px}
.vrsh{flex:none;display:flex;align-items:center;justify-content:space-between;gap:10px;margin:0 0 4px}
.vrsheet .vrsh>h4{margin:0;min-width:0;font:700 24px/1.3 var(--serif);color:#fff8ea;letter-spacing:-.01em;word-break:keep-all}
.vrx{flex:none;width:40px;height:40px;margin-right:-8px;display:grid;place-items:center;padding:0;border:0;border-radius:50%;background:transparent;color:var(--ink);cursor:pointer;transition:transform .13s,background .13s}
.vrx svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.vrx:hover{background:rgba(255,251,240,.06)}
.vrx:active{transform:scale(.9)}
.vrsheet .vrrow{gap:10px;min-height:52px;border-bottom:0}
.vrsheet .vrrow>b{flex:none;font:600 15px/1.4 var(--sans);color:var(--ink)}
.vrsheet .vrrow>.hp{flex:none}
.vrsheet .vrrow>.vrseg,.vrsheet .vrrow>.vrthemes{margin-left:auto}
.vrsheet .vrseg{padding:2px;border-radius:14px;background:rgba(255,251,240,.03);overflow:visible}
.vrsheet .vrseg button{height:40px;padding:0 15px;font-size:14px;border:1px solid transparent;border-radius:12px}
.vrsheet .vrseg button.on{background:transparent;color:var(--gold-text);border-color:var(--gold)}
.vrsheet .vrrow.col .vrseg{background:transparent}
.vrsheet .vrthemes{gap:7px}
.vrsheet .vrth{width:30px;height:30px}
.vrsheet .vrth.on{box-shadow:0 0 0 2px var(--bg,#0d0b09),0 0 0 3.5px var(--gold)}
.vrsheet .vrrow.st{min-height:56px;margin:6px 0 0;padding:0 12px;border:1px solid var(--ln2);border-radius:14px;background:rgba(255,251,240,.03)}
.vrsheet .vrrow.st .vrstep{margin-left:auto;gap:10px}
.vrsheet .vrstep button{width:40px;height:40px;border-radius:50%;font-size:20px;background:rgba(255,251,240,.04)}
.vrsheet .vrstep span{min-width:36px;font:500 17px/1 var(--serif);color:var(--ink)}
.vrsheet .vrreset.vrlink{width:auto;height:44px;margin:14px auto 0;padding:0 8px;display:block;border:0;border-radius:0;background:transparent;
  color:var(--dim);font:500 14.5px/1 var(--sans);text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--ln2)}
.vrsheet .vrreset.vrlink:active{opacity:.7}
.vrmi{font-size:15px}
.vrtoc a{font-size:15px}

@media(max-width:768px){
  .vrprog{padding:9px 16px 7px}
  .vr{margin:0 -12px}
  /* 시트는 탭바 위에 앉는다 — 탭바는 계속 보인다 */
  .vrbg{bottom:calc(var(--tabh) + env(safe-area-inset-bottom,0px))}
  .vrsheet{max-height:calc(var(--dvh100) - var(--tabh) - env(safe-area-inset-bottom,0px) - 60px)}
}

/* 쉬운보기 — 장식 걷고 크게 */
body.easy .vrhd h1{font-family:var(--sans);font-size:21px}
body.easy .vrprog{zoom:1.28}
body.easy .vrpl{font-size:12.5px}
body.easy .vrprog{background:var(--vr-bg)}
body.easy #topActs #vrAa{font-family:var(--sans)}
body.easy #vrFab>button>i{width:52px;height:52px;background:#1a1713;border-color:var(--ln2);box-shadow:none;color:var(--ink)}
body.easy #vrFab>button>span{background:#1a1713;font-size:13px;-webkit-backdrop-filter:none;backdrop-filter:none}
body.easy #vrFab>button.key>i{background:#1a1713;border:2px solid #efeae0;color:#efeae0;width:52px;height:52px}
body.easy #vrFab>button.key>span{color:#efeae0}
body.easy .vrnext{min-height:56px;font-size:16px}
body.easy .vrsheet .vrsh>h4{font-family:var(--sans);font-size:19px;color:var(--ink)}
body.easy .vrsheet .vrseg button.on{background:#efeae0;color:#0d0b09;border-color:#efeae0}
body.easy .vrsheet .vrrow.st{background:#17140f}
body.easy .vrsheet .vrstep span{font-family:var(--sans);font-weight:700}
body.easy .vrsheet .vrsh{margin-bottom:0}
@media(max-width:768px){
  body.easy .vrbg{bottom:calc(var(--tabh) * 1.28 + env(safe-area-inset-bottom,0px))}
}
#topActs #vrAa,#topActs #vrMenu{flex:none}
.vrsheet .vrrow:not(.col) .vrseg{flex-wrap:nowrap}
body.easy #topActs #vrAa,body.easy #topActs #vrMenu{flex:none;width:33px;min-width:33px;height:33px;overflow:visible}
body.easy #topActs #vrMenu svg{width:20px;height:20px}
body.easy .vrsheet .vrrow>.hp{display:none}
body.easy .vrsheet .vrseg button{height:42px;padding:0 11px;font-size:15px}
body.easy .vrsheet .vrstep button{width:42px;height:42px}
body.easy .vrsheet .vrthemes{flex-wrap:wrap;justify-content:flex-end;gap:10px;max-width:150px;padding:6px 0}
body.easy .vrsheet .vrth{width:40px;height:40px}
body.easy #topActs:has(#vrMenu){flex:none;max-width:none;overflow:visible;gap:4px}
.vrsheet .vrsh>h4{white-space:normal;overflow-wrap:anywhere;flex:1 1 0}

/* 통합 점검(10-14) — 폰에서 떠 있는 단추가 본문을 덜 가리게: 원 42px · 간격 좁게 · 이름표 작게 */
@media(max-width:480px){
  #vrFab{gap:10px;right:8px}
  #vrFab>button{min-width:42px;gap:3px}
  #vrFab>button>i,#vrFab>button.key>i{width:42px;height:42px}
  #vrFab>button>i svg,#vrFab>button.key>i svg{width:20px;height:20px}
  #vrFab>button>span{font-size:11px;padding:0 6px}
}