.worked-pane{padding:20px;max-width:700px;margin:auto;color:var(--text);background:linear-gradient(145deg,#eee8fc55,#ffeef033,transparent);}.worked-pane h2{font-family:Poppins,sans-serif;font-size:24px;line-height:1.35;color:var(--navy);margin:10px 0;}.worked-intro,.worked-breadcrumb{color:var(--muted);font-size:14px;margin-bottom:18px;}.worked-toolbar{display:flex;justify-content:space-between;gap:10px;}.worked-toolbar button{background:var(--surface);color:var(--amber);border:1px solid var(--border);border-radius:10px;padding:10px;min-height:44px;font:600 13px Inter,sans-serif;cursor:pointer;}.worked-bookmark[aria-pressed=true]{background:var(--cream2);}.worked-breadcrumb{font-size:12px;margin:16px 0 8px;}
.worked-question,.worked-steps details,.worked-tip,.worked-list-item{border:1px solid var(--border);background:var(--surface);border-radius:14px;padding:16px;}.worked-question{margin-bottom:18px;}.worked-pane h3{font-size:16px;margin-bottom:6px;}.worked-pane p{line-height:1.65;}.worked-list-item{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;text-align:left;color:var(--text);margin-bottom:12px;cursor:pointer;font:inherit;}.worked-list-item strong{display:block;font-size:16px;}.worked-list-item small{display:block;font-size:12px;color:var(--muted);margin-top:8px;}.worked-steps{list-style:none;padding:0;}.worked-steps li{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start;}.worked-number{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;background:var(--cream2);color:var(--amber);border-radius:50%;font-weight:700;margin-top:10px;}.worked-steps details{flex:1;min-width:0;}.worked-pane summary{cursor:pointer;min-height:32px;font-weight:600;}.worked-steps p{font-size:14px;color:var(--muted);margin:8px 0;}.worked-formula{font-size:16px;line-height:1.6;overflow-wrap:anywhere;}.worked-answer{padding:16px;border-radius:12px;background:var(--green-light);color:var(--text);font-weight:700;margin:18px 0;}.worked-tip{background:var(--cream2);margin-bottom:18px;}.worked-tip p{font-size:14px;}.worked-primary,.worked-next{width:100%;min-height:48px;padding:14px;border:0;border-radius:12px;background:var(--amber);color:#fff;font:600 15px Inter,sans-serif;cursor:pointer;}.worked-next{margin-top:16px;background:var(--cream2);color:var(--amber);}.worked-form label{display:block;font-weight:600;margin-bottom:6px;}.worked-unit{display:block;font-size:13px;color:var(--muted);margin-bottom:8px;}.worked-form input{width:100%;font:inherit;font-size:18px;background:var(--surface);color:var(--text);border:1px solid var(--border);border-radius:12px;min-height:50px;padding:12px;margin-bottom:16px;}.worked-hints{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:18px;}.worked-hints details{background:var(--cream2);border-radius:12px;padding:12px;min-width:0;font-size:13px;}.worked-hints p{margin-top:10px;}.worked-feedback{padding:16px;border-radius:12px;margin-top:18px;}.worked-feedback.correct{background:var(--green-light);}.worked-feedback.retry{background:var(--cream2);}.worked-feedback p{margin-top:8px;}.worked-pane :is(button,input,summary):focus-visible{outline:3px solid var(--amber);outline-offset:3px;}
/* Five study modes stay readable on narrow phones. */
#tabsRow{overflow-x:auto;justify-content:flex-start;}.tabs .tab{flex:1 0 85px;font-size:13px;white-space:nowrap;}.tabs .tab[aria-selected=true]{box-shadow:inset 0 -3px currentColor;}.tabs .tab-slider{display:none;}[data-theme=dark] .worked-pane{background:linear-gradient(145deg,#31264455,transparent);}

[data-theme=dark] .worked-pane{--amber:#c7b2ff;}[data-theme=dark] .worked-primary{background:#7150d8;color:#fff;}

#workedTopic,.worked-form select{width:100%;padding:12px;margin:8px 0 20px;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font:inherit}.worked-topic{margin:22px 0}.worked-topic h3{font-size:16px;margin-bottom:12px}