.vit-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:32px;align-items:start}
.vit-workspace{min-width:0}
.vit-section-heading{display:flex;gap:12px;align-items:center;margin:0 0 22px}
.vit-section-heading>span{display:grid;place-items:center;flex:0 0 32px;height:32px;border:1px solid #d0dcd5;border-radius:50%;font-size:.8125rem;color:#597368}
.vit-section-heading h2{font-size:1.375rem;line-height:1.3;margin:0;letter-spacing:-.025em}
.vit-section-heading p{margin:5px 0 0;font-size:1rem;line-height:1.5;color:#587269}
.vit-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;align-items:stretch}
.vit-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid #dce4df;border-radius:18px;background:#fff;box-shadow:0 3px 12px #1d402705;transition:border-color .18s,box-shadow .18s}
.vit-grid:has(.vit-details[open]){align-items:start}
.vit-card.is-selected{border-color:#285e4f;box-shadow:0 0 0 1px #285e4f}
.vit-insect-stage{position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;aspect-ratio:3/2;padding:16px 16px 0;background:#fff}
.vit-insect-stage>img{position:absolute;inset:18px;display:block;width:calc(100% - 36px);height:calc(100% - 36px);object-fit:contain;min-width:0;min-height:0}
.vit-card-heading{display:flex;flex-direction:column;flex:1;padding:18px 20px 20px}
.vit-card-title{display:flex;align-items:baseline;gap:8px;justify-content:space-between}
.vit-card-title h3{font-size:1.375rem;line-height:1.25;letter-spacing:-.035em;margin:0}
.vit-family{font-size:.75rem;line-height:1.4;color:#6b8076;flex-shrink:0}
.vit-latin{font-size:.875rem;line-height:1.4;color:#6b7d73;margin:5px 0 12px}
.vit-cue{font-size:.875rem;line-height:1.5;color:#405d50;margin:0 0 16px}
.vit-dose-label{display:flex;align-items:baseline;flex-wrap:wrap;gap:5px 8px;margin:0 0 16px;padding-top:14px;border-top:1px solid #edf1ed}
.vit-dose-label strong{font-size:1.125rem;font-weight:650;color:#285343;font-variant-numeric:tabular-nums}
.vit-dose-label span{font-size:.8125rem;color:#617b6d;line-height:1.5}
.vit-select{margin-top:auto;display:flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 12px;background:#f3f7f4;border:1px solid #d5e2d9;border-radius:9px;cursor:pointer;font-size:.875rem;font-weight:600;color:#2d5746;transition:background .18s,color .18s}
.vit-select:hover{background:#e9f2ec}
.vit-select input{width:17px;height:17px;accent-color:#2b6251;flex:0 0 auto;margin:0}
.vit-card.is-selected .vit-select{background:#285c4c;border-color:#285c4c;color:white}
.vit-card.is-selected .vit-select input{accent-color:#fff}
.vit-card.is-covered{border-color:#b5cbbb}
.vit-card.is-covered .vit-select{background:#edf3ee;border-style:dashed;color:#426551;cursor:default}
.vit-card.is-covered .vit-select input{opacity:.6}
.vit-review-note{padding:14px 16px;border-left:3px solid #c5a660;background:#faf7ee;border-radius:0 9px 9px 0;font-size:.875rem;line-height:1.6;color:#645332}
.vit-review-note a{color:inherit;text-underline-offset:3px}
.vit-review-note[hidden]{display:none!important}
.vit-details{border-top:1px solid #e2e9e4}
.vit-details>summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:48px;padding:14px 20px;cursor:pointer;list-style:none;font-size:.875rem;line-height:1.5;color:#3d6453}
.vit-details>summary::-webkit-details-marker{display:none}
.vit-details>summary span{font-size:1.25rem;line-height:1;transition:transform .18s}
.vit-details[open]>summary{background:#f6f9f6}
.vit-details[open]>summary span{transform:rotate(45deg)}
.vit-detail-body{padding:0 20px 20px;font-size:1rem;line-height:1.65}
.vit-detail-body h4{font-size:1rem;line-height:1.5;margin:22px 0 12px}
.vit-biology{display:grid;gap:18px;margin:22px 0}
.vit-biology dt{font-size:.875rem;font-weight:650;color:#2b5543}
.vit-biology dd{margin:4px 0 0;color:#496357}
.vit-photo{margin:0}
.vit-nest-photo{margin:0 -20px}
.vit-photo img{display:block;width:100%;height:auto;object-fit:contain}
.vit-photo figcaption{padding:10px 20px;font-size:.75rem;line-height:1.5;color:#617368;background:#f7f9f6}
.vit-photo figcaption a,.vit-image-credits a{color:inherit;text-underline-offset:3px}
.vit-photo-credit{display:block;margin-top:4px}
.vit-source{display:flex;gap:16px;flex-wrap:wrap;font-size:.875rem}
.vit-product-detail{border-top:1px solid #e1e8e2;margin-top:22px}
.vit-product-detail>p:first-of-type{font-size:.875rem;color:#697f72}
.vit-product-detail dl{font-size:.875rem;line-height:1.5}
.vit-product-detail dl>div{display:grid;gap:3px;margin:14px 0}
.vit-product-detail dt{font-weight:600;color:#506f5b}
.vit-product-detail dd{margin:0}
.vit-product-detail>a{font-size:.875rem}
.vit-image-credits{margin-top:22px;border-top:1px solid #e5ebe5;padding-top:14px;font-size:.75rem;line-height:1.6;color:#708073}
.vit-image-credits summary{cursor:pointer;font-size:.8125rem}
.vit-image-credits p{margin:10px 0 0}
.vit-image-credits p>span{display:block}
.vit-mixed-stage{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:22px 10px 0}
.vit-mixed-stage>div{display:flex;flex-direction:column;align-items:center;gap:12px;min-width:0}
.vit-mixed-stage img{display:block;width:88%;height:auto;aspect-ratio:1;object-fit:contain}
.vit-mixed-stage span{font-size:.75rem;line-height:1.45;color:#5d7365;text-align:center;max-width:80px;min-height:2.9em}
.vit-components{margin-top:22px;font-size:.9375rem}
.vit-components>div{display:flex;align-items:baseline;justify-content:space-between;gap:14px;border-bottom:1px solid #e4ebe5;padding:10px 0}
.vit-components dd{margin:0;white-space:nowrap;font-variant-numeric:tabular-nums}
.vit-course{margin-top:34px;padding-top:28px;border-top:1px solid var(--line)}
.vit-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.vit-fields label{display:grid;gap:8px;font-size:.875rem;color:#41604e}
.vit-fields select{width:100%;min-width:0;min-height:46px;padding:12px 10px;border:1px solid #ccd9cf;border-radius:9px;background:white;color:#2b513e;font:inherit}
.vit-maintenance-note{margin:22px 0;background:#f0f5f0;border-radius:12px;padding:18px 20px}
.vit-maintenance-note strong{font-size:1rem}
.vit-maintenance-note p{font-size:.9375rem;line-height:1.65;margin:7px 0 0;color:#55715e}
.vit-clinical-notes{border-top:1px solid var(--line);padding:16px 0;font-size:1rem;line-height:1.65}
.vit-clinical-notes summary{cursor:pointer;font-size:.9375rem;font-weight:600}
.vit-sources{margin-top:8px}
.vit-plan{position:sticky;top:24px;min-width:0;padding:23px;border:1px solid #d2dfd3;border-radius:16px;background:#f3f7f1}
.vit-plan-count{display:flex;gap:12px;align-items:baseline;margin:20px 0}
.vit-plan-count>strong{font-size:2.5rem;line-height:1;font-weight:500;color:#285342;font-variant-numeric:tabular-nums}
.vit-plan-count>span{font-size:.875rem;line-height:1.5;color:#5c7667}
.vit-plan-item{padding:16px 0;border-top:1px solid #d8e3d6;display:grid;gap:5px}
.vit-plan-item>strong{font-size:1rem;line-height:1.4}
.vit-plan-item>span,.vit-plan-item>small{font-size:.875rem;line-height:1.5;color:#526f5d}
.vit-plan-note{font-size:.875rem;line-height:1.6;color:#607465}
.vit-plan .primary-button{width:100%;min-height:48px;margin-top:14px;white-space:normal;font-size:.9375rem;line-height:1.5}
.vit-plan .inline-link{display:block;margin:14px auto 0;font-size:.875rem}
.vit-plan [hidden],.vit-mobile-plan[hidden]{display:none!important}
.vit-select:focus-within,.vit-details summary:focus-visible{outline:3px solid #bf963e;outline-offset:-3px}
.vit-mobile-plan{display:none}
@media(min-width:1500px){.vit-layout{grid-template-columns:minmax(0,1fr) 300px}}
@media(max-width:1150px){
 .vit-layout{grid-template-columns:minmax(0,1fr);gap:26px}
 .vit-plan{position:static;scroll-margin-top:20px}
 .vit-plan .primary-button{max-width:380px}
 .vit-plan .inline-link{margin:14px 0}
 #vit-builder{padding-bottom:80px}
 .vit-mobile-plan{position:fixed;bottom:0;left:0;right:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 5% calc(12px + env(safe-area-inset-bottom,0px));background:#f4f8f2f5;border-top:1px solid #cad9cd;box-shadow:0 -5px 24px #153e3510;backdrop-filter:blur(12px)}
 .vit-mobile-plan>span{font-size:.875rem;color:#284f40}
 .vit-mobile-plan .primary-button{min-height:44px;padding:10px 17px;font-size:.9375rem}
}
@media(max-width:600px){
 .vit-grid{grid-template-columns:minmax(0,1fr);gap:20px}
 .vit-insect-stage{aspect-ratio:3/2;padding:18px 18px 0}
 .vit-card-title h3{font-size:1.5rem}
 .vit-fields{grid-template-columns:1fr;gap:16px}
 .vit-fields select{font-size:1rem}
 .vit-plan{padding:20px}
 .vit-section-heading h2{font-size:1.25rem}
 .vit-section-heading p{font-size:.9375rem}
 .vit-mixed-stage{padding:22px 12px 0}
}
.vit-insect-stage img{scale:.8;translate:0 0;transition:translate .3s}
.vit-card:focus-within{border-color:#9cbba9;box-shadow:0 5px 20px #1d40270b}
.vit-card.is-selected:focus-within{border-color:#285e4f;box-shadow:0 0 0 1px #285e4f,0 5px 20px #1d40270b}
@media(hover:hover) and (pointer:fine){.vit-card:hover{border-color:#9cbba9;box-shadow:0 5px 20px #1d40270b}.vit-card:hover .vit-insect-stage img{translate:0 -3px}.vit-card.is-selected:hover{border-color:#285e4f;box-shadow:0 0 0 1px #285e4f,0 5px 20px #1d40270b}}
@media(prefers-reduced-motion:reduce){.vit-card,.vit-insect-stage img,.vit-select,.vit-details>summary span{transition:none}.vit-card:hover .vit-insect-stage img{translate:none}}

/* Balance the different insect silhouettes without cropping appendages. */
[data-vit-card="honeybee"] .vit-insect-stage>img{transform:scale(.84)}
[data-vit-card="yellowjacket"] .vit-insect-stage>img{transform:scale(.97)}
[data-vit-card="whitehornet"] .vit-insect-stage>img{transform:scale(.94)}
[data-vit-card="yellowhornet"] .vit-insect-stage>img{transform:scale(.9)}
[data-vit-card="wasp"] .vit-insect-stage>img{transform:scale(.9)}


.vit-card{scroll-margin-top:24px}.vit-card:focus-visible{outline:3px solid #bf963e;outline-offset:3px}
.vit-schedule-overview{margin:24px 0 16px}
.vit-schedule-overview h3,.vit-maintenance-note h3{font-size:1.125rem;line-height:1.4;letter-spacing:-.015em}
.vit-schedule-overview p,.vit-schedule-empty{font-size:.9375rem;line-height:1.6;color:#496357;margin:8px 0}
.vit-schedule>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;list-style:none}
.vit-schedule>summary::-webkit-details-marker{display:none}
.vit-schedule>summary span{font-size:.8125rem;color:#647b6c;font-weight:400;white-space:nowrap}
.vit-schedule>summary::after{content:'+';color:#496357}
.vit-schedule[open]>summary::after{content:'−'}
.vit-schedule>summary span{margin-left:auto}
.vit-schedule-scroll{overflow-x:auto;margin:16px 0}
.vit-schedule table{width:100%;border-collapse:collapse;font-size:.875rem;font-variant-numeric:tabular-nums}
.vit-schedule caption{text-align:left;color:#576d60;font-size:.875rem;line-height:1.5;margin-bottom:10px}
.vit-schedule th,.vit-schedule td{text-align:left;padding:10px 8px;border-bottom:1px solid #e3e9e2}
.vit-schedule thead{color:#40584c;background:#f3f7f2}
.vit-schedule .vit-new-vial{border-top:2px solid #bdcebf}
.vit-schedule .vit-maintenance-row{background:#eaf3eb;color:#244c39;font-weight:650}
.vit-schedule-target{font-size:.9375rem;line-height:1.6}
.vit-schedule-footnote{font-size:.875rem;line-height:1.6;color:#607466;margin:12px 0}
.vit-maintenance-steps{list-style:none;padding:0;margin:18px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
.vit-maintenance-steps li{padding:12px 10px;background:#ffffffbd;border:1px solid #dce7db;border-radius:10px;min-width:0}
.vit-maintenance-steps strong{display:block;font-size:1rem;line-height:1.4;color:#285343}
.vit-maintenance-steps span{display:block;font-size:.8125rem;line-height:1.5;margin-top:4px;color:#607465}
@media(max-width:700px){.vit-maintenance-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.vit-schedule th,.vit-schedule td{padding:9px 6px}}