:root{--color-primary-100:#2196f3;--color-primary-200:#50a1f5;--color-primary-300:#6eacf6;--color-primary-400:#87b8f8;--color-primary-500:#9dc3f9;--color-primary-600:#b2cffb;--color-surface-100:#121212;--color-surface-200:#282828;--color-surface-300:#3f3f3f;--color-surface-400:#575757;--color-surface-500:#717171;--color-surface-600:#8b8b8b;--color-surface-mixed-100:#2a4f79;--color-surface-mixed-200:#436187;--color-surface-mixed-300:#5b7396;--color-surface-mixed-400:#7285a4;--color-surface-mixed-500:#8999b3;--color-surface-mixed-600:#a0acc2;--color-background:var(--color-surface-200);--color-foreground:white;--font-system-mono:Menlo,Consolas,Monaco,Adwaita Mono,Liberation Mono,Lucida Console,monospace;--font-system-sans:-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif;--font-system-serif:Iowan Old Style,Apple Garamond,Baskerville,Times New Roman,Droid Serif,Times,Source Serif Pro,serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--color-background);color:var(--color-foreground);font-family:var(--font-system-sans);width:100%;max-width:100vw;height:100vh;margin:0;overflow-x:hidden}.sans{font-family:var(--font-system-sans)}.serif{font-family:var(--font-system-serif)}.mono{font-family:var(--font-system-mono)}.flex-col{flex-direction:column;align-items:stretch;gap:1em;display:flex}.flex-row{flex-direction:row;align-items:stretch;gap:1em;display:flex}div.page{flex-direction:row;justify-content:space-around;align-items:center;margin:3em 0;display:flex}div.page main{flex-direction:column;gap:1em;max-width:800px;padding:1em;display:flex}div.page main h1{margin:0}div.page main a{color:var(--color-primary-600);font-weight:600}div.page main a.title{text-decoration:none}div.page main a.title:focus,div.page main a.title:hover{text-decoration:underline}div.page main a.read-more:focus,div.page main a.read-more:hover{text-decoration:none}div.page main p{margin:.25em 0;font-size:1em;line-height:1.5em}div.page main .notice{background-color:#fafad2;border:1px solid #daa520;border-radius:.5em;padding:.5em}div.page main .notice p{color:#2d2d2d;margin:10px}div.page main .notice p a{color:#745507}div.page main .blog-date{color:var(--color-foreground);margin:0 2em;font-size:.9em;font-weight:300}div.page main h2{padding:.4em 0}div.page main pre{background-color:var(--color-surface-mixed-300);border-radius:1em;margin:.5em 0;padding:2rem}div.page main pre code{white-space:pre-wrap;word-break:break-word;overflow-x:auto}
header{background-color:var(--color-surface-mixed-100);flex-direction:row;justify-content:space-around;display:flex}header nav{color:#fff;flex-direction:row;flex-grow:1;justify-content:space-between;align-items:center;max-width:800px;height:44px;padding:0 1em;display:flex}header nav a{color:#fff;text-wrap:nowrap;border-radius:15px;flex-direction:row;align-items:center;gap:.5em;padding-right:.6em;font-size:1em;font-weight:500;text-decoration:none;display:flex}header nav a .tk-logo-header{background:var(--color-surface-mixed-200);fill:inherit;width:30px;height:30px}header nav a:focus,header nav a:hover{background:var(--color-surface-mixed-200);outline:none;text-decoration:underline}header nav ul{flex-direction:row;gap:.2em;margin:0;padding:0;list-style:none;display:flex}header nav ul li a{color:#fff;flex-direction:row;align-items:center;height:44px;padding:0 .6em;text-decoration:none;transition:-webkit-text-decoration .5s ease-in-out,text-decoration .5s ease-in-out;display:flex}header nav ul li a:focus,header nav ul li a:hover{background-color:var(--color-surface-mixed-200);outline:none;text-decoration:underline}
footer{text-align:center;height:4em}footer a{color:var(--color-primary-600);text-decoration:none}footer a:focus,footer a:hover{outline:none;text-decoration:underline}footer p{font-size:2em;line-height:4em}