/* Layout kho Tiện ích + trang chi tiết (bản 3) */
.ti{--ti-pink:#c9246a;--ti-ink:#1d1b22;--ti-ink2:#4a4652;--ti-ink3:#77727f;--ti-line:#f1ecf2;font-family:"Be Vietnam Pro",system-ui,sans-serif;color:var(--ti-ink)}
.ti *{box-sizing:border-box}
.ti a{text-decoration:none}
.ti-wrap{max-width:1160px;margin:0 auto;padding:0 24px}
.ti-hero{background:linear-gradient(180deg,#fff5f9 0%,#f6f2ff 60%,#fff 100%)}
.ti-hero-in{max-width:760px;margin:0 auto;padding:80px 24px 64px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:18px}
.ti-pill{font-size:14px;font-weight:600;color:var(--ti-pink);background:#fff;border-radius:999px;padding:7px 16px;box-shadow:0 2px 10px rgba(201,36,106,.1)}
.ti-h1{font-family:"Noto Serif",Georgia,serif;font-size:52px;line-height:1.14;margin:0;letter-spacing:-.01em}
.ti-sub{font-size:19px;line-height:1.6;color:var(--ti-ink2);margin:0;max-width:560px}
.ti-search{width:100%;max-width:560px;display:flex;align-items:center;gap:12px;background:#fff;border-radius:999px;padding:8px 8px 8px 24px;box-shadow:0 12px 40px rgba(90,67,196,.12);margin-top:6px}
.ti-search input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:17px;padding:12px 0;outline:none;color:var(--ti-ink)}
.ti-search button{border:0;background:var(--ti-pink);color:#fff;font:inherit;font-weight:600;padding:13px 26px;border-radius:999px;cursor:pointer}
.ti-chips{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;padding-top:24px}
.ti-chip{font:inherit;font-size:15px;border:0;border-radius:999px;padding:11px 22px;cursor:pointer;background:#f4f1f5;color:var(--ti-ink2)}
.ti-chip[data-g="doi-song"]{background:#fff5f9;color:#b01f5c}
.ti-chip[data-g="ung-dung"]{background:#f6f2ff;color:#5a43c4}
.ti-chip[data-g="ky-nang-so"]{background:#eef6fc;color:#1d6497}
.ti-chip.is-on{background:var(--ti-ink);color:#fff;font-weight:600}
.ti-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:44px}
.ti-card{border-radius:32px;padding:32px;display:flex;flex-direction:column;gap:12px;color:var(--ti-ink);min-height:240px;transition:transform .18s,box-shadow .18s}
.ti-card:hover{transform:translateY(-4px);box-shadow:0 16px 40px rgba(29,27,34,.08);color:var(--ti-ink)}
.ti-card[data-g="doi-song"]{background:#fff5f9}.ti-card[data-g="ung-dung"]{background:#f6f2ff}.ti-card[data-g="ky-nang-so"]{background:#eef6fc}
.ti-ico{width:64px;height:64px;border-radius:20px;background:#fff;display:grid;place-items:center;flex:none}
.ti-ico svg{width:40px;height:40px}
.ti-card .ti-gap{flex:1}
.ti-card b{font-size:21px;line-height:1.3}
.ti-card span.ti-d{font-size:15px;color:var(--ti-ink2);line-height:1.5}
.ti-tip{grid-column:span 2;background:linear-gradient(135deg,#fff0f5 0%,#f6f2ff 100%);border-radius:32px;padding:40px;display:flex;gap:32px;align-items:center;color:var(--ti-ink);min-height:280px}
.ti-tip:hover{color:var(--ti-ink)}
.ti-tip-tx{flex:1;display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ti-tip-tag{font-size:13px;font-weight:700;color:#b01f5c;letter-spacing:.08em;background:#fff;border-radius:999px;padding:6px 12px}
.ti-tip-q{font-family:"Noto Serif",Georgia,serif;font-size:32px;line-height:1.22}
.ti-tip-d{font-size:17px;color:var(--ti-ink2);line-height:1.55}
.ti-btn{display:inline-block;background:var(--ti-pink);color:#fff!important;border-radius:999px;padding:11px 22px;font-weight:600;font-size:15px}
.ti-tip-ico{width:180px;height:180px;border-radius:50%;background:#fff;display:grid;place-items:center;flex:none;box-shadow:0 20px 50px rgba(201,36,106,.15)}
.ti-tip-ico svg{width:110px;height:110px}
.ti-more{text-align:center;padding-top:40px}
.ti-ghost{font:inherit;font-weight:600;font-size:16px;background:#fff;color:var(--ti-ink);border:1.5px solid #e2d9e4;border-radius:999px;padding:14px 32px;cursor:pointer}
.ti-empty{text-align:center;color:var(--ti-ink3);padding:40px 0}
.ti-cta{text-align:center;padding:88px 24px 96px}
.ti-cta h2,.ti-sec h2{font-family:"Noto Serif",Georgia,serif;font-size:30px;margin:0 0 10px}
.ti-cta p{margin:0 0 24px;color:var(--ti-ink2);font-size:17px}
.is-hidden{display:none!important}
/* Chi tiết */
.ti-dhero{background:linear-gradient(180deg,#fff5f9 0%,#fff 100%)}
.ti-dhero-in{max-width:820px;margin:0 auto;padding:44px 24px 36px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:14px}
.ti-back{font-size:14px;color:var(--ti-ink3)!important}
.ti-dico{width:88px;height:88px;border-radius:28px;background:#fff;display:grid;place-items:center;box-shadow:0 16px 40px rgba(201,36,106,.15)}
.ti-dico svg{width:56px;height:56px}
.ti-dh1{font-family:"Noto Serif",Georgia,serif;font-size:38px;line-height:1.2;margin:0}
.ti-dlead{margin:0;font-size:18px;color:var(--ti-ink2);line-height:1.6;max-width:680px}
.ti-app{max-width:960px;margin:0 auto;padding:4px 24px 0}
.ti-app-card{background:#fff;border-radius:32px;padding:12px;box-shadow:0 20px 60px rgba(29,27,34,.08)}
.ti-app-card iframe{display:block;width:100%;border:0;min-height:620px;border-radius:24px}
.ti-app-meta{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;font-size:14px;color:var(--ti-ink3);margin:16px 0 0}
.ti-app-meta a{color:var(--ti-pink)}
.ti-sec{max-width:760px;margin:0 auto;padding:80px 24px 0}
.ti-sec h2{text-align:center;margin-bottom:20px}
.ti-faq details{border-bottom:1px solid var(--ti-line);padding:20px 4px}
.ti-faq summary{font-weight:600;font-size:17px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.ti-faq summary::-webkit-details-marker{display:none}
.ti-faq summary::after{content:"+";color:var(--ti-pink);font-size:22px;line-height:1}
.ti-faq details[open] summary::after{content:"−"}
.ti-faq p{margin:12px 0 0;color:var(--ti-ink2);font-size:16px;line-height:1.65}
.ti-prose{font-size:17px;line-height:1.7;color:var(--ti-ink2)}
.ti-rel{max-width:1160px;margin:0 auto;padding:80px 24px 96px}
.ti-rel h2{font-family:"Noto Serif",Georgia,serif;font-size:30px;margin:0 0 24px;text-align:center}
.ti-rel .ti-grid{padding-top:0}
@media (max-width:900px){.ti-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ti-tip{grid-column:span 2}}
@media (max-width:640px){
 .ti-hero-in{padding:40px 20px 32px;gap:14px}.ti-h1{font-size:32px;line-height:1.2}.ti-sub{font-size:16px}
 .ti-search{padding:6px 6px 6px 18px}.ti-search button{display:none}
 .ti-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;padding:16px 16px 0;margin:0 -16px;scrollbar-width:none}
 .ti-chip{white-space:nowrap;padding:10px 18px;font-size:14px}
 .ti-wrap{padding:0 16px}
 .ti-grid{gap:14px;padding-top:24px}
 .ti-card{border-radius:24px;padding:18px;min-height:170px;gap:10px}
 .ti-ico{width:48px;height:48px;border-radius:16px}.ti-ico svg{width:30px;height:30px}
 .ti-card b{font-size:16px}.ti-card span.ti-d{display:none}
 .ti-tip{grid-column:1/-1;flex-direction:column-reverse;align-items:flex-start;padding:24px;gap:12px;min-height:0;border-radius:28px}
 .ti-tip-ico{width:72px;height:72px}.ti-tip-ico svg{width:46px;height:46px}
 .ti-tip-q{font-size:23px}.ti-tip-d{font-size:15px}
 .ti-cta{padding:56px 20px}.ti-cta h2,.ti-sec h2,.ti-rel h2{font-size:23px}
 .ti-dhero-in{padding:24px 20px 24px}.ti-dico{width:72px;height:72px;border-radius:24px}.ti-dico svg{width:46px;height:46px}
 .ti-dh1{font-size:27px}.ti-dlead{font-size:15px}
 .ti-app{padding:0 12px}.ti-app-card{border-radius:24px;padding:6px}.ti-app-card iframe{border-radius:18px}
 .ti-sec{padding:48px 20px 0}.ti-faq summary{font-size:15px}
 .ti-rel{padding:48px 16px 56px}
}

.ti-card[data-g="kham-pha"]{background:#f6f2ff}.ti-chip[data-g="kham-pha"]{background:#f6f2ff;color:#5a43c4}.ti-card[data-g="hoc-tap"]{background:#eefaf3}.ti-chip[data-g="hoc-tap"]{background:#eefaf3;color:#1f7a4d}

/* ===== Gợi ý hôm nay (nổi bật) + Được yêu thích ===== */
.ti-tip{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(125deg,#ffe3ee 0%,#fff1e6 45%,#efe8ff 100%);box-shadow:0 18px 50px rgba(201,36,106,.16),inset 0 0 0 1.5px rgba(255,255,255,.9);transition:transform .2s,box-shadow .2s}
.ti-tip:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(201,36,106,.22),inset 0 0 0 1.5px #fff}
.ti-tip::before{content:"";position:absolute;z-index:-1;width:340px;height:340px;right:-90px;top:-120px;border-radius:50%;background:radial-gradient(circle,#ffc8dc 0%,rgba(255,200,220,0) 70%)}
.ti-tip::after{content:"";position:absolute;z-index:-1;width:260px;height:260px;left:-80px;bottom:-140px;border-radius:50%;background:radial-gradient(circle,#d9ccff 0%,rgba(217,204,255,0) 70%)}
.ti-tip-tag{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(90deg,#e5397f,#c9246a);color:#fff;box-shadow:0 6px 16px rgba(201,36,106,.3)}
.ti-tip-tag::before{content:"";width:7px;height:7px;border-radius:50%;background:#fff;animation:tiPulse 1.6s ease-out infinite}
@keyframes tiPulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.8)}100%{box-shadow:0 0 0 8px rgba(255,255,255,0)}}
.ti-tip-q{font-size:34px}
.ti-tip .ti-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;box-shadow:0 8px 20px rgba(201,36,106,.28);transition:gap .2s}
.ti-tip .ti-btn::after{content:"→";font-weight:700}
.ti-tip:hover .ti-btn{gap:12px}
.ti-tip-ico{position:relative;width:190px;height:190px;box-shadow:0 22px 50px rgba(201,36,106,.2)}
.ti-tip-ico::before{content:"";position:absolute;inset:-12px;border-radius:50%;border:2px dashed rgba(201,36,106,.35);animation:tiSpin 24s linear infinite}
@keyframes tiSpin{to{transform:rotate(360deg)}}
.ti-tip-ico svg{animation:tiFloat 4s ease-in-out infinite}
@keyframes tiFloat{50%{transform:translateY(-6px)}}
.ti-spark{position:absolute;z-index:-1;pointer-events:none;color:#f5c542;animation:tiTw 3s ease-in-out infinite}
.ti-spark.s1{top:26px;right:42%;width:18px;height:18px}
.ti-spark.s2{bottom:30px;right:20px;width:14px;height:14px;color:#ff7a9c;animation-delay:1s}
.ti-spark.s3{top:44%;right:250px;width:10px;height:10px;color:#8b6cf0;animation-delay:2s}
@keyframes tiTw{0%,100%{opacity:.35;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}
.ti-pop{position:relative;overflow:hidden;border-radius:32px;padding:30px;display:flex;flex-direction:column;gap:12px;color:var(--ti-ink);background:linear-gradient(160deg,#fff8e1 0%,#ffffff 70%);box-shadow:inset 0 0 0 1.5px #fbe7a8;transition:transform .18s,box-shadow .18s}
.ti-pop:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1.5px #f5c542,0 16px 40px rgba(201,138,18,.14);color:var(--ti-ink)}
.ti-pop-tag{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;letter-spacing:.08em;color:#9a6a00;background:#fff;border-radius:999px;padding:6px 12px;box-shadow:0 2px 8px rgba(201,138,18,.12)}
.ti-pop-tag svg{width:14px;height:14px}
.ti-pop .ti-ico{box-shadow:0 10px 24px rgba(201,138,18,.14)}
.ti-pop-tx{display:flex;flex-direction:column;gap:8px}
.ti-pop b{font-size:21px;line-height:1.3}
.ti-pop .ti-d{font-size:15px;color:var(--ti-ink2);line-height:1.5}
.ti-pop-go{margin-top:auto;font-size:14px;font-weight:600;color:#9a6a00}
.ti-pop-go::after{content:" →"}
.ti-pop-medal{position:absolute;right:-18px;top:-18px;width:110px;height:110px;opacity:.18;transform:rotate(14deg)}
@media (max-width:900px){.ti-pop{grid-column:span 2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;column-gap:16px;row-gap:12px}.ti-pop-tag{grid-column:1/-1;justify-self:start}.ti-pop .ti-pop-tx{min-width:0;gap:4px}.ti-pop-go{margin-top:0}}
@media (max-width:640px){
 .ti-tip-tag{font-size:12px}.ti-tip-q{font-size:24px}.ti-tip-ico{width:84px;height:84px}.ti-tip-ico svg{width:52px;height:52px}.ti-tip-ico::before{inset:-7px}
 .ti-spark.s3{display:none}.ti-spark.s1{right:24px;top:20px}
 .ti-pop{padding:18px;border-radius:24px}.ti-pop b{font-size:16px}.ti-pop .ti-d{display:block;font-size:13px}.ti-pop-go{display:none}
}
@media (prefers-reduced-motion:reduce){.ti-tip-tag::before,.ti-tip-ico::before,.ti-tip-ico svg,.ti-spark{animation:none}}
/* Học cùng Linh: màu nhóm */
.ti-chip[data-g="cong-viec"],.ti-chip[data-g="quan-ly"]{background:#eef6fc;color:#1d6497}.ti-card[data-g="cong-viec"],.ti-card[data-g="quan-ly"]{background:#eef6fc}.ti-chip[data-g="marketing"]{background:#fff3ea;color:#b5541c}.ti-card[data-g="marketing"]{background:#fff3ea}.ti-chip[data-g="ai"]{background:#f6f2ff;color:#5a43c4}.ti-card[data-g="ai"]{background:#f6f2ff}.ti-chip[data-g="ban-than"]{background:#fff5f9;color:#b01f5c}.ti-card[data-g="ban-than"]{background:#fff5f9}.ti-chip[data-g="ngoai-ngu"]{background:#eefaf3;color:#1f7a4d}.ti-card[data-g="ngoai-ngu"]{background:#eefaf3}.ti-chip.is-on{background:#1d1b22!important;color:#fff!important}
/* Tinh chỉnh v2: Hôm nay học gì + trang bài học */
main.ti[data-set="learn"] .ti-sub{max-width:820px}
.ti-tip-q{font-family:"Be Vietnam Pro",system-ui,sans-serif;font-weight:700;font-size:32px;line-height:1.28;color:#1d1b22;letter-spacing:-.01em}
.ti-tip-d{color:#4a4652}
.ti-tip-tag{background:#fff;color:#c9246a;box-shadow:0 4px 14px rgba(201,36,106,.14)}
.ti-tip-tag::before{background:#e5397f}
.ti-learn .ti-app{max-width:940px}
.ti-learn .ti-app-card{padding:0;border-radius:28px;overflow:hidden}
.ti-learn .ti-app-card iframe{border-radius:0}
@media (max-width:640px){.ti-tip-q{font-size:22px}.ti-learn .ti-app{padding:0 8px}.ti-learn .ti-app-card{border-radius:20px}}