/* Mobile work copy only. The approved PC stylesheet is unchanged. */
@media(max-width:768px),(max-width:1024px) and (pointer:coarse){
/* Approved PC paper on every light screen; dark presentation pages keep their token. 'only light' keeps in-app browsers (e.g. KakaoTalk in dark mode) from force-darkening these colors. */
html,body{background-color:var(--paper,var(--reader-paper));color-scheme:only light}
body:is(.view-start,.view-work,.view-toc,.view-favorites,.editorial-page){--paper:var(--reader-paper);background:var(--paper)}
body:is(.view-start,.view-work,.view-toc,.view-favorites) #app,.editorial-page .editorial-sheet{background-color:var(--paper)}
/* One uninterrupted reading ground; depth appears only while a page is moving. */
body.view-work{--paper:#e8e8e4;--mobile-sheet-paper:rgb(232,232,228);background:var(--paper)}
body.view-work #app{background:var(--paper);padding-top:56px}
body.view-work .work-layout{width:100%;background:var(--paper);box-shadow:none}
body.view-work>.topbar{position:fixed;top:0;left:0;right:0;z-index:60;display:grid;grid-template-columns:1fr auto;grid-template-rows:56px;width:100%;height:56px;min-height:0;padding-bottom:0;border:0;box-shadow:none;backdrop-filter:none;background:var(--paper)}
body.view-work>.mobile-turn-rail{position:fixed;top:50%;top:50dvh;left:0;right:0;z-index:65;display:flex;justify-content:space-between;align-items:center;transform:translateY(-50%);width:100%;margin:0;padding:0 max(10px,env(safe-area-inset-left)) 0 max(10px,env(safe-area-inset-right));border:0;pointer-events:none}
body.view-work>.mobile-turn-rail a{min-height:44px;max-width:calc(50vw - 14px);margin:0;padding:7px!important;pointer-events:auto;font-size:12px!important;opacity:.3;transition:opacity .4s ease}
body.view-work>.mobile-turn-rail a::before{inset:6px 0;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}
body.view-work>.mobile-turn-rail:is([data-awake],:focus-within) a{opacity:.86}
body.view-work>.mobile-turn-rail a[data-prev]{--tab-fill:rgba(227,228,223,.48);--tab-hover:rgba(211,215,205,.72)}
body.view-work>.mobile-turn-rail a[data-next]{--tab-fill:rgba(208,215,200,.48);--tab-hover:rgba(190,200,179,.72);margin-left:auto}

body.view-work>.mobile-turn-rail a:is(:active,[data-pressed]){transform:translateY(1px);transition:none}
body.view-work>.mobile-turn-rail a:is(:active,[data-pressed])::before{background:var(--tab-hover);transition:none}

@font-face{font-family:"OM KoPub Batang";src:url('/fonts/KoPubBatang-Regular.subset.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"OM KoPub Batang";src:url('/fonts/KoPubBatang-Bold.subset.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
body{--pc-nav-serif:var(--reader-serif,Georgia,serif);--pc-control-type:700 .875rem/1.6 var(--pc-nav-serif);--pc-control-radius:4px;--pc-tab-paper:#daddd4;--pc-tab-hover:#c7cebf;--pc-tab-line:#c4cbbd;--pc-tab-ink:#414d3b}
html:lang(ko) body,body.reader-ko{--pc-nav-serif:"OM KoPub Batang","OM Noto Serif KR","Noto Serif KR",serif}
:is(.editorial-nav a,.chapter-index a,.chapter-index button,.editorial-utility a,.editorial-title-actions nav a,.editorial-catalogue nav a,.reader-return,.toc-editorial-link,.editorial-begin,.editorial-video-entry a,.editorial-preview-link,.work-nav a,.work-saved-return a):not(.work-closing *){
 --tab-fill:var(--pc-tab-paper);--tab-hover:var(--pc-tab-hover);--tab-border:var(--pc-tab-line);--tab-ink:var(--pc-tab-ink);
 color:var(--tab-ink)
}
.start-actions a{font-family:var(--pc-nav-serif);font-size:1rem;font-weight:400}
/* Match the approved PC contents: 01/02 left, 03/04/05 right, always visible. */
.start-screen .start-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,auto);gap:4px 18px;width:100%;max-width:32rem;margin:8px auto 0;overflow:visible;scroll-snap-type:none;touch-action:auto}
.start-screen .start-actions a{width:100%;min-width:0;min-height:48px;align-items:baseline;padding:9px 0;font-size:clamp(14px,3.8vw,16px);line-height:1.7}
.start-screen .start-actions a:nth-child(1){grid-area:1/1}.start-screen .start-actions a:nth-child(2){grid-area:2/1}
.start-screen .start-actions a:nth-child(3){grid-area:1/2}.start-screen .start-actions a:nth-child(4){grid-area:2/2}.start-screen .start-actions a:nth-child(5){grid-area:3/2}
.start-screen .start-actions .nav-number{width:1.25rem;margin-right:6px;font-size:10px}
.start-folio{display:none!important}
:is(.editorial-nav .editorial-next,.editorial-title-actions .editorial-begin,.work-nav a[data-next]):not(.work-closing *){--tab-fill:#d0d7c8;--tab-hover:#bec8b3;--tab-border:#b9c4ae}
body .chapter-index :is(a,button)[aria-current="page"]{--tab-fill:#cbd4c1;--tab-hover:#bbc7b0;--tab-border:#9dac90;--tab-ink:#35432c}
:is(.editorial-nav,.chapter-index,.editorial-utility,.work-nav) :is(a,button):not(.work-closing *):focus-visible,.reader-return:focus-visible{outline:1px solid #64735b;outline-offset:3px}

/* Silent pages use the same tab proportions, with ink reversed for their dark paper. */
.silent-choice header>p{display:none}
.silent-choice>.return-link,.silent-return .return-link{
 display:inline-flex;align-items:center;justify-content:center;gap:6px;width:fit-content;max-width:100%;min-height:42px;padding:8px 18px;
 border:1px solid #454c40;border-radius:1px;box-shadow:none;background:#292e28;color:#d9dfd3;
 text-decoration:none;overflow-wrap:anywhere;transition:background-color .16s ease
}
.silent-choice>.return-link{margin-top:36px}
.silent-return .return-link svg{width:15px;height:15px;transform:none}
.silent-choice>.return-link:hover,.silent-return .return-link:hover{background:#3b4536;color:#e5e9df}
.silent-choice>.return-link:focus-visible,.silent-return .return-link:focus-visible{outline:1px solid #c6d0bc;outline-offset:3px}

/* One type rule for every PC action. !important protects this common policy from
   page styles loaded later by the router. The five start links and prose links
   are deliberately not selected; SVGs and transport glyphs keep their geometry. */
body :is(button,select,.editorial-nav a,.chapter-index a,.editorial-utility a,.editorial-title-actions nav a,.editorial-catalogue nav a,.reader-return,.toc-editorial-link,.editorial-begin,.editorial-video-entry a,.editorial-preview-link,.work-nav a,.work-saved-return a,.ending-copy nav a,.return-link,.format-options a,#back){font:var(--pc-control-type)!important;letter-spacing:0!important}
body :is(.reader-actions button>span,.reader-reopen>span,.work-nav a>span,.editorial-nav a>span,.return-link>span,.format-options strong){font:inherit!important;letter-spacing:inherit!important}

/* One soft, borderless edge for rectangular PC controls and their painted faces. */
body :is(.work-nav a,.editorial-nav a,.chapter-index a,.chapter-index button,.editorial-utility a,.editorial-title-actions nav a,.editorial-catalogue nav a,.ending-copy nav a,.ending-copy nav button,.reader-return,.reader-reopen,.work-saved-return a,.toc-editorial-link,.editorial-begin,.editorial-video-entry a,.editorial-preview-link,.return-link,.format-options a,.login-wrap button,.reader-confirm button,.reader-actions button){border-color:transparent!important;border-radius:var(--pc-control-radius)!important}
body :is(.work-nav a,.editorial-nav a,.chapter-index a,.chapter-index button,.editorial-utility a,.editorial-title-actions nav a,.editorial-catalogue nav a,.ending-copy nav a,.ending-copy nav button,.reader-return,.reader-reopen,.work-saved-return a,.toc-editorial-link,.editorial-begin,.editorial-video-entry a,.editorial-preview-link)::before{border-color:transparent!important;border-radius:inherit!important}

/* A transient overlay: translucent olive paper, with fully opaque lettering. */
.reader-toast[data-kind="watch"]{display:flex;align-items:center;justify-content:center;width:384px;max-width:calc(100vw - 64px);min-height:104px;padding:24px 28px;border:1px solid rgba(205,218,191,.4);border-radius:3px;box-shadow:0 8px 28px rgba(30,39,25,.2);background:rgba(70,81,63,.34);backdrop-filter:blur(2px) brightness(.53);color:#fbfaf3;font:500 1.0625rem/1.7 var(--reader-ui);letter-spacing:0;text-align:center;word-break:keep-all;overflow-wrap:anywhere;pointer-events:none}
.reader-toast[data-kind="watch"] .reader-check{display:none}


/* A single reading column with the publication's original order. */
body{--mobile-gutter:clamp(18px,5.5vw,32px)}
.topbar,.silent-topbar,.silent-player-top{gap:8px;padding-inline:16px;min-height:60px;height:auto;flex-wrap:nowrap}
.topbar .brand,.silent-topbar .brand,.silent-player-top .brand{min-width:0;font-size:8px;letter-spacing:.17em;gap:7px;flex-shrink:1}
.topbar .languages,.silent-topbar .languages,.silent-player-top .languages{flex:0 0 100px;max-width:34vw}
.languages select{padding-inline:6px 19px!important;font-size:13px!important}
.brand .reader-lotus{width:24px;height:20px}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"identity" "film" "text";max-width:600px;gap:28px;padding:28px var(--mobile-gutter) calc(48px + env(safe-area-inset-bottom))}
.identity{padding:0;animation:none}.identity .eyebrow{margin-bottom:16px;font-size:9px;line-height:1.7}.identity-index{margin-bottom:14px}
body .identity h1{max-width:100%;font:430 clamp(27px,7.2vw,34px)/1.55 var(--reader-serif)!important;letter-spacing:0;word-break:normal;overflow-wrap:anywhere;text-wrap:pretty}
body .identity.title-extra-long h1{font-size:clamp(25px,6.6vw,31px)!important}
.reader-ko .identity h1{word-break:keep-all}
.film{position:static;min-width:0;width:100%;height:auto}.video-shell{width:min(100%,420px);height:auto;max-height:none;box-shadow:0 12px 28px rgba(36,38,38,.19)}
.text{padding:0;max-height:none;overflow:visible}.text>.reader-actions{margin:0 0 24px}
.text .scripture-box{margin:0;padding:24px 18px}.text .scripture-box .original{font-family:var(--reader-serif);font-size:18px;line-height:1.95;word-break:normal}
.text .scripture-box :is(.translation,.interpretation) p,.view-work .text .meditation p{font-family:var(--reader-serif);font-size:18px;font-weight:430;line-height:1.95;letter-spacing:0;overflow-wrap:anywhere}
.text .scripture-box .interpretation{padding-bottom:0}.text .meditation{margin-top:36px}.scripture-citation{font-size:12px;text-align:start}
body :is(.work-nav,.editorial-nav,.chapter-index,.ending-copy nav) :is(a,button),body .reader-reopen,body .reader-return,body .work-saved-return a{min-height:44px;max-width:100%;padding:10px 14px;flex:0 1 auto}
:is(.work-nav,.editorial-nav,.chapter-index,.ending-copy nav) :is(a,button)::before,.reader-reopen::before,.reader-return::before,.work-saved-return a::before{inset:0}
.work-nav{gap:8px;margin-top:32px;display:flex;flex-wrap:wrap}.work-nav a[data-prev]{margin-right:auto}.work-closing{margin-top:30px}.work-closing .work-nav{gap:8px;margin-top:14px}
/* Same modest painted save face, with a separate 44px touch target. */
body .reader-actions{gap:4px 12px;flex-wrap:wrap;align-items:center}
body .reader-actions button{min-height:44px;min-width:44px;max-width:100%;gap:5px;padding:10px 7px;position:relative;isolation:isolate;justify-content:center;line-height:1.6!important}
body .reader-actions button span{min-width:0;overflow-wrap:anywhere}
body .reader-actions :is(.reader-heart,.reader-check){width:15px;height:15px;flex:none}
body .reader-actions [data-reader-save]{width:max-content;border:1px solid transparent;background:transparent;color:var(--pc-tab-ink)}
body .reader-actions [data-reader-save]::before{content:"";position:absolute;z-index:-1;inset:7px 0;background:rgba(218,221,212,.42);border:0;border-radius:var(--pc-control-radius);pointer-events:none}
body .reader-actions [data-reader-save]:active::before{background:var(--pc-tab-hover)}
body .reader-actions [data-reader-save]:focus-visible{outline:1px solid #64735b;outline-offset:2px}
/* Section, chapter number, chapter title: three consistent levels. */
.editorial-sheet.editorial-contents,.toc-screen{padding:28px calc(var(--mobile-gutter) + var(--chapter-rail-space,0px)) 44px var(--mobile-gutter);max-width:600px;margin:auto}
.editorial-contents .editorial-header h1,.toc-section-label{font:550 16px/1.7 var(--reader-serif);color:#4c584a;letter-spacing:0;margin:0 0 20px}
.editorial-chapter-label,.toc-chapter-number{font:550 12px/1.65 var(--reader-ui);color:#73796e;letter-spacing:.015em;margin:0 0 10px!important}
.editorial-toc-section h2,.toc-header h1.toc-chapter-title{font:430 28px/1.5 var(--reader-serif);color:#303a30;letter-spacing:0;margin:0 0 22px}
.chapter-index{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;max-width:400px;width:100%;justify-content:flex-start!important}
body .chapter-index :is(a,button)[data-chapter]{min-width:0;min-height:44px;width:100%;padding:8px 0;flex:0 0 auto}
body .chapter-index :is(a,button)[aria-current="page"]{--tab-fill:#cbd4c1;--tab-hover:#bbc7b0;--tab-ink:#35432c}
.editorial-toc-section{grid-template-columns:1fr;gap:30px}.editorial-chapter-list{grid-template-columns:1fr;gap:22px}
.editorial-chapter-list li{grid-template-columns:60px minmax(0,1fr);gap:14px}.editorial-work-copy>a{min-height:0;padding:2px 0 8px;font-size:17px;line-height:1.75}
.editorial-chapter-list .reader-actions{min-height:44px;margin:0;justify-content:flex-start;align-items:center}
.editorial-chapter-works h3{font-size:13px;margin-bottom:20px}
/* The gallery remains image-led, in one column rather than a shrunken PC grid. */
.toc-header{display:flex;flex-direction:column;gap:0;margin-bottom:10px}.toc-header .chapter-index{margin-bottom:26px}
.toc-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:38px;max-width:none}
.toc-screen[data-count] .toc-item{--portrait-width:min(48vw,200px);display:grid;grid-template-columns:minmax(0,1fr);gap:18px;width:100%}
.toc-item .toc-art{display:flex;justify-content:center;width:100%;height:auto;transform:none!important}
.toc-screen[data-count] .toc-image{width:var(--portrait-width);height:auto;aspect-ratio:3/4;justify-content:center}
.toc-screen .toc-image img{width:100%;height:100%;object-fit:contain}
.toc-caption{display:block;padding:0;min-width:0}.toc-title{display:block;min-height:0;padding:0;text-align:center}.toc-title h2{font:430 17px/1.75 var(--reader-serif);overflow-wrap:anywhere}
.toc-caption .reader-actions{display:grid;grid-template-columns:calc(50% + var(--portrait-width)/2 - 8px) minmax(0,1fr);gap:4px 0;margin:6px 0 0;width:100%;min-width:0}
.toc-caption .reader-actions [data-reader-save]{grid-column:2;grid-row:1;justify-self:start;max-width:calc(100% + 8px)}
.toc-caption .reader-actions [data-reader-watch]{grid-column:1;grid-row:1;justify-self:end;margin-right:8px;max-width:100%;text-align:end}
.reader-saved{padding:28px var(--mobile-gutter) 48px;max-width:600px}.reader-saved-list{grid-template-columns:1fr;gap:26px}.reader-saved-list a{gap:18px}.reader-saved-list img{width:72px;height:96px}.reader-saved-list h2{font-size:18px;line-height:1.8}.reader-saved-list .reader-actions{margin:4px 0 0;padding-left:90px;justify-content:flex-start}
.editorial-opening .editorial-prologue-layout{display:flex;flex-direction:column;gap:30px}.editorial-prologue-art{max-width:240px;margin:auto}.editorial-opening .editorial-prologue-copy p{font-size:18px;line-height:1.95}
/* Keep the accepted olive translucent notice clear of the header and controls. */
.reader-toast[data-kind="watch"]{left:50%!important;top:70%!important;transform:translate(-50%,-50%);width:calc(100vw - 40px);max-width:384px;min-height:96px;padding:22px 24px;font-size:16px;line-height:1.8;pointer-events:none;-webkit-backdrop-filter:blur(2px) brightness(.53)}
.reader-toast[data-kind="watch"].show{transform:translate(-50%,-50%)}
.reader-toast[data-kind="heart"]{font-size:14px;max-width:calc(100vw - 32px);overflow-wrap:anywhere}
.reader-ending[open]{padding:72px 24px calc(32px + env(safe-area-inset-bottom));height:100dvh;max-height:100dvh}
.ending-copy{min-height:100%;width:100%;justify-content:center}.ending-copy .ending-brand{flex-wrap:nowrap;font-size:10px;gap:9px;margin-bottom:28px}.ending-brand .reader-lotus{width:29px;height:24px}
.ending-copy .ending-thanks{font:430 24px/1.75 var(--reader-serif)}.ending-copy p{font:430 20px/1.9 var(--reader-serif);margin:14px 0;word-break:normal;overflow-wrap:anywhere}
.ending-copy nav{display:flex;flex-direction:column;width:100%;gap:10px;margin-top:28px}.ending-copy nav :is(a,button){width:max-content;max-width:100%;padding:10px 16px}
.reader-ending .ending-close{top:max(12px,env(safe-area-inset-top));right:max(12px,env(safe-area-inset-right))}
.silent-choice{width:calc(100% - 40px);max-width:560px;padding-top:36px}.silent-choice h1{font-family:var(--reader-serif);font-size:32px;line-height:1.6;letter-spacing:0;overflow-wrap:anywhere}.silent-choice>.return-link,.silent-return .return-link{min-height:44px}
.silent-choice .format-options{grid-template-columns:1fr;gap:20px}.silent-choice .reader-silent-guide{padding-left:16px}.silent-choice header .reader-silent-guide p{font-size:17px}
.silent-player-top .brand{white-space:normal}.silent-return .return-link{margin:0;padding:10px 14px}
@media(max-width:360px){body{--mobile-gutter:18px}.work-nav{gap:6px}.work-nav a{padding:10px!important}.ending-copy p{font-size:18px}.ending-copy .ending-thanks{font-size:22px}.reader-ending[open]{padding-inline:20px}.topbar .brand{letter-spacing:.1em}}
}

/* The replacement renderer is a single sheet and one opaque next page. */
@media(max-width:768px),(max-width:1024px) and (pointer:coarse){
 .view-work,.work-layout,.video-shell{touch-action:pan-y pinch-zoom}
 .work-layout :is(input,button,a){touch-action:manipulation}
 .paper-turn{position:fixed;inset:0;z-index:55;overflow:hidden;pointer-events:none;isolation:isolate;background:var(--paper)}
 .paper-under{position:absolute;inset:0;z-index:0;isolation:isolate;background:var(--paper);overflow:hidden;pointer-events:none}
 .paper-under .topbar{position:relative;top:0;width:100%}
 .paper-under .work-layout{margin-top:0}
 .paper-under .meditation{content-visibility:auto}
 .paper-under .work-layout .work-nav a[data-next]{display:none}
 .work-poster{position:absolute;inset:0;width:100%;height:100%;z-index:2;pointer-events:none;object-fit:contain;transform:translateZ(0);will-change:opacity;transition:opacity .45s ease}
 .work-poster.leaving{opacity:0}
 .video-shell,.video-shell *{-webkit-tap-highlight-color:transparent}
 .video-shell:has(.work-poster) .start-play{z-index:4}
 .paper-under .video-shell img.layer{width:100%;height:100%;object-fit:contain}
 .paper-turn>canvas{position:absolute;inset:0;z-index:1;width:100%;height:100%;display:block}
 body[data-paper-turn] .reader-toast{visibility:hidden}
}

@media(max-width:768px),(max-width:1024px) and (pointer:coarse){
 body[data-silent-fullscreen] #back{display:none}
 #stage.silent-expanded{position:fixed;inset:0;z-index:100;width:100%;height:100%;height:100dvh}
 #full{touch-action:manipulation}
}

@media(max-width:768px),(max-width:1024px) and (pointer:coarse){
 body>.mobile-chapter-rail{position:fixed;top:50%;top:50dvh;right:max(10px,env(safe-area-inset-right));left:auto;z-index:65;transform:translateY(-50%);margin:0;padding:0;border:0;display:block;width:auto;max-width:min(27vw,7rem);pointer-events:none}
 body>.mobile-chapter-rail .editorial-next{--tab-fill:rgba(208,215,200,.76);--tab-hover:rgba(190,200,179,.88);pointer-events:auto;min-height:44px;margin:0;padding:8px 10px;max-width:100%;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
 body>.mobile-chapter-rail .editorial-next span{min-width:0;overflow-wrap:anywhere}
 body>.mobile-chapter-rail .editorial-next:active{transform:translateY(1px)}
 body[data-mobile-chapters],.toc-screen,.editorial-contents{touch-action:pan-y pinch-zoom}
 .toc-screen[style*="--chapter-rail-space"] .toc-caption .reader-actions{grid-template-columns:minmax(0,1fr) max-content}
 .chapter-slide{position:fixed;inset:0;z-index:45;overflow:hidden;pointer-events:none;background:var(--paper)}
 .chapter-slide-page{position:absolute;inset:0;overflow:hidden;background:var(--paper);will-change:transform}
 .chapter-slide-content{width:100%}.chapter-slide-content>.topbar{width:100%}
 .chapter-slide :is(.identity,.card,.prose){animation:none}
 .chapter-slide .editorial-next{visibility:hidden}
 /* One restrained line drawing, shared by the two distinct navigation lessons. */
 .gesture-hand{display:block;width:28px;height:34px;background:center/contain no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 36' fill='none' stroke='%234e5a49' stroke-width='1.15' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 21V6a2.2 2.2 0 014.4 0v12-3a2.1 2.1 0 014.2 0v3-1a2 2 0 014 0v3a1.9 1.9 0 013.8 0v6c0 3-1.4 5-2.5 7H12c-.8-2.4-2-4.2-3.5-6.1L3.8 22a2 2 0 012.9-2.7L10 22'/%3E%3C/svg%3E");pointer-events:none}
 .mobile-chapter-rail .chapter-swipe-cue{position:absolute;right:4px;width:74px;height:42px;opacity:.82;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 82 44' fill='none' stroke='%234e5a49' stroke-width='1.25' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath opacity='.8' d='M50 12C36 10 21 10 5 12m7-5L5 12l8 4'/%3E%3Cpath transform='translate(53 4)' d='M10 21V6a2.2 2.2 0 014.4 0v12-3a2.1 2.1 0 014.2 0v3-1a2 2 0 014 0v3a1.9 1.9 0 013.8 0v6c0 3-1.4 5-2.5 7H12c-.8-2.4-2-4.2-3.5-6.1L3.8 22a2 2 0 012.9-2.7L10 22'/%3E%3C/svg%3E");filter:drop-shadow(0 1px 2px var(--paper));--cue-travel:clamp(68px,18vw,112px);animation:chapter-hand 2.8s cubic-bezier(.32,0,.24,1) infinite}
 @keyframes chapter-hand{0%,10%{transform:translate(0,1px);opacity:.82}62%,72%{transform:translate(calc(-1 * var(--cue-travel)),-2px);opacity:.82}86%{transform:translate(calc(-1 * var(--cue-travel)),-2px);opacity:0}87%{transform:translate(0,1px);opacity:0}100%{transform:translate(0,1px);opacity:.82}}
 .work-gesture-lesson{position:fixed;inset:0;z-index:1000;overflow:hidden;overscroll-behavior:none;touch-action:none;isolation:isolate}
 .work-gesture-lesson>canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
 .work-gesture-lesson::after{content:"";position:absolute;inset:0;background:rgba(0,0,0,.64);pointer-events:none}
 .work-gesture-lesson .lesson-hand{position:absolute;z-index:1;width:34px;height:44px;overflow:visible;fill:rgba(245,245,236,.12);stroke:#f0f2e9;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round;opacity:.82;filter:drop-shadow(0 2px 3px rgba(0,0,0,.32));pointer-events:none}
 @media(prefers-reduced-motion:reduce){.chapter-swipe-cue{animation:none}.mobile-turn-rail a{transition:none!important}}
}

@media(max-width:768px),(max-width:1024px) and (pointer:coarse){
 .text .work-nav.mobile-work-footer{flex-direction:column;align-items:flex-start;gap:0}
 .text .mobile-work-footer .work-home-link{margin-top:18px;color:var(--nav-muted);font-weight:400!important;text-align:start;justify-content:flex-start}
 .text .mobile-work-footer .work-home-link::before{display:none}
}

/* Locale reading adjustments; Korean layout and interaction remain the reference. */
@media(max-width:768px),(max-width:1024px) and (pointer:coarse){
 body:is(.reader-th,.reader-hi){--pc-control-type:700 .875rem/1.8 var(--pc-nav-serif)}
 body:is(.reader-th,.reader-hi) .start-screen h1{letter-spacing:0;line-height:1.65;word-break:normal}
 body:is(.reader-th,.reader-hi) .text :is(.original,.translation p,.interpretation p,.meditation p){line-height:2.05}
 body:is(.reader-th,.reader-hi) .reader-actions button{line-height:1.8!important}
 html:not(:lang(ko)) body .login-wrap :is(h1,header div,.help){font-family:var(--reader-serif);letter-spacing:0;line-height:1.65;overflow-wrap:anywhere}
}