html[data-site=porjaijaa]{--primary:#365d52;--primary-foreground:#fff;--background:#f7f2e7;--foreground:#294b42;--card:#fffcf4;--card-foreground:#294b42;--accent:#e5e9dc;--accent-foreground:#294b42;--ring:#8d663d;--radius:1rem;--porjaijaa-panel:#eee7d7;--porjaijaa-border:#dcd7c7}html[data-site=porjaijaa].dark{--primary:#a9c0ac;--primary-foreground:#18352f;--background:#1d2824;--foreground:#eee8da;--card:#27342f;--card-foreground:#eee8da;--accent:#3a493f;--accent-foreground:#f5efe3;--ring:#c49a6c;--porjaijaa-panel:#25312c;--porjaijaa-border:#536259}html[data-site=porjaijaa] .porjaijaa-shell{background:var(--background);min-height:100vh;color:var(--foreground);font-family:var(--font-porjaijaa),"IBM Plex Sans Thai",sans-serif;grid-template-columns:250px minmax(0,1fr);display:grid}html[data-site=porjaijaa] .porjaijaa-sidebar{background:var(--porjaijaa-panel);border-right:1px solid var(--porjaijaa-border);height:100vh;padding:36px 20px;position:sticky;top:0}html[data-site=porjaijaa] .porjaijaa-brand{color:var(--primary);align-items:center;gap:12px;font-size:22px;font-weight:700;display:flex}html[data-site=porjaijaa] .porjaijaa-brand small{color:var(--foreground);margin-top:6px;font-size:11px;font-weight:400;display:block}html[data-site=porjaijaa] .porjaijaa-navigation{gap:8px;margin:24px 0 40px;display:grid}html[data-site=porjaijaa] .porjaijaa-language{color:#657267;align-items:center;gap:7px;margin:22px 0 0 40px;font-size:12px;display:flex}html[data-site=porjaijaa] .porjaijaa-language button{cursor:pointer}html[data-site=porjaijaa] .porjaijaa-language button[aria-pressed=true]{color:var(--primary);text-underline-offset:4px;font-weight:700;text-decoration:underline}html[data-site=porjaijaa] .porjaijaa-navigation a{border-radius:16px;align-items:center;gap:12px;padding:13px 16px;display:flex}html[data-site=porjaijaa] .porjaijaa-navigation a:hover{background:var(--accent)}html[data-site=porjaijaa] .porjaijaa-navigation a[aria-current=page]{background:var(--primary);color:var(--primary-foreground)}html[data-site=porjaijaa] .porjaijaa-about{color:var(--primary);font-size:14px}html[data-site=porjaijaa] .porjaijaa-workspace{min-width:0}html[data-site=porjaijaa] .porjaijaa-content{max-width:1200px;margin:auto;padding:32px}html[data-site=porjaijaa] .porjaijaa-welcome{border:1px solid var(--porjaijaa-border);background:var(--porjaijaa-panel);border-radius:24px;margin-bottom:28px;padding:30px}html[data-site=porjaijaa] .porjaijaa-welcome p{color:var(--primary);font-size:13px}html[data-site=porjaijaa] .porjaijaa-welcome h1{margin:8px 0;font-size:clamp(24px,3vw,36px);font-weight:700}html[data-site=porjaijaa] .porjaijaa-welcome span{font-size:14px}@media (max-width:1023px){html[data-site=porjaijaa] .porjaijaa-shell{display:block}html[data-site=porjaijaa] .porjaijaa-sidebar{border-right:0;height:auto;padding:20px 16px 12px;position:static}html[data-site=porjaijaa] .porjaijaa-navigation{margin:20px 0 0;display:flex;overflow-x:auto}html[data-site=porjaijaa] .porjaijaa-navigation a{white-space:nowrap;flex-shrink:0}html[data-site=porjaijaa] .porjaijaa-about{display:none}html[data-site=porjaijaa] .porjaijaa-content{padding:20px 16px}html[data-site=porjaijaa] .porjaijaa-welcome{padding:24px}}