/* Shared Kines / Academy shell. Keep selectors scoped to avoid altering course forms. */
.kines-header{position:sticky!important;top:0;z-index:80;width:100%;max-width:none!important;margin:0!important;padding:0!important;display:block!important;background:#fff!important;border-bottom:1px solid #d5e3f0;box-shadow:0 3px 18px #071e3307;color:#103058;font-family:Kanit,system-ui,sans-serif}
.kines-header *{box-sizing:border-box}.kines-header a{text-decoration:none;color:inherit}.kines-header [hidden]{display:none!important}
.kines-header .k-top{max-width:1260px;margin:auto;min-height:74px;padding:12px 28px;display:flex;align-items:center;gap:24px}
.kines-header .k-logo{display:flex;align-items:center;gap:16px;flex-shrink:0}.kines-header .k-logo img{width:112px;height:auto;max-height:48px;object-fit:contain}.kines-header .k-logo span{border-left:1px solid #d5e3f0;padding-left:16px;font-size:10px;letter-spacing:1.6px;color:#53657c}
.kines-header .k-platforms{display:flex;align-items:center;gap:4px;padding:4px;background:#edf5fc;border:1px solid #d5e3f0;border-radius:12px;margin-left:auto}
.kines-header .k-platforms a{padding:8px 16px;border-radius:8px;font-size:14px;line-height:1.5;white-space:nowrap}.kines-header .k-platforms a[aria-current=page]{background:#103058;color:#fff;box-shadow:0 3px 8px #10305818}
.kines-header .k-login{display:inline-flex;align-items:center;justify-content:center;border:1px solid #b7cde1;border-radius:10px;padding:9px 14px;font-size:13px;white-space:nowrap;background:#fff}.kines-header .k-login:hover{background:#edf5fc}
.kines-header .k-menu{display:none;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #d5e3f0;border-radius:11px;background:#edf5fc;color:#103058;cursor:pointer}.kines-header .k-menu svg{width:22px;height:22px}
.kines-header .k-panel{border-top:1px solid #edf2f7;background:#fff}.kines-header .k-subnav{max-width:1260px;margin:auto;padding:9px 28px;display:flex;align-items:center;gap:23px;font-size:13px;line-height:1.6}
.kines-header .k-subnav>a{padding:6px 0;white-space:nowrap}.kines-header .k-subnav>a:hover{color:#0078e8}.kines-header .k-subnav>a[aria-current=page]{color:#0078e8;font-weight:600}
.kines-header .k-contact-links{display:flex;gap:8px;align-items:center;margin-left:auto;font-size:12px}.kines-header .k-contact-links a{padding:6px 11px;border:1px solid #d5e3f0;border-radius:8px;white-space:nowrap}.kines-header .k-contact-links a:first-child{background:#0078e8;border-color:#0078e8;color:#fff}.kines-header .k-mobile-platforms{display:none}
.kines-header :is(a,button):focus-visible{outline:3px solid #0078e8;outline-offset:3px}
@media(max-width:1000px){
 .kines-header .k-top{padding:12px 20px;min-height:70px;gap:12px}.kines-header .k-top>.k-platforms{display:none}.kines-header .k-login{margin-left:auto}.kines-header .k-menu{display:flex}.kines-header .k-panel{display:none;max-height:calc(100dvh - 70px);overflow:auto;box-shadow:0 14px 18px #071e3310}.kines-header.is-open .k-panel{display:block}
 .kines-header .k-mobile-platforms{display:flex;margin:16px 20px 4px}.kines-header .k-mobile-platforms a{flex:1;text-align:center}.kines-header .k-subnav{display:flex;align-items:stretch;flex-direction:column;padding:12px 20px 20px;gap:0}.kines-header .k-subnav>a{padding:12px 6px;border-bottom:1px solid #edf2f7}.kines-header .k-contact-links{margin:16px 0 0;gap:8px;flex-wrap:wrap}.kines-header .k-contact-links a{padding:10px 14px}
}
@media(max-width:500px){.kines-header .k-logo img{width:94px}.kines-header .k-logo span{display:none}.kines-header .k-top{padding:10px 16px;min-height:66px}.kines-header .k-login{font-size:12px;padding:8px 10px}.kines-header .k-menu{width:38px;height:38px}.kines-header .k-platforms a{font-size:13px;padding:9px 10px}}
/* Home refresh only: existing content and form behavior are retained. */
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]){--color-primary-950:#071e33;--color-primary-900:#0c2441;--color-primary-800:#103058;--color-primary-700:#174778;--color-primary-600:#176ab0;--color-primary-500:#226599;--color-primary-400:#77afe0;--color-primary-300:#baddff;--color-primary-100:#dceeff;--color-primary-50:#edf5fc;font-family:Kanit,system-ui,sans-serif;color:#103058;background:#f8fbfe}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section{padding-top:48px;padding-bottom:48px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) :is(h1,h2,h3){font-weight:500;line-height:1.35;letter-spacing:-.02em}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) h2{font-size:clamp(25px,2.65vw,36px)}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) :is(.max-w-7xl,.max-w-6xl){max-width:1204px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1){background:radial-gradient(ellipse at 95% 85%,#15497b,transparent 60%),linear-gradient(110deg,#071e33,#102e52);min-height:0;padding:0;isolation:isolate}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1)>.absolute{display:none}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1)>.container{max-width:1260px;padding:0 28px;margin:auto}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid{grid-template-columns:1.08fr 1fr;gap:26px;padding:0;min-height:500px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid>div:first-child{padding:50px 0;text-align:left}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid>div:first-child:before{content:'KINES HOSPITALITY';display:block;font-size:11px;letter-spacing:2.4px;color:#baddff;margin-bottom:20px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid>div:first-child>.absolute{display:none}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) h1{font-size:clamp(34px,3.2vw,44px);text-wrap:balance;line-height:1.3;margin:0 0 17px;max-width:650px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) h2{color:#8cbcff;font-size:clamp(22px,2.2vw,29px);margin-bottom:20px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) p{font-size:16px;line-height:1.85;font-weight:400;color:#d0e1f1;max-width:540px;margin-bottom:22px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) p:last-child{font-size:18px;margin:0;padding-top:15px;border-top:1px solid #ffffff26;letter-spacing:.02em;color:#fff}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid>div:last-child{align-self:end;margin:0;background:radial-gradient(ellipse at 60% 65%,#2564a9,transparent 68%)}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) img{transform:none;max-height:520px;object-fit:contain;object-position:bottom;display:block}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]){margin:12px auto 22px;width:calc(100% - 48px);max-width:1204px;border:1px solid #3377ad;border-radius:26px;background:radial-gradient(ellipse at top right,#176ab0,transparent 65%),#103058;padding:30px 24px;box-shadow:0 12px 25px #1030580d}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"])>div{padding:0}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]) .grid>div{padding:18px 14px;background:#ffffff12;border:1px solid #ffffff26;border-radius:18px;box-shadow:none}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) :is(.shadow-lg,.shadow-sm,.shadow){box-shadow:0 7px 20px #10305809}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/home/owner"]) .rounded-lg{border-radius:22px;border:1px solid #c2dbf0;background:linear-gradient(145deg,#e8f4ff,#fff 80%);box-shadow:0 7px 20px #10305809}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/home/owner"]) h2{margin-bottom:24px;color:#103058}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/home/bangkok"]){background:#edf5fc;border-block:1px solid #d5e3f0}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/home/bangkok"]) .rounded-xl{border-radius:22px;border:1px solid #d5e3f0;overflow:hidden}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(table){background:linear-gradient(180deg,#fff,#edf5fc)}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(table) .text-center:has(>h2){padding:24px;border:1px solid #3377ad;border-radius:22px;background:radial-gradient(ellipse at top right,#176ab0,transparent 65%),#103058;color:#fff;margin-bottom:22px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(table) .text-center:has(>h2) :is(h2,p){color:inherit}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(form){background:#edf5fc}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(form) .overflow-hidden{border:1px solid #c2dbf0;border-radius:24px;box-shadow:0 8px 25px #1030580b}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) :is(input,select,textarea){border-radius:10px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) button[type=submit]{background:#0078e8;border-radius:11px}
body:has(#main-content img[alt="KINES Hospitality Team - Professional property management experts"]) footer{background:#071e33;font-family:Kanit,system-ui,sans-serif}
@media(max-width:760px){
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section{padding-top:30px;padding-bottom:30px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1){padding:0}#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1)>.container{padding:0 22px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid{grid-template-columns:1fr;gap:4px;min-height:0}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) .grid>div:first-child{padding:32px 0 12px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) h1{font-size:34px;line-height:1.32}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) h2{font-size:23px;margin-bottom:15px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) p{font-size:15px;margin-bottom:14px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(h1) img{max-height:320px;width:100%!important;aspect-ratio:6/5;max-width:384px;margin:auto}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]){width:calc(100% - 32px);padding:23px 18px;border-radius:20px;margin-bottom:4px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]) .grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]) .grid>div:last-child{grid-column:1/-1}
 #main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]) h3{font-size:17px}
}

#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(table) h2 span{color:#8cbcff}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) article[class*="bg-[#3B3663]"]{background:linear-gradient(145deg,#103058,#071e33);border-radius:22px;border-color:#2b557e}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) section:has(img[src^="/customerexp/"]) article{border:1px solid #ffffff26;border-radius:18px}
#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) h2.text-black,#main-content:has(img[alt="KINES Hospitality Team - Professional property management experts"]) h3.text-black{color:#103058}

/* One login control on both sites; avoid inherited body line-height/weight. */
.kines-header .k-login{height:40px;min-width:104px;padding:0 16px;line-height:1;font-family:Kanit,system-ui,sans-serif;font-size:13px;font-weight:400;letter-spacing:0;border-radius:10px;border:1px solid #b7cde1;background:#fff;color:#103058;flex-shrink:0}
@media(max-width:500px){.kines-header .k-login{height:36px;min-width:92px;padding:0 12px;font-size:12px}}
.kines-header{transition:box-shadow .25s ease}
.kines-header.k-scrolled{box-shadow:0 6px 24px #071e3317}
.kines-header .k-menu svg{transition:transform .25s ease}
.kines-header.is-open .k-menu svg{transform:rotate(90deg)}
.kines-header :is(a,button),#main-content :is(.btn,button[type=submit]){transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease,transform .2s ease}
.kines-header :is(.k-login,.k-contact-links a,.k-menu):active,#main-content .btn:active{transform:scale(.97)}
@media(hover:hover) and (pointer:fine){
 .kines-header .k-login:hover{background:#edf5fc;border-color:#77afe0;box-shadow:0 4px 12px #10305812}
 #main-content :is(.course-card,section article){transition:transform .25s ease,box-shadow .25s ease}
 #main-content :is(.course-card,section article):hover{transform:translateY(-4px);box-shadow:0 12px 28px #10305820}
 #main-content :is(.btn,button[type=submit]):hover{transform:translateY(-2px);box-shadow:0 7px 16px #0078e826}
}
@keyframes kines-enter{from{opacity:.25;translate:0 18px}to{opacity:1;translate:0 0}}
@keyframes kines-menu-enter{from{opacity:.4;translate:0 -6px}to{opacity:1;translate:0 0}}
@media(prefers-reduced-motion:no-preference){
 .k-enter{animation:kines-enter .6s cubic-bezier(.2,.65,.25,1) both}
 @media(max-width:1000px){.kines-header.is-open .k-panel{animation:kines-menu-enter .2s ease-out both}}
}
@media(prefers-reduced-motion:reduce){
 .kines-header,.kines-header *,#main-content :is(.btn,.course-card,section article,button[type=submit],.k-enter){animation:none!important;transition:none!important;translate:none!important}
}