/* Homepage: mobile trước, không thay style của app hoặc bài viết. */
#lgkm-home{--ink:#202e32;--primary:#285a60;--plum:#70546e;--rose:#993e55;--paper:#fafbf9;--line:#dce5e2;--muted:#526369;--tint:#edf4f1;--radius:16px;--tap:48px;width:100%;margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;overflow-wrap:break-word}
#lgkm-home *,#lgkm-home *::before,#lgkm-home *::after{box-sizing:border-box}
#lgkm-home a{color:var(--primary);text-underline-offset:4px}
#lgkm-home a:hover{text-decoration-thickness:2px}
#lgkm-home a:focus-visible,#lgkm-home input:focus-visible,#lgkm-home summary:focus-visible{outline:3px solid var(--primary);outline-offset:3px}
#lgkm-home h1,#lgkm-home h2,#lgkm-home h3,#lgkm-home p{margin:0;color:inherit}
#lgkm-home h1,#lgkm-home h2,#lgkm-home h3{font-family:inherit;font-weight:750;line-height:1.22;text-transform:none}
#lgkm-home h1{font-size:32px;letter-spacing:-.035em;max-width:680px}
#lgkm-home h2{font-size:25px;letter-spacing:-.025em}
#lgkm-home h3{font-size:23px;letter-spacing:-.015em}
#lgkm-home p{color:var(--muted)}
#lgkm-home .wrap{width:calc(100% - 36px);max-width:1120px;margin-inline:auto}
#lgkm-home [id]{scroll-margin-top:24px}
#lgkm-home [hidden]{display:none!important}
#lgkm-home .home-utility{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:4px 12px;min-height:56px;padding-block:6px;border-bottom:1px solid var(--line);font-size:12px;color:var(--muted)}
#lgkm-home .home-utility>span{max-width:160px;line-height:1.4}
#lgkm-home .home-utility a{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;flex-shrink:0;font-size:14px;font-weight:700;text-decoration:none}
#lgkm-home .hero{background:linear-gradient(140deg,#edf5f0 0%,#fafbf9 80%);padding:26px 0 24px}
#lgkm-home .eyebrow{color:var(--primary);font-size:12px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
#lgkm-home .hero h1 span{display:block;color:var(--primary)}
#lgkm-home .hero-intro{font-size:16px;max-width:600px;margin-top:14px}
#lgkm-home .hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin-top:20px}
#lgkm-home .button{min-height:var(--tap);display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border:1px solid var(--line);border-radius:10px;text-decoration:none;background:white;color:var(--primary);font-size:16px;font-weight:700;line-height:1.4;text-align:center;white-space:normal}
#lgkm-home .button.primary{background:var(--primary);border-color:var(--primary);color:white}
#lgkm-home .button:hover{background:#214a4f;border-color:#214a4f;color:white}
#lgkm-home .hero-actions .button{width:100%}
#lgkm-home .text-link{display:inline-flex;align-items:center;gap:6px;min-height:44px;font-size:14px;font-weight:650}
#lgkm-home .hero-note{font-size:12px;margin-top:8px;line-height:1.5;max-width:560px}
#lgkm-home .start-here{display:none}
#lgkm-home .quick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(80px,1.15fr);gap:6px;padding-block:16px;border-bottom:1px solid var(--line)}
#lgkm-home .quick a{display:flex;align-items:center;justify-content:center;gap:4px;min-height:44px;padding:8px 4px;border:1px solid var(--line);border-radius:9px;background:white;font-size:14px;line-height:1.3;font-weight:700;text-decoration:none}
#lgkm-home .quick a:hover{background:var(--tint);border-color:var(--primary)}
#lgkm-home .quick a>span{display:none}
#lgkm-home .section{padding-block:28px 32px}
#lgkm-home .section-head{margin-bottom:18px}
#lgkm-home .section-head p{margin-top:8px;max-width:680px;font-size:15px}
#lgkm-home .courses{display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
#lgkm-home .course{min-width:0;position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:white;box-shadow:0 3px 12px #20342c05;border-top:3px solid var(--primary)}
#lgkm-home .course.cosmo{border-top-color:var(--plum)}
#lgkm-home .course.facial{border-top-color:var(--rose)}
#lgkm-home .course .label{display:none}
#lgkm-home .course h3{width:100%;font-size:24px}
#lgkm-home .course .english{display:block;font-size:13px;color:var(--muted);font-weight:500;letter-spacing:0;margin-top:5px;line-height:1.4}
#lgkm-home .course p{font-size:15px;flex:1}
#lgkm-home .course .button{width:100%;margin-top:4px}
#lgkm-home .course .text-link{min-height:44px;max-width:100%;font-size:14px}
#lgkm-home .returning{margin-top:18px;padding:16px 18px;border-radius:12px;background:var(--tint);display:flex;align-items:center;justify-content:space-between;gap:4px 16px;flex-wrap:wrap}
#lgkm-home .returning p{font-size:14px;color:var(--ink)}
#lgkm-home .returning a{flex-shrink:0}
#lgkm-home .link-row{display:flex;flex-wrap:wrap;gap:4px 22px;margin-top:16px}
#lgkm-home .link-row a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;max-width:100%}
#lgkm-home .free{border-block:1px solid var(--line);background:white}
#lgkm-home .quiz-list{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:minmax(0,1fr);gap:0;counter-reset:quiz}
#lgkm-home .quiz-list li{counter-increment:quiz;margin:0;min-width:0}
#lgkm-home .quiz-list a{min-height:66px;display:flex;align-items:center;gap:12px;text-decoration:none;border-bottom:1px solid var(--line);font-size:15px;line-height:1.45;padding:12px 4px}
#lgkm-home .quiz-list a::before{content:counter(quiz,decimal-leading-zero);display:grid;place-items:center;width:36px;height:36px;flex-shrink:0;background:var(--tint);border-radius:10px;font-weight:750;font-size:13px}
#lgkm-home .quiz-list a:hover{background:var(--paper)}
#lgkm-home .state-tools{display:grid;grid-template-columns:minmax(0,1fr);gap:28px}
#lgkm-home .state-tools>div{min-width:0}
#lgkm-home .state-search{display:block;margin:20px 0 10px;font-size:14px;font-weight:700}
#lgkm-home .state-search input{display:block;width:100%;min-height:52px;border:1px solid #93a5a0;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;line-height:1.5;color:var(--ink);background:white;margin-top:8px;box-shadow:none}
#lgkm-home .state-search input::placeholder{color:#5c6f73;opacity:1}
#lgkm-home .state-status{font-size:13px;margin:10px 0 12px;min-height:21px}
#lgkm-home .states{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,8em),1fr));gap:8px}
#lgkm-home .states a{display:flex;align-items:center;min-width:0;min-height:48px;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:white;text-decoration:none;font-size:14px;line-height:1.4;overflow-wrap:anywhere}
#lgkm-home .states a:hover{border-color:var(--primary);background:var(--tint)}
#lgkm-home .state-exams{margin-top:24px}
#lgkm-home .state-exams h3{font-size:20px;margin-bottom:8px}
#lgkm-home .state-exams .link-row{margin-top:0;margin-bottom:12px}
#lgkm-home .tools{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:20px;align-self:start}
#lgkm-home .tools h3{font-size:21px;margin-bottom:8px}
#lgkm-home .tools a{display:block;border-bottom:1px solid var(--line);padding:15px 0;line-height:1.45;font-weight:650;font-size:15px}
#lgkm-home .tools a:last-child{border-bottom:0;padding-bottom:0}
#lgkm-home .tools small{display:block;color:var(--muted);font-size:13px;font-weight:400;margin-top:6px}
#lgkm-home .app-guide{padding:22px;border-radius:var(--radius);background:var(--tint);display:grid;grid-template-columns:minmax(0,1fr);gap:24px}
#lgkm-home .app-guide h2{font-size:25px}
#lgkm-home .app-guide p{margin-top:12px;font-size:15px}
#lgkm-home .features{margin:0;padding:0;list-style:none;display:grid;gap:12px}
#lgkm-home .features li{display:flex;gap:10px;font-size:15px;margin:0}
#lgkm-home .features li::before{content:'✓';color:var(--primary);font-weight:800}
#lgkm-home .faq{max-width:800px}
#lgkm-home .faq>p{font-size:15px}
#lgkm-home details{border-bottom:1px solid var(--line);padding:4px 0}
#lgkm-home summary{display:list-item;cursor:pointer;font-weight:650;padding:16px 4px;min-height:52px;line-height:1.5;font-size:15px}
#lgkm-home details p{padding:0 4px 16px;font-size:15px}
#lgkm-home .about{border-top:1px solid var(--line);padding-block:24px}
#lgkm-home .about p{font-size:14px;max-width:850px}
/* Astra shell chỉ dành cho trang chủ đã chứa shortcode. */
body.lgkm-home-page #content>.ast-container{display:block;max-width:1200px;padding-inline:0}
body.lgkm-home-page #content #primary{width:100%;margin:0;padding:0;border:0}
body.lgkm-home-page #primary .ast-article-single{padding:0;margin:0;border:0;background:transparent}
body.lgkm-home-page #primary .entry-content{margin:0;padding:0}
body.lgkm-home-page #primary .entry-header{display:none}
body.lgkm-home-page #secondary{display:none}
body.lgkm-home-page .ast-breadcrumbs-wrapper{display:none}
body.lgkm-home-page #ast-mobile-header .site-title{font-size:18px;line-height:1.35}
body.lgkm-home-page #ast-mobile-header .ast-primary-header-bar{min-height:64px}
body.lgkm-home-page #ast-desktop-header .site-title{max-width:245px;font-size:20px;line-height:1.35}
body.lgkm-home-page #ast-desktop-header .main-header-menu>.menu-item>.menu-link{font-size:14px;line-height:1.5;min-height:48px;display:flex;align-items:center;padding:12px 10px}
@media(min-width:600px){
#lgkm-home .wrap{width:calc(100% - 56px)}
#lgkm-home h1{font-size:42px}
#lgkm-home .hero{padding-block:36px}
#lgkm-home .hero-actions .button{width:auto}
#lgkm-home .home-utility>span{max-width:none}
#lgkm-home .quick{grid-template-columns:repeat(4,minmax(90px,150px));justify-content:center;gap:10px}
#lgkm-home .quick a>span{display:inline}
#lgkm-home .states{grid-template-columns:repeat(3,minmax(0,1fr))}
#lgkm-home .quiz-list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
}
@media(min-width:960px){
#lgkm-home h1{font-size:46px}
#lgkm-home h2{font-size:30px}
#lgkm-home .home-utility{min-height:54px;font-size:13px}
#lgkm-home .hero{padding-block:44px}
#lgkm-home .hero-layout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:40px;align-items:center}
#lgkm-home .hero-intro{font-size:17px}
#lgkm-home .hero-actions{gap:12px 18px}
#lgkm-home .start-here{display:block;background:white;border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 8px 30px #20342c05}
#lgkm-home .start-here h2{font-size:18px;letter-spacing:0;margin-bottom:12px}
#lgkm-home .start-here>a{display:flex;align-items:center;gap:12px;min-height:80px;padding-block:14px;text-decoration:none;border-top:1px solid var(--line)}
#lgkm-home .start-here strong{font-size:15px}
#lgkm-home .start-here small{display:block;font-size:12px;font-weight:400;color:var(--muted);margin-top:4px}
#lgkm-home .step{display:grid;place-items:center;border-radius:10px;width:34px;height:38px;background:var(--tint);font-weight:700;font-size:12px;flex-shrink:0}
#lgkm-home .arrow{margin-left:auto;font-size:20px}
#lgkm-home .quick{padding-block:18px}
#lgkm-home .section{padding-block:36px 42px}
#lgkm-home .section-head{margin-bottom:22px}
#lgkm-home .courses{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
#lgkm-home .course{padding:24px;gap:12px}
#lgkm-home .course .label{display:block;font-size:11px;font-weight:750;letter-spacing:.1em;color:var(--primary)}
#lgkm-home .course.cosmo .label{color:var(--plum)}
#lgkm-home .course.facial .label{color:var(--rose)}
#lgkm-home .quiz-list{grid-template-columns:repeat(3,minmax(0,1fr))}
#lgkm-home .quiz-list a{min-height:80px}
#lgkm-home .state-tools{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);gap:40px}
#lgkm-home .tools{padding:26px}
#lgkm-home .app-guide{padding:32px;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
}
@media(prefers-reduced-motion:reduce){#lgkm-home *,#lgkm-home *::before,#lgkm-home *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}