:root{color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#17201b;background:#f5f7f2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select{font:inherit}button{cursor:pointer}.app-shell{display:grid;grid-template-columns:320px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;overflow:auto;border-right:1px solid #d7ddd2;background:#eef2ea;padding:22px 18px}.brand{display:flex;gap:12px;align-items:center;margin-bottom:22px}.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:8px;color:#f8fbf6;background:#254136}.brand h1,.brand p,.reader-head h2,.reader-head p,.recent h2,.results-head h2{margin:0}.brand h1{font-size:24px;line-height:1.1}.brand p,.reader-head p,.result-meta,.status-grid span,.doc-facts dt{color:#657166;font-size:13px}.status-panel,.nav-block,.recent{margin-bottom:18px}.status-panel{border:1px solid #d7ddd2;border-radius:8px;padding:14px;background:#fbfcf8}.status-row,.results-head,.reader-head,.doc-facts div,.filter-line{display:flex;align-items:center;justify-content:space-between;gap:12px}.status-row span,.doc-facts dt,.select-filter,.result-meta{display:flex;align-items:center;gap:7px}.status-row strong{color:#1d6b4f}.status-row strong.warn{color:#9a5a00}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.status-grid div,.metrics div,.doc-facts div{min-width:0}.status-grid strong,.metrics strong,.doc-facts dd{display:block;overflow:hidden;margin:2px 0 0;font-size:18px;text-overflow:ellipsis;white-space:nowrap}.nav-block{display:grid;gap:8px}.nav-block button,.recent button,.result-item,.ghost-button,.segmented button,.icon-link{border:1px solid transparent;border-radius:8px;color:#17201b;background:transparent}.nav-block button{display:flex;align-items:center;gap:9px;padding:10px 12px;text-align:left}.nav-block button.active,.recent button.active,.result-item.active,.segmented button.active{border-color:#9bb8a5;background:#dde9df}.recent h2,.results-head h2{font-size:14px;text-transform:uppercase;color:#657166}.recent{display:grid;gap:8px}.recent button{display:grid;gap:4px;width:100%;padding:10px;text-align:left}.recent button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent small{color:#657166}.workspace{min-width:0;padding:22px}.toolbar{display:grid;gap:12px;margin-bottom:16px}.search-box{display:flex;align-items:center;gap:10px;height:48px;border:1px solid #cfd8cc;border-radius:8px;padding:0 14px;background:#fff}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent}.filter-line{flex-wrap:wrap;justify-content:flex-start}.segmented{display:inline-grid;grid-auto-flow:column;grid-auto-columns:minmax(88px,auto);border:1px solid #cfd8cc;border-radius:8px;overflow:hidden;background:#fff}.segmented.compact{grid-auto-columns:minmax(76px,auto)}.segmented button{min-height:38px;border-radius:0;padding:0 12px;border-right-color:#e5eae1;white-space:nowrap}.segmented button:last-child{border-right:0}.select-filter{height:40px;border:1px solid #cfd8cc;border-radius:8px;padding:0 10px;background:#fff}.select-filter select{border:0;outline:0;background:transparent}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:16px}.metrics div{border:1px solid #d7ddd2;border-radius:8px;padding:12px;background:#fff}.metrics span{color:#657166;font-size:12px;text-transform:uppercase}.metrics strong{font-size:26px}.content-grid{display:grid;grid-template-columns:minmax(320px,420px) minmax(0,1fr);gap:16px;align-items:start}.results{display:grid;gap:10px;max-height:calc(100vh - 180px);overflow:auto;padding-right:4px}.results-head{position:sticky;top:0;z-index:1;padding:0 0 4px;background:#f5f7f2}.ghost-button{padding:7px 10px;border-color:#cfd8cc;background:#fff}.result-item{display:grid;gap:8px;width:100%;padding:13px;text-align:left;background:#fff;border-color:#dfe5dc}.result-item strong{line-height:1.2}.excerpt{display:-webkit-box;overflow:hidden;color:#3b473f;font-size:14px;line-height:1.4;-webkit-line-clamp:3;-webkit-box-orient:vertical}.pill{border-radius:999px;padding:2px 8px;color:#17372b;background:#dcebe0}.pill.general{color:#543b12;background:#f0e2be}.concepts{display:flex;flex-wrap:wrap;gap:6px}.concepts span{max-width:100%;border-radius:999px;padding:4px 8px;color:#4e5a52;background:#edf1e9;font-size:12px}.concepts.large{margin:16px 0}.reader{min-width:0;border:1px solid #d7ddd2;border-radius:8px;background:#fff}.reader-head{align-items:flex-start;padding:18px 20px 14px;border-bottom:1px solid #e5eae1}.reader-head h2{margin-top:7px;font-size:28px;line-height:1.15}.icon-link{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-color:#cfd8cc}.doc-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:0;padding:14px 20px;border-bottom:1px solid #e5eae1}.doc-facts div{display:block}.doc-facts dd{font-size:15px}.markdown-body{padding:4px 20px 28px;line-height:1.65}.markdown-body h1,.markdown-body h2,.markdown-body h3{line-height:1.22}.markdown-body h1{font-size:28px}.markdown-body h2{margin-top:30px;font-size:22px}.markdown-body h3{margin-top:24px;font-size:18px}.markdown-body a{color:#1d6b4f}.markdown-body pre,.markdown-body code{border-radius:6px;background:#f0f3ec}.markdown-body code{padding:2px 5px}.markdown-body pre{overflow:auto;padding:14px}.empty-state{border:1px dashed #b8c3b5;border-radius:8px;padding:20px;color:#657166;background:#fff}@media(max-width:980px){.app-shell{grid-template-columns:1fr}.sidebar{position:static;height:auto}.content-grid,.metrics{grid-template-columns:1fr}.results{max-height:none}}@media(max-width:640px){.workspace,.sidebar{padding:14px}.segmented{width:100%;grid-auto-flow:row;grid-auto-columns:unset}.segmented button{border-right:0;border-bottom:1px solid #e5eae1}.segmented button:last-child{border-bottom:0}.select-filter,.select-filter select{width:100%}.reader-head,.doc-facts{grid-template-columns:1fr}.reader-head h2{font-size:23px}}
