.guide-nav{display:flex;gap:10px;padding:14px max(5vw,20px);border-bottom:1px solid var(--line);background:white;flex-wrap:wrap}.guide-nav a{padding:10px 18px;border-radius:8px;text-decoration:none;font-size:14px;font-weight:700;min-height:44px;color:var(--purple)}.guide-nav a[aria-current="page"]{background:var(--purple);color:white}.guide-nav a:hover{background:#eeebf2;color:var(--purple)}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:30px 0}.hub-card{display:flex;flex-direction:column;background:white;border:1px solid var(--line);border-radius:16px;overflow:hidden;text-decoration:none;color:var(--ink)}.hub-card img{width:100%;height:240px;object-fit:cover}.hub-card .card-text{padding:28px}.hub-card h2{margin-top:12px}.hub-card .enter{display:inline-block;background:var(--purple);color:white;border-radius:8px;padding:12px 18px;margin-top:14px;font-weight:700}.hub-card:hover{box-shadow:0 8px 28px #34204718}.hub-intro{padding-top:50px;max-width:780px}.hub-intro h1{font-size:clamp(36px,4.4vw,60px)}@media(max-width:700px){.guide-nav{padding:10px 18px;gap:4px}.guide-nav a{padding:10px 12px;font-size:12px}.hub-grid{grid-template-columns:1fr;gap:20px}.hub-card img{height:190px}.hub-card .card-text{padding:22px}.hub-intro{padding-top:30px}}
.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hub-card h2{font-size:28px}.hub-card .card-text{display:flex;flex-direction:column;flex:1}.hub-card .enter{align-self:flex-start;margin-top:auto}.hub-card .pathogen{margin-bottom:22px}@media(max-width:1000px){.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.hub-grid{grid-template-columns:1fr}}

.hub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media(max-width:700px){.hub-grid{grid-template-columns:1fr}}

.hub-tools{margin:30px 0}.calibration-home-card{display:grid;grid-template-columns:.85fr 1.15fr}.calibration-home-visual{background:#eee7f5;color:var(--purple);padding:35px;display:flex;flex-direction:column;justify-content:center;min-height:260px}.calibration-home-visual>span{font-size:10px;font-weight:700;letter-spacing:1.4px}.calibration-home-visual strong{font-size:85px;letter-spacing:-4px;line-height:1.2;margin:12px 0}.calibration-home-visual>div{font-size:10px;font-weight:700;letter-spacing:1px}@media(max-width:700px){.calibration-home-card{grid-template-columns:1fr}.calibration-home-visual{min-height:180px;padding:25px}.calibration-home-visual strong{font-size:64px}}

.mixing-home-visual{background:linear-gradient(120deg,#356f22,#1e4e2d);color:white;min-height:200px;padding:30px;display:flex;flex-direction:column;justify-content:center;gap:12px}.mixing-home-visual span,.mixing-home-visual div{font-size:11px;letter-spacing:1.5px}.mixing-home-visual strong{font-size:52px;line-height:1.2}.hub-tools{display:grid;gap:24px}.mixing-home-card{display:grid;grid-template-columns:1fr 1.5fr}@media(max-width:700px){.mixing-home-card{display:flex}.mixing-home-visual{min-height:170px}}

.support-home-card{display:grid;grid-template-columns:.85fr 1.15fr}.support-home-visual{background:#eee7f5;color:var(--purple);padding:35px;display:flex;flex-direction:column;justify-content:center;gap:16px;min-height:260px}.support-home-visual span,.support-home-visual>div{font-size:10px;letter-spacing:1.4px;font-weight:700}.support-home-visual strong{font-size:42px;line-height:1.15;letter-spacing:-1px}@media(max-width:700px){.support-home-card{grid-template-columns:1fr}.support-home-visual{min-height:180px;padding:25px}.support-home-visual strong{font-size:34px}}

.identify-home{display:flex;gap:30px;align-items:center;justify-content:space-between;background:#eee7f5;border:1px solid #d9cbe5;border-radius:16px;padding:30px;margin:30px 0}.identify-home h2{font-size:28px;max-width:700px}.identify-home p:not(.eyebrow){font-size:14px;margin-bottom:0;color:var(--muted);max-width:650px}.identify-home>a{flex-shrink:0;background:var(--purple);color:white;border-radius:8px;padding:14px 20px;min-height:48px;text-decoration:none;font-weight:700;font-size:14px}@media(max-width:700px){.identify-home{display:block;padding:24px}.identify-home>a{display:inline-block;margin-top:22px}}

/* Keep the two home-page tools beside each other when the navigation wraps. */
.guide-tools-pair{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap}.guide-tools-pair a{white-space:nowrap}@media(max-width:700px){.guide-tools-pair{gap:4px}}

/* Photograph watermark stays upright outside zoom and rotation wrappers. */
.field-photo{display:block;position:relative;max-width:100%;min-width:0;align-self:start;line-height:0;isolation:isolate}
.field-photo::after{content:"Indigo Specialty";position:absolute;left:8px;bottom:8px;z-index:1;pointer-events:none;color:rgba(255,255,255,.85);font:700 11px/1.2 Arial,Helvetica,sans-serif;letter-spacing:.2px;text-shadow:0 1px 3px #000,0 0 2px #000;white-space:nowrap}
.field-photo>img{display:block}
.photo-button>.field-photo{width:100%;overflow:hidden}
.detail-top>.field-photo{width:fit-content;max-width:100%}
.detail-top>.field-photo>img{width:auto;max-width:100%;height:auto;max-height:550px;object-fit:contain}
.comparison .field-photo{width:fit-content;max-width:100%}
.comparison .field-photo>img{width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain}
.hero-photo>.field-photo{display:block;position:relative;left:auto;bottom:auto;width:100%;height:100%;padding:0;margin:0;background:none;border-radius:0}
.hero-photo>span:not(.field-photo){bottom:38px}
.hero-photo>.field-photo::after{font-size:12px;left:12px;bottom:10px}
.hub-card>.field-photo{height:240px;overflow:hidden}
.hub-card>.field-photo>img{height:100%;width:100%;object-fit:cover}
.insect-detail-photos>.field-photo>img{width:100%;max-width:100%;height:auto;aspect-ratio:var(--detail-photo-ratio);object-fit:contain;background:var(--paper)}
.weed-extra-photo>.field-photo{width:64px;height:80px;flex-shrink:0;overflow:hidden;border-radius:5px}
.weed-extra-photo>.field-photo::after{font-size:6px;left:3px;bottom:4px;letter-spacing:0}
.weed-photo-expanded>.field-photo{width:fit-content;max-width:100%;margin:18px auto}
.weed-photo-expanded>.field-photo>img{width:auto;height:auto;max-width:100%;max-height:min(70vh,640px);object-fit:contain}
@media(max-width:700px){.hub-card>.field-photo{height:190px}.field-photo::after{font-size:9px;left:6px;bottom:6px}}

.detail-top>.field-photo:has(>span),.comparison .field-photo:has(>span){width:100%}

/* Give all four Guide home photographs the same card-width frame. */
.hub-grid>.hub-card>.field-photo{width:100%;align-self:stretch;flex:none}