.text-center[data-astro-cid-mostqvbg]{text-align:center}.mb-6[data-astro-cid-mostqvbg]{margin-bottom:var(--space-6)}.mb-8[data-astro-cid-mostqvbg]{margin-bottom:var(--space-8)}.breadcrumb-nav[data-astro-cid-mostqvbg]{padding:var(--space-4) 0;background:var(--color-cream);font-size:var(--text-sm)}.breadcrumb-nav[data-astro-cid-mostqvbg] a[data-astro-cid-mostqvbg]{color:var(--color-teal);text-decoration:none}.breadcrumb-nav[data-astro-cid-mostqvbg] a[data-astro-cid-mostqvbg]:hover{text-decoration:underline}.breadcrumb-sep[data-astro-cid-mostqvbg]{margin:0 var(--space-2);color:var(--color-text-muted)}.breadcrumb-current[data-astro-cid-mostqvbg]{color:var(--color-text-muted)}.sub-nav[data-astro-cid-mostqvbg]{background:var(--color-white);border-bottom:1px solid rgba(13,115,119,.1);padding:var(--space-4) 0;position:sticky;top:0;z-index:100}.sub-nav-links[data-astro-cid-mostqvbg]{display:flex;gap:var(--space-2);justify-content:center;flex-wrap:wrap}.sub-nav-link[data-astro-cid-mostqvbg]{padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--color-text-muted);text-decoration:none;transition:all var(--transition-base)}.sub-nav-link[data-astro-cid-mostqvbg]:hover{background:var(--color-teal-pale);color:var(--color-teal)}.sub-nav-link[data-astro-cid-mostqvbg].active{background:var(--color-teal);color:#fff}.position-visual[data-astro-cid-mostqvbg]{max-width:600px;margin-inline:auto}.position-placeholder[data-astro-cid-mostqvbg]{position:relative;aspect-ratio:1;max-width:500px;margin-inline:auto;margin-bottom:var(--space-6)}.position-center[data-astro-cid-mostqvbg]{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);text-align:center}.position-center[data-astro-cid-mostqvbg] .thai-large[data-astro-cid-mostqvbg]{font-size:8rem;color:var(--color-teal);opacity:.3}.position-label[data-astro-cid-mostqvbg]{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-2)}.position-marker[data-astro-cid-mostqvbg]{position:absolute;padding:var(--space-3) var(--space-4);background:var(--color-white);border:2px solid var(--color-teal);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-semibold);text-align:center;box-shadow:var(--shadow-md);white-space:nowrap}.position-before[data-astro-cid-mostqvbg]{top:50%;left:0;transform:translateY(-50%)}.position-after[data-astro-cid-mostqvbg]{top:50%;right:0;transform:translateY(-50%)}.position-above[data-astro-cid-mostqvbg]{top:0;left:50%;transform:translate(-50%)}.position-below[data-astro-cid-mostqvbg]{bottom:0;left:50%;transform:translate(-50%)}.position-note[data-astro-cid-mostqvbg]{text-align:center;padding:var(--space-4);background:#0d73770d;border-radius:var(--radius-lg);font-size:var(--text-sm)}.vowel-grid[data-astro-cid-mostqvbg]{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--space-4);margin-bottom:var(--space-8)}.vowel-card[data-astro-cid-mostqvbg]{padding:var(--space-5);background:var(--color-white);border-radius:var(--radius-lg);border:2px solid rgba(143,174,139,.2);transition:all var(--transition-elegant);text-align:center}.vowel-card[data-astro-cid-mostqvbg]:hover{transform:translateY(var(--hover-lift));border-color:var(--color-sage);box-shadow:0 8px 20px #8fae8b26,0 0 30px #8fae8b1a}.vowel-forms[data-astro-cid-mostqvbg]{display:flex;justify-content:center;gap:var(--space-4);margin-bottom:var(--space-4);min-height:80px;align-items:center}.vowel-short[data-astro-cid-mostqvbg],.vowel-long[data-astro-cid-mostqvbg]{text-align:center}.vowel-form[data-astro-cid-mostqvbg]{font-size:var(--text-2xl);font-weight:var(--font-semibold);display:block;margin-bottom:var(--space-1)}.vowel-label[data-astro-cid-mostqvbg]{font-size:var(--text-xs);text-transform:uppercase;color:var(--color-text-muted);font-weight:var(--font-semibold)}.vowel-sound[data-astro-cid-mostqvbg]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-sage);margin-bottom:var(--space-3)}.vowel-example[data-astro-cid-mostqvbg]{font-size:var(--text-base);margin-bottom:var(--space-3);color:var(--color-text-muted)}.vowel-position-tag[data-astro-cid-mostqvbg]{font-size:var(--text-xs);padding:var(--space-1) var(--space-3);background:#8fae8b26;color:var(--color-sage);border-radius:var(--radius-full);display:inline-block;font-weight:var(--font-semibold)}.vowel-tip[data-astro-cid-mostqvbg]{padding:var(--space-6);background:linear-gradient(145deg,var(--color-sage-pale) 0%,rgba(143,174,139,.1) 100%);border-left:4px solid var(--color-sage);border-radius:var(--radius-lg);line-height:var(--leading-relaxed)}.tone-marks-grid[data-astro-cid-mostqvbg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-5);margin-bottom:var(--space-8)}.tone-mark-card[data-astro-cid-mostqvbg]{padding:var(--space-6);background:var(--color-white);border-radius:var(--radius-xl);border:2px solid rgba(13,115,119,.1);text-align:center;transition:all var(--transition-elegant)}.tone-mark-card[data-astro-cid-mostqvbg]:hover{transform:translateY(var(--hover-lift-feature));border-color:var(--color-teal);box-shadow:0 8px 24px #0d737726,0 0 40px #0d73771a}.tone-mark-display[data-astro-cid-mostqvbg]{margin-bottom:var(--space-4)}.tone-mark-display[data-astro-cid-mostqvbg] .thai-large[data-astro-cid-mostqvbg]{font-size:5rem;color:var(--color-teal)}.tone-mark-name[data-astro-cid-mostqvbg]{font-family:var(--font-thai);font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--color-text);margin-bottom:var(--space-2)}.tone-mark-tone[data-astro-cid-mostqvbg]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-gold);margin-bottom:var(--space-3);text-transform:uppercase;letter-spacing:.05em}.tone-mark-desc[data-astro-cid-mostqvbg]{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-relaxed)}.tone-explanation[data-astro-cid-mostqvbg]{margin-top:var(--space-10);padding:var(--space-8);background:linear-gradient(145deg,var(--color-cream) 0%,rgba(253,246,227,.5) 100%);border-radius:var(--radius-2xl)}.tone-explanation[data-astro-cid-mostqvbg] h3[data-astro-cid-mostqvbg]{margin-bottom:var(--space-4)}.tone-explanation[data-astro-cid-mostqvbg] p[data-astro-cid-mostqvbg]{margin-bottom:var(--space-6);line-height:var(--leading-relaxed)}.tone-examples[data-astro-cid-mostqvbg]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--space-4)}.tone-example-item[data-astro-cid-mostqvbg]{padding:var(--space-4);background:var(--color-white);border-radius:var(--radius-lg);text-align:center;border:2px solid rgba(13,115,119,.1);transition:all var(--transition-base)}.tone-example-item[data-astro-cid-mostqvbg]:hover{border-color:var(--color-teal);transform:translateY(var(--hover-lift))}.tone-example-item[data-astro-cid-mostqvbg] .thai[data-astro-cid-mostqvbg]{display:block;font-size:var(--text-2xl);margin-bottom:var(--space-2)}.tone-example-item[data-astro-cid-mostqvbg] .rom[data-astro-cid-mostqvbg]{display:block;font-weight:var(--font-semibold);color:var(--color-teal);margin-bottom:var(--space-1)}.tone-example-item[data-astro-cid-mostqvbg] .meaning[data-astro-cid-mostqvbg]{display:block;font-size:var(--text-sm);color:var(--color-text-muted)}.continue-card[data-astro-cid-mostqvbg]{background:var(--color-white);padding:var(--space-8);border-radius:var(--radius-xl);text-align:center;box-shadow:var(--shadow-lg);border:2px solid rgba(13,115,119,.1)}.continue-card[data-astro-cid-mostqvbg] h3[data-astro-cid-mostqvbg]{font-size:var(--text-2xl);margin-bottom:var(--space-3);color:var(--color-teal)}.continue-card[data-astro-cid-mostqvbg] p[data-astro-cid-mostqvbg]{font-size:var(--text-lg);color:var(--color-text-muted);margin-bottom:var(--space-5);max-width:50ch;margin-inline:auto}.text-muted[data-astro-cid-mostqvbg]{color:var(--color-text-muted)}@media(max-width:768px){.vowel-grid[data-astro-cid-mostqvbg]{grid-template-columns:1fr}.position-marker[data-astro-cid-mostqvbg]{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}.sub-nav-links[data-astro-cid-mostqvbg]{gap:var(--space-1)}.sub-nav-link[data-astro-cid-mostqvbg]{font-size:var(--text-xs);padding:var(--space-2) var(--space-3)}}