.lesson-journal .article-header{padding-block:36px 44px;background:radial-gradient(ellipse at 80% 30%,#58734d35,transparent 60%),var(--kit-texture),#102b25;border-bottom:1px solid #ad894b88}.lesson-journal .lesson-header-grid{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:center;gap:32px}.lesson-journal .article-header h1{font-size:clamp(32px,3.8vw,54px);margin-top:16px}.lesson-journal .article-header .dek{margin-top:18px}.lesson-journal .article-meta{flex-wrap:wrap;gap:6px 16px}.lesson-emblem{width:100%;max-width:210px;aspect-ratio:1;object-fit:contain;filter:drop-shadow(0 12px 14px #0005)}.lesson-journal .reading-surface{background:#f4f0df}.lesson-journal .article-layout{gap:44px;padding-block:42px 70px}.lesson-journal .article-toc{border-top:0;padding:20px;border:1px solid #a88a4c70;background:#e5dfcb;border-radius:6px}.lesson-journal .article-toc>p{letter-spacing:.08em}.lesson-journal .article-toc nav{counter-reset:journal-step}.lesson-journal .article-toc nav a{display:block;position:relative;line-height:1.5;padding-block:9px;padding-inline-start:26px;margin:0;color:#395246;font-size:14px}.lesson-journal .article-toc nav a:before{position:absolute;inset-inline-start:0;top:10px;white-space:nowrap;counter-increment:journal-step;content:counter(journal-step,decimal-leading-zero);font-variant-numeric:tabular-nums;color:#80642e;font-size:12px}.lesson-journal .article-toc>a{border-top:1px solid #a88a4c55;margin-top:16px;padding-top:15px;font-size:14px}.lesson-journal .lesson-outcome{margin-top:0;padding:20px 24px;border-inline-start:3px solid #97723e;background:#e9e5d2;color:#304d3e}.lesson-journal .article-body section{scroll-margin-top:32px}.lesson-journal .lesson-practice{list-style:none;padding:0;counter-reset:practice}.lesson-journal .lesson-practice>li{position:relative;padding:20px 22px;border:1px solid #b5a57c;border-radius:6px;background:#fffcf0;counter-increment:practice}.lesson-journal .lesson-practice>li:before{content:counter(practice,decimal-leading-zero);display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;color:#f9edd1;background:#395346;font-size:14px;font-variant-numeric:tabular-nums}.lesson-journal .lesson-practice>li>p{margin-top:10px}.lesson-journal .lesson-practice details{background:#ede9d7;border-color:#b5a57c80}.lesson-word-gallery{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-block:20px 28px;padding:0}.lesson-word-gallery figure{min-width:0;text-align:center;padding:12px 5px 10px;border:1px solid #b5a57c80;border-radius:5px;background:#faf7e9}.lesson-word-gallery img{margin-inline:auto;width:64px;height:64px;object-fit:contain}.lesson-word-gallery figcaption{margin-top:7px;color:#395246;font-size:14px;line-height:1.4;overflow-wrap:anywhere}.lesson-journal .related-guides a{display:flex;align-items:center;gap:12px;min-height:64px}.lesson-journal .related-guides img{width:56px;height:56px;object-fit:contain;flex:0 0 56px}.lesson-game-cta{display:grid;grid-template-columns:88px minmax(0,1fr);gap:22px;align-items:start;margin-block:42px;padding:26px;border:1px solid #b5a57c;border-radius:7px;color:#eee5c9;background:var(--kit-texture),#16362a}.article-body .lesson-game-cta h2{color:#eee5c9;font-size:28px;margin-top:0}.article-body .lesson-game-cta p{color:#dfdfc9;font-size:16px;line-height:1.7}.lesson-game-cta>img{width:88px;height:88px;object-fit:contain}.article-body .lesson-game-cta .button{display:inline-flex;margin-top:18px;text-decoration:none;color:#17312c}.article-body .lesson-game-cta .game-language-note{color:#d2c9ad;font-size:14px}.lesson-example-translation{display:block;margin-top:3px;color:#5e6b5c;font-size:14px}.lesson-reference-chart{margin:24px 0;padding:18px;background:#e4e8d7;border:1px solid #b5bfa9;border-radius:8px}.lesson-reference-chart figcaption{color:#304d3d;font-weight:600;line-height:1.5}.lesson-reference-chart dl{margin:18px 0 0}.lesson-reference-chart dl>div{margin-top:12px}.lesson-reference-chart dt{margin-bottom:3px;color:#304d3d}.lesson-reference-chart dd{display:grid;grid-template-columns:minmax(0,1fr) 4em;align-items:center;gap:12px;margin:0;font-variant-numeric:tabular-nums}.lesson-chart-track{display:block;height:18px;background:#cad3bd;border-radius:3px}.lesson-chart-bar{display:block;height:100%;background:#446b50;border-radius:3px}.article-body .lesson-chart-scale{margin:10px 0 0;color:#4b604e;font-size:14px}.lesson-audio{display:block;width:100%;max-width:400px;margin-top:12px}.lesson-mistakes del{text-decoration-color:#943f2e}.lesson-mistakes ins{color:#276850;text-decoration:none;font-weight:600}.target-inline{font-weight:600}.lesson-journal .lesson-game[hidden],.lesson-journal .lesson-game [hidden]{display:none}.lesson-journal .lesson-game{margin-block:42px;padding:26px;border:2px solid #97723e;border-radius:8px;background:#f6efd9}.lesson-journal .lesson-game>h2{margin-top:0}.lesson-journal .lesson-game-best{font-weight:600;color:#395346}.lesson-journal .lesson-game-items{list-style:none;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px;counter-reset:round}.lesson-journal .lesson-game-item{padding:18px 20px;border:1px solid #b5a57c;border-radius:6px;background:#fffcf0;counter-increment:round}.lesson-journal .lesson-game-item:before{content:counter(round);display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;color:#f9edd1;background:#395346;font-size:14px}.lesson-journal .lesson-game-item[data-result=correct]{border-color:#3d7a55;background:#eef5e8}.lesson-journal .lesson-game-item[data-result=incorrect]{border-color:#a0603a;background:#f8ece3}.lesson-journal .lesson-game-item>p{margin-block:10px}.lesson-journal .lesson-game-answer,.lesson-journal .lesson-game-actions,.lesson-journal .lesson-game-self,.lesson-journal .lesson-game-self [data-grades]{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.lesson-journal .lesson-game-self [data-grades] .lesson-game-reveal{flex-basis:100%;margin:0}.lesson-journal .lesson-game-answer input{flex:1 1 200px;min-width:0;min-height:44px;padding:8px 12px;border:1px solid #97723e;border-radius:5px;background:#fff;color:#17312c;font:inherit}.lesson-journal .lesson-game-button{min-height:44px;padding:8px 18px;border:1px solid #395346;border-radius:5px;background:#395346;color:#f9edd1;font:600 var(--text-md)/1.2 var(--sans);cursor:pointer}.lesson-journal .lesson-game-button.lesson-game-quiet{background:transparent;color:#395346}.lesson-journal .lesson-game-button:disabled{opacity:.5;cursor:default}.lesson-journal .lesson-game-built{min-height:44px;margin:0 0 10px;padding:9px 12px;border-bottom:2px dashed #97723e;font-size:var(--text-lg)}.lesson-journal .lesson-game-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.lesson-journal .lesson-game-chip{max-width:100%;overflow-wrap:anywhere;min-height:44px;padding:6px 14px;border:1px solid #97723e;border-radius:20px;background:#fff8e4;color:#17312c;font:inherit;cursor:pointer}.lesson-journal .lesson-game-chip:disabled{opacity:.3;cursor:default}.lesson-journal .lesson-game-feedback{margin-bottom:0;font-weight:600}.lesson-journal .lesson-game-feedback:empty{display:none}.lesson-journal .lesson-game-solution{display:block;font-weight:400}.lesson-journal .lesson-game-summary{margin-top:22px}.lesson-journal .lesson-game-score{font:700 var(--text-2xl)/1.2 var(--serif);color:#17312c}.lesson-journal .lesson-game-save{margin-block:16px;padding:20px;border-radius:7px;color:#eee5c9;background:var(--kit-texture),#16362a}.lesson-journal .lesson-game-save h3{margin-top:0;color:#f2dfae}.lesson-journal .lesson-game-save p{color:#e2dcc4}.lesson-journal .lesson-game-save .button{color:#2b1f08;text-decoration:none}.lesson-journal .lesson-game-login{display:inline-block;margin-inline-start:16px;color:#f2dfae;text-decoration:underline;text-underline-offset:3px}@media(max-width:800px){.lesson-journal .lesson-header-grid{grid-template-columns:minmax(0,1fr) 128px;gap:16px}.lesson-journal .article-toc nav{display:flex;flex-wrap:wrap;gap:0 16px}.lesson-journal .article-toc{margin-bottom:40px}.lesson-journal .article-toc>a{display:block}}@media(max-width:520px){.lesson-journal .lesson-header-grid{display:block}.lesson-emblem{width:104px;margin:18px auto 0}.lesson-journal .article-header{padding-block:24px}.lesson-journal .article-layout{padding-top:24px}.lesson-journal .lesson-outcome,.lesson-journal .lesson-practice>li{padding:16px}.lesson-word-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.lesson-game-cta{grid-template-columns:minmax(0,1fr);padding:20px;gap:24px}.lesson-game-cta>img{width:64px;height:64px}}@media(max-width:520px){.lesson-journal .lesson-game{padding:18px 14px}.lesson-journal .lesson-game-item{padding:14px}.lesson-journal .lesson-game-login{display:block;margin:12px 0 0}}.lesson-example-explanation{display:block;margin-block-start:.35rem;font-size:var(--text-sm);color:inherit}.lesson-editorial-note{border-top:1px solid #b5a57c80;padding-top:18px;font-size:14px}:lang(ja){font-family:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","Noto Sans CJK JP","Noto Sans JP",var(--font-body);line-break:strict;word-break:auto-phrase}ruby{ruby-position:over}rt{font-size:max(.55em,12px);letter-spacing:0}.lesson-journal{--ja-size: 19px}.lesson-journal[data-level=N5]{--ja-size: 23px}.lesson-journal [lang=ja],.lesson-journal input[lang=ja],.lesson-journal [lang=ja] :is(p,li,td){font-size:var(--ja-size);line-height:1.8}.lesson-journal .lesson-chain{display:flex;flex-wrap:wrap;align-items:flex-start;gap:2px 6px;margin-top:6px}.lesson-journal .lesson-chain-part{display:inline-flex;flex-direction:column;align-items:center}.lesson-journal .lesson-chain-text{font-weight:600}.lesson-journal .lesson-chain-dot{color:#97723e}.lesson-journal .lesson-chain-gloss{max-width:12em;font-size:.78em;line-height:1.3;text-align:center;color:#4d5b55}.lesson-journal .lesson-game-letters{display:inline-flex;flex-wrap:wrap;gap:6px}.lesson-journal .lesson-game-letter{min-width:44px;min-height:44px;border:1px solid #97723e;border-radius:8px;background:#fff8e4;color:#17312c;font:inherit;cursor:pointer}.lesson-journal .lesson-game-letter:disabled{opacity:.3;cursor:default}