/* OYTITHERM educational additions; deliberately scoped to these two sections. */
.ot-education{background:#f6f9fa;color:#123548;scroll-margin-top:110px}
.ot-education .section-heading{align-items:end;gap:40px}
.ot-education .section-heading>p{max-width:430px;color:#58717e}
.ot-education h2{font-size:clamp(36px,4vw,58px);line-height:1.12}
.ot-bond-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.ot-bond-card{padding:clamp(20px,2.5vw,40px);border:1px solid #cedfe4;background:#fff;min-width:0}
.ot-kicker{font-size:11px;letter-spacing:.09em;color:#377886;min-height:36px;font-weight:700}
.ot-bond-stages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:20px 0 30px;padding:0;list-style:none;counter-reset:bond-stage}
.ot-bond-stages li{counter-increment:bond-stage;min-width:0;position:relative}
.ot-bond-stages li:not(:last-child):after{content:'→';position:absolute;top:36px;right:-13px;color:#75949e;font-size:18px}
.ot-bond-stages svg{display:block;width:100%;height:auto;color:#367789}
.ot-bond-stages h4{font:700 12px/1.45 Arial,sans-serif;margin:12px 0 8px;color:#143e50}
.ot-bond-stages h4:before{content:counter(bond-stage,decimal-leading-zero) ' / ';color:#43818b}
.ot-bond-stages p{font-size:12px;line-height:1.65;color:#607985}
.ot-bond-card h3{font-family:OYTI,Arial,sans-serif;font-size:clamp(25px,2.4vw,34px);font-weight:400;line-height:1.15;margin:0 0 20px}
.ot-bond-card>p:not(.ot-kicker){font-size:15px;line-height:1.8;color:#526c79}
.ot-takeaway{border-top:1px solid #d8e5e8;margin-top:25px;padding-top:19px}
.ot-takeaway strong{font-size:12px;color:#306877}
.ot-takeaway p{margin-top:8px;color:#607985;font-size:13px;line-height:1.75}
.ot-caption{display:flex;align-items:baseline;gap:10px;margin-top:20px;font-size:12px;line-height:1.7;color:#69838e}
.ot-key{display:inline-block;width:20px;height:7px;background:#7bd8de;flex-shrink:0}
.ot-method-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.ot-method{border-top:1px solid #c9dfe4;padding-top:24px;min-width:0;display:flex;flex-direction:column}
.ot-method svg{display:block;width:100%;height:145px;color:#337787;fill:none;stroke:#337787;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-bottom:24px}
.ot-method h3{font:400 clamp(23px,2vw,30px)/1.2 OYTI,Arial,sans-serif;margin-bottom:20px}
.ot-method>p{font-size:15px;color:#56727f;line-height:1.8;margin-bottom:24px}
.ot-method-focus{margin-top:auto;padding-top:15px;border-top:1px solid #dce8ea}
.ot-method-focus strong{font-size:10px;letter-spacing:.1em;color:#39818c}
.ot-method-focus p{font-size:12px;line-height:1.8;color:#526f7b;margin-top:7px}
.ot-method-note{display:flex;justify-content:space-between;align-items:center;gap:28px;margin-top:35px}
.ot-method-note p{font-size:12px;color:#68828d;max-width:700px}
.ot-method-note .text-link{font-size:13px;flex-shrink:0;color:#286c7b}
@media(max-width:1100px){.ot-bond-grid{gap:20px}.ot-bond-card{padding:24px}.ot-method-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px}.ot-bond-stages{gap:10px}.ot-bond-stages h4:before{display:block}.ot-bond-stages li:not(:last-child):after{top:23px;right:-10px}}
@media(max-width:760px){.ot-bond-grid{grid-template-columns:1fr}.ot-kicker{min-height:0}.ot-bond-stages h4:before{display:inline}.ot-bond-stages li:not(:last-child):after{top:35px}.ot-method-note{display:block}.ot-method-note .text-link{margin-top:16px}.ot-education .section-heading>p{margin-top:20px}}
@media(max-width:420px){.ot-bond-card{padding:20px}.ot-bond-stages{grid-template-columns:1fr;gap:18px}.ot-bond-stages li{display:grid;grid-template-columns:100px 1fr;column-gap:14px;align-items:center}.ot-bond-stages svg{grid-column:1;grid-row:1/3}.ot-bond-stages h4{margin:0 0 5px;align-self:end}.ot-bond-stages p{align-self:start}.ot-bond-stages li:not(:last-child):after{display:none}.ot-method-grid{grid-template-columns:1fr}.ot-method svg{height:130px;width:210px;margin-left:auto;margin-right:auto}}

/* Number and line illustration share one row in the existing production steps. */
.ot-production .ot-process-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:68px;margin-bottom:12px}
.ot-production .ot-process-icon{display:block;width:64px;height:64px;flex-shrink:0;fill:none;stroke:#a3cbd4;stroke-width:1.7}
.ot-production .process-steps .ot-process-heading>span{margin:0}