/* Shared family and Varroa forecast, following the existing honey-and-sage palette. */
.varroa-fields{border:0;border-top:1px solid var(--border);padding:23px 0 0;margin:26px 0 0;min-width:0}
.varroa-fields legend{display:flex;align-items:center;gap:10px;padding:0 12px 0 0;font-size:16px;font-weight:650;letter-spacing:-.25px}
.form-section-number{display:inline-flex;align-items:center;justify-content:center;width:27px;height:27px;border-radius:50%;background:#eceee6;font-size:10px;letter-spacing:.4px;color:#78806a}
.section-help{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 18px}
.varroa-settings{margin-top:8px}
.calibration-settings{margin-top:8px}
.calibration-pair{margin-bottom:12px}
.calibration-button{width:100%;margin:13px 0 16px;font-size:11px}
.calibration-settings+.varroa-settings{border-top:0;margin-top:0}
.treatment-settings{border-top:0;margin-top:0}
.treatment-pair{row-gap:17px;padding-bottom:18px}
.treatment-pair label{font-size:11px;min-height:32px;line-height:1.5}
.treatment-help{margin:0 0 18px}
.shared-timeline{margin:0 0 23px;padding:15px 17px 12px;border:1px solid #e7e4d9;border-radius:10px;background:linear-gradient(105deg,#fbf6eccc,#f3f6ee88)}
.shared-timeline .timeline-heading{margin-bottom:4px}
.shared-timeline .timeline-heading label{font-weight:650}
.forecast-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 15px}
.forecast-heading h4{font-size:15px;font-weight:650;letter-spacing:-.3px;line-height:1.5;margin:0}
.forecast-heading>span{font-size:10px;line-height:1.5;color:#7b8173;text-align:right}
.varroa-panel{margin-top:18px;padding-top:25px;border-top:1px solid var(--border)}
.linked-badge{display:inline-flex;align-items:center;justify-content:flex-end;gap:6px}
.linked-badge .small-dot{background:#879c7e;flex:none}
.varroa-metrics{padding:14px 15px 17px;background:linear-gradient(112deg,#f1f3eccc,#f7f4ed88);border:1px solid #e7e9de;border-radius:11px;gap:16px}
.varroa-metrics .metric-label{white-space:normal;min-height:17px}
.varroa-metrics .metric-unit{max-width:160px;line-height:1.55}
.varroa-metrics .metric:not(:first-child){padding-left:16px}
.mites-dot{background:#927783}
.legend-line.mites-line{background:#927783}
.legend-line.threshold-line{background:repeating-linear-gradient(90deg,#ae7d51 0 4px,transparent 4px 6px)}
.risk-metric strong{font-size:21px;line-height:1.5;letter-spacing:-.5px;white-space:normal;overflow-wrap:anywhere;margin-top:12px}
.risk-metric [data-level="high"],.risk-metric .risk-high{color:#9a512d}
.risk-metric [data-level="low"],.risk-metric .risk-low{color:#537b61}
.varroa-insight{background:#f3f0f2;margin-top:11px}
.varroa-insight p{color:#746670}
.varroa-insight .insight-icon{color:#96818a}
.varroa-chart-wrap{margin-top:18px}
.varroa-chart-wrap .chart svg,.annual-chart svg{display:block;max-width:100%;width:100%;height:auto;overflow:visible}
.table-method-note{margin:0 0 18px;font-size:12px;line-height:1.7;color:#73796b}
.combined-table table,.annual-table-details table{min-width:500px}
.annual-section{padding:0 23px;margin-top:13px;overflow:hidden}
.annual-section>summary,.annual-table-details>summary{display:flex;align-items:center;justify-content:space-between;gap:16px;list-style:none;cursor:pointer;font-size:14px;font-weight:650;min-height:78px;padding:15px 0}
.annual-section>summary::-webkit-details-marker,.annual-table-details>summary::-webkit-details-marker{display:none}
.annual-section>summary>.icon,.annual-table-details>summary>.icon{width:16px;height:16px;transition:transform .2s;flex:none}
.annual-section>summary .small-eyebrow{margin-bottom:4px;font-size:9px;font-weight:500}
.annual-content{padding:0 0 18px}
.annual-intro{font-size:12px;line-height:1.75;color:var(--muted);margin:0 0 21px;max-width:650px}
.annual-controls{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}
.annual-controls .form-field{margin-bottom:9px}
.annual-treatment-settings{margin-top:22px}
.annual-treatments-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px 12px;padding-bottom:15px}
.annual-treatments-grid .form-field{margin:0;min-width:0}
.annual-treatments-grid label{font-size:11px;font-weight:500}
.annual-treatments-grid input{width:100%;min-width:0}
.annual-chart{margin-top:24px}
.annual-table-details{margin-top:15px;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}
.annual-table-details>summary{min-height:51px;font-size:12px}
.annual-export{margin:8px 0 -3px -8px}
@media(max-width:1050px) and (min-width:761px){.varroa-metrics{padding:13px 10px;gap:8px}.varroa-metrics .metric:not(:first-child){padding-left:8px}.varroa-metrics .metric-label{font-size:10px}.varroa-metrics .metric-unit{font-size:10px}.varroa-metrics .metric strong{font-size:26px}.varroa-metrics .risk-metric strong{font-size:17px}.forecast-heading{align-items:flex-start}.linked-badge{max-width:128px}.annual-treatments-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.varroa-fields{margin-top:24px;padding-top:21px}.varroa-fields legend{font-size:16px}.section-help{font-size:12px}.varroa-settings summary,.treatment-settings summary{font-size:13px}.treatment-pair label{font-size:12px}.shared-timeline{padding:12px 11px 10px;margin-bottom:22px}.forecast-heading h4{font-size:15px}.forecast-heading>span{font-size:10px;max-width:146px}.varroa-panel{padding-top:22px;margin-top:12px}.varroa-metrics{padding:13px 10px 14px;gap:8px}.varroa-metrics .metric:not(:first-child){padding-left:8px}.varroa-metrics .metric-label{font-size:10px;min-height:30px;align-items:flex-start}.varroa-metrics .metric-label .legend-dot{margin-top:5px}.varroa-metrics .metric strong{font-size:25px;letter-spacing:-1px;margin-top:3px}.varroa-metrics .metric-unit{font-size:10px}.varroa-metrics .risk-metric strong{font-size:16px;letter-spacing:-.3px;line-height:1.5;margin-top:6px}.varroa-chart-wrap{margin-top:19px}.varroa-chart-wrap .chart-legend{font-size:11px;gap:13px}.annual-section{padding:0 17px}.annual-section>summary{font-size:14px}.annual-controls{grid-template-columns:1fr;gap:9px}.annual-intro{font-size:12px}.annual-treatments-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px 9px}.annual-treatment-settings summary{font-size:13px}.annual-table-details>summary{font-size:13px}.table-method-note{font-size:12px}.combined-table table,.annual-table-details table{min-width:460px}}
@media(max-width:360px){.varroa-metrics{padding:12px 8px;gap:6px}.varroa-metrics .metric:not(:first-child){padding-left:6px}.varroa-metrics .metric strong{font-size:23px}.varroa-metrics .risk-metric strong{font-size:15px}.varroa-metrics .metric-unit{font-size:9px}.annual-treatments-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media print{.shared-timeline{background:white;padding:10px 0;border:0}.varroa-panel{break-inside:avoid}.annual-treatment-settings,.annual-export,.annual-controls{display:none!important}.annual-section{break-before:page}.annual-section:not([open]){display:none}.forecast-heading>span{font-size:11px}}

.skip-link:not(:focus){visibility:hidden}
.treatment-pair label small{display:block;color:#71776b;font-size:11px;font-weight:400;margin-top:3px}
.annual-treatment-field{display:flex;flex-direction:column;gap:6px;min-width:0}
.annual-treatment-field input{border:1px solid #dedfd5;border-radius:8px;background:#fff;padding:10px 12px;min-height:44px;font:inherit;font-size:14px;color:var(--ink)}
.annual-table-details th,.annual-table-details td{padding:13px 12px;border-bottom:1px solid #e8e8df;font-size:12px;text-align:right;white-space:nowrap}
.annual-table-details th:first-child,.annual-table-details td:first-child{text-align:left}
.annual-table-details table{border-collapse:collapse;width:100%}
.varroa-metrics .metric-unit{font-size:11px}
.calibration-button{font-size:12px}