.content-library h1 small{display:block;font-size:.55em;letter-spacing:0;font-weight:500;margin-top:5px;color:#77718d}.library-categories{display:flex;gap:10px;flex-wrap:wrap;margin:22px 0}.library-categories button{border:1px solid #d9d1e8;border-radius:12px;padding:12px 20px;background:#fff;color:#51446f;font-weight:600}.library-categories button small{display:block;font-size:13px;font-weight:400;margin-top:3px}.library-categories button.on{background:#eee8fb;border-color:#8c71ba;color:#62429c}.library-filters{display:flex;gap:14px;margin-bottom:22px}.library-filters label{display:grid;gap:5px}.library-filters select{font:inherit;padding:8px 28px 8px 12px;border:1px solid #d9d1e8;border-radius:8px;background:white}.resource-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.resource-card{padding:20px;border:1px solid #e1dbea;border-radius:16px;background:#fff;min-width:0}.resource-card h3{font-size:18px;margin:8px 0 16px;overflow-wrap:anywhere}.resource-card summary,.library-existing>summary{cursor:pointer;font-weight:600;color:#6f50a4}.resource-card iframe{width:100%;height:580px;border:1px solid #e1dbea;border-radius:8px;margin-top:14px}.resource-card figure{margin:18px 0}.resource-card img{display:block;width:100%;height:auto;border-radius:8px}.resource-open{display:inline-block;margin-top:14px}.resource-card figcaption{font-size:13px;margin-top:5px}.library-existing{margin-top:30px;padding:20px;border:1px solid #e1dbea;border-radius:14px}.library-existing>summary{margin-bottom:15px}.feedback-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.feedback-grid figure{margin:0;padding:14px;background:white;border:1px solid #e1dbea;border-radius:16px;min-width:0}.feedback-grid img{display:block;width:100%;height:auto;max-height:550px;object-fit:contain}.feedback-grid figcaption{font-size:13px;color:#77718d;margin-top:12px;text-align:center}.home-card-chinese{display:block;font-size:14px;font-weight:400;margin-top:6px;color:#77718d}@media(max-width:700px){.resource-grid,.feedback-grid{grid-template-columns:1fr}.resource-card{padding:16px}.library-categories{gap:8px}.library-categories button{flex:1;padding:10px 12px}.resource-card iframe{height:470px}.library-filters{gap:10px}.feedback-grid img{max-height:650px}}
.material-form-section{margin-top:28px}.material-form-section>h2{margin-bottom:14px}.material-chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.material-chapter-card{background:#fff;border:1px solid #e1dbea;border-radius:15px;padding:20px;min-width:0}.material-chapter-card>h3{font-size:18px;margin:7px 0 18px;line-height:1.45}.chapter-material-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.chapter-material-options button{padding:10px 5px;border:1px solid #dcd3ea;border-radius:9px;background:#faf8fd;color:#645079;font-size:12px;line-height:1.45;min-width:0}.chapter-material-options span,.chapter-material-options small{display:block}.chapter-material-options small{margin-top:4px}.chapter-material-options button.on{border-color:#9472bd;background:#eee6fb}.chapter-material-options button:disabled{background:#fafafa;border-color:#e8e5eb;color:#918a99;cursor:default}.chapter-material-count{font-size:10px}.chapter-material-content{margin-top:15px}.chapter-material-content .resource-card{padding:12px;margin-top:10px;border-radius:9px;background:#fbfaff}.chapter-material-content .resource-card>.eyebrow{display:none}.chapter-material-content .resource-card h3{font-size:15px;margin:0 0 9px}@media(max-width:850px){.material-chapter-grid{grid-template-columns:1fr}}@media(max-width:450px){.material-chapter-card{padding:15px}.chapter-material-options{gap:5px}.chapter-material-options button{font-size:11px}}
.chapter-material-options button{position:relative;overflow:hidden;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#e0f3f1;border-color:#b8dcda;color:#326563;opacity:1}.chapter-material-options button span,.chapter-material-options button small{white-space:nowrap;position:relative;z-index:1}.chapter-material-options button.on{background:#c9eae6;border-color:#619e96;box-shadow:inset 0 0 0 1px #619e96}.chapter-material-options button:disabled{background:#fbe8e8;border-color:#e7bcbc;color:#8a5353;opacity:1}.chapter-material-options button:disabled::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to top right,transparent calc(50% - 1px),#a63c48 calc(50% - 1px),#a63c48 calc(50% + 1px),transparent calc(50% + 1px))}

/* Compact two-line material choices: halve vertical padding and spare height. */
.chapter-material-options button{padding:5px;min-height:58px}.chapter-material-options button small{margin-top:2px}