/* Styles for content written in the WordPress editor (.wpc). Keep in sync with editor.css */
.wpc{max-width:860px;margin:0 auto;font-size:17.5px;line-height:1.95;color:var(--mid)}
.wpc>*:first-child{margin-top:0}
.wpc h2{font-size:clamp(26px,3vw,36px);color:var(--ink);margin:42px 0 12px;line-height:1.35}
.wpc h3{font-size:clamp(21px,2.2vw,26px);color:var(--ink);margin:30px 0 8px;line-height:1.4}
.wpc h4{font-size:19px;color:var(--ink);margin:24px 0 6px}
.wpc p{margin:0 0 16px}
.wpc a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.wpc ul,.wpc ol{margin:0 0 18px;padding-inline-start:24px}.wpc li{margin-bottom:6px}
.wpc img,.wpc video,.wpc iframe{max-width:100%;height:auto;border-radius:14px}
.wpc figure{margin:26px 0}.wpc figcaption{font-size:14px;color:var(--mid);text-align:center;margin-top:8px}
.wpc blockquote{margin:24px 0;padding:6px 22px;border-inline-start:4px solid var(--red);background:var(--card,#f4f5f7);border-radius:0 14px 14px 0;color:var(--ink)}
.wpc table{width:100%;border-collapse:collapse;margin:22px 0;font-size:16px}.wpc th,.wpc td{padding:11px 14px;border-bottom:1px solid #e3e6ea;text-align:start}.wpc th{background:var(--card,#f4f5f7);color:var(--ink)}
.wpc .wp-block-button__link{display:inline-flex;align-items:center;gap:8px;background:var(--red);color:#fff;text-decoration:none;border-radius:999px;padding:12px 26px;font-weight:600}
.wpc .wp-block-columns{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin:24px 0}
.wpc .wp-block-column{min-width:0}
.wpc .wp-block-group,.wpc .wp-block-group__inner-container{display:block}
.wpc .wp-block-group.has-background{padding:26px;border-radius:18px}
.wpc .alignwide,.wpc .alignfull{max-width:none}
.wpc .wp-block-image.aligncenter,.wpc .aligncenter{margin-inline:auto;display:block;text-align:center}
.wpc .wp-block-separator{border:0;border-top:1px solid #e3e6ea;margin:32px 0}
.wpc .wp-block-gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;list-style:none;padding:0}
.wpc .wp-block-gallery figure{margin:0}
.wpc .has-text-align-center{text-align:center}.wpc .has-text-align-left{text-align:left}.wpc .has-text-align-right{text-align:right}
/* pagination + misc */
.pagination,.nav-links{display:flex;gap:8px;justify-content:center;margin-top:34px;flex-wrap:wrap}
.page-numbers{display:inline-flex;min-width:40px;height:40px;align-items:center;justify-content:center;border-radius:999px;background:var(--card,#f4f5f7);color:var(--ink);padding:0 12px}
.page-numbers.current{background:var(--red);color:#fff}
.screen-reader-text{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.admin-bar #hd{top:32px}@media(max-width:782px){.admin-bar #hd{top:46px}}
/* mobile fixes 2026-10-03: process steps were forced to 7 columns by an inline style; hero SCROLL cue overlapped the CTA button */
@media(max-width:1050px){.steps{grid-template-columns:1fr!important}}
@media(max-width:640px){.hero .cue{display:none}}
/* mobile: home certificates, case studies and articles become horizontal swipe rows instead of stacking */
@media(max-width:640px){#certs .cc,#cases .cs,#blog .jl{display:flex!important;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;margin-inline:-20px;padding-inline:20px;scroll-padding-inline:20px;padding-bottom:6px;scrollbar-width:none}#certs .cc::-webkit-scrollbar,#cases .cs::-webkit-scrollbar,#blog .jl::-webkit-scrollbar{display:none}#certs .cc>*,#cases .cs>*,#blog .jl>*{flex:0 0 84%;min-width:0;scroll-snap-align:start;opacity:1!important;transform:none!important}#certs .cc>*{flex-basis:72%}}
/* top bar: brand red on all screens; email shown on mobile too, with a separator */
.tb{background:var(--red);color:#fff}
.tb a{color:#fff;font-weight:600;transition:opacity .2s}
.tb a:hover,.tb a:focus-visible{color:#fff;opacity:.8;text-decoration:underline}
.tb a:active{opacity:.65}
@media(max-width:1050px){.tb{font-size:11.5px}.tb .wrap{justify-content:center;flex-wrap:wrap;gap:2px 10px;padding-block:8px}.tb .wrap>a{display:inline-block!important}.tb .wrap>span::after{content:"|";margin-inline-start:10px;opacity:.6}}
/* machine cards: show the whole image (was overflowing its 4:3 box and getting cropped) */
.mc .ph{aspect-ratio:27/22;padding:0}
.mc .ph img{width:100%;height:100%;max-height:none;object-fit:contain;display:block}
/* mobile hero: show the slide image at 16:10 on top with the text on a dark panel below (was a tall portrait box that cropped the landscape images) */
@media(max-width:640px){.hero{display:grid;height:auto!important;min-height:0;background:var(--ink)}.hero .sl{position:relative;inset:auto;grid-area:1/1}.hero .sl img{position:relative;display:block;top:0!important;width:100%;height:62.5vw!important;transform:none!important}.hero .sl::after{bottom:auto;height:62.5vw;background:linear-gradient(0deg,#1d1d1f 0,#1d1d1f00 32%)}.hero .sl .tx{position:relative;top:auto;bottom:auto;padding:14px 0 42px}.hero .sl h2{font-size:26px;line-height:1.2;margin-bottom:16px;max-width:none}.hero .pgs{bottom:16px}}