/* User-requested green yield HUD inside the black calculation result. */
.crop-outcome{width:100%;min-width:0;grid-column:1/-1;border-top:1px solid var(--phx-dark-line);padding-top:17px;margin-top:18px}
.crop-outcome-label{font-size:11px;font-weight:500;line-height:1.5;color:var(--phx-on-dark)}
.crop-outcome-value{margin:12px 0 10px;--yield-size:42px}
.yield-metric{display:inline-flex;align-items:center;gap:10px;max-width:100%;line-height:1;white-space:nowrap;color:var(--phx-yield-positive)}
.yield-direction{display:flex;align-items:center;flex:none;filter:drop-shadow(0 3px 2px rgb(var(--phx-black-rgb) / .35))}
.yield-direction svg{width:29px;height:37px;overflow:visible;transition:transform 180ms ease}
.yield-arrow-depth{fill:var(--phx-yield-depth)}.yield-arrow-face{fill:var(--phx-yield-positive)}.yield-arrow-light{fill:var(--phx-yield-highlight)}
.yield-figure{display:inline-flex;align-items:baseline;gap:2px;min-width:0}
.yield-approx{font-size:20px;font-weight:500;margin-right:1px;opacity:.8}
.yield-number{font-size:var(--yield-size);line-height:1.05;font-weight:700;letter-spacing:-.035em;font-variant-numeric:lining-nums tabular-nums;text-shadow:0 0 18px rgb(var(--phx-yield-positive-rgb) / .13)}
.yield-percent{font-size:24px;font-weight:600;letter-spacing:-.02em;margin-left:1px}
.crop-outcome-baseline{font-size:11px;line-height:1.6;color:var(--phx-on-dark-muted);margin:0}
.crop-outcome-baseline>span{display:block;color:var(--phx-on-dark);margin-bottom:2px;font-size:10px}
.crop-outcome-open{font:500 10px var(--phx-font);color:var(--phx-bronze-light);background:none;border:0;border-bottom:1px solid var(--phx-bronze-light);border-radius:0;min-height:30px;margin-top:7px;padding:3px 0;cursor:pointer;transition:color 180ms,border-color 180ms}
.crop-outcome-open:hover{color:var(--phx-white);border-color:var(--phx-white)}.crop-outcome-open:active{color:var(--phx-yield-positive)}
.crop-outcome-open:focus-visible{outline:2px solid var(--phx-bronze);outline-offset:4px}
.crop-outcome-empty{font-size:13px;line-height:1.6;color:var(--phx-on-dark-muted);margin:14px 0 5px}
@media(min-width:1101px){
 .planner-result{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);column-gap:20px;align-content:start;align-items:start}
 .planner-result-top{grid-column:1/-1;grid-row:1}.planner-total-caption{grid-column:1;grid-row:2;align-self:end}
 .planner-total{grid-column:1;grid-row:3;align-self:center}.planner-total.is-long{font-size:clamp(23px,2.1vw,30px)}.planner-total.is-long>span{font-size:13px;margin-left:4px}.planner-result-context{grid-column:1;grid-row:4;margin-bottom:0}
 .planner-result-facts{grid-column:1/-1;grid-row:5;margin-top:18px}.planner-result-hint{grid-column:1;grid-row:5}
 .crop-outcome{grid-column:2;grid-row:2/5;border-top:0;border-left:1px solid var(--phx-dark-line);padding:0 0 0 20px;margin:0;align-self:stretch}
 .crop-outcome-value{--yield-size:42px}.crop-outcome-open{margin-top:5px}
}
@media(max-width:1100px) and (min-width:651px){.planner-result{justify-content:flex-start}.planner-result-facts{margin-top:16px}}
@media(max-width:1100px){.crop-outcome{display:grid;grid-template-columns:1fr auto;gap:7px 14px;padding-top:17px}.crop-outcome-label{grid-column:1;grid-row:1}.crop-outcome-value{grid-column:1;grid-row:2/4;margin:2px 0;--yield-size:42px}.crop-outcome-baseline{grid-column:2;grid-row:1/3;max-width:135px;align-self:center;font-size:10px}.crop-outcome-baseline>span{font-size:10px}.crop-outcome-open{grid-column:2;grid-row:3;justify-self:start;min-height:40px;margin-top:0;font-size:11px}.crop-outcome-empty{grid-column:1/-1;grid-row:2}.crop-outcome.no-value .crop-outcome-open{grid-column:1;grid-row:3}}
@media(max-width:359px){.crop-outcome{gap:8px}.crop-outcome-value{--yield-size:35px}.yield-direction svg{width:25px;height:34px}.yield-metric{gap:7px}.yield-approx{font-size:16px}.yield-percent{font-size:20px}.crop-outcome-baseline{max-width:120px}}
@media(hover:hover){.crop-outcome:hover .yield-direction svg,.crop-outcome:focus-within .yield-direction svg{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.yield-direction svg,.crop-outcome-open{transition:none;transform:none!important}}
@media print{.crop-outcome{display:none!important}.planner-result{display:block}}
.outcome-dialog-open{overflow:hidden}
.outcome-dialog{box-sizing:border-box;width:min(760px,calc(100% - 40px));max-height:calc(100dvh - 48px);border:1px solid var(--phx-dark-line);border-radius:var(--phx-panel-radius);padding:26px 30px;margin:auto;background:var(--phx-dark);color:var(--phx-on-dark);font-family:var(--phx-font);overflow:auto;box-shadow:0 22px 70px rgb(var(--phx-black-rgb) / .4)}
.outcome-dialog::backdrop{background:rgb(var(--phx-black-rgb) / .72);backdrop-filter:blur(3px)}
.outcome-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid var(--phx-dark-line);padding-bottom:14px;margin-bottom:22px}
.outcome-dialog>header>span{font-size:10px;letter-spacing:.09em;color:var(--phx-bronze-light)}
.outcome-dialog>header button{width:40px;height:40px;display:grid;place-items:center;flex:none;border:1px solid var(--phx-dark-line);border-radius:var(--phx-radius);background:none;color:var(--phx-on-dark);cursor:pointer}
.outcome-dialog>header svg{width:22px;height:22px}.outcome-dialog button:hover{border-color:var(--phx-bronze-light)}
.outcome-dialog h2{font-size:25px;font-weight:600;line-height:1.3;margin:0 0 20px;color:var(--phx-white)}
.outcome-dialog-result>span{font-size:12px;color:var(--phx-on-dark-muted)}
.outcome-dialog-metric{--yield-size:43px;margin:14px 0 9px}.outcome-dialog-metric .yield-direction svg{width:31px;height:39px}.outcome-dialog-metric .yield-approx{font-size:15px;margin-top:4px}.outcome-dialog-metric .yield-percent{font-size:19px;margin-left:4px}
.outcome-dialog-result p{font-size:12px;margin:4px 0 22px;color:var(--phx-on-dark)}
.outcome-table-wrap{overflow-x:auto;max-width:100%}.outcome-table-wrap table{border-collapse:collapse;width:100%;font-size:11px;background:none}.outcome-table-wrap caption{text-align:left;color:var(--phx-on-dark-muted);font-size:10px;margin-bottom:10px}.outcome-table-wrap th,.outcome-table-wrap td{padding:13px 8px;border-bottom:1px solid var(--phx-dark-line);vertical-align:middle;text-align:right;background:none;color:var(--phx-on-dark)}
.outcome-table-wrap th:first-child{text-align:left;padding-left:0;width:46%}.outcome-table-wrap thead th{font-size:10px;color:var(--phx-bronze-light);font-weight:500;white-space:nowrap}.outcome-table-wrap tbody th{font-weight:500;min-width:165px}.outcome-table-wrap th small{display:block;font-size:9px;font-weight:400;color:var(--phx-on-dark-muted);margin-top:4px;line-height:1.6}.outcome-table-wrap td{white-space:nowrap}.outcome-table-wrap td:last-child{color:var(--phx-yield-positive);padding-right:0}
.outcome-summary-method,.outcome-formula{font-size:10px;line-height:1.8;color:var(--phx-on-dark-muted);margin:12px 0 20px}
.outcome-detail,.outcome-no-data p{font-size:12px;line-height:1.9;color:var(--phx-on-dark-muted);margin:12px 0}.outcome-no-data h3{font-size:17px;color:var(--phx-on-dark);line-height:1.4;font-weight:500}
.outcome-sources{display:flex;align-items:center;flex-wrap:wrap;gap:10px 20px;border-top:1px solid var(--phx-dark-line);padding-top:18px;margin-top:22px}.outcome-sources>span{flex-basis:100%;font-size:10px;color:var(--phx-on-dark-muted)}
.outcome-sources a,.outcome-library{font-size:11px;color:var(--phx-bronze-light);text-decoration:underline;text-underline-offset:5px;min-height:32px;display:inline-flex;align-items:center}.outcome-sources a:hover,.outcome-library:hover{color:var(--phx-white)}
.outcome-limit{font-size:10px;line-height:1.8;color:var(--phx-on-dark-muted);margin:17px 0 0}.outcome-dialog :focus-visible{outline:2px solid var(--phx-bronze);outline-offset:3px}
@media print{.crop-outcome,.outcome-dialog{display:none!important}}
@media(max-width:650px){.outcome-table-wrap table{min-width:0;font-size:10px}.outcome-table-wrap tbody th{min-width:100px}.outcome-table-wrap th:first-child{width:40%}.outcome-table-wrap th,.outcome-table-wrap td{padding-left:4px;padding-right:4px}.outcome-table-wrap thead th{font-size:9px}.outcome-table-wrap th small{font-size:9px}}

