.yield-page{padding:20px 0;max-width:1200px;margin:auto}.yield-page h1{text-align:left;font-size:26px;margin:18px 0}.yield-controls{display:flex;gap:20px;flex-wrap:wrap}.yield-controls label{display:flex;gap:8px;align-items:center}.yield-controls select{padding:8px;background:var(--reading-paper,#10151a);color:var(--reading-text,#ddd);border:1px solid var(--reading-border,#52606b)}.yield-chart{height:440px;position:relative}.yield-table table{width:100%;border-collapse:collapse}.yield-table th,.yield-table td{padding:8px;border-bottom:1px solid var(--reading-border,#303a44);text-align:right}.yield-table th:first-child,.yield-table td:first-child{text-align:left}@media(max-width:600px){.yield-chart{height:320px}.yield-page h1{font-size:22px}.yield-controls label{width:100%;justify-content:space-between}.yield-table{font-size:12px}.yield-table th,.yield-table td{padding:6px 3px}}
body.site-theme:has(.yield-workspace)>.container{width:100%;max-width:none;padding:0 16px}
.yield-page{max-width:none;width:100%;min-height:0;padding:8px 0}
.yield-page h1{margin:6px 0 12px;font-size:24px}
.yield-heading>a{font-size:12px}
.yield-workspace{display:grid;grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:16px;min-height:0}
.yield-chart-panel{min-width:0;min-height:0;display:flex;flex-direction:column}
.yield-controls{gap:8px 16px;flex-shrink:0;font-size:13px}
.yield-controls label{min-width:0}.yield-controls select{max-width:100%}
#yield-status{font-size:13px;margin:8px 0;flex-shrink:0}
.yield-note{font-size:11px;margin:3px 0;flex-shrink:0}
.yield-table-panel{min-width:0;min-height:0;border:1px solid var(--reading-border,#394653);padding:12px;display:flex;flex-direction:column}
.yield-table-panel h2{font-size:18px;text-align:left;margin:0 0 12px;flex-shrink:0}
.yield-table{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-gutter:stable;font-size:13px;font-variant-numeric:tabular-nums}
.yield-table thead{position:sticky;top:0;background:var(--reading-paper,#10151a);z-index:1}
.yield-table td{white-space:nowrap}
@media(min-width:1000px){
 body.site-theme:has(.yield-workspace){height:100dvh;min-height:0;display:flex;flex-direction:column;overflow:hidden;width:100%;max-width:none;margin:0}
 body.site-theme:has(.yield-workspace)>#nav-bar{flex-shrink:0;margin:0;padding-top:4px;padding-bottom:4px}
 body.site-theme:has(.yield-workspace)>.container{flex:1;min-height:0;display:flex;flex-direction:column;padding-bottom:10px}
 .yield-page{flex:1;display:flex;flex-direction:column;margin:0}
 .yield-heading{flex-shrink:0}.yield-workspace{flex:1;overflow:hidden}
 .yield-chart{flex:1;min-height:0;height:auto}
 body.site-theme:has(.yield-workspace)>.footer_index{flex-shrink:0;margin:0;padding:4px 16px;max-height:64px;overflow:auto;font-size:10px}
 body.site-theme:has(.yield-workspace)>.footer_index p{margin:0}
}
@media(max-width:999px){
 .yield-workspace{grid-template-columns:minmax(0,1fr)}
 .yield-table{max-height:60dvh}
 body.site-theme:has(.yield-workspace)>.container{padding:0 10px}
}