@import url('../design-tokens.css');
html,body{font-family:var(--dol-font)}
.wordmark{position:relative;padding-left:48px;min-height:40px;display:grid;align-content:center;line-height:1.2;letter-spacing:.12em}.wordmark::before{content:"";position:absolute;left:0;top:0;width:36px;height:40px;background:url('/canva-logo-original.png') center/contain no-repeat}.wordmark span{letter-spacing:0;font-size:11px}
:root{font-family:'IBM Plex Sans Thai',Tahoma,system-ui,sans-serif;color:var(--dol-navy);background:var(--dol-white)}
body{background:var(--dol-white);color:var(--dol-navy)}
a{color:var(--dol-plum)}a:hover{color:var(--dol-navy)}
.topbar{position:sticky;top:0;z-index:20;border-bottom:1px solid var(--dol-line);background:var(--dol-white)}
.wordmark{color:var(--dol-navy);font-weight:700}.wordmark span{color:var(--dol-muted)}
.topbar nav a{color:var(--dol-navy);border-radius:8px;padding:7px 9px}.topbar nav a:hover{background:var(--dol-plum-soft);color:var(--dol-plum)}
.topbar nav a[href="/#services-section"]{border:1px solid var(--dol-line);background:var(--dol-plum-soft);color:var(--dol-plum);font-weight:700}.topbar nav a[href="/#services-section"]::before{content:"ดูดวงสด · ฮีลใจ · "}
.learn-layout,.course-layout{max-width:1520px}
.learn-aside,.course-aside{border-color:var(--dol-line);background:var(--dol-white);border-radius:var(--dol-radius)}
.learn-aside a,.course-aside a{color:var(--dol-navy)}
.learn-aside a:hover,.course-aside a:hover{background:var(--dol-plum-soft);color:var(--dol-plum)}
.eyebrow,.course-nav-group h3{color:var(--dol-plum)}
.learn-hero,.course-hero{border-color:var(--dol-line);border-radius:var(--dol-radius);background:var(--dol-white)}
.learn-hero h1,.course-hero h1,.section-title h2,.course-chapter h2{color:var(--dol-navy-strong)}
.learn-hero h1 em{color:var(--dol-plum)}
.learn-hero>p,.course-hero>p,.hint{color:var(--dol-muted)}
.stats span,.paper,.article,.chapter,.course-chapter,.yoga-card,.parijata-card,.fact-grid>section{border-color:var(--dol-line);background:var(--dol-white)}
.stats strong,.course-number{color:var(--dol-plum)}
.featured-lesson{background:var(--dol-navy);color:var(--dol-white);border-radius:var(--dol-radius)}
.featured-lesson p{color:#e3eaf1}.featured-lesson .eyebrow{color:#e5bdcf}
.pill{background:var(--dol-white);color:var(--dol-navy)}
.course-entry a,.course-end,.note,.parijata-varga,.parijata-steps,.parijata-counts,.parijata-houses{background:var(--dol-surface);color:var(--dol-navy);border-color:var(--dol-line)}
.course-lesson{border-color:var(--dol-line);background:var(--dol-white);color:var(--dol-navy)}
.course-lesson:hover,.course-lesson:focus-visible,.yoga-card:hover,.parijata-card:hover{border-color:var(--dol-plum);background:var(--dol-white);box-shadow:var(--dol-shadow)}
.course-number{background:var(--dol-plum-soft)}
.course-search-wrap{border-color:var(--dol-line);background:var(--dol-white)}
.course-search-wrap label{color:var(--dol-navy)}
.course-search-wrap input,#lesson-search{border-color:#bdcbd8;color:var(--dol-navy);background:var(--dol-white)}
.course-search-wrap input:focus,#lesson-search:focus{outline:3px solid var(--dol-focus);outline-offset:2px}
.yoga-card strong,.parijata-card strong,.chapter-card h3{color:var(--dol-navy)}
.yoga-card small,.parijata-card small,.course-chapter-head p:last-child{color:var(--dol-muted)}
.section-title,.source,footer{border-color:var(--dol-line)}
footer{background:var(--dol-white);color:var(--dol-muted)}