.learning-hero{display:flex;align-items:center;background:var(--cp-bg-elevated);color:var(--cp-text)}
.learning-hero .wrap{padding-top:58px;padding-bottom:58px}
.learning-hero h1{color:var(--cp-text)}
.learning-hero .lede{max-width:760px;color:var(--cp-text-soft)}
.learning-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:22px 0}
.learning-filter{min-height:44px;padding:9px 14px;border:1px solid var(--cp-border-strong);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);font:700 .88rem "Segoe UI",Aptos,Calibri,-apple-system,BlinkMacSystemFont,sans-serif;cursor:pointer}
.learning-filter[aria-pressed="true"]{border-color:var(--cp-accent);background:var(--cp-accent);color:var(--cp-accent-fg)}
.learning-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.learning-card{display:flex;min-width:0;flex-direction:column;padding:22px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface);box-shadow:0 0 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14)}
.learning-card[hidden]{display:none}.learning-card h3{margin:6px 0 10px}.learning-card p{color:var(--cp-text-muted)}
.learning-card .learning-actions{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:16px}
.learning-audience{color:var(--cp-accent);font-size:.74rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}
.learning-path{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;counter-reset:path}
.learning-step{padding:20px;border-left:4px solid var(--cp-accent);border-radius:.625rem;background:var(--cp-surface)}
.learning-step::before{counter-increment:path;content:counter(path);display:grid;width:34px;height:34px;place-items:center;margin-bottom:10px;border-radius:50%;background:var(--cp-accent);color:var(--cp-accent-fg);font-weight:900}
.family-boundary,.family-builder,.family-output{padding:24px;border:1px solid var(--cp-border);border-radius:16px;background:var(--cp-surface);box-shadow:0 0 2px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.14)}
.family-boundary{border-left:5px solid var(--cp-warning)}
.family-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.family-field label{display:block;margin-bottom:6px;font-weight:800}
.family-field input{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--cp-border-strong);border-radius:.625rem;background:var(--cp-surface);color:var(--cp-text);font:inherit}
.family-builder fieldset{margin:20px 0;padding:0;border:0}.family-builder legend{margin-bottom:10px;font-weight:900}
.family-clues{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.family-clue{display:flex;gap:9px;align-items:flex-start;padding:12px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-bg-elevated)}
.family-clue input{width:20px;height:20px;flex:0 0 auto;margin-top:2px}
.family-actions{display:flex;gap:10px;flex-wrap:wrap}.family-output{margin-top:18px}.family-output[hidden]{display:none}
.family-output h2:focus{outline:3px solid var(--cp-highlight);outline-offset:4px}
.family-checklist{display:grid;gap:10px;margin:16px 0;padding:0;list-style:none;counter-reset:research}
.family-checklist li{padding:14px 16px;border-left:4px solid var(--cp-accent);background:var(--cp-bg-elevated)}
.family-checklist li::before{counter-increment:research;content:counter(research) ". ";font-weight:900;color:var(--cp-accent)}
.family-sources{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:16px}
.family-sources a{display:block;padding:12px;border:1px solid var(--cp-border);border-radius:.625rem;background:var(--cp-bg-elevated);font-weight:800}
@media(max-width:900px){.learning-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.learning-path{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.learning-grid,.learning-path,.family-form-grid,.family-clues,.family-sources{grid-template-columns:1fr}.learning-hero .wrap{padding-top:40px;padding-bottom:40px}}
@media(forced-colors:active){.learning-filter[aria-pressed="true"]{border:3px solid ButtonText}.family-boundary,.learning-step,.family-checklist li{border-color:CanvasText}}
@media print{header.nav,footer.site,.learning-hero,.family-builder,.family-actions,.history-guide-fab,.a11y-fab,.back-to-top{display:none!important}.family-output{display:block!important;border:0;box-shadow:none}.section{padding:12px 0}}