:root{color-scheme:dark;--graphite:#191b1c;--white:#fafaf7;--gray:#8c9196;--yellow:#ffd43b;--blue:#4263eb;--color-bg:var(--graphite);--color-surface:#212325;--color-border:#2b2e30;--color-border-strong:#3c3f42;--color-text:var(--white);--color-text-secondary:#b5b8ba;--color-text-muted:var(--gray);--color-text-faint:#6b6f73;--color-link:#6f87ff;--color-link-strong:var(--blue);--color-accent:var(--yellow);--color-on-accent:var(--graphite);--color-highlight-bg:#ffd43b4d;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.5rem;--space-6:2rem;--space-7:3rem;--space-8:4rem;--space-9:5rem;--space-10:6rem;--text-xs:.8125rem;--text-sm:.9375rem;--text-base:1rem;--text-lg:1.125rem;--text-title:1.25rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.5rem;--text-article:1.0625rem;--radius-sm:6px;--radius-md:10px;--transition:.17s ease;--content-width:47.5rem;--page-width:68.75rem}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--color-bg);color:var(--color-text);font-family:Noto Sans Thai,system-ui,-apple-system,Segoe UI,sans-serif;font-size:var(--text-base);-webkit-font-smoothing:antialiased;margin:0;line-height:1.7}h1,h2,h3{color:var(--color-text);margin:0 0 var(--space-3);font-weight:700;line-height:1.25}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-xl)}h3{font-size:var(--text-lg)}p{margin:0 0 var(--space-4)}a{color:var(--color-link);transition:color var(--transition)}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.wrap{max-width:var(--page-width);padding:var(--space-6) var(--space-4) var(--space-8);margin:0 auto}.content-narrow{max-width:var(--content-width)}.section-lg{margin-top:var(--space-9)}.section-lg:first-child{margin-top:0}.section-heading{justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4);display:flex}.section-heading h2{font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin:0;font-weight:700}.section-heading a{font-size:var(--text-sm);color:var(--color-link);text-decoration:none}.section-heading a:hover{text-decoration:underline}header.site{background:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:10;position:sticky;top:0}header.site .nav{max-width:var(--page-width);padding:var(--space-4);align-items:center;gap:var(--space-4);margin:0 auto;display:flex}.brand{font-weight:700;font-size:var(--text-lg);color:var(--color-accent);margin-right:auto;text-decoration:none}.nav-links{align-items:center;gap:var(--space-4);font-size:var(--text-sm);display:flex}.nav-links a{color:var(--color-text-muted);padding-bottom:2px;text-decoration:none;position:relative}.nav-links a:hover{color:var(--color-link)}.nav-links a[data-active=true]{color:var(--color-text)}.nav-links a[data-active=true]:after{content:"";background:var(--color-accent);height:2px;position:absolute;bottom:-3px;left:0;right:0}.breadcrumbs{gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-faint);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-link)}.breadcrumbs .sep{color:var(--color-text-faint)}.breadcrumbs .current{color:var(--color-text-muted)}.page-header{margin-bottom:var(--space-7)}.page-header h1{align-items:center;gap:var(--space-3);display:flex}.page-header-meta{color:var(--color-text-muted);font-size:var(--text-sm);margin:var(--space-2) 0 0}.hero-title{letter-spacing:-.01em;color:var(--color-accent);margin-bottom:var(--space-2)}.hero-description{color:var(--color-text-secondary);font-size:var(--text-lg);max-width:34rem;margin-bottom:var(--space-5)}.quick-topics{gap:var(--space-2);margin-top:var(--space-4);flex-wrap:wrap;display:flex}.lede{color:var(--color-text-muted);font-size:var(--text-lg);max-width:38rem}.meta{color:var(--color-text-muted);font-size:var(--text-sm)}.empty-state{color:var(--color-text-muted);font-size:var(--text-sm);border:1px dashed var(--color-border-strong);border-radius:var(--radius-md);padding:var(--space-5);text-align:center}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);color:var(--color-text-muted);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--transition), color var(--transition);padding:.2rem .55rem;font-weight:600;text-decoration:none;display:inline-flex}.badge:hover{border-color:var(--color-link);color:var(--color-link)}.case-marker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);font-weight:600}.tag-row{gap:var(--space-2);flex-wrap:wrap;display:flex}.tag-link{font-size:var(--text-xs);color:var(--color-link);background:var(--color-surface);border-radius:var(--radius-sm);transition:background var(--transition);padding:.2rem .55rem;text-decoration:none}.tag-link:before{content:"#";color:var(--color-text-faint)}.tag-link:hover{background:var(--color-border)}.btn{justify-content:center;align-items:center;gap:var(--space-2);font-size:var(--text-sm);border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);color:var(--color-text);cursor:pointer;transition:border-color var(--transition), color var(--transition);background:0 0;padding:.55rem 1rem;font-weight:600;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{border-color:var(--color-link);color:var(--color-link)}.input{width:100%;font:inherit;font-size:var(--text-base);color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);transition:border-color var(--transition);padding:.7rem .9rem}.input::placeholder{color:var(--color-text-faint)}.input:focus{border-color:var(--color-text-muted)}.search-form{gap:var(--space-2);display:flex}.search-hero{max-width:38rem;position:relative}.search-hero .search-icon{left:var(--space-4);color:var(--color-text-faint);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-hero .input{font-size:var(--text-lg);border-radius:var(--radius-md);padding:1rem 3.2rem}.search-hero .kbd{right:var(--space-3);position:absolute;top:50%;transform:translateY(-50%)}.search-hero-lg{max-width:44rem}.search-hero-lg .input{border-color:var(--color-border-strong);background:#24272a;height:56px;padding:0 3.4rem;font-size:1.0625rem}.search-hero-lg .input:focus{border-color:var(--color-text-secondary)}.search-hero-fill{flex:1;max-width:none}.search-hero-no-kbd .input{padding-right:.9rem}.kbd{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:var(--text-xs);color:var(--color-text-faint);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg);padding:.15rem .4rem}.list{border-top:1px solid var(--color-border);margin:0;padding:0;list-style:none}.list-row{border-bottom:1px solid var(--color-border)}.list-row>a{padding:var(--space-4) var(--space-2);color:inherit;border-radius:var(--radius-sm);transition:background var(--transition);text-decoration:none;display:block}.list-row>a:hover{background:var(--color-surface)}.list-row .list-row-eyebrow{text-transform:uppercase;letter-spacing:.06em;font-size:var(--text-xs);color:var(--color-text-muted);margin-bottom:.4rem;font-weight:600}.list-row .list-row-title{font-weight:700;font-size:var(--text-lg);color:var(--color-text);margin-bottom:.25rem}.list-row .list-row-desc{color:var(--color-text-muted);font-size:var(--text-sm);max-width:42rem;margin:0 0 .5rem}.list-row .list-row-meta{gap:var(--space-3);color:var(--color-text-faint);font-size:var(--text-xs);flex-wrap:wrap;align-items:center;display:flex}.list-row .list-row-tags{gap:var(--space-2);flex-wrap:wrap;display:flex}.list-row .list-row-tag{color:var(--color-text-faint);font-size:var(--text-xs)}mark.search-highlight{background:var(--color-highlight-bg);color:inherit;border-radius:2px;padding:0 .1em}.search-status{color:var(--color-text-muted);font-size:var(--text-sm)}.list-featured{border-top:none}.list-featured .list-row{margin-bottom:var(--space-7);border-bottom:none}.list-featured .list-row:last-child{margin-bottom:0}.list-featured .list-row>a{border-radius:0;padding:0}.list-featured .list-row>a:hover{background:0 0}.list-featured .list-row-title{font-size:var(--text-title);color:var(--color-text)}.list-featured .list-row>a:hover .list-row-title{color:var(--color-accent)}.list-featured .list-row-desc{color:var(--color-text-secondary);font-size:var(--text-base)}.list-featured .list-row-footer{justify-content:space-between;align-items:center;gap:var(--space-3);margin-top:var(--space-2);display:flex}.list-featured .list-row-tags{gap:var(--space-3);flex-wrap:wrap;display:flex}.list-featured .list-row-tag{color:var(--color-link);font-size:var(--text-xs)}.list-featured .list-row-arrow{color:var(--color-text);opacity:0;transition:opacity var(--transition), transform var(--transition);font-weight:600;transform:translate(-4px)}.list-featured .list-row>a:hover .list-row-arrow{opacity:1;transform:translate(0)}.see-all{margin-top:var(--space-5);color:var(--color-link);font-size:var(--text-sm);align-items:center;gap:.35rem;font-weight:600;text-decoration:none;display:inline-flex}.see-all:hover{text-decoration:underline}.featured-list{margin:0;padding:0;list-style:none}.featured-row{gap:var(--space-5);padding:var(--space-5) 0;color:inherit;text-decoration:none;display:flex}.featured-list li:not(:first-child) .featured-row{border-top:1px solid var(--color-border)}.featured-num{font-variant-numeric:tabular-nums;width:2.25rem;color:var(--color-text-faint);flex:none;font-size:1.75rem;font-weight:700}.featured-body{flex:1;min-width:0}.featured-title{font-size:var(--text-xl);color:var(--color-text);margin-bottom:var(--space-2);transition:color var(--transition);font-weight:700}.featured-row:hover .featured-title{color:var(--color-accent)}.featured-desc{color:var(--color-text-secondary);font-size:var(--text-base);max-width:42rem;margin:0 0 var(--space-3)}.featured-meta{justify-content:space-between;align-items:center;gap:var(--space-3);color:var(--color-text-muted);font-size:var(--text-sm);display:flex}.featured-arrow{color:var(--color-text);opacity:0;transition:opacity var(--transition), transform var(--transition);font-weight:600;transform:translate(-4px)}.featured-row:hover .featured-arrow{opacity:1;transform:translate(0)}.category-list{border-top:1px solid var(--color-border);grid-template-columns:repeat(2,1fr);margin:0;padding:0;list-style:none;display:grid}.category-row{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-4);color:inherit;border-bottom:1px solid var(--color-border);transition:background var(--transition);text-decoration:none;display:flex}.category-list li:nth-child(odd) .category-row{border-right:1px solid var(--color-border)}.category-row:hover{background:var(--color-surface)}.category-row:hover .category-row-title{color:var(--color-accent)}.category-row:hover .category-row-arrow{transform:translate(4px)}.category-row .cat-icon{width:22px;height:22px;color:var(--color-text-secondary);flex:none}.category-row-body{flex:1;min-width:0}.category-row-title{font-weight:600;font-size:var(--text-lg);color:var(--color-text);transition:color var(--transition)}.category-row-desc{margin:var(--space-1) 0 0;color:var(--color-text-secondary);font-size:var(--text-sm)}.category-row-count{color:var(--color-text-muted);font-size:var(--text-sm);white-space:nowrap;flex:none}.category-row-arrow{color:var(--color-text-faint);transition:color var(--transition), transform var(--transition);flex:none}article .prose{font-size:var(--text-article);color:var(--color-text);line-height:1.75}article .prose p,article .prose ul,article .prose ol{margin:0 0 1.1em}article .prose a{color:var(--color-link)}article .prose code{background:var(--color-surface);color:var(--color-accent);border-radius:var(--radius-sm);padding:.15em .4em;font-size:.9em}article .prose pre{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-4);overflow-x:auto}article .prose pre code{color:inherit;background:0 0;padding:0}article .prose img,article .prose svg{border-radius:var(--radius-md);background:var(--color-surface);max-width:100%;height:auto;margin:1.5em 0;display:block}article .prose p>em:only-child{color:var(--color-text-muted);font-size:var(--text-sm);margin-top:-.75em;display:block}article .prose blockquote{padding-left:var(--space-4);border-left:3px solid var(--color-border-strong);color:var(--color-text-secondary);margin:0 0 1.1em}footer.site{border-top:1px solid var(--color-border);margin-top:var(--space-8)}footer.site .wrap{padding-top:var(--space-5);padding-bottom:var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm);justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}footer.site a{color:var(--color-text-muted)}footer.site a:hover{color:var(--color-link)}@media (width<=640px){:root{--text-3xl:2rem}header.site .nav{flex-wrap:wrap}.nav-links{gap:var(--space-3);flex-wrap:wrap}.search-form{flex-direction:column}.search-hero .kbd{display:none}.search-hero-lg .input{height:52px;padding:0 2.6rem}.category-list{grid-template-columns:1fr}.category-list li:nth-child(odd) .category-row{border-right:none}.list-featured .list-row{margin-bottom:var(--space-6)}.list-featured .list-row-footer{flex-wrap:wrap}}