/* Shared learning screens. The adopted home, tips and diagrams keep their own styles. */
body.notebook-screen{--ink:#213744;--muted:#41575f;--paper:#fffefb;--line:#d4e0dc;--green:#315e58;--bg:#fafbf9;background:var(--bg);color:var(--ink);padding:max(10px,env(safe-area-inset-top)) max(14px,env(safe-area-inset-right)) max(10px,env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));line-height:1.55}
.notebook-screen>.site-header,.notebook-screen>footer{display:none}
.notebook-screen #main{width:100%;max-width:1040px;min-height:0;margin:0 auto}
.notebook-screen #notice{margin:0 auto 8px;max-width:1040px;font-size:15px}
.notebook-screen h1,.notebook-screen h2,.notebook-screen h3{letter-spacing:0}
.notebook-screen h1{font-size:26px;line-height:1.4}
.notebook-screen button,.notebook-screen .button{border-radius:14px;min-height:48px;font-size:16px}
.notebook-screen button.primary,.notebook-screen .primary.button{background:#dcecf3;color:#244f60;border-color:#bdced7}
.notebook-screen button.primary:hover{background:#cfe4ee}
.notebook-screen a:focus-visible,.notebook-screen button:focus-visible,.notebook-screen summary:focus-visible,.notebook-screen select:focus-visible,.notebook-screen input:focus-visible{outline:3px solid #215c76;outline-offset:3px}
.notebook-screen .help,.notebook-screen .learn-caption{color:#41575f;font-size:15px;line-height:1.65}
.notebook-screen .learn-caption{margin:12px 0}
.learn-page{display:flex;flex-direction:column;gap:12px;min-width:0}
.learn-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px}
.learn-heading h1{font-size:23px;margin:0;line-height:1.4}
.learn-heading nav{display:flex;gap:8px;width:auto}
.learn-heading nav a,.notebook-screen .session-actions a{display:flex;align-items:center;justify-content:center;min-height:48px;padding:8px 14px;border-radius:12px;background:#e7f0eb;color:#344b54;text-decoration:none;font-size:16px}
.collection-actions{display:grid;gap:14px;flex:1}
.learn-feature,.learn-test-options{display:flex;flex-direction:column;justify-content:center;gap:12px;background:#e5f0f7;border:1px solid #d7e5ea;border-radius:22px;padding:24px;color:#213744;text-decoration:none}
.learn-feature strong{font-size:23px}.learn-feature h2,.learn-feature p{margin:0}.learn-feature span{font-size:16px;color:#344b54}
.learn-test-options{background:#e7f1eb;border-color:#d7e4dd}
.learn-test-options h2{margin:0;font-size:21px}
.learn-test-options button{display:flex;flex-direction:column;gap:4px;align-items:flex-start;text-align:left;padding:16px;background:#fffefb;min-height:80px}
.learn-test-options button strong{font-size:20px}.learn-test-options button span{font-size:16px;font-weight:400;color:#344b54}
.learn-links{display:flex;gap:12px;flex-wrap:wrap}.learn-links a{display:flex;align-items:center;min-height:48px;padding:8px 12px}
.learn-pager{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;max-width:none;margin:0;padding:0;border:0;font-size:16px;color:#41575f}
.learn-pager>a,.learn-pager>button{min-width:84px;min-height:48px;display:flex;align-items:center;justify-content:center;padding:8px 18px;border:1px solid #c5d8d1;border-radius:12px;background:#e7f0eb;color:#294e43;text-decoration:none}
.learn-pager>button:disabled{opacity:1;color:#75827c;background:#f2f4f2;cursor:default}
.book-page{min-height:620px;height:calc(var(--home-height,100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.book-face{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:20px;border:1px solid #d5e1dc;border-radius:22px;background:#fffefb}
.book-main h2{font-size:clamp(28px,4vw,40px);font-weight:700;line-height:1.4;margin:0 0 10px;overflow-wrap:anywhere}
.book-meaning{font-size:23px;line-height:1.5;margin:0 0 8px}
.book-main .learn-caption{margin:6px 0 12px}.book-main .example{margin:16px 0;padding:12px 16px;border:0;border-radius:14px;background:#eaf1f7}
.book-main .example p{font-size:16px;line-height:1.6;margin:0}.book-main .example .english{font-size:20px;margin-bottom:5px}
.book-more{display:grid;gap:8px}.book-more details{border:1px solid #d7e4dd;border-radius:12px;background:#edf4ee;padding:0 12px}
.book-more summary{cursor:pointer;min-height:48px;padding:12px 0;font-size:16px;font-weight:650}
.book-more details p{font-size:16px;line-height:1.7;margin:0 0 12px}.book-more .actions{padding-bottom:12px}
.book-relations{display:flex;flex-wrap:wrap;gap:8px;padding-bottom:12px}.book-relations a{display:flex;align-items:center;min-height:48px;padding:8px 14px;border-radius:12px;background:#fffefb;border:1px solid #cbdcd4;color:#213744;font-size:18px;overflow-wrap:anywhere}
.achievement-filters{display:flex;gap:12px}.achievement-filters label{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1;font-size:15px}.achievement-filters select{width:100%;font-size:16px}
.achievement-counts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%}
.achievement-counts a{padding:12px;border:2px solid transparent;background:#e7f1eb;border-radius:16px;color:#213744;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;text-decoration:none;font-size:17px;min-height:94px}
.achievement-counts a:nth-child(2){background:#f7e9e7}.achievement-counts a:nth-child(3){background:#eaf0f3}.achievement-counts a[aria-current=page]{border-color:#4d7b72}
.achievement-counts strong{font-size:28px;line-height:1.2}.achievement-list{border:1px solid #d5e1dc;border-radius:18px;overflow:hidden;background:#fffefb}
.achievement-list>a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:60px;padding:12px 16px;color:#213744;text-decoration:none;border-bottom:1px solid #dce6e1}
.achievement-list>a:last-child{border:0}.achievement-list strong{font-size:18px;overflow-wrap:anywhere}.achievement-list span{font-size:14px;color:#41575f;white-space:nowrap}.achievement-list>p{padding:16px;margin:0}
.notebook-screen .study-shell.learning-screen{display:flex;flex-direction:column;gap:10px;max-width:1040px;height:calc(var(--home-height,100dvh) - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));min-height:540px;margin:0 auto;padding-bottom:0}
.notebook-screen .study-top{margin:0;min-height:48px;flex:none;gap:10px}.learn-session-title{font-size:20px;font-weight:750;margin:0;line-height:1.4}
.notebook-screen .study-top .help{font-size:14px;margin:0}.notebook-screen .session-actions{gap:8px;flex-wrap:wrap;justify-content:flex-end}
.notebook-screen .progress-track{margin:0;flex:none;background:#e2ece6}.notebook-screen .progress-fill{background:#7fa9a3}
.notebook-screen .study-card{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #d5e1dc;border-radius:22px;background:#fffefb;box-shadow:none;padding:20px;display:flex;flex-direction:column;gap:12px}
.notebook-screen .study-card>p,.notebook-screen .study-card>h1{margin:0}.notebook-screen .study-card>.eyebrow{font-size:15px;letter-spacing:0;color:#41575f}
.notebook-screen .study-card .word{font-family:inherit;font-size:clamp(28px,4vw,44px);line-height:1.35;margin:0}
.notebook-screen .study-card .cue{font-size:clamp(23px,3vw,32px);line-height:1.5;margin:0}
.notebook-screen .study-card .help,.notebook-screen .study-card .session-note{font-size:16px;line-height:1.6}.notebook-screen .study-card .session-note{margin:0}
.notebook-screen .study-card .example{margin:0;padding:12px 16px;border:0;border-radius:14px;background:#eaf1f7}
.notebook-screen .study-card .example .english{font-size:20px;line-height:1.6}.notebook-screen .study-card .example .help{font-size:16px}
.notebook-screen .study-card>.small{align-self:flex-start}.notebook-screen .study-card>.primary{min-height:52px}
.notebook-screen .answer-form{margin-top:auto}.notebook-screen .answer-form label{font-size:16px;margin:0 0 6px}
.notebook-screen .answer-input{font-size:24px;min-height:60px;border-color:#abc4c0}.notebook-screen .answer-form .actions{margin-top:12px;gap:8px}
.notebook-screen .answer-compare{grid-template-columns:1fr 1fr;gap:10px}.notebook-screen .answer-compare>div{padding:12px;background:#eaf1f7}.notebook-screen .answer-compare strong{font-size:23px;line-height:1.5}
.notebook-screen .feedback-layout{gap:12px 20px;flex:1;min-height:min-content}.notebook-screen .feedback-material{display:flex;flex-direction:column;gap:10px}
.notebook-screen .feedback-summary .feedback-heading{font-size:26px;margin:0 0 12px}.notebook-screen .learning-point{background:#e7f1eb;border:0;border-radius:14px}
.notebook-screen .feedback-actions{position:sticky;bottom:-20px;z-index:1;background:#fffefb;padding:12px 0 0;margin-top:auto;flex:none}.notebook-screen .feedback-actions button{min-height:52px;min-width:180px}
.notebook-screen .memory-tip{margin:0}.notebook-screen .memory-tip summary{min-height:48px;font-size:16px;padding:12px 0}.notebook-screen .memory-tip p{font-size:16px;line-height:1.7}
.notebook-screen .context-choices{grid-template-columns:1fr 1fr;margin:0 0 12px;gap:10px}.notebook-screen .context-choices label{min-height:60px;background:#edf3f7;padding:12px;font-size:18px}
.notebook-screen .practice-choice-form{margin-top:auto}.notebook-screen .practice-choice-form>.actions{display:flex;gap:10px}.notebook-screen .practice-choice-form .primary{flex:1}
.notebook-screen .study-shell.panel{padding:24px;justify-content:center;background:#fffefb;border-color:#d5e1dc;gap:20px}.notebook-screen .study-shell.panel h1{margin:0}
.notebook-screen .panel{border-color:#d5e1dc;box-shadow:none;background:#fffefb}.notebook-screen .interrupted-sessions{margin:0}
@media(min-width:760px){.collection-actions{grid-template-columns:1fr 1fr}.collection-actions>.learn-feature{min-height:320px}.book-face{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px;align-items:center}.book-more{align-content:center}.notebook-screen .feedback-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:599px){body.notebook-screen{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}.learn-heading h1{font-size:21px}.learn-heading nav a{font-size:15px;padding:8px 12px}.learn-feature,.learn-test-options{padding:18px}.learn-feature strong{font-size:22px}.book-face{padding:16px}.book-meaning{font-size:21px}.book-page{gap:10px;min-height:640px}.notebook-screen .study-card{padding:16px;gap:10px}.notebook-screen .answer-compare strong{font-size:21px}.notebook-screen .feedback-actions{bottom:-16px}.notebook-screen .feedback-actions button{width:100%}.learn-session-title{font-size:18px}.notebook-screen .study-top .help{font-size:13px}.notebook-screen .session-actions{max-width:52%}.notebook-screen .session-actions button,.notebook-screen .session-actions a{padding:8px 10px;font-size:15px}.notebook-screen .context-choices{gap:8px}.notebook-screen .context-choices label{font-size:17px;padding:10px}.achievement-counts{gap:6px}.achievement-counts a{padding:10px 8px;font-size:16px}.achievement-filters{gap:8px}}
@media(max-width:359px){.notebook-screen .answer-compare{grid-template-columns:1fr}.notebook-screen .context-choices{grid-template-columns:1fr}.learn-heading nav{gap:4px}.learn-heading nav a{padding:8px 10px}}

/* Daily operation: compact lists and the same large controls as learning. */
.book-list-page{height:calc(var(--home-height,100dvh) - 20px);min-height:440px}
.book-list-page>.search{margin:0;min-height:52px;font-size:18px;flex:none}
.book-list-page>.learn-caption{margin:0}
.book-list{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #d5e1dc;border-radius:18px;background:#fffefb}
.book-list>a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.25fr);align-items:center;gap:16px;min-height:64px;padding:12px 16px;border-bottom:1px solid #e0e8e3;text-decoration:none;color:#213744}
.book-list strong{font-size:20px;overflow-wrap:anywhere}.book-list span{font-size:16px;line-height:1.55}.book-list>p{padding:16px}
.learn-advanced{padding:0 16px;border:1px solid #d5e1dc;border-radius:14px;background:#f3f7f3}
.learn-advanced>summary,.help-topics summary{min-height:48px;padding:12px 0;font-size:16px;cursor:pointer;font-weight:650}
.learn-advanced .learn-links{padding:0 0 12px}.notebook-screen .data-grid{grid-template-columns:1fr}
.backup-controls{padding-bottom:16px}.backup-controls>button{margin:6px 6px 6px 0}
.help-topics{display:grid;gap:12px}.help-topics details{padding:0 16px;border-radius:16px;border:1px solid #d5e1dc;background:#fffefb}.help-topics p{font-size:16px;line-height:1.75}
.learning-switch{width:min(540px,calc(100% - 28px));max-height:85dvh;overflow:auto;padding:24px;border-radius:22px;border:1px solid #d5e1dc;background:#fafbf9;color:#213744}
.learning-switch h2{font-size:23px;line-height:1.4}.learning-switch p{font-size:16px;line-height:1.65}.learning-switch button{min-height:48px;font-size:16px}.learning-switch>button{margin-top:12px;width:100%}
.result-words{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;border:1px solid #d5e1dc;border-radius:16px;background:#edf4ef}
.result-words>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 12px;padding:12px 16px;border-bottom:1px solid #d5e1dc}.result-words strong{font-size:19px;overflow-wrap:anywhere}.result-words span{font-size:16px}.result-words small{grid-column:1/-1;font-size:15px;color:#41575f}
.result-actions{display:flex;gap:10px;flex-wrap:wrap;flex:none}.result-actions button{flex:1;min-height:52px;min-width:150px}
.notebook-screen .feedback-heading.pending{color:#75551d}.notebook-screen .feedback-reason{padding:12px;border-radius:14px;background:#f8f0db;font-size:16px}
.verb-list-page .table-wrap{max-height:calc(var(--home-height,100dvh) - 115px);overflow:auto;overscroll-behavior:contain;border-radius:16px;border:1px solid #d5e1dc;background:#fffefb}
.verb-list{width:100%;font-size:17px}.verb-list th{position:sticky;top:0;background:#e7f1eb;z-index:1}.verb-list td,.verb-list th{padding:12px}.verb-list a{display:flex;align-items:center;min-height:48px;font-size:19px}
@media(max-width:599px){.book-list>a{gap:10px;padding:12px}.result-words>div{padding:12px}.result-actions button{min-width:130px}.learning-switch{padding:20px}.verb-list td,.verb-list th{padding:8px;font-size:16px}.verb-list a{font-size:17px}.notebook-screen .result-screen{padding:16px;gap:12px}}
@media(max-width:599px){.verb-list,.verb-list tbody{display:block}.verb-list thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.verb-list tr{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);border-bottom:1px solid #d5e1dc;padding:8px}.verb-list td{display:block;min-width:0;border:0;white-space:normal;overflow-wrap:anywhere}.verb-list td::before{content:attr(data-label);display:block;font-size:14px;color:#41575f;margin-bottom:4px}.verb-list a{font-size:19px}}

/* Final phase-7 adjustments: natural card height and a dedicated one-row pager. */
.book-page{height:auto;min-height:0}
.book-page .book-face{flex:none;min-height:0;overflow:visible;align-items:start}
.book-page .book-more{align-content:start;min-width:0}
.book-page .book-notes{padding:12px 14px;border-radius:14px;background:#edf4ee;overflow-wrap:anywhere}
.book-notes h3{font-size:16px;margin:0 0 6px}.book-notes p{font-size:16px;line-height:1.7;margin:0 0 8px}.book-notes p:last-child{margin-bottom:0}
.book-page>.learn-pager,.achievement-page>.learn-pager{display:grid;grid-template-columns:minmax(72px,1fr) auto minmax(72px,1fr);align-items:center;gap:8px;flex-direction:row;max-width:100%;min-width:0}
.book-page>.learn-pager>a,.book-page>.learn-pager>button,.achievement-page>.learn-pager>a,.achievement-page>.learn-pager>button{min-width:0;min-height:48px;padding:10px 12px;white-space:nowrap}
.book-page>.learn-pager>span,.achievement-page>.learn-pager>span{text-align:center;white-space:nowrap;font-size:16px}
.book-page>.learn-pager>:first-child::before{content:'〈';margin-right:4px}.book-page>.learn-pager>:last-child::after{content:'〉';margin-left:4px}
.achievement-today{display:flex;flex-wrap:wrap;align-items:center;gap:4px 20px;padding:14px 16px;border-radius:16px;background:#e7f1eb}
.achievement-today strong{font-size:21px}.achievement-today span{font-size:16px}.achievement-list-title{font-size:18px;margin:0}
.result-back-list{margin:0;flex:none}.result-back-list a{display:inline-flex;min-height:48px;align-items:center;padding:8px 12px;font-size:16px}
.about-page{max-width:760px;margin:0 auto}.about-page .learn-heading{align-items:flex-start;flex-wrap:wrap}
.about-page h1{font-size:23px}.about-topic{padding:18px;border:1px solid #d5e1dc;border-radius:18px;background:#fffefb;min-width:0}
.about-topic h2{font-size:20px;margin:0 0 10px}.about-topic p{font-size:16px;line-height:1.75;margin:8px 0;overflow-wrap:anywhere}
.about-topic .button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;max-width:100%;white-space:normal;text-align:center;padding:12px 16px;margin-top:8px;background:#e7f1eb;color:#294e43}
.about-topic .learn-caption{font-size:15px}.feedback-privacy{padding:10px 12px;border-radius:12px;background:#f8f0db}
.site-header .prototype-badge{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:6px;font-size:12px;white-space:nowrap;color:#41575f;text-decoration:underline;text-underline-offset:3px}
.home-screen .site-header{gap:6px}.home-screen .prototype-badge{flex:none;margin-right:auto}
.diagram-fit .prototype-badge{display:none}
@media(max-width:599px){.book-page{min-height:0}.book-page .book-face{padding:16px}.about-topic{padding:16px}.about-page .learn-heading h1{font-size:21px}.home-screen .note-home-menu{min-width:64px;padding-left:6px;padding-right:6px}}
@media(max-width:700px){.diagram-fit .site-header{gap:4px;flex-wrap:wrap}.diagram-fit .brand{font-size:16px}.diagram-fit .brand-mark{display:none}.diagram-fit nav{margin-left:auto}.diagram-fit nav a{font-size:14px;padding:7px 6px}}

/* Keep normal links in the header; narrow screens use a second row. */
.site-header .home-header-links{display:flex;align-items:center;gap:8px;min-width:0}
.site-header .home-feedback-slot{display:none}
.home-screen .home-feedback-slot{display:contents}
.site-header .home-header-links .prototype-badge{font-size:15px;min-height:44px;padding:8px 10px;background:#f9e3c8;color:#70451c;border:1px solid #e6c4a0;border-radius:10px;text-decoration:none;margin:0}
.home-feedback-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 10px;color:#344b54;font-size:15px;white-space:nowrap;text-underline-offset:3px;touch-action:manipulation}
.home-screen .site-header{display:grid;grid-template-columns:max-content max-content minmax(0,1fr);column-gap:12px;height:auto;min-height:52px}
.home-screen .brand{grid-column:1;grid-row:1}.home-screen .home-header-links{grid-column:2;grid-row:1}.home-screen .note-home-menu{grid-column:3;grid-row:1;justify-self:end}
.home-screen .note-home{min-height:calc(var(--home-height,100dvh) - var(--home-header-height,52px) - 16px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}
.diagram-fit .home-header-links{display:none}
@media(max-width:599px){.home-screen .site-header{min-height:48px}.home-screen .note-home{min-height:calc(var(--home-height,100dvh) - var(--home-header-height,48px) - 12px - env(safe-area-inset-top) - env(safe-area-inset-bottom))}}
@media(max-width:440px){.home-screen .site-header{grid-template-columns:minmax(0,1fr) auto;row-gap:0}.home-screen .home-header-links{grid-row:2;grid-column:1/-1}.home-screen .note-home-menu{grid-column:2}}
@media(max-width:359px) and (max-height:650px){body.home-screen{--home-gap:4px}}