/* Breakout Buys: shared identity for the public site, login and workspace. */
:root{--ink:#050f2d;--muted:#526174;--green:#087a38;--paper:#fff;--line:#dce3e9;--lime:#b9efce}
body{color:var(--ink);background:#f7f9fb}
.top,.sidebar{background:#fff}
.wordmark{display:block;line-height:0;flex:none}
.wordmark img{display:block;width:190px;height:auto}
.logo-brand,.sidebar .logo-brand,.login-card .logo-brand{display:block;background:transparent;padding:0;border-radius:0;line-height:0}
.logo-brand img{display:block;width:100%;height:auto}
.sidebar .logo-brand{width:100%;max-width:210px}
.sidebar .workspace-label{margin-top:28px}
.login-card .logo-brand{max-width:310px;margin:0 auto 30px}
.nav.active{background:#e9f6ee;color:#086c33}
.status-dot,.dot{background:#008b13}
.button,button{background:#050f2d;color:#fff}
.button:hover,button:hover{background:#17365a}
button.secondary,.secondary{background:transparent;color:#087a38;border-color:#a9c7b5}
.hero-art{background:#fff;border-color:var(--line);box-shadow:0 20px 55px #050f2d0b}
.hero-art img{padding:28px 24px}
.art-label,.art-caption{color:var(--muted)}
.art-label{letter-spacing:1.2px}
.art-caption strong{color:var(--ink)}
h1 em,h1 span{color:#58736a}
.toolkit{background:#edf4f0}
.features{background:var(--line);border-color:var(--line)}
.features article{background:#fff}
.feature-icon,.step-number,.principles span:before{color:#087a38}
.steps article{border-top-color:#008b13}
.closing{background:#050f2d}
.closing .eyebrow,.closing p:last-child{color:#c6d9cf}
.closing .button{background:#b9efce;color:#050f2d}
footer .wordmark img{width:180px}
.logo-brand:focus-visible,.wordmark:focus-visible{outline:3px solid #087a38;outline-offset:6px}
@media(max-width:700px){.sidebar .logo-brand{max-width:210px}.wordmark img{width:150px}.hero-art img{padding:22px 18px}}
@media(max-width:360px){.wordmark img{width:130px}nav .button.small{font-size:11px;padding:9px 8px}}