@font-face {
  font-family:'Inter';
  font-style:normal;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/inter/InterVariable.woff2') format('woff2');
}
@font-face {
  font-family:'Inter';
  font-style:italic;
  font-weight:100 900;
  font-display:swap;
  src:url('/assets/fonts/inter/InterVariable-Italic.woff2') format('woff2');
}
:root {
  --ink:#183f3b; --muted:#607773; --brand:#007d74; --brand-dark:#005e57; --brand-official:#008d82; --accent:#ff7c1a;
  --line:#e0e9e6; --surface:#f4f7f6; --white:#fff; --green:#167257;
  --orange:#94631d; --red:#b2414b; --nav:#073b39; --radius:16px;
  --shadow:0 4px 22px rgba(24,40,63,.035);
  --brand-soft:#edf6f3; --surface-hover:#f5faf8; --text-secondary:#526e68;
  font-family:'Inter','Segoe UI',Arial,sans-serif;
  font-optical-sizing:auto;
  color:var(--ink); font-size:14px; line-height:1.5; font-synthesis:none;
}
* { box-sizing:border-box; }
/* The drawer stays outside the page; wide tables scroll inside their panels. */
html { overflow-x:clip; }
body { margin:0; background:var(--surface); }
button,input,select,textarea { font:inherit; }
button { cursor:pointer; }
button:disabled { opacity:.45; cursor:not-allowed; }
button,a { touch-action:manipulation; -webkit-tap-highlight-color:transparent; }
a { color:var(--brand); text-decoration:none; }
:focus-visible { outline:3px solid #84e3da; outline-offset:3px; }
h1,h2,h3,p { margin-top:0; }
h1 { font-size:30px; font-weight:700; line-height:1.2; letter-spacing:-1px; margin-bottom:9px; }
h2 { font-size:18px; font-weight:650; line-height:1.35; letter-spacing:-.35px; }
h3 { font-size:15px; font-weight:650; }
p { line-height:1.7; }
small,.muted { color:var(--muted); }
.eyebrow { display:block; text-transform:uppercase; letter-spacing:1.8px; font-size:10px; font-weight:700; color:var(--muted); }
.icon { width:19px; height:19px; vertical-align:middle; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; flex-shrink:0; }
.brand { display:flex; gap:12px; align-items:center; font-weight:750; font-size:20px; letter-spacing:-.7px; }
.institution { font-size:9px; letter-spacing:2px; font-weight:650; }
.btn { min-height:42px; border:1px solid #dcedeb; border-radius:10px; padding:10px 16px; background:white; color:var(--ink); display:inline-flex; align-items:center; justify-content:center; gap:8px; font-weight:600; line-height:1.35; white-space:nowrap; transition:background .16s,border-color .16s,box-shadow .16s; }
.btn:hover:not(:disabled) { border-color:#a8ccc3; background:var(--surface-hover); }
.btn.primary { background:var(--brand); border-color:var(--brand); color:white; box-shadow:0 3px 7px #24a69918; }
.btn.primary:hover { background:var(--brand-dark); border-color:var(--brand-dark); box-shadow:0 4px 12px #24a69924; }
.btn.danger { color:var(--red); border-color:#ebcfd4; }
.btn.small { min-height:34px; padding:7px 12px; font-size:12px; border-radius:8px; }
.btn.text { min-height:32px; border-color:transparent; background:transparent; padding:6px 8px; color:var(--brand); box-shadow:none; }
.btn.text:hover:not(:disabled) { background:var(--brand-soft); }
.btn.icon-only { padding:9px; }
.actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; }
.page-heading { display:flex; justify-content:space-between; align-items:center; gap:22px; margin-bottom:28px; }
.page-heading>div:first-child { min-width:0; }
.page-heading p { margin:0; color:var(--muted); font-size:13px; }
.panel { background:white; border:1px solid var(--line); border-radius:var(--radius); padding:26px; margin-bottom:20px; box-shadow:var(--shadow); }
.panel.flush { padding:0; }
.panel-head { display:flex; justify-content:space-between; align-items:center; padding:22px 26px; border-bottom:1px solid var(--line); }
.panel-head h2 { margin:0; }
.panel-title-sub { color:var(--muted); font-size:12px; margin-top:5px; }
.pill { display:inline-flex; align-items:center; gap:6px; border-radius:6px; background:#eef3f1; color:var(--text-secondary); font-size:11px; font-weight:600; padding:5px 9px; line-height:1.5; white-space:nowrap; }
.pill.blue { background:#e7f4f0; color:#006b60; }
.pill.green { background:#e8f5ee; color:var(--green); }
.pill.orange { background:#fcf2e1; color:var(--orange); }
.pill.red { background:#fcecef; color:var(--red); }
.pill.purple { background:#f1edfb; color:#7054a1; }
.dot { width:6px; height:6px; border-radius:50%; background:currentColor; display:inline-block; flex-shrink:0; }
.notice { border:1px solid #d7e9e3; background:var(--brand-soft); border-radius:11px; padding:13px 16px; color:#39665d; display:flex; gap:11px; align-items:center; font-size:12px; line-height:1.6; margin-bottom:22px; }
.notice.warning { background:#fff8e9; border-color:#f0e2c4; color:#906b2c; }
.empty { text-align:center; padding:58px 24px; }
.empty .empty-icon { display:inline-flex; padding:18px; border:1px solid #dcebe5; border-radius:18px; background:var(--brand-soft); color:var(--brand); margin-bottom:20px; }
.empty .icon { width:28px; height:28px; }
.empty h2 { font-size:18px; margin-bottom:9px; }
.empty p { max-width:420px; margin:0 auto 22px; color:var(--muted); font-size:13px; }
.avatar { background:#edf5f1; border:1px solid #dcebe4; color:#386d60; width:38px; height:38px; flex-shrink:0; border-radius:50%; display:inline-flex; justify-content:center; align-items:center; font-size:12px; font-weight:700; }
.avatar.square { border-radius:11px; width:44px; height:44px; }
.avatar.official { background:#176b63; border-color:#176b63; color:white; }
.subline { font-size:12px; color:var(--muted); margin-top:4px; line-height:1.5; }
.small-date { font-size:11px; color:var(--muted); }
.card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.profile-card { min-width:0; border:1px solid var(--line); border-radius:var(--radius); padding:24px; background:white; box-shadow:var(--shadow); }
.profile-card h3 { margin:18px 0 5px; font-size:16px; overflow-wrap:anywhere; }
.profile-card .handle { font-size:12px; color:var(--muted); margin-bottom:18px; overflow-wrap:anywhere; }
.profile-card .card-footer { display:flex; gap:12px; flex-direction:column; align-items:flex-start; padding-top:18px; border-top:1px solid var(--line); margin-top:20px; }
.loading { display:flex; min-height:100dvh; justify-content:center; align-items:center; flex-direction:column; gap:16px; padding:24px; text-align:center; }
.loading>p { color:var(--muted); }
.error-state { padding:65px 24px; text-align:center; }
.form-error { color:var(--red); font-size:12px; line-height:1.6; margin:12px 0; }
.form-error:empty { display:none; }
#toast { position:fixed; bottom:26px; left:50%; transform:translateX(-50%); background:#175952; color:white; padding:14px 21px; border-radius:12px; box-shadow:0 10px 35px #113e3922; font-size:13px; z-index:100; max-width:min(90vw,600px); display:none; }
#toast.visible { display:block; }
.hidden { display:none!important; }
.sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
.space-top { margin-top:22px; }

/* Application frame */
.app-shell { display:grid; grid-template-columns:244px minmax(0,1fr); min-height:100dvh; }
.sidebar { background:var(--nav); display:flex; flex-direction:column; padding:30px 18px 22px; position:fixed; inset:0 auto 0 0; width:244px; z-index:30; color:#b7dad6; overflow-y:auto; scrollbar-width:thin; scrollbar-color:#39756b transparent; }
.sidebar .brand { padding:0 10px; margin-bottom:11px; color:white; }
.sidebar .institution { padding-left:65px; margin-bottom:38px; color:#91c4bf; }
.central-label { font-size:9px; text-transform:uppercase; color:#7fb3ae; letter-spacing:1.45px; padding:0 14px; margin-bottom:14px; }
.nav { display:flex; flex-direction:column; gap:7px; flex-shrink:0; }
.nav-link { position:relative; display:flex; align-items:center; gap:12px; font-size:13px; color:#b4d9d5; border:1px solid transparent; border-radius:10px; padding:12px 14px; font-weight:500; transition:background .16s,color .16s; }
.nav-link .icon { color:#8dc8c2; }
.nav-link:hover { background:#ffffff0d; color:white; }
.nav-link.active { background:#1d6259; border-color:#8bd9c62b; color:white; font-weight:600; }
.sidebar :is(a,button):focus-visible { outline-color:#ffb57c; }
.nav-link.active .icon { color:#b7fff8; }
.nav-link.active:before { content:''; position:absolute; left:-19px; top:13px; bottom:13px; width:3px; border-radius:0 3px 3px 0; background:#89fff3; }
.sidebar-bottom { margin-top:auto; padding:22px 13px 0; border-top:1px solid #ffffff10; font-size:11px; color:#94c4bf; line-height:1.8; }
.sidebar-bottom strong { display:block; font-size:13px; color:#d7f6f3; letter-spacing:2px; font-weight:700; margin-bottom:6px; }
.main-shell { grid-column:2; min-width:0; }
.topbar { min-height:83px; background:#ffffffee; border-bottom:1px solid var(--line); display:flex; gap:18px; align-items:center; justify-content:space-between; padding:15px 42px; position:sticky; top:0; z-index:10; backdrop-filter:blur(12px); }
.breadcrumb { min-width:0; font-size:12px; color:#b3ccca; display:flex; align-items:center; gap:12px; }
.breadcrumb strong { color:#527e7a; font-weight:550; line-height:1.4; }
.topline-tag { font-size:10px; color:#82a5a2; letter-spacing:1.4px; white-space:nowrap; }
.person { display:flex; gap:11px; align-items:center; min-width:0; }
.person>div { min-width:0; }
.person-name { font-size:13px; font-weight:650; margin-bottom:2px; line-height:1.3; overflow-wrap:anywhere; }
.person-role { font-size:11px; color:var(--muted); line-height:1.4; }
.logout { min-width:36px; min-height:36px; background:transparent; border:1px solid transparent; border-radius:9px; color:#7ea29e; margin-left:9px; padding:8px; }
.logout:hover { border-color:var(--line); background:var(--surface-hover); color:var(--brand); }
.content { max-width:1380px; margin:0 auto; padding:36px 42px 52px; }
.workspace-banner { font-size:11px; display:flex; align-items:center; justify-content:center; gap:8px; color:#897044; background:#fbf6e9; min-height:30px; padding:5px 18px; border-bottom:1px solid #f0e8d5; text-align:center; }
.workspace-banner .dot { height:5px; width:5px; }
.mobile-menu,.nav-backdrop { display:none; }

/* Overview: only the two existing, useful groups */
.dashboard-welcome { position:relative; overflow:hidden; background:linear-gradient(115deg,#eafcfa,#f8faff); border:1px solid #dcf5f3; display:flex; gap:24px; justify-content:space-between; align-items:center; padding:30px 32px; border-radius:var(--radius); margin-bottom:24px; }
.dashboard-welcome .eyebrow { color:#6eb0a9; margin-bottom:10px; font-size:9px; }
.dashboard-welcome h2 { font-size:27px; letter-spacing:-.8px; margin-bottom:8px; }
.dashboard-welcome p { color:#669a95; font-size:13px; margin:0; max-width:490px; }
.welcome-symbol { display:grid; place-items:center; width:72px; height:72px; border-radius:22px; border:1px solid #d6f6f3; background:#ffffff99; color:#6dc4bb; flex-shrink:0; }
.welcome-symbol .icon { width:31px; height:31px; stroke-width:1.4; }
.overview-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
.overview-grid .panel { margin:0; }
.overview-grid .panel>h2 { margin-bottom:24px; }
.quick-list { display:flex; flex-direction:column; }
.quick-link { display:flex; align-items:center; gap:13px; padding:18px 0; border-bottom:1px solid var(--line); color:var(--ink); }
.quick-link:first-child { padding-top:0; }
.quick-link:last-child { border:0; padding-bottom:0; }
.quick-link>.icon:first-child { width:18px; height:18px; padding:10px; box-sizing:content-box; border:1px solid #e8edf5; background:#f6f8fc; border-radius:12px; color:#66b2aa; }
.quick-link strong { display:block; font-size:13px; margin-bottom:5px; font-weight:600; }
.quick-link small { font-size:12px; line-height:1.5; display:block; }
.quick-link>.icon:last-child { margin-left:auto; width:16px; color:#97c1bd; }
.quick-link:hover strong { color:var(--brand); }
.quick-count { font-size:36px; font-weight:650; line-height:1.1; letter-spacing:-1.3px; margin-bottom:8px; }
.mini-overview { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:6px 0 27px; }
.mini-overview>div+div { border-left:1px solid var(--line); padding-left:24px; }
.mini-overview small { font-size:12px; }

/* Personal sign-in */
.login-shell{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);min-height:100dvh}
.login-aside{isolation:isolate;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;gap:56px;padding:clamp(38px,4.5vw,72px);color:#fff}
.login-aside>*{position:relative;z-index:1}
.login-aside:before{content:'';position:absolute;width:640px;height:640px;right:-300px;top:18%;border:1px solid #ffffff10;border-radius:50%;box-shadow:0 0 0 80px #ffffff03,0 0 0 160px #ffffff02;pointer-events:none}
.login-aside .brand{color:#fff}
.login-intro h2{font-size:clamp(40px,4.2vw,60px);font-weight:650;line-height:1.16;letter-spacing:-1.6px;margin:0;max-width:510px}
.login-intro h2 em{font-style:normal;color:#ffb57c}
.login-intro>p{max-width:330px;margin:22px 0 0;color:#b4d4ce;font-size:14px;line-height:1.8}
.login-aside footer{color:#b4d4ce;font-size:11px;line-height:1.7}
.login-main{display:flex;align-items:center;justify-content:center;padding:40px 36px;background:var(--surface)}
.login-form{width:100%;max-width:350px}
.login-main>.login-form{max-width:460px;padding:40px;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 6px 28px #183f3b05}
.login-main>.setup-form{max-width:500px}
.login-form-heading{margin-bottom:28px}
.login-form h1{font-size:29px;letter-spacing:-.9px;line-height:1.25;margin:0 0 10px}
.login-form-heading p{font-size:13px;color:var(--muted);margin:0;line-height:1.7}
.login-form .field{margin-bottom:21px}
.login-form .field label{font-size:12px;margin-bottom:9px}
.login-form .field input:not([type="checkbox"]){min-height:50px;border-radius:10px;font-size:16px;background:#fff}
.login-password{position:relative}
.login-form .field .login-password input{padding-right:82px}
.password-toggle{position:absolute;top:7px;right:7px;bottom:7px;padding:0 10px;border:0;border-radius:7px;background:transparent;color:var(--brand-dark);font-size:11px;font-weight:600;min-width:64px}
.password-toggle:hover{background:#edf6f3}
.login-form .form-error{color:var(--red);font-size:12px;line-height:1.6;margin:0 0 16px}
.login-form .form-error:empty{display:none}
.login-form .btn.primary{width:100%;min-height:50px;justify-content:space-between;margin-top:2px;font-size:13px}
.login-form>[data-password-help]{display:flex;margin:12px auto 0;font-size:12px}
.login-assistance{font-size:11px;line-height:1.7;text-align:center;color:var(--muted);margin:19px 0 0}
.login-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:10px;line-height:1.7;color:var(--muted);text-align:center}
.login-note .icon{width:16px;height:16px;color:var(--brand)}
.login-password-help{font-size:11px;color:var(--muted);margin:-10px 0 18px}
.login-mobile-brand{display:none}
.setup-form{max-width:390px}
.setup-form .form-grid{gap:0 14px}
.setup-form .field{margin-bottom:17px}

@media(min-width:1550px) { .content { padding-top:44px; } }
@media(max-width:1180px) {
  .app-shell { grid-template-columns:220px minmax(0,1fr); }
  .sidebar { width:220px; padding-left:13px; padding-right:13px; }
  .sidebar .brand { font-size:18px; }
  .sidebar .institution { padding-left:63px; }
  .nav-link.active:before { left:-14px; }
  .topbar { padding:15px 26px; }
  .content { padding:30px 26px 45px; }
  .card-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
  .overview-grid { gap:18px; }
}
@media(max-width:950px) {
  .overview-grid { grid-template-columns:1fr; }
  .login-shell { grid-template-columns:1fr; max-width:560px; margin:auto; padding:20px; }
  .login-aside { display:none; }
  .login-main { min-height:calc(100dvh - 40px); padding:0; }
  .login-main>.login-form { padding:34px 28px; }
  .login-form .login-mobile-brand { display:flex; flex-direction:row; align-items:center; gap:12px; font-size:18px; font-weight:700; letter-spacing:-.4px; margin-bottom:30px; color:var(--brand-dark); }
}
@media(max-width:720px) {
  .app-shell { grid-template-columns:1fr; }
  .main-shell { grid-column:1; }
  .sidebar { width:244px; padding:28px 18px; transform:translateX(-100%); transition:transform .2s; box-shadow:10px 0 40px #0f443f24; }
  .sidebar.open { transform:translateX(0); }
  .nav-link.active:before { left:-19px; }
  .nav-backdrop:not([hidden]) { display:block; position:fixed; inset:0; z-index:20; border:0; background:#0f443f6b; backdrop-filter:blur(2px); }
  .topbar { min-height:70px; padding:12px 18px; gap:10px; }
  .mobile-menu { display:inline-flex; align-items:center; justify-content:center; min-width:36px; min-height:38px; border:1px solid var(--line); background:white; border-radius:9px; color:var(--ink); padding:8px; }
  .breadcrumb { gap:10px; flex-shrink:0; }
  .breadcrumb strong,.breadcrumb .separator { display:none; }
  .topline-tag { font-size:9px; }
  .person { gap:8px; max-width:calc(100% - 90px); }
  .person>div { max-width:180px; }
  .person .avatar { width:32px; height:32px; font-size:10px; }
  .person-name { font-size:12px; }
  .person-role { font-size:10px; }
  .logout { margin-left:0; min-width:32px; padding:6px; }
  .content { padding:26px 18px 38px; }
  .page-heading { align-items:flex-start; flex-direction:column; gap:18px; margin-bottom:23px; }
  .page-heading h1 { font-size:27px; }
  .dashboard-welcome { padding:24px; gap:16px; }
  .dashboard-welcome h2 { font-size:25px; }
  .welcome-symbol { width:52px; height:52px; border-radius:16px; }
  .welcome-symbol .icon { width:25px; height:25px; }
  .panel { padding:22px; }
  .card-grid { gap:15px; }
  .profile-card { padding:20px; }
}
@media(max-width:480px) {
  .card-grid { grid-template-columns:1fr; }
  .topline-tag { display:none; }
  .person { max-width:calc(100% - 48px); }
  .person .avatar { display:none; }
  .person>div { max-width:200px; }
  .topbar { padding:12px 15px; }
  .dashboard-welcome { align-items:flex-start; padding:22px; }
  .welcome-symbol { display:none; }
  .quick-link>.icon:first-child { width:20px; height:20px; }
  .login-main>.login-form { padding:30px 22px; }
  .login-form h1 { font-size:26px; }
  .empty { padding:44px 18px; }
  .mini-overview { gap:18px; }
  .mini-overview>div+div { padding-left:18px; }
}
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }

/* Native aspect ratio: landscape stays landscape, portrait stays portrait. */
.reel-media{background:#10211f;display:flex;align-items:center;justify-content:center}.reel-video{display:block;width:100%;height:auto;max-height:70vh;object-fit:contain;background:#10211f}.video-orientation{margin:0;padding:10px 15px;color:#719a96;font-size:12px}.video-file{display:flex;align-items:center;justify-content:center;gap:6px;width:100px;height:80px;font-size:12px;background:#eef3fa}.type-switch{flex-wrap:wrap}

/* UniFEF Comunica: official logo files remain unmodified. */
.brand{flex-direction:column;align-items:flex-start;gap:12px;font-size:19px;letter-spacing:-.4px}
.brand-logo{display:block;width:176px;height:auto;max-width:100%;object-fit:contain}
.sidebar .brand{padding:0 10px;margin-bottom:8px;font-size:18px}
.sidebar .brand-logo{width:158px}
.sidebar .institution{padding-left:10px;margin-bottom:32px;letter-spacing:1.4px;font-size:8px}
.nav-link.active:before{background:#ff9d52}
.workspace-links{display:flex;gap:8px;margin:0 0 24px;padding:4px;border:1px solid var(--line);border-radius:12px;background:#fff;width:fit-content;max-width:100%;overflow-x:auto;scrollbar-width:thin}
.workspace-links a{flex-shrink:0;color:var(--text-secondary);padding:9px 15px;border-radius:8px;font-size:12px;font-weight:550;white-space:nowrap}
.workspace-links a:hover{background:var(--surface-hover);color:var(--brand-dark)}
.workspace-links a[aria-current="page"]{background:var(--brand-soft);color:var(--brand-dark);font-weight:650}
.workspace-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:end}
.workspace-filters .actions,.workspace-more{grid-column:1/-1}
.workspace-more summary{cursor:pointer;padding:10px 0;color:var(--brand-dark)}
.login-second-factor>summary{cursor:pointer;padding:8px 0;color:var(--muted);font-size:11px;font-weight:400;line-height:1.5}
.login-second-factor>summary::marker{font-size:8px}
.login-second-factor>summary:hover{color:var(--ink)}
.table-scroll{position:relative;overflow-x:auto;max-width:100%}
.library-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-top:20px}
.library-item{display:flex;flex-direction:column;gap:10px;min-width:0;overflow-wrap:anywhere}
.library-item .table-thumb,.library-item .table-placeholder{width:100%;height:110px;object-fit:contain;background:var(--surface)}
.review-comment{padding:14px 0;border-bottom:1px solid var(--line)}
.review-comment small,.subline{display:block}
.review-comment p{white-space:pre-wrap;overflow-wrap:anywhere}
.recovery-codes{font-family:inherit;font-size:13px;white-space:pre-wrap;overflow-wrap:anywhere;user-select:all}
:where(a,button,input,textarea,select,summary):focus-visible{outline:3px solid #007d74;outline-offset:3px}
@media(max-width:720px){.workspace-filters{grid-template-columns:1fr}.workspace-links{width:100%;gap:4px}.workspace-links a{padding:10px 12px}}
.login-aside{background:radial-gradient(ellipse at 0 95%,#126e63 0,transparent 65%),#073b39}
.login-aside .brand{gap:16px;font-size:22px}
.login-aside .brand-logo{width:220px}
.login-mobile-brand{flex-direction:column;align-items:flex-start;gap:13px}
.login-mobile-brand .brand-logo{width:160px}
.loading .brand-logo{width:200px}
.reel-media,.reel-video{background:#101621}
:focus-visible{outline-color:#1b8d83}
.sidebar .brand,.login-aside .brand{flex-direction:row;align-items:center;gap:12px}
.brand-logo.brand-symbol{width:44px;height:44px;flex-shrink:0;border-radius:0;object-fit:contain;background:transparent}
.brand-copy{display:block;min-width:0}
.brand-copy>strong{display:block;font-size:inherit;font-weight:700;line-height:1.3}
.brand-copy>small{display:block;margin-top:5px;color:inherit;font-size:10px;font-weight:400;line-height:1.5;letter-spacing:.4px;opacity:.85}
.sidebar .brand{font-size:16px;gap:9px;padding-left:8px;padding-right:8px}
.sidebar .institution{font-size:10px;letter-spacing:.3px}