/* Contents: 1. Layout 2. Navigation and forms 3. Media 4. Responsive */
/* 1. Layout */
.kshow{max-width:1180px;margin:32px auto;padding:32px;background:#f0f4eb;color:#123c3d;border-radius:18px;font-family:Arial,sans-serif;line-height:1.6}.kshow *{box-sizing:border-box}.kshow h2,.kshow h3{color:#123c3d;line-height:1.2;font-weight:700}.kshow h2{font-size:clamp(28px,3vw,42px);margin:18px 0}.kshow h3{font-size:24px}.kshow-header{display:flex;align-items:center;gap:20px}.kshow-header img{flex:none;border-radius:16px}.kshow-header p,.kshow-header h2{margin:0}.kshow-eyebrow{font-size:12px;letter-spacing:2px;font-weight:700}.kshow-notice{padding:16px 20px;background:#dce9d5;border-left:4px solid #426c45}.kshow-hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:32px;margin:36px 0}.kshow-hero img{width:100%;border-radius:20px}.kshow-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));gap:22px;margin:26px 0}.kshow-card{padding:24px;background:white;border:1px solid #cfdecd;border-radius:14px}.kshow-steps{padding-left:26px}.kshow-steps li{margin-bottom:10px}
/* 2. Navigation and forms */
.kshow-nav{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}.kshow a{color:#175d52;text-decoration:underline}.kshow-nav a,.kshow-cta,.kshow button{display:inline-block;padding:12px 18px;background:#123c3d;color:white;border:0;border-radius:8px;font:inherit;cursor:pointer;text-decoration:none}.kshow button:disabled{opacity:.6;cursor:wait}.kshow a:focus-visible,.kshow button:focus-visible,.kshow input:focus-visible{outline:3px solid #436ac5;outline-offset:3px}.kshow label{display:block;margin:16px 0}.kshow input{display:block;width:100%;min-width:0;margin-top:6px;padding:11px;border:1px solid #8aa58f;background:white;color:#123c3d;border-radius:6px;font:inherit}.kshow-result{min-height:32px;font-weight:700}
/* 3. Media */
.kshow-video,.kshow-screen{display:block;width:100%;height:auto;margin:28px 0;border:1px solid #cadbc8;border-radius:12px}.kshow-video{background:#102f31}
/* 4. Responsive */
@media(max-width:700px){.kshow{padding:20px 14px;margin:20px 0}.kshow-hero{grid-template-columns:1fr;gap:18px}.kshow-nav a{flex:1;text-align:center}.kshow-header{gap:14px}}
