.exercise-container{max-width:900px;margin:0 auto}.exercise-header{background:var(--color-bg-subtle);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);text-align:center}.exercise-header h2{font-size:var(--text-3xl);margin-bottom:var(--space-md);color:var(--color-text)}.exercise-header p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.exercise-legend{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap;margin-top:var(--space-lg)}.legend-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs)}.badge,.legend-item{font-size:var(--text-sm)}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-full);font-weight:600}.badge-automation{background:#e3f2fd;color:#1976d2}.badge-narrow{background:#f3e5f5;color:#7b1fa2}.badge-general{background:#fff3e0;color:#e65100}.questions-grid{display:grid;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.question-card{background:var(--color-bg);border:2px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-lg);transition:var(--transition-normal)}.question-card:hover{border-color:var(--color-accent-light)}.question-number{display:inline-block;background:var(--color-accent);color:#ffffff;padding:4px 12px;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;margin-bottom:var(--space-md)}.question-text{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text);margin-bottom:var(--space-lg)}.answer-options{display:grid;grid-gap:var(--space-sm);gap:var(--space-sm)}.option-btn{background:var(--color-bg);border:2px solid var(--color-border);padding:var(--space-md);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:var(--transition-normal);text-align:center}.option-btn:hover{border-color:var(--color-accent);background:var(--color-bg-subtle)}.option-btn.selected{border-width:2px;font-weight:600}.option-btn.selected.automation{border-color:#1976d2;background:#e3f2fd;color:#1976d2}.option-btn.selected.narrow{border-color:#7b1fa2;background:#f3e5f5;color:#7b1fa2}.option-btn.selected.general{border-color:#e65100;background:#fff3e0;color:#e65100}.exercise-footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);padding:var(--space-lg);background:var(--color-bg-subtle);border-radius:var(--radius-lg)}.progress-indicator{font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary)}.btn-lg{padding:14px 32px;font-size:var(--text-lg)}.btn.disabled{opacity:.5;cursor:not-allowed}.results-header{background:var(--color-bg-subtle);padding:var(--space-xl);border-radius:var(--radius-lg);margin-bottom:var(--space-xl);text-align:center}.score-display{display:inline-flex;flex-direction:column;align-items:center;padding:var(--space-lg);border-radius:var(--radius-lg);margin-bottom:var(--space-md)}.score-display.pass{background:#e8f5e9;border:2px solid #4caf50}.score-display.needs-review{background:#fff3e0;border:2px solid #ff9800}.score-number{font-size:var(--text-4xl);font-weight:700;color:var(--color-text)}.score-percentage{font-size:var(--text-2xl);font-weight:600;color:var(--color-text-secondary)}.score-message{font-size:var(--text-lg);color:var(--color-text);margin-top:var(--space-md)}.question-card.result{border-width:2px}.question-card.result.correct{border-color:#4caf50;background:#f1f8f4}.question-card.result.incorrect{border-color:#f44336;background:#fef5f5}.answer-review{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0;padding:var(--space-md);background:var(--color-bg);border-radius:var(--radius-md)}.correct-answer,.your-answer{display:flex;align-items:center;gap:var(--space-sm);font-size:var(--text-base)}.explanation{padding:var(--space-md);background:var(--color-bg-subtle);border-radius:var(--radius-md);border-right:4px solid var(--color-accent);font-size:var(--text-base);line-height:var(--leading-relaxed)}.explanation strong{color:var(--color-accent)}@media (max-width:768px){.exercise-header{padding:var(--space-lg)}.exercise-legend{align-items:center}.exercise-footer,.exercise-legend{flex-direction:column}.btn-lg{width:100%}}.reading-progress{position:fixed;top:0;left:0;right:0;height:3px;background:var(--color-bg-subtle);z-index:1000}.reading-progress-bar{height:100%;background:var(--color-accent);transition:width .15s ease-out}.lesson-article{max-width:var(--content-max);margin:0 auto;padding:var(--space-xl) var(--space-md)}.breadcrumb{display:flex;align-items:center;gap:var(--space-xs);font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-lg)}.breadcrumb a{color:var(--color-accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.lesson-header{margin-bottom:var(--space-2xl);padding-bottom:var(--space-lg);border-bottom:1px solid var(--color-border)}.lesson-header h1{font-size:var(--text-4xl);font-weight:700;line-height:1.2;margin-bottom:var(--space-md);color:var(--color-text)}.lesson-meta{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text-secondary);font-size:var(--text-base)}.lesson-content,.lesson-meta .icon{font-size:var(--text-lg)}.lesson-content{line-height:var(--leading-relaxed);color:var(--color-text)}.lesson-content h2{font-size:var(--text-3xl);font-weight:700;margin-top:var(--space-2xl);margin-bottom:var(--space-lg);color:var(--color-text)}.lesson-content h3{font-size:var(--text-2xl);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-md);color:var(--color-text)}.lesson-content p{margin-bottom:var(--space-lg)}.lesson-content ol,.lesson-content ul{margin-bottom:var(--space-lg);padding-right:var(--space-lg)}.lesson-content li{margin-bottom:var(--space-sm)}.lesson-content strong{font-weight:600;color:var(--color-text)}.lesson-content em{font-style:italic}.lesson-content a{color:var(--color-accent);text-decoration:underline}.lesson-content a:hover{text-decoration:none}.lesson-content .callout{background:var(--color-bg-subtle);border-right:4px solid var(--color-accent);padding:var(--space-md) var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-md)}.lesson-content .callout p:last-child{margin-bottom:0}.lesson-content .example{background:var(--color-bg);border:1px solid var(--color-border);padding:var(--space-lg);margin:var(--space-lg) 0;border-radius:var(--radius-md)}.lesson-content .example-title{font-weight:600;color:var(--color-accent);margin-bottom:var(--space-sm)}.lesson-footer{margin-top:var(--space-2xl);padding-top:var(--space-xl);border-top:1px solid var(--color-border)}.lesson-nav{display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.lesson-nav .btn{flex:1 1;max-width:300px;text-align:center}@media (max-width:768px){.lesson-article{padding:var(--space-lg) var(--space-md)}.lesson-header h1{font-size:var(--text-3xl)}.lesson-content{font-size:var(--text-base)}.lesson-content h2{font-size:var(--text-2xl)}.lesson-content h3{font-size:var(--text-xl)}.lesson-nav{flex-direction:column}.lesson-nav .btn{max-width:100%}}