.role-grid{display:grid;gap:10px;margin:18px 0}.role-card{display:flex;align-items:center;gap:14px;width:100%;padding:15px;border:3px solid #004f71;border-radius:18px;background:#fff;text-align:left;cursor:pointer;font:800 17px 'Nunito',sans-serif;margin:0;color:#004f71}.role-card:hover,.role-card:focus-visible{outline:3px solid #004f71;outline-offset:2px}.role-icon{font-size:28px;line-height:1}.role-copy{display:grid;gap:2px}.role-copy small{font-size:13px;font-weight:700;color:#425c6b}.welcome-brand{font:800 22px 'Baloo 2',sans-serif;color:#004f71;margin:0 0 10px}.mascot-team{display:flex;align-items:flex-end;justify-content:center;gap:8px;margin:0 auto 12px;max-width:280px}.mascot-portrait{display:block;flex:0 0 76px;width:76px;height:102px;background-image:url('assets/mascots/funda-trio.png');background-size:300% auto;background-repeat:no-repeat;background-color:#fff}.mascot-welcomer{background-position:left center}.mascot-celebrator{background-position:center center}.mascot-guide{background-position:right center}.primary-btn{background:#ffcb05;color:#004f71;border:3px solid #004f71;border-radius:18px;font:800 18px 'Nunito',sans-serif;padding:14px;width:100%;cursor:pointer}.primary-btn small{font-size:13px}.status{font-size:13px;line-height:1.45;color:#425c6b}.edition-header,.edition-header .edition-change{color:#004f71}.edition-dialog{color:#004f71;border-color:#004f71;background:#f2f7fa}.edition-actions button,.edition-link{background:#ffcb05;color:#004f71;border-color:#004f71}

body:has(#roleStudent){height:auto;min-height:100dvh;align-items:center}body:has(#roleStudent) .app-shell,body:has(#roleStudent) .card{max-height:none;overflow:visible}.edition-standalone .app-shell{max-width:420px}