@layer components{.topic-studies{color:var(--foreground);background:var(--background);min-width:0}.topic-container{max-width:1080px;margin:auto;padding:40px 24px 72px}.topic-reading{max-width:820px}.topic-page-header{margin-bottom:32px}.topic-page-header>a{display:inline-flex;align-items:center;min-height:44px;color:var(--foreground);text-decoration:underline;text-underline-offset:4px;font-size:14px}.topic-page-header h1{font-family:var(--font-display),sans-serif;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15;letter-spacing:-.025em;margin:16px 0}.topic-studies p{font-size:16px;line-height:1.75;margin:16px 0;overflow-wrap:anywhere}.topic-studies .topic-device-note,.topic-studies .topic-origin{font-size:13px;color:var(--muted-foreground);line-height:1.65}.topic-course-nav{display:flex;gap:12px 24px;flex-wrap:wrap;border-block:1px solid var(--border);padding:12px 0}.topic-course-nav a{display:inline-flex;align-items:center;min-height:44px;text-decoration:underline;text-underline-offset:5px;color:var(--foreground)}.topic-course-section{margin-top:40px;scroll-margin-top:100px}.topic-studies h2{font-family:var(--font-display),sans-serif;font-weight:500;font-size:25px;line-height:1.3;margin:24px 0 16px;scroll-margin-top:100px}.topic-list>a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0;border-bottom:1px solid var(--border);text-decoration:none;color:var(--foreground)}.topic-list h3{font-size:19px;font-weight:500;line-height:1.4;margin:0}.topic-list p{margin:8px 0;color:var(--muted-foreground)}.topic-list span{font-size:13px;color:var(--muted-foreground)}.topic-list>a:hover h3{text-decoration:underline;text-underline-offset:4px}.topic-worked-example{padding:24px;background:var(--secondary);border-radius:8px;margin:28px 0}.topic-worked-example h2{margin-top:0}.topic-worked-example ol{padding-left:24px}.topic-worked-example li{font-size:16px;line-height:1.75;margin:12px 0;padding-left:6px}.topic-remember{font-size:15px!important}.topic-save-actions{border-block:1px solid var(--border);padding:20px 0;margin:32px 0}.topic-review-actions,.topic-save-actions>div{display:flex;flex-wrap:wrap;gap:12px}.topic-question-nav [data-slot=button],.topic-review-actions [data-slot=button],.topic-save-actions [data-slot=button]{min-height:44px;white-space:normal;height:auto;padding:10px 16px}.topic-related a,.topic-save-actions a{color:var(--foreground);text-decoration:underline;text-underline-offset:4px}.topic-progress{font-size:14px;color:var(--muted-foreground);padding:16px 0}.topic-question{border:1px solid var(--border);border-radius:8px;padding:24px;margin-bottom:20px;scroll-margin-top:80px}.topic-studies button{scroll-margin-top:90px}.topic-question .topic-question-count{font-size:13px;color:var(--muted-foreground);margin:0 0 16px}.topic-question h3{font-size:19px;line-height:1.6;font-weight:500;margin:0 0 20px}.topic-options{display:grid;gap:10px}.topic-options button{display:flex;gap:12px;align-items:flex-start;border:1px solid var(--border);border-radius:6px;background:var(--background);color:var(--foreground);text-align:left;padding:14px;min-height:48px;line-height:1.6;font:inherit;cursor:pointer}.topic-options button:disabled{cursor:default}.topic-options button span:first-child{color:var(--muted-foreground);flex-shrink:0}.topic-options button strong{margin-left:auto;font-size:12px;white-space:nowrap}.topic-options button.is-correct{border-color:#17805d}.topic-options button.is-incorrect{border-color:#b64c45}.topic-explanation{margin-top:20px;padding:16px;background:var(--secondary);border-radius:6px;font-size:15px;line-height:1.65}.topic-explanation p{margin:6px 0 0;font-size:15px}.topic-question-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:24px}.topic-question-nav>span{font-size:13px;color:var(--muted-foreground)}.topic-related{margin-top:40px}.topic-related a{display:block;padding:12px 0;min-height:44px}.topic-studies :is(a,button):focus-visible{outline:3px solid var(--ring);outline-offset:4px}@media(max-width:600px){.topic-container{padding:24px 18px 48px}.topic-page-header h1{font-size:30px}.topic-question,.topic-worked-example{padding:18px}.topic-options button{flex-wrap:wrap}.topic-options button span:nth-child(2){flex:1;min-width:0}.topic-options button strong{flex-basis:100%;margin-left:26px}.topic-review-actions [data-slot=button]{width:100%}.topic-save-actions>div{flex-direction:column}}}