:root{--atc-green:#0f9f6e;--atc-dark:#0f172a;--page-bg:#ffffff;--surface-bg:#ffffff;--muted-bg:#f8fafc;--text-main:#0f172a;--text-muted:#475569;--border-soft:rgba(15, 159, 110, 0.12)}html[data-theme=dark]{--page-bg:#020617;--surface-bg:#0f172a;--muted-bg:#111827;--text-main:#f8fafc;--text-muted:#cbd5e1;--border-soft:rgba(16, 185, 129, 0.24)}html{scroll-behavior:smooth;scroll-padding-top:84px}[id]{scroll-margin-top:84px}body{font-family:Inter,"Noto Sans Thai",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--page-bg);color:var(--text-main)}body.page-loading{overflow:hidden}.glass-nav{background:rgba(255,255,255,.92);backdrop-filter:blur(14px)}html[data-theme=dark] .glass-nav{background:rgba(2,6,23,.9);border-color:rgba(16,185,129,.22)}.tech-grid{background-image:linear-gradient(rgba(15,159,110,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(15,159,110,.08) 1px,transparent 1px);background-size:34px 34px}.soft-card{border:1px solid var(--border-soft);box-shadow:0 18px 45px rgba(15,23,42,.08)}.dashboard-panel{background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(236,253,245,.86));border:1px solid rgba(16,185,129,.18)}html[data-theme=dark] .dashboard-panel{background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(6,78,59,.5))}.site-toggle{border:1px solid rgba(16,185,129,.22);border-radius:999px;padding:.5rem .75rem;font-size:.8rem;font-weight:800;color:#047857;background:rgba(255,255,255,.9)}html[data-theme=dark] .site-toggle{color:#a7f3d0;background:rgba(15,23,42,.9)}html[data-theme=dark] .bg-slate-50,html[data-theme=dark] .bg-white{background-color:var(--surface-bg)!important}html[data-theme=dark] .bg-emerald-50,html[data-theme=dark] .bg-emerald-50\/50,html[data-theme=dark] .bg-slate-100{background-color:var(--muted-bg)!important}html[data-theme=dark] .text-slate-700,html[data-theme=dark] .text-slate-800,html[data-theme=dark] .text-slate-950{color:var(--text-main)!important}html[data-theme=dark] .text-slate-500,html[data-theme=dark] .text-slate-600{color:var(--text-muted)!important}html[data-theme=dark] .border-slate-100,html[data-theme=dark] .border-slate-200,html[data-theme=dark] .ring-slate-100{border-color:rgba(148,163,184,.22)!important;--tw-ring-color:rgba(148, 163, 184, 0.22)!important}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.admin-field{width:100%;border-radius:.75rem;border:1px solid #d1d5db;padding:.75rem .9rem;outline:0}.admin-field:focus{border-color:var(--atc-green);box-shadow:0 0 0 3px rgba(15,159,110,.16)}.prose-content{font-size:1.05rem;line-height:1.9;white-space:normal}.editor-tool{display:grid;height:2.25rem;width:2.25rem;place-items:center;border-radius:.65rem;color:#334155}.editor-tool:focus,.editor-tool:hover{background:#ecfdf5;color:#047857;outline:0}.rich-editor:empty::before{content:attr(data-placeholder);color:#94a3b8}.prose-content h2,.rich-editor h2{margin:1.5rem 0 .75rem;font-size:1.75rem;font-weight:900;line-height:1.25;color:#0f172a}.prose-content h3,.rich-editor h3{margin:1.25rem 0 .6rem;font-size:1.3rem;font-weight:900;line-height:1.3;color:#0f172a}.prose-content p,.rich-editor p{margin:.85rem 0}.prose-content ol,.prose-content ul,.rich-editor ol,.rich-editor ul{margin:1rem 0;padding-left:1.5rem}.prose-content ul,.rich-editor ul{list-style:disc}.prose-content ol,.rich-editor ol{list-style:decimal}.prose-content blockquote,.rich-editor blockquote{margin:1.25rem 0;border-left:4px solid var(--atc-green);background:#f8fafc;padding:1rem 1.25rem;color:#475569;font-weight:600}.prose-content figure,.rich-editor figure{margin:1.5rem 0}.prose-content img,.rich-editor img{display:block;max-width:100%;height:auto;border-radius:1rem}.rich-editor img{max-height:28rem;object-fit:contain}.prose-content a,.rich-editor a{color:#047857;font-weight:700;text-decoration:underline}.dt-container{color:inherit}.dt-container .dt-layout-row{gap:1rem;margin:0 0 1rem}.dt-container .dt-layout-row.dt-layout-table{margin-bottom:.75rem}.dt-container .dt-length select,.dt-container .dt-search input{border:1px solid #d1d5db;border-radius:.75rem;padding:.55rem .75rem;outline:0}.dt-container .dt-length select:focus,.dt-container .dt-search input:focus{border-color:var(--atc-green);box-shadow:0 0 0 3px rgba(15,159,110,.16)}.dt-container .dt-paging .dt-paging-button{border-radius:.65rem;font-weight:700}.dt-container .dt-paging .dt-paging-button.current,.dt-container .dt-paging .dt-paging-button.current:hover{border-color:var(--atc-green);background:#0f9f6e;color:#fff!important}html[data-theme=dark] .dt-container .dt-length select,html[data-theme=dark] .dt-container .dt-search input{background:var(--muted-bg);border-color:rgba(148,163,184,.22);color:var(--text-main)}.page-skeleton{position:fixed;inset:0;z-index:999;display:grid;place-items:center;padding:1rem;background:rgba(255,255,255,.94);transition:opacity 180ms ease,visibility 180ms ease}html[data-theme=dark] .page-skeleton{background:rgba(2,6,23,.94)}.page-skeleton__panel{width:min(100%,26rem)}html.page-loaded .page-skeleton{opacity:0;visibility:hidden;pointer-events:none}.skeleton{background:linear-gradient(90deg,rgba(148,163,184,.16) 25%,rgba(148,163,184,.3) 37%,rgba(148,163,184,.16) 63%);background-size:400% 100%;animation:skeleton-shimmer 1.15s ease-in-out infinite}html[data-theme=dark] .skeleton{background:linear-gradient(90deg,rgba(51,65,85,.8) 25%,rgba(71,85,105,.95) 37%,rgba(51,65,85,.8) 63%);background-size:400% 100%}@keyframes skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}