/* Compact KDB status overview and a readable, bounded document workspace. */
#workspace:has(> .kdb-page-heading.kdb-showcase){max-width:1280px;margin-inline:auto}
#workspace:has(> .kdb-page-heading.kdb-showcase){padding-top:24px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading.kdb-showcase{gap:16px;margin:0 0 10px;padding:0 0 11px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading h1{font-size:27px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading h1 span{font-size:16px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading p{font-size:12px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-showcase-ledger{margin-top:5px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-showcase-action{min-height:38px;padding-inline:11px}
.kdb-overview-board{margin-bottom:12px;padding:14px 16px 16px;border-radius:13px;box-shadow:0 10px 25px #132e301a}
.kdb-overview-board::before{background:repeating-linear-gradient(155deg,transparent 0 100px,#a993ce12 101px 102px,transparent 103px 190px)}
.kdb-overview-head{gap:12px;margin-bottom:10px}
.kdb-overview-head h2{font-size:17px}
.kdb-overview-head p{margin-top:2px;font-size:10px;line-height:1.35}
.kdb-overview-head>span{padding:5px 9px;font-size:10px}
.kdb-overview-grid{gap:10px;padding:3px 3px 4px}
.kdb-overview-card{--tilt:-.4deg;min-height:105px;padding:11px 12px 10px;border-radius:11px;box-shadow:0 6px 15px #07171e25}
.kdb-overview-card:nth-child(even){--tilt:.4deg}
.kdb-overview-card:hover:not(:disabled){transform:rotate(0) translateY(-3px);box-shadow:0 11px 20px #07171e30}
.kdb-overview-card[aria-pressed="true"]{outline-width:2px;outline-offset:2px}
.kdb-overview-card-top strong{font-size:14px}
.kdb-overview-card-top svg{width:16px;height:16px}
.kdb-overview-card-subtitle{margin-top:1px;font-size:9px}
.kdb-overview-card-bottom{padding-top:6px}
.kdb-overview-count{font-size:29px}
.kdb-overview-count small,.kdb-overview-action{font-size:9px}
.kdb-overview-action svg{width:11px;height:11px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-browse{margin-bottom:12px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-scope-tabs{gap:16px;padding-inline:14px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-scope-tabs button{min-height:38px;padding-block:7px;font-size:11px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-browse-filter{padding:7px 12px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-search-row input{height:39px;min-height:39px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-search-row label:before{top:12px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-search-row label:after{top:23px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-search-row button,#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-browse-filter summary{min-height:39px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-library{container-type:inline-size}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-library-shell{grid-template-columns:260px minmax(0,1fr);min-height:0}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-catalog-head{height:48px;padding-inline:14px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-document-list{max-height:670px;padding:8px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-layout{grid-template-columns:minmax(0,1fr) 150px;min-height:0}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-main{padding:22px 25px 28px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-head{margin-bottom:12px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-head h2{font-size:23px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-facts{margin-bottom:13px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-facts span{min-height:35px;padding:6px 9px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-toc{padding:22px 12px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-section#kdb-symptoms{padding:15px 17px}
#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-empty{min-height:390px}
@container(max-width:1080px){.kdb-reading-layout{grid-template-columns:minmax(0,1fr)!important}.kdb-reading-toc{display:none!important}}
@media(max-width:1100px){#workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-library-shell{grid-template-columns:240px minmax(0,1fr)}.kdb-overview-board{padding:13px}.kdb-overview-grid{gap:8px}.kdb-overview-card{padding:10px}}
@media(max-width:720px){
 #workspace:has(> .kdb-page-heading.kdb-showcase){max-width:none}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading.kdb-showcase{align-items:flex-start;gap:11px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading h1{font-size:26px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading h1 span{font-size:15px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading p{font-size:11px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-page-heading .kdb-page-actions{width:100%}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-showcase-action{min-height:40px}
 .kdb-overview-board{margin-bottom:12px;padding:12px;border-radius:11px}
 .kdb-overview-head{align-items:center;gap:8px;margin-bottom:9px}
 .kdb-overview-head h2{font-size:15px}
 .kdb-overview-head p{max-width:30ch;font-size:9px}
 .kdb-overview-head>span{display:none}
 .kdb-overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:2px}
 .kdb-overview-card,.kdb-overview-card:nth-child(even){min-height:105px;padding:10px;transform:none}
 .kdb-overview-card:hover:not(:disabled){transform:none}
 .kdb-overview-count{font-size:27px}
 .kdb-overview-action{font-size:0}
 .kdb-overview-action svg{width:14px;height:14px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-browse-filter{padding:8px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-library-shell{display:flex;flex-direction:column;min-height:0}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-main{padding:17px 16px 21px}
 #workspace:has(> .kdb-page-heading.kdb-showcase) .kdb-reading-head h2{font-size:19px}
}
@media(max-width:360px){.kdb-overview-board{padding:10px}.kdb-overview-grid{gap:7px}.kdb-overview-card{padding:9px}.kdb-overview-card-top strong{font-size:12px}.kdb-overview-count{font-size:25px}.kdb-overview-action{font-size:8px}}
@media(prefers-reduced-motion:reduce){.kdb-overview-card:hover{transform:none!important}}
