/* Shared workbench: calm navy navigation, purposeful cards, no new network/font dependency. */
#app[data-friendly]{width:100%!important}#app[data-friendly]:focus{outline:none}.friendly-page .friendly-shell{width:100%}
.friendly-page .header-right>a[href="#/staff"],.friendly-page footer>.portal-links{display:none}
.friendly-material{padding:0!important;overflow:clip}.friendly-material>summary{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:17px;cursor:pointer;list-style:inside;font:14px/1.7 system-ui}.friendly-material>summary strong{display:block;color:#294c62;font-size:15px}.friendly-material>summary small{display:block;color:#748596;font-size:12px;margin-top:4px}.friendly-material-action{font:12px/1.7 system-ui;color:#396d80;flex:0 0 auto}.friendly-material-body{padding:0 17px 20px;border-top:1px solid #e5edf2}.friendly-material[open]>summary{background:#f0f7fa}.material-filter-help{grid-column:1/-1}.friendly-material>summary:focus-visible{outline-offset:-3px!important}@media(max-width:600px){.friendly-material>summary{align-items:start;padding:14px;gap:8px}.friendly-material-action{max-width:64px;white-space:normal;font-size:11px}.friendly-material-body{padding:0 14px 16px}}
body.friendly-page{background:#f3f5f9;color:#243349}.friendly-page .identity-scenery{display:none}.friendly-page .topbar{background:#fff;border-bottom:1px solid #e2e8f0;min-height:72px;padding:14px 28px}.friendly-page .header-right{gap:14px}.friendly-page footer{background:#fff;border-top:1px solid #e2e8f0;padding:20px 28px}.friendly-page footer>span:last-child{display:none}
#app[data-friendly]{display:block!important;max-width:none;padding:0!important;min-height:calc(100vh - 150px)}.friendly-shell{display:grid;grid-template-columns:244px minmax(0,1fr);min-height:calc(100dvh - 145px);max-width:1720px;margin:auto;align-items:start}.friendly-sidebar{position:sticky;top:0;min-height:calc(100dvh - 72px);max-height:100dvh;overflow-y:auto;background:#13283e;color:#e7edf6;padding:25px 17px;align-self:stretch}.friendly-brand{display:flex;gap:12px;align-items:center;margin:0 8px 24px}.friendly-brand img{filter:grayscale(1) brightness(2.6)}.friendly-brand strong{font:650 12px/1.6 system-ui;letter-spacing:.08em}.friendly-brand small{display:block;color:#aebfd0;font:12px/1.8 system-ui}.friendly-mobile-nav>summary{display:none}.friendly-nav-group{margin:0 0 16px;padding:0;border:0;background:transparent}.friendly-nav-group h2,.friendly-nav-group>summary{font:600 11px/1.6 system-ui;letter-spacing:.08em;color:#9fb1c5;margin:18px 13px 8px;cursor:default}.friendly-nav-group>summary{cursor:pointer;min-height:38px;align-content:center;list-style-position:inside}.friendly-nav-group a{display:flex;align-items:center;gap:12px;min-height:44px;margin:3px 0;border-radius:9px;padding:10px 13px;color:#d5deea;text-decoration:none;font:500 14px/1.5 system-ui}.friendly-nav-group a>span:first-child{font:18px/1 system-ui;width:20px;text-align:center;color:#adc5db}.friendly-nav-group a:hover{background:#233c55;color:#fff}.friendly-nav-group a[aria-current=page]{background:#f3f7fc;color:#163f65;font-weight:700;box-shadow:inset 3px 0 #50a4ae}.friendly-nav-group a[aria-current=page]>span:first-child{color:#266b78}.friendly-nav-bottom{padding:18px 10px 2px;border-top:1px solid #ffffff26;display:grid;gap:6px}.friendly-nav-bottom a,.friendly-nav-bottom button{color:#cbd9e6;background:none;border:0;padding:10px 2px;text-align:left;text-decoration:none;font:13px/1.6 system-ui;cursor:pointer;min-height:42px}.friendly-nav-bottom button:hover,.friendly-nav-bottom a:hover{color:white;text-decoration:underline}.friendly-main{min-width:0;padding:22px clamp(18px,3vw,44px) 40px}.friendly-topline{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:20px;font:12px/1.6 system-ui;color:#697a8d}.friendly-topline nav{min-width:0;overflow-wrap:anywhere}.friendly-topline a{color:#477084;text-decoration:none}.friendly-topline>button{flex:0 0 auto;border:1px solid #d9e2ed;background:white;border-radius:8px;min-height:38px;padding:8px 12px;color:#31546e;cursor:pointer}
#app .friendly-layout{display:block!important;width:100%!important;max-width:1240px!important;margin:0 auto!important}.friendly-layout>.intro{padding:0!important;margin:0 0 22px!important;min-width:0!important;max-width:none!important}.friendly-layout>.intro .eyebrow{font:650 11px/1.6 system-ui;letter-spacing:.12em;color:#72869a}.friendly-layout>.intro h1{font:700 clamp(24px,2.6vw,32px)/1.4 system-ui!important;margin:6px 0 8px!important;color:#18364e}.friendly-layout>.intro>p{font:14px/1.8 system-ui!important;max-width:850px;margin:0!important;color:#657789}.friendly-layout>.intro>.ornament,.friendly-layout>.intro>.notice{display:none!important}.friendly-layout>.card{width:100%!important;min-width:0;background:#fff!important;padding:24px!important;box-shadow:0 3px 18px #1e3a5f06!important;border:1px solid #e0e7ef!important;border-radius:15px!important}.friendly-layout h2,.friendly-layout h3{font-family:system-ui!important}.friendly-layout .portal-workspace-menu{display:none}.friendly-page-tip{border:1px solid #e2ebf2;background:#f7fafc;padding:9px 14px;border-radius:9px;margin-bottom:22px;font:13px/1.8 system-ui}.friendly-page-tip>summary{cursor:pointer;color:#375c73;min-height:26px;align-content:center;font-weight:600}.friendly-page-tip p{margin:9px 0;color:#576f81;max-width:900px}.friendly-page .button{font-family:system-ui;min-height:44px;box-shadow:none}.friendly-page a,.friendly-page button,.friendly-page summary{touch-action:manipulation}.friendly-page :is(button,a,input,select,textarea,summary):focus-visible{outline:3px solid #4b9aaa!important;outline-offset:3px}.friendly-workspaces{margin-top:22px}.friendly-workspaces[hidden]{display:none!important}.friendly-layout .entry-grid{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr))}.friendly-layout .entry-grid .staff-card{padding:16px;text-decoration:none;background:#f7f9fc;border:1px solid #e0e8ef;border-radius:10px;text-align:left}.friendly-layout .entry-grid h2{font-size:17px}
.friendly-launchpad{margin:0 0 22px}.student-dashboard+.friendly-launchpad{margin-top:25px}.friendly-section-title{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:15px}.friendly-section-title small{font:650 10px/1.8 system-ui;letter-spacing:.1em;color:#74899b}.friendly-section-title h2{font:700 21px/1.5 system-ui;margin:3px 0;color:#203f57}.friendly-section-title .button{font-size:12px;min-height:38px;padding:8px 12px;border:1px solid #cfdde8;color:#376476;background:#fff}.friendly-task-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.friendly-task{position:relative;display:grid;align-content:start;min-width:0;min-height:164px;padding:19px;border:1px solid #e0e8f0;border-radius:12px;text-decoration:none;background:linear-gradient(135deg,#fff,#f9fbfe);color:#294961;transition:border-color .15s,box-shadow .15s,transform .15s}.friendly-task:hover{border-color:#74a7b3;box-shadow:0 6px 20px #16354b12;transform:translateY(-2px)}.friendly-task-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;color:#2b7280;background:#e7f3f3;font:23px/1 system-ui;margin-bottom:12px}.friendly-task:nth-child(2n) .friendly-task-icon{color:#65609d;background:#eeecf9}.friendly-task strong{font:650 15px/1.6 system-ui}.friendly-task p{font:12px/1.8 system-ui;margin:5px 0 0;color:#6d8192;overflow-wrap:anywhere}.friendly-arrow{position:absolute;right:16px;top:16px;color:#8ca8b7}.friendly-note{font:12px/1.8 system-ui;color:#758393}.friendly-list-filter{border:1px solid #e0e7ef;border-radius:10px;padding:14px;margin:14px 0}.friendly-list-filter label{display:block;font:600 13px/1.7 system-ui;color:#3a596f}.friendly-list-filter input{display:block;width:min(100%,420px);margin-top:8px;min-height:44px;padding:10px 12px;border:1px solid #ccd9e3;border-radius:8px;font:16px system-ui}.friendly-reference{font:11px/1.6 system-ui;overflow-wrap:anywhere;color:#8793a0}.friendly-reference summary{cursor:pointer}.friendly-layout .staff-student-row{grid-template-columns:auto minmax(0,1fr);gap:15px;position:relative}.friendly-layout .staff-student-row[hidden]{display:none!important}.friendly-layout .staff-student-link{min-width:0}.friendly-layout .staff-student-link strong{font:650 16px/1.7 system-ui}.friendly-layout .staff-student-link .hint{font-size:12px}.friendly-layout .archive-select-panel{background:#fafbfd}.friendly-layout .student-next{margin-top:12px;background:linear-gradient(120deg,#eef7f7,#f5f8fc);border-color:#d9e9eb}.friendly-layout .student-next h2{color:#224858}.friendly-layout .student-next aside{color:#38747b}.friendly-layout .student-tabs{margin-bottom:18px}.friendly-guide{width:min(660px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:26px;border:1px solid #cfdde7;border-radius:16px;color:#28445a;box-shadow:0 24px 90px #142d4d30;overflow-y:auto;font:14px/1.8 system-ui}.friendly-guide::backdrop{background:#13283e85;backdrop-filter:blur(3px)}.friendly-guide header{display:flex;justify-content:space-between;align-items:start;gap:16px;margin-bottom:15px}.friendly-guide header small{font:600 10px/1.6 system-ui;letter-spacing:.1em;color:#71929d}.friendly-guide h2{font:700 22px/1.6 system-ui;margin:5px 0}.friendly-close{display:grid;place-items:center;background:#f0f4f8;border:0;border-radius:50%;width:36px;height:36px;min-width:36px;font:24px/1 system-ui;color:#3c5a6f;cursor:pointer}.friendly-guide details{border-top:1px solid #e4eaf0;padding:13px 0}.friendly-guide summary{cursor:pointer;font-weight:650;min-height:32px}.friendly-guide details p{font-size:13px;color:#60788b;line-height:1.9;margin:10px 0}
@media(max-width:1190px){.friendly-shell{grid-template-columns:220px minmax(0,1fr)}.friendly-task-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.friendly-main{padding:20px}.friendly-layout .language-grid{grid-template-columns:1fr}}
@media(max-width:999px){.friendly-shell{display:block}.friendly-sidebar{position:static;min-height:0;max-height:none;padding:0;background:#17334c}.friendly-brand{display:none}.friendly-mobile-nav>summary{display:flex;justify-content:space-between;align-items:center;min-height:48px;padding:12px 20px;cursor:pointer;font:600 14px/1.7 system-ui;color:#fff;list-style:none}.friendly-mobile-nav>nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:0 12px}.friendly-nav-group{min-width:0}.friendly-nav-group a{font-size:13px}.friendly-nav-group h2,.friendly-nav-group>summary{margin-top:8px}.friendly-nav-bottom{display:flex;flex-wrap:wrap;gap:15px;padding:8px 22px}.friendly-main{padding:16px}.friendly-topline{margin-bottom:15px}.friendly-layout>.card{padding:20px!important}}
@media(max-width:600px){.friendly-page .topbar{padding:12px 16px}.friendly-page .header-right{gap:7px}.friendly-page .topbar .brand strong{font-size:15px}.friendly-page .topbar .brand small{font-size:8px}.friendly-page .header-right .staff-link{font-size:11px}.friendly-main{padding:14px 12px 26px}.friendly-layout>.intro h1{font-size:25px!important}.friendly-layout>.intro>p{font-size:13px!important}.friendly-layout>.card{padding:16px!important;border-radius:12px!important}.friendly-task-grid{grid-template-columns:1fr 1fr;gap:9px}.friendly-task{padding:13px;min-height:155px}.friendly-task strong{font-size:14px}.friendly-task p{font-size:11px}.friendly-task-icon{width:30px;height:30px;font-size:20px}.friendly-topline{font-size:11px}.friendly-topline>button{font-size:11px;padding:7px 8px}.friendly-section-title{align-items:start}.friendly-section-title h2{font-size:20px}.friendly-section-title .button{font-size:11px;white-space:normal}.friendly-layout .student-next{padding:17px}.friendly-layout .archive-student-select{font-size:11px;padding:6px}.friendly-guide{padding:19px;max-height:calc(100dvh - 24px)}.friendly-guide h2{font-size:20px}.friendly-layout .staff-student-row{grid-template-columns:1fr}.friendly-layout .student-next .actions{display:grid;grid-template-columns:1fr}.friendly-layout .student-next .button{justify-content:center}.friendly-page footer{padding:16px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.friendly-task{transition:none}.friendly-task:hover{transform:none}.friendly-guide::backdrop{backdrop-filter:none}}