/* LHTN Core – tông đỏ son, giấy washi. Phủ lên GeneratePress. */
:root{
	--lhtn-red:#B7282E;--lhtn-red-dark:#8E1B20;--lhtn-paper:#FAF6F1;--lhtn-ink:#1F1A17;--lhtn-muted:#6B5F58;
	--lhtn-line:#E7DCD3;--lhtn-tint:#FBEDEB;--lhtn-ok:#1A6B34;--lhtn-ok-bg:#E3F4E8;--lhtn-r:12px;
	--lhtn-sans:"Be Vietnam Pro",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;
	--lhtn-jp:"Noto Serif JP","Hiragino Mincho ProN","Yu Mincho",serif;
}
body.lhtn{background:var(--lhtn-paper);color:var(--lhtn-ink);font-family:var(--lhtn-sans);font-size:17px;line-height:1.7}
body.lhtn h1,body.lhtn h2,body.lhtn h3,body.lhtn h4{font-family:var(--lhtn-sans);color:var(--lhtn-ink);font-weight:700;line-height:1.3}
body.lhtn h1{font-size:clamp(28px,4vw,40px)}
body.lhtn h2{font-size:clamp(22px,2.6vw,28px);margin-top:1.6em}
body.lhtn a{color:var(--lhtn-red)}
body.lhtn a:hover{color:var(--lhtn-red-dark)}
.lhtn-jp,.lhtn-jp *{font-family:var(--lhtn-jp)}
ruby rt{font-size:.55em;color:var(--lhtn-muted)}
.lhtn-nofuri rt{visibility:hidden}
.lhtn-muted{color:var(--lhtn-muted)}
.lhtn-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.lhtn-row.is-center{justify-content:center}
.lhtn-row.is-end{justify-content:flex-end}
:where(.lhtn) :focus-visible{outline:3px solid var(--lhtn-red);outline-offset:2px}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px);width:1px;height:1px;overflow:hidden}

