html:has(body[data-eju-japanese-opening]){font-size:17px;color-scheme:light}
body[data-eju-japanese-opening]{--jo-ink:#26382f;--jo-muted:#657267;--jo-line:rgba(128,119,90,.24);--jo-paper:rgba(255,255,255,.87);--jo-soft:rgba(239,243,236,.65);font-family:"Avenir Next",-apple-system,system-ui,sans-serif!important;background:radial-gradient(ellipse at 90% 0,#e4eadf,transparent 50%),#f5f5ef!important;color:var(--jo-ink)!important;line-height:1.8;padding:0!important}
body[data-eju-japanese-opening] .wrap{max-width:1040px;margin:24px auto;padding:28px clamp(20px,5vw,64px) 48px;background:var(--jo-paper);border:1px solid var(--jo-line);border-radius:24px;box-shadow:0 18px 60px rgba(56,69,46,.07);backdrop-filter:blur(18px)}
body[data-eju-japanese-opening] h1{font:750 clamp(1.8rem,4vw,2.65rem)/1.22 "Avenir Next",system-ui,sans-serif;letter-spacing:-.035em;margin:1.5rem 0 1rem;color:var(--jo-ink)}
body[data-eju-japanese-opening] h2{font:720 1.35rem/1.5 "Avenir Next",system-ui,sans-serif;letter-spacing:-.01em;margin:1.5rem 0 .9rem;color:var(--jo-ink)}
body[data-eju-japanese-opening] h3,body[data-eju-japanese-opening] h4{font-family:"Avenir Next",system-ui,sans-serif;line-height:1.55;color:var(--jo-ink);margin:1rem 0 .6rem}
body[data-eju-japanese-opening] .lede,body[data-eju-japanese-opening] .callout,body[data-eju-japanese-opening] .eyebrow,body[data-eju-japanese-opening] .breadcrumb{color:var(--jo-muted)!important;letter-spacing:normal}
body[data-eju-japanese-opening] .nav-top{gap:14px;flex-wrap:wrap;align-items:center}
body[data-eju-japanese-opening] .brand-name{font:700 1rem/1.4 "Avenir Next",system-ui,sans-serif}
body[data-eju-japanese-opening] .brand-jp{font-size:.7rem;letter-spacing:.12em}
body[data-eju-japanese-opening] .back{font:600 .85rem/1.5 "Avenir Next",system-ui,sans-serif;letter-spacing:normal;min-height:44px;display:inline-flex;align-items:center;padding:8px 14px;white-space:normal}
body[data-eju-japanese-opening] .psg{background:transparent!important;border:0;border-radius:0;box-shadow:none;padding:1.7rem 0;margin:0;border-top:1px solid var(--jo-line);scroll-margin-top:90px}
body[data-eju-japanese-opening] .psg-tag{background:var(--jo-soft)!important;color:var(--jo-muted)!important;letter-spacing:.04em;padding:.3rem .7rem}
body[data-eju-japanese-opening] .jp-body,body[data-eju-japanese-opening] .sjp,body[data-eju-japanese-opening] [lang=ja]{font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",system-ui,sans-serif;line-height:2.05;word-break:normal;overflow-wrap:break-word}
body[data-eju-japanese-opening] .scorebar{background:var(--jo-paper)!important;backdrop-filter:blur(18px)}
body[data-eju-japanese-opening] .scorebar-in{background:transparent!important;border-color:var(--jo-line);color:var(--jo-ink)!important}
body[data-eju-japanese-opening] .q{margin-top:1.1rem;background:transparent!important;padding:0}
body[data-eju-japanese-opening] .q-stem{font-size:1.08rem;line-height:1.85;margin-bottom:1rem;color:var(--jo-ink)!important}
body[data-eju-japanese-opening] button,body[data-eju-japanese-opening] select{min-height:44px;font-family:inherit;line-height:1.6}
body[data-eju-japanese-opening] .opt{border:1px solid var(--jo-line);border-radius:12px;background:var(--jo-paper)!important;color:var(--jo-ink)!important;font-size:1rem;padding:.8rem 1rem;text-align:left;line-height:1.85;white-space:normal}
body[data-eju-japanese-opening] .opt.correct{border-color:#49795a!important;background:rgba(96,149,108,.12)!important;color:var(--jo-ink)!important}
body[data-eju-japanese-opening] .opt.wrong{border-color:#b46a56!important;background:rgba(180,106,86,.1)!important;color:var(--jo-ink)!important}
body[data-eju-japanese-opening] .q-exp{padding:1rem 1.2rem;background:var(--jo-soft)!important;color:var(--jo-ink)!important;border-radius:12px;font-size:1rem;line-height:1.85;margin-top:1rem}
body[data-eju-japanese-opening] .q-exp blockquote{border-left:3px solid #a99370;padding-left:1rem;margin:.8rem 0}
body[data-eju-japanese-opening] .q-exp ol,body[data-eju-japanese-opening] .elo-orientation ol{padding-left:1.5rem}
body[data-eju-japanese-opening] li{margin:.5rem 0}
body[data-eju-japanese-opening] .play,body[data-eju-japanese-opening] .elo-retry{border:1px solid #53725a;background:#314f3c!important;color:#fff!important;min-height:48px;border-radius:999px;font:650 .95rem/1.5 inherit;padding:.65rem 1.3rem}
body[data-eju-japanese-opening] .elo-orientation{margin:1.8rem 0;padding:1rem 1.3rem;background:var(--jo-soft);border-radius:16px}
body[data-eju-japanese-opening] .elo-toc{margin:1.5rem 0;padding-bottom:1rem}.elo-toc ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.elo-toc li{margin:0!important}.elo-toc a{display:flex;align-items:center;min-height:48px;padding:.65rem 1rem;color:inherit;border:1px solid var(--jo-line);border-radius:12px;text-decoration:none}
body[data-eju-japanese-opening] .elo-transcript{margin:1.2rem 0;border:1px solid var(--jo-line);border-radius:14px;padding:0 1.2rem}
body[data-eju-japanese-opening] .elo-transcript summary{min-height:52px;padding:.8rem 0;cursor:pointer;font-weight:650;line-height:1.6}
body[data-eju-japanese-opening] .elo-transcript p{white-space:pre-line;background:transparent!important;color:var(--jo-ink)!important;padding:0;line-height:1.95}
body[data-eju-japanese-opening] .elo-transcript dd{margin:0 0 .7rem 1rem;color:var(--jo-muted)}
body[data-eju-japanese-opening] .elo-chart{margin:1.3rem 0;padding:1rem;border:1px solid var(--jo-line);border-radius:16px}
body[data-eju-japanese-opening] .elo-chart svg{width:100%;height:auto;max-height:380px}.elo-chart svg text{font-size:15px;fill:currentColor;font-family:inherit}
body[data-eju-japanese-opening] table{width:100%;border-collapse:collapse;background:transparent!important;line-height:1.7;font-size:.92rem}
body[data-eju-japanese-opening] table th,body[data-eju-japanese-opening] table td{padding:.4rem .65rem;border-bottom:1px solid var(--jo-line);color:inherit;background:transparent!important;text-align:left}
body[data-eju-japanese-opening] caption{caption-side:bottom;text-align:left;color:var(--jo-muted);padding:.7rem 0;font-size:.82rem}
body[data-eju-japanese-opening] .jo-settings{background:transparent;color:var(--jo-ink);border:1px solid var(--jo-line);border-radius:999px;padding:.5rem .9rem}
.jo-dialog{color:var(--jo-ink);background:var(--jo-paper);border:1px solid var(--jo-line);border-radius:20px;padding:1.5rem;max-width:min(90vw,440px);margin:auto;backdrop-filter:blur(24px)}.jo-dialog::backdrop{background:rgba(24,37,27,.4);backdrop-filter:blur(5px)}.jo-dialog label{display:block;margin:1rem 0}.jo-dialog select{width:100%;margin-top:.4rem;padding:.5rem;background:transparent;color:inherit;border:1px solid var(--jo-line);border-radius:9px}.jo-dialog button{padding:.6rem 1rem;border:1px solid var(--jo-line);background:transparent;color:inherit;border-radius:999px}
body[data-eju-japanese-opening] :focus-visible{outline:3px solid #9b8458;outline-offset:3px}
html[data-mode=dark]:has(body[data-eju-japanese-opening]){color-scheme:dark}
html[data-mode=dark] body[data-eju-japanese-opening]{--jo-ink:#e8ece4;--jo-muted:#b6c2b4;--jo-line:rgba(199,191,163,.27);--jo-paper:rgba(29,40,32,.95);--jo-soft:rgba(116,139,114,.11);background:radial-gradient(ellipse at 90% 0,#263d2c,transparent 55%),#141e18!important}
html[data-jo-font=large]:has(body[data-eju-japanese-opening]){font-size:19px}
@media(max-width:600px){body[data-eju-japanese-opening] .wrap{margin:8px;border-radius:18px;padding:20px 16px 36px}body[data-eju-japanese-opening] .brand{flex-basis:100%}body[data-eju-japanese-opening] .brand img{width:34px;height:34px}.elo-toc ol{grid-template-columns:1fr}body[data-eju-japanese-opening] .elo-orientation{padding:.7rem 1rem}body[data-eju-japanese-opening] .elo-chart{padding:.7rem}.elo-chart svg text{font-size:16px}body[data-eju-japanese-opening] .q-exp{padding:.8rem}.elo-transcript{padding:0 .8rem!important}}

body[data-eju-japanese-opening] .elo-orientation summary{min-height:44px;cursor:pointer;display:list-item;padding:.3rem 0;font-weight:650}body[data-eju-japanese-opening] .scorebar-in{padding-right:52px}body[data-eju-japanese-opening] h1::after{background:#b6a37a!important}

body[data-eju-opening-index] .aa-brand b,body[data-eju-opening-index] .aa-brand small{display:block}body[data-eju-opening-index] .aa-brand small{font-size:12px;color:var(--tl-muted)}

body[data-eju-japanese-opening] .jo-table-scroll{max-width:100%;overflow-x:auto;overscroll-behavior-x:contain}body[data-eju-japanese-opening] .jo-table-scroll .rubric{min-width:340px}

body[data-eju-opening-index] .ec-topics p a,body[data-eju-opening-index] .ec-foot a{color:var(--tl-ink);text-underline-offset:4px;text-decoration-thickness:1px}