.hkk-page{--hkk-blue:#205792;--hkk-green:#78a958;font-family:'Montserrat',sans-serif;color:#666;background:linear-gradient(to bottom,#ededed 0,#f3f3f3 230px,#fff 380px);padding:var(--hkk-space,145px) 0 70px;width:100%;box-sizing:border-box}
.hkk-page *{box-sizing:border-box}.hkk-inner{width:min(1100px,calc(100% - 40px));margin-inline:auto}
.hkk-page h1{margin:0 0 24px;color:var(--hkk-blue);font-family:inherit;font-size:clamp(22px,2.3vw,30px);font-weight:700;line-height:1.3;letter-spacing:-.6px}
.hkk-page figure{margin:0}.hkk-page img{display:block!important;width:100%!important;max-width:none!important;height:auto!important;margin:0!important;padding:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
.hkk-badge{width:clamp(100px,14vw,160px);margin:20px auto 0;position:relative;z-index:1}.hkk-badge.hkk-overlap{margin-top:clamp(-80px,-7vw,-50px)}
.hkk-content{padding:24px 10px 0}.hkk-split{display:grid;grid-template-columns:.85fr 1.35fr;gap:clamp(30px,6vw,80px);align-items:start}
.hkk-page h2{margin:0;color:#6386b2;font-family:inherit;font-size:clamp(25px,2.7vw,35px);font-weight:400;line-height:1.25;letter-spacing:-1px}.hkk-page h2 strong{display:block;color:var(--hkk-green);font-weight:800;margin-top:4px}.hkk-page h2 span{display:block}
.hkk-page .hkk-side-image{width:min(270px,90%);margin-top:32px}.hkk-body{min-width:0;padding-top:15px;overflow-wrap:anywhere}.hkk-wide .hkk-body{margin-top:clamp(30px,4vw,55px);padding:0}
.hkk-body p{margin:0;font-size:14px;line-height:1.85;font-weight:400}.hkk-body p+p{margin-top:22px}.hkk-body strong{color:#30343a;font-weight:700}.hkk-body a{color:var(--hkk-blue)}.hkk-body li{font-size:14px;line-height:1.85}
.hkk-page .hkk-button{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:62px;margin-top:clamp(45px,7vw,95px);padding:17px 28px;border-radius:18px;background:#e2ecd9;color:var(--hkk-blue);font-size:clamp(17px,2vw,24px);font-weight:600;line-height:1.4;text-decoration:none;transition:background .2s}.hkk-page .hkk-button:hover{background:#d3e3c6}.hkk-button:focus-visible{outline:3px solid var(--hkk-blue);outline-offset:4px}
.hkk-reveal{transition:opacity .75s,transform .75s}.hkk-reveal.hkk-pending{opacity:0;transform:translateY(22px)}
@media(max-width:1199px){.hkk-page{padding-top:var(--hkk-mobile-space,115px)}}
@media(max-width:700px){.hkk-page{background:linear-gradient(to bottom,#ededed 0,#f3f3f3 180px,#fff 320px);padding-bottom:40px}.hkk-page h1{margin-bottom:18px}.hkk-badge{width:100px}.hkk-badge.hkk-overlap{margin-top:-35px}.hkk-content{padding:20px 0 0}.hkk-split{grid-template-columns:1fr;gap:25px}.hkk-split .hkk-aside{display:grid;grid-template-columns:1fr 105px;align-items:center;gap:12px}.hkk-page h2{font-size:clamp(23px,5.5vw,30px)}.hkk-page .hkk-side-image{width:100%;margin:0}.hkk-body p{font-size:13px;line-height:1.9}.hkk-page .hkk-button{padding:16px 20px;border-radius:13px}.hkk-wide .hkk-side-image{width:150px;margin-top:20px}}
@media(max-width:380px){.hkk-split .hkk-aside{grid-template-columns:1fr}.hkk-page .hkk-side-image{width:130px;margin-inline:auto}}
@media(prefers-reduced-motion:reduce){.hkk-reveal,.hkk-page .hkk-button{transition:none}.hkk-reveal.hkk-pending{opacity:1;transform:none}}