/* Matches the canopy page: navigation beside the first content grid. */
.designer-content-layout{display:grid;grid-template-columns:minmax(0,1fr) 12rem;gap:2.5rem;align-items:start;margin-block-start:0}
.designer-content-copy{min-inline-size:0}
.designer-content-copy>:first-child{margin-block-start:0}
.designer-content-copy>:last-child{margin-block-end:0}
main#main-content .designer-content-copy>.technical-grid{margin-block:2.5rem 0 0}
.designer-toc{border-inline-start:1px solid #d7dcd9;padding-inline-start:1.5rem;padding-block:.5rem}
.designer-page .designer-toc>p{font-weight:500;font-size:1rem;margin-block-end:.75rem}
.designer-toc-links{height:auto;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:.25rem}
.designer-toc-links a{display:flex;align-items:center;min-block-size:2.75rem;font-size:.9375rem;font-weight:400;text-decoration:none;line-height:1.5}
.designer-toc-links a:hover,.designer-toc-links a:focus-visible{text-decoration:underline;text-underline-offset:.25em}
.designer-toc-links a:focus-visible,.designer-toc-mobile summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.designer-toc-mobile{display:none}
@media(max-width:75rem){
 .designer-content-layout{display:block}
 .designer-toc{display:none}
 .designer-toc-mobile{display:block;border-block:1px solid #d7dcd9;margin-block-end:2rem}
 .designer-toc-mobile summary{cursor:pointer;min-block-size:3rem;padding-block:.75rem;font-size:1rem;font-weight:500}
 .designer-toc-mobile .designer-toc-links{padding-block:0 1rem;padding-inline:.25rem}
}


/* Match the canopy page's persistent, full-content navigation. */
.designer-page-content{min-width:0}
main#main-content .designer-content-layout{display:block}
@media(min-width:75.001rem){
 .page:has(.designer-page-layout){overflow:clip}
 .designer-page-layout{--designer-anchor-offset:2rem;display:grid;grid-template-columns:minmax(0,1fr) 14rem;gap:2.5rem;align-items:start;max-width:var(--hc-content-width);margin-inline:auto;padding-inline:var(--hc-space-64)}
 main#main-content .designer-page-layout>.designer-toc{position:sticky;top:var(--designer-anchor-offset);max-height:calc(100dvh - 2 * var(--designer-anchor-offset));overflow-y:auto;align-self:start}
 .designer-page-content .shell{width:100%;max-width:none;padding-inline:0}
 main#main-content .designer-page-content>section[id]{scroll-margin-top:var(--designer-anchor-offset)}
 .designer-page-content .product-section-heading{grid-template-columns:minmax(0,1fr);gap:1rem}
 .designer-page-content .technical-grid{gap:1.5rem}
 .designer-page-content .technical-research{grid-template-columns:minmax(0,1fr);gap:1rem}
 .designer-page-content .technical-grid>*{min-width:0}
 .designer-page-content h2{overflow-wrap:break-word}
}

/* The final section only reserves enough height for its sticky menu. */
@media(min-width:75.001rem){
 main#main-content .designer-page-content>#ladattavat-ohjeet{min-height:var(--designer-menu-height,24rem);box-sizing:border-box;padding-bottom:2rem}
}