@media(max-width:650px){.outcome-dialog{width:calc(100% - 24px);padding:18px;max-height:calc(100dvh - 24px)}.outcome-dialog h2{font-size:23px}.outcome-dialog>header{margin-bottom:18px}.outcome-dialog-metric{--yield-size:36px}.outcome-sources a{min-height:40px}}

/* V27: restrained inline indicators, one shared language across dark and light surfaces. */
.crop-outcome-label{font-size:10px;line-height:1.5;max-width:180px}
.crop-outcome-value{--yield-size:29px;margin:12px 0 11px}
.yield-metric{gap:7px}.yield-direction{filter:none}.yield-direction svg{width:16px;height:23px}
.yield-number{font-weight:600;letter-spacing:-.025em;text-shadow:none}.yield-approx{font-size:16px;font-weight:500}.yield-percent{font-size:17px;font-weight:500;margin-left:2px}
.crop-outcome-baseline{font-size:10px;line-height:1.6}.crop-outcome-open{font-size:10px;min-height:32px}
.outcome-dialog-metric .yield-direction svg{width:20px;height:28px}.outcome-dialog-metric{--yield-size:32px}
.crop-yield{display:inline-flex;color:var(--phx-yield-on-light);--yield-size:18px;align-items:center;flex:none}
.crop-yield .yield-metric{color:inherit;gap:4px}.crop-yield .yield-direction svg{width:12px;height:17px}.crop-yield .yield-approx{font-size:13px}.crop-yield .yield-percent{font-size:13px;margin-left:1px}.crop-yield .yield-number{font-weight:600}
.crop-yield-unavailable{font-size:15px;color:var(--phx-muted);cursor:help}
.crop-card-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.crop-card-top>.crop-icon:last-child{display:block}
.crop-detail-title-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px 22px}.crop-detail-title-row h1{margin:0}.crop-detail-title-row .crop-yield{--yield-size:23px}
.crop-research{padding:27px 0 30px;margin:0 0 30px;border-top:1px solid var(--phx-line);border-bottom:1px solid var(--phx-line)}
.crop-research-heading{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:18px}.crop-research-heading .eyebrow{font-size:10px;margin-bottom:9px;text-transform:none}.crop-research h2{font-size:24px;line-height:1.3;margin:0}
.crop-research-value{--yield-size:29px;flex:none;display:flex;align-items:center;gap:16px}.crop-research-value .yield-metric{color:var(--phx-yield-on-light)}.crop-research-value>span:last-child{font-size:10px;line-height:1.6;color:var(--phx-muted);max-width:126px}
.crop-research-copy{display:grid;grid-template-columns:1.4fr 1fr;gap:36px;max-width:1150px}.crop-research-copy p{font-size:13px;line-height:1.9;color:var(--phx-text);margin:0 0 18px}.crop-research-copy p+p{font-size:12px;color:var(--phx-muted)}
.crop-research .btn{font-size:11px;min-height:40px}.crop-research-note{font-size:11px;line-height:1.8;color:var(--phx-muted);max-width:1000px;margin:17px 0 0}
.crop-research-sources{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:23px;padding-top:18px;border-top:1px solid var(--phx-line)}.crop-research-sources>b{font-size:11px;flex-basis:100%;font-weight:600;margin-bottom:3px}.crop-research-sources a,.crop-related a{font-size:11px;color:var(--phx-bronze-deep);text-decoration:underline;text-underline-offset:4px;padding:5px 0}
.crop-related{margin-top:20px}.crop-related summary{font-size:12px;font-weight:600;cursor:pointer;list-style:none;display:flex;align-items:center;gap:12px;min-height:40px}.crop-related summary::-webkit-details-marker{display:none}.crop-related summary:before{content:'+';font-size:20px;font-weight:400;color:var(--phx-bronze-deep)}.crop-related[open] summary:before{content:'−'}
.crop-related-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 30px;margin-top:18px}.crop-related-list>div{border-top:1px solid var(--phx-line);padding-top:14px}.crop-related-list span{font-size:10px;color:var(--phx-muted)}.crop-related-list p{font-size:12px;line-height:1.8;margin:5px 0}
@media(max-width:900px){.crop-research-heading{align-items:flex-start}.crop-research h2{font-size:22px}.crop-research-copy{grid-template-columns:1fr;gap:0}.crop-research-value{display:block}.crop-research-value>span:last-child{display:block;margin-top:7px}.crop-research-copy p+p{margin-top:0}}
@media(max-width:650px){.crop-outcome-value{--yield-size:28px}.crop-outcome-label{font-size:10px}.crop-outcome-open{font-size:10px;min-height:40px}.crop-outcome-baseline{max-width:139px}.crop-card .crop-yield{--yield-size:17px}.crop-card-top{gap:8px}.crop-research{padding:22px 0}.crop-research-heading{flex-direction:column;gap:18px}.crop-research-value{display:flex}.crop-research-value>span:last-child{margin:0;max-width:150px}.crop-research h2{font-size:21px}.crop-related-list{grid-template-columns:1fr}.crop-research-copy p{font-size:12px}.crop-research-sources a{min-height:40px}.crop-detail-title-row{gap:10px 16px}}

.crop-card-top>.crop-yield:last-child{color:var(--phx-yield-on-light);padding:0}.crop-card-top>.crop-yield-unavailable:last-child{color:var(--phx-muted);padding:0;font-size:15px}