/* Keep a readable, centered learning workspace even on ultrawide displays. */
body.library-view .sidebar{padding-left:max(28px,calc((100vw - 1376px)/2));padding-right:max(28px,calc((100vw - 1376px)/2));height:80px}
body.library-view main{max-width:1440px;margin-left:auto;margin-right:auto;padding:28px 32px 40px}
body.library-view .library-workspace{grid-template-columns:260px minmax(0,1fr);gap:24px}
body.library-view .library-statistics .dashboard-main,body.library-view .library-statistics .study-calendar{padding:21px 18px}
body.library-view .library-statistics .course-counters b{font-size:34px}
body.library-view .library-statistics .calendar-day{height:35px}
body.library-view .library-catalog .lesson-grid{gap:18px}
body.library-view .library-catalog .card-body{min-height:155px;padding:15px}
body.library-view .library-catalog .card-body h3{font-size:15px}
body.library-view .library-catalog .image-caption{font-size:17px}
body.flashcards-view main{max-width:1440px;padding-top:25px}
.flashcards-heading{margin-bottom:20px}
.flashcards-heading h1{font-size:25px}
.flashcards-heading p{margin-top:7px;font-size:12px}
.flashcards-heading .eyebrow{font-size:8px;letter-spacing:1.6px;margin-bottom:7px}
.flashcards-total b{font-size:30px}
.flashcards-workspace{grid-template-columns:215px minmax(0,1fr);gap:22px}
.flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,285px),1fr));gap:15px;align-items:stretch}
.english-card{padding:17px 17px 11px;min-height:320px;border-radius:10px;box-shadow:0 2px 7px #59422307}
.english-card h2{font-size:22px;line-height:1.35;margin-top:12px;margin-bottom:4px}
.flashcard-meaning{font-size:12px;margin:11px 0 8px;line-height:1.75}
.flashcard-definition{padding-top:10px;margin-bottom:10px;font-size:12px;line-height:1.7}
.english-card blockquote{padding:10px 11px;margin-bottom:10px}
.english-card blockquote p[lang]{font-size:13px;line-height:1.65}
.flashcard-example-zh{font-size:11px;line-height:1.8}
.flashcard-source{padding-bottom:9px}
.flashcard-source>span{margin-bottom:4px}
.flashcard-toolbar{padding-top:14px;gap:10px}
.flashcard-types button{padding:10px 8px}
.flashcard-result{padding-top:9px;line-height:1.8}
.flashcards-source-heading{padding:18px 14px 13px}
.flashcard-video{padding:10px 8px;gap:8px}
.flashcard-video img{width:42px;height:36px}
.flashcards-storage-note{padding:12px 14px}
.card-density{display:block;font-size:9px;color:#b39670;line-height:1.8;margin-top:3px}
.english-card h2{color:#4b4033}
.flashcard-meaning{font-size:13px;color:#755d42}
.flashcard-definition{font-size:13px;color:#907b5f}
.english-card blockquote p[lang]{font-size:14px;color:#796348}
.flashcard-example-zh{font-size:12px;color:#9b8568}
.card-mark-actions button{font-size:10px;color:#a78560}
@media(max-width:1100px){body.library-view .library-workspace{grid-template-columns:235px minmax(0,1fr);gap:20px}.flashcards-workspace{grid-template-columns:195px minmax(0,1fr);gap:18px}body.library-view .library-catalog .lesson-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){body.library-view .sidebar{padding:0 22px;height:74px}body.library-view main{padding:24px}.flashcards-total{display:block}body.library-view .library-workspace{grid-template-columns:210px minmax(0,1fr);gap:17px}body.library-view .library-catalog .lesson-grid{grid-template-columns:1fr}.flashcards-workspace{grid-template-columns:180px minmax(0,1fr);gap:16px}}
@media(max-width:700px){.flashcards-workspace{grid-template-columns:1fr}.flashcard-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,270px),1fr))}.flashcards-heading h1{font-size:24px}.flashcards-heading p{font-size:11px}.flashcards-heading .eyebrow{font-size:7px}.flashcards-total span{font-size:9px}.english-card{padding:19px;min-height:0}.english-card h2{font-size:24px}.flashcard-meaning{font-size:13px}.english-card blockquote p[lang]{font-size:14px}.flashcard-example-zh{font-size:12px}.flashcard-source{margin-top:4px}}
@media(max-width:620px){body.library-view .sidebar{height:70px;padding:0 18px}body.library-view main{padding:22px 18px 35px}body.library-view .library-workspace{display:flex;gap:22px}body.library-view .library-catalog .lesson-grid{grid-template-columns:1fr}.flashcards-heading{margin-bottom:17px}.flashcards-workspace{gap:17px}.flashcard-toolbar{padding-top:12px}.flashcard-types button{font-size:11px;padding:11px 4px}.flashcard-types button span{font-size:8px}.flashcard-grid{grid-template-columns:1fr}.flashcards-sources{top:0}}