.article-page .practice-sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);white-space:nowrap;border:0}.article-page .article-analogy :not(pre)>code,.article-page .article-exercise :not(pre)>code,.article-page .article-quiz-set :not(pre)>code,.article-page .article-sorter :not(pre)>code,.article-page .article-table :not(pre)>code{background:var(--cf-color-surface-strong);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-100);color:var(--cf-color-code-inline-text);padding:1px var(--cf-space-100);font-size:.88em;overflow-wrap:anywhere}.article-page .article-analogy pre code,.article-page .article-exercise pre code,.article-page .article-quiz-set pre code,.article-page .article-sorter pre code,.article-page .article-table pre code{background:none;border:0;border-radius:0;color:inherit;padding:0;font-size:inherit;overflow-wrap:normal}.article-page .article-analogy{margin:var(--cf-space-500) 0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-250);background:var(--cf-color-surface);overflow:hidden}.article-page .analogy-heading{padding:var(--cf-space-300) var(--cf-space-400);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised)}.article-page .analogy-heading strong{display:block;color:var(--cf-color-text);font-size:var(--cf-font-size-350);font-weight:var(--cf-font-weight-strong);line-height:var(--cf-line-height-140)}.article-page .analogy-kicker,.article-page .exercise-hint-label,.article-page .exercise-kicker,.article-page .quiz-set-number{display:block;font-family:var(--cf-font-mono);font-size:var(--cf-font-size-225);letter-spacing:var(--cf-letter-spacing-widest);text-transform:uppercase;color:var(--cf-color-text-tertiary)}.article-page .analogy-body{padding:var(--cf-space-100) var(--cf-space-400)}.article-page .analogy-body p{margin:var(--cf-space-250) 0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-180)}.article-page .analogy-body strong{color:var(--cf-color-text);font-weight:var(--cf-font-weight-strong)}.article-page .analogy-pairs{display:grid;grid-gap:var(--cf-space-150);gap:var(--cf-space-150);margin:0;padding:var(--cf-space-100) var(--cf-space-400) var(--cf-space-400)}.article-page .analogy-pair,.article-page .analogy-pairs-header{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:var(--cf-space-400);gap:var(--cf-space-400)}.article-page .analogy-pairs-header{padding:0 var(--cf-space-300);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-225);letter-spacing:var(--cf-letter-spacing-widest);text-transform:uppercase;color:var(--cf-color-text-tertiary)}.article-page .analogy-pair{padding:var(--cf-space-200) var(--cf-space-300);border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-150);background:var(--cf-color-surface-raised);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-160)}.article-page .analogy-pair dt{color:var(--cf-color-text)}.article-page .analogy-pair dd{margin:0;color:var(--cf-color-text-secondary)}.article-page .analogy-pair dd:before{content:"→";margin-right:var(--cf-space-150);color:var(--cf-color-primary-muted)}.article-page .analogy-limit{margin:0;padding:var(--cf-space-300) var(--cf-space-400);border-top:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-170)}.article-page .analogy-limit strong{color:var(--cf-color-text-secondary);font-weight:var(--cf-font-weight-strong)}.article-page .article-table{margin:var(--cf-space-450) 0;border:1px solid var(--cf-color-border);border-radius:var(--cf-radius-150);background:var(--cf-color-surface);overflow-x:auto}.article-page .article-table:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:2px}.article-page .article-table table{width:100%;border-collapse:collapse;font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-160)}.article-page .article-table caption{background:var(--cf-color-surface-raised);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-250)}.article-page .article-table caption,.article-page .article-table td,.article-page .article-table th{padding:var(--cf-space-200) var(--cf-space-350);border-bottom:1px solid var(--cf-color-border);text-align:left}.article-page .article-table td,.article-page .article-table th{vertical-align:top}.article-page .article-table thead th{background:var(--cf-color-surface-raised);color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-250);font-weight:var(--cf-font-weight-medium)}.article-page .article-table tbody th{color:var(--cf-color-text);font-weight:var(--cf-font-weight-medium)}.article-page .article-table td{color:var(--cf-color-text-secondary)}.article-page .article-table tbody tr:last-child>*{border-bottom:0}.article-page .article-table :not(pre)>code{overflow-wrap:normal;white-space:nowrap}.article-page .exercise-actions button,.article-page .exercise-reset,.article-page .quiz-set-summary button{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface-raised);color:var(--cf-color-text-secondary);padding:var(--cf-space-150) var(--cf-space-300);font-size:var(--cf-font-size-275)}.article-page .exercise-actions button:hover:not(:disabled),.article-page .exercise-reset:hover:not(:disabled),.article-page .quiz-set-summary button:hover:not(:disabled){border-color:var(--cf-color-primary-border-hover);color:var(--cf-color-text)}.article-page .exercise-actions button:disabled,.article-page .exercise-reset:disabled,.article-page .quiz-set-summary button:disabled{color:var(--cf-color-text-muted);cursor:not-allowed}.article-page .article-exercise{margin:var(--cf-space-500) 0;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-250);background:var(--cf-color-surface);overflow:hidden}.article-page .article-exercise .article-code{margin:var(--cf-space-300) var(--cf-space-400)}.article-page .exercise-heading{display:flex;flex-wrap:wrap;align-items:center;gap:var(--cf-space-100) var(--cf-space-300);padding:var(--cf-space-300) var(--cf-space-400);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised)}.article-page .exercise-heading .exercise-kicker{flex-basis:100%}.article-page .exercise-heading strong{color:var(--cf-color-text);font-size:var(--cf-font-size-350);font-weight:var(--cf-font-weight-strong)}.article-page .exercise-reset{margin-left:auto}.article-page .exercise-reset span{margin-right:var(--cf-space-100)}.article-page .exercise-task{padding:var(--cf-space-100) var(--cf-space-400) 0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-180)}.article-page .exercise-task p{margin:var(--cf-space-250) 0}.article-page .exercise-task ol,.article-page .exercise-task ul{margin:var(--cf-space-250) 0;padding-left:var(--cf-space-500)}.article-page .exercise-task li{margin:var(--cf-space-150) 0}.article-page .exercise-task strong{color:var(--cf-color-text);font-weight:var(--cf-font-weight-strong)}.article-page .exercise-check{margin-top:var(--cf-space-300);padding:0 var(--cf-space-400)}.article-page .exercise-check label{display:block;margin-bottom:var(--cf-space-200);color:var(--cf-color-text);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-medium)}.article-page .exercise-check-row{display:flex;gap:var(--cf-space-200)}.article-page .exercise-check-row input{flex:1 1;min-width:0;min-height:38px;box-sizing:border-box;border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);padding:var(--cf-space-150) var(--cf-space-300);background:var(--cf-color-surface-input);color:var(--cf-color-text);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-325)}.article-page .exercise-check-row input::placeholder{color:var(--cf-color-text-muted)}.article-page .exercise-check-row input:focus-visible{outline:2px solid var(--cf-color-focus-ring);outline-offset:2px}.article-page .exercise-check-row button{border:1px solid var(--cf-color-primary-border);border-radius:var(--cf-radius-150);background:var(--cf-color-primary-subtle);color:var(--cf-color-text);padding:var(--cf-space-150) var(--cf-space-400);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold)}.article-page .exercise-check-row button:hover{background:var(--cf-color-primary-subtle-active)}.article-page .exercise-feedback{margin:var(--cf-space-200) 0 0;color:var(--cf-color-text-tertiary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-170)}.article-page .exercise-feedback.is-correct{color:var(--cf-color-success)}.article-page .exercise-feedback.is-incorrect{color:var(--cf-color-danger)}.article-page .exercise-actions{display:flex;flex-wrap:wrap;gap:var(--cf-space-200);padding:var(--cf-space-350) var(--cf-space-400)}.article-page .exercise-hints{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:0 var(--cf-space-400) var(--cf-space-350);list-style:none}.article-page .exercise-hints:empty{display:none}.article-page .exercise-hints li{padding:var(--cf-space-200) var(--cf-space-300);border-left:2px solid var(--cf-color-primary-border);border-radius:0 var(--cf-radius-150) var(--cf-radius-150) 0;background:var(--cf-color-surface-raised);color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-170)}.article-page .exercise-hints .exercise-hint-label{color:var(--cf-color-primary-muted)}.article-page .exercise-solution{margin:0 var(--cf-space-400) var(--cf-space-400);padding:var(--cf-space-300) var(--cf-space-350);border:1px solid var(--cf-color-success-border);border-radius:var(--cf-radius-200);background:var(--cf-color-success-subtle)}.article-page .exercise-solution[hidden]{display:none}.article-page .exercise-solution>strong{color:var(--cf-color-success);font-size:var(--cf-font-size-300);font-weight:var(--cf-font-weight-semibold)}.article-page .exercise-solution p{margin:var(--cf-space-200) 0 0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-180)}.article-page .exercise-solution .article-code{margin:var(--cf-space-250) 0}.article-page .article-quiz-set{margin:var(--cf-space-500) 0;border:1px solid var(--cf-color-border-strong);border-radius:var(--cf-radius-250);background:var(--cf-color-surface);overflow:hidden}.article-page .article-quiz-set .article-code{margin:0 0 var(--cf-space-300)}.article-page .quiz-set-heading{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-200) var(--cf-space-300);padding:var(--cf-space-300) var(--cf-space-400);border-bottom:1px solid var(--cf-color-border);background:var(--cf-color-surface-raised)}.article-page .quiz-set-heading strong{color:var(--cf-color-text);font-size:var(--cf-font-size-325);font-weight:var(--cf-font-weight-strong)}.article-page .quiz-set-heading strong span{color:var(--cf-color-text-tertiary);font-weight:var(--cf-font-weight-regular)}.article-page .quiz-set-score{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-250)}.article-page .quiz-set-questions{margin:0;padding:0;list-style:none}.article-page .quiz-set-question{padding:var(--cf-space-400)}.article-page .quiz-set-question+.quiz-set-question{border-top:1px solid var(--cf-color-border)}.article-page .quiz-set-prompt{margin:0 0 var(--cf-space-300);color:var(--cf-color-text);font-size:var(--cf-font-size-325);line-height:var(--cf-line-height-170)}.article-page .quiz-set-prompt .quiz-set-number{margin-bottom:var(--cf-space-100)}.article-page .quiz-set-summary{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--cf-space-300);padding:var(--cf-space-350) var(--cf-space-400);border-top:1px solid var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.article-page .quiz-set-summary p{margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-170)}.article-page .quiz-set-summary strong{color:var(--cf-color-text);font-weight:var(--cf-font-weight-strong)}.article-page .quiz-set-summary button span{margin-right:var(--cf-space-100)}.article-page .sorter-items{display:grid;grid-gap:var(--cf-space-200);gap:var(--cf-space-200);margin:0;padding:var(--cf-space-300);list-style:none}.article-page .sorter-item{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;grid-gap:var(--cf-space-200) var(--cf-space-300);gap:var(--cf-space-200) var(--cf-space-300);padding:var(--cf-space-250) var(--cf-space-300);border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-150);background:var(--cf-color-surface)}.article-page .sorter-item.is-correct{border-color:var(--cf-color-success-border);background:var(--cf-color-success-subtle)}.article-page .sorter-item.is-correct .sorter-mark{color:var(--cf-color-success)}.article-page .sorter-item.is-incorrect{border-color:var(--cf-color-danger-border);background:var(--cf-color-danger-subtle)}.article-page .sorter-item.is-incorrect .sorter-mark{color:var(--cf-color-danger)}.article-page .sorter-card{min-width:0;color:var(--cf-color-text);font-size:var(--cf-font-size-300);line-height:var(--cf-line-height-160)}.article-page .sorter-choices{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--cf-space-150)}.article-page .sorter-choices button{border:1px solid var(--cf-color-border-control);border-radius:var(--cf-radius-100);background:var(--cf-color-surface-raised);color:var(--cf-color-text-secondary);padding:var(--cf-space-100) var(--cf-space-250);font-size:var(--cf-font-size-275)}.article-page .sorter-choices button:hover{border-color:var(--cf-color-primary-border-hover);color:var(--cf-color-text)}.article-page .sorter-choices button[aria-pressed=true]{border-color:var(--cf-color-primary-border);background:var(--cf-color-primary-subtle);color:var(--cf-color-text)}.article-page .sorter-feedback{grid-column:1/-1;display:flex;gap:var(--cf-space-200);margin:0;color:var(--cf-color-text-secondary);font-size:var(--cf-font-size-275);line-height:var(--cf-line-height-170)}.article-page .sorter-mark{font-weight:var(--cf-font-weight-bold)}.article-page .sorter-score{color:var(--cf-color-text-secondary);font-family:var(--cf-font-mono);font-size:var(--cf-font-size-250);white-space:nowrap}.article-page .sorter-verdict{color:var(--cf-color-text)}@media(max-width:560px){.article-page .analogy-pairs-header{display:none}.article-page .analogy-pair{grid-template-columns:minmax(0,1fr);gap:var(--cf-space-100)}.article-page .article-table table:has(thead th:nth-child(4)){min-width:520px}.article-page .sorter-item{grid-template-columns:minmax(0,1fr)}.article-page .sorter-choices{justify-content:flex-start}.article-page .sorter-choices button{min-height:36px}.article-page .exercise-check-row input{font-size:var(--cf-font-size-400)}}