/* One Academic Atelier material from skill selection to the exercise. */
html:has(body[data-eju-reader]),html[data-eju-flow="v1"]{font-size:16px!important;background:var(--tl-paper-soft);color-scheme:light}
html[data-mode="dark"]:has(body[data-eju-reader]),html[data-eju-flow="v1"][data-mode="dark"]{color-scheme:dark}
body[data-eju-reader],html[data-eju-flow="v1"] body{--jo-ink:var(--tl-ink);--jo-muted:var(--tl-ink-soft);--jo-line:var(--tl-hair);--jo-paper:var(--tl-glass-strong);--jo-soft:var(--tl-wash);--ink:var(--tl-ink);font:var(--tl-text-body)/1.7 var(--tl-font-ui)!important;color:var(--tl-ink)!important;background:linear-gradient(var(--tl-paper-soft),var(--tl-paper-soft)),url('/anh-art/lesson-dawn-1200.webp') center top/cover fixed!important;padding:0!important;min-height:100vh}
html[data-mode="dark"] body[data-eju-reader],html[data-eju-flow="v1"][data-mode="dark"] body{background:linear-gradient(var(--tl-paper-soft),var(--tl-paper-soft)),url('/anh-art/lesson-night-1200.webp') center top/cover fixed!important}
body[data-eju-reader] .wrap,body[data-eju-guide] .wrap{background:var(--tl-glass-strong)!important;border:1px solid var(--tl-glass-border);border-radius:var(--tl-radius-surface);backdrop-filter:blur(var(--tl-blur));box-shadow:var(--tl-shadow);max-width:1040px;margin:var(--tl-space-3) auto;padding:var(--tl-space-4) var(--tl-space-5) var(--tl-space-6)}
body[data-eju-guide] .nav-top{position:static!important;display:flex;flex-wrap:nowrap;gap:var(--tl-space-3);margin:0 0 var(--tl-space-3);padding:0 0 var(--tl-space-3);border-bottom:1px solid var(--tl-hair)}
body[data-eju-guide] .ef-identity{flex:1;min-width:0}
body[data-eju-guide] .ef-identity>a{font:500 12px/1.4 var(--tl-font-ui);color:var(--tl-ink-soft);text-decoration:none}
body[data-eju-guide] .nav-top h1{font:650 22px/1.25 var(--tl-font-ui)!important;margin:var(--tl-space-1) 0 0!important;letter-spacing:0}
body[data-eju-guide] h1::after,body[data-eju-guide] h2::after{display:none!important}
body[data-eju-guide] .nav-top .back,body[data-eju-guide] .jo-settings,body[data-eju-guide] #th-fab{position:static!important;inset:auto!important;flex:none;width:44px;height:44px;min-height:44px;min-width:44px;padding:0!important;margin:0!important;display:flex!important;align-items:center;justify-content:center;border:1px solid var(--tl-hair)!important;border-radius:var(--tl-radius-control)!important;color:var(--tl-ink)!important;background:transparent!important;box-shadow:none!important;transform:none!important}
body[data-eju-guide] .back{font-size:28px!important}
body[data-eju-guide] .jo-settings{font-size:22px!important}
body[data-eju-guide] #th-fab span{background:var(--tl-ink)!important}
body[data-eju-guide] .lede{margin:0 0 var(--tl-space-4);max-width:none;font:400 16px/1.7 var(--tl-font-ui);color:var(--tl-ink-soft)!important}
body[data-eju-guide] .sec{margin:var(--tl-space-5) 0;padding:0;scroll-margin-top:var(--tl-space-4)}
body[data-eju-guide] .sec-head{margin:0 0 var(--tl-space-3);gap:var(--tl-space-2)}
body[data-eju-guide] .sec-head h2{font:650 21px/1.5 var(--tl-font-ui);margin:0}
body[data-eju-guide] .sec-head .jp{font:400 16px/1.5 var(--tl-font-jp);color:var(--tl-ink-soft)}
body[data-eju-guide] .cards{display:block;margin:0}
body[data-eju-guide] .cards a{display:block;min-height:44px;background:transparent;border:0;border-top:1px solid var(--tl-hair);border-radius:0;padding:var(--tl-space-3) 0;box-shadow:none;transform:none}
body[data-eju-guide] .cards .h{font:650 18px/1.5 var(--tl-font-ui);margin:0 0 var(--tl-space-1);color:var(--tl-ink)}
body[data-eju-guide] .cards .d{font:400 16px/1.6 var(--tl-font-ui);color:var(--tl-ink-soft)}
body[data-eju-guide] .callout,body[data-eju-guide] .two .it,body[data-eju-guide] .steps .st,body[data-eju-guide] .row,body[data-eju-guide] .fmt .it,body[data-eju-guide] .writebox{background:transparent!important;color:var(--tl-ink)!important;border:0;border-top:1px solid var(--tl-hair);border-radius:0;box-shadow:none}
body[data-eju-guide] .two .it p,body[data-eju-guide] .fmt .k,body[data-eju-guide] .tx{color:var(--tl-ink)!important;font-size:16px}
body[data-eju-guide] .fmt .v{font:500 26px/1.5 var(--tl-font-jp);color:var(--tl-seal)}
body[data-eju-guide] .fmt{gap:var(--tl-space-3)}
body[data-eju-guide] .ef-index{display:flex;flex-wrap:wrap;gap:var(--tl-space-3);border-bottom:1px solid var(--tl-hair)}
body[data-eju-guide] .ef-index a{display:inline-flex;align-items:center;min-height:44px;color:var(--tl-seal);font-weight:600;text-decoration:none}
body[data-eju-guide] .ef-reference{border-top:1px solid var(--tl-hair);margin:0}
body[data-eju-guide] .ef-reference>summary{min-height:44px;padding:var(--tl-space-3) 0;cursor:pointer;font-weight:600}
body[data-eju-guide] .ef-source{color:var(--tl-ink-soft);font-size:16px;margin:var(--tl-space-4) 0}
body[data-eju-guide] a{color:var(--tl-seal)}
body[data-eju-guide] select,body[data-eju-guide] textarea{max-width:100%;background:var(--tl-glass-strong);color:var(--tl-ink);border:1px solid var(--tl-hair);border-radius:var(--tl-radius-control);font-family:var(--tl-font-ui)}
body[data-eju-guide] .jo-dialog{background:var(--tl-glass-strong);color:var(--tl-ink)}
body[data-eju-guide] :focus-visible{outline:3px solid var(--tl-focus);outline-offset:3px}
@media(max-width:600px){body[data-eju-reader] .wrap,body[data-eju-guide] .wrap{margin:var(--tl-space-2);padding:var(--tl-space-3) var(--tl-space-4) var(--tl-space-5);border-radius:var(--tl-radius-panel)}body[data-eju-guide] .nav-top{gap:var(--tl-space-2)}body[data-eju-guide] .nav-top h1{font-size:20px!important}body[data-eju-guide] .fmt{grid-template-columns:repeat(2,minmax(0,1fr))}body[data-eju-guide] .sec-head{flex-wrap:wrap}}
@media(prefers-reduced-transparency:reduce){body[data-eju-reader] .wrap,body[data-eju-guide] .wrap{background:color-mix(in srgb,var(--tl-glass-strong) 100%,var(--tl-ink))!important;backdrop-filter:none}}
/* Outrank the legacy theme sheet loaded by the shared menu, in both modes. */
html[data-mode="light"][data-eju-flow="v1"] body,html[data-mode="light"]:has(body[data-eju-reader]) body[data-eju-reader]{background:linear-gradient(var(--tl-paper-soft),var(--tl-paper-soft)),url('/anh-art/lesson-dawn-1200.webp') center top/cover fixed!important;color:var(--tl-ink)!important}
html[data-eju-flow="v1"] body[data-eju-guide] .wrap{background:var(--tl-glass)!important}
html[data-eju-flow="v1"] body[data-eju-guide] :is(.cards,.cards a,.callout,.two .it,.steps .st,.row,.fmt .it,.writebox){background:transparent!important;box-shadow:none!important;border-radius:0!important;color:var(--tl-ink)!important}
html[data-eju-flow="v1"] body[data-eju-guide] :is(h1,h2,h3,.cards .h,.cards .d,.tx,.two .it p){color:var(--tl-ink)!important}
body[data-eju-guide] summary{min-height:44px;display:list-item;padding:var(--tl-space-3) 0;cursor:pointer}
body[data-eju-guide] .nav-top svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round}
html[data-mode="light"][data-eju-flow="v1"] body[data-eju-japanese-opening]{background:linear-gradient(var(--tl-paper-soft),var(--tl-paper-soft)),url('/anh-art/lesson-dawn-1200.webp') center top/cover fixed!important;color:var(--tl-ink)!important}
html[data-eju-flow="v1"][data-mode] body[data-eju-guide] .cards{border:0!important;background:transparent!important;box-shadow:none!important}
html[data-eju-flow="v1"][data-mode] body[data-eju-guide] :is(p,li,.lede,.cards .d,.callout){color:var(--tl-ink-soft)!important}
body[data-eju-guide] #tl-app-content-header{position:static!important;grid-template-columns:44px minmax(0,1fr) 44px 44px}
body[data-eju-guide] #tl-app-content-header h1{font:650 20px/1.25 var(--tl-font-ui)!important;margin:0!important;color:var(--tl-ink)!important}
body[data-eju-guide] #tl-app-content-header .jo-settings{display:flex!important;align-items:center;justify-content:center;min-width:44px;min-height:44px;padding:var(--tl-space-2)!important}
body[data-eju-guide] #tl-app-content-header svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
body[data-writing-focus] .ef-writing-example{margin:var(--tl-space-4) 0}
body[data-writing-focus] .ef-writing-example h2{font:650 18px/1.5 var(--tl-font-ui);margin:0 0 var(--tl-space-2)}
body[data-writing-focus] .ef-writing-topic{margin:0 0 var(--tl-space-3);color:var(--tl-ink-soft)}
body[data-writing-focus] .ef-writing-steps{list-style:none;padding:0;margin:0}
body[data-writing-focus] .ef-writing-steps li{margin:0;padding:var(--tl-space-3) 0;border-top:1px solid var(--tl-hair)}
body[data-writing-focus] .ef-writing-steps b{font:650 15px/1.5 var(--tl-font-ui);color:var(--tl-seal)}
body[data-writing-focus] .ef-writing-steps p[lang=ja]{font:500 22px/1.8 var(--tl-font-jp);margin:var(--tl-space-1) 0}
body[data-writing-focus] .ef-writing-meaning{font-size:16px;line-height:1.6;margin:0;color:var(--tl-ink-soft)}
body[data-writing-focus] .ef-full-essay{border-top:1px solid var(--tl-hair)}
body[data-writing-focus] .ef-full-essay>summary{min-height:44px;font-weight:650}
body[data-writing-focus] .jo-dialog{max-width:min(92vw,760px);max-height:85vh;overflow:auto}