/* SonamZangmo VI development: scoped to /vi/ only. Do not modify English CSS. */
@import url('https://fonts.googleapis.com/css2?family=Quicksand:wght@400;500;600;700&display=swap');
html[lang="vi"],html[lang="vi"] body,
html[lang="vi"] body *:not(svg):not(path),
html[lang="vi"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,blockquote,li,span,strong,em,cite,b,small,div,nav,header,footer,figcaption),
html[lang="vi"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,blockquote,li,span,strong,em,cite,b,small,div,nav,header,footer,figcaption)::before,
html[lang="vi"] body :where(h1,h2,h3,h4,h5,h6,p,a,button,input,select,textarea,label,summary,blockquote,li,span,strong,em,cite,b,small,div,nav,header,footer,figcaption)::after{
 font-family:'Quicksand',Arial,sans-serif!important;
}
html[lang="vi"] body {overflow-wrap:anywhere;text-rendering:optimizeLegibility;}
html[lang="vi"] :where(h1,h2,h3,h4,h5,h6){hyphens:none;overflow-wrap:break-word;line-height:1.24;}
html[lang="vi"] :where(button,a,summary){text-wrap:pretty;}
html[lang="vi"] .home-prophecy-hotspot,html[lang="vi"] a[href^="/tarot"],html[lang="vi"] a[href^="/learning-tarot"]{display:none!important;}
html[lang="vi"] .vi-lang-switch{position:fixed;right:15px;bottom:18px;z-index:99991;display:flex;gap:4px;align-items:center;padding:5px 7px;background:rgba(14,10,30,.93);border:1px solid rgba(224,187,119,.65);border-radius:999px;box-shadow:0 3px 20px rgba(0,0,0,.35);font:500 12px/1.3 'Quicksand',Arial,sans-serif!important;color:#f9e4b0;}
html[lang="vi"] .vi-lang-switch a{display:inline-flex;justify-content:center;align-items:center;min-width:38px;min-height:31px;border-radius:999px;text-decoration:none;color:#f9e4b0;font:600 12px/1.4 'Quicksand',Arial,sans-serif!important;}
html[lang="vi"] .vi-lang-switch a[aria-current="page"]{background:#b9945b;color:#191125;}
html[lang="vi"] .vi-pending-note{position:relative;z-index:5;margin:18px auto 24px;width:min(900px,calc(100% - 32px));padding:11px 15px;border:1px solid rgba(215,179,111,.5);border-left:3px solid #dfbb7f;border-radius:4px;background:rgba(16,12,29,.88);color:#f5e8d5;font:400 14px/1.65 'Quicksand',Arial,sans-serif!important;letter-spacing:0;}
html[lang="vi"] .vi-pending-note strong{font-weight:700;}
html[lang="vi"] .vi-pending-note a{color:#f5d99b;text-decoration:underline;}
html[lang="vi"] body.home-page .welcome-home .welcome-word{font-family:'Quicksand',Arial,sans-serif!important;font-size:clamp(1rem,1.6vw,1.7rem);letter-spacing:.12em;}
html[lang="vi"] body.home-page .welcome-home .home-word{font-family:'Quicksand',Arial,sans-serif!important;font-size:clamp(2.1rem,4vw,4.5rem);}
html[lang="vi"] body.home-page .welcome-home .welcome-slogan{font-family:'Quicksand',Arial,sans-serif!important;font-size:clamp(.75rem,1.1vw,1.1rem);}
html[lang="vi"] body.home-page .home-latest-intro{line-height:1.65;}
html[lang="vi"] .tp-philosophy-page :is(.knowledge-article-hero h1,.knowledge-article-section h2){line-height:1.32;}
@media(max-width:650px){
 html[lang="vi"] .vi-lang-switch{right:10px;bottom:10px;padding:4px 5px;}
 html[lang="vi"] .vi-pending-note{font-size:12px;line-height:1.55;}
 html[lang="vi"] body.home-page .home-latest-genre{font-size:.83rem;line-height:1.4;}
}
/* Literary Comparisons VI: generous space for Vietnamese accents and readable cards. */
html[lang="vi"] body:is(.literary-comparison-page,.literary-comparisons-hub) .knowledge-article-hero h1{line-height:1.3;letter-spacing:.006em;overflow-wrap:break-word;}
html[lang="vi"] body.literary-comparison-page .knowledge-article-section h2{line-height:1.32;}
html[lang="vi"] body.literary-comparisons-hub .comparison-list-item h2{line-height:1.32;letter-spacing:0;}
html[lang="vi"] body.literary-comparisons-hub .comparison-list-item p{line-height:1.68;}

/* Put the VI switch in the same visible position as the English switch.
   Larger screens: beside the account area; small screens: floating lower-right. */
html[lang="vi"] .vi-lang-switch{
 top:22px;bottom:auto;right:clamp(182px,11vw,215px);
 z-index:999991;backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);
}
html[lang="vi"] .vi-lang-switch a:focus-visible{outline:2px solid #fff6c5;outline-offset:3px;}
@media(max-width:700px){
 html[lang="vi"] .vi-lang-switch{top:auto;bottom:12px;right:12px;}
 html[lang="vi"] .vi-lang-switch a{min-height:34px;}
}