:root{color-scheme:light}body{margin:0;background:#f3f6f8;color:var(--ink,#152c3b);font-family:var(--institution-font,system-ui,sans-serif)}.family-shell{max-width:1280px;margin:auto}.family-shell main{padding:32px}.family-header{padding:24px 32px;background:white;display:flex;justify-content:space-between;gap:24px;border-bottom:1px solid #d8e3e7}.family-brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit;font-weight:700;font-size:20px}.family-brand img{max-width:140px;max-height:55px}.family-brand small{display:block;font-size:13px;font-weight:400;margin-top:4px;color:#536674}.family-heading{display:flex;align-items:center;gap:24px;justify-content:space-between;flex-wrap:wrap;margin-bottom:24px}.family-heading h1{font-size:32px;margin:4px 0 20px}.family-nav{display:flex;gap:12px;flex-wrap:wrap;margin:24px 0}.family-nav button,.family-nav a{border:1px solid #cbdcdf;border-radius:8px;background:white;padding:12px 18px;font:inherit;color:var(--ink,#224452);text-decoration:none;cursor:pointer}.family-nav button[aria-current=page]{background:var(--primary,#006d77);color:var(--primary-on,#fff);border-color:var(--primary,#006d77)}.family-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.family-grid>div{background:#f3f7f8;padding:20px;border-radius:10px}.family-line{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #dce6e9}.family-login{max-width:560px;margin:48px auto;padding:32px}.family-login h1{font-size:34px;line-height:1.15}.family-login form{display:grid;gap:20px;margin:28px 0}.family-login input,.family-heading select{display:block;box-sizing:border-box;width:100%;padding:12px;margin-top:8px;border:1px solid #afc3cb;border-radius:6px;font:inherit}.family-footer{padding:32px;color:#536674;border-top:1px solid #d8e3e7}.skip{position:absolute;left:-9999px}.skip:focus{left:16px;top:8px;z-index:100;background:white;padding:12px}.family-shell .panel{margin-bottom:24px;padding:28px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--primary,#308892);outline-offset:3px}@media(max-width:650px){.family-shell main,.family-header{padding:20px}.family-login{margin:20px auto;padding:24px}.family-heading h1{font-size:26px}.family-nav{display:grid;grid-template-columns:1fr 1fr}.family-nav>*{text-align:center}.family-line{flex-wrap:wrap}.family-shell .panel{padding:20px}.family-heading label{width:100%}}

.family-shell h1,.family-shell h2,.family-shell h3,.family-login h1{font-family:var(--institution-font,inherit)}