.brand-theme-picker{margin:18px 0}.brand-theme-picker>p{font-size:12px;color:#697887;line-height:1.6}.brand-theme-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.brand-theme-option{position:relative;display:grid;gap:6px;padding:14px;border:2px solid #e5e9ed;border-radius:14px;background:var(--paper);cursor:pointer}.brand-theme-option:has(input:checked){border-color:var(--swatch);box-shadow:0 0 0 3px color-mix(in srgb,var(--swatch) 12%,transparent)}.brand-theme-option input{position:absolute;right:12px;top:12px;accent-color:var(--swatch)}.brand-theme-swatch{height:34px;width:65px;border-radius:22px 9px 22px 9px;background:var(--swatch);opacity:.85}.brand-theme-option small{color:#63717e;font-size:12px}.brand-theme-option b{font-size:14px}
[data-institution-theme]:not([data-institution-theme=system]){--brand-radius:18px}#institutionShell[data-institution-theme]:not([data-institution-theme=system]) .institution-content{background:var(--brand-surface)}#institutionShell[data-institution-theme]:not([data-institution-theme=system]) .inst-panel{border-radius:var(--brand-radius)}#institutionShell[data-institution-theme=warm] .institution-side{background:#fffcf7}#institutionShell[data-institution-theme=nature] .institution-side{background:#fcfcf5}#institutionShell[data-institution-theme=explore] .institution-side{background:#fcfcff}
.brand-space-hero{position:relative;display:flex;align-items:center;gap:24px;overflow:hidden;padding:32px 38px;border-radius:22px;background:var(--brand-surface,#f7faf8);border:1px solid color-mix(in srgb,var(--brand-primary,#087f78) 16%,white);margin:0 0 24px;color:#233a35}.brand-space-hero>div{flex:1;min-width:0;z-index:1}.brand-space-hero small{font-size:10px;letter-spacing:2px;color:var(--brand-primary)}.brand-space-hero h2{font-size:30px;line-height:1.4;margin:12px 0}.brand-space-hero p{font-size:14px;line-height:1.9;margin:8px 0;color:#566a62;white-space:pre-line;overflow-wrap:anywhere}.brand-mascot{width:190px;height:160px;object-fit:contain;color:#90af78;flex-shrink:0}.brand-space-hero[data-institution-theme=warm] .brand-mascot{color:#e3aa72}.brand-space-hero[data-institution-theme=explore] .brand-mascot{color:#9bace2}.brand-space-hero[data-institution-theme=explore]{border-radius:14px;background:linear-gradient(120deg,var(--brand-surface),#eef1ff)}.brand-space-photo{width:150px;height:125px;object-fit:cover;border-radius:16px}.brand-space-hero.compact{padding:18px;margin:12px 0;border-radius:14px}.brand-space-hero.compact h2{font-size:20px}.brand-space-hero.compact .brand-mascot{width:95px;height:100px}.brand-space-hero.compact .brand-space-photo{width:70px;height:85px}.brand-identity{display:flex;align-items:center;gap:10px}.brand-identity>img,.brand-identity>i{width:38px;height:38px;object-fit:contain;border-radius:10px;display:grid;place-items:center;background:var(--brand-primary,#087f78);color:white;font-style:normal}.brand-surface-preview{padding:16px;border-top:1px solid #e5e9ed}.brand-preview-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px}.brand-preview-mini>div{display:grid;gap:10px;padding:14px;border-radius:12px;background:var(--brand-surface)}.brand-preview-mini small{color:#6c7a84}.brand-preview-mini span{font-size:12px;color:var(--brand-primary)}.brand-surface-preview>p{font-size:12px;line-height:1.8;color:#5e6c75;white-space:pre-line}
.brand-classroom-start{position:absolute;inset:74px 0 0;z-index:20;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:34px;background:var(--brand-surface,#f7faf8);color:#233a35;text-align:center;overflow:auto}.brand-classroom-start .brand-space-hero{width:min(960px,100%);text-align:left;margin:20px 0}.brand-classroom-start .brand-space-hero h2{font-size:48px}.brand-classroom-start .brand-mascot{width:250px;height:220px}.brand-classroom-start[data-audience=explorer] .brand-mascot{width:130px;height:130px}.brand-classroom-start[data-audience=explorer] .brand-space-hero h2{font-size:38px}.brand-classroom-start .brand-goals{max-width:900px;padding:18px;font-size:20px;line-height:1.8;white-space:pre-line}.brand-classroom-actions{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.brand-classroom-actions button,.brand-growth-actions button{border:1px solid color-mix(in srgb,var(--brand-primary,#087f78) 35%,white);border-radius:12px;padding:12px 22px;background:white;color:var(--brand-primary,#087f78);cursor:pointer;font:inherit}.brand-classroom-actions button:first-child{background:var(--brand-primary);color:white;font-weight:700}.brand-age-switch{margin-top:22px;font-size:14px}.brand-age-switch select{font:inherit;padding:8px 12px;border:1px solid #cad7d0;border-radius:8px;background:white}.brand-recap-dialog{width:min(800px,90vw);max-height:85vh;overflow:auto;border:0;border-radius:22px;padding:30px}.brand-recap-dialog::backdrop{background:#122a36aa}.brand-recap-dialog h2{font-size:28px}.brand-recap-dialog p{line-height:1.9;white-space:pre-line}
.learning-child[data-institution-theme]:not([data-institution-theme=system]){background:var(--brand-surface)}.learning-child[data-institution-theme]:not([data-institution-theme=system]) .child-top{background:color-mix(in srgb,var(--brand-surface) 80%,white)}.learning-child[data-institution-theme]:not([data-institution-theme=system]) .primary{background:var(--brand-primary);color:white}.child-brand .brand-identity{font-size:16px}.child-brand .brand-identity img{width:35px;height:35px}.brand-child-about{padding:18px 24px;border-radius:14px;background:white;border:1px solid #e3e9e4;margin:20px 0}.brand-child-about h3{margin:0 0 8px}.brand-child-about p{font-size:14px;line-height:1.8;white-space:pre-line}.brand-continue{display:grid;gap:10px;margin:18px 0 28px}.brand-continue button{display:flex;align-items:center;gap:14px;text-align:left;background:white;border:1px solid #dce4df;border-radius:16px;padding:18px;cursor:pointer;font:inherit;color:#233a35}.brand-continue .brand-video-play{width:46px;height:46px;border-radius:50%;background:var(--brand-primary,#087f78);color:white;display:grid;place-items:center;flex-shrink:0}.brand-continue small{display:block;color:#687b74;margin-top:6px}.brand-growth-head{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:24px 0}.brand-growth-actions{display:flex;gap:8px}.brand-growth-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}.brand-growth-card{background:white;border:1px solid #e0e7e1;border-radius:16px;overflow:hidden;min-width:0}.brand-growth-card>div{padding:18px}.brand-growth-card h3{margin:0 0 10px;font-size:17px}.brand-growth-card p{font-size:14px;line-height:1.8;white-space:pre-line;overflow-wrap:anywhere}.brand-growth-card small{color:#62726c}.brand-growth-card img{width:100%;height:200px;object-fit:contain;background:#f8faf7}.brand-growth-card blockquote{margin:12px 0 0;background:#f3f7f0;border-radius:9px;padding:12px;font-size:14px;line-height:1.8;white-space:pre-line}.brand-growth-empty{background:white;padding:28px;border-radius:16px;line-height:1.8;color:#64746d}.brand-growth-summary{display:flex;gap:14px;flex-wrap:wrap}.brand-growth-summary>span{padding:14px 20px;background:white;border-radius:12px;border:1px solid #e0e7e1}.brand-growth-summary b{font-size:25px;color:var(--brand-primary,#087f78);margin-right:6px}.brand-growth-family .report-card>b{font-size:28px}.brand-growth-family .brand-growth-card{border-color:#ccd7cc}button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5881bb;outline-offset:3px}
@media(max-width:760px){.brand-space-hero{padding:22px;gap:10px}.brand-space-hero h2{font-size:24px}.brand-mascot{width:100px;height:115px}.brand-space-photo{display:none}.brand-classroom-start{padding:18px}.brand-classroom-start .brand-space-hero h2{font-size:30px}.brand-classroom-start .brand-mascot{width:110px;height:130px}.brand-classroom-start .brand-goals{font-size:17px}.brand-growth-grid{grid-template-columns:1fr}.brand-growth-head{align-items:flex-start;flex-direction:column}.brand-preview-mini{grid-template-columns:1fr}.brand-theme-options{grid-template-columns:1fr 1fr}}
@media(prefers-reduced-motion:reduce){.brand-mascot{animation:none!important}}
@media print{.learning-child .child-top,.brand-growth-actions,.child-back,.brand-growth-paging{display:none!important}.learning-child,.child-page{background:white!important;max-width:none!important;padding:0!important}.brand-growth-grid{grid-template-columns:repeat(2,1fr)}.brand-growth-card,.report-card{break-inside:avoid}.brand-space-hero{padding:20px}.brand-mascot{display:none}.brand-growth-family h1{font-size:25px}}

.child-brand>.brand-identity{display:flex;width:auto;height:auto;background:transparent;color:#233a35;font-size:16px;border-radius:0;white-space:nowrap}.child-brand .brand-identity b{color:#233a35;max-width:240px;overflow:hidden;text-overflow:ellipsis}.child-top{gap:18px}.child-top nav{display:flex;gap:8px;flex-wrap:wrap}@media(max-width:760px){.child-top{height:auto;min-height:72px;flex-wrap:wrap;padding-top:12px;padding-bottom:12px;gap:10px}.child-top nav{order:3;width:100%;justify-content:space-between}.child-top nav button{flex:1;font-size:12px}.child-brand .brand-identity b{max-width:210px}.brand-preview-mini b{font-size:13px}}