/* WKVC Guide 1.0.0 – webkhuvuichoi.com */
.gd-home{--teal:#0e7c86;--teal2:#0a636b;--deep:#0b3c49;--sun:#ffc23d;--sun2:#fff4d6;--coral:#ff6b5b;--mint:#effaf8;--ink:#17323a;--ink2:#4d6a72;--line:#d9ece9;
  font-family:"Nunito",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden;font-size:1.02rem}
.gd-home *{box-sizing:border-box}
.gd-home h1,.gd-home h2,.gd-home h3{font-family:"Baloo 2","Nunito",system-ui,sans-serif;color:var(--deep);margin:0;line-height:1.15}
.gd-home a{color:inherit;text-decoration:none}
.gd-home a:focus-visible,.gd-home summary:focus-visible,.gd-rail:focus-visible{outline:3px solid var(--coral);outline-offset:3px;border-radius:8px}
.gd-home img{display:block;width:100%;max-width:100%;height:100%;object-fit:cover}
.gd-wrap{width:min(calc(100% - 32px),1200px);margin-inline:auto}
.gd-wrap>*,.gd-hero__grid>*,.gd-grid>*,.gd-cities>*,.gd-split>*,.gd-two>*,.gd-biz>*{min-width:0}
.gd-noimg{display:block;width:100%;height:100%;background:linear-gradient(135deg,#c9ece7,#fde7b0)}
.gd-eyebrow{margin:0 0 10px;font-weight:800;font-size:.82rem;letter-spacing:.1em;text-transform:uppercase;color:var(--teal)}

/* Hero */
.gd-hero{position:relative;padding:56px 0 64px;background:radial-gradient(900px 420px at 85% 10%,#fff1c9 0,transparent 60%),linear-gradient(160deg,#e3f6f3 0,#f6fcfb 60%,#fff 100%);overflow:hidden}
.gd-hero::after{content:"";position:absolute;left:-80px;bottom:-120px;width:320px;height:320px;border-radius:50%;background:rgba(255,107,91,.10)}
.gd-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.gd-hero h1{font-size:clamp(2rem,4.2vw,3.35rem);font-weight:800;letter-spacing:-.01em}
.gd-lead{margin:16px 0 0;font-size:1.1rem;line-height:1.7;color:var(--ink2);max-width:36em}
.gd-search{display:flex;gap:8px;margin-top:24px;padding:8px;background:#fff;border-radius:999px;box-shadow:0 12px 30px rgba(11,60,73,.12);max-width:560px}
.gd-search input{flex:1;min-width:0;border:0;background:transparent;padding:10px 16px;font:inherit;font-size:1rem;color:var(--ink)}
.gd-search input:focus{outline:none}
.gd-search:focus-within{box-shadow:0 0 0 3px var(--teal),0 12px 30px rgba(11,60,73,.12)}
.gd-search button{border:0;border-radius:999px;background:var(--teal);color:#fff;font:inherit;font-weight:800;padding:12px 22px;cursor:pointer}
.gd-search button:hover{background:var(--teal2)}
.gd-chips{display:flex;flex-wrap:wrap;gap:10px;margin:18px 0 0}
.gd-chips a{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:999px;background:#fff;border:1.5px solid var(--line);font-weight:800;color:var(--deep);transition:transform .15s,border-color .15s}
.gd-chips a:hover{transform:translateY(-2px);border-color:var(--teal)}
.gd-postcards{position:relative;height:420px}
.gd-postcard{position:absolute;width:56%;background:#fff;padding:10px 10px 14px;border-radius:18px;box-shadow:0 18px 40px rgba(11,60,73,.18);transition:transform .25s}
.gd-postcard__img{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#d7efeb}
.gd-postcard__t{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-top:10px;font-weight:800;font-size:.95rem;line-height:1.35;color:var(--deep)}
.gd-postcard--1{top:0;left:0;transform:rotate(-4deg);z-index:2}
.gd-postcard--2{top:40px;right:0;transform:rotate(5deg);z-index:1}
.gd-postcard--3{bottom:0;left:30%;transform:rotate(-1deg);z-index:3}
.gd-postcard:hover{transform:rotate(0) translateY(-6px);z-index:4}

/* Sections */
.gd-sec{padding:64px 0}
.gd-sec--sun{background:var(--sun2)}
.gd-sec--deep{background:var(--deep);color:#d8eeea}
.gd-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 20px;margin-bottom:24px}
.gd-head h2{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800}
.gd-head p{margin:0;color:var(--ink2)}
.gd-head--light h2{color:#fff}.gd-head--light p{color:#a9d3cd}

/* Cities */
.gd-cities{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gd-city{background:#fff;border-radius:22px;overflow:hidden;border:1.5px solid var(--line);transition:box-shadow .2s,transform .2s}
.gd-city:hover{transform:translateY(-4px);box-shadow:0 18px 36px rgba(11,60,73,.12)}
.gd-city__img{display:block;aspect-ratio:16/9;overflow:hidden;background:#d7efeb}
.gd-city__body{padding:18px 20px 22px;border-top:6px solid var(--teal)}
.gd-city--sai-gon .gd-city__body{border-top-color:var(--coral)}
.gd-city--nha-trang .gd-city__body{border-top-color:var(--sun)}
.gd-city h3{font-size:1.55rem}
.gd-city h3 a:hover{color:var(--teal)}
.gd-count{margin:2px 0 10px;font-weight:700;color:var(--ink2);font-size:.92rem}
.gd-city ul{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.gd-city li a{display:block;padding:6px 0;border-bottom:1px dashed var(--line);font-weight:600}
.gd-city li a::before{content:"→ ";color:var(--teal)}
.gd-city li a:hover{color:var(--teal)}

/* Career play split */
.gd-split{display:grid;grid-template-columns:.8fr 1.6fr;gap:40px;align-items:start}
.gd-split__intro{position:sticky;top:110px}
.gd-split__intro h2{font-size:clamp(1.8rem,3.2vw,2.5rem);font-weight:800;margin-bottom:12px}
.gd-split__intro p{line-height:1.7;color:#5b4a1f}
.gd-btn{display:inline-flex;align-items:center;min-height:46px;margin-top:10px;padding:12px 22px;border-radius:999px;background:var(--teal);color:#fff!important;font-weight:800;border:2px solid var(--teal);transition:transform .15s}
.gd-btn:hover{transform:translateY(-2px)}
.gd-btn--ghost{background:transparent;border-color:#a9d3cd}
.gd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.gd-card{background:#fff;border-radius:16px;padding:10px 10px 14px;box-shadow:0 6px 18px rgba(91,74,31,.08);transition:transform .2s,box-shadow .2s}
.gd-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(91,74,31,.14)}
.gd-card__img{display:block;aspect-ratio:4/3;border-radius:12px;overflow:hidden;background:#f3e6c4;margin-bottom:10px}
.gd-card h3{font-family:"Nunito",sans-serif!important;font-size:1rem;font-weight:800;line-height:1.38;padding:0 4px}
.gd-card h3 a:hover{color:var(--teal)}

/* Kids rail */
.gd-tags{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 18px}
.gd-tags a{padding:7px 14px;border-radius:999px;background:var(--mint);font-weight:700;font-size:.92rem;color:var(--teal2)}
.gd-tags a:hover{background:var(--teal);color:#fff}
.gd-tags small{opacity:.7}
.gd-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,24%);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:4px 2px 14px}
.gd-card--rail{scroll-snap-align:start;border:1.5px solid var(--line);box-shadow:none}

/* Business */
.gd-biz{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.gd-biz__col{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px 22px}
.gd-biz h3{color:var(--sun);font-size:1.3rem;margin-bottom:8px}
.gd-biz ul{list-style:none;margin:0;padding:0}
.gd-biz li a{display:block;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.1);color:#e6f4f1;line-height:1.45}
.gd-biz li a:hover{color:#fff;text-decoration:underline}
.gd-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:28px;padding:26px 30px;border-radius:22px;background:linear-gradient(120deg,var(--teal),#11949f)}
.gd-cta h3{color:#fff;font-size:1.5rem;margin-bottom:6px}
.gd-cta p{margin:0;color:#e1f5f2;line-height:1.6}
.gd-cta .gd-btn{background:var(--sun);border-color:var(--sun);color:var(--deep)!important;margin:0}
.gd-cta .gd-btn--ghost{background:transparent;border-color:#fff;color:#fff!important}
.gd-cta__btns{display:flex!important;flex-wrap:wrap;gap:10px;flex-shrink:0}

/* Latest + FAQ */
.gd-two{display:grid;grid-template-columns:1.3fr 1fr;gap:44px}
.gd-list{list-style:none;margin:0;padding:0}
.gd-list li{display:grid;grid-template-columns:92px 1fr;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}
.gd-list__img{display:block;aspect-ratio:1/1;border-radius:14px;overflow:hidden;background:#d7efeb}
.gd-cat{font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--coral)}
.gd-list h3{font-family:"Nunito",sans-serif!important;font-size:1.04rem;font-weight:800;line-height:1.38;margin:2px 0 4px}
.gd-list h3 a:hover{color:var(--teal)}
.gd-list time{font-size:.86rem;color:var(--ink2)}
.gd-faq details{border:1.5px solid var(--line);border-radius:14px;padding:4px 18px;margin-bottom:10px;background:var(--mint)}
.gd-faq summary{cursor:pointer;font-weight:800;padding:12px 0;color:var(--deep);list-style:none}
.gd-faq summary::-webkit-details-marker{display:none}
.gd-faq summary::after{content:"+";float:right;font-size:1.3rem;line-height:1;color:var(--teal)}
.gd-faq details[open] summary::after{content:"–"}
.gd-faq p{margin:0 0 14px;line-height:1.65;color:var(--ink2)}

@media (max-width:980px){.gd-hero__grid,.gd-split,.gd-two{grid-template-columns:1fr}.gd-postcards{height:360px;max-width:560px}.gd-split__intro{position:static}.gd-cities,.gd-biz{grid-template-columns:1fr 1fr}.gd-grid{grid-template-columns:1fr 1fr}.gd-rail{grid-auto-columns:minmax(220px,40%)}.gd-cta{flex-direction:column;align-items:flex-start}}
@media (max-width:600px){.gd-hero{padding:34px 0 40px}.gd-search{border-radius:18px;flex-direction:column}.gd-search button{width:100%}.gd-postcards{height:300px}.gd-postcard{width:70%}.gd-sec{padding:44px 0}.gd-cities,.gd-biz{grid-template-columns:1fr}.gd-grid{grid-template-columns:1fr 1fr;gap:12px}.gd-rail{grid-auto-columns:78%}.gd-list li{grid-template-columns:72px 1fr}.gd-cta{padding:22px}}
@media (prefers-reduced-motion:reduce){.gd-home *{transition:none!important}}

/* Brand logo (SVG wordmark) */
.skynext-brand-logo img{height:46px;width:auto;max-width:260px}
.skynext-brand-logo--footer img{height:52px;background:#fff;border-radius:12px;padding:6px 10px}

/* Single post extras */
.gd-toc{margin:22px 0 26px;padding:16px 20px;background:#effaf8;border:1px solid #d9ece9;border-left:4px solid #0e7c86;border-radius:12px}
.gd-toc p{margin:0 0 6px!important;font-weight:800}
.gd-toc ol{margin:0;padding-left:1.2em}.gd-toc li{margin:3px 0}
.gd-toc a{color:#0a636b}
.content-prose h2[id],.entry-content h2[id]{scroll-margin-top:110px}

/* Header: keep sub-menus of the last items on screen */
html,body{overflow-x:clip}
.primary-navigation .menu>li:nth-last-child(-n+2)>.sub-menu{left:auto;right:0}
.primary-navigation .menu>li:nth-last-child(-n+2) .sub-menu .sub-menu{left:auto;right:calc(100% + 7px)}

/* Footer in the site's teal palette */
.site-footer.community-footer .footer-main{background:#0b3c49}
.site-footer.community-footer .footer-bottom{background:#082e38}
.site-footer.community-footer a:hover{color:#ffc23d}
.site-topbar{background:#0b3c49;color:#d8eeea}
.site-topbar a{color:#ffc23d}
