/* WordPress support + official brand placement. Visuals inherited from v0.2. */
:root{--tr-brand-purple:#46176E;--tr-brand-coral:#FA5E68}
.titiprasa-lockup{display:flex;align-items:center;gap:4px;flex:0 0 auto;min-width:190px;letter-spacing:initial}
.titiprasa-lockup img{display:block;object-fit:contain;flex:0 0 auto}
.titiprasa-lockup .brand-symbol{width:48px;height:48px}
.titiprasa-lockup .brand-wordmark{width:142px;height:51px}
.header .nav{flex-wrap:wrap;justify-content:center}
.header .nav a,.header .nav .titiprasa-wp-menu a{display:inline-flex;color:#bbb4cf;text-decoration:none;border-radius:12px;padding:9px 10px;font-size:12px;font-weight:650;white-space:nowrap;transition:.2s}
.header .nav a:hover,.header .nav a:focus-visible,.header .nav .current-menu-item a{color:white;background:rgba(255,255,255,.08)}
.titiprasa-wp-menu{display:flex;list-style:none;margin:0;padding:0;align-items:center;gap:3px}
.theme-toggle{border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;width:39px;height:39px;border-radius:50%;display:grid;place-items:center;font-size:23px;line-height:1}
.theme-toggle:hover{background:rgba(255,255,255,.13)}
.footer{gap:12px;flex-wrap:wrap}
.footer-brand{display:flex;align-items:center;flex:none;gap:4px;text-decoration:none;min-width:135px}
.footer-brand img:first-child{width:35px;height:35px;object-fit:contain}.footer-brand img:last-child{width:108px;height:39px;object-fit:contain}
.footer-menu{display:flex;gap:12px;list-style:none;margin:0;padding:0}
.mobile-nav a{color:inherit;text-decoration:none;display:flex;align-items:center;flex-direction:column;gap:2px;justify-content:center}
.wp-content-layout{padding-top:65px;padding-bottom:100px;min-height:65vh}.wp-page-header{margin-bottom:34px}.wp-page-header h1{font:400 clamp(37px,5vw,62px)/1.15 Georgia,serif;max-width:850px;margin:8px 0}.wp-post-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.wp-post-card,.wp-reading-card{border:1px solid var(--line);border-radius:24px;background:var(--glass);overflow:hidden}
.wp-post-card .wp-cover img{display:block;width:100%;height:auto;aspect-ratio:16/10;object-fit:cover}.wp-post-content{padding:25px}
.wp-post-meta{font-size:12px;color:var(--gold);letter-spacing:.05em}.wp-post-card h2{font:400 28px Georgia,serif;line-height:1.2}.wp-post-card h2 a,.wp-read{color:var(--ink);text-decoration:none}.wp-read{font-size:13px;font-weight:700;border-bottom:1px solid var(--rose)}.wp-excerpt{color:var(--muted)}
.wp-reading-card{max-width:920px;margin:auto;padding:clamp(24px,5vw,62px);overflow-wrap:anywhere}.wp-entry-content{color:var(--ink);font-size:17px;line-height:1.86}.wp-entry-content a{color:var(--rose2)}.wp-entry-content img{max-width:100%;height:auto}.wp-entry-content blockquote{border-left:3px solid var(--rose);margin-left:0;padding:12px 22px;background:rgba(255,255,255,.04)}.wp-entry-content h2,.wp-entry-content h3{font-family:Georgia,serif}.wp-entry-content p{margin-bottom:1.3em}.wp-entry-content .alignwide{max-width:100%}
.wp-feature-image img{width:100%;height:auto;border-radius:14px;margin:18px 0}.wp-tags,.wp-tags a{color:var(--muted)}
.wp-pagination{margin-top:35px}.wp-pagination .nav-links{display:flex;justify-content:center;gap:14px;align-items:center;flex-wrap:wrap}.wp-pagination a{color:var(--ink)}
.wp-not-found{text-align:center}.wp-not-found img{object-fit:contain}.wp-not-found h1{font:400 clamp(33px,5vw,52px) Georgia,serif}
.wp-search-form{margin:20px 0}.wp-search-form label{display:block;margin-bottom:8px}.wp-search-form>div{display:flex;gap:8px}.wp-search-form input{border:1px solid var(--line);background:rgba(255,255,255,.09);color:var(--ink);border-radius:12px;min-height:47px;padding:12px;max-width:500px;width:100%}
.wp-comments{margin-top:52px;border-top:1px solid var(--line);padding-top:26px}.comment-list{padding-left:20px}.comment-body{margin-bottom:25px}.wp-comments textarea,.wp-comments input:not([type=submit]){background:rgba(255,255,255,.06);color:var(--ink);border:1px solid var(--line);max-width:100%;padding:12px;border-radius:9px}.wp-comments .submit{border:0;background:var(--rose);padding:12px 22px;border-radius:14px;color:#171020}
.screen-reader-text{position:absolute!important;clip:rect(1px,1px,1px,1px)!important;height:1px;width:1px;overflow:hidden}
/* Light palette: the official primary brand assets are swapped to the light-background variants. */
[data-theme="light"]{--night:#fff9fc;--night2:#fffbff;--ink:#301c46;--muted:#6a5878;--line:rgba(86,48,112,.17);--glass:rgba(255,255,255,.83);--gold:#805b2c;--rose:#ba395b;--rose2:#9f3061}
[data-theme="light"] body{background:#fff9fc;color:var(--ink)}
[data-theme="light"] .cosmos{background:radial-gradient(circle at 80% 15%,#f3e7f9,transparent 50%),radial-gradient(circle at 12% 85%,#fff0f3,transparent 45%),#fff9fc}
[data-theme="light"] .glow{opacity:.13}
[data-theme="light"] .header{border-bottom-color:rgba(40,20,55,.12)}
[data-theme="light"] .header .nav button,[data-theme="light"] .header .nav a,[data-theme="light"] .header .nav .titiprasa-wp-menu a{color:#635478}
[data-theme="light"] .header .nav button:hover,[data-theme="light"] .header .nav button[aria-current="page"],[data-theme="light"] .header .nav a:hover{color:#46176E;background:rgba(70,23,110,.09)}
[data-theme="light"] .brand-symbol{content:url('../brand/symbol-light.svg')}[data-theme="light"] .brand-wordmark{content:url('../brand/wordmark-light.svg')}
[data-theme="light"] .footer-brand img:first-child{content:url('../brand/symbol-light.svg')}[data-theme="light"] .footer-brand img:last-child{content:url('../brand/wordmark-light.svg')}
[data-theme="light"] .theme-toggle{color:#46176E;background:#fff}
[data-theme="light"] .chip{color:#756985}
[data-theme="light"] .headline{color:#301c46}
[data-theme="light"] .hero p,[data-theme="light"] .page-intro p,[data-theme="light"] .hero-notes,[data-theme="light"] .feature p{color:#685c73}
[data-theme="light"] .gradient-text{background:linear-gradient(115deg,#b03865,#6c3ea7 58%,#d8736a);color:transparent;background-clip:text;-webkit-background-clip:text}
[data-theme="light"] .btn-secondary{background:rgba(79,34,98,.06);color:#46176E}
[data-theme="light"] .feature{background:rgba(255,255,255,.8);color:#301c46}
[data-theme="light"] .feature h3,[data-theme="light"] .feature p{color:#5c4b68}
[data-theme="light"] .card,[data-theme="light"] .wp-post-card,[data-theme="light"] .wp-reading-card{background:rgba(255,255,255,.84)}
[data-theme="light"] .page-intro .eyebrow{color:#805b2c}
[data-theme="light"] .footer,[data-theme="light"] .footer a,[data-theme="light"] .footer button{color:#625273}
[data-theme="light"] .mobile-nav{background:rgba(255,255,255,.96)}[data-theme="light"] .mobile-nav button,[data-theme="light"] .mobile-nav a{color:#4b3863}
[data-theme="light"] .wp-post-card h2 a,[data-theme="light"] .wp-read,[data-theme="light"] .wp-pagination a{color:#301c46}
@media(max-width:1150px){.header .nav{gap:1px}.header .nav button{padding:9px 6px}.header-right .chip{display:none}.titiprasa-lockup{min-width:168px}.titiprasa-lockup .brand-wordmark{width:114px}}
@media(max-width:960px){.header .nav{display:none}.header{height:74px}.titiprasa-lockup .brand-wordmark{width:160px}}
@media(max-width:800px){.mobile-nav a{font-size:10px}.wp-content-layout{padding-top:36px}}
@media(max-width:530px){.titiprasa-lockup{min-width:0}.titiprasa-lockup .brand-symbol{width:39px;height:39px}.titiprasa-lockup .brand-wordmark{width:123px;height:39px}.header{padding:0 18px}.footer{padding-bottom:105px}.wp-post-grid{grid-template-columns:1fr}}