/* Technical content follows the v5 typography and neutral surfaces. */
.technical-section{padding-block:4rem;border-bottom:1px solid #D7DCDC;scroll-margin-top:2rem}
.technical-section>p{max-width:58rem}
.technical-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2.5rem 4rem}
.technical-grid article{min-width:0}.technical-grid h3{margin-top:0}
.technical-section .hex-button{max-inline-size:100%;white-space:normal}.technical-section .hex-button span{min-inline-size:0;overflow-wrap:anywhere}
.technical-section ul{list-style:none;padding-inline-start:0}.technical-section li{position:relative;margin-block:.6rem;padding-inline-start:1.5rem}
.technical-list-marker{position:absolute;inset-inline-start:0;inset-block-start:.5em;inline-size:.625rem;block-size:.5465rem;fill:currentColor;pointer-events:none}
.technical-section dt{font-weight:700;margin-top:1.5rem}.technical-section dd{margin:.5rem 0 1.5rem;max-width:58rem}
.technical-callout{background:var(--hc-surface-info);padding:2rem;border-radius:var(--hc-radius-support);margin-block:4rem 2rem}
@media(max-width:40rem){.technical-grid{grid-template-columns:minmax(0,1fr);gap:1.5rem}.technical-section{padding-block:2.5rem}.technical-callout{padding:1.5rem}}

/* Research background closes the technology section as a distinct surface. */
.technical-research{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:2rem 3rem;align-items:start;background:#F7F5E8;border-radius:var(--hc-radius-support);padding:2.5rem;margin-top:3rem}
.technical-research h3{margin:0;font-size:1.75rem}
.technical-research p{margin:0;max-width:48rem}
@media(max-width:40rem){.technical-research{grid-template-columns:minmax(0,1fr);gap:1rem;padding:1.5rem;margin-top:2rem}.technical-research h3{font-size:1.5rem}}

/* Separate the sizing request action from the preceding text. */
.technical-section#lahtotiedot>.hero-cta,.technical-section#lahtotiedot>.shell>.hero-cta{margin-block-start:3rem;margin-block-end:0}

/* Separate introductory text from the following column headings. */
.technical-section>p+.technical-grid{margin-block-start:2.5rem}
@media(max-width:40rem){.technical-section>p+.technical-grid{margin-block-start:2rem}}

/* Research notes sit on the page background outside the technical feature band. */
.research-supplement{margin-block-end:clamp(4rem,8vw,7rem)}
.research-supplement .technical-research{margin-block-start:0}
.research-supplement .technical-callout{background:transparent;padding-block-end:0;margin-block-end:0}

/* The next section supplies the gap; avoid stacking it with the panel margin. */
.product-page .feature-section#lahtotiedot{margin-block-end:0}