.wrongbook-host{display:block!important;max-width:1100px;margin:0 auto}.wrongbook-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.wrongbook-toolbar>div{flex:1;min-width:220px}.wrongbook-toolbar h3{font-size:22px;color:var(--text-main)}.wrongbook-toolbar p{font-size:13px;color:var(--text-secondary);margin:10px 0;line-height:1.8}
.wrongbook-host button{font:inherit;font-size:12px;padding:9px 13px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-surface);color:var(--text-main);cursor:pointer}.wrongbook-host button:hover{color:var(--primary-color);border-color:var(--primary-color)}.wrongbook-host button:disabled{opacity:.45;cursor:default}.wrongbook-host [data-wb-review]{background:var(--primary-color);color:white}.wrongbook-stats{display:flex;gap:28px;flex-wrap:wrap;margin:24px 0;padding:18px 22px;background:var(--bg-input);border:1px solid var(--border-color);border-radius:12px;color:var(--text-secondary);font-size:13px}.wrongbook-stats b{font-size:20px;color:var(--primary-color);font-variant-numeric:tabular-nums}
.wrongbook-search{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.wrongbook-search input,.wrongbook-search select{min-width:0;font:inherit;font-size:13px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-surface);color:var(--text-main);padding:11px 12px}.wrongbook-search input{flex:1;min-width:180px}.wrongbook-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px}.wrongbook-card{display:flex;flex-direction:column;align-items:start;gap:14px;padding:24px;border:1px solid var(--border-color);border-radius:16px;background:var(--bg-surface);box-shadow:0 4px 20px #0f172a05;min-width:0}.wrongbook-card>span,.wrongbook-card p,.wrongbook-card small{font-size:12px;color:var(--text-secondary)}.wrongbook-card h3{font-size:17px;overflow-wrap:anywhere}.wrongbook-card>div{flex:1;max-height:160px;overflow:auto;max-width:100%;line-height:1.8;font-size:14px}.wrongbook-pagination{display:flex;justify-content:center;align-items:center;gap:16px;margin:24px 0;color:var(--text-secondary);font-size:13px}.wrongbook-status{font-size:13px;color:var(--primary-color);line-height:1.8}
.wrongbook-meta{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;color:var(--text-secondary);font-size:12px;margin-bottom:20px}.wrongbook-reader section{padding:14px 0;border-bottom:1px solid var(--border-color)}.wrongbook-reader [data-math],.wrongbook-snapshot section>div,.wrongbook-preview{white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.9;font-size:14px}.wrongbook-reader details{margin:18px 0}.wrongbook-reader summary{cursor:pointer;color:var(--primary-color);font-size:14px;padding:12px 0}.wrongbook-review>p,.wrongbook-history p{color:var(--text-secondary);line-height:1.9;font-size:13px}.wrongbook-review label{display:block;font-size:13px}.wrongbook-review textarea{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--border-color);border-radius:9px;background:var(--bg-input);color:var(--text-main);font:inherit;resize:vertical}.wrongbook-preview{background:var(--bg-input);padding:16px;border-radius:12px}.wrongbook-dialog .katex-display,.wrongbook-host .katex-display{overflow-x:auto;overflow-y:hidden}.wrongbook-host button:focus-visible,.wrongbook-host input:focus-visible,.wrongbook-host select:focus-visible{outline:2px solid var(--primary-color);outline-offset:3px}
@media(max-width:650px){.wrongbook-cards{grid-template-columns:minmax(0,1fr)}.wrongbook-stats{gap:14px;padding:16px}.wrongbook-toolbar>div{flex-basis:100%}.wrongbook-search input{flex-basis:100%}.wrongbook-search select{flex:1}.wrongbook-card{padding:18px}.wrongbook-editor .course-form-row{grid-template-columns:1fr}.wrongbook-reader h2{overflow-wrap:anywhere}}
#examples-filter [hidden]{display:none!important}
@media(max-width:650px){#examples-filter .examples-filter-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;overflow:visible;border-radius:14px;width:100%;max-width:100%;padding:6px}#examples-filter .examples-filter-tab{min-width:0;padding:9px 5px;justify-content:center;white-space:nowrap}}