/* KingSystem localized components 028 — no third-party CSS or remote fonts. */
.ks-insp,.ks-insp *,.ks-insp *::before,.ks-insp *::after{box-sizing:border-box}
.ks-insp{--ks-insp-orange:#f28943;--ks-insp-dark:#303136;--ks-insp-ink:#30343b;--ks-insp-muted:#626970;color:var(--ks-insp-ink);background:#fff;padding:72px 0;font:16px/1.6 'OpenSansRegular',Arial,Helvetica,sans-serif;min-width:0}
.ks-insp .ks-insp-container{width:min(1180px,100%);max-width:100%;padding:0 20px;margin:0 auto}
.ks-insp h2,.ks-insp h3,.ks-insp p{margin:0;overflow-wrap:anywhere}
.ks-insp .ks-insp-header{max-width:880px;margin:0 auto 36px;text-align:center}
.ks-insp .ks-insp-header h2,.ks-insp .ks-insp-h2{color:var(--ks-insp-ink)!important;font:700 clamp(27px,3.1vw,43px)/1.16 'OpenSansBold',Arial,sans-serif!important;letter-spacing:-.025em;text-transform:none!important;margin:0 0 14px!important}
.ks-insp .ks-insp-header p,.ks-insp .ks-insp-lead{color:var(--ks-insp-muted);font-size:16px;line-height:1.65}
.ks-insp .ks-insp-overline{color:#d87936;letter-spacing:.12em;text-transform:uppercase;font:700 12px/1.6 'OpenSansBold',Arial,sans-serif;margin-bottom:14px}
.ks-insp .ks-insp-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;background:var(--ks-insp-orange);color:#26272b!important;border:2px solid var(--ks-insp-orange);border-radius:5px;min-height:52px;padding:13px 24px;text-decoration:none!important;font:700 13px/1.35 'OpenSansBold',Arial,sans-serif;text-transform:uppercase;letter-spacing:.025em;transition:background .2s ease,transform .2s ease}
.ks-insp .ks-insp-button:hover{background:#ffa263;border-color:#ffa263;transform:translateY(-2px)}
.ks-insp .ks-insp-button:focus-visible,.ks-insp button:focus-visible{outline:3px solid #e98045;outline-offset:3px}
.ks-insp .ks-insp-button span{font-size:17px}
.ks-insp-workflow{background:#f5f6f6}
.ks-insp .ks-insp-workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.ks-insp .ks-insp-step{position:relative;min-width:0;padding:29px 27px 30px;border:1px solid #e6e8eb;border-top:4px solid var(--ks-insp-orange);background:#fff;border-radius:7px;box-shadow:0 12px 32px rgba(27,32,38,.05)}
.ks-insp .ks-insp-step-number{position:absolute;top:18px;right:20px;font:700 54px/1 'OpenSansBold',Arial,sans-serif;color:#f1f2f2}
.ks-insp .ks-insp-step-meta{position:relative;color:#cc6b2a;text-transform:uppercase;letter-spacing:.13em;font:700 12px/1.5 'OpenSansBold',Arial,sans-serif;margin:0 0 22px}
.ks-insp .ks-insp-step h3{position:relative;color:#30343b;font:700 clamp(20px,2vw,25px)/1.26 'OpenSansBold',Arial,sans-serif;margin:0 0 13px}
.ks-insp .ks-insp-step p{position:relative;color:#59616a;font-size:14px;line-height:1.7}
.ks-insp .ks-insp-actions{text-align:center;margin-top:29px}
.ks-insp-stages{background:#fff}
.ks-insp .ks-insp-stage-navigation{display:flex;align-items:stretch;gap:9px;overflow-x:auto;padding:4px 2px 14px;scrollbar-width:thin}
.ks-insp .ks-insp-stage-navigation button{flex:1 0 135px;min-width:0;padding:16px 11px;border:1px solid #e4e5e8;background:#f6f6f7;color:#45494f;border-radius:5px;cursor:pointer;text-align:center;transition:background .2s,border-color .2s}
.ks-insp .ks-insp-stage-navigation button[aria-selected="true"]{background:#333236;border-color:#333236;color:#fff}
.ks-insp .ks-insp-stage-navigation button span{display:block;font:700 16px/1.3 'OpenSansBold',Arial,sans-serif}
.ks-insp .ks-insp-stage-navigation button small{display:block;margin-top:4px;font:400 12px/1.3 'OpenSansRegular',Arial,sans-serif;color:inherit;opacity:.8}
.ks-insp .ks-insp-stage-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:28px;align-items:stretch;background:#f5f6f6;border:1px solid #e9eaec;border-radius:7px;overflow:hidden;margin-top:4px}
.ks-insp .ks-insp-stage-panel[hidden]{display:none!important}
.ks-insp .ks-insp-stage-copy{padding:45px 15px 45px 38px;display:flex;align-items:flex-start;justify-content:center;flex-direction:column;min-width:0}
.ks-insp .ks-insp-stage-copy h3{font:700 clamp(23px,2.6vw,33px)/1.2 'OpenSansBold',Arial,sans-serif;color:#333236;margin:0 0 16px}
.ks-insp .ks-insp-stage-copy p{font-size:15px;line-height:1.7;color:#555b63;margin-bottom:25px}
.ks-insp .ks-insp-stage-image{position:relative;min-height:315px;background:#e7e8e9;overflow:hidden}
.ks-insp .ks-insp-stage-image>img{display:block;width:100%;height:100%;min-height:315px;object-fit:cover}
.ks-insp .ks-insp-image-placeholder{min-height:220px;height:100%;padding:30px;display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(130deg,#eeeeee,#d9dde1);color:#757980;font-size:13px}
.ks-insp .ks-insp-stage-bottom{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:22px}
.ks-insp .ks-insp-arrow{width:43px;height:43px;border:1px solid #d7d9dc;background:#fff;border-radius:50%;color:#333236;font:700 22px/1 Arial,sans-serif;cursor:pointer}
.ks-insp .ks-insp-arrow:hover{background:#f28943;border-color:#f28943}
.ks-insp .ks-insp-count{font:700 13px/1.4 'OpenSansBold',Arial,sans-serif;color:#63686d;min-width:60px;text-align:center}
.ks-insp-water{background:#f7f7f6}
.ks-insp .ks-insp-water-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}
.ks-insp .ks-insp-photo{margin:0;position:relative;min-width:0;background:#e8e9e9;border-radius:7px;overflow:hidden;min-height:270px}
.ks-insp .ks-insp-photo>img{display:block;width:100%;height:270px;object-fit:cover}
.ks-insp .ks-insp-photo>figcaption{background:#fff;border-bottom:3px solid #f28943;padding:14px 17px;color:#30343b;font:700 14px/1.35 'OpenSansBold',Arial,sans-serif}
.ks-insp .ks-insp-highlight{font-weight:700!important;color:#dd7937!important;font-size:18px!important}
.ks-insp .ks-insp-water-cta{max-width:780px;margin:30px auto 0;text-align:center}
.ks-insp .ks-insp-water-cta p{font-size:15px;line-height:1.7;color:#555d65;margin-bottom:22px}
/* Gutenberg visual UI, independent controls per block instance */
.editor-styles-wrapper .ks-insp-editor,.ks-insp-editor{width:100%;max-width:100%;padding:29px 0}
.ks-insp-editor .ks-insp-workflow-grid{gap:13px}
.ks-insp-editor .ks-insp-step{padding:20px 16px}
.ks-insp-editor .ks-insp-step-number{font-size:34px}
.ks-insp-editor .components-base-control{margin:0 0 11px}
.ks-insp-editor .ks-insp-step input,.ks-insp-editor textarea{max-width:100%}
.ks-insp-editor .ks-insp-edit-actions{display:flex;flex-wrap:wrap;gap:5px;margin-top:14px}
.ks-insp-editor .ks-insp-edit-bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;margin-top:22px}
.ks-insp-editor .ks-insp-editor-button{pointer-events:none}
.ks-insp-editor .ks-insp-stage-navigation{justify-content:center}
.ks-insp-editor .ks-insp-stage-navigation button{flex:1 1 105px;font-size:13px}
.ks-insp-editor .ks-insp-stage-copy{padding:25px 10px 25px 26px;align-items:stretch}
.ks-insp-editor .ks-insp-stage-image{padding:22px;display:flex;align-items:center;justify-content:center}
.ks-insp-editor .ks-insp-image-controls{display:flex;flex-direction:column;align-items:center;gap:12px;width:100%}
.ks-insp-editor .ks-insp-edit-thumbnail{display:block;object-fit:cover;width:100%;max-height:240px;border-radius:5px}
.ks-insp-editor .ks-insp-edit-placeholder{border:1px dashed #adadb1;padding:35px 20px;text-align:center}
.ks-insp-editor .ks-insp-edit-photo{height:auto;padding:15px;min-height:0;background:#fff;border:1px solid #e4e5e7}
.ks-insp-editor .ks-insp-edit-photo .ks-insp-image-controls{margin-bottom:14px}
.ks-insp-editor .ks-insp-edit-photo .ks-insp-edit-thumbnail{height:165px;object-fit:cover}
.ks-insp-editor .ks-insp-water-cta .ks-insp-editor-button{margin:0 auto}
@media(max-width:1000px){.ks-insp .ks-insp-stage-navigation button{flex-basis:118px}}
@media(max-width:767px){
.ks-insp{padding:50px 0}
.ks-insp .ks-insp-container{padding:0 16px}
.ks-insp .ks-insp-header{margin-bottom:25px}
.ks-insp .ks-insp-workflow-grid{grid-template-columns:1fr}
.ks-insp .ks-insp-step{padding:22px}
.ks-insp .ks-insp-stage-navigation{gap:7px}
.ks-insp .ks-insp-stage-navigation button{flex:0 0 105px;padding:13px 7px}
.ks-insp .ks-insp-stage-panel{grid-template-columns:1fr;gap:0}
.ks-insp .ks-insp-stage-copy{padding:26px 23px}
.ks-insp .ks-insp-stage-image{min-height:230px;order:-1}
.ks-insp .ks-insp-stage-image>img{min-height:230px;height:250px}
.ks-insp .ks-insp-water-gallery{grid-template-columns:1fr;gap:13px}
.ks-insp .ks-insp-photo{min-height:0}
.ks-insp .ks-insp-photo>img{height:245px}
.ks-insp .ks-insp-button{width:100%}
.ks-insp-editor .ks-insp-stage-copy{padding:22px}
.ks-insp-editor .ks-insp-stage-image{order:0}
}
@media(min-width:540px) and (max-width:767px){.ks-insp .ks-insp-water-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(prefers-reduced-motion:reduce){.ks-insp .ks-insp-button,.ks-insp .ks-insp-stage-navigation button{transition:none}.ks-insp .ks-insp-button:hover{transform:none}}
