.pren5{--p5-action:var(--app-action);--p5-ink:var(--app-text);--p5-line:var(--app-border);color:var(--p5-ink);background:var(--app-bg);min-height:70vh}.pren5 *{box-sizing:border-box}.pren5 h1,.pren5 h2{text-wrap:balance}.pren5 h1{font-weight:500;font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.08;letter-spacing:-.035em;margin:16px 0 22px}.pren5 h1,.pren5 h2{font-family:var(--font-newsreader),Georgia,serif}.pren5 h2{font-size:1.8rem;line-height:1.2;margin:8px 0 12px}.pren5 p{line-height:1.7}.pren5 a,.pren5 button,.pren5 input,.pren5 summary{-webkit-tap-highlight-color:transparent}.pren5 a:focus-visible,.pren5 button:focus-visible,.pren5 input:focus-visible,.pren5 summary:focus-visible{outline:3px solid var(--app-action);outline-offset:4px}.p5-course{max-width:1120px;margin:auto;padding:32px 28px 72px}.p5-back,.p5-reader-nav a{color:var(--p5-action);display:inline-flex;align-items:center;min-height:44px;font-size:.9rem}.p5-hero{display:grid;grid-template-columns:1.65fr 1fr;gap:64px;align-items:center;padding:32px 0 48px}.p5-eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:.7rem;font-weight:750;color:var(--p5-action)}.p5-intro{max-width:520px;font-size:1.1rem;margin-bottom:16px}.p5-muted{font-size:.92rem}.p5-muted,.p5-small{color:var(--app-text-muted)}.p5-small{font-size:.78rem;margin-top:16px}.p5-primary,.p5-secondary{display:inline-flex;min-height:48px;padding:12px 20px;gap:18px;align-items:center;justify-content:center;font-size:.94rem;font-weight:650;border-radius:7px;border:1px solid var(--p5-action)}.p5-primary{background:var(--p5-action);color:white}.p5-primary:hover{background:var(--app-action-hover)}.p5-primary:disabled{opacity:.65;cursor:default}.p5-hero .p5-primary{margin-top:24px}.p5-secondary{color:var(--p5-action);background:transparent}.p5-progress-card{border:1px solid var(--p5-line);border-top:3px solid var(--p5-action);background:var(--app-surface);padding:32px;border-radius:3px 3px 12px 12px}.p5-progress-number{font-family:var(--font-newsreader),Georgia,serif;font-size:4.5rem;line-height:1}.p5-progress-number small{font-size:1.6rem;color:var(--app-text-muted)}.p5-progress-card progress{display:block;width:100%;height:7px;margin:22px 0;accent-color:var(--p5-action);-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--app-border)}.p5-progress-card progress::-webkit-progress-bar{background:var(--app-border);border-radius:4px}.p5-progress-card progress::-webkit-progress-value{background:var(--p5-action);border-radius:4px}.p5-progress-card progress::-moz-progress-bar{background:var(--p5-action);border-radius:4px}.p5-primer{display:grid;grid-template-columns:1fr 1fr;gap:36px;padding:28px;border:1px solid var(--p5-line);border-radius:12px;background:var(--app-card)}.p5-primer h2{font-size:1.5rem}.p5-primer p{font-size:.9rem}.p5-text-link{color:var(--p5-action);display:inline-flex;align-items:center;gap:12px;text-decoration:underline;text-underline-offset:4px}.p5-text-link,.pren5 summary{font-weight:650;min-height:44px}.pren5 summary{cursor:pointer;align-content:center;font-size:.9rem}.p5-word-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:16px;margin:20px 0}.p5-word-grid dt{font-size:1.15rem;margin-bottom:3px}.p5-word-grid dd{font-size:.83rem;color:var(--app-text-muted);line-height:1.5}.p5-unit-nav{display:flex;flex-wrap:wrap;gap:8px;margin:32px 0}.p5-unit-nav a{padding:12px 14px;border:1px solid var(--p5-line);border-radius:6px;font-size:.82rem}.p5-unit-nav a:hover{background:var(--app-surface)}.p5-units{display:grid;grid-template-columns:1fr 1fr;gap:28px}.p5-unit{background:var(--app-card);border:1px solid var(--p5-line);border-radius:10px;overflow:hidden;scroll-margin-top:110px}.p5-unit header{padding:24px;display:flex;gap:18px;border-bottom:1px solid var(--p5-line);min-height:150px}.p5-unit h2{font-size:1.6rem}.p5-unit-number{font-size:1.7rem;font-family:var(--font-newsreader),Georgia,serif;color:var(--app-text-muted)}.p5-unit-count{letter-spacing:normal;margin-left:14px;text-transform:none;font-weight:500}.p5-unit ol{list-style:none;padding:0;margin:0}.p5-unit li+li{border-top:1px solid var(--app-border)}.p5-unit li a{display:grid;grid-template-columns:26px 1fr auto;align-items:center;padding:18px 24px;gap:12px;min-height:84px}.p5-unit li a:hover,.p5-unit li a[aria-current=step]{background:var(--app-surface)}.p5-story-number{font-size:.75rem;color:var(--app-text-muted)}.p5-story-title{font-size:1rem;display:block}.p5-story-subtitle{font-size:.8rem;color:var(--app-text-muted);display:block;margin-top:4px}.p5-story-status{font-size:.72rem;color:var(--p5-action);white-space:nowrap}.p5-finish{background:var(--app-surface);padding:32px;border-radius:10px;margin-top:36px}.p5-finish p{max-width:650px}.p5-reader{max-width:790px;margin:auto;padding:24px 28px 60px}.p5-reader-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.82rem;padding:8px 0}.p5-reader-heading{text-align:center;padding:32px 0}.p5-reader-heading h1{font-family:inherit;font-size:clamp(2rem,5vw,3rem);line-height:1.5;letter-spacing:.01em;margin:12px 0 8px}.p5-subtitle{font-family:var(--font-newsreader),Georgia,serif;font-size:1.6rem;margin-bottom:8px}.p5-before{padding:26px;border:1px solid var(--p5-line);border-radius:10px;background:var(--app-surface)}.p5-before h2{font-size:1.45rem}.p5-before details{border-top:1px solid var(--p5-line);padding-top:6px;margin-top:12px}.p5-example{font-size:1.2rem;margin:8px 0}.p5-pattern .p5-muted{margin:8px 0 16px}.p5-reading-tools{display:flex;align-items:center;justify-content:space-between;padding:24px 0 16px;font-size:.8rem;color:var(--app-text-muted)}.p5-reading-tools label{min-height:44px;display:flex;gap:8px;align-items:center;cursor:pointer}.p5-reading-tools input{width:18px;height:18px;accent-color:var(--p5-action)}.p5-resume{display:inline-flex;min-height:44px;align-items:center;color:var(--p5-action);font-size:.9rem}.p5-reading{border-top:1px solid var(--p5-line);border-bottom:1px solid var(--p5-line)}.p5-sentence{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;padding:25px 0;scroll-margin-top:110px}.p5-sentence+.p5-sentence{border-top:1px solid var(--app-border)}.p5-line-number{font-size:.72rem;color:var(--app-text-muted);padding-top:16px}.p5-japanese{font-size:clamp(1.4rem,3.3vw,1.8rem);line-height:2.15!important;overflow-wrap:anywhere}.p5-token{color:inherit;font:inherit;line-height:inherit;min-height:44px;padding:0;background:transparent;border:0;border-radius:4px}.p5-token:focus-visible,.p5-token:hover{background:var(--app-surface)}.p5-spaced .p5-token+.p5-token{margin-left:.25em}.p5-translation-toggle{font-size:.75rem;color:var(--p5-action);min-height:44px;text-decoration:underline;text-underline-offset:4px}.p5-translation{font-size:.94rem;color:var(--app-text-muted);padding:8px 0}.p5-check{padding:34px 0 16px}.p5-check fieldset{margin-top:28px;min-width:0}.p5-check legend{font-size:1rem;font-weight:650;line-height:1.6;margin-bottom:12px}.p5-choices{display:grid;gap:10px}.p5-choices button{min-height:48px;border:1px solid var(--app-border);border-radius:6px;background:var(--app-card);text-align:left;padding:12px 16px;font-size:.93rem}.p5-choices button[aria-pressed=true]{border:2px solid var(--p5-action);padding:11px 15px;background:var(--app-surface)}.p5-feedback{border-radius:6px;padding:14px 16px;font-size:.88rem;margin-top:12px}.p5-feedback,.p5-feedback.p5-correct{background:var(--app-surface)}.p5-completion{margin:24px 0;padding:28px 0;border-top:1px solid var(--p5-line)}.p5-completion p{font-size:.93rem}.p5-actions{flex-wrap:wrap;gap:12px;margin-top:20px}.p5-actions,.p5-recommendation{display:flex;align-items:center}.p5-recommendation{justify-content:space-between;gap:20px;min-height:56px;border-bottom:1px solid var(--app-border);margin-top:8px}.p5-recommendation span:last-child{white-space:nowrap;font-size:.8rem}.p5-definition{border:1px solid var(--p5-line);border-radius:14px;padding:30px;width:min(440px,calc(100vw - 32px));color:var(--p5-ink);background:var(--app-card);margin:auto;max-height:80dvh;overflow:auto}.p5-definition::backdrop{background:rgba(36,24,29,.65)}.p5-definition h2{font-family:inherit;font-size:2rem;margin-top:14px}.p5-definition-meaning{font-size:1.15rem;margin:20px 0}.p5-definition .p5-primary{margin-top:24px;width:100%}.p5-connections{margin:36px 0}.p5-connections h2{margin-top:24px}.p5-save-word{display:grid;gap:12px;margin-top:16px}.p5-translation-toggle{min-width:44px;margin-inline-end:16px}.p5-reading-tools{flex-wrap:wrap;gap:12px}.p5-definition{max-height:90dvh;overflow-y:auto}.p5-sentence [id^=sentence-]{scroll-margin-top:90px}.p5-kana-table{overflow-x:auto;margin-top:24px}.p5-kana-table table{width:100%;border-collapse:collapse}.p5-kana-table td,.p5-kana-table th{text-align:left;border-bottom:1px solid var(--p5-line);padding:12px 8px;font-size:.8rem}.p5-kana-table td[lang=ja]{font-size:1.15rem;line-height:1.7}.p5-kana-notes{padding-left:20px;list-style:disc;line-height:1.8;margin:24px 0}.p5-kana-notes li{margin-bottom:18px}@media (max-width:680px){.p5-course{padding:18px 18px 44px}.p5-hero{grid-template-columns:1fr;gap:28px;padding:24px 0 30px}.p5-progress-card{padding:24px}.p5-progress-number{font-size:3.3rem}.p5-primer,.p5-units{grid-template-columns:1fr;gap:20px}.p5-finish,.p5-primer{padding:22px}.p5-unit header{min-height:auto;padding:20px}.p5-unit li a{padding:16px 20px}.p5-reader{padding:12px 18px 42px}.p5-before{padding:20px}.p5-sentence{grid-template-columns:18px minmax(0,1fr);gap:6px}.p5-actions .p5-primary{flex:1 0 auto}.p5-unit-nav{gap:6px}}