.cw-page { max-width:860px; margin:0 auto; padding:20px 16px max(24px,env(safe-area-inset-bottom)); }
.cw-page .wrongsHeader { display:flex; align-items:center; gap:14px; }
.cw-page h1 { margin:0; font-size:24px; letter-spacing:-.6px; }
.cw-page .wrongsHeader > div { flex:1; }
.cw-page .wrongsHeader span,.cw-unit { color:var(--muted); font-size:13px; }
.cw-filters { display:flex; gap:10px; margin:20px 0; }
.cw-filters select { flex:1; min-width:0; }
.cw-page button,.cw-page select,.cw-page summary { min-height:44px; }
.cw-card { border:1px solid var(--stroke); border-radius:16px; padding:18px; margin-bottom:16px; background:var(--panel); overflow:hidden; }
.cw-card > header,.cw-card > footer { display:flex; align-items:center; justify-content:space-between; gap:12px; padding:0; margin:0; background:none; }
.cw-card .wrongSource { color:var(--muted); font-size:12px; }
.cw-card p,.cw-card details { white-space:pre-wrap; overflow-wrap:anywhere; line-height:1.65; }
.cw-card .cw-image { display:block; border:0; padding:0; width:100%; background:white; border-radius:10px; overflow:hidden; cursor:zoom-in; }
.cw-card .wrongCardImg { display:block; width:100%; height:auto; max-height:none; }
.cw-answer { display:flex; flex-wrap:wrap; gap:20px; padding:16px 0; font-size:14px; }
.cw-answer b { margin-left:7px; }
.cw-answer > span:last-child,.cw-correct { color:var(--success,#24ae83); }
.cw-choices { padding-left:28px; }
.cw-choices li { padding:8px; overflow-wrap:anywhere; }
.cw-choices li span { font-size:12px; font-weight:700; margin-left:8px; }
.cw-wrong { color:var(--danger,#e66b80); }
.cw-card > footer { border-top:1px solid var(--stroke); padding-top:12px; }
.cw-card > footer > span { font-size:12px; color:var(--muted); }
.cw-card summary { cursor:pointer; padding:10px 0; }
.cw-empty { padding:40px 16px; text-align:center; }