/* Preserve the existing introduction and sidebar; isolate the original body design. */
#yk-portal-v2 .yk-legacy-tool{margin:0!important;padding:0!important;width:100%;min-width:0;min-height:0;container-type:inline-size;container-name:tool-body}
#yk-portal-v2 .yk-legacy-tool .container{max-width:100%}
#yk-portal-v2 .yk-legacy-tool .container.content-section{padding-left:18px;padding-right:18px}
#yk-portal-v2 .yk-legacy-tool :is(.step-content,.feature-item>div,.d-flex>div){min-width:0;overflow-wrap:anywhere}
#yk-portal-v2 .yk-legacy-tool .step-tip{max-width:100%;white-space:normal}
#yk-portal-v2 .yk-legacy-tool img{max-width:100%;height:auto}
#yk-portal-v2 .yk-legacy-tool :is(video,iframe,canvas,svg){max-width:100%}
#yk-portal-v2 .yk-legacy-tool :is(.wow,[data-aos]){opacity:1!important;visibility:visible!important;transform:none!important}
#yk-portal-v2 .yk-legacy-tool :is(h2,h3,section){scroll-margin-top:24px}
#yk-portal-v2 .yk-legacy-tool .faq-question{cursor:pointer}
#yk-portal-v2 .yk-legacy-tool .faq-question:focus-visible{outline:3px solid #6895ff;outline-offset:4px}
#yk-portal-v2 .yk-legacy-tool [hidden]{display:none!important}
#yk-portal-v2 .yk-legacy-tool.is-enhanced .faq-answer:not([hidden]),
#yk-portal-v2 .yk-legacy-tool:not(.is-enhanced) :is(.faq-answer,.collapse){display:block!important;max-height:none!important;height:auto;opacity:1!important;visibility:visible!important}
#yk-portal-v2 .yk-legacy-tool.is-enhanced .collapse.show{display:block!important;height:auto!important}
#yk-portal-v2 .yk-legacy-tool :is(pre,.table-responsive){max-width:100%;overflow-x:auto}
/* Use the content column's width, so legacy grids also fit next to the sidebar. */
@container tool-body (max-width:720px){
 #yk-portal-v2 .yk-legacy-tool .row>[class*="col-lg-"]{flex:0 0 50%;max-width:50%}
 #yk-portal-v2 .yk-legacy-tool :is(.feature-grid,.features-grid,.pain-grid,.scenarios-grid){grid-template-columns:repeat(2,minmax(0,1fr))}
 #yk-portal-v2 .yk-legacy-tool :is(.section,.section-padding){padding-top:42px;padding-bottom:42px}
 #yk-portal-v2 .yk-legacy-tool h2{font-size:1.65rem;overflow-wrap:anywhere}
}
@container tool-body (max-width:520px){
 #yk-portal-v2 .yk-legacy-tool .row>[class*="col-"]{flex:0 0 100%;max-width:100%}
 #yk-portal-v2 .yk-legacy-tool :is(.feature-grid,.features-grid,.pain-grid,.scenarios-grid){grid-template-columns:minmax(0,1fr)}
 #yk-portal-v2 .yk-legacy-tool :is(.feature-card,.pain-card,.scenario-card){height:auto}
 #yk-portal-v2 .yk-legacy-tool .container{padding-left:18px;padding-right:18px}
 #yk-portal-v2 .yk-legacy-tool :is(.section-title,.section-header){margin-bottom:28px}
}
@media(prefers-reduced-motion:reduce){#yk-portal-v2 .yk-legacy-tool *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{#yk-portal-v2 .yk-legacy-tool :is(.faq-answer,.collapse){display:block!important;height:auto!important;max-height:none!important}}
