/* Masterin kuvallinen katselmus: typografia ja palstat ennen kokonaiskorkeutta. */
.yx-page-home .yx-cards>.wp-block-column{display:flex;flex-direction:column}
.yx-page-home .yx-cards .yx-number{align-self:flex-start}
.yx-service h2,.yx-service-pair h2{ text-wrap:wrap }
.yx-page-home .yx-cards .yx-textlink{margin-top:auto!important;padding-top:20px;margin-bottom:0}
.yx-step:nth-child(3)>.yx-wrap:before{top:44px}
.yx-page-faq .wp-block-details p{margin-left:30px}
.yx-page-faq .wp-block-details summary{padding-left:30px;text-indent:0}
.yx-question-number{position:absolute;left:0;text-indent:0}
.yx-page-faq .wp-block-details[open]{box-shadow:inset 0 0 0 4px #faf9f6;border-radius:4px}
.yx-page-faq .wp-block-details summary:after{text-indent:0}
.yx-page-contact .yx-person{padding-block:26px}
.yx-page-contact .yx-contact-line{margin-block:10px!important}
.yx-page-contact .yx-form-panel .ff-el-form-control{min-height:53px;font-size:14px;line-height:1.5}
.yx-page-contact .yx-form-panel textarea.ff-el-form-control{min-height:165px}
.yx-page-contact .fluentform .ff-el-group{margin-bottom:22px}
.yx-page-contact .yx-form-panel .fluentform .ff-el-input--label label{font-size:14px}
@media(min-width:782px) and (max-width:1000px){
 body{font-size:14px;line-height:1.5}
 .yx-header .wp-block-navigation{font-size:13.5px}
 .yx-header .wp-block-navigation__container{gap:19px}
 .yx-header .wp-block-button__link{font-size:12px}
 .yx-page-home .yx-hero p{font-size:13.5px;line-height:1.5}
 .yx-page-home .yx-hero .yx-note{font-size:12.5px}
 .yx-page-home .yx-icon-row p{font-size:12.5px;line-height:1.5}
 .yx-page-home .yx-section.yx-tint:has(img[src*="people"]) p{font-size:13px;line-height:1.5;max-width:510px}
 .yx-page-home .yx-cards p{font-size:12px;line-height:1.5}
 .yx-page-home .yx-cards h3{font-size:23px}
 .yx-page-home .yx-cards .yx-textlink,.yx-page-home .yx-band .yx-textlink{font-size:12px}
 .yx-page-home .yx-home-contact p{font-size:13px;line-height:1.5}
 .yx-page-home .yx-home-contact .yx-process-phone{font-size:18px}
 .yx-page-service .yx-hero p{font-size:13px;line-height:1.5}
 .yx-page-service .yx-hero .yx-note{font-size:11px}
 .yx-page-service .yx-service{padding:28px 48px!important}
 .yx-page-service .yx-service p{font-size:13px;line-height:1.5;max-width:505px;margin-bottom:12px}
 .yx-page-service .yx-service p:last-child{margin-bottom:0}
 .yx-page-service .yx-service h2{font-size:29px;max-width:510px;margin-bottom:14px}
 .yx-page-service .yx-service:has(.yx-service-row>.wp-block-column:nth-child(3)){padding:24px 40px!important}
 .yx-page-service .yx-wrap.yx-section{padding-top:10px;width:calc(100% - 40px);margin-left:28px!important;margin-right:12px!important}
 .yx-page-service .yx-service-row{gap:28px!important}
 .yx-page-service .yx-service-row:has(>.wp-block-column:nth-child(2):last-child){gap:40px!important}
 .yx-page-service .yx-service-row>.wp-block-column:last-child{min-width:0}
 .yx-page-service .yx-service-row:has(>.wp-block-column:nth-child(3))>.wp-block-column:last-child p{font-size:12px;line-height:1.45;max-width:440px;margin-bottom:10px}
 .yx-page-service .yx-service-row:has(>.wp-block-column:nth-child(3))>.wp-block-column:last-child p:last-child{margin-bottom:0}
 .yx-page-service .yx-service-row:has(>.wp-block-column:nth-child(3)) h2{font-size:27px;line-height:1.1;margin-bottom:10px}
 .yx-page-service .yx-service-row:has(>.wp-block-column:nth-child(3)) p.yx-number{padding:6px}
 .yx-page-service .yx-service+.yx-service{margin-top:14px}
 .yx-page-service .yx-service-pair p,.yx-page-service .yx-service-pair li{font-size:10.5px;line-height:1.62}
 .yx-page-service .yx-service-grid{padding:24px 0 26px;gap:45px!important}
 .yx-page-service .yx-service-grid>.wp-block-column:first-child .yx-service-pair{padding-left:15px;gap:28px!important}
 .yx-page-service .yx-service-grid>.wp-block-column:last-child .yx-service-pair{gap:24px!important}
 .yx-page-service .yx-service-grid>.wp-block-column+.wp-block-column:before{left:-31px}
 .yx-page-service .yx-service-grid ul{width:calc(100% + 8px)}
 .yx-page-service .yx-service-pair h2{font-size:26px;line-height:1.05;max-width:250px;margin-bottom:12px}
 .yx-page-service .yx-service-pair p.yx-number{padding:6px;margin-bottom:8px}
 .yx-page-service .yx-service-bottom p{font-size:10.5px;line-height:1.55}
 .yx-page-service .yx-service-bottom h2{font-size:23px;line-height:1.08;max-width:none;margin-bottom:8px}
 .yx-page-service .yx-service-bottom>.wp-block-column:last-child>p{margin-top:8px}
 .yx-page-service .yx-service-bottom .wp-block-buttons{margin-top:14px;line-height:1}
 .yx-page-service .yx-service-bottom .wp-block-button:not(.is-style-outline) .wp-block-button__link{padding:9px 20px}
 .yx-page-process .yx-step p,.yx-page-process .yx-step li{font-size:13px;line-height:1.5}
 .yx-page-process .yx-step>.yx-wrap>.wp-block-columns>.wp-block-column:last-child>p,
 .yx-page-process .yx-step>.yx-wrap>.wp-block-columns>.wp-block-column:last-child>ul{max-width:570px}
 .yx-page-process .yx-step>.yx-wrap{padding-top:27px;padding-bottom:27px}
 .yx-page-process .yx-step:nth-child(3)>.yx-wrap{padding-top:38px;padding-bottom:26px}
 .yx-page-process .yx-step p.yx-timeline-number{font:32px/1 Georgia,serif}
 .yx-page-process .yx-process-cta p{font-size:13px}
 .yx-page-process .yx-process-cta .yx-process-phone{font-size:16px}
 .yx-page-faq .yx-hero-text{padding-top:38px;padding-bottom:22px}
 .yx-page-faq .yx-hero-text p{font-size:14px;line-height:1.5;max-width:410px;margin-top:0}
 .yx-page-faq .yx-hero-text .wp-block-buttons{margin-top:23px}
 .yx-page-faq .wp-block-details p{font-size:13.5px;line-height:1.5}
 .yx-page-faq .yx-faq-aside p,.yx-page-faq .yx-faq-aside .yx-contact-line p{font-size:13px;line-height:1.55}
 .yx-page-faq .yx-faq-aside{padding-right:12px}
 .yx-page-faq .yx-faq-aside .yx-contact-line{gap:10px!important}
 .yx-page-faq .yx-faq-aside .yx-contact-line>.wp-block-column:first-child{flex-basis:34px!important}
 .yx-page-faq .yx-faq-aside .yx-contact-line a{font-size:12.5px;white-space:nowrap;text-decoration:none;color:#101f2d}
 .yx-page-contact .yx-hero-text{padding-bottom:33px}
 .yx-page-contact .yx-person p{font-size:14px;line-height:1.5}
 .yx-page-contact .yx-contact .yx-form-panel>p{font-size:14px;line-height:1.6}
 .yx-page-contact .yx-form-help{font-size:13px}
 .yx-footer p,.yx-page-home .yx-footer p,.yx-page-faq .yx-footer p{font-size:11.5px}
 .yx-page-contact .yx-footer p{font-size:14px}
 .yx-page-service .yx-footer p{font-size:10px}
 .yx-page-service .yx-service p.yx-number,.yx-page-service .yx-service-pair p.yx-number{font-size:23px}
 .yx-page-service .yx-service-row:has(>.wp-block-column:nth-child(2):last-child) p.yx-number{font-size:32px}
}
@media(min-width:1001px){
 .yx-page-home .yx-icon-row:has(.yx-icon img[src*="people"]) h2{font-size:35px}
 .yx-page-service .yx-service-pair p.yx-number,.yx-page-service .yx-service p.yx-number{font-size:30px}
 .yx-page-service .yx-service h2{max-width:740px}
 .yx-page-service .yx-service-bottom h2{max-width:none}
 .yx-page-service .yx-service-bottom>.wp-block-column:last-child>p{margin-top:12px}
 .yx-page-service .yx-service-bottom .wp-block-buttons{margin-top:18px}
 .yx-header .wp-block-navigation{font-size:16px}
 .yx-page-home .yx-cards p{font-size:18px;line-height:1.5}
 .yx-page-home .yx-cards .yx-textlink{font-size:16px}
 .yx-page-home .yx-icon-row p{font-size:18px;line-height:1.5;max-width:760px}
 .yx-page-service .yx-service p{font-size:18px;line-height:1.5;max-width:740px}
 .yx-page-service .yx-service-pair p,.yx-page-service .yx-service-pair li{font-size:17px;line-height:1.5}
 .yx-page-service .yx-service-pair h2{max-width:350px}
 .yx-page-service .yx-service-bottom p{font-size:16px}
 .yx-page-process .yx-step>.yx-wrap>.wp-block-columns>.wp-block-column:last-child>p,
 .yx-page-process .yx-step>.yx-wrap>.wp-block-columns>.wp-block-column:last-child>ul{max-width:820px}
 .yx-step:nth-child(3)>.yx-wrap:before{top:51px}
 .yx-page-contact .yx-person{padding-block:30px}
 .yx-page-contact .yx-form-panel .ff-el-form-control{font-size:17px;min-height:58px}
 .yx-page-contact .yx-form-panel textarea.ff-el-form-control{min-height:200px}
 .yx-page-contact .yx-form-panel .fluentform .ff-el-input--label label{font-size:17px}
 .yx-page-faq .yx-hero-text{padding-bottom:30px}
 .yx-page-faq .wp-block-details p{margin-left:40px}
 .yx-page-faq .wp-block-details summary{padding-left:40px;text-indent:0}
}
@media(max-width:781px){
 .yx-step:nth-child(3)>.yx-wrap:before{top:54px}
 .yx-page-faq .wp-block-details p{margin-left:24px}
 .yx-page-faq .wp-block-details summary{padding-left:24px;text-indent:0}
 .yx-page-contact .yx-form-panel .ff-el-form-control{font-size:16px}
 .yx-page-contact .yx-form-panel .fluentform .ff-el-input--label label{font-size:16px}
}