.art-shell{padding:8px 16px 48px}.art{max-width:760px}.art-head{gap:10px;display:grid}.art-head h1{font-size:clamp(1.7rem,4.6vw,2.5rem)}.art-lead,.art-meta{color:var(--k-ink-2);margin:0}.art-meta{font-size:.9rem}.art-answer{background:color-mix(in oklch, var(--k-sky) 26%, var(--k-card));box-shadow:inset 4px 0 0 var(--k-primary);border-radius:20px;margin:6px 0 0;padding:14px 18px;font-size:1.08rem;line-height:1.6}html[data-theme=dark] .art-answer{background:color-mix(in oklch, var(--k-sky) 12%, var(--k-card))}.art-body{gap:14px;font-size:1.05rem;line-height:1.7;display:grid}.art-body h2,.art-faq h2,.art-more h2{margin-top:18px;font-size:clamp(1.3rem,3.4vw,1.65rem)}.art-body p{margin:0}.art-list{gap:8px;margin:0;padding-left:1.2em;display:grid}.art-list li::marker{color:var(--k-pink-deep)}.art-tip{background:color-mix(in oklch, var(--k-sun) 24%, var(--k-card));border-radius:18px;padding:12px 16px}.art-tip:before{content:"Mẹo nhỏ";letter-spacing:.06em;text-transform:uppercase;color:var(--k-sun-deep);margin-bottom:4px;font-size:.75rem;font-weight:800;display:block}html[data-theme=dark] .art-tip{background:color-mix(in oklch, var(--k-sun) 10%, var(--k-card))}.art-words{grid-template-columns:repeat(auto-fill,minmax(min(100%,220px),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.art-words li{background:var(--k-card);box-shadow:var(--k-clay);border-radius:20px;align-items:center;gap:8px;padding:8px 10px 8px 8px;display:flex}.art-words a{min-width:0;color:var(--k-ink);flex:1;align-items:center;gap:10px;text-decoration:none;display:flex}.art-words img{object-fit:contain;background:color-mix(in oklch, var(--k-sky) 18%, var(--k-card));border-radius:14px;flex:none;width:64px;height:64px}.art-word-text{min-width:0;line-height:1.3;display:grid}.art-word-text strong{font-family:var(--k-display);color:var(--k-primary-deep);overflow-wrap:anywhere;font-size:1.15rem}html[data-theme=dark] .art-word-text strong{color:var(--k-ink)}.art-word-ipa{color:var(--k-ink-2);font-family:Noto Sans,Segoe UI,system-ui,sans-serif;font-size:.85rem}.art-word-vi{color:var(--k-pink-deep);font-size:.92rem;font-weight:600}.art-faq{gap:8px;display:grid}.art-faq details{background:var(--k-paper-2);border-radius:16px;padding:12px 16px}.art-faq summary{cursor:pointer;min-height:24px;font-weight:700}.art-faq details p{margin:8px 0 0}.art-cta{margin-top:8px}.art-cards{gap:12px;margin:0;padding:0;list-style:none;display:grid}.art-card a{background:var(--k-card);box-shadow:var(--k-clay);color:var(--k-ink);border-radius:22px;align-items:center;gap:14px;padding:12px 14px;text-decoration:none;display:flex}.art-card a:hover{box-shadow:inset 0 0 0 2px var(--k-primary), var(--k-clay)}.art-card img,.art-card-icon{object-fit:contain;background:color-mix(in oklch, var(--k-sky) 18%, var(--k-card));border-radius:18px;flex:none;width:72px;height:72px}.art-card-icon{color:var(--k-primary-deep);place-items:center;display:grid}.art-card strong{font-family:var(--k-display);font-size:1.08rem;line-height:1.3;display:block}.art-card-sum{color:var(--k-ink-2);-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.92rem;display:-webkit-box;overflow:hidden}.art-loading{max-width:760px;color:var(--k-ink-2,#475569);margin:0 auto;padding:48px 16px}.art-related{gap:10px;display:grid}@media (max-width:767px){.art-card a{align-items:flex-start}.art-card img,.art-card-icon{width:56px;height:56px}.kids-seo-actions.art-cta{grid-template-columns:minmax(0,1fr)}}.art-cta .kids-btn{white-space:normal;text-align:left;line-height:1.25}.art-hero{aspect-ratio:16/9;object-fit:cover;border-radius:20px;width:100%;height:auto;margin:4px 0 8px;display:block}
