/* VI development: Quicksand is the sole default for Vietnamese routes. Preserve EN CSS. */
/* Original reader headings and TOC include more-specific Cormorant rules. */
body.vi-philosophy-page,body.vi-philosophy-page *:not(svg):not(path),
body.vi-philosophy-page *::before,body.vi-philosophy-page *::after{font-family:"Quicksand",Arial,sans-serif!important}
body.knowledge-page.knowledge-topic-page.tp-philosophy-page.vi-philosophy-page .knowledge-article-hero h1.tp-philosophy-long-title{font-family:"Quicksand",Arial,sans-serif!important;font-size:clamp(1.95rem,3.15vw,3.15rem);line-height:1.34;letter-spacing:-.025em}
.vi-philosophy-page .vi-theme-overview{box-sizing:border-box;max-width:100%;min-width:0;width:min(920px,100%);margin:1.65rem auto 2.1rem;padding:1.25rem 1.5rem;border:1px solid rgba(224,178,83,.28);background:rgba(18,13,30,.37);border-radius:3px}
.vi-philosophy-page .vi-theme-overview-label{margin:0 0 .8rem;color:#f7dda7;font-size:1.04rem;line-height:1.6}
.vi-philosophy-page .vi-theme-overview-list{list-style:none;counter-reset:theme-preview;margin:0;padding:0;display:grid;gap:.35rem}
.vi-philosophy-page .vi-theme-overview-list>li{counter-increment:theme-preview;display:grid;grid-template-columns:2.3em minmax(0,1fr);gap:.75rem;align-items:start;padding:.45rem .2rem;color:#f0e5dc;line-height:1.75;overflow-wrap:anywhere}
.vi-philosophy-page .vi-theme-overview-list>li::before{content:counter(theme-preview,decimal-leading-zero);font-size:.82em;font-weight:700;line-height:2.25;color:#e8c18a;font-family:"Quicksand",Arial,sans-serif!important}
.vi-philosophy-page .knowledge-article p,.vi-philosophy-page .knowledge-article li{overflow-wrap:break-word}
.vi-philosophy-index .tp-entry-title,.vi-philosophy-index .tp-links a{overflow-wrap:anywhere}

.vi-philosophy-page{font-family:"Quicksand",Arial,sans-serif}
.vi-philosophy-page .tp-heading h1,.vi-philosophy-page .tp-entry-title{font-family:"Quicksand",Arial,sans-serif;font-weight:600;letter-spacing:-.025em}
.vi-philosophy-page .tp-entry-title{font-size:clamp(1rem,1.35vw,1.24rem);line-height:1.45}
.vi-philosophy-page .tp-index{padding-bottom:25px}
.vi-philosophy-page .tp-menu{max-height:min(65vh,650px)}
.vi-philosophy-page .knowledge-article{font-family:"Quicksand",Arial,sans-serif}
.vi-philosophy-page .knowledge-article-section p,.vi-philosophy-page .vi-article-preface p,
.vi-philosophy-page .knowledge-article-section li{line-height:1.95;overflow-wrap:break-word}
.vi-philosophy-page .tp-philosophy-long-title{font-family:"Quicksand",Arial,sans-serif;line-height:1.43;letter-spacing:-.025em;font-size:clamp(1.8rem,3.1vw,2.55rem)}
.vi-philosophy-page .tp-philosophy-section h2{font-family:"Quicksand",Arial,sans-serif;line-height:1.5;font-size:clamp(1.25rem,2vw,1.65rem);scroll-margin-top:85px}
.vi-philosophy-page .knowledge-article blockquote{border-left:2px solid #cfa777;padding-left:1.1em;margin:1.6em 0}
.vi-philosophy-page .vi-article-preface{margin:1.6rem auto 2rem}
.vi-philosophy-page .vi-article-preface p{margin-block:0 1.1em}
.vi-philosophy-page .vi-language-switch{color:#f1d7b0;text-decoration:none;margin-left:12px;font-size:.8rem}
.vi-philosophy-page .tp-philosophy-toc a{overflow-wrap:anywhere}
@media(max-width:700px){.vi-philosophy-page .tp-heading h1{font-size:clamp(2.35rem,9vw,3.8rem)}.vi-philosophy-page .tp-nav{align-items:center}.vi-philosophy-page .tp-links{gap:12px}.vi-philosophy-page .tp-links a{font-size:.68rem}.vi-philosophy-page .tp-entry>a{grid-template-columns:28px minmax(0,1fr)}.vi-philosophy-page .tp-entry-title{font-size:.94rem}.vi-philosophy-page .knowledge-article-section p{line-height:1.85}.vi-philosophy-page .vi-theme-overview{padding:.9rem 1rem}.vi-philosophy-page .vi-theme-overview-list>li{grid-template-columns:2em minmax(0,1fr);gap:.55rem;line-height:1.65}.vi-philosophy-page .topbar{flex-wrap:wrap;gap:.6rem}}
/* Collection page: original EN used inline CSS, so VI supplies its matching layout. */
.vi-philosophy-index,.vi-philosophy-index *{box-sizing:border-box}
.vi-philosophy-index{margin:0;background:#060818;color:#f8eef6;overflow:hidden}
.vi-philosophy-index .tp-screen{position:relative;width:100%;height:100vh;height:100svh;min-height:500px;overflow:hidden;isolation:isolate}
.vi-philosophy-index .tp-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}
.vi-philosophy-index .tp-screen::before{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(5,6,20,.47) 0,rgba(3,4,16,.12) 43%,rgba(4,5,20,.6) 100%);pointer-events:none}
.vi-philosophy-index .tp-nav{position:absolute;left:50%;transform:translateX(-50%);top:24px;z-index:4;width:min(1180px,calc(100% - 64px));display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:"Quicksand",Arial,sans-serif}
.vi-philosophy-index .tp-brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:#fbf3f5;letter-spacing:.12em;font-weight:700;font-size:.95rem}
.vi-philosophy-index .tp-monogram{display:grid;place-items:center;width:33px;height:33px;border:1px solid rgba(243,210,174,.7);color:#f3d5ac;font-size:.67rem;font-weight:700}
.vi-philosophy-index .tp-links{display:flex;align-items:center;gap:23px}
.vi-philosophy-index .tp-links a{color:#f4e9f0;text-decoration:none;text-transform:uppercase;font-size:.7rem;letter-spacing:.12em;font-weight:700}
.vi-philosophy-index .tp-links a:hover{text-decoration:underline}
.vi-philosophy-index .tp-heading{position:absolute;z-index:2;top:clamp(105px,17svh,180px);left:50%;width:min(980px,calc(100% - 40px));text-align:center;transform:translateX(-50%);text-shadow:0 4px 16px #050716}
.vi-philosophy-index .tp-subtitle{font-size:.79rem;letter-spacing:.19em;text-transform:uppercase;color:#e8c6a0;line-height:1.55}
.vi-philosophy-index .tp-heading h1{font-family:"Quicksand",Arial,sans-serif;font-size:clamp(2.6rem,6.5vw,5.4rem);font-weight:600;line-height:1.17;letter-spacing:-.035em;margin:.25rem 0;color:#fff1f6}
.vi-philosophy-index .tp-heading h1 em{font-weight:500;font-style:italic;color:#e6bdae}
.vi-philosophy-index .tp-menu{position:absolute;z-index:2;left:50%;transform:translateX(-50%);top:clamp(290px,42svh,420px);bottom:clamp(22px,5vh,55px);width:min(790px,calc(100% - 80px));max-height:none!important;min-height:120px}
.vi-philosophy-index .tp-menu::before{content:"";position:absolute;inset:-32px -38px -22px;z-index:-1;background:radial-gradient(ellipse at center,rgba(4,5,21,.96),rgba(6,8,26,.79) 63%,transparent 100%);pointer-events:none}
.vi-philosophy-index .tp-menu-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:rgba(220,193,150,.68) transparent;scroll-padding-top:10px;mask-image:linear-gradient(to bottom,transparent 0,black 23px,black calc(100% - 27px),transparent 100%)}
.vi-philosophy-index .tp-menu-scroll::-webkit-scrollbar{width:5px}
.vi-philosophy-index .tp-menu-scroll::-webkit-scrollbar-thumb{background:rgba(220,193,150,.6);border-radius:5px}
.vi-philosophy-index .tp-index{list-style:none;margin:0;padding:15px 15px 15px 0}
.vi-philosophy-index .tp-entry>a{display:grid;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:18px;padding:13px 8px;min-height:65px;border-bottom:1px solid rgba(241,218,205,.21);text-decoration:none;transition:transform .17s ease,background .17s ease}
.vi-philosophy-index .tp-entry>a:hover,.vi-philosophy-index .tp-entry>a:focus-visible{transform:translateX(4px);background:linear-gradient(90deg,rgba(224,184,133,.11),transparent)}
.vi-philosophy-index .tp-entry-number{font:600 .76rem/1 "Quicksand",Arial,sans-serif;letter-spacing:.08em;color:#dfb983}
.vi-philosophy-index .tp-entry-title{font:500 clamp(.95rem,1.25vw,1.18rem)/1.45 "Quicksand",Arial,sans-serif;color:#f4eaf7;text-shadow:0 2px 8px rgba(3,3,14,.9)}
.vi-philosophy-index .tp-entry-overview .tp-entry-title{color:#f3d3a0}
.vi-philosophy-index .tp-visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.vi-philosophy-index .tp-skip{position:absolute;top:-150px;left:12px;z-index:30;background:#140f24;color:#fff;padding:8px}
.vi-philosophy-index .tp-skip:focus{top:12px}
@media(max-width:700px){
 .vi-philosophy-index .tp-nav{top:12px;width:calc(100% - 32px);gap:6px;flex-wrap:wrap;justify-content:center}
 .vi-philosophy-index .tp-brand{font-size:.83rem}.vi-philosophy-index .tp-monogram{width:28px;height:28px;font-size:.62rem}
 .vi-philosophy-index .tp-links{gap:14px}.vi-philosophy-index .tp-links a{font-size:.61rem}
 .vi-philosophy-index .tp-heading{top:clamp(128px,21svh,190px);width:calc(100% - 26px)}
 .vi-philosophy-index .tp-subtitle{font-size:.62rem;letter-spacing:.08em;line-height:1.5}
 .vi-philosophy-index .tp-heading h1{font-size:clamp(2.3rem,9.1vw,4.4rem);line-height:1.18}
 .vi-philosophy-index .tp-menu{top:clamp(310px,43svh,410px);bottom:23px;width:calc(100% - 40px)}
 .vi-philosophy-index .tp-menu::before{inset:-22px -22px -14px}
 .vi-philosophy-index .tp-index{padding:12px 6px 12px 0}
 .vi-philosophy-index .tp-entry>a{min-height:58px;gap:12px;padding:10px 5px;grid-template-columns:26px minmax(0,1fr)}
 .vi-philosophy-index .tp-entry-title{font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){.vi-philosophy-page *{scroll-behavior:auto!important}}