/* bv-use-case.css: the Bruviti Use Case Page page's own styles. GENERATED by
   tools/build-page-css.py from the design package page; do not edit by hand. */
/*@section:reset*/
body.bv-design.use-case-page{font-size:16px;line-height:normal}
body.bv-design.use-case-page::before{content:none}
body.bv-design :where(.bvp-use-case, .xv-clone) :where(h1,h2,h3,h4,p){color:inherit;letter-spacing:normal;position:static;font-size:inherit;line-height:inherit;font-weight:inherit;overflow-wrap:normal}
body.bv-design :where(.bvp-use-case, .xv-clone) a{transition:none;position:static}
@media (hover:hover){body.bv-design :where(.bvp-use-case, .xv-clone) a:hover{text-decoration:none}}body.bv-design :where(.bvp-use-case, .xv-clone) :where(img,svg,video){max-width:none;height:revert}
body.bv-design :where(.bvp-use-case, .xv-clone) :where(img,picture,video,canvas,svg){display:revert}
body.bv-design :where(.bvp-use-case, .xv-clone) :where(*)::before,body.bv-design :where(.bvp-use-case, .xv-clone) :where(*)::after{box-sizing:content-box}
body.bv-design :where(.bvp-use-case, .xv-clone) .container{width:auto;overflow:visible}
body.bv-design :where(.bvp-use-case, .xv) *{max-width:none}
/*@page:Bruviti Use Case Page.html -> .bvp-use-case (kept 19, pruned 3)*/
body.bv-design :where(.bvp-use-case, .xv-clone) .obj,body.bv-design .obj:where(.xv-clone){margin-top:28px;display:grid;grid-template-columns:22px 1fr;gap:10px;align-items:baseline;max-width:76ch}
body.bv-design :where(.bvp-use-case, .xv-clone) .obj .mk,body.bv-design .obj:where(.xv-clone) .mk{font-family:"IBM Plex Mono",monospace;color:var(--orange);font-size:22px;line-height:1}
body.bv-design :where(.bvp-use-case, .xv-clone) .obj b,body.bv-design .obj:where(.xv-clone) b{font-family:"IBM Plex Mono",monospace;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;display:block;margin-bottom:6px}
body.bv-design :where(.bvp-use-case, .xv-clone) .obj p,body.bv-design .obj:where(.xv-clone) p{font-size:18px;font-weight:400;line-height:1.55;color:var(--ink)}
body.bv-design :where(.bvp-use-case, .xv-clone) .step,body.bv-design .step:where(.xv-clone){margin-top:56px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}
body.bv-design :where(.bvp-use-case, .xv-clone) .step+.step,body.bv-design .step:where(.xv-clone)+.step{padding-top:56px;border-top:1px solid var(--border)}
body.bv-design :where(.bvp-use-case, .xv-clone) .step .txt p,body.bv-design .step:where(.xv-clone) .txt p{font-size:17px}
body.bv-design :where(.bvp-use-case, .xv-clone) .step h3,body.bv-design .step:where(.xv-clone) h3{font-size:20px;font-weight:400;line-height:1.3}
body.bv-design :where(.bvp-use-case, .xv-clone) .fig,body.bv-design .fig:where(.xv-clone){margin-top:0;background:#fff;border:1px solid var(--border);padding:32px}
body.bv-design :where(.bvp-use-case, .xv-clone) .g2 .obj,body.bv-design .g2:where(.xv-clone) .obj{margin-top:64px}
body.bv-design :where(.bvp-use-case, .xv-clone) .step>.fig,body.bv-design .step:where(.xv-clone)>.fig{margin-top:53px}
@media (max-width:860px){
body.bv-design :where(.bvp-use-case, .xv-clone) .step,body.bv-design .step:where(.xv-clone){grid-template-columns:minmax(0,1fr);gap:24px;margin-top:40px}
body.bv-design :where(.bvp-use-case, .xv-clone) .step+.step,body.bv-design .step:where(.xv-clone)+.step{padding-top:40px}
body.bv-design :where(.bvp-use-case, .xv-clone) .step>.fig,body.bv-design .step:where(.xv-clone)>.fig{margin-top:0}
body.bv-design :where(.bvp-use-case, .xv-clone) .fig,body.bv-design .fig:where(.xv-clone){padding:16px}
body.bv-design :where(.bvp-use-case, .xv-clone) .g2 .obj,body.bv-design .g2:where(.xv-clone) .obj{margin-top:0}
body.bv-design :where(.bvp-use-case, .xv-clone) .obj p,body.bv-design .obj:where(.xv-clone) p{font-size:17px}
body.bv-design :where(.bvp-use-case, .xv-clone) .step h3,body.bv-design .step:where(.xv-clone) h3{font-size:18px}
body.bv-design :where(.bvp-use-case, .xv-clone) .step .txt p,body.bv-design .step:where(.xv-clone) .txt p{font-size:16px}
}
/*@section:shell*/
body.bv-design :where(.bvp-use-case) .fig{background:none;border:0;padding:0}
body.bv-design :where(.bvp-use-case) .fig svg{display:block;height:auto;max-width:100%;margin:0 auto}
@media(min-width:861px){body.bv-design :where(.bvp-use-case) .step>.fig{margin-top:48.5px}}
@media(max-width:860px){body.bv-design :where(.bvp-use-case) .fig svg{width:100%!important}}
body.bv-design .fig:where(.xv-clone) svg{width:100%!important}
body.bv-design .fig:where(.xv-clone){background:var(--mist,#EDEDED);border:0}
@media(min-width:861px){body.bv-design :where(.bvp-use-case) .bl.dk .g2:has(>.res){grid-template-columns:minmax(0,1fr);gap:32px}}
/*@section:midsize*/
@media(min-width:861px) and (max-width:1279px){body.bv-design :where(.bvp-use-case) .faqw,body.bv-design :where(.bvp-use-case) .wrap.g2:has(>h2:first-child):not(:has(>.res)),body.bv-design :where(.bvp-use-case) .wrap.g2:has(>div:first-child>h2:only-child),body.bv-design :where(.bvp-use-case) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child),body.bv-design :where(.bvp-use-case) .uc>.wrap:has(>.ucg){grid-template-columns:minmax(0,1fr);gap:32px}body.bv-design :where(.bvp-use-case) .faqw>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-case) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-case) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-case) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child:not(.ucg,.dgrid,.wk),body.bv-design :where(.bvp-use-case) .uc>.wrap:has(>.ucg)>:last-child:not(.ucg,.dgrid,.wk){max-width:667px}body.bv-design :where(.bvp-use-case) .faqw>:last-child,body.bv-design :where(.bvp-use-case) .wrap.g2:has(>h2:first-child):not(:has(>.res))>:last-child,body.bv-design :where(.bvp-use-case) .wrap.g2:has(>div:first-child>h2:only-child)>:last-child,body.bv-design :where(.bvp-use-case) .wrap.g2:has(>div:first-child>h2:first-child+p.sub:last-child)>:last-child,body.bv-design :where(.bvp-use-case) .uc>.wrap:has(>.ucg)>:last-child{margin-top:0}}
/*@section:shared*/
body.bv-design :where(.bvp-use-case) :where(h2,h3,h4){text-wrap:pretty}
@media(max-width:860px){body.bv-design :where(.bvp-use-case) .tbl td:first-child,body.bv-design :where(.bvp-use-case) .tbl th:first-child{white-space:normal;width:30%}}
@media(max-width:374px){body.bv-design :where(.bvp-use-case) .tbl td,body.bv-design :where(.bvp-use-case) .tbl th{padding-right:8px}}