:root{--paper:#f8f7f2;--white:#fffefa;--ink:#243b30;--muted:#788078;--green:#204d3b;--green-soft:#e9eee5;--line:#e3e5db;--gold:#bb8b38;--gold-soft:#f4ecd8;--serif:'Libre Caslon Display',Georgia,'Times New Roman',serif;--body:'DM Sans',-apple-system,BlinkMacSystemFont,'PingFang SC','Microsoft YaHei',sans-serif;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none;font-size:16px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #b18a3e;outline-offset:4px}button:disabled{cursor:default;opacity:.45}button{border:0}h1,h2,h3,p{margin:0}svg.icon{width:21px;height:21px;stroke:currentColor;stroke-width:1.65;fill:none;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}small{font-size:13px}img{display:block;width:100%;object-fit:cover}.skip-link{position:fixed;left:20px;top:-80px;z-index:20;padding:15px;background:white}.skip-link:focus{top:20px}.shell{max-width:none;margin:auto;min-height:100vh;display:grid;grid-template-columns:228px minmax(0,1fr)}
.sidebar{position:sticky;top:0;height:100vh;padding:40px 26px 24px;border-right:1px solid var(--line);display:flex;flex-direction:column;gap:48px}.brand{display:flex;align-items:center;gap:12px;background:none;text-align:left;padding:0}.brand-symbol{height:46px;width:46px;background:var(--green);color:var(--white);display:grid;place-items:center;border-radius:15px 15px 4px 15px}.brand-symbol .icon{width:27px;height:27px}.brand-name{font-size:25px;letter-spacing:4px;font-family:Georgia,'Songti SC','SimSun',serif;font-weight:700}.brand-en{font-size:12px;letter-spacing:2.3px;color:var(--muted);margin-top:3px}.nav-list{display:grid;gap:10px}.nav-item{background:none;display:flex;align-items:center;gap:14px;padding:15px 17px;color:#737c72;font-size:15px;border-radius:9px;text-align:left}.nav-item.active{background:var(--green);color:#fff}.nav-item:hover:not(.active){background:var(--green-soft)}.nav-item .nav-count{margin-left:auto;font-size:12px;opacity:.8}.sidebar-note{margin-top:auto;border-top:1px solid var(--line);padding-top:25px}.sidebar-note .serif{font-size:25px;line-height:1.25;color:#597160}.sidebar-note p{font-size:12px;color:var(--muted);margin-top:10px}.sidebar-user{display:flex;align-items:center;gap:10px;background:transparent;padding:0;text-align:left}.avatar{width:37px;height:37px;background:#e7e7d9;border:1px solid #d7d9ca;border-radius:50%;display:grid;place-items:center;color:var(--green);font-family:var(--serif);font-size:25px}.sidebar-user b{font-size:14px;font-weight:500}.sidebar-user small{display:block;color:var(--muted);font-size:12px;margin-top:3px}.desktop-main{min-width:0}.topbar{padding:31px 45px 21px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);min-height:83px}.breadcrumb{font-size:14px;color:var(--muted);display:flex;gap:12px;align-items:center}.breadcrumb strong{color:var(--ink);font-weight:500}.topbar-right{display:flex;align-items:center;gap:14px;color:var(--muted);font-size:13px}.quiet-pill{padding:7px 11px;border:1px solid var(--line);border-radius:30px;display:flex;align-items:center;gap:5px;font-size:12px}.quiet-pill .icon{width:14px;height:14px}.content{padding:35px 45px 44px}.mobile-header{display:none}.bottom-nav{display:none}.serif{font-family:var(--serif);font-weight:400}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:2.1px;font-weight:600;color:var(--muted)}.page-heading{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;margin-bottom:29px}.page-heading h1{font-family:Georgia,'Songti SC','SimSun',serif;font-size:29px;letter-spacing:1px;font-weight:500;line-height:1.45}.page-heading p{color:var(--muted);font-size:14px;margin-top:7px}.date-mark{font-size:13px;color:var(--muted);text-align:center;white-space:nowrap;line-height:1.4}.date-mark b{font-family:var(--serif);font-size:36px;font-weight:400;display:block;color:var(--green)}.home-columns{display:grid;grid-template-columns:minmax(0,1fr) 255px;gap:29px}.feature{background:var(--white);border:1px solid var(--line);border-radius:13px;overflow:hidden}.cover-wrap{position:relative;height:255px;background:#335c46;overflow:hidden}.cover-wrap img{height:100%;object-position:65% 50%;transition:transform .7s}.feature:hover .cover-wrap img{transform:scale(1.025)}.cover-top{position:absolute;top:19px;left:21px;right:21px;display:flex;justify-content:space-between;align-items:center}.white-label{font-size:12px;background:#fffefaed;border:1px solid #fff6;padding:6px 10px;display:flex;align-items:center;gap:6px;border-radius:4px}.white-label .icon{width:14px;height:14px}.issue{color:white;font-size:12px;letter-spacing:2px;text-shadow:0 1px 5px #000a}.cover-bottom{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#13271f9c);padding:45px 22px 19px;display:flex;align-items:end;justify-content:space-between;color:#fff}.cover-bottom .serif{font-size:26px;letter-spacing:.4px}.cover-bottom small{letter-spacing:1.5px;font-size:12px}.feature-body{padding:24px 27px 25px}.meta{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:12px;flex-wrap:wrap}.level{background:var(--green-soft);color:var(--green);padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;letter-spacing:.3px}.level.gold{background:var(--gold-soft);color:#896424}.meta-sep{width:3px;height:3px;background:#a3aa9e;border-radius:50%}.feature-body h2{font-size:42px;line-height:1.02;margin-top:15px;letter-spacing:-.7px;color:#243f31;max-width:520px}.feature-body .subtitle{font-size:16px;margin:11px 0 9px;letter-spacing:.7px}.feature-body .excerpt{font-size:14px;line-height:1.9;color:var(--muted)}.feature-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-top:23px}.article-footnote{font-size:12px;color:var(--muted);line-height:1.8}.primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:13px;background:var(--green);color:white;padding:12px 21px;border-radius:6px;font-size:14px;min-height:45px;font-weight:500;transition:background .15s,transform .15s;white-space:nowrap}.primary-btn:hover{background:#133b29;transform:translateY(-1px)}.primary-btn .icon{width:17px;height:17px}.secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--white);border:1px solid var(--line);padding:11px 16px;min-height:44px;border-radius:6px;font-size:14px}.text-btn{padding:6px 0;background:none;color:var(--green);font-size:13px;display:inline-flex;align-items:center;gap:5px}.text-btn .icon{width:15px;height:15px}.side-card{border:1px solid var(--line);border-radius:11px;padding:22px;background:#f0f1e8}.side-card+.side-card{margin-top:20px}.side-card h3{font-size:15px;font-weight:600;display:flex;align-items:center;gap:8px}.side-card h3 .icon{width:18px;height:18px}.side-caption{font-size:12px;color:var(--muted);margin-top:7px;line-height:1.75}.streak-title{display:flex;align-items:baseline;gap:7px;margin-top:23px}.streak-title b{font-family:var(--serif);font-size:50px;font-weight:400;line-height:1}.streak-title span{font-size:13px;color:var(--muted)}.week-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;margin-top:20px;text-align:center}.week-day{display:grid;gap:9px;font-size:12px;color:var(--muted)}.day-circle{width:23px;height:23px;border-radius:50%;background:#e2e5d9;display:grid;place-items:center;font-size:12px;color:var(--green)}.day-circle.done{background:var(--green);color:white}.day-circle.today{border:1px solid var(--green)}.side-card hr{border:none;border-top:1px solid #dce1d1;margin:21px 0 15px}.stats-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.stats-row b{font-size:15px;color:var(--green);font-weight:500}.word-preview{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.word-preview .serif{font-size:34px}.review-link{background:white;padding:7px 11px;border:1px solid #dce1d1;border-radius:5px;font-size:12px}.quote-card{background:transparent;border:0;padding:9px 13px}.quote-mark{font-family:var(--serif);font-size:50px;height:36px;color:#aeb9a8}.quote-card blockquote{margin:0;font-family:var(--serif);font-size:25px;line-height:1.2;color:#5b725e}.quote-card p{font-size:12px;line-height:1.9;margin-top:12px;color:var(--muted)}.quote-card .rule{width:25px;height:1px;background:#b7beae;margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:center;margin-top:34px;margin-bottom:18px;gap:12px}.section-heading h2{font-size:18px;font-weight:500;letter-spacing:.5px}.section-heading h2 span{margin-left:12px;font-family:var(--serif);font-size:20px;color:#8b9588}.filter-row{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.filter{background:transparent;border:1px solid var(--line);font-size:13px;padding:7px 15px;border-radius:30px;color:var(--muted)}.filter.active{background:var(--green-soft);border-color:#c5d2c0;color:var(--green)}.article-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.article-card{background:var(--white);border:1px solid var(--line);border-radius:10px;overflow:hidden;text-align:left;padding:0;transition:transform .2s,border-color .2s}.article-card:hover{border-color:#a5b39d;transform:translateY(-3px)}.article-card-body{padding:21px}.article-card .article-number{font-family:var(--serif);color:#9cab94;font-size:30px;line-height:1}.card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.article-card h3{font-family:var(--serif);font-size:28px;font-weight:400;line-height:1.05;letter-spacing:-.3px;min-height:58px}.article-card p{font-size:14px;line-height:1.7;margin-top:10px;color:#63725f}.article-card .meta{margin-top:18px;font-size:12px}.card-arrow{margin-left:auto;display:flex}.card-arrow .icon{width:16px;height:16px}.footer-note{font-size:12px;color:#7d8779;text-align:center;margin-top:34px;line-height:1.8}.footer-note .icon{width:12px;height:12px;vertical-align:middle}.library-view .article-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.section-label{font-size:13px;letter-spacing:.5px;color:var(--muted);margin-bottom:20px}.empty-state{padding:55px 22px;text-align:center;border:1px dashed #ced6c8;border-radius:10px;color:var(--muted);line-height:1.8;background:#f1f2e9}.empty-state .icon{width:34px;height:34px;color:#698064;margin-bottom:10px}.empty-state h3{font-size:19px;font-weight:500;color:var(--green);margin-bottom:8px}.empty-state p{font-size:14px;margin-bottom:21px}.empty-state.full{grid-column:1/-1}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.page-tabs{display:flex;border-bottom:1px solid var(--line);gap:27px;margin:0 0 25px}.page-tab{background:transparent;color:var(--muted);border-bottom:2px solid transparent;padding:12px 0 14px;font-size:14px}.page-tab.active{border-bottom-color:var(--green);color:var(--green)}
.reader-container{max-width:820px;margin:auto}.reader-nav{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}.back-btn{background:transparent;display:flex;align-items:center;gap:8px;font-size:14px;padding:8px 0;color:var(--muted)}.reader-actions{display:flex;gap:10px}.icon-btn{height:40px;min-width:40px;border-radius:50%;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;background:var(--white)}.icon-btn.selected{color:var(--green);background:var(--green-soft);border-color:#b1c2a7}.icon-btn .icon{width:19px;height:19px}.reader-cover{height:230px;border-radius:9px;overflow:hidden;margin-bottom:28px;background:#35513b}.reader-cover img{height:100%;object-position:65% 50%}.reader-heading .meta{margin-bottom:16px}.reader-heading h1{font-family:var(--serif);font-size:56px;font-weight:400;letter-spacing:-1px;line-height:1.05;max-width:680px}.reader-heading .reader-subtitle{font-size:19px;font-weight:400;letter-spacing:1px;margin-top:14px}.reader-byline{font-size:12px;color:var(--muted);margin-top:17px;display:flex;gap:12px;flex-wrap:wrap}.reader-heading{margin-bottom:28px}.reader-summary{font-size:16px;line-height:1.9;color:#626e60;margin:0 0 27px;max-width:650px}.overview-columns{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px}.overview-card{border:1px solid var(--line);background:var(--white);padding:24px;border-radius:9px}.overview-card h2{font-size:16px;font-weight:500;display:flex;align-items:center;gap:8px;margin-bottom:20px}.overview-card h2 .icon{width:17px;height:17px}.level-pair{display:grid;gap:17px}.level-pair p{font-size:13px;color:var(--muted);margin-bottom:7px}.level-pair strong{font-family:var(--serif);font-size:26px;font-weight:400;color:var(--green)}.level-pair span{font-size:12px;color:var(--muted);margin-left:8px}.audience{border-top:1px solid var(--line);font-size:13px;line-height:1.9;color:#63705f;margin-top:21px;padding-top:17px}.radar{width:100%;height:auto;display:block;overflow:visible}.radar text{font-family:var(--body);font-size:12px;fill:#6d7967}.radar-card{display:flex;flex-direction:column;align-items:center}.radar-card h2{align-self:flex-start;margin-bottom:4px}.radar-card small{font-size:12px;color:var(--muted);margin-top:4px}.overview-targets{margin-top:26px}.overview-targets h2{font-size:16px;font-weight:500;margin-bottom:15px}.target-row{display:flex;align-items:flex-start;gap:14px;padding:12px 0;font-size:14px;line-height:1.7;border-bottom:1px solid var(--line)}.target-row b{font-family:var(--serif);font-size:23px;font-weight:400;color:#8b9b82;line-height:1}.overview-start{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:26px}.overview-start small{color:var(--muted);font-size:12px}.reading-tools{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:24px}.reading-tools span{color:var(--muted);font-size:12px}.toggle-btn{font-size:12px;border:1px solid var(--line);border-radius:5px;background:var(--white);padding:8px 10px;display:flex;gap:5px;align-items:center}.toggle-btn.active{background:var(--green-soft);color:var(--green);border-color:#c7d4be}.toggle-btn .icon{width:15px;height:15px}.reading-text{padding:0 0 30px}.paragraph{display:grid;grid-template-columns:27px 1fr;gap:9px;margin-bottom:27px}.para-number{font-size:12px;color:#95a08d;line-height:3}.english-text{font-family:Georgia,'Times New Roman',serif;font-size:var(--read-size,21px);line-height:1.95;color:#2d3c30;letter-spacing:.04px}.sentence{border-radius:3px;transition:background .25s;box-decoration-break:clone;-webkit-box-decoration-break:clone}.sentence.speaking{background:#e0e9d6;box-shadow:0 0 0 4px #e0e9d6}.word-button{background:none;border-bottom:1px solid transparent;padding:0;color:inherit;font:inherit;border-radius:2px}.word-button.featured-word{border-bottom:1px dotted #7b9865;color:#315b3c}.word-button:hover{background:var(--gold-soft)}.translation{font-size:15px;line-height:1.85;color:#7b8275;margin-top:12px}.reading-tip{background:var(--gold-soft);color:#7c6a44;border-left:2px solid #c2a55e;margin:15px 0 0;padding:13px 16px;font-size:13px;line-height:1.9}.reading-tip b{font-weight:500;display:block;margin-bottom:3px}.reading-end{margin:17px 0 28px;text-align:center}.reading-end .serif{font-size:23px;color:#829076;display:block;margin-bottom:21px}.audio-player{position:sticky;bottom:22px;z-index:6;background:#fffefaed;border:1px solid #d9dece;border-radius:10px;box-shadow:0 7px 30px #1b362216;backdrop-filter:blur(14px);padding:13px 19px;margin-top:15px}.audio-top{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:9px}.audio-track{height:3px;width:100%;background:#e2e6db;border-radius:2px}.audio-fill{height:3px;background:var(--green);transition:width .3s}.audio-controls{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:9px}.audio-main{display:flex;align-items:center;gap:22px}.plain-icon{background:none;display:flex;align-items:center;justify-content:center;padding:8px}.play-btn{width:43px;height:43px;display:grid;place-items:center;background:var(--green);color:white;border-radius:50%}.play-btn .icon{width:21px;height:21px}.speed-btn{background:none;font-size:13px;padding:10px 0;min-width:45px}.loop-btn{display:flex;align-items:center;gap:4px;background:none;font-size:12px;padding:9px 0;color:var(--muted)}.loop-btn.active{color:var(--green)}.loop-btn .icon{width:16px;height:16px}.quiz-card{padding:24px;background:var(--white);border:1px solid var(--line);border-radius:9px;margin-bottom:18px}.quiz-card .eyebrow{color:var(--gold);margin-bottom:15px}.quiz-card h3{font-family:Georgia,'Times New Roman',serif;font-size:21px;line-height:1.5;font-weight:400;margin-bottom:18px}.quiz-options{display:grid;gap:10px}.quiz-option{display:flex;align-items:center;gap:12px;text-align:left;padding:13px 15px;border:1px solid var(--line);border-radius:6px;background:var(--white);font-size:14px;line-height:1.6}.quiz-option span{flex-shrink:0;width:25px;height:25px;border:1px solid var(--line);display:grid;place-items:center;border-radius:50%;font-size:12px}.quiz-option.chosen{border-color:#9cb18d;background:#edf1e7}.quiz-option.correct{border-color:#60936b;background:#e9f0e3}.quiz-option.wrong{border-color:#cfa48b;background:#fbf0e7}.quiz-explanation{font-size:14px;line-height:1.85;margin-top:17px;color:#617051}.quiz-footer{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-top:24px}.quiz-footer small{font-size:12px;color:var(--muted)}
.vocab-list{display:grid;gap:12px}.vocab-item{border:1px solid var(--line);background:var(--white);padding:20px 23px;border-radius:8px;display:flex;justify-content:space-between;gap:18px;align-items:center}.vocab-item h3{font-family:var(--serif);font-size:29px;font-weight:400}.vocab-item p{font-size:14px;color:var(--muted);margin-top:7px}.vocab-item .word-source{font-size:12px;margin-top:10px}.word-controls{display:flex;gap:8px}.review-card{max-width:650px;min-height:365px;margin:30px auto;background:var(--white);border:1px solid var(--line);border-radius:13px;padding:40px;text-align:center;box-shadow:0 8px 35px #32412505}.review-card .review-word{font-family:var(--serif);font-size:52px;margin:45px 0 9px}.phonetic{font-family:Georgia,serif;font-size:16px;color:var(--muted)}.review-card .answer{font-size:17px;line-height:1.8;margin-top:28px}.example{font-family:Georgia,serif;font-size:18px;color:#65725c;line-height:1.7;margin-top:17px}.review-buttons{display:flex;justify-content:center;gap:12px;margin-top:31px}.review-progress{display:flex;align-items:center;justify-content:space-between;max-width:650px;margin:auto;font-size:14px;color:var(--muted)}.profile-card{background:var(--green);color:var(--white);padding:31px;border-radius:12px;display:flex;justify-content:space-between;align-items:center;gap:15px}.profile-card h2{font-size:24px;font-weight:400;letter-spacing:1px}.profile-card p{color:#c9d8c7;font-size:13px;margin-top:11px}.profile-monogram{font-family:var(--serif);font-size:50px;width:78px;height:78px;border:1px solid #aec1a761;border-radius:50%;display:grid;place-items:center;background:#ffffff09}.profile-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 30px}.stat-box{border:1px solid var(--line);background:var(--white);border-radius:9px;padding:25px 20px}.stat-box b{display:block;font-family:var(--serif);font-size:40px;font-weight:400;margin-bottom:7px}.stat-box span{font-size:13px;color:var(--muted)}.record-item{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 0;border-bottom:1px solid var(--line);font-size:15px}.record-item small{color:var(--muted)}.local-note{background:var(--green-soft);font-size:13px;line-height:1.85;padding:18px 21px;border-radius:8px;margin-top:30px;color:#607256}.settings-list{display:grid;gap:12px}.settings-label{font-size:14px;color:var(--muted);margin-top:5px}.size-options{display:flex;gap:10px}.size-option{background:var(--white);border:1px solid var(--line);padding:10px 20px;border-radius:6px;min-height:44px}.size-option.active{border-color:var(--green);background:var(--green-soft)}
dialog{border:1px solid #dbe0d0;border-radius:16px;max-width:480px;width:calc(100% - 32px);padding:0;background:var(--white);color:var(--ink);box-shadow:0 22px 90px #0c25182e}dialog::backdrop{background:#1d302756;backdrop-filter:blur(3px)}.modal-inner{padding:27px}.modal-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;gap:15px}.modal-top h2{font-weight:500;font-size:19px}.modal-word{font-family:var(--serif);font-size:44px;font-weight:400}.word-headline{display:flex;align-items:center;gap:14px}.word-definition{font-size:17px;margin:20px 0 8px}.word-definition span{font-size:13px;font-style:italic;color:var(--muted);margin-right:9px}.modal-example{font-family:Georgia,serif;font-size:18px;line-height:1.75;background:var(--paper);border-left:2px solid #b6c5a5;padding:16px;margin:20px 0;color:#57674e}.word-zh{font-size:13px;color:var(--muted);line-height:1.8;margin-top:8px}.modal-inner>.primary-btn{width:100%;margin-top:7px}.method-copy{font-size:14px;line-height:1.9;color:#62715b}.method-row{border-bottom:1px solid var(--line);padding:12px 0}.method-row b{color:var(--green);font-weight:500}.method-note{font-size:12px;margin-top:19px;color:var(--muted)}#toast{position:fixed;bottom:38px;left:50%;transform:translate(-50%,15px);background:#214831f5;color:white;padding:13px 22px;border-radius:8px;z-index:40;font-size:14px;max-width:calc(100% - 32px);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;box-shadow:0 4px 15px #0001;line-height:1.7}#toast.visible{opacity:1;transform:translate(-50%,0)}.fade-in{animation:fade-in .25s ease-out}@keyframes fade-in{from{opacity:.5;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1400px){.home-columns{grid-template-columns:minmax(0,1fr) 277px;gap:33px}.cover-wrap{height:290px}.content{padding:38px 52px}.topbar{padding-left:52px;padding-right:52px}.feature-body h2{font-size:47px}}
@media(max-width:1190px){.shell{grid-template-columns:190px minmax(0,1fr)}.sidebar{padding:32px 19px}.content{padding:29px}.topbar{padding:27px 29px 21px}.home-columns{gap:21px;grid-template-columns:minmax(0,1fr) 222px}.feature-body{padding:22px}.feature-body h2{font-size:38px}.side-card{padding:19px}.feature-footer{gap:10px}.article-footnote{font-size:12px}.feature-footer .primary-btn{padding:11px 15px}.library-view .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1000px) and (min-width:761px){.home-columns{grid-template-columns:minmax(0,1fr)}.home-aside{display:grid;grid-template-columns:1fr 1fr;gap:17px}.side-card+.side-card{margin-top:0}.quote-card{display:none}.overview-columns{grid-template-columns:1fr 1fr}.radar-card{padding:17px}}
@media(max-width:760px){.shell{display:block}.sidebar,.topbar{display:none}.mobile-header{display:flex;align-items:center;justify-content:space-between;padding:20px 23px 16px;border-bottom:1px solid #e4e6da;gap:14px}.mobile-header .brand-symbol{width:34px;height:34px;border-radius:10px 10px 3px 10px}.mobile-header .brand-symbol .icon{width:21px;height:21px}.mobile-header .brand-name{font-size:21px;letter-spacing:3px}.mobile-header .brand-en{display:none}.mobile-header .brand{gap:10px}.mobile-header .header-note{font-size:12px;color:var(--muted);letter-spacing:1px}.mobile-header .quiet-pill{font-size:12px;padding:5px 8px}.content{padding:25px 22px 110px}.page-heading{margin-bottom:23px;align-items:center}.page-heading h1{font-size:26px;letter-spacing:.3px}.page-heading p{font-size:13px;line-height:1.7;margin-top:5px}.date-mark{font-size:12px}.date-mark b{font-size:31px}.home-columns{display:block}.cover-wrap{height:221px}.cover-top{top:15px;left:17px;right:17px}.white-label{font-size:12px;padding:5px 8px}.cover-bottom{padding:42px 18px 15px}.cover-bottom .serif{font-size:23px}.cover-bottom small{font-size:12px}.feature-body{padding:21px}.feature-body h2{font-size:39px;line-height:1.04;letter-spacing:-.6px;margin-top:14px}.feature-body .subtitle{font-size:16px;margin:11px 0 7px}.feature-body .excerpt{font-size:13px;line-height:1.85}.feature-footer{margin-top:21px}.feature-footer .primary-btn{padding:11px 17px;font-size:13px}.article-footnote{font-size:12px}.home-aside{display:none}.section-heading{margin-top:29px;margin-bottom:17px}.section-heading h2{font-size:17px}.section-heading h2 span{font-size:18px;margin-left:8px}.text-btn{font-size:12px}.article-grid{gap:12px}.article-card-body{padding:17px 15px}.article-card h3{font-size:25px;min-height:52px}.article-card p{font-size:12px;margin-top:8px}.article-card .meta{font-size:12px;gap:6px;margin-top:15px}.card-top{margin-bottom:12px}.article-card .article-number{font-size:25px}.level{font-size:12px}.card-arrow{display:none}.footer-note{font-size:12px;margin-top:28px}.bottom-nav{position:fixed;z-index:8;left:0;right:0;bottom:0;display:grid;grid-template-columns:repeat(4,1fr);padding:10px 12px calc(10px + env(safe-area-inset-bottom));border-top:1px solid #dfe3d5;background:#f9f9f3f5;backdrop-filter:blur(18px)}.bottom-nav button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;background:none;color:#8c9385;min-height:43px;font-size:12px;letter-spacing:.5px}.bottom-nav .icon{width:22px;height:22px}.bottom-nav button.active{color:var(--green)}.bottom-nav button.active .nav-icon{background:#e4e9dc}.nav-icon{padding:2px 17px;display:flex;border-radius:20px}.filter-row{gap:7px;margin-bottom:20px}.filter{padding:7px 13px;font-size:12px}.library-view .article-grid{grid-template-columns:1fr}.library-view .article-card{display:block}.library-view .article-card-body{padding:21px}.library-view .article-card h3{font-size:32px;min-height:auto}.library-view .article-card p{font-size:14px}.library-view .article-card .meta{font-size:12px}.page-actions .secondary-btn{font-size:12px;padding:9px 12px}.reader-nav{margin-bottom:20px}.reader-cover{height:180px;margin-bottom:24px}.reader-heading h1{font-size:43px;line-height:1.02;letter-spacing:-.65px}.reader-heading .reader-subtitle{font-size:17px;line-height:1.65;margin-top:12px}.reader-heading .meta{gap:7px;font-size:12px}.reader-byline{font-size:12px;gap:8px;margin-top:15px}.reader-heading{margin-bottom:23px}.page-tabs{margin-bottom:23px;gap:30px}.page-tab{font-size:14px;padding:10px 0 13px}.reader-summary{font-size:15px;line-height:1.9}.overview-columns{grid-template-columns:1fr;gap:16px}.overview-card{padding:21px}.level-pair{grid-template-columns:1fr 1fr;gap:10px}.level-pair strong{font-size:25px}.level-pair span{display:block;margin-left:0;margin-top:5px}.radar-card{max-width:100%;padding-bottom:18px}.radar{max-width:280px}.radar-card h2{margin-bottom:0}.audience{margin-top:17px;padding-top:13px}.target-row{font-size:13px;line-height:1.8}.overview-start{align-items:flex-start;flex-direction:column}.overview-start .primary-btn{width:100%;font-size:15px}.overview-start small{align-self:center;margin-top:5px}.reading-tools span{font-size:12px}.paragraph{grid-template-columns:18px 1fr;gap:6px;margin-bottom:26px}.english-text{font-size:var(--read-size,20px);line-height:1.95}.translation{font-size:14px}.reading-tip{padding:12px;font-size:12px}.audio-player{bottom:83px;padding:13px 14px;margin-left:-4px;margin-right:-4px}.audio-top{font-size:12px}.audio-main{gap:18px}.loop-btn{font-size:12px}.audio-controls{gap:4px}.quiz-card{padding:19px}.quiz-card h3{font-size:20px}.quiz-option{font-size:13px;padding:12px}.quiz-footer{align-items:flex-start;flex-direction:column}.quiz-footer .primary-btn{width:100%}.quiz-explanation{font-size:13px}.vocab-item{padding:18px;gap:12px;align-items:flex-start}.vocab-item h3{font-size:29px}.vocab-item p{font-size:13px}.word-controls{flex-direction:column}.word-controls .icon-btn{width:32px;min-width:32px;height:32px}.vocab-item .word-source{font-size:12px}.review-card{padding:29px 22px;margin-top:23px;min-height:340px}.review-card .review-word{font-size:47px;margin-top:37px}.review-buttons{flex-wrap:wrap}.review-buttons button{flex:1}.profile-card{padding:25px}.profile-card h2{font-size:22px}.profile-card p{font-size:12px;line-height:1.7}.profile-monogram{width:59px;height:59px;font-size:38px;flex-shrink:0}.profile-stats{gap:9px}.stat-box{padding:20px 13px}.stat-box b{font-size:34px}.stat-box span{font-size:12px}.record-item{font-size:13px;align-items:flex-start}.record-item small{font-size:12px;white-space:nowrap}.local-note{font-size:12px;padding:17px}.modal-inner{padding:25px}.modal-word{font-size:39px}.method-copy{font-size:13px}#toast{bottom:99px;text-align:center;font-size:13px}.page-heading.vocab-heading{align-items:flex-start;flex-direction:column}.empty-state{padding:43px 20px}}
@media(max-width:360px){.content{padding-left:16px;padding-right:16px}.feature-body{padding:18px}.feature-body h2{font-size:35px}.cover-wrap{height:194px}.feature-footer{align-items:flex-start;flex-direction:column}.feature-footer .primary-btn{width:100%}.article-card h3{font-size:23px}.article-card-body{padding:15px 12px}.page-heading h1{font-size:24px}.reader-heading h1{font-size:38px}.audio-main{gap:10px}.reading-tools{align-items:flex-start;flex-direction:column}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.bottom-nav button{font-size:12px}.overview-start small .icon{width:16px;height:16px;vertical-align:middle}.quiz-option:disabled{opacity:1}.reading-tools .toggle-btn{font-size:14px}.review-link{font-size:14px}.loop-btn{font-size:12px}.feature-body .excerpt{font-size:14px}

/* The preview shell sits outside the product; the iframe uses the real mobile layout. */
.preview-toolbar{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 36px;border-bottom:1px solid #d5dbd1;background:#f6f7f1;color:#324b3b}
.preview-caption{display:flex;align-items:center;gap:16px}.preview-caption b{font-family:Georgia,'Songti SC','SimSun',serif;letter-spacing:4px;font-size:23px;font-weight:500}.preview-caption span{font-size:14px;color:#677460}
.preview-switch{display:flex;border:1px solid #d3dace;border-radius:30px;padding:4px;background:#ebeee6;gap:3px}.preview-switch button{padding:9px 18px;background:transparent;color:#64725d;border-radius:22px;font-size:14px;min-height:38px}.preview-switch button[aria-pressed="true"]{background:#fffefa;color:#204d3b;box-shadow:0 2px 7px #24463412}
body.preview-stage{height:100dvh;overflow:hidden;background:#e3e8df}.phone-preview{display:block;width:430px;max-width:calc(100vw - 24px);height:calc(100dvh - 112px);margin:18px auto;border:1px solid #c4ccbd;border-radius:28px;background:var(--paper);box-shadow:0 15px 55px #293e2b20,0 0 0 6px #eef0e9;overflow:hidden}.desktop-preview .sidebar{top:0}.desktop-preview .shell{background:var(--paper)}
.sentence-paragraph{display:block;margin-bottom:30px}.paragraph-label{font-size:12px;letter-spacing:1.8px;color:#78876d;margin-bottom:16px}.sentence-row{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin:0 -10px 20px;padding:10px;border-radius:8px;scroll-margin-top:95px;transition:background .2s}.sentence-row:focus{outline:none}.sentence-row:focus-visible{outline:2px solid #9cac8c;outline-offset:2px}.sentence-row.focused{background:#edf0e5}.sentence-number{align-self:start;margin-top:9px;padding:3px 0;min-height:28px;font-size:12px;background:transparent;color:#7d8d70;border:1px solid transparent;border-radius:5px;font-variant-numeric:tabular-nums}.sentence-row.focused .sentence-number{color:#204d3b;background:#dae3cd}.sentence-number:hover{border-color:#bbcaaa}.sentence-row .translation{margin-top:8px;font-size:15px;color:#68765f;line-height:1.9}.sentence-reference{display:inline-flex;align-items:center;justify-content:center;min-height:32px;padding:4px 10px;margin:2px 3px;font-family:var(--body);font-size:12px;white-space:nowrap;border:1px solid #c9d2bd;background:#f2f4e9;color:#476135;border-radius:5px}.sentence-reference:hover{background:#e3eacf}.note-title{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:7px}.note-title b{margin:0;flex:1}.note-title>span{display:flex;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end;max-width:45%}.reading-tip{font-size:14px}.reading-tip .sentence-reference{background:#fcf7e8;border-color:#d9caa3;color:#7c6638;min-height:26px;padding:1px 7px;margin-top:0}.source-label{font:12px/1.7 var(--body);color:#7b876e;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.source-label .sentence-reference{flex-shrink:0}.evidence-links{display:flex;gap:6px;align-items:center;flex-wrap:wrap;margin-top:13px;font-size:13px;color:#66755d}.vocab-item .sentence-reference{margin:10px 0 0}.review-card>.sentence-reference{margin-top:14px}.reading-text .sentence-row:last-child{margin-bottom:0}
@media(max-width:760px){
  .preview-toolbar{display:none}.mobile-header{padding:17px 22px 14px}.mobile-header .quiet-pill{font-size:12px}.content{padding-top:23px}.page-heading h1{font-size:25px}.page-heading p{font-size:14px}.cover-wrap{height:180px}.feature{border-radius:14px}.feature-body h2{font-size:38px}.cover-bottom .serif{font-size:22px}.cover-bottom small{display:none}.feature-body .excerpt{line-height:1.8}.feature-body{padding:20px}.feature-footer{margin-top:18px}.feature-footer .primary-btn{min-height:46px;font-size:14px;padding:11px 16px}.article-grid{grid-template-columns:1fr}.article-card-body{padding:20px}.article-card h3{font-size:30px;min-height:0}.article-card p{font-size:14px}.card-top{margin-bottom:9px}.article-card .meta{margin-top:13px}.article-card .card-arrow{display:flex}.text-btn{font-size:14px}.sentence-row{grid-template-columns:24px minmax(0,1fr);gap:9px;padding:8px;margin:0 -8px 16px}.sentence-number{margin-top:7px;min-height:32px}.sentence-row .english-text{line-height:1.8}.sentence-row .translation{font-size:15px}.sentence-paragraph{margin-bottom:29px}.paragraph-label{margin-bottom:9px}.reading-tip{font-size:14px;padding:14px;margin-left:32px}.note-title{flex-direction:column;gap:5px}.note-title>span{max-width:none;justify-content:flex-start}.reading-tools{align-items:flex-start;gap:10px;flex-wrap:wrap}.reading-tools>span{font-size:13px;line-height:1.8}.audio-player{bottom:calc(83px + env(safe-area-inset-bottom));border-radius:14px}.audio-top{font-size:13px}.audio-controls .plain-icon{min-width:40px;min-height:42px}.audio-main{gap:13px}.audio-controls .speed-btn{min-width:42px}.loop-btn{min-height:40px}.bottom-nav{padding-top:9px}.bottom-nav button{min-height:45px}.reader-cover{height:150px}.reader-heading h1{font-size:40px;line-height:1.08}.reader-heading .reader-subtitle{font-size:16px}.page-tabs{gap:28px}.reader-container>.page-tabs{position:sticky;top:0;z-index:5;background:var(--paper);padding-top:5px;box-shadow:0 6px 12px var(--paper)}.source-label{align-items:flex-start}.word-zh{font-size:14px}.quiz-option,.quiz-explanation{font-size:14px}.audience,.target-row{font-size:14px}.overview-start small{font-size:12px;line-height:1.9;text-align:center}.vocab-item p{font-size:14px}.word-controls .icon-btn{width:40px;min-width:40px;height:40px}
  dialog{position:fixed;top:auto;bottom:0;margin:auto 0 0;width:100%;max-width:none;max-height:88dvh;border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -12px 55px #17362022}dialog .modal-inner{padding:25px 24px calc(25px + env(safe-area-inset-bottom))}.modal-top{margin-bottom:18px}.modal-top h2{font-size:17px}.modal-example{font-size:18px}.method-copy{font-size:14px}
}
@media(max-width:360px){.feature-footer{flex-direction:column;align-items:stretch}.feature-footer .primary-btn{width:100%}.reader-heading h1{font-size:35px}.audio-main{gap:3px}.audio-player{padding-left:10px;padding-right:10px}.audio-controls .plain-icon{min-width:36px}.reading-tip{margin-left:0}.level-pair{grid-template-columns:1fr}.source-label{flex-wrap:wrap}}
/* Contextual selection and shared annotations */
/* Contextual tools stay beside the selection, with one quiet row of actions. */
#selection-toolbar[hidden]{display:none}
#selection-toolbar{position:fixed;z-index:45;left:0;top:0;width:max-content;padding:4px;border:1px solid #ced8c7;border-radius:12px;background:#fffef9;box-shadow:0 4px 18px #173c2924,0 1px 3px #173c2914;color:var(--ink);user-select:none;-webkit-user-select:none}
#selection-toolbar::after{content:"";position:absolute;left:var(--selection-arrow,50%);width:8px;height:8px;background:#fffef9;pointer-events:none;transform:translateX(-50%) rotate(45deg)}
#selection-toolbar[data-side="above"]::after{bottom:-5px;border-right:1px solid #ced8c7;border-bottom:1px solid #ced8c7}
#selection-toolbar[data-side="below"]::after{top:-5px;border-left:1px solid #ced8c7;border-top:1px solid #ced8c7}
.selection-actions{display:flex;align-items:center;gap:2px;white-space:nowrap}
.selection-actions button{display:flex;align-items:center;justify-content:center;gap:6px;background:transparent;color:#204d3b;border-radius:8px;padding:8px 10px;font-size:13px;line-height:20px;min-height:36px;white-space:nowrap;touch-action:manipulation}
.selection-actions button:hover,.selection-actions button[aria-pressed="true"]{background:#ecf0e4}
.selection-actions button:focus-visible{outline:2px solid #426c54;outline-offset:-2px;background:#ecf0e4}
.selection-actions .icon{width:16px;height:16px;flex-shrink:0}
.selection-actions button:last-child{padding:8px;min-width:32px;margin-left:2px;border-left:1px solid #e4e8da;border-radius:0 8px 8px 0;color:#7a846e}
@media(pointer:coarse){.selection-actions button{min-height:44px;padding:10px 11px;font-size:14px}.selection-actions button:last-child{min-width:44px}}
.sentence{cursor:pointer;user-select:text;-webkit-user-select:text}.english-text{user-select:text;-webkit-user-select:text}.vocab-inline{cursor:pointer;user-select:text;-webkit-user-select:text}.reader-mark{background:transparent;color:inherit;border-radius:2px}.reader-mark.mine{background:#f2e6b4;box-decoration-break:clone;-webkit-box-decoration-break:clone}.reader-mark.community{background:#e3ecde;text-decoration:underline;text-decoration-style:dashed;text-decoration-color:#91a482;text-underline-offset:5px}.annotation-tools{display:flex;flex-wrap:wrap;align-items:center;gap:7px;margin:-10px 0 23px;padding-bottom:16px;border-bottom:1px solid var(--line)}.annotation-tools button{display:flex;align-items:center;justify-content:center;gap:7px;font-size:13px;min-height:38px;background:transparent;padding:7px 11px;border:1px solid var(--line);border-radius:6px;color:#6c7c62}.annotation-tools button.active{color:#204d3b;background:#e9eee2;border-color:#c1d0b3}.annotation-tools button:last-child{margin-left:auto}.annotation-tools .icon{width:17px;height:17px}.annotation-tools b{font-weight:500;font-size:12px;padding:1px 5px;background:#dbe4d0;border-radius:4px}.note-indicator{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:#718761;background:transparent;border:0;padding:7px 2px;margin-top:6px;min-height:32px}.note-indicator .icon{width:14px;height:14px}.cloud-status{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:13px;color:#748263;line-height:1.8;margin:0 0 20px}.cloud-status.error{background:#fcf0df;color:#8e6237;padding:12px;border-radius:8px}.cloud-status.error a{color:#284e32}.cloud-status.error .text-btn{padding:2px 5px;font-size:13px}.annotation-quote{margin:15px 0 20px;border:0;border-left:2px solid #b6c89b;background:#f0f3e8;color:#516544;padding:13px 16px;font:18px/1.8 Georgia,serif;white-space:pre-wrap;overflow-wrap:anywhere;max-height:180px;overflow:auto;display:block;width:100%;text-align:left}.note-label{display:block;font-size:14px;margin-bottom:10px;color:#536645}#annotation-note{display:block;resize:vertical;width:100%;min-height:145px;padding:14px;border:1px solid #cdd6c2;border-radius:10px;background:#fffefa;color:#31452c;font:16px/1.8 var(--body)}#annotation-note:focus{outline:2px solid #b4c59e;outline-offset:2px}.note-counter{display:flex;justify-content:space-between;color:#879079;font-size:12px;margin:8px 0 21px}.note-identity{font-size:12px;color:#748465;line-height:1.7;margin:12px 0}.inline-error{font-size:14px;color:#a05032;line-height:1.7;margin:8px 0}.note-submit{width:100%;margin-top:9px}.annotation-filters{display:flex;border-bottom:1px solid var(--line);gap:17px;margin-bottom:20px}.annotation-filters button{font-size:14px;background:transparent;padding:10px 5px;border-bottom:2px solid transparent;color:#7b876e}.annotation-filters button.active{border-color:#315d36;color:#315d36}.annotation-card{padding:4px 0 21px;margin-bottom:18px;border-bottom:1px solid var(--line)}.annotation-author{display:flex;align-items:center;justify-content:space-between;gap:10px}.annotation-author b{font-size:14px;font-weight:500;color:#375b32}.annotation-author span{font-size:12px;color:#879175}.annotation-card .annotation-quote{font-size:16px;line-height:1.7;margin:13px 0 12px;max-height:140px}.annotation-body{font-size:15px;line-height:1.9;color:#4f6144;white-space:pre-wrap;overflow-wrap:anywhere}.annotation-card-actions{display:flex;align-items:center;gap:16px;margin-top:12px}.annotation-card-actions .text-btn{font-size:13px}.annotation-card-actions .sentence-reference{margin:0 auto 0 0}.delete-link{color:#996b4a}.highlight-only{font-size:13px;color:#8c957d}.delete-description{font-size:15px;line-height:1.8;color:#6d7c5d}.vocab-main{min-width:0}.saved-quote{overflow-wrap:anywhere;white-space:pre-wrap}.vocab-item h3.saved-quote{font-size:25px;line-height:1.4}.vocab-item .saved-note{white-space:pre-wrap;line-height:1.8}.word-links{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:8px}.word-links .sentence-reference{margin:0}.review-card .review-word.saved-quote{font-size:34px;line-height:1.4}.review-card .answer{white-space:pre-wrap;overflow-wrap:anywhere}.review-progress{margin-top:24px}.annotation-list .empty-state{border:0;padding:27px 12px}.annotation-list .empty-state h3{font-size:18px}.annotation-list .empty-state p{font-size:14px;line-height:1.9;margin-bottom:0}
@media(max-width:760px){.annotation-tools{margin-top:-8px}.annotation-tools button{font-size:13px;padding:7px 10px}.annotation-tools button:last-child{padding-left:8px;padding-right:8px}.note-indicator{min-height:36px}.annotation-author{align-items:flex-start}.annotation-author span{font-size:12px;text-align:right}.annotation-card .annotation-quote{font-size:17px}.annotation-body{font-size:15px}#annotation-note{min-height:145px}.review-card .review-word.saved-quote{font-size:29px}.vocab-item h3.saved-quote{font-size:24px}.annotation-quote{max-height:130px}.modal-inner:has(#annotation-form){padding-bottom:calc(20px + env(safe-area-inset-bottom))}}

/* Keep sentence playback controls available from the first sentence onward. */
.audio-player{position:fixed;left:calc(50% + 114px);right:auto;bottom:22px;transform:translateX(-50%);width:min(780px,calc(100vw - 318px));margin:0;transition:opacity .15s}.reading-text{padding-bottom:145px}.sentence-row{cursor:default}.english-text{cursor:text}.highlight-scope-copy{font-size:14px;line-height:1.8;color:#6d7c5d;margin:-4px 0 20px}.highlight-scope-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.highlight-scope-actions button{width:100%}.review-audio{margin:12px auto 8px}
.online-definition{margin-top:15px;padding-top:14px;border-top:1px solid var(--line)}.lookup-loading,.lookup-empty,.lookup-note{font-size:13px;line-height:1.8;color:var(--muted)}.lookup-label{font-size:12px;letter-spacing:1.3px;text-transform:uppercase;color:#748467;margin-bottom:11px}.lookup-meaning{display:grid;grid-template-columns:23px 1fr;gap:7px;margin:9px 0;font-size:14px;line-height:1.65;color:#485b43}.lookup-meaning>span{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-size:11px;margin-top:1px}.lookup-meaning b{font-weight:500;color:#66745f;font-style:italic}.lookup-meaning small{display:block;margin-top:4px;color:#7b8675;font-family:Georgia,serif;font-size:13px}.lookup-note{margin-top:11px}
@media(max-width:760px){.audio-player{left:18px;right:18px;bottom:calc(82px + env(safe-area-inset-bottom));transform:none;width:auto;margin:0}.reading-text{padding-bottom:165px}}
.sentence{cursor:text}.vocab-inline:focus-visible{outline:2px solid #b18a3e;outline-offset:2px;background:var(--gold-soft)}
@media(max-width:760px){.sentence-number,.audio-controls .plain-icon,.play-btn{min-width:44px;min-height:44px}}

/* Full close-reading lesson */
.vw-feature img{object-position:50% 57%;filter:saturate(.82) contrast(1.03)}.feature-deck{font:italic 15px/1.65 var(--serif);color:#43594a;margin:4px 0 10px}.official-heading h1{font-size:49px;max-width:790px}.reader-deck{margin-top:15px;font:italic 18px/1.55 var(--serif);color:#526253}.reader-deck span{display:block;margin-top:4px;font:14px/1.75 var(--body);font-style:normal;color:var(--muted)}.official-cover{position:relative}.official-cover img{object-position:50% 58%;filter:saturate(.86)}.official-cover figcaption{position:absolute;left:0;right:0;bottom:0;padding:36px 16px 10px;background:linear-gradient(transparent,#14271ebf);color:#fff;font:italic 12px/1.5 var(--serif)}
.resource-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.resource-link{display:flex;align-items:center;gap:11px;min-height:62px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:#fffefa;color:var(--green);transition:border-color .15s,transform .15s}.resource-link:hover{border-color:#9eae93;transform:translateY(-1px)}.resource-link .icon{width:20px;height:20px;flex:none}.resource-link span{display:grid;gap:3px}.resource-link b{font-size:14px;font-weight:600}.resource-link small{color:var(--muted);font-size:12px;line-height:1.5}.resource-links.compact{display:flex;gap:7px}.resource-links.compact .resource-link{min-height:40px;padding:7px 10px;border-radius:20px}.resource-links.compact .resource-link .icon{width:16px;height:16px}.resource-links.compact .resource-link b{font-size:12px}.reader-actions{align-items:center}.download-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(330px,.9fr);align-items:center;gap:25px;margin-top:28px;padding:24px;border:1px solid #ccd6c2;border-radius:10px;background:#edf1e7}.download-panel h2{font:25px/1.3 var(--serif);font-weight:400;margin:7px 0}.download-panel>div>p:last-child{font-size:13px;line-height:1.8;color:var(--muted)}
.before-card{padding:23px 25px;margin-bottom:25px;border-left:3px solid #b38d43;background:#f7f0dc;border-radius:0 9px 9px 0}.before-card blockquote{font:22px/1.55 var(--serif);margin:10px 0;color:#3e503f}.before-card>p:last-child{font-size:14px;line-height:1.8;color:#756747}.lesson-tabs{overflow-x:auto;scrollbar-width:none}.lesson-tabs::-webkit-scrollbar{display:none}.lesson-tabs .page-tab{white-space:nowrap;min-width:48px}.ref-chip{display:inline-flex;align-items:center;justify-content:center;min-height:23px;padding:1px 6px;margin:1px 2px;border:1px solid #c6d2b9;border-radius:4px;background:#f0f4e9;color:#4c693e;font:10px/1.2 var(--body);letter-spacing:.3px;vertical-align:middle}.ref-chip:hover,.ref-chip:focus-visible{background:#dfe9d3;border-color:#93aa80}.inline-refs{display:inline-flex;flex-wrap:wrap;margin-left:5px;vertical-align:super}.inline-refs .ref-chip{font-size:9px;min-height:19px;padding:0 4px}.paragraph-label{scroll-margin-top:90px}.anchor-flash{animation:anchorGlow 1.5s ease}@keyframes anchorGlow{0%,100%{box-shadow:none}25%{box-shadow:0 0 0 6px #dce8cf}}
.first-question{margin:36px 0 15px;padding:22px 24px;border:1px solid #cfd8c7;background:#f0f3e9;color:#314936;font:22px/1.55 var(--serif)}.first-question span{display:block;margin-bottom:8px;color:#7f8d78;font:11px/1 var(--body);letter-spacing:1.8px}.audio-player.recorded .audio-top>span:first-child{display:flex;align-items:center;gap:6px;color:#365b3b}.audio-player.recorded .audio-top .icon{width:15px;height:15px}.audio-player.recorded .audio-fill{transition:width .12s linear}
.study-intro{margin:3px 0 34px;padding:3px 0 24px;border-bottom:1px solid var(--line)}.study-intro h2{font:34px/1.25 var(--serif);font-weight:400;margin:8px 0}.study-intro>p:last-child{max-width:680px;color:var(--muted);font-size:14px;line-height:1.85}.study-section,.practice-section,.answer-section{margin:0 0 48px;scroll-margin-top:75px}.study-heading{display:flex;align-items:center;gap:13px;margin-bottom:19px}.study-heading>span{display:grid;place-items:center;width:38px;height:38px;border:1px solid #b9c6af;border-radius:50%;font:19px/1 var(--serif);color:#5f7755;flex:none}.study-heading h2{font:28px/1.2 var(--serif);font-weight:400;margin-top:3px}.vocabulary-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.vocabulary-card{padding:16px 17px;border:1px solid var(--line);border-radius:8px;background:#fffefa;scroll-margin-top:80px}.vocabulary-card>div,.structure-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.study-code{font-size:11px;letter-spacing:1.2px;color:#738269}.vocabulary-card h3{font:24px/1.25 var(--serif);font-weight:400;margin:11px 0 3px}.vocabulary-card .phonetic{font-size:12px;color:#7a8575}.vocabulary-card>p:last-child{margin-top:8px;font-size:14px;color:#4f604c}.study-footnote{font-size:12px;color:var(--muted);margin-top:12px}.note-stack,.structure-stack{display:grid;gap:14px}.study-note,.structure-card{padding:22px 24px;border:1px solid var(--line);border-radius:9px;background:#fffefa;scroll-margin-top:80px}.study-note-title{display:flex;align-items:flex-start;gap:13px}.study-note-title>span{font:27px/1 var(--serif);color:#9aaa91}.study-note h3,.structure-card h3{font-size:18px;font-weight:600;line-height:1.5}.study-refs{margin-top:6px}.study-note>p,.structure-card>p{font-size:14px;line-height:1.95;color:#536251;margin-top:13px}.study-example{margin:14px 0 0;padding:12px 15px;border-left:2px solid #b9c7aa;background:#f2f4eb;font:italic 16px/1.7 var(--serif);color:#344736}.study-example small{display:block;margin-top:4px;font:13px/1.7 var(--body);font-style:normal;color:#6e7a69}.difficulty-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.difficulty-grid .study-note{padding:19px}.difficulty-grid .study-note-title{display:block}.difficulty-grid .study-note-title>span{font-size:20px}.culture-card{margin-top:15px;padding:25px;background:#273f32;color:#f4f5eb;border-radius:9px}.culture-card .eyebrow{color:#b6c7ab}.culture-card h3{font:26px/1.35 var(--serif);font-weight:400;margin:9px 0}.culture-card>p:last-of-type{font-size:14px;line-height:1.95;color:#e1e8db}.culture-card blockquote{margin-top:17px;padding-top:15px;border-top:1px solid #ffffff2e;font:italic 17px/1.6 var(--serif)}.structure-card>blockquote{margin:13px 0;padding:12px 15px;background:#f1f3e9;font:italic 17px/1.7 var(--serif);color:#314a36}.practice-instruction{font-size:14px;line-height:1.85;color:var(--muted);margin:-4px 0 17px}.written-practice{display:grid;gap:9px}.written-practice article{display:grid;grid-template-columns:34px minmax(0,1fr) auto;align-items:start;gap:10px;padding:15px 17px;border:1px solid var(--line);border-radius:8px;background:#fffefa}.written-practice article>span{font:20px/1.35 var(--serif);color:#78906d}.written-practice article>p{font:15px/1.8 Georgia,'Times New Roman',serif}.structures-practice article>span{font:11px/1.5 var(--body);letter-spacing:1px;padding-top:4px}.writing-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:38px 0}.writing-card{padding:22px;border:1px solid var(--line);border-radius:9px;background:#f3f2e9}.writing-card.wide{grid-column:1/-1}.writing-card h3{font:24px/1.3 var(--serif);font-weight:400;margin:7px 0}.writing-card>p:last-child{font-size:14px;line-height:1.9;color:#596655}.answer-notice{padding:14px 17px;margin-bottom:29px;border-radius:7px;background:#f3ecd8;color:#786542;font-size:14px}.answer-detail{border:1px solid var(--line);border-radius:8px;background:#fffefa;margin-bottom:9px}.answer-detail summary{display:flex;align-items:flex-start;gap:10px;padding:15px 17px;cursor:pointer;font-size:14px;line-height:1.7;list-style:none}.answer-detail summary::-webkit-details-marker{display:none}.answer-detail summary>span{color:#7a8c6f;font:19px/1.4 var(--serif)}.answer-detail>p,.answer-detail>.evidence-links,.answer-detail>.ref-chip{margin:0 17px 15px}.answer-detail>p{padding-top:13px;border-top:1px solid var(--line);font-size:14px;line-height:1.85;color:#596957}.answer-table{border:1px solid var(--line);border-radius:8px;overflow:hidden}.answer-table>div{display:grid;grid-template-columns:36px minmax(0,1fr) 50px;gap:10px;padding:13px 16px;border-bottom:1px solid var(--line);background:#fffefa}.answer-table>div:last-child{border-bottom:0}.answer-table span,.answer-table small{color:var(--muted);font-size:12px}.answer-table b{font:17px/1.4 var(--serif);font-weight:400}.reference-summary{padding:27px;margin:34px 0;border-radius:10px;background:#293f33;color:#eef2e8}.reference-summary h2{font:29px/1.3 var(--serif);font-weight:400;margin:8px 0}.reference-summary blockquote{font:17px/1.9 var(--serif);margin:16px 0;padding:16px 0;border-top:1px solid #ffffff2b;border-bottom:1px solid #ffffff2b}.reference-summary>p:last-child{font-size:13px;line-height:1.85;color:#d4ded0}
@media(max-width:760px){.feature-body h2{font-size:33px;line-height:1.08}.feature-deck{font-size:14px}.official-heading h1{font-size:35px;line-height:1.09}.reader-deck{font-size:16px}.reader-actions .resource-links.compact .resource-link{width:40px;padding:0;justify-content:center}.reader-actions .resource-links.compact .resource-link b{font-size:0}.reader-actions .resource-links.compact .resource-link b::after{content:attr(data-kind);font-size:0}.download-panel{grid-template-columns:1fr;padding:20px}.resource-links{grid-template-columns:1fr}.before-card{padding:19px}.before-card blockquote{font-size:19px}.lesson-tabs{gap:25px}.inline-refs{display:flex;margin:7px 0 0;vertical-align:baseline}.inline-refs .ref-chip{font-size:10px;min-height:23px}.first-question{font-size:19px;padding:19px}.audio-top{gap:10px}.audio-top>span:last-child{text-align:right}.study-intro h2{font-size:28px}.study-heading h2{font-size:25px}.vocabulary-grid{grid-template-columns:1fr}.difficulty-grid{grid-template-columns:1fr}.study-note,.structure-card{padding:19px}.writing-grid{grid-template-columns:1fr}.writing-card.wide{grid-column:auto}.written-practice article{grid-template-columns:31px minmax(0,1fr)}.written-practice article .ref-chip{grid-column:2}.reference-summary{padding:22px}.official-cover figcaption{font-size:11px}.reader-nav{align-items:flex-start}.reader-actions{gap:6px}}

/* In-place vocabulary and sentence explanations. */
#study-inspector[hidden]{display:none}#study-inspector{position:fixed;z-index:30;width:min(390px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow:auto;overscroll-behavior:contain;border:1px solid #bccbb0;border-radius:15px;background:#fffef9;color:var(--ink);box-shadow:0 20px 70px #17362038;animation:studyInspectorIn .18s ease-out}.study-inspector-head{position:sticky;top:0;z-index:2;display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:20px 20px 16px;border-bottom:1px solid var(--line);background:#fffef9f5;backdrop-filter:blur(14px)}.study-inspector-head .eyebrow{margin-bottom:6px;color:#708365}.study-inspector-head h2{font:25px/1.25 var(--serif);font-weight:400;color:#294736}.study-inspector-actions{display:flex;align-items:center;gap:7px;flex:none}.study-inspector-head .icon-btn{width:38px;height:38px;min-width:38px;flex:none}.study-inspector-body{padding:20px}.study-inspector-foot{margin:0 20px;padding:14px 0 18px;border-top:1px solid var(--line);font-size:12px;color:var(--muted);text-align:center}.study-inspector-lead .study-code{display:block;margin-bottom:8px}.study-inspector-lead .phonetic{font-size:14px;color:#71806a}.study-inspector-lead .word-definition{margin:10px 0 0;font-size:18px;line-height:1.65;color:#38533d}.study-inspector-meta{font-size:13px;color:var(--muted);margin-top:15px}.study-inspector-quote{display:block;margin:0 0 18px;padding:15px 16px;border:0;border-left:2px solid #9daf8d;background:#f0f3e9;color:#344a37;font:17px/1.75 Georgia,'Times New Roman',serif}.study-inspector-quote span{display:block}.study-inspector-quote small{display:block;margin-top:8px;color:#6f7d68;font:14px/1.8 var(--body)}.study-inspector-quote.sentence-focus{border-left-color:#af8d47;background:#f7f0dc}.study-inspector-section{padding-top:17px;margin-top:17px;border-top:1px solid var(--line)}.study-inspector-section>h3{margin:0 0 10px;font-size:14px;font-weight:600;color:#405b43}.study-inspector-section>p{font-size:14px;line-height:1.9;color:#536451}.study-inspector-section .study-example{margin-top:10px;font-size:15px}.study-inspector-section.exact-structure{padding:15px;border:1px solid #ced8c5;border-radius:9px;background:#f6f7f1}.study-inspector-section.exact-structure>h3{margin-top:6px;font:19px/1.4 var(--serif);font-weight:400}.study-inspector-section.exact-structure+.study-inspector-section.exact-structure{margin-top:10px}.study-inspector-refs{display:flex;flex-wrap:wrap;gap:5px}.study-inspector-refs .ref-chip{min-height:31px;padding:4px 10px;font-size:12px}.study-inspector-detail{border-top:1px solid #e2e6da}.study-inspector-detail:last-child{border-bottom:1px solid #e2e6da}.study-inspector-detail summary{cursor:pointer;padding:12px 2px;font-size:14px;line-height:1.6;color:#405a42}.study-inspector-detail>p{padding:0 2px 13px;font-size:13px;line-height:1.85;color:#5d6c59}.study-inspector-detail .study-example{margin:0 2px 13px;font-size:14px}.study-inspector-sentences{display:grid;gap:11px}.study-inspector-sentence{display:grid;grid-template-columns:25px minmax(0,1fr);gap:9px;padding-bottom:11px;border-bottom:1px solid var(--line)}.study-inspector-sentence>span{font:13px/1.8 var(--serif);color:#819278}.study-inspector-sentence>p{font:15px/1.75 Georgia,'Times New Roman',serif;color:#374a3a}.study-inspector-sentence small{display:block;margin-top:5px;font:13px/1.75 var(--body);color:#73806e}.sentence-gutter{display:flex;flex-direction:column;align-items:stretch;gap:3px}.sentence-gutter .sentence-number{width:100%;margin-top:5px}.sentence-explain{min-height:25px;padding:2px 0;border:1px solid transparent;border-radius:5px;background:transparent;color:#8b967f;font-size:11px}.sentence-explain:hover,.sentence-explain:focus-visible,.sentence-explain[aria-expanded="true"]{border-color:#bdcbae;background:#e6ecdd;color:#31563a}.ref-chip[aria-expanded="true"]{background:#dce8cf;border-color:#8fa67b;color:#294e31}.study-inspector-body>.word-headline{justify-content:space-between}.study-inspector-body>.primary-btn{width:100%;margin-top:7px}.study-inspector-body .modal-example{margin:18px 0}@keyframes studyInspectorIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:980px){#study-inspector{left:0!important;right:0!important;top:auto!important;bottom:0!important;width:100%;max-height:68dvh;border-radius:24px 24px 0 0;border-bottom:0;box-shadow:0 -14px 60px #17362030;padding-bottom:env(safe-area-inset-bottom);animation:studyInspectorUp .2s ease-out}.study-inspector-head{padding:18px 22px 14px}.study-inspector-body{padding:19px 22px}.study-inspector-foot{margin:0 22px;padding-bottom:16px}@keyframes studyInspectorUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}
@media(max-width:760px){.sentence-row{grid-template-columns:44px minmax(0,1fr)}.sentence-gutter .sentence-number,.sentence-explain{min-width:44px;min-height:44px}.sentence-gutter .sentence-number{margin-top:0}.sentence-explain{font-size:12px}.study-inspector-head h2{font-size:23px}.study-inspector-head .icon-btn{width:44px;height:44px;min-width:44px}.study-inspector-quote{font-size:17px}.study-inspector-body .modal-word{font-size:37px}}

/* Reading controls: a single, accessible player and focused reference panels. */
.audio-player{z-index:40;padding:12px 18px;border:1px solid #bdcbb4;background:#fffef9;box-shadow:0 8px 28px #1736201f}
.audio-seek{display:block;appearance:none;-webkit-appearance:none;width:100%;height:30px;margin:2px 0 5px;padding:0;cursor:pointer;background:transparent;touch-action:pan-y;--audio-progress:0%}
.audio-seek::-webkit-slider-runnable-track{height:5px;border-radius:8px;background:linear-gradient(to right,#476e45 var(--audio-progress),#dfe5d7 var(--audio-progress))}
.audio-seek::-moz-range-track{height:5px;border-radius:8px;background:#dfe5d7}
.audio-seek::-moz-range-progress{height:5px;background:#476e45}
.audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:18px;height:18px;margin-top:-6.5px;border:3px solid #fffef9;border-radius:50%;background:#315d3f;box-shadow:0 0 0 1px #315d3f}
.audio-seek::-moz-range-thumb{width:14px;height:14px;border:3px solid #fffef9;border-radius:50%;background:#315d3f;box-shadow:0 0 0 1px #315d3f}
.audio-seek:focus-visible{outline:2px solid #628254;outline-offset:3px;border-radius:5px}
.audio-error{color:#9b3e31}.audio-top{min-height:22px;gap:10px}.audio-top>span:last-child{white-space:nowrap;font-variant-numeric:tabular-nums}.audio-controls .play-btn{height:42px;width:42px;min-height:42px}
.compact-reader-heading{margin:18px 0 22px}.compact-reader-heading h1{font-size:29px;line-height:1.3;letter-spacing:-.4px;max-width:760px}
.reading-tools{gap:12px}.reading-tools>span{font-size:14px;line-height:1.7}.sentence-row{margin-bottom:12px}.paragraph-label{letter-spacing:1px;margin-bottom:8px}.sentence-explain{font-size:13px}
.study-index{margin:0 0 14px;border:1px solid var(--line);border-radius:10px;padding:18px 22px}.study-index>summary{cursor:pointer;margin:0;display:flex}.study-index>summary::after{content:'+';margin-left:auto;font-size:24px;font-weight:400;color:#6b805a}.study-index[open]>summary{margin-bottom:22px}.study-index[open]>summary::after{content:'−'}.study-index>summary h2{font:21px/1.5 var(--body)}.study-index>summary .eyebrow{display:none}.study-index>summary::-webkit-details-marker{display:none}
.word-context{margin:18px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.word-context>summary{padding:12px 0;cursor:pointer;font-size:14px;color:#64775c}.word-context .modal-example{padding:12px;margin:0 0 12px}.study-inspector-body>.word-headline{float:right}.study-inspector-body>.word-headline .icon-btn{width:36px;height:36px}.study-inspector-body>.phonetic{margin-bottom:12px}.study-inspector-detail>p{font-size:14px}
@media(min-width:981px){#study-inspector{max-height:calc(100dvh - 185px)}}
@media(max-width:980px){#study-inspector{bottom:174px!important;max-height:calc(100dvh - 194px);border-radius:18px;left:12px!important;right:12px!important;width:auto;padding-bottom:0}.study-inspector-head{padding:14px 18px 12px}.study-inspector-body{padding:15px 18px}}
@media(max-width:760px){.compact-reader-heading h1{font-size:24px;line-height:1.3}.compact-reader-heading{margin:13px 0 18px}.reading-tools>span{font-size:13px}.reading-tools .toggle-btn{font-size:14px}.audio-player{padding:10px 14px;bottom:calc(76px + env(safe-area-inset-bottom))}.audio-top{font-size:12px}.audio-seek{height:32px;margin:0 0 2px}.audio-main{gap:12px}.audio-controls .play-btn{width:44px;height:44px}.loop-btn{font-size:12px}.reading-text{padding-bottom:170px}.sentence-row{grid-template-columns:36px minmax(0,1fr);gap:8px}.sentence-gutter .sentence-number,.sentence-explain{min-width:36px;width:36px;min-height:44px}.study-index{padding:15px}.study-index>summary h2{font-size:19px}#study-inspector{bottom:calc(216px + env(safe-area-inset-bottom))!important;max-height:calc(100dvh - 238px - env(safe-area-inset-bottom))}.study-inspector-head h2{font-size:22px}}

@media(max-width:760px){.reader-actions .resource-links.compact .resource-link{width:auto;min-width:44px;padding:0 8px;gap:5px}.reader-actions .resource-links.compact .resource-link b{font-size:12px}.reader-actions .resource-links.compact .resource-link .icon{display:none}}

.sentence-meaning{font-size:15px;line-height:1.85;color:#536451}.study-inspector-section:first-child{margin-top:0;padding-top:0;border-top:0}.study-inspector-section.exact-structure:first-child{padding:15px;border:1px solid #ced8c5}

/* Sentence explanations belong to the paragraph they explain. */
.inline-sentence-explanation[hidden]{display:none}
.inline-sentence-explanation{margin:16px 0 8px;padding:17px 20px;border-left:3px solid #78916a;background:#f1f4ec;border-radius:0 10px 10px 0;color:#364d39;scroll-margin-top:85px;overflow-wrap:anywhere}
.inline-sentence-explanation:focus-visible{outline:2px solid #78916a;outline-offset:3px}
.inline-explanation-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:13px;color:#617858;font-size:14px}
.inline-explanation-head .text-btn{min-height:36px;font-size:14px;gap:5px}.inline-explanation-head .icon{width:15px;height:15px}
.inline-sentence-explanation .study-inspector-section{margin-top:14px;padding-top:14px}
.inline-sentence-explanation .study-inspector-section>p,.inline-sentence-explanation .study-inspector-detail>p{font-size:15px;line-height:1.85}
.inline-sentence-explanation .study-inspector-section.exact-structure{padding:0 0 14px;background:transparent;border:0;border-bottom:1px solid #d6dfcc;border-radius:0}
.inline-sentence-explanation .study-code{display:none}
.inline-sentence-explanation .study-example{background:#fffdf7;border-left-color:#b2c3a3;font-size:16px;line-height:1.7}
.inline-sentence-explanation .study-inspector-detail summary{min-height:44px;font-size:15px;padding:11px 0}
.inline-sentence-explanation .sentence-meaning{margin:0 0 14px}.inline-explanation-empty{font-size:14px;line-height:1.8;color:#6d7b64}
@media(max-width:760px){.inline-sentence-explanation{margin:12px 0 8px;padding:12px 14px}.inline-sentence-explanation .study-inspector-section>p,.inline-sentence-explanation .study-inspector-detail>p{font-size:14px}.inline-sentence-explanation .study-example{font-size:15px}.inline-explanation-head .text-btn{min-height:44px}}

.practice-answer{margin-top:14px;border-top:1px solid var(--line);font-size:15px;line-height:1.85}.written-practice article>.practice-answer{grid-column:2 / -1;width:100%;margin-top:2px}.practice-answer>summary{min-height:44px;padding:10px 0;cursor:pointer;color:#4b6d40;font-size:14px}.practice-answer>p,.practice-answer>blockquote{margin:0 0 12px;padding:12px 15px;background:#f0f4e9;border-radius:6px;color:#36543b}.practice-answer .practice-answer-en{font-family:Georgia,'Times New Roman',serif;font-size:17px;line-height:1.8}.practice-answer>blockquote{border:0}.writing-card .practice-answer>p{font-size:14px}

.sentence-audio{display:flex;align-items:center;justify-content:center;min-width:28px;min-height:32px;padding:4px;border:1px solid #cbd8c1;border-radius:6px;background:#f1f6eb;color:#31573b;cursor:pointer}.sentence-audio .icon{width:17px;height:17px}.sentence-audio:hover,.sentence-audio:focus-visible{background:#dce9d2;border-color:#89a375}.sentence-gutter{gap:5px}@media(max-width:760px){.sentence-audio{min-width:36px;min-height:44px}}

/* An editorial reading surface, with quiet tools and one clear audio dock. */
:root{--paper:#f5f4ef;--white:#fffefa;--ink:#253d34;--muted:#737c73;--green:#234c3f;--green-soft:#eaf0e8;--line:#e1e4da;--gold:#a7834b}
body{background:var(--paper)}
.sidebar{background:#efF0e9;border-right-color:#dde2d7}
.brand-symbol{border-radius:12px}
.nav-item{border-radius:9px}
.page-heading h1{font-weight:450;letter-spacing:.035em}
.page-heading p{margin-top:12px;color:#83897d}
.feature{border:1px solid #dfe3d7;border-radius:16px;box-shadow:0 12px 35px #223b2905;overflow:hidden}
.feature-body{padding:30px 32px}
.feature-body h2{line-height:1.08;letter-spacing:-.02em}
.feature-body .subtitle{line-height:1.75;margin-top:17px}
.feature-footer{margin-top:26px;padding-top:22px;border-top:1px solid var(--line)}
.article-card,.side-card,.overview-card,.quiz-card{border-radius:13px;box-shadow:none}
.primary-btn,.secondary-btn{border-radius:9px}
.preview-stage{background:#e8ebe4}
.preview-toolbar{background:#f5f6f0;border-bottom-color:#dce1d5}
.phone-preview{border-color:#bfc9b8;box-shadow:0 24px 70px #29413219,0 0 0 6px #f6f7f1}
.reader-container{max-width:820px}
.reader-nav{margin-bottom:26px}
.reader-actions{align-items:center;gap:8px}
.reader-actions .icon-btn{border-color:transparent;background:transparent}
.resource-links.compact .resource-link{background:transparent;border-color:transparent;min-height:40px;font-size:12px}
.compact-reader-heading{margin:0 0 28px;padding:0}
.compact-reader-heading .eyebrow{font-size:10px;letter-spacing:.2em;color:#83907a;margin-bottom:14px}
.compact-reader-heading h1{font-family:var(--serif);font-size:39px;line-height:1.16;font-weight:400;letter-spacing:-.018em;max-width:690px}
.lesson-tabs{gap:28px;margin-bottom:24px;box-shadow:none}
.lesson-tabs .page-tab{font-size:13px;padding:13px 0;min-height:46px;letter-spacing:.03em}
.reading-tools{align-items:center;margin:0 0 9px;gap:8px}
.reading-tools>span{font-size:11px;letter-spacing:.02em}
.reading-tools .toggle-btn{font-size:12px;padding:8px 11px;min-height:40px;border-radius:7px;background:transparent}
.reading-tools .toggle-btn.active{background:var(--green-soft);border-color:transparent}
.annotation-tools{margin:0 0 26px;padding-bottom:15px;gap:5px}
.annotation-tools>button{min-height:38px;padding:7px 10px;font-size:11px;border:0;background:transparent;color:#78836f;border-radius:6px}
.annotation-tools>button.active{background:#e9eee4;color:var(--green)}
.annotation-tools>button b{font-size:10px;font-weight:500;margin-left:4px}
.annotation-tools>.icon,.annotation-tools>button .icon{width:14px;height:14px}
.paragraph-label{display:flex;align-items:center;gap:13px;font-size:10px;letter-spacing:.19em;color:#95a08b;margin:0 0 16px}
.paragraph-label::after{content:'';height:1px;background:var(--line);flex:1}
.sentence-paragraph{margin-bottom:32px}
.sentence-row{grid-template-columns:24px minmax(0,1fr);gap:12px;padding:10px 0 13px;margin:0 0 8px;border-radius:0}
.sentence-row.focused{background:transparent}
.sentence-gutter{display:block;padding-top:3px}
.sentence-gutter .sentence-number{width:24px;min-width:24px;height:36px;min-height:36px;padding:0;border:0;background:transparent;color:#a0aa96;font-size:11px;font-weight:400;border-radius:5px;font-variant-numeric:tabular-nums}
.sentence-row.focused .sentence-number{color:var(--green);background:#e4ebdd}
.english-text{line-height:1.85;color:#2e4038;letter-spacing:.005em}
.translation{color:#81877a;font-size:14px;line-height:1.9;margin-top:13px}
.sentence-actions{display:flex;align-items:center;gap:15px;margin-top:8px}
.sentence-actions .sentence-audio,.sentence-actions .sentence-explain{display:inline-flex;align-items:center;justify-content:center;gap:5px;width:auto;min-width:0;min-height:38px;padding:5px 2px;font-family:var(--body);font-size:11px;font-weight:400;border:0;background:transparent;border-radius:5px;color:#7b886f;white-space:nowrap}
.sentence-actions .icon{width:14px;height:14px}
.sentence-actions button:hover,.sentence-actions button[aria-expanded="true"]{color:var(--green);background:#e9eee4}
.sentence-actions button:hover{padding-left:5px;padding-right:5px;margin-left:-3px;margin-right:-3px}
.inline-sentence-explanation{background:#edf1e8;border:1px solid #dce4d4;border-left:2px solid #7f9971;border-radius:0 9px 9px 0;margin-top:7px;padding:18px 21px}
.inline-explanation-head{font-size:12px;letter-spacing:.06em;color:#6b7e60}
.inline-explanation-head .text-btn{font-size:11px;color:#7d8b73}
.inline-sentence-explanation .study-inspector-section>h3{font-size:16px;font-weight:500}
.inline-sentence-explanation .study-inspector-section>p{color:#4f6048;font-size:14px;line-height:1.9}
.inline-sentence-explanation .study-example{border-radius:0 6px 6px 0}
.note-indicator{font-size:11px}
.audio-player{padding:15px 21px 13px;background:#254b3e;color:#eef2e7;border:1px solid #456352;border-radius:18px;box-shadow:0 12px 36px #17332624;backdrop-filter:none}
.audio-top{color:#bdcdb8;align-items:center;font-size:11px;margin-bottom:1px;gap:12px}
#audio-position{white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:.05em;color:#edf1df}
.audio-seek{height:28px;touch-action:none;margin:0;--audio-progress:0%}
.audio-seek::-webkit-slider-runnable-track{height:3px;border-radius:3px;background:linear-gradient(to right,#c7d6b0 var(--audio-progress),#66816d var(--audio-progress))}
.audio-seek::-moz-range-track{height:3px;border-radius:3px;background:#66816d}
.audio-seek::-moz-range-progress{height:3px;background:#c7d6b0}
.audio-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:14px;height:14px;margin-top:-5.5px;border:2px solid #eff2dc;border-radius:50%;background:#cbd9b4;box-shadow:0 0 0 4px #ffffff0b}
.audio-seek::-moz-range-thumb{width:12px;height:12px;border:2px solid #eff2dc;border-radius:50%;background:#cbd9b4}
.audio-controls{margin-top:0;gap:8px}
.audio-main{gap:22px}
.audio-player .plain-icon,.audio-player .speed-btn{color:#e1e9d5;min-height:40px}
.audio-controls .play-btn{width:44px;height:44px;color:#254b3e;background:#edf0dc;box-shadow:0 2px 8px #08201a18}
.audio-player .speed-btn{font-size:12px;text-align:left}
.audio-player .loop-btn{font-size:11px;color:#bdcdb8;min-height:40px;gap:5px}
.audio-player .loop-btn.active{color:#f1edbe}
.audio-player .audio-error{color:#ffe0b5;font-size:11px}
.audio-player #audio-status{color:#c6d4bd;font-weight:400}
.audio-player #audio-status.audio-error{color:#ffe0b5}
.audio-seek:focus-visible{outline:1px solid #c7d6b0;outline-offset:2px;border-radius:8px}
.reading-text{padding-bottom:190px}
@media(min-width:981px){
 .reader-container{background:var(--white);border:1px solid #e1e5d8;border-radius:16px;padding:28px 42px 10px;max-width:860px}
 .reader-container .lesson-tabs{background:var(--white)}
 .reader-container .reader-nav{margin-bottom:27px}
 .is-reading .reading-text{max-width:720px;margin:auto}
}
@media(max-width:760px){
 .content{padding:23px 23px 110px}
 .mobile-header{background:#f5f4ef;border-bottom:1px solid #e7e9df}
 .mobile-header .brand-name{font-size:22px}
 .mobile-header .header-note{font-size:11px;letter-spacing:.1em}
 .mobile-header .quiet-pill{background:transparent;font-size:10px;color:#8a927f}
 .bottom-nav{background:#fafaf4;border-top-color:#e0e4d7}
 .feature-body{padding:24px 22px}
 .feature-body h2{font-size:33px}
 .feature-footer{gap:16px;align-items:flex-start}
 .feature-footer .article-footnote{font-size:10px;line-height:1.8}
 .page-heading h1{font-size:23px}
 .reader-nav{margin-bottom:23px}
 .reader-nav .back-btn{font-size:11px}
 .reader-actions{gap:1px}
 .reader-actions .icon-btn{min-width:34px;width:34px}
 .resource-links.compact{gap:0}
 .resource-links.compact .resource-link{padding:6px;gap:4px;min-height:40px;font-size:10px}
 .resource-links.compact .resource-link .icon{width:13px;height:13px}
 .compact-reader-heading{margin-bottom:23px}
 .compact-reader-heading h1{font-size:29px;line-height:1.16;letter-spacing:-.02em}
 .compact-reader-heading .eyebrow{font-size:9px;letter-spacing:.15em;margin-bottom:12px}
 .lesson-tabs{gap:0;justify-content:space-between;margin-bottom:20px}
 .lesson-tabs .page-tab{font-size:12px;min-width:40px;letter-spacing:0}
 .reading-tools>span{font-size:11px}
 .reading-tools .toggle-btn{font-size:11px;min-height:40px;padding:6px 8px}
 .annotation-tools{margin-bottom:24px;padding-bottom:12px;gap:4px}
 .annotation-tools>button{min-height:40px;padding:6px 8px;font-size:12px}
 .sentence-row{grid-template-columns:21px minmax(0,1fr);gap:9px;padding:8px 0;margin-bottom:8px}
 .sentence-gutter .sentence-number{width:21px;min-width:21px;font-size:10px}
 .english-text{font-size:var(--read-size,21px);line-height:1.8}
 .translation{font-size:13px;line-height:1.85;margin-top:12px}
 .sentence-actions{gap:18px;margin-top:5px}
 .sentence-actions .sentence-audio,.sentence-actions .sentence-explain{min-height:44px;font-size:12px}
 .inline-sentence-explanation{padding:14px 15px;margin-top:4px}
 .inline-explanation-head{font-size:11px;letter-spacing:0}
 .inline-sentence-explanation .study-inspector-section>p{font-size:13px}
 .audio-player{left:14px;right:14px;bottom:calc(76px + env(safe-area-inset-bottom));padding:12px 17px 10px;border-radius:16px}
 .audio-main{gap:19px}
 .audio-player .loop-btn{font-size:11px}
 .audio-top{font-size:11px}
 .reading-text{padding-bottom:185px}
}
@media(prefers-reduced-motion:reduce){.sentence-row,.sentence,.audio-player{transition:none}}

/* A small, persistent handle keeps the reading surface clear between controls. */
.audio-player[hidden],.audio-orb[hidden]{display:none!important}
.audio-top #audio-status{flex:1;min-width:0}
.audio-collapse{display:grid;place-items:center;flex-shrink:0;width:32px;height:32px;margin:-7px -7px -7px 0;padding:5px;border:0;border-radius:50%;color:#ccd9c0;background:transparent;cursor:pointer}
.audio-collapse:hover{background:#ffffff12;color:#fff}
.audio-collapse .icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.audio-orb{position:fixed;right:24px;bottom:24px;z-index:40;display:grid;place-items:center;width:56px;height:56px;padding:0;border:1px solid #456352;border-radius:50%;background:#254b3e;color:#eef2df;box-shadow:0 6px 24px #17332628;cursor:pointer;isolation:isolate;animation:audio-orb-in .2s ease-out}
.audio-orb:hover{background:#305a49;box-shadow:0 8px 28px #17332636}
.audio-orb:focus-visible,.audio-collapse:focus-visible{outline:2px solid #a2b78a;outline-offset:4px}
.audio-orb-ring{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke-width:1.5;transform:rotate(-90deg);pointer-events:none}
.audio-orb-ring .orb-track{stroke:#78967a;opacity:.3}
.audio-orb-ring .orb-progress{stroke:#dce5bd;stroke-dasharray:var(--orb-progress,0) 100;stroke-linecap:round}
.audio-orb-idle{display:grid;place-items:center}.audio-orb-idle .icon{width:21px;height:21px}
.audio-orb-playing{display:none;align-items:center;justify-content:center;gap:3px;height:23px}
.audio-orb-playing i{display:block;width:3px;height:12px;border-radius:3px;background:#e3eacb;animation:audio-bars .9s ease-in-out infinite alternate}
.audio-orb-playing i:nth-child(2){height:20px;animation-delay:-.45s}.audio-orb-playing i:nth-child(3){height:15px;animation-delay:-.2s}
.audio-orb.is-playing .audio-orb-idle{display:none}.audio-orb.is-playing .audio-orb-playing{display:flex}
.audio-orb-alert{display:none;position:absolute;right:2px;top:3px;width:9px;height:9px;border:2px solid #254b3e;border-radius:50%;background:#f1c57b}
.audio-orb.has-error .audio-orb-alert{display:block}

@keyframes audio-orb-in{from{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}
@keyframes audio-bars{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@media(max-width:760px){
 .audio-orb{right:18px;bottom:calc(82px + env(safe-area-inset-bottom));width:54px;height:54px}
 .audio-top{gap:8px}
 .audio-collapse{width:40px;height:40px;margin:-11px -10px -11px 0}
}
@media(prefers-reduced-motion:reduce){.audio-orb,.audio-orb-playing i{animation:none}}

.article-search{display:flex;align-items:center;gap:10px;width:100%;margin:0 0 28px;padding:6px 7px 6px 17px;border:1px solid #dce2d5;border-radius:12px;background:var(--white);transition:border-color .15s,box-shadow .15s}
.article-search:focus-within{border-color:#90a780;box-shadow:0 0 0 3px #9bad8618}
.home-search{max-width:680px;margin-top:-7px;margin-bottom:29px}
.search-symbol{display:flex;color:#8a9980;flex-shrink:0}.search-symbol .icon{width:19px;height:19px}
.article-search input{flex:1;min-width:0;min-height:40px;width:100%;padding:5px 0;border:0;background:transparent;color:var(--ink);font:14px/1.6 var(--body);outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}
.article-search input::placeholder{color:#929b89;font-size:13px}
.article-search input::-webkit-search-cancel-button{display:none}
.article-search-clear{display:grid;place-items:center;flex-shrink:0;width:36px;height:40px;border:0;border-radius:7px;padding:7px;background:transparent;color:#819075;cursor:pointer}
.article-search-clear .icon{width:16px;height:16px}.article-search-clear:hover{background:var(--green-soft)}
.article-search-submit{flex-shrink:0;min-width:70px;min-height:40px;padding:9px 17px;border:0;border-radius:8px;background:var(--green);color:var(--white);font:13px/1.4 var(--body);cursor:pointer;letter-spacing:.06em}
.article-search-submit:hover{background:#315e4b}
.article-search-clear:focus-visible,.article-search-submit:focus-visible{outline:2px solid #8ca77b;outline-offset:3px}
.article-search-clear[hidden],.search-summary[hidden]{display:none}
.search-summary{font-size:12px;line-height:1.7;color:var(--muted);margin:-5px 0 19px;font-variant-numeric:tabular-nums}
@media(max-width:760px){
 .article-search{gap:8px;padding:5px 6px 5px 13px;border-radius:11px;margin-bottom:23px}
 .home-search{margin-top:-3px;margin-bottom:25px}
 .article-search input{font-size:16px;min-height:42px}
 .article-search input::placeholder{font-size:12px}
 .article-search-clear{width:32px;height:42px}
 .article-search-submit{min-width:58px;min-height:42px;padding:10px 12px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.article-search{transition:none}}

/* Illustrated library and one home for personal reading records. */
.article-card{display:flex;flex-direction:column;height:100%;box-shadow:0 3px 16px #253c2c04}
.article-card-cover{width:100%;aspect-ratio:16/9;overflow:hidden;background:#e8e6dc;border-bottom:1px solid #dce0d680}
.article-card-cover img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s ease}
.article-card:hover .article-card-cover img{transform:scale(1.035)}
.article-card-body{width:100%;flex:1;display:flex;flex-direction:column;padding:19px 21px 21px}
.article-card .meta{margin-top:auto;padding-top:20px}
.article-card h3{line-height:1.12;min-height:0}
.article-card .article-number{font-size:25px}
.article-card .card-top{margin-bottom:14px}
.library-view .page-heading .eyebrow,.collection-view .page-heading .eyebrow{font-size:10px;letter-spacing:2.3px;margin-bottom:9px;color:#7a8679}
.library-view .search-summary{margin:24px 0 16px}
.collection-tabs{gap:24px;margin-bottom:25px;overflow-x:auto}
.collection-tabs .page-tab{display:flex;align-items:center;gap:7px;white-space:nowrap}
.collection-tabs .page-tab span{font-size:11px;color:var(--muted);font-variant-numeric:tabular-nums}
.collection-record{position:relative;align-items:flex-start;padding:24px 48px 24px 25px;background:#fffefa;border:1px solid var(--line);border-radius:10px}
.collection-view .vocab-list{display:grid;gap:13px}
.collection-record-meta{display:flex;gap:13px;align-items:center;flex-wrap:wrap;font-size:11px;color:#84907f;margin-bottom:12px}
.collection-record-meta span:first-child{display:flex;gap:5px;align-items:center;color:var(--green)}
.collection-record-meta .icon{height:13px;width:13px}
.collection-record .saved-quote{font-family:var(--serif);font-size:22px;line-height:1.5;font-weight:400;white-space:pre-wrap;overflow-wrap:anywhere}
.collection-record .saved-note{margin-top:15px;background:#f1f3eb;border-left:2px solid #b1bea6;padding:12px 14px;font-size:14px;line-height:1.9;color:#42553d;white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 5px 5px 0}
.collection-record .word-source{margin-top:17px;font-size:11px}
.collection-record .word-links{gap:16px;flex-wrap:wrap;margin-top:7px}
.collection-record .word-links .text-btn{font-size:12px}
.collection-delete{position:absolute;top:14px;right:10px;color:#929b8d}
.collection-section-title{font-size:14px;font-weight:500;margin:25px 0 15px;color:#667461;letter-spacing:.6px}
.collection-books{margin-bottom:30px}
.collection-book{display:flex;flex-direction:column;min-width:0}
.collection-book>.text-btn{align-self:flex-end;font-size:11px;margin-top:7px;color:var(--muted)}
.dictionary-translation{margin:14px 0 18px}
.dictionary-line{font-size:15px;line-height:1.85;margin:6px 0;overflow-wrap:anywhere}
.dictionary-lemma{background:#f3f4ee;border-left:2px solid #b8c6af;padding:9px 13px;margin:15px 0}
.dictionary-lemma .dictionary-line{font-size:13px;line-height:1.8}
.dictionary-more{border-top:1px solid var(--line);padding:12px 0;color:#61735a;font-size:12px}
.dictionary-more summary{cursor:pointer;list-style-position:inside}
.dictionary-more p{font-size:13px;line-height:1.8;margin-top:10px}
.dictionary-source{font-size:10px;line-height:1.8;color:#899180;margin:13px 0 18px}
.dictionary-source a{color:#73846b;text-underline-offset:3px}

@media(max-width:760px){
 .article-card-body{padding:17px 18px 19px}
 .collection-tabs{gap:22px}
 .collection-record{padding:21px 37px 21px 19px}
 .collection-record .saved-quote{font-size:21px}
 .collection-record .word-links{gap:13px}
 .collection-view .vocab-heading{align-items:flex-start;flex-wrap:wrap}
 .collection-view .vocab-heading .primary-btn{min-height:37px;padding:9px 13px;font-size:12px}
}
@media(prefers-reduced-motion:reduce){.article-card-cover img{transition:none}.article-card:hover .article-card-cover img{transform:none}}

/* The lead article keeps its large cover; other stories form compact rows. */
.home-columns .article-grid,.library-view .article-grid,.collection-books .article-grid{grid-template-columns:minmax(0,1fr)}
.article-card.article-card-compact{display:flex;flex-direction:row;align-items:center;gap:22px;padding:20px;min-width:0;height:auto}
.article-card-compact .article-card-cover{flex:0 0 144px;width:144px;aspect-ratio:1;border:0;border-radius:8px}
.article-card-compact .article-card-body{flex:1;min-width:0;width:auto;padding:0}
.article-card-compact .article-card-body h3{font-size:26px;line-height:1.18;min-height:0;overflow-wrap:anywhere}
.article-card-compact .article-card-body>p{font-size:14px;line-height:1.65;margin-top:7px}
.article-card-compact .article-card-body .meta{padding-top:0;margin-top:12px;font-size:12px;gap:8px}
.article-card-compact .meta .level{padding:3px 6px;font-size:12px}
.article-card-compact .card-arrow{margin-left:auto}
.article-card-lead .article-card-cover{max-height:320px}
@media(max-width:760px){
 .article-card.article-card-compact{gap:15px;padding:15px;align-items:flex-start}
 .article-card-compact .article-card-cover{flex-basis:96px;width:96px;border-radius:6px}
 .article-card-compact .article-card-body h3{font-size:21px;line-height:1.22;letter-spacing:-.15px}
 .article-card-compact .article-card-body>p{font-size:13px;line-height:1.65;margin-top:6px}
 .article-card-compact .article-card-body .meta{gap:6px;margin-top:10px;line-height:1.5}
 .article-card-compact .card-arrow{display:none}
}
@media(max-width:360px){
 .article-card.article-card-compact{gap:12px;padding:12px}
 .article-card-compact .article-card-cover{flex-basis:80px;width:80px}
 .article-card-compact .article-card-body h3{font-size:20px}
}

/* Lesson diagrams and written answers stay beside the material they explain. */
.lesson-chart{margin:26px 0 30px;padding:20px;border:1px solid var(--line);border-radius:9px;background:#fffefa;min-width:0}
.lesson-chart figcaption{margin-bottom:18px}.lesson-chart .eyebrow{line-height:1.7}
.lesson-chart img{display:block;width:100%;max-width:923px;height:auto;object-fit:contain;margin:0 auto}
.lesson-chart>small{display:block;font-size:11px;line-height:1.7;margin-top:14px}
.lesson-chart .practice-answer{font-family:var(--body)}
.lesson-supplement{margin:15px 0;padding:0 20px;border:1px solid var(--line);border-radius:8px;background:#f9faf4}
.lesson-supplement>summary{padding:17px 0;cursor:pointer;font:14px/1.8 var(--body);color:var(--green)}
.lesson-background{min-width:0;padding-bottom:12px}.lesson-background>h3{font:18px/1.6 var(--body);margin:10px 0 18px;color:var(--green)}
.lesson-table-scroll{max-width:100%;overflow-x:auto;margin:16px 0 22px;border:1px solid var(--line);border-radius:7px}
.lesson-table{width:100%;border-collapse:collapse;font:13px/1.75 var(--body);color:#536251}
.lesson-table th,.lesson-table td{padding:12px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--line);min-width:95px}
.lesson-table th{font-weight:500;color:#37523c}.lesson-table thead{background:#edf1e6}.lesson-table tr:last-child>*{border-bottom:0}
.lesson-background .lesson-table{min-width:530px}
.lesson-expressions,.argument-map{margin:0;font:14px/1.9 var(--body);color:#536251}
.lesson-expressions>div,.argument-map>div{margin:0 0 17px}.lesson-expressions dt,.argument-map dt{font-weight:500;color:var(--green);margin-bottom:4px}
.lesson-expressions dd,.argument-map dd{margin:0}.lesson-background .study-footnote,.lesson-source{font:11px/1.9 var(--body);overflow-wrap:anywhere}
.lesson-written-practice{gap:18px}
.lesson-written-practice>article{display:block;padding:24px 26px;min-width:0;overflow-wrap:anywhere}
.written-question-heading{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:10px}
.written-question-heading>span{margin-right:7px;font:12px/1.7 var(--body);color:#7b8b6c;letter-spacing:.06em}
.lesson-written-practice .written-question{font:18px/1.8 var(--serif);white-space:pre-wrap;margin:0 0 15px}
.lesson-written-practice .practice-answer{margin-top:18px}
.lesson-written-practice .practice-answer>summary{padding:13px 2px;line-height:1.7}
.lesson-written-practice .practice-answer>p{white-space:pre-wrap;padding:16px 18px;margin:0 0 12px;line-height:1.9}
.lesson-written-practice .practice-answer>:last-child{margin-bottom:0}
@media(max-width:760px){.lesson-written-practice>article{padding:20px 18px}.lesson-written-practice .practice-answer>p{padding:14px 15px}}
.practice-word-bank{font:15px/1.9 var(--serif);color:#516d43;padding:16px 18px;border-radius:7px;background:#eef2e6}
.lesson-checklist{padding-left:22px;font:14px/1.9 var(--body);color:#637158}.lesson-checklist li{margin:8px 0}
.before-card>p:not(.eyebrow){font:14px/1.85 var(--body);color:#756747}
@media(max-width:760px){.lesson-chart{padding:16px}.lesson-supplement{padding:0 15px}.lesson-written-practice .written-question{font-size:17px}.lesson-table th,.lesson-table td{padding:10px;min-width:83px}.lesson-background>h3{font-size:16px}}

/* Saved articles keep an explicit, visible state in every layout. */
.article-card-shell{position:relative;min-width:0;height:100%}.article-card-shell>.article-card{width:100%}
.article-bookmark{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:44px;padding:8px 11px;border:1px solid #d6ded0;border-radius:8px;background:#fffef8;color:#738269;font:14px/1.4 var(--body);white-space:nowrap;cursor:pointer}
.article-bookmark .icon{width:18px;height:18px;fill:none}.article-bookmark.is-saved{background:#e2ebdc;color:#25503a;border-color:#aabd9f}
.article-bookmark.is-saved .icon,.card-saved-status.is-saved .icon{fill:currentColor}
.article-bookmark:focus-visible{outline:2px solid var(--green);outline-offset:3px}.article-bookmark:hover{border-color:#93a886}
.card-bookmark{position:absolute;inset:auto 21px 21px auto;width:44px;min-height:44px;padding:11px;border-radius:8px;background:#fffef8}
.card-bookmark>span{position:absolute;clip-path:inset(50%);height:1px;width:1px;overflow:hidden;white-space:nowrap}
.compact-card-shell .card-bookmark{inset:auto 19px 19px auto}
.card-saved-status{display:inline-flex;align-items:center;gap:4px;color:#37593d;font:12px/1.4 var(--body);margin-left:auto}.card-saved-status .icon{height:13px;width:13px}
.card-saved-status:empty{display:none}.card-saved-status.is-saved+.card-arrow{display:none}
.feature-save{display:flex;justify-content:flex-end;margin-top:16px}.reader-actions .article-bookmark{min-height:40px;padding:7px 9px;font-size:13px}

/* The reader chooses a starting point and gives feedback without a long questionnaire. */
.learning-hint{display:flex;align-items:center;gap:12px;width:100%;padding:16px 18px;margin:0 0 28px;text-align:left;border:1px solid #d7e0ce;border-radius:10px;background:#edf2e6;color:#426238;font:14px/1.7 var(--body);cursor:pointer}
.learning-hint>.icon{flex-shrink:0;width:19px;height:19px}.learning-hint>span{flex:1}.learning-hint b{font-weight:600}
.feedback-page{max-width:850px;margin:auto}.feedback-page .page-heading h1{font-size:36px}.feedback-page .page-tabs{gap:27px}
.feedback-form{padding:28px 30px;border:1px solid var(--line);border-radius:12px;background:#fffefa}
.feedback-form-heading{margin-bottom:26px}.feedback-form-heading h2{font:24px/1.4 var(--serif);font-weight:400}.feedback-form-heading p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:7px}
.feedback-field{min-width:0;border:0;padding:0;margin:0 0 29px}.feedback-field legend{width:100%;padding:0;margin-bottom:14px;font:16px/1.8 var(--body);font-weight:500;color:#314a36}
.feedback-field legend>span{font:12px/1 var(--body);margin-right:9px;color:#869476;letter-spacing:.06em}.feedback-field legend>small{display:block;margin-top:3px;font-size:12px;font-weight:400;color:#8b947f}
.feedback-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.feedback-choices.detailed-choices{grid-template-columns:1fr}
.feedback-choice{display:flex;align-items:center;gap:10px;padding:13px 14px;min-height:50px;border:1px solid #dce1d4;border-radius:8px;background:#fffefa;cursor:pointer}
.feedback-choice input{flex:none;width:17px;height:17px;margin:0;accent-color:#315b3e}.feedback-choice>span{min-width:0}.feedback-choice b{display:block;font:15px/1.6 var(--body);font-weight:400;color:#43583b}.feedback-choice small{display:block;font:13px/1.7 var(--body);color:#7b8871;margin-top:3px}
.feedback-choice:has(input:checked){background:#e9f0e0;border-color:#879e76}.feedback-choice:has(input:checked) b{color:#275036;font-weight:500}
.feedback-choice:has(input:focus-visible){outline:2px solid #6e895d;outline-offset:3px}.feedback-choice:has(input:disabled){opacity:.7;cursor:wait}
.feedback-extra{display:block;font:15px/1.8 var(--body);color:#43583b}.feedback-extra>small{font-size:12px;color:var(--muted);margin-left:9px}.feedback-extra textarea{display:block;width:100%;resize:vertical;margin-top:10px;padding:13px;border:1px solid #d7dece;border-radius:7px;color:var(--ink);background:#fbfcf7;font:16px/1.8 var(--body);min-height:95px}
.feedback-extra textarea:focus{outline:2px solid #a9bc96;outline-offset:1px}.feedback-submit{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:25px;padding-top:20px;border-top:1px solid var(--line)}
.feedback-submit p{font:13px/1.8 var(--body);color:#7b8670;max-width:350px}.feedback-submit .primary-btn{flex:none;min-height:46px;font-size:14px}.feedback-submit button:disabled{opacity:.6;cursor:wait}
.feedback-empty{display:flex;flex-direction:column;align-items:flex-start;gap:18px;padding:26px;font:15px/1.8 var(--body);color:var(--muted)}
.feedback-success{display:flex;align-items:center;gap:10px;background:#e9f0df;padding:14px 17px;border-radius:8px;font:14px/1.8 var(--body);margin-bottom:20px;color:#365c34}
.feedback-error,.feedback-form-error{color:#a04431;font:14px/1.8 var(--body);margin:15px 0}.feedback-form-error:empty{display:none}
.reading-recommendation{padding:27px;margin-bottom:26px;background:#f0f3e8;border:1px solid #d1ddc5;border-radius:12px;scroll-margin-top:85px}.reading-recommendation:focus{outline:2px solid #98ac86;outline-offset:3px}
.recommendation-title{display:flex;gap:25px;align-items:center;margin:15px 0}.recommendation-title>div{flex:none}.recommendation-title span{font-size:12px;color:#6f8060}.recommendation-title h2{font:46px/1.2 var(--serif);color:#2d563b;font-weight:400;margin:4px 0 0}.recommendation-title>p{font:15px/1.8 var(--body);color:#4f6444;max-width:520px}
.recommendation-notice{font:12px/1.8 var(--body);color:#7f8b73}.recommendation-list{display:grid;gap:22px;margin-top:23px}.recommendation-reason{font:13px/1.8 var(--body);color:#617653;margin-bottom:10px}.recommendation-reason b{font-weight:500;color:#3b5c34}
.reading-support{font:14px/1.85 var(--body);color:#546847;padding-left:19px;margin:16px 0}.reading-recommendation>.primary-btn{margin-top:19px}
.reading-feedback-prompt{margin:24px 0 35px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px;border:1px solid #d7dfce;border-radius:10px;background:#f3f5ec}
.reading-feedback-prompt h3{font:20px/1.5 var(--serif);font-weight:400}.reading-feedback-prompt p{font:14px/1.8 var(--body);color:var(--muted);margin-top:7px}.reading-feedback-prompt button{flex:none;min-height:44px;font-size:14px}
.feedback-article-title{font:16px/1.8 var(--body);color:#657454;margin:5px 0 20px}#modal .feedback-form{padding:0;border:0;background:transparent}#modal .reading-recommendation{margin-bottom:0;padding:20px}
.feedback-history{margin:30px 0}.feedback-history>summary{cursor:pointer;font:16px/1.8 var(--body);color:var(--green);padding:15px 0}.feedback-history>summary span{font-size:12px;color:var(--muted);margin-left:12px}
.feedback-history article{padding:20px 0;border-top:1px solid var(--line)}.feedback-history article>div{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font:12px/1.7 var(--body);color:#849075;margin-bottom:9px}.feedback-history article b{font-size:14px;font-weight:500;color:#465e3b}.feedback-history article>div>span{margin-left:auto;color:#557947}.feedback-history article>p{font:14px/1.8 var(--body);color:#637652;margin:8px 0 0}.feedback-history .text-btn{font:14px/1.8 var(--body);text-align:left}.feedback-history .feedback-note{white-space:pre-wrap;overflow-wrap:anywhere}
@media(max-width:760px){
 .bottom-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding-left:7px;padding-right:7px}
 .compact-card-shell .card-bookmark{inset:auto 15px 15px auto}.card-saved-status{margin-left:0}
 .reader-actions .article-bookmark{padding:7px;font-size:12px;gap:4px}.reader-actions .article-bookmark .icon{width:16px;height:16px}
 .learning-hint{padding:14px;margin-bottom:24px}.feedback-page .page-heading h1{font-size:30px}.feedback-page .page-tabs{gap:23px}
 .feedback-form{padding:22px 17px}.feedback-choice{padding:11px 10px;gap:8px}.feedback-choice b{font-size:14px}.feedback-choice small{font-size:13px}
 .feedback-submit{align-items:stretch;flex-direction:column;gap:14px}.feedback-submit .primary-btn{width:100%}.feedback-submit p{max-width:none}
 .reading-recommendation{padding:20px 16px}.recommendation-title{gap:18px;align-items:flex-start}.recommendation-title h2{font-size:39px}.recommendation-title>p{font-size:14px}
 .reading-feedback-prompt{padding:21px 17px;flex-direction:column;align-items:stretch}.reading-feedback-prompt button{align-self:flex-start}
 .recommendation-list .article-card-compact .article-card-cover{width:76px;flex-basis:76px}.recommendation-list .article-card-compact .article-card-body h3{font-size:19px}
}
@media(max-width:350px){.feedback-choices{grid-template-columns:1fr}.reader-actions .article-bookmark>span{display:none}}

/* A quieter reading journal: one lead story, generous type and practical secondary cards. */
:root{--muted:#6b786c;--line:#dde2d8}
.home-heading{align-items:center;margin-bottom:25px}.home-heading .eyebrow{font-size:12px;letter-spacing:.16em;color:#7c8a76;margin-bottom:11px}.home-heading h1{font-size:31px;letter-spacing:.02em;font-weight:500}
.home-heading .date-mark{font-size:12px;letter-spacing:.12em;color:#7c8a76}.home-heading .date-mark b{font-size:32px;font-weight:400}
.refined-feature{overflow:hidden;border:1px solid #dbe2d5;border-radius:13px;box-shadow:0 8px 28px #183a2510;background:#fffefb}
.refined-feature .cover-wrap{height:auto;aspect-ratio:16/9;position:relative;overflow:hidden;background:#e8ebdf}
.refined-feature .cover-wrap:after{background:linear-gradient(to bottom,#102a1f60,transparent 45%);pointer-events:none}
.refined-feature .cover-wrap>img{width:100%;height:100%;object-fit:cover}
.refined-feature .cover-top{top:19px;left:21px;right:21px;align-items:center;z-index:1}.refined-feature .white-label{font-size:12px;letter-spacing:.1em;padding:7px 10px;background:#fffdf4ef;color:#37543d;border-radius:4px}
.refined-feature .issue{font-size:12px;letter-spacing:.02em;text-shadow:0 1px 8px #0007}
.refined-feature .feature-body{padding:28px 30px 25px}.feature-kicker{display:flex;flex-wrap:wrap;align-items:center;gap:11px;font:12px/1.5 var(--body);letter-spacing:.07em;color:#76856d;margin-bottom:17px}.feature-kicker>span:nth-child(2){padding:3px 7px;border:1px solid #cad7bf;border-radius:4px;color:#46643a;background:#f0f4e9}.feature-kicker time{margin-left:auto;letter-spacing:.02em}
.refined-feature .feature-body h2{font-size:39px;line-height:1.14;letter-spacing:-.015em;font-weight:400;color:#243f31;max-width:780px}
.refined-feature .subtitle{margin-top:14px;color:#4b6045;font:17px/1.75 var(--body)}
.refined-feature .feature-description{margin-top:17px;color:#75816e;font:14px/1.9 var(--body);max-width:700px}
.feature-facts{display:flex;align-items:center;flex-wrap:wrap;gap:8px 20px;margin-top:20px;color:#7a866f;font:12px/1.8 var(--body)}
.refined-feature .feature-footer{align-items:center;flex-direction:row;gap:18px;margin-top:21px;padding-top:21px}
.feature-primary{display:flex;align-items:flex-start;flex-direction:column;gap:9px;min-width:0}.feature-primary .primary-btn{min-height:46px;padding:12px 24px;font-size:15px}.feature-primary>small{font:12px/1.7 var(--body);color:#809075}
.refined-feature .feature-footer>.article-bookmark{align-self:flex-start;min-height:46px;padding:10px 15px}
.home-personalization{margin:24px 0 30px}.home-personalization .learning-hint{margin:0;background:transparent;border:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);border-radius:0;padding:16px 2px;font-size:14px;color:#68805a}
.continue-reading{display:flex;align-items:center;gap:14px;width:100%;padding:19px 21px;margin-top:23px;border:1px solid #d6dfcd;border-radius:10px;background:#edf2e5;text-align:left}.continue-symbol{display:grid;place-items:center;width:39px;height:43px;border:1px solid #c8d6b9;border-radius:7px;color:#64824e;flex:none}.continue-copy{display:block;flex:1;min-width:0}.continue-copy>small{display:block;color:#7c8c6c;font:12px/1.6 var(--body);margin-bottom:6px}.continue-copy>b{display:block;font:15px/1.65 var(--body);font-weight:500;color:#3a5a30}.continue-reading>.icon{width:18px;height:18px;color:#7c9367}
.continue-copy progress{display:block;width:100%;height:3px;margin-top:12px;border:0;border-radius:2px;overflow:hidden;appearance:none;background:#dce5d0;color:#8fa478}.continue-copy progress::-webkit-progress-bar{background:#dce5d0}.continue-copy progress::-webkit-progress-value{background:#8fa478}.continue-copy progress::-moz-progress-bar{background:#8fa478}
.article-card.article-card-compact{align-items:center;box-shadow:none;gap:19px;border-color:#dce2d6;background:#fffefb;border-radius:10px;padding:19px}
.article-card-compact .article-card-cover{width:128px;flex-basis:128px;border-radius:6px}.article-card-compact .article-card-body h3{font:17px/1.7 var(--body);font-weight:500;letter-spacing:0;color:#344f39;overflow-wrap:normal}
.article-card-compact .article-card-body>.card-subtitle{font:19px/1.35 var(--serif);color:#78836f;margin-top:7px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.article-card-compact .article-card-body .meta{font-size:12px;line-height:1.7;gap:7px;margin-top:12px}.article-card-compact .meta .level{font-size:12px;padding:2px 5px;background:transparent;border:1px solid #c8d6bc}
.article-reading-status{width:100%;color:#728966;font-size:12px;line-height:1.7}.article-reading-status+.card-saved-status{margin-left:0}
.quiet-reading-note{border:0;background:transparent;padding:17px 0}.quiet-reading-note .serif{font-size:27px;color:#7b8c70}.quiet-reading-note p{font-size:13px;color:#939d86;margin-top:11px}
.reading-tools{gap:14px;margin-bottom:12px}.reading-tools>span{font:13px/1.6 var(--body);color:#7b8972}.reading-tools .toggle-btn{font-size:14px;min-height:44px;padding:7px 10px;color:#537043}
.reading-options{margin:0 0 26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.reading-options>summary{display:flex;align-items:center;gap:8px;cursor:pointer;list-style:none;min-height:44px;font:13px/1.8 var(--body);color:#7a8971;padding:8px 0}.reading-options>summary::-webkit-details-marker{display:none}.reading-options>summary>.icon{height:15px;width:15px}.reading-options>summary>span{color:#95a286;margin-left:3px}.reading-options>summary::after{content:'＋';margin-left:auto;font-size:17px;color:#839478}.reading-options[open]>summary::after{content:'−'}
.reading-options .annotation-tools{padding:1px 0 11px;margin:0;border:0;flex-wrap:wrap}.reading-options .annotation-tools>button{font-size:13px;min-height:44px}
.paragraph-label{font-size:12px;color:#85947c;letter-spacing:.13em;margin-bottom:13px}.sentence-row{scroll-margin-top:110px}
.sentence-row .translation{font-size:16px;line-height:1.9;color:#64745f;margin-top:12px}.sentence-actions{gap:18px;margin-top:8px}.sentence-actions .sentence-audio,.sentence-actions .sentence-explain{font-size:13px;min-height:44px;color:#7e8f72}
.sentence-actions button:hover{padding:5px 2px;margin:0;background:transparent}.sentence-actions button[aria-expanded="true"]{color:#2f623e;background:transparent;font-weight:500}
.inline-sentence-explanation{margin-top:9px;padding:20px 22px;border-color:#dbe4d1;background:#f0f4e9;border-left-color:#93aa80}.inline-explanation-head{font-size:13px}.inline-explanation-head .text-btn{font-size:13px;min-height:40px}.inline-sentence-explanation .study-inspector-section>p{font-size:15px;line-height:1.95}.study-inspector-detail>summary{font-size:15px;line-height:1.7;min-height:44px;padding-top:11px;padding-bottom:11px}
.reading-text{padding-bottom:45px}.reader-container>.reading-feedback-prompt{margin-bottom:190px}
.profile-adjustment{border:1px solid var(--line);border-radius:10px;background:#fffefa;margin:24px 0}.profile-adjustment>summary{font:15px/1.8 var(--body);color:#5b744b;padding:19px 22px;cursor:pointer}.profile-adjustment .feedback-form{border:0;border-top:1px solid var(--line);border-radius:0;background:transparent}
.feedback-optional{border-top:1px solid var(--line);margin-top:4px}.feedback-optional>summary{font:14px/1.8 var(--body);color:#607650;cursor:pointer;padding:16px 0}.feedback-optional>summary span{font-size:12px;color:#93a083;margin-left:8px}.feedback-optional .feedback-extra{padding-bottom:7px}
.feedback-page .page-heading h1{font-size:31px;font-weight:500}.feedback-page .page-heading>div>p:last-child{font-size:14px;line-height:1.9}.feedback-page>.reading-recommendation{box-shadow:none;background:#f2f5ec}
@media(max-width:760px){
 .home-heading h1{font-size:24px}.home-heading .eyebrow{font-size:12px;letter-spacing:.13em}.home-heading .date-mark b{font-size:27px}.home-heading{margin-bottom:20px}
 .content{padding-left:21px;padding-right:21px}.refined-feature .cover-top{top:14px;left:15px;right:15px}.refined-feature .issue{font-size:12px}
 .refined-feature .feature-body{padding:21px 20px 22px}.refined-feature .feature-body h2{font-size:32px;line-height:1.15}.refined-feature .subtitle{font-size:16px;line-height:1.8;margin-top:12px}.refined-feature .feature-description{font-size:14px;line-height:1.9;margin-top:13px}
 .feature-kicker{gap:8px;margin-bottom:15px;font-size:12px}.feature-kicker time{width:100%;margin-left:0;color:#8e9a81}
 .refined-feature .feature-footer{align-items:flex-start;gap:12px}.feature-primary{flex:1}.feature-primary .primary-btn{width:100%;padding:11px 15px;font-size:14px}.refined-feature .feature-footer>.article-bookmark{padding:10px 11px;font-size:13px}
 .feature-facts{gap:4px 15px;font-size:12px}.feature-primary>small{font-size:12px;line-height:1.7}
 .article-card.article-card-compact{gap:14px;padding:15px;align-items:flex-start}.article-card-compact .article-card-cover{width:94px;flex-basis:94px}.article-card-compact .article-card-body h3{font-size:16px;line-height:1.75}.article-card-compact .article-card-body>.card-subtitle{font-size:17px;line-height:1.35;-webkit-line-clamp:2;margin-top:5px}.article-card-compact .article-card-body .meta{gap:5px;margin-top:10px}
 .continue-reading{padding:17px 15px;gap:11px}.continue-symbol{display:none}.continue-copy>b{font-size:15px}.home-personalization{margin:21px 0 25px}
 .compact-reader-heading h1{font-size:28px;line-height:1.22}.compact-reader-heading .eyebrow{font-size:12px;letter-spacing:.08em}.lesson-tabs .page-tab{font-size:14px;min-height:45px}.reader-nav .back-btn{font-size:13px;min-height:42px}
 .reading-tools{gap:8px;align-items:center;flex-wrap:wrap}.reading-tools>span{font-size:13px}.reading-tools .toggle-btn{font-size:13px;min-height:44px}.reading-options>summary{font-size:13px}
 .sentence-row{grid-template-columns:23px minmax(0,1fr);gap:10px;scroll-margin-top:85px}.sentence-gutter .sentence-number{font-size:12px;min-height:40px}.sentence-row .translation{font-size:16px}.inline-sentence-explanation{padding:17px 16px}.inline-sentence-explanation .study-inspector-section>p{font-size:15px}
 .recommendation-list .article-card-compact .article-card-body h3{font:15px/1.75 var(--body);font-weight:500}.recommendation-list .article-card-compact .article-card-body>.card-subtitle{font-size:16px}.feedback-page .page-heading h1{font-size:27px}
}
@media(max-width:360px){.content{padding-left:17px;padding-right:17px}.refined-feature .feature-body{padding-left:17px;padding-right:17px}.article-card-compact .article-card-cover{width:80px;flex-basis:80px}.article-card.article-card-compact{gap:12px;padding:13px}.refined-feature .feature-body h2{font-size:30px}.feature-kicker time{font-size:12px}}

/* Bookmarks belong to the text area, with their own space at the right. */
.article-card-shell .article-card-body .meta{padding-right:56px;min-height:44px;box-sizing:content-box;align-items:center}
.refined-feature .feature-footer>.article-bookmark{margin-left:auto}
.annotation-public-notice{padding:12px 14px;background:#edf2e6;border:1px solid #d7e0ce;border-radius:8px;color:#526a45;font:14px/1.8 var(--body);margin:0 0 14px}
@media(max-width:760px){.lead-card-shell .card-bookmark{inset:auto 18px 19px auto}}
@media(max-width:360px){.compact-card-shell .card-bookmark{inset:auto 12px 12px auto}}

.audio-follow{position:fixed;z-index:40;right:20px;bottom:160px;display:flex;align-items:center;min-height:44px;padding:10px 16px;border:1px solid #bacab0;border-radius:24px;background:#fffef8;color:#355a3e;box-shadow:0 4px 18px #17332618;font:14px/1.5 var(--body);cursor:pointer}
.audio-follow[hidden]{display:none!important}.audio-follow:hover{background:#edf2e6}.audio-follow:focus-visible{outline:2px solid #557a43;outline-offset:3px}

/* An identifiable account, with quiet controls and clear storage scope. */
.account-page{max-width:780px;margin:auto}.account-page .page-heading h1{font-size:30px}.account-state{font-size:13px;color:#4b7449;padding:6px 10px;border:1px solid #cad9c0;border-radius:16px;background:#eef4e7}
.account-avatar{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:20px;background:#e2ebd7;color:#496340;flex:none}.account-avatar .icon{width:29px;height:29px}.account-avatar.book{background:#e4e9ef;color:#566b83}.account-avatar.headphones{background:#ede2d6;color:#967346}.account-avatar.sun{background:#f1e9c9;color:#9b8440}
.account-card{display:flex;align-items:center;gap:20px;padding:28px;border:1px solid #d9e1d1;border-radius:14px;background:#fffefa}.account-card-copy{flex:1;min-width:0}.account-card-copy h2{font:500 24px/1.5 var(--body);color:#2d4b37;overflow-wrap:anywhere}.account-card-copy p{margin-top:5px;font:14px/1.7 var(--body);color:#78856f;overflow-wrap:anywhere}.account-card-copy small{display:block;margin-top:3px;color:#919b86;font-size:12px}.account-card>.text-btn{font-size:14px;white-space:nowrap;min-height:44px}
.account-shortcuts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0;margin-bottom:8px}.account-shortcuts>*{display:flex;flex-direction:column;align-items:center;gap:9px;background:transparent;color:var(--green);padding:0 8px;border-right:1px solid var(--line)}.account-shortcuts>*:last-child{border-right:0}.account-shortcuts b{font:30px/1 var(--serif);font-weight:400}.account-shortcuts span{font:12px/1.7 var(--body);color:#78856e;text-align:center}
.account-menu{border:1px solid var(--line);border-radius:12px;background:#fffefa;overflow:hidden;margin:20px 0}.account-row{display:flex;align-items:center;gap:14px;padding:19px 22px;width:100%;text-align:left;background:transparent;border-bottom:1px solid var(--line);color:#5e7450}.account-row:last-child{border-bottom:0}.account-row>span{flex:1;min-width:0}.account-row b{display:block;font:500 15px/1.6 var(--body);color:#385437}.account-row small{display:block;font:13px/1.8 var(--body);color:#89937e;margin-top:4px}.account-row>.icon:first-child{width:20px;height:20px}.account-row>.icon:last-child{width:16px;height:16px;color:#9cab8b}.account-row:hover{background:#f3f6ed}
.account-reading-history{padding:0 3px;border-bottom:1px solid var(--line)}.account-reading-history>summary{cursor:pointer;padding:16px 0;font:14px/1.8 var(--body);color:#5d7450}.account-reading-history>summary span{float:right;color:#8a987b}.account-reading-history>p{font:14px/1.8 var(--body);padding:8px 0 22px;color:#8a967f}.account-storage-note{font:13px/1.9 var(--body);color:#89957d;margin:22px 3px 26px}.account-session{display:flex;align-items:center;justify-content:space-between;gap:20px;font:14px/1.7 var(--body);color:#849276;padding:17px 3px;border-top:1px solid var(--line)}.account-session a{color:#775f4a;text-underline-offset:4px;min-height:44px;display:inline-flex;align-items:center}
.account-welcome{text-align:center;border:1px solid var(--line);border-radius:14px;padding:48px 24px;background:#fffefa}.account-welcome h2{font:22px/1.7 var(--body);margin:22px 0 12px;color:var(--green)}.account-welcome p{font:15px/1.8 var(--body);color:#7b8971;margin-bottom:24px}.account-welcome .primary-btn{text-decoration:none}
.account-nickname{display:grid;gap:12px;color:#45613a;font-size:15px}.account-nickname input{width:100%;padding:12px 14px;min-height:48px;border:1px solid #cbd7bf;border-radius:8px;color:#345030;background:#fffef8;font:16px/1.6 var(--body)}.account-nickname input:focus{outline:2px solid #a2b78a;outline-offset:2px}.account-form-hint{font:13px/1.9 var(--body);color:#89957d;margin:11px 0 25px}.account-choice{border:0;padding:0;margin:0 0 23px}.account-choice legend{font:15px/1.6 var(--body);color:#45613a;margin-bottom:12px}.account-choice>div{display:flex;gap:9px;flex-wrap:wrap}.account-choice label{position:relative;display:flex;align-items:center;justify-content:center;gap:6px;flex:1;min-width:60px;min-height:46px;padding:10px 9px;border:1px solid #d5decd;border-radius:8px;font:14px/1.7 var(--body);color:#7a896c;cursor:pointer}.account-choice input{position:absolute;opacity:0;width:1px;height:1px}.account-choice label:has(input:checked){color:#31582f;background:#e9f0e0;border-color:#98b181;box-shadow:inset 0 0 0 1px #98b181}.account-choice label:has(input:focus-visible){outline:2px solid #567448;outline-offset:3px}.account-choice label:has(input:disabled){opacity:.65;cursor:wait}.account-avatar-choice label{flex-direction:column;padding:13px 5px}.account-avatar-choice .account-avatar{width:46px;height:46px;border-radius:15px}.account-avatar-choice .icon{width:23px;height:23px}.account-submit{width:100%;min-height:46px;margin-top:9px}.sidebar-user .account-avatar{width:36px;height:36px;border-radius:11px}.sidebar-user .account-avatar .icon{width:20px;height:20px}.sidebar-user>span:last-child{min-width:0}.sidebar-user b{overflow-wrap:anywhere}
@media(max-width:760px){.account-card{padding:21px 18px;gap:13px;flex-wrap:wrap}.account-card .account-avatar{width:54px;height:54px;border-radius:17px}.account-card-copy h2{font-size:20px}.account-card>.text-btn{margin-left:auto}.account-row{padding:18px;gap:12px}.account-choice>div{gap:7px}.account-shortcuts b{font-size:28px}}

/* Bilingual brief: compact topics with paired translations. */
.brief-topic{font-size:1.1rem;line-height:1.5;margin:0 0 18px;color:var(--green)}
.brief-topic span{display:block;font-size:.875rem;font-weight:400;color:var(--muted);margin-top:4px}
.brief-source{font-size:.875rem;line-height:1.7;color:var(--muted);margin-top:24px}
.skim-reader .sentence-row{margin-bottom:16px}
.skim-reader .sentence-actions{margin-top:6px}
.skim-reader .reader-byline{font-size:.875rem}
@media(min-width:1000px){
 .skim-reader .sentence-body:has(.translation){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:24px;align-items:start}
 .skim-reader .sentence-body>.translation{grid-column:2;grid-row:1;margin-top:0;padding:0 0 0 20px;border-left:1px solid var(--line)}
 .skim-reader .sentence-actions{grid-column:1}
}

.leaf-auth-form{display:grid;gap:16px}.leaf-auth-form>.primary-btn{width:100%;justify-content:center;min-height:46px}.leaf-auth-form>.text-btn{justify-self:end}.leaf-auth-help{font-size:14px;line-height:1.8;color:#64715f}.leaf-auth-help summary{cursor:pointer;color:#36543c}.leaf-auth-help p{margin-top:10px}.leaf-sync-card{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;margin:20px 0;background:#f0f5eb;border:1px solid #dbe5d3;border-radius:14px}.leaf-sync-copy b,.leaf-sync-copy small{display:block}.leaf-sync-copy b{font-size:14px;color:#36543c}.leaf-sync-copy small{font-size:12px;color:#65725f;margin-top:5px}.leaf-sync-card button{flex-shrink:0}@media(max-width:480px){.leaf-sync-card{padding:16px;align-items:flex-start}}

/* Contextual margin notes: the reader remains the visual anchor. */
#annotation-margin[hidden],.notebook-groups [hidden],#notebook-search-empty[hidden]{display:none!important}
#annotation-margin{position:absolute;z-index:22;width:304px;overflow-y:auto;overscroll-behavior:contain;background:var(--white);color:var(--ink);border:1px solid #d9dfd1;border-radius:12px;box-shadow:0 8px 28px #183d370b;padding:0 16px 16px;scrollbar-width:thin}
.margin-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:12px;background:var(--white);padding:17px 0 12px;border-bottom:1px solid var(--line)}
.margin-eyebrow{display:block;font:10px/1.6 var(--body);letter-spacing:1.8px;color:var(--muted)}.margin-head h2{margin:4px 0 0;font:500 19px/1.4 var(--body)}.margin-head .icon-btn{height:34px;min-width:34px;width:34px;border:0;background:transparent}.margin-head .icon-btn:hover{background:var(--green-soft)}
.margin-controls{display:flex;align-items:center;flex-wrap:wrap;gap:4px;padding:11px 0}.margin-controls button{padding:6px 8px;min-height:34px;border-radius:6px;background:transparent;color:var(--muted);font-size:12px}.margin-controls button[aria-pressed=true]{background:var(--green-soft);color:var(--green)}
.margin-list{display:grid;gap:0}.margin-card{padding:16px 0;border-top:1px solid var(--line)}.margin-card.is-active{border-radius:7px;background:#f2f5ec;box-shadow:0 0 0 8px #f2f5ec}.margin-author{display:flex;justify-content:space-between;gap:8px;font-size:12px}.margin-author b{font-weight:500;overflow-wrap:anywhere}.margin-author span{font-size:11px;color:var(--muted)}
.margin-quote{display:block;width:100%;text-align:left;padding:1px 0 1px 9px;margin:10px 0;border:0;border-left:2px solid #d4c395;background:transparent;color:#7b806e;font:13px/1.65 var(--serif);max-height:84px;overflow:auto;overflow-wrap:anywhere}.margin-quote:hover{color:var(--green);border-color:var(--green)}.margin-note{font:14px/1.85 var(--body);white-space:pre-wrap;overflow-wrap:anywhere}.margin-card-actions{display:flex;gap:14px;margin-top:8px}.margin-card-actions button{font-size:12px;min-height:30px;color:var(--muted)}.margin-empty{padding:18px 0;color:var(--muted);font:13px/1.85 var(--body)}#margin-status p{font-size:12px;line-height:1.8;margin:8px 0}
.margin-compose{padding:14px 0 18px}.margin-compose blockquote{margin:0 0 16px;padding:0 0 0 10px;border-left:2px solid #b8a36b;font:13px/1.7 var(--serif);color:var(--muted);max-height:100px;overflow:auto;overflow-wrap:anywhere}.margin-compose label{display:block;font-size:13px;margin-bottom:10px}.margin-compose textarea{box-sizing:border-box;width:100%;min-height:140px;padding:11px;border:1px solid #bac9ad;border-radius:7px;background:var(--white);color:var(--ink);font:16px/1.7 var(--body);resize:vertical}.margin-compose textarea:focus{outline:2px solid #496d50;outline-offset:1px}.margin-compose-meta{display:flex;justify-content:space-between;align-items:start;gap:8px;font:11px/1.6 var(--body);color:var(--muted);margin:9px 0 13px}#margin-note-count{white-space:nowrap}.margin-compose-actions{display:flex;align-items:center;justify-content:space-between;gap:7px}.margin-compose-actions .text-btn{font-size:12px;min-height:40px}.margin-compose-actions .primary-btn{font-size:12px;padding:9px 12px;min-height:40px}.margin-compose .inline-error{font-size:13px;line-height:1.7;margin-bottom:8px}#margin-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:10px}#margin-foot .text-btn{font-size:12px;min-height:36px}
.margin-draft-item{display:block;text-align:left;padding:14px 0;background:transparent;border-bottom:1px solid var(--line)}.margin-draft-item b,.margin-draft-item span{display:block;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.margin-draft-item b{font:13px/1.7 var(--serif);color:var(--muted)}.margin-draft-item span{font:14px/1.7 var(--body);margin-top:7px}
.reading-tool-actions{display:flex;gap:8px;flex-wrap:wrap}.sentence-row{position:relative}.sentence-margin-entry{position:absolute;right:-38px;top:11px;display:flex;align-items:center;justify-content:center;gap:3px;background:transparent;color:#929c88;min-height:32px;min-width:30px;border-radius:5px;padding:4px;opacity:0}.sentence-margin-entry .icon{width:16px;height:16px}.sentence-margin-entry span{font-size:11px}.sentence-row:hover .sentence-margin-entry,.sentence-row:focus-within .sentence-margin-entry,.sentence-margin-entry.has-notes{opacity:1}.sentence-margin-entry:hover,.sentence-margin-entry:focus-visible{background:var(--green-soft);color:var(--green)}
.reader-mark{cursor:pointer}.reader-mark.mine{background:#edf0d8;border-bottom:1px solid #c9d0a6}.reader-mark.active-selection{background:#f5e4a6;box-shadow:0 2px 0 #d5b867}.reader-mark:focus-visible{outline:2px solid #537548;outline-offset:2px}
.notebook-search{display:grid;gap:9px;font:13px/1.6 var(--body);color:var(--muted);margin:20px 0}.notebook-search input{width:100%;min-height:45px;border:1px solid var(--line);border-radius:8px;background:var(--white);padding:10px 14px;font:16px/1.6 var(--body);color:var(--ink)}.notebook-group{margin:30px 0}.notebook-group>h2{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px;font:500 20px/1.6 var(--body)}.notebook-group>h2 span{font:12px/1.5 var(--body);color:var(--muted);white-space:nowrap}
@media(min-width:1280px){body.article-layout .desktop-main{padding-right:340px}body.article-layout .content{padding-left:24px;padding-right:24px}body.article-layout .reader-container{padding-left:28px;padding-right:54px}}
@media(max-width:1279px){#annotation-margin{position:fixed;left:0!important;right:0;top:auto!important;bottom:0;width:auto;max-height:58dvh!important;border-radius:18px 18px 0 0;padding:0 22px calc(22px + env(safe-area-inset-bottom));box-shadow:0 -10px 40px #183d3720;z-index:42}.margin-head{padding-top:14px}.margin-controls button{min-height:40px;font-size:13px}.margin-list,.margin-compose,#margin-status,#margin-foot{max-width:680px;margin-left:auto;margin-right:auto}.margin-compose textarea{min-height:110px}.sentence-margin-entry{position:static;display:inline-flex;opacity:1;min-height:34px;margin-top:5px}.sentence-margin-entry:not(.has-notes){color:#a1a88e}.sentence-margin-entry:not(.has-notes)::after{content:'批注';font-size:12px}.has-margin-notes .sentence-row{scroll-margin-bottom:58dvh}.article-layout .content{padding-bottom:60dvh}.notebook-group>h2{font-size:17px}.reading-tools{flex-wrap:wrap}}
@media(hover:none){.sentence-margin-entry{opacity:1}}
/* Unified reading scores and quiet, inline feedback. */
.article-difficulty-card{display:grid;grid-template-columns:minmax(150px,.7fr) minmax(0,2fr);gap:30px;padding:28px;margin:28px 0;background:#f0f3e8;border:1px solid var(--line);border-radius:14px}
.article-score{display:flex;align-items:baseline;gap:9px;margin:10px 0}.article-score strong{font:54px/1.1 var(--serif);color:var(--green)}.article-score span{font:16px/1.6 var(--body);color:var(--muted)}
.article-difficulty-card p{font:14px/1.9 var(--body);margin:0 0 12px}.article-difficulty-card .eyebrow{font-size:11px}.article-difficulty-copy{align-self:center}.personal-score-match{color:var(--green)}
.account-learning{margin:30px 0}.score-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}.score-heading h2{font:19px/1.8 var(--body);margin:6px 0}.score-heading h2 b{font:36px/1.3 var(--serif);margin-left:8px}.score-heading h2 small{font:13px/1.6 var(--body);color:var(--muted)}
.score-heading .text-btn{flex:none}.reading-recommendation>p{font:14px/1.9 var(--body)}.home-personalization .recommendation-list{grid-template-columns:1fr}.home-personalization .learning-hint{cursor:default;flex-wrap:wrap}.learning-hint .text-btn{margin-left:auto;white-space:nowrap}
.reading-comparison{margin:14px 0;padding:14px 16px;border:1px solid #d1ddc5;border-radius:9px;background:#ffffff80;color:#465d3d;font:14px/1.8 var(--body);overflow-wrap:anywhere}.reading-comparison p{margin:0}.reading-comparison strong{font-size:24px;font-weight:650;color:var(--green,#36543b)}.reading-comparison details{margin-top:5px;font-size:12px;color:#596952}.reading-comparison summary{cursor:pointer;min-height:24px}.reading-comparison details p{margin-top:6px}
.reading-start-control{padding:20px 0;margin-bottom:20px;border-top:1px solid var(--line)}.reading-start-control label{display:block;font:14px/1.9 var(--body);margin-bottom:14px}.reading-start-control input[type=checkbox]{margin-right:8px;accent-color:var(--green)}.reading-start-control input[type=range]{display:block;width:100%;accent-color:var(--green)}.reading-start-control p{font:12px/1.8 var(--body);color:var(--muted);margin-top:12px}
.reader-container #article-reading-feedback{display:block;padding:26px;margin-top:32px;margin-bottom:160px}.inline-reading-choices{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap}.inline-reading-choices button{min-height:44px;min-width:85px;justify-content:center;flex:1}.inline-reading-choices button[aria-pressed=true]{background:var(--green);color:#fff;border-color:var(--green)}.inline-reading-choices button:disabled{opacity:.65}.reading-feedback-prompt .inline-reading-status{min-height:24px;font-size:13px;margin-top:14px}.inline-reading-choices button:focus-visible{outline:2px solid var(--green);outline-offset:3px}
@media(max-width:760px){.bottom-nav{grid-template-columns:repeat(4,minmax(0,1fr))!important}.article-difficulty-card{grid-template-columns:1fr;gap:12px;padding:22px 18px}.article-score strong{font-size:44px}.score-heading{flex-wrap:wrap}.score-heading h2{font-size:17px}.reader-container #article-reading-feedback{padding:22px 18px}.inline-reading-choices{gap:8px}.inline-reading-choices button{min-width:0;padding:12px 16px}}
.discovery-filters{display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap;margin:18px 0 26px;padding:20px;border:1px solid var(--line);border-radius:12px;background:#fffefa}
.discovery-filter{flex:1;min-width:140px;display:grid;gap:8px;font:13px/1.7 var(--body);color:var(--muted)}.discovery-filter select{width:100%;min-height:44px;padding:10px 32px 10px 12px;border:1px solid var(--line);border-radius:7px;background:#fffefa;color:var(--green);font:14px/1.6 var(--body)}.discovery-filter select:focus-visible{outline:2px solid var(--green);outline-offset:3px}.discovery-reset{min-height:44px;white-space:nowrap}
.today-suggestions{margin:28px 0}.today-suggestions .section-heading{margin-bottom:8px}.today-suggestions-note{font:14px/1.9 var(--body);color:var(--muted);margin-bottom:18px}.today-suggestions-list{display:grid;gap:18px}.today-suggestions-list .recommendation-reason{margin:10px 4px 0}
.discover-invitation{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px 0;margin-top:25px;border-top:1px solid var(--line)}.discover-invitation h2{font:20px/1.6 var(--serif)}.discover-invitation p{font:14px/1.9 var(--body);color:var(--muted);margin-top:6px}.discover-invitation button{flex:none}
@media(max-width:760px){.discovery-filters{padding:16px;gap:12px}.discovery-filter{min-width:calc(50% - 12px)}.discovery-reset{margin-left:auto}.discover-invitation{align-items:flex-start;flex-direction:column;gap:16px}.today-suggestions-note{font-size:13px}}

/* Keep the navigation frame stationary across reader tabs and scroll heights. */
html{scrollbar-gutter:stable}
@supports not (scrollbar-gutter:stable){html{overflow-y:scroll}}
.sidebar{align-self:start}

/* Reader refreshes must not replay the entrance transform under the viewport. */
.article-layout .content.fade-in{animation:none}

/* Reading companions and a quiet, movable player (2026-09-09). */
.cartoon-avatar{display:block;width:100%;height:100%;overflow:hidden;border-radius:inherit}
.account-avatar-choice>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.account-avatar-choice label{min-width:0;padding:10px 4px;gap:6px;background:#fffdf8;border-radius:14px}
.account-avatar-choice .account-avatar{width:56px;height:56px;border-radius:18px;transition:transform .16s ease}
.account-avatar-choice label:hover .account-avatar{transform:translateY(-2px)}
.account-avatar-choice label>span:last-child{font-size:12px}
.cloud-status.guest{color:var(--muted);background:#f0f3eb;border-color:var(--line);line-height:1.8}
.cloud-status.guest a{color:var(--green);text-underline-offset:3px}
.missing-article{padding:65px 24px;max-width:650px;margin:auto;text-align:center}
.missing-article h1{font:30px/1.5 var(--serif);margin:20px 0 12px}.missing-article p{line-height:1.9;margin-bottom:24px}
/* Isolated player classes: legacy .audio-track is a 3px progress bar, never a text container. */
.listening-dock{position:fixed;z-index:40;left:50%;bottom:20px;transform:translateX(-50%);width:min(620px,calc(100vw - 24px));margin:0;padding:12px;background:#fffefbf7;color:#2e5142;border:1px solid #d8dfd2;border-radius:16px;box-shadow:0 6px 24px #233d3014;backdrop-filter:blur(12px);container:listening / inline-size;max-height:calc(100dvh - 24px);overflow:auto}
.listening-dock[hidden]{display:none!important}
.listening-strip{display:grid;grid-template-columns:132px minmax(0,1fr) 132px;align-items:center;gap:12px}
.listening-transport,.listening-options{display:flex;align-items:center;gap:0}
.listening-button{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:10px;background:transparent;color:#526c5b;font:500 13px/1 var(--body);cursor:pointer;box-shadow:none}
.listening-button .icon{width:19px;height:19px}
.listening-button:hover{background:#edf1e7;color:#274b3a}
.listening-button:disabled{opacity:.32;cursor:default;background:transparent}
.listening-play{border-radius:50%;background:#315b46;color:#fffef8}
.listening-play:hover{background:#254936;color:#fffef8}
.listening-play .icon{width:20px;height:20px}
.listening-loop.active{color:#315b46;background:#e6eddd;box-shadow:inset 0 0 0 1px #cad8bf}
.listening-collapse{color:#7e8b79}
.listening-button:focus-visible,.listening-seek:focus-visible{outline:2px solid #638462;outline-offset:3px}
.listening-timeline{min-width:0}
.listening-meta{display:flex;justify-content:space-between;align-items:center;gap:10px;height:18px;font:11px/18px var(--body)}
.listening-dock #audio-status{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#788371}
.listening-dock #audio-position{flex-shrink:0;color:#677661;font:11px/18px var(--body);font-variant-numeric:tabular-nums;letter-spacing:0;white-space:nowrap}
.listening-seek{display:block;appearance:none;-webkit-appearance:none;box-sizing:border-box;width:100%;min-width:0;height:24px;margin:0;padding:0;border:0;background:transparent;cursor:pointer;touch-action:none;--audio-progress:0%}
.listening-seek::-webkit-slider-runnable-track{height:3px;border-radius:4px;background:linear-gradient(to right,#527957 var(--audio-progress),#e0e6d9 var(--audio-progress))}
.listening-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;box-sizing:border-box;width:11px;height:11px;margin-top:-4px;border:2px solid #fffefb;border-radius:50%;background:#527957;box-shadow:0 0 0 1px #52795720}
.listening-seek::-moz-range-track{height:3px;border-radius:4px;background:#e0e6d9}.listening-seek::-moz-range-progress{height:3px;background:#527957}
.listening-seek::-moz-range-thumb{box-sizing:border-box;width:11px;height:11px;border:2px solid #fffefb;border-radius:50%;background:#527957}
.listening-message{margin:10px 4px 0;padding-top:10px;border-top:1px solid #ede6da;color:#a14531;font:12px/1.7 var(--body);overflow-wrap:anywhere}
.listening-message[hidden]{display:none}
@container listening (max-width:540px){.listening-strip{grid-template-columns:1fr 1fr;gap:2px 8px}.listening-timeline{grid-column:1/-1;grid-row:1}.listening-options{justify-content:flex-end}.listening-transport{grid-column:1;grid-row:2}.listening-meta{font-size:11px}}
.audio-orb{touch-action:none;user-select:none;transition:left .25s ease,top .25s ease,box-shadow .15s ease;animation:none;will-change:auto}
.audio-orb[data-dragging=true]{transition:none;cursor:grabbing;box-shadow:0 12px 28px #17332642}
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.listening-dock{padding:10px 12px}.account-avatar-choice>div{gap:7px}.account-avatar-choice .account-avatar{width:49px;height:49px}}
@media(prefers-reduced-motion:reduce){.audio-orb,.account-avatar-choice .account-avatar{transition:none}}

/* Clearing a route message must also remove its padded, fading background. */
#toast:empty{display:none}

/* Wide reading rail: the original reader geometry never changes on mode switches. */
#reading-rail[hidden],#rail-outline[hidden]{display:none!important}
#reading-rail{position:fixed;z-index:22;display:flex;flex-direction:column;width:304px;background:var(--white);border:1px solid #dce2d4;border-radius:14px;overflow:hidden;box-shadow:0 5px 22px #183d3706}
.rail-tabs{display:flex;align-items:center;flex-shrink:0;gap:16px;padding:0 16px;border-bottom:1px solid var(--line);min-height:55px}
.rail-tabs button{position:relative;min-height:54px;padding:0;border:0;background:none;color:#85907c;font:13px/1.4 var(--body)}
.rail-tabs button[aria-pressed=true]{color:var(--green)}.rail-tabs button[aria-pressed=true]::after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--green)}
#rail-count{margin-left:auto;color:#919a89;font:11px/1.4 var(--body)}
#rail-outline{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:10px}
.rail-paragraph{width:100%;display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;padding:11px 10px;margin:0 0 3px;text-align:left;border:0;border-radius:8px;color:#65725d;background:none;font:12px/1.7 var(--body)}
.rail-paragraph>span:first-child{color:#98a18c;font-size:10px;letter-spacing:.05em;padding-top:2px}.rail-paragraph>span:last-child{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}
.rail-paragraph:hover{background:#f5f6ef}.rail-paragraph[aria-current]{background:#edf2e6;color:#365740}.rail-paragraph[aria-current]>span:first-child{color:#52744c}
.rail-paragraph:focus-visible,.rail-tabs button:focus-visible{outline:2px solid #638462;outline-offset:1px}
body.has-reading-rail #annotation-margin{position:static!important;left:auto!important;top:auto!important;right:auto;bottom:auto;width:auto;min-height:0;max-height:none!important;flex:1;overflow-y:auto;border:0;border-radius:0;box-shadow:none;padding:0 16px 16px}
body.has-reading-rail .margin-head{padding-top:16px}.has-reading-rail .margin-eyebrow{display:none}.has-reading-rail .margin-head h2{font-size:16px}
body.has-reading-rail .listening-dock{box-shadow:0 5px 22px #183d3708}
body.has-reading-rail .audio-orb{transition:none}

/* Reading preferences are explicit so every browser reports the selected size. */
html[data-read-size="18"] .english-text{font-size:18px}
html[data-read-size="21"] .english-text{font-size:21px}
html[data-read-size="24"] .english-text{font-size:24px}
.practice-mode-note{display:flex;align-items:flex-start;gap:9px;margin-top:15px!important;padding:12px 14px;border-radius:8px;background:#eef2e6;color:#536451!important}
.practice-mode-note b{flex:none;padding:2px 7px;border-radius:12px;background:#dce7d3;color:#31583d;font-size:12px;font-weight:600}
.margin-compose-meta .margin-guest-note{color:#6a5b36;font-size:12px;line-height:1.65}

/* The public wordmark stays legible at every navigation width. */
.sidebar .brand{flex-direction:column;align-items:flex-start;gap:12px}
.brand-copy{display:block;min-width:0;max-width:100%}
.brand-name{display:block;font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.25;letter-spacing:-.65px;white-space:nowrap}
.brand-en{display:block;font-size:13px;letter-spacing:1px;margin-top:5px}
@media(min-width:761px) and (max-width:1190px){.sidebar .brand-name{font-size:18px}}
@media(max-width:760px){.mobile-header{gap:8px}.mobile-header .brand{gap:8px;min-width:0}.mobile-header .brand-symbol{flex:none}.mobile-header .brand-name{font-size:20px;letter-spacing:-.65px}.mobile-header>.quiet-pill{flex:none}}
@media(max-width:380px){.mobile-header{padding-left:16px;padding-right:16px}.mobile-header .brand-name{font-size:18px}}

/* Approved stacked-page identity and original uniformed reading companions. */
.brand-symbol,.mobile-header .brand-symbol{background:transparent;border-radius:0;width:40px;height:48px;flex:none}
.brand-symbol img{display:block;width:100%;height:100%;object-fit:contain}
.brand-name{font-family:var(--body);font-weight:600}
.sidebar .brand-name{font-size:18px;letter-spacing:-.75px}

.branded-companion,.ordinary-animal{mix-blend-mode:multiply}
.account-avatar:has(.cartoon-avatar){background:var(--paper)}
.account-welcome>.account-avatar{width:112px;height:112px}
@media(max-width:760px){.mobile-header .brand-symbol{width:28px;height:34px}.mobile-header .brand-name{font-size:18px;letter-spacing:-.8px}}
@media(max-width:380px){.mobile-header .brand-name{font-size:16px}}
/* Continuous reading and private practice. Keep the existing reader frame. */
.reading-layout-switch{display:flex;gap:4px;flex-wrap:wrap}.reading-layout-switch [aria-pressed="true"],.practice-checks [aria-pressed="true"]{background:var(--green);color:white}
.flow-hint{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 20px}.flow-reading .flow-paragraph{padding:0 0 26px}.flow-paragraph>:not(.paragraph-label){grid-column:2;min-width:0}.flow-paragraph>.paragraph-label{grid-row:1}
.flow-reading .english-text{line-height:1.95;margin:10px 0;font-size:var(--read-size,21px)}
.flow-reading .sentence-row,.flow-reading .sentence-body{display:inline;position:static;padding:0;margin:0;border:0;background:transparent}
.flow-reading .sentence{cursor:text;border-radius:3px}.flow-reading .sentence:focus-visible{outline:2px solid var(--green);outline-offset:3px}
.flow-translation{margin:12px 0}.flow-translation summary{font-size:13px;color:var(--green);cursor:pointer;min-height:32px;padding:6px 0}
.flow-reading .translation{line-height:1.9;margin:6px 0 0}.flow-paragraph-actions{display:flex;gap:20px;flex-wrap:wrap}.flow-paragraph-actions button{min-height:44px}
.learning-paths,.warmup,.practice-redo{margin:20px 0 26px;padding:20px;border:1px solid var(--line);border-radius:10px;background:var(--white)}
.learning-paths h2,.warmup h2,.practice-redo h2{font-size:19px;margin-bottom:14px}.learning-paths>div,.practice-checks,.practice-warmup-links{display:flex;gap:10px;flex-wrap:wrap}.learning-paths p,.practice-course-status p,.practice-redo p{font-size:14px;line-height:1.8;color:var(--muted);margin-top:12px}
.warmup .study-section{padding:16px;margin:15px 0}.warmup summary{cursor:pointer;line-height:1.8}.focus-learning{padding:20px}.focus-learning summary{cursor:pointer;font-weight:600}.focus-learning>button{display:block;text-align:left;white-space:normal;line-height:1.7;margin:8px 0;min-height:44px}
.practice-question{scroll-margin-top:110px;min-width:0}.practice-input-label{display:block;font-size:14px;line-height:1.8;margin:16px 0 8px}
.practice-question textarea{display:block;box-sizing:border-box;width:100%;max-width:100%;resize:vertical;background:var(--white);border:1px solid #a6b29f;border-radius:6px;padding:12px;font:inherit;line-height:1.8;color:var(--ink)}
.practice-options{border:0;margin:14px 0;padding:0}.practice-options legend{font-size:13px;margin-bottom:8px}.practice-options label{display:flex;align-items:flex-start;gap:10px;min-height:44px;padding:10px;border:1px solid var(--line);margin:8px 0;border-radius:6px;cursor:pointer}.practice-options input{margin-top:5px;accent-color:var(--green)}
.practice-save-status,.practice-sync-error{font-size:13px;line-height:1.8;color:var(--muted);overflow-wrap:anywhere}.practice-checks{margin-top:14px}.practice-conflict:empty{display:none}.practice-conflict{margin:12px 0;padding:14px;background:#fff5df;border:1px solid #ddc994;border-radius:6px}.practice-conflict dd{margin:6px 0 14px;white-space:pre-wrap;overflow-wrap:anywhere}.practice-conflict button{margin:4px}.practice-course-status{margin:12px 0 20px}.practice-course-status>button{margin-right:16px;min-height:44px}.practice-redo>div{display:flex;align-items:center;gap:14px;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line)}
.lesson-illustration figcaption{font-size:13px;line-height:1.8;margin-top:12px}.lesson-illustration figcaption small{display:block}.feature-summary-toggle{display:none}.feature-summary{margin-top:18px}.feature-primary{min-width:0;flex:1}.feature-primary .continue-reading{margin:14px 0 0;width:100%;box-sizing:border-box}.refined-feature .feature-footer{align-items:flex-start}
@media(max-width:760px){
 .home-heading{margin-bottom:18px}.refined-feature .cover-wrap{height:160px!important}.refined-feature .feature-body{padding:18px}.refined-feature .feature-body>.subtitle{font-size:19px;line-height:1.5;margin:0 0 8px;color:var(--ink)}
 .refined-feature .feature-body>h2{font-size:24px!important;line-height:1.2!important;margin:0 0 12px}.refined-feature .feature-kicker{display:flex;gap:8px;flex-wrap:wrap;font-size:12px}.refined-feature .feature-kicker time{font-size:11px}.refined-feature .feature-footer{margin-top:14px}
 .feature-summary:not(.expanded) .feature-description{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.feature-summary-toggle{display:inline-flex;min-height:44px}.feature-summary{margin-top:16px}
 .reading-tools{flex-wrap:wrap;gap:12px}.reading-tool-actions{flex-wrap:wrap}.learning-paths,.warmup,.practice-redo{padding:16px}.learning-paths>div{gap:8px}.learning-paths .secondary-btn{padding:10px 12px}.practice-redo>div{align-items:flex-start;flex-direction:column;gap:4px}


}

/* Structured explanations: compact entries with complete teaching content. */
.structured-study-note.study-note{padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;min-width:0;overflow-wrap:anywhere}
.structured-study-note.study-note:last-child{border-bottom:0}
.note-stack:has(>.structured-study-note){gap:0}
.structured-study-note .study-note-title{align-items:baseline;flex-wrap:wrap;gap:4px 10px}
.structured-study-note .study-note-title>.teaching-label{font:400 .875rem/1.5 var(--body);color:var(--muted)}
.structured-study-note .study-note-title h3{font-size:1.125rem;line-height:1.5;margin:0;min-width:0}
.structured-study-note .study-note-title>.phonetic{font:400 .875rem/1.5 Georgia,serif;color:var(--muted)}
.structured-study-note .study-note-title>.teaching-pos{font:400 .875rem/1.5 var(--body);color:var(--muted)}
.structured-study-note .study-refs{display:flex;flex-wrap:wrap;gap:4px;margin:0 0 0 auto;max-width:100%}
.structured-study-note .sentence-reference{font-size:.875rem;min-height:32px;margin:0;padding:3px 8px}
.structured-study-note.study-note>p{font-size:1rem;line-height:1.65;margin:4px 0 0}
.structured-study-note.study-note>ul,.structured-study-note.study-note>ol{font-size:1rem;line-height:1.65;margin:6px 0 0;padding-left:1.4em}
.structured-study-note .study-example{margin:6px 0 0;padding:5px 10px;font-size:1rem;line-height:1.6;background:transparent}
.structured-study-note .study-example small{display:inline;margin:0 0 0 .6em;font-size:.9375rem;line-height:1.6}
.structured-study-note .study-example small:empty{display:none}
.inline-sentence-explanation:has(>.structured-study-note){padding:10px 16px}
.inline-sentence-explanation:has(>.structured-study-note)>.inline-explanation-head{margin-bottom:0;letter-spacing:0}
.inline-sentence-explanation:has(>.structured-study-note)>.sentence-meaning{margin-bottom:4px}
@media(max-width:760px){
 .inline-sentence-explanation:has(>.structured-study-note){padding:8px 12px}
 .structured-study-note.study-note{padding:10px 0}
 .structured-study-note .sentence-reference{min-width:44px;min-height:44px}
}

/* Contextual explanations occupy the reserved rail, without resizing the article. */
.paragraph-navigation{margin:12px 0;position:relative;border-bottom:1px solid var(--line)}
.paragraph-navigation>summary{cursor:pointer;min-height:44px;display:flex;align-items:center;gap:12px;color:var(--green);font:14px/1.6 var(--body);list-style:none}
.paragraph-navigation>summary::after{content:'⌄';margin-left:auto}.paragraph-navigation[open]>summary::after{content:'⌃'}.paragraph-navigation>summary>span{color:var(--muted);font-size:12px}
.paragraph-navigation>nav{max-height:300px;overflow-y:auto;overscroll-behavior:contain;padding:6px 0 12px}.paragraph-navigation .rail-paragraph{min-height:44px}
.paragraph-navigation>summary:focus-visible{outline:2px solid #638462;outline-offset:2px}
#rail-study[hidden]{display:none!important}#rail-study{display:flex;flex-direction:column;min-height:0;flex:1}
.rail-study-empty{padding:22px 18px;color:var(--muted);font:14px/1.9 var(--body)}#rail-study:has(#study-inspector:not([hidden]))>.rail-study-empty{display:none}
body.has-reading-rail #study-inspector{position:static!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%;max-height:none;min-height:0;flex:1;border:0;border-radius:0;box-shadow:none;animation:none;overflow-y:auto;scrollbar-width:thin;box-sizing:border-box}
body.has-reading-rail .study-inspector-head{padding:16px;gap:8px}body.has-reading-rail .study-inspector-head h2{font-size:19px;overflow-wrap:anywhere}
body.has-reading-rail .study-inspector-body{padding:16px;overflow-wrap:anywhere}body.has-reading-rail .study-inspector-quote{margin-top:0}
body.has-reading-rail .study-inspector-body .study-note-title h3{font-size:17px}body.has-reading-rail .study-inspector-body .study-refs{margin-left:0}
.sentence[aria-expanded=true]{box-shadow:inset 0 -2px #74906a;background:#edf2e6}.sentence-explain[aria-expanded=true]{color:var(--green);background:var(--green-soft)}

.listening-timeline{display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px;align-items:center}.audio-timeline-data{min-width:0}
.audio-drag-handle{touch-action:none;user-select:none;cursor:grab;font-size:24px;color:#82917b}.listening-dock[data-dragging=true] .audio-drag-handle{cursor:grabbing}
.sidebar-toggle{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:44px;height:44px;background:transparent;color:var(--green);border:1px solid var(--line);border-radius:10px;font-size:25px}
.sidebar>.brand{margin-top:30px}
body.sidebar-collapsed .sidebar-user>span:last-child{display:none}
@media(min-width:761px){body.sidebar-collapsed .shell{grid-template-columns:78px minmax(0,1fr)}body.sidebar-collapsed .sidebar{padding:40px 12px 24px;align-items:center}body.sidebar-collapsed .sidebar-toggle{right:17px}body.sidebar-collapsed .sidebar .brand-copy,body.sidebar-collapsed .sidebar-note{display:none}body.sidebar-collapsed .sidebar .nav-list{width:100%}body.sidebar-collapsed .sidebar .nav-item{justify-content:center;padding:15px 0;gap:0}body.sidebar-collapsed .sidebar .nav-item>span{display:none}body.sidebar-collapsed .sidebar-user{margin-top:auto}body.sidebar-collapsed .sidebar-user>div:last-child{display:none}}
.audio-morph{position:fixed;z-index:40;pointer-events:none;box-sizing:border-box;box-shadow:0 8px 28px #173d3026;}

/* The morph owns presentation changes; do not animate an old orb position. */
.audio-orb{transition:box-shadow .15s ease;}

/* Reading uses the viewport; the rail fills its reserved column without an audio gutter. */
@media(min-width:1280px){
 body.article-layout .shell{max-width:none}
 body.article-layout .desktop-main{padding-right:clamp(340px,30vw,560px)}
 body.article-layout .reader-container{max-width:none;margin-left:0;margin-right:0}
 body.article-layout .reading-text{max-width:1000px;margin-left:0;margin-right:0}
}


/* Optional tutoring and private exercise progress. */
.tutor-tools{margin-top:16px;padding:12px 0;border-top:1px solid var(--line,#dce2d7)}
.tutor-tools[hidden]{display:none}.tutor-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.tutor-feedback{line-height:1.65;overflow-wrap:anywhere}.tutor-feedback:empty{display:none}.tutor-feedback p{margin:8px 0}
.tutor-verdict{font-weight:650;color:var(--green,#315d48)}.tutor-issue{margin:12px 0;padding-left:12px;border-left:2px solid #b9cbbd}
.tutor-feedback small{color:#657368}.tutor-feedback article{padding:12px 0;border-top:1px solid #dce2d7}
.practice-redo-item{padding:12px 0;border-bottom:1px solid #dce2d7}.practice-redo-item p{margin:6px 0}.practice-redo-item small{display:block;color:#657368}


/* Sentence tools stay beside the text on wide readers, and wrap below on phones. */
.reading-text:not(.flow-reading) .sentence-actions{gap:6px;margin-top:2px;flex-wrap:wrap}
.reading-text:not(.flow-reading) .sentence-actions button{min-width:44px;min-height:44px;padding:4px 8px;border-radius:8px}
.reading-text:not(.flow-reading) .sentence-actions button:hover,.reading-text:not(.flow-reading) .sentence-actions button:focus-visible{padding:4px 8px;margin:0;background:#edf2e8}
@media(min-width:1280px){
 .reader-container:not(.skim-reader) .reading-text:not(.flow-reading) .sentence-body{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:18px;align-items:start}
 .reader-container:not(.skim-reader) .reading-text:not(.flow-reading) .sentence-body>.english-text{grid-column:1;grid-row:1}
 .reader-container:not(.skim-reader) .reading-text:not(.flow-reading) .sentence-body>.sentence-actions{grid-column:2;grid-row:1;margin-top:0;flex-wrap:nowrap}
 .reader-container:not(.skim-reader) .reading-text:not(.flow-reading) .sentence-body>.translation,.reader-container:not(.skim-reader) .reading-text:not(.flow-reading) .sentence-body>.inline-sentence-explanation{grid-column:1/-1}
 .reading-text:not(.flow-reading) .sentence-row{margin-bottom:6px;padding-bottom:10px}
}
/* A visible grip at the left moves the expanded bar without borrowing the seek control. */
.listening-strip{grid-template-columns:44px 132px minmax(0,1fr) 132px;gap:8px}
.listening-timeline{display:block}
.listening-strip>.audio-drag-handle{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;height:44px;align-self:center;background:#edf2e8;border:1px solid #d8e1d0;border-radius:9px;color:#657d59;line-height:1}
.audio-drag-handle small{font:12px/1 var(--body)}
@container listening (max-width:540px){
 .listening-strip{grid-template-columns:44px minmax(0,1fr) auto;gap:2px 8px}
 .listening-strip>.audio-drag-handle{grid-column:1;grid-row:1/3;height:100%;min-height:44px}
 .listening-timeline{grid-column:2/4;grid-row:1}
 .listening-transport{grid-column:2;grid-row:2}
 .listening-options{grid-column:3;grid-row:2}
}
@container listening (max-width:355px){
 .listening-strip{grid-template-columns:44px minmax(0,1fr);gap:4px 8px}
 .listening-strip>.audio-drag-handle{grid-row:1}
 .listening-timeline{grid-column:2;grid-row:1}
 .listening-transport{grid-column:1/3;grid-row:2;justify-self:start}
 .listening-options{grid-column:1/3;grid-row:2;justify-self:end}
}
/* Hiding the rail preserves the actual editor; the article reclaims its column. */
.rail-tabs .rail-collapse{margin-left:auto;display:flex;align-items:center;gap:6px;min-width:56px;min-height:44px;font-size:12px}
.rail-collapse span{font-size:22px}.rail-tabs .rail-collapse:hover{color:var(--green)}
#rail-launcher[hidden]{display:none!important}
#rail-launcher{position:fixed;right:20px;z-index:22;display:flex;align-items:center;gap:9px;min-height:44px;padding:9px 13px;border:1px solid #d6dfce;border-radius:12px;background:var(--white);color:var(--green);font:13px/1.4 var(--body);box-shadow:0 3px 14px #183d370a}
#rail-launcher>span{font-size:23px}#rail-launcher:focus-visible{outline:2px solid #638462;outline-offset:3px}
.reading-rail-collapsed #study-inspector,.reading-rail-collapsed #annotation-margin{display:none!important}

/* Use the desktop viewport, including on the home page. */
@media(min-width:1280px){
 .content,.topbar{padding-left:24px;padding-right:24px}
 .home-columns{grid-template-columns:minmax(0,1fr) clamp(260px,19vw,340px);gap:24px}
 .refined-feature .cover-wrap{height:clamp(280px,26vw,440px);aspect-ratio:auto}
 body.article-layout.reading-rail-collapsed .desktop-main{padding-right:0}
 body.article-layout.reading-rail-collapsed .reading-text{max-width:none}
 body.article-layout.reading-rail-collapsed .reader-container{padding-right:54px}
 .reading-rail-collapsed #rail-launcher{right:12px;padding:10px 8px;writing-mode:vertical-rl;gap:6px;max-width:38px}
 .reading-rail-collapsed #rail-launcher>span{font-size:18px}
}
/* Explicit source and purpose distinguish live AI assistance from edited teaching. */
.study-source-label{font:600 13px/1.6 var(--body);color:var(--green);letter-spacing:.04em;border-bottom:1px solid var(--line);padding:8px 0;margin:14px 0 4px}
.tutor-tools{--tutor-ink:#514078;margin:14px 0;padding:14px;border:1px solid #cfc4e1;border-left:3px solid #79639c;border-radius:12px;background:#f4f0fa;color:#342a48}
.tutor-heading{display:flex;gap:10px;align-items:flex-start;margin-bottom:12px}
.tutor-badge{display:grid;place-items:center;flex:none;width:32px;height:32px;border-radius:9px;background:var(--tutor-ink);color:#fff;font:700 12px/1 var(--body)}
.tutor-heading strong{font:600 15px/1.5 var(--body);color:var(--tutor-ink)}
.tutor-heading p{font:400 12px/1.7 var(--body);margin:3px 0 0;color:#645774}
.tutor-actions{gap:8px}
.tutor-actions button{min-height:44px;min-width:44px;padding:9px 12px;border:1px solid #c9bcdb;border-radius:8px;background:#fff;color:var(--tutor-ink);font:500 13px/1.5 var(--body)}
.tutor-actions .tutor-primary{background:var(--tutor-ink);border-color:var(--tutor-ink);color:#fff}
.tutor-actions .tutor-history{background:transparent;border-color:transparent;text-decoration:underline;text-underline-offset:3px}
.tutor-actions button:hover:not(:disabled){box-shadow:0 0 0 2px #d5c9e6}
.tutor-actions button:focus-visible{outline:2px solid #79639c;outline-offset:3px}
.tutor-feedback:not(:empty){margin-top:12px;padding:12px;background:#fff;border:1px solid #e2daec;border-radius:8px;font-size:14px}
.tutor-verdict{color:var(--tutor-ink)}.tutor-issue{border-left-color:#b4a2cc}.tutor-feedback small{color:#6b5e7b}
@media(max-width:760px){.tutor-tools{padding:12px}.tutor-actions{gap:6px}.tutor-actions button{padding:9px 10px}}