/* BearScope's current Work hierarchy, in its own ink, cobalt, lilac and yellow. */
.bs-work { --bs-ink:#131417; --bs-muted:#555d6a; --bs-blue:#2450e8; color:var(--bs-ink); background:#fff; border:1px solid #cfceea; box-shadow:0 12px 0 #c7c5ed,0 24px 48px #29246710; font-family:var(--sans); font-size:15px; line-height:1.45; min-width:0; overflow:hidden; text-align:left; }
.bs-work *, .bs-work *::before, .bs-work *::after { box-sizing:border-box; }
.bs-work [hidden] { display:none !important; }
.bs-work .bs-work-bar { display:flex; align-items:center; justify-content:space-between; gap:20px; padding:22px 30px; background:var(--bs-ink); color:#fff; }
.bs-work-bar img { width:130px; height:auto; display:block; }
.bs-work-bar > span { font-size:13px; color:#dedee6; }
.bs-work .bs-work-apps { display:flex; align-items:center; gap:30px; padding:0 30px; border-bottom:1px solid #e1e2e8; font-size:13px; color:var(--bs-muted); }
.bs-work-apps > * { display:block; padding:17px 0; white-space:nowrap; }
.bs-work-apps > strong { border-bottom:2px solid var(--bs-blue); color:var(--bs-blue); font-weight:650; }
.bs-work-body { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(0,1fr); }
.bs-work-queue { padding:30px; min-width:0; }
.bs-work .bs-work-heading { display:flex; align-items:baseline; justify-content:space-between; gap:12px; padding-bottom:20px; }
.bs-work .bs-work-heading h3 { margin:0; color:var(--bs-ink); font-size:30px; line-height:1.1; font-weight:750; letter-spacing:-.04em; }
.bs-work-heading > span { color:var(--bs-muted); font-size:12px; }
.bs-work-rows { display:grid; gap:10px; }
.bs-work a.bs-work-row { display:block; position:relative; padding:18px 20px; border:1px solid #e0e2e8; border-radius:0; color:var(--bs-ink); background:#fff; text-decoration:none; min-width:0; }
.bs-work-row .bs-work-kind { display:flex; gap:12px; font-size:12px; color:var(--bs-muted); margin-bottom:9px; }
.bs-work-kind > span { color:inherit; opacity:.85; }
.bs-work-row > strong { display:block; font-size:19px; font-weight:650; letter-spacing:-.025em; line-height:1.25; padding-right:20px; }
.bs-work-row .bs-work-row-foot { display:flex; justify-content:space-between; flex-wrap:wrap; gap:5px 12px; font-size:12px; color:var(--bs-muted); margin-top:14px; }
.bs-work-row-arrow { position:absolute; right:18px; top:44px; font-size:21px; }
.bs-work-row:hover { border-color:var(--bs-blue); }
.bs-work a.bs-work-row[aria-selected="true"] { background:var(--bs-blue); border-color:var(--bs-blue); color:#fff; }
.bs-work-row[aria-selected="true"] .bs-work-kind, .bs-work-row[aria-selected="true"] .bs-work-row-foot { color:#fff; }
.bs-work :focus-visible { outline:3px solid #6c4b00; outline-offset:3px; }
.bs-work-context { background:#f0efff; padding:32px; min-width:0; border-left:1px solid #e0dfef; }
.bs-work-panel + .bs-work-panel { margin-top:36px; padding-top:30px; border-top:1px solid #cfcee4; }
.bs-work[data-ready] .bs-work-panel { margin:0; padding:0; border:0; }
.bs-work .bs-work-context-head { display:flex; align-items:center; justify-content:space-between; gap:16px; font-size:12px; color:var(--bs-muted); margin-bottom:25px; }
.bs-work .bs-work-panel h4 { color:var(--bs-ink); margin:0 0 15px; font-weight:750; font-size:clamp(28px,3vw,39px); line-height:1.08; letter-spacing:-.045em; max-width:14ch; }
.bs-work .bs-work-description { font-size:15px; line-height:1.55; color:var(--bs-muted); margin:0 0 24px; max-width:40ch; }
.bs-work-record { background:#fff; border:1px solid #dddbef; padding:20px; }
.bs-work-record > span { font-size:14px; font-weight:650; }
.bs-work .bs-work-record p { font-size:15px; line-height:1.5; color:var(--bs-ink); margin:12px 0 20px; }
.bs-work-attachment { display:flex; align-items:center; gap:10px; padding-top:16px; border-top:1px solid #e7e6ef; }
.bs-work-attachment svg { width:22px; height:22px; color:var(--bs-blue); flex:none; }
.bs-work-attachment strong { display:block; color:var(--bs-ink); font-size:13px; font-weight:600; }
.bs-work-attachment span { display:block; color:var(--bs-muted); font-size:11px; margin-top:3px; }
.bs-work-owner { display:flex; justify-content:space-between; gap:20px; align-items:center; margin-top:22px; font-size:13px; }
.bs-work-owner > span { color:var(--bs-muted); }
.bs-work-owner > strong { font-weight:600; }
.bs-work .bs-work-foot { display:flex; justify-content:space-between; align-items:center; gap:12px; padding:12px 24px; min-height:68px; border-top:1px solid #e1e2e8; color:var(--bs-muted); font-size:12px; }
.bs-work-foot button { display:inline-flex; align-items:center; gap:10px; min-height:44px; border:0; background:transparent; color:var(--bs-ink); font:inherit; font-weight:600; padding:8px; cursor:pointer; }
.bs-work-foot button:hover { text-decoration:underline; text-underline-offset:4px; }
.bs-work-foot button > span { display:inline-flex; align-items:center; justify-content:center; width:28px; height:28px; background:#fff252; border-radius:50%; font-size:12px; }
.bs-demo-section { background:#e4e3ff; color:#131417; padding:80px 0 92px; }
.bs-demo-section .b-section-heading { margin-bottom:40px; }
.bs-demo-section .b-section-heading h2, .bs-demo-section .b-section-heading p { color:#131417; }
.b-advantage.b-advantage--copy { display:block; max-width:900px; text-align:center; }
.b-advantage--copy > p { margin:24px auto 0; max-width:58ch; color:var(--mid); }
.b-advantage--copy .b-advantage-links { justify-content:center; }
.s-product-showcase.bs-showcase { display:block; }
.bs-showcase-heading { display:flex; align-items:end; justify-content:space-between; gap:36px; margin-bottom:36px; }
.bs-showcase-heading h2 { margin:0 0 16px; }
.bs-showcase-heading p { max-width:44ch; }
.bs-showcase-heading > a { flex:none; }
@media (min-width:801px) { .bs-work[data-ready] .bs-work-context { min-height:464px; } }
@media (max-width:800px) {
 .bs-work .bs-work-bar { padding:19px 22px; }
 .bs-work .bs-work-apps { padding:0 22px; gap:23px; }
 .bs-work-queue { padding:24px 20px; }
 .bs-work-context { padding:28px 22px; }
 .bs-work .bs-work-panel h4 { font-size:30px; }
 .bs-work a.bs-work-row { padding:17px 15px; }
 .bs-work-row > strong { font-size:17px; }
 .bs-work-row .bs-work-row-foot { font-size:11px; }
 .bs-work-row-arrow { right:12px; }
 .bs-work-heading > span { display:none; }
 .bs-demo-section { padding:56px 0 64px; }
 .bs-showcase-heading { display:block; }
}
@media (max-width:600px) {
 .bs-work { box-shadow:0 8px 0 #c7c5ed; }
 .bs-work .bs-work-bar { padding:18px; }
 .bs-work-bar img { width:112px; }
 .bs-work .bs-work-apps { gap:20px; padding:0 18px; font-size:11px; }
 .bs-work-apps > * { padding:14px 0; }
 .bs-work-apps > span:last-child { display:none; }
 .bs-work-body { grid-template-columns:1fr; }
 .bs-work-queue { padding:22px 18px; }
 .bs-work .bs-work-heading { padding-bottom:16px; }
 .bs-work .bs-work-heading h3 { font-size:27px; }
 .bs-work-rows { gap:8px; }
 .bs-work a.bs-work-row { padding:13px 14px; }
 .bs-work-row .bs-work-kind { margin-bottom:5px; font-size:11px; }
 .bs-work-row > strong { font-size:16px; padding-right:20px; }
 .bs-work-row .bs-work-row-foot { margin-top:9px; }
 .bs-work-row-arrow { top:33px; font-size:18px; }
 .bs-work-context { padding:25px 22px; border-left:0; border-top:1px solid #dfddef; }
 .bs-work[data-ready] .bs-work-context { min-height:439px; }
 .bs-work .bs-work-panel h4 { max-width:17ch; font-size:30px; }
 .bs-work .bs-work-context-head { margin-bottom:20px; }
 .bs-work .bs-work-description { margin-bottom:20px; }
 .bs-work-record { padding:17px; }
 .bs-work .bs-work-foot { padding:10px 13px; font-size:11px; }
 .bs-work-foot button { gap:5px; font-size:11px; }
}
@media (prefers-reduced-motion:reduce) { .bs-work *, .bs-work *::before, .bs-work *::after { animation:none !important; transition:none !important; } }