/* Shared reading scale for the Biowin website. */
body{--reading-ink:#43564b;--reading-muted:#526458}
body .header .links{font-size:16px}
body .pageintro p,body.about-redesign .pageintro p{font-size:18px;color:var(--reading-ink)}
body .bodytext{font-size:18px;line-height:1.75;color:var(--reading-ink);max-width:65ch}
body .facts p{font-size:16px;line-height:1.65;color:var(--reading-muted)}
body .facts strong{font-size:18px}
body .card p{font-size:16px;line-height:1.65;color:var(--reading-ink);min-height:53px}
body .card .category{font-size:12px;letter-spacing:.8px;line-height:1.5;color:var(--reading-muted)}
body .tag{font-size:12px;letter-spacing:.5px;line-height:1.25}
body .textlink{font-size:16px;line-height:1.5}
body .tabs button{font-size:16px;line-height:1.4;color:var(--reading-muted)}
body .tabs button[aria-selected=true]{color:#164b38}
body .company-story p{font-size:18px;line-height:1.75;color:var(--reading-ink);max-width:65ch}
body .company-story h3{font-size:20px;line-height:1.4}
body.about-redesign #team .person .bodytext{font-size:16px;line-height:1.75;color:var(--reading-ink);max-width:65ch}
body.about-redesign #team .teamrole{font-size:14px;color:var(--reading-muted)}
body.about-redesign #team .teamdetails{font-size:16px;line-height:1.7}
body .detail-copy .lead,body .product-information p,body .product-information li{font-size:18px;line-height:1.75;color:var(--reading-ink);max-width:65ch}
body .lead strong{font-size:18px}
body .product-information h3{font-size:20px;line-height:1.4}
body .product-side .flyer-benefits{font-size:16px;line-height:1.7}
body .flyer-benefits li{color:var(--reading-ink)}
body .product-side .button{font-size:16px;line-height:1.4;min-height:52px;padding:16px 22px}
body .product-data .analysis table{font-size:16px;line-height:1.5}
body .analysis th,body .analysis td{padding:13px 12px}
body .analysis .humate-line{font-size:16px;line-height:1.6}
body .application-guidance p{font-size:14px;line-height:1.75;color:var(--reading-muted);max-width:85ch}
body .backlink{font-size:15px;line-height:1.5}
body .resource-row h3{font-size:22px;line-height:1.4}
body .resource-row p{font-size:14px;line-height:1.6;color:var(--reading-muted)}
body .resource-row .button{font-size:16px;line-height:1.4;min-height:48px;padding:14px 20px}
body .pdficon{font-size:13px}
body .resource-status,body .pending{font-size:14px;line-height:1.7}
body .simplefooter .footercontact p,body .simplefooter .footercontact a{font-size:15px;line-height:1.8}
body .simplefooter .footer-slogan,body .simplefooter .footer-copyright{font-size:12px;line-height:1.6}
body .sds-unavailable small{font-size:12px}
@media(min-width:651px) and (max-width:900px){body .header .links{font-size:15px;gap:18px}}
@media(max-width:650px){
 body .header .links{font-size:16px}
 body .bodytext,body .company-story p,body .detail-copy .lead,body .product-information p,body .product-information li,body .pageintro p,body.about-redesign .pageintro p{font-size:16px;line-height:1.75}
 body .tabs{gap:23px}
 body .company-story h3,body .product-information h3{font-size:19px}
 body .cardbody{padding:17px 14px}
 body .resource-row{grid-template-columns:45px minmax(0,1fr)}
 body .resource-row h3{font-size:20px}
 body .product-side .button{gap:16px;padding:15px 18px}
 body .analysis th,body .analysis td{padding:12px 8px}
 body .simplefooter .footercontact p,body .simplefooter .footercontact a{font-size:15px}
}

/* Shared emphasis for product benefits. */
body.product-detail .product-side .flyer-benefits{background:#eff4eb;border-left:4px solid #164b38;padding:20px 22px;margin:0 15px 24px;font-size:18px;line-height:1.65}
body.product-detail .product-side .flyer-benefits>strong{display:block;font-size:20px;line-height:1.35;font-weight:700;color:#164b38}
body.product-detail .product-side .flyer-benefits ul{padding-left:20px;margin:13px 0 0}
body.product-detail .product-side .flyer-benefits li{color:#294a38;font-weight:500;margin:8px 0}
body.product-detail .product-side .flyer-benefits li::marker{color:#164b38}
@media(max-width:650px){body.product-detail .product-side .flyer-benefits{margin-left:0;margin-right:0;padding:18px 20px;font-size:16px}body.product-detail .product-side .flyer-benefits>strong{font-size:20px}}

body.product-detail .product-information .benefits-panel{background:#eff4eb;border-left:4px solid #164b38;padding:20px 22px;margin:20px 0 26px}
body.product-detail .benefits-panel h3{font-size:20px;line-height:1.35;color:#164b38;font-weight:700}
body.product-detail .benefits-panel ul{padding-left:20px;margin:13px 0 0}
body.product-detail .benefits-panel li{font-size:18px;line-height:1.65;color:#294a38;font-weight:500;margin:8px 0}
body.product-detail .benefits-panel li::marker{color:#164b38}
@media(max-width:650px){body.product-detail .product-information .benefits-panel{padding:18px 20px}body.product-detail .benefits-panel li{font-size:16px}}

/* Product preview labels are hidden at the owner’s request. */
body .card .productvisual .tag{display:none}

/* Transparent backdrop behind product packaging previews. */
body .card .productvisual{background:transparent}

/* Photo banners approved from the three-page concept. */
body .pageintro.brand-banner,body.about-redesign .pageintro.brand-banner{background-color:#164b38;background-image:linear-gradient(90deg,rgba(8,49,35,.88) 0%,rgba(12,58,41,.67) 38%,rgba(12,58,41,.20) 74%,rgba(12,58,41,.08) 100%),var(--banner-photo);background-position:center;background-size:cover;border-bottom:0;padding:78px 0;min-height:260px;display:flex;align-items:center}
body .brand-banner:before{display:none}
body .pageintro.brand-banner h1,body.about-redesign .pageintro.brand-banner h1{color:white;margin:0;text-shadow:0 2px 14px rgba(0,0,0,.15)}
@media(max-width:650px){body .pageintro.brand-banner,body.about-redesign .pageintro.brand-banner{padding:52px 0;min-height:220px;background-position:60% center;background-image:linear-gradient(90deg,rgba(8,49,35,.88),rgba(12,58,41,.48)),var(--banner-photo)}}

/* Standard products use a nameplate without invented packaging. */
.standard-card-visual{text-align:center;padding:20px;color:#183d32}.standard-card-visual strong{display:block;font-size:46px;font-weight:400;letter-spacing:-1px}.standard-card-visual span{display:block;font-size:16px;margin-top:8px}.standard-card-visual small{display:block;font-size:14px;color:#526458;margin-top:12px}

/* Align every product-card link at the bottom. */
body .card>a{display:flex;flex-direction:column;height:100%}body .card .productvisual{flex-shrink:0}body .card .cardbody{display:flex;flex-direction:column;flex:1}body .card .cardbody p{min-height:0;margin-bottom:16px}body .card .cardbody>.textlink{margin-top:auto;align-self:flex-start}

/* Product browsing interactions shared by homepage and catalogue. */
body .tabs{gap:14px;padding-top:4px}
body .tabs button{font-size:18px;font-weight:700;color:#43564b;padding:16px 12px;transition:color .2s,background-color .2s,border-color .2s}
body .tabs button:hover,body .tabs button:focus-visible{color:#164b38;background:#eff4eb;border-bottom-color:#87a478}
body .tabs button[aria-selected=true]{color:#164b38;border-bottom-color:#164b38}
body .card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
body .card:focus-within{border-color:#87a478;box-shadow:0 9px 24px rgba(22,75,56,.12)}
@media(hover:hover) and (pointer:fine){body .card:hover{transform:translateY(-5px);border-color:#87a478;box-shadow:0 12px 28px rgba(22,75,56,.14)}body .card:hover .textlink{color:#164b38;border-bottom-color:#164b38}}
@media(max-width:650px){body .tabs{gap:8px}body .tabs button{font-size:16px;padding:14px 10px}}
@media(prefers-reduced-motion:reduce){body .card,body .tabs button{transition:none}body .card:hover{transform:none}}

/* Personal contacts are revealed on request. */
#team .teamdetails{display:flex;gap:14px;flex-wrap:wrap;align-items:start}#team .contact-reveal-item{display:flex;flex-direction:column;gap:10px}#team .contact-reveal{font:inherit;font-size:16px;font-weight:600;color:#164b38;background:#eff4eb;border:1px solid #b8c9b0;padding:12px 18px;cursor:pointer}#team .contact-reveal:hover{background:#dfead8}#team .contact-reveal:disabled{cursor:default;background:#f3f5ef;color:#526458}#team .revealed-contact{font-size:18px;overflow-wrap:anywhere}#team .revealed-contact[hidden]{display:none}

/* Compact inline contact reveal. */
#team .teamdetails{flex-direction:column;gap:10px}#team .contact-reveal-item{display:flex;flex-direction:row;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:18px}#team .contact-mask{color:#43564b}#team .contact-reveal{padding:0;border:0;background:transparent;font-size:15px;font-weight:400;color:#164b38;text-decoration:underline;text-underline-offset:3px}#team .contact-reveal:hover{background:transparent;color:#487454}#team .contact-reveal:disabled{background:transparent}#team .contact-reveal[hidden],#team .contact-mask[hidden]{display:none}