:root{--mainfont:"Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDGothic", Meiryo, sans-serif;--codefont:Monaco, Consolas, "Courier New", monospace;--bg-light:hsl(205 30% 100%);--bg-light-sub:hsl(205 30% 95%);--text-light:hsl(205 30% 20%);--text-light-sub:hsl(205 30% 30%);--link-light:hsl(205, 100%, 40%);--border-light:hsl(205, 30%, 85%);--bg-dark:hsl(205 30% 15%);--bg-dark-sub:hsl(205 30% 25%);--text-dark:hsl(205, 30%, 95%);--text-dark-sub:hsl(205 30% 80%);--link-dark:hsl(205 100% 80%);--border-dark:hsl(205, 30%, 40%);--back:var(--bg-light);--subback:var(--bg-light-sub);--text:var(--text-light);--subtext:var(--text-light-sub);--link:var(--link-light);--accent:var(--link-dark);--border:var(--border-light)}:root[data-theme=dark]{--back:var(--bg-dark);--subback:var(--bg-dark-sub);--text:var(--text-dark);--subtext:var(--text-dark-sub);--link:var(--link-dark);--accent:var(--link-light);--border:var(--border-dark)}html{-webkit-text-size-adjust:100%;overflow-y:scroll;scroll-padding-top:24px}body{font-family:var(--mainfont);background:var(--back);color:var(--text);font-size:1rem;overflow-wrap:anywhere;letter-spacing:.05em}a{position:relative;color:var(--link);text-underline-offset:.3em;text-decoration-thickness:1px}a:hover{text-decoration-line:underline}img,iframe{max-width:100%;height:auto}img{object-fit:cover}[type=radio]{-webkit-appearance:radio;appearance:radio}[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}::placeholder{color:var(--subtext)}pre,code,kbd,samp{font-family:var(--codefont)}input,textarea,select{font-size:16px}button{cursor:pointer;user-select:none}:is(h1,h2,h3,h4,h5,h6){font-weight:700}select{height:48px;width:100%;padding:0 12px 0 16px;background-color:var(--back);background-image:linear-gradient(-45deg,transparent 39%,var(--subtext) 41%,var(--subtext) 59%,transparent 61%),linear-gradient(45deg,transparent 39%,var(--subtext) 41%,var(--subtext) 59%,transparent 61%);background-size:7px 7px,7px 7px;background-position:calc(100% - 12px),calc(100% - 18px);background-repeat:no-repeat;color:var(--subtext);border:1px solid var(--border);border-radius:8px;cursor:pointer}select:hover{background-image:linear-gradient(-45deg,transparent 39%,var(--link) 41%,var(--link) 59%,transparent 61%),linear-gradient(45deg,transparent 39%,var(--link) 41%,var(--link) 59%,transparent 61%)}.wrapper{margin:auto;width:100vw;max-width:800px;min-height:100%;padding:0 24px}.header{padding:32px 0 24px}.main{padding:24px 0 0;margin-bottom:48px}.footer{padding:16px 0}.header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.header-container{display:flex;align-items:center;gap:16px}.blog-title{font-size:2rem;font-weight:700}.blog-title a{display:block;color:inherit}.blog-title a:hover{color:var(--link)}.blog-title svg{fill:var(--text);width:160px;height:40px}.blog-title a:hover svg{fill:var(--link)}.theme-button{width:40px;height:40px;display:flex;justify-content:center;align-items:center}.theme-button svg{fill:var(--text);width:24px;height:24px}.theme-button:hover svg{fill:var(--link)}.theme-button .icon-dark{display:inline}.theme-button .icon-light{display:none}[data-theme=dark] .icon-dark{display:none}[data-theme=dark] .icon-light{display:inline}.menu ul{display:flex;line-height:1;flex-wrap:wrap;gap:24px}.menu li{text-align:center;flex-wrap:wrap}.menu a{color:var(--text);font-weight:700}.menu a:hover{color:var(--link)}.breadcrumbs{display:flex;margin-bottom:24px;list-style:none;color:var(--subtext);font-size:.875rem}.breadcrumbs li{display:inline-flex;align-items:center;flex-shrink:0;line-height:1.5}.breadcrumbs li+li::before{content:"/";margin:0 8px;color:var(--border);flex-shrink:0}.breadcrumbs li:last-child{flex-shrink:1;min-width:0;overflow:hidden}.breadcrumbs li:last-child a,.breadcrumbs li:last-child span,.breadcrumbs li[aria-current=page]{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.footer{font-size:.875rem;color:var(--subtext)}.footer-link{display:flex;justify-content:center;gap:16px;padding:0 0 8px;flex-wrap:wrap}.footer-link a{color:inherit}.footer-link a:hover{color:var(--link)}.footer p{text-align:center;padding:8px 0 0}