/* Existing learning sheet, new discovery and continuation components. */
.catalog-filters{display:grid;gap:var(--space-24);max-width:960px;padding-block:var(--space-24);border-block:1px solid var(--color-divider)}.catalog-grade-filter{border:0;margin:0;padding:0;min-width:0}.catalog-grade-filter legend,.catalog-select>span:first-child{font:var(--type-catalog-label-weight) var(--type-catalog-label-size)/var(--type-catalog-label-line) var(--font-body);color:var(--color-text);margin-bottom:var(--space-8)}.catalog-grade-options{display:flex;flex-wrap:wrap;gap:var(--space-8)}.catalog-grade-choice{position:relative;display:grid;place-items:center;min-width:52px;min-height:48px;padding:var(--space-8) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);font-weight:600;cursor:pointer}.catalog-grade-choice input{position:absolute;width:1px;height:1px;opacity:0}.catalog-grade-choice:has(input:checked){border-color:var(--color-primary);background:var(--color-selection);box-shadow:inset 0 0 0 1px var(--color-primary);color:var(--color-primary)}.catalog-grade-choice:has(input:focus-visible){outline:3px solid var(--color-focus);outline-offset:3px}.catalog-selects{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-24)}.catalog-select{display:grid;min-width:0}.catalog-select-control{position:relative;display:block}.catalog-select select{appearance:none;width:100%;min-height:52px;padding:var(--space-12) var(--space-40) var(--space-12) var(--space-16);border:1px solid var(--color-border);border-radius:var(--radius-control);background:var(--color-surface);color:var(--color-text);font:inherit;cursor:pointer;text-overflow:ellipsis}.catalog-select-control>.icon{position:absolute;right:var(--space-12);top:calc(50% - 10px);pointer-events:none}.catalog-filter-help{max-width:70ch}.catalog-filter-actions,.followup-actions{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-12)}.catalog-results{max-width:960px;scroll-margin-top:calc(var(--header-height) + var(--space-24))}.catalog-result-summary{margin-top:var(--space-12);margin-bottom:var(--space-24);color:var(--color-secondary)}.catalog-task-list{list-style:none;padding:0;margin:0}.catalog-task{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--space-24);padding-block:var(--space-24);border-top:1px solid var(--color-divider)}.catalog-task h3{margin-top:var(--space-8);margin-bottom:var(--space-12)}.catalog-task h3 a{text-decoration:none;color:var(--color-text)}.catalog-task h3 a:hover{color:var(--color-primary);text-decoration:underline}.catalog-task-knowledge{max-width:68ch;color:var(--color-secondary)}.catalog-task-knowledge strong{font-weight:600}.catalog-task>.button{min-width:120px}.catalog-pagination{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-8);margin-top:var(--space-24)}.catalog-pagination>a,.catalog-page-current{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-8);padding:var(--space-8) var(--space-12);min-height:44px;min-width:44px;border-radius:var(--radius-control);text-decoration:none}.catalog-pagination>a:hover{background:var(--color-subtle);text-decoration:none}.catalog-page-current{background:var(--color-selection);color:var(--color-primary);font-weight:600}.catalog-page-gap{color:var(--color-secondary);padding-inline:var(--space-4)}.catalog-empty{max-width:720px;display:grid;gap:var(--space-16);padding-block:var(--space-24)}.catalog-empty>.button{justify-self:start}.catalog-topic-index{max-width:960px}.catalog-topic-index summary{min-height:52px;display:flex;align-items:center;justify-content:space-between;gap:var(--space-16);cursor:pointer;list-style:none;font-weight:600}.catalog-topic-index summary::-webkit-details-marker{display:none}.catalog-topic-index[open] summary .icon{transform:rotate(180deg)}.catalog-topic-index .material-row{padding-block:var(--space-16)}.collection-return{display:inline-flex;align-items:center;gap:var(--space-8);min-height:44px;margin-block:0 var(--space-24);font-weight:600}.task-followup{border-top:1px solid var(--color-divider);margin-block:var(--space-24);padding-block:var(--space-24);display:grid;gap:var(--space-12);max-width:720px;animation:followup-arrive var(--motion-game-duration) var(--motion-ease)}.task-followup .followup-title{font:var(--type-catalog-label-weight) var(--type-catalog-label-size)/var(--type-catalog-label-line) var(--font-body)}.task-followup .followup-knowledge{color:var(--color-secondary)}.task-followup .followup-actions{margin-top:var(--space-8)}.hero-task .task-followup{margin-bottom:0}.hero-task .task-followup h3{font-size:var(--type-item-title-size);line-height:var(--type-item-title-line)}
@keyframes followup-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:760px){.catalog-selects{grid-template-columns:1fr;gap:var(--space-16)}.catalog-filters{gap:var(--space-16)}.catalog-task{grid-template-columns:1fr;gap:var(--space-16)}.catalog-task>.button{justify-self:start}.catalog-filter-actions{align-items:stretch}.catalog-grade-choice{min-width:44px;padding-inline:var(--space-12)}.task-followup{padding-block:var(--space-16)}.catalog-pagination{gap:var(--space-4)}}
@media(max-width:360px){.catalog-filter-actions,.followup-actions{align-items:stretch;flex-direction:column}.catalog-filter-actions>.button,.followup-actions>.button{width:100%}.catalog-task>.button{width:100%;justify-self:stretch}.catalog-select select{padding-inline-start:var(--space-12);font-size:16px}.catalog-pagination>a{padding-inline:var(--space-8)}}
@media(prefers-reduced-motion:reduce){.task-followup{animation:none}}
@media print{.catalog-filters,.catalog-pagination,.task-followup,.collection-return{display:none!important}}

@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

@media(hover:hover){.catalog-grade-choice:not(:has(input:checked)):hover{background:var(--color-subtle);border-color:var(--color-primary)}.catalog-select select:hover{border-color:var(--color-primary)}}