/* ---------- GeneratePress: header, menu ---------- */
.lhtn .site-header{background:#fff;border-bottom:1px solid var(--lhtn-line);box-shadow:0 1px 0 rgba(0,0,0,.02)}
.lhtn .site-header::before{content:"";display:block;height:4px;background:var(--lhtn-red)}
.lhtn-brand{display:flex;align-items:center;gap:10px}
.lhtn-brand__mark{display:inline-flex;line-height:0}
.lhtn .main-title a{color:var(--lhtn-ink);font-weight:700;letter-spacing:-.01em}
.lhtn .main-navigation,.lhtn .main-navigation ul ul{background:#fff}
.lhtn .main-navigation .main-nav ul li a{font-weight:600;font-size:15px;color:var(--lhtn-ink)}
.lhtn .main-navigation .main-nav ul li:hover>a,.lhtn .main-navigation .main-nav ul li.current-menu-item>a,.lhtn .main-navigation .main-nav ul li.current-menu-ancestor>a{color:var(--lhtn-red)}
.lhtn .main-navigation ul ul{border:1px solid var(--lhtn-line);border-top:3px solid var(--lhtn-red);box-shadow:0 12px 30px rgba(31,26,23,.08);width:260px}
.lhtn .main-navigation .main-nav ul ul li a{font-weight:500;font-size:14px;padding-top:9px;padding-bottom:9px}
.lhtn .main-navigation .main-nav ul ul li:hover>a{background:var(--lhtn-tint)}
.lhtn .main-navigation .main-nav ul li.lhtn-menu-cta>a{background:var(--lhtn-red);color:#fff;border-radius:999px;line-height:38px;padding:0 18px;margin:0 6px}
.lhtn .main-navigation .main-nav ul li.lhtn-menu-cta>a:hover{background:var(--lhtn-red-dark);color:#fff}
.lhtn .main-navigation .main-nav ul li.lhtn-menu-ext>a{color:var(--lhtn-muted)}
.lhtn .menu-toggle{color:var(--lhtn-ink)}

/* ---------- Bố cục nội dung ---------- */
.lhtn .site-content{padding-top:24px}
.lhtn .inside-article,.lhtn .one-container .site-content{background:#fff;border-radius:var(--lhtn-r)}
.lhtn.separate-containers .inside-article{border:1px solid var(--lhtn-line)}
.lhtn .entry-header .entry-title{margin-bottom:.4em}
.lhtn .entry-content>*:first-child{margin-top:0}
.lhtn .entry-content img{border-radius:10px}
.lhtn .widget-area .widget{background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r)}
.lhtn-kind-pillar .entry-title::after,.lhtn-kind-topic .entry-title::after{content:"";display:block;width:56px;height:4px;background:var(--lhtn-red);border-radius:2px;margin-top:12px}

/* Breadcrumb */
.lhtn-crumbs{font-size:14px;color:var(--lhtn-muted);margin:0 0 14px}
.lhtn-crumbs a{color:var(--lhtn-muted);text-decoration:none}
.lhtn-crumbs a:hover{color:var(--lhtn-red)}
.lhtn-crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lhtn-crumbs li+li::before{content:"›";margin-right:6px}
.lhtn-crumbs p{margin:0}
.lhtn-breadcrumbs,.lhtn .rank-math-breadcrumb{font-size:14px;color:var(--lhtn-muted);margin:0 0 14px}
.lhtn-breadcrumbs a,.lhtn .rank-math-breadcrumb a{color:var(--lhtn-muted);text-decoration:none}
.lhtn-breadcrumbs a:hover,.lhtn .rank-math-breadcrumb a:hover{color:var(--lhtn-red)}
.lhtn-breadcrumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.lhtn-breadcrumbs li+li::before{content:"›";margin-right:6px}
.lhtn-crumbwrap{max-width:1180px;margin:0 auto;padding:16px 20px 0}

/* Trả lời nhanh (AEO) */
.lhtn-answer{position:relative;background:var(--lhtn-tint);border-left:4px solid var(--lhtn-red);border-radius:0 var(--lhtn-r) var(--lhtn-r) 0;padding:16px 20px 14px;margin:0 0 24px}
.lhtn-answer__label{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--lhtn-red);margin-bottom:4px}
.lhtn-answer p{margin:0;font-size:17px}

/* Mục lục tự động */
.lhtn-toc{border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:12px 18px;margin:0 0 24px;background:#fff}
.lhtn-toc summary{font-weight:700;cursor:pointer}
.lhtn-toc ol{margin:8px 0 0 20px;font-size:15px}
.lhtn-toc a{text-decoration:none;color:var(--lhtn-ink)}
.lhtn-toc a:hover{color:var(--lhtn-red)}

/* Nút */
.lhtn-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;background:var(--lhtn-red);color:#fff!important;border:2px solid var(--lhtn-red);border-radius:999px;padding:10px 22px;font:600 15px/1.2 var(--lhtn-sans);text-decoration:none!important;cursor:pointer;transition:background .15s,transform .15s}
.lhtn-btn:hover{background:var(--lhtn-red-dark);border-color:var(--lhtn-red-dark)}
.lhtn-btn:active{transform:translateY(1px)}
.lhtn-btn[disabled]{opacity:.6;cursor:wait}
.lhtn-btn.is-ghost{background:transparent;color:var(--lhtn-red)!important}
.lhtn-btn.is-ghost:hover{background:var(--lhtn-tint)}
.lhtn-btn.is-white{background:#fff;color:var(--lhtn-red)!important;border-color:#fff}
.lhtn-btn.is-white:hover{background:var(--lhtn-paper)}
.lhtn-btn.is-outline{background:transparent;border-color:rgba(255,255,255,.7);color:#fff!important}
.lhtn-btn.is-outline:hover{background:rgba(255,255,255,.12)}
.lhtn-link{background:none;border:0;padding:0;color:var(--lhtn-red);font:600 15px var(--lhtn-sans);cursor:pointer}

/* Thẻ */
.lhtn-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px;margin:12px 0 24px}
.lhtn-cards.is-large{grid-template-columns:repeat(auto-fill,minmax(270px,1fr))}
.lhtn-card{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:16px 18px;text-decoration:none!important;color:var(--lhtn-ink)!important;transition:border-color .15s,box-shadow .15s,transform .15s}
.lhtn-card:hover{border-color:var(--lhtn-red);box-shadow:0 8px 24px rgba(183,40,46,.1);transform:translateY(-2px)}
.lhtn-card b{font-size:17px;line-height:1.35}
.lhtn-card span{font-size:14px;color:var(--lhtn-muted);line-height:1.5}
.lhtn-card .lhtn-card__eyebrow{font-size:12px;font-weight:700;color:var(--lhtn-red);text-transform:uppercase;letter-spacing:.05em}

/* CTA */
.lhtn-cta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(120deg,var(--lhtn-red),var(--lhtn-red-dark));color:#fff;border-radius:16px;padding:22px 26px;margin:24px 0;position:relative;overflow:hidden}
.lhtn-cta::after{content:"学";position:absolute;right:120px;bottom:-30px;font:700 120px/1 var(--lhtn-jp);opacity:.08;pointer-events:none}
.lhtn-cta>div{display:flex;flex-direction:column;gap:2px}
.lhtn-cta strong{font-size:20px}
.lhtn-cta span{opacity:.9;font-size:15px}
.lhtn-cta .lhtn-cta__eyebrow{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.8}

/* Hero trang chủ */
.lhtn-hero{display:grid;grid-template-columns:1.3fr 1fr;gap:24px;align-items:center;background:var(--lhtn-red);background-image:radial-gradient(circle at 85% 20%,rgba(255,255,255,.08) 0 120px,transparent 121px),repeating-linear-gradient(45deg,rgba(255,255,255,.03) 0 12px,transparent 12px 24px);color:#fff;border-radius:20px;padding:44px 40px;margin:0 0 32px}
.lhtn-hero h1{color:#fff!important;margin:8px 0 12px}
.lhtn-hero p{font-size:18px;opacity:.95;max-width:560px}
.lhtn-hero__eyebrow{display:inline-block;background:rgba(255,255,255,.15);border-radius:999px;padding:4px 12px;font-size:13px;font-weight:600}
.lhtn-hero__art{display:flex;justify-content:center}
.lhtn-hero__art svg{max-width:100%;height:auto}
.lhtn-hero .lhtn-search{margin-top:20px}
.lhtn-search{display:flex;gap:8px;max-width:560px}
.lhtn-search input[type=search]{flex:1;border:0;border-radius:999px;padding:12px 18px;font:15px var(--lhtn-sans);background:#fff;color:var(--lhtn-ink);min-width:0}
.lhtn-entry .lhtn-search input[type=search],.entry-content .lhtn-search input[type=search]{border:1px solid var(--lhtn-line)}
.lhtn-hero .lhtn-search .lhtn-btn{background:var(--lhtn-ink);border-color:var(--lhtn-ink)}
.lhtn-section{margin:36px 0}
.lhtn-section>h2{margin:0 0 6px}
.lhtn-levels{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:14px}
.lhtn-level{background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:14px;display:flex;flex-direction:column;gap:4px}
.lhtn-level__n{font:700 26px/1 var(--lhtn-sans);color:var(--lhtn-red);margin-bottom:6px}
.lhtn-level__n small{display:block;font-size:13px;color:var(--lhtn-muted);font-weight:500;margin-top:4px}
.lhtn-level a{font-size:14px;text-decoration:none}
.lhtn-sofl{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;background:#fff;border:1px dashed var(--lhtn-red);border-radius:16px;padding:22px 26px;margin:36px 0}
.lhtn-sofl>div{display:flex;flex-direction:column}
.lhtn-sofl strong{font-size:19px}
.lhtn-sofl span{color:var(--lhtn-muted)}
.home.lhtn .entry-content,.home.lhtn .inside-article{background:transparent;border:0;padding:0}

/* Bảng chữ cái */
.lhtn-kana{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin:12px 0 8px;max-width:640px}
.lhtn-kana__cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;background:#fff;border:1px solid var(--lhtn-line);border-radius:10px;padding:10px 4px;cursor:pointer;color:var(--lhtn-ink);transition:background .15s,border-color .15s}
.lhtn-kana__cell:hover,.lhtn-kana__cell.is-playing{background:var(--lhtn-tint);border-color:var(--lhtn-red)}
.lhtn-kana__cell .lhtn-jp{font-size:30px;line-height:1.1}
.lhtn-kana__cell small{font-size:13px;color:var(--lhtn-muted);font-family:var(--lhtn-sans)}
.lhtn-kana__empty{display:block}

/* Bảng */
.lhtn-table-wrap{overflow-x:auto;margin:12px 0 20px;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r)}
.lhtn-table{width:100%;border-collapse:collapse;margin:0;font-size:15px;border:0}
.lhtn-table th{background:var(--lhtn-tint);color:var(--lhtn-ink);text-align:left;font-weight:700;padding:10px 12px;border:0;border-bottom:1px solid var(--lhtn-line)}
.lhtn-table td{padding:10px 12px;border:0;border-bottom:1px solid var(--lhtn-line);vertical-align:top}
.lhtn-table tr:last-child td{border-bottom:0}
.lhtn-table td.lhtn-jp{font-size:17px;white-space:nowrap}

/* Kanji */
.lhtn-kanji{display:grid;grid-template-columns:200px 1fr;gap:24px;align-items:start;margin:0 0 20px}
.lhtn-kanji__big{display:flex;flex-direction:column;align-items:center;gap:10px;background:var(--lhtn-paper);border:1px solid var(--lhtn-line);border-radius:16px;padding:18px;background-image:linear-gradient(var(--lhtn-line) 1px,transparent 1px),linear-gradient(90deg,var(--lhtn-line) 1px,transparent 1px);background-size:50% 50%;background-position:center}
.lhtn-kanji__big>.lhtn-jp{font-size:110px;line-height:1.1;color:var(--lhtn-ink)}
.lhtn-facts{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:0}
.lhtn-facts>div{background:#fff;border:1px solid var(--lhtn-line);border-radius:10px;padding:10px 12px}
.lhtn-facts dt{font-size:12px;font-weight:700;color:var(--lhtn-muted);text-transform:uppercase;letter-spacing:.04em}
.lhtn-facts dd{margin:2px 0 0;font-size:17px;font-weight:600}
.lhtn-stroke{border:1px dashed var(--lhtn-line);border-radius:var(--lhtn-r);padding:14px;text-align:center}
.lhtn-chips{display:flex;flex-wrap:wrap;gap:8px}
.lhtn-chip{background:#fff;border:1px solid var(--lhtn-line);border-radius:999px;padding:4px 12px;font-size:14px}
.lhtn-chip b{font-size:18px;color:var(--lhtn-red)}

/* Ngữ pháp, từ vựng */
.lhtn-tags{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:0 0 16px}
.lhtn-tag{display:inline-block;background:#fff;border:1px solid var(--lhtn-line);border-radius:999px;padding:3px 12px;font-size:13px;font-weight:600}
.lhtn-tag.is-red{background:var(--lhtn-red);border-color:var(--lhtn-red);color:#fff}
.lhtn-furi-toggle,.lhtn-srs{background:#fff;border:1px solid var(--lhtn-line);border-radius:999px;padding:4px 12px;font:600 13px var(--lhtn-sans);color:var(--lhtn-ink);cursor:pointer}
.lhtn-furi-toggle:hover,.lhtn-srs:hover{border-color:var(--lhtn-red);color:var(--lhtn-red)}
.lhtn-srs.is-saved{background:var(--lhtn-ok-bg);border-color:var(--lhtn-ok-bg);color:var(--lhtn-ok)}
.lhtn-examples{display:flex;flex-direction:column;gap:10px;margin:10px 0 20px}
.lhtn-example{display:flex;gap:12px;align-items:flex-start;background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:12px 14px}
.lhtn-example p{margin:0}
.lhtn-sentence{font-size:19px;line-height:1.9}
.lhtn-speak,.lhtn-speak-btn{flex:none;width:36px;height:36px;border-radius:50%;border:0;background:var(--lhtn-red);color:#fff;font-size:13px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0}
.lhtn-speak:hover,.lhtn-speak-btn:hover{background:var(--lhtn-red-dark)}
.lhtn-kana__cell.lhtn-speak{width:auto;height:auto;border-radius:10px;background:#fff;color:var(--lhtn-ink);border:1px solid var(--lhtn-line)}
.lhtn-kana__cell.lhtn-speak:hover{background:var(--lhtn-tint)}
.lhtn-note{background:#FFF8E6;border:1px solid #F1DFAE;border-radius:var(--lhtn-r);padding:12px 16px;margin:16px 0}
.lhtn-note.is-ok{background:var(--lhtn-ok-bg);border-color:#BFE3CA;color:var(--lhtn-ok)}
.lhtn-word{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;background:#fff;border:1px solid var(--lhtn-line);border-radius:16px;padding:20px 24px;margin:0 0 20px}
.lhtn-word__big{font-size:64px;line-height:1.4}
.lhtn-word__big rt{font-size:18px}

/* Bài tập */
.lhtn-quiz{margin:24px 0}
.lhtn-q{background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:14px 16px;margin:0 0 12px}
.lhtn-q p{margin:0 0 8px}
.lhtn-q__opts{display:flex;flex-wrap:wrap;gap:8px}
.lhtn-q__opts button{background:var(--lhtn-paper);border:1px solid var(--lhtn-line);border-radius:10px;padding:8px 16px;font-size:17px;color:var(--lhtn-ink);cursor:pointer}
.lhtn-q__opts button:hover{border-color:var(--lhtn-red)}
.lhtn-q__opts button.is-right,.lhtn-choices button.is-right{background:var(--lhtn-ok-bg);border-color:var(--lhtn-ok);color:var(--lhtn-ok)}
.lhtn-q__opts button.is-wrong,.lhtn-choices button.is-wrong{background:var(--lhtn-tint);border-color:var(--lhtn-red);color:var(--lhtn-red)}
.lhtn-q__fb{margin:8px 0 0!important;font-size:15px;color:var(--lhtn-muted)}

/* FAQ */
.lhtn-faq{margin:32px 0}
.lhtn-faq details{background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);margin:0 0 10px;padding:0}
.lhtn-faq summary{cursor:pointer;font-weight:600;padding:14px 44px 14px 16px;list-style:none;position:relative}
.lhtn-faq summary::-webkit-details-marker{display:none}
.lhtn-faq summary::after{content:"+";position:absolute;right:16px;top:10px;font-size:22px;color:var(--lhtn-red)}
.lhtn-faq details[open] summary::after{content:"−"}
.lhtn-faq details>div,.lhtn-faq details>p{padding:0 16px 14px;margin:0}

/* Byline E-E-A-T */
.lhtn-byline{background:var(--lhtn-paper);border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:16px 18px;margin:32px 0 0;font-size:15px}
.lhtn-byline__who{display:flex;gap:12px;align-items:flex-start}
.lhtn-byline__who img{border-radius:50%;flex:none}
.lhtn-byline__name{font-weight:700}
.lhtn-byline__cred{color:var(--lhtn-red);font-weight:600;font-size:14px}
.lhtn-byline__bio{margin:4px 0 0;color:var(--lhtn-muted)}
.lhtn-byline__meta{display:flex;flex-wrap:wrap;gap:6px 16px;margin-top:10px;padding-top:10px;border-top:1px solid var(--lhtn-line);color:var(--lhtn-muted);font-size:14px}
.lhtn-profile{display:flex;gap:24px;align-items:flex-start;background:#fff;border:1px solid var(--lhtn-line);border-radius:16px;padding:24px;margin:0 0 24px}
.lhtn-profile img.avatar{border-radius:50%;flex:none}
.lhtn-profile h1{margin:0}
.lhtn-cert{margin:12px 0;max-width:320px}
.lhtn-cert img{border:1px solid var(--lhtn-line)}
.lhtn-cert figcaption{font-size:13px;color:var(--lhtn-muted)}
.lhtn-author{display:flex;gap:20px;align-items:center;background:#fff;border:1px solid var(--lhtn-line);border-radius:16px;padding:20px;margin:0 0 24px}
.lhtn-author img{border-radius:50%}
.lhtn-team{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:14px}
.lhtn-person{display:flex;flex-direction:column;align-items:center;text-align:center;gap:4px;background:#fff;border:1px solid var(--lhtn-line);border-radius:var(--lhtn-r);padding:18px;text-decoration:none!important;color:var(--lhtn-ink)!important}
.lhtn-person img{border-radius:50%;margin-bottom:6px}
.lhtn-person span{font-size:13px;color:var(--lhtn-muted)}

/* Form */
.lhtn-form label{display:block;font-weight:600;margin-bottom:4px}
.lhtn-form input,.lhtn-form textarea{width:100%;border:1px solid var(--lhtn-line);border-radius:10px;padding:10px 12px;background:#fff;font:16px var(--lhtn-sans)}
.lhtn-hp{position:absolute!important;left:-9999px}

/* Công cụ */
.lhtn-tool{background:#fff;border:1px solid var(--lhtn-line);border-radius:16px;padding:20px;margin:0 0 24px}
.lhtn-tool label{font-weight:700;display:block;margin-bottom:6px}
.lhtn-tool input[type=text]{flex:1;min-width:200px;border:1px solid var(--lhtn-line);border-radius:999px;padding:10px 16px;font:16px var(--lhtn-sans)}
.lhtn-tool__out{margin-top:16px;background:var(--lhtn-paper);border-radius:var(--lhtn-r);padding:16px}
.lhtn-tool__result{font-size:36px;color:var(--lhtn-red);line-height:1.4;margin:4px 0}

/* Ứng dụng học thử */
.lhtn-learn{margin:0 0 24px}
.lhtn-app{background:#fff;border:1px solid var(--lhtn-line);border-radius:18px;padding:22px;max-width:720px;margin:0 auto}
.lhtn-app__head{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}
.lhtn-app__head h2{margin:0}
.lhtn-app__head p{margin:0}
.lhtn-app__top{display:flex;align-items:center;gap:14px;margin-bottom:12px}
.lhtn-app__top .lhtn-bar{flex:1}
.lhtn-bar{height:10px;background:var(--lhtn-tint);border-radius:999px;overflow:hidden}
.lhtn-bar span{display:block;height:100%;background:var(--lhtn-red);border-radius:999px;transition:width .3s}
.lhtn-path{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-direction:column;gap:10px;position:relative}
.lhtn-path::before{content:"";position:absolute;left:27px;top:10px;bottom:10px;border-left:2px dashed var(--lhtn-line)}
.lhtn-path li{margin:0;position:relative}
.lhtn-path button{display:flex;align-items:center;gap:14px;width:100%;text-align:left;background:#fff;border:1px solid var(--lhtn-line);border-radius:14px;padding:10px 14px;cursor:pointer;color:var(--lhtn-ink);font-family:var(--lhtn-sans)}
.lhtn-path button:hover{border-color:var(--lhtn-red)}
.lhtn-path button b{display:block;font-size:16px}
.lhtn-path button small{display:block;color:var(--lhtn-muted);font-size:13px}
.lhtn-path__icon{flex:none;width:30px;height:30px;border-radius:50%;background:var(--lhtn-red);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:16px;position:relative;z-index:1}
.lhtn-path__item.is-done .lhtn-path__icon{background:var(--lhtn-ok)}
.lhtn-path__item.is-locked button{background:var(--lhtn-paper);color:var(--lhtn-muted)}
.lhtn-path__item.is-locked .lhtn-path__icon{background:var(--lhtn-line);color:var(--lhtn-muted)}
.lhtn-path__mission button{background:var(--lhtn-tint);border:1px dashed var(--lhtn-red)}
.lhtn-path__mission .lhtn-path__icon{background:var(--lhtn-ink)}
.lhtn-path__mission.is-done button{background:var(--lhtn-ok-bg);border-color:var(--lhtn-ok-bg)}
.lhtn-flash{text-align:center;padding:20px 0}
.lhtn-flash__char{font-size:120px;line-height:1.2;color:var(--lhtn-ink);outline:none}
.lhtn-flash__romaji{font-size:26px;color:var(--lhtn-red)}
.lhtn-flash__word{margin-top:12px;color:var(--lhtn-muted)}
.lhtn-choices{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:14px 0}
.lhtn-choices button{background:var(--lhtn-paper);border:2px solid var(--lhtn-line);border-radius:14px;padding:18px;font-size:40px;cursor:pointer;color:var(--lhtn-ink)}
.lhtn-choices button:hover{border-color:var(--lhtn-red)}
.lhtn-fb{min-height:1.6em;font-weight:600}
.lhtn-finish{text-align:center}
.lhtn-hanko{display:inline-flex;width:84px;height:84px;align-items:center;justify-content:center;border:4px solid var(--lhtn-red);border-radius:12px;color:var(--lhtn-red);font-size:48px;transform:rotate(-8deg);margin:8px 0 4px;animation:lhtn-stamp .35s ease-out}
@keyframes lhtn-stamp{from{transform:scale(1.6) rotate(-8deg);opacity:0}to{transform:scale(1) rotate(-8deg);opacity:1}}
.lhtn-scroll{background:var(--lhtn-paper);border:1px solid var(--lhtn-line);border-top:4px solid var(--lhtn-red);border-bottom:4px solid var(--lhtn-red);border-radius:6px;padding:16px 20px;margin:12px 0;text-align:left}
.lhtn-scroll h2{margin:4px 0}
.lhtn-scroll p{margin:4px 0 0}
.lhtn-scroll__eyebrow{font-size:12px;font-weight:700;color:var(--lhtn-red);text-transform:uppercase;letter-spacing:.06em}
.lhtn-steps{margin:16px 0 0 20px;display:flex;flex-direction:column;gap:14px}
.lhtn-steps li{padding-left:4px}
.lhtn-steps .lhtn-btn{margin-left:8px}
.lhtn-steps input{flex:1;min-width:160px;border:2px solid var(--lhtn-line);border-radius:999px;padding:10px 16px;font:600 17px var(--lhtn-sans);letter-spacing:.08em;text-transform:uppercase}
.lhtn-steps input:focus{border-color:var(--lhtn-red);outline:none}
.lhtn-sofl-mini{margin-top:16px;font-size:14px;color:var(--lhtn-muted)}

/* Chân trang */
.lhtn-footer{background:var(--lhtn-ink);color:#E7DCD3;padding:44px 20px 28px;margin-top:40px}
.lhtn-footer__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:28px}
.lhtn-footer strong{display:block;color:#fff;font-size:18px;margin:8px 0 6px}
.lhtn-footer p{font-size:14px;opacity:.85}
.lhtn-footer h3{color:#fff;font-size:15px;margin:0 0 8px;text-transform:uppercase;letter-spacing:.05em}
.lhtn-footer ul{list-style:none;margin:0 0 16px;padding:0}
.lhtn-footer li{margin:0 0 6px;font-size:14px}
.lhtn-footer a{color:#E7DCD3;text-decoration:none}
.lhtn-footer a:hover{color:#fff;text-decoration:underline}
.lhtn-footer .lhtn-btn{color:var(--lhtn-red)!important}
.lhtn .site-info{background:#15110F;color:#a99c94;font-size:13px}
.lhtn .site-info a{color:#d8ccc4}

/* Thanh tab di động + ôn tập */
.lhtn-tabbar{display:none}
.lhtn-review[hidden]{display:none}
.lhtn-review{position:fixed;inset:0;background:rgba(31,26,23,.5);z-index:1000;display:flex;align-items:flex-end;justify-content:center}
.lhtn-review__box{background:#fff;width:100%;max-width:560px;max-height:80vh;overflow:auto;border-radius:18px 18px 0 0;padding:18px 20px 28px}
.lhtn-review__head{display:flex;justify-content:space-between;align-items:center}
.lhtn-review__head h2{margin:0;font-size:20px}
.lhtn-review-close{background:none;border:0;font-size:28px;cursor:pointer;color:var(--lhtn-muted)}
.lhtn-review__list a{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--lhtn-line);text-decoration:none;color:var(--lhtn-ink)}
.lhtn-review__list button{background:none;border:0;color:var(--lhtn-muted);cursor:pointer}
@media (max-width:768px){
	body.lhtn{font-size:16px;padding-bottom:64px}
	.lhtn-tabbar{display:grid;grid-template-columns:repeat(5,1fr);position:fixed;left:0;right:0;bottom:0;z-index:999;background:#fff;border-top:1px solid var(--lhtn-line);box-shadow:0 -4px 16px rgba(31,26,23,.06);padding-bottom:env(safe-area-inset-bottom)}
	.lhtn-tabbar a,.lhtn-tabbar button{display:flex;flex-direction:column;align-items:center;gap:0;padding:6px 0 8px;font:600 11px var(--lhtn-sans);color:var(--lhtn-muted);text-decoration:none;background:none;border:0;position:relative}
	.lhtn-tabbar .lhtn-jp{font-size:20px;line-height:1.3;color:var(--lhtn-ink)}
	.lhtn-tabbar [aria-current=page]{color:var(--lhtn-red)}
	.lhtn-tabbar [aria-current=page] .lhtn-jp{color:var(--lhtn-red)}
	.lhtn-review-count{position:absolute;top:2px;right:22%;background:var(--lhtn-red);color:#fff;border-radius:999px;font-size:10px;padding:0 5px}
	.lhtn-hero{grid-template-columns:1fr;padding:28px 20px;border-radius:0 0 20px 20px;margin:-24px -20px 24px}
	.lhtn-hero__art{display:none}
	.lhtn-levels{grid-template-columns:repeat(2,1fr)}
	.lhtn-kanji{grid-template-columns:1fr}
	.lhtn-profile{flex-direction:column;align-items:center;text-align:center}
	.lhtn-profile .lhtn-chips{justify-content:center}
	.lhtn-word{grid-template-columns:1fr;text-align:center}
	.lhtn-footer__inner{grid-template-columns:1fr 1fr}
	.lhtn-footer__brand{grid-column:1/-1}
	.lhtn-flash__char{font-size:96px}
	.lhtn-choices button{font-size:32px;padding:14px}
	.lhtn-app{padding:16px;border-radius:14px}
	.lhtn-cta{padding:18px}
	.lhtn-cta::after{display:none}
	.lhtn-kana{gap:6px}
	.lhtn-kana__cell .lhtn-jp{font-size:24px}
	.lhtn .main-navigation .main-nav ul li.lhtn-menu-cta>a{margin:6px 0;display:inline-block}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
@media print{.lhtn-tabbar,.lhtn-footer,.lhtn-cta,.lhtn-sofl{display:none!important}}

/* Chống theme ghi đè kiểu nút */
body.lhtn .lhtn-q__opts button,body.lhtn .lhtn-choices button{background:var(--lhtn-paper)!important;color:var(--lhtn-ink)!important;border:1px solid var(--lhtn-line)!important;text-decoration:none;box-shadow:none!important}
body.lhtn .lhtn-q__opts button.is-right,body.lhtn .lhtn-choices button.is-right{background:var(--lhtn-ok-bg)!important;border-color:var(--lhtn-ok)!important;color:var(--lhtn-ok)!important}
body.lhtn .lhtn-q__opts button.is-wrong,body.lhtn .lhtn-choices button.is-wrong{background:var(--lhtn-tint)!important;border-color:var(--lhtn-red)!important;color:var(--lhtn-red)!important}
body.lhtn .lhtn-choices button{border-width:2px}
body.lhtn .lhtn-srs,body.lhtn .lhtn-furi-toggle{background:#fff!important;color:var(--lhtn-ink)!important;border:1px solid var(--lhtn-line)!important;box-shadow:none!important}
body.lhtn .lhtn-srs.is-saved{background:var(--lhtn-ok-bg)!important;color:var(--lhtn-ok)!important;border-color:var(--lhtn-ok-bg)!important}
body.lhtn .lhtn-speak,body.lhtn .lhtn-speak-btn{background:var(--lhtn-red)!important;color:#fff!important;border:0!important;box-shadow:none!important;padding:0}
body.lhtn .lhtn-kana__cell.lhtn-speak{background:#fff!important;color:var(--lhtn-ink)!important;border:1px solid var(--lhtn-line)!important;padding:10px 4px}
body.lhtn .lhtn-kana__cell.lhtn-speak:hover{background:var(--lhtn-tint)!important;border-color:var(--lhtn-red)!important}
body.lhtn button.lhtn-btn{background:var(--lhtn-red)!important;color:#fff!important;border:2px solid var(--lhtn-red)!important}
body.lhtn button.lhtn-btn:hover{background:var(--lhtn-red-dark)!important}
body.lhtn button.lhtn-btn.is-ghost{background:transparent!important;color:var(--lhtn-red)!important}
body.lhtn .lhtn-link{background:none!important;border:0!important;color:var(--lhtn-red)!important;text-decoration:underline;box-shadow:none!important}
body.lhtn .lhtn-path button{background:#fff!important;color:var(--lhtn-ink)!important;border:1px solid var(--lhtn-line)!important}
body.lhtn .lhtn-path__item.is-locked button{background:var(--lhtn-paper)!important;color:var(--lhtn-muted)!important}
body.lhtn .lhtn-path__mission button{background:var(--lhtn-tint)!important;border:1px dashed var(--lhtn-red)!important}
body.lhtn .lhtn-tabbar button{background:none!important;color:var(--lhtn-muted)!important;border:0!important}
body.lhtn .lhtn-q__opts button:hover,body.lhtn .lhtn-choices button:hover,body.lhtn .lhtn-path button:hover{border-color:var(--lhtn-red)!important}
body.lhtn .lhtn-speak:hover,body.lhtn .lhtn-speak-btn:hover{background:var(--lhtn-red-dark)!important}
body.lhtn .lhtn-tabbar [aria-current=page]{color:var(--lhtn-red)!important}

/* ===== v1.1: chọn trình độ, cấp độ, từ vựng kiểu thẻ, trung tâm ===== */
.lhtn .site-logo img,.lhtn .custom-logo{max-height:56px;width:auto}
.lhtn-hero{grid-template-columns:1.15fr 1fr}
.lhtn-hero__pick{display:block}
.lhtn-hero__trust{list-style:none;margin:18px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 18px;font-size:14px;opacity:.95}
.lhtn-hero__trust li::before{content:"✓ ";font-weight:700}
.lhtn-picker{background:#fff;color:var(--lhtn-ink);border-radius:18px;padding:22px;box-shadow:0 18px 40px rgba(60,10,12,.25)}
.lhtn-picker__title{margin:0!important;font-size:22px!important;color:var(--lhtn-ink)!important}
.lhtn-picker p{margin:2px 0 10px;font-size:14px}
.lhtn-picker fieldset,.lhtn-pick{border:0;margin:0 0 14px;padding:0}
.lhtn-picker legend,.lhtn-pick legend{font-weight:700;font-size:14px;margin-bottom:8px;padding:0}
.lhtn-chips{display:flex;flex-wrap:wrap;gap:8px}
.lhtn-pill{position:relative;display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid var(--lhtn-line);background:#fff;color:var(--lhtn-ink);font:500 14px var(--lhtn-sans);cursor:pointer}
.lhtn-pill input,.lhtn-lv input{position:absolute;opacity:0;pointer-events:none}
.lhtn-pill:has(input:checked),.lhtn-pill.is-on{border:2px solid var(--lhtn-red);background:var(--lhtn-tint);color:var(--lhtn-red-dark);font-weight:700}
.lhtn-levelpick{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.lhtn-lv{position:relative;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;min-height:56px;padding:8px 12px;border-radius:12px;border:1px solid var(--lhtn-line);background:#fff;color:var(--lhtn-ink);cursor:pointer;text-align:left;font-family:var(--lhtn-sans)}
.lhtn-lv b{font-size:14px}
.lhtn-lv small{font-size:12px;color:var(--lhtn-muted)}
.lhtn-lv:has(input:checked),.lhtn-lv.is-on{border:2px solid var(--lhtn-red);background:var(--lhtn-tint)}
.lhtn-lv:has(input:focus-visible),.lhtn-pill:has(input:focus-visible){outline:3px solid var(--lhtn-red);outline-offset:2px}
.lhtn-btn.is-block{display:flex;width:100%;min-height:52px;font-size:16px;font-weight:800;border-radius:12px}
.lhtn-section__head p{margin:4px 0 0}
.lhtn-lvgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:14px;margin-top:16px}
.lhtn-lvcard{display:flex;flex-direction:column;gap:10px;background:#fff;border:1px solid var(--lhtn-line);border-top:4px solid var(--lhtn-red);border-radius:14px;padding:18px}
.lhtn-lvcard header{display:flex;align-items:baseline;gap:8px}
.lhtn-lvcard__n{font:800 30px/1 var(--lhtn-sans);color:var(--lhtn-red)}
.lhtn-lvcard__label{font-size:13px;color:var(--lhtn-muted);font-weight:600}
.lhtn-lvcard__can{margin:0;font-size:14px;line-height:1.55}
.lhtn-lvcard__nums{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin:0}
.lhtn-lvcard__nums div{background:var(--lhtn-paper);border-radius:8px;padding:6px 8px}
.lhtn-lvcard__nums dt{font-size:11px;color:var(--lhtn-muted);text-transform:uppercase;letter-spacing:.04em}
.lhtn-lvcard__nums dd{margin:0;font-weight:700;font-size:14px}
.lhtn-lvcard__for{margin:0;font-size:13px;color:var(--lhtn-muted)}
.lhtn-lvcard__links{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:14px;margin-top:auto}
.lhtn-lvcard__links a{text-decoration:none;font-weight:600}
.lhtn-lvcard .lhtn-btn{min-height:44px;font-size:15px}
.lhtn-cards.is-goals{grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.lhtn-goal__k{font-size:34px;color:var(--lhtn-red);font-weight:700;line-height:1.2}
.lhtn-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:14px}
.lhtn-tools a{display:flex;flex-direction:column;gap:4px;background:var(--lhtn-ink);color:#fff!important;border-radius:14px;padding:20px;text-decoration:none!important}
.lhtn-tools a:hover{background:#3A302B}
.lhtn-tools b{font-size:17px}
.lhtn-tools span{font-size:14px;color:#D9CFC8}
.lhtn-center{background:#fff;border:2px solid var(--lhtn-red);border-radius:18px;padding:26px;margin:36px 0;display:flex;flex-direction:column;gap:18px}
.lhtn-center__head{display:flex;gap:18px;align-items:center}
.lhtn-center__head h2{margin:2px 0 4px!important}
.lhtn-center__head p{margin:0;color:var(--lhtn-muted)}
.lhtn-center .lhtn-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px}
.lhtn-center .lhtn-stats div{background:var(--lhtn-tint);border-radius:12px;padding:14px}
.lhtn-center .lhtn-stats b{display:block;font-size:28px;color:var(--lhtn-red);line-height:1.1}
.lhtn-center .lhtn-stats span{font-size:14px}
.lhtn-center__info ul{list-style:none;margin:0 0 14px;padding:0;display:flex;flex-direction:column;gap:6px;font-size:15px}
.lhtn-center__info li span{color:var(--lhtn-red);font-weight:700}
.lhtn-person{gap:6px!important;text-align:center}
.lhtn-person__title{color:var(--lhtn-ink)!important;font-weight:600}
.lhtn-person__cred{color:var(--lhtn-red)!important;font-weight:700}
.lhtn-person q{font-size:13px;color:var(--lhtn-muted);font-style:italic;margin-top:4px}
.lhtn-team{grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}
.lhtn-initial{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--lhtn-red);color:#fff;font-weight:700;font-family:var(--lhtn-sans);box-shadow:inset 0 0 0 3px rgba(255,255,255,.25);flex:none}
.lhtn-footer__logo img{background:#fff;border-radius:10px;padding:4px}
.lhtn-footer__contact{list-style:none;padding:0;margin:8px 0 14px;font-size:14px}
/* hub cấp độ */
.lhtn-lvbox{display:flex;flex-direction:column;gap:12px;background:var(--lhtn-tint);border-radius:16px;padding:18px 20px;margin:0 0 24px}
.lhtn-lvbox__main{display:flex;gap:16px;align-items:flex-start}
.lhtn-lvbox__main p{margin:4px 0 0}
.lhtn-lvbox__tabs{display:flex;flex-wrap:wrap;gap:8px}
.lhtn-lvbox__tabs a{background:#fff;border:1px solid var(--lhtn-line);border-radius:999px;padding:6px 14px;font-size:14px;font-weight:600;text-decoration:none}
.lhtn-lvbox__tabs a[aria-current]{background:var(--lhtn-red);border-color:var(--lhtn-red);color:#fff}
.lhtn-lvbox .lhtn-btn{align-self:flex-start}
.lhtn-wordgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin:12px 0 24px}
.lhtn-wordcard{position:relative;display:flex;flex-direction:column;gap:2px;background:#fff;border:1px solid var(--lhtn-line);border-radius:12px;padding:12px 14px;text-decoration:none!important;color:var(--lhtn-ink)!important}
a.lhtn-wordcard:hover{border-color:var(--lhtn-red)}
.lhtn-wordcard__w{font-size:24px;line-height:1.3}
.lhtn-wordcard small{color:var(--lhtn-muted);font-size:13px}
.lhtn-wordcard span:not(.lhtn-wordcard__w){font-size:14px}
.lhtn-wordcard em{color:var(--lhtn-muted);font-style:normal;font-size:12px}
.lhtn-wordcard .lhtn-speak{position:absolute;top:10px;right:10px;width:30px;height:30px}
/* trang từ vựng */
.lhtn-vhead{display:grid;grid-template-columns:auto 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--lhtn-line);border-radius:18px;padding:24px 28px;margin:0 0 18px}
.lhtn-vhead__word{font-size:76px;line-height:1.3;color:var(--lhtn-ink)}
.lhtn-vhead__word rt{font-size:20px;color:var(--lhtn-red)}
.lhtn-vhead__romaji{font-size:20px;color:var(--lhtn-red)}
.lhtn-vhead__mean{font-size:24px;font-weight:700;margin:6px 0 10px}
.lhtn-vhead .lhtn-tags{margin-bottom:10px}
.lhtn-speak--slow{width:auto!important;padding:0 10px!important;border-radius:999px!important;font:700 12px var(--lhtn-sans)!important;background:var(--lhtn-ink)!important}
.lhtn-vtabs{position:sticky;top:0;z-index:5;display:flex;gap:6px;background:var(--lhtn-paper);padding:8px 0;margin:0 0 8px;border-bottom:1px solid var(--lhtn-line)}
.lhtn-vtabs a{flex:1;text-align:center;padding:10px;border-radius:10px;font-weight:700;text-decoration:none;background:#fff;border:1px solid var(--lhtn-line);color:var(--lhtn-ink)}
.lhtn-vtabs a:hover{border-color:var(--lhtn-red);color:var(--lhtn-red)}
.lhtn-vsec{scroll-margin-top:70px;padding-top:6px}
.lhtn-vsec>h2{display:flex;align-items:center;gap:10px}
.lhtn-vsec__n{display:inline-flex;width:34px;height:34px;border-radius:50%;background:var(--lhtn-red);color:#fff;align-items:center;justify-content:center;font-size:17px;flex:none}
.lhtn-vsec h3{font-size:19px;margin:22px 0 10px}
.lhtn-vsec .lhtn-furi-toggle{margin-bottom:6px}
.lhtn-kcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}
.lhtn-kcard{display:flex;gap:14px;background:#fff;border:1px solid var(--lhtn-line);border-radius:14px;padding:14px}
.lhtn-kcard__c{font-size:54px;line-height:1;color:var(--lhtn-red);background:var(--lhtn-paper);border-radius:10px;padding:8px 10px;align-self:flex-start}
.lhtn-kcard dl{display:grid;grid-template-columns:1fr 1fr;gap:4px 10px;margin:8px 0 6px;font-size:14px}
.lhtn-kcard dt{font-size:11px;color:var(--lhtn-muted);text-transform:uppercase}
.lhtn-kcard dd{margin:0}
.lhtn-kcard a{font-size:14px;font-weight:600}
.lhtn-example.is-situation{flex-wrap:wrap}
.lhtn-situation{flex-basis:100%;font-size:12px;font-weight:700;color:var(--lhtn-red);text-transform:uppercase;letter-spacing:.04em}
.lhtn-pn{display:flex;justify-content:space-between;gap:12px;margin:28px 0 0}
.lhtn-pn a{display:flex;flex-direction:column;background:#fff;border:1px solid var(--lhtn-line);border-radius:12px;padding:10px 16px;text-decoration:none;color:var(--lhtn-ink)}
.lhtn-pn a.is-next{text-align:right;margin-left:auto}
.lhtn-pn small{color:var(--lhtn-muted)}
.lhtn-pn b{font-size:22px}
.lhtn-credit{font-size:12px;margin:4px 0 0}
/* nét viết */
.lhtn-stroke{border:0;padding:0;text-align:left}
.lhtn-kvg-row{display:flex;flex-wrap:wrap;gap:14px}
.lhtn-kvg-box{margin:0;background:#fff;border:1px solid var(--lhtn-line);border-radius:14px;padding:10px;width:200px;max-width:100%}
.lhtn-kvg{width:100%;height:auto;display:block}
.lhtn-kvg__grid line{stroke:var(--lhtn-line);stroke-width:.6;stroke-dasharray:2 2}
.lhtn-kvg__ghost path{fill:none;stroke:#EEE6DF;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.lhtn-kvg__ink path{fill:none;stroke:var(--lhtn-ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}
.lhtn-kvg__num text{font-size:7px;fill:var(--lhtn-red);font-family:var(--lhtn-sans)}
.lhtn-kvg-box figcaption{display:flex;align-items:center;gap:6px;font-size:13px;margin-top:6px}
.lhtn-kvg-box figcaption b{font-size:18px}
.lhtn-kvg-replay{margin-left:auto;background:none;border:1px solid var(--lhtn-line);border-radius:999px;padding:2px 10px;font:600 12px var(--lhtn-sans);color:var(--lhtn-red);cursor:pointer}
/* ứng dụng: màn chọn + thẻ từ */
.lhtn-setup h2{margin:0 0 4px}
.lhtn-setup .lhtn-pick{margin-top:16px}
.lhtn-setup .lhtn-pill,.lhtn-setup .lhtn-lv{font-family:var(--lhtn-sans)}
.lhtn-setup__cta{display:flex;flex-direction:column;align-items:center;gap:10px;margin-top:18px}
.lhtn-flash__word-big{font-size:64px;line-height:1.5;color:var(--lhtn-ink);outline:none}
.lhtn-flash__word-big.is-phrase{font-size:34px;line-height:1.5}
.lhtn-flash__word-big rt{font-size:18px;color:var(--lhtn-red)}
.lhtn-flash__mean{font-size:20px;font-weight:700;margin:10px 0 0}
.lhtn-flash__mean .lhtn-tag{font-size:12px;vertical-align:middle;margin-left:6px}
.lhtn-choices.is-words button{font-size:22px;padding:14px 10px}
body.lhtn .lhtn-setup .lhtn-pill,body.lhtn .lhtn-setup .lhtn-lv{background:#fff!important;color:var(--lhtn-ink)!important;border:1px solid var(--lhtn-line)!important}
body.lhtn .lhtn-setup .lhtn-pill.is-on,body.lhtn .lhtn-setup .lhtn-lv.is-on{background:var(--lhtn-tint)!important;border:2px solid var(--lhtn-red)!important;color:var(--lhtn-red-dark)!important}
body.lhtn .lhtn-vtabs a{color:var(--lhtn-ink)}
@media (max-width:768px){
	.lhtn-hero{grid-template-columns:1fr}
	.lhtn-hero__pick{margin-top:6px}
	.lhtn-vhead{grid-template-columns:1fr;text-align:center;padding:18px}
	.lhtn-vhead .lhtn-row,.lhtn-vhead .lhtn-tags{justify-content:center}
	.lhtn-vhead__word{font-size:60px}
	.lhtn-center__head{flex-direction:column;align-items:flex-start}
	.lhtn-lvbox__main{flex-direction:column;gap:6px}
	.lhtn-wordgrid{grid-template-columns:repeat(2,1fr)}
	.lhtn-kvg-box{width:calc(50% - 7px)}
	.lhtn-flash__word-big{font-size:52px}
}
/* Trang chủ rộng tối đa 1180px dù theme đặt khung hẹp */
.lhtn-home{width:min(1180px,calc(100vw - 32px));position:relative;left:50%;transform:translateX(-50%);max-width:none!important}
.lhtn-home>*{max-width:none!important}
.lhtn-lv span{display:flex;flex-direction:column;gap:2px}
.lhtn-lvcard__nums dd{text-align:left;white-space:nowrap;font-size:13px}
.lhtn-lvcard__nums div{min-width:0}
.lhtn-picker .lhtn-chips{gap:6px}
html,body.lhtn{overflow-x:clip}
@media (max-width:768px){.lhtn-home .lhtn-hero{margin:0 0 24px;border-radius:16px}}
.lhtn-hero>*,.lhtn-lvgrid>*,.lhtn-cards>*{min-width:0}
.lhtn-hero h1{overflow-wrap:anywhere}
.lhtn-lvcard__nums span{display:flex;flex-direction:column;background:var(--lhtn-paper);border-radius:8px;padding:6px 8px;min-width:0}
.lhtn-lvcard__nums small{font-size:10px;color:var(--lhtn-muted);text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}
.lhtn-lvcard__nums b{font-size:13px;white-space:nowrap}
.lhtn-card .lhtn-goal__k{font-size:34px;color:var(--lhtn-red);line-height:1.2}
body.lhtn .lhtn-initial{color:#fff!important;opacity:1!important;background:var(--lhtn-red)!important}
.lhtn-center__info b{color:var(--lhtn-red)}
.lhtn-kcard__facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 12px;margin:8px 0 6px}
.lhtn-kcard__facts span{display:flex;flex-direction:column}
.lhtn-kcard__facts small{font-size:11px;color:var(--lhtn-muted);text-transform:uppercase}
.lhtn-kcard__facts b{font-weight:600;font-size:15px}
body.lhtn .lhtn-hero .lhtn-search button.lhtn-btn{background:var(--lhtn-ink)!important;border-color:var(--lhtn-ink)!important;color:#fff!important}
@media (max-width:768px){
	.lhtn-home .lhtn-hero{padding:22px 16px;gap:14px}
	.lhtn-home .lhtn-hero p,.lhtn-home .lhtn-hero__trust{display:none}
	.lhtn-home .lhtn-hero h1{font-size:26px;margin:6px 0 10px}
	.lhtn-home .lhtn-hero .lhtn-search{margin-top:6px}
	.lhtn-picker{padding:16px}
	.lhtn-picker .lhtn-muted{display:block!important}
}
@media (max-width:768px){.lhtn-home{width:auto;left:auto;transform:none}}
@media (min-width:769px){
	body .lhtn-home,body .entry-content>.lhtn-home{position:relative;left:auto;transform:none;width:min(1180px,calc(100vw - 48px))!important;max-width:none!important;margin-left:calc(50% - min(590px,50vw - 24px))!important;margin-right:0!important}
}

/* ===== v1.2: XP, quiz, flashcard, tập viết, bộ thủ, kho từ theo cấp ===== */
.lhtn-toast{position:fixed;left:50%;bottom:84px;transform:translate(-50%,20px);opacity:0;background:var(--lhtn-ink);color:#fff;padding:10px 18px;border-radius:999px;font:600 14px var(--lhtn-sans);z-index:2000;transition:all .25s;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.lhtn-toast.is-in{opacity:1;transform:translate(-50%,0)}
.lhtn-game{margin:0 0 16px}
.lhtn-game:empty{display:none}
.lhtn-game__stats{display:flex;flex-wrap:wrap;gap:8px}
.lhtn-game__stats span{background:#fff;border:1px solid var(--lhtn-line);border-radius:999px;padding:5px 12px;font-size:14px}
.lhtn-game__rank{margin:10px 0 6px}
.lhtn-game__rank small{color:var(--lhtn-muted)}
.lhtn-game__daily{list-style:none;margin:8px 0 0;padding:12px 14px;background:#fff;border:1px solid var(--lhtn-line);border-radius:12px;display:grid;gap:6px}
.lhtn-game__daily li{display:flex;justify-content:space-between;gap:10px;font-size:14px;margin:0}
.lhtn-game__daily li small{color:var(--lhtn-muted);white-space:nowrap}
.lhtn-game__daily li.is-done span{color:var(--lhtn-ok);font-weight:700}
.lhtn-game__title{font-weight:800;color:var(--lhtn-red);text-transform:uppercase;font-size:12px!important;letter-spacing:.05em}
.lhtn-app .lhtn-game{margin:10px 0 0}
.lhtn-game--home{max-width:none;margin:0 0 8px}
.lhtn-game--home .lhtn-game__daily{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.lhtn-game--home .lhtn-game__title{grid-column:1/-1}
/* quiz */
.lhtn-quizapp,.lhtn-fcapp,.lhtn-writeapp,.lhtn-radapp{margin:0 0 24px}
.lhtn-quizset{background:#fff;border:1px solid var(--lhtn-line);border-radius:18px;padding:20px}
.lhtn-quizset fieldset{border:0;padding:0;margin:0 0 16px}
.lhtn-quizset legend{font-weight:800;font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:var(--lhtn-red);margin-bottom:8px}
.lhtn-qtypes{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:8px}
.lhtn-q__kind{font-weight:700;margin:6px 0 10px}
.lhtn-q__big{text-align:center;font-size:56px;line-height:1.5;margin:6px 0}
.lhtn-q__big rt{font-size:16px;color:var(--lhtn-red)}
.lhtn-q__mean{text-align:center;font-size:20px;font-weight:700}
.lhtn-q__play{width:72px!important;height:72px!important}
.lhtn-choices.is-text button{font:600 16px var(--lhtn-sans);padding:14px;text-align:left}
.lhtn-choices.is-tf{grid-template-columns:1fr 1fr}
.lhtn-choices.is-tf button{font:800 18px var(--lhtn-sans)}
.lhtn-wronglist{margin:8px 0 12px 18px}
.lhtn-match{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}
.lhtn-match>div{display:flex;flex-direction:column;gap:8px}
body.lhtn .lhtn-match button{background:var(--lhtn-paper)!important;border:2px solid var(--lhtn-line)!important;color:var(--lhtn-ink)!important;border-radius:12px;padding:12px;font-size:16px;cursor:pointer;min-height:52px}
body.lhtn .lhtn-match button.lhtn-jp{font-size:22px}
body.lhtn .lhtn-match button.is-sel{border-color:var(--lhtn-red)!important;background:var(--lhtn-tint)!important}
body.lhtn .lhtn-match button.is-done{opacity:.35;border-color:var(--lhtn-ok)!important;background:var(--lhtn-ok-bg)!important}
body.lhtn .lhtn-match button.is-wrong{border-color:var(--lhtn-red)!important;animation:lhtn-shake .3s}
@keyframes lhtn-shake{25%{transform:translateX(-4px)}75%{transform:translateX(4px)}}
.lhtn-why{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin:18px 0}
.lhtn-why div{background:#fff;border:1px solid var(--lhtn-line);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:2px}
.lhtn-why span{font-size:14px;color:var(--lhtn-muted)}
.lhtn-next{margin:20px 0}
.lhtn-next>b{display:block;margin-bottom:8px}
.lhtn-next__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px}
.lhtn-next__grid a{display:flex;flex-direction:column;background:var(--lhtn-ink);color:#fff!important;border-radius:12px;padding:12px 14px;text-decoration:none!important}
.lhtn-next__grid small{color:#D9CFC8}
/* flashcard */
.lhtn-fc__decks{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 14px}
.lhtn-fc__decks small{color:var(--lhtn-red);font-weight:800}
.lhtn-fc__stage{max-width:560px;margin:0 auto}
.lhtn-fc__meta{display:flex;justify-content:space-between;font-size:14px;color:var(--lhtn-muted);margin-bottom:8px}
.lhtn-fc__card{background:#fff;border:2px solid var(--lhtn-line);border-radius:20px;min-height:280px;padding:28px 22px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;box-shadow:0 10px 30px rgba(31,26,23,.06);transition:border-color .2s}
.lhtn-fc__card:hover,.lhtn-fc__card:focus-visible{border-color:var(--lhtn-red)}
.lhtn-fc__front{display:flex;flex-direction:column;gap:8px;align-items:center}
.lhtn-fc__w{font-size:60px;line-height:1.3}
.lhtn-fc__back{margin-top:14px;padding-top:14px;border-top:1px dashed var(--lhtn-line);width:100%}
.lhtn-fc__read{font-size:22px;color:var(--lhtn-red)}
.lhtn-fc__read small{font-size:15px;color:var(--lhtn-muted)}
.lhtn-fc__m{font-size:22px;font-weight:800;margin:6px 0}
.lhtn-fc__ex{font-size:18px;margin:10px 0 2px}
.lhtn-fc__card.is-flipped .lhtn-fc__front small{display:none}
.lhtn-fc__acts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}
/* tập viết */
.lhtn-write__input{background:#fff;border:1px solid var(--lhtn-line);border-radius:16px;padding:16px;margin:0 0 14px}
.lhtn-write__input label{font-weight:700;display:block;margin-bottom:6px}
.lhtn-write__input input{flex:1;min-width:0;border:1px solid var(--lhtn-line);border-radius:999px;padding:10px 16px;font:20px var(--lhtn-jp)}
.lhtn-write__sets{display:grid;gap:8px;margin-top:12px}
.lhtn-write__sets small{font-weight:700;color:var(--lhtn-muted);display:block;margin-bottom:4px}
.lhtn-write__sets .lhtn-pill{min-height:38px;padding:0 12px;font-size:18px}
.lhtn-write__bar{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}
.lhtn-write__bar .lhtn-pill{font-size:20px;min-height:42px}
.lhtn-write__grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.lhtn-write__grid figure{margin:0;background:#fff;border:1px solid var(--lhtn-line);border-radius:16px;padding:14px}
.lhtn-write__grid figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;flex-wrap:wrap}
.lhtn-write__svg .lhtn-kvg-box{width:100%;max-width:320px;margin:0 auto;border:0;padding:0}
.lhtn-pad{position:relative;width:100%;max-width:320px;aspect-ratio:1;margin:0 auto 12px;border:2px solid var(--lhtn-red);border-radius:10px;background:#fff;background-image:linear-gradient(to right,transparent calc(50% - .5px),#F2C9C4 calc(50% - .5px),#F2C9C4 calc(50% + .5px),transparent calc(50% + .5px)),linear-gradient(to bottom,transparent calc(50% - .5px),#F2C9C4 calc(50% - .5px),#F2C9C4 calc(50% + .5px),transparent calc(50% + .5px))}
.lhtn-pad__ghost{position:absolute;inset:0;opacity:.22;pointer-events:none;display:flex;align-items:center;justify-content:center}
.lhtn-pad__ghost svg{width:100%;height:100%}
.lhtn-pad__ghost .lhtn-kvg__grid,.lhtn-pad__ghost .lhtn-kvg__num,.lhtn-pad__ghost .lhtn-kvg__ink{display:none}
.lhtn-pad__ghost .lhtn-kvg__ghost path{stroke:#1F1A17}
.lhtn-pad__ghost span{font-size:240px;line-height:1}
.lhtn-pad canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}
/* bộ thủ */
.lhtn-rad__tools input{flex:1;min-width:0;border:1px solid var(--lhtn-line);border-radius:999px;padding:12px 18px;font:15px var(--lhtn-sans);background:#fff}
.lhtn-rad__filter{margin:12px 0}
.lhtn-rad__filter .lhtn-pill{min-height:36px;font-size:13px}
.lhtn-rad__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}
body.lhtn .lhtn-rad{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;background:#fff!important;border:1px solid var(--lhtn-line)!important;border-radius:12px;padding:10px 6px;cursor:pointer;color:var(--lhtn-ink)!important;font-family:var(--lhtn-sans);text-align:center}
body.lhtn .lhtn-rad:hover{border-color:var(--lhtn-red)!important}
.lhtn-rad small{position:absolute;top:4px;left:7px;font-size:10px;color:var(--lhtn-muted)}
.lhtn-rad span{font-size:34px;line-height:1.2}
.lhtn-rad span i{font-style:normal;font-size:16px;color:var(--lhtn-muted);margin-left:2px}
.lhtn-rad b{font-size:12px;color:var(--lhtn-red)}
.lhtn-rad em{font-style:normal;font-size:12px;color:var(--lhtn-muted);line-height:1.3}
.lhtn-rad__detail{position:relative;display:grid;grid-template-columns:auto 1fr 180px;gap:18px;align-items:center;background:var(--lhtn-tint);border-radius:16px;padding:18px;margin:0 0 14px}
.lhtn-rad__big{font-size:90px;line-height:1;color:var(--lhtn-red)}
.lhtn-rad__big small{font-size:34px;color:var(--lhtn-muted);margin-left:6px}
.lhtn-rad__detail p{margin:4px 0 0}
.lhtn-rad__svg .lhtn-kvg-box{width:100%;border:0}
body.lhtn .lhtn-rad__close{position:absolute;top:6px;right:10px;background:none!important;border:0!important;font-size:26px;color:var(--lhtn-muted)!important;cursor:pointer}
/* kho từ theo cấp */
.lhtn-vlist__head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px}
.lhtn-vlist__head h2{margin:0!important}
.lhtn-vlist__head h2 small{font-size:15px;color:var(--lhtn-muted);font-weight:600}
.lhtn-vlist__view{display:inline-flex;gap:4px}
.lhtn-vlist__view .lhtn-pill,.lhtn-vlist__filter .lhtn-pill{min-height:36px;font-size:13px}
.lhtn-vlist__filter{margin:12px 0}
.lhtn-vcards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px}
.lhtn-vcard{display:flex;flex-direction:column;gap:4px;background:#fff;border:1px solid var(--lhtn-line);border-radius:14px;padding:14px;color:var(--lhtn-ink)}
.lhtn-vcard[hidden]{display:none}
.lhtn-vcard__top{display:flex;justify-content:space-between;align-items:center}
.lhtn-vcard__w{font-size:30px;line-height:1.2}
.lhtn-vcard__meta{font-size:13px;color:var(--lhtn-muted)}
.lhtn-vcard__meta b{color:var(--lhtn-red)}
.lhtn-vcard__m{font-weight:700}
.lhtn-vcard__m .lhtn-tag{font-size:11px;padding:1px 8px;vertical-align:middle}
.lhtn-vcard__ex{margin:6px 0 0!important;font-size:16px;line-height:1.9;border-top:1px dashed var(--lhtn-line);padding-top:6px}
.lhtn-vcard__exvi{margin:0!important;font-size:13px}
.lhtn-vcard__more{margin-top:auto;font-size:13px;font-weight:700}
body.lhtn .lhtn-pill.is-on{border:2px solid var(--lhtn-red)!important;background:var(--lhtn-tint)!important;color:var(--lhtn-red-dark)!important;font-weight:700}
body.lhtn button.lhtn-pill{background:#fff;border:1px solid var(--lhtn-line);color:var(--lhtn-ink);cursor:pointer}
@media (max-width:768px){
	.lhtn-write__grid{grid-template-columns:1fr}
	.lhtn-rad__detail{grid-template-columns:auto 1fr}
	.lhtn-rad__svg{grid-column:1/-1;max-width:200px}
	.lhtn-rad__grid{grid-template-columns:repeat(3,1fr)}
	.lhtn-vcards{grid-template-columns:1fr}
	.lhtn-q__big{font-size:44px}
	.lhtn-fc__w{font-size:48px}
}
.lhtn-ico{width:16px;height:16px;vertical-align:-3px;color:var(--lhtn-red)}
body.lhtn button.lhtn-pill:not(.is-on){background:#fff!important;border:1px solid var(--lhtn-line)!important;color:var(--lhtn-ink)!important}
body.lhtn button.lhtn-pill:not(.is-on):hover{border-color:var(--lhtn-red)!important}