/* Source: pravdop.com/ua, verified 2026-09-10; original firm logo. */
@font-face{font-family:Montserrat;src:url('/assets/brand/Montserrat-Regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/brand/Montserrat-SemiBold.woff') format('woff');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Montserrat;src:url('/assets/brand/Montserrat-Bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
:root{--brand:#8f2835;--brand-dark:#6f1f2a;--brand-grey:#4c555c;--bg:#f7f8f9;--paper:#f7f8f9;--surface:#fff;--panel:#fff;--ink:#30383e;--muted:#6c757d;--line:#dee2e6;--accent:#8f2835;--soft:#f7edef;--green:#8f2835;--green2:#8f2835;--mint:#f7edef;--shadow:0 8px 25px #4c555c0b;--hub-bg:#f7f8f9;--hub-ink:#4c555c;--hub-muted:#6c757d;--hub-line:#dee2e6;--hub-soft:#f7edef}
html,body,button,input,select,textarea,.hub-sidebar,.hub-submenu a,.hub-submenu #nav button,.hub-dialog{font-family:Montserrat,Arial,sans-serif}body{background:var(--paper);color:var(--ink)}h1,h2,h3,.hero-score strong,.stats strong,.stat strong{font-family:Montserrat,Arial,sans-serif!important;letter-spacing:-.025em;line-height:1.3;font-weight:600}h1{font-size:32px}h2{font-size:24px}h3{font-size:19px}.hub-brand{padding-bottom:25px}.hub-brand img{display:block;width:205px;max-width:100%;height:auto}.hub-brand small{font-family:Montserrat,Arial,sans-serif;font-size:9px;letter-spacing:1.4px}.brand img{max-width:210px;height:auto;display:block}.brand>span{font-family:Montserrat,Arial,sans-serif}
.hub-portal.selected>.hub-portal-title,.hub-submenu #nav button.active,.hub-submenu a[aria-current=page]{color:var(--brand);background:var(--hub-soft)}.hub-submenu #nav button.active{box-shadow:inset 3px 0 var(--brand)}.hub-global a:hover,.hub-workspace:hover,.hub-portal-title:hover{color:var(--brand);background:#f7f8f9}.hub-sidebar{font-size:13px}.hub-portal-title{font-size:13px}.hub-submenu a,.hub-submenu #nav button{font-family:Montserrat,Arial,sans-serif;font-size:12px;line-height:1.4}.hub-workspace{font-size:13px}.hub-global a{font-size:12px}
.hero-card,.education-hero,.hero{background:var(--brand)!important;color:#fff;border-radius:14px}.hero-card h1,.education-hero h1,.hero h1{color:#fff}.hero-card p,.hero-card p:last-child,.hero-score span{color:#f9edf0}.hero-card{box-shadow:none}.card,.portal-card,.auth-card{border-radius:12px;background:var(--panel);border-color:var(--line)}.button.dark,.button.primary,button.primary{background:var(--brand);color:#fff;border-color:var(--brand)}.button.dark:hover,.button.primary:hover{background:var(--brand-dark)}.button.secondary{color:var(--brand-grey);border-color:var(--line);background:#fff}.eyebrow,.portal-symbol{color:var(--brand)}.portal-symbol{background:var(--soft)}.hub-notice{background:var(--brand-grey)}body.hub-portal-page .workspace a{color:var(--brand)}body.hub-portal-page .workspace a.button.dark,body.hub-portal-page .workspace a.button.primary{color:#fff}body.hub-portal-page .topbar{background:var(--paper)}.topbar{border-bottom-color:var(--line)}.auth-screen{background:#f7f8f9}.callout{border-color:#e4ced2;background:#faf5f6;color:#4c555c}input:focus,select:focus,textarea:focus{outline:2px solid #8f283540;outline-offset:2px;border-color:var(--brand)}
body[data-theme=dark]{--paper:#24282c;--bg:#24282c;--panel:#30363b;--surface:#30363b;--ink:#f4f4f4;--muted:#bec4c8;--line:#50575d;--brand:#d87786;--soft:#52343c;--mint:#52343c;--hub-bg:#24282c;--hub-ink:#f4f4f4;--hub-line:#50575d;--hub-soft:#52343c;--hub-muted:#bec4c8}body[data-theme=dark] .hub-sidebar{background:#30363b}body[data-theme=dark] .hub-brand img{content:url('/assets/brand/logo-white.png')}body[data-theme=dark] .card{background:var(--panel)}
@media(max-width:900px){h1{font-size:28px}.hub-brand img{width:180px}.hub-submenu a,.hub-submenu #nav button{font-size:11px}}

/* Shared density preferences apply consistently to the shell and its controls. */
body[data-density="compact"] .main {padding:18px 22px}
body[data-density="compact"] .card {padding:16px}
body[data-density="compact"] input,body[data-density="compact"] select,body[data-density="compact"] button {padding:8px 12px;font-size:14px}
body[data-density="compact"] h1 {font-size:27px}
.workspace-dialog {max-width:640px;width:calc(100% - 32px);max-height:85vh;overflow:auto}
.workspace-dialog label {display:block;margin:12px 0}
.workspace-dialog input[type="checkbox"] {width:auto}

.hub-sidebar a[aria-current="page"]{color:var(--brand);background:var(--hub-soft);box-shadow:inset 3px 0 var(--brand);font-weight:700}
