:root{--color-bg:#fff;--color-fg:#222;--color-strong:#000;--color-link:#00e;--color-border:#222}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--color-bg:#16181d;--color-fg:#d8d8d8;--color-strong:#fff;--color-link:#7ab8ff;--color-border:#666}}:root[data-theme=dark]{--color-bg:#16181d;--color-fg:#d8d8d8;--color-strong:#fff;--color-link:#7ab8ff;--color-border:#666}html{max-width:70ch;margin:auto;line-height:1.75;font-size:1.25em;font-family:sarabun,sans-serif;font-optical-sizing:auto;font-style:normal;background:var(--color-bg)}h1{margin-top:.5em;margin-bottom:.25em}h2{margin-top:.7em;margin-bottom:.35em}.monospace{font-family:noto sans mono,monospace;font-optical-sizing:auto;font-style:normal}body{color:var(--color-fg);background:var(--color-bg);line-height:1.5;margin:1rem;max-width:768px;transition:background-color .2s ease,color .2s ease}header{border-bottom:1px solid var(--color-border);margin-bottom:.5rem}main{position:relative}a{color:var(--color-link);text-decoration:none}.site-header{display:flex;justify-content:space-between;align-items:flex-end}.menu-icons{display:flex;align-items:center;gap:.75rem;margin-left:1.5rem;margin-bottom:.5em}.menu-icons a{color:var(--color-strong)}.menu-icon{width:1.2em;height:1.2em;vertical-align:middle}.post-meta{display:flex;align-items:center;gap:.75rem}.post-link{color:var(--color-strong)}.site-header h1 a{color:inherit}img{max-width:100%}code{text-wrap:wrap}.header-right{display:flex;align-items:flex-end;gap:1.25rem}.theme-toggle{display:inline-flex;align-items:center;font:inherit;height:1.5em;background:0 0;border:none;padding:0;margin:0 0 .5em;color:var(--color-strong);cursor:pointer}.theme-toggle .icon-sun{display:none}:root[data-theme=dark] .theme-toggle .icon-sun{display:block}:root[data-theme=dark] .theme-toggle .icon-moon{display:none}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .theme-toggle .icon-sun{display:block}:root:not([data-theme=light]) .theme-toggle .icon-moon{display:none}}pre.mermaid{overflow-x:auto}.version-radio{position:absolute;opacity:0;pointer-events:none;width:0;height:0}.version-switch{position:absolute;top:0;right:0;display:inline-flex;border:1px solid var(--color-border);border-radius:6px;overflow:hidden;margin:0;font-size:.8em}.version-switch label{padding:.1em .8em;cursor:pointer;user-select:none}.version-switch label+label{border-left:1px solid var(--color-border)}#ver-simple:checked~.version-switch label[for=ver-simple],#ver-technical:checked~.version-switch label[for=ver-technical]{background:var(--color-strong);color:var(--color-bg)}.version-radio:focus-visible~.version-switch label{outline:2px solid var(--color-link);outline-offset:2px}.version-block{display:none}#ver-simple:checked~.version-block.version-simple{display:block}#ver-technical:checked~.version-block.version-technical{display:block}