:root{--site-primary:#55c57a;--site-primary-light:#dcffdb;--site-primary-dark:#3fa864;--site-secondary:#2c3e50;--site-text:#333;--site-text-light:#666;--site-bg:#f8f9fa;--site-card:#fff;--site-border:#eaeaea;--site-shadow:#00000014;--site-info:#3498db;--site-warning:#f39c12;--site-danger:#e74c3c;--site-radius-sm:4px;--site-radius-md:8px;--site-radius-lg:12px}[data-theme=dark],[data-dark]{--site-primary:#8be9fd;--site-primary-light:#263c41;--site-primary-dark:#63b3d3;--site-secondary:#e0e0e0;--site-text:#f0f0f0;--site-text-light:#aaa;--site-bg:#121212;--site-card:#1e1e1e;--site-border:#333;--site-shadow:#00000080}:root{--primary:var(--site-primary);--primary-light:var(--site-primary-light);--primary-dark:var(--site-primary-dark);--secondary:var(--site-secondary);--text:var(--site-text);--text-light:var(--site-text-light);--bg:var(--site-bg);--card:var(--site-card);--border:var(--site-border);--shadow:var(--site-shadow);--success:#2ecc71;--warning:#f39c12;--danger:#e74c3c;--info:#3498db;--font-heading:"Kanit", sans-serif;--font-body:"Kanit", sans-serif;--font-code:"Fira Code", monospace;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-round:999px;--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease}[data-theme=dark]{--primary:var(--site-primary);--primary-light:var(--site-primary-light);--primary-dark:var(--site-primary-dark);--secondary:var(--site-secondary);--text:var(--site-text);--text-light:var(--site-text-light);--bg:var(--site-bg);--card:var(--site-card);--border:var(--site-border);--shadow:var(--site-shadow)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--bg);overflow-x:hidden}body{font-family:var(--font-body);background-color:var(--bg);color:var(--text);transition:background-color var(--transition-normal), color var(--transition-normal);width:100%;min-width:0;min-height:100vh;line-height:1.6;overflow-x:hidden}#app{width:100%;min-width:0}.crawler-nav{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}a{color:var(--primary);transition:color var(--transition-fast);text-decoration:none}a:hover{color:var(--primary-dark)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-body);cursor:pointer;background:0 0;border:none}*{box-sizing:border-box}body{color:var(--site-text);background:var(--bg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.65}a{color:inherit}.page-wrap{width:min(1180px,100%);margin:0 auto;padding:22px}.post-kicker{color:var(--site-primary-dark);text-transform:uppercase;margin:0 0 10px;font-size:.72rem;font-weight:650}.latest,.archive-layout{border-top:1px solid var(--site-border);padding-top:34px}.section-heading{justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:16px;display:flex}.section-heading h2{margin:0;font-size:1rem}.section-heading>span{color:var(--site-text-light);font-size:.74rem}.latest-post{border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border);background:color-mix(in srgb, var(--site-card) 75%, transparent);grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);min-height:340px;display:grid}.latest-post.without-image{grid-template-columns:1fr}.latest-post>img{object-fit:cover;width:100%;height:100%;max-height:430px}.latest-copy{flex-direction:column;justify-content:center;padding:clamp(26px,5vw,56px);display:flex}.latest-copy h3{letter-spacing:0;margin:0 0 16px;font-size:clamp(1.65rem,3.4vw,2.7rem);line-height:1.15}.latest-copy h3 a,.post-row h3 a{text-decoration:none}.latest-copy h3 a:hover,.post-row h3 a:hover{color:var(--site-primary-dark)}.latest-copy>p:not(.post-kicker){color:var(--site-text-light);margin:0}.post-details{color:var(--site-text-light);flex-wrap:wrap;gap:16px;margin-top:26px;font-size:.76rem;display:flex}.post-details a{color:var(--site-primary-dark);margin-left:auto;font-weight:600;text-decoration:none}.archive-layout{grid-template-columns:minmax(0,1fr) 230px;gap:clamp(42px,7vw,80px);margin-top:68px;padding-bottom:80px;display:grid}.post-list{border-top:1px solid var(--site-border);margin:0;padding:0;list-style:none}.post-row{border-bottom:1px solid var(--site-border);grid-template-columns:112px minmax(0,1fr) 28px;gap:20px;padding:24px 0;display:grid}.post-row time{color:var(--site-text-light);padding-top:3px;font-size:.74rem}.post-row h3{margin:0 0 7px;font-size:1.13rem;line-height:1.35}.post-row p:not(.post-kicker){color:var(--site-text-light);margin:0;font-size:.86rem}.row-arrow{color:var(--site-primary-dark);align-self:center;font-weight:650;text-decoration:none}.topics{align-self:start;position:sticky;top:24px}.index-group{border-top:1px solid var(--site-border);padding:16px 0}.index-group h3{color:var(--site-text-light);text-transform:uppercase;margin:0 0 10px;font-size:.72rem}.index-group>span,.topic-list span{padding:4px 0;font-size:.82rem;display:block}.topic-list{flex-wrap:wrap;gap:6px;display:flex}.topic-list span{border:1px solid var(--site-border);background:var(--site-card);border-radius:4px;padding:3px 7px}.feed-links{border-top:1px solid var(--site-border);gap:14px;padding-top:16px;display:flex}.feed-links a{color:var(--site-primary-dark);font-size:.76rem;font-weight:600}.empty-state{border-top:1px solid var(--site-border);border-bottom:1px solid var(--site-border);color:var(--site-text-light);margin:40px 0 80px;padding:36px 0}footer{border-top:1px solid var(--site-border);color:var(--site-text-light);padding:24px 0 40px;font-size:.75rem}@media (width<=760px){.page-wrap{padding:14px}.latest-post{grid-template-columns:1fr}.latest-post>img{aspect-ratio:16/9;max-height:none}.archive-layout{grid-template-columns:1fr}.topics{position:static}.post-row{grid-template-columns:1fr 24px;gap:12px}.post-row time,.post-row>div{grid-column:1}.row-arrow{grid-area:1/2/span 2}}