:root { color-scheme: light; }
.gradio-container { max-width: 1160px !important; margin: auto !important; --body-background-fill: #f5f3ed; --block-background-fill: #fffefb; --body-text-color: #252620; --block-border-color: #d9d8cf; --input-background-fill: #fffefb; --button-primary-background-fill: #b43d20; --button-primary-background-fill-hover: #963016; --button-primary-text-color: white; --button-primary-border-color: #b43d20; }
.gradio-container { width: 100% !important; min-width: 0 !important; box-sizing: border-box; }
.gradio-container > .main, .gradio-container main.contain, .gradio-container .tabs { min-width: 0 !important; width: 100%; }
body, .gradio-container { background: #f5f3ed !important; }
.masthead { color: #252620; padding: 12px 0 24px; }
.wordmark { display: flex; justify-content: space-between; gap: 12px; padding: 12px 0 14px; border-bottom: 2px solid #252620; font: 11px ui-monospace, monospace; letter-spacing: .12em; }
.eyebrow { color: #924027; font: 11px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .14em; margin-top: 30px; }
.masthead h1 { font: 500 clamp(32px, 5vw, 58px)/1.08 Georgia, serif; letter-spacing: -.035em; margin: 12px 0 14px; max-width: 860px; }
.intro { font-size: 16px; line-height: 1.6; max-width: 760px; color: #575950; margin: 0; }
.metric-grid { display: grid; grid-template-columns: repeat(auto-fit, minmax(130px, 1fr)); border: 1px solid #d9d8cf; background: #eeeee5; margin: 8px 0 18px; }
.metric { padding: 18px 20px; border-right: 1px solid #d9d8cf; }
.metric:last-child { border-right: 0; }
.metric span, .metric small { display: block; color: #55584d; font-size: 11px; line-height: 1.6; }
.metric span { text-transform: uppercase; letter-spacing: .08em; }
.metric strong { display: block; font: 500 30px/1.4 ui-monospace, monospace; color: #252620; }
.finding { padding: 16px 18px; margin: 10px 0; border-left: 3px solid #7c8272; background: #eeeee5; color: #252620; }
.finding p { margin: 6px 0 0; line-height: 1.6; font-size: 14px; }
.finding.warning { border-color: #bd7721; background: #fff1d9; }
.finding.error { border-color: #b43d20; background: #fae9e0; }
.finding.good { border-color: #467052; background: #eaf0e5; }
.table-scroll { width: 100%; overflow-x: auto; border: 1px solid #d9d8cf; margin: 14px 0; background: #fffefb; }
.table-scroll table { border-collapse: collapse; width: 100%; font-size: 13px; color: #252620; }
.table-scroll caption { text-align: left; padding: 13px 16px; background: #eeeee5; color: #55584d; font-size: 12px; }
.table-scroll td, .table-scroll th { padding: 12px 16px; text-align: left; border-bottom: 1px solid #e6e4dc; white-space: nowrap; }
.table-scroll th { font-size: 11px; letter-spacing: .035em; font-weight: 600; }
.table-scroll td:not(:first-child) { font-family: ui-monospace, monospace; }
.table-scroll tr:last-child td { border-bottom: 0; }
.forest { width: 100%; min-width: 500px; display: block; }
.report-frame { width: 100%; height: 820px; background: #fff; border: 1px solid #d9d8cf; border-radius: 4px; }
.workbench-footer { border-top: 1px solid #b9bcaf; margin-top: 28px; padding: 18px 0; color: #575950; font-size: 12px; line-height: 1.7; }
.workbench-footer p { max-width: 850px; margin: 0 0 12px; }
.workbench-footer a { color: #8d381f; text-decoration: underline; text-underline-offset: 3px; }
.workbench-footer span { margin: 0 7px; }
.section-label { font: 12px ui-monospace, monospace; text-transform: uppercase; letter-spacing: .08em; }
button:focus-visible, a:focus-visible { outline: 3px solid #bd7721 !important; outline-offset: 3px; }
@media(max-width: 600px) { .masthead { padding-bottom: 14px; } .wordmark { font-size: 9px; } .eyebrow { margin-top: 22px; } .intro { font-size: 14px; } .metric { padding: 12px; } .metric strong { font-size: 25px; } .report-frame { height: 660px; } }
@media(max-width: 600px) { .gradio-container > .main { padding: 16px !important; } }
@media(prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; } }