/* KDB reader workbench. Keep creation actions compact so documents lead the page. */
.kdb-page-heading.kdb-showcase{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:0;margin:0 0 18px;padding:5px 0 18px;border:0;border-bottom:1px solid #d3ded7;border-radius:0;background:transparent;color:#173c37;box-shadow:none}
.kdb-showcase>div:first-child{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.kdb-page-heading.kdb-showcase h1{margin:0;color:#173c37;font-size:32px;line-height:1.15;letter-spacing:-.035em}
.kdb-showcase h1 span{display:inline-block;margin-left:9px;color:#3e665b;font-size:18px;font-weight:600;letter-spacing:0;vertical-align:3px}
.kdb-page-heading.kdb-showcase p{max-width:none;margin:5px 0 0;color:#526b63;font-size:13px;line-height:1.45}
.kdb-showcase-ledger{display:flex;align-items:center;gap:13px;flex-wrap:wrap;margin-top:9px;padding:0;border:0;color:#577269;font-size:11px;font-variant-numeric:tabular-nums}
.kdb-showcase-ledger strong{color:#245d4b;font-size:12px;font-weight:750}
.kdb-showcase-ledger span+span:before{content:"";display:inline-block;width:1px;height:11px;margin-right:13px;background:#b4c7bb;vertical-align:-2px}
.kdb-page-heading.kdb-showcase .kdb-page-actions{display:flex;align-items:center;justify-content:flex-end;flex:0 0 auto;gap:8px;min-width:0}
.kdb-showcase .kdb-showcase-action{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:0;min-height:44px;padding:0 14px;border:1px solid #c8d9cf;border-radius:8px;background:#fff;color:#173c37;text-align:center;white-space:nowrap;box-shadow:none;transition:border-color .16s ease,background .16s ease,color .16s ease}
.kdb-showcase .kdb-showcase-action:first-child{border-color:#17453d;background:#17453d;color:#fff}
.kdb-showcase-action svg{width:17px;height:17px;flex:0 0 auto;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.kdb-showcase-action span{font-size:12px;font-weight:700;line-height:1.25}
.kdb-showcase .kdb-showcase-action:hover:not(:disabled){border-color:#83bca4;background:#eff8f1;color:#17453d;box-shadow:none;transform:none}
.kdb-showcase .kdb-showcase-action:first-child:hover:not(:disabled){border-color:#276451;background:#276451;color:#fff}
.kdb-showcase .kdb-showcase-action:focus-visible{outline:3px solid #75cda0;outline-offset:2px}

.kdb-browse{margin-bottom:17px;border-radius:13px;box-shadow:0 6px 18px #153b300d}
.kdb-scope-tabs{gap:26px;padding:0 21px}
.kdb-scope-tabs button{min-height:55px;font-size:13px}
.kdb-browse-filter{padding:13px 20px}
.kdb-search-row input{height:47px;min-height:47px;font-size:13px}
.kdb-search-row label:before{top:18px}
.kdb-search-row label:after{top:29px}
.kdb-search-row button,.kdb-browse-filter summary{min-height:47px;font-size:12px}
.kdb-library{border-radius:16px;box-shadow:0 16px 36px #123a3014}
.kdb-library-shell{grid-template-columns:330px minmax(0,1fr)}
.kdb-catalog{background:#edf3ef;border-right-color:#d5e4d9}
.kdb-catalog-head{height:61px;padding:0 16px;background:#e7f0e9}
.kdb-catalog-head strong{font-size:14px}
.kdb-document-list{padding:10px}
.kdb-library-row{margin-bottom:7px;padding:15px 14px;border-color:#dbe8dc;background:#fff}
.kdb-library-row.active{border-color:#56bf8e;background:#fff;box-shadow:inset 3px 0 0 #3ebf81,0 8px 22px #123a3017}
.kdb-library-row .kdb-row-foot{color:#356d5a;font-size:10px}
.kdb-row-copy strong{font-size:14px;line-height:1.38}
.kdb-library-row .kdb-row-summary{font-size:11px;line-height:1.6}
.kdb-reading-main{max-width:none;padding:34px clamp(24px,3.1vw,48px) 40px}
.kdb-reading-head{margin-bottom:22px}
.kdb-reading-head h2{max-width:29ch;font-size:clamp(23px,2vw,31px);line-height:1.25}
.kdb-reading-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin:0 0 18px;padding:0;border:1px solid #d6e7db;border-radius:10px;background:#f5faf5;overflow:hidden}
.kdb-reading-facts span{display:flex;align-items:center;min-height:41px;padding:9px 12px;border:0;border-radius:0;background:transparent;color:#285d49;font-size:11px;font-weight:650;overflow-wrap:anywhere}
.kdb-reading-facts span:nth-child(odd){border-right:1px solid #dce9df}
.kdb-reading-facts span:nth-child(-n+2){border-bottom:1px solid #dce9df}
.kdb-reading-main>.tag-row{margin-bottom:17px}
.kdb-reading-section#kdb-symptoms{margin-top:15px;padding:20px 22px;border:1px solid #eadfc9;border-radius:10px;background:#fffaf1}
.kdb-reading-section#kdb-symptoms h3{margin-bottom:8px;color:#5e4420;font-size:15px}
.kdb-reading-section#kdb-symptoms p{color:#443d2f;font-size:14px;line-height:1.75}
.kdb-reading-section.solution{padding:28px 0 24px}
.kdb-reading-section.solution h3{margin-bottom:18px;font-size:17px}
.kdb-reading-section.solution .markdown-body{max-width:74ch}
.kdb-reading-section.solution .markdown-body ol{counter-reset:kdb-step;margin:0;padding:0;list-style:none}
.kdb-reading-section.solution .markdown-body ol>li{position:relative;min-height:40px;margin:0;padding:4px 0 19px 40px;list-style:none;counter-increment:kdb-step}
.kdb-reading-section.solution .markdown-body ol>li:not(:last-child):after{content:"";position:absolute;top:28px;bottom:-1px;left:14px;width:1px;background:#c4dfce}
.kdb-reading-section.solution .markdown-body ol>li:before{content:counter(kdb-step);position:absolute;top:1px;left:0;display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#dff3e6;color:#15583f;font-size:11px;font-weight:750}
.kdb-reading-toc{align-self:stretch;position:static;margin:0;padding:30px 20px;border-left:1px solid #dce8df;background:#f7faf7}
.kdb-reading-toc>strong{font-size:13px}
.kdb-reading-toc>a{font-size:12px}
.kdb-reading-toc>div{margin-top:17px}
.kdb-reading-actions{justify-content:flex-start}
.kdb-reading-actions button.primary{padding-inline:19px}

@media(max-width:1230px){
 .kdb-library-shell{grid-template-columns:300px minmax(0,1fr)}
 .kdb-reading-toc{display:none}
}
@media(max-width:900px){
 .kdb-page-heading.kdb-showcase{align-items:flex-start;flex-direction:column;gap:14px}
 .kdb-page-heading.kdb-showcase .kdb-page-actions{justify-content:flex-start;width:100%}
}
@media(max-width:720px){
 .kdb-page-heading.kdb-showcase{display:flex;gap:12px;min-height:0;margin:0 0 13px;padding:0 0 14px;border-radius:0;box-shadow:none}
 .kdb-page-heading.kdb-showcase h1{font-size:29px}
 .kdb-showcase h1 span{margin-left:6px;font-size:15px;vertical-align:2px}
 .kdb-page-heading.kdb-showcase p{margin-top:4px;font-size:11px;line-height:1.45}
 .kdb-showcase-ledger{gap:9px;margin-top:6px;padding:0;font-size:10px}
 .kdb-showcase-ledger strong{font-size:11px}
 .kdb-showcase-ledger span+span:before{height:10px;margin-right:9px}
 .kdb-page-heading.kdb-showcase .kdb-page-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;width:100%;margin-top:0}
 .kdb-showcase .kdb-showcase-action,.kdb-showcase .kdb-showcase-action:last-child:nth-child(3){grid-column:auto;align-items:center;justify-content:center;gap:5px;min-width:0;min-height:43px;padding:5px 3px;text-align:center}
 .kdb-showcase-action svg{width:15px;height:15px}
 .kdb-showcase-action span{font-size:10px}
 .kdb-browse{margin-bottom:14px}
 .kdb-browse-filter{padding:0 0 11px}
 .kdb-search-row input{min-height:43px;font-size:12px}
 .kdb-search-row label:before{top:16px}
 .kdb-search-row label:after{top:27px}
 .kdb-search-row button,.kdb-browse-filter summary{min-height:43px}
 .kdb-scope-tabs{gap:13px;padding:0}
 .kdb-scope-tabs button{min-height:42px;font-size:11px}
 .kdb-catalog{background:transparent}
 .kdb-catalog-head{min-height:43px;background:transparent}
 .kdb-document-list{padding:0}
 .kdb-library-row{padding:14px;border-color:#d5e4d9}
 .kdb-reading{margin:16px 0 0;border:1px solid #b9dcca;border-radius:12px;background:#fff;color:#173e37;box-shadow:0 10px 23px #143d3016}
 .kdb-reading-main{padding:19px 16px 20px}
 .kdb-reading-main>.mobile-only{color:#1a7052}
 .kdb-reading-head .eyebrow{color:#527d68}
 .kdb-reading-head h2{color:#123d35;font-size:19px}
 .kdb-reading-facts{grid-template-columns:1fr 1fr;margin:10px 0 0;border-color:#dceadd;background:#f5faf5}
 .kdb-reading-facts span{min-height:36px;padding:6px 8px;color:#286149;font-size:10px}
 .kdb-reading-section#kdb-symptoms{margin-top:13px;padding:13px 14px;border-color:#e9dfcb;border-radius:8px;background:#fffaf2}
 .kdb-reading-section#kdb-symptoms h3{color:#5e4420;font-size:11px}
 .kdb-reading-section#kdb-symptoms p{color:#443d2f;font-size:11px}
 .kdb-reading-section.solution{padding:16px 0 10px}
 .kdb-reading-section.solution h3{margin-bottom:9px;font-size:12px;color:#153d34}
 .kdb-reading-section.solution .markdown-body{max-height:5em}
 .kdb-reading-section.solution .markdown-body ol>li{min-height:0;padding:0 0 5px 24px;color:#254e3f;font-size:11px}
 .kdb-reading-section.solution .markdown-body ol>li:before{top:1px;width:17px;height:17px;font-size:9px}
 .kdb-reading-section.solution .markdown-body ol>li:after{display:none}
 .kdb-reading-actions{position:static;display:flex;margin-top:14px}
 .kdb-reading-actions button,.kdb-reading-actions button.primary{width:auto;border-color:#154940;background:#154940;color:#fff}
 .kdb-reading-actions button:hover:not(:disabled){background:#24705a;color:#fff}
}
@media(max-width:380px){
 .kdb-showcase h1 span{font-size:14px}
 .kdb-showcase-action span{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.kdb-showcase .kdb-showcase-action{transition:none}}
